Styles.md

ChatMessageCellStyle

public class ChatMessageCellStyle: ObservableObject {
    
    let incomingTextStyle: TextCellStyle
    let outgoingTextStyle: TextCellStyle
    
    let incomingCellEdgeInsets: EdgeInsets?
    let outgoingCellEdgeInsets: EdgeInsets?
    
    let contactCellStyle: ContactCellStyle
    
    let imageCellStyle: ImageCellStyle
    
    let quickReplyCellStyle: QuickReplyCellStyle
    
    let carouselCellStyle: CarouselCellStyle
    
    let locationCellStyle: LocationCellStyle
    
    let videoPlaceholderCellStyle: VideoPlaceholderCellStyle
    
    let incomingAvatarStyle: AvatarStyle
    let outgoingAvatarStyle: AvatarStyle
    
}

Styles

• Text
• QuickReply
• Carousel
• Image
• Location
• Contact
• Avatar
• VideoPlaceholder

Text

public struct TextCellStyle: CommonViewStyle {

    public let textStyle: CommonTextStyle
    // default = textColor: .white, font: .body, fontWeight: .regular
    
    public let textPadding: CGFloat // default = 10

    public let cellBackgroundColor: Color
    // default = Color(UIColor.systemPurple).opacity(0.8)

    public let cellCornerRadius: CGFloat // default = 8
    public let cellBorderColor:  Color   // default = .clear
    public let cellBorderWidth:  CGFloat // default = 1
    public let cellShadowRadius: CGFloat // default = 3
    public let cellShadowColor:  Color   // default = .secondary

}

QuickReply

public struct QuickReplyCellStyle {

    /// If the total characters of all item's title is greater than this value, items ordered vertically
    public let characterLimitToChangeStackOrientation: Int
    // default = 30
    
    public let selectedItemColor: Color // default = .green
    public let selectedItemFont: Font   // default = .callout
    public let selectedItemFontWeight: Font.Weight // default = .semibold
    public let selectedItemBackgroundColor: Color  // default = Color.green.opacity(0.3)

    public let unselectedItemColor: Color // default = .primary
    public let unselectedItemFont: Font   // default = .callout
    public let unselectedItemFontWeight: Font.Weight // default = .semibold
    public let unselectedItemBackgroundColor: Color  // default = .clear

    public let itemPadding:      CGFloat // default = 8
    public let itemBorderWidth:  CGFloat // default = 1
    public let itemHeight:       CGFloat // default = 40
    public let itemCornerRadius: CGFloat // default = 8
    public let itemShadowColor:  Color   // default = .secondary
    public let itemShadowRadius: CGFloat // default = 1
    
}

Carousel

public struct CarouselCellStyle: CommonViewStyle {

    public let titleLabelStyle: CommonTextStyle 
    // default = textColor: .primary, font: .title, fontWeight: .bold
    
    public let subtitleLabelStyle: CommonTextStyle
    // default = textColor: .secondary, font: .body, fontWeight: .regular
    
    public let buttonFont: Font                   // default = .body
    public let buttonTitleColor: Color            // default = .white
    public let buttonTitleFontWeight: Font.Weight // default = .semibold
    public let buttonBackgroundColor: Color       // default = .blue
    
    /// Cell width in a given available size
    public let cellWidth: (CGSize) -> CGFloat
    // default = { $0.width * (Device.isLandscape ? 0.4 : 0.75) }
    
    public let cellBackgroundColor: Color   
    // default = Color.secondary.opacity(0.2)
    
    public let cellCornerRadius: CGFloat // default = 8
    public let cellBorderColor:  Color   // default = .clear
    public let cellBorderWidth:  CGFloat // default = 1
    public let cellShadowRadius: CGFloat // default = 3
    public let cellShadowColor:  Color   // default = .secondary
}

Image

public struct ImageCellStyle {
    
    /// Cell width in a given available size
    public let cellWidth: (CGSize) -> CGFloat
    // default = { $0.width * (Device.isLandscape ? 0.4 : 0.75) }
    
    public let cellBackgroundColor: Color    
    // default = Color.secondary.opacity(0.1)
    
    public let cellCornerRadius: CGFloat  // default = 8
    public let cellBorderColor:  Color    // default = .clear
    public let cellBorderWidth:  CGFloat  // default = 0
    public let cellShadowRadius: CGFloat  // default = 3
    public let cellShadowColor:  Color    // default = .secondary
}

Location

public struct LocationCellStyle {
    
    /// Cell width in a given available size
    public let cellWidth: (CGSize) -> CGFloat
    // default = { $0.width * (Device.isLandscape ? 0.4 : 0.75) }
    
    public let cellAspectRatio:  CGFloat // default = 0.7
    public let cellCornerRadius: CGFloat // default = 8
    public let cellBorderColor:  Color   // default = .clear
    public let cellBorderWidth:  CGFloat // default = 0
    public let cellShadowRadius: CGFloat // default = 2
    public let cellShadowColor:  Color   // default = .secondary
}

Contact

public struct ContactCellStyle: CommonViewStyle {

    public let cellWidth: (CGSize) -> CGFloat
    //default = { $0.width * (Device.isLandscape ? 0.45 : 0.75) }
    
    public let imageStyle: CommonImageStyle
    
    public let fullNameLabelStyle: CommonTextStyle
    // default = textColor: .primary, font: .body, fontWeight: .semibold
    
    // CellContainerStyle
    public let cellBackgroundColor: Color
    // default = Color.secondary.opacity(0.05)
    
    public let cellCornerRadius: CGFloat // default = 8
    public let cellBorderColor: Color    // default = .clear
    public let cellBorderWidth: CGFloat  // default = 1
    public let cellShadowRadius: CGFloat // default = 1
    public let cellShadowColor: Color    // default = .secondary
    
}

Avatar

public enum AvatarPosition {
    case alignToMessageCenter(spacing: CGFloat)
    case alignToMessageTop(spacing: CGFloat)
    case alignToMessageBottom(spacing: CGFloat)
}

public struct AvatarStyle {
    public let imageStyle: CommonImageStyle
    public let avatarPosition: AvatarPosition 
    // default = .alignToMessageBottom(spacing: 8)
}

VideoPlaceholder

public struct VideoPlaceholderCellStyle {

    /// Cell width in a given available size
    public let cellWidth: (CGSize) -> CGFloat
    // default = { $0.width * (Device.isLandscape ? 0.4 : 0.75) }

    public let cellBackgroundColor: Color    
    // default = Color.secondary.opacity(0.1)
    
    public let cellAspectRatio: CGFloat  // default = 1.78
    public let cellCornerRadius: CGFloat // default = 8
    public let cellBorderColor:  Color   // default = .clear
    public let cellBorderWidth:  CGFloat // default = 0
    public let cellShadowRadius: CGFloat // default = 2
    public let cellShadowColor:  Color   // default = .secondary
    public let cellBlurRadius:   CGFloat // default = 3
}