@momo-kits/native-kits 0.162.1-debug → 0.162.1-nativeimage.2-debug

package/compose/build.gradle.kts

@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.161.0-debug"
+        version = "0.162.1-nativeimage.2-debug"
         summary = "IOS Shared module"
         homepage = "https://momo.vn"
         ios.deploymentTarget = "15.0"
@@ -55,6 +55,10 @@ kotlin {
             version = "4.4.3"
             extraOpts += listOf("-compiler-option", "-fmodules")
         }
+
+        pod("SDWebImage") {
+            version = "~> 5.14.3"
+        }
     }
 
     sourceSets {
@@ -78,6 +82,7 @@ kotlin {
         androidMain.dependencies {
             implementation(libs.ktor.client.okhttp)
             implementation(libs.airbnb.lottie)
+            implementation(libs.coil.gif)
         }
         iosMain.dependencies {
             implementation(libs.ktor.client.darwin)
@@ -112,7 +117,7 @@ repositories {
     maven { url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") }
     maven {
         url = uri("https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven")
-        credentials {username = "download_packages"; password = "gldt-bjDqLpU_sPcHDuXau2ws" }
+        credentials { username = "download_packages"; password = "gldt-bjDqLpU_sPcHDuXau2ws" }
     }
     maven {
         url = uri("https://artifacts.mservice.com.vn/repository/maven-momo-app/")

package/compose/build.gradle.kts.backup

@@ -1,5 +1,5 @@
-// import com.vanniktech.maven.publish.JavadocJar
-// import com.vanniktech.maven.publish.KotlinMultiplatform
+import com.vanniktech.maven.publish.JavadocJar
+import com.vanniktech.maven.publish.KotlinMultiplatform
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
 plugins {
@@ -7,7 +7,7 @@ plugins {
     alias(libs.plugins.android.library)
     alias(libs.plugins.compose)
     alias(libs.plugins.kotlin.compose.compiler)
-//         alias(libs.plugins.vanniktech.mavenPublish)
+    alias(libs.plugins.vanniktech.mavenPublish)
     id(libs.plugins.jetbrains.kotlin.cocoapods.get().pluginId)
     kotlin("plugin.serialization")
 }
@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.161.0-debug"
+        version = gitlabVersion
         summary = "IOS Shared module"
         homepage = "https://momo.vn"
         ios.deploymentTarget = "15.0"
@@ -55,6 +55,10 @@ kotlin {
             version = "4.4.3"
             extraOpts += listOf("-compiler-option", "-fmodules")
         }
+
+        pod("SDWebImage") {
+            version = "~> 5.14.3"
+        }
     }
 
     sourceSets {
@@ -78,6 +82,7 @@ kotlin {
         androidMain.dependencies {
             implementation(libs.ktor.client.okhttp)
             implementation(libs.airbnb.lottie)
+            implementation(libs.coil.gif)
         }
         iosMain.dependencies {
             implementation(libs.ktor.client.darwin)
@@ -86,14 +91,14 @@ kotlin {
 }
 
 android {
-    namespace = "vn.momo.kits.kits"
-    compileSdk = 35
+    namespace = "$gitlabGroup.$gitlabArtifactId"
+    compileSdk = libs.versions.android.compileSdk.get().toInt()
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_17
         targetCompatibility = JavaVersion.VERSION_17
     }
     defaultConfig {
-        minSdk = 24
+        minSdk = libs.versions.android.minSdk.get().toInt()
     }
 }
 
@@ -112,7 +117,7 @@ repositories {
     maven { url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") }
     maven {
         url = uri("https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven")
-        credentials {username = "download_packages"; password = "gldt-bjDqLpU_sPcHDuXau2ws" }
+        credentials { username = "download_packages"; password = "gldt-bjDqLpU_sPcHDuXau2ws" }
     }
     maven {
         url = uri("https://artifacts.mservice.com.vn/repository/maven-momo-app/")
@@ -132,55 +137,55 @@ compose {
     }
 }
 
-// publishing {
-//     repositories {
-//         maven {
-//             name = "${gitlabRepo}Packages"
-//             credentials {
-//                 username = gitlabUser
-//                 password = gitlabKey
-//             }
-//             url = uri("$gitlabUrl")
-//         }
-//     }
-// }
-
-// mavenPublishing {
-//     configure(
-//         KotlinMultiplatform(
-//             javadocJar = JavadocJar.Empty(),
-//             sourcesJar = true,
-//             androidVariantsToPublish = listOf("release")
-//         )
-//     )
-// 
-//     repositories {
-//         maven {
-//             name = "${gitlabRepo}Packages"
-//             credentials { username = gitlabUser; password = gitlabKey }
-//             url = uri("$gitlabUrl")
-//         }
-//     }
-// 
-//     coordinates(gitlabGroup.toString(), gitlabArtifactId, gitlabVersion.toString())
-// 
-//     pom {
-//         name = "$gitlabName Klib"
-//         description = "$gitlabName"
-//         url = "https://gitlab.mservice.com.vn"
-//         licenses {
-//             license {
-//                 name = "The Apache License, Version 2.0"
-//                 url = "https://www.apache.org/licenses/LICENSE-2.0.txt"
-//                 distribution = "https://www.apache.org/licenses/LICENSE-2.0.txt"
-//             }
-//         }
-//         developers {
-//             developer {
-//                 id = "kotlin-hands-on"
-//                 name = "Kotlin Developer Advocate"
-//                 url = "https://github.com/kotlin-hands-on/"
-//             }
-//         }
-//     }
-// }
+publishing {
+    repositories {
+        maven {
+            name = "${gitlabRepo}Packages"
+            credentials {
+                username = gitlabUser
+                password = gitlabKey
+            }
+            url = uri("$gitlabUrl")
+        }
+    }
+}
+
+mavenPublishing {
+    configure(
+        KotlinMultiplatform(
+            javadocJar = JavadocJar.Empty(),
+            sourcesJar = true,
+            androidVariantsToPublish = listOf("release")
+        )
+    )
+
+    repositories {
+        maven {
+            name = "${gitlabRepo}Packages"
+            credentials { username = gitlabUser; password = gitlabKey }
+            url = uri("$gitlabUrl")
+        }
+    }
+
+    coordinates(gitlabGroup.toString(), gitlabArtifactId, gitlabVersion.toString())
+
+    pom {
+        name = "$gitlabName Klib"
+        description = "$gitlabName"
+        url = "https://gitlab.mservice.com.vn"
+        licenses {
+            license {
+                name = "The Apache License, Version 2.0"
+                url = "https://www.apache.org/licenses/LICENSE-2.0.txt"
+                distribution = "https://www.apache.org/licenses/LICENSE-2.0.txt"
+            }
+        }
+        developers {
+            developer {
+                id = "kotlin-hands-on"
+                name = "Kotlin Developer Advocate"
+                url = "https://github.com/kotlin-hands-on/"
+            }
+        }
+    }
+}

package/compose/src/androidMain/kotlin/vn/momo/kits/components/NativeImage.android.kt

@@ -0,0 +1,71 @@
+package vn.momo.kits.components
+
+import android.os.Build.VERSION.SDK_INT
+import androidx.compose.foundation.layout.BoxScope
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import coil3.SingletonImageLoader
+import coil3.compose.AsyncImage
+import coil3.gif.AnimatedImageDecoder
+import coil3.gif.GifDecoder
+import vn.momo.kits.const.AppTheme
+
+
+@Composable
+actual fun BoxScope.NativeImageWrapper(
+    urlToLoad: Any,
+    modifier: Modifier,
+    options: Options?,
+    loading: Boolean
+) {
+    val imageOptions = remember(options) {
+        options ?: Options()
+    }
+    var imageState by remember { mutableStateOf(ImageState.Loading) }
+    val context = LocalContext.current
+    val gifEnabledLoader = remember(context) {
+        if (isGifImage(urlToLoad)) {
+            SingletonImageLoader.get(context).newBuilder()
+                .components {
+                    if (SDK_INT >= 28) {
+                        add(AnimatedImageDecoder.Factory())
+                    } else {
+                        add(GifDecoder.Factory())
+                    }
+                }
+                .build()
+        } else {
+            SingletonImageLoader.get(context)
+        }
+    }
+    AsyncImage(
+        modifier = Modifier.matchParentSize(),
+        model = urlToLoad,
+        imageLoader = gifEnabledLoader,
+        contentDescription = null,
+        contentScale = imageOptions.contentScale,
+        alignment = imageOptions.alignment,
+        colorFilter = imageOptions.effectiveColorFilter,
+        alpha = imageOptions.alpha,
+        onLoading = { imageState = ImageState.Loading },
+        onSuccess = { imageState = ImageState.Success },
+        onError = { imageState = ImageState.Error },
+    )
+
+    when (imageState) {
+        ImageState.Loading -> if (loading) Skeleton(cornerRadius = options?.skeletonCornerRadius ?: 0.dp)
+        ImageState.Error -> {
+            val theme = AppTheme.current
+            Icon(
+                source = "media_fail",
+                color = theme.colors.text.disable,
+                modifier = Modifier.align(Alignment.Center)
+            )
+        }
+
+        ImageState.Success -> {}
+    }
+}

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

@@ -2,20 +2,18 @@ package vn.momo.kits.components
 
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.BoxWithConstraints
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.graphics.DefaultAlpha
 import androidx.compose.ui.graphics.painter.Painter
 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.platform.LocalDensity
+import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import coil3.compose.AsyncImage
 import vn.momo.kits.application.IsShowBaseLineDebug
@@ -28,7 +26,13 @@ data class Options(
     val contentScale: ContentScale = ContentScale.Crop,
     val colorFilter: ColorFilter? = null,
     val alpha: Float = DefaultAlpha,
-)
+    val skeletonCornerRadius: Dp = 0.dp,
+    val tint: Color? = null,
+) {
+
+    val effectiveColorFilter: ColorFilter?
+        get() = tint?.let { ColorFilter.tint(it) } ?: colorFilter
+}
 
 enum class ImageState {
     Loading, Success, Error
@@ -131,7 +135,7 @@ fun Image(
             contentDescription = null,
             contentScale = imageOptions.contentScale,
             alignment = imageOptions.alignment,
-            colorFilter = imageOptions.colorFilter,
+            colorFilter = imageOptions.effectiveColorFilter,
             alpha = imageOptions.alpha,
             onLoading = { imageState = ImageState.Loading },
             onSuccess = { imageState = ImageState.Success },
@@ -154,7 +158,7 @@ fun Image(
 }
 
 // Extracted URL processing logic for better performance
-private fun processImageUrl(url: String, maxWidth: androidx.compose.ui.unit.Dp, density: androidx.compose.ui.unit.Density): String {
+internal fun processImageUrl(url: String, maxWidth: androidx.compose.ui.unit.Dp, density: androidx.compose.ui.unit.Density): String {
     val host = getHostFromUrl(url)
     return if (host != null && supportedDomains.contains(host)) {
         val widthPx = with(density) { maxWidth.roundToPx() }

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

@@ -0,0 +1,74 @@
+package vn.momo.kits.components
+
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.BoxScope
+import androidx.compose.foundation.layout.BoxWithConstraints
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.unit.dp
+import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.const.Colors
+import vn.momo.kits.modifier.conditional
+
+
+fun isGifImage(source: Any): Boolean {
+    if (source is String) {
+        return source.contains(".gif") ||
+                source.contains(".webp") ||
+                source.contains(".apng") ||
+                source.contains(".avif")
+    }
+    return false
+}
+
+private val urlCache = mutableMapOf<String, String>()
+
+@Composable
+fun NativeImage(
+    source: Any,
+    modifier: Modifier = Modifier,
+    options: Options? = null,
+    loading: Boolean = true
+) {
+    BoxWithConstraints(
+        modifier = modifier
+            .conditional(IsShowBaseLineDebug) {
+                border(1.dp, Colors.blue_03)
+            }
+            .semantics { contentDescription = "img|$source" },
+    ) {
+        val density = LocalDensity.current
+        val urlToLoad = remember(source, maxWidth, maxHeight, density) {
+            when (source) {
+                is String -> {
+                    // Check cache first
+                    val cacheKey = "$source|${maxWidth}|${density.density}"
+                    urlCache[cacheKey] ?: run {
+                        val processedUrl = processImageUrl(source, maxWidth, density)
+                        urlCache[cacheKey] = processedUrl
+                        processedUrl
+                    }
+                }
+
+                else -> source
+            }
+        }
+
+        NativeImageWrapper(urlToLoad, modifier, options, loading)
+
+    }
+}
+
+
+@Composable
+expect fun BoxScope.NativeImageWrapper(
+    urlToLoad: Any,
+    modifier: Modifier = Modifier,
+    options: Options? = null,
+    loading: Boolean = true,
+)

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

@@ -11,12 +11,15 @@ import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.drawBehind
 import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.Colors
@@ -34,7 +37,7 @@ private const val SHADOW_BRUSH_PERCENTAGE = 0.6f
 private const val DEFAULT_DURATION_MILLIS = 1000
 
 @Composable
-fun Skeleton() {
+fun Skeleton(cornerRadius: Dp = 0.dp) {
     BoxWithConstraints(modifier = Modifier.fillMaxSize()) {
         // Memoize width calculation
         val maxWidthValue = remember(maxWidth) { maxWidth.value.toInt() }
@@ -42,6 +45,7 @@ fun Skeleton() {
         Box(
             modifier = Modifier
                 .fillMaxSize()
+                .clip(RoundedCornerShape(cornerRadius))
                 .background(Colors.black_05)
                 .conditional(IsShowBaseLineDebug) {
                     border(1.dp, Colors.blue_03)

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

@@ -13,6 +13,7 @@ import vn.momo.kits.navigation.component.HeaderBackProps
 import vn.momo.kits.navigation.component.HeaderRight
 import vn.momo.kits.navigation.component.HeaderTitle
 import vn.momo.kits.navigation.component.HeaderType
+import vn.momo.kits.navigation.component.TitlePosition
 
 class Navigation(
     val id: Int = -1,
@@ -28,6 +29,7 @@ class Navigation(
         hiddenBack: Boolean? = null,
         headerBackProps: HeaderBackProps? = null,
         headerTitle: HeaderTitle? = null,
+        titlePosition: TitlePosition? = null,
         headerRight: HeaderRight? = null,
         headerType: HeaderType? = null,
         scrollData: ScrollData? = null,
@@ -43,6 +45,7 @@ class Navigation(
                 hiddenBack = hiddenBack ?: options.hiddenBack,
                 headerBackProps = headerBackProps ?: options.headerBackProps,
                 headerTitle = headerTitle ?: options.headerTitle,
+                titlePosition = titlePosition ?: options.titlePosition,
                 headerRight = headerRight ?: options.headerRight,
                 headerType = headerType ?: options.headerType,
                 scrollData = scrollData ?: options.scrollData,
@@ -77,6 +80,7 @@ data class NavigationOptions(
     val hiddenBack: Boolean = false,
     val headerBackProps: HeaderBackProps = HeaderBackProps(),
     val headerTitle: HeaderTitle = HeaderTitle.Default("Stack"),
+    val titlePosition: TitlePosition = TitlePosition.LEFT,
     val headerRight: HeaderRight = HeaderRight.Toolkit(),
     val headerType: HeaderType = HeaderType.Default(),
     val scrollData: ScrollData = ScrollData(),

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

@@ -376,7 +376,7 @@ fun SearchAnimated(
     val minTopPadding = AppStatusBar.current
     val maxTopPadding = AppStatusBar.current + HEADER_HEIGHT.dp
     val minStartPadding = Spacing.M
-    val maxStartPadding = if (options.hiddenBack) Spacing.M else 52.dp
+    val maxStartPadding = if (options.hiddenBack) Spacing.M else 48.dp // button back: size + left +right = 28 + 12 + 8 = 48
     val minEndPadding = Spacing.M
     val maxEndPadding = headerRightWidthDp + if (options.headerRight is HeaderRight.None) Spacing.M else Spacing.M * 2
 

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

@@ -6,7 +6,6 @@ import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
@@ -23,6 +22,7 @@ import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.components.Icon
@@ -44,6 +44,7 @@ import vn.momo.kits.navigation.getInputSearchType
 
 const val HEADER_HEIGHT = 52
 enum class InputSearchType { None, Header, Animated }
+enum class TitlePosition { LEFT, CENTER }
 
 @Composable
 fun Header(onBackHandler: (() -> Unit)? = null) {
@@ -76,6 +77,13 @@ fun Header(onBackHandler: (() -> Unit)? = null) {
         AppTheme.current.colors.background.surface
 
     if (options.headerType == HeaderType.None) return
+
+    val titlePosition = options.titlePosition
+    val titleColor = headerColor.tintIconColor
+        .copy(alpha = if (inputSearchType == InputSearchType.Animated) 1f - animatedAlpha else 1f)
+    // Centered title needs a full-width overlay to stay screen-centered, not boxed between back button and header right.
+    val centerTitle = titlePosition == TitlePosition.CENTER && options.headerTitle is HeaderTitle.Default
+
     Box(
         Modifier.height(AppStatusBar.current + HEADER_HEIGHT.dp)
             .fillMaxWidth()
@@ -101,20 +109,40 @@ fun Header(onBackHandler: (() -> Unit)? = null) {
                         onBackHandler?.invoke() ?: navigator.onBackSafe {  }
                     }
                 )
-                Spacer(Modifier.width(Spacing.M))
+                Spacer(Modifier.width(Spacing.S))
             }
 
-            HeaderContent(
-                options.headerTitle,
-                headerColor.tintIconColor
-                    .copy(alpha = if (inputSearchType == InputSearchType.Animated) 1f - animatedAlpha else 1f)
-            )
+            if (centerTitle) {
+                Spacer(Modifier.weight(1f))
+            } else {
+                HeaderContent(
+                    headerTitle = options.headerTitle,
+                    tintIconColor = titleColor,
+                    titlePosition = titlePosition,
+                    modifier = Modifier.weight(1f)
+                )
+            }
             Box(Modifier.onGloballyPositioned {
                 if(headerRightWidthPx.intValue != it.size.width) headerRightWidthPx.intValue = it.size.width
             }){
                 HeaderRight(options.headerRight, options.tintColor, headerColor)
             }
         }
+        if (centerTitle) {
+            Box(
+                modifier = Modifier.height(HEADER_HEIGHT.dp)
+                    .fillMaxWidth()
+                    .padding(horizontal = Spacing.M),
+                contentAlignment = Alignment.Center
+            ) {
+                HeaderContent(
+                    headerTitle = options.headerTitle,
+                    tintIconColor = titleColor,
+                    titlePosition = titlePosition,
+                    modifier = Modifier.fillMaxWidth()
+                )
+            }
+        }
         VerticalShadow(opacity)
     }
 }
@@ -140,15 +168,23 @@ private fun BackButton(borderColor: Color, backgroundButton: Color, tintIconColo
 }
 
 @Composable
-fun RowScope.HeaderContent(headerTitle: HeaderTitle, tintIconColor: Color){
+fun HeaderContent(
+    headerTitle: HeaderTitle,
+    tintIconColor: Color,
+    titlePosition: TitlePosition = TitlePosition.LEFT,
+    modifier: Modifier = Modifier,
+){
     Box(
-        Modifier.weight(1f)
+        modifier = modifier,
+        contentAlignment = if (titlePosition == TitlePosition.CENTER) Alignment.Center else Alignment.CenterStart
     ) {
         when (headerTitle){
             is HeaderTitle.Default -> {
                 HeaderTitle(
                     title = headerTitle.title,
-                    color = tintIconColor
+                    color = tintIconColor,
+                    modifier = Modifier.fillMaxWidth(fraction = if (titlePosition == TitlePosition.CENTER) 0.5f else 1f),
+                    textAlign = if (titlePosition == TitlePosition.CENTER) TextAlign.Center else TextAlign.Start
                 )
             }
             is HeaderTitle.Journey -> {}

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

@@ -16,11 +16,13 @@ import vn.momo.kits.modifier.setAutomationId
 fun HeaderTitle(
     title: String = "",
     color: Color? = null,
+    modifier: Modifier = Modifier.fillMaxWidth(),
+    textAlign: TextAlign = TextAlign.Start,
 ) {
     Text(
-        modifier = Modifier.fillMaxWidth().zIndex(1f).setAutomationId("title_navigation_header"),
+        modifier = modifier.zIndex(1f).setAutomationId("title_navigation_header"),
         text = title,
-        textAlign = TextAlign.Start,
+        textAlign = textAlign,
         style = Typography.actionSBold.copy(
             fontSize = 15.sp,
             lineHeight = 22.sp,

package/compose/src/iosMain/kotlin/vn/momo/kits/components/NativeImage.ios.kt

@@ -0,0 +1,153 @@
+package vn.momo.kits.components
+
+import androidx.compose.foundation.layout.BoxScope
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.UIKitInteropProperties
+import androidx.compose.ui.viewinterop.UIKitView
+import cocoapods.SDWebImage.*
+
+import kotlinx.cinterop.ExperimentalForeignApi
+import platform.Foundation.NSURL
+import platform.UIKit.UIImageView
+import platform.UIKit.UIViewContentMode
+import vn.momo.kits.const.AppTheme
+import vn.momo.kits.platform.toUIColor
+
+
+@OptIn(ExperimentalForeignApi::class)
+private val sdImageOptions = SDWebImageRetryFailed or
+        SDWebImageContinueInBackground or
+        SDWebImageScaleDownLargeImages or
+        SDWebImageHighPriority
+
+@OptIn(ExperimentalForeignApi::class)
+@Composable
+actual fun BoxScope.NativeImageWrapper(
+    urlToLoad: Any,
+    modifier: Modifier,
+    options: Options?,
+    loading: Boolean
+) {
+    val imageOptions = remember(options) {
+        options ?: Options()
+    }
+
+    var imageState by remember { mutableStateOf(ImageState.Loading) }
+    (urlToLoad as? String)?.let { urlString ->
+        val contentModeValue = remember(imageOptions.contentScale) {
+            imageOptions.contentScale.toUIViewContentMode()
+        }
+        key(urlString) {
+            val isGif = isGifImage(urlString)
+            val imageView: UIImageView = remember {
+                if (isGif) {
+                    SDAnimatedImageView().apply {
+                        shouldCustomLoopCount = false
+                        shouldIncrementalLoad = true
+                        // Free decoded frame buffers as soon as animation stops,
+                        // important when many GIFs churn through a list.
+                        clearBufferWhenStopped = true
+                    }
+                } else {
+                    UIImageView()
+                }
+            }
+
+
+            val loadImage: (Color?) -> Unit = { tint ->
+                imageState = ImageState.Loading
+                val context = tint?.let {
+                    mapOf<Any?, Any?>(
+                        SDWebImageContextImageTransformer to
+                                SDImageTintTransformer.transformerWithColor(it.toUIColor()),
+                    )
+                }
+                imageView.sd_setImageWithURL(
+                    NSURL.URLWithString(urlString),
+                    placeholderImage = null,
+                    options = sdImageOptions,
+                    context = context,
+                    progress = null,
+                    completed = { image, error, _, _ ->
+                        imageState = if (image != null && error == null) {
+                            ImageState.Success
+                        } else {
+                            ImageState.Error
+                        }
+                    },
+                )
+            }
+
+
+            val appliedTint = remember { mutableStateOf(imageOptions.tint) }
+
+
+            DisposableEffect(Unit) {
+                onDispose {
+                    // Cancel the download and release the decoded image / frame
+                    // buffers now, rather than waiting for the view to deallocate.
+                    imageView.sd_cancelCurrentImageLoad()
+                    imageView.stopAnimating()
+                    imageView.image = null
+                }
+            }
+
+            LaunchedEffect(Unit) {
+                appliedTint.value = imageOptions.tint
+                loadImage(imageOptions.tint)
+            }
+            UIKitView(
+                modifier = Modifier.matchParentSize(),
+                properties = UIKitInteropProperties(
+                    interactionMode = null
+                ),
+                factory = {
+                    imageView.apply {
+                        this.contentMode = contentModeValue
+                        setAlpha(imageOptions.alpha.toDouble())
+                        translatesAutoresizingMaskIntoConstraints = true
+                        sd_imageTransition = SDWebImageTransition.fadeTransitionWithDuration(0.3)
+                    }
+                },
+                update = { view ->
+                    view.contentMode = contentModeValue
+                    view.setAlpha(imageOptions.alpha.toDouble())
+
+                    if (appliedTint.value != imageOptions.tint) {
+                        appliedTint.value = imageOptions.tint
+                        loadImage(imageOptions.tint)
+                    }
+                },
+            )
+        }
+    }
+    when (imageState) {
+        ImageState.Loading -> if (loading) Skeleton(cornerRadius = options?.skeletonCornerRadius ?: 0.dp)
+        ImageState.Error -> {
+            val theme = AppTheme.current
+            Icon(
+                source = "media_fail",
+                color = theme.colors.text.disable,
+                modifier = Modifier.align(Alignment.Center)
+            )
+        }
+
+        ImageState.Success -> {}
+    }
+
+}
+
+private fun ContentScale.toUIViewContentMode(): UIViewContentMode = when (this) {
+    ContentScale.Crop, ContentScale.FillWidth, ContentScale.FillHeight ->
+        UIViewContentMode.UIViewContentModeScaleAspectFill
+
+    ContentScale.Fit, ContentScale.Inside -> UIViewContentMode.UIViewContentModeScaleAspectFit
+    ContentScale.FillBounds -> UIViewContentMode.UIViewContentModeScaleToFill
+    ContentScale.None -> UIViewContentMode.UIViewContentModeCenter
+    else -> UIViewContentMode.UIViewContentModeScaleAspectFill
+}

package/example/ios/{Example.xcodeproj/xcuserdata/huynhdung.xcuserdatad → Example.xcworkspace/xcuserdata/thanhle.xcuserdatad}/xcschemes/xcschememanagement.plist

@@ -1,14 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>SchemeUserState</key>
-	<dict>
-		<key>Example.xcscheme_^#shared#^_</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-	</dict>
-</dict>
+<dict />
 </plist>

package/gradle/libs.versions.toml

@@ -21,6 +21,7 @@ maxapi = "0.1.1"
 vanniktechMavenPublish = "0.34.0"
 kits = "0.159.1-beta.7"
 nativemaxapi = "0.0.6"
+coilGif = "2.6.0"
 
 [libraries]
 ktor-client-core = { group = "io.ktor", name = "ktor-client-core", version.ref = "ktor-version" }
@@ -37,6 +38,7 @@ navigation-multiplatform = { module = "org.jetbrains.androidx.navigation:navigat
 coil-multiplatform-core = { module = "io.coil-kt.coil3:coil-core", version.ref = "coil3-multiplatform" }
 coil-multiplatform-compose = { module = "io.coil-kt.coil3:coil-compose", version.ref = "coil3-multiplatform" }
 coil-multiplatform-network-ktor = { module = "io.coil-kt.coil3:coil-network-ktor3", version.ref = "coil3-multiplatform" }
+coil-gif = { module = "io.coil-kt.coil3:coil-gif", version.ref = "coil3-multiplatform" }
 r8 = { module = "com.android.tools:r8", version.ref = "r8" }
 airbnb-lottie = { group = "com.airbnb.android", name = "lottie-compose", version.ref = "airbnb-lottie" }
 # AI-GENERATED START

package/gradle.properties

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

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 Jun 17 09:25:26 ICT 2025
+sdk.dir=/Users/thanhle/Library/Android/sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.162.1-debug",
+  "version": "0.162.1-nativeimage.2-debug",
   "private": false,
   "dependencies": {},
   "devDependencies": {},

package/publish.sh

@@ -456,7 +456,7 @@ case "$PHASE" in
         ;;
     "maven")
         echo "Running PHASE 2 only: Publish to Maven"
-#        phase_publish_maven
+        phase_publish_maven
         ;;
     "npm")
         echo "Running PHASE 3 only: Publish to NPM"
@@ -465,7 +465,7 @@ case "$PHASE" in
     "all")
         echo "Running ALL PHASES"
         phase_check_version
-#        phase_publish_maven
+        phase_publish_maven
         phase_publish_npm
         echo ""
         echo "🎉 ALL PHASES COMPLETED SUCCESSFULLY!"

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/MoMoUIKits.xcscheme

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1600"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3B6FB503A75BF5BC1FA6F30BC06B9D28"
-               BuildableName = "MoMoUIKits.framework"
-               BlueprintName = "MoMoUIKits"
-               ReferencedContainer = "container:Pods.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/Pods-Example.xcscheme

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1600"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "0AEE99A309977BD12A049FF48AF9BA4B"
-               BuildableName = "Pods_Example.framework"
-               BlueprintName = "Pods-Example"
-               ReferencedContainer = "container:Pods.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/SDWebImage.xcscheme

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1600"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3847153A6E5EEFB86565BA840768F429"
-               BuildableName = "SDWebImage.framework"
-               BlueprintName = "SDWebImage"
-               ReferencedContainer = "container:Pods.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/SDWebImageSwiftUI.xcscheme

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1600"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "92EBFA3E7005B4C18A9C0B44324EB80F"
-               BuildableName = "SDWebImageSwiftUI.framework"
-               BlueprintName = "SDWebImageSwiftUI"
-               ReferencedContainer = "container:Pods.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/SkeletonUI.xcscheme

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1600"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "6510766A9670BFA3B251E2A62446FC5D"
-               BuildableName = "SkeletonUI.framework"
-               BlueprintName = "SkeletonUI"
-               ReferencedContainer = "container:Pods.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

package/example/ios/Pods/Pods.xcodeproj/xcuserdata/huynhdung.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>SchemeUserState</key>
-	<dict>
-		<key>MoMoUIKits.xcscheme</key>
-		<dict>
-			<key>isShown</key>
-			<false />
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-		<key>Pods-Example.xcscheme</key>
-		<dict>
-			<key>isShown</key>
-			<false />
-			<key>orderHint</key>
-			<integer>1</integer>
-		</dict>
-		<key>SDWebImage.xcscheme</key>
-		<dict>
-			<key>isShown</key>
-			<false />
-			<key>orderHint</key>
-			<integer>2</integer>
-		</dict>
-		<key>SDWebImageSwiftUI.xcscheme</key>
-		<dict>
-			<key>isShown</key>
-			<false />
-			<key>orderHint</key>
-			<integer>3</integer>
-		</dict>
-		<key>SkeletonUI.xcscheme</key>
-		<dict>
-			<key>isShown</key>
-			<false />
-			<key>orderHint</key>
-			<integer>4</integer>
-		</dict>
-	</dict>
-	<key>SuppressBuildableAutocreation</key>
-	<dict />
-</dict>
-</plist>