feat(billcreator): add copy to export selected colors

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

apps/flipcash/features/bill-customization/src/main/kotlin/com/flipcash/app/bill/customization/BillCustomizationScaffold.kt

@@ -24,6 +24,8 @@ import androidx.compose.material.DismissState
 import androidx.compose.material.DismissValue
 import androidx.compose.material.ExperimentalMaterialApi
 import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.CopyAll
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
@@ -141,9 +143,11 @@ fun BillPlaygroundScaffold(content: @Composable () -> Unit) {
             TopBar(
                 modifier = Modifier.fillMaxWidth(),
                 canUndo = controller.canUndo,
+                canCopy = controller.canCopy,
                 onUndo = { controller.dispatchEvent(Event.Undo) },
+                onCopy = { controller.dispatchEvent(Event.Copy) },
                 onBack = { controller.cancel() },
-                onDone = { controller.cancel() }
+                onDone = { controller.cancel() },
             )
         }
 
@@ -179,7 +183,9 @@ private fun TopBar(
     modifier: Modifier = Modifier,
     onBack: () -> Unit,
     canUndo: Boolean,
+    canCopy: Boolean,
     onUndo: () -> Unit,
+    onCopy: () -> Unit,
     onDone: () -> Unit,
 ) {
     Row(
@@ -210,6 +216,19 @@ private fun TopBar(
                 contentDescription = null
             )
 
+            Text(
+                modifier = Modifier
+                    .background(Color.Black.copy(0.19f), CircleShape)
+                    .clip(CircleShape)
+                    .rememberedClickable { onCopy() }
+                    .padding(
+                        horizontal = CodeTheme.dimens.grid.x2,
+                        vertical = CodeTheme.dimens.grid.x1
+                    ),
+                text = "Copy",
+                style = CodeTheme.typography.textMedium,
+                color = CodeTheme.colors.textMain,
+            )
             Text(
                 modifier = Modifier
                     .background(Color.Black.copy(0.19f), CircleShape)

apps/flipcash/features/bill-customization/src/main/kotlin/com/flipcash/app/bill/customization/components/BillPlayground.kt

@@ -1,5 +1,6 @@
 package com.flipcash.app.bill.customization.components
 
+import android.content.ClipboardManager
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.ExperimentalSharedTransitionApi
 import androidx.compose.animation.core.Spring
@@ -182,25 +183,13 @@ internal fun Modifier.presenceBorder(
     shape = shape
 )
 
-private val usdToCadRate = Rate(fx = 1.37161, currency = CurrencyCode.CAD)
-private val cadToUsdRate = Rate(fx = 0.72894, currency = CurrencyCode.USD)
-private val rates = mapOf(
-    CurrencyCode.CAD to usdToCadRate,
-    CurrencyCode.USD to cadToUsdRate,
-)
-
 @Composable
 @Preview
 private fun PreviewCustomizationControls() {
     FlipcashDesignSystem {
-        val context = LocalContext.current
+        val clipboardManager = LocalContext.current.getSystemService(ClipboardManager::class.java)
         val controller = remember {
-            InternalBillPlaygroundController(
-                ExchangeStub(
-                    providedRates = rates,
-                    context = context,
-                )
-            )
+            InternalBillPlaygroundController(clipboardManager)
         }
         val state by controller.state.collectAsStateWithLifecycle()
 

apps/flipcash/shared/bill-customization/src/main/kotlin/com/flipcash/app/bill/customization/BillPlaygroundController.kt

@@ -17,6 +17,7 @@ import java.util.UUID
 interface BillPlaygroundController {
     val state: StateFlow<State>
     val canUndo: Boolean
+    val canCopy: Boolean
     fun customizeFor(token: Token)
 
     fun dispatchEvent(event: Event)
@@ -75,6 +76,7 @@ sealed interface Event {
     data object OpenHueControls: Event
     data object CloseHueControls: Event
     data object Undo: Event
+    data object Copy: Event
 }
 
 internal const val MaxGradientColors = 3
@@ -118,6 +120,7 @@ internal fun buildGradient(): List<ColorStore> {
 internal object StubPlaygroundController : BillPlaygroundController {
     override val state: StateFlow<State> = MutableStateFlow(State())
     override val canUndo: Boolean = false
+    override val canCopy: Boolean = false
     override fun customizeFor(token: Token) = Unit
     override fun dispatchEvent(event: Event) = Unit
     override fun cancel() = Unit

apps/flipcash/shared/bill-customization/src/main/kotlin/com/flipcash/app/bill/customization/inject/PlaygroundModule.kt

@@ -1,8 +1,8 @@
 package com.flipcash.app.bill.customization.inject
 
+import android.content.ClipboardManager
 import com.flipcash.app.bill.customization.BillPlaygroundController
 import com.flipcash.app.bill.customization.internal.InternalBillPlaygroundController
-import com.getcode.opencode.exchange.Exchange
 import dagger.Module
 import dagger.Provides
 import dagger.hilt.InstallIn
@@ -14,6 +14,7 @@ import javax.inject.Singleton
 object PlaygroundModule {
     @Provides
     @Singleton
-    fun providesPlaygroundController(exchange: Exchange
-    ): BillPlaygroundController = InternalBillPlaygroundController(exchange)
+    fun providesPlaygroundController(
+        clipboardManager: ClipboardManager,
+    ): BillPlaygroundController = InternalBillPlaygroundController(clipboardManager)
 }

apps/flipcash/shared/bill-customization/src/main/kotlin/com/flipcash/app/bill/customization/internal/InternalBillPlaygroundController.kt

@@ -1,37 +1,34 @@
 package com.flipcash.app.bill.customization.internal
 
-import androidx.compose.ui.graphics.Color
-import cafe.adriel.voyager.core.stack.Stack
-import cafe.adriel.voyager.core.stack.mutableStateStackOf
+import android.content.ClipboardManager
 import com.flipcash.app.bill.customization.BillPlaygroundController
 import com.flipcash.app.bill.customization.ColorStore
 import com.flipcash.app.bill.customization.Event
 import com.flipcash.app.bill.customization.PlaygroundMode
 import com.flipcash.app.bill.customization.State
 import com.flipcash.app.core.bill.Bill
-import com.getcode.opencode.exchange.Exchange
 import com.getcode.opencode.model.core.OpenCodePayload
 import com.getcode.opencode.model.core.PayloadKind
 import com.getcode.opencode.model.financial.BillBackground
 import com.getcode.opencode.model.financial.LocalFiat
 import com.getcode.opencode.model.financial.Token
 import com.getcode.opencode.model.financial.toFiat
-import com.getcode.opencode.model.financial.usdc
 import com.getcode.opencode.utils.nonce
 import com.getcode.ui.utils.Hsv
 import com.getcode.ui.utils.hexToColor
-import com.getcode.ui.utils.hsv
+import com.getcode.ui.utils.toAGColor
+import com.getcode.ui.utils.toHex
 import kotlinx.coroutines.flow.MutableSharedFlow
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.SharedFlow
 import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.flow.asSharedFlow
 import kotlinx.coroutines.flow.asStateFlow
 import kotlinx.coroutines.flow.update
-import kotlinx.coroutines.flow.updateAndGet
 
+@OptIn(ExperimentalStdlibApi::class)
 class InternalBillPlaygroundController(
-    private val exchange: Exchange,
+    private val clipboard: ClipboardManager,
 ) : BillPlaygroundController {
 
     private val _state: MutableStateFlow<State> = MutableStateFlow(State())
@@ -46,6 +43,9 @@ class InternalBillPlaygroundController(
     override val canUndo: Boolean
         get() = !undoStack.isEmpty()
 
+    override val canCopy: Boolean
+        get() = true
+
     override fun customizeFor(token: Token) {
         // create amount for the bill
         val demoAmount = LocalFiat(
@@ -80,6 +80,7 @@ class InternalBillPlaygroundController(
             is Event.SelectSlot -> selectSlot(event.slot)
             is Event.LoadBackground -> loadBackground(event.background)
             Event.Undo -> undoLastChange()
+            Event.Copy -> copyConfiguration()
         }
     }
 
@@ -185,6 +186,18 @@ class InternalBillPlaygroundController(
         }
     }
 
+    private fun copyConfiguration() {
+        val colors = _state.value.selectedColors.map { it.color }
+            .map { it.toHex() }
+
+        clipboard.setPrimaryClip(
+            android.content.ClipData.newPlainText(
+                "",
+                colors.joinToString()
+            )
+        )
+    }
+
     override fun cancel() {
         undoStack.clear()
         _state.update { State() }

ui/components/src/main/kotlin/com/getcode/ui/utils/ColorTransformations.kt

@@ -1,6 +1,7 @@
 package com.getcode.ui.utils
 
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
 import androidx.core.graphics.toColorInt
 import kotlin.math.abs
 import kotlin.math.roundToInt
@@ -58,6 +59,10 @@ fun Color.value(): Float {
     return maxOf(red, green, blue)
 }
 
+fun Color.toHex(): String {
+    return String.format("#%08X", this.toArgb())
+}
+
 
 private fun colorToRgb(color: Color): Rgb {
     return Rgb(