@momo-kits/native-kits 0.164.1-beta.17-debug → 0.164.1-beta.18

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

@@ -1,175 +0,0 @@
-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
-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.width
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.layout.ContentScale
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.application.LocalLocalize
-import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Typography
-import vn.momo.kits.modifier.conditional
-import vn.momo.kits.modifier.noFeedbackClickable
-
-val defaultBanner = TrustBannerData(
-    content = mapOf(
-        "vi" to "An toàn tài sản & Bảo mật thông tin của bạn là ưu tiên hàng đầu của MoMo.",
-        "en" to "Ensuring financial security and data privacy is MoMo's highest priority."
-    ),
-    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(
-        "https://static.momocdn.net/app/img/kits/trustBanner/ic_viettinbank.png",
-        "https://static.momocdn.net/app/img/kits/trustBanner/ic_agribank.png",
-        "https://static.momocdn.net/app/img/kits/trustBanner/ic_vietcombank.png",
-        "https://static.momocdn.net/app/img/kits/trustBanner/ic_bidv.png"
-    ),
-    momoImage = "https://static.momocdn.net/app/img/kits/trustBanner/ic_secu.png"
-)
-
-const val backgroundBlue = 0xFFF2F8FF
-const val contentColor = 0xFF484848
-const val subContentColor = 0xFFEB2F96
-
-data class TrustBannerData(
-    val content: Map<String, String> = mapOf("vi" to "", "en" to ""),
-    val subContent: Map<String, String> = mapOf("vi" to "", "en" to ""),
-    val pciImage: String? = null,
-    val momoImage: String? = null,
-    val sslImage: String? = null,
-    val icons: List<String>? = null,
-    val urlConfig: String = ""
-)
-
-@Composable
-fun TrustBanner(
-    serviceName: String = "",
-    screenName: String = "",
-    onPress: ((Map<String, String>) -> Unit)? = null,
-    trackEvent: ((String, Map<String, String>) -> Unit)? = null
-) {
-    val localize = LocalLocalize.current
-    val trustBanner = defaultBanner
-    val trackParams = mapOf(
-        "service_name" to serviceName,
-        "screen_name" to screenName,
-        "component_name" to "logo_trust",
-        "url_config" to trustBanner.urlConfig
-    )
-
-    Row(
-        modifier = Modifier
-            .clip(RoundedCornerShape(12.dp))
-            .background(color = Color(backgroundBlue))
-            .conditional(IsShowBaseLineDebug) {
-                border(1.dp, Colors.blue_03)
-            }
-            .padding(12.dp)
-            .then(
-                if (onPress != null) {
-                    Modifier.clickable {
-                        trackEvent?.invoke(
-                            "service_component_clicked", trackParams
-                        )
-
-                        onPress(
-                            mapOf(
-                                "service_name" to serviceName,
-                                "screen_name" to screenName,
-                                "url_config" to trustBanner.urlConfig,
-                            )
-                        )
-
-                    }
-                } else {
-                    Modifier.noFeedbackClickable {
-                        trackEvent?.invoke(
-                            "service_component_clicked", trackParams
-                        )
-                    }
-                }
-            )
-    ) {
-        if (trustBanner.momoImage != null) {
-            Image(
-                source = trustBanner.momoImage,
-                modifier = Modifier
-                    .width(64.dp)
-                    .height(64.dp)
-            )
-        }
-        Column(
-            modifier = Modifier
-                .padding(start = 10.dp)
-        ) {
-            Text(
-                text = localize.translateData(trustBanner.content),
-                modifier = Modifier.padding(bottom = 8.dp),
-                color = Color(contentColor),
-                style = Typography.descriptionDefaultRegular,
-                maxLines = 2
-            )
-            Row(
-                modifier = Modifier.fillMaxWidth(),
-                horizontalArrangement = Arrangement.SpaceBetween
-            ) {
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                ) {
-                    Text(
-                        text = localize.translateData(trustBanner.subContent),
-                        color = Color(subContentColor),
-                        style = Typography.actionXsBold,
-                        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 {
-                    if (trustBanner.pciImage != null) {
-                        Image(
-                            source = trustBanner.pciImage, modifier = Modifier
-                                .padding(end = 4.dp)
-                                .width(27.dp)
-                                .height(20.dp), options = Options(
-                                contentScale = ContentScale.Fit,
-                            )
-                        )
-                    }
-                    if (trustBanner.sslImage != null) {
-                        Image(
-                            source = trustBanner.sslImage, modifier = Modifier
-                                .width(52.dp)
-                                .height(20.dp),
-                            options = Options(
-                                contentScale = ContentScale.Fit,
-                            )
-                        )
-                    }
-
-                }
-            }
-        }
-    }
-}

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

@@ -1,182 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.horizontalScroll
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.draw.drawBehind
-import androidx.compose.ui.geometry.CornerRadius
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.PathEffect
-import androidx.compose.ui.graphics.drawscope.Stroke
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.*
-import vn.momo.kits.modifier.activeOpacityClickable
-import vn.momo.kits.modifier.conditional
-
-data class UploadImage(
-    val uri: String? = null,
-    val loading: Boolean = false,
-)
-
-@Composable
-fun Uploader(
-    images: List<UploadImage>,
-    modifier: Modifier = Modifier,
-    numberOfImages: Int = 1,
-    disabled: Boolean = false,
-    width: Dp = 64.dp,
-    height: Dp = 64.dp,
-    onAdd: () -> Unit = {},
-    onCancel: ((image: UploadImage, index: Int) -> Unit)? = null,
-    onPressImage: (image: UploadImage, index: Int) -> Unit = { _, _ -> },
-) {
-    val shouldShowPicker = remember(images.size, numberOfImages) {
-        images.size < numberOfImages
-    }
-
-    Row(
-        modifier = modifier
-            .conditional(IsShowBaseLineDebug) { border(1.dp, Colors.blue_03) },
-        horizontalArrangement = Arrangement.spacedBy(Spacing.S),
-        verticalAlignment = Alignment.Top,
-    ) {
-        if (shouldShowPicker) {
-            UploaderPickerCell(
-                disabled = disabled,
-                width = width,
-                height = height,
-                onAdd = onAdd,
-            )
-        }
-
-        Row(
-            modifier = Modifier.horizontalScroll(rememberScrollState()),
-            horizontalArrangement = Arrangement.spacedBy(Spacing.S),
-        ) {
-            images.forEachIndexed { index, image ->
-                UploaderImageItem(
-                    image = image,
-                    width = width,
-                    height = height,
-                    index = index,
-                    onCancel = onCancel,
-                    onPressImage = { onPressImage(image, index) },
-                )
-            }
-        }
-    }
-}
-
-@Composable
-private fun UploaderPickerCell(
-    disabled: Boolean,
-    width: Dp,
-    height: Dp,
-    onAdd: () -> Unit,
-) {
-    val theme = AppTheme.current
-    val mainColor = if (disabled) theme.colors.text.disable else theme.colors.text.hint
-    val borderColor = if (disabled) theme.colors.border.disable else theme.colors.border.default
-
-    Box(
-        modifier = Modifier
-            .size(width = width, height = height)
-            .clip(RoundedCornerShape(Radius.XS))
-            .dashedBorder(color = borderColor, radius = Radius.XS)
-            .activeOpacityClickable(enabled = !disabled, onClick = onAdd),
-        contentAlignment = Alignment.Center,
-    ) {
-        Column(
-            horizontalAlignment = Alignment.CenterHorizontally,
-            verticalArrangement = Arrangement.spacedBy(Spacing.XXS),
-        ) {
-            Icon(
-                source = "16_navigation_plus",
-                color = mainColor,
-                size = 16.dp,
-            )
-            Text(
-                text = "Thêm hình",
-                style = Typography.descriptionXsRegular,
-                color = mainColor,
-            )
-        }
-    }
-}
-
-@Composable
-private fun UploaderImageItem(
-    image: UploadImage,
-    width: Dp,
-    height: Dp,
-    index: Int,
-    onCancel: ((image: UploadImage, index: Int) -> Unit)?,
-    onPressImage: () -> Unit,
-) {
-    Box(
-        modifier = Modifier
-            .size(width = width, height = height)
-            .activeOpacityClickable(onClick = onPressImage),
-    ) {
-        Image(
-            source = image.uri ?: "",
-            modifier = Modifier
-                .fillMaxSize()
-                .clip(RoundedCornerShape(Radius.XS)),
-        )
-
-        if (onCancel != null && !image.loading) {
-            Icon(
-                source = "navigation_close_circle_full",
-                size = 16.dp,
-                color = null,
-                modifier = Modifier
-                    .align(Alignment.TopEnd)
-                    .padding(top = Spacing.XXS, end = Spacing.XXS)
-                    .activeOpacityClickable { onCancel(image, index) },
-            )
-        }
-
-        if (image.loading) {
-            Box(
-                modifier = Modifier
-                    .fillMaxSize()
-                    .clip(RoundedCornerShape(Radius.XS))
-                    .background(Color(0x66FFFFFF)),
-                contentAlignment = Alignment.Center,
-            ) {
-                Skeleton()
-            }
-        }
-    }
-}
-
-private fun Modifier.dashedBorder(
-    color: Color,
-    radius: Dp,
-    strokeWidth: Dp = 1.dp,
-    dashWidth: Float = 10f,
-    dashGap: Float = 6f,
-): Modifier = this.drawBehind {
-    val strokePx = strokeWidth.toPx()
-    val pathEffect = PathEffect.dashPathEffect(floatArrayOf(dashWidth, dashGap), 0f)
-    val cornerRadiusPx = radius.toPx()
-    drawRoundRect(
-        color = color,
-        style = Stroke(
-            width = strokePx,
-            pathEffect = pathEffect,
-        ),
-        cornerRadius = CornerRadius(cornerRadiusPx, cornerRadiusPx),
-    )
-}

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

@@ -1,193 +0,0 @@
-package vn.momo.kits.components.datetimepicker
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.*
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import kotlinx.coroutines.flow.collect
-import kotlinx.coroutines.flow.mapNotNull
-import kotlinx.coroutines.flow.onEach
-import kotlinx.datetime.LocalDateTime
-import kotlinx.datetime.number
-import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.components.Text
-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.conditional
-
-private val datePickerHeight = 210.dp
-private val datePickerWithLabelsHeight = 238.dp
-
-@Composable
-fun DateTimePicker(
-    modifier: Modifier = Modifier,
-    format: String = "DD-MM-YYYY",
-    minuteInterval: Int = 1,
-    onChange: (LocalDateTime) -> Unit,
-    selectedValue: LocalDateTime? = null,
-    minDate: LocalDateTime? = null,
-    maxDate: LocalDateTime? = null,
-    arrayLabelTime: List<String> = emptyList()
-) {
-    val effectiveSelectedValue = remember(selectedValue) {
-        selectedValue ?: getCurrentDateTime()
-    }
-
-    val effectiveMinDate = remember(minDate) {
-        minDate ?: createRelativeDate(-10)
-    }
-
-    val effectiveMaxDate = remember(maxDate) {
-        maxDate ?: createRelativeDate(10)
-    }
-
-    val needCheckRange = remember(minDate, maxDate) {
-        minDate == null && maxDate == null
-    }
-
-    val initialValue = remember(effectiveMinDate, effectiveMaxDate, effectiveSelectedValue) {
-        when {
-            !needCheckRange -> effectiveSelectedValue
-            effectiveSelectedValue < effectiveMinDate -> effectiveMinDate
-            effectiveSelectedValue > effectiveMaxDate -> effectiveMaxDate
-            else -> effectiveSelectedValue
-        }
-    }
-
-    var currentDate by remember(initialValue) {
-        mutableStateOf(
-            PickerData(
-                day = initialValue.day,
-                month = initialValue.month.number,
-                year = initialValue.year,
-                hour = initialValue.hour,
-                minute = initialValue.minute
-            )
-        )
-    }
-
-    val onWheelChangeValue = remember(currentDate, effectiveMinDate, effectiveMaxDate) {
-        { name: String, value: String ->
-            var day = if (name == "day") value.toInt() else currentDate.day
-            var month = if (name == "month") value.toInt() else currentDate.month
-            val year = if (name == "year") value.toInt() else currentDate.year
-            val hour = if (name == "hour") value.toInt() else currentDate.hour
-            val minute = if (name == "minute") value.toInt() else currentDate.minute
-            val timeMode = if (name == "timeMode") value else currentDate.timeMode
-            if (name == "year") {
-                month = when (year) {
-                    effectiveMaxDate.year -> month.coerceIn(
-                        1,
-                        effectiveMaxDate.month.number
-                    )
-                    effectiveMinDate.year -> month.coerceIn(
-                        effectiveMinDate.month.number,
-                        12,
-                    )
-                    else -> month
-                }
-            }
-            if (name == "month" || name == "year") {
-                val maxDayOfMonth = when (month) {
-                    4, 6, 9, 11 -> 30
-                    2 -> if (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)) 29 else 28
-                    else -> 31
-                }
-
-                day = when {
-                    year == effectiveMaxDate.year && month == effectiveMaxDate.month.number ->
-                        day.coerceIn(1, effectiveMaxDate.day)
-
-                    year == effectiveMinDate.year && month == effectiveMinDate.month.number ->
-                        day.coerceIn(effectiveMinDate.day, maxDayOfMonth)
-
-                    day > maxDayOfMonth -> maxDayOfMonth
-                    else -> day
-                }
-            }
-            currentDate = PickerData(
-                day = day,
-                month = month,
-                year = year,
-                hour = hour,
-                minute = minute,
-                timeMode = timeMode,
-            )
-        }
-    }
-
-    LaunchedEffect(effectiveMinDate, effectiveMaxDate) {
-        snapshotFlow { currentDate }
-            .mapNotNull {
-                val dateTime = it.toLocalDateTime()
-                if (!needCheckRange || dateTime in effectiveMinDate..effectiveMaxDate) dateTime
-                else null
-            }
-            .onEach(onChange)
-            .collect()
-    }
-
-    val pickerHeight = if (arrayLabelTime.isNotEmpty())
-        datePickerWithLabelsHeight else
-        datePickerHeight
-
-    Row(
-        modifier = modifier
-            .fillMaxWidth()
-            .height(pickerHeight)
-            .background(AppTheme.current.colors.background.surface)
-            .conditional(IsShowBaseLineDebug) {
-                border(1.dp, Colors.blue_03)
-            }
-            .padding(horizontal = Spacing.M),
-        verticalAlignment = Alignment.CenterVertically
-    ) {
-        val dateComponents = getDateComponents(
-            format,
-            currentDate,
-            effectiveMinDate,
-            effectiveMaxDate,
-            minuteInterval,
-        )
-        dateComponents.forEachIndexed { index, component ->
-            val hasLabel = index < arrayLabelTime.size && arrayLabelTime[index].isNotEmpty()
-
-            Column(
-                horizontalAlignment = Alignment.CenterHorizontally,
-                modifier = Modifier.weight(1f)
-            ) {
-                if (hasLabel) {
-                    Text(
-                        text = arrayLabelTime[index],
-                        style = Typography.actionSBold,
-                        modifier = Modifier.padding(bottom = Spacing.S)
-                    )
-                }
-
-                WheelPicker(
-                    name = component.name,
-                    data = component.data,
-                    selectedData = when (component.name) {
-                        "day" -> paddingNum(currentDate.day)
-                        "month" -> paddingNum(currentDate.month)
-                        "year" -> currentDate.year.toString()
-                        "hour" -> paddingNum(currentDate.hour)
-                        "minute" -> paddingNum(currentDate.minute)
-                        "timeMode" -> currentDate.timeMode
-                        else -> ""
-                    },
-                    onChange = onWheelChangeValue,
-                )
-            }
-
-            if (index < dateComponents.size - 1) {
-                Spacer(modifier = Modifier.width(Spacing.M))
-            }
-        }
-    }
-} 

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

@@ -1,29 +0,0 @@
-package vn.momo.kits.components.datetimepicker
-
-import kotlinx.datetime.LocalDateTime
-
-data class PickerData(
-    var day: Int,
-    var month: Int,
-    var year: Int,
-    var hour: Int = 0,
-    var minute: Int = 0,
-    var timeMode: String = ""
-) {
-    fun toLocalDateTime(): LocalDateTime {
-        return LocalDateTime(
-            year = year,
-            month = month,
-            day = day,
-            hour = hour,
-            minute = minute,
-            second = 0,
-            nanosecond = 0
-        )
-    }
-}
-
-data class DateComponent(
-    val name: String,
-    val data: List<String>
-)