Skip to main content
This document outlines the property changes between v4 and v5 of the CometChat UI Kit for iOS. Use this guide to update your implementation when migrating to the latest version.

Conversations

New Properties

NameTypeDescription
hideNavigationBarBoolHides or shows the navigation bar in the conversations screen.
hideSearchBoolHides the search bar in the conversations screen.
hideLoadingStateBoolHides the loading state indicator.
hideDeleteConversationOptionBoolHides the option to delete a conversation.
hideGroupTypeBoolHides the group type indicator (private/public).
backgroundDrawableUIImageSets a background image for the conversation screen.
separatorColorUIColorSets the color of separators in the conversation list.
separatorWidthCGFloatSets the width of separators in the conversation list.
errorTextColorUIColorSets the color of error messages in the conversation UI.
lastMessageTextColorUIColorSets the color of the last message text in the conversation list.
typingIndicatorColorUIColorSets the color of the typing indicator in the conversation UI.
lastMessageAppearanceUIFontCustomizes the appearance of the last message text in the list.
threadIndicatorAppearanceUIFontCustomizes the appearance of thread indicators in the list.
dateTimeFormatter.timeClosureFormats a timestamp as a standard time (e.g., “12:30 PM”).
dateTimeFormatter.todayClosureFormats messages sent today.
dateTimeFormatter.yesterdayClosureFormats yesterday’s messages.
dateTimeFormatter.lastweekClosureFormats messages within the last week.
dateTimeFormatter.otherDayClosureFormats dates older than last week.
dateTimeFormatter.minuteClosureFormats “a minute ago”.
dateTimeFormatter.minutesClosureFormats “x minutes ago”.
dateTimeFormatter.hourClosureFormats “an hour ago”.
dateTimeFormatter.hoursClosureFormats “x hours ago”.
set(OnItemLongClick:)MethodTriggered when you long press on a ListItem of the Conversations component.
set(onEmpty:)MethodTriggered when the conversations list is empty.

Renamed Properties

v4 Namev5 NameTypeDescription
hide(error: Bool)hideErrorViewBoolHides the error state view.
show(backButton: Bool)hideBackButtonBoolControls visibility of the back button (logic inverted).
hide(receipt: Bool)hideReceiptsBoolHides message read/delivery receipts.
disable(userPresence: Bool)hideUserStatusBoolHides the online/offline status of users.
setOnItemClickset(OnItemClick:)MethodTriggered when clicking on a ListItem.
setOnBackset(onBack:)MethodOverride action when back button is pressed.
setOnSelectionset(onSelection:)MethodTriggered upon completion of selection.
setOnErrorset(onError:)MethodOverride action when an error occurs.

Removed Properties

NameTypeDescription
hide(separator: Bool)BoolControlled visibility of separators (replaced by style properties).
disable(typing: Bool)BoolToggled visibility of typing indicator.
setDatePatternMethodSet custom date pattern (replaced by dateTimeFormatter object).
protectedGroupIconUIImageIcon shown for password protected groups.
sentIconUIImageReceipt icon shown when message status is sent.
deliveredIconUIImageReceipt icon shown when message status is delivered.
readIconUIImageReceipt icon shown when message status is read.

Users

New Properties

NameTypeDescription
set(options:)(User) -> [CometChatUserOption]Defines custom options for each user.
add(options:)[CometChatUserOption]Dynamically adds options to users.
set(leadingView:)(User) -> UIViewCustom leading view for each user in the fetched list.
set(titleView:)(User) -> UIViewCustom title view for each user in the fetched list.
set(trailView:)(User) -> UIViewCustom trailing view for each user in the fetched list.
set(onEmpty:)() -> VoidTriggered when the users list is empty.
hideErrorViewBoolHides the error state view.
hideNavigationBarBoolHides or shows the navigation bar.
hideBackButtonBoolHides the back button.
hideLoadingStateBoolHides the loading state indicator.
hideUserStatusBoolHides the online/offline status of users.
hideSectionHeaderBoolHides the section header indicating initials of users.
hideSearchBoolHides the search bar.
set(searchKeyword:)StringSets a search keyword for filtering users.
set(userRequestBuilder:)UsersRequest.UsersRequestBuilderSets a custom request builder for fetching users.
set(searchRequestBuilder:)UsersRequest.UsersRequestBuilderSets a custom request builder for searching users.
listItemSelectedImageUIImageImage shown when a list item is selected.
listItemDeSelectedImageUIImageImage shown when a list item is deselected.
searchIconTintColorUIColorTint color for the search icon.
searchBarStyleUISearchBar.StyleStyle of the search bar.
searchTintColorUIColor?Tint color for the search bar elements.
searchBarTintColorUIColor?Background color for the search bar (excluding text input).
searchBarPlaceholderTextColorUIColor?Color of the placeholder text in the search bar.
searchBarPlaceholderTextFontUIFont?Font of the placeholder text in the search bar.
searchBarTextColorUIColor?Color of the entered text in the search bar.
searchBarTextFontUIFont?Font of the entered text in the search bar.
searchBarBackgroundColorUIColor?Background color of the search bar’s text input area.
searchBarCancelIconTintColorUIColor?Tint color for the cancel button in the search bar.
searchBarCrossIconTintColorUIColor?Tint color for the clear (cross) button in the search bar.
backgroundColorUIColorBackground color for the entire screen or view.
borderWidthCGFloatBorder width for the search bar or container.
borderColorUIColorColor of the border.
cornerRadiusCometChatCornerStyleCorner radius for search bar or other elements.
titleColorUIColorText color for title elements.
titleFontUIFontFont for title text.
largeTitleColorUIColorText color for large titles.
largeTitleFontUIFont?Font for large titles.
navigationBarTintColorUIColorTint color for the navigation bar background.
navigationBarItemsTintColorUIColorTint color for navigation bar items.
errorTitleTextFontUIFontFont for the error title.
errorTitleTextColorUIColorText color for the error title.
errorSubTitleFontUIFontFont for the subtitle of error messages.
errorSubTitleTextColorUIColorText color for the subtitle of error messages.
retryButtonTextColorUIColorText color for the retry button.
retryButtonTextFontUIFontFont for the retry button text.
retryButtonBackgroundColorUIColorBackground color for the retry button.
retryButtonBorderColorUIColorBorder color for the retry button.
retryButtonBorderWidthCGFloatBorder width for the retry button.
retryButtonCornerRadiusCometChatCornerStyle?Corner radius for the retry button.
emptyTitleTextFontUIFontFont for the empty state title.
emptyTitleTextColorUIColorText color for the empty state title.
emptySubTitleFontUIFontFont for the subtitle in the empty state.
emptySubTitleTextColorUIColorText color for the subtitle in the empty state.
tableViewSeparatorUIColorColor for the table view separator.
listItemTitleTextColorUIColorText color for list item titles.
listItemTitleFontUIFontFont for list item titles.
listItemSubTitleTextColorUIColorText color for list item subtitles.
listItemSubTitleFontUIFontFont for list item subtitles.
listItemBackgroundUIColorBackground color for individual list items.
listItemBorderWidthCGFloatBorder width for individual list items.
listItemBorderColorUIColorBorder color for individual list items.
listItemCornerRadiusCometChatCornerStyleCorner radius for list items.
listItemSelectionImageTintUIColorTint color for selection indicator in list items.
listItemSelectedBackgroundUIColorBackground color for selected list items.
listItemDeSelectedImageTintUIColorTint color for the deselected state image.
headerTitleColorUIColorText color for section header titles.
headerTitleFontUIFontFont for section header titles.

Renamed Properties

NameTypeDescriptionOld Name
set(listItemView:)(User) -> UIViewCustom list item view for each user in the list.setListItemView
set(subtitleView:)(User) -> UIViewCustom subtitle view for each user in the fetched list.setSubtitleView
set(emptyView:)UIViewCustom empty state view when the user list is empty.setEmptyStateView
set(errorView:)UIViewCustom error state view when an error occurs while fetching users.setErrorStateView
set(onItemClick:)(User) -> VoidTriggered when you click on a ListItem.setOnItemClick
set(onItemLongClick:)(User) -> VoidTriggered when you long press on a ListItem.setOnItemLongClick
set(onBack:)() -> VoidTriggered when the back button is pressed.setOnBack
set(onSelection:)([User]) -> VoidTriggered on every selection when selection mode is set.setOnSelection
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.setOnError

Removed Properties

NameTypeDescription
set(loadingStateView:)UIActivityIndicatorView.StyleSet size of loading view icon while fetching users.
hide(errorText:)BoolHide error text on fetching users.
show(backButton:)BoolToggle visibility for back button.
set(searchIcon:)UIImage?Set search icon in the search field.
hide(search:)BoolToggle visibility for search box.
hide(separator:)BoolHide the divider separating user items.
disable(userPresence:)BoolControl visibility of user online indicator.
set(emptyStateText:)StringSet custom text when fetching users returns an empty list.
set(errorStateText:)StringSet custom text when an error occurs fetching users.
set(searchPlaceholder:)StringSet search placeholder text.
set(title:mode:)String, UINavigationItem.LargeTitleDisplayModeSet title with display mode.
setOnLoad([User]) -> VoidTriggered when a user list is fully fetched and displayed.

Groups

New Properties

NameTypeDescription
set(onSelection:)ClosureTriggered when selection mode is set. Returns the list of selected groups.
set(onEmpty:)ClosureTriggered when the groups list is empty.
setOnLoadClosureTriggered when a group list is fully fetched and displayed.
listItemSelectedImageUIImageCheck box image when a list item is selected.
listItemDeSelectedImageUIImageCheck box image when a list item is deselected.
searchIconTintColorUIColorTint color for the search icon.
searchBarStyleUISearchBarStyleStyle of the search bar.
searchTintColorUIColorTint color for the search bar.
searchBarTintColorUIColorBackground color of the search bar.
searchBarPlaceholderTextColorUIColorPlaceholder text color for the search bar.
searchBarPlaceholderTextFontUIFontFont for the placeholder text in the search bar.
searchBarTextColorUIColorColor of the text entered in the search bar.
searchBarTextFontUIFontFont for the text in the search bar.
searchBarBackgroundColorUIColorBackground color of the search bar.
searchBarCancelIconTintColorUIColorTint color for the cancel icon in the search bar.
searchBarCrossIconTintColorUIColorTint color for the cross icon in the search bar.
backgroundColorUIColorBackground color of the overall view.
borderWidthCGFloatWidth of the border around the view.
borderColorUIColorColor of the border around the view.
cornerRadiusCometChatCornerStyleCorner radius settings for the view.
titleColorUIColorColor for the title text.
titleFontUIFontFont for the title text.
largeTitleColorUIColorColor for the large title text.
largeTitleFontUIFontFont for the large title text.
navigationBarTintColorUIColorBackground color of the navigation bar.
navigationBarItemsTintColorUIColorTint color for items in the navigation bar.
errorTitleTextFontUIFontFont for the error title text.
errorTitleTextColorUIColorColor of the error title text.
errorSubTitleFontUIFontFont for the error subtitle text.
errorSubTitleTextColorUIColorColor of the error subtitle text.
retryButtonTextColorUIColorColor for the retry button text.
retryButtonTextFontUIFontFont for the retry button text.
retryButtonBackgroundColorUIColorBackground color for the retry button.
retryButtonBorderColorUIColorBorder color for the retry button.
retryButtonBorderWidthCGFloatWidth of the border around the retry button.
retryButtonCornerRadiusCometChatCornerStyleCorner radius settings for the retry button.
emptyTitleTextFontUIFontFont for the empty state title text.
emptyTitleTextColorUIColorColor of the empty state title text.
emptySubTitleFontUIFontFont for the empty state subtitle text.
emptySubTitleTextColorUIColorColor of the empty state subtitle text.
tableViewSeparatorUIColorColor of the table view separator.
listItemTitleTextColorUIColorColor of the title text in list items.
listItemTitleFontUIFontFont for the title text in list items.
listItemSubTitleTextColorUIColorColor of the subtitle text in list items.
listItemSubTitleFontUIFontFont for the subtitle text in list items.
listItemBackgroundUIColorBackground color for list items.
listItemSelectedBackgroundUIColorBackground color for selected list items.
listItemBorderWidthCGFloatWidth of the border around list items.
listItemBorderColorUIColorColor of the border around list items.
listItemCornerRadiusCometChatCornerStyleCorner radius settings for list items.
listItemSelectionImageTintUIColorTint color for the selection image in list items.
listItemDeSelectedImageTintUIColorTint color for the deselected image in list items.
passwordGroupImageTintColorUIColorTint color for the password group image.
passwordGroupImageBackgroundColorUIColorBackground color for the password group image.
privateGroupImageTintColorUIColorTint color for the private group image.
privateGroupImageBackgroundColorUIColorBackground color for the private group image.
privateGroupIconUIImageImage for a private group icon.
protectedGroupIconUIImageImage for a protected group icon.
set(groupsRequestBuilder:)GroupsRequest.GroupsRequestBuilderSets the request builder for fetching groups.
set(searchRequestBuilder:)GroupsRequest.GroupsRequestBuilderSets the request builder for searching groups.
set(searchKeyword:)StringSets the search keyword to filter groups.
hideErrorViewBoolHides the error state view.
hideNavigationBarBoolHides or shows the navigation bar.
hideSearchBoolHides the search bar.
hideBackButtonBoolHides the back button.
hideLoadingStateBoolHides the loading state indicator.
hideReceiptsBoolHides message read/delivery receipts.
hideDeleteConversationOptionBoolHides the option to delete a conversation.
hideUserStatusBoolHides the online/offline status of users.
hideGroupTypeBoolHides the group type (private/public).
set(options:)(Group?) -> [CometChatGroupOption]Defines custom options for each group.
add(options:)(Group?) -> [CometChatGroupOption]Dynamically adds options to groups.
set(leadingView:)(Group?) -> UIViewModifies the leading view of a group cell.
set(titleView:)(Group?) -> UIViewCustomizes the title view of a group cell.
set(trailView:)(Group?) -> UIViewModifies the trailing view of a group cell.

Renamed Properties

NameTypeDescriptionOld Name
set(onItemClick:)ClosureTriggered when you click on a ListItem.SetOnItemClick
set(OnItemLongClick:)ClosureTriggered when you long press on a ListItem.SetOnItemLongClick
set(onError:)ClosureTriggered when an error occurs.SetOnError
set(onBack:)ClosureTriggered when the back button is pressed.SetOnBack
SetListItemView(Group?) -> UIViewAssigns a custom ListItem to the Groups Component.setListItemView
SetSubTitleView(Group?) -> UIViewCustomizes the subtitle view for each group item.setSubtitleView

Removed Properties

No properties were removed in v5. All v4 properties have been retained (with some renamed) and additional functionality has been added.

Group Members

New Properties

NameTypeDescription
retryButtonTextColorUIColorSets the text color for the retry button.
retryButtonTextFontUIFontSets the text font for the retry button.
retryButtonBackgroundColorUIColorSets the background color for the retry button.
retryButtonBorderColorUIColorSets the border color for the retry button.
retryButtonBorderWidthCGFloatSets the border width for the retry button.
retryButtonCornerRadiusCometChatCornerStyleSets the corner radius for the retry button.
listItemSelectedBackgroundUIColorSets the background color for selected list items.
listItemDeSelectedImageTintUIColorSets the tint color for deselected list item images.
listItemSelectionImageTintUIColorSets the tint color for selected list item images.
listItemSelectedImageUIImageSets the image for selected list items.
listItemDeSelectedImageUIImageSets the image for deselected list items.
largeTitleColorUIColor?Sets the color for the large title text.
navigationBarTintColorUIColor?Sets the tint color for the navigation bar.
navigationBarItemsTintColorUIColor?Sets the tint color for navigation bar items.
errorTitleTextFontUIFontSets the font for the error title text.
errorTitleTextColorUIColorSets the color for the error title text.
errorSubTitleFontUIFontSets the font for the error subtitle text.
errorSubTitleTextColorUIColorSets the color for the error subtitle text.
emptyTitleTextFontUIFontSets the font for the empty state title text.
emptyTitleTextColorUIColorSets the color for the empty state title text.
emptySubTitleFontUIFontSets the font for the empty state subtitle text.
emptySubTitleTextColorUIColorSets the color for the empty state subtitle text.
tableViewSeparatorUIColorSets the color for the table view separator.
listItemTitleTextColorUIColorSets the text color for list item titles.
listItemTitleFontUIFontSets the font for list item titles.
listItemSubTitleTextColorUIColorSets the text color for list item subtitles.
listItemSubTitleFontUIFontSets the font for list item subtitles.
listItemBackgroundUIColorSets the background color for list items.
listItemBorderWidthCGFloatSets the border width for list items.
listItemBorderColorUIColorSets the border color for list items.
listItemCornerRadiusCometChatCornerStyleSets the corner radius for list items.
messageTypeImageTintUIColorSets the tint color for message type icons.
passwordGroupImageTintColorUIColorSets the tint color for password group icons.
passwordGroupImageBackgroundColorUIColorSets the background color for password group icons.
privateGroupImageTintColorUIColorSets the tint color for private group icons.
privateGroupImageBackgroundColorUIColorSets the background color for private group icons.
backgroundColorUIColorSets the background color for the component.
set(groupMembersRequestBuilder:)GroupMembersRequest.GroupMembersRequestBuilderSets the request builder for fetching group members.
set(searchRequestBuilder:)GroupMembersRequest.GroupMembersRequestBuilderSets the request builder for searching group members.
set(searchKeyword:)StringSets the search keyword to filter group members.
hideErrorBoolHides the error state view.
hideUserStatusBoolHides the online/offline status of users.
hideNavigationBarBoolHides or shows the navigation bar.
hideLoadingStateBoolHides the loading state indicator.
hideBackIconBoolHides the back button/icon.
hideKickMemberOptionBoolHides the option to kick a member from the group.
hideBanMemberOptionBoolHides the option to ban a member from the group.
hideScopeChangeOptionBoolHides the option to change a member’s scope (role).
hideSearchBoolHides the search bar.
set(onSelection:)([GroupMember]) -> VoidTriggers on every selection and returns the list of selected group members.
set(onEmpty:)() -> VoidTriggers when the groups list is empty.
set(onLoad:)([GroupMember]) -> VoidTriggers when group members list is fully fetched and displayed.
set(onItemClick:)(GroupMember, IndexPath) -> VoidTriggered when you click on a ListItem.
set(onItemLongClick:)(GroupMember, IndexPath) -> VoidTriggered when you long press on a ListItem.
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.
set(onBack:)() -> VoidTriggered when back button is pressed.
set(leadingView:)(GroupMember?) -> UIViewSets a custom leading view for group member cells.
set(titleView:)(GroupMember?) -> UIViewSets a custom title view for group member cells.
set(loadingView:)UIViewSets a custom loading view displayed while data is being fetched.
set(errorView:)UIViewSets a custom error view that appears when an error occurs.
set(emptyView:)UIViewSets a custom empty state view when no group members are available.
setListItemView(GroupMember?) -> UIViewAssigns a custom ListItem to the GroupMembers component.
setSubtitleView(GroupMember?) -> UIViewSets a custom subtitle view for each GroupMembers item.
setTailView(GroupMember?) -> UIViewSets a custom tail view for group member cells.
setOptions[CometChatGroupMemberOption]Sets custom options for swipe actions.
set(menus:)UIViewSets custom menus to add more options.

Renamed Properties

NameTypeDescriptionOld Name
backgroundColorUIColorSets the background color for the component.background
hideUserStatusBoolHides/disables the online/offline status of users.disable(userPresence:)
hideSearchBoolHides the search bar.hide(search:)
set(onItemClick:)(GroupMember, IndexPath) -> VoidTriggered when you click on a ListItem.setOnItemClick
set(onItemLongClick:)(GroupMember, IndexPath) -> VoidTriggered when you long press on a ListItem.setOnItemLongClick
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.setOnError
set(onBack:)() -> VoidTriggered when back button is pressed.setOnBack

Removed Properties

NameTypeDescription
backIconTintUIColorBack button tint color.
searchIconTintUIColorSearch icon tint color.
searchTextFontUIFontSearch text font.
searchTextColorUIColorSearch text color.
searchCancelButtonTintUIColorSearch cancel icon tint.
searchPlaceholderFontUIFontSearch placeholder font.
searchPlaceholderColorUIColorSearch placeholder color.
addButtonTintUIColorAdd button color.
addButtonFontUIFontAdd button font.
avatarStyleAvatarStyleStyles for the avatar component.
statusIndicatorStyleCSSPropertiesStyles for the status indicator component.
listItemStyleListItemStyleStyles for the default list item view.
groupScopeStyleChangeScopeStyleStyles for the change scope component.
groupMembersStyleGroupMembersStyleStyles for this component.
set(title:mode:)String, UINavigationItem.LargeTitleDisplayModeCustom title for the component.
set(backButtonTitle:)String?Custom text for the back button.
set(searchPlaceholder:)StringCustom placeholder text for search field.
show(backButton:)BoolWhether to show the back button.
set(errorStateText:)StringCustom error state text.
set(backButtonIcon:)UIImageCustom back button icon.
set(passwordPlaceholderText:)StringCustom placeholder text for password.
hide(continueButton:)BoolWhether to hide the continue button.
set(searchIcon:)UIImageIcon for the search bar.
set(searchClearIcon:)UIImageClear icon for the search bar.
set(searchBarHeight:)CGFloatHeight for the search bar.
selectionMode(mode:)SelectionModeEnables selection mode (.single, .multiple).
hide(separator:)BoolHide/unhide the separator.
clearList()-Clears the users locally.
update(groupMember:)GroupMemberUpdates member object locally.
remove(groupMember:)GroupMemberRemoves member object locally.
size()-Returns the count of members displayed.
titleStringTitle of the component.
searchPlaceholderStringText displayed when search input has no value.
fetchTimeOutanyTimeout reference for fetching users.
userPresencePlacementUserPresencePlacementPlacement of user presence information.
backButtonIconURLStringImage URL for the back button.
showBackButtonBoolShow back button.
closeButtonIconURLStringImage URL for the close button.
dropDownIconURLStringImage URL for the change scope component’s arrowIconURL prop.
emptyStateTextStringText to display in the default empty view.
errorStateTextStringText to display in the default error view.
loadingIconURLStringImage URL for the default loading view.
hideSeparatorBoolHide the separator at the bottom of the default list item view.
titleAlignmentTitleAlignmentAlignment of the title text.
searchIconURLStringImage URL for the search icon.
fetchingUsersBoolFlag to indicate whether users are currently being fetched.
onClose() -> VoidFunction to call when the close button is clicked.
headerViewUIViewCustom header view which will replace the title.

Message Header

New Properties

NameTypeDescription
titleTextColorUIColorText color of the header title.
titleTextFontUIFontFont style of the header title.
subtitleTextColorUIColorText color of the subtitle in the header.
subtitleTextFontUIFontFont style of the subtitle in the header.
backButtonImageTintColorUIColorTint color of the back button image in the header.
privateGroupBadgeImageTintColorUIColorTint color of the private group badge in the header.
passwordProtectedGroupBadgeImageTintColorUIColorTint color of the password-protected group badge in the header.
privateGroupImageBackgroundColorUIColorBackground color of the private group badge.
passwordGroupImageBackgroundColorUIColorBackground color of the password-protected group badge.
groupImageBackgroundColorUIColorBackground color for group icons in the header.
avatarStyleAvatarStyleCustomizes the appearance of the avatar in the header.
backgroundColorUIColorBackground color of the header.
cornerRadiusCometChatCornerStyleCorner radius of the header.
borderWidthCGFloatBorder width of the header.
borderColorUIColorBorder color of the header.
backButtonIconUIImageCustom icon for the back button.
privateGroupIconUIImageCustom icon for private groups.
protectedGroupIconUIImageCustom icon for password-protected groups.
backgroundImageUIImageBackground image for the header.
hideBackButtonBoolHides the back button of message header.
hideUserStatusBoolHides or shows the user status (online/offline/last active at).
hideVideoCallButtonBoolHides the video call button.
hideVoiceCallButtonBoolHides the voice call button.
set(onBack:)() -> VoidTriggered when back button is pressed.
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.
set(listItemView:)(User?, Group?) -> UIViewAssigns a custom ListItem to the message header component.
set(leadingView:)(User?, Group?) -> UIViewSets a custom leading view for message header.
set(titleView:)(User?, Group?) -> UIViewSets a custom title view for message header.
set(trailView:)(User?, Group?) -> UIViewSets a custom trailing view for message header.
set(subtitleView:)(User?, Group?) -> UIViewSets a custom subtitle view for message header.
dateTimeFormatterCometChatDateTimeFormatterSupports full customization of how date and time are displayed.

Renamed Properties

NameTypeDescriptionOld Name
backgroundColorUIColorBackground color for the component.background
backButtonImageTintColorUIColorTint color of the back button image in the header.backIconTint
hideBackButtonBoolHides the back button of message header.hide(backButton:)
hideUserStatusBoolHides or shows the user status.set(disableUsersPresence:)
set(menus:)(User?, Group?) -> UIViewSets custom menus to add more options.setMenus
set(subtitleView:)(User?, Group?) -> UIViewSets a custom subtitle view for message header.setSubtitleView

Removed Properties

NameTypeDescription
typingIndicatorTextFontUIFontTyping indicator text font.
typingIndicatorTextColorUIColorTyping indicator text color.
detailIconTintUIColorTint color for detail icon.
onlineStatusColorUIColorOnline status color.
privateGroupIconBackgroundColorUIColorPrivate group background color (replaced by privateGroupImageBackgroundColor).
protectedGroupIconBackgroundColorUIColorProtected group background color (replaced by passwordGroupImageBackgroundColor).
set(protectedGroupIcon:)UIImageCustom protected group icon.
set(privateGroupIcon:)UIImageCustom private group icon.
disable(typing:)BoolEnable/disable typing indicators.

Message List

New Properties

NameTypeDescription
hideAvatarBoolHides the avatar of the sender.
hideGroupActionMessagesBoolHides group action messages (like join/leave notifications).
hideReplyInThreadOptionBoolHides the reply in thread option.
hideTranslateMessageOptionBoolHides the message translation option.
hideEditMessageOptionBoolHides the edit message option.
hideDeleteMessageOptionBoolHides the delete message option.
hideReactionOptionBoolHides the reaction option on messages.
hideMessagePrivatelyOptionBoolHides the option to message privately.
hideCopyMessageOptionBoolHides the option to copy a message.
hideMessageInfoOptionBoolHides the message info option.
hideHeaderViewBoolHides the header view of the message list.
hideFooterViewBoolHides the footer view of the message list.
hideDateSeparatorBoolHides the date separator between messages.
scrollToBottomOnNewMessagesBoolScrolls to the bottom when new messages arrive.
hideReceiptsBoolHides the message read receipts (ticks).
disableSoundForMessagesBoolDisables the sound when a new message arrives.
hideEmptyViewBoolHides the empty state view when no messages are available.
hideErrorViewBoolHides the error view when an error occurs.
hideLoadingViewBoolHides the loading view when fetching messages.
hideNewMessageIndicatorBoolHides the “new message” indicator.
backgroundColorUIColorBackground color with dynamic support for light and dark mode.
borderWidthCGFloatBorder width for the component.
borderColorUIColorBorder color for the component.
cornerRadiusCometChatCornerStyleCorner radius for the component.
shimmerGradientColor1UIColorFirst color of the shimmer gradient.
shimmerGradientColor2UIColorSecond color of the shimmer gradient.
emptyStateTitleColorUIColorText color for the title in the empty state.
emptyStateTitleFontUIFontFont for the title in the empty state.
emptyStateSubtitleColorUIColorText color for the subtitle in the empty state.
emptyStateSubtitleFontUIFontFont for the subtitle in the empty state.
errorStateTitleColorUIColorText color for the title in the error state.
errorStateTitleFontUIFontFont for the title in the error state.
errorStateSubtitleColorUIColorText color for the subtitle in the error state.
errorStateSubtitleFontUIFontFont for the subtitle in the error state.
threadedMessageImageUIImageIcon image for threaded messages.
errorImageUIImageIcon image for error state.
emptyImageUIImageIcon image for empty state.
newMessageIndicatorImageUIImageIcon image for new message indicator.
backgroundImageUIImageBackground image for the component.
scrollToBottom(isAnimated:)BoolScrolls to the bottom of the message list.
set(messageAlignment:)MessageListAlignmentSets the alignment of messages in the list.
set(smartRepliesKeywords:)[String]Sets keywords for smart replies.
set(smartRepliesDelayDuration:)IntSets the delay duration for smart replies.
set(user:parentMessage:)User, BaseMessage?Sets the user and an optional parent message.
set(group:parentMessage:)Group, BaseMessage?Sets the group and an optional parent message.
set(messagesRequestBuilder:)MessagesRequest.MessageRequestBuilderSets the message request builder.
set(reactionsRequestBuilder:)ReactionsRequest.ReactionsRequestBuilderSets the reactions request builder.
set(parentMessageId:)IntSets the parent message ID.
set(onThreadRepliesClick:)(BaseMessage, CometChatMessageTemplate) -> VoidTriggered when you click on the thread indicator.
set(onReactionClick:)(CometChat.ReactionCount, BaseMessage) -> VoidTriggered when you click on a reaction.
set(onReactionListItemClick:)(CometChat.Reaction, BaseMessage) -> VoidTriggered when you click on the list item of CometChatReactionList.
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.
set(onEmpty:)() -> VoidTriggers when the message list is empty.
set(onLoad:)([BaseMessage]) -> VoidTriggers when message list is fully fetched and displayed.
set(headerView:)UIViewSets a custom header view for message list.
set(footerView:)UIViewSets a custom footer view for message list.
set(dateSeparatorPattern:)(Int?) -> StringSets the date separator pattern using a closure.
set(datePattern:)(Int?) -> StringSets the date pattern using a closure.
set(timePattern:)(Int?) -> StringSets the time pattern using a closure.
set(textFormatter:)[CometChatTextFormatter]Sets the list of text formatters.
set(loadingView:)UIViewSets a custom loading view.
set(errorView:)UIViewSets a custom error view.
set(emptyView:)UIViewSets a custom empty state view.
set(templates:)[CometChatMessageTemplate]Sets message templates to MessageList.
dateTimeFormatterCometChatDateTimeFormatterSupports full customization of how date and time are displayed.
set(controller:)UIViewControllerSets the controller (mandatory for proper configuration).

Renamed Properties

NameTypeDescriptionOld Name
hideReceiptsBoolHides the message read receipts.hide(receipt:)
hideAvatarBoolShows/hides the avatar of the sender.show(avatar:)
backgroundColorUIColorBackground color for the component.background
set(messageAlignment:)MessageListAlignmentSets the alignment of messages in the list.alignment

Removed Properties

NameTypeDescription
loadingIconTintUIColorLoading icon tint.
emptyTextFontUIFontEmpty state text font.
errorTextFontUIFontError text font.
emptyTextColorUIColorEmpty state text color.
errorTextColorUIColorError state text color.
nameTextColorUIColorSender/receiver name text color on a message bubble.
nameTextFontUIFontSender/receiver name text appearance on a message bubble.
timestampTextColorUIColorTime stamp text color.
threadReplySeperatorColorUIColorThread reply separator color.
threadReplyTextColorUIColorThread reply text color.
threadReplyTextFontUIFontThread reply text appearance.
hide(error:)BoolHide the error view.
messageInformationConfigurationMessageInformationConfigurationConfiguration for message information component.
reactionsConfigurationReactionsConfigurationConfiguration for reactions component.
setDateSeparatorPattern(Int?) -> StringModify the date pattern of the message list date separator.
setDatePattern(Int?) -> StringModify the date pattern.
setHeaderViewUIViewSet custom header view (now set(headerView:)).
setFooterViewUIViewSet custom footer view (now set(footerView:)).
setTextFormatters[CometChatTextFormatter]Set text formatters (now set(textFormatter:)).
setMentionsFormatters[CometChatTextFormatter]Set mentions formatters (merged into set(textFormatter:)).
setErrorStateViewUIViewSet custom error view (now set(errorView:)).
setEmptyStateViewUIViewSet custom empty state view (now set(emptyView:)).
setOnThreadRepliesClickClosureCallback for thread replies click (now set(onThreadRepliesClick:)).

Message Composer

New Properties

NameTypeDescription
placeHolderTextFontUIFontFont for the placeholder text in the input field.
placeHolderTextColorUIColorColor for the placeholder text in the input field.
textFiledColorUIColorText color for the input field.
textFiledFontUIFontFont for the input field text.
backgroundColorUIColorBackground color with dynamic support for light and dark mode.
cornerRadiusCometChatCornerStyleCorner radius for the composer.
borderWidthCGFloatBorder width for the composer.
borderColorUIColorBorder color for the composer.
sendButtonImageUIImageIcon for the send button.
sendButtonImageTintUIColorTint color for the send button image.
activeSendButtonImageBackgroundColorUIColorBackground color for the send button when active.
inactiveSendButtonImageBackgroundColorUIColorBackground color for the send button when inactive.
composeBoxBackgroundColorUIColorBackground color for the compose box.
composeBoxBorderColorUIColorBorder color for the compose box.
composeBoxBorderWidthCGFloatBorder width for the compose box.
composerBoxCornerRadiusCometChatCornerStyleCorner radius for the compose box.
composerSeparatorColorUIColorColor for the separator in the compose box.
attachmentImageUIImageIcon for the attachment button.
attachmentImageTintUIColorTint color for the attachment image.
voiceRecordingImageUIImageIcon for the voice recording button.
voiceRecordingImageTintUIColorTint color for the voice recording image.
aiImageUIImageIcon for the AI button.
aiImageTintUIColorTint color for the AI image.
stickerImageUIImageIcon for the sticker button.
stickerTintUIColorTint color for the sticker image.
editPreviewTitleTextFontUIFontFont for the title in the edit preview.
editPreviewMessageTextFontUIFontFont for the message text in the edit preview.
editPreviewTitleTextColorUIColorText color for the title in the edit preview.
editPreviewMessageTextColorUIColorText color for the message in the edit preview.
editPreviewBackgroundColorUIColorBackground color for the edit preview.
editPreviewCornerRadiusCometChatCornerStyleCorner radius for the edit preview.
editPreviewBorderColorUIColorBorder color for the edit preview.
editPreviewBorderWidthCGFloatBorder width for the edit preview.
editPreviewCloseIconUIImageIcon for closing the edit preview.
editPreviewCloseIconTintUIColorTint color for the close icon in the edit preview.
infoIconUIImageIcon for the info button.
infoIconTintUIColorTint color for the info icon.
infoTextColorUIColorText color for the info text.
infoTextFontUIFontFont for the info text.
infoSeparatorColorUIColorColor for the separator in the info section.
infoBackgroundColorUIColorBackground color for the info section.
infoCornerRadiusCometChatCornerStyleCorner radius for the info section.
infoBorderColorUIColorBorder color for the info section.
infoBorderWidthCGFloatBorder width for the info section.
setInitialComposerTextStringSets the initial text in the composer when it loads.
disableTypingEventsBoolDisables sending typing indicators when the user types.
disableMentionsBoolDisables the mention feature in the composer.
hideImageAttachmentOptionBoolHides the option to attach images.
hideVideoAttachmentOptionBoolHides the option to attach videos.
hideAudioAttachmentOptionBoolHides the option to attach audio files.
hideFileAttachmentOptionBoolHides the option to attach files.
hidePollsOptionBoolHides the option to create polls.
hideCollaborativeDocumentOptionBoolHides the option for collaborative documents.
hideCollaborativeWhiteboardOptionBoolHides the option for collaborative whiteboards.
hideAttachmentButtonBoolHides the attachment button in the composer.
hideVoiceRecordingButtonBoolHides the voice recording button.
hideStickersButtonBoolHides the stickers button.
hideSendButtonBoolHides the send button.
set(user:)UserSets the user for direct messaging.
set(group:)GroupSets the group for group messaging.
set(parentMessageId:)IntSets the parent message ID for replying in a thread.
set(maxLine:)IntSets the maximum number of lines for the composer input.
set(customSoundForMessages:)URL?Sets a custom sound for sending messages.
disableSoundForMessagesBoolDisables sound while sending messages.
set(onSendButtonClick:)(BaseMessage) -> VoidOverride the action triggered upon pressing the send button.
set(onTextChanged:)(String) -> VoidActivated when the user starts typing in message composer.
set(onError:)(CometChatException) -> VoidTriggered when an error occurs.
set(attachmentOptions:)(User?, Group?, UIViewController?) -> [CometChatMessageComposerAction]Sets a list of custom MessageComposerActions.
set(sendButtonView:)(User?, Group?) -> UIViewSets a custom send button for the MessageComposer Component.
set(headerView:)(User?, Group?) -> UIViewSets a custom header view for the MessageComposer Component.
set(footerView:)(User?, Group?) -> UIViewSets a custom footer view for the MessageComposer Component.
set(textFormatter:)[CometChatTextFormatter]Assigns the list of text formatters.
set(controller:)UIViewControllerSets the controller (mandatory for proper configuration).
mediaRecorderStyleMediaRecorderStyleCustomizes the media recording styling.
aiOptionsStyleAIOptionsStyleCustomizes the AI options styling.

Renamed Properties

NameTypeDescriptionOld Name
backgroundColorUIColorBackground color for the component.background
hideVoiceRecordingButtonBoolHides the voice recording button.hide(voiceRecording:)
disableTypingEventsBoolDisables sending typing indicators.disable(disableTypingEvents:)
disableSoundForMessagesBoolDisables sound while sending messages.disable(disableSoundForMessages:)
set(textFormatter:)[CometChatTextFormatter]Assigns the list of text formatters.setMentionsFormatters

Removed Properties

NameTypeDescription
inputBackgroundUIColorInput background color of message composer.
textFontUIFontInput text font of message composer.
inputBoxPlaceholderFontUIFontPlaceholder text font for message composer input field.
attachmentIconTintUIColorAttachment icon tint color.
sendIconTintUIColorSend button icon tint color.
separatorTintUIColorSeparator color for message composer.
inputBorderWidthCGFloatBorder width for message composer input view.
inputBorderColorUIColorBorder color for message composer input view.
actionSheetTitleColorUIColorTitle color for action sheet of message composer.
actionSheetTitleFontUIFontTitle font for action sheet of message composer.
actionSheetLayoutModelIconTintUIColorAction sheet layout mode icon tint color.
actionSheetCancelButtonIconTintUIColorAction sheet cancel button icon tint color.
actionSheetCancelButtonIconFontUIFontAction sheet cancel button icon font color.
actionSheetSeparatorTintUIColorSeparator color for action sheet items.
actionSheetBackgroundUIColorBackground color of action sheet.
voiceRecordingIconTintUIColorVoice recorder icon tint color.
aiIconTintUIColorAI icon tint color.
set(background:)UIColorBackground color for message composer.
set(placeholderText:)StringMessage composer’s placeholder text.
set(maxLines:)IntLimit for lines of text in input field.
set(auxiliaryButtonAlignment:)AuxiliaryButtonAlignmentPosition for auxiliary buttons view.
set(customSoundForMessage:)URLCustom sounds for outgoing messages.
set(liveReactionIconURL:)UIImageCustom live reaction icon.
set(disableMentions:)BoolEnables/Disables user mentions in message composer input field.
set(infoIcon:)UIImageImage for info icon (now part of style).
set(attachmentIcon:)UIImageImage for attachment button on message composer.
set(aiAuxiliaryIcon:)UIImageImage for AI auxiliary button.
setOnSendButtonClickClosureCustom actions for send button click.
hide(liveReaction:)BoolToggles visibility for live reaction component.
hide(footerView:)BoolToggles visibility for footer view of message composer.
hide(headerView:)BoolToggles visibility for header view of message composer.
hide(sendButton:)BoolToggles visibility for send button.
setAttachmentOptionsClosureList of custom MessageComposerActions.
setAuxilaryButtonViewClosureCustom auxiliary button view.
setSecondaryButtonViewClosureCustom secondary button view.
setSendButtonViewClosureCustom send button view.