@momo-kits/native-kits 0.0.1-beta.4 → 0.89.1-2

package/ios/{Colors+Spacing → Colors+Radius+Spacing}/Colors.swift

@@ -16,27 +16,28 @@ public enum Colors {
     public static let info = Color("Info")
     public static let success = Color("Success")
 
-    public static let black20 = Color(hex: "08101d")
-    public static let black19 = Color(hex: "0f1c2f")
-    public static let black18 = Color(hex: "1c293d")
-    public static let black17 = Color(hex: "2b3748")
-    public static let black16 = Color(hex: "3a4454")
-    public static let black15 = Color(hex: "475160")
-    public static let black14 = Color(hex: "555e6c")
-    public static let black13 = Color(hex: "636b78")
-    public static let black12 = Color(hex: "6f7682")
-    public static let black11 = Color(hex: "7e8590")
-    public static let black10 = Color(hex: "8c929c")
-    public static let black09 = Color(hex: "9a9fa8")
-    public static let black08 = Color(hex: "a8adb4")
-    public static let black07 = Color(hex: "b5bac0")
-    public static let black06 = Color(hex: "c8cbcf")
-    public static let black05 = Color(hex: "e0e1e4")
-    public static let black04 = Color(hex: "ececee")
-    public static let black03 = Color(hex: "f4f5f6")
-    public static let black02 = Color(hex: "fafbfc")
+    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")
@@ -49,6 +50,7 @@ public enum Colors {
     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")

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/Image/Image.swift

@@ -0,0 +1,60 @@
+
+
+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) {
+        self.url = url
+        self.aspectRatio = aspectRatio
+        self.contentMode = contentMode
+        self.placeholder = placeholder
+    }
+
+    // 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()
+            .placeholder {
+                Rectangle().foregroundColor(.gray)
+                VStack(alignment: .center, content: {
+                    if error {
+                        Image(systemName: "person.crop.circle.badge.exclamationmark")
+                            .foregroundColor(Colors.textSecondary)
+                        Text("Error!")
+                            .font(.paragraph)
+                            .foregroundColor(Colors.textSecondary)
+                            .padding(Spacing.XXS)
+                    } 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)
+    }
+
+    // MARK: Internal
+
+    var aspectRatio: CGFloat?
+    var contentMode: ContentMode
+    var placeholder: AnyView?
+
+    @State var error: Bool = false
+    var url: String
+}

package/ios/Input/Input.swift

@@ -4,22 +4,22 @@ import SwiftUI
 
 fileprivate struct FloatingComponent: View {
     var floatingValue: String
+    var floatingIcon: AnyView?
     
-    public init (_ floatingValue: String = ""){
+    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)
-            Image(systemName: "info.circle")
-                .foregroundColor(Colors.black09)
-                .frame(width: 16, height: 16)
-                .padding(.leading, -4)
                 .padding(.trailing, 8)
+            floatingIcon
         }
         .background(Colors.black01)
         .offset(x: 16, y:-8)
@@ -27,71 +27,122 @@ fileprivate struct FloatingComponent: View {
     }
 }
 
+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 {
-    @State var value: String = ""
+    @Binding var value: String
     @State var focused: Bool = false
     
-    var iconPadding: CGFloat
-    var multilines: Bool
     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)?
     
-    func onEditingChanged(_ focused: Bool){
-        self.focused = focused
+    func onCancel(){
+        self.value.removeAll()
     }
     
-    public init(placeholder: String  = "", floatingValue: String = "", multilines: Bool  = false, errorMessage: String = ""){
+    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){
         self.placeholder = placeholder
         self.floatingValue = floatingValue
-        self.multilines = multilines
-        self.iconPadding = multilines == true ? 16 : 0
         self.errorMessage = errorMessage
+        self.isSecure = isSecure
+        self._value = value
+        self.keyboardType = keyboardType
+        self.rightIcon = rightIcon
+        self.floatingIcon = floatingIcon
+        self.onChange = onChange
+    }
+    
+    func onChangeText(value: String){
+        onChange?(value)
     }
     
     public var body: some View {
         return ZStack (alignment: .topLeading){
-            
-            HStack(alignment: multilines == true ? .top : .center){
-                if (multilines){
-                    if #available(iOS 14.0, *) {
-                        TextEditor(text: $value)
-                            .frame(maxWidth: .infinity, minHeight: 48)
-                            .padding(.horizontal, 8)
-                            .padding(.top,4 )
-                            .accentColor(Colors.pink03)
-                            .fixedSize(horizontal: false, vertical: true)
-                    }
-                }
-                else {
+            HStack(alignment: .center){
+                if (!isSecure){
                     TextField("",text: $value, onEditingChanged:{ isChange in
-                        onEditingChanged(isChange)
+                        self.focused = isChange
                     })
+                    .font(.paragraph)
                     .padding(.horizontal, 12)
                     .accentColor(Colors.pink03)
+                    .keyboardType(keyboardType)
+                    .valueChanged(value: value, onChange: onChangeText)
                     
-                    
+                    HStack{
+                        SwiftButton(action: onCancel){
+                            Image(systemName: "x.circle.fill")
+                                .foregroundColor(Colors.text)
+                                .frame(width: 16, height: 16)
+                                .padding(.leading, -4)
+                                .padding(.trailing, 8)
+                        }
+                        
+                        rightIcon
+                        
+                    }
+                }else{
+                    DotTextField(value: $value)
+                        .padding(.horizontal, 12)
+                        .accentColor(Colors.pink03)
+                    SwiftButton(action: onCancel){
+                        Image(systemName: "x.circle.fill")
+                            .foregroundColor(Colors.text)
+                            .frame(width: 16, height: 16)
+                            .padding(.leading, -4)
+                            .padding(.trailing, 8)
+                    }
                 }
-                
-                Image(systemName: "info.circle")
-                    .foregroundColor(Colors.black09)
-                    .frame(width: 16, height: 16)
-                    .padding(.leading, -4)
-                    .padding(.trailing, 8)
-                    .padding(.top, iconPadding)
             }
             .frame(maxWidth: .infinity, minHeight: 48)
             .overlay(RoundedRectangle(cornerRadius: 8).stroke(focused == true ? Colors.pink03 : Colors.border, lineWidth: 1))
             .padding(.horizontal, 1)
             if (value.isEmpty){
                 Text(placeholder)
+                    .font(.paragraph)
                     .font(.system(size: 16))
                     .foregroundColor(Colors.black09)
                     .padding(.leading, 12)
-                    .padding(.top, 14)
+                    .padding(.top, 16)
                     .allowsHitTesting(false)
             }
-            FloatingComponent(floatingValue)
+            if (!floatingValue.isEmpty) {FloatingComponent(floatingValue, floatingIcon: floatingIcon)}
         }.padding(.bottom, 8)
     }
     

package/ios/OTPKeyboard/KeyboardButton.swift

@@ -8,9 +8,13 @@ typealias SwiftButton = SwiftUI.Button
 public struct KeyboardButton: View {
     // MARK: Lifecycle
 
-    public init(_ key: String, action: @escaping (_ key: String)->Void) {
+    public init(_ key: String, action: @escaping (_ key: String)->Void, width: CGFloat = .infinity, height: CGFloat = 48, color: Color = Colors.card, textColor: Color = Colors.text) {
         self.key = key
         self.action = action
+        self.width = width
+        self.height = height
+        self.color = color
+        self.textColor = textColor
     }
 
     // MARK: Public
@@ -19,9 +23,9 @@ public struct KeyboardButton: View {
         SwiftUI.Button(action: { self.action(key) }) {
             HStack {
                 Text(key).font(.system(size: 24, weight: .bold))
-            }.frame(maxWidth: .infinity, minHeight: 48)
-                .background(Colors.card)
-                .foregroundColor(Colors.text)
+            }.frame(maxWidth: CGFloat(width), minHeight: height)
+                .background(color)
+                .foregroundColor(textColor)
                 .clipShape(RoundedRectangle(cornerRadius: 8))
         }
     }
@@ -30,4 +34,8 @@ public struct KeyboardButton: View {
 
     var key: String = ""
     var action: (_ key: String)->Void
+    var width: CGFloat
+    var height: CGFloat
+    var color: Color
+    var textColor: Color
 }

package/ios/OTPKeyboard/OTPKeyboard.swift

@@ -119,7 +119,7 @@ public struct OTPKeyboard: View {
 private struct ValueView: View {
     // MARK: Lifecycle
 
-    public init(_ value: String, valueLength: Int) {
+    init(_ value: String, valueLength: Int) {
         self.value = value
         self.valueLength = valueLength
     }

package/ios/Popup/PopupDisplay.swift

@@ -0,0 +1,169 @@
+import SDWebImageSwiftUI
+import SwiftUI
+
+// MARK: - PopupButtonDirection
+
+public enum PopupButtonDirection {
+    case row
+    case column
+}
+
+// MARK: - PopupButtonType
+
+public enum PopupButtonType {
+    case text
+    case button
+}
+
+// MARK: - PopupDisplay
+
+public struct PopupDisplay: View {
+    // MARK: Lifecycle
+
+    public init(isPresented: Binding<Bool>, title: String = "", description: String = "", url: String = "", buttonDirection: PopupButtonDirection = .column, buttonType: PopupButtonType = .button, actionButtonTitle: String = "", closeButtonTitle: String = "", onPressAction: @escaping () -> Void = {}, onPressCloseButton: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}) {
+        self._isPresented = isPresented
+        self.title = title
+        self.description = description
+        self.url = url
+        self.buttonDirection = buttonDirection
+        self.buttonType = buttonType
+        self.onPressAction = onPressAction
+        self.onPressCloseButton = onPressCloseButton
+        self.onClose = onClose
+        self.closeButtonTitle = closeButtonTitle
+        self.actionButtonTitle = actionButtonTitle
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        VStack(spacing: 12) {
+            ZStack(alignment: .topTrailing) {
+                SwiftUI.Button(action: onPressClose) {
+                    Image(systemName: "xmark.circle.fill")
+                        .resizable()
+                        .frame(width: 16, height: 16)
+                }.foregroundColor(Colors.black20)
+                    .background(Colors.black01.cornerRadius(8))
+                    .offset(x: 6, y: -6)
+                    .zIndex(1)
+
+            VStack {
+                    WebImage(url: URL(string: url), isAnimating: .constant(true))
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: .infinity, maxHeight: 164)
+                        .clipShape(RoundedCorner(radius: 8, corners: [.topLeft, .topRight]))
+
+                    VStack(alignment: .leading) {
+                        Text(title)
+                            .foregroundColor(.black)
+                            .font(.headerText1)
+                            .padding(.top, 12)
+                            .padding(.bottom, 24)
+
+                        Text(description)
+                            .foregroundColor(.black)
+                            .font(.paragraph)
+                            .opacity(0.6)
+                            .multilineTextAlignment(.leading)
+                            .padding(.bottom, 20)
+                    }.padding(.horizontal, 24)
+
+                    if buttonDirection == .row {
+                        if buttonType == .text {
+                            RowTextButtons
+                        } else {
+                            RowButtons
+                        }
+                    } else {
+                        if buttonType == .text {
+                            ColumnTextButtons
+                        } else {
+                            ColumnButtons
+                        }
+                    }
+
+                }.clipped()
+            }
+        }
+        .background(Color.white.cornerRadius(8))
+        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
+        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
+        .padding(.horizontal, 40)
+    }
+
+    // MARK: Internal
+
+    @Binding var isPresented: Bool
+    var title: String
+    var description: String
+    var url: String
+    var buttonDirection: PopupButtonDirection
+    var buttonType: PopupButtonType
+    var onPressAction: () -> Void
+    var onPressCloseButton: () -> Void
+    var onClose: () -> Void
+    var actionButtonTitle: String
+    var closeButtonTitle: String
+
+    var RowTextButtons: some View {
+        HStack {
+            SwiftUI.Button(action: onPressCloseButton) {
+                Text(closeButtonTitle)
+                    .font(.action2)
+            }.foregroundColor(Colors.black09)
+                .padding(.trailing, 12)
+
+            SwiftUI.Button(action: onPressAction) {
+                Text(actionButtonTitle)
+                    .font(.action2)
+            }.foregroundColor(Colors.primary)
+        }
+        .frame(maxWidth: .infinity, alignment: .trailing)
+        .padding(EdgeInsets(top: 0, leading: 0, bottom: 24, trailing: 24))
+    }
+
+    var ColumnTextButtons: some View {
+        VStack(alignment: .trailing) {
+            SwiftUI.Button(action: onPressAction) {
+                Text(actionButtonTitle)
+                    .font(.action2)
+            }.foregroundColor(Colors.primary)
+                .padding(.bottom, 6)
+
+            SwiftUI.Button(action: onPressCloseButton) {
+                Text(closeButtonTitle)
+                    .font(.action2)
+            }.foregroundColor(Colors.black09)
+        }
+        .frame(maxWidth: .infinity, alignment: .trailing)
+        .padding(EdgeInsets(top: 0, leading: 0, bottom: 24, trailing: 24))
+    }
+
+    var RowButtons: some View {
+        HStack {
+            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary)
+            Button(title: actionButtonTitle, action: onPressAction)
+        }
+        .frame(maxWidth: .infinity, alignment: .center)
+        .padding(.horizontal, 24)
+        .padding(.bottom, 24)
+    }
+
+    var ColumnButtons: some View {
+        VStack(alignment: .trailing) {
+            Button(title: actionButtonTitle, action: onPressAction)
+            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary)
+        }
+        .frame(maxWidth: .infinity, alignment: .trailing)
+        .padding(.horizontal, 24)
+        .padding(.bottom, 24)
+    }
+
+
+    func onPressClose(){
+        isPresented = false
+        onClose()
+    }
+}

package/ios/Popup/PopupInput.swift

@@ -0,0 +1,96 @@
+import SDWebImageSwiftUI
+import SwiftUI
+
+public struct PopupInput: View {
+    // MARK: Lifecycle
+
+    public init(isPresented: Binding<Bool>, title: String = "", description: String = "", numberOfButtons: Int = 1, actionButtonTitle: String = "", closeButtonTitle: String = "", onPressAction: @escaping () -> Void = {}, onPressCloseButton: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}, inputPlaceholder: String = "", inputValue: Binding<String> = Binding.constant(""), onTextChange: ((String) -> Void)? = nil) {
+        self._isPresented = isPresented
+        self._inputValue = inputValue
+        self.title = title
+        self.description = description
+        self.onPressAction = onPressAction
+        self.onPressCloseButton = onPressCloseButton
+        self.onClose = onClose
+        self.inputPlaceholder = inputPlaceholder
+        self.onTextChange = onTextChange
+        self.numberOfButtons = numberOfButtons
+        self.closeButtonTitle = closeButtonTitle
+        self.actionButtonTitle = actionButtonTitle
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        VStack(spacing: 12) {
+            ZStack(alignment: .topTrailing) {
+                SwiftUI.Button(action: onPressClose) {
+                    Image(systemName: "xmark.circle.fill")
+                        .resizable()
+                        .frame(width: 16, height: 16)
+                }.foregroundColor(Colors.black20)
+                    .background(Colors.black01.cornerRadius(8))
+                    .offset(x: 6, y: -6)
+                    .zIndex(1)
+
+                VStack {
+                    VStack(alignment: .leading) {
+                        Text(title)
+                            .foregroundColor(.black)
+                            .font(.headerText1)
+                            .padding(.top, 12)
+                            .padding(.bottom, 24)
+
+                        Text(description)
+                            .foregroundColor(.black)
+                            .font(.paragraph)
+                            .opacity(0.6)
+                            .multilineTextAlignment(.leading)
+                            .padding(.bottom, 20)
+                    }.padding(.horizontal, 24)
+
+                    Input($inputValue, placeholder: inputPlaceholder, onChange: onTextChange)
+                        .padding(.horizontal, 24)
+
+                    if numberOfButtons == 1 {
+                        Button(title: actionButtonTitle, action: onPressAction)
+                            .padding(.horizontal, 24)
+                            .padding(.bottom, 24)
+                    } else {
+                        HStack {
+                            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary)
+                            Button(title: actionButtonTitle, action: onPressAction)
+                        }.padding(.horizontal, 24)
+                            .padding(.bottom, 24)
+                    }
+
+                }.clipped()
+            }
+        }
+        .background(Color.white.cornerRadius(8))
+        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
+        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
+        .padding(.horizontal, 40)
+    }
+
+    // MARK: Internal
+
+    @Binding var isPresented: Bool
+    @Binding var inputValue: String
+    var title: String
+    var description: String
+    var onPressAction: () -> Void
+    var onPressCloseButton: () -> Void
+    var onClose: () -> Void
+    var inputPlaceholder: String
+    var onTextChange: ((String) -> Void)?
+    var numberOfButtons: Int
+    var actionButtonTitle: String
+    var closeButtonTitle: String
+
+
+    func onPressClose(){
+        isPresented = false
+        onClose()
+    }
+}

package/ios/Popup/PopupPromotion.swift

@@ -0,0 +1,52 @@
+import SDWebImageSwiftUI
+import SwiftUI
+
+public struct PopupPromotion: View {
+    // MARK: Lifecycle
+
+    public init(isPresented: Binding<Bool>, url: String = "", buttonTitle: String = "", onPressAction: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}) {
+        self._isPresented = isPresented
+        self.onPressAction = onPressAction
+        self.buttonTitle = buttonTitle
+        self.onClose = onClose
+        self.url = url
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        VStack(spacing: 12) {
+            ZStack(alignment: .bottom) {
+                WebImage(url: URL(string: url), isAnimating: .constant(true))
+                    .resizable()
+                    .placeholder {
+                        Circle().foregroundColor(.gray)
+                    }
+                    .scaledToFill()
+                    .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    .cornerRadius(8)
+
+                Button(title: buttonTitle, action: onPressAction)
+                    .padding(.horizontal, 24)
+                    .padding(.bottom, 24)
+            }.clipped()
+        }
+        .frame(maxWidth: .infinity, maxHeight: 400)
+        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
+        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
+        .padding(.horizontal, 40)
+    }
+
+    // MARK: Internal
+
+    @Binding var isPresented: Bool
+    var onPressAction: () -> Void
+    var onClose: () -> Void
+    var buttonTitle: String
+    var url: String
+
+    func onPressClose(){
+        isPresented = false
+        onClose()
+    }
+}