Update the view to show redacted and shimmer effects when required

Author: Ecarrion

WooCommerce/Classes/ViewRelated/Orders/Order Details/Address Edit/FilterListSelector.swift

@@ -1,4 +1,5 @@
 import SwiftUI
+import Shimmer
 
 protocol FilterListSelectorViewModelable: ObservableObject {
 
@@ -19,6 +20,10 @@ protocol FilterListSelectorViewModelable: ObservableObject {
     /// Placeholder for the filter text field
     ///
     var filterPlaceholder: String { get }
+
+    /// Value to indicate if the views should be redacted
+    ///
+    var showPlaceholders: Bool { get }
 }
 
 /// Filterable List Selector View
@@ -37,6 +42,8 @@ struct FilterListSelector<ViewModel: FilterListSelectorViewModelable>: View {
             ListSelector(command: viewModel.command, tableStyle: .plain)
         }
         .navigationTitle(viewModel.navigationTitle)
+        .redacted(reason: viewModel.showPlaceholders ? .placeholder : [])
+        .shimmering(active: viewModel.showPlaceholders)
     }
 }
 

WooCommerce/Classes/ViewRelated/Orders/Order Details/Address Edit/StateSelectorViewModel.swift

@@ -25,6 +25,10 @@ final class StateSelectorViewModel: FilterListSelectorViewModelable, ObservableO
     /// Filter text field placeholder
     ///
     let filterPlaceholder = Localization.placeholder
+
+    /// States do not require data loading
+    ///
+    let showPlaceholders = false
 }
 
 // MARK: Constants