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

package/ios/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/Input/Input.swift

@@ -71,6 +71,7 @@ public struct Input: View {
     var rightIcon: AnyView?
     var onChange: ((String) -> Void)?
     var onBlur: (() -> Void)?
+    
     func onCancel(){
         self.value.removeAll()
     }

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/Popup/PopupDisplay.swift

@@ -1,4 +1,3 @@
-
 import SDWebImageSwiftUI
 import SwiftUI
 
@@ -21,9 +20,8 @@ public enum PopupButtonType {
 public struct PopupDisplay: View {
     // MARK: Lifecycle
 
-    public init(isPresented: Binding<Bool>, title: String = "title", description: String = "description", url: String = "", buttonDirection: PopupButtonDirection = .column, buttonType: PopupButtonType = .button, onPressAction: @escaping () -> Void = {}, onPressCloseButton: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}, haveInput: Bool = false, inputPlaceholder: String = "", inputValue: Binding<String> = Binding.constant(""), onTextChange: ((String) -> Void)? = nil) {
+    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._inputValue = inputValue
         self.title = title
         self.description = description
         self.url = url
@@ -32,15 +30,72 @@ public struct PopupDisplay: View {
         self.onPressAction = onPressAction
         self.onPressCloseButton = onPressCloseButton
         self.onClose = onClose
-        self.haveInput = haveInput
-        self.inputPlaceholder = inputPlaceholder
-        self.onTextChange = onTextChange
+        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
-    @Binding var inputValue: String
     var title: String
     var description: String
     var url: String
@@ -49,20 +104,19 @@ public struct PopupDisplay: View {
     var onPressAction: () -> Void
     var onPressCloseButton: () -> Void
     var onClose: () -> Void
-    var haveInput: Bool
-    var inputPlaceholder: String
-    var onTextChange: ((String) -> Void)?
+    var actionButtonTitle: String
+    var closeButtonTitle: String
 
     var RowTextButtons: some View {
         HStack {
             SwiftUI.Button(action: onPressCloseButton) {
-                Text("Button")
+                Text(closeButtonTitle)
                     .font(.action2)
             }.foregroundColor(Colors.black09)
                 .padding(.trailing, 12)
 
             SwiftUI.Button(action: onPressAction) {
-                Text("Long text button")
+                Text(actionButtonTitle)
                     .font(.action2)
             }.foregroundColor(Colors.primary)
         }
@@ -73,13 +127,13 @@ public struct PopupDisplay: View {
     var ColumnTextButtons: some View {
         VStack(alignment: .trailing) {
             SwiftUI.Button(action: onPressAction) {
-                Text("Long text button")
+                Text(actionButtonTitle)
                     .font(.action2)
             }.foregroundColor(Colors.primary)
                 .padding(.bottom, 6)
 
             SwiftUI.Button(action: onPressCloseButton) {
-                Text("Button")
+                Text(closeButtonTitle)
                     .font(.action2)
             }.foregroundColor(Colors.black09)
         }
@@ -89,8 +143,8 @@ public struct PopupDisplay: View {
 
     var RowButtons: some View {
         HStack {
-            Button(title: "Button", action: onPressCloseButton, type: .secondary)
-            Button(title: "Button", action: onPressAction)
+            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary)
+            Button(title: actionButtonTitle, action: onPressAction)
         }
         .frame(maxWidth: .infinity, alignment: .center)
         .padding(.horizontal, 24)
@@ -99,77 +153,14 @@ public struct PopupDisplay: View {
 
     var ColumnButtons: some View {
         VStack(alignment: .trailing) {
-            Button(title: "Button", action: onPressAction)
-            Button(title: "Button", action: onPressCloseButton, type: .secondary)
+            Button(title: actionButtonTitle, action: onPressAction)
+            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary)
         }
         .frame(maxWidth: .infinity, alignment: .trailing)
         .padding(.horizontal, 24)
         .padding(.bottom, 24)
     }
 
-    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)
-                        .cornerRadius(8, corners: .topLeft)
-                        .cornerRadius(8, corners: .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 haveInput {
-                        Input($inputValue, placeholder: inputPlaceholder, onChange: onTextChange)
-                            .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)
-    }
-
 
     func onPressClose(){
         isPresented = false

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

package/ios/ScrollIndicator/ScrollIndicator.swift

@@ -0,0 +1,79 @@
+import Foundation
+import SwiftUI
+
+public struct ScrollViewWithScrollBar<Content: View>: View {
+    let INDICATOR_HEIGHT: CGFloat = 4
+    @State var position = CGPoint(x: 0, y: 2) //2 is INDICATOR_HEIGHT/2
+    @State var contentSize: CGFloat = 0
+    @State var scrollViewWidth: CGFloat = 0
+    var indicatorWidth: CGFloat
+    var indicatorContainerWidth: CGFloat
+    var indicatorColor: Color
+    var indicatorContainerColor: Color
+    @ViewBuilder var content: () -> Content
+    
+    public init(indicatorWidth: CGFloat = 12, indicatorContainerWidth: CGFloat = 36,indicatorColor: Color = Colors.primary, indicatorContainerColor: Color = Colors.black06,@ViewBuilder content: @escaping () -> Content) {
+        self.indicatorWidth = indicatorWidth
+        self.indicatorContainerWidth = indicatorContainerWidth
+        self.content = content
+        self.indicatorColor = indicatorColor
+        self.indicatorContainerColor = indicatorContainerColor
+    }
+    
+    // MARK: Public
+    
+    public var body: some View {
+        return VStack {
+            ScrollView(.horizontal, showsIndicators: false) {
+                HStack {
+                    content()
+                }.background(GeometryReader {
+                    proxy in
+                    Color.clear.onAppear {
+                        self.contentSize = proxy.size.width
+                        self.position = CGPoint(x: indicatorWidth / 2, y: INDICATOR_HEIGHT / 2)
+                    }
+                    Color.clear.preference(key: ViewOffsetKey.self,
+                                           value: -proxy.frame(in: .named("scroll")).origin.x)
+                    
+                })
+                .onPreferenceChange(ViewOffsetKey.self) {
+                    let newPosition = $0 * ((indicatorContainerWidth - indicatorWidth) / (contentSize - scrollViewWidth)) + indicatorWidth / 2
+                    if (newPosition > indicatorWidth / 2 && newPosition < indicatorContainerWidth - indicatorWidth / 2 + 1)
+                    {
+                        self.position = CGPoint(x: newPosition, y: INDICATOR_HEIGHT / 2)
+                    }
+                }
+            }.background(GeometryReader {
+                proxy in
+                Color.clear.onAppear {
+                    self.scrollViewWidth = proxy.size.width
+                }
+            }).coordinateSpace(name: "scroll")
+            
+            HStack {
+                HStack {}.frame(width: indicatorWidth, height: INDICATOR_HEIGHT)
+                    .background(indicatorColor)
+                    .cornerRadius(Radius.S)
+                    .position(position)
+            }.frame(width: indicatorContainerWidth, height: INDICATOR_HEIGHT, alignment: .leading)
+                .background(indicatorContainerColor).cornerRadius(Radius.S)
+        }
+        
+        
+        
+    }
+    
+}
+
+// MARK: - ViewOffsetKey
+
+struct ViewOffsetKey: PreferenceKey {
+    typealias Value = CGFloat
+    
+    static var defaultValue = CGFloat.zero
+    
+    static func reduce(value: inout Value, nextValue: () -> Value) {
+        value += nextValue()
+    }
+}

package/ios/Template/Logo/Logo.swift

@@ -0,0 +1,75 @@
+import Foundation
+import SwiftUI
+
+public struct LogoView: View {
+    var type: String
+    var useShadow: Bool
+    var useBorder: Bool
+    var useBackground : Bool
+    var backgroundColor: Color
+    var shadowColor : Color
+    var borderColor : Color
+    var source: String
+    var radius: CGFloat
+
+    public init(source: String = "",
+                type: String = "image",
+                useBackground : Bool = true,
+                useShadow: Bool = true,
+                useBorder : Bool = true,
+                backgroundColor: Color = Colors.black01,
+                shadowColor : Color = Color(hex: "d9d9d9"),
+                borderColor : Color = Color(hex: "e2e2e2")){
+        self.type = type
+        self.useShadow = useShadow
+        self.useBorder = useBorder
+        self.useBackground = useBackground
+        self.backgroundColor = backgroundColor
+        self.borderColor = borderColor
+        self.source = source
+        self.shadowColor = shadowColor
+        self.radius = type == "image" ? 7 : 0
+    }
+
+
+    public var body: some View {
+        return ImageView(source)
+            .scaledToFit()
+            .frame(width: 28, height: 28)
+            .cornerRadius(radius)
+            .containerBorder(type, useBorder, borderColor)
+            .containerBackground(type, useBackground, backgroundColor)
+            .containerShadow(useShadow, shadowColor)
+    }
+
+}
+
+private extension View {
+    func containerBorder (_ type: String, _ useBorder: Bool, _ borderColor: Color) -> some View {
+        Group {
+            if (useBorder && type != "icon") {
+                self.overlay(RoundedRectangle(cornerRadius: 8).stroke(borderColor, lineWidth: 1))
+            } else {
+                self
+            }
+        }
+    }
+    func containerBackground (_ type: String, _ useBackground: Bool, _ backgroundColor: Color) -> some View {
+        Group {
+            if (useBackground && type != "icon") {
+                self.background(backgroundColor)
+            } else {
+                self
+            }
+        }
+    }
+    func containerShadow (_ useShadow: Bool, _ shadowColor: Color) -> some View {
+        Group {
+            if useShadow {
+                self.shadow(color: shadowColor, radius: 2, x: 0, y: 2)
+            } else {
+                self
+            }
+        }
+    }
+}