@momo-kits/native-kits 0.162.6-debug → 0.162.7-debug

package/CLAUDE.md

@@ -0,0 +1,78 @@
+# CLAUDE.md
+
+Guidance for working in this repo. Keep it accurate — update it when structure or commands change.
+
+## What this is
+
+`momo-native-kits` — MoMo's design-system / UI-kit as a **Kotlin Multiplatform + Compose Multiplatform** library, published for Android (AAR/Maven) and iOS (static framework + CocoaPods). It is the Compose port of the React Native `momo-kits`. Consumed by mini-apps embedded in the host MoMo app.
+
+- Artifact: `vn.momo.kits:kits` (version in `gradle.properties`). NPM mirror: `@momo-kits/native-kits`.
+- Targets: `androidTarget` (JVM 17, compile/min/target SDK 36/24/36), `iosArm64`, `iosSimulatorArm64` (framework `baseName = "kits"`, `isStatic = true`).
+- Kotlin 2.3.10, Compose MP 1.10.3.
+
+## Modules
+
+- `:compose` — the published library. All real code lives here.
+- `:sample:shared` + `:sample:androidApp` — demo app (`UIKitHome` lists all components). iOS demo in `sample/iosApp` (Xcode).
+
+## Source layout (`compose/src/commonMain/kotlin/vn/momo/kits/`)
+
+- `components/` — ~50 UI components, **one file per component** (`Button.kt`, `Input*.kt`, `PopupNotify.kt`, …).
+- `application/` — app-level context & config: `Context.kt` (CompositionLocals, `MiniAppContext`, `DesignSystemConfig`), `Localize.kt` (i18n: `LocalizationObject`, `Localize`, default dictionary), `Screen.kt`, header pieces. Also holds the **deprecated** `ApplicationContainer`.
+- `navigation/` — `NavigationContainer.kt` (**canonical entry point**), `Navigator.kt`, `Navigation.kt`, `StackScreen.kt`, `bottomtab/`, `component/`, `tracking/`.
+- `const/` — design tokens: `Theme.kt`, `Colors.kt`, `Typography.kt`, `Spacing.kt`, `Radius.kt`.
+- `layout/`, `modifier/`, `utils/`.
+- `platform/` — `Platform.kt` `expect` declarations, actualized in `androidMain` / `iosMain` (`Platform.android.kt`, `Platform.ios.kt`).
+
+## Build & verify
+
+No unit-test suite is configured. Validate changes by compiling the relevant target(s); use the sample app for visual checks.
+
+```bash
+./gradlew :compose:compileCommonMainKotlinMetadata        # validate commonMain (fast, do this first)
+./gradlew :compose:compileDebugKotlinAndroid              # Android target
+./gradlew :compose:linkDebugFrameworkIosSimulatorArm64    # iOS framework (slow)
+./gradlew :sample:androidApp:installDebug                 # run demo on device/emulator
+```
+
+Publishing is automated (`publish.sh` + GitLab CI on `[ci build]` / `main`). Do not publish manually unless asked: `sh publish.sh beta` / `sh publish.sh release` (Maven→GitLab + NPM).
+
+## Architecture essentials
+
+- **Entry point:** wrap content in `NavigationContainer(...)` from `navigation/`. It builds the `Navigator`, takes a host-supplied `Localize` (falls back to an empty one), and provides the CompositionLocals below. **Do not use** `ApplicationContainer` (`application/NavigationContainer.kt`) — deprecated and does **not** wire `LocalLocalize` / `LocalNavigator` / `LocalMaxApi`.
+- **Configuration flows via CompositionLocals**, not params. Public ones: `AppTheme`, `AppStatusBar`, `AppNavigationBar` (`const/Theme.kt`); `ApplicationContext`, `AppConfig`, `AppLanguage`, `LocalLocalize`, `ScaleSizeMaxRate` (`application/`); `LocalNavigator`, `LocalMaxApi` (`navigation/`). Read with `X.current`.
+- **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`.
+
+## i18n / Localize (port of RN `Localize`)
+
+- `application/Localize.kt`: everything i18n. `LocalizationObject` is a data class with required `vi` / `en` maps (`LocalizationObject(vi = mapOf(…), en = mapOf(…))`). `Localize` constructors take a `LocalizationObject` or a `(vi, en)` map pair; the constructor **merges** the kit defaults with the host data (host wins on key clash). Methods: `translate(key)` (missing/empty → returns the key), `translateData(map)` / `translateData(vi, en)`, `addTranslations` (existing keys win), `changeLanguage(lang)`. Default language `"vi"`, `"en"` only on exact match; language is snapshot state so a switch recomposes consumers.
+- The default dictionary lives **inside `Localize`** (companion `defaultLanguage`), **generated 1:1 from `momo-kits` RN `Assets/language.json`** — do not hand-edit that block; edit the RN source and regenerate.
+- The host creates one `Localize` and passes it in: `NavigationContainer(localize = myLocalize, …)`. There is **no** `language` param and `DesignSystemConfig` carries no translations — overrides go through the `Localize` constructor / `addTranslations`. Switch language at runtime with `myLocalize.changeLanguage("en")`.
+- Access in a `@Composable`: `LocalLocalize.current.translate("errorCode")`. Language is host-controlled, never read from the OS locale. `AppLanguage` is still provided (derived from `Localize.currentLanguage`) for older components that read it.
+- Some older components still do ad-hoc `AppLanguage.current` + `Map` lookups; new/changed code should use `LocalLocalize`.
+
+## Code conventions
+
+- **Tokens, not literals:** use `Colors`, `Typography`, `Spacing`, `Radius` objects and `AppTheme.current` for colors/styles. Per-component sizing is bundled in enums (e.g. `Button.Size(val value: ButtonSpecs)`).
+- **Composable signatures:** required params first, slot lambdas next, `modifier: Modifier = Modifier` **last**; give optional params sensible defaults.
+- **Stability:** annotate token/config data classes `@Stable`/`@Immutable`; memoize derived colors/styles/handlers with `remember(keys) { … }`.
+- **Custom modifiers** are preferred: `conditional(...)`, `setAutomationId(...)`, the `clickable` variants in `modifier/`.
+- Match the surrounding file's style when adding code.
+
+## Writing docs in code (follow this)
+
+Comments are **sparse and in English**. Document only what is **not obvious from the code** — non-obvious behavior, platform quirks, RN-parity semantics, memoization intent, or important gotchas worth flagging. Do **not**:
+
+- write KDoc walls or restate what the signature/code already says;
+- narrate obvious steps or add section-banner noise;
+- use a language other than English in code comments.
+
+Prefer one tight line at the surprising spot over a paragraph. Match the (low) comment density already in the codebase.
+
+## Gotchas
+
+- **Resource qualifier drift:** the generated Compose `Res` namespace is `vn.momo.uikits.resources`, but `utils/Resources.kt` and `platform/Platform.ios.kt` reference `vn.momo.compose.resources`. Keep bundled strings/dictionaries as plain Kotlin (the `defaultLanguage` map in `Localize.kt`), not `composeResources/values`, to avoid iOS framework resource-loading issues.
+- Prefer `NavigationContainer` over the deprecated `ApplicationContainer`; prefer `IMaxApi`/`LocalMaxApi` over the deprecated `PlatformApi`.
+- iOS strings/maps must survive Kotlin/Native framework packaging — keep them compiled-in, not loaded from resource bundles.

package/compose/build.gradle.kts

@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.162.6-debug"
+        version = "0.162.7-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.161.0-debug'
+    spec.version                  = '0.163.1-beta.1'
     spec.homepage                 = 'https://momo.vn'
     spec.source                   = { :http=> ''}
     spec.authors                  = ''

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

@@ -10,7 +10,7 @@ data class FeatureFlags(
 )
 
 @Immutable
-data class KitConfig(
+data class DesignSystemConfig(
     val trustBanner: TrustBannerData? = null,
     val headerBar: String? = null,
     val headerGradient: String? = null,
@@ -90,15 +90,7 @@ data class ComponentInformation(
 
 var IsShowBaseLineDebug = false
 
-val ApplicationContext = staticCompositionLocalOf<MiniAppContext?> {
-    null
-}
-
-val AppConfig = staticCompositionLocalOf<KitConfig?> {
-    null
-}
-
-val AppLanguage = staticCompositionLocalOf<String?> {
+val LocalContext = staticCompositionLocalOf<MiniAppContext?> {
     null
 }
 

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

@@ -117,7 +117,7 @@ private fun ToolkitHeaderRight(
     var isFavorite by remember { mutableStateOf(false) }
     val isLoading by remember { mutableStateOf(false) }
     val api = PlatformApi.current as? ComposeApi
-    val context = ApplicationContext.current
+    val context = LocalContext.current
 
     fun onPressShortcut() {
         api?.request("onToolAction", mapOf("item" to mapOf("key" to "onFavorite"))) {
@@ -262,7 +262,7 @@ fun NavigationButton(
         modifier = Modifier
             .size(28.dp)
             .clickable(enabled = !disabled, onClick = onClick)
-            
+
     ) {
         Box(
             modifier = Modifier

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

@@ -0,0 +1,269 @@
+package vn.momo.kits.application
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.staticCompositionLocalOf
+
+/** Translation dictionary keyed by language; both `vi` and `en` are required. */
+@Immutable
+data class LocalizationObject(
+    val vi: Map<String, String> = emptyMap(),
+    val en: Map<String, String> = emptyMap(),
+)
+
+/**
+ * Translation gateway, ported from momo-kits React Native (`Application/Localize.ts`).
+ * Holds the merged dictionary (kit defaults + host overrides) and the active language,
+ * switched at runtime via [changeLanguage]. Language is snapshot-backed, so a switch
+ * recomposes consumers of [translate]/[translateData].
+ */
+@Stable
+class Localize(translations: LocalizationObject = LocalizationObject()) {
+
+    private var assets by mutableStateOf(merge(defaultLanguage, translations))
+
+    private var language by mutableStateOf(VI)
+
+    val currentLanguage: String get() = language
+
+    fun changeLanguage(language: String?) {
+        this.language = if (language == EN) EN else VI
+    }
+
+    fun translate(key: String): String {
+        val dictionary = if (language == EN) assets.en else assets.vi
+        return dictionary[key]?.takeIf { it.isNotEmpty() } ?: key
+    }
+
+    fun translateData(data: Map<String, String>): String =
+        data[language] ?: data.entries.joinToString(prefix = "{", postfix = "}") {
+            "\"${it.key}\":\"${it.value}\""
+        }
+
+    fun translateData(vi: String, en: String): String = if (language == EN) en else vi
+
+    fun addTranslations(translations: LocalizationObject) {
+        assets = merge(translations, assets)
+    }
+
+    companion object {
+        const val VI = "vi"
+        const val EN = "en"
+
+        private fun merge(base: LocalizationObject, override: LocalizationObject) = LocalizationObject(vi = base.vi + override.vi, en = base.en + override.en)
+
+        private val defaultLanguage = LocalizationObject(
+            vi = mapOf(
+                "errorCode" to "Mã lỗi: ",
+                "seeMore" to "Xem thêm",
+                "cancel" to "Huỷ",
+                "done" to "Xong",
+                "confirm" to "Xác nhận",
+                "month" to "tháng",
+                "day" to "ngày",
+                "choose" to "Chọn",
+                "sent" to "Đã gửi",
+                "received" to "Đã tiếp nhận",
+                "processing" to "Đang xử lý",
+                "processed" to "Đã xử lý",
+                "addImg" to "Thêm hình",
+                "chooseBtn" to "Chọn button",
+                "imgEg" to "Hình ảnh tham khảo",
+                "filter" to "Sắp xếp",
+                "shipping" to "Đang giao hàng",
+                "men" to "Nam",
+                "women" to "Nữ",
+                "more" to "Khác",
+                "expDate" to "Ngày hết hạn",
+                "exp" to "HSD",
+                "inActive" to "Chưa kích hoạt",
+                "voucherRemindHour" to "Hết hạn sau {hours} giờ",
+                "voucherRemindMinute" to "Hết hạn sau {minutes} phút",
+                "voucherRemindSecond" to "Hết hạn sau {seconds} giây",
+                "voucherRemindDay" to "Hết hạn sau {days} ngày",
+                "chooseRoundtrip" to "Chọn vé khứ hồi",
+                "depart" to "Ngày đi",
+                "return" to "Ngày về",
+                "departing" to "Đi",
+                "returning" to "Về",
+                "jan" to "Tháng 1",
+                "feb" to "Tháng 2",
+                "mar" to "Tháng 3",
+                "apr" to "Tháng 4",
+                "may" to "Tháng 5",
+                "jun" to "Tháng 6",
+                "jul" to "Tháng 7",
+                "aug" to "Tháng 8",
+                "sep" to "Tháng 9",
+                "oct" to "Tháng 10",
+                "nov" to "Tháng 11",
+                "dec" to "Tháng 12",
+                "mon" to "T2",
+                "tue" to "T3",
+                "wed" to "T4",
+                "thu" to "T5",
+                "fri" to "T6",
+                "sat" to "T7",
+                "sun" to "CN",
+                "showLunar" to "Hiển thị lịch âm",
+                "newYear" to "Tết Dương lịch",
+                "valentine" to "Ngày Lễ Tình nhân",
+                "womenDay" to "Ngày Quốc tế Phụ nữ",
+                "liberationDay" to "Ngày giải phóng Miền Nam thống nhất đất nước",
+                "laborDay" to "Ngày Quốc tế Lao động",
+                "childrenDay" to "Ngày Quốc tế Thiếu nhi",
+                "nationalDay" to "Quốc khánh nước CHXHCN Việt Nam",
+                "womenDayVN" to "Ngày Phụ nữ Việt Nam",
+                "teacherDay" to "Ngày Nhà giáo Việt Nam",
+                "christmasEve" to "Ngày Lễ Giáng Sinh",
+                "christmas" to "Ngày Lễ Giáng Sinh",
+                "lunarNewYear" to "Tết Nguyên Đán",
+                "hungKingDay" to "Giỗ Tổ Hùng Vương",
+                "balance" to "Số dư trong ví",
+                "chooseDate" to "Chọn ngày tháng năm",
+                "year" to "năm",
+                "hour" to "giờ",
+                "minute" to "phút",
+                "from" to "Từ",
+                "to" to "Đến",
+                "connected" to "Đã kết nối",
+                "disconnected" to "Mất kết nối",
+                "hide" to "Ẩn",
+                "viewAllTitle" to "Xem tất cả",
+                "headerTitle" to "Lịch sử thanh toán",
+                "SHORTEN" to "THU GỌN",
+                "viewMoreBank" to "XEM THÊM (\${otherItemCount} ngân hàng)",
+                "transaction_success" to "Thành công",
+                "transaction_fail" to "Thất bại",
+                "transaction_processing" to "Đang xử lý",
+                "viewMore" to "Xem thêm",
+                "shorten" to "Thu gọn",
+                "Payment" to "Thanh toán \${serviceName}",
+                "currencyUnit" to "đ",
+                "Month" to "Tháng",
+                "save" to "Lưu",
+                "favoriteIn" to "Thêm dịch vụ yêu thích",
+                "favoriteOut" to "Xóa dịch vụ yêu thích",
+                "deviceIn" to "Thêm vào thiết bị",
+                "setting" to "Cài đặt",
+                "transaction" to "Lịch sử giao dịch",
+                "share" to "Chia sẽ dịch vụ",
+                "information" to "Thông tin chung",
+                "tutorial" to "Hướng dẫn sử dụng",
+                "question" to "Câu hỏi thường gặp",
+                "support" to "Trung tâm hỗ trợ",
+                "skip" to "Bỏ qua",
+                "enterPhoneNumber" to "Vui lòng nhập số điện thoại",
+                "invalidPhoneNumber" to "Số điện thoại không đúng",
+            ),
+            en = mapOf(
+                "seeMore" to "See more",
+                "cancel" to "Cancel",
+                "done" to "Done",
+                "confirm" to "Confirm",
+                "month" to "month",
+                "day" to "day",
+                "choose" to "Choose",
+                "sent" to "Sent",
+                "received" to "Received",
+                "processing" to "Processing",
+                "processed" to "Done",
+                "addImg" to "Add image",
+                "chooseBtn" to "Choose button",
+                "imgEg" to "Example images",
+                "filter" to "Filter",
+                "shipping" to "Shipping",
+                "men" to "Men",
+                "women" to "Women",
+                "more" to "More",
+                "expDate" to "Expiration date",
+                "exp" to "EXP",
+                "inActive" to "Not Activated",
+                "voucherRemindHour" to "Revoke after {hours} hours",
+                "voucherRemindMinute" to "Revoke after {minutes} minutes",
+                "voucherRemindSecond" to "Revoke after {seconds} seconds",
+                "voucherRemindDay" to "Revoke after {days} days",
+                "chooseRoundtrip" to "Choose roundtrip ticket",
+                "depart" to "Departing",
+                "return" to "Returning",
+                "departing" to "De",
+                "returning" to "Re",
+                "jan" to "January",
+                "feb" to "February",
+                "mar" to "March",
+                "apr" to "April",
+                "may" to "May",
+                "jun" to "June",
+                "jul" to "July",
+                "aug" to "August",
+                "sep" to "September",
+                "oct" to "October",
+                "nov" to "November",
+                "dec" to "December",
+                "mon" to "Mon",
+                "tue" to "Tue",
+                "wed" to "Wed",
+                "thu" to "Thu",
+                "fri" to "Fri",
+                "sat" to "Sat",
+                "sun" to "Sun",
+                "showLunar" to "Show Lunar Calendar",
+                "newYear" to "New Year's Day",
+                "valentine" to "Valentine's Day",
+                "womenDay" to "International Women's Day",
+                "liberationDay" to "Liberation Day",
+                "laborDay" to "Internation Labor's Day",
+                "childrenDay" to "International Labor's Day",
+                "nationalDay" to "National Day",
+                "womenDayVN" to "Vietnamese Women's Day",
+                "teacherDay" to "Teacher's Day",
+                "christmasEve" to "Christmas Eve",
+                "christmas" to "Christmas Day",
+                "lunarNewYear" to "Lunar New Year",
+                "hungKingDay" to "Hung Kings' Festival",
+                "balance" to "Wallet Balance",
+                "chooseDate" to "Choose date",
+                "year" to "year",
+                "hour" to "hour",
+                "minute" to "minute",
+                "from" to "From",
+                "to" to "To",
+                "connected" to "Connected",
+                "disconnected" to "Disconnected",
+                "hide" to "Hide",
+                "viewAllTitle" to "View all",
+                "headerTitle" to "Transaction history",
+                "SHORTEN" to "SHORTEN",
+                "viewMoreBank" to "VIEW MORE (\${otherItemCount} banks)",
+                "transaction_success" to "Success",
+                "transaction_fail" to "Fail",
+                "transaction_processing" to "Processing",
+                "viewMore" to "View more",
+                "shorten" to "Shorten",
+                "Payment" to "\${serviceName} payment",
+                "currencyUnit" to "VND",
+                "Month" to "Month",
+                "save" to "Save",
+                "favoriteIn" to "Add to favorite services",
+                "favoriteOut" to "Remove to favorite services",
+                "deviceIn" to "Add to device",
+                "setting" to "Settings",
+                "transaction" to "Transaction History",
+                "share" to "Share",
+                "information" to "Information",
+                "tutorial" to "Instruction",
+                "question" to "FAQ",
+                "support" to "Support center",
+                "errorCode" to "Error code: ",
+                "skip" to "Skip",
+                "enterPhoneNumber" to "Please enter your phone number",
+                "invalidPhoneNumber" to "Invalid phone number",
+            ),
+        )
+    }
+}
+
+val LocalLocalize = staticCompositionLocalOf { Localize() }

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

@@ -69,7 +69,7 @@ fun ApplicationContainer(
     composeApi: ComposeApi? = null,
     statusBarHeight: Dp? = AppStatusBar.current,
     applicationContext: MiniAppContext? = null,
-    config: KitConfig? = null,
+    config: DesignSystemConfig? = null,
     language: String? = null,
     isWhiteList: Boolean = false,
     content: @Composable () -> Unit,
@@ -97,13 +97,11 @@ fun ApplicationContainer(
         AppTheme provides appTheme,
         PlatformApi provides composeApi,
         AppStatusBar provides appStatusBarHeight,
-        ApplicationContext provides applicationContext,
-        AppConfig provides config,
-        AppLanguage provides language,
+        LocalContext provides applicationContext,
     ) {
         Box(Modifier.wrapContentSize().then(DeprecatedModifier())) {
             content()
         }
     }
 
-}
+}

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

@@ -15,8 +15,8 @@ import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.text.TextLayoutResult
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
-import vn.momo.kits.application.AppLanguage
 import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.application.LocalLocalize
 import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
@@ -83,9 +83,6 @@ fun PopupNotify(
         }
     }
 
-    val language = AppLanguage.current ?: "vi"
-    val errorCode: Map<String, String> = mapOf("vi" to "Mã lỗi: ", "en" to "Error code: ")
-
     LaunchedEffect(layoutResult.value) {
         layoutResult.value?.let { v ->
             // cap visible height at ~8.5 lines
@@ -161,7 +158,7 @@ fun PopupNotify(
                 content(Modifier.padding(top = Spacing.S))
                 if (props.error.isNotEmpty()) {
                     Text(
-                        text = errorCode[language] + props.error,
+                        text = LocalLocalize.current.translate("errorCode") + props.error,
                         style = Typography.descriptionXsRegular,
                         color = AppTheme.current.colors.text.hint,
                         maxLines = 1,

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

@@ -18,8 +18,7 @@ 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.AppConfig
-import vn.momo.kits.application.AppLanguage
+import vn.momo.kits.application.LocalLocalize
 import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Typography
@@ -68,9 +67,8 @@ fun TrustBanner(
     onPress: ((Map<String, String>) -> Unit)? = null,
     trackEvent: ((String, Map<String, String>) -> Unit)? = null
 ) {
-    val appConfig = AppConfig.current
-    val language = AppLanguage.current ?: "vi"
-    val trustBanner = appConfig?.trustBanner ?: defaultBanner
+    val localize = LocalLocalize.current
+    val trustBanner = defaultBanner
     val trackParams = mapOf(
         "service_name" to serviceName,
         "screen_name" to screenName,
@@ -124,7 +122,7 @@ fun TrustBanner(
                 .padding(start = 10.dp)
         ) {
             Text(
-                text = trustBanner.content[language] ?: "",
+                text = localize.translateData(trustBanner.content),
                 modifier = Modifier.padding(bottom = 8.dp),
                 color = Color(contentColor),
                 style = Typography.descriptionDefaultRegular,
@@ -138,7 +136,7 @@ fun TrustBanner(
                     verticalAlignment = Alignment.CenterVertically,
                 ) {
                     Text(
-                        text = trustBanner.subContent[language] ?: "",
+                        text = localize.translateData(trustBanner.subContent),
                         color = Color(subContentColor),
                         style = Typography.actionXsBold,
                         maxLines = 2

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

@@ -41,7 +41,7 @@ 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.application.ApplicationContext
+import vn.momo.kits.application.LocalContext
 import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.Typography
 import vn.momo.kits.navigation.tracking.ScreenTracker
@@ -73,7 +73,7 @@ internal fun BottomSheet(
     val coroutineScope = rememberCoroutineScope()
 
     val maxApi = LocalMaxApi.current
-    val context = ApplicationContext.current
+    val context = LocalContext.current
 
     DisposableEffect(Unit) {
         ScreenTracker.trackPopupDisplayed(

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

@@ -18,7 +18,7 @@ import androidx.compose.ui.draw.scale
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.launch
-import vn.momo.kits.application.ApplicationContext
+import vn.momo.kits.application.LocalContext
 import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.Colors
 import vn.momo.kits.modifier.conditional
@@ -40,7 +40,7 @@ internal fun ModalScreen(
     val coroutineScope = rememberCoroutineScope()
 
     val maxApi = LocalMaxApi.current
-    val context = ApplicationContext.current
+    val context = LocalContext.current
 
     DisposableEffect(Unit) {
         ScreenTracker.trackPopupDisplayed(

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

@@ -9,7 +9,6 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
 import androidx.navigation.toRoute
-import kotlinx.coroutines.flow.collect
 import vn.momo.kits.application.*
 import vn.momo.kits.const.*
 import vn.momo.kits.platform.ProvideNavigationEventDispatcherOwner
@@ -23,12 +22,11 @@ fun NavigationContainer(
     initialScreen: @Composable () -> Unit,
     options: NavigationOptions? = null,
     initialTheme: Theme = defaultTheme,
-    applicationContext: MiniAppContext? = null,
-    maxApi: IMaxApi? = null,
+    miniappContext: MiniAppContext? = null,
+    maxApi: IMaxApi?,
     setNavigator: ((Navigator) -> Unit)? = null,
     statusBarHeight: Dp? = null,
-    config: KitConfig? = null,
-    language: String? = null
+    localize: Localize? = null,
 ){
     val navController = rememberNavController()
     val registry = remember { DynamicScreenRegistry() }
@@ -36,8 +34,8 @@ fun NavigationContainer(
     val statusBarHeight = statusBarHeight ?: getAppStatusBarHeight()
     val navigationBarHeight = getNavigationBarHeight()
 
-    val parentContext = ApplicationContext.current
-    val mergedContext = MiniAppContext.merge(parentContext, applicationContext)
+    val parentContext = LocalContext.current
+    val mergedContext = MiniAppContext.merge(parentContext, miniappContext)
 
     var observerFontScaleConfig by remember { mutableStateOf(mergedContext?.fontScaleConfig) }
     LaunchedEffect(maxApi) {
@@ -51,16 +49,8 @@ fun NavigationContainer(
 
     val theme = remember { mutableStateOf(initialTheme) }
 
-    LaunchedEffect(Unit) {
-        val headerBar = config?.headerBar
-        if (headerBar != null && theme.value.assets.headerBackground == null) {
-            theme.value = theme.value.copy(
-                assets = ThemeAssets(
-                    headerBackground = headerBar
-                )
-            )
-        }
-    }
+    val fallbackLocalize = remember { Localize() }
+    val resolvedLocalize = localize ?: fallbackLocalize
 
     val screenId = rememberSaveable { registry.nextId() }
     registry.bind(screenId, initialScreenName, initialScreen, options)
@@ -74,11 +64,10 @@ fun NavigationContainer(
             AppTheme provides theme.value,
             AppStatusBar provides statusBarHeight,
             AppNavigationBar provides navigationBarHeight,
-            ApplicationContext provides mergedContext,
-            AppConfig provides config,
-            AppLanguage provides language,
+            LocalContext provides mergedContext,
+            LocalLocalize provides resolvedLocalize,
             LocalFontScaleConfig provides (observerFontScaleConfig ?: LocalFontScaleConfig.current),
-        ) {
+            ) {
             LaunchedEffect(Unit) {
                 setNavigator?.invoke(navigator)
             }

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

@@ -69,7 +69,7 @@ import vn.momo.kits.platform.supportsImePadding
 import vn.momo.kits.navigation.tracking.ScreenTracker
 import vn.momo.kits.navigation.tracking.ScreenTrackingState
 import kotlinx.coroutines.delay
-import vn.momo.kits.application.ApplicationContext
+import vn.momo.kits.application.LocalContext
 import kotlin.time.Clock
 import kotlin.time.Duration.Companion.milliseconds
 import kotlin.time.ExperimentalTime
@@ -89,7 +89,7 @@ internal fun StackScreen(
 ) {
     val navigator = LocalNavigator.current
     val maxApi = LocalMaxApi.current
-    val context = ApplicationContext.current
+    val context = LocalContext.current
     val statusBar = AppStatusBar.current
     val density = LocalDensity.current
     val screenRegistry = LocalDynamicScreenRegistry.current

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

@@ -26,7 +26,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
-import vn.momo.kits.application.ApplicationContext
+import vn.momo.kits.application.LocalContext
 import vn.momo.kits.application.MiniAppContext
 import vn.momo.kits.components.BadgeDot
 import vn.momo.kits.components.DotSize
@@ -66,7 +66,7 @@ internal fun Toolkit(
     headerColor: HeaderColor
 ) {
     val api = LocalMaxApi.current
-    val context = ApplicationContext.current
+    val context = LocalContext.current
 
     var isFavorite by remember { mutableStateOf(false) }
     val isLoading by remember { mutableStateOf(false) }
@@ -306,4 +306,4 @@ data class Tool(
 private data class NavigationButtonConfig(
     val icon: String,
     val onPress: () -> Unit
-)
+)

package/gradle.properties

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.162.6-debug",
+  "version": "0.162.7-debug",
   "private": false,
   "dependencies": {},
   "devDependencies": {},