@momo-kits/native-kits 0.152.4-beta.2 → 0.152.4-beta.3

package/ios/Colors+Radius+Spacing/Radius.swift

@@ -0,0 +1,22 @@
+import SwiftUI
+import Foundation
+
+public enum Radius {
+    public static let XXS: CGFloat = 2
+    public static let XS: CGFloat = 4
+    public static let S: CGFloat = 8
+    public static let M: CGFloat = 12
+    public static let L: CGFloat = 16
+    public static let XL: CGFloat = 24
+}
+
+public struct RoundedCorner: Shape {
+
+    var radius: CGFloat = .infinity
+    var corners: UIRectCorner = .allCorners
+
+    public func path(in rect: CGRect) -> Path {
+        let path = UIBezierPath(roundedRect: rect, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
+        return Path(path.cgPath)
+    }
+}

package/ios/Colors+Radius+Spacing/Spacing.swift

@@ -0,0 +1,12 @@
+import Foundation
+
+public enum Spacing {
+    public static let XXS: CGFloat = 2
+    public static let XS: CGFloat = 4
+    public static let S: CGFloat = 8
+    public static let M: CGFloat = 12
+    public static let L: CGFloat = 16
+    public static let XL: CGFloat = 24
+    public static let XXL: CGFloat = 32
+    public static let XXXL: CGFloat = 48
+}

package/ios/Extensions/Color++.swift

@@ -0,0 +1,25 @@
+import SwiftUI
+
+public extension Color {
+    init(hex: UInt, alpha: Double = 1) {
+        self.init(
+            .sRGB,
+            red: Double((hex >> 16) & 0xFF) / 255,
+            green: Double((hex >> 08) & 0xFF) / 255,
+            blue: Double((hex >> 00) & 0xFF) / 255,
+            opacity: alpha
+        )
+    }
+
+    init(hex: String) {
+        let scanner = Scanner(string: hex)
+        var rgbValue: UInt64 = 0
+        scanner.scanHexInt64(&rgbValue)
+        
+        let r = (rgbValue & 0xff0000) >> 16
+        let g = (rgbValue & 0xff00) >> 8
+        let b = rgbValue & 0xff
+        
+        self.init(red: Double(r) / 0xff, green: Double(g) / 0xff, blue: Double(b) / 0xff)
+    }
+}

package/ios/Icon/Icon.swift

@@ -0,0 +1,51 @@
+import SwiftUI
+
+struct IconSource: Codable {
+    let uri: String
+}
+
+func loadIconSources() -> [String: IconSource] {
+    guard let url = Bundle.main.url(forResource: "icon", withExtension: "json") else {
+        print("Error: icon.json not found")
+        return [:]
+    }
+    
+    do {
+        let data = try Data(contentsOf: url)
+        let decoded = try JSONDecoder().decode([String: IconSource].self, from: data)
+        return decoded
+    } catch {
+        print("Error decoding icon.json: \(error)")
+        return [:]
+    }
+}
+
+// Load the JSON data into a global variable
+let iconSources: [String: IconSource] = loadIconSources()
+
+// Icon ViewModel
+public struct Icon: View {
+    var source: String
+    var size: CGFloat
+    var color: Color?
+    var accessibilityLabel: String?
+    
+    public init(
+            source: String,
+            size: CGFloat = 24,
+            color: Color? = nil,
+            accessibilityLabel: String? = nil
+        ) {
+            self.source = source
+            self.size = size
+            self.color = color
+            self.accessibilityLabel = accessibilityLabel
+        }
+
+    public var body: some View {
+        if let uri = iconSources[source]?.uri {
+            ImageView(uri, color: color).frame(width: size, height: size)
+        }
+    }
+}
+

package/ios/Image/Image.swift

@@ -0,0 +1,70 @@
+
+
+import Foundation
+import SDWebImageSwiftUI
+import SkeletonUI
+import SwiftUI
+
+public struct ImageView: View {
+    // MARK: Lifecycle
+
+    public init(_ url: String, aspectRatio: CGFloat? = nil, contentMode: ContentMode = ContentMode.fit, placeholder: AnyView? = nil, color: Color? = nil) {
+        self.url = url
+        self.aspectRatio = aspectRatio
+        self.contentMode = contentMode
+        self.placeholder = placeholder
+        self.color = color
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        return WebImage(url: URL(string: url), isAnimating: .constant(true))
+            .onFailure { _ in
+                error = true
+            }
+            .onSuccess { _, _, _ in
+                error = false
+            }
+            .resizable()
+            .renderingMode(color != nil ? .template : .original)
+            .placeholder {
+                VStack(alignment: .center, content: {
+                    if error {
+                        Image(systemName: "photo.badge.exclamationmark").frame(width: 24, height: 24)
+                    } else if placeholder != nil {
+                        placeholder
+                    }
+                })
+                .frame(maxWidth: .infinity, maxHeight: .infinity)
+                .skeleton(with: !error && placeholder == nil)
+                .shape(type: .rectangle)
+            }
+            .scaledToFit()
+            .transition(.fade)
+            .aspectRatio(aspectRatio, contentMode: contentMode)
+            .foregroundColor(color)
+    }
+
+    // MARK: Internal
+
+    var aspectRatio: CGFloat?
+    var contentMode: ContentMode
+    var placeholder: AnyView?
+    var color: Color?
+
+    @State var error: Bool = false
+    var url: String
+}
+
+private struct ColorMultiplyModifier: ViewModifier {
+    let color: Color?
+
+    func body(content: Content) -> some View {
+        if let color {
+            content.colorMultiply(color)
+        } else {
+            content
+        }
+    }
+}

package/ios/Input/Input.swift

@@ -0,0 +1,207 @@
+import Foundation
+import SwiftUI
+
+
+fileprivate struct FloatingComponent: View {
+    var floatingValue: String
+    var floatingIcon: AnyView?
+    
+    public init (_ floatingValue: String = "", floatingIcon: AnyView? = nil){
+        self.floatingValue = floatingValue
+        self.floatingIcon = floatingIcon
+    }
+    
+    public var body: some View {
+        return HStack {
+            Text(floatingValue)
+                .font(.paragraph)
+                .foregroundColor(Colors.black09)
+                .font(.system(size: 12))
+                .padding(.leading, 8)
+                .padding(.trailing, 8)
+            floatingIcon
+        }
+        .background(Colors.black01)
+        .offset(x: 16, y:-8)
+        .zIndex(10)
+    }
+}
+
+struct DotTextField: View{
+    @Binding var value: String
+    @State var isHide: Bool = true
+    
+    
+    func onToggle(){
+        isHide.toggle()
+    }
+    
+    public var body: some View {
+        return HStack {
+            if (isHide){
+                SecureField("", text: $value)
+            }
+            else {
+                TextField("", text: $value)
+            }
+            
+            SwiftButton(action: onToggle){
+                Image(systemName: isHide ?  "eye.slash" : "eye")
+                    .foregroundColor(Colors.text)
+                    .frame(width: 16, height: 16)
+                    .padding(.leading, -4)
+            }
+            
+            
+        }
+        
+    }
+}
+
+public struct Input: View {
+    @Binding var value: String
+    @State var focused: Bool = false
+    
+    var placeholder: String
+    var floatingValue: String
+    var errorMessage: String
+    var isSecure: Bool
+    var keyboardType: UIKeyboardType
+    var floatingIcon: AnyView?
+    var rightIcon: AnyView?
+    var onChange: ((String) -> Void)?
+    var onBlur: (() -> Void)?
+    var floatingIconURL: String?
+    var floatingIconColor: Color?
+    var size: InputSize
+    var fontWeight: InputFontWeight
+    var disabled: Bool
+    var leadingIcon: String?
+    var leadingIconColor: Color?
+    var loading: Bool
+    var required: Bool
+    var hintText: String?
+    
+    func onCancel(){
+        self.value.removeAll()
+    }
+    
+    public init(_ value: Binding<String>, placeholder: String  = "", floatingValue: String = "", multilines: Bool  = false, errorMessage: String = "", isSecure: Bool = false, keyboardType: UIKeyboardType = .default, floatingIcon:  AnyView? = nil, rightIcon:  AnyView? = nil, onChange: ((String)->Void)? = nil, onBlur: (()->Void)? = nil, floatingIconURL: String? = nil, floatingIconColor: Color? = Colors.pink03, size: InputSize = .small, fontWeight: InputFontWeight = .regular, disabled: Bool = false, leadingIcon: String? = nil, leadingIconColor: Color? = Colors.pink03, loading: Bool = false, required: Bool = false, hintText: String? = nil){
+        self.placeholder = placeholder
+        self.floatingValue = floatingValue
+        self.errorMessage = errorMessage
+        self.isSecure = isSecure
+        self._value = value
+        self.keyboardType = keyboardType
+        self.rightIcon = rightIcon
+        self.floatingIcon = floatingIcon
+        self.onChange = onChange
+        self.floatingIconURL = floatingIconURL
+        self.floatingIconColor = floatingIconColor
+        self.size = size
+        self.fontWeight = fontWeight
+        self.disabled = disabled
+        self.leadingIcon = leadingIcon
+        self.leadingIconColor = leadingIconColor
+        self.loading = loading
+        self.required = required
+        self.hintText = hintText
+    }
+    
+    func onChangeText(value: String){
+        onChange?(value)
+    }
+    
+    public var body: some View {
+            VStack(alignment: .leading, spacing: 4) {
+                ZStack(alignment: .topLeading) {
+                    HStack(alignment: .center) {
+                        if let leadingIcon = leadingIcon {
+                            Icon(source: leadingIcon, size: 16, color: leadingIconColor)
+                        }
+                        
+                        if !isSecure {
+                            TextField("", text: $value, onEditingChanged: { isChange in
+                                self.focused = isChange
+                            })
+                            .disabled(disabled)
+                            .font(fontWeight == .bold ? .headline : .body)
+                        } else {
+                            DotTextField(value: $value)
+                                .disabled(disabled)
+                        }
+                        
+                        if loading {
+                            ActivityIndicator(isAnimating: .constant(true), style: .medium)
+                                .frame(width: 20, height: 20)
+                        } else if !value.isEmpty {
+                            SwiftButton(action: onCancel){
+                                Image(systemName: "x.circle.fill")
+                                    .foregroundColor(Colors.text)
+                                    .frame(width: 16, height: 16)
+                                    .padding(.leading, -4)
+                                    .padding(.trailing, 8)
+                            }
+                        }
+
+                        rightIcon
+                    }
+                    .padding(.horizontal, 12)
+                    .frame(height: size == .small ? 40 : 48)
+                    .background(disabled ? Colors.black01 : Color.white)
+                    .overlay(RoundedRectangle(cornerRadius: 8).stroke(focused ? Colors.pink03 : Colors.border, lineWidth: 1))
+                    
+                    if value.isEmpty {
+                        Text(placeholder + (required ? " *" : ""))
+                            .foregroundColor(Colors.black09)
+                            .padding(.horizontal, leadingIcon == nil ? 12 : 32)
+                            .padding(.top, 12)
+                            .allowsHitTesting(false)
+                    }
+                    
+                    if !floatingValue.isEmpty {
+                        FloatingComponent(floatingValue, floatingIcon: floatingIconURL.map { url in
+                            AnyView(
+                                Icon(source: url, size: 16, color: floatingIconColor)
+                                )
+                        })
+                            
+                    }
+                }
+                
+                if !errorMessage.isEmpty {
+                    Text(errorMessage)
+                        .foregroundColor(.red)
+                        .font(.caption)
+                } else if let hint = hintText {
+                    Text(hint)
+                        .foregroundColor(Colors.black09)
+                        .font(.caption)
+                }
+            }
+        }
+}
+
+
+struct ActivityIndicator: UIViewRepresentable {
+    @Binding var isAnimating: Bool
+    let style: UIActivityIndicatorView.Style
+
+    func makeUIView(context: UIViewRepresentableContext<ActivityIndicator>) -> UIActivityIndicatorView {
+        return UIActivityIndicatorView(style: style)
+    }
+
+    func updateUIView(_ uiView: UIActivityIndicatorView, context: UIViewRepresentableContext<ActivityIndicator>) {
+        isAnimating ? uiView.startAnimating() : uiView.stopAnimating()
+    }
+}
+
+public enum InputSize {
+    case small
+    case large
+}
+
+public enum InputFontWeight {
+    case regular
+    case bold
+}

package/ios/Input/InputPhoneNumber.swift

@@ -0,0 +1,176 @@
+//
+//  InputPhoneNumber.swift
+//  Pods
+//
+//  Created by sophia on 20/10/25.
+//
+
+import SwiftUI
+
+public struct InputPhoneNumber: View {
+    @Binding public var text: String
+    
+    public var placeholder: String
+    public var size: InputSize
+    public var hintText: String
+    public var error: String
+    public var loading: Bool
+    public var rightIcon: String
+    public var rightIconColor: Color
+    public var onFocus: (() -> Void)?
+    public var onBlur: (() -> Void)?
+    public var onRightIconPressed: (() -> Void)?
+    
+    @State private var isFocused: Bool = false
+    
+    public init(
+        text: Binding<String>,
+        placeholder: String = "0123456789",
+        size: InputSize = .small,
+        hintText: String = "",
+        error: String = "",
+        loading: Bool = false,
+        required: Bool = false,
+        rightIcon: String = "",
+        rightIconColor: Color = Colors.black12,
+        onFocus: (() -> Void)? = nil,
+        onBlur: (() -> Void)? = nil,
+        onRightIconPressed: (() -> Void)? = nil
+    ) {
+        self._text = text
+        self.placeholder = placeholder
+        self.size = size
+        self.hintText = hintText
+        self.error = error
+        self.loading = loading
+        self.rightIcon = rightIcon
+        self.rightIconColor = rightIconColor
+        self.onFocus = onFocus
+        self.onBlur = onBlur
+        self.onRightIconPressed = onRightIconPressed
+    }
+    
+    // MARK: - Body
+    public var body: some View {
+        VStack(alignment: .leading, spacing: 4) {
+            HStack(spacing: 0) {
+                // 🇻🇳 Flag
+                ImageView("https://static.momocdn.net/app/img/icon/ic-qrcode-package/ic_vn_flag.png")
+                    .frame(width: 24, height: 24)
+                    .padding(.trailing, Spacing.XS)
+                
+                MomoText("+84", typography: size == .small ? .headerSSemibold : .headerMBold)
+                    .foregroundColor(Colors.black17)
+                
+                Rectangle()
+                    .fill(Colors.black04)
+                    .frame(width: 1, height: size == .small ? 24 : 32)
+                    .padding(.horizontal, Spacing.M)
+                
+                // Text input
+                ZStack(alignment: .leading) {
+                    if text.isEmpty {
+                        Text(placeholder)
+                            .foregroundColor(Colors.black12)
+                            .font(size == .small ? .header_s_semibold : .header_m_bold)
+                    }
+                    
+                    TextField("", text: $text, onEditingChanged: { focused in
+                        handleFocusChange(focused)
+                    })
+                    .keyboardType(.numberPad)
+                    .font(size == .small ? .header_s_semibold : .header_m_bold)
+                    .foregroundColor(Colors.black17)
+                    .applyPrimaryCursorColor()
+                    .lineLimit(1)
+                    
+                }
+                
+                // Clear button
+                if isFocused && !text.isEmpty {
+                    SwiftUI.Button(action: { text = "" }) {
+                        Icon(source: "24_navigation_close_circle_full", size: 16, color: Colors.black12)
+                            .padding(.leading, Spacing.S)
+                    }
+                }
+                
+                // Loading indicator
+                if loading {
+                    if #available(iOS 14.0, *) {
+                        ProgressView()
+                            .progressViewStyle(CircularProgressViewStyle(tint: Colors.black17))
+                            .frame(width: 16, height: 16)
+                            .padding(.leading, Spacing.S)
+                    } else {
+                        Image(systemName: "clock")
+                            .rotationEffect(.degrees(isFocused ? 360 : 0))
+                            .animation(Animation.linear(duration: 1).repeatForever(autoreverses: false))
+                            .frame(width: 16, height: 16)
+                            .padding(.leading, Spacing.S)
+                    }
+                }
+                
+                // ✅ Right icon
+                if !rightIcon.isEmpty {
+                    SwiftUI.Button(action: { onRightIconPressed?() }) {
+                        Icon(source: rightIcon, size: 24, color: rightIconColor)
+                            .padding(.leading, Spacing.S)
+                    }
+                }
+            }
+            .padding(.horizontal, Spacing.M)
+            .frame(height: size == .small ? 48 : 56)
+            .overlay(
+                RoundedRectangle(cornerRadius: Radius.S)
+                    .stroke(borderColor(), lineWidth: isFocused ? 1.5 : 1) 
+            )
+            
+            // Error or hint
+            if (!error.isEmpty || !hintText.isEmpty) {
+                HStack(spacing: 4) {
+                    Icon(source: "ic_error", size: 16, color: errorColor())
+                    MomoText(
+                        error.isEmpty ? (hintText.isEmpty ? "Không thể chỉnh sửa" : hintText) : error,
+                        typography: .descriptionDefaultRegular,
+                        color: errorColor()
+                    )
+                }
+                .padding(.top, Spacing.XS)
+            }
+        }
+    }
+    
+    // MARK: - Helpers
+    
+    private func handleFocusChange(_ focused: Bool) {
+        isFocused = focused
+        if focused {
+            onFocus?()
+        } else {
+            onBlur?()
+        }
+    }
+    
+    private func borderColor() -> Color {
+        if !error.isEmpty { return Colors.red03 }
+        if isFocused { return Colors.primary }
+        return Colors.black04
+    }
+    
+    private func errorColor() -> Color {
+        !error.isEmpty ? Colors.red03 : Colors.black12
+    }
+}
+
+private extension View {
+    func applyPrimaryCursorColor() -> some View {
+        if #available(iOS 15.0, *) {
+            // Modern SwiftUI: use .tint() for cursor
+            return self.tint(Colors.primary)
+        } else {
+            // iOS 13–14: return unchanged (no tint support)
+            return self
+        }
+    }
+}
+