@momo-kits/native-kits 0.157.1-skill.3-debug → 0.157.1-skill.6-debug

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-0-button/with_skill/outputs/ButtonExample.kt

@@ -1,55 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.Button
-import vn.momo.kits.components.ButtonType
-import vn.momo.kits.components.Size
-
-/**
- * Example: Primary Button with text 'Đăng nhập'
- *
- * This demonstrates how to create a primary button in MoMo Native Kits
- * with the Vietnamese text "Đăng nhập" (Login).
- */
-@Composable
-fun LoginButtonExample() {
-    Button(
-        onClick = {
-            // Handle login action
-        },
-        title = "Đăng nhập",
-        type = ButtonType.PRIMARY,
-        size = Size.LARGE,
-        isFull = true,
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp)
-    )
-}
-
-/**
- * Alternative example: Primary button with additional customization
- */
-@Composable
-fun LoginButtonWithIconsExample() {
-    Button(
-        onClick = {
-            // Handle login action
-        },
-        title = "Đăng nhập",
-        type = ButtonType.PRIMARY,
-        size = Size.LARGE,
-        iconLeft = "user",        // Optional: Add icon on the left
-        iconRight = "arrow_right", // Optional: Add icon on the right
-        loading = false,          // Set to true when processing login
-        isFull = true,
-        useTintColor = true,
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp)
-    )
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-0-button/without_skill/outputs/ButtonExample.kt

@@ -1,45 +0,0 @@
-package com.momo.example
-
-import androidx.compose.foundation.layout.fillWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.Button
-import androidx.compose.material3.ButtonDefaults
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-
-/**
- * Primary button with Vietnamese text "Đăng nhập" (Login)
- */
-@Composable
-fun PrimaryLoginButton(
-    onClick: () -> Unit,
-    modifier: Modifier = Modifier
-) {
-    Button(
-        onClick = onClick,
-        modifier = modifier
-            .fillWidth()
-            .height(48.dp),
-        shape = RoundedCornerShape(8.dp),
-        colors = ButtonDefaults.buttonColors(
-            containerColor = Color(0xFFAD0000), // MoMo's primary red color
-            contentColor = Color.White
-        ),
-        elevation = ButtonDefaults.buttonElevation(
-            defaultElevation = 2.dp,
-            pressedElevation = 4.dp
-        )
-    ) {
-        Text(
-            text = "Đăng nhập",
-            fontSize = 16.sp,
-            fontWeight = FontWeight.SemiBold
-        )
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-1-input/eval_metadata.json

@@ -1,6 +0,0 @@
-{
-  "eval_id": 1,
-  "eval_name": "input-phone",
-  "prompt": "I need an input field for phone number with label 'Số điện thoại' and placeholder 'Nhập số điện thoại'",
-  "assertions": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-1-input/with_skill/outputs/InputPhoneExample.kt

@@ -1,40 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.Input
-
-@Composable
-fun InputPhoneExample() {
-    var phoneNumber by remember { mutableStateOf("") }
-
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        Input(
-            value = phoneNumber,
-            onValueChange = { newValue ->
-                // Filter to only allow digits
-                phoneNumber = newValue.filter { it.isDigit() }
-            },
-            modifier = Modifier.fillMaxWidth(),
-            inputSize = vn.momo.kits.components.InputSize.LARGE,
-            label = "Số điện thoại",
-            placeholder = "Nhập số điện thoại",
-            keyboardType = KeyboardType.Phone,
-            maxLength = 10
-        )
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-1-input/without_skill/outputs/InputPhoneExample.kt

@@ -1,42 +0,0 @@
-package com.example.input
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.material.OutlinedTextField
-import androidx.compose.material.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.unit.dp
-
-@Composable
-fun InputPhoneExample() {
-    var phoneNumber by remember { mutableStateOf("") }
-
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        OutlinedTextField(
-            value = phoneNumber,
-            onValueChange = { newValue ->
-                // Filter to only allow numeric characters
-                phoneNumber = newValue.filter { it.isDigit() }
-            },
-            label = { Text("Số điện thoại") },
-            placeholder = { Text("Nhập số điện thoại") },
-            keyboardOptions = KeyboardOptions(
-                keyboardType = KeyboardType.Phone
-            ),
-            singleLine = true,
-            modifier = Modifier.fillMaxWidth()
-        )
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-2-bottomtab/eval_metadata.json

@@ -1,6 +0,0 @@
-{
-  "eval_id": 2,
-  "eval_name": "bottom-tab",
-  "prompt": "How do I implement a bottom tab navigation with 4 tabs: Home, Wallet, History, Profile in MoMo app?",
-  "assertions": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-2-bottomtab/with_skill/outputs/BottomTabExample.kt

@@ -1,236 +0,0 @@
-package com.example.momoapp
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.navigation.BottomTab
-import vn.momo.kits.navigation.BottomTabItem
-import vn.momo.kits.navigation.NavigationOptions
-import vn.momo.kits.navigation.StackScreen
-import vn.momo.kits.navigation.component.HeaderType
-import vn.momo.kits.components.Title
-import vn.momo.kits.components.TitleType
-import vn.momo.kits.navigation.component.Header
-
-/**
- * MoMo App Bottom Tab Navigation Example
- *
- * This example demonstrates how to implement a bottom tab navigation
- * with 4 tabs: Home, Wallet, History, Profile
- */
-@Composable
-fun MoMoApp() {
-    BottomTab(
-        items = listOf(
-            // Home Tab
-            BottomTabItem(
-                name = "home",
-                label = "Trang chủ",
-                icon = "ic_home",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        HomeScreen()
-                    }
-                }
-            ),
-
-            // Wallet Tab
-            BottomTabItem(
-                name = "wallet",
-                label = "Ví của tôi",
-                icon = "ic_wallet",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        WalletScreen()
-                    }
-                }
-            ),
-
-            // History Tab
-            BottomTabItem(
-                name = "history",
-                label = "Lịch sử",
-                icon = "ic_history",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        HistoryScreen()
-                    }
-                }
-            ),
-
-            // Profile Tab
-            BottomTabItem(
-                name = "profile",
-                label = "Tài khoản",
-                icon = "ic_profile",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        ProfileScreen()
-                    }
-                }
-            )
-        )
-    )
-}
-
-// ==================== Screen Composables ====================
-
-@Composable
-private fun HomeScreen() {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
-        contentAlignment = Alignment.Center
-    ) {
-        Title(
-            text = "Trang chủ",
-            type = TitleType.TITLE_1
-        )
-    }
-}
-
-@Composable
-private fun WalletScreen() {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
-        contentAlignment = Alignment.Center
-    ) {
-        Title(
-            text = "Ví của tôi",
-            type = TitleType.TITLE_1
-        )
-    }
-}
-
-@Composable
-private fun HistoryScreen() {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
-        contentAlignment = Alignment.Center
-    ) {
-        Title(
-            text = "Lịch sử giao dịch",
-            type = TitleType.TITLE_1
-        )
-    }
-}
-
-@Composable
-private fun ProfileScreen() {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
-        contentAlignment = Alignment.Center
-    ) {
-        Title(
-            text = "Tài khoản",
-            type = TitleType.TITLE_1
-        )
-    }
-}
-
-// ==================== Alternative: With Badge Example ====================
-
-/**
- * Example showing how to add badges/dots to tabs
- */
-@Composable
-fun MoMoAppWithBadges() {
-    BottomTab(
-        items = listOf(
-            BottomTabItem(
-                name = "home",
-                label = "Trang chủ",
-                icon = "ic_home",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        HomeScreen()
-                    }
-                }
-            ),
-            BottomTabItem(
-                name = "wallet",
-                label = "Ví của tôi",
-                icon = "ic_wallet",
-                showDot = true,  // Shows notification dot
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        WalletScreen()
-                    }
-                }
-            ),
-            BottomTabItem(
-                name = "history",
-                label = "Lịch sử",
-                icon = "ic_history",
-                badgeLabel = "3",  // Shows badge with number
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        HistoryScreen()
-                    }
-                }
-            ),
-            BottomTabItem(
-                name = "profile",
-                label = "Tài khoản",
-                icon = "ic_profile",
-                screen = {
-                    StackScreen(
-                        navigationOptions = NavigationOptions(
-                            headerType = HeaderType.DEFAULT,
-                            isShowBottomTab = true
-                        )
-                    ) {
-                        ProfileScreen()
-                    }
-                }
-            )
-        )
-    )
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-2-bottomtab/without_skill/outputs/BottomTabExample.kt

@@ -1,152 +0,0 @@
-package com.momo.app.ui.navigation
-
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.Home
-import androidx.compose.material.icons.filled.Person
-import androidx.compose.material.icons.filled.Receipt
-import androidx.compose.material.icons.filled.Wallet
-import androidx.compose.material.icons.outlined.Home
-import androidx.compose.material.icons.outlined.Person
-import androidx.compose.material.icons.outlined.Receipt
-import androidx.compose.material.icons.outlined.Wallet
-import androidx.compose.material3.Icon
-import androidx.compose.material3.NavigationBar
-import androidx.compose.material3.NavigationBarItem
-import androidx.compose.material3.Scaffold
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.vector.ImageVector
-import androidx.navigation.NavDestination.Companion.hierarchy
-import androidx.navigation.NavGraph.Companion.findStartDestination
-import androidx.navigation.compose.NavHost
-import androidx.navigation.compose.composable
-import androidx.navigation.compose.currentBackStackEntryAsState
-import androidx.navigation.compose.rememberNavController
-
-/**
- * Bottom Tab Navigation with 4 tabs: Home, Wallet, History, Profile
- * Designed for MoMo app
- */
-sealed class BottomNavItem(
-    val route: String,
-    val title: String,
-    val selectedIcon: ImageVector,
-    val unselectedIcon: ImageVector
-) {
-    data object Home : BottomNavItem(
-        route = "home",
-        title = "Home",
-        selectedIcon = Icons.Filled.Home,
-        unselectedIcon = Icons.Outlined.Home
-    )
-
-    data object Wallet : BottomNavItem(
-        route = "wallet",
-        title = "Wallet",
-        selectedIcon = Icons.Filled.Wallet,
-        unselectedIcon = Icons.Outlined.Wallet
-    )
-
-    data object History : BottomNavItem(
-        route = "history",
-        title = "History",
-        selectedIcon = Icons.Filled.Receipt,
-        unselectedIcon = Icons.Outlined.Receipt
-    )
-
-    data object Profile : BottomNavItem(
-        route = "profile",
-        title = "Profile",
-        selectedIcon = Icons.Filled.Person,
-        unselectedIcon = Icons.Outlined.Person
-    )
-}
-
-@Composable
-fun BottomTabNavigation() {
-    val navController = rememberNavController()
-    val navBackStackEntry by navController.currentBackStackEntryAsState()
-    val currentDestination = navBackStackEntry?.destination
-
-    val bottomNavItems = listOf(
-        BottomNavItem.Home,
-        BottomNavItem.Wallet,
-        BottomNavItem.History,
-        BottomNavItem.Profile
-    )
-
-    Scaffold(
-        bottomBar = {
-            NavigationBar {
-                bottomNavItems.forEach { item ->
-                    val selected = currentDestination?.hierarchy?.any { it.route == item.route } == true
-
-                    NavigationBarItem(
-                        selected = selected,
-                        onClick = {
-                            navController.navigate(item.route) {
-                                popUpTo(navController.graph.findStartDestination().id) {
-                                    saveState = true
-                                }
-                                launchSingleTop = true
-                                restoreState = true
-                            }
-                        },
-                        icon = {
-                            Icon(
-                                imageVector = if (selected) item.selectedIcon else item.unselectedIcon,
-                                contentDescription = item.title
-                            )
-                        },
-                        label = {
-                            Text(text = item.title)
-                        }
-                    )
-                }
-            }
-        }
-    ) { paddingValues ->
-        NavHost(
-            navController = navController,
-            startDestination = BottomNavItem.Home.route,
-            modifier = Modifier.padding(paddingValues)
-        ) {
-            composable(BottomNavItem.Home.route) {
-                HomeScreen()
-            }
-            composable(BottomNavItem.Wallet.route) {
-                WalletScreen()
-            }
-            composable(BottomNavItem.History.route) {
-                HistoryScreen()
-            }
-            composable(BottomNavItem.Profile.route) {
-                ProfileScreen()
-            }
-        }
-    }
-}
-
-// Placeholder screens for each tab
-@Composable
-private fun HomeScreen() {
-    Text(text = "Home Screen")
-}
-
-@Composable
-private fun WalletScreen() {
-    Text(text = "Wallet Screen")
-}
-
-@Composable
-private fun HistoryScreen() {
-    Text(text = "History Screen")
-}
-
-@Composable
-private fun ProfileScreen() {
-    Text(text = "Profile Screen")
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-3-checkbox/eval_metadata.json

@@ -1,6 +0,0 @@
-{
-  "eval_id": 3,
-  "eval_name": "checkbox-terms",
-  "prompt": "Create a checkbox component for terms and conditions agreement",
-  "assertions": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-3-checkbox/with_skill/outputs/CheckBoxExample.kt

@@ -1,49 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.Button
-import vn.momo.kits.components.ButtonType
-import vn.momo.kits.components.CheckBox
-import vn.momo.kits.components.Size
-import vn.momo.kits.const.Spacing
-
-@Composable
-fun TermsAndConditionsScreen() {
-    var isAgreed by remember { mutableStateOf(false) }
-
-    Column(
-        modifier = Modifier.padding(Spacing.L)
-    ) {
-        // Checkbox for terms and conditions agreement
-        CheckBox(
-            checked = isAgreed,
-            onCheckedChange = { isAgreed = it },
-            label = "Tôi đồng ý với Điều khoản dịch vụ và Chính sách bảo mật",
-            enabled = true
-        )
-
-        Spacer(modifier = Modifier.height(Spacing.XL))
-
-        // Submit button that is enabled only when checkbox is checked
-        Button(
-            onClick = {
-                // Handle terms acceptance submission
-                // Navigate to next screen or process registration
-            },
-            title = "Tiếp tục",
-            type = ButtonType.PRIMARY,
-            size = Size.LARGE,
-            isFull = true,
-            enabled = isAgreed
-        )
-    }
-}