Update error screen for local catalog

Author: joshheald

Modules/Sources/PointOfSale/Presentation/CardReaderConnection/UI States/PointOfSaleItemListFullscreenErrorView.swift

@@ -4,17 +4,24 @@ import SwiftUI
 struct PointOfSaleItemListFullscreenErrorView: View {
     private let error: PointOfSaleErrorState
     private let onAction: (() -> Void)?
+    private let onExit: (() -> Void)?
 
-    init(error: PointOfSaleErrorState, onAction: (() -> Void)? = nil) {
+    init(error: PointOfSaleErrorState, onAction: (() -> Void)? = nil, onExit: (() -> Void)? = nil) {
         self.error = error
         self.onAction = onAction
+        self.onExit = onExit
     }
 
     var body: some View {
-        PointOfSaleItemListFullscreenView {
-            POSListErrorView(error: error, onAction: onAction)
+        PointOfSaleItemListFullscreenView(showTitle: !isInitialCatalogSyncError) {
+            POSListErrorView(error: error, onAction: onAction, onExit: onExit)
         }
     }
+
+    // TODO: WOOMOB-1692 remove specialisation of errors if possible
+    private var isInitialCatalogSyncError: Bool {
+        error.errorType == .initialCatalogSyncError
+    }
 }
 
 #Preview {

Modules/Sources/PointOfSale/Presentation/CardReaderConnection/UI States/PointOfSaleItemListFullscreenView.swift

@@ -1,16 +1,25 @@
 import SwiftUI
 
 struct PointOfSaleItemListFullscreenView<Content: View>: View {
+    let showTitle: Bool
     let content: () -> Content
 
+    init(showTitle: Bool = true, @ViewBuilder content: @escaping () -> Content) {
+        self.showTitle = showTitle
+        self.content = content
+    }
+
     var body: some View {
         ZStack {
-            VStack(alignment: .center, spacing: PointOfSaleItemListErrorLayout.headerSpacing) {
-                POSHeaderTitleView(
-                    title: Localization.title,
-                    foregroundColor: .posOnSurfaceVariantHighest
-                )
-                Spacer()
+            // TODO: WOOMOB-1692 remove specialisation of errors if possible
+            if showTitle {
+                VStack(alignment: .center, spacing: PointOfSaleItemListErrorLayout.headerSpacing) {
+                    POSHeaderTitleView(
+                        title: Localization.title,
+                        foregroundColor: .posOnSurfaceVariantHighest
+                    )
+                    Spacer()
+                }
             }
 
             content()

Modules/Sources/PointOfSale/Presentation/PointOfSaleDashboardView.swift

@@ -85,7 +85,9 @@ struct PointOfSaleDashboardView: View {
                             await posModel.couponsSearchController.loadItems(base: .root)
                         }
                     }
-                })
+                }, onExit: error.errorType == .initialCatalogSyncError ? { // TODO: WOOMOB-1692 remove specialisation of errors if possible
+                    dismiss()
+                } : nil)
             case .content:
                 contentView
                     .accessibilitySortPriority(2)

Modules/Sources/PointOfSale/Presentation/Reusable Views/POSListErrorView.swift

@@ -6,14 +6,16 @@ struct POSListErrorView: View {
     @Environment(\.floatingControlAreaSize) private var floatingControlAreaSize: CGSize
     private let viewModel: POSListErrorViewModel
     private let onAction: (() -> Void)?
+    private let onExit: (() -> Void)?
 
     @State private var viewWidth: CGFloat = 0
 
     @Environment(\.keyboardObserver) private var keyboard
 
-    init(error: PointOfSaleErrorState, onAction: (() -> Void)? = nil) {
+    init(error: PointOfSaleErrorState, onAction: (() -> Void)? = nil, onExit: (() -> Void)? = nil) {
         self.viewModel = POSListErrorViewModel(error: error)
         self.onAction = onAction
+        self.onExit = onExit
     }
 
     var body: some View {
@@ -58,6 +60,18 @@ struct POSListErrorView: View {
                     .frame(width: viewWidth / 2)
                     .padding([.leading, .trailing])
                 }
+
+                if let onExit {
+                    Spacer().frame(height: POSSpacing.medium)
+                    Button(action: {
+                        onExit()
+                    }, label: {
+                        Text(Localization.exitButtonText)
+                    })
+                    .buttonStyle(POSOutlinedButtonStyle(size: .normal))
+                    .frame(width: viewWidth / 2)
+                    .padding([.leading, .trailing])
+                }
             }
             Spacer()
         }
@@ -87,6 +101,14 @@ struct POSListErrorViewModel {
     }
 }
 
+private enum Localization {
+    static let exitButtonText = NSLocalizedString(
+        "pos.listError.exitButton",
+        value: "Exit POS",
+        comment: "Button text to exit Point of Sale when there's a critical error"
+    )
+}
+
 #Preview {
     POSListErrorView(error: .errorCouponsDisabled, onAction: {})
 }

Modules/Sources/PointOfSale/ViewHelpers/PointOfSaleDashboardViewHelper.swift

@@ -36,8 +36,12 @@ struct PointOfSaleDashboardViewHelper {
 extension PointOfSaleDashboardView.ViewState {
     var showsFloatingControl: Bool {
         switch self {
-        case .content, .error, .unsupportedWidth:
+        case .content, .unsupportedWidth:
             return true
+        case .error(let error):
+            // Hide floating controls for initial catalog sync errors
+            // TODO: WOOMOB-1692 remove specialisation of errors if possible
+            return error.errorType != .initialCatalogSyncError
         case .loading, .ineligible:
             return false
         }