[Dynamic Dashboard] Orders card

WooCommerce/src/androidTest/kotlin/com/woocommerce/android/e2e/helpers/util/Screen.kt

@@ -199,12 +199,17 @@ open class Screen {
             val node = onNode(matcher)
             if (node.isDisplayed() && (!requireFullVisibility || node.isFullyDisplayed())) return
 
-            val parentBounds = node.onParent().fetchSemanticsNode().touchBoundsInRoot
+            val bounds = node.onParent().fetchSemanticsNode().boundsInWindow.let {
+                it.copy(
+                    top = it.top.coerceIn(0f, device.displayHeight.toFloat()),
+                    bottom = it.bottom.coerceIn(0f, device.displayHeight.toFloat())
+                )
+            }
             device.swipe(
-                parentBounds.center.x.toInt(),
-                parentBounds.center.y.toInt(),
-                parentBounds.center.x.toInt(),
-                parentBounds.center.y.toInt() + if (scrollUp) -100 else 100,
+                bounds.center.x.toInt(),
+                bounds.center.y.toInt(),
+                bounds.center.x.toInt(),
+                bounds.center.y.toInt() + if (scrollUp) -100 else 100,
                 10
             )
             numberOfScrolls++

WooCommerce/src/main/kotlin/com/woocommerce/android/model/DashboardWidget.kt

@@ -28,7 +28,8 @@ data class DashboardWidget(
         ONBOARDING(R.string.my_store_widget_onboarding_title, "store_setup"),
         STATS(R.string.my_store_widget_stats_title, "performance"),
         POPULAR_PRODUCTS(R.string.my_store_widget_top_products_title, "top_performers"),
-        BLAZE(R.string.my_store_widget_blaze_title, "blaze")
+        BLAZE(R.string.my_store_widget_blaze_title, "blaze"),
+        ORDERS(R.string.my_store_widget_orders_title, "orders"),
     }
 
     sealed interface Status : Parcelable {

WooCommerce/src/main/kotlin/com/woocommerce/android/model/Order.kt

@@ -66,6 +66,10 @@ data class Order(
     @IgnoredOnParcel
     val isRefundAvailable = !isOrderFullyRefunded && quantityOfItemsWhichPossibleToRefund > 0 && isOrderPaid
 
+    @IgnoredOnParcel
+    val billingName
+        get() = getBillingName("")
+
     val hasMultipleShippingLines: Boolean
         get() = shippingLines.size > 1
 

WooCommerce/src/main/kotlin/com/woocommerce/android/model/OrderMapper.kt

@@ -22,7 +22,7 @@ import org.wordpress.android.fluxc.model.order.ShippingLine as WCShippingLine
 
 class OrderMapper @Inject constructor(
     private val getLocations: GetLocations,
-    private val dateUtils: DateUtils
+    private val dateUtils: DateUtils,
 ) {
     fun toAppModel(databaseEntity: OrderEntity): Order {
         val metaDataList = databaseEntity.getMetaDataList()

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/compose/component/Tag.kt

@@ -16,6 +16,7 @@ import androidx.compose.ui.res.dimensionResource
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
 import com.woocommerce.android.R
 
 @Composable
@@ -24,26 +25,26 @@ fun WCTag(
     modifier: Modifier = Modifier,
     textColor: Color = colorResource(id = R.color.tag_text_main),
     backgroundColor: Color = colorResource(R.color.tag_bg_main),
-    textStyle: TextStyle = MaterialTheme.typography.caption
+    textStyle: TextStyle = MaterialTheme.typography.caption,
+    fontWeight: FontWeight = FontWeight.Bold
 ) {
     Box(
         modifier = modifier
-            .clip(RoundedCornerShape(percent = 35))
+            .clip(RoundedCornerShape(4.dp))
             .background(backgroundColor)
             .padding(
-                start = dimensionResource(id = R.dimen.minor_50),
-                end = dimensionResource(id = R.dimen.minor_50),
+                horizontal = dimensionResource(id = R.dimen.minor_50),
             )
     ) {
         Text(
             modifier = Modifier.padding(
                 horizontal = dimensionResource(id = R.dimen.minor_75),
-                vertical = dimensionResource(id = R.dimen.minor_25)
+                vertical = dimensionResource(id = R.dimen.minor_50)
             ),
             text = text,
             style = textStyle,
             color = textColor,
-            fontWeight = FontWeight.Bold
+            fontWeight = fontWeight
         )
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/dashboard/DashboardContainer.kt

@@ -35,6 +35,7 @@ import com.woocommerce.android.ui.compose.component.WCOutlinedButton
 import com.woocommerce.android.ui.dashboard.DashboardViewModel.DashboardEvent.OpenRangePicker
 import com.woocommerce.android.ui.dashboard.blaze.DashboardBlazeCard
 import com.woocommerce.android.ui.dashboard.onboarding.DashboardOnboardingCard
+import com.woocommerce.android.ui.dashboard.orders.DashboardOrdersCard
 import com.woocommerce.android.ui.dashboard.stats.DashboardStatsCard
 import com.woocommerce.android.ui.dashboard.topperformers.DashboardTopPerformersWidgetCard
 
@@ -132,6 +133,11 @@ private fun ConfigurableWidgetCard(
             parentViewModel = dashboardViewModel,
             modifier = modifier
         )
+
+        DashboardWidget.Type.ORDERS -> DashboardOrdersCard(
+            parentViewModel = dashboardViewModel,
+            modifier = modifier
+        )
     }
 }
 

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/dashboard/data/DashboardDataStore.kt

@@ -6,6 +6,7 @@ import com.woocommerce.android.model.DashboardWidget
 import com.woocommerce.android.tools.SelectedSite
 import com.woocommerce.android.ui.mystore.data.DashboardDataModel
 import com.woocommerce.android.ui.mystore.data.DashboardWidgetDataModel
+import com.woocommerce.android.util.FeatureFlag
 import com.woocommerce.android.util.WooLog
 import com.woocommerce.android.util.WooLog.T
 import dagger.hilt.EntryPoints
@@ -77,4 +78,8 @@ class DashboardDataStore @Inject constructor(
 
     // Use the feature flag [DYNAMIC_DASHBOARD_M2] to filter out unsupported widgets during development
     private val supportedWidgets: List<DashboardWidget.Type> = DashboardWidget.Type.entries
+        .filter {
+            FeatureFlag.DYNAMIC_DASHBOARD_M2.isEnabled() ||
+                it != DashboardWidget.Type.ORDERS
+        }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/dashboard/data/DashboardRepository.kt

@@ -19,7 +19,7 @@ import javax.inject.Inject
 class DashboardRepository @Inject constructor(
     selectedSite: SelectedSite,
     private val dashboardDataStore: DashboardDataStore,
-    observeStatsWidgetsStatus: ObserveStatsWidgetsStatus,
+    observeSiteOrdersState: ObserveSiteOrdersState,
     observeBlazeWidgetStatus: ObserveBlazeWidgetStatus,
     observeOnboardingWidgetStatus: ObserveOnboardingWidgetStatus
 ) {
@@ -28,7 +28,7 @@ class DashboardRepository @Inject constructor(
         SiteComponentEntryPoint::class.java
     ).siteCoroutineScope()
 
-    private val statsWidgetsStatus = observeStatsWidgetsStatus()
+    private val siteOrdersState = observeSiteOrdersState()
         .stateIn(
             scope = siteCoroutineScope,
             started = SharingStarted.Lazily,
@@ -51,11 +51,11 @@ class DashboardRepository @Inject constructor(
 
     val widgets = combine(
         dashboardDataStore.widgets,
-        statsWidgetsStatus,
+        siteOrdersState,
         blazeWidgetStatus,
         onboardingWidgetStatus
-    ) { widgets, statsWidgetStatus, blazeWidgetStatus, onboardingWidgetStatus ->
-        widgets.toDomainModel(statsWidgetStatus, blazeWidgetStatus, onboardingWidgetStatus)
+    ) { widgets, siteOrdersState, blazeWidgetStatus, onboardingWidgetStatus ->
+        widgets.toDomainModel(siteOrdersState, blazeWidgetStatus, onboardingWidgetStatus)
     }
 
     suspend fun updateWidgets(widgets: List<DashboardWidget>) = dashboardDataStore.updateDashboard(
@@ -77,7 +77,7 @@ class DashboardRepository @Inject constructor(
     }
 
     private fun List<DashboardWidgetDataModel>.toDomainModel(
-        statsWidgetsStatus: DashboardWidget.Status,
+        siteOrdersState: DashboardWidget.Status,
         blazeWidgetStatus: DashboardWidget.Status,
         onboardingWidgetStatus: DashboardWidget.Status
     ): List<DashboardWidget> {
@@ -88,10 +88,9 @@ class DashboardRepository @Inject constructor(
                 isSelected = widget.isAdded,
                 status = when (type) {
                     DashboardWidget.Type.STATS,
-                    DashboardWidget.Type.POPULAR_PRODUCTS -> statsWidgetsStatus
-
+                    DashboardWidget.Type.ORDERS,
+                    DashboardWidget.Type.POPULAR_PRODUCTS -> siteOrdersState
                     DashboardWidget.Type.BLAZE -> blazeWidgetStatus
-
                     DashboardWidget.Type.ONBOARDING -> onboardingWidgetStatus
                 }
             )

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/dashboard/data/ObserveStatsWidgetsStatus.kt → WooCommerce/src/main/kotlin/com/woocommerce/android/ui/dashboard/data/ObserveSiteOrdersState.kt

@@ -16,7 +16,7 @@ import org.wordpress.android.fluxc.store.WCOrderStore.HasOrdersResult
 import javax.inject.Inject
 
 @OptIn(ExperimentalCoroutinesApi::class)
-class ObserveStatsWidgetsStatus @Inject constructor(
+class ObserveSiteOrdersState @Inject constructor(
     private val selectedSite: SelectedSite,
     private val orderStore: WCOrderStore,
     private val coroutineDispatchers: CoroutineDispatchers