Call Logs

// To navigate to the CometChatCallLogs
let callLogs = CometChatCallLogs()
self.navigationController?.pushViewController(callLogs, animated: true)

// syntax for set(onItemClick: ((_ callLog: Any) -> ())?)
// Note: callLog is of type CometChatCallsSDK.CallLog, cast it to access properties
cometChatCallLogs.set(onItemClick: { callLog in
    // Override on item click
    guard let callLog = callLog as? CallLog else { return }
    // Access callLog properties
})

// syntax for set(onItemLongClick: ((_ callLog: Any, _ indexPath: IndexPath) -> ())?)
// Note: callLog is of type CometChatCallsSDK.CallLog, cast it to access properties
cometChatCallLogs.set(onItemLongClick: { callLog, indexPath in
    // Override on item long click
    guard let callLog = callLog as? CallLog else { return }
    // Access callLog properties
})

cometChatCallLogs.set(onBack: {
    // Override on back
})

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

cometChatCallLogs.set(onEmpty: {

})

cometChatCallLogs.set(onLoad: { callLogs in
})

let callRequestBuilder = CallLogsRequest.CallLogsBuilder()
.set(limit: 2)
.set(callType: .audio)
.set(callStatus: .initiated)

// To navigate to the CometChatCallLogs
let callLogs = CometChatCallLogs()
.set(callRequestBuilder: callRequestBuilder)

self.navigationController?.pushViewController(callLogs, animated: true)

let customAvatarStyle = AvatarStyle()
customAvatarStyle.backgroundColor = UIColor(hex: "#FBAA75")
customAvatarStyle.cornerRadius = CometChatCornerStyle(cornerRadius: 8)
        
CometChatCallLogs.style.titleColor = UIColor(hex: "#F76808")
CometChatCallLogs.style.titleFont = UIFont(name: "Times-New-Roman", size: 34)
CometChatCallLogs.avatarStyle = customAvatarStyle

let customAvatarStyle = AvatarStyle()
customAvatarStyle.backgroundColor = UIColor(hex: "#FBAA75")
customAvatarStyle.cornerRadius = CometChatCornerStyle(cornerRadius: 20)
        
let callLogStyle = CallLogStyle()
callLogStyle.titleColor = UIColor(hex: "#F76808")
callLogStyle.titleFont = UIFont(name: "Times-New-Roman", size: 34)
        
let callLog = CometChatCallLogs()
callLog.style = callLogStyle
callLog.avatarStyle = customAvatarStyle

CometChatCallLogs.dateTimeFormatter.time = { timestamp in
    return "at " + DateFormatter.localizedString(from: Date(timeIntervalSince1970: TimeInterval(timestamp)), dateStyle: .none, timeStyle: .short)
}

CometChatCallLogs.dateTimeFormatter.today = { timestamp in
    return "Today • \(formattedTime(from: timestamp))"
}

CometChatCallLogs.dateTimeFormatter.otherDay = { timestamp in // This will display older dates as "24 Apr 2025" instead of the default relative format.
    let formatter = DateFormatter()
    formatter.dateFormat = "dd MMM yyyy"
    return formatter.string(from: Date(timeIntervalSince1970: TimeInterval(timestamp)))
}

let callLogs = CometChatCallLogs()
callLogs.dateTimeFormatter.yesterday = { timestamp in
    return "Yesterday at " + formattedTime(from: timestamp)
}

let callLogs = CometChatCallLogs()
callLogs.set(listItemView: { callLog in
   let view = CustomListItem()
   return view         
})

import UIKit
import CometChatUIKitSwift
import CometChatCallsSDK

class CustomListItem: UIView {
    // Initialize UI components
    public var callImage: UIImageView = {
        let imageView = UIImageView()
        imageView.translatesAutoresizingMaskIntoConstraints = false
        return imageView
    }()
            
    public var nameLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
            
    public var subTitleLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.textAlignment = .center
        label.textColor = .lightGray
        return label
    }()
            
    public var dateLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.textAlignment = .center
        label.textColor = .systemGray3
        return label
    }()
            
    public var detailStackView: UIStackView = {
        let stack = UIStackView()
        stack.translatesAutoresizingMaskIntoConstraints = false
        stack.alignment = .leading
        stack.distribution = .fill
        stack.spacing = 4
        return stack
    }()
            
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
            
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
            
    private func setupUI() {
        addSubview(callImage)
        addSubview(detailStackView)
        detailStackView.addArrangedSubview(nameLabel)
        detailStackView.addArrangedSubview(subTitleLabel)
        addSubview(dateLabel)
                
        NSLayoutConstraint.activate([
            callImage.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
            callImage.centerYAnchor.constraint(equalTo: centerYAnchor),
            callImage.widthAnchor.constraint(equalToConstant: 40),
            callImage.heightAnchor.constraint(equalToConstant: 40),
                    
            detailStackView.leadingAnchor.constraint(equalTo: callImage.trailingAnchor, constant: 8),
            detailStackView.trailingAnchor.constraint(equalTo: dateLabel.trailingAnchor, constant: -8),
            detailStackView.centerYAnchor.constraint(equalTo: callImage.centerYAnchor),
                    
            dateLabel.centerYAnchor.constraint(equalTo: callImage.centerYAnchor),
            dateLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -12)
        ])
    }
}

let callLogs = CometChatCallLogs()
callLogs.set(titleView: { callLog in
    let view = CustomTitleView()
    view.configure(callLog: callLog)
    return view
})

import UIKit
import CometChatUIKitSwift
import CometChatSDK
import CometChatCallsSDK

import UIKit

class CustomTitleView: UIView {
    
    private let nameLabel: UILabel = {
        let label = UILabel()
        label.font = UIFont.systemFont(ofSize: 16, weight: .semibold)
        label.textColor = .black
        return label
    }()
    
    private let separatorLabel: UILabel = {
        let label = UILabel()
        label.text = "•"
        label.font = UIFont.systemFont(ofSize: 16, weight: .regular)
        label.textColor = .gray
        return label
    }()
    
    private let clockIcon: UIImageView = {
        let imageView = UIImageView(image: UIImage(systemName: "clock.fill"))
        imageView.tintColor = .gray
        imageView.contentMode = .scaleAspectFit
        return imageView
    }()
    
    private let timeLabel: UILabel = {
        let label = UILabel()
        label.font = UIFont.systemFont(ofSize: 16, weight: .regular)
        label.textColor = .gray
        return label
    }()
    
    private let stackView: UIStackView = {
        let stackView = UIStackView()
        stackView.axis = .horizontal
        stackView.alignment = .center
        stackView.spacing = 4
        return stackView
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupUI() {
        stackView.addArrangedSubview(nameLabel)
        stackView.addArrangedSubview(separatorLabel)
        stackView.addArrangedSubview(clockIcon)
        stackView.addArrangedSubview(timeLabel)
        
        addSubview(stackView)
        stackView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            stackView.leadingAnchor.constraint(equalTo: leadingAnchor),
            stackView.topAnchor.constraint(equalTo: topAnchor),
            stackView.bottomAnchor.constraint(equalTo: bottomAnchor),
            stackView.trailingAnchor.constraint(equalTo: trailingAnchor)
        ])
    }
    
    func configure(callLog: CometChatCallsSDK.CallLog){
        
        if let group = (callLog.receiver as? CallGroup) {
            callGroup = group
        } else if let initiator = (callLog.initiator as? CallUser), initiator.uid != CometChatUIKit.getLoggedInUser()?.uid {
            callUser = initiator
        } else if let receiver = (callLog.receiver as? CallUser) {
            callUser = receiver
        }
        
        nameLabel.text = callUser?.name ?? callGroup?.name ?? ""
        timeLabel.text = formatTime(seconds: (participant?.totalDurationInMinutes ?? 0.0)*60)
    }
}

let callLogs = CometChatCallLogs()
callLogs.set(leadingView: { callLog in
    let view = CustomLeadingView()
    view.configure(callLog: callLog)
    return view
})

import UIKit
import CometChatUIKitSwift
import CometChatSDK
import CometChatCallsSDK

import UIKit

class CustomLeadingView: UIButton {
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupUI() {
        let callIcon = UIImage(systemName: "phone.arrow.up.right")?.withRenderingMode(.alwaysTemplate)
        setImage(callIcon, for: .normal)
        tintColor = UIColor.purple
        backgroundColor = UIColor.purple.withAlphaComponent(0.1)
        layer.cornerRadius = 24 // Make it circular
        clipsToBounds = true
        
        NSLayoutConstraint.activate([
            widthAnchor.constraint(equalToConstant: 48),
            heightAnchor.constraint(equalToConstant: 48)
        ])
    }
    
    func configure(callLog: CometChatCallsSDK.CallLog){
        var image = UIImage()
        switch callLog?.status {
        case .busy, .unanswered, .rejected, .cancelled:
            image = UIImage(named: "missed_call_image")
        case .initiated, .ongoing, .ended:
            if isInitiator{
                image = UIImage(systemName: "arrow.up.right")
            }else{
                image = UIImage(systemName: "arrow.down.left")
            }
        case .none:
            break
        @unknown default:
            break
        }
        self.setImage(image, for: .normal)
    }
}

let callLogs = CometChatCallLogs()
callLogs.set(subtitleView: { callLog in
    let view =  CustomSubtitleView()
    return view
})

import UIKit
import CometChatUIKitSwift
import CometChatSDK
import CometChatCallsSDK

class CustomSubtitleView: UIView {
            
    // MARK: - Properties
    private let subtitleLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.font = UIFont.systemFont(ofSize: 14, weight: .regular) // Customize font
        label.textColor = .darkGray // Customize text color
        label.numberOfLines = 1 // Single line
        label.textAlignment = .left // Align to the left
        return label
    }()
            
    // MARK: - Initializers
    override init(frame: CGRect) {
        super.init(frame: frame)
            setupView()
    }
            
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupView()
    }
            
    // MARK: - Setup
    private func setupView() {
        addSubview(subtitleLabel)
                
        // Constraints
        NSLayoutConstraint.activate([
            subtitleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
            subtitleLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8),
            subtitleLabel.topAnchor.constraint(equalTo: topAnchor, constant: 4),
            subtitleLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -4)
        ])
    }
            
    // MARK: - Configuration
    func set(call: CometChatCallsSDK.CallLog) {
        subtitleLabel.text = call.initiatedAt
    }
}

let callLogs = CometChatCallLogs()
callLogs.set(trailView: { callLog in
    let view = CustomTrailView()
    return view
})

import UIKit
import CometChatUIKitSwift
import CometChatSDK
import CometChatCallsSDK

class CustomTrailView: UIView {
            
    // MARK: - Properties
    private let tailLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.font = UIFont.systemFont(ofSize: 14, weight: .regular) // Customize font
        label.textColor = .darkGray // Customize text color
        label.numberOfLines = 1 // Single line
        label.textAlignment = .right // Align to the right
        return label
    }()
            
    // MARK: - Initializers
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }
            
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupView()
    }
            
    // MARK: - Setup
    private func setupView() {
        addSubview(tailLabel)
                
        // Constraints
        NSLayoutConstraint.activate([
            tailLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
            tailLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8),
            tailLabel.topAnchor.constraint(equalTo: topAnchor, constant: 4),
            tailLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -4)
        ])
    }
            
    // MARK: - Configuration
    func set(call: CometChatCallsSDK.CallLog) {
        tailLabel.text = call.initiatedAt
    }
}

class MainTabBarController: UITabBarController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let callLogs = CometChatCallLogs()
        let callLogsNav = UINavigationController(rootViewController: callLogs)
        callLogsNav.tabBarItem = UITabBarItem(
            title: "Calls",
            image: UIImage(systemName: "phone"),
            selectedImage: UIImage(systemName: "phone.fill")
        )
        
        viewControllers = [/* other tabs */, callLogsNav]
    }
}

let callLogs = CometChatCallLogs()
callLogs.set(onItemClick: { [weak self] callLog, indexPath in
    // Get the other participant
    var callUser: CallUser?
    if let initiator = callLog.initiator as? CallUser,
       initiator.uid != CometChatUIKit.getLoggedInUser()?.uid {
        callUser = initiator
    } else if let receiver = callLog.receiver as? CallUser {
        callUser = receiver
    }
    
    guard let user = callUser else { return }
    
    // Show callback options
    let alert = UIAlertController(title: "Call \(user.name ?? "")?", message: nil, preferredStyle: .actionSheet)
    alert.addAction(UIAlertAction(title: "Voice Call", style: .default) { _ in
        self?.initiateCall(uid: user.uid ?? "", type: .audio)
    })
    alert.addAction(UIAlertAction(title: "Video Call", style: .default) { _ in
        self?.initiateCall(uid: user.uid ?? "", type: .video)
    })
    alert.addAction(UIAlertAction(title: "Cancel", style: .cancel))
    self?.present(alert, animated: true)
})

// Show only missed calls
let missedCallsBuilder = CallLogsRequest.CallLogsBuilder()
    .set(callStatus: .unanswered)
    .set(limit: 30)

let callLogs = CometChatCallLogs()
callLogs.set(callRequestBuilder: missedCallsBuilder)

// Show only video calls
let videoCallsBuilder = CallLogsRequest.CallLogsBuilder()
    .set(callType: .video)
    .set(limit: 30)

let callLogs = CometChatCallLogs()

callLogs.set(onEmpty: { [weak self] in
    // Show custom empty state or prompt user to make their first call
    print("No call history yet")
})

// Or set a custom empty view
let emptyView = UIView()
let label = UILabel()
label.text = "No calls yet\nStart a conversation!"
label.textAlignment = .center
label.numberOfLines = 0
emptyView.addSubview(label)
// Add constraints...

callLogs.set(emptyView: emptyView)