harpiya_frontend 4.3.0.alpha

data/app/assets/images/pagination-double-arrow-right.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13.636" height="13.937">
+  <g transform="rotate(180 4.318 6.968)" clip-path="url(#clip-path)">
+    <path d="M6.873 12.809a.436.436 0 00.617 0 .438.438 0 000-.618L2.064 6.757 7.49 1.323a.437.437 0 00-.617-.618L1.128 6.448a.438.438 0 000 .618z" fill="#232323" stroke="#232323" stroke-width=".5"/>
+  </g>
+  <g data-name="left-arrow" transform="rotate(180 6.818 6.968)" clip-path="url(#clip-path)">
+    <path d="M6.873 12.809a.436.436 0 00.617 0 .438.438 0 000-.618L2.064 6.757 7.49 1.323a.437.437 0 00-.617-.618L1.128 6.448a.438.438 0 000 .618z" fill="#232323" stroke="#232323" stroke-width=".5"/>
+  </g>
+</svg>

data/app/assets/images/person.svg

@@ -0,0 +1 @@
+<svg height="22.964" viewBox="0 0 22.964 22.964" width="22.964" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath><path d="m0 0h22.964v22.964h-22.964z"/></clipPath><g clip-path="url(#a)"><path d="m21.34 16.507a14.758 14.758 0 0 0 -3.6-2.163 19.579 19.579 0 0 1 -2.765-1.544 9.709 9.709 0 0 0 2.407-5.837 9.174 9.174 0 0 0 -.7-4.212c-.637-1.251-2.053-2.751-5.2-2.751s-4.564 1.5-5.2 2.751a9.164 9.164 0 0 0 -.7 4.212 9.7 9.7 0 0 0 2.407 5.837 19.483 19.483 0 0 1 -2.766 1.544 14.769 14.769 0 0 0 -3.6 2.163 7.059 7.059 0 0 0 -1.623 4.514 1.913 1.913 0 0 0 1.913 1.943h19.137a1.914 1.914 0 0 0 1.914-1.943 7.061 7.061 0 0 0 -1.624-4.514zm.051 4.878a.478.478 0 0 1 -.341.143h-19.137a.478.478 0 0 1 -.34-.143.485.485 0 0 1 -.138-.343 5.731 5.731 0 0 1 1.2-3.52 14.581 14.581 0 0 1 3.227-1.9 15.74 15.74 0 0 0 3.109-1.785l.969-.916-.84-1.027a8.306 8.306 0 0 1 -2.083-4.931 7.934 7.934 0 0 1 .549-3.563c.658-1.3 1.974-1.962 3.916-1.962s3.258.662 3.918 1.962a7.938 7.938 0 0 1 .55 3.566 8.3 8.3 0 0 1 -2.086 4.931l-.841 1.034.969.915a15.774 15.774 0 0 0 3.108 1.782 14.517 14.517 0 0 1 3.227 1.9 5.593 5.593 0 0 1 1.2 3.52.478.478 0 0 1 -.136.338z" fill="currentColor"/></g></svg>

data/app/assets/images/picture-zoom.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.167" height="21.12" viewBox="0 0 21.167 21.12">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        fill: #232323;
+      }
+
+      .cls-1 {
+        stroke: #232323;
+        stroke-width: 0.4px;
+      }
+    </style>
+  </defs>
+  <g data-name="Group 599" transform="translate(-687.083 -196.854)">
+    <g data-name="Group 597" transform="translate(6.703 -11.947)">
+      <g data-name="Group 595" transform="translate(680.58 209.002)">
+        <g data-name="Group 593" transform="translate(0 0)">
+          <g data-name="Group 519" transform="translate(0 0)">
+            <g id="magnifying-glass">
+              <path data-name="Path 6" class="cls-1" d="M20.586,19.663l-5.035-5.035a8.842,8.842,0,1,0-.873.873l5.035,5.035a.624.624,0,0,0,.436.184.605.605,0,0,0,.436-.184A.621.621,0,0,0,20.586,19.663ZM1.286,8.835a7.594,7.594,0,1,1,7.594,7.6A7.6,7.6,0,0,1,1.286,8.835Z" transform="translate(-0.05 0)"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g data-name="Group 598" transform="translate(-1 -1)">
+      <rect data-name="Rectangle 165" class="cls-2" width="2" height="8" transform="translate(696 203)"/>
+      <rect data-name="Rectangle 166" class="cls-2" width="2" height="8" transform="translate(693 208) rotate(-90)"/>
+    </g>
+  </g>
+</svg>

data/app/assets/images/plus.svg

@@ -0,0 +1 @@
+<svg height="14" viewBox="0 0 16.498 14" width="16.498" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill="none" stroke="currentColor" stroke-width="2"><path d="m0 7h16.498"/><path d="m8.249 14v-14"/></g></svg>

data/app/assets/images/radio-button.svg

@@ -0,0 +1 @@
+<svg height="17.722" viewBox="0 0 17.722 17.722" width="17.722" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" stroke="#4c4c4c"><circle cx="8.861" cy="8.861" r="8.861" stroke="none"/><circle cx="8.861" cy="8.861" fill="none" r="8.361"/></g><path d="m5.711 0a5.711 5.711 0 1 1 -5.711 5.711 5.711 5.711 0 0 1 5.711-5.711z" fill="#4c4c4c" transform="translate(3.135 3.135)"/></svg>

data/app/assets/images/search-no-results.svg

@@ -0,0 +1 @@
+<svg height="75.682" viewBox="0 0 83.403 75.682" width="83.403" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" transform="translate(0 -.492)"><path d="m260.629 187.751a1.223 1.223 0 0 0 1.728 0l2.386-2.386 2.386 2.386a1.222 1.222 0 0 0 1.728-1.728l-2.386-2.386 2.386-2.386a1.222 1.222 0 0 0 -1.728-1.728l-2.386 2.386-2.386-2.386a1.222 1.222 0 0 0 -1.728 1.728l2.386 2.386-2.386 2.386a1.221 1.221 0 0 0 0 1.728zm0 0" transform="translate(-217.874 -149.569)"/><path d="m209.009 136.975a17.771 17.771 0 1 0 0 25.132 17.656 17.656 0 0 0 0-25.132zm-23.4 1.728a15.326 15.326 0 0 1 25.53 15.2h-29.397a15.367 15.367 0 0 1 3.863-15.2zm21.676 21.676a15.347 15.347 0 0 1 -24.581-4.035h27.475a15.256 15.256 0 0 1 -2.898 4.034zm0 0" transform="translate(-149.567 -109.893)"/><path d="m198.452 144.413-14.743-14.743a24.182 24.182 0 1 0 -7.137 7.129l14.747 14.747a5.044 5.044 0 0 0 7.133-7.133zm-50.437-12.533a21.758 21.758 0 1 1 30.77 0 21.616 21.616 0 0 1 -30.77-.001zm48.709 17.939a2.6 2.6 0 0 1 -3.677 0l-14.472-14.472a24.22 24.22 0 0 0 1.938-1.74 24.791 24.791 0 0 0 1.74-1.936l14.47 14.47a2.6 2.6 0 0 1 .001 3.677zm0 0" transform="translate(-116.524 -76.847)"/><path d="m19.317 34.686h-16.874v-31.75h75.135v31.75h-3.105a1.222 1.222 0 1 0 0 2.443h4.327a1.222 1.222 0 0 0 1.222-1.222v-34.193a1.222 1.222 0 0 0 -1.222-1.222h-77.578a1.222 1.222 0 0 0 -1.222 1.222v34.193a1.222 1.222 0 0 0 1.222 1.222h18.1a1.222 1.222 0 1 0 0-2.443zm0 0"/><path d="m61.034 52.406a1.222 1.222 0 1 0 0 2.443h58.092a1.222 1.222 0 0 0 0-2.443zm0 0" transform="translate(-50.069 -43.457)"/></g></svg>

data/app/assets/images/search.svg

@@ -0,0 +1 @@
+<svg height="20.291" viewBox="0 0 20.286 20.291" width="20.286" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m20.161 19.256-4.931-4.931a8.659 8.659 0 1 0 -.855.855l4.931 4.931a.611.611 0 0 0 .427.18.593.593 0 0 0 .427-.18.608.608 0 0 0 .001-.855zm-18.901-10.604a7.437 7.437 0 1 1 7.44 7.441 7.445 7.445 0 0 1 -7.44-7.441z" transform="translate(-.05)"/></svg>

data/app/assets/images/twitter.svg

@@ -0,0 +1 @@
+<svg height="16.451" viewBox="0 0 19.646 16.451" width="19.646" xmlns="http://www.w3.org/2000/svg"><path d="m883.165 145.014a7.288 7.288 0 0 1 -2.567 1 4.039 4.039 0 0 0 -2.934-1.31 4.093 4.093 0 0 0 -4.034 4.139 5.768 5.768 0 0 0 .1.943 11.344 11.344 0 0 1 -8.278-4.3 4.021 4.021 0 0 0 -.524 2.1 4.364 4.364 0 0 0 1.781 3.458 3.724 3.724 0 0 1 -1.834-.524v.052a4.06 4.06 0 0 0 3.248 4.034 3.377 3.377 0 0 1 -1.048.157 3.223 3.223 0 0 1 -.734-.052 4.11 4.11 0 0 0 3.772 2.881 7.908 7.908 0 0 1 -4.977 1.781 5.694 5.694 0 0 1 -.943-.052 11.283 11.283 0 0 0 6.182 1.834c7.387 0 11.474-6.287 11.474-11.736v-.524a7.793 7.793 0 0 0 1.991-2.148 7.191 7.191 0 0 1 -2.305.629 5.156 5.156 0 0 0 1.63-2.362z" fill="#0074c2" transform="translate(-864.2 -144.7)"/></svg>

data/app/assets/images/vimeo.svg

@@ -0,0 +1 @@
+<svg height="16.456" viewBox="0 0 19.244 16.456" width="19.244" xmlns="http://www.w3.org/2000/svg"><path d="m1138.151 145c-2.672-.1-4.453 1.415-5.449 4.453a3.457 3.457 0 0 1 1.415-.314c1 0 1.414.524 1.31 1.624a6.818 6.818 0 0 1 -1.31 2.881c-.786 1.257-1.415 1.886-1.834 1.886-.524 0-1-.943-1.415-2.882-.157-.576-.419-1.991-.786-4.348-.367-2.148-1.257-3.143-2.777-3.039a6.2 6.2 0 0 0 -2.829 1.729c-.943.838-1.834 1.624-2.777 2.462l.891 1.153a5.852 5.852 0 0 1 1.519-.891c.681 0 1.257 1.048 1.834 3.091.524 1.886 1.047 3.772 1.572 5.606.786 2.043 1.729 3.039 2.829 3.039 1.834 0 4.034-1.676 6.654-5.03 2.515-3.2 3.825-5.711 3.929-7.6.157-2.462-.786-3.72-2.776-3.82z" fill="#0074c2" transform="translate(-1121.7 -144.99)"/></svg>

data/app/assets/javascripts/harpiya/frontend.js

@@ -0,0 +1,84 @@
+//= require jquery3
+//= require jquery_ujs
+//= require popper
+//= require bootstrap
+//= require jquery.payment
+//= require cleave
+//= require harpiya
+//= require polyfill.min
+//= require fetch.umd
+//= require harpiya/api/main
+//= require ./lazysizes.config
+//= require lazysizes.min
+//= require accounting.min
+//= require turbolinks
+//= require harpiya/frontend/account
+//= require harpiya/frontend/api_tokens
+//= require harpiya/frontend/carousel-noconflict
+//= require harpiya/frontend/cart
+//= require harpiya/frontend/locale
+//= require harpiya/frontend/currency
+//= require harpiya/frontend/checkout
+//= require harpiya/frontend/checkout/address
+//= require harpiya/frontend/checkout/address_book
+//= require harpiya/frontend/checkout/payment
+//= require harpiya/frontend/checkout/shipment
+//= require harpiya/frontend/views/harpiya/home/product_carousels
+//= require harpiya/frontend/views/harpiya/layouts/harpiya_application
+//= require harpiya/frontend/views/harpiya/product/related
+//= require harpiya/frontend/views/harpiya/products/cart_form
+//= require harpiya/frontend/views/harpiya/products/description
+//= require harpiya/frontend/views/harpiya/products/index
+//= require harpiya/frontend/views/harpiya/products/modal_carousel
+//= require harpiya/frontend/views/harpiya/products/price_filters
+//= require harpiya/frontend/views/harpiya/shared/carousel
+//= require harpiya/frontend/views/harpiya/shared/carousel/single
+//= require harpiya/frontend/views/harpiya/shared/carousel/swipes
+//= require harpiya/frontend/views/harpiya/shared/carousel/thumbnails
+//= require harpiya/frontend/views/harpiya/shared/delete_address_popup
+//= require harpiya/frontend/views/harpiya/shared/mobile_navigation
+//= require harpiya/frontend/views/harpiya/shared/nav_bar
+//= require harpiya/frontend/views/harpiya/shared/product_added_modal
+//= require harpiya/frontend/views/harpiya/shared/quantity_select
+//= require harpiya/frontend/turbolinks_scroll_fix
+//= require harpiya/frontend/main_nav_bar
+//= require harpiya/frontend/login
+
+Harpiya.routes.api_tokens = Harpiya.pathFor('api_tokens')
+Harpiya.routes.ensure_cart = Harpiya.pathFor('ensure_cart')
+Harpiya.routes.api_v2_storefront_cart_apply_coupon_code = Harpiya.localizedPathFor('api/v2/storefront/cart/apply_coupon_code')
+Harpiya.routes.api_v2_storefront_cart_remove_coupon_code = function(couponCode) { return Harpiya.localizedPathFor('api/v2/storefront/cart/remove_coupon_code/' + couponCode) }
+Harpiya.routes.product = function(id) { return Harpiya.localizedPathFor('products/' + id) }
+Harpiya.routes.product_related = function(id) { return Harpiya.localizedPathFor('products/' + id + '/related') }
+Harpiya.routes.product_carousel = function (taxonId) { return Harpiya.localizedPathFor('product_carousel/' + taxonId) }
+Harpiya.routes.set_locale = function(locale) { return Harpiya.pathFor('locale/set?switch_to_locale=' + locale) }
+Harpiya.routes.set_currency = function(currency) { return Harpiya.pathFor('currency/set?switch_to_currency=' + currency) }
+
+Harpiya.showProgressBar = function () {
+  if (!Turbolinks.supported) { return }
+  Turbolinks.controller.adapter.progressBar.setValue(0)
+  Turbolinks.controller.adapter.progressBar.show()
+}
+
+Harpiya.clearCache = function () {
+  if (!Turbolinks.supported) { return }
+
+  Turbolinks.clearCache()
+}
+
+Harpiya.setCurrency = function (currency) {
+  Harpiya.clearCache()
+
+  var params = (new URL(window.location)).searchParams
+  if (currency === HARPIYA_DEFAULT_CURRENCY) {
+    params.delete('currency')
+  } else {
+    params.set('currency', currency)
+  }
+  var queryString = params.toString()
+  if (queryString !== '') { queryString = '?' + queryString }
+
+  HARPIYA_CURRENCY = currency
+
+  Turbolinks.visit(window.location.pathname + queryString, { action: 'replace' })
+}

data/app/assets/javascripts/harpiya/frontend/account.js

@@ -0,0 +1,12 @@
+Harpiya.fetchAccount = function () {
+  return $.ajax({
+    url: Harpiya.localizedPathFor('account_link')
+  }).done(function (data) {
+    Harpiya.accountFetched = true
+    return $('#link-to-account').html(data)
+  })
+}
+
+Harpiya.ready(function () {
+  if (!Harpiya.accountFetched) Harpiya.fetchAccount()
+})

data/app/assets/javascripts/harpiya/frontend/api_tokens.js

@@ -0,0 +1,20 @@
+Harpiya.fetchApiTokens = function () {
+  fetch(Harpiya.routes.api_tokens, {
+    method: 'GET',
+    credentials: 'same-origin'
+  }).then(function (response) {
+    switch (response.status) {
+      case 200:
+        response.json().then(function (json) {
+          HarpiyaAPI.orderToken = json.order_token
+          HarpiyaAPI.oauthToken = json.oauth_token
+          Harpiya.apiTokensFetched = true
+        })
+        break
+    }
+  })
+}
+
+Harpiya.ready(function () {
+  if (!Harpiya.apiTokensFetched) Harpiya.fetchApiTokens()
+})

data/app/assets/javascripts/harpiya/frontend/carousel-noconflict.js

@@ -0,0 +1,3 @@
+// $.fn.carousel already occupied by legacy plugin. Need to use a different name for Bootstrap 4's carousel.
+var carouselBootstrap4 = $.fn.carousel.noConflict()
+$.fn.carouselBootstrap4 = carouselBootstrap4

data/app/assets/javascripts/harpiya/frontend/cart.js

@@ -0,0 +1,151 @@
+//= require harpiya/frontend/coupon_manager
+
+Harpiya.ready(function ($) {
+  var formUpdateCart = $('form#update-cart')
+
+  function buildEventTriggerObject(dataset, quantity) {
+    if (!dataset || !quantity) return false
+
+    var triggerObject = {
+      type: 'product_remove_from_cart',
+      variant_sku: dataset.variantSku,
+      variant_name: dataset.variantName,
+      variant_price: dataset.variantPrice,
+      variant_options: dataset.variantOptions,
+      variant_quantity: quantity
+    }
+
+    return triggerObject
+  }
+
+  if (formUpdateCart.length) {
+    var clearInvalidCouponField = function() {
+      var couponCodeField = $('#order_coupon_code');
+      var couponStatus = $('#coupon_status');
+      if (!!couponCodeField.val() && couponStatus.hasClass('alert-error')) {
+        couponCodeField.val('')
+      }
+    }
+
+    formUpdateCart.find('a.delete').show().one('click', function (event) {
+      var itemId = $(this).attr('data-id')
+      var link = $(event.currentTarget);
+      var quantityInputs = $("form#update-cart input.shopping-cart-item-quantity-input[data-id='" + itemId + "']")
+      var quantity = $(quantityInputs).val()
+      $(this).parents('.shopping-cart-item').first().find('input.shopping-cart-item-quantity-input').val(0)
+      clearInvalidCouponField()
+      if (link[0] && link[0].dataset && quantity) {
+        link.trigger(buildEventTriggerObject(link[0].dataset, quantity))
+      }
+      formUpdateCart.submit()
+      return false
+    })
+    formUpdateCart.find('input.shopping-cart-item-quantity-input').on('keyup', function(e) {
+      var itemId = $(this).attr('data-id')
+      var value = $(this).val()
+      var newValue = isNaN(value) || value === '' ? value : parseInt(value, 10)
+      var targetInputs = $("form#update-cart input.shopping-cart-item-quantity-input[data-id='" + itemId + "']")
+      $(targetInputs).val(newValue)
+    })
+    formUpdateCart.find('input.shopping-cart-item-quantity-input').on('change', function(e) {
+      clearInvalidCouponField()
+      formUpdateCart.submit()
+    })
+    formUpdateCart.find('button.shopping-cart-item-quantity-decrease-btn').off('click').on('click', function() {
+      var itemId = $(this).attr('data-id')
+      var input = $("input[data-id='" + itemId + "']")
+      var inputValue = parseInt($(input).val(), 10)
+
+      if (inputValue > 1) {
+        $(input).val(inputValue - 1)
+        clearInvalidCouponField()
+        formUpdateCart.submit()
+      }
+    })
+    formUpdateCart.find('button.shopping-cart-item-quantity-increase-btn').off('click').on('click', function() {
+      var itemId = $(this).attr('data-id')
+      var input = $("input[data-id='" + itemId + "']")
+      var inputValue = parseInt($(input).val(), 10)
+
+      $(input).val(inputValue + 1)
+      clearInvalidCouponField()
+      formUpdateCart.submit()
+    })
+    formUpdateCart.find('button#shopping-cart-coupon-code-button').off('click').on('click', function(event) {
+      var couponCodeField = $('#order_coupon_code');
+
+      if (!$.trim(couponCodeField.val()).length) {
+        event.preventDefault()
+        return false
+      }
+    })
+
+    formUpdateCart.find('button#shopping-cart-remove-coupon-code-button').off('click').on('click', function(event) {
+      var input = {
+        appliedCouponCodeField: $('#order_applied_coupon_code'),
+        couponCodeField: $('#order_coupon_code'),
+        couponStatus: $('#coupon_status'),
+        couponButton: $('#shopping-cart-coupon-code-button'),
+        removeCouponButton: $('#shopping-cart-remove-coupon-code-button')
+      }
+
+      if (new CouponManager(input).removeCoupon()) {
+        return true
+      } else {
+        event.preventDefault()
+        return false
+      }
+    })
+  }
+  formUpdateCart.submit(function (event) {
+    var input = {
+      couponCodeField: $('#order_coupon_code'),
+      couponStatus: $('#coupon_status'),
+      couponButton: $('#shopping-cart-coupon-code-button')
+    }
+    var updateButton = formUpdateCart.find('#update-button')
+    updateButton.attr('disabled', true)
+    if ($.trim(input.couponCodeField.val()).length > 0) {
+      // eslint-disable-next-line no-undef
+      if (new CouponManager(input).applyCoupon()) {
+        this.submit()
+        return true
+      } else {
+        updateButton.attr('disabled', false)
+        event.preventDefault()
+        return false
+      }
+    }
+  })
+
+  if (!Harpiya.cartFetched) Harpiya.fetchCart()
+})
+
+Harpiya.fetchCart = function () {
+  return $.ajax({
+    url: Harpiya.localizedPathFor('cart_link')
+  }).done(function (data) {
+    Harpiya.cartFetched = true
+    return $('#link-to-cart').html(data)
+  })
+}
+
+Harpiya.ensureCart = function (successCallback) {
+  if (HarpiyaAPI.orderToken) {
+    successCallback()
+  } else {
+    fetch(Harpiya.routes.ensure_cart, {
+      method: 'POST',
+      credentials: 'same-origin'
+    }).then(function (response) {
+      switch (response.status) {
+        case 200:
+          response.json().then(function (json) {
+            HarpiyaAPI.orderToken = json.token
+            successCallback()
+          })
+          break
+      }
+    })
+  }
+}

data/app/assets/javascripts/harpiya/frontend/checkout.js

@@ -0,0 +1,61 @@
+//= require harpiya/frontend/coupon_manager
+
+Harpiya.disableSaveOnClick = function () {
+  $('form.edit_order').on('submit', function (event) {
+    if ($(this).data('submitted') === true) {
+      event.preventDefault()
+    } else {
+      $(this).data('submitted', true)
+      $(this).find(':submit, :image').removeClass('primary').addClass('disabled')
+    }
+  })
+}
+
+Harpiya.enableSave = function () {
+  $('#checkout form').data('submitted', false).find(':submit, :image').attr('disabled', false).addClass('primary').removeClass('disabled')
+}
+
+Harpiya.ready(function () {
+  Harpiya.Checkout = {}
+
+  var formCheckoutConfirm = $('form#checkout_form_confirm')
+  if (formCheckoutConfirm.length) {
+    $('form#checkout_form_confirm button#shopping-cart-coupon-code-button').off('click').on('click', function(event) {
+      event.preventDefault()
+
+      var input = {
+        appliedCouponCodeField: $('#order_applied_coupon_code'),
+        couponCodeField: $('#order_coupon_code'),
+        couponStatus: $('#coupon_status'),
+        couponButton: $('#shopping-cart-coupon-code-button'),
+        removeCouponButton: $('#shopping-cart-remove-coupon-code-button')
+      }
+
+      if ($.trim(input.couponCodeField.val()).length && new CouponManager(input).applyCoupon()) {
+        location.reload();
+        return true
+      } else {
+        return false
+      }
+    })
+
+    $('form#checkout_form_confirm button#shopping-cart-remove-coupon-code-button').off('click').on('click', function(event) {
+      var input = {
+        appliedCouponCodeField: $('#order_applied_coupon_code'),
+        couponCodeField: $('#order_coupon_code'),
+        couponStatus: $('#coupon_status'),
+        couponButton: $('#shopping-cart-coupon-code-button'),
+        removeCouponButton: $('#shopping-cart-remove-coupon-code-button')
+      }
+
+      if (new CouponManager(input).removeCoupon()) {
+        return true
+      } else {
+        event.preventDefault()
+        return false
+      }
+    })
+  }
+
+  return Harpiya.Checkout
+})

data/app/assets/javascripts/harpiya/frontend/checkout/address.js

@@ -0,0 +1,155 @@
+Harpiya.ready(function($) {
+  Harpiya.onAddress = function() {
+    if ($('#checkout_form_address').length) {
+      Harpiya.updateState = function(region) {
+        var countryId = getCountryId(region)
+        if (countryId != null) {
+          if (Harpiya.Checkout[countryId] == null) {
+            $.ajax({
+              async: false,
+              method: 'GET',
+              url: Harpiya.localizedPathFor('/api/v2/storefront/countries/' + countryId + '?include=checkout_zone_applicable_states'),
+              dataType: 'json'
+            }).done(function(data) {
+              var json = data.included;
+              var xStates = [];
+              for (var i = 0; i < json.length; i++) {
+                var obj = json[i];
+                xStates.push({
+                  id: obj.id,
+                  name: obj.attributes.name
+                })
+              }
+              Harpiya.Checkout[countryId] = {
+                states: xStates,
+                states_required: data.data.attributes.states_required,
+                zipcode_required: data.data.attributes.zipcode_required
+              }
+              Harpiya.fillStates(Harpiya.Checkout[countryId], region)
+              Harpiya.toggleZipcode(Harpiya.Checkout[countryId], region)
+            })
+          } else {
+            Harpiya.fillStates(Harpiya.Checkout[countryId], region)
+            Harpiya.toggleZipcode(Harpiya.Checkout[countryId], region)
+          }
+        }
+      }
+
+      Harpiya.toggleZipcode = function(data, region) {
+        var requiredIndicator = $('span#required_marker').first().text()
+        var zipcodeRequired = data.zipcode_required
+        var zipcodePara = $('#' + region + 'zipcode')
+        var zipcodeInput = zipcodePara.find('input')
+        var zipcodeLabel = zipcodePara.find('label')
+        var zipcodeLabelText = zipcodeInput.attr('aria-label')
+
+        if (zipcodeRequired) {
+          var zipText = zipcodeLabelText + ' ' + requiredIndicator
+          zipcodeInput.prop('required', true).attr('placeholder', zipText)
+          zipcodeLabel.text('')
+          zipcodeLabel.text(zipText)
+          zipcodeInput.addClass('required')
+        } else {
+          zipcodeInput.prop('required', false).attr('placeholder', zipcodeLabelText)
+          zipcodeLabel.text('')
+          zipcodeLabel.text(zipcodeLabelText)
+          zipcodeInput.removeClass('required')
+        }
+      }
+
+      Harpiya.fillStates = function(data, region) {
+        var selected
+        var statesRequired = data.states_required
+        var states = data.states
+        var statePara = $('#' + region + 'state')
+        var stateSelect = statePara.find('select')
+        var stateInput = statePara.find('input')
+        var stateLabel = statePara.find('label')
+        var stateSelectImg = statePara.find('img')
+        var stateSpanRequired = statePara.find('abbr')
+
+        if (states.length > 0) {
+          selected = parseInt(stateSelect.val())
+          stateSelect.html('')
+          $.each(states, function(idx, state) {
+            var opt = $(document.createElement('option')).attr('value', state.id).html(state.name)
+            if (selected.toString(10) === state.id.toString(10)) {
+              opt.prop('selected', true)
+            }
+            stateSelect.append(opt)
+          })
+          // If States are listed for the Country selected kill the input field
+          stateInput.hide()
+            .prop('disabled', true)
+            .prop('required', false)
+            .val('')
+
+          // Activate the State select dropdown.
+          statePara.show()
+          stateSelect.prop('required', statesRequired)
+            .prop('disabled', false)
+            .show()
+          stateSelectImg.show()
+          stateLabel.addClass('state-select-label')
+          stateSpanRequired.toggle(statesRequired)
+        } else {
+          // If no States are listed in the database for the country selected
+          // and a State is not required => (United Kingdom).
+          // Kill the State selector and input field.
+          stateSelectImg.hide()
+          stateSelect.hide()
+            .prop('disabled', true)
+            .prop('required', false)
+            .find('option').remove()
+
+          stateInput.prop('disabled', true)
+            .prop('required', false)
+            .hide()
+
+          // Toggle visibility of States parent element based on State required.
+          statePara.toggle(statesRequired)
+
+          if (statesRequired) {
+            // If a State is required, but none are listed in the database
+            // for the country selected => (Hong Kong)
+            // Enable the State input field, set it to required.
+            stateInput.show()
+              .prop('disabled', false)
+              .prop('required', true)
+            stateSpanRequired.show()
+            stateLabel.removeClass('state-select-label') // required for floating label
+          }
+        }
+      }
+      $('#bcountry select').change(function() {
+        Harpiya.updateState('b')
+      })
+      $('#scountry select').change(function() {
+        Harpiya.updateState('s')
+      })
+      Harpiya.updateState('b')
+
+      var orderUseBilling = $('input#order_use_billing')
+      orderUseBilling.change(function() {
+        updateShippingFormState(orderUseBilling)
+      })
+      updateShippingFormState(orderUseBilling)
+    }
+
+    function updateShippingFormState(orderUseBilling) {
+      if (orderUseBilling.is(':checked')) {
+        $('#shipping .inner').hide()
+        $('#shipping .inner input, #shipping .inner select').prop('disabled', true)
+      } else {
+        $('#shipping .inner').show()
+        $('#shipping .inner input, #shipping .inner select').prop('disabled', false)
+        Harpiya.updateState('s')
+      }
+    }
+
+    function getCountryId(region) {
+      return $('#' + region + 'country select').val()
+    }
+  }
+  Harpiya.onAddress()
+})