@planningcenter/chat-react-native 3.44.1-qa-874.0 → 3.44.1-qa-876.0

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

@@ -3,6 +3,7 @@ import React, { useRef, useState } from 'react'
 import { View, StyleSheet } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
+import { safeAspectRatio } from '../../../utils'
 import { Video, VideoPlayerHandle } from '../../../utils/native_adapters'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { Icon } from '../../display'
@@ -58,7 +59,7 @@ export function VideoAttachment({
         <Video.Player
           ref={videoRef}
           source={{ uri: url }}
-          aspectRatio={width / height}
+          aspectRatio={safeAspectRatio(width, height)}
           style={styles.video}
           onFullscreenPlayerWillDismiss={onFullscreenPlayerWillDismiss}
         />

package/src/components/conversation/message.tsx

@@ -17,6 +17,8 @@ import {
   useTheme,
 } from '../../hooks'
 import { useDeletingIds } from '../../hooks'
+// CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+import { useLayoutWidthProbe } from '../../hooks/use_conversation_layout_diagnostics'
 import { useConversationMessage } from '../../hooks/use_conversation_message'
 import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
 import { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
@@ -69,6 +71,8 @@ export function Message({
   const isPersisted = !isNewMessage(message)
   const [temporarilyHidePendingState, setTemporarilyHidePendingState] = React.useState(true)
   const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  const onMessageBubbleLayout = useLayoutWidthProbe('message.bubble', 0)
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
   const { message: replyRootMessage } = useConversationMessage({
@@ -231,7 +235,10 @@ export function Message({
           )}
           <View
             style={styles.messageBubble}
-            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}
+            onLayout={e => {
+              setMessageBubbleHeight(e.nativeEvent.layout.height)
+              onMessageBubbleLayout?.(e)
+            }}
           >
             {isDeletedReplyRootMessage ? (
               <View style={styles.messageText}>

package/src/components/conversation/message_form.tsx

@@ -24,6 +24,8 @@ import {
 import { useAttachmentUploader } from '../../hooks/use_attachment_uploader'
 import { useBroadcastTypingStatus } from '../../hooks/use_broadcast_typing_status'
 import { useChatConfiguration } from '../../hooks/use_chat_configuration'
+// CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+import { useLayoutWidthProbe } from '../../hooks/use_conversation_layout_diagnostics'
 import { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
 import { useMessageDraft } from '../../hooks/use_message_draft'
 import { ConversationScreenProps } from '../../screens/conversation_screen'
@@ -430,6 +432,11 @@ function MessageFormInput() {
 
   const broadcastTypingStatus = useBroadcastTypingStatus()
 
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  const onTextInputBoundaryLayout = useLayoutWidthProbe('form.textInputBoundary', 2)
+  const onInputErrorMessageLayout = useLayoutWidthProbe('form.errorText', 32)
+  const onTextInputLayout = useLayoutWidthProbe('form.textInput', 32)
+
   const handleTextChange = (newText: string) => {
     setText(newText)
 
@@ -448,9 +455,13 @@ function MessageFormInput() {
   }
 
   return (
-    <View style={styles.textInputBoundary}>
+    <View style={styles.textInputBoundary} onLayout={onTextInputBoundaryLayout}>
       <MessageFormAttachments />
-      {attachmentError ? <Text style={styles.inputErrorMessage}>{attachmentError}</Text> : null}
+      {attachmentError ? (
+        <Text style={styles.inputErrorMessage} onLayout={onInputErrorMessageLayout}>
+          {attachmentError}
+        </Text>
+      ) : null}
       <View style={styles.textInputRow}>
         {usingGiphy ? (
           <View style={styles.giphyBadge}>
@@ -472,6 +483,7 @@ function MessageFormInput() {
           onSubmitEditing={onSubmit}
           submitBehavior={usingGiphy ? 'submit' : 'newline'}
           editable={inputEditable}
+          onLayout={onTextInputLayout}
         />
       </View>
     </View>

package/src/components/conversation/reply_shadow_message.tsx

@@ -9,6 +9,8 @@ import {
   useScalableNumberOfLines,
   useTheme,
 } from '../../hooks'
+// CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+import { useLayoutWidthProbe } from '../../hooks/use_conversation_layout_diagnostics'
 import { useConversationMessage } from '../../hooks/use_conversation_message'
 import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
 import { MessageResource } from '../../types'
@@ -18,7 +20,7 @@ import {
   DenormalizedExpandedLinkAttachmentResource,
   DenormalizedMessageAttachmentResource,
 } from '../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers, pluralize } from '../../utils'
+import { assertKeysAreNumbers, pluralize, safeAspectRatio } from '../../utils'
 import {
   CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
   MAX_FONT_SIZE_MULTIPLIER,
@@ -70,6 +72,8 @@ function ShadowMessageContent({ conversation_id, ...message }: ShadowMessageCont
   const timestamp = useLiveRelativeTime(message.createdAt)
 
   const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  const onMessageBubbleLayout = useLayoutWidthProbe('replyShadow.bubble', 18)
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
   const scalableNumberOfLines = useScalableNumberOfLines(2)
@@ -119,7 +123,10 @@ function ShadowMessageContent({ conversation_id, ...message }: ShadowMessageCont
         <View style={styles.messageContent}>
           <View
             style={styles.messageBubble}
-            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}
+            onLayout={e => {
+              setMessageBubbleHeight(e.nativeEvent.layout.height)
+              onMessageBubbleLayout?.(e)
+            }}
           >
             <MessageAttachmentImagery attachments={attachments} />
             {text && (
@@ -324,7 +331,7 @@ const useStyles = ({ mine, imageWidth = 32, imageHeight = 32 }: StylesProps = {}
     },
     imageWrapper: {
       width: 32 * fontScale,
-      aspectRatio: imageWidth / imageHeight,
+      aspectRatio: safeAspectRatio(imageWidth, imageHeight),
       opacity: 0.5,
     },
     image: {

package/src/components/display/badge.tsx

@@ -3,6 +3,8 @@ import type { TextStyle, ViewProps, ViewStyle } from 'react-native'
 import { Pressable, StyleSheet, View } from 'react-native'
 import Svg, { Defs, LinearGradient, Path, Stop } from 'react-native-svg'
 import { useFontScale, useTheme } from '../../hooks'
+// CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+import { useLayoutWidthProbe } from '../../hooks/use_conversation_layout_diagnostics'
 import { platformFontWeightMedium } from '../../utils'
 import { tokens } from '../../vendor/tapestry/tokens'
 import { Icon, IconString } from './icon'
@@ -107,6 +109,14 @@ export function Badge({
 }: BadgeProps) {
   const styles = useStyles({ appearance, maxFontSizeMultiplier, variant })
   const { showBadgeProductLogo } = useTheme()
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  // Inset is metaLabel's remaining contentInset now that its left offset is
+  // a margin, not padding - see the CHAT-476 candidate fix on this style.
+  const onLabelLayout = useLayoutWidthProbe('badge.label', 0)
+  const onMetaLabelLayout = useLayoutWidthProbe(
+    'badge.metaLabel',
+    styles.metaLabel.paddingHorizontal * 2
+  )
 
   const isMetaSubtle = variant === 'metaSubtle'
   const hasMetaLabel = Boolean(metaLabel)
@@ -127,6 +137,7 @@ export function Badge({
           style={styles.label}
           numberOfLines={1}
           maxFontSizeMultiplier={maxFontSizeMultiplier}
+          onLayout={onLabelLayout}
         >
           {badgeLabel}
         </Text>
@@ -138,6 +149,7 @@ export function Badge({
           style={styles.metaLabel}
           numberOfLines={numberOfLinesMetaLabel}
           maxFontSizeMultiplier={maxFontSizeMultiplier}
+          onLayout={onMetaLabelLayout}
         >
           {metaLabel}
         </Text>
@@ -234,7 +246,10 @@ const useStyles = ({
       paddingVertical: variantStylesMap[variant].paddingVertical,
       paddingHorizontal: variantStylesMap[variant].paddingHorizontal,
       backgroundColor: variantStylesMap[variant].backgroundColor,
-      borderRadius: variantStylesMap[variant].borderRadius - 2,
+      // metaSubtle's borderRadius is 0, so this would otherwise resolve to -2.
+      // Neither platform clamps a negative radius; Android's BackgroundDrawable
+      // reads it as "no rounded borders" and skips the rounded path entirely.
+      borderRadius: Math.max(0, variantStylesMap[variant].borderRadius - 2),
     },
     icon: {
       color: statusColorMap[appearance].icon,
@@ -258,7 +273,10 @@ const useStyles = ({
       fontSize: badgeFontSize,
       alignSelf: 'center',
       flexShrink: 1,
-      paddingLeft: variantStylesMap[variant].metaLabelPaddingLeft,
+      // CHAT-476 candidate fix: margin (not padding) so this offset sits
+      // outside contentInsets - a shrunk Text can never see it as part of
+      // its own measured content width, so it can't go negative from this.
+      marginLeft: variantStylesMap[variant].metaLabelPaddingLeft,
     },
   })
 }

package/src/hooks/use_conversation_layout_diagnostics.ts

@@ -0,0 +1,123 @@
+import { useCallback, useEffect, useRef } from 'react'
+import { LayoutChangeEvent, PixelRatio, Platform, useWindowDimensions } from 'react-native'
+import { Log } from '../utils'
+
+const BREADCRUMB_INTERVAL_MS = 500
+const MAX_BREADCRUMB_FLUSHES = 6
+const SUSPICIOUS_MARGIN = 1
+
+type LayoutSample = { width: number; height: number; x: number }
+
+// Temporary instrumentation for CHAT-476 (Android-only `Layout: -2 < 0`
+// conversation crash). Android's text layout hard-throws when a Text or
+// TextInput resolves to a non-positive content width; this attaches to
+// onLayout on suspect nodes and reports their resolved width through the
+// host error reporter, so a QA repro surfaces which node it is before the
+// native crash tears down the surface. Remove once CHAT-476 is resolved —
+// this hook and every call site are tagged CHAT-476 for that reason.
+
+const samplesByLabel = new Map<string, LayoutSample>()
+const reportedSuspiciousLabels = new Set<string>()
+
+// Test-only: the maps above are module-scope so useConversationLayoutDiagnostics
+// can flush every probe's latest sample in one breadcrumb. Reset between tests.
+export const __resetLayoutDiagnosticsForTests = () => {
+  samplesByLabel.clear()
+  reportedSuspiciousLabels.clear()
+}
+
+/**
+ * Attaches to a suspect Text/TextInput/View's onLayout and reports through
+ * Log.reportError the first time its resolved width drops to at or below
+ * its own horizontal inset (padding/border) — the shape that Android's
+ * unclamped text-measure path can turn into a negative width. Returns
+ * undefined on non-Android platforms so it's a no-op there.
+ */
+export const useLayoutWidthProbe = (label: string, inset = 0) => {
+  const mountedAtRef = useRef(Date.now())
+
+  const handleLayout = useCallback(
+    (event: LayoutChangeEvent) => {
+      const { width, height, x } = event.nativeEvent.layout
+      const previous = samplesByLabel.get(label)
+      if (previous && previous.width === width && previous.height === height && previous.x === x) {
+        return
+      }
+      samplesByLabel.set(label, { width, height, x })
+
+      const isSuspicious = width <= inset + SUSPICIOUS_MARGIN
+      if (!isSuspicious || reportedSuspiciousLabels.has(label)) return
+
+      reportedSuspiciousLabels.add(label)
+      Log.reportError(new Error(`CHAT-476: ${label} measured at or below its horizontal inset`), {
+        scope: 'component',
+        tags: { team: 'chat', chat476: 'near-zero-width' },
+        extra: {
+          label,
+          width,
+          height,
+          x,
+          inset,
+          msSinceMount: Date.now() - mountedAtRef.current,
+          pixelRatio: PixelRatio.get(),
+          fontScale: PixelRatio.getFontScale(),
+        },
+      })
+    },
+    [label, inset]
+  )
+
+  if (Platform.OS !== 'android') return undefined
+
+  return handleLayout
+}
+
+/**
+ * Mount once per conversation screen. Periodically flushes every probed
+ * label's latest known width as a single breadcrumb, so there's a timeline
+ * leading up to the crash even if no individual probe crosses the
+ * suspicious threshold. Capped at MAX_BREADCRUMB_FLUSHES per mount.
+ */
+export const useConversationLayoutDiagnostics = ({
+  conversationId,
+  replyRootId,
+}: {
+  conversationId: number
+  replyRootId?: string | null
+}) => {
+  const { width: windowWidth } = useWindowDimensions()
+  const mountedAtRef = useRef(Date.now())
+  const flushCountRef = useRef(0)
+
+  useEffect(() => {
+    if (Platform.OS !== 'android') return
+
+    samplesByLabel.clear()
+    reportedSuspiciousLabels.clear()
+    mountedAtRef.current = Date.now()
+    flushCountRef.current = 0
+
+    const interval = setInterval(() => {
+      if (flushCountRef.current >= MAX_BREADCRUMB_FLUSHES || samplesByLabel.size === 0) return
+
+      flushCountRef.current += 1
+      Log.reportError(new Error('CHAT-476: layout breadcrumb'), {
+        scope: 'component',
+        tags: { team: 'chat', chat476: 'breadcrumb' },
+        extra: {
+          conversationId,
+          replyRootId,
+          msSinceMount: Date.now() - mountedAtRef.current,
+          windowWidth,
+          pixelRatio: PixelRatio.get(),
+          fontScale: PixelRatio.getFontScale(),
+          samples: [...samplesByLabel.entries()].map(
+            ([label, { width, height, x }]) => `${label}|w=${width}|h=${height}|x=${x}`
+          ),
+        },
+      })
+    }, BREADCRUMB_INTERVAL_MS)
+
+    return () => clearInterval(interval)
+  }, [conversationId, replyRootId, windowWidth])
+}

package/src/hooks/use_conversation_messages.ts

@@ -7,7 +7,7 @@ export const useConversationMessages = (
   { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },
   opts?: SuspensePaginatorOptions
 ) => {
-  const { data, refetch, isRefetching, fetchNextPage, hasNextPage } =
+  const { data, refetch, isRefetching, fetchNextPage, hasNextPage, isFetchingNextPage } =
     useSuspensePaginator<MessageResource>(
       getMessagesRequestArgs({ conversation_id, reply_root_id }),
       opts
@@ -25,5 +25,13 @@ export const useConversationMessages = (
     [data]
   )
 
-  return { messages, refetch, isRefetching, fetchNextPage, hasNextPage, queryKey }
+  return {
+    messages,
+    refetch,
+    isRefetching,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    queryKey,
+  }
 }

package/src/navigation/index.tsx

@@ -178,10 +178,9 @@ export const ChatStack = createNativeStackNavigator({
         composeOptions(
           {
             headerTitle: (route.params as { title?: string })?.title ?? 'Chat',
+            headerBackVisible: false,
           },
-          withMinimalBack({
-            onPress: navigation.goBack,
-          })
+          withRightClose({ onPress: navigation.goBack })
         ),
     },
     ConversationFilters: {

package/src/screens/conversation_screen.tsx

@@ -32,6 +32,11 @@ import { useTheme } from '../hooks'
 import { useMessageAvailableMembersAction } from '../hooks/direct_messages/use_message_available_members_action'
 import { useConversation } from '../hooks/use_conversation'
 import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'
+// CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+import {
+  useConversationLayoutDiagnostics,
+  useLayoutWidthProbe,
+} from '../hooks/use_conversation_layout_diagnostics'
 import { useConversationMessages } from '../hooks/use_conversation_messages'
 import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events'
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read'
@@ -91,12 +96,14 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
   const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } =
     route.params
   const { data: conversation } = useConversation(route.params)
-  const { messages, fetchNextPage, hasNextPage } = useConversationMessages({
+  const { messages, fetchNextPage, hasNextPage, isFetchingNextPage } = useConversationMessages({
     conversation_id,
     reply_root_id,
   })
   useConversationJoltEvents({ conversationId: conversation_id })
   useConversationMessagesJoltEvents({ conversationId: conversation_id })
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  useConversationLayoutDiagnostics({ conversationId: conversation_id, replyRootId: reply_root_id })
   const { markHandledByMessageForm } = useVideoModerationJoltEvents()
   useEnsureConversationsRouteExists()
   useMarkLatestMessageRead({ conversation, messages })
@@ -216,7 +223,11 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
                 />
               )
             }}
-            onEndReached={() => fetchNextPage()}
+            onEndReached={() => {
+              // VirtualizedList dedupes onEndReached per content length, not
+              // per fetch, so it can refire while a page is already in flight.
+              if (hasNextPage && !isFetchingNextPage) fetchNextPage()
+            }}
             ListHeaderComponent={<View style={styles.listHeader} />}
           />
         )}
@@ -289,11 +300,13 @@ function InlineDateSeparator({ date }: DateSeparator) {
   const { isThisYear } = getRelativeDateStatus(date)
   const showYear = !isThisYear
   const dateStamp = formatDate(date, { style: 'long', year: showYear })
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  const onDateTextLayout = useLayoutWidthProbe('dateSeparator.text', 16)
 
   return (
     <View style={styles.container}>
       <View style={styles.separator} />
-      <Text variant="footnote" style={styles.dateText}>
+      <Text variant="footnote" style={styles.dateText} onLayout={onDateTextLayout}>
         {dateStamp}
       </Text>
       <View style={styles.separator} />
@@ -342,11 +355,14 @@ export const ConversationScreenTitle = ({
   const resourceType = badge?.pcoResourceType || ''
   const productName = badge?.appName
   const name = badge?.text || undefined
+  // CHAT-476 diagnostics - remove with use_conversation_layout_diagnostics.ts
+  const onHeaderContainerLayout = useLayoutWidthProbe('header.container', 0)
 
   return (
     <PlatformPressable
       accessibilityHint="Opens details about members and settings"
       style={styles.container}
+      onLayout={onHeaderContainerLayout}
       onPress={() => {
         if (deleted) return
 
@@ -377,7 +393,12 @@ export const ConversationScreenTitle = ({
 const usePressableHeaderStyle = () => {
   const { width } = useWindowDimensions()
   const slotReserve = useHeaderSlotReserve()
-  const headerContainerStyle = { maxWidth: width - slotReserve * 2 }
+
+  // Guards narrow windows (split-screen, freeform, DeX) where slotReserve * 2
+  // exceeds the available width. A negative maxWidth can hand a descendant
+  // <Text> a negative measure width, and android.text.Layout hard-throws on
+  // that (`Layout: -2 < 0`) rather than clamping the way iOS does.
+  const headerContainerStyle = { maxWidth: Math.max(0, width - slotReserve * 2) }
 
   return StyleSheet.create({
     container: {

package/src/screens/message_report_screen.tsx

@@ -30,9 +30,11 @@ export const MessageReportScreenOptions = ({
 }: NativeStackScreenProps<any>): NativeStackNavigationOptions => {
   const handleClose = () =>
     navigation.dispatch(
-      StackActions.popTo('Conversation', {
-        conversation_id: route.params?.conversation_id,
-      })
+      StackActions.popTo(
+        'Conversation',
+        { conversation_id: route.params?.conversation_id },
+        { merge: true }
+      )
     )
 
   return composeOptions(
@@ -100,7 +102,7 @@ function MessageReportScreenContent({
   }, [isFormValid, selectedReason, reasonDetail, submitReport])
 
   const handleClose = useCallback(() => {
-    navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }))
+    navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }, { merge: true }))
   }, [navigation, conversation_id])
 
   const formVisible = status !== 'pending' && status !== 'success'

package/src/utils/__tests__/aspect_ratio.test.ts

@@ -0,0 +1,50 @@
+import { safeAspectRatio } from '../aspect_ratio'
+
+describe('safeAspectRatio', () => {
+  it.each([
+    [200, 100, 2],
+    [100, 200, 0.5],
+    [100, 100, 1],
+  ])('divides width %p by height %p to get %p', (width, height, expected) => {
+    expect(safeAspectRatio(width, height)).toBe(expected)
+  })
+
+  describe('with values that would produce a non-positive or non-finite ratio', () => {
+    it.each([
+      [0, 100],
+      [100, 0],
+      [0, 0],
+      [-100, 100],
+      [100, -100],
+      [undefined, 100],
+      [100, undefined],
+      [undefined, undefined],
+      [NaN, 100],
+      [100, NaN],
+      [Infinity, 100],
+    ])('falls back to 1 for width %p, height %p', (width, height) => {
+      expect(safeAspectRatio(width, height)).toBe(1)
+    })
+  })
+
+  it('falls back to a caller-supplied value instead of the default', () => {
+    expect(safeAspectRatio(0, 100, 0.75)).toBe(0.75)
+  })
+
+  it('never returns 0, a negative number, or a non-finite number', () => {
+    const invertedFallbackCases: Array<[number | undefined, number | undefined]> = [
+      [0, 100],
+      [100, 0],
+      [-100, 100],
+      [NaN, 100],
+      [Infinity, 100],
+    ]
+
+    for (const [width, height] of invertedFallbackCases) {
+      const ratio = safeAspectRatio(width, height)
+      expect(ratio).not.toBe(0)
+      expect(Number.isFinite(ratio)).toBe(true)
+      expect(ratio).toBeGreaterThan(0)
+    }
+  })
+})

package/src/utils/aspect_ratio.ts

@@ -0,0 +1,14 @@
+// assertKeysAreNumbers coerces unparseable attachment dimensions to 0, so a
+// raw width / height can be NaN or Infinity. Yoga ignores a NaN aspectRatio
+// and resolves Infinity by collapsing the dependent dimension to 0, so both
+// produce a silently broken box rather than an error.
+export const safeAspectRatio = (
+  width: number | undefined,
+  height: number | undefined,
+  fallback = 1
+): number => {
+  if (!width || !height) return fallback
+
+  const ratio = width / height
+  return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback
+}

package/src/utils/index.ts

@@ -1,4 +1,5 @@
 export * from './assert_keys_are_numbers'
+export * from './aspect_ratio'
 export * from './attachment_kind'
 export * from './chat_type_label'
 export * from './cache'