spree_admin 5.0.0.rc1

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

@@ -0,0 +1,65 @@
+<% width ||= 300 %>
+<% height ||= 300 %>
+<% crop ||= false unless defined?(crop) %>
+<% auto_submit ||= false %>
+<% can_delete ||= true unless defined?(can_delete) %>
+<% css ||= '' %>
+
+<% if field_name && form %>
+  <div data-controller="active-storage-upload"
+      data-active-storage-upload-thumb-width-value="<%= width %>"
+      data-active-storage-upload-thumb-height-value="<%= height %>"
+      data-active-storage-upload-crop-value="<%= crop.presence || false %>"
+      data-active-storage-upload-auto-submit-value="<%= auto_submit %>"
+      data-active-storage-upload-field-name-value="<%= form.object_name %>[<%= field_name %>]"
+      data-active-storage-upload-allowed-file-types-value="<%= Rails.application.config.active_storage.web_image_content_types %>"
+      class="d-flex flex-column justify-content-center w-100 position-relative">
+    <div class="upload-area"
+         data-action="click->active-storage-upload#open"
+    >
+      <% if form.object.send(field_name).attached? && form.object.send(field_name).variable? %>
+        <%= image_tag(
+          main_app.cdn_image_url(
+            form.object.send(field_name).variant(
+              spree_image_variant_options(
+                resize_to_fill: [width, (crop ? height : nil)]
+              )
+            )
+          ),
+          class: 'img-fluid rounded-lg',
+          data: { active_storage_upload_target: 'thumb' },
+          loading: :lazy
+        ) %>
+      <% else %>
+        <img data-active-storage-upload-target="thumb" class="img-fluid rounded-lg" style="display: none" />
+      <% end %>
+
+      <div class="d-flex flex-column justify-content-center align-items-center h-100 p-5 rounded-lg <%= css %>" data-active-storage-upload-target="placeholder" <% if form.object.send(field_name).attached? && form.object.send(field_name).variable? %>style="display: none !important"<% end %>>
+        <%= icon('upload', class: 'mr-0 mb-3', style: 'font-size: 2rem;') %>
+        <%= Spree.t('admin.upload_new_asset') %>
+
+        <% if crop %>
+          <span class="text-muted ml-2 text-center small mt-2">
+            Recommended size: <%= width %>x<%= height %>px
+          </span>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="d-flex align-items-center my-2" data-active-storage-upload-target="toolbar" <% unless form.object.send(field_name).attached? && form.object.send(field_name).variable? %>style="display: none !important"<% end %>>
+      <button type="button" class="btn btn-light" data-action="active-storage-upload#open">
+        <%= icon('upload') %>
+        <%= Spree.t('actions.select_file') %>
+      </button>
+
+      <% if can_delete %>
+        <button type="button" class="btn btn-danger ml-auto" data-action="active-storage-upload#remove" data-turbo-confirm="<%= Spree.t(:are_you_sure) %>">
+          <%= icon('trash') %>
+
+          <%= Spree.t('actions.destroy') %>
+        </button>
+        <input type="hidden" name="remove_<%= field_name %>" data-active-storage-upload-target="remove" />
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/kaminari/admin-twitter-bootstrap-4/_first_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "First" page
+  - available local variables
+    url:           url to the first page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.first? %>
+  <li class="first page-item">
+    <%= link_to_unless current_page.first?, icon('double-chevron-left', class: 'mb-0'), url, remote: remote, class: 'page-link', 'aria-label': 'First page' %>
+  </li>
+<% end %>

data/app/views/kaminari/admin-twitter-bootstrap-4/_gap.html.erb

@@ -0,0 +1,12 @@
+<%# Non-link tag that stands for skipped pages...
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<li class="page gap disabled page-item d-none d-lg-flex">
+  <a href="#" onclick="return false;" class="page-link">
+    <%= raw(t 'views.pagination.truncate') %>
+  </a>
+</li>

data/app/views/kaminari/admin-twitter-bootstrap-4/_last_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Last" page
+  - available local variables
+    url:           url to the last page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.last? %>
+  <li class="last next page-item"><%# "next" class present for border styling in twitter bootstrap %>
+    <%= link_to_unless current_page.last?, icon('double-chevron-right', class: 'mb-0'), url, remote: remote, class: 'page-link', 'aria-label': 'Last page' %>
+  </li>
+<% end %>

data/app/views/kaminari/admin-twitter-bootstrap-4/_next_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Next" page
+  - available local variables
+    url:           url to the next page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.last? %>
+  <li class="next_page page-item">
+    <%= link_to_unless current_page.last?, icon('chevron-right', class: 'text-dark'), url, rel: 'next', remote: remote, class: 'page-link', 'aria-label': 'Next page' %>
+  </li>
+<% end %>

data/app/views/kaminari/admin-twitter-bootstrap-4/_page.html.erb

@@ -0,0 +1,18 @@
+<%# Link showing page number
+  - available local variables
+    page:          a page object for "this" page
+    url:           url to this page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<li class="page<%= ' active' if page.current? %> page-item">
+  <%= link_to page,
+    url,
+    opts = {
+      remote: remote,
+      rel: page.next? ? 'next' : page.prev? ? 'prev' : nil,
+      class: 'page-link'
+    } %>
+</li>

data/app/views/kaminari/admin-twitter-bootstrap-4/_paginator.html.erb

@@ -0,0 +1,17 @@
+<%# The container tag
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+    paginator:     the paginator that renders the pagination tags inside -%>
+
+<% pagination_class ||= '' %>
+
+<%= paginator.render do %>
+  <ul class="pagination d-inline-flex <%= pagination_class %> mb-0">
+
+    <%= prev_page_tag %>
+    <%= next_page_tag unless current_page.last? %>
+  </ul>
+<% end %>

data/app/views/kaminari/admin-twitter-bootstrap-4/_prev_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.first? %>
+  <li class="prev page-item">
+    <%= link_to_unless current_page.first?, icon('chevron-left', class: 'text-dark'), url, rel: 'prev', remote: remote, class: 'page-link', 'aria-label': 'Previous page' %>
+  </li>
+<% end %>

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

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <%= render "spree/admin/shared/head" %>
+    <%= render "spree/admin/shared/custom_head" %>
+  </head>
+
+  <body class="admin min-vh-100 <%= controller_name %> <%= action_name %>">
+    <%= render "spree/admin/shared/header" %>
+    <%= render "spree/admin/shared/sidebar" %>
+    <main id="content">
+      <%= render "spree/admin/shared/content_header" %>
+      <div class="container">
+        <%= yield %>
+      </div>
+      <%= render "spree/admin/shared/footer" %>
+    </main>
+    <%= render "spree/admin/shared/modal" %>
+    <%= render "spree/admin/shared/alerts" %>
+  </body>
+</html>

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

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <%= render 'spree/admin/shared/head' %>
+    <%= render "spree/admin/shared/custom_head" %>
+  </head>
+
+  <body class="admin page-builder"
+        id="page-builder"
+        data-controller="page-builder"
+        data-page-builder-preview-url-value="<%= page_preview_url %>"
+  >
+
+    <%= form_for @theme, as: :theme,url: spree.update_with_page_admin_theme_path(@theme), method: :put do |f| %>
+      <%= hidden_field_tag :page_id, @page.id %>
+      <%= hidden_field_tag :theme_preview_id, @theme_preview.id %>
+      <%= hidden_field_tag :page_preview_id, @page_preview.id %>
+      <%= render 'spree/admin/page_builder/header' %>
+    <% end %>
+
+    <main id="content">
+      <%= render 'spree/admin/page_builder/sidebar' %>
+      <main id="main-part">
+        <div class="desktopLiveView" data-page-builder-target="previewContainer">
+          <div class="embed-responsive embed-responsive-4by3">
+            <iframe class="embed-responsive-item"
+                    data-page-builder-target="iframe"
+                    data-action="load->page-builder#initializeVisualEditor"
+                    id="page-builder-preview"
+                    sandbox="allow-same-origin allow-forms allow-popups allow-scripts allow-modals">
+            </iframe>
+            <button class="editor-add-section btn btn-mint shadow" data-action="click->page-builder#addSection">
+              <%= icon("add", height: 22, class: "mr-2") %> Add Section
+            </button>
+          </div>
+        </div>
+
+        <%= turbo_frame_tag :iframe_preview_scripts %>
+      </main>
+    </main>
+
+    <%= render 'spree/admin/shared/modal' %>
+    <%= render 'spree/admin/shared/alerts' %>
+  </body>
+</html>

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

@@ -0,0 +1,12 @@
+<%= turbo_frame_tag "edit_address_#{params[:type]}" do %>
+  <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @address } %>
+
+  <%= form_for [:admin, @address], as: :address, url: spree.admin_address_path(@address), method: :put, data: { turbo_frame: '_top' } do |f| %>
+    <%= render 'spree/addresses/form',
+                   address_name: 'address',
+                   address_form: f,
+                   address_type: 'shipping',
+                   address: @address %>
+    <%= render 'spree/admin/shared/edit_resource_links', f: f, turbo_frame: '_top' %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%= turbo_frame_tag "new_address_#{params[:type]}" do %>
+  <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @address } %>
+
+  <%= form_for [:admin, @address], as: :address, url: spree.admin_addresses_path, method: :post, data: { turbo_frame: '_top' } do |f| %>
+    <%= render 'spree/addresses/form',
+      address_name: 'address',
+      address_form: f,
+      address_type: 'shipping',
+      address: @address %>
+    <%= hidden_field_tag :user_id, params[:user_id] %>
+    <%= hidden_field_tag :default_shipping, params[:default_shipping] %>
+    <%= hidden_field_tag :default_billing, params[:default_billing] %>
+
+    <%= render 'spree/admin/shared/new_resource_links', f: f %>
+  <% end %>
+<% end %>

data/app/views/spree/admin/assets/bulk_destroy.turbo_stream.erb

@@ -0,0 +1,3 @@
+<% params[:ids].each do |id| %>
+  <%= turbo_stream.remove("spree_image_#{id}") %>
+<% end %>

data/app/views/spree/admin/assets/create.turbo_stream.erb

@@ -0,0 +1,5 @@
+<%= turbo_render_alerts %>
+
+<%= turbo_stream.replace 'media-form' do %>
+  <%= render 'spree/admin/variants/form/media', viewable: @asset.viewable %>
+<% end %>

data/app/views/spree/admin/assets/destroy.turbo_stream.erb

@@ -0,0 +1,4 @@
+<%= turbo_render_alerts %>
+<%= turbo_close_modal('modal-lg') %>
+
+<%= turbo_stream.remove "spree_image_#{@asset.id}" %>

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

@@ -0,0 +1,27 @@
+<%= turbo_frame_tag :dialog_modal_lg do %>
+  <div class="modal-content" >
+    <div class="modal-header">
+      <h5 class="modal-title" id="exampleModalLabel">
+        <%= Spree.t(:edit) %> <%= Spree.t(:image) %>
+      </h5>
+      <button type="button" class="btn-close" data-dismiss="modal" aria-label="<%= Spree.t(:close) %>" />
+    </div>
+    <%= form_with model: @asset, url: spree.admin_asset_path(@asset), method: :put, scope: :asset do |f| %>
+      <div class="modal-body pb-0" data-turbo-permanent id="asset-<%= @asset.key.parameterize %>">
+        <%= render 'active_storage/upload_form', form: f, field_name: :attachment, width: 200, height: 200, can_delete: false %>
+      </div>
+      <div class="modal-body" style="min-height: 200px">
+        <div class="form-group">
+          <%= f.label :alt, Spree.t(:alt_text) %>
+          <%= f.text_area :alt, rows: 4, class: 'form-control' %>
+        </div>
+      </div>
+      <div class="modal-footer d-flex justify-content-between">
+        <%= turbo_save_button_tag %>
+        <%= link_to Spree.t('actions.destroy'), object_url(@asset),
+            data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure_delete), turbo_frame: '_top' },
+            class: 'btn btn-danger ml-auto' if can?(:destroy, @asset) %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/admin/assets/update.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_render_alerts %>
+<%= turbo_close_modal('modal-lg') %>
+
+<!-- Uploader operates on Spree::Asset, but the edit page uses Spree::Image for the dom_id -->
+<%= turbo_stream.replace spree_dom_id(Spree::Image.new(id: @asset.id)) do %>
+  <%= render 'spree/admin/variants/form/media_asset', asset: @asset %>
+<% end %>

data/app/views/spree/admin/classifications/_classification.html.erb

@@ -0,0 +1,38 @@
+<div class="row mx-0 hover-light rounded" id="<%= spree_dom_id(classification) %>" data-sortable-update-url="<%= spree.admin_taxon_classification_path(classification.taxon_id, classification, format: :turbo_stream) %>">
+  <% if classification.taxon.manual_sort_order? %>
+    <div class="col-1 text-center align-self-center">
+      <span class="rounded p-2 hover-gray with-tip move-handle cursor-grab">
+        <%= icon('grip-vertical', class: 'mr-0') %>
+      </span>
+    </div>
+  <% end %>
+
+  <div class="<%= classification.taxon.manual_sort_order? ? 'col-6' : 'col-7' %>">
+    <%= link_to spree.edit_admin_product_path(classification.product), data: { 'turbo-frame': '_top' }, class: "d-flex align-items-center text-dark hover-none #{classification.taxon.manual_sort_order? ? 'py-3' : 'p-3'}" do  %>
+      <%= render 'spree/admin/shared/product_image', object: classification.product %>
+      <span class="ml-3">
+        <%= classification.product.name %>
+      </span>
+    <% end %>
+  </div>
+  <div class="col-2 text-center align-self-center">
+    <%= product_status(classification.product) %>
+  </div>
+  <div class="col-2 text-center align-self-center">
+    <% if classification.product.in_stock? %>
+      <span class="badge badge-success">
+        <%= Spree.t(:in_stock) %>
+      </span>
+    <% else %>
+      <span class="badge badge-pending">
+        <%= Spree.t(:out_of_stock) %>
+      </span>
+    <% end %>
+  </div>
+
+  <div class="col-1 text-center align-self-center">
+    <%= button_to spree.admin_taxon_classification_path(classification.taxon_id, classification), class: 'btn btn-danger btn-sm with-tip', method: :delete, data: { turbo_confirm: Spree.t(:are_you_sure) } do %>
+      <%= icon 'trash', class: 'mr-0', style: 'pointer-events: none' %>
+    <% end if classification.taxon.manual? && can?(:delete, classification) %>
+  </div>
+</div>

data/app/views/spree/admin/classifications/create.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_close_modal %>
+
+<%= turbo_stream.update :product_count, @taxon.products.count %>
+
+<%= turbo_stream.replace :classifications do %>
+  <%= render template: 'spree/admin/classifications/index' %>
+<% end %>

data/app/views/spree/admin/classifications/destroy.turbo_stream.erb

@@ -0,0 +1,2 @@
+<%= turbo_stream.update :product_count, @taxon.products.count %>
+<%= turbo_stream.remove spree_dom_id(@classification) %>

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

@@ -0,0 +1,20 @@
+<%= turbo_frame_tag :classifications do %>
+  <% if @classifications.any? %>
+    <div data-controller="sortable"
+          data-sortable-handle-value=".move-handle"
+          data-sortable-resource-name-value="classification"
+          data-sortable-response-kind-value="turbo-stream">
+      <%= render partial: 'spree/admin/classifications/classification',
+                  collection: @sorted_classifications,
+                  cached: can?(:delete, Spree::Classification) ? spree_base_cache_scope : false %>
+    </div>
+  <% else %>
+    <p class="text-center text-muted px-5 pt-5 pb-2">
+      <%= Spree.t(:no_products_added) %>
+    </p>
+    <p class="text-center" data-toggle="modal" data-target="#modal">
+      <% if can?(:create, Spree::Classification) && @taxon.manual? %>
+        <%= link_to_with_icon 'plus', Spree.t(:add_products), spree.new_admin_taxon_classification_path(@taxon.id), class: 'btn btn-link', data: { turbo_frame: 'dialog_modal' } %>
+      <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+<%= render 'spree/admin/shared/multi_product_picker', parent: @parent, url: spree.admin_taxon_classifications_path(@parent.id) %>

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

@@ -0,0 +1,12 @@
+<tr id="spree_coupon_code_<%= coupon_code[0] %>">
+  <td class="w-50">
+    <div data-controller="clipboard">
+      <code data-clipboard-target="source"><%= coupon_code[1].upcase %></code>
+      <button type="button" class="btn btn-light p-1 ml-2 with-tip" data-action="clipboard#copy" title="<%= Spree.t('admin.copy_to_clipboard') %>">
+        <%= icon('copy-check', class: 'mr-0 font-size-sm') %>
+      </button>
+    </div>
+  </td>
+  <td class="w-25 font-size-sm"><%= active_badge(coupon_code[2] == 'used') %></td>
+  <td class="w-25 font-size-sm"><%= local_time(coupon_code[3]) %></td>
+</tr>

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

@@ -0,0 +1,14 @@
+<%- headers = [
+  'Coupon',
+  'State',
+  'Created at'
+  ]
+-%>
+<%= CSV.generate_line(headers).strip %>
+<%- @coupon_codes.pluck(:code, :state, :created_at).each do |coupon_code| -%>
+<%= CSV.generate_line([
+  coupon_code[0].upcase,
+  coupon_code[1],
+  coupon_code[2]
+  ]).strip.html_safe %>
+<%- end -%>

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

@@ -0,0 +1,70 @@
+<%= render 'spree/admin/promotions/header' %>
+
+<div class="row">
+  <div class="col-12 col-lg-8">
+    <div class="card-lg p-0">
+      <%= search_form_for [:admin, @promotion, @search], class: "filter-wrap border-bottom" do |f| %>
+        <div class="d-flex flex-column flex-lg-row gap-2">
+          <%= 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">
+                <span class="text-muted font-weight-normal mr-1">
+                  <%= Spree.t(:show) %>
+                </span>
+                <%= Spree.t(:all) if (params[:q] || {}).values_at(:state_eq).all?(&:blank?) %>
+                <%= Spree.t('admin.coupon_codes.used') if params.dig(:q, :state_eq) == 'used' %>
+                <%= Spree.t('admin.coupon_codes.unused') if params.dig(:q, :state_eq) == 'unused' %>
+              </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,
+                  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!,
+                  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!,
+                  class: "dropdown-item #{'active' if params.dig(:q, :state_eq) == 'unused'}" %>
+              </div>
+            </div>
+          </div>
+
+          <%= link_to spree.admin_promotion_coupon_codes_path(@promotion, format: :csv), class: 'btn btn-light bg-transparent with-tip', title: 'Download coupons as a CSV file' do %>
+            <%= icon 'download' %>
+            <%= Spree.t(:download) %>
+          <% end %>
+        </div>
+      <% end %>
+
+      <div class="table-responsive">
+        <% if @coupon_codes.any? %>
+          <table class="table">
+            <thead class="text-muted">
+            <tr data-hook="rate_header">
+              <th><%= Spree.t(:code) %></th>
+              <th><%= Spree.t(:used) %></th>
+              <th><%= Spree.t(:created_at) %></th>
+            </tr>
+            </thead>
+            <tbody>
+              <%= render collection: @coupon_codes.pluck(:id, :code, :state, :created_at), partial: 'spree/admin/coupon_codes/coupon_code', cached: spree_base_cache_scope %>
+            </tbody>
+          </table>
+        <% else %>
+          <div class="text-muted p-5 d-flex align-items-center w-100 justify-content-center">
+            <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::CouponCode)) %>
+          </div>
+        <% end %>
+      </div>
+
+      <%= render 'spree/admin/shared/index_table_options', collection: @coupon_codes, simple: true if @coupon_codes.any? %>
+    </div>
+  </div>
+
+  <div class="col-12 col-lg-4">
+    <%= render 'spree/admin/promotions/sidebar' %>
+  </div>
+</div>

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

@@ -0,0 +1,13 @@
+<tr id="<%= spree_dom_id custom_domain %>">
+  <td><%= custom_domain.url %></td>
+  <td>
+    <%= active_badge(custom_domain.active?) %>
+  </td>
+
+  <% unless entri_enabled? %>
+    <td><%= active_badge(custom_domain.default?) %></td>
+    <td class="actions">
+      <%= link_to_edit(custom_domain, no_text: true, url: spree.edit_admin_custom_domain_path(custom_domain), data: { turbo: false }) %>
+    </td>
+  <% end %>
+</tr>

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

@@ -0,0 +1,24 @@
+<% if current_store.custom_domains.any? %>
+  <div class="table-responsive rounded mt-3 border">
+    <table class="table">
+      <thead class="text-muted">
+        <tr>
+          <th><%= Spree.t(:name) %></th>
+          <th>Active?</th>
+
+          <% unless entri_enabled? %>
+            <th>Default</th>
+            <th class="actions"></th>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render collection: current_store.custom_domains, partial: 'spree/admin/custom_domains/custom_domain', cached: spree_base_cache_scope %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="text-muted p-5 d-flex align-items-center w-100 justify-content-center">
+    You don't have any custom domains set yet.
+  </div>
+<% end %>

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

@@ -0,0 +1,19 @@
+<div class="card mb-3">
+  <div class="card-body">
+    <div class="form-group">
+      <%= f.label :url, Spree.t(:domain) %>
+      <div class="form-control d-flex align-items-center py-0 focus-shadow focus-border">
+        <span class="text-muted">https://</span>
+        <%= f.text_field :url, class: 'form-control-plaintext pr-0 pl-1', autofocus: f.object.new_record?, required: true %>
+      </div>
+      <%= f.error_message_on :url %>
+    </div>
+
+    <div class="custom-control custom-checkbox">
+      <%= f.check_box :default, class: 'custom-control-input' %>
+      <%= f.label :default, class: 'custom-control-label font-weight-semibold' %>
+      <p class="form-text mb-0">We will use this domain in emails to customers.</p>
+      <%= f.error_message_on :default %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/custom_domains/create.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace('admin_custom_domains_index') do %>
+  <%= render partial: 'custom_domains' %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button collection_url %>
+  <%= @custom_domain.url %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @object } %>
+
+<%= form_for @object, url: spree.admin_custom_domain_path(@object) do |f| %>
+  <div class="row">
+    <div class="col-lg-6">
+      <%= render partial: 'form', locals: { f: f } %>
+      <%= render partial: 'spree/admin/shared/edit_resource_links', locals: { f: f } %>
+    </div>
+  </div>
+<% end %>

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

@@ -0,0 +1,50 @@
+<% content_for :head do %>
+  <script type="text/javascript" src="https://cdn.goentri.com/entri.js"></script>
+<% end %>
+<%= content_for(:page_title) do %>
+  <%= Spree.t(:domains) %>
+<% end %>
+
+<div class="card-lg">
+  <h5 class="mb-3">Internal URL</h5>
+  <div class="row mb-4">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        This is your internal URL.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <%= form_for current_store, url: spree.admin_store_path(current_store), data: { turbo: false, controller: 'enable-button', 'enable-button-disable-when-not-changed-value': true } do |f| %>
+        <div class="form-control d-flex align-items-center py-0 focus-shadow focus-border mb-3 <% if current_store.custom_domains.any? %>disabled<% end %>">
+          <%= f.text_field :code, class: 'form-control-plaintext pl-0',  data: { enable_button_target: 'input' }, required: true, disabled: current_store.custom_domains.any? %>
+          <span>.<%= Spree.root_domain %></span>
+        </div>
+        <% unless current_store.custom_domains.any? %>
+          <%= turbo_save_button_tag Spree.t('actions.update') %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+  <hr class="my-5" />
+  <h5>Custom domains</h5>
+  <div class="row">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        Connect your domain or subdomain to your store.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <% if entri_enabled? %>
+        <%= render 'setup_domain_entri' %>
+      <% else %>
+        <div class="text-right">
+          <%= link_to Spree.t(:new_domain), spree.new_admin_custom_domain_path, class: "btn btn-primary" %>
+        </div>
+      <% end %>
+
+      <%= turbo_frame_tag 'admin_custom_domains_index' do %>
+        <%= render 'custom_domains' %>
+      <% end %>
+    </div>
+  </div>
+</div>