@momo-kits/native-kits 0.163.1-beta.9-debug → 0.163.1-sp.1-debug

package/.claude/settings.local.json

@@ -0,0 +1,75 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\" \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/0.144.6/skiko-android-0.144.6.pom\")",
+      "Bash(curl -s \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/maven-metadata.xml\")",
+      "Bash(curl -s \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko/maven-metadata.xml\")",
+      "Bash(curl -s \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko/0.144.6/skiko-0.144.6.module\")",
+      "Bash(curl -s -o /dev/null -w '%{http_code}' https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/0.144.6/skiko-android-0.144.6.__TRACKED_VAR__)",
+      "Bash(curl -s \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/0.144.6/\")",
+      "Bash(curl -s \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/\")",
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\\\\n\" \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/0.148.1/skiko-android-0.148.1.pom\")",
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\\\\n\" \"https://repo.maven.apache.org/maven2/org/jetbrains/skiko/skiko-android/0.144.5/skiko-android-0.144.5.pom\")",
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\\\\n\" \"https://dl.google.com/dl/android/maven2/org/jetbrains/skiko/skiko-android/0.144.6/skiko-android-0.144.6.pom\")",
+      "Bash(curl -s \"https://search.maven.org/solrsearch/select?q=a:skiko-android&rows=5&wt=json\")",
+      "Bash(curl -sL -o /dev/null -w \"%{http_code} %{url_effective}\\\\n\" \"https://repo1.maven.org/maven2/org/jetbrains/skiko/skiko-android/0.144.6/skiko-android-0.144.6.pom\")",
+      "Bash(curl *)",
+      "Bash(./gradlew :sample:androidApp:dependencies --configuration debugRuntimeClasspath)",
+      "Bash(./gradlew :sample:shared:compileDebugKotlinAndroid)",
+      "Bash(./gradlew :sample:androidApp:compileDebugKotlin)",
+      "Bash(ls -d *.xcodeproj)",
+      "Bash(grep -c ChipDemo.swift __TRACKED_VAR__/project.pbxproj)",
+      "Bash(grep -c PBXFileSystemSynchronizedRootGroup __TRACKED_VAR__/project.pbxproj)",
+      "Bash(grep -c InformationDemo.swift __TRACKED_VAR__/project.pbxproj)",
+      "Bash(plutil -lint project.pbxproj)",
+      "Bash(xcode-select -p)",
+      "Bash(/usr/bin/xcrun xcodebuild *)",
+      "Bash(echo \"exit: $?\")",
+      "Bash(/Applications/Xcode26.app/Contents/Developer/usr/bin/xcodebuild -version)",
+      "Bash(./gradlew :compose:tasks --all)",
+      "Bash(grep -n \"vanniktech\\\\|mavenPublishing\\\\|^publishing\\\\|version = gitlabVersion\\\\|namespace =\\\\|compileSdk =\\\\|minSdk =\\\\|GitLabPackages\\\\|name = \\\\\"\\\\${gitlabRepo}Packages\\\\\"\")",
+      "Bash(git checkout *)",
+      "Bash(./gradlew :compose:publishAllPublicationsToGitLabPackagesRepository --dry-run)",
+      "Bash(git fetch *)",
+      "Bash(git pull *)",
+      "Bash(git push *)",
+      "Bash(git branch *)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -list)",
+      "Bash(xcrun simctl *)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme iosApp -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14 Pro' -configuration Debug build CODE_SIGNING_ALLOWED=NO)",
+      "Bash(pod install *)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme iosApp -sdk iphonesimulator -destination 'id=1E6F9A79-5E64-4590-BEA2-828D75D99393' -configuration Debug build CODE_SIGNING_ALLOWED=NO)",
+      "Bash(xcrun swiftc *)",
+      "Bash(echo \"=== exit: $? \\(1=none found\\) ===\")",
+      "Bash(cat Radius.swift)",
+      "Bash(cat Spacing.swift)",
+      "Bash(echo \"exit=$?\")",
+      "Bash(ruby *)",
+      "Bash(xcodebuild -list -workspace iosApp.xcworkspace)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme MoMoUIKits -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14 Pro' build)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme MoMoUIKits -sdk iphonesimulator -destination 'platform=iOS Simulator,id=E6A899C0-098E-473A-95B8-A2BBD2D42A92' build)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme iosApp -sdk iphonesimulator -destination 'platform=iOS Simulator,id=E6A899C0-098E-473A-95B8-A2BBD2D42A92' build)",
+      "Bash(xcodebuild build *)",
+      "Bash(git stash *)",
+      "Bash(plutil -lint sample/iosApp/iosApp.xcodeproj/project.pbxproj)",
+      "Bash(git add *)",
+      "Bash(git commit -m 'feat: DS-646 [ci build] *)",
+      "Bash(git commit -q -m 'fix:  DS-656 [ci build] *)",
+      "Bash(xargs git log --oneline -1)",
+      "Bash(git rev-list *)",
+      "Bash(git status *)",
+      "Bash(git rebase *)",
+      "Bash(git merge *)",
+      "Bash(git reset *)",
+      "Bash(awk '/^ *)",
+      "Bash(git ls-tree *)",
+      "Bash(awk *)",
+      "Read(//Users/sophia/Workspace/momo/momo-app/**)",
+      "Bash(git log *)",
+      "Bash(xcodebuild -version)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme iosApp -sdk iphonesimulator -destination 'generic/platform=iOS Simulator' -configuration Debug build CODE_SIGNING_ALLOWED=NO)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme MoMoUIKits -sdk iphonesimulator -destination 'generic/platform=iOS Simulator' -configuration Debug build CODE_SIGNING_ALLOWED=NO)",
+      "Bash(xcodebuild -workspace iosApp.xcworkspace -scheme MoMoUIKits -sdk iphonesimulator -destination 'generic/platform=iOS Simulator' -configuration Debug clean build CODE_SIGNING_ALLOWED=NO)"
+    ]
+  }
+}

package/compose/build.gradle.kts

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

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

@@ -167,8 +167,7 @@ private fun ToolkitHeaderRight(
                 if (toolResponse != null) {
                     headerRight?.toolCallback?.invoke(toolResponse)
                 }
-            } catch (e: Exception) {
-                println("Error parsing response: $e")
+            } catch (_: Exception) {
             }
         }
     }

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

@@ -209,7 +209,6 @@ internal class CupertinoOverscrollEffect(
     private fun availableDelta(delta: Offset, source: CupertinoScrollSource): Offset {
         val (x, overscrollX) = availableDelta(delta.x, overscrollOffset.x, source)
         val (y, overscrollY) = availableDelta(delta.y, overscrollOffset.y, source)
-        println("availableDelta delta=${delta.y} consumed y=$y overscrollY=$overscrollY source=${source}")
         overscrollOffset = Offset(overscrollX, overscrollY)
 
         return Offset(x, y)

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Colors.kt

@@ -147,6 +147,17 @@ object Colors {
     val red_10 = Color(0xFFFEF4F4)
     val red_11 = Color(0xFFFEF8F8)
 
+    // Translucent overlays, ported from the React kit's Consts (the reference
+    // palette). React spells them `#RRGGBBAA`; Compose's Color takes `0xAARRGGBB`.
+    val opacity_black_20 = Color(0x33000000)
+    val opacity_black_40 = Color(0x66000000)
+    val opacity_black_60 = Color(0x99000000)
+    val opacity_black_80 = Color(0xCC000000)
+    val opacity_white_20 = Color(0x33FFFFFF)
+    val opacity_white_40 = Color(0x66FFFFFF)
+    val opacity_white_60 = Color(0x99FFFFFF)
+    val opacity_white_80 = Color(0xCCFFFFFF)
+
     val colorList: Map<String, Color> = mapOf(
         "black_01" to black_01,
         "black_02" to black_02,
@@ -302,5 +313,13 @@ object Colors {
         "red_09" to red_09,
         "red_10" to red_10,
         "red_11" to red_11,
+        "opacity_black_20" to opacity_black_20,
+        "opacity_black_40" to opacity_black_40,
+        "opacity_black_60" to opacity_black_60,
+        "opacity_black_80" to opacity_black_80,
+        "opacity_white_20" to opacity_white_20,
+        "opacity_white_40" to opacity_white_40,
+        "opacity_white_60" to opacity_white_60,
+        "opacity_white_80" to opacity_white_80,
     )
 }

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt

@@ -4,8 +4,8 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
-import androidx.compose.foundation.layout.ExperimentalLayoutApi
 import androidx.compose.foundation.layout.FlowRow
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
@@ -18,18 +18,13 @@ import androidx.compose.ui.unit.dp
 import vn.momo.kits.components.Image
 import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Radius
+import vn.momo.kits.const.Spacing
 
-/**
- * A white rounded surface card that lays its [Item]s on a 12-column grid
- * (React kit foundations/Layout/Card). 8dp gutter, 12dp padding, 12dp
- * horizontal margin, Radius.M corners, background = theme surface, optional
- * shadow or [backgroundImage]. Items flow left-to-right and wrap.
- */
-@OptIn(ExperimentalLayoutApi::class)
 @Composable
-fun Card(
+internal fun Card(
     useShadow: Boolean = false,
     backgroundImage: String? = null,
+    contentPadding: PaddingValues = PaddingValues(Spacing.M),
     modifier: Modifier = Modifier,
     content: @Composable () -> Unit,
 ) {
@@ -39,20 +34,12 @@ fun Card(
     var surface = modifier.fillMaxWidth().padding(horizontal = 12.dp)
     if (useShadow) surface = surface.shadow(4.dp, shape)
     surface = surface.clip(shape)
-    // The React kit drops the surface colour when a backgroundImage is supplied
-    // (`!!backgroundImage && { backgroundColor: undefined }`).
     if (backgroundImage == null) surface = surface.background(AppTheme.current.colors.background.surface)
     Box(modifier = surface) {
-        // React renders this as an absolutely-filled child BEHIND the content
-        // (styles.imageBackground: position absolute, inset 0) — matchParentSize
-        // fills the card without contributing to its measured size.
         if (backgroundImage != null) {
             Image(source = backgroundImage, modifier = Modifier.matchParentSize())
         }
-        BoxWithConstraints(modifier = Modifier.fillMaxWidth().padding(12.dp)) {
-            // `- 1.dp / columns` mirrors the React kit's `- 1 / numberOfColumns`
-            // nudge: it keeps a full 12-span Item ~1dp narrower than the content
-            // box so sub-pixel rounding can never overflow and wrap the FlowRow.
+        BoxWithConstraints(modifier = Modifier.fillMaxWidth().padding(contentPadding)) {
             val sizePerSpan = (maxWidth - gutter * (columns - 1)) / columns - 1.dp / columns
             CompositionLocalProvider(LocalGridContext provides GridContext(columns, gutter, sizePerSpan)) {
                 FlowRow(

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt

@@ -9,30 +9,18 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 
-/**
- * Grid context supplied by [Section] / [Card]: the per-span cell size + gutter,
- * so an [Item] can resolve its pixel width from a 1-12 `widthSpan`. Mirrors the
- * React kit's GridContext (foundations/Layout/GridSystem).
- */
-data class GridContext(
+internal data class GridContext(
     val numberOfColumns: Int = 12,
     val gutter: Dp = 12.dp,
     val sizePerSpan: Dp = 0.dp,
 ) {
-    /** Width covering `span` columns + the (span-1) gutters between them. */
     fun sizeForSpan(span: Int): Dp = sizePerSpan * span + gutter * (span - 1)
 }
 
-/** Provided by Section/Card; null when an Item is rendered outside a grid. */
-val LocalGridContext = compositionLocalOf<GridContext?> { null }
+internal val LocalGridContext = compositionLocalOf<GridContext?> { null }
 
-/**
- * A grid cell. `widthSpan` (1-12) sets the width as a fraction of the parent
- * Section/Card; the parent's flex-wrap flows the cells into rows. Rendered
- * outside a grid it just wraps its content at its natural size.
- */
 @Composable
-fun Item(
+internal fun Item(
     widthSpan: Int = 12,
     heightSpan: Int = 0,
     modifier: Modifier = Modifier,

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt

@@ -3,7 +3,6 @@ package vn.momo.kits.layout
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
-import androidx.compose.foundation.layout.ExperimentalLayoutApi
 import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
@@ -13,14 +12,8 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.components.Image
 
-/**
- * A transparent 12-column grid row that wraps its [Item]s (React kit
- * foundations/Layout/Section). 12dp gutter; 12dp horizontal margin when
- * `useMargin`; optional [backgroundImage]. Items flow left-to-right and wrap.
- */
-@OptIn(ExperimentalLayoutApi::class)
 @Composable
-fun Section(
+internal fun Section(
     useMargin: Boolean = true,
     backgroundImage: String? = null,
     modifier: Modifier = Modifier,
@@ -30,15 +23,10 @@ fun Section(
     val gutter = 12.dp
     val margin = if (useMargin) 12.dp else 0.dp
     Box(modifier = modifier.fillMaxWidth().padding(horizontal = margin)) {
-        // React renders this as an absolutely-filled child behind the content
-        // (styles.imageBackground: position absolute, inset 0).
         if (backgroundImage != null) {
             Image(source = backgroundImage, modifier = Modifier.matchParentSize())
         }
         BoxWithConstraints(modifier = Modifier.fillMaxWidth()) {
-            // `- 1.dp / columns` mirrors the React kit's `- 1 / numberOfColumns`
-            // nudge — keeps a full 12-span Item ~1dp inside the content box so
-            // sub-pixel rounding can never overflow and wrap the FlowRow.
             val sizePerSpan = (maxWidth - gutter * (columns - 1)) / columns - 1.dp / columns
             CompositionLocalProvider(LocalGridContext provides GridContext(columns, gutter, sizePerSpan)) {
                 FlowRow(

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

@@ -43,6 +43,7 @@ import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.application.LocalContext
 import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.const.AppNavigationBar
 import vn.momo.kits.const.Typography
 import vn.momo.kits.navigation.tracking.ScreenTracker
 import vn.momo.kits.modifier.conditional
@@ -58,8 +59,6 @@ internal fun BottomSheet(
     barrierDismissible: Boolean = true,
     onDismiss: (() -> Unit)?
 ) {
-    val navigator = LocalNavigator.current
-
     val screenHeightDp = getScreenHeight()
     val screenHeightPx = with(LocalDensity.current) { screenHeightDp.toPx() }
     val sheetOffset = remember { Animatable(screenHeightPx) }
@@ -162,7 +161,7 @@ internal fun BottomSheet(
                 .noFeedbackClickable {  },
             contentAlignment = Alignment.BottomCenter
         ) {
-            Column {
+            Column(Modifier.padding(bottom = AppNavigationBar.current)) {
                 Box(
                     modifier = Modifier
                         .height(72.dp)

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

@@ -280,7 +280,7 @@ internal fun ColumnScope.MainContent(content: @Composable () -> Unit, isBottomTa
                 bottom = when {
                     options.hasFooter() || isBottomTabRoot -> 0.dp
                     isBottomTabChild -> bottomTabBarInset() + (navigationBar - keyboardSizeState().value).coerceAtLeast(0.dp)
-                    !options.scrollData.scrollable -> 0.dp
+                    !options.scrollData.scrollable && options.scrollData.scrollState == null -> 0.dp
                     else -> navigationBar
                 }
             )

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

@@ -31,7 +31,6 @@ object ScreenTracker {
         val previousScreen = lastScreenName
         lastScreenName = screenName
 
-        println("Tracking screen navigated native kit: $screenName")
         maxApi?.track(
             eventName = "auto_screen_navigated",
             params = buildBaseParams(context, screenName).apply {

package/gradle.properties

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

package/ios/Application/Localize.swift

@@ -11,6 +11,7 @@
 //
 
 import Foundation
+import SwiftUI
 
 /// Translation dictionary keyed by language; both `vi` and `en` are required.
 public struct LocalizationObject {
@@ -275,3 +276,34 @@ public final class Localize: ObservableObject {
         ]
     )
 }
+
+/// Snapshots `currentLanguage` alongside the instance so SwiftUI sees an environment
+/// *change* on `changeLanguage`: the `Localize` reference alone never changes, and
+/// `@Environment` does not subscribe to `@Published` the way `@EnvironmentObject` does.
+private struct LocalizeBox: Equatable {
+    let localize: Localize
+    let language: String
+
+    init(_ localize: Localize) {
+        self.localize = localize
+        self.language = localize.currentLanguage
+    }
+
+    static func == (lhs: LocalizeBox, rhs: LocalizeBox) -> Bool {
+        lhs.localize === rhs.localize && lhs.language == rhs.language
+    }
+}
+
+private struct LocalizeKey: EnvironmentKey {
+    /// A default-constructed `Localize` already carries the full kit dictionary, so a
+    /// consumer that never injects one renders untranslated-but-correct text instead of
+    /// trapping the way `@EnvironmentObject` does.
+    static let defaultValue = LocalizeBox(Localize())
+}
+
+public extension EnvironmentValues {
+    var localize: Localize {
+        get { self[LocalizeKey.self].localize }
+        set { self[LocalizeKey.self] = LocalizeBox(newValue) }
+    }
+}

package/ios/Application/Navigation/NavigationContainer.swift

@@ -63,12 +63,14 @@ public struct NavigationContainer<Initial: View>: View {
         .environmentObject(applicationEnvironment)
         .environment(\.applicationEnvironment, applicationEnvironment)
         .environmentObject(localize)
+        .environment(\.localize, localize)
         .fullScreenCover(item: $navigator.presented) { route in
             screenView(forDialog: route)
                 .environmentObject(navigator)
                 .environmentObject(applicationEnvironment)
                 .environment(\.applicationEnvironment, applicationEnvironment)
                 .environmentObject(localize)
+                .environment(\.localize, localize)
         }
         .overlay {
             if let item = navigator.overplay {
@@ -77,6 +79,7 @@ public struct NavigationContainer<Initial: View>: View {
                     .environmentObject(applicationEnvironment)
                     .environment(\.applicationEnvironment, applicationEnvironment)
                     .environmentObject(localize)
+                    .environment(\.localize, localize)
             }
         }
         .onAppear {

package/ios/Popup/PopupDisplay.swift

@@ -54,7 +54,7 @@ extension View {
 // MARK: - PopupDisplay
 
 public struct PopupDisplay: View {
-    @EnvironmentObject private var localize: Localize
+    @Environment(\.localize) private var localize
 
     // MARK: Lifecycle
 

package/ios/Popup/PopupNotify.swift

@@ -38,7 +38,7 @@ public struct PopupNotifyProps {
 }
 
 public struct PopupNotify: View {
-    @EnvironmentObject private var localize: Localize
+    @Environment(\.localize) private var localize
 
     public let props: PopupNotifyProps
 

package/ios/Popup/PopupPromotion.swift

@@ -20,26 +20,21 @@ public struct PopupPromotion: View {
     }
 
     public var body: some View {
-        // Mirrors Kotlin's `Modifier.fillMaxWidth().aspectRatio(0.72f)` box with
-        // `ContentScale.FillBounds` inside it: a fixed-ratio frame the image stretches
-        // to exactly fill (no `.aspectRatio` modifier on the image itself, unlike the
-        // previous `.fit`, which letterboxed instead of stretching).
-        let boxWidth = UIScreen.main.bounds.width - Spacing.XL * 2
-        let boxHeight = boxWidth / 0.72
-
         VStack(spacing: 8) {
             if(imageUrl.isEmpty) {
-                Icon(source: "media_fail", size: boxWidth)
+                Icon(source: "media_fail", size: UIScreen.main.bounds.width - Spacing.XL * 2)
             }
             else {
                 WebImage(url: URL(string: imageUrl)!)
                     .resizable()
                     .placeholder {
                         Color.gray
-                            .frame(width: boxWidth, height: boxHeight)
+                            .aspectRatio(0.72, contentMode: .fit)
+                            .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2)
                             .clipped()
                     }
-                    .frame(width: boxWidth, height: boxHeight, alignment: .center)
+                    .aspectRatio(0.72, contentMode: .fit)
+                    .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2, alignment: .center)
                     .clipped()
                     .onTapGesture {
                         onAction?()
@@ -70,7 +65,6 @@ public struct PopupPromotion: View {
                 .padding(8)
                 .zIndex(1)
             }
-            .buttonStyle(.plain)
         }
     }
 

package/ios/Template/TrustBanner/TrustBanner.swift

@@ -51,8 +51,8 @@ let defaultBanner = TrustBannerData(
 )
 
 public struct TrustBanner: View {
-    @EnvironmentObject var applicationEnvironment: ApplicationEnvironment
-    @EnvironmentObject private var localize: Localize
+    @Environment(\.applicationEnvironment) var applicationEnvironment
+    @Environment(\.localize) private var localize
 
     var onPress: ((String)->Void)?
 

package/ios/native-kits.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name             = 'MoMoUIKits'
-  s.version          = '0.163.1-beta.9'
+  s.version          = '0.163.1-sp.1'
   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.163.1-beta.9'
+  s.version          = '0.163.1-sp.1'
   s.summary          = 'Demo browser for MoMoUIKits SwiftUI components'
   s.homepage         = 'https://momo.vn'
   s.license          = { :type => 'MIT' }

package/local.properties

@@ -4,5 +4,5 @@
 # Location of the SDK. This is only used by Gradle.
 # For customization when using a Version Control System, please read the
 # header note.
-#Wed Aug 21 14:20:12 ICT 2024
-sdk.dir=/Users/huynhdung/Library/Android/sdk
+#Tue Jun 02 17:05:32 ICT 2026
+sdk.dir=/Users/sophia/Library/Android/sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.163.1-beta.9-debug",
+  "version": "0.163.1-sp.1-debug",
   "private": false,
   "dependencies": {},
   "devDependencies": {},