workarea-nvy_theme 1.1.2

data/app/views/workarea/storefront/users/accounts/show.html.haml

@@ -0,0 +1,119 @@
+- @title = t('workarea.storefront.users.account')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.account')
+
+.view
+
+  %h1.heading.heading--2= t('workarea.storefront.users.account')
+
+  .grid.grid--large
+    .grid__cell.grid__cell--50-at-medium
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.forms.update'), edit_users_account_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.details')
+        .box__body
+          %table.table
+            %tbody
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.email')
+                %td= @user.email
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.name')
+                %td #{@user.first_name} #{@user.last_name}
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.password')
+                %td ********
+              = append_partials('storefront.show_account_details', user: @user)
+
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.order_history'), users_orders_path, class: 'button'
+          %h2.box__heading= t('workarea.storefront.users.recent_orders')
+        .box__body
+          - unless @user.recent_orders.any?
+            = t('workarea.storefront.users.no_orders')
+          - else
+            - @user.recent_orders.each do |order|
+              = render 'workarea/storefront/users/orders/summary', order: order
+
+      = append_partials('storefront.account_section_left', user: @user)
+
+    .grid__cell.grid__cell--50-at-medium
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.add_credit_card'), new_users_credit_card_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.credit_cards')
+
+        .box__body
+          - unless @user.has_credit_card?
+            = t('workarea.storefront.users.no_saved_credit_cards')
+          - else
+            .grid.grid--large
+              - @user.credit_cards.each do |credit_card|
+                .grid__cell.grid__cell--50-at-medium
+                  .data-card
+                    .data-card__cell
+                      %p.data-card__line.data-card__credit-card{ class: (credit_card.default?) ? 'data-card__credit-card--default' : nil }
+                        = credit_card_issuer_icon(card_icon_name(credit_card.issuer))
+                        %span.data-card__credit-card-number
+                          = t('workarea.storefront.credit_cards.summary', issuer: nil, number: credit_card.display_number.slice(-4..-1))
+                      %p.data-card__line
+                        %strong= t('workarea.storefront.credit_cards.expires')
+                        %span
+                          = t('workarea.storefront.credit_cards.expiry', month: credit_card.month, year: credit_card.year)
+                          - if credit_card.expired?
+                            %strong= t('workarea.storefront.credit_cards.expired')
+                      %p.data-card__line
+                        %strong= t('workarea.storefront.credit_cards.name_on_card')
+                        %span #{credit_card.first_name} #{credit_card.last_name}
+                    .data-card__cell
+                      .grid.grid--auto
+                        .grid__cell= link_to t('workarea.storefront.forms.edit'), edit_users_credit_card_path(credit_card), class: 'text-button', data: { dialog_button: '' }
+                        = form_tag users_credit_card_path(credit_card), method: 'delete', class: 'grid__cell' do
+                          = button_tag t('workarea.storefront.forms.delete'), class: 'text-button'
+
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.add_address'), new_users_address_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.addresses')
+        .box__body
+          - unless @user.has_default_addresses?
+            = t('workarea.storefront.users.no_saved_addresses')
+          - else
+            .grid.grid--large
+              - @user.addresses.each do |address|
+                .grid__cell.grid__cell--50-at-medium
+                  .data-card
+                    .data-card__cell
+                      %p.data-card__line= formatted_address(address)
+
+                    .data-card__cell
+                      .grid.grid--auto
+                        .grid__cell= link_to t('workarea.storefront.forms.edit'), edit_users_address_path(address), class: 'text-button', data: { dialog_button: '' }
+                        = form_tag users_address_path(address), method: 'delete', class: 'grid__cell' do
+                          = button_tag t('workarea.storefront.forms.delete'), class: 'text-button'
+
+      = append_partials('storefront.account_section_right', user: @user)
+
+    = append_partials('storefront.account_grid_cell', user: @user)
+
+  = append_partials('storefront.account_section', user: @user)
+
+  - if @recommendations.any?
+    .recommendations
+      %h2.recommendations__heading= t('workarea.storefront.users.recommendations')
+      .recommendations__products
+        .grid
+          - @recommendations.each do |product|
+            .grid__cell.grid__cell--50.grid__cell--25-at-medium
+              .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+                = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/users/addresses/edit.html.haml

@@ -0,0 +1,24 @@
+- @title = t('workarea.storefront.users.edit_address')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.edit_address')
+
+.view
+
+  %h1= t('workarea.storefront.users.edit_address')
+
+  - if @address.errors.any?
+    - @address.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_address_path(@address.id), method: :patch, id: 'address_form', data: { account_dashboard_ajax: 'addresses' } do
+    = render 'workarea/storefront/shared/address_fields', label: 'address', address: @address
+    .grid.grid--auto.grid--middle.grid--center
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_address', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: 'text-button', data: { dialog_close_button: '' }

data/app/views/workarea/storefront/users/addresses/new.html.haml

@@ -0,0 +1,24 @@
+- @title = t('workarea.storefront.users.add_address')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.add_address')
+
+.view
+
+  %h1= t('workarea.storefront.users.add_address')
+
+  - if @address.errors.any?
+    - @address.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_addresses_path, method: 'post', id: 'address_form', data: { account_dashboard_ajax: 'addresses' } do
+    = render 'workarea/storefront/shared/address_fields', label: 'address', address: @address
+    .grid.grid--auto.grid--middle.grid--center
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_address', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: 'text-button', data: { dialog_close_button: '' }

data/app/views/workarea/storefront/users/credit_cards/edit.html.haml

@@ -0,0 +1,75 @@
+- @title = t('workarea.storefront.users.edit_credit_card')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.edit_credit_card')
+
+.view
+
+  %h1= t('workarea.storefront.users.edit_credit_card')
+
+  - if @credit_card.errors.any?
+    - @credit_card.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  %table.table
+    %tbody
+      %tr
+        %th= t('workarea.storefront.credit_cards.issuer')
+        %td= @credit_card.issuer
+      %tr
+        %th= t('workarea.storefront.users.default_card')
+        %td= @credit_card.default? ? 'Yes' : 'No'
+
+  = form_tag users_credit_card_path(@credit_card.id), method: :patch, id: 'credit_card_form' do
+
+    - unless @credit_card.default?
+      .button-property
+        .value= check_box_tag 'credit_card[default]', true, @credit_card.default?
+        = label_tag 'credit_card[default]', nil, class: 'button-property__name' do
+          %span.button-property__text= t('workarea.storefront.users.set_as_default_card')
+
+    .grid.grid--top
+      .grid__cell.grid__cell--50-at-medium
+        .property
+          = label_tag 'credit_card[first_name]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.first_name')
+          .value= text_field_tag 'credit_card[first_name]', @credit_card.first_name, class: 'text-box text-box--full', autocomplete: 'given-name', required: true
+
+      .grid__cell.grid__cell--50-at-medium
+        .property
+          = label_tag 'credit_card[last_name]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.last_name')
+          .value= text_field_tag 'credit_card[last_name]', @credit_card.last_name, class: 'text-box text-box--full', autocomplete: 'family-name', required: true
+
+      .grid__cell.grid__cell--33-at-wide
+        %strong= t('workarea.storefront.credit_cards.card_number')
+        %p= @credit_card.display_number
+
+      .grid__cell.grid__cell--66.grid__cell--33-at-wide
+        .property
+          %label.property__name{ for: 'credit_card_month' }
+            %span.property__text= t('workarea.storefront.credit_cards.expiration_date')
+          .value
+            .grid
+              .grid__cell.grid__cell--50
+                = select_tag 'credit_card[month]', options_for_select(1..12, @credit_card.month), title: t('workarea.storefront.credit_cards.expiration_month')
+              .grid__cell.grid__cell--50
+                = select_tag 'credit_card[year]', options_for_select(Time.current.year..Time.current.year + 10, @credit_card.year), title: t('workarea.storefront.credit_cards.expiration_year')
+
+      .grid__cell.grid__cell--33
+        .property
+          = label_tag 'credit_card[cvv]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.credit_cards.security_code')
+          .value
+            = text_field_tag 'credit_card[cvv]', nil, class: 'text-box text-box--full text-box--small', required: true, inputmode: 'numeric', pattern: '[0-9]*', autocomplete: 'cc-csc'
+            %span.value__note= link_to t('workarea.storefront.credit_cards.whats_this'), page_path('credit-card-security-code'), data: { dialog_button: '' }
+
+    .grid.grid--auto.grid--middle.grid--center
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_credit_card', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: "text-button", data: { dialog_close_button: '' }

data/app/views/workarea/storefront/users/credit_cards/new.html.haml

@@ -0,0 +1,68 @@
+- @title = t('workarea.storefront.users.add_credit_card')
+- params[:credit_card] ||= {}
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.add_credit_card')
+
+.view
+
+  %h1= t('workarea.storefront.users.add_credit_card')
+
+  - if @credit_card && @credit_card.errors.any?
+    - @credit_card.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_credit_cards_path, method: 'post', id: 'credit_card_form', data: { single_submit_form: '' } do
+    .grid.grid--top
+      .grid__cell.grid__cell--50-at-medium
+        .property
+          = label_tag 'credit_card[first_name]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.first_name')
+          .value= text_field_tag 'credit_card[first_name]', params[:credit_card][:first_name], class: 'text-box text-box--full', autocomplete: 'given-name', required: true
+
+      .grid__cell.grid__cell--50-at-medium
+        .property
+          = label_tag 'credit_card[last_name]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.last_name')
+          .value= text_field_tag 'credit_card[last_name]', params[:credit_card][:last_name], class: 'text-box text-box--full', autocomplete: 'family-name', required: true
+
+      .grid__cell.grid__cell--33-at-wide
+        .property
+          = label_tag 'credit_card[number]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.credit_cards.card_number')
+          .value= text_field_tag 'credit_card[number]', nil, class: 'text-box text-box--full', inputmode: 'numeric', pattern: '[0-9]*', required: true, autocomplete: 'cc-number'
+
+      .grid__cell.grid__cell--66.grid__cell--33-at-wide
+        .property
+          %label.property__name{ for: 'credit_card_month' }
+            %span.property__text= t('workarea.storefront.credit_cards.expiration_date')
+          .value
+            .grid
+              .grid__cell.grid__cell--50
+                = select_tag 'credit_card[month]', options_for_select(1..12, params[:credit_card][:month]), title: t('workarea.storefront.credit_cards.expiration_month'), aria: { label: t('workarea.storefront.credit_cards.expiration_month') }
+              .grid__cell.grid__cell--50
+                = select_tag 'credit_card[year]', options_for_select(Time.current.year..Time.current.year + 10, params[:credit_card][:year]), title: t('workarea.storefront.credit_cards.expiration_year'), aria: { label: t('workarea.storefront.credit_cards.expiration_year') }
+
+      .grid__cell.grid__cell--33
+        .property
+          = label_tag 'credit_card[cvv]', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.credit_cards.security_code')
+          .value
+            = text_field_tag 'credit_card[cvv]', nil, class: 'text-box text-box--small', inputmode: 'numeric', pattern: '[0-9]*', autocorrect: 'off', autocomplete: 'cc-csc', required: true
+            %span.value__note=link_to t('workarea.storefront.credit_cards.whats_this'), page_path('credit-card-security-code'), data: { dialog_button: '' }
+
+      .grid__cell
+        .button-property
+          .value= check_box_tag 'credit_card[default]', true, @user.credit_cards.empty?
+          = label_tag 'credit_card[default]', nil, class: 'button-property__name' do
+            %span.button-property__text= t('workarea.storefront.users.set_as_default_card')
+
+    .grid.grid--auto.grid--middle.grid--center
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_credit_card', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: "text-button", data: { dialog_close_button: '' }

data/app/views/workarea/storefront/users/logins/new.html.haml

@@ -0,0 +1,55 @@
+- @title = t('workarea.storefront.users.login_or_create_an_account')
+
+.view
+
+  .login
+
+    %h1.visually-hidden= t('workarea.storefront.users.login_or_create_an_account')
+
+    .grid.grid--huge
+      .grid__cell.grid__cell--50-at-medium
+        .login__section.login__section--login
+          %h2.login__heading= t('workarea.storefront.users.login')
+          = form_tag login_path, id: 'login_form', method: 'post', data: { analytics: login_analytics_data.to_json }, class: 'login__form' do
+            = hidden_field_tag :return_to, params[:return_to], id: nil
+            .property
+              = label_tag 'log_in_email', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.email')
+              .value= email_field_tag :email, params[:email], id: 'log_in_email', class: 'text-box text-box--full', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+            .property
+              = label_tag 'log_in_password', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.password')
+              .value
+                = password_field_tag :password, nil, id: 'log_in_password', class: 'text-box text-box--full', required: true, autocomplete: 'off'
+                = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+            .grid.grid--auto.grid--middle
+              %p.grid__cell= button_tag t('workarea.storefront.users.login'), value: 'login', class: 'button button--solid button--large'
+              %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'
+
+      .grid__cell.grid__cell--50-at-medium
+        .login__section.login__section--create-account
+          %h2.login__heading= t('workarea.storefront.users.create_account')
+          = form_tag users_account_path, id: 'signup_form', method: :post, data: { analytics: signup_analytics_data.to_json }, class: 'login__form' do
+            = hidden_field_tag :return_to, params[:return_to], id: nil
+            .property
+              = label_tag 'create_account_email', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.email')
+              .value
+                = email_field_tag :email, params[:email], id: 'create_account_email', class: 'text-box text-box--full', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+                - if @user.errors[:email].any?
+                  %span.value__error= @user.errors[:email].first
+            .property
+              = label_tag 'create_account_password', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.password')
+              .value
+                = password_field_tag :password, nil, id: 'create_account_password', class: 'text-box text-box--full', required: true, minlength: minimum_password_length, autocomplete: 'off'
+                = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+                - if @user.errors[:password].present?
+                  %span.value__error= @user.errors[:password].first
+            .button-property
+              .value= check_box_tag :email_signup, true, params[:email_signup]
+              = label_tag :email_signup, nil, class: 'button-property__name' do
+                %span.button-property__text= t('workarea.storefront.users.sign_up_for_email')
+            = button_tag t('workarea.storefront.users.create_account'), value: 'create_account', class: 'button button--solid button--large', data: { disable_with: loading_indicator(t('workarea.storefront.users.create_account_disabled_text')) }
+
+    = append_partials('storefront.new_login', user: @user)

data/app/views/workarea/storefront/users/orders/_summary.html.haml

@@ -0,0 +1,23 @@
+.data-card
+  .data-card__cell
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.placed_at')
+      %span= local_time(order.placed_at, :long)
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.id')
+      %span= order.id
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.status')
+      %span= order.fulfillment_status || order.status
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.items')
+      %span #{order.quantity} - #{number_to_currency(order.total_price)}
+  .data-card__cell
+    .grid.grid--auto
+      %p.grid__cell= link_to t('workarea.storefront.orders.view'), users_order_path(order), class: 'text-button'
+
+      = append_partials('storefront.order_summary_actions', order: order)
+
+      - order.packages.each_with_index do |package|
+        - if package.tracking_number.present?
+          %p.grid__cell= link_to t('workarea.storefront.orders.track_package'), package.tracking_link, target: '_blank', rel: 'noopener', class: 'text-button'

data/app/views/workarea/storefront/users/passwords/change.html.haml

@@ -0,0 +1,29 @@
+- @title = t('workarea.storefront.users.change_password')
+
+.view
+
+  %h1= t('workarea.storefront.users.change_password')
+
+  = form_tag change_password_path, id: 'change_password_form', method: :patch do
+
+    .grid
+      .grid__cell.grid__cell--50-at-medium.grid__cell--33-at-wide
+        .property
+          = label_tag :old_password, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.old_password')
+          .value
+            = password_field_tag :old_password, nil, class: 'text-box', required: true, autocomplete: 'off'
+            = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+
+    .grid
+      .grid__cell.grid__cell--50-at-medium.grid__cell--33-at-wide
+        .property
+          = label_tag :password, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.new_password')
+          .value
+            = password_field_tag :password, nil, class: 'text-box', minlength: 7, required: true, autocomplete: 'off'
+            = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.users.change_password'), value: 'change_password', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'

data/app/views/workarea/storefront/users/passwords/edit.html.haml

@@ -0,0 +1,17 @@
+- @title = t('workarea.storefront.users.reset_password')
+
+.view
+  %h1= t('workarea.storefront.users.reset_password')
+
+  = form_tag reset_password_path(params[:token]), id: 'reset_password_form', method: :patch do
+
+    .grid
+      .grid__cell.grid__cell--50-at-medium.grid__cell--33-at-wide
+        .property
+          = label_tag :password, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.password')
+          .value
+            = password_field_tag :password, nil, class: 'text-box text-box--full', minlength: 7, required: true, autocomplete: 'off'
+            = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+
+    %p= button_tag t('workarea.storefront.users.reset_password'), value: 'reset_password', class: 'button button--solid button--large'

data/app/views/workarea/storefront/wish_lists/_add_form.html.haml

@@ -0,0 +1,10 @@
+- if product.purchasable?
+  = form_tag add_to_users_wish_list_path, method: 'post', class: 'wish-list-form', data: { wish_list_form: '' } do
+    = hidden_field_tag :product_id, product.id, id: "wishlist_product_id_#{dom_id(product)}"
+    = hidden_field_tag :sku, product.current_sku, id: "wishlist_sku_#{dom_id(product)}"
+    = hidden_field_tag :quantity, 1, id: "wishlist_quantity_#{dom_id(product)}"
+    = hidden_field_tag :return_to, users_wish_list_path, id: "wishlist_return_to_#{dom_id(product)}"
+    .wish-list-form__action
+      = button_tag value: 'add_to_wish_list', class: 'text-button' do
+        = inline_svg('workarea/storefront/icons/heart.svg', class: 'text-button__icon')
+        = t('workarea.storefront.wish_lists.add_to_wish_list')