@momo-kits/native-kits 0.114.2-beta.21 → 0.114.2-beta.22

package/ios/Application/Components.swift

@@ -45,13 +45,24 @@ func safeAreaTopInset() -> CGFloat {
 public struct HeaderBackground: View {
     var headerType: HeaderType = .default
     var scrollState: CGFloat
+    var isTransparent: Bool = false
+    
+    public init(
+        headerType: HeaderType = .default,
+        scrollState: CGFloat = 0,
+        isTransparent: Bool = false
+    ) {
+        self.headerType = headerType
+        self.scrollState = scrollState
+        self.isTransparent = isTransparent
+    }
     
     public var body: some View {
         
         let statusBarHeight = safeAreaTopInset()
         
         let opacity = 1 - CGFloat(scrollState) / 200
-        let backgroundColor = scrollState == 0 ? Color.clear : Colors.black01
+        let backgroundColor = isTransparent ? Color.clear : Colors.black01
         
         Group {
             if headerType == .default {
@@ -62,7 +73,9 @@ public struct HeaderBackground: View {
                         .fill(backgroundColor)
                         .frame(height: height)
                         .shadow(color: Colors.black20.opacity(0.2), radius: 10, x: 0, y: -2)
-                        .overlay(Rectangle()
+                        .overlay(
+                            isTransparent ? nil :
+                            Rectangle()
                             .fill(LinearGradient(
                                 gradient: Gradient(colors: [
                                     Color(red: 1, green: 0.8, blue: 0.87),
@@ -111,6 +124,7 @@ public struct Header: View {
     var animatedHeader: AnimatedHeader? = nil
     var scrollState: CGFloat = 0
     var inputSearchProps: InputSearchProps? = nil
+    var tintColor: Color? = nil
     
     @State private var colorFraction: CGFloat = 0
     
@@ -123,7 +137,8 @@ public struct Header: View {
         opacity: CGFloat? = nil,
         animatedHeader: AnimatedHeader? = nil,
         scrollState: CGFloat = 0,
-        inputSearchProps: InputSearchProps? = nil
+        inputSearchProps: InputSearchProps? = nil,
+        tintColor: Color? = nil
     ) {
         self.headerType = headerType
         self.titlePosition = titlePosition
@@ -134,12 +149,14 @@ public struct Header: View {
         self.animatedHeader = animatedHeader
         self.scrollState = scrollState
         self.inputSearchProps = inputSearchProps
+        self.tintColor = tintColor
     }
     
     public var body: some View {
         
-        let tintIconColor = Colors.black17
-        let backgroundButton = Colors.black01.opacity(0.6)
+//        let tintIconColor = Colors.black17
+        let backgroundButton = tintColor == Colors.black01 ? Color.white.opacity(0.2) : Colors.black01.opacity(0.6)
+        let borderColor: Color = tintColor == Colors.black01 ? Color.black.opacity(0.6) : Color.black.opacity(0.2)
 
         if headerType != .none {
             VStack(spacing: 0) {
@@ -148,11 +165,11 @@ public struct Header: View {
                             if let goBack = goBack {
                                 SwiftUI.Button(action: goBack) {
                                     Circle()
-                                        .stroke(Color.black.opacity(0.2), lineWidth: 0.2)
+                                        .stroke(borderColor, lineWidth: 0.2)
                                         .background(Circle().fill(backgroundButton))
                                         .frame(width: 28, height: 28)
                                         .overlay(
-                                            Icon(source: "arrow-back", size: 20, color: Colors.black17)
+                                            Icon(source: "arrow-back", size: 20, color: tintColor)
                                         )
                                 }
                                 
@@ -197,7 +214,7 @@ public struct Header: View {
                             } else {
                                 Text(title)
                                     .font(Font.system(size: 17).weight(.bold))          .lineSpacing(22)
-                                    .foregroundColor(tintIconColor)
+                                    .foregroundColor(Colors.black17)
                                     .frame(maxWidth: titlePosition == .center ? UIScreen.main.bounds.width - 252 : nil)
                                     .frame(maxWidth: titlePosition == .center ? .infinity : UIScreen.main.bounds.width - 172, alignment: titlePosition == .center ? .center : .leading)
                                     .lineLimit(1)

package/ios/Application/Screen.swift

@@ -9,6 +9,8 @@ import SwiftUI
 
 public struct Screen<Content: View>: View {
     var backgroundColor: Color?
+    var headerTransparent: Bool = false
+    var tintColor: Color? = Colors.black17
     var isBack: Bool
     var headerType: HeaderType
     var verticalAlignment: VerticalAlignment
@@ -29,6 +31,8 @@ public struct Screen<Content: View>: View {
 
     public init(
         backgroundColor: Color? = nil,
+        headerTransparent: Bool = false,
+        tintColor: Color = Colors.black17,
         isBack: Bool = true,
         headerType: HeaderType = .default,
         verticalAlignment: VerticalAlignment = .top,
@@ -48,6 +52,8 @@ public struct Screen<Content: View>: View {
         @ViewBuilder content: @escaping () -> Content
     ) {
         self.backgroundColor = backgroundColor
+        self.headerTransparent = headerTransparent
+        self.tintColor = tintColor
         self.isBack = isBack
         self.headerType = headerType
         self.verticalAlignment = verticalAlignment
@@ -100,9 +106,10 @@ public struct Screen<Content: View>: View {
                             opacity: min(scrollOffset / 114, 1),
                             animatedHeader: animatedHeader,
                             scrollState: scrollOffset,
-                            inputSearchProps: inputSearchProps
+                            inputSearchProps: inputSearchProps,
+                            tintColor: tintColor
                         )
-                        .background(HeaderBackground(headerType: headerType, scrollState: scrollOffset).edgesIgnoringSafeArea(.top))
+                        .background(HeaderBackground(headerType: headerType, scrollState: scrollOffset, isTransparent: headerTransparent).edgesIgnoringSafeArea(.top))
                         .offset(y: topInset)
 
                     }

package/ios/Popup/PopupDisplay.swift

@@ -20,7 +20,7 @@ public enum PopupButtonType {
 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 = {}) {
+    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 = {}, errorCode: String = "") {
         self._isPresented = isPresented
         self.title = title
         self.description = description
@@ -32,7 +32,12 @@ public struct PopupDisplay: View {
         self.onClose = onClose
         self.closeButtonTitle = closeButtonTitle
         self.actionButtonTitle = actionButtonTitle
+        self.errorCode = errorCode
     }
+    
+    var placeholder: AnyView?
+
+    @State var error: Bool = false
 
     // MARK: Public
 
@@ -79,10 +84,18 @@ public struct PopupDisplay: View {
                             .font(.paragraph)
                             .opacity(0.6)
                             .multilineTextAlignment(.leading)
-                            .padding(.bottom, 20)
+                            .padding(.bottom, 8)
+                        
+                        if(!errorCode.isEmpty) {
+                            Text(errorCode)
+                                .foregroundColor(Colors.black12)
+                                .font(.description_xs_regular)
+                                .lineLimit(1)
+                        }
                     }
                     .frame(maxWidth: .infinity, alignment: .leading)
                     .padding(.horizontal, 24)
+                    .padding(.bottom, 24)
 
                     if buttonDirection == .row {
                         if buttonType == .text {
@@ -120,6 +133,7 @@ public struct PopupDisplay: View {
     var onClose: () -> Void
     var actionButtonTitle: String
     var closeButtonTitle: String
+    var errorCode: String
     
     var RowTextButtons: some View {
         HStack {

package/ios/Popup/PopupPromotion.swift

@@ -1,52 +1,71 @@
-import SDWebImageSwiftUI
 import SwiftUI
+import SDWebImageSwiftUI
 
 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
-    }
+    var imageUrl: String
+    var onIconClose: (() -> Void)?
+    var onRequestClose: (((() -> Void)?) -> Void)? = nil
 
-    // MARK: Public
+    
+    public init(
+        imageUrl: String,
+        onIconClose: (() -> Void)? = nil,
+        onRequestClose: (((() -> Void)?) -> Void)? = nil
 
+    ) {
+        self.imageUrl = imageUrl
+        self.onIconClose = onIconClose
+        self.onRequestClose = onRequestClose
+    }
+    
     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()
+        VStack(spacing: 8) {
+            WebImage(url: URL(string: imageUrl)!)
+                .resizable()
+                .placeholder {
+                    Color.gray
+                        .aspectRatio(0.72, contentMode: .fit)
+                        .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2)
+                        .clipped()
+                }
+                .aspectRatio(0.72, contentMode: .fit)
+                .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2)
+                .clipped()
+                
+            buildCloseIcon()
         }
-        .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)
+        .accessibility(identifier: "popup_promotion")
     }
+    
+    @ViewBuilder
+    private func buildCloseIcon() -> some View {
+        HStack {
+            Spacer()
+            SwiftUI.Button(action: {
+                onAction(callback: onIconClose)
+            }) {
+                ZStack {
+                    Circle()
+                        .strokeBorder(Colors.black01, lineWidth: 2)
+                        .background(Circle().fill(Colors.black17))
+                        .frame(width: 20, height: 20)
+                    
+                    Icon(source: "navigation_close", size: 14, color: Colors.black01)
+                }
+            }
+            .padding(8)
+            Spacer()
+        }
+    }
+    
+    private func onAction(callback: (() -> Void)?) {
+        if let onRequestClose = onRequestClose {
+            onRequestClose(callback)
+        } else {
+            callback?()
+        }
+    }
+}
 
-    // MARK: Internal
 
-    @Binding var isPresented: Bool
-    var onPressAction: () -> Void
-    var onClose: () -> Void
-    var buttonTitle: String
-    var url: String
 
-    func onPressClose(){
-        isPresented = false
-        onClose()
-    }
-}

package/local.properties

@@ -4,5 +4,5 @@
 # Location of the SDK. This is only used by Gradle.
 # For customization when using a Version Control System, please read the
 # header note.
-#Wed Aug 21 14:20:12 ICT 2024
-sdk.dir=/Users/huynhdung/Library/Android/sdk
+#Thu Jan 09 10:43:10 ICT 2025
+sdk.dir=/Users/sophia/Library/Android/sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.114.2-beta.21",
+  "version": "0.114.2-beta.22",
   "private": false,
   "dependencies": {},
   "devDependencies": {},