stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/lib/module/contexts/themeContext/utils/theme.js

@@ -2,12 +2,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTheme = exports.DEFAULT_STATUS_ICON_SIZE = exports.Colors = exports.BASE_AVATAR_SIZE = void 0;
+var _reactNative = require("react-native");
+var _theme = require("../../../theme");
 var DEFAULT_STATUS_ICON_SIZE = exports.DEFAULT_STATUS_ICON_SIZE = 16;
-var BASE_AVATAR_SIZE = exports.BASE_AVATAR_SIZE = 32;
+var BASE_AVATAR_SIZE = exports.BASE_AVATAR_SIZE = 24;
 var Colors = exports.Colors = {
   accent_blue: '#005FFF',
   accent_dark_blue: '#005DFF',
-  accent_error: '#FF3842',
+  accent_error: '#D92F26',
   accent_green: '#20E070',
   accent_info: '#1FE06F',
   accent_red: '#FF3742',
@@ -16,7 +18,6 @@ var Colors = exports.Colors = {
   bg_user: '#F7F7F8',
   black: '#000000',
   blue_alice: '#E9F2FF',
-  border: '#00000014',
   code_block: '#DDDDDD',
   disabled: '#B4BBBA',
   grey: '#7A7A7A',
@@ -29,6 +30,7 @@ var Colors = exports.Colors = {
   light_gray: '#E9EAED',
   modal_shadow: '#00000099',
   overlay: '#000000CC',
+  selected: 'hsla(0, 0%, 0%, 0.15)',
   shadow_icon: '#00000040',
   static_black: '#000000',
   static_white: '#ffffff',
@@ -41,6 +43,7 @@ var Colors = exports.Colors = {
   white_snow: '#FCFCFC'
 };
 var defaultTheme = exports.defaultTheme = {
+  semantics: _reactNative.Appearance.getColorScheme() === 'light' ? _theme.lightSemantics : _theme.darkSemantics,
   aiTypingIndicatorView: {
     container: {},
     text: {}
@@ -48,9 +51,11 @@ var defaultTheme = exports.defaultTheme = {
   attachmentPicker: {
     bottomSheetContentContainer: {},
     durationText: {},
-    errorButtonText: {},
-    errorContainer: {},
-    errorText: {},
+    content: {
+      container: {},
+      infoContainer: {},
+      text: {}
+    },
     handle: {
       container: {},
       indicator: {}
@@ -66,6 +71,8 @@ var defaultTheme = exports.defaultTheme = {
     icon: {}
   },
   audioAttachment: {
+    centerContainer: {},
+    audioInfo: {},
     container: {},
     leftContainer: {},
     playPauseButton: {},
@@ -111,51 +118,83 @@ var defaultTheme = exports.defaultTheme = {
   channelListLoadingIndicator: {
     container: {}
   },
-  channelListMessenger: {
+  channelListView: {
     flatList: {},
     flatListContent: {}
   },
+  channelDetailsMenu: {
+    contentContainer: {},
+    header: {
+      container: {},
+      metaContainer: {},
+      metaText: {}
+    },
+    item: {
+      container: {},
+      destructiveText: {},
+      standardText: {}
+    }
+  },
   channelListSkeleton: {
-    animationTime: 1800,
-    background: {},
+    animationTime: 1000,
+    avatar: {},
+    badge: {},
+    content: {},
     container: {},
-    gradientStart: {
-      stopOpacity: 0
-    },
-    gradientStop: {
-      stopOpacity: 0.5
-    },
-    height: 64
+    headerRow: {},
+    subtitle: {},
+    textContainer: {},
+    title: {}
+  },
+  threadListSkeleton: {
+    animationTime: 1000,
+    avatar: {},
+    body: {},
+    content: {},
+    contentContainer: {},
+    container: {},
+    footerIcon: {},
+    footerPill: {},
+    footerRow: {},
+    headerLabel: {},
+    textContainer: {},
+    timestamp: {}
   },
   channelPreview: {
-    avatar: {
-      size: 40
-    },
-    checkAllIcon: {
-      height: DEFAULT_STATUS_ICON_SIZE,
-      width: DEFAULT_STATUS_ICON_SIZE
-    },
-    checkIcon: {
-      height: DEFAULT_STATUS_ICON_SIZE,
-      width: DEFAULT_STATUS_ICON_SIZE
-    },
     container: {},
     contentContainer: {},
     date: {},
     message: {
-      container: {}
+      container: {},
+      subtitle: {},
+      errorText: {},
+      draftText: {}
     },
-    mutedStatus: {
-      height: 20,
-      iconStyle: {},
-      width: 20
+    messageDeliveryStatus: {
+      container: {},
+      text: {},
+      checkAllIcon: {},
+      checkIcon: {},
+      timeIcon: {}
     },
-    row: {},
+    mutedStatus: {},
+    lowerRow: {},
     title: {},
     unreadContainer: {},
-    unreadText: {}
+    unreadText: {},
+    typingIndicatorPreview: {
+      container: {},
+      text: {}
+    },
+    upperRow: {},
+    statusContainer: {},
+    titleContainer: {},
+    wrapper: {},
+    messagePreview: {
+      container: {},
+      subtitle: {}
+    }
   },
-  colors: Object.assign({}, Colors),
   dateHeader: {
     container: {},
     text: {}
@@ -188,8 +227,8 @@ var defaultTheme = exports.defaultTheme = {
       container: {},
       imageCountText: {},
       innerContainer: {},
-      leftContainer: {},
-      rightContainer: {}
+      activityIndicatorContainer: {},
+      wrapper: {}
     },
     grid: {
       container: {},
@@ -206,15 +245,13 @@ var defaultTheme = exports.defaultTheme = {
       container: {},
       dateText: {},
       innerContainer: {},
-      leftContainer: {},
-      rightContainer: {},
       usernameText: {}
     },
     videoControl: {
+      container: {},
       durationTextStyle: {},
-      progressDurationText: {},
-      roundedView: {},
-      videoContainer: {}
+      leftContainer: {},
+      progressContainer: {}
     }
   },
   inlineDateSeparator: {
@@ -224,7 +261,7 @@ var defaultTheme = exports.defaultTheme = {
   loadingDots: {
     container: {},
     loadingDot: {},
-    spacing: 4
+    spacing: _theme.primitives.spacingXxs
   },
   loadingErrorIndicator: {
     container: {},
@@ -235,20 +272,14 @@ var defaultTheme = exports.defaultTheme = {
     container: {},
     loadingText: {}
   },
-  messageInput: {
+  messageComposer: {
     attachButton: {},
     attachButtonContainer: {},
     attachmentSelectionBar: {},
-    attachmentSeparator: {},
-    attachmentUnsupportedIndicator: {
-      container: {},
-      text: {},
-      warningIcon: {}
-    },
     attachmentUploadPreviewList: {
-      filesFlatList: {},
-      imagesFlatList: {},
-      wrapper: {}
+      audioAttachmentsContainer: {},
+      flatList: {},
+      itemSeparator: {}
     },
     audioRecorder: {
       arrowLeftIcon: {},
@@ -262,10 +293,7 @@ var defaultTheme = exports.defaultTheme = {
       sendCheckIcon: {},
       slideToCancelContainer: {}
     },
-    audioRecordingButton: {
-      container: {},
-      micIcon: {}
-    },
+    audioRecordingButtonContainer: {},
     audioRecordingInProgress: {
       container: {},
       durationText: {}
@@ -287,17 +315,10 @@ var defaultTheme = exports.defaultTheme = {
       container: {},
       waveform: {}
     },
-    autoCompleteInputContainer: {},
-    commandInput: {
-      closeButton: {},
-      container: {},
-      text: {}
-    },
-    commandsButton: {},
-    composerContainer: {},
     container: {},
+    contentContainer: {},
+    cooldownButtonContainer: {},
     cooldownTimer: {
-      container: {},
       text: {}
     },
     dismissAttachmentUpload: {
@@ -305,13 +326,8 @@ var defaultTheme = exports.defaultTheme = {
       dismissIcon: {},
       dismissIconColor: ''
     },
-    editingBoxContainer: {},
-    editingBoxHeader: {},
-    editingBoxHeaderTitle: {},
-    editingStateHeader: {
-      editingBoxHeader: {},
-      editingBoxHeaderTitle: {}
-    },
+    editButton: {},
+    editButtonContainer: {},
     fileAttachmentUploadPreview: {
       fileContainer: {},
       filenameText: {},
@@ -320,37 +336,64 @@ var defaultTheme = exports.defaultTheme = {
       uploadProgressOverlay: {},
       wrapper: {}
     },
+    fileUploadInProgressIndicator: {
+      container: {},
+      indicator: {}
+    },
+    fileUploadRetryIndicator: {
+      container: {},
+      networkErrorContainer: {},
+      networkErrorText: {},
+      retryButton: {},
+      retryText: {}
+    },
+    fileUploadNotSupportedIndicator: {
+      container: {},
+      notSupportedText: {}
+    },
+    imageUploadInProgressIndicator: {
+      container: {},
+      indicator: {}
+    },
+    imageUploadRetryIndicator: {
+      container: {}
+    },
+    imageUploadNotSupportedIndicator: {
+      container: {}
+    },
     fileUploadPreview: {
       flatList: {}
     },
+    floatingWrapper: {},
     focusedInputBoxContainer: {},
     imageAttachmentUploadPreview: {
-      itemContainer: {},
-      upload: {}
+      container: {},
+      upload: {},
+      wrapper: {}
     },
-    imageUploadPreview: {
-      flatList: {}
+    videoAttachmentUploadPreview: {
+      durationContainer: {},
+      durationText: {}
     },
     inputBox: {},
     inputBoxContainer: {},
+    inputBoxWrapper: {},
+    inputButtonsContainer: {},
+    inputContainer: {},
+    inputFloatingContainer: {},
     micButtonContainer: {},
-    moreOptionsButton: {},
     nativeAttachmentPicker: {
       buttonContainer: {},
       buttonDimmerStyle: {},
       container: {}
     },
-    optionsContainer: {},
-    replyContainer: {},
-    searchIcon: {},
+    outputButtonsContainer: {},
     sendButton: {},
     sendButtonContainer: {},
     sendMessageDisallowedIndicator: {
       container: {},
       text: {}
     },
-    sendRightIcon: {},
-    sendUpIcon: {},
     showThreadMessageInChannelButton: {
       check: {},
       checkBoxActive: {},
@@ -389,19 +432,22 @@ var defaultTheme = exports.defaultTheme = {
       container: {},
       flatlist: {}
     },
-    uploadProgressIndicator: {
+    wrapper: {},
+    linkPreviewList: {
+      linkContainer: {},
+      linkIcon: {},
       container: {},
-      indicatorColor: '',
-      overlay: {}
-    },
-    videoAttachmentUploadPreview: {
-      itemContainer: {},
-      recorderIcon: {},
-      recorderIconContainer: {},
-      upload: {}
+      imageWrapper: {},
+      dismissWrapper: {},
+      thumbnail: {},
+      wrapper: {},
+      metadataContainer: {},
+      text: {},
+      titleText: {}
     }
   },
   messageList: {
+    systemMessageContainer: {},
     container: {},
     contentContainer: {},
     errorNotification: {},
@@ -412,6 +458,8 @@ var defaultTheme = exports.defaultTheme = {
     },
     listContainer: {},
     messageContainer: {},
+    inlineDateSeparatorContainer: {},
+    unreadUnderlayContainer: {},
     messageSystem: {
       container: {},
       dateText: {},
@@ -421,18 +469,18 @@ var defaultTheme = exports.defaultTheme = {
     },
     scrollToBottomButton: {
       container: {},
-      touchable: {},
       unreadCountNotificationContainer: {},
-      unreadCountNotificationText: {},
-      wrapper: {}
+      unreadCountNotificationText: {}
     },
+    scrollToBottomButtonContainer: {},
+    stickyHeaderContainer: {},
     typingIndicatorContainer: {},
     unreadMessagesNotification: {
-      closeButtonContainer: {},
-      closeIcon: {},
       container: {},
-      text: {}
-    }
+      leftButtonContainer: {},
+      rightButtonContainer: {}
+    },
+    unreadMessagesNotificationContainer: {}
   },
   messageMenu: {
     actionList: {
@@ -450,7 +498,8 @@ var defaultTheme = exports.defaultTheme = {
       buttonContainer: {},
       container: {},
       contentContainer: {},
-      reactionIconSize: 24
+      reactionIconSize: 24,
+      emojiViewerButton: {}
     },
     userReactions: {
       avatarContainer: {},
@@ -460,7 +509,6 @@ var defaultTheme = exports.defaultTheme = {
       avatarSize: 64,
       container: {},
       contentContainer: {},
-      flatlistColumnContainer: {},
       flatlistContainer: {},
       radius: 2,
       reactionBubble: {},
@@ -474,73 +522,46 @@ var defaultTheme = exports.defaultTheme = {
   messagePreview: {
     message: {}
   },
-  messageSimple: {
+  messageItemView: {
+    blockedMessageContainer: {},
     actions: {
       button: {},
       buttonText: {},
       container: {}
     },
-    avatarWrapper: {
+    authorWrapper: {
       container: {},
-      leftAlign: {
-        marginRight: 8
-      },
-      rightAlign: {
-        marginLeft: 8
-      },
       spacer: {
         height: BASE_AVATAR_SIZE,
         width: BASE_AVATAR_SIZE
       }
     },
     card: {
-      authorName: {},
-      authorNameContainer: {},
-      authorNameFooter: {},
-      authorNameFooterContainer: {},
-      authorNameMask: {},
       container: {},
       cover: {},
       footer: {
         description: {},
-        title: {
-          fontWeight: '700'
-        }
-      },
-      noURI: {
-        borderLeftWidth: 2,
-        paddingLeft: 8
-      },
-      playButtonStyle: {
-        durationTextStyle: {},
-        roundedView: {},
-        videoContainer: {}
+        title: {}
       },
-      playIcon: {
-        height: 32,
-        width: 32
-      }
+      linkPreview: {},
+      linkPreviewText: {}
+    },
+    compactUrlPreview: {
+      wrapper: {},
+      container: {},
+      cardCover: {},
+      cardFooter: {},
+      title: {},
+      description: {},
+      linkPreview: {},
+      linkPreviewText: {}
     },
     container: {},
+    repliesContainer: {},
     content: {
-      container: {
-        borderRadiusL: 16,
-        borderRadiusS: 0
-      },
+      container: {},
       containerInner: {},
-      deletedContainer: {},
-      deletedContainerInner: {},
-      deletedMetaText: {
-        paddingHorizontal: 5
-      },
-      deletedText: {
-        em: {
-          fontSize: 15,
-          fontStyle: 'italic',
-          fontWeight: '400'
-        }
-      },
-      editedLabel: {},
+      contentContainer: {},
       editedTimestampContainer: {},
       errorContainer: {
         paddingRight: 12,
@@ -563,12 +584,6 @@ var defaultTheme = exports.defaultTheme = {
       markdown: {},
       messageGroupedSingleOrBottomContainer: {},
       messageGroupedTopContainer: {},
-      messageUser: {
-        fontSize: 12,
-        fontWeight: '700',
-        paddingRight: 6
-      },
-      metaContainer: {},
       metaText: {
         fontSize: 12
       },
@@ -584,7 +599,24 @@ var defaultTheme = exports.defaultTheme = {
       timestampText: {},
       wrapper: {}
     },
+    deleted: {
+      containerInner: {},
+      deletedText: {},
+      container: {}
+    },
+    footer: {
+      container: {},
+      name: {},
+      editedText: {}
+    },
     contentWrapper: {},
+    contentContainer: {},
+    leftAlignItems: {},
+    rightAlignItems: {},
+    messageGroupedSingleStyles: {},
+    messageGroupedBottomStyles: {},
+    messageGroupedTopStyles: {},
+    messageGroupedMiddleStyles: {},
     file: {
       container: {},
       details: {},
@@ -592,6 +624,11 @@ var defaultTheme = exports.defaultTheme = {
       icon: {},
       title: {}
     },
+    unsupportedAttachment: {
+      container: {},
+      details: {},
+      title: {}
+    },
     fileAttachmentGroup: {
       attachmentContainer: {},
       container: {}
@@ -599,37 +636,33 @@ var defaultTheme = exports.defaultTheme = {
     gallery: {
       galleryContainer: {},
       galleryItemColumn: {},
-      gridHeight: 195,
+      gridHeight: 192,
       gridWidth: 256,
       image: {},
       imageBorderRadius: undefined,
       imageContainer: {},
       imageContainerStyle: {},
-      maxHeight: 300,
+      maxHeight: 192,
       maxWidth: 256,
-      minHeight: 100,
-      minWidth: 170,
+      minHeight: 120,
+      minWidth: 120,
       moreImagesContainer: {},
       moreImagesText: {},
       thumbnail: {}
     },
     giphy: {
-      buttonContainer: {},
-      cancel: {},
+      actionButton: {},
+      actionButtonContainer: {},
+      actionButtonText: {},
       container: {},
       giphy: {},
       giphyContainer: {},
       giphyHeaderText: {},
-      giphyHeaderTitle: {},
       giphyMask: {},
       giphyMaskText: {},
       header: {},
-      selectionContainer: {},
-      send: {},
-      shuffle: {},
-      title: {}
+      imageIndicatorContainer: {}
     },
-    headerWrapper: {},
     lastMessageContainer: {},
     loadingIndicator: {
       container: {},
@@ -637,9 +670,13 @@ var defaultTheme = exports.defaultTheme = {
     },
     messageBlocked: {
       container: {},
-      line: {},
-      text: {},
-      textContainer: {}
+      text: {}
+    },
+    bubble: {
+      reactionListTopContainer: {},
+      contentContainer: {},
+      wrapper: {},
+      errorContainer: {}
     },
     messageGroupedSingleOrBottomContainer: {},
     messageGroupedTopContainer: {},
@@ -647,53 +684,64 @@ var defaultTheme = exports.defaultTheme = {
       container: {},
       label: {}
     },
+    savedForLaterHeader: {
+      container: {},
+      label: {}
+    },
+    reminderHeader: {
+      container: {},
+      label: {},
+      dot: {},
+      time: {}
+    },
+    sentToChannelHeader: {
+      container: {},
+      label: {},
+      dot: {},
+      link: {}
+    },
     reactionListBottom: {
       contentContainer: {},
-      item: {
-        container: {},
-        countText: {},
-        icon: {},
-        iconSize: 16
+      columnWrapper: {},
+      rowSeparator: {}
+    },
+    reactionListItem: {
+      reactionCount: {},
+      icon: {
+        size: 12,
+        style: {}
       }
     },
+    reactionListItemWrapper: {
+      wrapper: {},
+      container: {}
+    },
     reactionListTop: {
       container: {},
-      item: {
-        container: {},
-        icon: {},
-        iconFillColor: Colors.accent_blue,
-        iconSize: 24,
-        iconUnFillColor: Colors.grey,
-        reactionSize: 24
-      },
-      position: 16
+      contentContainer: {},
+      list: {},
+      position: 8
+    },
+    reactionListClustered: {
+      contentContainer: {},
+      reactionCount: {},
+      iconStyle: {},
+      icon: {
+        size: 12,
+        style: {}
+      }
     },
     replies: {
-      avatar: {},
-      avatarContainerMultiple: {},
-      avatarContainerSingle: {},
       container: {},
-      leftAvatarsContainer: {},
-      leftCurve: {},
+      content: {},
       messageRepliesText: {},
-      rightAvatarsContainer: {},
-      rightCurve: {}
+      avatarStackContainer: {}
     },
     status: {
-      checkAllIcon: {
-        height: DEFAULT_STATUS_ICON_SIZE,
-        width: DEFAULT_STATUS_ICON_SIZE
-      },
-      checkIcon: {
-        height: DEFAULT_STATUS_ICON_SIZE,
-        width: DEFAULT_STATUS_ICON_SIZE
-      },
-      readByCount: {},
-      statusContainer: {},
-      timeIcon: {
-        height: DEFAULT_STATUS_ICON_SIZE,
-        width: DEFAULT_STATUS_ICON_SIZE
-      }
+      checkAllIcon: {},
+      checkIcon: {},
+      container: {},
+      timeIcon: {}
     },
     swipeContentContainer: {},
     swipeLeftContent: {
@@ -714,8 +762,8 @@ var defaultTheme = exports.defaultTheme = {
       wrapper: {}
     },
     answersList: {
-      buttonContainer: {},
       container: {},
+      contentContainer: {},
       item: {
         answerText: {},
         container: {},
@@ -730,11 +778,17 @@ var defaultTheme = exports.defaultTheme = {
     createContent: {
       addComment: {
         title: {},
-        wrapper: {}
+        description: {},
+        wrapper: {},
+        optionCardContent: {},
+        optionCardSwitch: {}
       },
       anonymousPoll: {
         title: {},
-        wrapper: {}
+        description: {},
+        wrapper: {},
+        optionCardContent: {},
+        optionCardSwitch: {}
       },
       headerContainer: {},
       maxVotes: {
@@ -744,13 +798,20 @@ var defaultTheme = exports.defaultTheme = {
       },
       multipleAnswers: {
         row: {},
+        description: {},
+        input: {},
+        optionCardContent: {},
+        optionCardSwitch: {},
+        settingsWrapper: {},
         title: {},
+        optionCard: {},
         wrapper: {}
       },
       name: {
         input: {},
         title: {}
       },
+      optionCardWrapper: {},
       pollOptions: {
         addOption: {
           text: {},
@@ -758,6 +819,8 @@ var defaultTheme = exports.defaultTheme = {
         },
         container: {},
         optionStyle: {
+          content: {},
+          validationErrorContainer: {},
           input: {},
           validationErrorText: {},
           wrapper: {}
@@ -768,14 +831,18 @@ var defaultTheme = exports.defaultTheme = {
       sendButton: {},
       suggestOption: {
         title: {},
-        wrapper: {}
+        description: {},
+        wrapper: {},
+        optionCardContent: {},
+        optionCardSwitch: {}
       }
     },
     fullResults: {
       container: {},
       contentContainer: {},
       headerContainer: {},
-      headerText: {}
+      headerText: {},
+      headerTitle: {}
     },
     inputDialog: {
       button: {},
@@ -793,16 +860,15 @@ var defaultTheme = exports.defaultTheme = {
       },
       option: {
         container: {},
-        progressBar: {},
-        progressBarEmptyFill: '',
-        progressBarVotedFill: '',
-        progressBarWinnerFill: '',
+        info: {},
+        header: {},
         text: {},
-        voteButtonActive: '',
-        voteButtonContainer: {},
-        voteButtonInactive: '',
+        progressBarContainer: {},
+        progressBar: {},
         votesContainer: {},
-        wrapper: {}
+        votesText: {},
+        wrapper: {},
+        voteButtonContainer: {}
       },
       optionsWrapper: {}
     },
@@ -816,10 +882,12 @@ var defaultTheme = exports.defaultTheme = {
         container: {},
         headerContainer: {},
         title: {},
+        titleMeta: {},
         voteCount: {}
       },
       scrollView: {},
       title: {},
+      titleMeta: {},
       vote: {
         container: {},
         dateText: {},
@@ -829,50 +897,66 @@ var defaultTheme = exports.defaultTheme = {
   },
   progressControl: {
     container: {},
-    filledColor: '',
     filledStyles: {},
     thumb: {}
   },
   reply: {
+    audioIcon: {},
     container: {},
-    fileAttachmentContainer: {},
-    imageAttachment: {},
-    markdownStyles: {},
-    messageContainer: {},
-    secondaryText: {},
-    textContainer: {},
-    videoThumbnail: {
+    dismissWrapper: {},
+    fileIcon: {},
+    leftContainer: {},
+    linkIcon: {},
+    locationIcon: {},
+    photoIcon: {},
+    pollIcon: {},
+    rightContainer: {},
+    subtitle: {},
+    subtitleContainer: {},
+    title: {},
+    videoIcon: {},
+    wrapper: {},
+    messagePreview: {
       container: {},
-      image: {}
+      subtitle: {}
     }
   },
-  screenPadding: 8,
+  screenPadding: 16,
   spinner: {},
   thread: {
     newThread: {
+      container: {},
       text: {}
     }
   },
   threadListItem: {
-    boldText: {},
-    contentRow: {},
-    contentTextWrapper: {},
-    dateText: {},
-    headerRow: {},
-    infoRow: {},
-    parentMessagePreviewContainer: {},
-    parentMessageText: {},
     previewMessageContainer: {},
-    touchableWrapper: {},
-    unreadBubbleText: {},
-    unreadBubbleWrapper: {}
+    unreadBubbleWrapper: {},
+    wrapper: {},
+    container: {},
+    content: {},
+    channelName: {},
+    dateText: {},
+    lowerRow: {},
+    messageRepliesText: {},
+    messagePreview: {
+      container: {},
+      subtitle: {}
+    },
+    messagePreviewDeliveryStatus: {
+      container: {},
+      text: {},
+      username: {}
+    }
   },
   threadListUnreadBanner: {
     text: {},
-    touchableWrapper: {}
+    container: {}
   },
   typingIndicator: {
     container: {},
+    loadingDotsBubble: {},
+    avatarStackContainer: {},
     text: {
       fontSize: 14
     }