@momo-kits/native-kits 0.89.29 → 0.89.30-beta.1

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

@@ -4,7 +4,6 @@ import androidx.compose.animation.animateColorAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
@@ -16,7 +15,6 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.ripple.rememberRipple
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
@@ -26,9 +24,12 @@ import androidx.compose.runtime.setValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.semantics.contentDescription
 import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
@@ -60,43 +61,76 @@ data class AnimatedHeader(
 )
 
 @Composable
-fun HeaderImage(
-    headerType: HeaderType = HeaderType.DEFAULT,
-    headerBackground: String?,
+fun HeaderBackground(
+    headerType: HeaderType = HeaderType.DEFAULT
 ) {
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
     when (headerType) {
         HeaderType.DEFAULT -> {
             val height = statusBarHeight + 52.dp
-            Image(
-                source = headerBackground ?: "",
-                modifier = Modifier.fillMaxWidth().height(height),
-                options = Options(
-                    contentScale = ContentScale.FillWidth
+            Box(
+                modifier = Modifier.fillMaxWidth().height(height)
+                    .bottomBorder(
+                        strokeWidth = 1.dp,
+                        color = AppTheme.current.colors.border.default
+                    )
+            ) {
+                Box(
+                    modifier = Modifier
+                        .height(height)
+                        .fillMaxWidth()
+                        .background(
+                            Brush.linearGradient(
+                                colors = listOf(
+                                    Color(0xFFFDCACE),
+                                    Color(0x00FDCACE)
+                                ),
+                                start = Offset(0f, 0f),
+                                end = Offset(0f, with(LocalDensity.current) { 154.dp.toPx() })
+                            )
+                        )
                 )
-            )
-        }
+                if (AppTheme.current.assets.headerBackground != null) {
+                    Image(
+                        source = AppTheme.current.assets.headerBackground!!,
+                        modifier = Modifier.fillMaxWidth().height(height),
+                        options = Options(
+                            contentScale = ContentScale.FillWidth
+                        )
+                    )
+                }
+            }
 
-        HeaderType.EXTENDED -> {
-            Image(
-                source = headerBackground ?: "",
-                modifier = Modifier.fillMaxWidth(),
-                options = Options(
-                    contentScale = ContentScale.FillWidth
-                )
-            )
         }
 
-        HeaderType.SURFACE -> {
-            val height = statusBarHeight + 52.dp
+        HeaderType.EXTENDED -> {
             Box(
-                modifier = Modifier.fillMaxWidth().height(height)
-                    .background(AppTheme.current.colors.background.surface)
+                modifier = Modifier.fillMaxWidth().height(154.dp)
+                    .background(
+                        Brush.linearGradient(
+                            colors = listOf(
+                                Color(0xFFFDCACE),
+                                Color(0x00FDCACE)
+                            ),
+                            start = Offset(0f, 0f),
+                            end = Offset(0f, with(LocalDensity.current) { 154.dp.toPx() })
+                        )
+                    )
                     .bottomBorder(
-                        strokeWidth = 2.dp,
+                        strokeWidth = 1.dp,
                         color = AppTheme.current.colors.border.default
                     )
-            )
+            ) {
+                if (AppTheme.current.assets.headerBackground != null) {
+                    Image(
+                        source = AppTheme.current.assets.headerBackground!!,
+                        modifier = Modifier.fillMaxWidth().height(154.dp),
+                        options = Options(
+                            contentScale = ContentScale.FillWidth
+                        )
+                    )
+                }
+            }
         }
 
         else -> {
@@ -118,22 +152,16 @@ fun Header(
     scrollState: Int = 0
 ) {
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
-    var tintIconColor = Colors.black_01
-    var backgroundButton = Colors.black_20.copy(alpha = 0.4f)
-    if (headerType == HeaderType.SURFACE) {
-        tintIconColor = AppTheme.current.colors.text.default
-        backgroundButton = Color.Transparent
-    }
+    val tintIconColor = AppTheme.current.colors.text.default
+    val backgroundButton = Colors.black_01.copy(alpha = 0.2f)
 
     var colorFraction by remember { mutableStateOf(0f) }
 
     LaunchedEffect(scrollState) {
-        if (headerType == HeaderType.SURFACE) {
-            snapshotFlow { scrollState }
-                .map { (it / 50f).coerceIn(0f, 1f) }
-                .distinctUntilChanged()
-                .collect { fraction -> colorFraction = fraction }
-        }
+        snapshotFlow { scrollState }
+            .map { (it / 50f).coerceIn(0f, 1f) }
+            .distinctUntilChanged()
+            .collect { fraction -> colorFraction = fraction }
     }
 
     val tintIconColorAnim by animateColorAsState(
@@ -164,15 +192,11 @@ fun Header(
                             modifier = Modifier
                                 .size(28.dp)
                                 .then(
-                                    if (headerType == HeaderType.SURFACE) {
-                                        Modifier.border(
-                                            0.5.dp,
-                                            Colors.black_20.copy(alpha = 0.4f),
-                                            RoundedCornerShape(100)
-                                        )
-                                    } else {
-                                        Modifier
-                                    }
+                                    Modifier.border(
+                                        0.5.dp,
+                                        Colors.black_20.copy(alpha = 0.4f),
+                                        RoundedCornerShape(100)
+                                    )
                                 )
                                 .background(
                                     backgroundButton,
@@ -190,7 +214,7 @@ fun Header(
                         ) {
                             Icon(
                                 source = "ic_back_ios",
-                                color = if (headerType == HeaderType.SURFACE && animatedHeader !== null) tintIconColorAnim else tintIconColor,
+                                color = if (animatedHeader !== null) tintIconColorAnim else tintIconColor,
                                 size = 20.dp,
                             )
                         }
@@ -221,7 +245,7 @@ fun Header(
                 ) {
                     HeaderTitle(
                         title = title,
-                        color = if (headerType == HeaderType.SURFACE && animatedHeader !== null) tintIconColorAnim else tintIconColor,
+                        color = if (animatedHeader !== null) tintIconColorAnim else tintIconColor,
                         modifier = Modifier.semantics {
                             contentDescription = "title_navigation_header"
                             testTag = "title_navigation_header"

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

@@ -38,7 +38,6 @@ import vn.momo.kits.platform.getStatusBarHeight
 
 enum class HeaderType {
     DEFAULT,
-    SURFACE,
     EXTENDED,
     NONE
 }
@@ -46,7 +45,6 @@ enum class HeaderType {
 @Composable
 fun Screen(
     backgroundColor: Color? = null,
-    headerBackground: String? = null,
     isBack: Boolean = true,
     headerType: HeaderType = HeaderType.DEFAULT,
     verticalArrangement: Arrangement.Vertical = Arrangement.Top,
@@ -90,18 +88,14 @@ fun Screen(
     ) {
 
         if (animatedHeader === null) {
-            HeaderImage(
-                headerType,
-                headerBackground ?: AppTheme.current.assets.headerBackground
-            )
+            HeaderBackground(headerType)
         } else {
             Box(
-                Modifier.zIndex(5f).background(Color.White.copy(alpha = opacity))
-                    .graphicsLayer { alpha = opacity }) {
-                HeaderImage(
-                    headerType,
-                    headerBackground ?: AppTheme.current.assets.headerBackground
-                )
+                Modifier.zIndex(5f)
+                    .background(Color.White.copy(alpha = opacity))
+                    .graphicsLayer { alpha = opacity }
+            ) {
+                HeaderBackground(headerType)
             }
         }
 
@@ -129,9 +123,7 @@ fun Screen(
         ) {
 
             Column(
-                modifier = if (scrollable) Modifier.weight(1f).padding(bottom = keyboardSize)
-                    .verticalScroll(scrollState) else
-                    Modifier.padding(bottom = keyboardSize),
+                modifier = if (scrollable) Modifier.weight(1f).padding(bottom = keyboardSize).verticalScroll(scrollState) else Modifier.padding(bottom = keyboardSize),
                 verticalArrangement = verticalArrangement,
                 horizontalAlignment = horizontalAlignment
             ) {
@@ -156,8 +148,7 @@ fun Screen(
                 scrollPosition = fabProps.scrollState?.value ?: scrollState.value,
                 onClick = fabProps.onClick,
                 containerColor = AppTheme.current.colors.primary,
-                bottom = fabProps.bottom
-                    ?: if (footer != null) bottomPadding + 76.dp else bottomPadding + 12.dp,
+                bottom = fabProps.bottom ?: if (footer != null) bottomPadding + 76.dp else bottomPadding + 12.dp,
                 icon = fabProps.icon,
                 iconColor = fabProps.iconColor,
                 text = fabProps.label,
@@ -186,11 +177,8 @@ fun Footer(footer: @Composable (() -> Unit)? = null, keyboardSize: Dp = 0.dp, bo
             .background(AppTheme.current.colors.background.surface)
     ) {
         Box(
-            Modifier
-                .fillMaxWidth()
-                .padding(vertical = Spacing.S, horizontal = Spacing.M)
-        )
-        {
+            Modifier.fillMaxWidth().padding(vertical = Spacing.S, horizontal = Spacing.M)
+        ) {
             footer?.invoke()
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt

@@ -106,7 +106,7 @@ val defaultTheme = Theme(
     ),
     font = "SFProText",
     assets = ThemeAssets(
-        headerBackground = "https://static.momocdn.net/app/img/app/img/header-background.png"
+        headerBackground = null
     )
 )
 
@@ -168,6 +168,5 @@ val darkTheme = Theme(
 
 
 val AppTheme = staticCompositionLocalOf { defaultTheme }
-val AppStatusBar = staticCompositionLocalOf<Dp?> {
-   null
-}
+
+val AppStatusBar = staticCompositionLocalOf<Dp?> { null }

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt

@@ -27,10 +27,10 @@ fun scaleSize(size: Float): Float {
 
 @OptIn(InternalResourceApi::class)
 @Composable
-fun getFont(font: String, ext: String = "ttf"): FontFamily {
+fun getFont(font: String): FontFamily {
     val fontResource = FontResource(
-        "font:${font}",
-        setOf(ResourceItem(setOf(), "font/${font}.${ext}", -1, -1))
+        "font:${font.substringBeforeLast(".")}",
+        setOf(ResourceItem(setOf(), "font/${font.substringBeforeLast(".")}.${font.substringAfterLast(".")}", -1, -1))
     )
     return FontFamily(Font(fontResource))
 }
@@ -39,17 +39,28 @@ fun getFont(font: String, ext: String = "ttf"): FontFamily {
 fun getFontFamily(fontFamily: String, fontWeight: FontWeight? = FontWeight.Normal): FontFamily {
     val key = "$fontFamily-${fontWeight?.weight}"
     val fontMap = mapOf(
-        "SFProText-100" to getFont("sfprotext_thin"),
-        "SFProText-200" to getFont("sfprotext_ultralight"),
-        "SFProText-300" to getFont("sfprotext_light"),
-        "SFProText-400" to getFont("sfprotext_regular"),
-        "SFProText-500" to getFont("sfprotext_medium"),
-        "SFProText-600" to getFont("sfprotext_medium"),
-        "SFProText-700" to getFont("sfprotext_semibold"),
-        "SFProText-800" to getFont("sfprotext_bold"),
-        "SFProText-900" to getFont("sfprotext_heavy"),
+        "SFProText-100" to "sfprotext_thin.ttf",
+        "SFProText-200" to "sfprotext_ultralight.ttf",
+        "SFProText-300" to "sfprotext_light.ttf",
+        "SFProText-400" to "sfprotext_regular.ttf",
+        "SFProText-500" to "sfprotext_medium.ttf",
+        "SFProText-600" to "sfprotext_medium.ttf",
+        "SFProText-700" to "sfprotext_semibold.ttf",
+        "SFProText-800" to "sfprotext_bold.ttf",
+        "SFProText-900" to "sfprotext_heavy.ttf",
+
+        "MoMoSignature-100" to "momosignature.otf",
+        "MoMoSignature-200" to "momosignature.otf",
+        "MoMoSignature-300" to "momosignature.otf",
+        "MoMoSignature-400" to "momosignature.otf",
+        "MoMoSignature-500" to "momosignature.otf",
+        "MoMoSignature-600" to "momosignature.otf",
+        "MoMoSignature-700" to "momosignature.otf",
+        "MoMoSignature-800" to "momosignature.otf",
+        "MoMoSignature-900" to "momosignature.otf",
     )
-    return fontMap[key] ?: getFont("sfprotext_regular")
+    val font = fontMap[key] ?: "sfprotext_regular.ttf"
+    return getFont(font)
 }
 
 @Immutable

package/package.json

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

package/android/build.gradle

@@ -1,45 +0,0 @@
-plugins {
-    id 'com.android.library'
-    id 'org.jetbrains.kotlin.android'
-    alias libs.plugins.kotlin.compose.compiler
-}
-
-android {
-    namespace 'com.momoplatform.nativekits'
-    compileSdk 34
-
-    defaultConfig {
-        minSdk 23
-        targetSdk 34
-        versionCode 1
-        versionName "1.0"
-    }
-
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
-
-    buildFeatures {
-        compose true
-    }
-}
-
-dependencies {
-    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'
-
-}

package/android/proguard-rules.pro

@@ -1,21 +0,0 @@
-# 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 +0,0 @@
-<?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

@@ -1,16 +0,0 @@
-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

@@ -1,63 +0,0 @@
-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

@@ -1,246 +0,0 @@
-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()
-//}

package/android/src/main/res/drawable/ic_launcher_background.xml

@@ -1,170 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportWidth="108"
-    android:viewportHeight="108">
-    <path
-        android:fillColor="#3DDC84"
-        android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-</vector>

package/android/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -1,30 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:aapt="http://schemas.android.com/aapt"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportWidth="108"
-    android:viewportHeight="108">
-    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
-        <aapt:attr name="android:fillColor">
-            <gradient
-                android:endX="85.84757"
-                android:endY="92.4963"
-                android:startX="42.9492"
-                android:startY="49.59793"
-                android:type="linear">
-                <item
-                    android:color="#44000000"
-                    android:offset="0.0" />
-                <item
-                    android:color="#00000000"
-                    android:offset="1.0" />
-            </gradient>
-        </aapt:attr>
-    </path>
-    <path
-        android:fillColor="#FFFFFF"
-        android:fillType="nonZero"
-        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
-        android:strokeWidth="1"
-        android:strokeColor="#00000000" />
-</vector>

package/android/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@drawable/ic_launcher_background" />
-    <foreground android:drawable="@drawable/ic_launcher_foreground" />
-    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

package/android/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@drawable/ic_launcher_background" />
-    <foreground android:drawable="@drawable/ic_launcher_foreground" />
-    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

package/android/src/main/res/values/colors.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
-    <color name="black">#FF000000</color>
-    <color name="white">#FFFFFFFF</color>
-</resources>

package/android/src/main/res/values/strings.xml

@@ -1,3 +0,0 @@
-<resources>
-    <string name="app_name">nativekits</string>
-</resources>

package/android/src/main/res/values/themes.xml

@@ -1,3 +0,0 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
-
-</resources>

package/android/src/main/res/values-night/themes.xml

@@ -1,3 +0,0 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
-
-</resources>

package/android/src/main/res/xml/backup_rules.xml

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!--
-   Sample backup rules file; uncomment and customize as necessary.
-   See https://developer.android.com/guide/topics/data/autobackup
-   for details.
-   Note: This file is ignored for devices older that API 31
-   See https://developer.android.com/about/versions/12/backup-restore
--->
-<full-backup-content>
-    <!--
-   <include domain="sharedpref" path="."/>
-   <exclude domain="sharedpref" path="device.xml"/>
--->
-</full-backup-content>

package/android/src/main/res/xml/data_extraction_rules.xml

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!--
-   Sample data extraction rules file; uncomment and customize as necessary.
-   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
-   for details.
--->
-<data-extraction-rules>
-    <cloud-backup>
-        <!-- TODO: Use <include> and <exclude> to control what is backed up.
-        <include .../>
-        <exclude .../>
-        -->
-    </cloud-backup>
-    <!--
-    <device-transfer>
-        <include .../>
-        <exclude .../>
-    </device-transfer>
-    -->
-</data-extraction-rules>