Implement server-Side state preloading for address form

Enhance the address form's state field by ensuring the correct state is selected
during asynchronous loading.
This adjustment addresses a timing issue where Stimulus did not populate the
state select promptly, leading to mismatched selections.

Author: rainerdema

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

@@ -23,7 +23,7 @@
     <%= render component("ui/forms/field").select(
       @form,
       :state_id,
-      [],
+      state_options,
       value: @form.object.try(:state_id),
       "data-#{stimulus_id}-target": "state"
     ) %>

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

@@ -3,10 +3,6 @@ import { Controller } from '@hotwired/stimulus'
 export default class extends Controller {
   static targets = ["country", "state"]
 
-  connect() {
-    this.loadStates()
-  }
-
   loadStates() {
     const countryId = this.countryTarget.value
 

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

@@ -5,4 +5,9 @@ def initialize(form:, disabled: false)
     @form = form
     @disabled = disabled
   end
+
+  def state_options
+    return [] unless @form.object.country
+    @form.object.country.states.map { |s| [s.name, s.id] }
+  end
 end