Compact Message Composer

let compactComposer = CometChatCompactMessageComposer()
compactComposer.set(user: user)
compactComposer.set(controller: self)
compactComposer.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(compactComposer)

compactComposer.set(onSendButtonClick: { message in
    // Your custom send handling
})

compactComposer.set(onError: { error in
    // Your Exception Handling code
})

compactComposer.set(onTextChangedListener: { text in
    // Handle text change
})

compactComposer.set(attachmentOptions: { user, group, controller in
    // Return custom attachment actions
    return [CometChatMessageComposerAction]
})

CometChatCompactMessageComposer.style.activeSendButtonBackgroundColor = UIColor(hex: "#F76808")
CometChatCompactMessageComposer.style.attachmentImageTint = UIColor(hex: "#F76808")
CometChatCompactMessageComposer.style.voiceRecordingImageTint = UIColor(hex: "#F76808")
CometChatCompactMessageComposer.style.stickersImageTint = UIColor(hex: "#F76808")

var customStyle = CompactMessageComposerStyle()
customStyle.activeSendButtonBackgroundColor = UIColor(hex: "#F76808")
customStyle.attachmentImageTint = UIColor(hex: "#F76808")
customStyle.voiceRecordingImageTint = UIColor(hex: "#F76808")
customStyle.stickersImageTint = UIColor(hex: "#F76808")

let compactComposer = CometChatCompactMessageComposer()
compactComposer.style = customStyle

// Disable rich text formatting
compactComposer.enableRichTextFormatting = false

// Hide the formatting toolbar
compactComposer.showRichTextFormattingOptions = false

CometChatCompactMessageComposer.style.richTextToolbarStyle.backgroundColor = UIColor(hex: "#F5F5F5")
CometChatCompactMessageComposer.style.richTextToolbarStyle.iconTintColor = UIColor(hex: "#666666")
CometChatCompactMessageComposer.style.richTextToolbarStyle.activeIconTintColor = UIColor(hex: "#F76808")
CometChatCompactMessageComposer.style.richTextToolbarStyle.activeButtonBackgroundColor = UIColor(hex: "#FFF0E6")

compactComposer.set(richTextToolbarActions: { user, group in
    [
        CometChatRichTextToolbarAction(
            id: "insert_greeting",
            icon: UIImage(systemName: "hand.wave")?.withRenderingMode(.alwaysTemplate),
            accessibilityLabel: "Greeting"
        ) { input in
            input.insertAtCaret(NSAttributedString(string: "Hello! "))
        }
    ]
})

CometChatRichTextToolbarAction(
    id: "red_text",
    icon: UIImage(systemName: "paintpalette")?.withRenderingMode(.alwaysTemplate),
    accessibilityLabel: "Red text"
) { input in
    // Colouring applies to a selection; with only a caret there is nothing
    // to restyle, so leave the text alone rather than guessing at a range.
    guard input.hasSelection else { return }

    // Kit-owned runs are protected by default and keep their own styling.
    input.applyAttributesToSelection([
        .foregroundColor: UIColor.systemRed,
        RichTextFormatterManager.textColorKey: UIColor.systemRed
    ])
}

// Applies colour, and marks the run so it survives send.
input.applyAttributesToSelection([
    .foregroundColor: UIColor.systemRed,
    RichTextFormatterManager.textColorKey: UIColor.systemRed
])

// Clearing colour removes both keys; the text falls back to the
// composer's own colour rather than to a value hard-coded here.
input.removeAttributesFromSelection([
    .foregroundColor,
    RichTextFormatterManager.textColorKey
])

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 compactComposer = CometChatCompactMessageComposer()
compactComposer.set(textFormatter: [customMentionFormatter])

compactComposer.set(attachmentOptions: { user, group, controller in
    return [CometChatMessageComposerAction]
})

let compactComposer = CometChatCompactMessageComposer()

compactComposer.set(attachmentOptions: { user, group, controller in
    let action1 = CometChatMessageComposerAction(
        id: "customAction1",
        text: "Custom Option 1",
        startIcon: UIImage(systemName: "camera"),
        startIconTint: .black,
        textColor: .black,
        onActionClick: {
            print("Custom Option 1 clicked!")
        }
    )

    let action2 = CometChatMessageComposerAction(
        id: "customAction2",
        text: "Custom Option 2",
        startIcon: UIImage(systemName: "doc"),
        startIconTint: .black,
        textColor: .black,
        onActionClick: {
            print("Custom Option 2 clicked!")
        }
    )

    return [action1, action2]
})

compactComposer.edit(message: textMessage)

compactComposer.reply(message: baseMessage)

compactComposer.preview(message: baseMessage, mode: .edit)
// or
compactComposer.preview(message: baseMessage, mode: .reply)

import UIKit
import CometChatUIKitSwift

class ChatViewController: UIViewController {
    var user: User?

    override func viewDidLoad() {
        super.viewDidLoad()
        setupComposer()
    }

    private func setupComposer() {
        guard let user = user else { return }

        let compactComposer = CometChatCompactMessageComposer()
        compactComposer.set(user: user)
        compactComposer.set(controller: self)

        // Customize
        compactComposer.set(placeholder: "Type a message...")
        compactComposer.disable(typingEvents: false)

        // Callbacks
        compactComposer.set(onSendButtonClick: { message in
            print("Message sent: \(message)")
        })

        compactComposer.set(onError: { error in
            print("Error: \(error.errorDescription)")
        })

        // Layout
        compactComposer.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(compactComposer)

        NSLayoutConstraint.activate([
            compactComposer.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            compactComposer.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            compactComposer.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
        ])
    }
}