How to change/replace text in message cell?

[tezpark]

Summary

• How to change text in message cell?

Guide & Snippet

• Here are two ways to resolve this issue.

The first way

• Override SBUUserMessageCell to configure SBUUserMessageTextView object with replaced message text instead of BaseMessage object.

• Here is a code snippet:
• Override SBUUserMessageCell

class CustomUserMessageCell: SBUUserMessageCell {
    override func configure(with configuration: SBUBaseMessageCellParams) {
        super.configure(with: configuration)
        guard let configuration = configuration as? SBUUserMessageCellParams else { return }
        
        // Updates `SBUUserMessageTextView`
        if let messageTextView = messageTextView as? SBUUserMessageTextView, configuration.withTextView {
            let replacedMessage = replacedText(from: configuration.message) ?? "Failed to replace"
            messageTextView.configure(
                model: SBUUserMessageTextViewModel(
                    message: nil, // 👉🏼 Set to `nil`
                    position: configuration.messagePosition,
                    text: replacedMessage, // 👉🏼 Assign to replaced text value
                    isEdited: false // optional
                )
            )
        }
    }
    
    /// Replaces the text of base message
    func replacedText(from baseMessage: BaseMessage) -> String? {
        // Your code here...
        return "{REPLACED.TEXT}"
    }
}

• Register userMessageCell in SBUGroupChannelModule.List to CustomUserMessageCell and update it.

class CustomGroupChannelListComponent: SBUGroupChannelModule.List {
    override func setupViews() {
        self.register(userMessageCell: CustomUserMessageCell())
        super.setupViews()
    }
}

• Before using a customized component class, please set it in the SBUModuleSet.

SBUModuleSet.GroupChannelModule.ListComponent = CustomGroupChannelListComponent.self

The second way

• Convert to a new BaseMessage object by using BaseMessage.make(_:) class method in Chat SDK.
• From a previous answer(overriding view model delegate methods: baseChannelModule(_:sentMessagesInTableView:), baseChannelModule(_:fullMessagesInTableView:)), use below code snippet:

var json = baseMessage._toDictionary()
json["message"] = "{REPLACED.TEXT}"
let replacedMessage = BaseMessage.make(json) // 👉🏼 The type is optional

Reference

• SBUUserMessageCell
• SBUGroupChannelModule.List