spree_backend 4.1.1 → 4.5.0

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

@@ -3,7 +3,7 @@ module Spree
     module NavigationHelper
       # Makes an admin navigation tab (<li> tag) that links to a routing resource under /admin.
       # The arguments should be a list of symbolized controller names that will cause this tab to
-      # be highlighted, with the first being the name of the resouce to link (uses URL helpers).
+      # be highlighted, with the first being the name of the resource to link (uses URL helpers).
       #
       # Option hash may follow. Valid options are
       #   * :label to override link text, otherwise based on the first resource name (translated)
@@ -15,40 +15,53 @@ module Spree
       # Example:
       #   # Link to /admin/orders, also highlight tab for ProductsController and ShipmentsController
       #   tab :orders, :products, :shipments
+
+      ICON_SIZE = 14
+      MENU_ICON_SIZE = 18
+
       def tab(*args)
         options = { label: args.first.to_s }
 
         # Return if resource is found and user is not allowed to :admin
-        return '' if (klass = klass_for(options[:label])) && cannot?(:admin, klass)
+        return '' if (klass = klass_for(args.first.to_s)) && cannot?(:admin, klass)
 
         options = options.merge(args.pop) if args.last.is_a?(Hash)
         options[:route] ||= "admin_#{args.first}"
 
         destination_url = options[:url] || spree.send("#{options[:route]}_path")
-        titleized_label = Spree.t(options[:label], default: options[:label], scope: [:admin, :tab]).titleize
+
+        if options[:do_not_titleize] == true
+          titleized_label = options[:label]
+        else
+          titleized_label = Spree.t(options[:label], default: options[:label], scope: [:admin, :tab]).titleize
+        end
 
         css_classes = ['sidebar-menu-item d-block w-100 position-relative']
 
-        selected = if options[:match_path].is_a? Regexp
-                     request.fullpath =~ options[:match_path]
-                   elsif options[:match_path]
-                     request.fullpath.starts_with?("#{spree.admin_path}#{options[:match_path]}")
-                   else
-                     args.include?(controller.controller_name.to_sym)
-                   end
+        if (selected = options[:selected]).nil?
+          selected = if options[:match_path].is_a? Regexp
+                       request.fullpath =~ options[:match_path]
+                     elsif options[:match_path]
+                       request.fullpath.starts_with?("#{spree.admin_path}#{options[:match_path]}")
+                     else
+                       args.include?(controller.controller_name.to_sym)
+                     end
+        end
 
         link = if options[:icon]
                  link_to_with_icon(
                    options[:icon],
                    titleized_label,
                    destination_url,
-                   class: 'w-100 p-3 d-flex align-items-center'
+                   class: 'w-100 px-3 py-2 d-flex align-items-center text-muted',
+                   width: MENU_ICON_SIZE,
+                   height: MENU_ICON_SIZE
                  )
                else
                  link_to(
                    titleized_label,
                    destination_url,
-                   class: "sidebar-submenu-item w-100 py-1 px-3 d-block #{'text-success' if selected}"
+                   class: "sidebar-submenu-item w-100 py-2 py-md-1 pl-5 d-block #{selected ? 'font-weight-bold' : 'text-muted'}"
                  )
                end
 
@@ -60,16 +73,22 @@ module Spree
 
       # Single main menu item
       def main_menu_item(text, url: nil, icon: nil)
-        link_to url, 'data-toggle': 'collapse', class: 'd-flex w-100 p-3 position-relative align-items-center' do
-          content_tag(:span, nil, class: "icon icon-#{icon} mr-2") +
-            content_tag(:span, " #{text}", class: 'text') +
-            content_tag(:span, nil, class: 'icon icon-chevron-left position-absolute')
+        link_to url, 'data-toggle': 'collapse', class: 'd-flex w-100 px-3 py-2 position-relative align-items-center' do
+          if icon.ends_with?('.svg')
+            svg_icon(name: icon, classes: 'mr-2 text-muted', width: MENU_ICON_SIZE, height: MENU_ICON_SIZE) +
+              content_tag(:span, raw(" #{text}"), class: 'text-muted') +
+              svg_icon(name: 'chevron-right.svg', classes: 'drop-menu-indicator text-muted position-absolute', width: (MENU_ICON_SIZE - 8), height: (MENU_ICON_SIZE - 8))
+          else
+            content_tag(:span, nil, class: "icon text-muted icon-#{icon} mr-2") +
+              content_tag(:span, raw(" #{text}"), class: 'text-muted') +
+              svg_icon(name: 'chevron-right.svg', classes: 'drop-menu-indicator text-muted position-absolute', width: (MENU_ICON_SIZE - 8), height: (MENU_ICON_SIZE - 8))
+          end
         end
       end
 
       # Main menu tree menu
       def main_menu_tree(text, icon: nil, sub_menu: nil, url: '#')
-        content_tag :li, class: 'sidebar-menu-item d-block w-100' do
+        content_tag :li, class: 'sidebar-menu-item d-block w-100 text-muted' do
           main_menu_item(text, url: url, icon: icon) +
             render(partial: "spree/admin/shared/sub_menu/#{sub_menu}")
         end
@@ -79,24 +98,24 @@ module Spree
       # this method generates the select_tag
       def per_page_dropdown
         # there is a config setting for admin_products_per_page, only for the orders page
-        if @products && per_page_default = Spree::Config.admin_products_per_page
+        if @products && per_page_default = Spree::Backend::Config.admin_products_per_page
           per_page_options = []
           5.times do |amount|
-            per_page_options << (amount + 1) * Spree::Config.admin_products_per_page
+            per_page_options << (amount + 1) * Spree::Backend::Config.admin_products_per_page
           end
         else
-          per_page_default = Spree::Config.admin_orders_per_page
-          per_page_options = %w{15 30 45 60}
+          per_page_default = Spree::Backend::Config.admin_orders_per_page
+          per_page_options = %w{25 50 75}
         end
 
         selected_option = params[:per_page].try(:to_i) || per_page_default
 
         select_tag(:per_page,
                    options_for_select(per_page_options, selected_option),
-                   class: "form-control pull-right js-per-page-select per-page-selected-#{selected_option}")
+                   class: "w-auto form-control js-per-page-select per-page-selected-#{selected_option} custom-select custom-select-sm")
       end
 
-      # helper method to create proper url to apply per page filtering
+      # helper method to create proper url to apply per page ing
       # fixes https://github.com/spree/spree/issues/6888
       def per_page_dropdown_params(args = nil)
         args = params.permit!.to_h.clone
@@ -121,31 +140,31 @@ module Spree
 
       def link_to_clone(resource, options = {})
         options[:data] = { action: 'clone', 'original-title': Spree.t(:clone) }
-        options[:class] = 'btn btn-primary btn-sm with-tip'
+        options[:class] = 'btn btn-light btn-sm with-tip icon-link'
         options[:method] = :post
-        options[:icon] = :clone
+        options[:icon] = 'clone.svg'
         button_link_to '', clone_object_url(resource), options
       end
 
       def link_to_clone_promotion(promotion, options = {})
         options[:data] = { action: 'clone', 'original-title': Spree.t(:clone) }
-        options[:class] = 'btn btn-warning btn-sm with-tip'
+        options[:class] = 'btn btn-light btn-sm with-tip'
         options[:method] = :post
-        options[:icon] = :clone
+        options[:icon] = 'clone.svg'
         button_link_to '', clone_admin_promotion_path(promotion), options
       end
 
       def link_to_edit(resource, options = {})
         url = options[:url] || edit_object_url(resource)
         options[:data] = { action: 'edit' }
-        options[:class] = 'btn btn-primary btn-sm'
-        link_to_with_icon('edit', Spree.t(:edit), url, options)
+        options[:class] = 'btn btn-light btn-sm'
+        link_to_with_icon('edit.svg', Spree.t(:edit), url, options)
       end
 
       def link_to_edit_url(url, options = {})
         options[:data] = { action: 'edit' }
-        options[:class] = 'btn btn-primary btn-sm'
-        link_to_with_icon('edit', Spree.t(:edit), url, options)
+        options[:class] = 'btn btn-light btn-sm'
+        link_to_with_icon('edit.svg', Spree.t(:edit), url, options)
       end
 
       def link_to_delete(resource, options = {})
@@ -153,36 +172,52 @@ module Spree
         name = options[:name] || Spree.t(:delete)
         options[:class] = 'btn btn-danger btn-sm delete-resource'
         options[:data] = { confirm: Spree.t(:are_you_sure), action: 'remove' }
-        link_to_with_icon 'delete', name, url, options
+        link_to_with_icon 'delete.svg', name, url, options
       end
 
       def link_to_with_icon(icon_name, text, url, options = {})
         options[:class] = (options[:class].to_s + " icon-link with-tip action-#{icon_name}").strip
         options[:title] = text if options[:no_text]
-        text = options[:no_text] ? '' : content_tag(:span, text, class: 'text')
+        text = options[:no_text] ? '' : content_tag(:span, text)
         options.delete(:no_text)
+        options[:width] ||= ICON_SIZE
+        options[:height] ||= ICON_SIZE
         if icon_name
-          icon = content_tag(:span, '', class: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}")
+          icon = if icon_name.ends_with?('.svg')
+                   svg_icon(name: icon_name, classes: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}", width: options[:width], height: options[:height])
+                 else
+                   content_tag(:span, '', class: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}")
+                 end
           text = "#{icon} #{text}"
         end
         link_to(text.html_safe, url, options)
       end
 
       def spree_icon(icon_name)
-        icon_name ? content_tag(:i, '', class: icon_name) : ''
+        if icon_name.ends_with?('.svg')
+          icon_name ? svg_icon(name: icon_name, classes: icon_name, width: MENU_ICON_SIZE, height: MENU_ICON_SIZE) : ''
+        else
+          icon_name ? content_tag(:span, '', class: icon_name) : ''
+        end
       end
 
       # Override: Add disable_with option to prevent multiple request on consecutive clicks
       def button(text, icon_name = nil, button_type = 'submit', options = {})
         if icon_name
-          icon = content_tag(:span, '', class: "icon icon-#{icon_name}")
+          icon = if icon_name.ends_with?('.svg')
+                   svg_icon(name: icon_name, classes: "icon icon-#{icon_name}", width: ICON_SIZE, height: ICON_SIZE)
+                 else
+                   content_tag(:span, '', class: "icon icon-#{icon_name}")
+                 end
           text = "#{icon} #{text}"
         end
+
+        css_classes = options[:class] || 'btn-primary'
         button_tag(
           text.html_safe,
           options.merge(
             type: button_type,
-            class: "btn btn-primary #{options[:class]}",
+            class: "btn #{css_classes}",
             'data-disable-with' => "#{Spree.t(:saving)}..."
           )
         )
@@ -192,7 +227,10 @@ module Spree
         if html_options[:method] &&
             !html_options[:method].to_s.casecmp('get').zero? &&
             !html_options[:remote]
-          form_tag(url, method: html_options.delete(:method), class: 'd-inline') do
+
+          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-primary'
+
+          form_tag(url, method: html_options.delete(:method)) do
             button(text, html_options.delete(:icon), nil, html_options)
           end
         else
@@ -203,30 +241,47 @@ module Spree
 
           html_options.delete('data-update') unless html_options['data-update']
 
-          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-outline-secondary'
+          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-light'
 
           if html_options[:icon]
-            icon = content_tag(:span, '', class: "icon icon-#{html_options[:icon]}")
+            icon = if html_options[:icon].ends_with?('.svg')
+                     svg_icon(name: html_options[:icon], classes: "icon icon-#{html_options[:icon]}", width: ICON_SIZE, height: ICON_SIZE)
+                   else
+                     content_tag(:span, '', class: "icon icon-#{html_options[:icon]}")
+                   end
             text = "#{icon} #{text}"
           end
 
-          link_to(text.html_safe, url, html_options)
+          link_to(text.html_safe, url, html_options.except(:icon))
         end
       end
 
       def configurations_sidebar_menu_item(link_text, url, options = {})
-        is_selected = url.ends_with?(controller.controller_name) ||
+        options[:is_selected] ||= url.ends_with?(controller.controller_name) ||
           url.ends_with?("#{controller.controller_name}/edit") ||
           url.ends_with?("#{controller.controller_name.singularize}/edit")
 
         options[:class] = 'sidebar-menu-item d-block w-100'
-        options[:class] << ' selected' if is_selected
+        options[:class] << ' selected font-weight-bold' if options[:is_selected]
         content_tag(:li, options) do
-          link_to(link_text, url, class: "#{'text-success' if is_selected} py-1 px-3 d-block sidebar-submenu-item")
+          link_to(link_text, url, class: "#{'text-muted' unless options[:is_selected]} sidebar-submenu-item w-100 py-2 py-md-1 pl-5 d-block")
+        end
+      end
+
+      def active_badge(condition, options = {})
+        label = options[:label]
+        label ||= condition ? Spree.t(:say_yes) : Spree.t(:say_no)
+        css_class = condition ? 'badge-active' : 'badge-inactive'
+
+        content_tag(:small, class: "badge badge-pill #{css_class}") do
+          label
         end
       end
 
       def main_part_classes
+        ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
+          Admin::NavigationHelper#main_part_classes is deprecated and will be removed in Spree 5.0.
+        DEPRECATION
         if cookies['sidebar-minimized'] == 'true'
           'col-12 sidebar-collapsed'
         else
@@ -235,6 +290,9 @@ module Spree
       end
 
       def main_sidebar_classes
+        ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
+          Admin::NavigationHelper#main_sidebar_classes is deprecated and will be removed in Spree 5.0.
+        DEPRECATION
         if cookies['sidebar-minimized'] == 'true'
           'col-3 col-md-2 sidebar'
         else
@@ -243,8 +301,17 @@ module Spree
       end
 
       def wrapper_classes
+        ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
+          Admin::NavigationHelper#wrapper_classes is deprecated and will be removed in Spree 5.0.
+        DEPRECATION
         'sidebar-minimized' if cookies['sidebar-minimized'] == 'true'
       end
+
+      def page_header_back_button(url)
+        link_to url, class: 'btn btn-outline-info mr-3 pr-1' do
+          svg_icon name: 'chevron-left.svg', width: 15, height: 15
+        end
+      end
     end
   end
 end

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

@@ -10,13 +10,14 @@ module Spree
           label = Spree.t(event, scope: 'admin.order.events', default: Spree.t(event))
           links << button_link_to(
             label.capitalize,
-            [event, :admin, order],
+            [event.to_sym, :admin, order],
             method: :put,
-            icon: event.to_s,
-            data: { confirm: Spree.t(:order_sure_want_to, event: label) }
+            icon: event.to_s + '.svg',
+            data: { confirm: Spree.t(:order_sure_want_to, event: label) },
+            class: 'btn-light'
           )
         end
-        safe_join(links, '&nbsp;'.html_safe)
+        safe_join(links, ''.html_safe)
       end
 
       def line_item_shipment_price(line_item, quantity)

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

@@ -2,9 +2,13 @@ module Spree
   module Admin
     module PaymentsHelper
       def payment_method_name(payment)
-        # HACK: to allow us to retrieve the name of a "deleted" payment method
-        id = payment.payment_method_id
-        Spree::PaymentMethod.find_with_destroyed(id).name
+        payment_method = payment.payment_method
+
+        if can?(:update, payment_method)
+          link_to payment_method.name, spree.edit_admin_payment_method_path(payment_method)
+        else
+          payment_method.name
+        end
       end
     end
   end

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

@@ -0,0 +1,17 @@
+module Spree
+  module Admin
+    module ProductsHelper
+      # will return a human readable string
+      def available_status(product)
+        return Spree.t('admin.product.archived') if product.status == 'archived'
+        return Spree.t('admin.product.deleted') if product.deleted?
+
+        if product.available?
+          Spree.t('admin.product.active')
+        else
+          Spree.t('admin.product.draft')
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,31 @@
+module Spree
+  module Admin
+    module SortableTreeHelper
+      def sortable_tree_bar(parent_resource, child_resource)
+        partial_name = parent_resource.class.name.demodulize.underscore
+        render "spree/admin/shared/sortable_tree/#{partial_name}", parent_resource: parent_resource, child_resource: child_resource
+      end
+
+      def build_sortable_tree(parent_resource, child_resource)
+        child_resource_name = child_resource.class.name.demodulize.underscore
+        descendants = []
+
+        unless child_resource.leaf?
+          child_resource.children.each do |child_item|
+            descendants << build_sortable_tree(parent_resource, child_item) unless child_resource.leaf?
+          end
+        end
+
+        row = sortable_tree_bar(parent_resource, child_resource)
+        container = content_tag(:div, raw(descendants.join), data: { sortable_tree_parent_id_value: child_resource.id })
+
+        content_tag(:div, row + container,
+                    class: 'sortable-tree-item draggable removable-dom-element',
+                    data: {
+                      sortable_tree_resource_name_value: child_resource_name.singularize,
+                      sortable_tree_update_url_value: "/api/v2/platform/#{child_resource_name.pluralize}/#{child_resource.id}/reposition"
+                    })
+      end
+    end
+  end
+end

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

@@ -5,6 +5,8 @@ module Spree
         if stock_movement.originator.respond_to?(:number)
           if stock_movement.originator.respond_to?(:order)
             link_to stock_movement.originator.number, [:edit, :admin, stock_movement.originator.order]
+          elsif stock_movement.originator.is_a?(Spree::StockTransfer)
+            link_to stock_movement.originator.number, spree.admin_stock_transfer_url(stock_movement.originator)
           else
             stock_movement.originator.number
           end

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

@@ -0,0 +1,30 @@
+module Spree
+  module Admin
+    module StoresHelper
+      def selected_checkout_zone(store)
+        store&.checkout_zone || Spree::Zone.default_checkout_zone
+      end
+
+      def stores_dropdown_values
+        formatted_stores = []
+
+        @stores.map { |store| formatted_stores << [store.unique_name, store.id] }
+
+        formatted_stores
+      end
+
+      def store_switcher_link(store)
+        if current_store.id == store.id
+          classes = 'disabled bg-light'
+          icon = svg_icon name: 'circle-fill.svg', width: '18', height: '18'
+        else
+          classes = nil
+          icon = svg_icon name: 'circle.svg', width: '18', height: '18'
+        end
+
+        link_to icon + store.unique_name, spree.admin_url(host: store.formatted_url),
+                class: "#{classes} py-3 px-4 dropdown-item rounded", id: store.code, data: { turbo: false }
+      end
+    end
+  end
+end

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

@@ -0,0 +1,31 @@
+module Spree
+  module Admin
+    module WebhooksSubscribersHelper
+      def event_checkbox_for(resource_name, form)
+        content_tag :div, class: 'col-xs-12 col-sm-6 col-md-4 col-lg-4 form-group' do
+          content_tag :div, class: 'custom-control custom-switch' do
+            (form.check_box resource_name, event_checkbox_opts(resource_name), true, nil) + ' ' +
+              form.label(resource_name, Spree.t("admin.webhooks_subscribers.#{resource_name.to_s.pluralize}"), class: 'custom-control-label')
+          end
+        end
+      end
+
+      def subscribe_to_all_events?
+        @webhooks_subscriber.new_record? || @webhooks_subscriber.subscriptions == ['*']
+      end
+
+      private
+
+      def event_checkbox_opts(resource_name)
+        {
+          class: 'events-checkbox custom-control-input',
+          checked: subscribed_to_resource?(resource_name)
+        }
+      end
+
+      def subscribed_to_resource?(resource_name)
+        @webhooks_subscriber.subscriptions&.any? { |event| event.include? "#{resource_name}." }
+      end
+    end
+  end
+end

data/app/javascript/spree/dashboard/controllers/clipboard_controller.js

@@ -0,0 +1,12 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "source" ]
+
+  copy(event) {
+    console.log(event)
+    event.preventDefault()
+    this.sourceTarget.select()
+    document.execCommand("copy")
+  }
+}

data/app/javascript/spree/dashboard/controllers/password_toggle_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["unhide"]
+
+  password(e) {
+    if (this.unhideTarget.type === "password") {
+      this.unhideTarget.type = "text"
+    } else {
+      this.unhideTarget.type = "password"
+    }
+  }
+}
+

data/app/javascript/spree/dashboard/controllers/product_edit_controller.js

@@ -0,0 +1,38 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["availableOn", "makeActiveAt", "discontinueOn", "status"]
+
+  initialize() {
+    $(this.statusTarget).on("select2:select", function (e) {
+      let event = new Event("change")
+      e.target.dispatchEvent(event)
+    })
+  }
+
+  connect() {
+    this.statusTarget.dispatchEvent(new Event("change"))
+  }
+
+  switchAvailabilityDatesFields(event) {
+    let status = event.target.value
+    if (status === "draft") {
+      this.show(this.availableOnTarget)
+      this.show(this.makeActiveAtTarget)
+    } else if (status === "active") {
+      this.show(this.availableOnTarget)
+      this.hide(this.makeActiveAtTarget)
+    } else {
+      this.hide(this.availableOnTarget)
+      this.hide(this.makeActiveAtTarget)
+    }
+  }
+
+  show(element) {
+    element.style.display = "block"
+  }
+
+  hide(element) {
+    element.style.display = "none"
+  }
+}

data/app/javascript/spree/dashboard/controllers/sortable_tree_controller.js

@@ -0,0 +1,55 @@
+import { Controller } from "@hotwired/stimulus"
+import { Sortable } from "sortablejs"
+import { patch } from "../utilities/request_utility"
+
+export default class extends Controller {
+  static values = { handle: String }
+
+  connect() {
+    const itemSortable = {
+      ...this.options
+    }
+
+    let containers = null
+    containers = this.element.querySelectorAll("[data-sortable-tree-parent-id-value]")
+
+    for (let i = 0; i < containers.length; i++) {
+      new Sortable(containers[i], itemSortable)
+    }
+  }
+
+  async end({ item, newIndex, to }) {
+    if (!item.dataset.sortableTreeUpdateUrlValue) return
+
+    const data = {
+      [item.dataset.sortableTreeResourceNameValue]: {
+        new_parent_id: to.dataset.sortableTreeParentIdValue,
+        new_position_idx: newIndex
+      }
+    }
+
+    const response = await patch(item.dataset.sortableTreeUpdateUrlValue, { body: data })
+
+    if (!response.ok) {
+      show_flash("error", "This move could not be saved.")
+    }
+  }
+
+  get options() {
+    return {
+      group: {
+        name: "sortable-tree",
+        pull: true,
+        put: true
+      },
+      handle: this.handleValue || undefined,
+      swapThreshold: 0.5,
+      emptyInsertThreshold: 8,
+      dragClass: "item-dragged",
+      draggable: ".draggable",
+      animation: 350,
+      forceFallback: false,
+      onEnd: this.end
+    }
+  }
+}

data/app/javascript/spree/dashboard/controllers/spree_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+
+    // This is a hack to allow legacy JavaScript to run in a Turbo enabled environment.
+    // Once all JavaScript is reduced to Stimulus controllers, this can be removed.
+    const event = new Event("spree:load")
+    document.dispatchEvent(event)
+
+    // The Issue
+    // If you initiate common JavaScript with an event listener of "turbo:load"
+    // This will work, but if someone submits an update to a field that is required,
+    // a 442 Unprocessable entity is returned, and a render event is used render the errors in place.
+
+    // Because this in not a successful "turbo:load" event, all common JavaScript will fail.
+    // You could set up a separate listener for "turbo:render", but this can cause duplicate loading.
+    // Using a Stimulus connect() is the correct way to go, but should be phased out as JavaScript is replaced
+    // With Hotwire Frames and dedicated Stimulus controllers for the JavaScript you have remaining.
+
+    // References:
+    // https://github.com/hotwired/turbo-rails/issues/12#issuecomment-915893233
+    // https://github.com/hotwired/turbo/issues/85#issuecomment-756259687
+  }
+}

data/app/javascript/spree/dashboard/controllers/upload_button_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "uploadButton"]
+
+  initialize() {
+    this.uploadButtonTarget.disabled = true
+  }
+
+  buttonState() {
+    this.uploadButtonTarget.disabled = false
+  }
+}