Merge pull request #14481 from woocommerce/woomob-1030-woo-possettings-implement-card-reader-section

[WOOMOB-1030][Woo POS][Settings] Implement card reader settings section

Author: kidinov

.gitignore

@@ -120,3 +120,5 @@ google-upload-credentials.json
 # Junie AI Assistant
 .junie/
 /CLAUDE.md
+*.mp4
+.claude/

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/cardreader/WooPosCardReaderFacade.kt

@@ -8,6 +8,8 @@ import androidx.lifecycle.DefaultLifecycleObserver
 import androidx.lifecycle.LifecycleOwner
 import com.woocommerce.android.cardreader.CardReaderManager
 import com.woocommerce.android.cardreader.connection.CardReaderStatus
+import com.woocommerce.android.cardreader.connection.event.SoftwareUpdateAvailability
+import kotlinx.coroutines.flow.Flow
 import kotlinx.coroutines.flow.StateFlow
 import javax.inject.Inject
 import javax.inject.Singleton
@@ -19,6 +21,7 @@ class WooPosCardReaderFacade @Inject constructor(
     private var activity: AppCompatActivity? = null
 
     val readerStatus: StateFlow<CardReaderStatus> = cardReaderManager.readerStatus
+    val softwareUpdateAvailability: Flow<SoftwareUpdateAvailability> = cardReaderManager.softwareUpdateAvailability
 
     override fun onCreate(owner: LifecycleOwner) {
         activity = owner as AppCompatActivity

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/common/data/WooPosAppUrls.kt

@@ -2,3 +2,8 @@ package com.woocommerce.android.ui.woopos.common.data
 
 const val WOO_POS_BARCODE_DOC_URL = "https://woocommerce.com/document/barcode-and-qr-code-scanner/"
 const val WOO_POS_DOCUMENTATION_URL = "https://woocommerce.com/document/woo-mobile-app-point-of-sale-mode/"
+
+const val WOO_POS_STRIPE_LEARN_MORE_ABOUT_PAYMENTS =
+    "https://woocommerce.com/document/stripe/accept-in-person-payments-with-stripe/"
+const val WOO_POS_LEARN_MORE_ABOUT_PAYMENTS =
+    "https://woocommerce.com/document/woopayments/in-person-payments/getting-started-with-in-person-payments/"

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/settings/details/WooPosSettingsDetailPaneScreen.kt

@@ -7,24 +7,21 @@ import androidx.compose.animation.fadeOut
 import androidx.compose.animation.slideInHorizontally
 import androidx.compose.animation.slideOutHorizontally
 import androidx.compose.animation.togetherWith
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
-import com.woocommerce.android.R
-import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosText
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosToolbar
 import com.woocommerce.android.ui.woopos.common.composeui.designsystem.WooPosSpacing
 import com.woocommerce.android.ui.woopos.common.composeui.designsystem.WooPosTypography
 import com.woocommerce.android.ui.woopos.settings.WooPosSettingsDetailDestination
 import com.woocommerce.android.ui.woopos.settings.WooPosSettingsState
 import com.woocommerce.android.ui.woopos.settings.details.hardware.WooPosHardwareSettingsScreen
 import com.woocommerce.android.ui.woopos.settings.details.hardware.barcodescanner.WooPosSettingsHardwareBarcodeScannerScreen
+import com.woocommerce.android.ui.woopos.settings.details.hardware.cardreader.WooPosSettingsHardwareCardReaderScreen
 import com.woocommerce.android.ui.woopos.settings.details.help.WooPosHelpDetailScreen
 import com.woocommerce.android.ui.woopos.settings.details.store.WooPosSettingsStoreScreen
 
@@ -89,7 +86,7 @@ fun WooPosSettingsDetailPaneScreen(
                 }
 
                 is WooPosSettingsDetailDestination.Hardware.CardReaders -> {
-                    CardReadersDetailScreen()
+                    WooPosSettingsHardwareCardReaderScreen()
                 }
 
                 is WooPosSettingsDetailDestination.Store.Overview -> {
@@ -103,18 +100,3 @@ fun WooPosSettingsDetailPaneScreen(
         }
     }
 }
-
-@Composable
-private fun CardReadersDetailScreen() {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(WooPosSpacing.Medium.value),
-        contentAlignment = Alignment.Center
-    ) {
-        WooPosText(
-            text = stringResource(R.string.woopos_settings_card_reader_detail_title),
-            style = WooPosTypography.Heading
-        )
-    }
-}