spree_admin 5.0.2 → 5.1.0.beta

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

@@ -37,7 +37,8 @@ export default class extends CheckboxSelectAll {
     currentStockLocationId: String,
     stockLocations: Array,
     optionValuesSelectOptions: Array,
-    locale: String
+    locale: String,
+    adminPath: String
   }
 
   connect() {
@@ -67,6 +68,8 @@ export default class extends CheckboxSelectAll {
           .filter((internalName) => !existingVariantsOnServer.includes(internalName))
       )
     }
+
+    this.inventoryFormTarget = document.querySelector('.inventory-form');
   }
 
   toggleQuantityTracked() {
@@ -236,11 +239,14 @@ export default class extends CheckboxSelectAll {
   }
 
   optionsValueChanged(value, previousValue) {
+    let hasNoOptions = true
+
     if (this.hasNewOptionButtonTarget) {
       const label = this.newOptionButtonLabelTarget
 
       if (Object.values(value).filter(Boolean).length) {
         label.textContent = label.dataset.hasOptionsText
+        hasNoOptions = false
       } else {
         label.textContent = label.dataset.noOptionsText
       }
@@ -248,6 +254,8 @@ export default class extends CheckboxSelectAll {
     this.refreshOptionNameSelect()
     this.variantsValue = this.generateVariants(value)
 
+    this.toggleInventoryForm(hasNoOptions)
+
     // We want to clear the ignoredVariants when the options change
     if (previousValue && Object.keys(previousValue).length === 0) return
     this.ignoredVariants = new Set()
@@ -717,7 +725,7 @@ export default class extends CheckboxSelectAll {
     this.lastOptionNameId = targetInput.value
 
     if (this.lastOptionNameId) {
-      const response = await get(`/admin/option_types/${this.lastOptionNameId}/option_values/select_options`)
+      const response = await get(`${this.adminPathValue}/option_types/${this.lastOptionNameId}/option_values/select_options`)
 
       if (response.ok) {
         this.currentOptionValues[this.lastOptionNameId] = await response.json
@@ -765,6 +773,8 @@ export default class extends CheckboxSelectAll {
     this.addOption(newOptionName, newOptionValues, newOptionId)
 
     this.hideNewOptionForm()
+
+    this.toggleInventoryForm(false)
   }
 
   hideNewOptionForm() {
@@ -1052,4 +1062,14 @@ export default class extends CheckboxSelectAll {
       }
     }
   }
+
+  toggleInventoryForm(value) {
+    if (!this.inventoryFormTarget) return
+
+    if (value) {
+      this.inventoryFormTarget.classList.remove('d-none')
+    } else {
+      this.inventoryFormTarget.classList.add('d-none')
+    }
+  }
 }

data/app/javascript/spree/admin/helpers/bootstrap.js

@@ -4,11 +4,11 @@ import { lockScroll, unlockScroll } from 'spree/core/helpers/scroll_lock'
 
 
 const initTooltips = () => {
-  $('.with-tip, .trix-button').each(function() {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').each(function() {
     $(this).tooltip()
   })
 
-  $('.with-tip, .trix-button').on('show.bs.tooltip', function(event) {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').on('show.bs.tooltip', function(event) {
     if (('ontouchstart' in window)) {
       event.preventDefault()
     }
@@ -16,7 +16,7 @@ const initTooltips = () => {
 }
 
 const removeTooltips = () => {
-  $('.with-tip, .trix-button').each(function() {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').each(function() {
     $(this).tooltip('dispose')
   })
 }

data/app/javascript/spree/admin/helpers/trix/video_embed.js

@@ -90,7 +90,7 @@ document.addEventListener("trix-attachment-remove", async function(event) {
   const { attachment } = event
   const { sgid } = attachment.attachment.attributes.values
 
-  destroy(`/admin/action_text/video_embeds/${sgid}`, { responseKind: 'json' })
+  destroy(`${Spree.adminPath}/action_text/video_embeds/${sgid}`, { responseKind: 'json' })
 })
 
 function initializeTrixEditor(editor) {
@@ -129,7 +129,7 @@ function initializeTrixEditor(editor) {
 
       errorMessage.innerHTML = ''
 
-      const response = await post('/admin/action_text/video_embeds', { body: JSON.stringify({ url: input.value }), responseKind: 'json' })
+      const response = await post(`${Spree.adminPath}/action_text/video_embeds`, { body: JSON.stringify({ url: input.value }), responseKind: 'json' })
 
       if (response.ok) {
         const { sgid, content } = await response.json

data/app/views/active_storage/_upload_form.html.erb

@@ -22,7 +22,7 @@
           form.object.send(field_name),
           width: width,
           height: height,
-          class: 'img-fluid rounded-lg',
+          class: 'img-fluid rounded',
           data: { active_storage_upload_target: 'thumb' },
           loading: :lazy
         ) %>

data/app/views/layouts/spree/minimal.html.erb

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <%= render "spree/admin/shared/head" %>
+  </head>
+  <body class="admin min-vh-100 <%= controller_name %> <%= action_name %>">
+    <div class="container-fluid">
+      <div class="row bg-white">
+        <div
+          class="col-lg-5 d-none d-lg-flex bg-light min-vh-100"
+          style="background-image: url('<%= asset_path('login_sidebar_background.png') %>');background-repeat: no-repeat;background-size: cover;background-position: center')"
+        >
+        </div>
+        <div class="col-lg-6 col-xl-4 offset-xl-1 py-3 d-flex flex-column justify-content-center vh-100">
+          <%= yield %>
+        </div>
+      </div>
+    </div>
+    <%= render "spree/admin/shared/modal" %>
+    <%= render "spree/admin/shared/alerts" %>
+  </body>
+</html>

data/app/views/spree/admin/admin_users/_admin_user.html.erb

@@ -0,0 +1,19 @@
+<tr id="<%= spree_dom_id admin_user %>" class="cursor-pointer" data-controller="row-link">
+  <td class="w-50" data-action="click->row-link#openLink">
+    <%= link_to spree.admin_admin_user_path(admin_user), data: { row_link_target: :link }, class: 'd-flex align-items-center' do %>
+      <%= render_avatar(admin_user, width: 48, height: 48, class: 'mr-3 avatar') %>
+      <div class="d-flex flex-column">
+        <%= admin_user.name %>
+        <span class="text-muted"><%= admin_user.email %></span>
+      </div>
+    <% end %>
+  </td>
+  <td class="w-30" data-action="click->row-link#openLink">
+    <% admin_user.role_users.each do |role_user| %>
+      <span class="badge badge-light"><%= role_user.role.name %></span>
+    <% end %>
+  </td>
+  <td class="w-20">
+    <%= local_time(admin_user.created_at) %>
+  </td>
+</tr>

data/app/views/spree/admin/admin_users/_audit_log.html.erb

@@ -0,0 +1,5 @@
+<div class="text-muted text-center py-5">
+  <p>Audit log is part of the Spree Enterprise offering.</p>
+
+  <%= external_link_to 'Upgrade to Spree Enterprise', 'https://spreecommerce.org/pricing', class: 'btn btn-primary' %>
+</div>

data/app/views/spree/admin/admin_users/_form.html.erb

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <%= f.label :email %>
+  <%= f.email_field :email, class: 'form-control', required: true, autofocus: true %>
+</div>
+<div class="form-group">
+  <%= f.label :first_name %>
+  <%= f.text_field :first_name, class: 'form-control', required: true %>
+</div>
+<div class="form-group">
+  <%= f.label :last_name %>
+  <%= f.text_field :last_name, class: 'form-control', required: true %>
+</div>

data/app/views/spree/admin/admin_users/edit.html.erb

@@ -0,0 +1,35 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_admin_users_path %>
+  <%= @admin_user.name %>
+<% end %>
+
+<%= content_for :title do %>
+  <%= @admin_user.name %>
+<% end %>
+
+<%= turbo_frame_tag :edit_user do %>
+  <div class="card-header d-flex align-items-center justify-content-between">
+    <h5 class="card-title">
+      <%= Spree.t(:details) %>
+    </h5>
+    <%= link_to Spree.t('actions.discard'), spree.admin_admin_user_path(@admin_user), class: 'btn btn-light btn-sm' %>
+  </div>
+  <%= form_for [:admin, @admin_user], as: :admin_user, url: spree.admin_admin_user_path(@admin_user), method: :put do |f| %>
+    <div class="card-body">    
+      <%= render'spree/admin/shared/error_messages', target: @admin_user %>
+      <%= render 'form', f: f %>
+      <% if can?(:manage, Spree::Role) && @roles.any? %>
+        <div class="form-group">
+          <%= f.label :spree_role_ids, Spree.t(:roles) %>
+          <%= f.select :spree_role_ids,
+                  options_from_collection_for_select(@roles, 'id', 'name', @admin_user.spree_roles.pluck(:id)),
+                  { prompt: false },
+                  { multiple: true,  data: { controller: 'autocomplete-select' } } %>          
+        </div>
+      <% end %>
+    </div>
+    <div class="card-footer">
+      <%= turbo_save_button_tag Spree.t('actions.update') %>
+    </div>
+  <% end %>
+<% end%>

data/app/views/spree/admin/admin_users/index.html.erb

@@ -0,0 +1,18 @@
+<%= render 'spree/admin/shared/team_nav' %>
+
+<div class="card-lg">
+  <div class="table-responsive">
+    <table class="table">
+      <thead>
+        <tr>
+          <th class="rounded-lg-top-left"><%= Spree.t(:user) %></th>
+          <th><%= Spree.t(:roles) %></th>
+          <th class="rounded-lg-top-right"><%= sort_link @search, :created_at, Spree.t(:created_at) %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'spree/admin/admin_users/admin_user', collection: @collection %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/spree/admin/admin_users/new.html.erb

@@ -0,0 +1,21 @@
+<%= form_with model: @admin_user, url: spree.admin_admin_users_path(token: @invitation.token), method: :post, scope: :admin_user do |f| %>
+      <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @admin_user } %>
+
+      <div class="rounded border p-3 mb-3 d-flex align-items-center gap-2">
+        <%= render_avatar(@invitation.inviter, height: 32, width: 32) %>
+        <%= @invitation.inviter.name %> has invited you to join <strong><%= @invitation.resource.name %></strong>
+      </div>
+
+      <%= render 'form', f: f %>
+      <div class="form-group">
+        <%= f.label :password %>
+        <%= f.password_field :password, class: 'form-control', required: true %>
+      </div>
+      <div class="form-group">
+        <%= f.label :password_confirmation %>
+        <%= f.password_field :password_confirmation, class: 'form-control', required: true %>
+      </div>
+
+    <%= turbo_save_button_tag(Spree.t('create_a_new_account')) %>
+<% end %>
+

data/app/views/spree/admin/admin_users/show.html.erb

@@ -0,0 +1,113 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_admin_users_path, @admin_user %>
+  <%= @admin_user.name %>
+<% end %>
+
+<%= content_for :title do %>
+  <%= @admin_user.name %>
+<% end %>
+
+<div class="row">
+  <div class="col-lg-8">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title">
+          <%= icon 'history', class: 'mr-1' %>
+          <%= Spree.t(:audit_log) %>
+        </h5>
+      </div>
+      <div class="card-body">
+        <%= render 'audit_log' %>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-lg-4">
+    <div class="card mb-4" id="user-details">
+      <%= turbo_frame_tag :edit_user do %>
+        <div class="card-header d-flex align-items-center justify-content-between">
+          <h5 class="card-title">
+            <%= Spree.t(:details) %>
+          </h5>
+          <%= link_to_with_icon 'edit', Spree.t(:edit), spree.edit_admin_admin_user_path(@admin_user), class: 'btn btn-light btn-sm', data: { turbo_frame: :edit_user } %>
+        </div>
+        <div class="card-body p-0">    
+          <ul class="list-group list-group-flush">
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:email) %>
+              <span>
+                <%= @admin_user.email %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:name) %>
+              <span>
+                <%= @admin_user.name %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:roles) %>
+              <span>
+                <% @role_users.each do |role_user| %>
+                  <span class="badge badge-light"><%= role_user.role.name %></span>
+                <% end %>
+              </span>
+            </li>
+            <% if @admin_user.respond_to?(:sign_in_count) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.sign_in_count') %>
+                <span>
+                  <%= @admin_user.sign_in_count %>
+                </span>
+              </li>
+            <% end %>
+            <% if @admin_user.respond_to?(:last_sign_in_at) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.last_sign_in') %>
+                <span>
+                  <% if @admin_user.last_sign_in_at %>
+                    <%= local_time(@admin_user.last_sign_in_at) %>
+                  <% else %>
+                    <%= Spree.t(:not_available) %>
+                  <% end %>
+                </span>
+              </li>
+            <% end %>
+            <% if @admin_user.respond_to?(:current_sign_in_at) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.current_sign_in') %>
+                <span>
+                  <% if @admin_user.current_sign_in_at %>
+                    <%= local_time(@admin_user.current_sign_in_at) %>
+                  <% else %>
+                    <%= Spree.t(:not_available) %>
+                  <% end %>
+                </span>
+              </li>
+            <% end %>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:created_at) %>
+              <span>
+                <%= local_time(@admin_user.created_at) %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:updated_at) %>
+              <span>
+                <%= local_time(@admin_user.updated_at) %>
+              </span>
+            </li>
+            <% if @admin_user.invited_by %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= Spree.t(:invited_by) %>
+                <span>
+                <%= @admin_user.invited_by.name %>
+                </span>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/coupon_codes/index.html.erb

@@ -8,8 +8,8 @@
           <%= render 'spree/admin/shared/filters_search_bar', param: :code_eq %>
 
           <div class="d-flex align-items-center justify-content-between">
-            <div class="dropdown h-100">
-              <button class="btn btn-light h-100 dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" data-flip="false" aria-expanded="false">
+            <div class="dropdown">
+              <button class="btn btn-light dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" data-flip="false" aria-expanded="false">
                 <span class="text-muted font-weight-normal mr-1">
                   <%= Spree.t(:show) %>
                 </span>
@@ -19,14 +19,14 @@
               </button>
               <div class="dropdown-menu w-100 font-size-sm" style="min-width: 200px">
                 <%= active_link_to Spree.t(:all),
-                  spree.admin_promotion_coupon_codes_path,
+                  spree.admin_promotion_coupon_codes_path(@promotion),
                   class: 'dropdown-item',
                   active: (params[:q] || {}).values_at(:state_eq).all?(&:blank?) %>
                 <%= link_to Spree.t('admin.coupon_codes.used'),
-                  params.merge({q: {state_eq: :used}}).permit!,
+                  spree.admin_promotion_coupon_codes_path(@promotion, q: {state_eq: :used}),
                   class: "dropdown-item #{'active' if params.dig(:q, :state_eq) == 'used'}" %>
                 <%= link_to Spree.t('admin.coupon_codes.unused'),
-                  params.merge({q: {state_eq: :unused}}).permit!,
+                  spree.admin_promotion_coupon_codes_path(@promotion, q: {state_eq: :unused}),
                   class: "dropdown-item #{'active' if params.dig(:q, :state_eq) == 'unused'}" %>
               </div>
             </div>
@@ -42,7 +42,7 @@
       <div class="table-responsive">
         <% if @coupon_codes.any? %>
           <table class="table">
-            <thead class="text-muted">
+            <thead>
             <tr data-hook="rate_header">
               <th><%= Spree.t(:code) %></th>
               <th><%= Spree.t(:used) %></th>

data/app/views/spree/admin/custom_domains/_custom_domains.html.erb

@@ -1,7 +1,7 @@
 <% if current_store.custom_domains.any? %>
   <div class="table-responsive rounded mt-3 border">
     <table class="table">
-      <thead class="text-muted">
+      <thead>
         <tr>
           <th><%= Spree.t(:name) %></th>
           <th>Active?</th>

data/app/views/spree/admin/customer_returns/index.html.erb

@@ -20,7 +20,7 @@
   <% if @collection.any? %>
     <div class="table-responsive">
       <table class="table">
-        <thead class="text-muted">
+        <thead>
           <tr data-hook="rate_header">
             <th><%= Spree.t(:number) %></th>
             <th><%= Spree.t(:created_at) %></th>

data/app/views/spree/admin/dashboard/_store_preview.html.erb

@@ -1,5 +1,5 @@
 <% if current_store.default_theme %>
-  <div class="card mb-4 bg-transparent">
+  <div class="card mb-4">
     <%= link_to spree.edit_admin_theme_path(current_store.default_theme), class: 'd-block border rounded mx-2 mt-2 mb-0 overflow-auto bg-light position-relative store-preview-link' do %>
       <div class="position-absolute w-100 h-100 align-items-center justify-content-center overlay-background store-preview-actions">
         <button class="btn btn-primary">

data/app/views/spree/admin/dashboard/_top_products.html.erb

@@ -5,7 +5,9 @@
     <h5 class="card-title">
       <%= Spree.t('admin.dashboard.top_products') %>
     </h5>
-    <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'btn btn-light btn-sm', data: { turbo_frame: '_top' } %>
+    <% if can?(:manage, Spree::Report) %>
+      <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'btn btn-light btn-sm', data: { turbo_frame: '_top' } %>
+    <% end %>
   </div>
   <div class="card-body m-0 p-0">
     <div class="table-responsive">
@@ -45,7 +47,7 @@
                     <%= product.name %>
                   <% end %>
                 </td>
-                <% if enterprise_edition? && defined?(vendor_logo_link) && !@vendor %>
+                <% if defined?(vendor_logo_link) && !@vendor %>
                   <td>
                     <%= vendor_logo_link(product.vendor) if product.vendor.present? %>
                   </td>
@@ -72,7 +74,7 @@
       </tbody>
     </table>
   </div>
-  <% if @top_products.any? %>
+  <% if @top_products.any? && can?(:manage, Spree::Report) %>
     <p class="text-center mt-0 border-top py-2 mb-0">
       <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'm-2 w-50 btn btn-light mt-2', data: { turbo_frame: '_top' } %>
     </p>

data/app/views/spree/admin/digital_assets/_table.html.erb

@@ -1,5 +1,5 @@
 <table class="table">
-  <thead class="text-muted">
+  <thead>
     <tr>
       <% if @product.has_variants? %>
         <th><%= Spree.t(:variant) %></th>

data/app/views/spree/admin/digital_assets/index.html.erb

@@ -1,6 +1,5 @@
 <% content_for :page_title do %>
   <%= page_header_back_button spree.admin_product_path(@product) %>
-  <span class="mr-3"><%= @product.name %></span>
   <span><%= Spree.t("digital_assets") %></span>
 <% end %>
 

data/app/views/spree/admin/exports/index.html.erb

@@ -4,7 +4,7 @@
   <% if @collection.any? %>
     <div class="table-responsive">
       <table class="table">
-        <thead class="text-muted">
+        <thead>
           <tr>
             <th><%= Spree.t(:number) %></th>
             <th class="text-center"><%= Spree.t(:kind) %></th>

data/app/views/spree/admin/integrations/_integration.html.erb

@@ -0,0 +1,36 @@
+<% integration_name = integration_class.integration_name %>
+<% integration = store_integration(integration_class.integration_key) %>
+
+<% integration_description ||= Spree.t("admin.integrations.#{integration_class.integration_key}.description") %>
+
+<div id="integration-<%= integration_class.integration_key %>" class="col mb-4 d-flex align-items-stretch">
+  <div class="card w-full">
+    <div class="card-header border-bottom d-flex align-items-center justify-content-between h-auto pr-3 <% if integration.present? %>bg-success<% end %>">
+      <div style="height: 36px" class="d-flex align-items-center">
+        <%= image_tag integration_class.icon_path, alt: integration_name, height: 36 if integration_class.icon_path.present? %>
+      </div>
+
+      <% if integration.present? %>
+        <span class="badge badge-success small">
+          <%= icon('check', class: 'mr-1') %>
+          <%= Spree.t(:active) %>
+        </span>
+      <% end %>
+    </div>
+
+    <div class="card-body">
+      <p><%= integration_description %></p>
+    </div>
+
+    <div class="card-footer d-flex <% if integration.present? %>align-items-baseline justify-content-between<% else %>flex-column<% end %>">
+      <% if integration.present? %>
+        <%= link_to spree.edit_admin_integration_path(integration), class: 'card-link btn btn-sm btn-light' do %>
+          <%= icon 'settings' %>
+          <%= Spree.t(:settings) %>
+        <% end if can?(:update, integration) %>
+      <% else %>
+        <%= link_to_with_icon 'plus', "#{Spree.t('actions.connect')} #{integration_class.integration_name}", spree.new_admin_integration_path(integration: { type: integration_class.name }), class: 'btn btn-primary' if can?(:create, Spree::Integration) %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/integrations/edit.html.erb

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_integrations_path %>
+  <%= @integration.name %> <%= Spree.t(:settings) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @integration } %>
+
+<%= form_for @integration, as: :integration, url: spree.admin_integration_path(@integration) do |form| %>
+  <%= render "spree/admin/integrations/forms/#{@integration.key}", form: form %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: form %>
+<% end %>

data/app/views/spree/admin/integrations/index.html.erb

@@ -0,0 +1,23 @@
+<%= content_for(:page_title) do %>
+  <%= Spree.t(:integrations) %>
+<% end %>
+
+<%= content_for(:page_alerts) do %>
+  <div class="alert alert-info">
+    <%= Spree.t('admin.integrations.page_subtitle') %>
+  </div>
+<% end %>
+
+<div class="container px-lg-0 mt-2">
+  <% grouped_available_store_integrations.each do |group, integrations| %>
+    <% if group.present? %>
+      <div class="my-2 text-muted font-weight-light text-uppercase"><%= Spree.t(group) %></div>
+    <% end %>
+
+    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 mb-4">
+      <% integrations.each do |integration| %>
+        <%= render 'spree/admin/integrations/integration', integration_class: integration %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/integrations/new.html.erb

@@ -0,0 +1,14 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_integrations_path %>
+  <%= Spree.t('actions.connect') %> <%= @integration.name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @integration } %>
+
+<%= form_for @integration, as: :integration, url: spree.admin_integrations_path do |form| %>
+  <%= form.hidden_field :type %>
+  <%= form.hidden_field :active, value: true %>
+
+  <%= render "spree/admin/integrations/forms/#{@integration.key}", form: form %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/invitations/_invitation.html.erb

@@ -0,0 +1,52 @@
+<tr id="<%= spree_dom_id invitation %>">
+  <td class="w-30">
+    <%= invitation.email %>
+  </td>
+  <td class="w-10">
+    <% if can?(:read, invitation.inviter) %>
+      <%= link_to invitation.inviter.name, spree.admin_admin_user_path(invitation.inviter) %>
+    <% else %>
+      <%= invitation.inviter.name %>
+    <% end %>
+  </td>
+  <td class="w-20">
+    <span class="badge badge-light"><%= invitation.role.name %></span>
+  </td>
+  <td class="w-20">
+    <% if invitation.accepted? %>
+      <span class="badge badge-success"><%= Spree.t(:accepted) %></span>
+    <% elsif invitation.deleted? %>
+      <span class="badge badge-danger"><%= Spree.t(:deleted) %></span>
+    <% elsif invitation.expired? %>
+      <span class="badge badge-warning"><%= Spree.t(:expired) %></span>
+    <% else %>
+      <span class="badge badge-light"><%= Spree.t(:pending) %></span>
+      <p class="text-muted font-size-sm mb-0 mt-2 pl-1">Expires at: <%= local_time(invitation.expires_at) %></p>
+    <% end %>
+  </td>
+  <td class="w-10">
+    <%= local_time(invitation.created_at) %>
+  </td>
+  <td class="w-10 actions">
+    <% if invitation.pending? && !invitation.expired? %>
+      <div class="dropdown" data-controller="clipboard">
+        <%= hidden_field_tag nil, spree.admin_invitation_url(invitation, token: invitation.token),  data: { clipboard_target: "source" } %>
+
+        <button class="btn btn-sm btn-light" type="button" id="dropdownMenuButton-<%= invitation.id %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          <%= icon('dots-vertical', class: 'mr-0') %>
+        </button>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton-<%= invitation.id %>">
+          <%= link_to_with_icon 'copy', Spree.t(:copy_link), '#', 
+              class: "dropdown-item", 
+              data: { action: "clipboard#copy" } %>
+          <%= link_to_with_icon 'send', Spree.t('actions.resend'), spree.resend_admin_invitation_path(invitation), 
+              class: "dropdown-item", 
+              data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
+          <%= link_to_with_icon 'trash', Spree.t('actions.destroy'), spree.admin_invitation_path(invitation), 
+              class: "dropdown-item btn-danger", 
+              data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure) } if can?(:destroy, invitation) %>
+        </div>
+      </div>
+    <% end %>
+  </td>
+</tr>