@momo-kits/native-kits 0.162.2-beta.26 → 0.162.2-beta.27

package/ios/Avatar/Avatar.swift

@@ -1,193 +0,0 @@
-import SwiftUI
-
-let LOGO_MOMO_URL =
-    "https://static.momocdn.net/app/img/kits/logo_momo_circle.png"
-let ICON_SUPPORT_DEFAULT_URL =
-    "https://static.momocdn.net/app/img/kits/_indicator.png"
-
-public enum AvatarSize {
-    case size24
-    case size32
-    case size40
-    case size48
-    case size56
-    case size72
-
-    var sizeDp: CGFloat {
-        switch self {
-        case .size24: return 24
-        case .size32: return 32
-        case .size40: return 40
-        case .size48: return 48
-        case .size56: return 56
-        case .size72: return 72
-        }
-    }
-
-    var iconSizeDp: CGFloat {
-        switch self {
-        case .size24: return 16
-        case .size32: return 16
-        case .size40: return 24
-        case .size48: return 32
-        case .size56: return 32
-        case .size72: return 40
-        }
-    }
-}
-
-public struct Avatar: View {
-    @Environment(\.appTheme) private var theme
-
-    // MARK: Lifecycle
-
-    public init(
-        size: AvatarSize = .size32,
-        rounded: Bool = true,
-        name: String? = nil,
-        image: String? = nil,
-        showIconMomo: Bool = false,
-        showIconSupport: Bool = false,
-        iconSupport: String = "https://static.momocdn.net/app/img/kits/_indicator.png",
-        accessibilityLabel: String? = nil
-    ) {
-        self.size = size
-        self.rounded = rounded
-        self.name = name
-        self.image = image
-        self.showIconMomo = showIconMomo
-        self.showIconSupport = showIconSupport
-        self.iconSupport = iconSupport
-        self.accessibilityLabel = accessibilityLabel
-    }
-
-    // MARK: Public
-
-    public var body: some View {
-        ZStack {
-            // Inner content clipped by shape with border
-            ZStack {
-                content
-            }
-            .frame(width: size.sizeDp, height: size.sizeDp)
-            .background(Colors.pink09)
-            .clipShape(RoundedRectangle(cornerRadius: cornerRadius))
-            .overlay(
-                RoundedRectangle(cornerRadius: cornerRadius)
-                    .stroke(theme.colors.border.default, lineWidth: 1)
-            )
-
-            // Badge icons — outside clip so they are not cut by border
-            if shouldShowIconTop {
-                ImageView(LOGO_MOMO_URL)
-                    .frame(width: badgeSizeDp, height: badgeSizeDp)
-                    .clipShape(RoundedRectangle(cornerRadius: badgeCornerRadius))
-                    .offset(x: 1, y: -1)
-                    .frame(
-                        width: size.sizeDp,
-                        height: size.sizeDp,
-                        alignment: .topTrailing
-                    )
-                    .zIndex(1)
-            }
-
-            if shouldShowIconBottom {
-                ImageView(iconSupport)
-                    .frame(width: badgeSizeDp, height: badgeSizeDp)
-                    .clipShape(RoundedRectangle(cornerRadius: badgeCornerRadius))
-                    .offset(x: 1, y: 1)
-                    .frame(
-                        width: size.sizeDp,
-                        height: size.sizeDp,
-                        alignment: .bottomTrailing
-                    )
-                    .zIndex(1)
-            }
-        }
-        .frame(width: size.sizeDp, height: size.sizeDp)
-        .accessibilityElement(children: .ignore)
-        .accessibilityLabel(automationId)
-    }
-
-    // MARK: Internal
-
-    let size: AvatarSize
-    let rounded: Bool
-    let name: String?
-    let image: String?
-    let showIconMomo: Bool
-    let showIconSupport: Bool
-    let iconSupport: String
-    let accessibilityLabel: String?
-
-    @ViewBuilder
-    private var content: some View {
-        if let image {
-            ImageView(image, contentMode: .fill)
-                .frame(width: size.sizeDp, height: size.sizeDp)
-                .clipShape(RoundedRectangle(cornerRadius: cornerRadius))
-        } else if let name {
-            MomoText(
-                Self.avatarInitials(name),
-                typography: .descriptionXsRegular,
-                color: Colors.pink03
-            )
-        } else {
-            Icon(
-                source: "basic_person",
-                size: size.iconSizeDp,
-                color: Colors.pink03
-            )
-        }
-    }
-
-    private var cornerRadius: CGFloat {
-        rounded ? size.sizeDp / 2 : Spacing.XS
-    }
-
-    private var badgeSizeDp: CGFloat {
-        size.iconSizeDp / 2
-    }
-
-    private var badgeCornerRadius: CGFloat {
-        size.iconSizeDp / 4
-    }
-
-    private var shouldShowIconTop: Bool {
-        showIconMomo && rounded
-    }
-
-    private var shouldShowIconBottom: Bool {
-        showIconSupport && rounded
-    }
-
-    private var automationId: String {
-        accessibilityLabel ?? "Avatar\(name != nil ? "/\(name!)" : "")"
-    }
-
-    private static func avatarInitials(_ name: String) -> String {
-        let words = name.trimmingCharacters(in: .whitespaces)
-            .split(separator: " ")
-            .filter { !$0.isEmpty }
-        return words.suffix(2)
-            .compactMap { $0.first?.uppercased() }
-            .joined()
-    }
-}
-
-// MARK: - Preview
-#if DEBUG
-struct Avatar_Previews: PreviewProvider {
-    static var previews: some View {
-        HStack(spacing: 12) {
-            Avatar(size: .size40)
-            Avatar(size: .size40, name: "Nguyen Van A")
-            Avatar(size: .size40, rounded: false, name: "John Doe")
-            Avatar(size: .size56, image: "https://i.pravatar.cc/150?img=1", showIconMomo: true)
-            Avatar(size: .size56, showIconSupport: true)
-        }
-        .padding()
-        .previewLayout(.sizeThatFits)
-    }
-}
-#endif

package/ios/BaselineView/BaselineView.swift

@@ -1,163 +0,0 @@
-import SwiftUI
-
-public struct BaselineView: View {
-    private let enabled: Bool
-
-    public init(enabled: Bool = true) {
-        self.enabled = enabled
-    }
-
-    public var body: some View {
-        if enabled {
-            GeometryReader { geometry in
-                let topInset = geometry.safeAreaInsets.top
-                let bottomInset = min(geometry.safeAreaInsets.bottom, 21)
-
-                ZStack(alignment: .topLeading) {
-                    dangerZones(topInset: topInset, bottomInset: bottomInset)
-                    guideLines(
-                        topInset: topInset,
-                        bottomInset: bottomInset,
-                        width: geometry.size.width
-                    )
-                }
-                .frame(maxWidth: .infinity, maxHeight: .infinity)
-                .ignoresSafeArea()
-                .allowsHitTesting(false)
-                .accessibilityHidden(true)
-            }
-        }
-    }
-
-    private func dangerZones(topInset: CGFloat, bottomInset: CGFloat) -> some View {
-        let safeBackground = Color.red.opacity(0.15)
-
-        return ZStack(alignment: .topLeading) {
-            safeBackground
-                .frame(maxWidth: .infinity)
-                .frame(height: topInset)
-
-            HStack(spacing: 0) {
-                safeBackground
-                    .frame(width: 12)
-                Spacer(minLength: 0)
-                safeBackground
-                    .frame(width: 12)
-            }
-            .padding(.top, topInset)
-            .padding(.bottom, bottomInset)
-
-            VStack(spacing: 0) {
-                Spacer(minLength: 0)
-                safeBackground
-                    .frame(maxWidth: .infinity)
-                    .frame(height: bottomInset)
-            }
-        }
-    }
-
-    private func guideLines(topInset: CGFloat, bottomInset: CGFloat, width: CGFloat) -> some View {
-        ZStack(alignment: .topLeading) {
-            baselineLine(isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(y: topInset)
-
-            baselineLine(color: Color(hex: 0xE400FF))
-                .offset(y: topInset + 52)
-
-            baselineLine(color: Color(hex: 0xE400FF))
-                .offset(y: topInset + 104)
-
-            bottomLine(bottomInset: bottomInset + 64, color: Color(hex: 0xE400FF))
-
-            bottomLine(bottomInset: bottomInset, isDotted: false, color: Color(hex: 0xE400FF))
-
-            baselineLine(orientation: .vertical, isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(x: 12)
-
-            baselineLine(orientation: .vertical, isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(x: width - 12)
-
-            baselineLine(color: Color(hex: 0xFF7A00))
-                .offset(y: topInset + 26)
-
-            bottomLine(bottomInset: bottomInset + 56, color: Color(hex: 0xFFCC00))
-
-            bottomLine(bottomInset: bottomInset + 8, color: Color(hex: 0xFFCC00))
-
-            baselineLine(orientation: .vertical, color: Color(hex: 0x00C520))
-                .frame(height: 52)
-                .offset(x: 40, y: topInset)
-
-            baselineLine(orientation: .vertical, color: Color(hex: 0x00C520))
-                .frame(height: 52)
-                .offset(x: 48, y: topInset)
-        }
-    }
-
-    private func bottomLine(
-        bottomInset: CGFloat,
-        isDotted: Bool = true,
-        color: Color
-    ) -> some View {
-        VStack(spacing: 0) {
-            Spacer(minLength: 0)
-            baselineLine(isDotted: isDotted, color: color)
-                .padding(.bottom, bottomInset)
-        }
-    }
-
-    private func baselineLine(
-        orientation: BaselineOrientation = .horizontal,
-        isDotted: Bool = true,
-        color: Color
-    ) -> some View {
-        BaselineLineShape(orientation: orientation)
-            .stroke(
-                color,
-                style: StrokeStyle(
-                    lineWidth: 1,
-                    lineCap: .round,
-                    dash: isDotted ? [8, 8] : []
-                )
-            )
-            .frame(
-                maxWidth: orientation == .horizontal ? .infinity : 1,
-                maxHeight: orientation == .vertical ? .infinity : 1
-            )
-    }
-}
-
-public enum BaselineOrientation: Sendable {
-    case horizontal
-    case vertical
-}
-
-private struct BaselineLineShape: Shape {
-    let orientation: BaselineOrientation
-
-    func path(in rect: CGRect) -> Path {
-        var path = Path()
-
-        switch orientation {
-        case .horizontal:
-            path.move(to: CGPoint(x: rect.minX, y: rect.midY))
-            path.addLine(to: CGPoint(x: rect.maxX, y: rect.midY))
-        case .vertical:
-            path.move(to: CGPoint(x: rect.midX, y: rect.minY))
-            path.addLine(to: CGPoint(x: rect.midX, y: rect.maxY))
-        }
-
-        return path
-    }
-}
-
-#if DEBUG
-struct BaselineView_Previews: PreviewProvider {
-    static var previews: some View {
-        ZStack {
-            Colors.black01
-            BaselineView()
-        }
-    }
-}
-#endif

package/ios/Carousel/Carousel.swift

@@ -1,181 +0,0 @@
-import Combine
-import SwiftUI
-
-/// Native SwiftUI port of the Compose `Carousel` component.
-///
-/// Mirrors the Compose API: a paging horizontal carousel driven by an
-/// `itemCount` and a `content` builder that receives the real (modulo) index.
-/// Supports infinite `loop`, `autoplay` with a configurable interval,
-/// inactive-slide `opacity`/`scale` effects, optional `contentPadding`,
-/// snap behavior, and scroll enable/disable. Snap / scroll-index callbacks
-/// report the real item index.
-///
-/// Available iOS 14+ (uses a custom paging ScrollView so behavior is identical
-/// across versions and supports the loop virtualization + transform effects
-/// that `TabView(.page)` cannot express).
-public struct Carousel<Content: View>: View {
-    // MARK: Lifecycle
-
-    public init(
-        itemCount: Int,
-        loop: Bool = false,
-        autoplay: Bool = false,
-        autoplayInterval: TimeInterval = 3.0,
-        enableSnap: Bool = true,
-        scrollEnabled: Bool = true,
-        inactiveSlideOpacity: Double = 1.0,
-        inactiveSlideScale: Double = 1.0,
-        contentPadding: CGFloat = 0,
-        onSnapToItem: @escaping (Int) -> Void = { _ in },
-        onScrollIndexChanged: @escaping (Int) -> Void = { _ in },
-        @ViewBuilder content: @escaping (_ index: Int) -> Content
-    ) {
-        self.itemCount = itemCount
-        self.loop = loop
-        self.autoplay = autoplay
-        self.autoplayInterval = autoplayInterval
-        self.enableSnap = enableSnap
-        self.scrollEnabled = scrollEnabled
-        self.inactiveSlideOpacity = inactiveSlideOpacity
-        self.inactiveSlideScale = inactiveSlideScale
-        self.contentPadding = contentPadding
-        self.onSnapToItem = onSnapToItem
-        self.onScrollIndexChanged = onScrollIndexChanged
-        self.content = content
-
-        let virtual = loop ? itemCount * 1000 : itemCount
-        let start = loop ? (virtual / 2) - ((virtual / 2) % max(itemCount, 1)) : 0
-        self.virtualPageCount = virtual
-        _currentPage = State(initialValue: start)
-    }
-
-    // MARK: Public
-
-    public var body: some View {
-        if itemCount <= 0 {
-            EmptyView()
-        } else {
-            GeometryReader { geo in
-                let pageWidth = max(geo.size.width - contentPadding * 2, 1)
-                carouselContent(pageWidth: pageWidth, viewportWidth: geo.size.width)
-            }
-        }
-    }
-
-    // MARK: Private
-
-    private let itemCount: Int
-    private let loop: Bool
-    private let autoplay: Bool
-    private let autoplayInterval: TimeInterval
-    private let enableSnap: Bool
-    private let scrollEnabled: Bool
-    private let inactiveSlideOpacity: Double
-    private let inactiveSlideScale: Double
-    private let contentPadding: CGFloat
-    private let onSnapToItem: (Int) -> Void
-    private let onScrollIndexChanged: (Int) -> Void
-    private let content: (Int) -> Content
-
-    private let virtualPageCount: Int
-
-    @State private var currentPage: Int
-    @State private var dragOffset: CGFloat = 0
-    @State private var isDragging: Bool = false
-    @State private var autoplayTick: Int = 0
-
-    private func realIndex(_ page: Int) -> Int {
-        ((page % itemCount) + itemCount) % itemCount
-    }
-
-    @ViewBuilder
-    private func carouselContent(pageWidth: CGFloat, viewportWidth: CGFloat) -> some View {
-        let step = pageWidth
-        // Offset so the current page is centered within the viewport padding.
-        let baseOffset = -CGFloat(currentPage) * step + contentPadding
-
-        ZStack {
-            HStack(spacing: 0) {
-                ForEach(0 ..< virtualPageCount, id: \.self) { page in
-                    slide(page: page, step: step, viewportWidth: viewportWidth)
-                        .frame(width: pageWidth)
-                }
-            }
-            .offset(x: baseOffset + dragOffset)
-            .animation(isDragging ? nil : .easeInOut(duration: 0.25), value: currentPage)
-            .frame(width: viewportWidth, alignment: .leading)
-            .contentShape(Rectangle())
-            .gesture(scrollEnabled ? dragGesture(step: step) : nil)
-        }
-        .frame(width: viewportWidth)
-        .clipped()
-        .onReceive(autoplayTimer) { _ in
-            guard autoplay, itemCount > 1, !isDragging else { return }
-            advance()
-        }
-    }
-
-    @ViewBuilder
-    private func slide(page: Int, step: CGFloat, viewportWidth: CGFloat) -> some View {
-        // Fractional offset of this page from the current page (incl. drag).
-        let dragFraction = step > 0 ? -dragOffset / step : 0
-        let pageOffset = abs(CGFloat(currentPage - page) + dragFraction)
-        let isActive = pageOffset < 0.5
-        let scale = isActive ? 1.0 : inactiveSlideScale
-        let alpha = isActive ? 1.0 : inactiveSlideOpacity
-
-        content(realIndex(page))
-            .scaleEffect(scale)
-            .opacity(alpha)
-            .animation(.easeInOut(duration: 0.15), value: isActive)
-    }
-
-    private func dragGesture(step: CGFloat) -> some Gesture {
-        DragGesture(minimumDistance: 5)
-            .onChanged { value in
-                isDragging = true
-                dragOffset = value.translation.width
-            }
-            .onEnded { value in
-                isDragging = false
-                let predicted = value.predictedEndTranslation.width
-                let threshold = step / 4
-                var target = currentPage
-                if enableSnap {
-                    if predicted < -threshold {
-                        target = min(currentPage + 1, virtualPageCount - 1)
-                    } else if predicted > threshold {
-                        target = max(currentPage - 1, 0)
-                    }
-                } else {
-                    // Free scroll still settles to nearest page boundary.
-                    let moved = step > 0 ? Int((-dragOffset / step).rounded()) : 0
-                    target = min(max(currentPage + moved, 0), virtualPageCount - 1)
-                }
-                dragOffset = 0
-                setPage(target)
-            }
-    }
-
-    private func advance() {
-        let next = currentPage + 1
-        if next < virtualPageCount {
-            setPage(next)
-        }
-    }
-
-    private func setPage(_ page: Int) {
-        let clamped = min(max(page, 0), virtualPageCount - 1)
-        let changed = clamped != currentPage
-        currentPage = clamped
-        if changed {
-            let real = realIndex(clamped)
-            onSnapToItem(real)
-            onScrollIndexChanged(real)
-        }
-    }
-
-    private var autoplayTimer: Publishers.Autoconnect<Timer.TimerPublisher> {
-        Timer.publish(every: autoplayInterval, on: .main, in: .common).autoconnect()
-    }
-}