Disable state field for countries without states

Modify the address form logic to accommodate countries without associated
states.
The state select field is now automatically disabled when a country with no
states is selected.
Additionally, this ensure state select field is disabled for preloaded
selected country without states.

Author: rainerdema

admin/app/components/solidus_admin/orders/show/component.rb

@@ -21,7 +21,7 @@ def format_address(address)
       address.address2,
       address.city,
       address.zipcode,
-      address.state.name,
+      address.state&.name,
       tag.br,
       address.country.name,
       tag.br,

admin/app/components/solidus_admin/ui/forms/address/component.html.erb

@@ -25,6 +25,7 @@
       :state_id,
       state_options,
       value: @form.object.try(:state_id),
+      disabled: @form.object.country&.states&.empty?,
       "data-#{stimulus_id}-target": "state"
     ) %>
 

admin/app/components/solidus_admin/ui/forms/address/component.js

@@ -18,12 +18,17 @@ export default class extends Controller {
 
     stateSelect.innerHTML = ""
 
-    data.forEach(state => {
-      const option = document.createElement("option")
+    if (data.length === 0) {
+      stateSelect.disabled = true
+    } else {
+      stateSelect.disabled = false
 
-      option.value = state.id
-      option.innerText = state.name
-      stateSelect.appendChild(option)
-    })
+      data.forEach((state) => {
+        const option = document.createElement("option")
+        option.value = state.id
+        option.innerText = state.name
+        stateSelect.appendChild(option)
+      })
+    }
   }
 }