present settings view through CTA button

Author: iamgabrielma

WooCommerce/Classes/POS/Presentation/POSFloatingControlView.swift

@@ -8,15 +8,18 @@ struct POSFloatingControlView: View {
     @Binding private var showExitPOSModal: Bool
     @Binding private var showSupport: Bool
     @Binding private var showDocumentation: Bool
+    @Binding private var showSettings: Bool
     @State private var showProductRestrictionsModal: Bool = false
     @State private var showBarcodeScanningModal: Bool = false
 
     init(showExitPOSModal: Binding<Bool>,
          showSupport: Binding<Bool>,
-         showDocumentation: Binding<Bool>) {
+         showDocumentation: Binding<Bool>,
+         showSettings: Binding<Bool>) {
         self._showExitPOSModal = showExitPOSModal
         self._showSupport = showSupport
         self._showDocumentation = showDocumentation
+        self._showSettings = showSettings
     }
 
     var body: some View {
@@ -73,6 +76,16 @@ struct POSFloatingControlView: View {
                             icon: { Image(systemName: "barcode.viewfinder") })
                     }
                 }
+                if ServiceLocator.featureFlagService.isFeatureFlagEnabled(.pointOfSaleSettingsi1) {
+                    Button {
+                        showSettings = true
+                    } label: {
+                        Label(
+                            title: { Text(Localization.settings) },
+                            icon: { Image(systemName: "gearshape") }
+                        )
+                    }
+                }
             } label: {
                 VStack {
                     Spacer()
@@ -185,14 +198,23 @@ private extension POSFloatingControlView {
             value: "Initial barcode scanner setup",
             comment: "The title of the menu button to start a barcode scanner setup flow."
         )
+
+        static let settings = NSLocalizedString(
+            "pointOfSale.floatingButtons.settings.button.title",
+            value: "Settings",
+            comment: "The title of the menu button to access Point of Sale settings."
+        )
     }
 }
 
 #if DEBUG
 
 @available(iOS 17.0, *)
 #Preview("Reader Disconnected") {
-    POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false), showDocumentation: .constant(false))
+    POSFloatingControlView(showExitPOSModal: .constant(false),
+                           showSupport: .constant(false),
+                           showDocumentation: .constant(false),
+                           showSettings: .constant(false))
         .environment(\.posBackgroundAppearance, .primary)
         .environment(POSPreviewHelpers.makePreviewAggregateModel())
 }
@@ -204,14 +226,20 @@ private extension POSFloatingControlView {
     let posModel = POSPreviewHelpers.makePreviewAggregateModel(
         cardPresentPaymentService: paymentService
     )
-    return POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false), showDocumentation: .constant(false))
+    return POSFloatingControlView(showExitPOSModal: .constant(false),
+                                  showSupport: .constant(false),
+                                  showDocumentation: .constant(false),
+                                  showSettings: .constant(false))
         .environment(\.posBackgroundAppearance, .primary)
         .environment(posModel)
 }
 
 @available(iOS 17.0, *)
 #Preview("Secondary/disabled Background") {
-    POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false), showDocumentation: .constant(false))
+    POSFloatingControlView(showExitPOSModal: .constant(false),
+                           showSupport: .constant(false),
+                           showDocumentation: .constant(false),
+                           showSettings: .constant(false))
         .environment(\.posBackgroundAppearance, .secondary)
         .environment(POSPreviewHelpers.makePreviewAggregateModel())
 }

WooCommerce/Classes/POS/Presentation/PointOfSaleDashboardView.swift

@@ -8,6 +8,7 @@ struct PointOfSaleDashboardView: View {
     @State private var showExitPOSModal: Bool = false
     @State private var showSupport: Bool = false
     @State private var showDocumentation: Bool = false
+    @State private var showSettings: Bool = false
     @State private var waitingTimeTracker: WaitingTimeTracker?
 
     @State private var floatingSize: CGSize = .zero
@@ -90,7 +91,8 @@ struct PointOfSaleDashboardView: View {
 
             POSFloatingControlView(showExitPOSModal: $showExitPOSModal,
                                    showSupport: $showSupport,
-                                   showDocumentation: $showDocumentation)
+                                   showDocumentation: $showDocumentation,
+                                   showSettings: $showSettings)
             .offset(x: Constants.floatingControlHorizontalOffset, y: -Constants.floatingControlVerticalOffset)
             .padding(.bottom, Constants.floatingControlBottomPadding)
             .trackSize(size: $floatingSize)
@@ -130,6 +132,9 @@ struct PointOfSaleDashboardView: View {
         .posSheet(isPresented: $showDocumentation) {
             documentationView
         }
+        .posFullScreenCover(isPresented: $showSettings) {
+            PointOfSaleSettingsView()
+        }
         .onChange(of: posModel.entryPointController.eligibilityState) { oldValue, newValue in
             guard newValue == .eligible else { return }
             Task { @MainActor in
@@ -290,3 +295,19 @@ private extension PointOfSaleDashboardView {
 }
 
 #endif
+
+struct PointOfSaleSettingsView: View {
+    @Environment(\.dismiss) private var dismiss
+    var body: some View {
+        NavigationView {
+            Text("Settings")
+                .toolbar {
+                    ToolbarItem(placement: .navigationBarTrailing) {
+                        Button("Done") {
+                            dismiss()
+                        }
+                    }
+                }
+        }
+    }
+}