@momo-kits/native-kits 0.113.1-beta.7 → 0.113.1-beta.8

package/compose/src/commonMain/kotlin/vn/momo/kits/application/Header.kt

@@ -86,6 +86,13 @@ fun Header(
         )
     )
 
+    fun getHeaderRightOpacity(): Float {
+        if (useAnimationSearch) {
+            return 1f - (opacity ?: 1f)
+        }
+        return if (animatedHeader !== null) opacity ?: 1f else 1f
+    }
+
     if (headerType != HeaderType.NONE) {
         BoxWithConstraints(
             Modifier.height(statusBarHeight + 52.dp)
@@ -132,9 +139,9 @@ fun Header(
                     }
                 }
 
-                if (inputSearchProps == null && miniAppContext != null) {
+                if (((useAnimationSearch && inputSearchProps != null) || inputSearchProps == null) && miniAppContext != null) {
                     Box(Modifier.graphicsLayer {
-                        alpha = if (animatedHeader !== null) opacity ?: 1f else 1f
+                        alpha = getHeaderRightOpacity()
                     }) {
                         headerRight?.invoke()
                     }

package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderRight.kt

@@ -79,12 +79,12 @@ object Spacing {
 
 @Composable
 fun HeaderRight(
-    headerRight: HeaderRightData? = null,
+    data: HeaderRightData? = null,
 ) {
     Row(
         verticalAlignment = Alignment.CenterVertically,
     ) {
-        ToolkitHeaderRight(headerRight = headerRight)
+        ToolkitHeaderRight(headerRight = data)
     }
 }
 

package/ios/Application/ApplicationEnvironment.swift

@@ -23,12 +23,22 @@ public class MiniAppContext {
     }
 }
 
+public struct Config: Decodable {
+    public let trustBanner: TrustBanner?
+    
+    enum CodingKeys: String, CodingKey {
+        case trustBanner = "trust_banner"
+    }
+}
+
 public class ApplicationEnvironment: ObservableObject {
     let applicationContext: MiniAppContext?
     let composeApi: KitComposeApi
+    @Published public var config: Config?
     
-    public init(applicationContext: MiniAppContext?, composeApi: KitComposeApi) {
+    public init(applicationContext: MiniAppContext?, composeApi: KitComposeApi, config: Config? = nil) {
         self.applicationContext = applicationContext
         self.composeApi = composeApi
+        self.config = config
     }
 }

package/ios/Template/TrustBanner/TrustBanner.swift

@@ -9,14 +9,9 @@ import Foundation
 import SwiftUI
 import SDWebImageSwiftUI
 
-let jsonUrl = "https://static.momocdn.net/app/json/component-kits/design_system.json"
-
-struct TrustBannerData: Decodable {
-    let trustBanner: TrustBanner
-}
-
-struct TrustBanner: Decodable {
+public struct TrustBanner: Decodable {
     let content: Dictionary<String, String>
+    let subContent: Dictionary<String, String>
     let pciImage: String
     let sslImage: String
     let urlConfig: String
@@ -25,18 +20,20 @@ struct TrustBanner: Decodable {
     let momoImage: String
 
     enum CodingKeys: String, CodingKey {
-        case content, pciImage, sslImage, icons, momoImage
+        case content, subContent, pciImage, sslImage, icons, momoImage
         case urlConfig = "url_config"
         case featureCode = "feature_code"
     }
 }
 
 let defaultBanner = TrustBanner(
-    content: ["vi": "Bảo mật thông tin & An toàn tài sản của bạn là ưu tiên hàng đầu của MoMo.",
-              "en": "Your data security and money safety are MoMo's top priorities."],
-    pciImage: "https://static.momocdn.net/app/img/kits/trustBanner/pci.png",
+    content: ["vi": "An toàn tài sản & Bảo mật thông tin của bạn là ưu tiên hàng đầu của MoMo.",
+             "en": "Ensuring financial security and data privacy is MoMo's highest priority."],
+    subContent: ["vi": "Tìm hiểu thêm",
+                "en": "Learn more"],
+    pciImage: "https://static.momocdn.net/app/img/kits/trustBanner/pci_dss.png",
     sslImage: "https://static.momocdn.net/app/img/kits/trustBanner/ssl.png",
-    urlConfig: "https://momo.vn/an-toan-bao-mat",
+    urlConfig: "login_and_security",
     featureCode: "login_and_security",
     icons: [
         "https://static.momocdn.net/app/img/kits/trustBanner/ic_viettinbank.png",
@@ -44,58 +41,23 @@ let defaultBanner = TrustBanner(
         "https://static.momocdn.net/app/img/kits/trustBanner/ic_vietcombank.png",
         "https://static.momocdn.net/app/img/kits/trustBanner/ic_bidv.png"
     ],
-    momoImage: "https://static.momocdn.net/app/img/kits/trustBanner/ic_momo_secu.png"
+    momoImage: "https://static.momocdn.net/app/img/kits/trustBanner/ic_secu.png"
 )
 
-let defaultData = TrustBannerData(trustBanner: defaultBanner)
-
-class TrustBannerViewModel: ObservableObject {
-    @Published var trustBanner: TrustBannerData?
-
-    init() {
-        fetchData(from: jsonUrl)
-    }
-
-    func fetchData(from urlString: String) {
-        guard let url = URL(string: urlString) else { return }
-
-        URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
-            guard let self = self else { return }
-
-            if let error = error {
-                print("Data fetching error: \(error)")
-                return
-            }
-
-            guard let data = data else {
-                print("No data received")
-                return
-            }
-            do {
-                let decodedData = try JSONDecoder().decode(TrustBannerData.self, from: data)
-                DispatchQueue.main.async {
-                    self.trustBanner = decodedData
-                }
-            } catch {
-                print("Decoding error: \(error)")
-            }
-        }.resume()
-    }
-}
-
 public struct TrustBannerView: View {
     var serviceName: String? = ""
     var screenName: String? = ""
     var onPress: ((_ params: NSDictionary) -> Void)?
     var trackEvent: ((_ eventName: String, _ params: NSDictionary) -> Void)?
     var language: String?
-
-    @ObservedObject private var viewModel = TrustBannerViewModel()
+    
+    @EnvironmentObject private var environment: ApplicationEnvironment
 
     public init(serviceName: String?,
                 screenName: String?,
                 onPress: ((_ params: NSDictionary) -> Void)?,
-                trackEvent: ((_ eventName: String,_ params: NSDictionary) -> Void)?, language: String? = "vi") {
+                trackEvent: ((_ eventName: String,_ params: NSDictionary) -> Void)?, 
+                language: String? = "vi") {
         if let trackEvent = trackEvent {
             trackEvent("service_component_displayed", ["service_name": serviceName ?? "", "screen_name": screenName ?? "", "component_name": "logo_trust"])
         }
@@ -107,9 +69,15 @@ public struct TrustBannerView: View {
     }
 
     public var body: some View {
-        if let trustBanner = viewModel.trustBanner {
-            TrustBannerContentView(trustBanner: trustBanner.trustBanner, onPress: onPress, trackEvent: trackEvent, serviceName: serviceName, screenName: screenName, language: language)
-        }
+        let trustBanner = environment.config?.trustBanner ?? defaultBanner
+        TrustBannerContentView(
+            trustBanner: trustBanner,
+            onPress: onPress,
+            trackEvent: trackEvent,
+            serviceName: serviceName,
+            screenName: screenName,
+            language: language
+        )
     }
 }
 
@@ -128,52 +96,47 @@ struct TrustBannerContentView: View {
                     .resizable()
                     .scaledToFit()
                     .frame(width: 64, height: 64)
-                VStack(alignment: .leading, spacing: 8){
+                VStack(alignment: .leading, spacing: 8) {
                     Text(trustBanner.content[language ?? "vi"] ?? "")
                         .foregroundColor(Color(hex: 0xFF484848))
                         .lineLimit(2)
-                        .font(.system(size: 12, weight: Font.Weight.regular))
-                        .frame(width: geo.size.width - 24 - 64 - 8, height: 40,alignment: .leading)
-                    HStack{
-                        HStack{
-                            WebImage(url:  URL(string: trustBanner.pciImage))
-                                .resizable()
-                                .scaledToFit()
-                                .frame(width: 52, height: 20)
-                            WebImage(url:  URL(string: trustBanner.sslImage))
+                        .font(.system(size: 12))
+                        .frame(maxWidth: .infinity, alignment: .leading)
+                    
+                    HStack {
+                        HStack(spacing: 2) {
+                            Text(trustBanner.subContent[language ?? "vi"] ?? "")
+                                .foregroundColor(Color(hex: 0xFFEB2F96))
+                                .font(.system(size: 12))
+                            
+                            WebImage(url: URL(string: "https://img.mservice.io/momo_app_v2/new_version/img/appx_icon/16_arrow_chevron_right_small.png"))
                                 .resizable()
-                                .scaledToFit()
-                                .frame(width: 52, height: 20)
+                                .renderingMode(.template)
+                                .foregroundColor(Color(hex: 0xFFEB2F96))
+                                .frame(width: 16, height: 16)
                         }
+                        
                         Spacer()
-                        HStack(spacing: -6){
-                            ForEach(trustBanner.icons, id: \.self) { iconURL in
-                                WebImage(url: URL(string: iconURL))
+                        
+                        HStack(spacing: 4) {
+                            if let pciUrl = URL(string: trustBanner.pciImage) {
+                                WebImage(url: pciUrl)
                                     .resizable()
                                     .scaledToFit()
-                                    .frame(width:24, height: 24)
-                                    .background(Color.white)
-                                    .cornerRadius(12)
-                                    .overlay(
-                                        Circle().stroke(Color(hex: 0xFFE8E8E8), lineWidth: 1)
-                                    )
+                                    .frame(width: 27, height: 20)
                             }
-                            Text("36+")
-                                .font(.system(size: 10, weight: Font.Weight.regular))
-                                .frame(width: 24, height: 24, alignment: .center)
-                                .foregroundColor(Color(hex: 0xFFEB2F96))
-                                .background(Color(hex: 0xFFFDEAF4))
-                                .cornerRadius(12)
-                                .overlay(
-                                    Circle()
-                                        .stroke(Color(hex: 0xFFE8E8E8), lineWidth: 1)
-                                )
-                        }.frame(width: 96, height: 24)
+                            
+                            if let sslUrl = URL(string: trustBanner.sslImage) {
+                                WebImage(url: sslUrl)
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(width: 52, height: 20)
+                            }
+                        }
                     }
                 }
             }
-            .frame(width: geo.size.width - 24)
-            .padding(EdgeInsets(top: 12, leading: 12, bottom: 12, trailing: 12))
+            .padding(12)
             .background(Color(hex: 0xFFF2F8FF))
             .cornerRadius(12)
             .onTapGesture {
@@ -181,7 +144,7 @@ struct TrustBannerContentView: View {
                     trackEvent("service_component_clicked", ["service_name": self.serviceName ?? "", "screen_name": self.screenName ?? "", "component_name": "logo_trust", "url_config": trustBanner.urlConfig])
                 }
                 if let onPress = onPress {
-                    onPress(["service_name": self.serviceName ?? "", "screen_name": self.screenName ?? "", "component_name": "logo_trust", "url_config": trustBanner.urlConfig, "feature_code": trustBanner.featureCode])
+                    onPress(["service_name": self.serviceName ?? "", "screen_name": self.screenName ?? "", "url_config": trustBanner.urlConfig])
                 }
             }
         }

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.
-#Sun Mar 02 11:30:14 ICT 2025
-sdk.dir=/Users/nguyenhoangson/Library/Android/sdk
+#Tue Apr 23 16:40:15 ICT 2024
+sdk.dir=/Users/hung.dao1/Library/Android/sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.113.1-beta.7",
+  "version": "0.113.1-beta.8",
   "private": false,
   "dependencies": {},
   "devDependencies": {},