@momo-kits/native-kits 0.89.30-nav.10 → 0.89.30-nav.12

package/compose/build.gradle.kts

@@ -61,6 +61,8 @@ kotlin {
 
 publishing {
     repositories {
+        google()
+        mavenCentral()
         maven {
             group = libGroup
             version = libVersion

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

@@ -1,6 +1,7 @@
 package vn.momo.kits.application
 
 import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
@@ -24,6 +25,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
@@ -40,6 +42,8 @@ import kotlinx.coroutines.flow.distinctUntilChanged
 import kotlinx.coroutines.flow.map
 import vn.momo.kits.components.Icon
 import vn.momo.kits.components.Image
+import vn.momo.kits.components.InputSearch
+import vn.momo.kits.components.InputSearchProps
 import vn.momo.kits.components.Options
 import vn.momo.kits.components.Text
 import vn.momo.kits.const.AppStatusBar
@@ -47,6 +51,7 @@ import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.const.Typography
+import vn.momo.kits.modifier.shadow
 import vn.momo.kits.platform.getStatusBarHeight
 import vn.momo.kits.utils.bottomBorder
 
@@ -62,9 +67,15 @@ data class AnimatedHeader(
 
 @Composable
 fun HeaderBackground(
-    headerType: HeaderType = HeaderType.DEFAULT
+    headerType: HeaderType = HeaderType.DEFAULT,
+    useShadow: Boolean? = true,
+    scrollState: Int
 ) {
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
+    val opacityAni by animateFloatAsState(
+        targetValue = (1 - (scrollState / 200f)).coerceIn(0f, 1f),
+    )
+
     when (headerType) {
         HeaderType.DEFAULT -> {
             val height = statusBarHeight + 52.dp
@@ -82,8 +93,8 @@ fun HeaderBackground(
                         .background(
                             Brush.linearGradient(
                                 colors = listOf(
-                                    Color(0xFFFDCACE),
-                                    Color(0x00FDCACE)
+                                    Color(0xFFFDCADE),
+                                    Color(0x00FDCADE)
                                 ),
                                 start = Offset(0f, 0f),
                                 end = Offset(0f, with(LocalDensity.current) { 154.dp.toPx() })
@@ -106,6 +117,7 @@ fun HeaderBackground(
         HeaderType.EXTENDED -> {
             Box(
                 modifier = Modifier.fillMaxWidth().height(154.dp)
+                    .alpha(opacityAni)
                     .background(
                         Brush.linearGradient(
                             colors = listOf(
@@ -116,10 +128,6 @@ fun HeaderBackground(
                             end = Offset(0f, with(LocalDensity.current) { 154.dp.toPx() })
                         )
                     )
-                    .bottomBorder(
-                        strokeWidth = 1.dp,
-                        color = AppTheme.current.colors.border.default
-                    )
             ) {
                 if (AppTheme.current.assets.headerBackground != null) {
                     Image(
@@ -131,6 +139,17 @@ fun HeaderBackground(
                     )
                 }
             }
+            Box(
+                modifier = Modifier.fillMaxWidth().height(statusBarHeight + 52.dp)
+                    .alpha(1 - opacityAni)
+                    .background(Colors.black_01)
+                    .then(
+                        if (useShadow == true) Modifier.shadow() else Modifier.bottomBorder(
+                            1.dp,
+                            Colors.black_04
+                        )
+                    )
+            )
         }
 
         else -> {
@@ -149,11 +168,13 @@ fun Header(
     goBack: (() -> Unit) = { },
     opacity: Float? = null,
     animatedHeader: AnimatedHeader? = null,
-    scrollState: Int = 0
+    useSearchInput: Boolean? = false,
+    scrollState: Int = 0,
+    inputSearchProps: InputSearchProps?
 ) {
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
     val tintIconColor = AppTheme.current.colors.text.default
-    val backgroundButton = Colors.black_01.copy(alpha = 0.2f)
+    val backgroundButton = Colors.black_01.copy(alpha = 0.6f)
 
     var colorFraction by remember { mutableStateOf(0f) }
 
@@ -172,6 +193,14 @@ fun Header(
         )
     )
 
+    val backgroundSearch by animateColorAsState(
+        targetValue = animateColor(
+            Colors.black_01,
+            AppTheme.current.colors.background.default,
+            colorFraction
+        )
+    )
+
     if (headerType != HeaderType.NONE) {
         BoxWithConstraints(
             Modifier.height(statusBarHeight + 52.dp)
@@ -193,8 +222,8 @@ fun Header(
                                 .size(28.dp)
                                 .then(
                                     Modifier.border(
-                                        0.5.dp,
-                                        Colors.black_20.copy(alpha = 0.4f),
+                                        0.2.dp,
+                                        Colors.black_20.copy(alpha = 0.2f),
                                         RoundedCornerShape(100)
                                     )
                                 )
@@ -212,17 +241,19 @@ fun Header(
                             contentAlignment = Alignment.Center
                         ) {
                             Icon(
-                                source = "ic_back_ios",
+                                source = "arrow-back",
                                 color = if (animatedHeader !== null) tintIconColorAnim else tintIconColor,
                                 size = 20.dp,
                             )
                         }
                     }
                 }
-                Box(Modifier.graphicsLayer {
-                    alpha = if (animatedHeader !== null) opacity ?: 1f else 1f
-                }) {
-                    headerRight?.invoke()
+                if (useSearchInput == false) {
+                    Box(Modifier.graphicsLayer {
+                        alpha = if (animatedHeader !== null) opacity ?: 1f else 1f
+                    }) {
+                        headerRight?.invoke()
+                    }
                 }
             }
 
@@ -236,23 +267,25 @@ fun Header(
                 if (isBack) {
                     Spacer(Modifier.width(40.dp))
                 }
-                Box(
-                    Modifier.weight(1f).graphicsLayer {
-                        alpha = if (animatedHeader !== null) opacity ?: 1f else 1f
-                    },
-                    contentAlignment = if (titlePosition == TitlePosition.LEFT) Alignment.TopStart else Alignment.Center
-                ) {
-                    HeaderTitle(
-                        title = title,
-                        color = if (animatedHeader !== null) tintIconColorAnim else tintIconColor,
-                        modifier = Modifier.semantics {
-                            contentDescription = title
-                            testTag = "title_navigation_header"
-                        }
-                    )
+                if (useSearchInput == true && inputSearchProps != null) {
+                    InputSearch(inputSearchProps = inputSearchProps.copy(backgroundColor = backgroundSearch))
                 }
-                if (isBack) {
-                    Spacer(Modifier.width(40.dp))
+                else{
+                    Box(
+                        Modifier.weight(1f).graphicsLayer {
+                            alpha = if (animatedHeader !== null) opacity ?: 1f else 1f
+                        },
+                        contentAlignment = if (titlePosition == TitlePosition.LEFT) Alignment.TopStart else Alignment.Center
+                    ) {
+                        HeaderTitle(
+                            title = title,
+                            color = if (animatedHeader !== null) tintIconColorAnim else tintIconColor,
+                            modifier = Modifier.semantics {
+                                contentDescription = title
+                                testTag = "title_navigation_header"
+                            }
+                        )
+                    }
                 }
             }
         }

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

@@ -32,6 +32,7 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.min
 import androidx.compose.ui.zIndex
+import vn.momo.kits.components.InputSearchProps
 import vn.momo.kits.const.AppStatusBar
 import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
@@ -65,6 +66,9 @@ fun Screen(
     fabProps: FabProps? = null,
     animatedHeader: AnimatedHeader? = null,
     layoutOffset: Dp = 56.dp,
+    useShadow: Boolean? = true,
+    useSearchInput: Boolean? = false,
+    inputSearchProps: InputSearchProps? = null,
     content: @Composable () -> Unit,
 ) {
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
@@ -93,14 +97,18 @@ fun Screen(
     ) {
 
         if (animatedHeader === null) {
-            HeaderBackground(headerType)
+            HeaderBackground(headerType = headerType, scrollState = scrollState.value)
         } else {
             Box(
                 Modifier.zIndex(5f)
                     .background(Color.White.copy(alpha = opacity))
                     .graphicsLayer { alpha = opacity }
             ) {
-                HeaderBackground(headerType)
+                HeaderBackground(
+                    headerType = headerType,
+                    useShadow = useShadow,
+                    scrollState = scrollState.value
+                )
             }
         }
 
@@ -113,6 +121,8 @@ fun Screen(
             goBack = goBack,
             opacity = opacity,
             animatedHeader = animatedHeader,
+            useSearchInput = useSearchInput,
+            inputSearchProps = inputSearchProps,
             scrollState = scrollState.value
         )
 
@@ -159,7 +169,8 @@ 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,

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputSearch.kt

@@ -1,7 +1,6 @@
 package vn.momo.kits.components
 
 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
@@ -33,13 +32,19 @@ import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import vn.momo.kits.const.AppTheme
+import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.const.Typography
 import vn.momo.kits.utils.ifTrue
 
 @Composable
-fun RenderRightIconSearch(loading: Boolean, icon: String, color: Color, onClick: () -> Unit) {
+fun RenderRightIconSearch(
+    loading: Boolean,
+    icon: String,
+    color: Color,
+    onClick: () -> Unit,
+) {
     if (loading) {
         Box(Modifier.padding(horizontal = Spacing.S)) {
             CircularProgressIndicator(
@@ -68,34 +73,41 @@ fun RenderRightIconSearch(loading: Boolean, icon: String, color: Color, onClick:
     }
 }
 
+data class InputSearchProps(
+    val text: MutableState<String>,
+    val buttonText: String = "",
+    val showButtonText: Boolean = false,
+    val placeholder: String = "",
+    val onChangeText: (String) -> Unit = {},
+    val onPressButtonText: () -> Unit = {},
+    val disabled: Boolean = false,
+    val icon: String = "",
+    val iconColor: Color = Color(0xff),
+    val onRightIconPressed: () -> Unit = {},
+    val onFocus: () -> Unit = {},
+    val onBlur: () -> Unit = {},
+    val loading: Boolean = false,
+    val fontWeight: InputFontWeight = InputFontWeight.REGULAR,
+    val keyboardType: KeyboardType = KeyboardType.Text,
+    val backgroundColor: Color = Colors.black_01,
+)
+
 @Composable
 fun InputSearch(
-    text: MutableState<String> = remember { mutableStateOf("") },
-    buttonText: String = "",
-    showButtonText: Boolean = false,
-    showBorder: Boolean = true,
-    placeholder: String = "",
-    onChangeText: (String) -> Unit = {},
-    onPressButtonText: () -> Unit = {},
-    error: String = "",
-    disabled: Boolean = false,
-    icon: String = "",
-    iconColor: Color = AppTheme.current.colors.text.default,
-    onRightIconPressed: () -> Unit = {},
-    onFocus: () -> Unit = {},
-    onBlur: () -> Unit = {},
-    loading: Boolean = false,
-    fontWeight: InputFontWeight = InputFontWeight.REGULAR,
-    keyboardType: KeyboardType = KeyboardType.Text,
+    inputSearchProps: InputSearchProps = InputSearchProps(
+        text = remember { mutableStateOf("") },
+        iconColor = AppTheme.current.colors.text.default
+    ),
+
 ) {
     var isFocused by remember { mutableStateOf(false) }
     var isBlurred = false
     val disabledColor = AppTheme.current.colors.text.disable
     var textColor = AppTheme.current.colors.text.default
     var placeholderColor = AppTheme.current.colors.text.hint
-    var iconTintColor = iconColor
+    var iconTintColor = inputSearchProps.iconColor
 
-    if (disabled) {
+    if (inputSearchProps.disabled) {
         textColor = disabledColor
         placeholderColor = disabledColor
         iconTintColor = disabledColor
@@ -103,37 +115,31 @@ fun InputSearch(
 
     Column {
         BasicTextField(
-            enabled = !disabled,
+            enabled = !inputSearchProps.disabled,
             singleLine = true,
-            value = text.value,
+            value = inputSearchProps.text.value,
             textStyle = TextStyle(
                 color = textColor,
-                fontSize = 15.sp,
-                lineHeight = 24.sp,
-                fontWeight = fontWeight.value
+                fontSize = 14.sp,
+                lineHeight = 20.sp,
+                fontWeight = inputSearchProps.fontWeight.value
             ),
-            keyboardOptions = KeyboardOptions.Default.copy(keyboardType = keyboardType),
+            keyboardOptions = KeyboardOptions.Default.copy(keyboardType = inputSearchProps.keyboardType),
             modifier = Modifier.height(36.dp).onFocusChanged {
                 isFocused = it.isFocused
                 if (it.isFocused) {
-                    onFocus()
+                    inputSearchProps.onFocus()
                 }
-                if (!it.isFocused && isBlurred) onBlur()
+                if (!it.isFocused && isBlurred) inputSearchProps.onBlur()
                 if (it.isFocused && !isBlurred) isBlurred = true
             },
-            onValueChange = onChangeText,
+            onValueChange = inputSearchProps.onChangeText,
             decorationBox = { innerTextField ->
-                //input box wrapper
                 Row(verticalAlignment = Alignment.CenterVertically) {
                     Row(
-                        modifier = Modifier.weight(showButtonText.ifTrue(8f, 1f))
+                        modifier = Modifier.weight(inputSearchProps.showButtonText.ifTrue(8f, 1f))
                             .background(
-                                AppTheme.current.colors.background.surface,
-                                RoundedCornerShape(Radius.XL)
-                            )
-                            .border(
-                                showBorder.ifTrue(1.dp, 0.dp),
-                                getBorderColor(isFocused, error, disabled),
+                                inputSearchProps.backgroundColor,
                                 RoundedCornerShape(Radius.XL)
                             ),
                         horizontalArrangement = Arrangement.Start,
@@ -154,20 +160,20 @@ fun InputSearch(
                                 color = AppTheme.current.colors.text.hint
                             )
                             Box(Modifier.weight(1f)) {
-                                if (text.value.isEmpty()) {
+                                if (inputSearchProps.text.value.isEmpty()) {
                                     Text(
-                                        text = placeholder,
+                                        text = inputSearchProps.placeholder,
                                         style = TextStyle(
                                             fontSize = 16.sp,
                                             lineHeight = 24.sp,
-                                            fontWeight = fontWeight.value
+                                            fontWeight = inputSearchProps.fontWeight.value
                                         ),
                                         color = placeholderColor
                                     )
                                 }
                                 innerTextField()
                             }
-                            if (isFocused && text.value.isNotEmpty()) {
+                            if (isFocused && inputSearchProps.text.value.isNotEmpty()) {
                                 Row {
                                     Spacer(Modifier.width(Spacing.XS))
                                     Icon(
@@ -175,25 +181,30 @@ fun InputSearch(
                                         size = 16.dp,
                                         color = AppTheme.current.colors.text.hint,
                                         modifier = Modifier.clickable(
-                                            onClick = { text.value = "" },
+                                            onClick = { inputSearchProps.text.value = "" },
                                             interactionSource = remember { MutableInteractionSource() },
                                             indication = null
                                         )
                                     )
                                 }
                             }
-                            RenderRightIconSearch(loading, icon, iconTintColor, onRightIconPressed)
+                            RenderRightIconSearch(
+                                inputSearchProps.loading,
+                                inputSearchProps.icon,
+                                iconTintColor,
+                                inputSearchProps.onRightIconPressed
+                            )
                         }
                     }
-                    if (showButtonText) {
+                    if (inputSearchProps.showButtonText) {
                         Text(
-                            text = buttonText,
+                            text = inputSearchProps.buttonText,
                             style = Typography.actionDefault,
                             color = AppTheme.current.colors.text.default,
                             modifier = Modifier.padding(start = Spacing.L).clickable(
                                 interactionSource = remember { MutableInteractionSource() },
                                 indication = null,
-                                onClick = onPressButtonText
+                                onClick = inputSearchProps.onPressButtonText
                             )
                         )
                     }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/TrustBanner.kt

@@ -1,7 +1,6 @@
 package vn.momo.kits.components
 
 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
@@ -9,9 +8,7 @@ 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
@@ -29,7 +26,11 @@ val defaultBanner = TrustBannerData(
         "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",
+    subContent = mapOf(
+        "vi" to "Tìm hiểu thêm",
+        "en" to "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 = "login_and_security",
     icons = listOf(
@@ -38,40 +39,23 @@ val defaultBanner = TrustBannerData(
         "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"
 )
 
-const val borderColor = 0xFFE8E8E8
-const val tonalColor = 0xFFFDEAF4
 const val backgroundBlue = 0xFFF2F8FF
 const val contentColor = 0xFF484848
-const val primaryColor = 0xFFEB2F96
-
-data class TrustBannerClass(
-    val trustBanner: TrustBannerData
-)
+const val subContentColor = 0xFFEB2F96
 
 data class TrustBannerData(
     val content: Map<String, String>,
+    val subContent: Map<String, String>,
     val pciImage: String,
+    val momoImage: String,
     val sslImage: String,
     val icons: List<String>,
-    val momoImage: String,
     val urlConfig: String
 )
 
-@Composable
-fun Avatar(iconURL: String) {
-    Image(
-        source = iconURL,
-        modifier = Modifier
-            .size(24.dp)
-            .background(Color.White, CircleShape)
-            .border(width = 1.dp, color = Color(borderColor), CircleShape),
-        options = Options(contentScale = ContentScale.Fit)
-    )
-}
-
 @Composable
 fun TrustBanner(
     trustBanner: TrustBannerData = defaultBanner,
@@ -80,6 +64,7 @@ fun TrustBanner(
     onPress: ((Map<String, String>) -> Unit)? = null,
     trackEvent: ((String, Map<String, String>) -> Unit)? = null,
     language: String = "vi"
+
 ) {
     val trackParams = mapOf(
         "service_name" to serviceName,
@@ -123,12 +108,11 @@ fun TrustBanner(
             modifier = Modifier
                 .width(64.dp)
                 .height(64.dp)
-                .padding(end = 8.dp),
-            options = Options(
-                contentScale = ContentScale.Fit,
-            )
         )
-        Column {
+        Column (
+          modifier = Modifier
+              .padding(start = 10.dp)
+        ) {
             Text(
                 text = trustBanner.content[language] ?: "",
                 modifier = Modifier.padding(bottom = 8.dp),
@@ -138,11 +122,26 @@ fun TrustBanner(
                 maxLines = 2
             )
             Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
+                Row (
+                    verticalAlignment = Alignment.CenterVertically,
+                )  {
+                    Text(
+                        text = trustBanner.subContent[language] ?: "",
+                        lineHeight = 16.sp,
+                        fontSize = 12.sp,
+                        color = Color(subContentColor),
+                        maxLines = 2
+                    )
+                    Icon(
+                        source = "https://img.mservice.io/momo_app_v2/new_version/img/appx_icon/16_arrow_chevron_right_small.png",
+                        color = Color(subContentColor),
+                    )
+                }
                 Row {
                     Image(
                         source = trustBanner.pciImage, modifier = Modifier
                             .padding(end = 4.dp)
-                            .width(52.dp)
+                            .width(27.dp)
                             .height(20.dp)
                         ,options = Options(
                             contentScale = ContentScale.Fit,
@@ -157,31 +156,6 @@ fun TrustBanner(
                         )
                     )
                 }
-                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
-                        )
-                    }
-                }
             }
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt

@@ -4,6 +4,7 @@ val Icons = mapOf(
     "01.MoMo Copy" to "https://img.mservice.com.vn/app/img/kits/01.MoMo%20Copy.png",
     "01.MoMo" to "https://img.mservice.com.vn/app/img/kits/01.MoMo.png",
     "Phonebook" to "https://img.mservice.com.vn/app/img/kits/Phonebook.png",
+    "arrow-back" to "https://static.momocdn.net/app/img/kits/arrow-back.png",
     "arrow_arrow-back" to "https://img.mservice.com.vn/app/img/kits/arrow_arrow-back.png",
     "arrow_arrow-down" to "https://img.mservice.com.vn/app/img/kits/arrow_arrow-down.png",
     "arrow_arrow-next" to "https://img.mservice.com.vn/app/img/kits/arrow_arrow-next.png",

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
+#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.89.30-nav.10",
+  "version": "0.89.30-nav.12",
   "private": false,
   "dependencies": {},
   "devDependencies": {},