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

package/README.md

@@ -4,3 +4,4 @@ Add it inside your `Podfile`.
 ```ruby
 pod 'MoMoUIKits', '../node_modules/@momo-platform/native-kits/ios'
 ```
+

package/android/.gradle/config.properties

@@ -0,0 +1,2 @@
+#Wed Dec 27 16:34:14 ICT 2023
+java.home=/Applications/Android Studio.app/Contents/jbr/Contents/Home

package/android/.idea/gradle.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleJvm" value="#GRADLE_LOCAL_JAVA_HOME" />
+        <option name="resolveExternalAnnotations" value="false" />
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>

package/android/.idea/migrations.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectMigrations">
+    <option name="MigrateToGradleLocalJavaHome">
+      <set>
+        <option value="$PROJECT_DIR$" />
+      </set>
+    </option>
+  </component>
+</project>

package/android/.idea/misc.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ExternalStorageConfigurationManager" enabled="true" />
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/build/classes" />
+  </component>
+  <component name="ProjectType">
+    <option name="id" value="Android" />
+  </component>
+</project>

package/android/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>

package/android/.idea/workspace.xml

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="NONE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="7ac6a412-719a-420a-88c9-469c04bccebf" name="Changes" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ClangdSettings">
+    <option name="formatViaClangd" value="false" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/.." />
+  </component>
+  <component name="ProjectId" id="2a7VYs7GWpDvnabiqoEP3S5zR6T" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.cidr.known.project.marker": "true",
+    "android.gradle.sync.needed": "true",
+    "cf.first.check.clang-format": "false",
+    "cidr.known.project.marker": "true",
+    "dart.analysis.tool.window.visible": "false",
+    "project.structure.last.edited": "Project",
+    "project.structure.proportion": "0.17",
+    "project.structure.side.proportion": "0.0",
+    "settings.editor.selected.configurable": "preferences.lookFeel",
+    "show.migrate.to.gradle.popup": "false"
+  }
+}]]></component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="7ac6a412-719a-420a-88c9-469c04bccebf" name="Changes" comment="" />
+      <created>1703669655154</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1703669655154</updated>
+    </task>
+    <servers />
+  </component>
+</project>

package/android/build.gradle

@@ -1,82 +1,48 @@
-buildscript {
-  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
-  def kotlin_version = rootProject.ext.has("kotlinVersion") ? rootProject.ext.get("kotlinVersion") : project.properties["NativeKits_kotlinVersion"]
-
-  repositories {
-    google()
-    mavenCentral()
-  }
-
-  dependencies {
-    classpath "com.android.tools.build:gradle:7.2.1"
-    // noinspection DifferentKotlinGradleVersion
-    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
-  }
-}
-
-def isNewArchitectureEnabled() {
-  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
-}
-
-apply plugin: "com.android.library"
-apply plugin: "kotlin-android"
-
-if (isNewArchitectureEnabled()) {
-  apply plugin: "com.facebook.react"
-}
-
-def getExtOrDefault(name) {
-  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["NativeKits_" + name]
-}
-
-def getExtOrIntegerDefault(name) {
-  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["NativeKits_" + name]).toInteger()
+plugins {
+    id 'com.android.library'
+    id 'org.jetbrains.kotlin.android'
 }
 
 android {
-  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
-
-  defaultConfig {
-    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
-    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
-    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
-  }
-  buildTypes {
-    release {
-      minifyEnabled false
+    namespace 'com.momoplatform.nativekits'
+    compileSdk 34
+
+    defaultConfig {
+        minSdk 23
+        targetSdk 34
+        versionCode 1
+        versionName "1.0"
     }
-  }
 
-  lintOptions {
-    disable "GradleCompatible"
-  }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
 
-  compileOptions {
-    sourceCompatibility JavaVersion.VERSION_1_8
-    targetCompatibility JavaVersion.VERSION_1_8
-  }
+    kotlinOptions {
+        jvmTarget = '1.8'
+    }
 
-}
+    buildFeatures {
+        compose true
+    }
 
-repositories {
-  mavenCentral()
-  google()
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.8"
+    }
 }
 
-def kotlin_version = getExtOrDefault("kotlinVersion")
-
 dependencies {
-  // For < 0.71, this will be from the local maven repo
-  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
-  //noinspection GradleDynamicVersion
-  implementation "com.facebook.react:react-native"
-  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-}
+    def composeBom = platform('androidx.compose:compose-bom:2023.10.01')
+    implementation composeBom
+    androidTestImplementation composeBom
+    implementation "androidx.compose.material3:material3"
+    implementation "androidx.compose.material:material:$rootProject.materialComposeVersion"
+    implementation "androidx.compose.foundation:foundation:$rootProject.composeVersion"
+    implementation "androidx.compose.ui:ui:$rootProject.composeVersion"
+    implementation "androidx.compose.ui:ui-tooling-preview:$rootProject.composeVersion"
+    debugImplementation "androidx.compose.ui:ui-tooling:$rootProject.composeVersion"
+    implementation("io.coil-kt:coil-compose:2.5.0")
+    implementation 'com.google.code.gson:gson:2.8.6'
 
-if (isNewArchitectureEnabled()) {
-  react {
-    jsRootDir = file("../src/")
-    libraryName = "NativeKitsView"
-    codegenJavaPackageName = "com.momoplatform.nativekits"
-  }
 }

package/android/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.
+#Wed Dec 27 16:34:14 ICT 2023
+sdk.dir=/Users/wem/Library/Android/sdk

package/android/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

package/android/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.momoplatform.nativekits">
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
 </manifest>

package/android/src/main/java/com/momoplatform/nativekits/foundations/Button.kt

@@ -0,0 +1,16 @@
+package com.momoplatform.nativekits.foundations
+
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+
+@Composable
+fun Button (){
+    Text("Button")
+}
+
+@Preview
+@Composable
+fun ReviewButton (){
+  Button()
+}

package/android/src/main/java/com/momoplatform/nativekits/libs/Logo.kt

@@ -0,0 +1,63 @@
+package com.momoplatform.nativekits.libs
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+
+@Composable
+fun Logo(
+  type: String = "image",
+  useShadow:Boolean = true,
+  useBorder:Boolean = true,
+  useBackground:Boolean = true,
+  backgroundColor: Color = Color(0xffd8d8d8),
+  shadowColor: Color = Color(0xffd8d8d8),
+  borderColor: Color = Color(0xffe2e2e2),
+  source: String = ""
+) {
+  val radius = if (type == "image")  9.dp else 0.dp
+
+  var logoModifier = Modifier
+    .size(28.dp)
+    .clip(RoundedCornerShape(radius))
+
+  if (useBackground) {
+    logoModifier = logoModifier.background(color = backgroundColor)
+  }
+
+  if (useBorder && type != "icon") {
+    logoModifier = logoModifier.border(width = 2.dp, color = borderColor, shape = RoundedCornerShape(9.dp))
+  }
+
+  if (useShadow) {
+    logoModifier = logoModifier.shadow(2.dp, ambientColor = shadowColor)
+  }
+
+  AsyncImage(
+    model = source,
+    contentDescription = null,
+    modifier = logoModifier,
+    contentScale = ContentScale.Fit
+  )
+}
+
+@Composable
+@Preview
+fun LogoPreview() {
+  Logo(
+    source = "https://static.momocdn.net/app/img/paylater/static/ic_service_vts_30kb.png",
+    useShadow = false,
+    shadowColor = Color.Green,
+    type = "icon"
+  )
+}

package/android/src/main/java/com/momoplatform/nativekits/libs/TrustBanner.kt

@@ -0,0 +1,246 @@
+package com.momoplatform.nativekits.libs
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import coil.compose.AsyncImage
+import okhttp3.OkHttpClient
+import okhttp3.Request
+import kotlinx.coroutines.*
+import androidx.compose.runtime.*
+import com.google.gson.Gson
+import com.google.gson.annotations.SerializedName
+
+val defaultBanner = TrustBanner(
+  content = mapOf(
+    "vi" to "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" to "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 = listOf(
+    "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"
+)
+
+val defaultData = TrustBannerData(trustBanner = defaultBanner)
+
+const val borderColor = 0xFFE8E8E8
+const val tonalColor = 0xFFFDEAF4
+const val backgroundBlue = 0xFFF2F8FF
+const val contentColor = 0xFF484848
+const val primaryColor = 0xFFEB2F96
+const val jsonUrl =  "https://static.momocdn.net/app/json/component-kits/design_system.json"
+
+data class TrustBannerData(
+  val trustBanner: TrustBanner
+)
+
+data class TrustBanner (
+  val content: Map<String, String>,
+
+  val pciImage: String,
+  val sslImage: String,
+  val icons: List<String>,
+  val momoImage: String,
+
+  @SerializedName("url_config")
+  val urlConfig: String,
+
+  @SerializedName("feature_code")
+  val featureCode: String,
+)
+
+fun fetchJsonData(url: String, onFailure: (Exception) -> Unit) {
+  val client = OkHttpClient()
+
+  CoroutineScope(Dispatchers.IO).launch {
+    try {
+      val request = Request.Builder().url(url).build()
+      val response = client.newCall(request).execute()
+
+      if (!response.isSuccessful) {
+        onFailure(Exception("Unexpected code $response"))
+      } else {
+        response.body?.string()?.let { jsonString ->
+          withContext(Dispatchers.Main) {
+            Gson().fromJson(jsonString, TrustBannerData::class.java)
+          }
+        }
+      }
+    } catch (e: Exception) {
+      withContext(Dispatchers.Main) {
+        onFailure(e)
+      }
+    }
+  }
+}
+
+@Composable
+fun Avatar(iconURL: String) {
+  AsyncImage(
+    model = iconURL,
+    contentDescription = null,
+    modifier = Modifier
+      .size(24.dp)
+      .background(Color.White, CircleShape)
+      .border(width = 1.dp, color = Color(borderColor), CircleShape),
+    contentScale = ContentScale.Fit
+  )
+}
+
+@Composable
+fun TrustBannerView(serviceName: String = "", screenName: String = "",onPress: ((Map<String, String>)->Unit)?, trackEvent: ((String, Map<String, String>)->Unit)?, language: String = "vi") {
+  var trustBannerData by remember { mutableStateOf<TrustBannerData?>(defaultData) }
+  var error by remember { mutableStateOf<String?>(null) }
+
+  LaunchedEffect(Unit) {
+    if (trackEvent != null) {
+      trackEvent("service_component_displayed",mapOf(
+        "service_name" to serviceName,
+        "screen_name" to screenName,
+        "component_name" to "logo_trust"
+      ))
+    }
+    fetchJsonData(
+      url = jsonUrl,
+      onFailure = { exception ->
+        error = exception.message
+      }
+    )
+  }
+
+  when {
+    trustBannerData != null -> {
+      if (onPress != null) {
+        TrustBannerContent(trustBannerData!!.trustBanner,serviceName, screenName,onPress,trackEvent,language)
+      }
+    }
+  }
+}
+
+@Composable
+fun TrustBannerContent(
+  trustBanner: TrustBanner,
+  serviceName: String,
+  screenName: String,
+  onPress: ((Map<String, String>) -> Unit)?,
+  trackEvent: ((String,Map<String, String>) -> Unit)?,
+  language: String
+) {
+  Row(
+    modifier = Modifier
+      .clip(RoundedCornerShape(12.dp))
+      .background(color = Color(backgroundBlue))
+      .padding(12.dp)
+      .clickable {
+        if (trackEvent != null) {
+          trackEvent("service_component_clicked",mapOf(
+            "service_name" to serviceName,
+            "screen_name" to screenName,
+            "component_name" to "logo_trust",
+            "url_config" to trustBanner.urlConfig
+          ))
+        }
+        if (onPress != null) {
+          onPress(mapOf(
+            "service_name" to serviceName,
+            "screen_name" to screenName,
+            "url_config" to trustBanner.urlConfig,
+            "feature_code" to trustBanner.featureCode
+          ))
+        }
+      }
+  ) {
+    AsyncImage(
+      model = trustBanner.momoImage,
+      contentDescription = "Momo mascot",
+      modifier = Modifier
+        .width(64.dp)
+        .height(64.dp)
+        .padding(end = 8.dp)
+    )
+    Column {
+      Text(
+        text = trustBanner.content[language] ?: "",
+        modifier = Modifier.padding(bottom = 8.dp),
+        lineHeight = 16.sp,
+        fontSize = 12.sp,
+        color = Color(contentColor),
+        maxLines = 2
+      )
+      Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
+        Row {
+          AsyncImage(
+            model = trustBanner.pciImage, contentDescription = "PCI image", modifier = Modifier
+              .padding(end = 4.dp)
+              .width(52.dp)
+              .height(20.dp)
+          )
+          AsyncImage(
+            model = trustBanner.sslImage, contentDescription = "PCI image", modifier = Modifier
+              .width(52.dp)
+              .height(20.dp)
+          )
+        }
+        Row(
+          modifier = Modifier
+            .width(96.dp)
+            .height(24.dp),
+          horizontalArrangement = Arrangement.spacedBy((-6).dp)
+        ) {
+          trustBanner.icons.forEach { iconURL ->
+            Avatar(iconURL = iconURL)
+          }
+          Row(
+            modifier = Modifier
+              .size(24.dp)
+              .background(color = Color(tonalColor), CircleShape)
+              .border(width = 1.dp, color = Color(borderColor), CircleShape),
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.Center
+          ) {
+            Text(
+              text = "36+",
+              color = Color(primaryColor),
+              lineHeight = 14.sp,
+              fontSize = 10.sp
+            )
+          }
+        }
+      }
+    }
+  }
+}
+
+//@Preview
+//@Composable
+//fun TrustBannerPreview() {
+////  TrustBannerView()
+//}