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

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-popup/with_skill/outputs/PopupExample.kt

@@ -1,79 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-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 vn.momo.kits.components.PopupNotify
-import vn.momo.kits.components.PopupNotifyProps
-import vn.momo.kits.components.PopupNotifyType
-import vn.momo.kits.components.PopupAction
-
-/**
- * Example: Show a popup notification for success message in MoMo Native Kits
- *
- * This demonstrates how to display a success popup using PopupNotify component
- * with the type SUCCESS to show a green checkmark icon and success styling.
- */
-@Composable
-fun SuccessPopupExample() {
-    var showPopup by remember { mutableStateOf(true) }
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        PopupNotify(
-            props = PopupNotifyProps(
-                title = "Thành công",
-                message = "Giao dịch đã được xử lý thành công!",
-                type = PopupNotifyType.SUCCESS,
-                onIconClose = { showPopup = false }
-            )
-        )
-    }
-}
-
-/**
- * Alternative example: Success popup with action buttons
- */
-@Composable
-fun SuccessPopupWithActionsExample() {
-    var showPopup by remember { mutableStateOf(true) }
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        PopupNotify(
-            props = PopupNotifyProps(
-                title = "Thành công",
-                message = "Bạn đã đăng ký dịch vụ thành công",
-                type = PopupNotifyType.SUCCESS,
-                primary = PopupAction(
-                    title = "Xem chi tiết",
-                    onPress = { /* navigate to details */ }
-                ),
-                secondary = PopupAction(
-                    title = "Đóng",
-                    onPress = { showPopup = false }
-                ),
-                onIconClose = { showPopup = false }
-            )
-        )
-    }
-}
-
-/**
- * Alternative example: Using SnackBar for success message (lighter weight)
- *
- * SnackBar is better for brief success messages that auto-dismiss,
- * while PopupNotify is better for important messages requiring user attention.
- */
-@Composable
-fun SuccessSnackBarExample() {
-    Box(modifier = Modifier.fillMaxSize()) {
-        vn.momo.kits.components.SnackBar(
-            message = "Giao dịch thành công",
-            duration = vn.momo.kits.components.SnackBarDuration.SHORT
-        )
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-popup/without_skill/outputs/PopupExample.kt

@@ -1,169 +0,0 @@
-package com.momo.example
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.*
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-import androidx.compose.ui.window.Dialog
-import androidx.compose.ui.window.DialogProperties
-
-/**
- * MoMo-style Success Popup Notification Example
- * This demonstrates how to show a popup notification for success messages
- */
-
-@Composable
-fun SuccessPopupNotification(
-    title: String,
-    message: String,
-    onDismiss: () -> Unit
-) {
-    Dialog(
-        onDismissRequest = onDismiss,
-        properties = DialogProperties(
-            dismissOnBackPress = true,
-            dismissOnClickOutside = true
-        )
-    ) {
-        Card(
-            modifier = Modifier
-                .fillMaxWidth()
-                .padding(16.dp),
-            shape = RoundedCornerShape(16.dp),
-            colors = CardDefaults.cardColors(
-                containerColor = Color.White
-            ),
-            elevation = CardDefaults.cardElevation(defaultElevation = 8.dp)
-        ) {
-            Column(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(24.dp),
-                horizontalAlignment = Alignment.CenterHorizontally
-            ) {
-                // Success Icon
-                Box(
-                    modifier = Modifier
-                        .size(64.dp)
-                        .clip(RoundedCornerShape(32.dp))
-                        .background(Color(0xFF00B859)),
-                    contentAlignment = Alignment.Center
-                ) {
-                    Text(
-                        text = "✓",
-                        color = Color.White,
-                        fontSize = 32.sp,
-                        fontWeight = FontWeight.Bold
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(16.dp))
-
-                // Title
-                Text(
-                    text = title,
-                    fontSize = 20.sp,
-                    fontWeight = FontWeight.Bold,
-                    color = Color(0xFF1A1A1A)
-                )
-
-                Spacer(modifier = Modifier.height(8.dp))
-
-                // Message
-                Text(
-                    text = message,
-                    fontSize = 14.sp,
-                    color = Color(0xFF666666),
-                    modifier = Modifier.padding(horizontal = 8.dp)
-                )
-
-                Spacer(modifier = Modifier.height(24.dp))
-
-                // Button
-                Button(
-                    onClick = onDismiss,
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .height(48.dp),
-                    shape = RoundedCornerShape(24.dp),
-                    colors = ButtonDefaults.buttonColors(
-                        containerColor = Color(0xFF00B859)
-                    )
-                ) {
-                    Text(
-                        text = "OK",
-                        fontSize = 16.sp,
-                        fontWeight = FontWeight.SemiBold
-                    )
-                }
-            }
-        }
-    }
-}
-
-/**
- * Simpler Snackbar-style success message
- * Can be used with Scaffold and SnackbarHost
- */
-@Composable
-fun SuccessSnackbar(
-    message: String,
-    snackbarHostState: SnackbarHostState
-) {
-    LaunchedEffect(message) {
-        snackbarHostState.showSnackbar(
-            message = message,
-            duration = SnackbarDuration.Short
-        )
-    }
-}
-
-/**
- * Example usage in a Composable
- */
-@Composable
-fun PopupExampleScreen() {
-    var showSuccessPopup by remember { mutableStateOf(false) }
-    val snackbarHostState = remember { SnackbarHostState() }
-
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Button(
-            onClick = { showSuccessPopup = true },
-            colors = ButtonDefaults.buttonColors(
-                containerColor = Color(0xFF00B859)
-            )
-        ) {
-            Text("Show Success Popup")
-        }
-    }
-
-    if (showSuccessPopup) {
-        SuccessPopupNotification(
-            title = "Success!",
-            message = "Your transaction has been completed successfully.",
-            onDismiss = { showSuccessPopup = false }
-        )
-    }
-}
-
-/**
- * Alternative: Toast-style notification (for background operations)
- * This is typically shown using Android Toast API
- */
-@Composable
-fun ShowSuccessToast(message: String) {
-    // In actual implementation, this would call Android Toast
-    // Example:
-    // Toast.makeText(context, message, Toast.LENGTH_SHORT).show()
-}

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

@@ -1,6 +0,0 @@
-{
-  "eval_id": 0,
-  "eval_name": "setoptions",
-  "prompt": "How to use setOptions in MoMo navigation? Show me how to change header title dynamically",
-  "assertions": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-setoptions/with_skill/outputs/SetOptionsExample.kt

@@ -1,255 +0,0 @@
-package vn.momo.kits.navigation.examples
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-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.navigation.LocalNavigation
-import vn.momo.kits.navigation.LocalNavigator
-import vn.momo.kits.navigation.NavigationOptions
-import vn.momo.kits.navigation.component.HeaderTitle
-import vn.momo.kits.navigation.component.HeaderType
-import vn.momo.kits.navigation.component.ScrollData
-import vn.momo.kits.uikit.Button
-import vn.momo.kits.uikit.Input
-
-/**
- * SetOptions Example - How to use setOptions in MoMo Navigation
- *
- * This example demonstrates how to dynamically change header title and other
- * screen options after the screen has been pushed using setOptions.
- *
- * Key Points:
- * - Use LocalNavigation.current to access navigation for setting options
- * - Call setOptions inside LaunchedEffect(Unit) when screen initializes
- * - You can change header title dynamically in response to user actions
- */
-
-@Composable
-fun SetOptionsExample() {
-    val navigation = LocalNavigation.current
-    val navigator = LocalNavigator.current
-
-    // State for dynamic title change
-    var titleInput by remember { mutableStateOf("") }
-
-    // Set initial options when screen loads
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("SetOptions Demo"),
-            headerType = HeaderType.Default
-        )
-    }
-
-    // Screen content
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-            .verticalScroll(rememberScrollState())
-    ) {
-        // Example 1: Dynamic title change on button click
-        Text(
-            text = "Example 1: Change Header Title Dynamically",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Input(
-            text = titleInput,
-            onChangeText = { titleInput = it },
-            placeholder = "Enter new title",
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Update Title",
-            onClick = {
-                if (titleInput.isNotEmpty()) {
-                    navigation.setOptions(
-                        headerTitle = HeaderTitle.Default(titleInput)
-                    )
-                }
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 2: Predefined title changes
-        Text(
-            text = "Example 2: Quick Title Changes",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: My Profile",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("My Profile")
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: Settings",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Settings")
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: Notifications",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Notifications")
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 3: Change header type dynamically
-        Text(
-            text = "Example 3: Change Header Type",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Show Default Header",
-            onClick = {
-                navigation.setOptions(
-                    headerType = HeaderType.Default
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Hide Header",
-            onClick = {
-                navigation.setOptions(
-                    headerType = HeaderType.None
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 4: Combine multiple options
-        Text(
-            text = "Example 4: Update Multiple Options",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Update Title + Header Type",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Updated Screen"),
-                    headerType = HeaderType.Default
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        // Example 5: Navigate and set options
-        Button(
-            title = "Push New Screen with Options",
-            onClick = {
-                navigator.push(
-                    content = { DetailScreen() },
-                    options = NavigationOptions(
-                        headerTitle = HeaderTitle.Default("Detail Screen")
-                    )
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 6: Screen with scroll behavior
-        Text(
-            text = "Example 5: Scroll Behavior",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Text(
-            text = "Set scrollData in LaunchedEffect to connect scroll state to header animation",
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-    }
-}
-
-/**
- * Detail screen that demonstrates setOptions on a pushed screen
- */
-@Composable
-fun DetailScreen() {
-    val navigation = LocalNavigation.current
-    val scrollState = rememberScrollState()
-
-    // Set options when this screen loads
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("Detail"),
-            scrollData = ScrollData(
-                scrollState = scrollState
-            )
-        )
-    }
-
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-            .verticalScroll(scrollState)
-        ) {
-        Text(
-            text = "This is a detail screen pushed with options.",
-            modifier = Modifier.padding(bottom = 16.dp)
-        )
-
-        Button(
-            title = "Change Title from Detail",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Updated Detail")
-                )
-            }
-        )
-    }
-}
-
-/**
- * Summary of setOptions usage:
- *
- * 1. Access navigation: val navigation = LocalNavigation.current
- * 2. Call inside LaunchedEffect(Unit) for initial setup
- * 3. Call from any function to update options dynamically
- *
- * Available options to set:
- * - headerTitle: HeaderTitle.Default("Title") or HeaderTitle.None
- * - headerType: HeaderType.Default, HeaderType.None, HeaderType.Extended(...)
- * - hiddenBack: Boolean - show/hide back button
- * - footerComponent: @Composable () -> Unit - custom footer
- * - scrollData: ScrollData(scrollState) - connect scroll behavior
- * - headerBackProps: HeaderBackProps - configure back button behavior
- *
- * Note: Not all options can be changed dynamically. Some require
- * pushing a new screen with NavigationOptions.
- */