Message Composer

messageComposer.set(onSendButtonClick: { message in
// return custom action here
})

messageComposer.set(onTextChanged: { error in
    // Handle action
})

messageComposer.set(onError { error in
    // Override on error
})

CometChatMessageComposer.style.activeSendButtonImageBackgroundColor = UIColor(hex: "#F76808")
CometChatMessageComposer.style.attachmentImageTint = UIColor(hex: "#F76808")
CometChatMessageComposer.style.voiceRecordingImageTint = UIColor(hex: "#F76808")
CometChatMessageComposer.style.stickerTint = UIColor(hex: "#F76808")
CometChatMessageComposer.style.aiImageTint = UIColor(hex: "#F76808")

let customComposerStyle = MessageComposerStyle()
customComposerStyle.activeSendButtonImageBackgroundColor = UIColor(hex: "#F76808")
customComposerStyle.attachmentImageTint = UIColor(hex: "#F76808")
customComposerStyle.voiceRecordingImageTint = UIColor(hex: "#F76808")
customComposerStyle.stickerTint = UIColor(hex: "#F76808")
customComposerStyle.aiImageTint = UIColor(hex: "#F76808")
                
let messageComposer = CometChatMessageComposer()
messageComposer.style = customComposerStyle

CometChatMessageComposer.mediaRecorderStyle.deleteButtonCornerRadius = .init(cornerRadius: 8)
CometChatMessageComposer.mediaRecorderStyle.pauseButtonCornerRadius = .init(cornerRadius: 8)
CometChatMessageComposer.mediaRecorderStyle.stopButtonCornerRadius = .init(cornerRadius: 8)
CometChatMessageComposer.mediaRecorderStyle.recordingButtonCornerRadius = .init(cornerRadius: 8)
CometChatMessageComposer.mediaRecorderStyle.recordingButtonBackgroundColor = UIColor(hex: "#F44649")

var mediaRecorderStyle = MediaRecorderStyle()
mediaRecorderStyle.deleteButtonCornerRadius = .init(cornerRadius: 8)
mediaRecorderStyle.pauseButtonCornerRadius = .init(cornerRadius: 8)
mediaRecorderStyle.stopButtonCornerRadius = .init(cornerRadius: 8)
mediaRecorderStyle.recordingButtonCornerRadius = .init(cornerRadius: 8)
mediaRecorderStyle.recordingButtonBackgroundColor = UIColor(hex: "#F44649")

let messageComposer = CometChatMessageComposer()
messageComposer.mediaRecorderStyle = mediaRecorderStyle

CometChatMessageComposer.aiOptionsStyle.backgroundColor = UIColor(hex: "#FFF9F5")
CometChatMessageComposer.aiOptionsStyle.textColor = .black
CometChatMessageComposer.aiOptionsStyle.aiImageTintColor = UIColor(hex: "#F76808")

var aIOptionsStyle = AIOptionsStyle()
aIOptionsStyle.backgroundColor = UIColor(hex: "#FFF9F5")
aIOptionsStyle.textColor = .black
aIOptionsStyle.aiImageTintColor = UIColor(hex: "#F76808")

let messageComposer = CometChatMessageComposer()
messageComposer.aiOptionsStyle = aIOptionsStyle

let messageComposer = CometChatMessageComposer()
messageComposer.set(attachmentOptions: { user, group, controller in
    return [CometChatMessageComposerAction]
})

let messageComposer  = CometChatMessageComposer()
messageComposer.setAttachmentOptions { user, group, controller in
    let customComposerAction1 = CometChatMessageComposerAction(
                        id: "customAction1",
                        text: "Custom Option 1",
                        startIcon: UIImage(systemName: "play_circle"),
                        startIconTint: .black,
                        textColor: .black,
                        onActionClick: {
                            print("Custom Action 1 clicked!")
                        }
                    )
    let customComposerAction2 = CometChatMessageComposerAction(
                        id: "customAction2",
                        text: "Custom Option 2",
                        startIcon: UIImage(systemName: "add_box"),
                        startIconTint: .black,
                        textColor: .black,
                        onActionClick: {
                            print("Custom Action 2 clicked!")
                        }
                    )
    let customComposerAction3 = CometChatMessageComposerAction(
                        id: "customAction3",
                        text: "Custom Option 3",
                        startIcon: UIImage(systemName: "change_circle"),
                        startIconTint: .black,
                        textColor: .black,
                        onActionClick: {
                            print("Custom Action 3 clicked!")
                        }
                    )
    let customComposerAction4 = CometChatMessageComposerAction(
                        id: "customAction4",
                        text: "Custom Option 4",
                        startIcon: UIImage(systemName: "sunny"),
                        startIconTint: .black,
                        textColor: .black,
                        onActionClick: {
                            print("Custom Action 4 clicked!")
                        }
                    )

    return [customComposerAction1 , customComposerAction2, customComposerAction3, customComposerAction4]
} 

let messageComposer = CustomSendButton()
messageComposer.set(sendButtonView: { user, group in
    let view = CustomSendButton()
    return view
})

import UIKit

class CustomSendButton: UIView {

    private let playButton: UIButton = {
        let button = UIButton(type: .system)
        let playImage = UIImage(systemName: "play.fill")?.withRenderingMode(.alwaysTemplate)
        button.setImage(playImage, for: .normal)
        button.tintColor = .purple
        button.backgroundColor = .clear
        button.addTarget(self, action: #selector(playButtonTapped), for: .touchUpInside)
        return button
    }()

    var onPlayTapped: (() -> Void)? // Closure to handle button tap

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    private func setupView() {
        backgroundColor = UIColor.purple.withAlphaComponent(0.1)
        layer.cornerRadius = 12
        addSubview(playButton)

        playButton.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            playButton.centerXAnchor.constraint(equalTo: centerXAnchor),
            playButton.centerYAnchor.constraint(equalTo: centerYAnchor),
            playButton.widthAnchor.constraint(equalToConstant: 30),
            playButton.heightAnchor.constraint(equalToConstant: 30)
        ])
    }

    @objc private func playButtonTapped() {
        onPlayTapped?() // Executes the closure when tapped
    }
}

let messageComposer = CometChatMessageComposer()
messageComposer.set(headerView: { user, group in
    let view = CustomHeaderView()
    return view
})

import UIKit

class CustomHeaderView: UIView {

    private let iconImageView: UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(systemName: "bell.slash.fill") // Replace with the actual image if needed
        imageView.tintColor = .purple
        imageView.contentMode = .scaleAspectFit
        return imageView
    }()

    private let messageLabel: UILabel = {
        let label = UILabel()
        label.text = "User has paused their notifications"
        label.textColor = .black
        label.font = UIFont.systemFont(ofSize: 14, weight: .medium)
        return label
    }()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    private func setupView() {
        backgroundColor = UIColor.purple.withAlphaComponent(0.1)
        layer.cornerRadius = 12

        addSubview(iconImageView)
        addSubview(messageLabel)

        iconImageView.translatesAutoresizingMaskIntoConstraints = false
        messageLabel.translatesAutoresizingMaskIntoConstraints = false

        NSLayoutConstraint.activate([
            iconImageView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 12),
            iconImageView.centerYAnchor.constraint(equalTo: centerYAnchor),
            iconImageView.widthAnchor.constraint(equalToConstant: 20),
            iconImageView.heightAnchor.constraint(equalToConstant: 20),

            messageLabel.leadingAnchor.constraint(equalTo: iconImageView.trailingAnchor, constant: 8),
            messageLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -12),
            messageLabel.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
    }
}

let composerTextStyle = MentionTextStyle()
.set(textBackgroundColor: .white)
.set(textColor: UIColor.black)
.set(textFont: UIFont.systemFont(ofSize: 18, weight: .heavy))
.set(loggedInUserTextColor: UIColor.systemTeal)
.set(loggedInUserTextFont: UIFont.systemFont(ofSize: 18, weight: .bold))

let customMentionFormatter = CometChatMentionsFormatter()
.set(composerTextStyle: composerTextStyle)

let messageComposerConfiguration = MessageComposerConfiguration()
.set(textFormatter: [customMentionFormatter])

let cometChatMessages = CometChatMessages()
.set(user: user)
.set(messageComposerConfiguration: messageComposerConfiguration)