@momo-kits/native-kits 0.160.1-beta.11-debug → 0.160.1-beta.13-debug

package/.claude/settings.local.json

@@ -0,0 +1,11 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(yarn react-native:*)",
+      "Read(//Users/phuc/.claude/skills/ai-skill-generator/**)",
+      "Bash(python3 scripts/install_skill.py --update)",
+      "Bash(cd /Users/phuc/momo-kits/.claude/skills/design-system-kits && mkdir -p .claude/skills/design-system-kits && mv SKILL.md README.md references .claude/skills/design-system-kits/)",
+      "Bash(mv .claude/skills/design-system-kits/* . && rmdir .claude/skills/design-system-kits && rmdir .claude/skills)"
+    ]
+  }
+}

package/compose/build.gradle.kts

@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.160.1-beta.11-debug"
+        version = "0.160.1-beta.13-debug"
         summary = "IOS Shared module"
         homepage = "https://momo.vn"
         ios.deploymentTarget = "15.0"

package/compose/src/androidMain/kotlin/vn/momo/kits/platform/Platform.android.kt

@@ -14,14 +14,13 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.NativePaint
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.platform.LocalConfiguration
-import androidx.compose.ui.semantics.contentDescription
-import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import com.airbnb.lottie.LottieProperty
 import com.airbnb.lottie.compose.LottieAnimation
 import com.airbnb.lottie.compose.LottieCompositionSpec
 import com.airbnb.lottie.compose.LottieConstants
+import com.airbnb.lottie.compose.animateLottieCompositionAsState
 import com.airbnb.lottie.compose.rememberLottieComposition
 import com.airbnb.lottie.compose.rememberLottieDynamicProperties
 import com.airbnb.lottie.compose.rememberLottieDynamicProperty
@@ -78,6 +77,7 @@ actual fun LottieAnimation(
     tintColor: Color?,
     bgColor: Color?,
     placedAsOverlay: Boolean,
+    isPlaying: Boolean,
     modifier: Modifier
 ) {
     val json = readJson(path)
@@ -91,6 +91,13 @@ actual fun LottieAnimation(
         LottieCompositionSpec.JsonString(json)
     )
 
+    val progress by animateLottieCompositionAsState(
+        composition = composition,
+        iterations = LottieConstants.IterateForever,
+        isPlaying = isPlaying,
+        restartOnPlay = false,
+    )
+
     val colorFilter = PorterDuffColorFilter(
         tintColor?.toArgb() ?: Color.White.toArgb(),
         PorterDuff.Mode.SRC_ATOP
@@ -106,7 +113,7 @@ actual fun LottieAnimation(
 
     LottieAnimation(
         composition = composition,
-        iterations = LottieConstants.IterateForever,
+        progress = { progress },
         dynamicProperties = if (tintColor != null) dynamicProperties else null,
         modifier = modifier
     )

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

@@ -97,6 +97,7 @@ fun Screen(
     inputSearchProps: InputSearchProps? = null,
     useAnimationSearch: Boolean = false,
     headerRightWidth: Dp = 0.dp,
+    usePlaceAsOverlay: Boolean = false,
     content: @Composable () -> Unit,
 ) {
     val statusBarHeight = getAppStatusBarHeight()
@@ -172,7 +173,7 @@ fun Screen(
                 Column(
                     modifier = Modifier.fillMaxSize()
                         .padding( top = when {
-                            animatedHeader != null -> 0.dp
+                            animatedHeader != null && !usePlaceAsOverlay -> 0.dp
                             headerType == HeaderType.NONE -> 0.dp
                             fullScreenContent -> 0.dp
                             else -> statusBarHeight + HEADER_HEIGHT.dp
@@ -196,10 +197,10 @@ fun Screen(
                         horizontalAlignment = horizontalAlignment
                     ) {
                         Box {
-                            if (animatedHeader !== null) headerAnimated()
+                            if (!usePlaceAsOverlay && animatedHeader !== null) headerAnimated()
                             Column {
                                 if (animatedHeader !== null) {
-                                    Spacer(modifier = Modifier.padding(top = statusBarHeight + HEADER_HEIGHT.dp + layoutOffset))
+                                    Spacer(modifier = Modifier.padding(top = if (usePlaceAsOverlay) layoutOffset else statusBarHeight + HEADER_HEIGHT.dp + layoutOffset))
                                 }
 
                                 if (useAnimationSearch && inputSearchProps != null && headerType == HeaderType.EXTENDED) {
@@ -217,6 +218,16 @@ fun Screen(
                 }
             }
 
+            if (animatedHeader !== null && usePlaceAsOverlay) {
+                Box(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .zIndex(1.5f)
+                ) {
+                    headerAnimated()
+                }
+            }
+
             Box(Modifier.zIndex(4f).align(Alignment.BottomCenter)) {
                 footer?.let {
                     Footer(
@@ -340,7 +351,7 @@ fun ScreenSnackBarHost(footerHeightPx: Int) {
     val navigationBar = AppNavigationBar.current
 
     val footerHeight = if (footerHeightPx > 0) {
-            footerHeightPx
+        footerHeightPx
     } else {
         with(density) {
             navigationBar.toPx()
@@ -395,9 +406,4 @@ fun ScreenSnackBarHost(footerHeightPx: Int) {
             is SnackBar.Toast -> {}
         }
     }
-}
-
-
-
-
-
+}

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt

@@ -234,10 +234,8 @@ fun ColumnScope.MainContent(content: @Composable ()-> Unit){
     val density = LocalDensity.current
     val scrollState = LocalScrollState.current
 
-    Spacer(Modifier.height(
-        if (options.headerType is HeaderType.DefaultOrExtended || (options.headerType is HeaderType.Transparent && !options.headerType.isFullScreenContent) || options.headerType is HeaderType.Animated)
-            AppStatusBar.current + HEADER_HEIGHT.dp else 0.dp)
-    )
+    Spacer(Modifier.height(if (options.headerType is HeaderType.Transparent || options.headerType is HeaderType.None) 0.dp else AppStatusBar.current + HEADER_HEIGHT.dp))
+
     if (inputSearchType == InputSearchType.Animated){
         val scrollDp = with(density) { scrollState.value.toDp() }
 
@@ -250,7 +248,7 @@ fun ColumnScope.MainContent(content: @Composable ()-> Unit){
     Column (Modifier
         .fillMaxWidth()
         .weight(1f)
-        .conditional(options.scrollData.scrollable && options.scrollData.scrollState !is LazyListState) {
+        .conditional(options.scrollData.scrollable && options.scrollData.scrollState is ScrollState) {
             verticalScroll(scrollState)
         }
     ) {

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

@@ -230,6 +230,8 @@ sealed class HeaderType {
 
     data object None : HeaderType()
 
+    data object Transparent : HeaderType()
+
     data class Animated(
         val aspectRatio: AnimatedHeaderRatio = AnimatedHeaderRatio.RATIO_16_9,
         val isSurface: Boolean = true,
@@ -237,9 +239,6 @@ sealed class HeaderType {
         val composable: @Composable (scrollState: Int) -> Unit = {}
     ) : HeaderType()
 
-    data class Transparent(
-        val isFullScreenContent: Boolean = false
-    ) : HeaderType()
 }
 
 data class HeaderBackProps(

package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt

@@ -50,6 +50,7 @@ expect fun LottieAnimation(
     tintColor: Color? = null,
     bgColor: Color? = null,
     placedAsOverlay: Boolean = false,
+    isPlaying: Boolean = true,
     modifier: Modifier = Modifier
 )
 

package/compose/src/iosMain/kotlin/vn/momo/kits/platform/Platform.ios.kt

@@ -19,20 +19,18 @@ import androidx.compose.ui.backhandler.LocalCompatNavigationEventDispatcherOwner
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.NativePaint
 import androidx.compose.ui.graphics.toArgb
-import androidx.compose.ui.semantics.SemanticsPropertyKey
-import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.viewinterop.UIKitInteropProperties
 import androidx.compose.ui.viewinterop.UIKitView
+import androidx.navigationevent.NavigationEventDispatcher
+import androidx.navigationevent.NavigationEventDispatcherOwner
 import cocoapods.lottie_ios.CompatibleAnimation
 import cocoapods.lottie_ios.CompatibleAnimationKeypath
 import cocoapods.lottie_ios.CompatibleAnimationView
 import kotlinx.cinterop.ExperimentalForeignApi
 import kotlinx.cinterop.get
 import kotlinx.cinterop.memScoped
-import androidx.navigationevent.NavigationEventDispatcher
-import androidx.navigationevent.NavigationEventDispatcherOwner
 import org.jetbrains.skia.FilterBlurMode
 import org.jetbrains.skia.MaskFilter
 import platform.Foundation.NSBundle
@@ -98,6 +96,7 @@ actual fun LottieAnimation(
     tintColor: Color?,
     bgColor: Color?,
     placedAsOverlay: Boolean,
+    isPlaying: Boolean,
     modifier: Modifier
 ) {
     var animation by remember { mutableStateOf<CompatibleAnimation?>(null) }
@@ -115,7 +114,10 @@ actual fun LottieAnimation(
             Box(modifier) {
                 UIKitView(
                     modifier = Modifier.fillMaxSize(),
-                    properties = UIKitInteropProperties(placedAsOverlay = placedAsOverlay),
+                    properties = UIKitInteropProperties(
+                        interactionMode = null,
+                        placedAsOverlay = placedAsOverlay,
+                    ),
                     factory = {
                         CompatibleAnimationView(value).apply {
                             translatesAutoresizingMaskIntoConstraints = true
@@ -136,7 +138,7 @@ actual fun LottieAnimation(
                                 setColorValue(uiColor, CompatibleAnimationKeypath("**.Stroke.Color"))
                             }
 
-                            play()
+                            if (isPlaying) play() else pause()
                         }
                     },
 
@@ -152,6 +154,8 @@ actual fun LottieAnimation(
                             view.setColorValue(uiColor, CompatibleAnimationKeypath("**.Stroke 1.Color"))
                             view.setColorValue(uiColor, CompatibleAnimationKeypath("**.Stroke.Color"))
                         }
+
+                        if (isPlaying) view.play() else view.pause()
                     }
                 )
             }

package/gradle.properties

@@ -18,7 +18,7 @@ kotlin.apple.xcodeCompatibility.nowarn=true
 name="ComposeKits"
 group=vn.momo.kits
 artifact.id=kits
-version=0.159.1-beta.16
+version=0.160.1-beta.13
 
 repo=GitLab
 url=https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven

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 Dec 22 10:07:29 ICT 2025
+sdk.dir=/Users/phuc/Library/Android/sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.160.1-beta.11-debug",
+  "version": "0.160.1-beta.13-debug",
   "private": false,
   "dependencies": {},
   "devDependencies": {},