spree_admin 5.5.3 → 5.6.0.rc1

data/app/controllers/spree/admin/base_controller.rb

@@ -2,14 +2,17 @@ module Spree
   module Admin
     class BaseController < Spree::BaseController
       include Spree::Admin::BreadcrumbConcern
+      include Spree::Admin::LocaleConcern
 
       layout :choose_layout
       default_form_builder Spree::Admin::FormBuilder
 
       helper 'spree/base'
+      helper 'spree/admin/rtl'
       helper 'spree/admin/navigation'
       helper 'spree/locale'
       helper 'spree/currency'
+      helper 'spree/localized_names'
       helper 'spree/addresses'
       helper 'spree/integrations'
 
@@ -84,14 +87,47 @@ module Spree
         @default_locale ||= current_store&.preferred_admin_locale.presence || super
       end
 
+      # Set the UI language (`I18n.locale`, via super) while keeping content
+      # reads on the store's locale — see Spree::Admin::LocaleConcern. `super`
+      # records the content locale in `Spree::Current` (the admin overrides
+      # `default_locale` to the UI language, but `content_locale` stays on the
+      # store's default), and `pin_content_locale!` aligns Mobility with it.
+      def set_locale
+        super
+        pin_content_locale!
+        sync_pagy_locale!
+      end
+
+      # Pagy ships its own i18n dictionaries and resolves them through `Pagy::I18n`
+      # (a thread-local that defaults to `:en`), not Rails `I18n`. Align it to the
+      # admin UI locale so pagination strings (e.g. "Displaying N items") localize.
+      def sync_pagy_locale!
+        Pagy::I18n.locale = I18n.locale if defined?(Pagy::I18n)
+      end
+
+      # Resolve the admin UI locale for the current request. Unlike the
+      # storefront, the admin prefers the signed-in staff member's own saved
+      # `selected_locale` (the language of the back-office chrome), then the
+      # `spree_admin_locale` cookie (the per-browser choice made on the login
+      # screen, which carries from the pre-auth page into the session), then
+      # the store-wide `preferred_admin_locale` via `default_locale`.
+      def current_locale
+        @current_locale ||= [admin_user_selected_locale, admin_locale_cookie].
+          detect { |locale| supported_admin_locale?(locale) } || default_locale
+      end
+
+      # The store's timezone resolved to an +ActiveSupport::TimeZone+, falling
+      # back to +Time.zone+ when the preference holds an unknown zone name.
+      # @return [ActiveSupport::TimeZone]
       def current_timezone
-        @current_timezone ||= current_store.preferred_timezone
+        @current_timezone ||= ActiveSupport::TimeZone[current_store.preferred_timezone] || Time.zone
       end
+      helper_method :current_timezone
 
       # datetime-local inputs submit values without timezone information. Interpret
       # them in the store's timezone so they match what the admin sees in the form.
       def parse_datetime_in_store_timezone(attrs, *fields)
-        zone = ActiveSupport::TimeZone[current_timezone] || Time.zone
+        zone = current_timezone
 
         fields.each do |field|
           value = attrs[field]

data/app/controllers/spree/admin/countries_controller.rb

@@ -1,12 +1,26 @@
 module Spree
   module Admin
     class CountriesController < Spree::Admin::BaseController
+      # Returns every accessible country, sorted by its localized name. The set
+      # is small and fixed, so the admin autocomplete loads the full list once
+      # and filters it client-side (in the admin UI locale) rather than querying
+      # the server per keystroke.
+      #
+      # `name` is the underlying value used for filtering (the stored English
+      # country name); `label` is the localized, flag-prefixed display string.
       def select_options
-        q = params[:q]
-        ransack_params = q.is_a?(String) ? { name_cont: q } : q
-        countries = Spree::Country.accessible_by(current_ability).ransack(ransack_params).result.order(:name).limit(50)
+        countries = Spree::Country.accessible_by(current_ability, :show).
+                    sort_by(&:localized_name)
 
-        render json: countries.pluck(:id, :name).map { |id, name| { id: id, name: name } }
+        options = countries.map do |country|
+          {
+            id: country.id,
+            name: country.name,
+            label: country.option_label
+          }
+        end
+
+        render json: options
       end
     end
   end

data/app/controllers/spree/admin/exports_controller.rb

@@ -7,6 +7,7 @@ module Spree
 
       new_action.before :assign_params
       create.before :set_user
+      create.after :remember_results_url
 
       def show
         redirect_to @object.attachment.url, status: :see_other, allow_other_host: true
@@ -30,6 +31,12 @@ module Spree
         @object.user = try_spree_current_user
       end
 
+      # The export-done email links wherever the creating surface serves the
+      # file — for the legacy admin that is this export's download page.
+      def remember_results_url
+        @object.update!(results_url: spree.admin_export_url(@object))
+      end
+
       def location_after_save
         spree.admin_exports_path
       end

data/app/controllers/spree/admin/imports_controller.rb

@@ -8,6 +8,7 @@ module Spree
       create.before :set_user
       create.before :set_owner
       create.after :start_mapping
+      create.after :remember_results_url
 
       # GET /admin/imports/:id
       def show
@@ -40,6 +41,13 @@ module Spree
         @object.start_mapping!
       end
 
+      # The import-done email links wherever the creating surface shows
+      # results — for the legacy admin that is this import's page. The
+      # dashboard passes its own URL through the Admin API instead.
+      def remember_results_url
+        @object.update!(results_url: spree.admin_import_url(@object))
+      end
+
       def location_after_save
         spree.admin_import_path(@object)
       end

data/app/controllers/spree/admin/products_controller.rb

@@ -311,6 +311,7 @@ module Spree
                     params.require(:product).permit(permitted_product_attributes)
                   end
           parse_datetime_in_store_timezone(attrs, :available_on, :discontinue_on, :make_active_at)
+          parse_datetime_in_store_timezone(attrs[:master_attributes], :preorder_ships_at) if attrs[:master_attributes].present?
           attrs
         end
       end

data/app/controllers/spree/admin/storefront_controller.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Spree
+  module Admin
+    class StorefrontController < BaseController
+      include Spree::Admin::SettingsConcern
+
+      # GET /admin/storefront
+      def show
+        @breadcrumb_icon = 'building-store'
+        add_breadcrumb Spree.t('admin.storefront_setup.title'), spree.admin_storefront_path
+
+        @publishable_key = find_or_create_publishable_key
+        @deployment_origin = normalize_origin(params[:'deployment-url'])
+        @deployment_origin_allowed = @deployment_origin.present? && current_store.allowed_origin?(@deployment_origin)
+        @vercel_dashboard_url = vercel_dashboard_url
+        @storefront_origins = current_store.allowed_origins.order(:created_at).reject(&:loopback?)
+      end
+
+      # PATCH /admin/storefront
+      #
+      # Saves the storefront URL preference (used as the base for links in
+      # customer emails and as the setup-task completion signal) and adds it
+      # as an allowed origin so browser-based storefronts can call the Store API.
+      def update
+        origin = normalize_origin(params[:storefront_url])
+
+        if origin.nil?
+          flash[:error] = Spree.t('admin.storefront_setup.invalid_origin')
+        elsif current_store.update(preferred_storefront_url: origin)
+          current_store.allowed_origins.find_or_create_by(origin: origin)
+          flash[:success] = Spree.t('admin.storefront_setup.storefront_url_saved', url: origin)
+        else
+          flash[:error] = current_store.errors.full_messages.to_sentence
+        end
+
+        redirect_to spree.admin_storefront_path, status: :see_other
+      end
+
+      # POST /admin/storefront/allow_origin
+      def allow_origin
+        origin = normalize_origin(params[:origin])
+
+        if origin.nil?
+          flash[:error] = Spree.t('admin.storefront_setup.invalid_origin')
+        else
+          allowed_origin = current_store.allowed_origins.find_or_initialize_by(origin: origin)
+
+          if allowed_origin.persisted? || allowed_origin.save
+            current_store.update(preferred_storefront_url: origin) if current_store.preferred_storefront_url.blank?
+            flash[:success] = Spree.t('admin.storefront_setup.origin_allowed', origin: origin)
+          else
+            flash[:error] = allowed_origin.errors.full_messages.to_sentence
+          end
+        end
+
+        redirect_to spree.admin_storefront_path, status: :see_other
+      end
+
+      private
+
+      # Every action here is store configuration (publishable keys, allowed
+      # origins, store preferences), so gate the whole page behind store
+      # management — granted by e.g. Spree::PermissionSets::ConfigurationManagement.
+      def authorize_admin
+        authorize! :admin, Spree::Store
+        authorize! :update, current_store
+      end
+
+      # The storefront needs a publishable key; reuse the oldest active one
+      # (usually the seeded "Default") and mint one for stores that have none.
+      def find_or_create_publishable_key
+        current_store.api_keys.active.publishable.order(:created_at).first ||
+          current_store.api_keys.create!(
+            name: 'Storefront',
+            key_type: 'publishable',
+            created_by: try_spree_current_user
+          )
+      end
+
+      # Normalizes user or Vercel-callback input to a canonical origin string,
+      # or nil when it's not a valid http(s) URL — pre-normalized here (rather
+      # than leaning on the Store validation) so invalid input gets the
+      # dedicated invalid_origin flash.
+      def normalize_origin(raw)
+        Spree::AllowedOrigin.normalize_origin(raw)
+      end
+
+      # Only link back to the Vercel dashboard when the callback param actually
+      # points at vercel.com — never reflect an arbitrary URL as a link.
+      def vercel_dashboard_url
+        url = params[:'project-dashboard-url'].to_s
+        parsed = Spree::AllowedOrigin.parse_origin(url)
+        return unless parsed && parsed[:scheme] == 'https'
+
+        url if parsed[:host] == 'vercel.com' || parsed[:host].end_with?('.vercel.com')
+      end
+    end
+  end
+end

data/app/controllers/spree/admin/user_sessions_controller.rb

@@ -2,9 +2,19 @@ module Spree
   module Admin
     class UserSessionsController < defined?(Devise::SessionsController) ? Devise::SessionsController : Spree::Admin::BaseController
       include Spree::Admin::AuthRateLimiting
+      include Spree::Admin::LocaleConcern
+
+      helper 'spree/locale'
+      helper 'spree/admin/rtl'
 
       layout 'spree/minimal'
 
+      # This controller inherits from Devise::SessionsController, so the
+      # `set_locale` before_action from Spree::Core::ControllerHelpers::Locale
+      # (mixed into Spree::Admin::BaseController) never runs here — opt into
+      # the concern's pre-auth locale handling instead (see LocaleConcern).
+      before_action :set_login_locale
+
       auth_rate_limit :rate_limit_login, redirect_to: -> { new_session_path(resource_name) }
 
       # We need to overwrite this action because `return_to` url may be in a different domain

data/app/controllers/spree/admin/variants_controller.rb

@@ -96,7 +96,9 @@ module Spree
       end
 
       def permitted_resource_params
-        params.require(:variant).permit(permitted_variant_attributes)
+        attrs = params.require(:variant).permit(permitted_variant_attributes)
+        parse_datetime_in_store_timezone(attrs, :preorder_ships_at)
+        attrs
       end
     end
   end

data/app/helpers/spree/admin/base_helper.rb

@@ -41,6 +41,11 @@ module Spree
         @available_countries_iso ||= current_store.countries_available_for_checkout.pluck(:iso)
       end
 
+      # @return [Array<Spree::Country>] the available countries for checkout
+      def available_countries
+        @available_countries ||= available_countries_iso.map { |iso| Spree::Country.new(iso: iso) }
+      end
+
       # returns the available display on options, eg backend, frontend, both
       # @return [Array<Array<String, String>>] the available display on options
       def display_on_options(model = nil)
@@ -360,6 +365,11 @@ module Spree
           return Spree.t(:none) if market_ids.empty?
 
           Spree::Market.where(id: market_ids).pluck(:name).join(', ')
+        when :channel_ids
+          channel_ids = Array(value).reject(&:blank?).map(&:to_i)
+          return Spree.t(:none) if channel_ids.empty?
+
+          Spree::Channel.where(id: channel_ids).pluck(:name).join(', ')
         when :user_ids
           user_ids = Array(value).reject(&:blank?).map(&:to_i)
           return Spree.t(:none) if user_ids.empty?

data/app/helpers/spree/admin/channels_helper.rb

@@ -9,6 +9,23 @@ module Spree
       def channel_order_routing_strategy_options
         Spree.order_routing.strategies.map { |strategy| [strategy.display_name, strategy.to_s] }
       end
+
+      # Storefront access levels for the channel edit form. A blank selection
+      # clears the channel override and falls back to +Store#preferred_storefront_access+.
+      def channel_storefront_access_options
+        Spree::Channel::Gating::STOREFRONT_ACCESS.map do |value|
+          [Spree.t("admin.channels.storefront_access_options.#{value}"), value]
+        end
+      end
+
+      # Tri-state guest-checkout override for the channel edit form. A blank
+      # selection clears the override and falls back to +Store#preferred_guest_checkout+.
+      def channel_guest_checkout_options
+        [
+          [Spree.t('admin.channels.guest_checkout_allowed'), 'true'],
+          [Spree.t('admin.channels.guest_checkout_blocked'), 'false']
+        ]
+      end
     end
   end
 end

data/app/helpers/spree/admin/dropdown_helper.rb

@@ -16,6 +16,8 @@ module Spree
           options[:placement] || 'bottom-start'
         end
 
+        placement = flip_placement_for_rtl(placement)
+
         # Extract portal option
         portal = options.delete(:portal)
 
@@ -49,6 +51,18 @@ module Spree
 
         content_tag(:div, options, &block)
       end
+
+      def flip_placement_for_rtl(placement)
+        return placement unless rtl_locale?
+
+        case placement
+        when 'bottom-start' then 'bottom-end'
+        when 'bottom-end' then 'bottom-start'
+        when 'top-start' then 'top-end'
+        when 'top-end' then 'top-start'
+        else placement
+        end
+      end
     end
   end
 end

data/app/helpers/spree/admin/navigation_helper.rb

@@ -404,7 +404,7 @@ module Spree
         result = label.to_s
         if badge_value.present?
           css_class = badge_class.presence || 'badge-light'
-          result += content_tag(:span, badge_value, class: "badge ml-auto #{css_class}")
+          result += content_tag(:span, badge_value, class: "badge ms-auto #{css_class}")
         end
         if tooltip_text.present?
           result += tooltip(tooltip_text)

data/app/helpers/spree/admin/onboarding_helper.rb

@@ -10,7 +10,7 @@ module Spree
         if condition == true
           icon('check', class: 'rounded-full inline-flex items-center bg-green-200 text-green-600 border-green-200 p-1')
         else
-          icon('check', class: 'rounded-full inline-flex items-center border-dashed text-gray-300 p-1')
+          icon('circle-dashed-check', class: 'rounded-full inline-flex items-center border-dashed text-gray-300 p-1')
         end.html_safe
       end
     end

data/app/helpers/spree/admin/orders_helper.rb

@@ -82,44 +82,19 @@ module Spree
       end
 
       def avs_response_code
-        {
-          'A' => 'Street address matches, but 5-digit and 9-digit postal code do not match.',
-          'B' => 'Street address matches, but postal code not verified.',
-          'C' => 'Street address and postal code do not match.',
-          'D' => 'Street address and postal code match. ',
-          'E' => 'AVS data is invalid or AVS is not allowed for this card type.',
-          'F' => "Card member's name does not match, but billing postal code matches.",
-          'G' => 'Non-U.S. issuing bank does not support AVS.',
-          'H' => "Card member's name does not match. Street address and postal code match.",
-          'I' => 'Address not verified.',
-          'J' => "Card member's name, billing address, and postal code match.",
-          'K' => "Card member's name matches but billing address and billing postal code do not match.",
-          'L' => "Card member's name and billing postal code match, but billing address does not match.",
-          'M' => 'Street address and postal code match. ',
-          'N' => 'Street address and postal code do not match.',
-          'O' => "Card member's name and billing address match, but billing postal code does not match.",
-          'P' => 'Postal code matches, but street address not verified.',
-          'Q' => "Card member's name, billing address, and postal code match.",
-          'R' => 'System unavailable.',
-          'S' => 'Bank does not support AVS.',
-          'T' => "Card member's name does not match, but street address matches.",
-          'U' => 'Address information unavailable. Returned if the U.S. bank does not support non-U.S. AVS or if the AVS in a U.S. bank is not functioning properly.',
-          'V' => "Card member's name, billing address, and billing postal code match.",
-          'W' => 'Street address does not match, but 9-digit postal code matches.',
-          'X' => 'Street address and 9-digit postal code match.',
-          'Y' => 'Street address and 5-digit postal code match.',
-          'Z' => 'Street address does not match, but 5-digit postal code matches.'
-        }
+        ('A'..'Z').each_with_object({}) do |code, codes|
+          codes[code] = Spree.t("admin.orders.avs_responses.#{code.downcase}")
+        end
       end
 
       def cvv_response_code
         {
-          'M' => 'CVV2 Match',
-          'N' => 'CVV2 No Match',
-          'P' => 'Not Processed',
-          'S' => 'Issuer indicates that CVV2 data should be present on the card, but the merchant has indicated data is not present on the card',
-          'U' => 'Issuer has not certified for CVV2 or Issuer has not provided Visa with the CVV2 encryption keys',
-          '' => 'Transaction failed because wrong CVV2 number was entered or no CVV2 number was entered'
+          'M' => Spree.t('admin.orders.cvv_responses.m'),
+          'N' => Spree.t('admin.orders.cvv_responses.n'),
+          'P' => Spree.t('admin.orders.cvv_responses.p'),
+          'S' => Spree.t('admin.orders.cvv_responses.s'),
+          'U' => Spree.t('admin.orders.cvv_responses.u'),
+          '' => Spree.t('admin.orders.cvv_responses.blank')
         }
       end
     end

data/app/helpers/spree/admin/products_helper.rb

@@ -29,7 +29,7 @@ module Spree
 
       def product_status(product)
         if product.deleted?
-          content_tag(:span, 'Deleted', class: 'badge  badge-danger')
+          content_tag(:span, Spree.t('admin.products.deleted'), class: 'badge  badge-danger')
         else
           content_tag(:span, class: "badge  badge-#{product.status}") do
             if product.active?

data/app/helpers/spree/admin/rtl_helper.rb

@@ -0,0 +1,15 @@
+module Spree
+  module Admin
+    # View helpers for the legacy admin's layout direction (`<html dir>`).
+    # RTL detection itself lives on Spree::Locale (the single source of truth).
+    module RtlHelper
+      def rtl_locale?(locale = I18n.locale)
+        Spree::Locale.new(code: locale).rtl?
+      end
+
+      def html_dir(locale = I18n.locale)
+        Spree::Locale.new(code: locale).direction
+      end
+    end
+  end
+end

data/app/helpers/spree/admin/shipment_helper.rb

@@ -12,7 +12,7 @@ module Spree::Admin
         where(spree_stock_items: { variant_id: variant.id }).
         group(:id).
         pluck(:name, "sum(spree_stock_items.count_on_hand)", :id).
-        map { |name, count, id| ["#{name.capitalize} (#{count} on hand)", "stock-location_#{id}"] }
+        map { |name, count, id| [Spree.t('admin.shipments.stock_location_option', name: name, count: count), "stock-location_#{id}"] }
     end
 
     def shipments_for_transfer(current_shipment)

data/app/helpers/spree/admin/storefront_helper.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module Spree
+  module Admin
+    module StorefrontHelper
+      STOREFRONT_REPOSITORY_URL = 'https://github.com/spree/storefront'
+
+      # Builds the Vercel deploy-button URL for the storefront starter, prefilled
+      # with the store's API URL and publishable key (both non-secret), and
+      # redirecting back to the admin storefront page after a successful deploy
+      # so the deployed domain can be added as an allowed origin.
+      #
+      # @param store [Spree::Store]
+      # @param api_key [Spree::ApiKey] an active publishable key
+      # @return [String]
+      def vercel_deploy_url(store, api_key)
+        query = {
+          'repository-url' => STOREFRONT_REPOSITORY_URL,
+          'project-name' => "#{store.code}-storefront",
+          'repository-name' => "#{store.code}-storefront",
+          'env' => 'SPREE_API_URL,SPREE_PUBLISHABLE_KEY',
+          'envDefaults' => {
+            'SPREE_API_URL' => store.formatted_url,
+            'SPREE_PUBLISHABLE_KEY' => api_key.token
+          }.to_json,
+          'envDescription' => Spree.t('admin.storefront_setup.env_description'),
+          'envLink' => "#{STOREFRONT_REPOSITORY_URL}#readme",
+          'redirect-url' => spree.admin_storefront_url
+        }
+
+        "https://vercel.com/new/clone?#{query.to_query}"
+      end
+
+      # True when the store's public URL points at a loopback host, which
+      # Vercel's build servers cannot reach.
+      #
+      # @param store [Spree::Store]
+      # @return [Boolean]
+      def store_url_loopback?(store = current_store)
+        Spree::AllowedOrigin::LOOPBACK_HOSTS.include?(
+          Spree::AllowedOrigin.parse_origin(store.formatted_url)&.dig(:host)
+        )
+      end
+    end
+  end
+end

data/app/helpers/spree/admin/stores_helper.rb

@@ -30,7 +30,8 @@ module Spree
         opts[:width] ||= DEFAULT_ICON_SIZE
         opts[:class] ||= ''
         opts[:class] += ' store-icon rounded-lg  text-gray-900 flex items-center justify-center'
-        content_tag(:span, name[0].upcase, class: opts[:class], style: "height: #{opts[:height]}px; width: #{opts[:width]}px;")
+        letter = name.to_s.first&.upcase
+        content_tag(:span, letter, class: opts[:class], style: "height: #{opts[:height]}px; width: #{opts[:width]}px;")
       end
     end
   end

data/app/javascript/spree/admin/application.js

@@ -55,6 +55,7 @@ import CodeMirrorController from 'spree/admin/controllers/codemirror_controller'
 import ColorPaletteController from 'spree/admin/controllers/color_palette_controller'
 import ColumnSelectorController from 'spree/admin/controllers/column_selector_controller'
 import ColorPickerController from 'spree/admin/controllers/color_picker_controller'
+import DisplayNameController from 'spree/admin/controllers/display_name_controller'
 import DropdownController from 'spree/admin/controllers/dropdown_controller'
 import FiltersController from 'spree/admin/controllers/filters_controller'
 import FontPickerController from 'spree/admin/controllers/font_picker_controller'
@@ -120,6 +121,7 @@ application.register('codemirror', CodeMirrorController)
 application.register('color-palette', ColorPaletteController)
 application.register('color-picker', ColorPickerController)
 application.register('column-selector', ColumnSelectorController)
+application.register('display-name', DisplayNameController)
 application.register('dialog', Dialog)
 application.register('drawer', Dialog)
 application.register('disable-submit-button', DisableSubmitButtonController)

data/app/javascript/spree/admin/controllers/autocomplete_select_controller.js

@@ -1,11 +1,15 @@
 import { Controller } from "@hotwired/stimulus"
 import TomSelect from 'tom-select/dist/esm/tom-select.complete.js';
+import { localizeSelectOptions } from 'spree/admin/helpers/display_names'
 
 // this is a very simple autocomplete select controller that uses TomSelect
 // by default it does not support remote data fetching or adding new options
 // that scenarios are handled in the more robust select_controller.js
 export default class extends Controller {
   connect() {
+    const displayNamesType = this.element.dataset.displayNamesType
+    if (displayNamesType) localizeSelectOptions(this.element, displayNamesType)
+
     let selectedValue = this.element.value
 
     let plugins = []

data/app/javascript/spree/admin/controllers/calendar_range_controller.js

@@ -5,6 +5,12 @@ import { PresetPlugin } from '@easepick/preset-plugin';
 
 export default class extends Controller {
   static targets = [ "picker", "dateFrom", "dateTo", "label" ]
+  static values = {
+    presetLabels: {
+      type: Array,
+      default: ['Today', 'Yesterday', 'Last 7 Days', 'Last 30 Days', 'This Month', 'Last Month']
+    }
+  }
 
   connect() {
     this.picker = new easepick.create({
@@ -23,9 +29,7 @@ export default class extends Controller {
         endDate: this.dateToTarget.value,
       },
       PresetPlugin: {
-        customLabels: ['Today', 'Yesterday',
-        'Last 7 Days', 'Last 30 Days',
-        'This Month', 'Last Month'],
+        customLabels: this.presetLabelsValue,
         position: 'left'
       },
       lang: Spree.locale

data/app/javascript/spree/admin/controllers/display_name_controller.js

@@ -0,0 +1,18 @@
+import { Controller } from '@hotwired/stimulus'
+import { adminUiLocale, formatCodeName, intlDisplayName } from 'spree/admin/helpers/display_names'
+
+/**
+ * Upgrades a server-rendered code/name label to its `Intl.DisplayNames`
+ * equivalent in the admin UI language once JS is available.
+ */
+export default class extends Controller {
+  static values = {
+    type: String,
+    code: String
+  }
+
+  connect() {
+    const name = intlDisplayName(this.typeValue, this.codeValue, adminUiLocale())
+    if (name) this.element.textContent = formatCodeName(this.codeValue, name)
+  }
+}