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

package/ios/Template/TrustBanner/TrustBanner.swift

@@ -0,0 +1,189 @@
+//
+//  TrustBanner.swift
+//  MoMoUIKits
+//
+//  Created by Nguyễn Hoàng Sơn on 14/12/2023.
+//
+
+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 {
+    let content: Dictionary<String, String>
+    let pciImage: String
+    let sslImage: String
+    let urlConfig: String
+    let featureCode: String
+    let icons: [String]
+    let momoImage: String
+
+    enum CodingKeys: String, CodingKey {
+        case content, 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",
+    sslImage: "https://static.momocdn.net/app/img/kits/trustBanner/ssl.png",
+    urlConfig: "https://momo.vn/an-toan-bao-mat",
+    featureCode: "login_and_security",
+    icons: [
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_viettinbank.png",
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_agribank.png",
+        "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"
+)
+
+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()
+
+    public init(serviceName: String?,
+                screenName: String?,
+                onPress: ((_ params: NSDictionary) -> Void)?,
+                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"])
+        }
+        self.onPress = onPress
+        self.trackEvent = trackEvent
+        self.screenName = screenName
+        self.serviceName = serviceName
+        self.language = language
+    }
+
+    public var body: some View {
+        if let trustBanner = viewModel.trustBanner {
+            TrustBannerContentView(trustBanner: trustBanner.trustBanner, onPress: onPress, trackEvent: trackEvent, serviceName: serviceName, screenName: screenName, language: language)
+        }
+    }
+}
+
+struct TrustBannerContentView: View {
+    var trustBanner: TrustBanner
+    var onPress: ((_ params: NSDictionary) -> Void)?
+    var trackEvent: ((_ eventName: String, _ params: NSDictionary) -> Void)?
+    var serviceName: String?
+    var screenName: String?
+    var language: String?
+    
+    var body: some View {
+        GeometryReader { geo in
+            HStack(alignment: .center, spacing: 8) {
+                WebImage(url: URL(string: trustBanner.momoImage))
+                    .resizable()
+                    .scaledToFit()
+                    .frame(width: 64, height: 64)
+                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))
+                                .resizable()
+                                .scaledToFit()
+                                .frame(width: 52, height: 20)
+                        }
+                        Spacer()
+                        HStack(spacing: -6){
+                            ForEach(trustBanner.icons, id: \.self) { iconURL in
+                                WebImage(url: URL(string: iconURL))
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(width:24, height: 24)
+                                    .background(Color.white)
+                                    .cornerRadius(12)
+                                    .overlay(
+                                        Circle().stroke(Color(hex: 0xFFE8E8E8), lineWidth: 1)
+                                    )
+                            }
+                            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)
+                    }
+                }
+            }
+            .frame(width: geo.size.width - 24)
+            .padding(EdgeInsets(top: 12, leading: 12, bottom: 12, trailing: 12))
+            .background(Color(hex: 0xFFF2F8FF))
+            .cornerRadius(12)
+            .onTapGesture {
+                if let trackEvent = trackEvent {
+                    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])
+                }
+            }
+        }
+    }
+}

package/ios/native-kits.podspec

@@ -13,5 +13,5 @@ Pod::Spec.new do |spec|
 
     spec.framework      = 'SwiftUI', 'Combine'
     spec.dependency       'SDWebImageSwiftUI'
-    spec.dependency       'SkeletonUI'
+    spec.dependency       'SkeletonUI', '1.0.11'
   end

package/local.properties

@@ -0,0 +1,8 @@
+## This file must *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+#Mon Mar 04 18:29:01 ICT 2024
+sdk.dir=/Users/wem/Library/Android/sdk

package/package.json

@@ -1,8 +1,8 @@
 {
-    "name": "@momo-kits/native-kits",
-    "version": "0.0.1-beta.5",
-    "private": false,
-    "dependencies": {},
-    "devDependencies": {},
-    "license": "MoMo"
+  "name": "@momo-kits/native-kits",
+  "version": "0.89.1-2",
+  "private": false,
+  "dependencies": {},
+  "devDependencies": {},
+  "license": "MoMo"
 }

package/publish.sh

@@ -9,17 +9,8 @@ VERSIONSTRING=( v$(jq .version package.json) )
 VERSION=(${VERSIONSTRING//[\"]/})
 echo VERSION: $VERSION
 
-rsync -r --verbose --exclude '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' ./* dist
+rsync -r --verbose --exclude 'build' --exclude 'dist'  --exclude 'example' --exclude 'gradle' --exclude 'sample' ./* dist
 
-# #babel component to dist
-#babel ./dist -d dist --copy-files
-
-#copy option
-#cp -r ./src/ dist
-
-
-#npm login
-#publish dist to npm
 cd dist
 npm publish --tag beta --access=public
 cd ..

package/settings.gradle.kts

@@ -0,0 +1,41 @@
+rootProject.name = "momo-kits"
+
+include(":sample:androidApp")
+include(":compose")
+include(":sample:shared")
+
+pluginManagement {
+    repositories {
+        gradlePluginPortal()
+        mavenCentral()
+        google()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+
+    plugins {
+        val kotlinVersion = extra["kotlin.version"] as String
+        val agpVersion = extra["agp.version"] as String
+        val composeVersion = extra["compose.version"] as String
+
+        kotlin("jvm").version(kotlinVersion)
+        kotlin("multiplatform").version(kotlinVersion)
+        kotlin("android").version(kotlinVersion)
+
+        id("com.android.application").version(agpVersion)
+        id("com.android.library").version(agpVersion)
+
+        id("org.jetbrains.compose").version(composeVersion)
+    }
+}
+
+plugins {
+    id("org.gradle.toolchains.foojay-resolver-convention") version ("0.4.0")
+}
+
+dependencyResolutionManagement {
+    repositories {
+        mavenCentral()
+        google()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+}

package/android/gradle.properties

@@ -1,5 +0,0 @@
-NativeKits_kotlinVersion=1.7.0
-NativeKits_minSdkVersion=21
-NativeKits_targetSdkVersion=31
-NativeKits_compileSdkVersion=31
-NativeKits_ndkversion=21.4.7075529

package/android/src/main/java/com/momoplatform/nativekits/NativeKitsPackage.kt

@@ -1,17 +0,0 @@
-package com.momoplatform.nativekits
-
-import com.facebook.react.ReactPackage
-import com.facebook.react.bridge.NativeModule
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.uimanager.ViewManager
-
-
-class NativeKitsPackage : ReactPackage {
-  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return emptyList()
-  }
-
-  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return listOf(NativeKitsViewManager())
-  }
-}

package/android/src/main/java/com/momoplatform/nativekits/NativeKitsViewManager.kt

@@ -1,20 +0,0 @@
-package com.momoplatform.nativekits
-
-import android.graphics.Color
-import android.view.View
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.annotations.ReactProp
-
-class NativeKitsViewManager : SimpleViewManager<View>() {
-  override fun getName() = "NativeKitsView"
-
-  override fun createViewInstance(reactContext: ThemedReactContext): View {
-    return View(reactContext)
-  }
-
-  @ReactProp(name = "color")
-  fun setColor(view: View, color: String) {
-    view.setBackgroundColor(Color.parseColor(color))
-  }
-}

package/example/ios/Example/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,63 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "platform" : "ios",
-      "size" : "1024x1024"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "16x16"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "16x16"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "32x32"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "32x32"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "128x128"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "128x128"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "256x256"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "256x256"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "512x512"
-    },
-    {
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "512x512"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Background.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.965",
-          "green" : "0.961",
-          "red" : "0.957"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.000",
-          "green" : "0.000",
-          "red" : "0.000"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Border.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.933",
-          "green" : "0.925",
-          "red" : "0.925"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.933",
-          "green" : "0.925",
-          "red" : "0.925"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Card.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "1.000",
-          "green" : "1.000",
-          "red" : "1.000"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.282",
-          "green" : "0.216",
-          "red" : "0.169"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Contents.json

@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Error.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.176",
-          "green" : "0.133",
-          "red" : "0.961"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.176",
-          "green" : "0.133",
-          "red" : "0.961"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/Primary.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.627",
-          "green" : "0.263",
-          "red" : "0.929"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.627",
-          "green" : "0.263",
-          "red" : "0.929"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/PrimaryDark.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.471",
-          "green" : "0.149",
-          "red" : "0.737"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.471",
-          "green" : "0.149",
-          "red" : "0.737"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/example/ios/Example/Assets.xcassets/PrimaryLight.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.957",
-          "green" : "0.918",
-          "red" : "0.992"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.957",
-          "green" : "0.918",
-          "red" : "0.992"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}