solidus_admin 0.4.1 → 0.5.0

data/app/blueprints/solidus_admin/state_blueprint.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module SolidusAdmin
+  class StateBlueprint < Blueprinter::Base
+    identifier :id
+
+    field :name
+
+    view :state_with_country do
+      field :state_with_country, name: :name
+    end
+  end
+end

data/app/components/concerns/solidus_admin/slotable_default.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+# ViewComponent v3 provided experimental functionality to define default content for slots
+#  https://viewcomponent.org/guide/slots.html#default_slot_name, but unfortunately
+#  it did not quite work: https://github.com/ViewComponent/view_component/issues/2169.
+# Good news the issue has been resolved, not so good news - it's targeted to be released in v4,
+#  so we have to patch the functionality until we upgrade.
+# The solution has been copied from here https://github.com/ViewComponent/view_component/pull/2291/files.
+
+require "view_component/version"
+if Gem::Version.new(ViewComponent::VERSION::STRING) >= Gem::Version.new("4")
+  raise "The fix is included in ViewComponent v4, please remove this patch #{__FILE__}"
+end
+
+module SolidusAdmin
+  module SlotableDefault
+    def get_slot(slot_name)
+      @__vc_set_slots ||= {}
+      content unless content_evaluated? # ensure content is loaded so slots will be defined
+
+      # If the slot is set, return it
+      return @__vc_set_slots[slot_name] if @__vc_set_slots[slot_name]
+
+      # If there is a default method for the slot, call it
+      if (default_method = registered_slots[slot_name][:default_method])
+        renderable_value = send(default_method)
+        slot = ViewComponent::Slot.new(self)
+
+        if renderable_value.respond_to?(:render_in)
+          slot.__vc_component_instance = renderable_value
+        else
+          slot.__vc_content = renderable_value
+        end
+
+        slot
+      elsif self.class.registered_slots[slot_name][:collection]
+        # If empty slot is a collection, return an empty array
+        []
+      end
+    end
+  end
+end

data/app/components/solidus_admin/adjustment_reasons/edit/component.html.erb

@@ -1,25 +1,16 @@
-<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
   <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
-    <%= form_for @adjustment_reason, url: form_url, html: { id: form_id } do |f| %>
+    <%= solidus_form_for @adjustment_reason, url: form_url, html: { id: form_id } do |f| %>
       <div class="flex flex-col gap-6 pb-4">
-        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
-        <%= render component("ui/forms/field").text_field(f, :code, class: "required") %>
-        <label class="flex gap-2 items-center">
-          <%= hidden_field_tag "#{f.object_name}[active]", "0" %>
-          <%= render component("ui/forms/checkbox").new(
-            name: "#{f.object_name}[active]",
-            value: "1",
-            checked: f.object.active
-          ) %>
-          <span class="font-semibold text-xs ml-2"><%= Spree::AdjustmentReason.human_attribute_name :active %></span>
-          <%= render component("ui/toggletip").new(text: t(".hints.active")) %>
-        </label>
+        <%= f.text_field(:name, class: "required") %>
+        <%= f.text_field(:code, class: "required") %>
+        <%= f.checkbox(:active, hint: t(".hints.active")) %>
       </div>
       <% modal.with_actions do %>
         <form method="dialog">
           <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
         </form>
-        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+        <%= f.submit %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/solidus_admin/adjustment_reasons/edit/component.yml

@@ -3,6 +3,5 @@
 en:
   title: "Edit Adjustment Reason"
   cancel: "Cancel"
-  submit: "Update Adjustment Reason"
   hints:
     active: "When checked, this adjustment reason will be available for selection when adding adjustments to orders."

data/app/components/solidus_admin/adjustment_reasons/index/component.rb

@@ -16,17 +16,17 @@ class SolidusAdmin::AdjustmentReasons::Index::Component < SolidusAdmin::RefundsA
   def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
+      text: t(".add"),
       href: solidus_admin.new_adjustment_reason_path(**search_filter_params),
-      data: { turbo_frame: :resource_modal },
+      data: {turbo_frame: :resource_form},
       icon: "add-line",
-      class: "align-self-end w-full",
+      class: "align-self-end w-full"
     )
   end
 
   def turbo_frames
     %w[
-      resource_modal
+      resource_form
     ]
   end
 
@@ -37,11 +37,11 @@ class SolidusAdmin::AdjustmentReasons::Index::Component < SolidusAdmin::RefundsA
   def batch_actions
     [
       {
-        label: t('.batch_actions.delete'),
+        label: t(".batch_actions.delete"),
         action: solidus_admin.adjustment_reasons_path(**search_filter_params),
         method: :delete,
-        icon: 'delete-bin-7-line',
-      },
+        icon: "delete-bin-7-line"
+      }
     ]
   end
 
@@ -51,24 +51,24 @@ class SolidusAdmin::AdjustmentReasons::Index::Component < SolidusAdmin::RefundsA
         header: :name,
         data: ->(adjustment_reason) do
           link_to adjustment_reason.name, edit_path(adjustment_reason),
-            class: 'body-link',
-            data: { turbo_frame: :resource_modal }
+            class: "body-link",
+            data: {turbo_frame: :resource_form}
         end
       },
       {
         header: :code,
         data: ->(adjustment_reason) do
           link_to adjustment_reason.code, edit_path(adjustment_reason),
-            class: 'body-link',
-            data: { turbo_frame: :resource_modal }
+            class: "body-link",
+            data: {turbo_frame: :resource_form}
         end
       },
       {
         header: :active,
         data: ->(adjustment_reason) do
-          adjustment_reason.active? ? component('ui/badge').yes : component('ui/badge').no
+          adjustment_reason.active? ? component("ui/badge").yes : component("ui/badge").no
         end
-      },
+      }
     ]
   end
 end

data/app/components/solidus_admin/adjustment_reasons/new/component.html.erb

@@ -1,25 +1,16 @@
-<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
   <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
-    <%= form_for @adjustment_reason, url: form_url, html: { id: form_id } do |f| %>
+    <%= solidus_form_for @adjustment_reason, url: form_url, html: { id: form_id } do |f| %>
       <div class="flex flex-col gap-6 pb-4">
-        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
-        <%= render component("ui/forms/field").text_field(f, :code, class: "required") %>
-        <label class="flex gap-2 items-center">
-          <%= hidden_field_tag "#{f.object_name}[active]", "0" %>
-          <%= render component("ui/forms/checkbox").new(
-            name: "#{f.object_name}[active]",
-            value: "1",
-            checked: f.object.active
-          ) %>
-          <span class="font-semibold text-xs ml-2"><%= Spree::AdjustmentReason.human_attribute_name :active %></span>
-          <%= render component("ui/toggletip").new(text: t(".hints.active")) %>
-        </label>
+        <%= f.text_field(:name, class: "required") %>
+        <%= f.text_field(:code, class: "required") %>
+        <%= f.checkbox(:active, hint: t(".hints.active")) %>
       </div>
       <% modal.with_actions do %>
         <form method="dialog">
           <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
         </form>
-        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+        <%= f.submit %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/solidus_admin/adjustment_reasons/new/component.yml

@@ -3,6 +3,5 @@
 en:
   title: "New Adjustment Reason"
   cancel: "Cancel"
-  submit: "Add Adjustment Reason"
   hints:
     active: "When checked, this adjustment reason will be available for selection when adding adjustments to orders."

data/app/components/solidus_admin/base_component.rb

@@ -7,8 +7,12 @@ module SolidusAdmin
   # BaseComponent is the base class for all components in Solidus Admin.
   class BaseComponent < ViewComponent::Base
     include SolidusAdmin::ComponentsHelper
+    include SolidusAdmin::StimulusHelper
     include SolidusAdmin::VoidElementsHelper
-    include Turbo::FramesHelper
+    include SolidusAdmin::SolidusFormHelper
+    include SolidusAdmin::FlashHelper
+    include ::Turbo::FramesHelper
+    include ::Turbo::StreamsHelper
 
     def icon_tag(name, **attrs)
       render component("ui/icon").new(name:, **attrs)
@@ -17,12 +21,12 @@ module SolidusAdmin
     def missing_translation(key, options)
       keys = I18n.normalize_keys(options[:locale] || I18n.locale, key, options[:scope])
 
-      logger.debug "  [#{self.class}] Missing translation: #{keys.join('.')}"
+      logger.debug "  [#{self.class}] Missing translation: #{keys.join(".")}"
 
       if (options[:locale] || I18n.default_locale) != :en
         t(key, **options, locale: :en)
       else
-        "translation missing: #{keys.join('.')}"
+        "translation missing: #{keys.join(".")}"
       end
     end
 

data/app/components/solidus_admin/layout/confirm/component.html.erb

@@ -0,0 +1,18 @@
+<div id="confirm" data-controller="<%= stimulus_id %>">
+  <%= render component("ui/modal").new(
+    title: t(".title"),
+    open: false
+  ) do |modal| %>
+    <% modal.with_actions do %>
+      <form method="dialog">
+        <%= render component("ui/button").new(scheme: :secondary, text: t(".cancel")) %>
+      </form>
+      <%= render component("ui/button").new(
+        text: t(".confirm"),
+        id: "confirm-accept",
+        scheme: :danger,
+        data: { "#{stimulus_id}-target": "accept" }
+      ) %>
+    <% end %>
+  <% end %>
+</div>

data/app/components/solidus_admin/layout/confirm/component.js

@@ -0,0 +1,21 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["accept"]
+
+  open(message, { details = "", buttonText } = {}) {
+    const dialog = this.element.querySelector("dialog")
+
+    dialog.querySelector(".modal-title").textContent = message
+    dialog.querySelector(".modal-body").textContent = details
+    if (buttonText) this.acceptTarget.textContent = buttonText
+
+    dialog.showModal()
+
+    return new Promise((resolve) => {
+      const controller = new AbortController()
+      this.acceptTarget.addEventListener("click", () => { resolve(true); controller.abort(); dialog.close() }, { signal: controller.signal })
+      dialog.addEventListener("close", () => { resolve(false); controller.abort() }, { signal: controller.signal })
+    })
+  }
+}

data/app/components/solidus_admin/layout/confirm/component.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+# Component wrapper for confirmation dialog. This component uses a modal which
+# is rendered in the layout initially hidden. To have it open to confirm a
+# user's action, place the "data-turbo-confirm" on the submitter (or any other
+# element that supports "data-turbo-confirm" attribute: form, link with
+# "data-turbo-method") with the text you want to have in the modal title:
+#
+#   <form>
+#     <button type=submit data-turbo-confirm="Are you sure?">Submit</button>
+#   </form>
+#
+#   <form data-turbo-confirm="Confirm saving">
+#   </form>
+#
+# You can add more details in the body of the modal using "data-confirm-details"
+# attribute:
+#
+#   <button data-turbo-confirm="Are you sure?" data-confirm-details="This cannot be undone.">Submit</button>
+#
+# To customize "Confirm" button text use "data-confirm-button" attribute:
+#
+#   <button data-turbo-confirm="This action is not reversible" data-confirm-button="Proceed">Submit</button>
+#
+class SolidusAdmin::Layout::Confirm::Component < SolidusAdmin::BaseComponent
+end

data/app/components/solidus_admin/layout/confirm/component.yml

@@ -0,0 +1,4 @@
+en:
+  cancel: "Cancel"
+  confirm: "Confirm"
+  title: "Are you sure?"

data/app/components/solidus_admin/layout/flashes/alerts/component.html.erb

@@ -0,0 +1,7 @@
+<div id="flash_alerts" class="flex items-center justify-center">
+  <div class="fixed w-2/3 top-3 flex flex-col gap-3 pointer-events-none" role="alert">
+    <% alerts.each do |key, text| %>
+      <%= render component("ui/alert").new(title: text[:title], message: text[:message], scheme: key.to_sym) %>
+    <% end %>
+  </div>
+</div>

data/app/components/solidus_admin/layout/flashes/alerts/component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Layout::Flashes::Alerts::Component < SolidusAdmin::BaseComponent
+  attr_reader :alerts
+
+  # Construct alert flashes like:
+  #   flash[:alert] = { <alert_type>: { title: "", message: "" } }
+  # See +SolidusAdmin::UI::Alert::Component::SCHEMES+ for available alert types.
+  #
+  # If a string is passed to flash[:alert], we treat it is a body of the alert message and fall back to +danger+ type
+  # and default title (see +SolidusAdmin::UI::Alert::Component+).
+  def initialize(alerts:)
+    if alerts.is_a?(String)
+      alerts = {danger: {message: alerts}}
+    end
+
+    @alerts = alerts.slice(*SolidusAdmin::UI::Alert::Component::SCHEMES.keys)
+  end
+end

data/app/components/solidus_admin/layout/flashes/component.html.erb

@@ -0,0 +1,5 @@
+<div id="flash_toasts" class="fixed inset-x-0 bottom-3 flex items-center justify-center flex-col gap-3 pointer-events-none" role="alert">
+  <% flash.each do |key, message| %>
+    <%= render component("ui/toast").new(text: message, scheme: key.to_sym == :error ? :error : :default) %>
+  <% end %>
+</div>

data/app/components/solidus_admin/layout/flashes/component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Layout::Flashes::Component < SolidusAdmin::BaseComponent
+end

data/app/components/solidus_admin/layout/flashes/toasts/component.html.erb

@@ -0,0 +1,5 @@
+<div id="flash_toasts" class="fixed inset-x-0 bottom-3 flex items-center justify-center flex-col gap-3 pointer-events-none" role="alert">
+  <% toasts.each do |key, message| %>
+    <%= render component("ui/toast").new(text: message, scheme: key.to_sym == :error ? :error : :default) %>
+  <% end %>
+</div>

data/app/components/solidus_admin/layout/flashes/toasts/component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Layout::Flashes::Toasts::Component < SolidusAdmin::BaseComponent
+  attr_reader :toasts
+
+  def initialize(toasts:)
+    @toasts = toasts
+  end
+end

data/app/components/solidus_admin/layout/navigation/account/component.html.erb

@@ -27,12 +27,23 @@
       shadow-base
     ">
 
+    <% if defined?(Spree::Core::ControllerHelpers::Timezone) %>
+      <% available_timezones_for_select = ActiveSupport::TimeZone.all.map(&:name) %>
+      <li class="h-8 flex items-center hover:bg-gray-25 rounded">
+        <%= autosubmit_select_tag(
+          "solidus_timezone",
+          options_for_select(available_timezones_for_select, selected: Time.zone.name),
+          icon: 'time-zone-line',
+        ) %>
+      </li>
+    <% end %>
+
     <% if (available_locales = Spree.i18n_available_locales).any? %>
       <li class="h-8 flex items-center hover:bg-gray-25 rounded">
         <%= autosubmit_select_tag(
           "switch_to_locale",
           options_for_select(locale_options_for_select(available_locales), selected: I18n.locale),
-          icon: 'global-line',
+          icon: 'translate-2',
         ) %>
       </li>
     <% end %>

data/app/components/solidus_admin/layout/navigation/account/component.rb

@@ -12,7 +12,7 @@ class SolidusAdmin::Layout::Navigation::Account::Component < SolidusAdmin::BaseC
     available_locales.map do |locale|
       [
         t("spree.i18n.this_file_language", locale:, default: locale.to_s, fallback: false),
-        locale,
+        locale
       ]
     end.sort
   end
@@ -22,14 +22,14 @@ class SolidusAdmin::Layout::Navigation::Account::Component < SolidusAdmin::BaseC
   end
 
   def autosubmit_select_tag(name, options, icon:, &block)
-    form_tag(request.fullpath, method: :get, 'data-turbo': false, class: "w-full") do
+    form_tag(request.fullpath, method: :get, "data-turbo": false, class: "w-full") do
       safe_join([
         block_given? ? capture(&block) : nil,
         tag.label(safe_join([
           icon_tag(icon, class: "w-full max-w-[20px] h-5 fill-current shrink"),
           tag.select(options, name:, onchange: "this.form.requestSubmit()", class: "w-full appearance-none grow bg-transparent outline-none"),
-          icon_tag("expand-up-down-line", class: "w-full max-w-[20px] h-5 fill-current shrink"),
-        ]), class: "flex gap-2 items-center px-2"),
+          icon_tag("expand-up-down-line", class: "w-full max-w-[20px] h-5 fill-current shrink")
+        ]), class: "flex gap-2 items-center px-2")
       ])
     end
   end

data/app/components/solidus_admin/layout/page_helpers.rb

@@ -8,24 +8,18 @@ module SolidusAdmin::Layout::PageHelpers
 
   def page_header_actions(&block)
     tag.div(safe_join([
-      capture(&block),
+      capture(&block)
     ]), class: "flex gap-2 items-center")
   end
 
   def page_header_back(back_path)
-    render component("ui/button").new(
-      tag: :a,
-      title: t(".back"),
-      icon: "arrow-left-line",
-      scheme: :secondary,
-      href: back_path
-    )
+    render component("ui/button").back(path: back_path)
   end
 
   def page_header_title(title, &block)
     tag.h1(safe_join([
       tag.span(title, class: "font-semibold text-xl"),
-      (capture(&block) if block_given?) || "",
+      (capture(&block) if block_given?) || ""
     ]), class: "flex-1 text-2xl font-bold")
   end
 

data/app/components/solidus_admin/layout/skip_link/component.rb

@@ -7,8 +7,8 @@ class SolidusAdmin::Layout::SkipLink::Component < SolidusAdmin::BaseComponent
 
   def call
     link_to t(".skip_link"),
-            @href,
-            class: %{
+      @href,
+      class: %(
               sr-only
               focus:not-sr-only
               inline-block
@@ -17,6 +17,6 @@ class SolidusAdmin::Layout::SkipLink::Component < SolidusAdmin::BaseComponent
               font-normal text-sm
               text-white
               bg-black
-            }
+            )
   end
 end

data/app/components/solidus_admin/option_types/edit/component.html.erb

@@ -0,0 +1,44 @@
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
+  <%= page do %>
+    <%= page_header do %>
+      <%= page_header_back(back_url) %>
+      <%= page_header_title(t('.title')) %>
+      <%= page_header_actions do %>
+        <%= render component("ui/button").new(text: t(".save"),form: form_id) %>
+      <% end %>
+    <% end %>
+
+    <div class="flex flex-col gap-4">
+      <%= form_for @option_type, url: form_url, html: { id: form_id } do |f| %>
+        <%= render component("ui/panel").new(title: t(".panels.option_type.title")) do |panel| %>
+          <% panel.with_section(class: "flex flex-col gap-4") do %>
+            <div class="flex gap-4 w-full">
+              <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
+              <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
+            </div>
+          <% end %>
+        <% end %>
+      <% end %>
+
+      <%= render component("ui/panel").new(title: t(".panels.option_values.title")) do |panel| %>
+        <% panel.with_section(wide: true, high: true, class: "flex flex-col gap-4") do %>
+          <div id="option_values_table">
+            <%= render component("option_values/table").new(@option_type) %>
+          </div>
+        <% end %>
+
+        <% panel.with_action(
+          name: t(".panels.option_values.add"),
+          href: solidus_admin.new_option_type_option_value_path(@option_type),
+          data: { turbo_frame: :option_value_modal }
+        ) %>
+      <% end %>
+
+      <%= page_footer do %>
+        <%= render component("ui/button").new(text: t(".save"), form: form_id) %>
+      <% end %>
+    </div>
+
+    <%= turbo_frame_tag :option_value_modal, target: "_top" %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/option_types/edit/component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionTypes::Edit::Component < SolidusAdmin::Resources::Edit::Component
+  include SolidusAdmin::Layout::PageHelpers
+end

data/app/components/solidus_admin/option_types/edit/component.yml

@@ -0,0 +1,10 @@
+en:
+  back: "Back"
+  panels:
+    option_type:
+      title: "Option Type"
+    option_values:
+      title: "Option Values"
+      add: "Add new"
+  save: "Save"
+  title: "Edit Option Type"

data/app/components/solidus_admin/option_types/index/component.rb

@@ -5,49 +5,43 @@ class SolidusAdmin::OptionTypes::Index::Component < SolidusAdmin::UI::Pages::Ind
     Spree::OptionType
   end
 
-  def row_url(option_type)
-    spree.edit_admin_option_type_path(option_type)
-  end
-
   def sortable_options
     {
       url: ->(option_type) { solidus_admin.move_option_type_path(option_type) },
-      param: 'position',
+      param: "position"
     }
   end
 
+  def turbo_frames
+    %w[resource_form]
+  end
+
   def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
-      href: spree.new_admin_option_type_path,
-      icon: "add-line",
+      text: t(".add"),
+      href: solidus_admin.new_option_type_path,
+      data: {turbo_frame: :resource_form},
+      icon: "add-line"
     )
   end
 
-  def prev_page_path
-    solidus_admin.url_for(**request.params, page: @page.number - 1, only_path: true) unless @page.first?
-  end
-
-  def next_page_path
-    solidus_admin.url_for(**request.params, page: @page.next_param, only_path: true) unless @page.last?
-  end
-
   def batch_actions
     [
       {
-        label: t('.batch_actions.delete'),
+        label: t(".batch_actions.delete"),
         action: solidus_admin.option_types_path,
         method: :delete,
-        icon: 'delete-bin-7-line',
-      },
+        icon: "delete-bin-7-line",
+        require_confirmation: true
+      }
     ]
   end
 
   def columns
     [
       name_column,
-      presentation_column,
+      presentation_column
     ]
   end
 
@@ -55,7 +49,8 @@ class SolidusAdmin::OptionTypes::Index::Component < SolidusAdmin::UI::Pages::Ind
     {
       header: :name,
       data: ->(option_type) do
-        content_tag :div, option_type.name
+        link_to option_type.name, edit_path(option_type),
+          class: "body-link"
       end
     }
   end
@@ -64,8 +59,13 @@ class SolidusAdmin::OptionTypes::Index::Component < SolidusAdmin::UI::Pages::Ind
     {
       header: :presentation,
       data: ->(option_type) do
-        content_tag :div, option_type.presentation
+        link_to option_type.presentation, edit_path(option_type),
+          class: "body-link"
       end
     }
   end
+
+  def edit_path(option_type)
+    solidus_admin.edit_option_type_path(option_type)
+  end
 end

data/app/components/solidus_admin/option_types/new/component.html.erb

@@ -0,0 +1,16 @@
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @option_type, url: form_url, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
+        <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
+      </div>
+      <% modal.with_actions do %>
+        <form method="dialog">
+          <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
+        </form>
+        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/option_types/new/component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionTypes::New::Component < SolidusAdmin::Resources::New::Component
+end