workarea-afterpay 2.0.2

data/app/view_models/workarea/admin/afterpay_configuration_view_model.rb

@@ -0,0 +1,36 @@
+module Workarea
+  module Admin
+    class AfterpayConfigurationViewModel < ApplicationViewModel
+      include Storefront::AfterpayConfiguration
+
+      def au_limits
+        return unless Workarea::Afterpay.merchant_id(:au).present?
+        limits = afterpay_configuration(:au).first
+        {
+          min: min_price(limits),
+          max: max_price(limits)
+        }
+      end
+
+      def us_limits
+        return unless Workarea::Afterpay.merchant_id(:us).present?
+        limits = afterpay_configuration(:us).first
+        {
+          min: min_price(limits),
+          max: max_price(limits)
+        }
+      end
+
+      private
+
+        def min_price(limits)
+          return 0.to_m unless limits["minimumAmount"].present?
+          limits["minimumAmount"]["amount"].to_m
+        end
+
+        def max_price(limits)
+          limits["maximumAmount"]["amount"].to_m
+        end
+    end
+  end
+end

data/app/view_models/workarea/storefront/afterpay_configuration.rb

@@ -0,0 +1,25 @@
+module Workarea
+  module Storefront
+    module AfterpayConfiguration
+      class AfterpayConfigurationError < StandardError; end
+      # get the configuration for afterpay
+      # this will be used to determine elgibility
+      # for displaying the afterpay payment option
+      def afterpay_configuration(location)
+        merchant_id = Workarea::Afterpay.merchant_id(location)
+        key = "afterpay_configuration/#{merchant_id}"
+        afterpay_configuration = begin
+          Rails.cache.fetch(key, expires_in: Workarea.config.cache_expirations.afterpay_configuration) do
+            gateway = Workarea::Afterpay.gateway(location)
+            response = gateway.get_configuration
+            raise AfterpayConfigurationError unless response.success?
+            response.body
+          end
+        end
+      rescue
+        # avoids caching a failed API response
+        nil
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/afterpay_view_model.rb

@@ -0,0 +1,89 @@
+module Workarea
+  module Storefront
+    class AfterpayViewModel < ApplicationViewModel
+
+    # Orders must be between the min and max order total to qualify.
+    def order_total_in_range?
+      return unless afterpay_configuration.present?
+      eligible_options.present?
+    end
+
+    # Show if admin settings are enabled, there are configuration options returned
+    # from the API and the currency code is valid.
+    def show?
+      return unless afterpay_settings.enabled?
+      return unless valid_international_order?
+      return unless afterpay_configuration.present?
+      afterpay_country.present?
+    end
+
+    def show_on_cart?
+      show? && afterpay_settings.display_on_cart?
+    end
+
+    def show_on_pdp?
+      show? && afterpay_settings.display_on_pdp?
+    end
+
+    # TODO - handle what to display if there are multiple
+    # eligible display options. Docs do not seem to
+    # indicate there would ever be more than one.
+    def display_option
+      eligible_options.first
+    end
+
+    def installment_price
+      order.order_balance / Workarea.config.afterpay[:installment_count]
+    end
+
+    def min_price
+      config = afterpay_configuration.first
+      return 0.to_m unless config[:minimumAmount].present?
+      config[:minimumAmount][:amount].to_m
+    end
+
+    def max_price
+      config = afterpay_configuration.first
+      config[:maximumAmount][:amount].to_m
+    end
+
+    def afterpay_country
+      Workarea.config.afterpay[:currency_country_map][currency.to_sym]
+    end
+
+    private
+      def eligible_options
+        ap_options = afterpay_configuration.select do |ap|
+          order.order_balance >= min_price && order.order_balance <= max_price
+        end
+      end
+
+      def afterpay_configuration
+        options[:afterpay_configuration]
+      end
+
+      def order
+        @order ||= begin
+          o = options[:order]
+          Workarea::Storefront::OrderViewModel.new(o)
+        end
+      end
+
+      def currency
+        order.total_price.currency.iso_code
+      end
+
+      def afterpay_settings
+        @afterpay_settings ||= Workarea::Afterpay::Configuration.current
+      end
+
+      # Handles the various International Order plugins Workarea supports
+      # This method ensures that the currency the international order is using
+      # is supported by afterpay
+      def valid_international_order?
+        international_currency = order.try(:currency) || currency
+        Workarea.config.afterpay[:currency_country_map][international_currency.to_sym].present? && international_currency == currency
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/cart_view_model.decorator

@@ -0,0 +1,12 @@
+module Workarea
+  decorate Storefront::CartViewModel, with: :afterpay do
+    decorated do
+      include Storefront::AfterpayConfiguration
+    end
+
+    def afterpay
+      @afterpay ||= Storefront::AfterpayViewModel.new(nil,  {afterpay_configuration: afterpay_configuration(order.afterpay_location), order: order})
+    end
+  end
+end
+

data/app/view_models/workarea/storefront/checkout/payment_view_model.decorator

@@ -0,0 +1,32 @@
+module Workarea
+  decorate Storefront::Checkout::PaymentViewModel, with: :afterpay do
+    decorated do
+      include Storefront::AfterpayConfiguration
+      delegate :afterpay?, to: :payment
+    end
+
+    def allow_redirect_to_afterpay?
+      # only allow a redirect to afterpay if the tender has a token and
+      # that token has not been redirected to afterpay already.
+      # a token that is ready to capture has come back the afterpay site
+      # with a success. This token is now 'hot' and can be captured
+      afterpay_token.present? && !payment.afterpay.ready_to_capture?
+    end
+
+    def afterpay_token
+      return unless payment.afterpay?
+      payment.afterpay.token
+    end
+
+    def using_new_card?
+      super && !afterpay?
+    end
+
+    def afterpay
+      order = Workarea::Order.find(payment.id)
+
+      Storefront::AfterpayViewModel.new(order, { afterpay_configuration: afterpay_configuration(order.afterpay_location), order: order })
+    end
+  end
+end
+

data/app/view_models/workarea/storefront/product_view_model.decorator

@@ -0,0 +1,50 @@
+module Workarea
+  decorate Storefront::ProductViewModel, with: :afterpay do
+    decorated do
+      include Storefront::AfterpayConfiguration
+    end
+
+    def show_afterpay?
+      return unless pricing.has_prices?
+      return unless afterpay_settings.enabled? && afterpay_settings.display_on_pdp?
+      return unless afterpay_location_configuration.present?
+
+      afterpay_location_configuration.any? do |ap|
+        pricing.sell_min_price >= min_price && pricing.sell_min_price <= max_price
+      end
+    end
+
+    def installment_price
+      pricing.sell_min_price / Workarea::Afterpay.config[:installment_count]
+    end
+
+    private
+
+      def min_price
+        config = afterpay_location_configuration.first.with_indifferent_access
+        return 0.to_m unless config[:minimumAmount].present?
+        config[:minimumAmount][:amount].to_m
+      end
+
+      def max_price
+        config = afterpay_location_configuration.first.with_indifferent_access
+        config[:maximumAmount][:amount].to_m
+      end
+
+      def afterpay_location
+        currency = pricing.sell_min_price.currency.iso_code
+        location = Workarea::Afterpay.config[:currency_country_map][currency.to_sym]
+        return unless location.present?
+
+        location.to_sym.downcase
+      end
+
+      def afterpay_location_configuration
+        afterpay_configuration(afterpay_location)
+      end
+
+      def afterpay_settings
+        @afterpay_settings ||= Workarea::Afterpay::Configuration.current
+      end
+  end
+end

data/app/views/workarea/admin/afterpay/configurations/edit.html.haml

@@ -0,0 +1,59 @@
+- @page_title = t('workarea.admin.afterpay_configuration.edit.title')
+
+.view
+  .view__header
+    .view__heading
+      = link_to "↑ #{t('workarea.admin.search_settings.show.dashboard_link')}", settings_dashboards_path
+      %h1= t('workarea.admin.afterpay_configuration.edit.title')
+
+  .view__container
+    = form_tag afterpay_configuration_path, method: :patch, data: { unsaved_changes: '' } do
+      .grid
+        .grid__cell
+          %p= t('workarea.admin.afterpay_configuration.edit.box_help_text')
+
+          -if @configuration.us_limits.present?
+            .grid__cell.grid__cell--33.grid__cell--25-at-medium
+              .property
+                = label_tag 'uslimits', t('workarea.admin.afterpay_configuration.edit.us_limit'), class: 'property__name'
+                = "#{@configuration.us_limits[:min]} - #{@configuration.us_limits[:max]}"
+
+          -if @configuration.au_limits.present?
+            .grid__cell.grid__cell--33.grid__cell--25-at-medium
+              .property
+                = label_tag 'uslimits', t('workarea.admin.afterpay_configuration.edit.au_limit'), class: 'property__name'
+                = "#{@configuration.au_limits[:min]} - #{@configuration.au_limits[:max]}"
+
+      .grid__cell
+
+        .property
+          %span.property__name
+            = t('workarea.admin.afterpay_configuration.edit.enabled')
+            = link_to '#enabled', data: { tooltip: '' } do
+              = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.afterpay_configuration.edit.enabled'))
+            #enabled.tooltip-content
+              %p= t('workarea.admin.afterpay_configuration.edit.help.enabled')
+
+          = toggle_button_for 'enabled', @configuration.enabled?
+
+          %span.property__name
+            = t('workarea.admin.afterpay_configuration.edit.show_on_pdp')
+            = link_to '#show-on-pdp', data: { tooltip: '' } do
+              = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.afterpay_configuration.edit.show_on_pdp'))
+            #show-on-pdp.tooltip-content
+              %p= t('workarea.admin.afterpay_configuration.edit.help.show_on_pdp')
+
+          = toggle_button_for 'display_on_pdp', @configuration.display_on_pdp?
+
+          %span.property__name
+            = t('workarea.admin.afterpay_configuration.edit.show_on_cart')
+            = link_to '#show-on-cart', data: { tooltip: '' } do
+              = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.afterpay_configuration.edit.show_on_cart'))
+            #show-on-cart.tooltip-content
+              %p= t('workarea.admin.afterpay_configuration.edit.help.show_on_cart')
+
+          = toggle_button_for 'display_on_cart', @configuration.display_on_cart?
+
+      .workflow-bar
+        .grid.grid--auto.grid--right.grid--middle
+          .grid__cell= button_tag t('workarea.admin.afterpay_configuration.edit.button'), value: 'save_settings', class: 'workflow-bar__button workflow-bar__button--update'

data/app/views/workarea/admin/orders/tenders/_afterpay.html.haml

@@ -0,0 +1,2 @@
+%li= t('workarea.afterpay.tender_description', installment_price: number_to_currency(tender.installment_price), installment_count: Workarea.config.afterpay[:installment_count])
+

data/app/views/workarea/admin/shared/_afterpay_configuration_link.html.haml

@@ -0,0 +1 @@
+%li{ class: "primary-nav__item" }= link_to t('workarea.admin.shared.primary_nav.afterpay_configuration_title'), edit_afterpay_configuration_path, class: navigation_link_classes(edit_afterpay_configuration_path)

data/app/views/workarea/storefront/afterpay_dialog/show.html.haml

@@ -0,0 +1,40 @@
+.afterpay-dialog
+  .afterpay-dialog__header
+    .grid
+      .grid__cell
+        %p= t('workarea.afterpay.dialog.us.installments_by')
+        = image_tag('workarea/storefront/afterpay/afterpay_logo.png', alt: 'Afterpay Logo', class: "afterpay-dialog__logo")
+        %h2.afterpay-dialog__heading
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.shop_now')
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.enjoy_now')
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.pay_later')
+        .afterpay-dialog__description= t('workarea.afterpay.dialog.us.description')
+
+  .afterpay-dialog__steps
+    .grid
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = inline_svg 'workarea/storefront/afterpay/us/select_installments.svg', class: 'afterpay-dialog__step-icon'
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.first.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.first.body')
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = inline_svg 'workarea/storefront/afterpay/us/complete_checkout.svg', class: 'afterpay-dialog__step-icon'
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.second.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.second.body')
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = inline_svg 'workarea/storefront/afterpay/us/four_equal_payments.svg', class: 'afterpay-dialog__step-icon'
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.third.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.third.body')
+  .afterpay-dialog__footer
+    %h5.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.footer_heading')
+    %ol.afterpay-dialog__requirements
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.first')
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.second')
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.third')
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.fourth')
+    %p.afterpay-dialog__terms
+      = t('workarea.afterpay.dialog.us.terms.')
+      = link_to 'https://www.afterpay.com/purchase-payment-agreement','https://www.afterpay.com/purchase-payment-agreement', target: '_blank', rel: 'noopener'
+    %p.afterpay-dialog__copyright= t('workarea.afterpay.dialog.us.copyright')

data/app/views/workarea/storefront/afterpay_dialog/show_aus.html.haml

@@ -0,0 +1,40 @@
+.afterpay-dialog.afterpay-dialog--aus
+  .afterpay-dialog__header
+    .grid
+      .grid__cell.grid__cell--66-at-medium
+        = image_tag('workarea/storefront/afterpay/afterpay_logo.png', alt: 'Afterpay Logo', class: "afterpay-dialog__logo")
+        %h2.afterpay-dialog__heading
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.shop_now')
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.enjoy_now')
+          %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.pay_later')
+        .afterpay-dialog__description= t('workarea.afterpay.dialog.aus.description')
+      .grid__cell.grid__cell--33-at-medium
+        = image_tag('workarea/storefront/afterpay/aus/dialog_header_image.png', alt: 'Afterpay background', class: "afterpay-dialog__header-image")
+
+  .afterpay-dialog__steps
+    .grid
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = image_tag('workarea/storefront/afterpay/aus/step_1.png', alt: 'Select Afterpay', class: "afterpay-dialog__step-icon")
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.first.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.first.body')
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = image_tag('workarea/storefront/afterpay/aus/step_2.png', alt: 'Complete Checkout', class: "afterpay-dialog__step-icon")
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.second.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.second.body')
+      .grid__cell.grid__cell--33-at-medium
+        .afterpay-dialog__step
+          = image_tag('workarea/storefront/afterpay/aus/step_3.png', alt: 'Pay over 4 equal payments', class: "afterpay-dialog__step-icon")
+          %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.third.heading')
+          .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.third.body')
+  .afterpay-dialog__footer
+    %h5.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.footer_heading')
+    %ol.afterpay-dialog__requirements
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.first')
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.second')
+      %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.third')
+    %p.afterpay-dialog__terms
+      = t('workarea.afterpay.dialog.aus.terms')
+      = link_to 'https://www.afterpay.com/terms', 'https://www.afterpay.com/terms', target: '_blank', rel: 'noopener'
+    %p.afterpay-dialog__copyright= t('workarea.afterpay.dialog.aus.copyright')

data/app/views/workarea/storefront/carts/_afterpay.html.haml

@@ -0,0 +1,9 @@
+-if @cart.afterpay.show_on_cart?
+  -if @cart.afterpay.order_total_in_range?
+    %p.cart__checkout-action.cart__checkout-action--afterpay
+      #{t('workarea.storefront.carts.afterpay', installment_price: number_to_currency(@cart.afterpay.installment_price), installment_count: Workarea.config.afterpay[:installment_count])} #{image_tag('https://static.afterpay.com/integration/product-page/logo-afterpay-colour.png')}
+      %span= link_to 'More Info', learn_more_link(@cart.total_price), data: { dialog_button: '' }
+  - else
+    %p
+      #{image_tag('https://static.afterpay.com/integration/product-page/logo-afterpay-colour.png')}
+      #{t('workarea.storefront.afterpay.ineligible_order_total', min: number_to_currency(@cart.afterpay.min_price), max: number_to_currency(@cart.afterpay.max_price))}

data/app/views/workarea/storefront/checkouts/_afterpay_payment.html.haml

@@ -0,0 +1,17 @@
+-if @step.afterpay.show?
+  -if @step.afterpay.order_total_in_range?
+    .checkout-payment__primary-method{ class: ('checkout-payment__primary-method--selected' if @step.afterpay?) }
+      .button-property
+        = hidden_field_tag 'from_checkout', 'from_checkout', id: nil
+        .value= radio_button_tag 'payment', 'afterpay', step.afterpay?, data: { afterpay_token: (@step.afterpay_token if @step.allow_redirect_to_afterpay?), afterpay_country: @step.afterpay.afterpay_country }
+        = label_tag 'payment[afterpay]', nil, class: 'button-property__name' do
+          %span.button-property__text= image_tag('https://static.afterpay.com/integration/product-page/logo-afterpay-colour.png')
+      %p.checkout-payment__primary-method-description
+        %span #{t('workarea.storefront.checkouts.afterpay', installment_price: number_to_currency(@step.afterpay.installment_price), installment_count: Workarea.config.afterpay[:installment_count])}
+        %span= link_to(t('workarea.storefront.afterpay.learn_more'), learn_more_link(@cart.total_price), data: { popup_button: { width: 600, height: 800 }})
+      %p
+        %span= t('workarea.storefront.afterpay.on_continue')
+  - else
+    %p
+      #{image_tag('https://static.afterpay.com/integration/product-page/logo-afterpay-colour.png')}
+      #{t('workarea.storefront.afterpay.ineligible_order_total', min: number_to_currency(@cart.afterpay.min_price), max: number_to_currency(@cart.afterpay.max_price))}

data/app/views/workarea/storefront/order_mailer/tenders/_afterpay.html.haml

@@ -0,0 +1,4 @@
+%p{ style: "margin: 0 0 6px; font: 13px/1.5 arial; color: #{@config.text_color};" }
+  = t('workarea.afterpay.tender_description', installment_price: number_to_currency(tender.installment_price), installment_count: Workarea.config.afterpay[:installment_count])
+
+

data/app/views/workarea/storefront/order_mailer/tenders/_afterpay.text.erb

@@ -0,0 +1 @@
+<%= t('workarea.afterpay.tender_description', installment_price: number_to_currency(tender.installment_price), installment_count: Workarea.config.afterpay[:installment_count]) %>

data/app/views/workarea/storefront/orders/tenders/_afterpay.html.haml

@@ -0,0 +1,5 @@
+.data-card
+  .data-card__cell
+    %p.data-card__line
+      = t('workarea.afterpay.tender_description', installment_price: number_to_currency(tender.installment_price), installment_count: Workarea.config.afterpay[:installment_count])
+

data/app/views/workarea/storefront/products/_afterpay_pricing.html.haml

@@ -0,0 +1,3 @@
+-if @product.show_afterpay?
+  %p.cart__checkout-action.cart__checkout-action--afterpay.cart__ #{t('workarea.storefront.products.afterpay', installment_price: number_to_currency(@product.installment_price), installment_count: Workarea.config.afterpay[:installment_count])} #{image_tag('https://static.afterpay.com/integration/product-page/logo-afterpay-colour.png')}
+  %span= link_to t('workarea.storefront.afterpay.learn_more'), learn_more_link(@product.sell_min_price), data: { popup_button: { width: 600, height: 800 }}

data/app/views/workarea/storefront/style_guides/components/_afterpay_dialog.html.haml

@@ -0,0 +1,92 @@
+#afterpay-dialog.style-guide__subsection
+
+  %h3= link_to_style_guide('components', 'afterpay_dialog')
+
+  %p Displays the US Afterpay dialog according to designs provided
+
+  .style-guide__example-block
+    .afterpay-dialog
+      .afterpay-dialog__header
+        .grid
+          .grid__cell
+            %p= t('workarea.afterpay.dialog.us.installments_by')
+            = image_tag('workarea/storefront/afterpay/afterpay_logo.png', alt: 'Afterpay Logo', class: "afterpay-dialog__logo")
+            %h2.afterpay-dialog__heading
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.shop_now')
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.enjoy_now')
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.us.pay_later')
+            .afterpay-dialog__description= t('workarea.afterpay.dialog.us.description')
+
+      .afterpay-dialog__steps
+        .grid
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = inline_svg 'workarea/storefront/afterpay/us/select_installments.svg', class: 'afterpay-dialog__step-icon'
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.first.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.first.body')
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = inline_svg 'workarea/storefront/afterpay/us/complete_checkout.svg', class: 'afterpay-dialog__step-icon'
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.second.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.second.body')
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = inline_svg 'workarea/storefront/afterpay/us/four_equal_payments.svg', class: 'afterpay-dialog__step-icon'
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.steps.third.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.us.steps.third.body')
+      .afterpay-dialog__footer
+        %h5.afterpay-dialog__heading= t('workarea.afterpay.dialog.us.footer_heading')
+        %ol.afterpay-dialog__requirements
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.first')
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.second')
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.third')
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.us.requirements.fourth')
+        %p.afterpay-dialog__terms
+          = t('workarea.afterpay.dialog.us.terms.')
+          = link_to 'https://www.afterpay.com/purchase-payment-agreement','https://www.afterpay.com/purchase-payment-agreement', target: '_blank', rel: 'noopener'
+        %p.afterpay-dialog__copyright= t('workarea.afterpay.dialog.us.copyright')
+
+
+  %p Displays a different Afterpay dialog for AUS
+
+  .style-guide__example-block
+    .afterpay-dialog.afterpay-dialog--aus
+      .afterpay-dialog__header
+        .grid
+          .grid__cell.grid__cell--66-at-medium
+            = image_tag('workarea/storefront/afterpay/afterpay_logo.png', alt: 'Afterpay Logo', class: "afterpay-dialog__logo")
+            %h2.afterpay-dialog__heading
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.shop_now')
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.enjoy_now')
+              %span.afterpay-dialog__subheading-part= t('workarea.afterpay.dialog.aus.pay_later')
+            .afterpay-dialog__description= t('workarea.afterpay.dialog.aus.description')
+          .grid__cell.grid__cell--33-at-medium
+            = image_tag('workarea/storefront/afterpay/aus/dialog_header_image.png', alt: 'Afterpay background', class: "afterpay-dialog__header-image")
+
+      .afterpay-dialog__steps
+        .grid
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = image_tag('workarea/storefront/afterpay/aus/step_1.png', alt: 'Select Afterpay', class: "afterpay-dialog__step-icon")
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.first.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.first.body')
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = image_tag('workarea/storefront/afterpay/aus/step_2.png', alt: 'Complete Checkout', class: "afterpay-dialog__step-icon")
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.second.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.second.body')
+          .grid__cell.grid__cell--33-at-medium
+            .afterpay-dialog__step
+              = image_tag('workarea/storefront/afterpay/aus/step_3.png', alt: 'Pay over 4 equal payments', class: "afterpay-dialog__step-icon")
+              %h3.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.steps.third.heading')
+              .afterpay-dialog__step-body= t('workarea.afterpay.dialog.aus.steps.third.body')
+      .afterpay-dialog__footer
+        %h5.afterpay-dialog__heading= t('workarea.afterpay.dialog.aus.footer_heading')
+        %ol.afterpay-dialog__requirements
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.first')
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.second')
+          %li.afterpay-dialog__requirement= t('workarea.afterpay.dialog.aus.requirements.third')
+        %p.afterpay-dialog__terms
+          = t('workarea.afterpay.dialog.aus.terms')
+          = link_to 'https://www.afterpay.com/terms', 'https://www.afterpay.com/terms', target: '_blank', rel: 'noopener'
+        %p.afterpay-dialog__copyright= t('workarea.afterpay.dialog.aus.copyright')

data/bin/rails

@@ -0,0 +1,19 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails gems
+# installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('../..', __FILE__)
+ENGINE_PATH = File.expand_path('../../lib/workarea/afterpay/engine', __FILE__)
+
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+
+require "action_controller/railtie"
+require "action_view/railtie"
+require "action_mailer/railtie"
+require "rails/test_unit/railtie"
+require "sprockets/railtie"
+require 'teaspoon-mocha'
+
+require 'rails/engine/commands'

data/bin/test

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+$: << File.expand_path(File.expand_path("../../test", __FILE__))
+
+require "bundler/setup"
+require "rails/plugin/test"

data/config/initializers/appends.rb

@@ -0,0 +1,34 @@
+Workarea::Plugin.append_partials(
+  'storefront.product_pricing_details',
+  'workarea/storefront/products/afterpay_pricing'
+)
+
+Workarea::Plugin.append_partials(
+  'storefront.payment_method',
+  'workarea/storefront/checkouts/afterpay_payment'
+)
+
+Workarea::Plugin.append_partials(
+  'storefront.cart_checkout_actions',
+  'workarea/storefront/carts/afterpay'
+)
+
+Workarea::Plugin.append_javascripts(
+  'storefront.config',
+  'workarea/storefront/afterpay/config'
+)
+
+Workarea::Plugin.append_javascripts(
+  'storefront.modules',
+  'workarea/storefront/afterpay/modules/afterpay_redirect'
+)
+
+Workarea::Plugin.append_stylesheets(
+  'storefront.components',
+  'workarea/storefront/components/afterpay_dialog'
+)
+
+Workarea.append_partials(
+  "admin.settings_menu",
+  "workarea/admin/shared/afterpay_configuration_link"
+)

data/config/initializers/workarea.rb

@@ -0,0 +1,17 @@
+Workarea.configure do |config|
+  config.cache_expirations.afterpay_configuration = 1.hour
+
+  config.tender_types.append(:afterpay)
+
+  config.afterpay = ActiveSupport::Configurable::Configuration.new
+  config.afterpay.api_timeout = 5
+  config.afterpay.open_timeout = 2
+  config.afterpay.installment_count = 4
+
+  config.afterpay.test = !Rails.env.production?
+
+  config.afterpay.currency_country_map = {
+      "USD": "US",
+      "AUD": "AU"
+  }
+end