Add "Select address" feature

Implemented the functionality for the 'Select Address' feature.
This addition includes dynamic handling of address selection, enabling users
to pick from a list of existing associated addresses.

Author: rainerdema

admin/app/components/solidus_admin/orders/show/address/component.html.erb

@@ -1,9 +1,38 @@
-<div class="<%= stimulus_id %>">
+<div class="<%= stimulus_id %>" data-controller="<%= stimulus_id %>">
   <%= render component("orders/show").new(order: @order) %>
+
   <%= render component("ui/modal").new(title: t(".title.#{@type}"), close_path: solidus_admin.order_path(@order)) do |modal| %>
     <%= form_for @order, url: solidus_admin.send("order_#{@type}_address_path", @order), html: { id: form_id } do |form| %>
       <div class="w-full flex flex-col mb-4">
-        <h2 class="text-sm mb-4 font-semibold"><%= t(".subtitle.#{@type}") %></h2>
+        <div class="flex justify-between items-center mb-4">
+          <h2 class="text-sm font-semibold">
+            <%= t(".subtitle.#{@type}") %>
+          </h2>
+
+          <% if @user&.addresses&.any? %>
+            <details class="text-black text-sm" data-controller="details-click-outside" data-<%= stimulus_id %>-target="addresses">
+              <summary
+                class="text-left flex cursor-pointer select-none"
+                data-action="keydown.esc-><%= stimulus_id %>#close"
+              >
+                <%= t(".select_address") %>
+                <%= render component("ui/icon").new(name: 'arrow-down-s-fill', class: 'w-5 h-5') %>
+              </summary>
+
+              <div class="absolute mr-4 right-0 bg-white border border-gray-100 rounded-lg py-2 mt-1 shadow-lg z-10 min-w-[16rem] max-h-[26rem] overflow-y-auto">
+                <% @user.addresses.each do |address| %>
+                  <%= tag.a(
+                        href: solidus_admin.send("order_#{@type}_address_path", @order, address_id: address.id),
+                        class: 'block text-black text-sm hover:bg-gray-50 p-2 mx-2 w-auto rounded-lg',
+                      ) do %>
+                    <%= format_address(address) %>
+                  <% end %>
+                <% end %>
+              </div>
+            </details>
+          <% end %>
+        </div>
+
         <div class="w-full flex gap-4">
           <%= render component('ui/forms/address').new(address: @address, name: "order[#{@type}_address_attributes]") %>
         </div>

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

@@ -5,10 +5,11 @@ class SolidusAdmin::Orders::Show::Address::Component < SolidusAdmin::BaseCompone
 
   VALID_TYPES = ['ship', 'bill'].freeze
 
-  def initialize(order:, address:, type: 'ship')
+  def initialize(order:, address:, user: nil, type: 'ship')
     @order = order
-    @type = validate_address_type(type)
+    @user = user
     @address = address
+    @type = validate_address_type(type)
   end
 
   def form_id
@@ -24,6 +25,23 @@ def use_attribute
     end
   end
 
+  def format_address(address)
+    safe_join([
+      address.name,
+      tag.br,
+      address.address1,
+      tag.br,
+      address.address2,
+      address.city,
+      address.zipcode,
+      address.state&.name,
+      tag.br,
+      address.country.name,
+      tag.br,
+      address.phone,
+    ], " ")
+  end
+
   def validate_address_type(type)
     VALID_TYPES.include?(type) ? type : raise(ArgumentError, "Invalid address type: #{type}")
   end

admin/app/components/solidus_admin/orders/show/address/component.yml

@@ -4,6 +4,7 @@ en:
   save: Save
   cancel: Cancel
   back: Back
+  select_address: Select address
   title:
     ship: Edit Shipping Address
     bill: Edit Billing Address

admin/app/controllers/solidus_admin/addresses_controller.rb

@@ -14,6 +14,7 @@ def show
         format.html do
           render component('orders/show/address').new(
             order: @order,
+            user: @order.user,
             address: address,
             type: address_type,
           )
@@ -35,6 +36,7 @@ def update
           format.html do
             render component('orders/show/address').new(
               order: @order,
+              user: @order.user,
               address: @order.send("#{address_type}_address"),
               type: address_type,
               status: :unprocessable_entity,