@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-3-checkbox/without_skill/outputs/CheckBoxExample.kt

@@ -1,123 +0,0 @@
-package com.example.checkbox
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.material3.Button
-import androidx.compose.material3.Checkbox
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
-import androidx.compose.material3.TextButton
-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.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.text.style.TextDecoration
-import androidx.compose.ui.unit.dp
-
-@Composable
-fun TermsAndConditionsCheckbox(
-    onTermsAccepted: (Boolean) -> Unit,
-    modifier: Modifier = Modifier
-) {
-    var isChecked by remember { mutableStateOf(false) }
-
-    Row(
-        modifier = modifier
-            .fillMaxWidth()
-            .padding(vertical = 8.dp),
-        verticalAlignment = Alignment.CenterVertically
-    ) {
-        Checkbox(
-            checked = isChecked,
-            onCheckedChange = { newValue ->
-                isChecked = newValue
-                onTermsAccepted(newValue)
-            }
-        )
-
-        Spacer(modifier = Modifier.width(8.dp))
-
-        Column(modifier = Modifier.weight(1f)) {
-            Row(verticalAlignment = Alignment.CenterVertically) {
-                Text(
-                    text = "I agree to the",
-                    style = MaterialTheme.typography.bodyMedium
-                )
-                TextButton(onClick = { /* Open terms */ }) {
-                    Text(
-                        text = "Terms and Conditions",
-                        style = MaterialTheme.typography.bodyMedium,
-                        textDecoration = TextDecoration.Underline,
-                        color = MaterialTheme.colorScheme.primary
-                    )
-                }
-            }
-
-            Text(
-                text = "and",
-                style = MaterialTheme.typography.bodyMedium
-            )
-
-            TextButton(onClick = { /* Open privacy policy */ }) {
-                Text(
-                    text = "Privacy Policy",
-                    style = MaterialTheme.typography.bodyMedium,
-                    textDecoration = TextDecoration.Underline,
-                    color = MaterialTheme.colorScheme.primary
-                )
-            }
-        }
-    }
-}
-
-@Composable
-fun CheckBoxExample(
-    modifier: Modifier = Modifier
-) {
-    var termsAccepted by remember { mutableStateOf(false) }
-
-    Column(
-        modifier = modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        Text(
-            text = "Create Account",
-            style = MaterialTheme.typography.headlineMedium,
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        TermsAndConditionsCheckbox(
-            onTermsAccepted = { accepted ->
-                termsAccepted = accepted
-            }
-        )
-
-        Spacer(modifier = Modifier.height(24.dp))
-
-        Button(
-            onClick = { /* Handle signup */ },
-            enabled = termsAccepted,
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(text = "Sign Up")
-        }
-
-        if (!termsAccepted) {
-            Spacer(modifier = Modifier.height(8.dp))
-            Text(
-                text = "Please accept the terms and conditions to continue",
-                style = MaterialTheme.typography.bodySmall,
-                color = MaterialTheme.colorScheme.error
-            )
-        }
-    }
-}

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

@@ -1,6 +0,0 @@
-{
-  "eval_id": 4,
-  "eval_name": "datetimepicker",
-  "prompt": "Show me how to use the DateTimePicker component for date selection",
-  "assertions": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-1/eval-4-datetimepicker/with_skill/outputs/DateTimePickerExample.kt

@@ -1,318 +0,0 @@
-package com.example
-
-import android.app.DatePickerDialog
-import android.app.TimePickerDialog
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Button
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableLongStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.DateTimePicker
-import vn.momo.kits.components.Title
-import vn.momo.kits.components.TitleType
-import java.text.SimpleDateFormat
-import java.util.Calendar
-import java.util.Date
-import java.util.Locale
-
-/**
- * DateTimePicker Component Example
- *
- * This example demonstrates how to use the DateTimePicker component from MoMo Native Kits
- * for date selection in a Kotlin Multiplatform Compose project.
- *
- * The DateTimePicker supports:
- * - Single date selection
- * - Date range selection (isRangeMode)
- * - Minimum and maximum date constraints
- * - Custom date format
- */
-
-@Composable
-fun DateTimePickerExample() {
-    val context = LocalContext.current
-
-    // State for single date selection
-    var selectedDate by remember { mutableLongStateOf<Long?>(null) }
-
-    // State for date range selection
-    var startDate by remember { mutableLongStateOf<Long?>(null) }
-    var endDate by remember { mutableLongStateOf<Long?>(null) }
-
-    // State to toggle between single and range mode
-    var isRangeMode by remember { mutableStateOf(false) }
-
-    // Date formatter
-    val dateFormat = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
-
-    // Calculate min and max dates (e.g., today and 1 year from now)
-    val calendar = Calendar.getInstance()
-    val today = calendar.timeInMillis
-
-    calendar.add(Calendar.YEAR, 1)
-    val oneYearFromNow = calendar.timeInMillis
-
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        // Title
-        Title(
-            text = "DateTimePicker Example",
-            type = TitleType.TITLE_1
-        )
-
-        Spacer(modifier = Modifier.height(24.dp))
-
-        // Single Date Selection Mode
-        Text(text = "Single Date Selection:")
-        Spacer(modifier = Modifier.height(8.dp))
-
-        // Display selected date
-        Text(
-            text = if (selectedDate != null) {
-                "Selected: ${dateFormat.format(Date(selectedDate!!))}"
-            } else {
-                "No date selected"
-            }
-        )
-
-        Spacer(modifier = Modifier.height(8.dp))
-
-        // Using DateTimePicker for single date selection
-        DateTimePicker(
-            selectedDate = selectedDate,
-            onDateSelected = { timestamp ->
-                selectedDate = timestamp
-            },
-            minDate = today,
-            maxDate = oneYearFromNow,
-            dateFormat = "dd/MM/yyyy",
-            isRangeMode = false,
-            modifier = Modifier.fillMaxWidth()
-        )
-
-        Spacer(modifier = Modifier.height(24.dp))
-
-        // Date Range Selection Mode
-        Text(text = "Date Range Selection:")
-        Spacer(modifier = Modifier.height(8.dp))
-
-        // Display selected range
-        Text(
-            text = buildString {
-                if (startDate != null && endDate != null) {
-                    append("From: ${dateFormat.format(Date(startDate!!))}")
-                    append(" To: ${dateFormat.format(Date(endDate!!))}")
-                } else if (startDate != null) {
-                    append("Start: ${dateFormat.format(Date(startDate!!))}")
-                    append(" (Select end date)")
-                } else {
-                    append("No range selected")
-                }
-            }
-        )
-
-        Spacer(modifier = Modifier.height(8.dp))
-
-        // Using DateTimePicker for date range selection
-        DateTimePicker(
-            selectedDate = startDate,
-            onDateSelected = { timestamp ->
-                if (isRangeMode) {
-                    // In range mode, handle start/end based on current state
-                    if (startDate == null || (startDate != null && endDate != null)) {
-                        startDate = timestamp
-                        endDate = null
-                    } else if (timestamp > startDate) {
-                        endDate = timestamp
-                    } else {
-                        startDate = timestamp
-                        endDate = null
-                    }
-                } else {
-                    selectedDate = timestamp
-                }
-            },
-            minDate = today,
-            maxDate = oneYearFromNow,
-            dateFormat = "dd/MM/yyyy",
-            isRangeMode = true,
-            onRangeSelected = { start, end ->
-                startDate = start
-                endDate = end
-            },
-            modifier = Modifier.fillMaxWidth()
-        )
-
-        Spacer(modifier = Modifier.height(24.dp))
-
-        // Toggle mode button
-        Button(
-            onClick = {
-                isRangeMode = !isRangeMode
-                // Reset selection when toggling mode
-                selectedDate = null
-                startDate = null
-                endDate = null
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(
-                text = if (isRangeMode) "Switch to Single Date Mode" else "Switch to Range Mode"
-            )
-        }
-
-        Spacer(modifier = Modifier.height(16.dp))
-
-        // Clear selection button
-        Button(
-            onClick = {
-                selectedDate = null
-                startDate = null
-                endDate = null
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(text = "Clear Selection")
-        }
-    }
-}
-
-/**
- * Alternative implementation using Android's built-in DatePickerDialog
- * for more customization options
- */
-@Composable
-fun AlternativeDatePickerExample() {
-    val context = LocalContext.current
-    var selectedDate by remember { mutableStateOf<Long?>(null) }
-    val dateFormat = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
-
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        Text(
-            text = if (selectedDate != null) {
-                "Selected: ${dateFormat.format(Date(selectedDate!!))}"
-            } else {
-                "Tap to select a date"
-            }
-        )
-
-        Spacer(modifier = Modifier.height(16.dp))
-
-        Button(
-            onClick = {
-                val calendar = Calendar.getInstance()
-                selectedDate?.let { calendar.timeInMillis = it }
-
-                DatePickerDialog(
-                    context,
-                    { _, year, month, dayOfMonth ->
-                        val selectedCalendar = Calendar.getInstance()
-                        selectedCalendar.set(year, month, dayOfMonth)
-                        selectedDate = selectedCalendar.timeInMillis
-                    },
-                    calendar.get(Calendar.YEAR),
-                    calendar.get(Calendar.MONTH),
-                    calendar.get(Calendar.DAY_OF_MONTH)
-                ).show()
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(text = "Open Date Picker Dialog")
-        }
-    }
-}
-
-/**
- * Example with TimePicker
- */
-@Composable
-fun DateTimePickerWithTimeExample() {
-    var selectedDate by remember { mutableLongStateOf<Long?>(null) }
-    var selectedHour by remember { mutableIntStateOf(0) }
-    var selectedMinute by remember { mutableIntStateOf(0) }
-
-    val context = LocalContext.current
-    val dateFormat = SimpleDateFormat("dd/MM/yyyy HH:mm", Locale.getDefault())
-
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(16.dp)
-    ) {
-        Text(
-            text = if (selectedDate != null) {
-                val calendar = Calendar.getInstance()
-                calendar.timeInMillis = selectedDate!!
-                calendar.set(Calendar.HOUR_OF_DAY, selectedHour)
-                calendar.set(Calendar.MINUTE, selectedMinute)
-                "Selected: ${dateFormat.format(calendar.time)}"
-            } else {
-                "Select date and time"
-            }
-        )
-
-        Spacer(modifier = Modifier.height(16.dp))
-
-        // Date selection
-        Button(
-            onClick = {
-                val calendar = Calendar.getInstance()
-                selectedDate?.let { calendar.timeInMillis = it }
-
-                DatePickerDialog(
-                    context,
-                    { _, year, month, dayOfMonth ->
-                        val selectedCalendar = Calendar.getInstance()
-                        selectedCalendar.set(year, month, dayOfMonth)
-                        selectedDate = selectedCalendar.timeInMillis
-                    },
-                    calendar.get(Calendar.YEAR),
-                    calendar.get(Calendar.MONTH),
-                    calendar.get(Calendar.DAY_OF_MONTH)
-                ).show()
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(text = "Select Date")
-        }
-
-        Spacer(modifier = Modifier.height(8.dp))
-
-        // Time selection
-        Button(
-            onClick = {
-                TimePickerDialog(
-                    context,
-                    { _, hourOfDay, minute ->
-                        selectedHour = hourOfDay
-                        selectedMinute = minute
-                    },
-                    selectedHour,
-                    selectedMinute,
-                    true // 24-hour format
-                ).show()
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text(text = "Select Time")
-        }
-    }
-}