@momo-kits/native-kits 0.165.1-beta.11 → 0.165.2-beta.2-debug

package/CLAUDE.md

@@ -45,6 +45,7 @@ Publishing is automated (`publish.sh` + GitLab CI on `[ci build]` / `main`). Do
 - **Platform code** goes through `expect`/`actual` in `platform/` — never reference Android/iOS APIs from `commonMain` directly.
 - **Native bridge:** `IMaxApi` (`vn.momo.maxapi`, exposed as `LocalMaxApi`) is the host-app bridge (dismiss, tracking, device info, language).
 - Navigation uses a runtime `DynamicScreenRegistry`; overlays (modal/bottom-sheet/snackbar) go through `Navigator` + `OverplayComponentRegistry`.
+- **iOS swipe-back:** the host owns the only edge-pan recogniser and replays it through `HostBackGestureBridge` (`navigation/HostBackGestureBridge.kt`; the kit framework is never exported, so the host reaches it through its own Koin-provided facade): `checkCanPop` / `canPopInner` / `pop` route the back into the kit stack, `started` / `progressed` / `completed` / `cancelled` seek the NavHost transition, `shouldUseFloatingArrowBack` is set by bottom tabs. `NavigationContainer` attaches itself automatically (`AttachHostBackGesture`, iOS only, detached by identity on dispose) — hosts need no wrapper and no `setNavigator`. `maxApi` is a required parameter of `NavigationContainer` — every container, nested or root, is handed its host bridge explicitly.
 
 ## i18n / Localize (port of RN `Localize`)
 

package/compose/build.gradle.kts

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

package/compose/compose.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |spec|
     spec.name                     = 'compose'
-    spec.version                  = '0.165.1-beta.11-debug'
+    spec.version                  = '0.165.2-beta.2-debug'
     spec.homepage                 = 'https://momo.vn'
     spec.source                   = { :http=> ''}
     spec.authors                  = ''

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

@@ -30,6 +30,7 @@ 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
 
@@ -64,7 +65,7 @@ actual fun BackHandler(enabled: Boolean, onBack: () -> Unit) {
 }
 
 @Composable
-actual fun ProvideNavigationEventDispatcherOwner(content: @Composable () -> Unit) {
+actual fun ProvideNavigationEventDispatcherOwner(navigator: Navigator, content: @Composable () -> Unit) {
     content()
 }
 

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

@@ -9,13 +9,20 @@ 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.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.buildAnnotatedString
+import androidx.compose.ui.text.font.FontSynthesis
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.const.Typography
+import vn.momo.kits.const.getFontFamily
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
 
@@ -37,6 +44,7 @@ fun Information(
     showIconClose: Boolean = true,
     onPressClose: (() -> Unit)? = null,
     accessibilityLabel: String? = null,
+    highlightText: List<String> = emptyList(),
 ) {
     val automationId = remember(accessibilityLabel, title) {
         accessibilityLabel ?: "Information${if (title != null) "/$title" else ""}"
@@ -61,6 +69,22 @@ fun Information(
         iconSource = "24_notifications_alert_octagon"
     }
 
+    // Host fonts are one file per weight: swap fontFamily and disable synthesis so the SemiBold file isn't
+    // faux-bolded again; fontWeight still applies when no host font is bundled and the system font is used.
+    val highlightWeight = Typography.headerXsSemibold.fontWeight
+    val highlightFontFamily = getFontFamily(AppTheme.current.font, highlightWeight)
+    val annotatedDescription = remember(description, highlightText, highlightFontFamily) {
+        highlightDescription(
+            description,
+            highlightText,
+            SpanStyle(
+                fontFamily = highlightFontFamily,
+                fontWeight = highlightWeight,
+                fontSynthesis = FontSynthesis.None,
+            ),
+        )
+    }
+
     Column(
         modifier = Modifier.border(
             width = 0.5.dp,
@@ -100,7 +124,7 @@ fun Information(
                     )
                 }
                 Text(
-                    description,
+                    annotatedDescription,
                     style = Typography.descriptionDefaultRegular,
                     accessibilityId = "$automationId|description-text"
                 )
@@ -131,4 +155,35 @@ fun Information(
         }
     }
 
-}
+}
+
+// Whole-word matches only; the longest keyword wins when keywords overlap (RN parity).
+private fun highlightDescription(
+    description: String,
+    highlightText: List<String>,
+    style: SpanStyle,
+): AnnotatedString {
+    val keywords = highlightText.filter { it.isNotEmpty() }
+    if (keywords.isEmpty()) return AnnotatedString(description)
+    val regex = Regex(keywords.sortedByDescending { it.length }.joinToString("|") { Regex.escape(it) })
+    fun isWordChar(index: Int) = description.getOrNull(index)?.let { it.isLetterOrDigit() || it == '_' } == true
+
+    return buildAnnotatedString {
+        var lastIndex = 0
+        var searchFrom = 0
+        while (true) {
+            val match = regex.find(description, searchFrom) ?: break
+            val start = match.range.first
+            val end = match.range.last + 1
+            if (isWordChar(start - 1) || isWordChar(end)) {
+                searchFrom = start + 1
+                continue
+            }
+            append(description.substring(lastIndex, start))
+            withStyle(style) { append(match.value) }
+            lastIndex = end
+            searchFrom = end
+        }
+        append(description.substring(lastIndex))
+    }
+}

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

@@ -30,12 +30,10 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.semantics.contentDescription
 import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
-import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextRange
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.text.input.OffsetMapping
-import androidx.compose.ui.text.input.TransformedText
-import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.compose.ui.zIndex
@@ -46,34 +44,63 @@ import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Typography
 import vn.momo.kits.const.getFontFamily
 import vn.momo.kits.modifier.conditional
-import vn.momo.kits.utils.formatNumberToMoney
 
-class CustomConverter : VisualTransformation {
-    override fun filter(text: AnnotatedString): TransformedText {
-        if (text.text.isEmpty()) {
-            return TransformedText(
-                AnnotatedString("0"),
-                object : OffsetMapping {
-                    override fun originalToTransformed(offset: Int): Int = 0
-                    override fun transformedToOriginal(offset: Int): Int = 0
-                }
-            )
-        }
-        
-        if (text.text == "0") {
-            return TransformedText(AnnotatedString("0"), OffsetMapping.Identity)
-        }
-        
-        val formattedText = formatNumberToMoney(text.text.toLong())
+private const val MONEY_CURRENCY = "đ"
 
-        return TransformedText(
-            AnnotatedString(formattedText),
-            object : OffsetMapping {
-                override fun originalToTransformed(offset: Int): Int = formattedText.length
-                override fun transformedToOriginal(offset: Int): Int = text.length
-            }
-        )
+private data class MoneyEdit(val start: Int, val end: Int, val inserted: String)
+
+private fun digitsOf(text: String) = text.filter { it in '0'..'9' }
+
+private fun normalizeDigits(text: String) = digitsOf(text).let { digits ->
+    digits.trimStart('0').ifEmpty { digits.take(1) }
+}
+
+private fun moneyDisplay(digits: String) =
+    if (digits.isEmpty()) "" else digits.reversed().chunked(3).joinToString(".").reversed() + MONEY_CURRENCY
+
+// Caret position right after the `digitIndex`-th digit of `display`.
+private fun caretFromDigitIndex(display: String, digitIndex: Int): Int {
+    var count = 0
+    display.forEachIndexed { index, char ->
+        if (char in '0'..'9' && ++count == digitIndex) return index + 1
     }
+    return 0
+}
+
+// Finds which range of `old` was replaced to produce `next`, given the post-edit caret.
+private fun detectEdit(old: String, next: String, caret: Int): MoneyEdit {
+    val tail = next.length - caret
+    if (tail in 0..old.length && next.substring(caret) == old.substring(old.length - tail)) {
+        var prefix = 0
+        while (prefix < minOf(caret, old.length - tail) && old[prefix] == next[prefix]) prefix++
+        return MoneyEdit(prefix, old.length - tail, next.substring(prefix, caret))
+    }
+    var prefix = 0
+    while (prefix < minOf(old.length, next.length) && old[prefix] == next[prefix]) prefix++
+    var suffix = 0
+    while (suffix < minOf(old.length, next.length) - prefix &&
+        old[old.length - 1 - suffix] == next[next.length - 1 - suffix]
+    ) suffix++
+    return MoneyEdit(prefix, old.length - suffix, next.substring(prefix, next.length - suffix))
+}
+
+// Applies `edit` to the digits of `display`. Separators and currency are never
+// deleted: removing a separator deletes the digit before it instead, removing
+// only the currency leaves the digits untouched.
+// Returns the new digits and the caret as a digit index.
+private fun applyEdit(display: String, edit: MoneyEdit): Pair<String, Int> {
+    val digits = digitsOf(display)
+    var left = digitsOf(display.substring(0, edit.start)).length
+    var removed = digitsOf(display.substring(edit.start, edit.end)).length
+    val inserted = digitsOf(edit.inserted)
+    if (removed == 0 && inserted.isEmpty() && left > 0 && '.' in display.substring(edit.start, edit.end)) {
+        left -= 1
+        removed = 1
+    }
+    if (removed == 0 && inserted.isEmpty()) return digits to left
+    val next = digits.substring(0, left) + inserted + digits.substring(left + removed)
+    val trimmed = next.trimStart('0').ifEmpty { next.take(1) }
+    return trimmed to maxOf(0, left + inserted.length - (next.length - trimmed.length))
 }
 
 @Composable
@@ -102,6 +129,11 @@ fun InputMoney(
     keyboardType: KeyboardType = KeyboardType.Number,
 ) {
     var isFocused by remember { mutableStateOf(false) }
+    var field by remember { mutableStateOf(TextFieldValue()) }
+    val digits = normalizeDigits(text.value)
+    val current = if (digitsOf(field.text) == digits) field else moneyDisplay(digits).let {
+        TextFieldValue(it, TextRange(caretFromDigitIndex(it, digits.length)))
+    }
     var isBlurred = false
     val (textColor, placeholderColor, iconTintColor, floatingTitleColor, floatingIconTintColor) =
         getInputColors(disabled, iconColor, floatingValueColor, floatingIconColor)
@@ -118,7 +150,7 @@ fun InputMoney(
         BasicTextField(
             enabled = !disabled,
             singleLine = true,
-            value = text.value,
+            value = current,
             textStyle = TextStyle(
                 color = textColor,
                 fontSize = 20.sp,
@@ -126,7 +158,6 @@ fun InputMoney(
                 fontWeight = fontWeight.value,
                 fontFamily = getFontFamily(AppTheme.current.font, fontWeight.value)
             ),
-            visualTransformation = CustomConverter(),
             keyboardOptions = KeyboardOptions.Default.copy(keyboardType = keyboardType),
             modifier = Modifier.height(size.values.height).onFocusChanged {
                 isFocused = it.isFocused
@@ -136,9 +167,28 @@ fun InputMoney(
                 if (!it.isFocused && isBlurred) onBlur()
                 if (it.isFocused && !isBlurred) isBlurred = true
             },
-            onValueChange = {
-                val numericValue = it.filter { char -> char.isDigit() }
-                onChangeText(numericValue)
+            onValueChange = { value ->
+                if (value.text == current.text) {
+                    // Keeps the caret out of the currency suffix.
+                    val max = if (current.text.isEmpty()) 0 else current.text.length - MONEY_CURRENCY.length
+                    field = value.copy(
+                        selection = TextRange(
+                            value.selection.start.coerceAtMost(max),
+                            value.selection.end.coerceAtMost(max)
+                        )
+                    )
+                } else {
+                    val (newDigits, caretDigit) = applyEdit(
+                        current.text,
+                        detectEdit(current.text, value.text, value.selection.min)
+                    )
+                    val display = moneyDisplay(newDigits)
+                    field = TextFieldValue(display, TextRange(caretFromDigitIndex(display, caretDigit)))
+                    if (newDigits != digits) {
+                        text.value = newDigits
+                        onChangeText(newDigits)
+                    }
+                }
             },
             decorationBox = { innerTextField ->
                 // Floating Icon

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

@@ -0,0 +1,58 @@
+package vn.momo.kits.navigation
+
+interface HostBackTarget {
+    fun canPop(): Boolean
+
+    fun onBack()
+
+    fun backStarted()
+    fun backProgressed(progress: Float)
+    fun backCompleted()
+    fun backCancelled()
+}
+
+object HostBackGestureBridge {
+    private val targets = mutableListOf<HostBackTarget>()
+    private var gestureTarget: HostBackTarget? = null
+
+    var shouldUseFloatingArrowBack: Boolean = false
+
+    fun checkCanPop(): Boolean = targets.isNotEmpty()
+
+    fun canPopInner(): Boolean = top()?.canPop() == true
+
+    fun pop() {
+        top()?.onBack()
+    }
+
+    fun started() {
+        val target = top() ?: return
+        gestureTarget = target
+        target.backStarted()
+    }
+
+    fun progressed(progress: Float) {
+        gestureTarget?.backProgressed(progress.coerceIn(0f, 1f))
+    }
+
+    fun completed() {
+        (gestureTarget ?: top())?.backCompleted()
+        gestureTarget = null
+    }
+
+    fun cancelled() {
+        gestureTarget?.backCancelled()
+        gestureTarget = null
+    }
+
+    fun attach(target: HostBackTarget) {
+        targets += target
+    }
+
+    fun detach(target: HostBackTarget) {
+        targets -= target
+        if (gestureTarget === target) gestureTarget = null
+    }
+
+    private fun top(): HostBackTarget? = targets.lastOrNull()
+}

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

@@ -42,10 +42,10 @@ import kotlin.time.Duration.Companion.milliseconds
 fun NavigationContainer(
     initialScreenName: String,
     initialScreen: @Composable () -> Unit,
+    maxApi: IMaxApi,
     options: NavigationOptions? = null,
     initialTheme: Theme = defaultTheme,
     miniAppContext: MiniAppContext? = null,
-    maxApi: IMaxApi? = null,
     setNavigator: ((Navigator) -> Unit)? = null,
     statusBarHeight: Dp? = null,
     localize: Localize? = null,
@@ -93,7 +93,7 @@ fun NavigationContainer(
     val startDestination = remember(screenId) { DynamicScreenRoute(screenId) }
 
     ProvideOsFontScale {
-        ProvideNavigationEventDispatcherOwner {
+        ProvideNavigationEventDispatcherOwner(navigator) {
             CompositionLocalProvider(
                 LocalNavigator provides navigator,
                 LocalDynamicScreenRegistry provides registry,
@@ -112,8 +112,6 @@ fun NavigationContainer(
 
                 SwipeBackHaptic(maxApi)
 
-                // Gesture pops never reach Navigator.dismissScreen(), so prune the registry from
-                // the back stack itself. collectLatest lets a rapid re-push cancel a pending prune.
                 LaunchedEffect(navController, registry) {
                     navController.currentBackStack.collectLatest { entries ->
                         delay(STACK_TRANSITION_DURATION.milliseconds)
@@ -126,10 +124,6 @@ fun NavigationContainer(
                     }
                 }
 
-                // The transitions must live on the NavHost call site, not on the destinations:
-                // NavHost.uikit computes isDefaultTransition from these arguments alone, and while
-                // it is true the library paints its own hard-coded black iOS blackout that would
-                // sit over the pink scrim.
                 NavHost(
                     navController,
                     startDestination = startDestination,

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

@@ -5,6 +5,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.NativePaint
 import androidx.compose.ui.unit.Dp
+import vn.momo.kits.navigation.Navigator
 
 data class ScreenDimension(
     val width: Int,
@@ -24,8 +25,9 @@ expect fun getStatusBarHeight(): Dp
 @Composable
 expect fun BackHandler(enabled: Boolean, onBack: () -> Unit)
 
+@Suppress("ParamsComparedByRef")
 @Composable
-expect fun ProvideNavigationEventDispatcherOwner(content: @Composable () -> Unit)
+expect fun ProvideNavigationEventDispatcherOwner(navigator: Navigator, content: @Composable () -> Unit)
 
 @Composable
 expect fun getScreenHeight(): Dp

package/compose/src/iosMain/kotlin/vn/momo/kits/navigation/HostBackGesture.ios.kt

@@ -7,85 +7,32 @@ import androidx.navigationevent.NavigationEvent
 import androidx.navigationevent.NavigationEventDispatcher
 import androidx.navigationevent.NavigationEventInput
 
-/**
- * Kit end of the host's edge-pan recogniser. The host owns the only recogniser on iOS and replays
- * its drag here; events reach NavHost's `PredictiveBackHandler` and seek the stack transition.
- *
- * **Call every method from the main thread** — nothing here is synchronised, and [attachedInputs]
- * is also written from composition.
- */
-object HostBackGestureBridge {
-    private val attachedInputs = mutableListOf<HostNavigationEventInput>()
-    private var gestureInput: HostNavigationEventInput? = null
-
-    /** `false` means no container is mounted, or it opted out — host falls back to its own nav. */
-    val hasEnabledHandlers: Boolean
-        get() = attachedInputs.lastOrNull()?.hasEnabledHandlers == true
-
-    /** Set on tabs other than the first; host pulls it when its recogniser begins. */
-    var shouldUseFloatingArrowBack: Boolean = false
-        internal set
-
-    /** Begins a drag. Pairs with exactly one [completed] or [cancelled]. */
-    fun started() {
-        val input = attachedInputs.lastOrNull() ?: return
-        gestureInput = input
-        input.backStarted()
-    }
-
-    /** Drag progress in `0f..1f` — the fraction of the screen width travelled. */
-    fun progressed(progress: Float) {
-        gestureInput?.backProgressed(progress.coerceIn(0f, 1f))
-    }
-
-    /** Falls back to the attached input when no drag was started: a host that commits without
-     *  ever seeking still needs its back. */
-    fun completed() {
-        (gestureInput ?: attachedInputs.lastOrNull())?.backCompleted()
-        gestureInput = null
-    }
-
-    /** Released below the commit threshold: the screen springs back. */
-    fun cancelled() {
-        gestureInput?.backCancelled()
-        gestureInput = null
-    }
-
-    internal fun attach(input: HostNavigationEventInput) {
-        attachedInputs += input
-    }
-
-    internal fun detach(input: HostNavigationEventInput) {
-        attachedInputs -= input
-        // else a container unmounted mid-drag hands its terminal event to whoever is on top now
-        if (gestureInput === input) gestureInput = null
-    }
-}
-
-/** Wires one [NavigationContainer]'s dispatcher to [HostBackGestureBridge] while it is composed. */
+@Suppress("ParamsComparedByRef")
 @Composable
-internal fun AttachHostBackGesture(dispatcher: NavigationEventDispatcher) {
+internal fun AttachHostBackGesture(dispatcher: NavigationEventDispatcher, navigator: Navigator) {
     val input = remember(dispatcher) { HostNavigationEventInput() }
+    val target = remember(input, navigator) {
+        object : HostBackTarget {
+            override fun canPop() = navigator.canPop()
+            override fun onBack() = navigator.onBackSafe()
+            override fun backStarted() = input.backStarted()
+            override fun backProgressed(progress: Float) = input.backProgressed(progress)
+            override fun backCompleted() = input.backCompleted()
+            override fun backCancelled() = input.backCancelled()
+        }
+    }
 
-    DisposableEffect(dispatcher, input) {
+    DisposableEffect(dispatcher, target) {
         dispatcher.addInput(input)
-        HostBackGestureBridge.attach(input)
+        HostBackGestureBridge.attach(target)
         onDispose {
-            HostBackGestureBridge.detach(input)
+            HostBackGestureBridge.detach(target)
             dispatcher.removeInput(input)
         }
     }
 }
 
 internal class HostNavigationEventInput : NavigationEventInput() {
-    var hasEnabledHandlers: Boolean = false
-        private set
-
-    override fun onHasEnabledHandlersChanged(hasEnabledHandlers: Boolean) {
-        this.hasEnabledHandlers = hasEnabledHandlers
-    }
-
-    // Touch coordinates are not forwarded: progress alone seeks the transition.
     fun backStarted() = dispatchOnBackStarted(NavigationEvent(swipeEdge = NavigationEvent.EDGE_LEFT))
 
     fun backProgressed(progress: Float) = dispatchOnBackProgressed(

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

@@ -40,6 +40,7 @@ import platform.UIKit.UIColor
 import platform.UIKit.UIDevice
 import platform.UIKit.UIScreen
 import vn.momo.kits.navigation.AttachHostBackGesture
+import vn.momo.kits.navigation.Navigator
 
 actual fun getPlatformName(): String = "iOS"
 
@@ -62,8 +63,6 @@ actual fun getStatusBarHeight(): Dp {
     return WindowInsets.systemBars.asPaddingValues().calculateTopPadding()
 }
 
-// Registered inside the NavHost destination, so an enabled one out-ranks NavHost's own
-// predictive-back handler — that is how a screen opts out of swipe-back.
 @Suppress("DEPRECATION")
 @OptIn(ExperimentalComposeUiApi::class)
 @Composable
@@ -73,17 +72,14 @@ actual fun BackHandler(enabled: Boolean, onBack: () -> Unit) {
 
 @OptIn(InternalComposeUiApi::class)
 @Composable
-actual fun ProvideNavigationEventDispatcherOwner(content: @Composable () -> Unit) {
-    // Detached on purpose: the scene's owner would arm Compose's own recogniser alongside the
-    // host's, and UIKit resolves that by driving one to .failed — a fabricated completed back.
-    // Enabled on purpose: dispatchOn* early-returns while disabled, muting the host-driven seek.
+actual fun ProvideNavigationEventDispatcherOwner(navigator: Navigator, content: @Composable () -> Unit) {
     val navigationEventDispatcherOwner = remember {
         object : NavigationEventDispatcherOwner {
             override val navigationEventDispatcher = NavigationEventDispatcher()
         }
     }
 
-    AttachHostBackGesture(navigationEventDispatcherOwner.navigationEventDispatcher)
+    AttachHostBackGesture(navigationEventDispatcherOwner.navigationEventDispatcher, navigator)
 
     CompositionLocalProvider(
         LocalCompatNavigationEventDispatcherOwner provides navigationEventDispatcherOwner,

package/gradle/libs.versions.toml

@@ -1,5 +1,5 @@
 [versions]
-android-compileSdk = "36"
+android-compileSdk = "37"
 android-minSdk = "24"
 android-targetSdk = "36"
 ktor-version = "3.0.0-rc-1"

package/gradle.properties

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

package/ios/Application/Navigation/NavigatorManager.swift

@@ -1,19 +1,3 @@
-//
-//  NavigatorManager.swift
-//  MoMoUIKits
-//
-//  Host bridge for the native iOS edge-swipe back — the SwiftUI mirror of Compose's
-//  `ComposeNavigatorManager` (momo-app `vn.momo.compose.uikits.ComposeNavigatorManager`).
-//
-//  The kit does NOT own the swipe gesture. In the host app a kit screen lives inside a
-//  `UIHostingController` hosted by the mini-app container VC, and that VC owns the
-//  `UIScreenEdgePanGestureRecognizer`. When the swipe fires the host asks this manager
-//  whether a kit stack is mounted (`checkCanPop`) and, if so, routes the back into it
-//  (`pop` → `Navigator.onBackSafe`) instead of dismissing the whole mini-app. Standalone
-//  (no such host, e.g. the demo app) there is no edge swipe — same as Compose on iOS,
-//  whose `BackHandler` is a no-op and which relies entirely on the host.
-//
-
 import Foundation
 
 @available(iOS 16.0, *)
@@ -21,28 +5,17 @@ public final class NavigatorManager {
     public static let shared = NavigatorManager()
     private init() {}
 
-    /// Stack of mounted navigators; the last one is the visible top (nested mini-apps
-    /// push more than one). Held strongly, mirroring `ComposeNavigatorManager` — entries
-    /// are released by `NavigationContainer` on disappear, not by ARC.
     private var navigators: [Navigator] = []
 
-    /// Idempotent: SwiftUI can re-run a view's `onAppear`, and a double push would need a
-    /// matching double remove to unwind.
     public func push(_ navigator: Navigator) {
         guard !navigators.contains(where: { $0 === navigator }) else { return }
         navigators.append(navigator)
     }
 
-    /// Removes by identity rather than `removeLast` so a spurious disappear of a covered
-    /// (non-top) container can't drop the wrong navigator.
     public func remove(_ navigator: Navigator) {
         navigators.removeAll { $0 === navigator }
     }
 
-    /// True while any kit stack is mounted — tells the host to route the back into the kit
-    /// instead of dismissing the mini-app. Matches `ComposeNavigatorManager.checkCanPop`:
-    /// it does not inspect stack depth; `onBackSafe` handles the at-root case itself by
-    /// asking the host to dismiss (via `composeApi`).
     public func checkCanPop() -> Bool { !navigators.isEmpty }
 
     public func pop() { navigators.last?.onBackSafe() }

package/ios/Information/Information.swift

@@ -18,6 +18,7 @@ public struct Information: View {
     private let action: String?
     private let showIconClose: Bool
     private let onPressClose: (() -> Void)?
+    private let highlightText: [String]
 
     public init(
         title: String? = nil,
@@ -28,7 +29,8 @@ public struct Information: View {
         showIcon: Bool = true,
         action: String? = nil,
         showIconClose: Bool = true,
-        onPressClose: (() -> Void)? = nil
+        onPressClose: (() -> Void)? = nil,
+        highlightText: [String] = []
     ) {
         self.title = title
         self.description = description
@@ -39,6 +41,7 @@ public struct Information: View {
         self.action = action
         self.showIconClose = showIconClose
         self.onPressClose = onPressClose
+        self.highlightText = highlightText
     }
 
     private var borderColor: Color {
@@ -90,7 +93,7 @@ public struct Information: View {
                     if let title {
                         MomoText(title, typography: .labelDefaultMedium)
                     }
-                    MomoText(description, typography: .descriptionDefaultRegular)
+                    MomoText(description, typography: .descriptionDefaultRegular, highlightText: highlightText)
                 }
                 .frame(maxWidth: .infinity, alignment: .leading)
 

package/ios/InputMoney/InputMoney.swift

@@ -46,6 +46,42 @@ public func formatNumberToMoney(_ digits: String, currency: String = "đ") -> St
     return String(chars.reversed()) + currency
 }
 
+private func isMoneyDigit(_ char: Character) -> Bool { char.isASCII && char.isNumber }
+
+/// Applies an edit of `display[start..<end]` → `inserted` to the digits of `display`.
+/// Separators and currency are never deleted: removing a separator deletes the
+/// digit before it instead, removing only the currency leaves the digits untouched. Returns the new digits and the caret as a digit index.
+private func applyMoneyEdit(_ display: String, start: Int, end: Int, inserted: String) -> (digits: String, caretDigit: Int) {
+    let chars = Array(display)
+    let start = min(start, chars.count)
+    let end = min(max(end, start), chars.count)
+    let digits = chars.filter(isMoneyDigit)
+    var left = chars[..<start].filter(isMoneyDigit).count
+    var removed = chars[start..<end].filter(isMoneyDigit).count
+    let insertedDigits = inserted.filter(isMoneyDigit)
+    if removed == 0 && insertedDigits.isEmpty && left > 0 && chars[start..<end].contains(".") {
+        left -= 1
+        removed = 1
+    }
+    if removed == 0 && insertedDigits.isEmpty {
+        return (String(digits), left)
+    }
+    let next = String(digits[..<left]) + insertedDigits + String(digits[(left + removed)...])
+    var trimmed = String(next.drop(while: { $0 == "0" }))
+    if trimmed.isEmpty { trimmed = String(next.prefix(1)) }
+    return (trimmed, max(0, left + insertedDigits.count - (next.count - trimmed.count)))
+}
+
+/// Caret offset right after the `digitIndex`-th digit of `display`.
+private func moneyCaret(_ display: String, digitIndex: Int) -> Int {
+    var count = 0
+    for (index, char) in display.enumerated() where isMoneyDigit(char) {
+        count += 1
+        if count == digitIndex { return index + 1 }
+    }
+    return 0
+}
+
 // MARK: - InputMoney
 
 public struct InputMoney: View {
@@ -261,8 +297,8 @@ public struct InputMoney: View {
 // MARK: - MoneyTextField (UIViewRepresentable)
 
 /// A UITextField that shows live thousands-separated currency while the bound
-/// `digits` string holds only the raw numeric value. Caret is pinned before
-/// the trailing currency symbol.
+/// `digits` string holds only the raw numeric value. The caret can move freely
+/// but never past the trailing currency symbol; edits apply at the caret.
 private struct MoneyTextField: UIViewRepresentable {
     @Binding var digits: String
     var keyboardType: UIKeyboardType
@@ -286,11 +322,6 @@ private struct MoneyTextField: UIViewRepresentable {
         field.setContentHuggingPriority(.defaultLow, for: .horizontal)
         field.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
         field.text = displayValue(digits)
-        field.addTarget(
-            context.coordinator,
-            action: #selector(Coordinator.editingChanged(_:)),
-            for: .editingChanged
-        )
         return field
     }
 
@@ -302,12 +333,13 @@ private struct MoneyTextField: UIViewRepresentable {
         field.textColor = textColor
         field.tintColor = cursorColor
         let expected = displayValue(digits)
-        if !field.isFirstResponder && field.text != expected {
+        if field.text != expected {
             field.text = expected
+            context.coordinator.setCaret(field, offset: moneyCaret(expected, digitIndex: expected.filter(isMoneyDigit).count))
         }
     }
 
-    private func displayValue(_ raw: String) -> String {
+    fileprivate func displayValue(_ raw: String) -> String {
         let numeric = raw.filter { $0.isNumber }
         return numeric.isEmpty ? "" : formatNumberToMoney(numeric)
     }
@@ -330,21 +362,44 @@ private struct MoneyTextField: UIViewRepresentable {
             return true
         }
 
-        @objc func editingChanged(_ textField: UITextField) {
-            // Extract digits from whatever the user typed/deleted.
-            let numeric = (textField.text ?? "").filter { $0.isNumber }
-            let formatted = numeric.isEmpty ? "" : formatNumberToMoney(numeric)
-            if textField.text != formatted {
-                textField.text = formatted
-                // Keep caret before the currency suffix ("đ").
-                if let end = textField.position(from: textField.endOfDocument, offset: -1) {
-                    textField.selectedTextRange = textField.textRange(from: end, to: end)
-                }
-            }
+        func textField(
+            _ textField: UITextField,
+            shouldChangeCharactersIn range: NSRange,
+            replacementString string: String
+        ) -> Bool {
+            let (numeric, caretDigit) = applyMoneyEdit(
+                textField.text ?? "",
+                start: range.location,
+                end: range.location + range.length,
+                inserted: string
+            )
+            let formatted = parent.displayValue(numeric)
+            textField.text = formatted
+            setCaret(textField, offset: moneyCaret(formatted, digitIndex: caretDigit))
             if parent.digits != numeric {
                 parent.digits = numeric
+                parent.onChangeText?(numeric)
+            }
+            return false
+        }
+
+        // Keeps the caret out of the currency suffix.
+        func textFieldDidChangeSelection(_ textField: UITextField) {
+            guard let text = textField.text, !text.isEmpty,
+                  let range = textField.selectedTextRange,
+                  let limit = textField.position(from: textField.endOfDocument, offset: -1)
+            else { return }
+            let start = textField.compare(range.start, to: limit) == .orderedDescending ? limit : range.start
+            let end = textField.compare(range.end, to: limit) == .orderedDescending ? limit : range.end
+            if start != range.start || end != range.end {
+                textField.selectedTextRange = textField.textRange(from: start, to: end)
+            }
+        }
+
+        func setCaret(_ textField: UITextField, offset: Int) {
+            if let position = textField.position(from: textField.beginningOfDocument, offset: offset) {
+                textField.selectedTextRange = textField.textRange(from: position, to: position)
             }
-            parent.onChangeText?(numeric)
         }
     }
 }

package/ios/Typography/Text.swift

@@ -139,6 +139,7 @@ public struct MomoText: View {
     private let letterSpacing: CGFloat?
     private let softWrap: Bool
     private let accessibilityId: String?
+    private var highlightText: [String] = []
 
     public init(
         _ content: String,
@@ -176,13 +177,52 @@ public struct MomoText: View {
         self.accessibilityId = accessibilityId
     }
 
+    init(_ content: String, typography: TypographyStyle, highlightText: [String]) {
+        self.init(content, typography: typography)
+        self.highlightText = highlightText
+    }
+
+    // Whole-word matches of `highlightText` render semibold; the longest keyword wins (RN parity).
+    private var baseText: SwiftUI.Text {
+        let keywords = highlightText.filter { !$0.isEmpty }.sorted { $0.count > $1.count }
+        guard !keywords.isEmpty else { return SwiftUI.Text(content) }
+        let highlightFont = momoFont(size: fontScale(typography.fontSize), weight: TypographyStyle.headerXsSemibold.fontWeight, family: theme.font)
+        func isWordChar(_ character: Character?) -> Bool {
+            guard let character else { return false }
+            return character.isLetter || character.isNumber || character == "_"
+        }
+
+        var result = SwiftUI.Text(verbatim: "")
+        var plainStart = content.startIndex
+        var index = content.startIndex
+        while index < content.endIndex {
+            let previous = index > content.startIndex ? content[content.index(before: index)] : nil
+            let keyword = isWordChar(previous) ? nil : keywords.first { keyword in
+                guard content[index...].hasPrefix(keyword) else { return false }
+                let end = content.index(index, offsetBy: keyword.count)
+                return !isWordChar(end < content.endIndex ? content[end] : nil)
+            }
+            guard let keyword else {
+                index = content.index(after: index)
+                continue
+            }
+            let end = content.index(index, offsetBy: keyword.count)
+            result = result
+                + SwiftUI.Text(verbatim: String(content[plainStart..<index]))
+                + SwiftUI.Text(verbatim: String(content[index..<end])).font(highlightFont)
+            plainStart = end
+            index = end
+        }
+        return result + SwiftUI.Text(verbatim: String(content[plainStart...]))
+    }
+
     public var body: some View {
         let textColor = color ?? theme.colors.text.default
         // Strikethrough is driven either by the typography variant (mirrors Compose
         // *Strikethrough styles) or the explicit `strikethrough` flag.
         let isStrikethrough = strikethrough || typography.isStrikethrough
 
-        var text = SwiftUI.Text(content)
+        var text = baseText
             .font(momoFont(size: fontScale(typography.fontSize), weight: typography.fontWeight, family: theme.font))
             .foregroundColor(textColor)
             .strikethrough(isStrikethrough, color: textColor)

package/ios/native-kits.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name             = 'MoMoUIKits'
-  s.version          = '0.165.1-beta.11'
+  s.version          = '0.165.2-beta.2'
   s.summary          = 'MoMoUIKits for iOS'
   s.homepage         = 'https://momo.vn'
   s.license          = { :type => 'MIT' }

package/ios-demo/MoMoUIKitsDemo.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name             = 'MoMoUIKitsDemo'
-  s.version          = '0.165.1-beta.11'
+  s.version          = '0.165.2-beta.2'
   s.summary          = 'Demo browser for MoMoUIKits SwiftUI components'
   s.homepage         = 'https://momo.vn'
   s.license          = { :type => 'MIT' }

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/InformationDemo.swift

@@ -44,6 +44,10 @@ private struct InformationPreview: View {
             Information(title: "Payment failed", description: "We couldn't process your payment.",
                         state: .error, onPressAction: {}, action: "Retry")
         }
+        BasicColumnBox("Highlight text", alignment: .leading) {
+            Information(description: "Bạn được hoàn 50.000đ, áp dụng đến hết 31/12/2026",
+                        highlightText: ["50.000đ", "31/12/2026"])
+        }
         BasicColumnBox("Without icon", alignment: .leading) {
             Information(title: "No icon", description: "showIcon is set to false.", showIcon: false)
         }
@@ -60,6 +64,7 @@ private struct InformationPlayground: View {
     @State private var showIcon = true
     @State private var showIconClose = false
     @State private var action = ""
+    @State private var highlightText = "description"
 
     var body: some View {
         PlaygroundTab(
@@ -72,12 +77,15 @@ private struct InformationPlayground: View {
                     showIcon: showIcon,
                     action: action.isEmpty ? nil : action,
                     showIconClose: showIconClose,
-                    onPressClose: {}
+                    onPressClose: {},
+                    highlightText: highlightText.components(separatedBy: ",")
+                        .map { $0.trimmingCharacters(in: .whitespaces) }
                 )
             },
             params: [
                 .string("Title", $title),
                 .string("Description", $description),
+                .string("HighlightText: [String] (comma-separated)", $highlightText),
                 .radio("State", informationStateList, $state),
                 .checkbox("ShowIcon", $showIcon),
                 .checkbox("ShowIconClose", $showIconClose),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.165.1-beta.11",
+  "version": "0.165.2-beta.2-debug",
   "private": false,
   "dependeNavigationncies": {},
   "devDependencies": {},

package/publish.sh

@@ -372,10 +372,34 @@ phase_publish_npm() {
     # FIRST PUBLISH: DEBUG VERSION (with compose kits included)
     # ============================================================
     echo ""
+    # A bad token surfaces as a 404 on the PUT, after the working tree was already rewritten
+    # below — so verify auth first, before anything is touched.
+    if ! npm whoami --registry https://registry.npmjs.org >/dev/null 2>&1; then
+        echo "❌ Error: npm auth failed (npm whoami). Renew the token in .npmrc / ~/.npmrc and retry."
+        exit 1
+    fi
+
     echo "🔧 Preparing debug version with compose kits..."
 
     # Create debug version
     DEBUG_VERSION="${VERSION}-debug"
+
+    # set -e aborts mid-phase on any failure; put the tree back no matter where it stopped.
+    # Idempotent: the happy path already moved the backups away and reset the version.
+    restore_npm_workspace() {
+        [ -f .npmignore.backup ] && mv .npmignore.backup .npmignore
+        [ -f compose/build.gradle.kts.backup ] && mv compose/build.gradle.kts.backup compose/build.gradle.kts
+        local pkg_version
+        pkg_version=$(node -p "require('./package.json').version")
+        if [ "$pkg_version" != "$VERSION" ]; then
+            if [[ "$OSTYPE" == "darwin"* ]]; then
+                sed -i '' "s/\"version\": \"$pkg_version\"/\"version\": \"$VERSION\"/" package.json
+            else
+                sed -i "s/\"version\": \"$pkg_version\"/\"version\": \"$VERSION\"/" package.json
+            fi
+        fi
+    }
+    trap restore_npm_workspace EXIT
     echo "📦 Debug version: $DEBUG_VERSION"
 
     # Get current version from package.json (in case it's different from $VERSION)
@@ -482,6 +506,7 @@ EOF
     npm publish --tag $NPM_TAG --access=public
 
     echo "✅ Normal version published successfully!"
+    trap - EXIT
 
     echo ""
     echo "✅ PHASE 3 COMPLETED"