@momo-kits/native-kits 0.167.1-beta.19-debug → 0.167.1-beta.20

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

@@ -1,151 +0,0 @@
-package vn.momo.kits.platform
-
-import android.annotation.SuppressLint
-import android.content.res.Resources
-import android.graphics.BlurMaskFilter
-import android.graphics.PorterDuff
-import android.graphics.PorterDuffColorFilter
-import android.os.Build
-import androidx.compose.foundation.layout.Box
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.rememberUpdatedState
-import androidx.compose.runtime.snapshotFlow
-import androidx.compose.ui.Modifier
-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.animateLottieCompositionAsState
-import com.airbnb.lottie.compose.rememberLottieComposition
-import com.airbnb.lottie.compose.rememberLottieDynamicProperties
-import com.airbnb.lottie.compose.rememberLottieDynamicProperty
-import vn.momo.kits.const.AppNavigationBar
-import vn.momo.kits.const.AppStatusBar
-import vn.momo.kits.navigation.Navigator
-import vn.momo.kits.utils.readJson
-import androidx.activity.compose.BackHandler as AndroidBackHandler
-
-actual fun getPlatformName(): String = "Android"
-
-@Composable
-actual fun getScreenDimensions(): ScreenDimension {
-    val config = LocalConfiguration.current
-    return ScreenDimension(
-        config.screenWidthDp, config.screenHeightDp
-    )
-}
-
-actual fun NativePaint.setMaskFilter(blurRadius: Float) {
-    this.maskFilter = BlurMaskFilter(blurRadius, BlurMaskFilter.Blur.NORMAL)
-}
-
-@SuppressLint("InternalInsetResource")
-@Composable
-actual fun getStatusBarHeight(): Dp {
-    val resourceId = Resources.getSystem().getIdentifier(
-        "status_bar_height",
-        "dimen",
-        "android"
-    )
-    return if(resourceId > 0) Resources.getSystem().getDimensionPixelSize(resourceId).dp else 0.dp
-}
-
-@Composable
-actual fun BackHandler(enabled: Boolean, onBack: () -> Unit) {
-    AndroidBackHandler(enabled = enabled, onBack = onBack)
-}
-
-@Composable
-actual fun ProvideNavigationEventDispatcherOwner(navigator: Navigator, content: @Composable () -> Unit) {
-    content()
-}
-
-@Composable
-actual fun getScreenHeight(): Dp {
-    return getScreenDimensions().height.dp + if (getOSVersion() >= 35) 0.dp else AppStatusBar.current + AppNavigationBar.current
-}
-
-actual fun getOSVersion(): OSVersion = OSVersion.Android(sdk = Build.VERSION.SDK_INT)
-
-@Composable
-actual fun LottieAnimation(
-    path: String,
-    tintColor: Color?,
-    bgColor: Color?,
-    placedAsOverlay: Boolean,
-    iterations: Int,
-    isPlaying: Boolean,
-    onEvent: ((String) -> Unit)?,
-    modifier: Modifier,
-    useCompose: Boolean
-) {
-    if (useCompose) {
-        ComposeLottieAnimation(path, tintColor, bgColor, iterations, isPlaying, onEvent, modifier)
-        return
-    }
-
-    val json = readJson(path)
-
-    if (json.isEmpty()) {
-        Box(modifier)
-        return
-    }
-
-    val composition by rememberLottieComposition(
-        LottieCompositionSpec.JsonString(json)
-    )
-
-    val colorFilter = PorterDuffColorFilter(
-        tintColor?.toArgb() ?: Color.White.toArgb(),
-        PorterDuff.Mode.SRC_ATOP
-    )
-
-    val dynamicProperties = rememberLottieDynamicProperties(
-        rememberLottieDynamicProperty(
-            property = LottieProperty.COLOR_FILTER,
-            value = colorFilter,
-            keyPath = arrayOf("**")
-        )
-    )
-
-    val lottieState = animateLottieCompositionAsState(
-        composition = composition,
-        iterations = iterations,
-        isPlaying = isPlaying,
-        restartOnPlay = false,
-    )
-
-    val currentOnEvent by rememberUpdatedState(onEvent)
-
-    LaunchedEffect(isPlaying) {
-        currentOnEvent?.invoke(if (isPlaying) LottieEvent.Start else LottieEvent.Pause)
-    }
-
-    LaunchedEffect(lottieState) {
-        var armed = false
-        snapshotFlow { lottieState.isAtEnd }.collect { atEnd ->
-            if (!atEnd) armed = true
-            else if (armed) { armed = false; currentOnEvent?.invoke(LottieEvent.Finish) }
-        }
-    }
-
-    LottieAnimation(
-        composition = composition,
-        progress = { lottieState.progress },
-        dynamicProperties = if (tintColor != null) dynamicProperties else null,
-        modifier = modifier
-    )
-}
-
-actual fun NativePaint.setColor(color: Color){
-    this.color = color.toArgb()
-}

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

@@ -1,52 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.zIndex
-import vn.momo.kits.components.InputSearch
-import vn.momo.kits.components.InputSearchProps
-import vn.momo.kits.const.Radius
-import vn.momo.kits.const.Spacing
-
-@Composable
-internal fun AnimationSearchInput(
-    animations: HeaderAnimations,
-    inputSearchProps: InputSearchProps
-) {
-    Box(
-        modifier = Modifier
-            .fillMaxWidth()
-            .offset(
-                x = animations.translateX.dp,
-                y = animations.translateY.dp
-            )
-    ) {
-        Box(
-            modifier = Modifier
-                .height(HEADER_HEIGHT.dp)
-                .padding(vertical = Spacing.S)
-                .zIndex(1f)
-        ) {
-            Box(
-                modifier = Modifier
-                    .width(animations.width.dp)
-                    .background(
-                        color = animations.backgroundSearch,
-                        shape = RoundedCornerShape(Radius.XL)
-                    )
-            ) {
-                InputSearch(
-                    inputSearchProps = inputSearchProps.copy(
-                        showButtonText = false,
-                        backgroundColor = Color.Transparent
-                    )
-                )
-            }
-        }
-    }
-}

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

@@ -1,124 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.setValue
-import androidx.compose.runtime.staticCompositionLocalOf
-import vn.momo.kits.components.TrustBannerData
-
-@Immutable
-data class FeatureFlags(
-    val showBaseLineDebug: Boolean? = false,
-)
-
-@Immutable
-data class DesignSystemConfig(
-    val trustBanner: TrustBannerData? = null,
-    val headerBar: String? = null,
-    val headerGradient: String? = null,
-)
-
-// App-wide holder seeded by the host (same pattern as KitFontScale), so direct NavigationContainer
-// callers get the config without passing it. Snapshot state: a config fetched after first frame recomposes.
-object KitDesignSystemConfig {
-    var config by mutableStateOf<DesignSystemConfig?>(null)
-        private set
-
-    fun update(config: DesignSystemConfig?) {
-        this.config = config
-    }
-}
-
-@Immutable
-data class MiniAppContext(
-    val appIcon: String = "",
-    val appName: Any? = null,
-    val appId: String = "",
-    val appCode: String = "",
-    val description: Any? = null,
-    val support: Map<String, Any?> = emptyMap(),
-    val toolkitConfig: Map<String, Any?> = emptyMap(),
-    val providerId: String = "",
-    val permissions: List<Map<String, Any>>? = emptyList(),
-    val features: FeatureFlags? = null,
-    val scaleSizeMaxRate: Float? = null,
-    val userScaleRate: Float? = null,
-    val useOSScaleRate: Boolean? = null,
-) {
-    companion object {
-
-        fun toMap(context: MiniAppContext?): Map<String, Any?> = mapOf(
-            "icon"          to (context?.appIcon ?: ""),
-            "name"          to context?.appName,
-            "appId"         to (context?.appId ?: ""),
-            "code"          to (context?.appCode ?: ""),
-            "description"   to (context?.description ?: ""),
-            "support"       to (context?.support ?: emptyMap()),
-            "toolkitConfig" to (context?.toolkitConfig ?: emptyMap()),
-            "providerId"    to (context?.providerId ?: ""),
-            "permissions"   to (context?.permissions ?: emptyList()),
-        )
-
-        fun merge(parent: MiniAppContext?, child: MiniAppContext?): MiniAppContext? {
-            if (parent == null && child == null) return null
-            if (parent == null) return child
-            if (child == null) return parent
-
-            return MiniAppContext(
-                appIcon = parent.appIcon.ifBlank { child.appIcon },
-                appName = parent.appName ?: child.appName,
-                appId = parent.appId.ifBlank { child.appId },
-                appCode = parent.appCode.ifBlank { child.appCode },
-                description = parent.description ?: child.description,
-                support = mergeMaps(parent.support, child.support),
-                toolkitConfig = mergeMaps(parent.toolkitConfig, child.toolkitConfig),
-                providerId = parent.providerId.ifBlank { child.providerId },
-                permissions = if (!parent.permissions.isNullOrEmpty()) parent.permissions else child.permissions,
-                features = mergeFeatureFlags(parent.features, child.features),
-                scaleSizeMaxRate = parent.scaleSizeMaxRate ?: child.scaleSizeMaxRate,
-                userScaleRate = parent.userScaleRate ?: child.userScaleRate,
-                useOSScaleRate = parent.useOSScaleRate ?: child.useOSScaleRate,
-            )
-        }
-
-        private fun mergeMaps(parent: Map<String, Any?>, child: Map<String, Any?>): Map<String, Any?> {
-            return child + parent
-        }
-
-        private fun mergeFeatureFlags(parent: FeatureFlags?, child: FeatureFlags?): FeatureFlags? {
-            if (parent == null && child == null) return null
-            if (parent == null) return child
-            if (child == null) return parent
-
-            return FeatureFlags(
-                showBaseLineDebug = parent.showBaseLineDebug ?: child.showBaseLineDebug
-            )
-        }
-    }
-}
-
-@Immutable
-data class ComponentInformation(
-    val componentName: String? = null,
-    val componentId: String? = null,
-    val params: Map<String,Any?>? = null,
-    val action: String? = null
-)
-
-var IsShowBaseLineDebug = false
-
-val LocalContext = staticCompositionLocalOf<MiniAppContext?> {
-    null
-}
-
-val LocalComponentInformation = staticCompositionLocalOf<ComponentInformation?> {
-    null
-}
-
-val LocalDesignSystemConfig = staticCompositionLocalOf<DesignSystemConfig?> {
-    null
-}
-
-@Deprecated("Max font scale is fixed at MAX_FONT_SCALE (1.5); this CompositionLocal is no longer read.")
-val ScaleSizeMaxRate = staticCompositionLocalOf<Float?> { null }

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

@@ -1,183 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.animation.*
-import androidx.compose.animation.core.CubicBezierEasing
-import androidx.compose.animation.core.animateDpAsState
-import androidx.compose.animation.core.tween
-import androidx.compose.foundation.ScrollState
-import androidx.compose.foundation.background
-import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.*
-import androidx.compose.material3.AlertDialogDefaults.shape
-import androidx.compose.material3.FloatingActionButton
-import androidx.compose.material3.FloatingActionButtonDefaults
-import androidx.compose.runtime.*
-import androidx.compose.runtime.saveable.rememberSaveable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.zIndex
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.collectLatest
-import kotlinx.coroutines.launch
-import vn.momo.kits.components.Icon
-import vn.momo.kits.components.Text
-import vn.momo.kits.const.Typography
-import kotlin.time.Duration.Companion.milliseconds
-
-enum class FABSize {
-    SMALL,
-    DEFAULT,
-}
-
-enum class FABPosition {
-    END,
-    CENTER,
-}
-
-data class FabProps(
-    val icon: String,
-    val iconColor: Color? = null,
-    val label: String? = null,
-    val onClick: () -> Unit,
-    val size: FABSize = FABSize.DEFAULT,
-    val bottom: Dp? = null,
-    val scrollState: ScrollState? = null,
-    val position: FABPosition? = FABPosition.END,
-)
-
-@Deprecated("Use vn.momo.kits.navigation.FloatingButton instead", ReplaceWith("vn.momo.kits.navigation.FloatingButton"))
-@Composable
-internal fun FloatingButton(
-    scrollPosition: Int,
-    bottom: Dp,
-    onClick: () -> Unit,
-    containerColor: Color,
-    contentColor: Color = containerColor,
-    icon: String,
-    iconColor: Color? = null,
-    text: String? = null,
-    elevation: androidx.compose.material3.FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(
-        4.dp,
-        4.dp,
-        4.dp,
-        4.dp
-    ),
-    size: FABSize = FABSize.DEFAULT,
-    position: FABPosition = FABPosition.END,
-    keyboardSize: Dp = 0.dp,
-) {
-    val scrollPositionStateFlow = remember { MutableStateFlow(scrollPosition) }
-    var lastScrollPosition by rememberSaveable { mutableStateOf(0) }
-    val coroutineScope = rememberCoroutineScope()
-    var isExpanded by rememberSaveable { mutableStateOf(false) }
-
-    val startPadding = if (isExpanded) 12.dp else 0.dp
-    val endPadding = if (isExpanded) 12.dp else 0.dp
-    val widthIn = if ((size === FABSize.SMALL)) 36.dp else 48.dp
-
-
-    val width = animateDpAsState(
-        targetValue = if (isExpanded && text != null) 80.dp else widthIn,
-        animationSpec = tween(
-            durationMillis = 200,
-            easing = CubicBezierEasing(0.2f, 0.2f, 0.2f, 0.2f),
-        )
-    )
-
-    LaunchedEffect(text) {
-        if (text != null) {
-            coroutineScope.launch {
-                scrollPositionStateFlow
-                    .collectLatest { debouncedScrollPosition ->
-                        isExpanded = debouncedScrollPosition > lastScrollPosition
-                        delay(300.milliseconds)
-                        lastScrollPosition = debouncedScrollPosition
-
-                    }
-            }
-        }
-    }
-
-    LaunchedEffect(scrollPosition) {
-        scrollPositionStateFlow.value = scrollPosition
-    }
-
-    Box(
-        Modifier
-            .fillMaxSize()
-            .padding(end = 12.dp, bottom = bottom)
-            .offset(y = -keyboardSize)
-            .background(Color.Transparent)
-            .zIndex(10f),
-        contentAlignment = if (position == FABPosition.END) Alignment.BottomEnd else Alignment.BottomCenter,
-    ) {
-        FloatingActionButton(
-            onClick = onClick,
-            shape = shape,
-            containerColor = containerColor,
-            contentColor = contentColor,
-            elevation = elevation,
-            interactionSource = remember { MutableInteractionSource() },
-            modifier = Modifier
-                .sizeIn(minWidth = width.value)
-                .height(widthIn)
-        ) {
-            Row(
-                modifier = Modifier.padding(start = startPadding, end = endPadding),
-                verticalAlignment = Alignment.CenterVertically,
-                horizontalArrangement = if (isExpanded) Arrangement.Start else Arrangement.Center
-            ) {
-                Icon(
-                    icon,
-                    size = if (size === FABSize.SMALL) 12.dp else 24.dp,
-                    color = iconColor ?: Color.White
-                )
-                AnimatedVisibility(
-                    visible = isExpanded,
-                    enter = ExtendedFabExpandAnimation,
-                    exit = ExtendedFabCollapseAnimation,
-                ) {
-                    Row {
-                        Spacer(Modifier.width(12.dp))
-                        Text(
-                            text ?: "",
-                            color = Color.White,
-                            style = Typography.actionDefaultBold
-                        )
-                    }
-                }
-            }
-        }
-    }
-}
-
-private val ExtendedFabCollapseAnimation = fadeOut(
-    animationSpec = tween(
-        durationMillis = 800,
-        easing = CubicBezierEasing(0.0f, 0.0f, 1.0f, 1.0f),
-    )
-) + shrinkHorizontally(
-    animationSpec = tween(
-        durationMillis = 500,
-        easing = CubicBezierEasing(0.2f, 0.0f, 0.0f, 1.0f),
-    ),
-    shrinkTowards = Alignment.Start,
-)
-
-private val ExtendedFabExpandAnimation = fadeIn(
-    animationSpec = tween(
-        durationMillis = 200,
-        delayMillis = 100,
-        easing = CubicBezierEasing(0.0f, 0.0f, 1.0f, 1.0f),
-    ),
-) + expandHorizontally(
-    animationSpec = tween(
-        durationMillis = 500,
-        easing = CubicBezierEasing(0.2f, 0.0f, 0.0f, 1.0f),
-    ),
-    expandFrom = Alignment.Start,
-)