@momo-kits/native-kits 0.152.4-beta.1 → 0.152.4-beta.10

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

@@ -0,0 +1,172 @@
+
+import Foundation
+import SwiftUI
+
+public enum Colors {
+    public static let primary = Color("Primary")
+    public static let primaryDark = Color("PrimaryDark")
+    public static let primaryLight = Color("PrimaryLight")
+    public static let secondary = Color("Secondary")
+    public static let background = Color("Background")
+    public static let border = Color("Border")
+    public static let text = Color("Text")
+    public static let textSecondary = Color("TextSecondary")
+    public static let card = Color("Card")
+    public static let error = Color("Error")
+    public static let info = Color("Info")
+    public static let success = Color("Success")
+
+    public static let black20 = Color(hex: "000000")
+    public static let black19 = Color(hex: "18191a")
+    public static let black18 = Color(hex: "242424")
+    public static let black17 = Color(hex: "303233")
+    public static let black16 = Color(hex: "404040")
+    public static let black15 = Color(hex: "484848")
+    public static let black14 = Color(hex: "565656")
+    public static let black13 = Color(hex: "646464")
+    public static let black12 = Color(hex: "727272")
+    public static let black11 = Color(hex: "878787")
+    public static let black10 = Color(hex: "a0a0a0")
+    public static let black09 = Color(hex: "b9b9b9")
+    public static let black08 = Color(hex: "c6c6c6")
+    public static let black07 = Color(hex: "cccccc")
+    public static let black06 = Color(hex: "d8d8d8")
+    public static let black05 = Color(hex: "e5e5e5")
+    public static let black04 = Color(hex: "e8e8e8")
+    public static let black03 = Color(hex: "f0f0f0")
+    public static let black02 = Color(hex: "f9f9f9")
+    public static let black01 = Color(hex: "ffffff")
+
+
+    public static let pink11 = Color(hex: "fef8fc")
+    public static let pink10 = Color(hex: "fef4fa")
+    public static let pink09 = Color(hex: "fdeaf4")
+    public static let pink08 = Color(hex: "fbd5ea")
+    public static let pink07 = Color(hex: "f7acd5")
+    public static let pink06 = Color(hex: "f382c0")
+    public static let pink05 = Color(hex: "ef59ab")
+    public static let pink04 = Color(hex: "ed43a0")
+    public static let pink03 = Color(hex: "eb2f96")
+    public static let pink02 = Color(hex: "d42a87")
+    public static let pink01 = Color(hex: "bc2678")
+
+
+    public static let violet10 = Color(hex: "fcf8fe")
+    public static let violet09 = Color(hex: "faf4fe")
+    public static let violet08 = Color(hex: "ead4fc")
+    public static let violet07 = Color(hex: "d5aaf9")
+    public static let violet06 = Color(hex: "f4e9fd")
+    public static let violet05 = Color(hex: "c07ff6")
+    public static let violet04 = Color(hex: "ab55f3")
+    public static let violet03 = Color(hex: "962af0")
+    public static let violet02 = Color(hex: "8726d8")
+    public static let violet01 = Color(hex: "7822c0")
+
+    public static let indigo11 = Color(hex: "f9f9ff")
+    public static let indigo10 = Color(hex: "f6f6ff")
+    public static let indigo09 = Color(hex: "ededff")
+    public static let indigo08 = Color(hex: "dcdbff")
+    public static let indigo07 = Color(hex: "b8b7ff")
+    public static let indigo06 = Color(hex: "9593ff")
+    public static let indigo05 = Color(hex: "716fff")
+    public static let indigo04 = Color(hex: "5f5dff")
+    public static let indigo03 = Color(hex: "4e4bff")
+    public static let indigo02 = Color(hex: "4644e6")
+    public static let indigo01 = Color(hex: "3e3ccc")
+
+    public static let blue11 = Color(hex: "f7fbff")
+    public static let blue10 = Color(hex: "f2f8ff")
+    public static let blue09 = Color(hex: "e5f1ff")
+    public static let blue08 = Color(hex: "cce4ff")
+    public static let blue07 = Color(hex: "99caff")
+    public static let blue06 = Color(hex: "66afff")
+    public static let blue05 = Color(hex: "3395ff")
+    public static let blue04 = Color(hex: "1987ff")
+    public static let blue03 = Color(hex: "007aff")
+    public static let blue02 = Color(hex: "006ee6")
+    public static let blue01 = Color(hex: "0062cc")
+
+    public static let mint11 = Color(hex: "f8fdfd")
+    public static let mint10 = Color(hex: "f3fcfc")
+    public static let mint09 = Color(hex: "e7f8f8")
+    public static let mint08 = Color(hex: "d0f3f3")
+    public static let mint07 = Color(hex: "a1e7e7")
+    public static let mint06 = Color(hex: "71dada")
+    public static let mint05 = Color(hex: "42cece")
+    public static let mint04 = Color(hex: "2ac8c8")
+    public static let mint03 = Color(hex: "13c2c2")
+    public static let mint02 = Color(hex: "11afaf")
+    public static let mint01 = Color(hex: "0f9b9b")
+
+    public static let green11 = Color(hex: "f9fdfa")
+    public static let green10 = Color(hex: "f5fcf6")
+    public static let green09 = Color(hex: "eaf9ee")
+    public static let green08 = Color(hex: "d6f4de")
+    public static let green07 = Color(hex: "aee9bd")
+    public static let green06 = Color(hex: "85dd9b")
+    public static let green05 = Color(hex: "5dd27a")
+    public static let green04 = Color(hex: "48cc69")
+    public static let green03 = Color(hex: "34c759")
+    public static let green02 = Color(hex: "2fb350")
+    public static let green01 = Color(hex: "2a9f47")
+
+    public static let lime11 = Color(hex: "fcfef8")
+    public static let lime10 = Color(hex: "fafdf3")
+    public static let lime09 = Color(hex: "f5fbe7")
+    public static let lime08 = Color(hex: "ecf7cf")
+    public static let lime07 = Color(hex: "d9f0a0")
+    public static let lime06 = Color(hex: "c6e870")
+    public static let lime05 = Color(hex: "b3e141")
+    public static let lime04 = Color(hex: "a9dc28")
+    public static let lime03 = Color(hex: "a0d911")
+    public static let lime02 = Color(hex: "90c30f")
+    public static let lime01 = Color(hex: "80ae0e")
+
+    public static let yellow11 = Color(hex: "fffdf7")
+    public static let yellow10 = Color(hex: "fffcf2")
+    public static let yellow09 = Color(hex: "fff9e5")
+    public static let yellow08 = Color(hex: "fff5cc")
+    public static let yellow07 = Color(hex: "ffeb99")
+    public static let yellow06 = Color(hex: "ffe066")
+    public static let yellow05 = Color(hex: "ffd633")
+    public static let yellow04 = Color(hex: "ffd119")
+    public static let yellow03 = Color(hex: "fc0")
+    public static let yellow02 = Color(hex: "e6b800")
+    public static let yellow01 = Color(hex: "cca300")
+
+    public static let gold11 = Color(hex: "fefbf8")
+    public static let gold10 = Color(hex: "fff9f3")
+    public static let gold09 = Color(hex: "fef3e7")
+    public static let gold08 = Color(hex: "fee8d0")
+    public static let gold07 = Color(hex: "fdd1a2")
+    public static let gold06 = Color(hex: "fcba73")
+    public static let gold05 = Color(hex: "fba345")
+    public static let gold04 = Color(hex: "fa972d")
+    public static let gold03 = Color(hex: "fa8c16")
+    public static let gold02 = Color(hex: "e17e14")
+    public static let gold01 = Color(hex: "c87012")
+
+    public static let orange11 = Color(hex: "fefaf8")
+    public static let orange10 = Color(hex: "fff6f3")
+    public static let orange09 = Color(hex: "feede8")
+    public static let orange08 = Color(hex: "feddd2")
+    public static let orange07 = Color(hex: "fdbba4")
+    public static let orange06 = Color(hex: "fc9877")
+    public static let orange05 = Color(hex: "fb7649")
+    public static let orange04 = Color(hex: "fa6532")
+    public static let orange03 = Color(hex: "fa541c")
+    public static let orange02 = Color(hex: "e14c19")
+    public static let orange01 = Color(hex: "c84316")
+
+    public static let red11 = Color(hex: "fef8f8")
+    public static let red10 = Color(hex: "fef4f4")
+    public static let red09 = Color(hex: "fee8ea")
+    public static let red08 = Color(hex: "fdd3d5")
+    public static let red07 = Color(hex: "fba7ab")
+    public static let red06 = Color(hex: "f97a81")
+    public static let red05 = Color(hex: "f74e57")
+    public static let red04 = Color(hex: "f63842")
+    public static let red03 = Color(hex: "f5222d")
+    public static let red02 = Color(hex: "dd1f29")
+    public static let red01 = Color(hex: "c41b24")
+}

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
+}