solidus_admin 0.3.1 → 0.4.0

data/app/components/solidus_admin/ui/table/ransack_filter/component.js

@@ -1,11 +1,11 @@
-import { Controller } from '@hotwired/stimulus'
-import { useClickOutside, useDebounce } from 'stimulus-use'
+import { Controller } from "@hotwired/stimulus"
+import { useClickOutside, useDebounce } from "stimulus-use"
 
-const BG_GRAY = 'bg-gray-100'
+const BG_GRAY = "bg-gray-100"
 
 export default class extends Controller {
-  static targets = ['details', 'summary', 'option', 'checkbox', 'menu']
-  static debounces = ['init']
+  static targets = ["details", "summary", "option", "checkbox", "menu"]
+  static debounces = ["init"]
 
   connect() {
     useDebounce(this, { wait: 50 })
@@ -37,7 +37,7 @@ export default class extends Controller {
   filterOptions(event) {
     const query = event.currentTarget.value.toLowerCase()
     this.optionTargets.forEach((option) => {
-      option.style.display = option.textContent.toLowerCase().includes(query) ? 'block' : 'none'
+      option.style.display = option.textContent.toLowerCase().includes(query) ? "block" : "none"
     })
   }
 
@@ -50,24 +50,26 @@ export default class extends Controller {
     this.checkboxTargets.forEach((checkbox) => {
       const hiddenElements = checkbox.parentElement.querySelectorAll("input[type='hidden']")
       checkbox.checked
-        ? hiddenElements.forEach(e => e.removeAttribute("disabled"))
-        : hiddenElements.forEach(e => e.setAttribute("disabled", true))
+        ? hiddenElements.forEach((e) => e.removeAttribute("disabled"))
+        : hiddenElements.forEach((e) => e.setAttribute("disabled", true))
     })
   }
 
   sortCheckboxes() {
     const checkboxes = this.checkboxTargets
 
-    checkboxes.sort((a, b) => {
-      if (a.checked && !b.checked) return -1
-      if (!a.checked && b.checked) return 1
-      return 0
-    }).forEach(checkbox => {
-      this.menuTarget.appendChild(checkbox.closest('div'))
-    })
+    checkboxes
+      .sort((a, b) => {
+        if (a.checked && !b.checked) return -1
+        if (!a.checked && b.checked) return 1
+        return 0
+      })
+      .forEach((checkbox) => {
+        this.menuTarget.appendChild(checkbox.closest("div"))
+      })
   }
 
   isAnyCheckboxChecked() {
-    return this.checkboxTargets.some(checkbox => checkbox.checked)
+    return this.checkboxTargets.some((checkbox) => checkbox.checked)
   }
 }

data/app/components/solidus_admin/ui/thumbnail_with_caption/component.rb

@@ -10,6 +10,6 @@ class SolidusAdmin::UI::ThumbnailWithCaption::Component < SolidusAdmin::BaseComp
   end
 
   def icon_thumbnail
-    render component("ui/thumbnail").new(icon: icon)
+    render component("ui/thumbnail").new(icon:)
   end
 end

data/app/components/solidus_admin/ui/toast/component.html.erb

@@ -8,7 +8,7 @@
   "
   data-controller="<%= stimulus_id %>"
   data-<%= stimulus_id %>-animation-class="translate-y-full opacity-0"
-  data-<%= stimulus_id %>-transition-value="500"
+  data-<%= stimulus_id %>-transition-value="<%= Rails.env.test? ? 1000 : 500 %>"
   role="dialog"
   aria-label="<%= t(".#{@scheme}_label") %>"
   aria-live="polite"

data/app/components/solidus_admin/ui/toast/component.js

@@ -1,8 +1,8 @@
-import { Controller } from '@hotwired/stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = ['closeButton']
-  static classes = ['animation']
+  static targets = ["closeButton"]
+  static classes = ["animation"]
   static values = { transition: Number }
 
   connect() {

data/app/components/solidus_admin/ui/toggletip/component.js

@@ -1,30 +1,30 @@
-import { Controller } from '@hotwired/stimulus'
-import { useClickOutside } from 'stimulus-use'
+import { Controller } from "@hotwired/stimulus"
+import { useClickOutside } from "stimulus-use"
 
 export default class extends Controller {
-  static targets = ['bubble']
+  static targets = ["bubble"]
 
-  connect () {
+  connect() {
     useClickOutside(this)
     this.open = false
   }
 
-  clickOutside () {
+  clickOutside() {
     this.close()
   }
 
-  toggle (e) {
+  toggle(e) {
     e.preventDefault()
     this.open = !this.open
     this.render()
   }
 
-  open () {
+  open() {
     this.open = true
     this.render()
   }
 
-  close () {
+  close() {
     this.open = false
     this.render()
   }
@@ -35,10 +35,12 @@ export default class extends Controller {
 
     if (needsPositioning) {
       const bubbleRect = this.bubbleTarget.getBoundingClientRect()
-      if (bubbleRect.right  > window.innerWidth) this.bubbleTarget.style.left = `${window.innerWidth - bubbleRect.width}px`
-      if (bubbleRect.bottom > window.innerHeight) this.bubbleTarget.style.top = `${window.innerHeight - bubbleRect.height}px`
-      if (bubbleRect.left < 0) this.bubbleTarget.style.left = '0px'
-      if (bubbleRect.top < 0) this.bubbleTarget.style.top = '0px'
+      if (bubbleRect.right > window.innerWidth)
+        this.bubbleTarget.style.left = `${window.innerWidth - bubbleRect.width}px`
+      if (bubbleRect.bottom > window.innerHeight)
+        this.bubbleTarget.style.top = `${window.innerHeight - bubbleRect.height}px`
+      if (bubbleRect.left < 0) this.bubbleTarget.style.left = "0px"
+      if (bubbleRect.top < 0) this.bubbleTarget.style.top = "0px"
     }
   }
 }

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

@@ -77,7 +77,7 @@ class SolidusAdmin::Users::Index::Component < SolidusAdmin::UsersAndRoles::Compo
               when 'customer' then :green
               else :graphite_light
               end
-            render component('ui/badge').new(name: _1.name, color: color)
+            render component('ui/badge').new(name: _1.name, color:)
           })
         end,
       },

data/app/components/solidus_admin/users/orders/component.rb

@@ -106,7 +106,7 @@ class SolidusAdmin::Users::Orders::Component < SolidusAdmin::BaseComponent
     {
       header: :total,
       data: ->(order) do
-        content_tag :div, number_to_currency(order.total)
+        content_tag :div, order.display_total
       end
     }
   end

data/app/components/solidus_admin/users/store_credits/edit_amount/component.html.erb

@@ -0,0 +1,22 @@
+<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @store_credit, url: form_url, method: :put, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :amount, class: "required") %>
+        <%= render component("ui/forms/field").select(
+          f,
+          :store_credit_reason_id,
+          store_credit_reasons_select_options.html_safe,
+          include_blank: t('spree.choose_reason'),
+          html: { required: true }
+        ) %>
+      </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/users/store_credits/edit_amount/component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Users::StoreCredits::EditAmount::Component < SolidusAdmin::Resources::Edit::Component
+  def initialize(user:, store_credit:, reasons:)
+    @user = user
+    super(store_credit)
+    @store_credit_reasons = reasons
+  end
+
+  def form_id
+    dom_id(@store_credit, "#{stimulus_id}_edit_amount_form")
+  end
+
+  def form_url
+    solidus_admin.update_amount_user_store_credit_path(@user, @store_credit, **search_filter_params)
+  end
+
+  def store_credit_reasons_select_options
+    # Placeholder + Store Credit Reasons
+    "<option value>#{t('.choose_reason')}</option>" + options_from_collection_for_select(@store_credit_reasons, :id, :name)
+  end
+end

data/app/components/solidus_admin/users/store_credits/edit_amount/component.yml

@@ -0,0 +1,5 @@
+en:
+  title: Edit Store Credit Amount
+  cancel: Cancel
+  submit: Update Store Credit
+  choose_reason: Choose Reason For Changing Amount

data/app/components/solidus_admin/users/store_credits/edit_memo/component.html.erb

@@ -0,0 +1,15 @@
+<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @store_credit, url: form_url, method: :put, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :memo) %>
+      </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/users/store_credits/edit_memo/component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Users::StoreCredits::EditMemo::Component < SolidusAdmin::Resources::Edit::Component
+  def initialize(user:, store_credit:)
+    @user = user
+    super(store_credit)
+  end
+
+  def form_id
+    dom_id(@store_credit, "#{stimulus_id}_edit_memo_form")
+  end
+
+  def form_url
+    solidus_admin.update_memo_user_store_credit_path(@user, @store_credit, **search_filter_params)
+  end
+end

data/app/components/solidus_admin/users/store_credits/edit_memo/component.yml

@@ -0,0 +1,4 @@
+en:
+  title: Edit Store Credit Memo
+  cancel: Cancel
+  submit: Update Store Credit

data/app/components/solidus_admin/users/store_credits/edit_validity/component.html.erb

@@ -0,0 +1,21 @@
+<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @store_credit, url: form_url, method: :put, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").select(
+          f,
+          :store_credit_reason_id,
+          store_credit_reasons_select_options.html_safe,
+          include_blank: t('spree.choose_reason'),
+          html: { required: true }
+        ) %>
+      </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, scheme: :danger, type: :submit, text: t('.submit')) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/users/store_credits/edit_validity/component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Users::StoreCredits::EditValidity::Component < SolidusAdmin::Resources::Edit::Component
+  def initialize(user:, store_credit:, reasons:)
+    @user = user
+    super(store_credit)
+    @store_credit_reasons = reasons
+  end
+
+  def form_id
+    dom_id(@store_credit, "#{stimulus_id}_edit_validity_form")
+  end
+
+  def form_url
+    solidus_admin.invalidate_user_store_credit_path(@user, @store_credit, **search_filter_params)
+  end
+
+  def store_credit_reasons_select_options
+    # Placeholder + Store Credit Reasons
+    "<option value>#{t('.choose_reason')}</option>" + options_from_collection_for_select(@store_credit_reasons, :id, :name)
+  end
+end

data/app/components/solidus_admin/users/store_credits/edit_validity/component.yml

@@ -0,0 +1,5 @@
+en:
+  title: Invalidate Store Credit
+  cancel: Cancel
+  submit: Invalidate
+  choose_reason: Choose Reason For Invalidating

data/app/components/solidus_admin/users/store_credits/index/component.html.erb

@@ -0,0 +1,65 @@
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_back(solidus_admin.users_path) %>
+    <%= page_header_title(t(".title", email: @user.email)) %>
+
+    <%= page_header_actions do %>
+      <%= render component("ui/button").new(
+        tag: :a,
+        href: new_store_credit_path,
+        data: {
+          turbo_frame: :resource_modal
+        },
+        text: t(".add_store_credit"),
+        icon: "add-line"
+      )%>
+    <% end %>
+  <% end %>
+
+  <%= page_header do %>
+    <% tabs.each do |tab| %>
+      <%= render(component("ui/button").new(tag: :a, scheme: :ghost, text: tab[:text], 'aria-current': tab[:current], href: tab[:href])) %>
+    <% end %>
+  <% end %>
+
+  <%= page_with_sidebar do %>
+    <%= page_with_sidebar_main do %>
+
+      <% if @store_credits.present? %>
+        <% @store_credits.group_by(&:currency).each do |currency, credits| %>
+          <% title = [t('spree.admin.store_credits.current_balance'), Spree::Money.new(credits.sum(&:amount_remaining), currency: currency)].join(" ") %>
+
+          <%= render component('ui/panel').new(title: title) do %>
+            <%= render component('ui/table').new(
+              id: stimulus_id,
+              data: {
+                class: model_class,
+                rows: credits,
+                fade: -> (_order) { false },
+                columns: columns
+              }
+            ) %>
+          <% end %>
+        <% end %>
+      <% else %>
+        <%= render component('ui/panel').new(title: t(".store_credit")) do %>
+          <%= t(".no_credits_found") %>
+          <%= render component("ui/button").new(
+            tag: :a,
+            data: {
+              turbo_frame: :resource_modal
+            },
+            href: new_store_credit_path,
+            text: t(".create_one"),
+          )%>
+        <% end %>
+      <% end %>
+    <% end %>
+
+    <%= page_with_sidebar_aside do %>
+      <%= render component("users/stats").new(user: @user) %>
+    <% end %>
+  <% end %>
+
+  <%= turbo_frame_tag :resource_modal, target: "_top" %>
+<% end %>

data/app/components/solidus_admin/users/store_credits/index/component.rb

@@ -0,0 +1,114 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Users::StoreCredits::Index::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
+  def initialize(user:, store_credits:)
+    @user = user
+    @store_credits = store_credits
+  end
+
+  def model_class
+    Spree::StoreCredit
+  end
+
+  def tabs
+    [
+      {
+        text: t('.account'),
+        href: solidus_admin.user_path(@user),
+        current: false,
+      },
+      {
+        text: t('.addresses'),
+        href: solidus_admin.addresses_user_path(@user),
+        current: false,
+      },
+      {
+        text: t('.order_history'),
+        href: solidus_admin.orders_user_path(@user),
+        current: false,
+      },
+      {
+        text: t('.items'),
+        href: spree.items_admin_user_path(@user),
+        current: false,
+      },
+      {
+        text: t('.store_credit'),
+        href: solidus_admin.user_store_credits_path(@user),
+        current: true,
+      },
+    ]
+  end
+
+  def rows
+    @store_credits
+  end
+
+  def show_path(store_credit)
+    solidus_admin.user_store_credit_path(@user, store_credit)
+  end
+
+  def new_store_credit_path
+    solidus_admin.new_user_store_credit_path(user_id: @user.id)
+  end
+
+  def columns
+    [
+      {
+        header: :credited,
+        col: { class: "w-[12%]" },
+        data: ->(store_credit) do
+          link_to store_credit.display_amount.to_html, show_path(store_credit), class: "body-link text-sm"
+        end
+      },
+      {
+        header: :authorized,
+        col: { class: "w-[13%]" },
+        data: ->(store_credit) do
+          link_to store_credit.display_amount_authorized.to_html, show_path(store_credit), class: "body-link text-sm"
+        end
+      },
+      {
+        header: :used,
+        col: { class: "w-[9%]" },
+        data: ->(store_credit) do
+          link_to store_credit.display_amount_used.to_html, show_path(store_credit), class: "body-link text-sm"
+        end
+      },
+      {
+        header: :type,
+        col: { class: "w-[13%]" },
+        data: ->(store_credit) do
+          component('ui/badge').new(name: store_credit.credit_type.name, color: :blue)
+        end
+      },
+      {
+        header: :created_by,
+        col: { class: "w-[22%]" },
+        data: ->(store_credit) do
+          content_tag :div, store_credit.created_by_email, class: "text-sm"
+        end
+      },
+      {
+        header: :issued_on,
+        col: { class: "w-[16%]" },
+        data: ->(store_credit) do
+          content_tag :span, I18n.l(store_credit.created_at.to_date), class: "text-sm"
+        end
+      },
+      {
+        header: :invalidated,
+        col: { class: "w-[15%]" },
+        data: ->(store_credit) do
+          if store_credit.invalidated?
+            component('ui/badge').new(name: :yes, color: :red, size: :m)
+          else
+            component('ui/badge').new(name: :no, color: :green, size: :m)
+          end
+        end
+      }
+    ]
+  end
+end

data/app/components/solidus_admin/users/store_credits/index/component.yml

@@ -0,0 +1,12 @@
+en:
+  title: "Users / %{email} / Store Credit"
+  account: Account
+  addresses: Addresses
+  order_history: Order History
+  items: Items
+  store_credit: Store Credit
+  last_active: Last Active
+  add_store_credit: Add Store Credit
+  no_credits_found: No Store Credits found.
+  create_one: Create One
+  back: Back

data/app/components/solidus_admin/users/store_credits/new/component.html.erb

@@ -0,0 +1,30 @@
+<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @store_credit, url: form_url, method: :post, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :amount, class: "required") %>
+        <%= render component("ui/forms/field").select(
+          f,
+          :currency,
+          currency_select_options.html_safe,
+          include_blank: t("spree.currency"),
+          html: { required: true }
+        ) %>
+        <%= render component("ui/forms/field").select(
+          f,
+          :category_id,
+          store_credit_categories_select_options.html_safe,
+          include_blank: t("spree.category"),
+          html: { required: true }
+        ) %>
+        <%= render component("ui/forms/field").text_field(f, :memo) %>
+      </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/users/store_credits/new/component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Users::StoreCredits::New::Component < SolidusAdmin::Resources::New::Component
+  def initialize(user:, store_credit:, categories:)
+    @user = user
+    super(store_credit)
+    @store_credit_categories = categories
+  end
+
+  def form_url
+    solidus_admin.user_store_credits_path(@user, **search_filter_params)
+  end
+
+  def currency_select_options
+    options_from_collection_for_select(Spree::Config.available_currencies, :iso_code, :iso_code, Spree::Config.currency)
+  end
+
+  def store_credit_categories_select_options
+    # Placeholder + Store Credit Categories
+    "<option value>#{t('.choose_category')}</option>" + options_from_collection_for_select(@store_credit_categories, :id, :name)
+  end
+end

data/app/components/solidus_admin/users/store_credits/new/component.yml

@@ -0,0 +1,5 @@
+en:
+  title: New Store Credit
+  cancel: Cancel
+  submit: Create
+  choose_category: Choose Store Credit Category

data/app/components/solidus_admin/users/store_credits/show/component.html.erb

@@ -0,0 +1,83 @@
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_back(solidus_admin.users_path) %>
+    <%= page_header_title(t(".title", email: @user.email, amount: @store_credit.display_amount)) %>
+  <% end %>
+
+  <%= page_header do %>
+    <% tabs.each do |tab| %>
+      <%= render(component("ui/button").new(tag: :a, scheme: :ghost, text: tab[:text], 'aria-current': tab[:current], href: tab[:href])) %>
+    <% end %>
+  <% end %>
+
+  <%= page_with_sidebar do %>
+    <%= page_with_sidebar_main do %>
+      <%= render component('ui/panel').new(title: t(".store_credit")) do |panel| %>
+        <% panel.with_section do %>
+          <%= render component('ui/details_list').new(
+            items: [
+              { label: t('.credited'), value: @store_credit.display_amount },
+              { label: t('.created_by'), value: @store_credit.created_by_email },
+              { label: t('.type'), value: @store_credit.category_name },
+              { label: t('.memo'), value: @store_credit.memo }
+            ]
+          ) %>
+        <% end %>
+
+        <% panel.with_section do %>
+          <div class="w-[100%] text-right">
+            <% if @store_credit.invalidateable? %>
+              <%= render component("ui/button").new(
+                tag: :a,
+                scheme: :danger,
+                data: {
+                  turbo_frame: :resource_modal
+                },
+                href: edit_validity_url,
+                text: t(".invalidate"),
+              ) %>
+            <% end %>
+
+            <%= render component("ui/button").new(
+              tag: :a,
+              data: {
+                turbo_frame: :resource_modal
+              },
+              href: edit_memo_url,
+              text: t(".edit_memo"),
+            ) %>
+
+            <% if @store_credit.editable? %>
+              <%= render component("ui/button").new(
+                tag: :a,
+                data: {
+                  turbo_frame: :resource_modal
+                },
+                href: edit_amount_url,
+                text: t(".edit_amount"),
+              ) %>
+            <% end %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <% if @events.present? %>
+        <h1 class="font-semibold text-base text-center w-[100%]"><%= t(".store_credit_history") %></h1>
+        <%= render component('ui/table').new(
+          id: stimulus_id,
+          data: {
+            class: event_model_class,
+            rows: @events,
+            columns: columns,
+          },
+        )%>
+      <% end %>
+    <% end %>
+
+    <%= page_with_sidebar_aside do %>
+      <%= render component("users/stats").new(user: @user) %>
+    <% end %>
+  <% end %>
+
+  <%= turbo_frame_tag :resource_modal, target: "_top" %>
+<% end %>