Show move to notice upon selecting items.

Author: selanthiraiyan

WooCommerce/Classes/ViewRelated/Orders/Order Details/Shipping Labels/WooShipping Create Shipping Labels/WooShipping Split Shipments/WooShippingSplitShipmentsDetailView.swift

@@ -46,7 +46,6 @@ struct WooShippingSplitShipmentsDetailView: View {
                 }
             }
         }
-        .notice($viewModel.instructionsNotice, autoDismiss: false)
         .onAppear {
             viewModel.onAppear()
         }
@@ -60,6 +59,11 @@ private extension WooShippingSplitShipmentsDetailView {
                 InstructionsSnackbar(message: message) {
                     viewModel.dismissInstructions()
                 }
+            }
+
+            if let moveTo = viewModel.moveToNoticeViewModel {
+                MoveToShipmentNotice(viewModel: moveTo)
+            }
         }
     }
 }
@@ -102,9 +106,13 @@ fileprivate extension WooShippingSplitShipmentsDetailView {
     enum Layout {
         static let contentPadding: CGFloat = 16
         static let borderCornerRadius: CGFloat = 8
+        static let shadowRadius: CGFloat = 8
+        static let shadowYOffset: CGFloat = 2
         static let borderWidth: CGFloat = 0.5
         static let verticalSpacing: CGFloat = 8
+        static let cornerRadius: CGFloat = 8
     }
+
     enum Localization {
         static let title = NSLocalizedString(
             "wooShippingSplitShipmentsDetailView.title",

WooCommerce/Classes/ViewRelated/Orders/Order Details/Shipping Labels/WooShipping Create Shipping Labels/WooShipping Split Shipments/WooShippingSplitShipmentsViewModel.swift

@@ -28,6 +28,8 @@ final class WooShippingSplitShipmentsViewModel: ObservableObject {
 
     let shipmentCardViewModels: [CollapsibleShipmentCardViewModel]
 
+    @Published private(set) var moveToNoticeViewModel: MoveToShipmentNoticeViewModel?
+
     @Published private(set) var instructions: String?
     private var dismissedInstructions: Bool = false
 
@@ -77,6 +79,7 @@ final class WooShippingSplitShipmentsViewModel: ObservableObject {
 
     func onAppear() {
         showInstructionsNotice()
+        showMoveToNotice()
     }
 
     func selectAll() {
@@ -95,7 +98,7 @@ private extension WooShippingSplitShipmentsViewModel {
     func configureSelectionCallback() {
         shipmentCardViewModels.forEach { viewModel in
             viewModel.onSelectionChange = { [weak self] in
-                self?.checkSelectionAndHideInstructions()
+                self?.showMoveToNotice()
             }
         }
     }
@@ -106,14 +109,32 @@ private extension WooShippingSplitShipmentsViewModel {
         }
     }
 
-    func checkSelectionAndHideInstructions() {
-        if hasSelectedAnItem() {
-            instructionsNotice = nil
+    func showMoveToNotice() {
+        let selectedItemsCount = {
+            shipmentCardViewModels.map { $0.selectedShipmentIds.count }.reduce(0, +)
+        }()
+
+        guard selectedItemsCount > 0 else {
+            return self.moveToNoticeViewModel = nil
         }
-    }
 
-    func hasSelectedAnItem() -> Bool {
-        shipmentCardViewModels.contains(where: { $0.hasSelectedAnItem })
+        // TODO: Use count and index values from shipment tabs
+        moveToNoticeViewModel = MoveToShipmentNoticeViewModel(selectedItemsCount: selectedItemsCount,
+                                                               existingShipmentsCount: 3,
+                                                               currentShipmentIndex: 2,
+                                                               actionHandler: { [weak self] moveTo in
+            guard let self else { return }
+
+            self.moveToNoticeViewModel = nil
+            self.instructions = nil
+
+            switch moveTo {
+            case .existingShipment:
+                break
+            case .newShipment:
+                break
+            }
+        })
     }
 
     /// Configures the labels in the section header.