@apicart/vue-components
Version:
Apicart Vue.Js components for simple e-commerce platform development
8 lines (6 loc) • 40.3 kB
JavaScript
/**
* @apicart/vue-components v1.0.0-alpha7
* (c) 2018-2020 Apicart Company
* Released under the MIT License.
*/
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@apicart/core-sdk"),require("../.."),require("./..")):"function"==typeof define&&define.amd?define(["@apicart/core-sdk","../..","./.."],e):(t=t||self).ApicartCheckout=e(t.Apicart,t.src,t.components)}(this,(function(t,e,a){"use strict";function i(t,e,a,i){return new(a||(a=Promise))((function(r,o){function c(t){try{s(i.next(t))}catch(t){o(t)}}function n(t){try{s(i.throw(t))}catch(t){o(t)}}function s(t){var e;t.done?r(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(c,n)}s((i=i.apply(t,e||[])).next())}))}function r(t,e){var a,i,r,o,c={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return o={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function n(o){return function(n){return function(o){if(a)throw new TypeError("Generator is already executing.");for(;c;)try{if(a=1,i&&(r=2&o[0]?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[2&o[0],r.value]),o[0]){case 0:case 1:r=o;break;case 4:return c.label++,{value:o[1],done:!1};case 5:c.label++,i=o[1],o=[0];continue;case 7:o=c.ops.pop(),c.trys.pop();continue;default:if(!(r=c.trys,(r=r.length>0&&r[r.length-1])||6!==o[0]&&2!==o[0])){c=0;continue}if(3===o[0]&&(!r||o[1]>r[0]&&o[1]<r[3])){c.label=o[1];break}if(6===o[0]&&c.label<r[1]){c.label=r[1],r=o;break}if(r&&c.label<r[2]){c.label=r[2],c.ops.push(o);break}r[2]&&c.ops.pop(),c.trys.pop();continue}o=e.call(t,c)}catch(t){o=[6,t],i=0}finally{a=r=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,n])}}}var o;function c(){return i(this,void 0,void 0,(function(){var e,a,i,c,n;return r(this,(function(r){switch(r.label){case 0:return e=[],a=0,i=0,c=0,o&&o.hasCartHash()?[4,o.getCart()]:[3,4];case 1:return[4,r.sent().getEntity()];case 2:return[4,(n=r.sent()).getItems()];case 3:e=r.sent(),t.Utils.Loops.forEach(e,(function(t){var e=t.getItem(),r=t.getTotalPrice(),o=e.getTaxRate()/100*r;i+=r-o,a+=o})),c=n.getTotalPrice(),r.label=4;case 4:return this.products=e,this.vat=a,this.taxBase=i,this.totalPrice=c,[2]}}))}))}var n={name:"apicart-cart-overview",i18n:((t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t).VueComponentsTranslator||e.Translator).getI18n(),components:{"apicart-buy-button-with-quantity":"undefined"!=typeof window&&window.ApicartBuyButtonWithQuantity?window.ApicartBuyButtonWithQuantity:a.ApicartBuyButtonWithQuantity},data:function(){return{products:[],taxBase:0,vat:0,totalPrice:0}},methods:{removeItem:function(t){return i(this,void 0,void 0,(function(){var e,a;return r(this,(function(i){switch(i.label){case 0:return[4,o.getCart()];case 1:return e=i.sent(),a=t.target,e.removeItem(a.getAttribute("data-product-url")),[2]}}))}))}},created:function(){return i(this,void 0,void 0,(function(){var e=this;return r(this,(function(a){switch(a.label){case 0:return o=t.getConfigParameter("store"),[4,c.call(this)];case 1:return a.sent(),t.Utils.EventDispatcher.addListener("apicart-cart-overview-"+this._uid,"apicart:cart:updated",(function(){c.call(e)})),[2]}}))}))}};function s(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}function p(t,e,a,i,r,o,c,n,s,p){"boolean"!=typeof c&&(s=n,n=c,c=!1);const l="function"==typeof a?a.options:a;let d;if(t&&t.render&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0,r&&(l.functional=!0)),i&&(l._scopeId=i),o?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},l._ssrRegister=d):e&&(d=c?function(t){e.call(this,p(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,n(t))}),d)if(l.functional){const t=l.render;l.render=function(e,a){return d.call(a),t(e,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,d):[d]}return a}s(".apicart-cart-overview{position:relative;margin-bottom:24px}@media (min-width:992px){.apicart-cart-overview{margin-bottom:48px}}.apicart-cart-overview__empty-cart{text-align:center;padding:20px 0}.apicart-cart-overview__title{text-align:center;margin-bottom:12px;font-size:34px}.apicart-cart-overview__items{border:1px solid #e6e6e7;margin-bottom:20px;border-radius:2px}.apicart-cart-overview__item{display:flex;min-height:100px;flex-direction:row;align-items:flex-start;border-bottom:1px solid #e6e6e7;border-radius:2px}@media (min-width:768px){.apicart-cart-overview__item{align-items:center}}.apicart-cart-overview__item:last-child{border-bottom:0}.apicart-cart-overview__item-image-wrapper{width:100px;max-height:100px;padding:8px;justify-content:center;display:flex}@media (min-width:768px){.apicart-cart-overview__item-image-wrapper{padding:10px}}.apicart-cart-overview__item-image{max-width:100%;max-height:60px}.apicart-cart-overview__item-info{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;flex:1;padding:10px 0}@media (min-width:768px){.apicart-cart-overview__item-info{flex-direction:row;align-items:center}}.apicart-cart-overview__item-name{flex-grow:1;margin-bottom:8px;font-weight:500;font-size:14px}@media (min-width:576px){.apicart-cart-overview__item-name{flex-grow:1;max-width:30%}}@media (min-width:768px){.apicart-cart-overview__item-name{font-size:18px;flex-grow:1;margin-bottom:0;max-width:44%;display:flex}}.apicart-cart-overview__item-details{white-space:nowrap;flex:1;display:flex;align-items:center;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.apicart-cart-overview__item-detail-info{margin:0 8px 8px 8px}@media (min-width:576px){.apicart-cart-overview__item-detail-info{margin:0 8px}}.apicart-cart-overview__item-price-per-piece{text-align:center;white-space:nowrap;font-size:14px}@media (min-width:768px){.apicart-cart-overview__item-price-per-piece{width:18%;font-size:18px}}.apicart-cart-overview__item-total-price{text-align:center;white-space:nowrap;font-weight:500;font-size:14px}@media (min-width:768px){.apicart-cart-overview__item-total-price{width:18%;font-size:18px}}.apicart-cart-overview__item-remove-button{display:flex;padding:1px;font-size:24px;justify-content:center;align-items:center;height:50px;text-align:center;width:50px;cursor:pointer}.apicart-cart-overview__summary{position:relative;display:flex;justify-content:flex-end}.apicart-cart-overview__summary-items{display:inline-flex;flex-direction:column;width:200px}.apicart-cart-overview__summary-item{display:flex;margin-bottom:4px;justify-content:space-between}.apicart-cart-overview__summary-item--total-price{font-size:20px}");const l=p({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:t.$t("checkout.cartOverview.id")}},[a("div",{staticClass:"apicart-cart-overview__items"},[t._l(t.products,(function(e){return a("div",{staticClass:"apicart-cart-overview__item"},[e.getItem().getParameterValue("images").primary.url?a("div",{staticClass:"apicart-cart-overview__item-image-wrapper"},[a("img",{staticClass:"apicart-cart-overview__item-image",attrs:{src:e.getItem().getParameterValue("images").primary.url,loading:"lazy",alt:""}})]):t._e(),a("div",{staticClass:"apicart-cart-overview__item-info"},[a("div",{staticClass:"apicart-cart-overview__item-name"},[t._v(" "+t._s(e.getItem().getName())+" ")]),a("div",{staticClass:"apicart-cart-overview__item-details"},[a("div",{staticClass:"apicart-cart-overview__item-detail-info apicart-cart-overview__item-price-per-piece"},[t._v(" "+t._s(t.$n(e.getItem().getPrice(),"currency"))+" ")]),a("div",{staticClass:"apicart-cart-overview__item-detail-info"},[a("apicart-buy-button-with-quantity",{attrs:{quantity:e.getQuantity(),productUrl:e.getItem().getDataUrl()}})],1),a("div",{staticClass:"apicart-cart-overview__item-detail-info apicart-cart-overview__item-total-price"},[t._v(" "+t._s(t.$n(e.getTotalPrice(),"currency"))+" ")])])]),a("div",{staticClass:"apicart-cart-overview__item-remove-button-wrapper"},[a("a",{staticClass:"apicart-cart-overview__item-remove-button",attrs:{role:"button","data-product-url":e.getItem().getDataUrl()},on:{click:t.removeItem}},[a("span",{staticClass:"apicart-icon-x"})])])])})),t.products.length?t._e():a("div",{staticClass:"apicart-cart-overview__empty-cart"},[t._v(t._s(t.$t("checkout.cartOverview.emptyCart")))])],2),a("div",{staticClass:"apicart-cart-overview__summary"},[a("div",{staticClass:"apicart-cart-overview__summary-items"},[a("div",{staticClass:"apicart-cart-overview__summary-item"},[a("span",[t._v(t._s(t.$t("checkout.cartOverview.taxBase"))+": ")]),a("span",[t._v(t._s(t.$n(t.taxBase,"currency")))])]),a("div",{staticClass:"apicart-cart-overview__summary-item"},[a("span",[t._v(t._s(t.$t("checkout.cartOverview.vat"))+":")]),a("span",[t._v(t._s(t.$n(t.vat,"currency")))])]),a("div",{staticClass:"apicart-cart-overview__summary-item apicart-cart-overview__summary-item--total-price"},[a("strong",[t._v(t._s(t.$t("checkout.cartOverview.totalPrice"))+":")]),a("strong",[t._v(t._s(t.$n(t.totalPrice,"currency")))])])])])])},staticRenderFns:[]},void 0,n,void 0,!1,void 0,!1,void 0,void 0,void 0);var d={name:"apicart-contact-information-form",i18n:(t.VueComponentsTranslator||e.Translator).getI18n(),components:{"apicart-button":"undefined"!=typeof window&&window.ApicartButton?window.ApicartButton:a.ApicartButton},data:function(){return{shippingInfoVisible:!1,errors:[],billingAddress:{email:"",firstName:"",lastName:"",city:"",zip:"",streetAndNumber:""},shippingAddress:{firstName:"",lastName:"",city:"",zip:"",streetAndNumber:""}}},methods:{validateForm:function(){var e=this,a=[];return t.Utils.Loops.forEach(this.billingAddress,(function(t){if(!t)return a.push(e.$t("checkout.contactInformationForm.validation.requiredFields")),!1})),this.errors=a,0===this.errors.length},getContactInfoData:function(e){var a=this;void 0===e&&(e=!0);var i=this.shippingAddress;return e&&t.Utils.Loops.forEach(this.shippingAddress,(function(t,e){t||(i[e]=a.billingAddress[e])})),{billingAddress:this.billingAddress,shippingAddress:i}}},created:function(){t.getConfigParameter("store")}};s(".apicart-contact-information-form__section{margin-bottom:24px}.apicart-contact-information-form__title{font-size:34px;margin-top:0;margin-bottom:12px;text-align:center}.apicart-contact-information-form__finish-order-button-wrapper{text-align:center}.apicart-contact-information-form textarea{resize:vertical;max-height:200px;min-height:100px}.apicart-contact-information-form__label{margin-bottom:8px;display:inline-block}.apicart-contact-information-form__field{display:block;outline:0;width:100%;padding:6px 12px;font-size:1rem;line-height:1.5;color:#121212;background-color:#fff;background-clip:padding-box;border:1px solid rgba(18,18,18,.3);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:2px}.apicart-contact-information-form__show-shipping-form{position:relative;padding-left:32px;display:flex;align-items:center}.apicart-contact-information-form__show-shipping-form input{display:none}.apicart-contact-information-form__show-shipping-form input:checked+.apicart-contact-information-form__show-shipping-form-input-placeholder{background-color:#121212}.apicart-contact-information-form__show-shipping-form-input-placeholder{position:absolute;left:0;display:inline-block;border:2px solid #b3b3b3;display:block;width:14px;height:14px;pointer-events:none;user-select:none;background-color:#e6e6e7;background-repeat:no-repeat;background-position:center center;background-size:90%;box-shadow:0;transition:background-color .3s}.apicart-contact-information-form__field-wrapper{margin-top:0;margin-bottom:12px}.apicart-contact-information-form__fields-pair{display:flex;flex-direction:column;justify-content:space-between}@media (min-width:576px){.apicart-contact-information-form__fields-pair{flex-direction:row}}@media (min-width:576px){.apicart-contact-information-form__fields-pair .apicart-contact-information-form__field-wrapper{width:49%}}.apicart-contact-information-form__loading{opacity:0;transition:opacity .1s;text-align:center;margin-top:14px}.apicart-contact-information-form__loading--visible{opacity:1}");const m=p({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("form",{staticClass:"apicart-contact-information-form",attrs:{id:t.$t("checkout.contactInformationForm.id"),onsubmit:"return false;"},on:{submit:function(e){return e.preventDefault(),t.finishOrder(e)}}},[a("div",{staticClass:"apicart-contact-information-form__section",attrs:{id:t.$t("checkout.contactInformationForm.billing.id")}},[a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-email"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.email"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.email,expression:"billingAddress.email"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-email",type:"email",required:""},domProps:{value:t.billingAddress.email},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"email",e.target.value)}}})]),a("div",{staticClass:"apicart-contact-information-form__fields-pair"},[a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-first-name"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.firstName"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.firstName,expression:"billingAddress.firstName"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-first-name",type:"text",required:""},domProps:{value:t.billingAddress.firstName},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"firstName",e.target.value)}}})]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-last-name"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.lastName"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.lastName,expression:"billingAddress.lastName"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-last-name",type:"text",required:""},domProps:{value:t.billingAddress.lastName},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"lastName",e.target.value)}}})])]),a("div",{staticClass:"apicart-contact-information-form__fields-pair"},[a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-city"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.town"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.city,expression:"billingAddress.city"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-city",type:"text",required:""},domProps:{value:t.billingAddress.city},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"city",e.target.value)}}})]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-zip"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.zip"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.zip,expression:"billingAddress.zip"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-zip",type:"text",required:""},domProps:{value:t.billingAddress.zip},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"zip",e.target.value)}}})])]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"billing-address-street-and-number"}},[a("strong",[t._v(t._s(t.$t("checkout.contactInformationForm.billing.streetAndNumber"))+"*")])]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.billingAddress.streetAndNumber,expression:"billingAddress.streetAndNumber"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"billing-address-street-and-number",type:"text",required:""},domProps:{value:t.billingAddress.streetAndNumber},on:{input:function(e){e.target.composing||t.$set(t.billingAddress,"streetAndNumber",e.target.value)}}})])]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__show-shipping-form"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingInfoVisible,expression:"shippingInfoVisible"}],staticClass:"apicart-contact-information-form__show-shipping-form-checkbox",attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.shippingInfoVisible)?t._i(t.shippingInfoVisible,null)>-1:t.shippingInfoVisible},on:{change:function(e){var a=t.shippingInfoVisible,i=e.target,r=!!i.checked;if(Array.isArray(a)){var o=t._i(a,null);i.checked?o<0&&(t.shippingInfoVisible=a.concat([null])):o>-1&&(t.shippingInfoVisible=a.slice(0,o).concat(a.slice(o+1)))}else t.shippingInfoVisible=r}}}),a("span",{staticClass:"apicart-contact-information-form__show-shipping-form-input-placeholder"}),a("span",[t._v(t._s(t.$t("checkout.contactInformationForm.fillShippingInfoButton")))])])]),a("div",{directives:[{name:"show",rawName:"v-show",value:t.shippingInfoVisible,expression:"shippingInfoVisible"}],staticClass:"apicart-contact-information-form__section",attrs:{id:t.$t("checkout.contactInformationForm.shipping.id")}},[a("h2",{staticClass:"apicart-contact-information-form__title"},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.title")))]),a("div",{staticClass:"apicart-contact-information-form__fields-pair"},[a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-name"}},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.firstName")))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.firstName,expression:"shippingAddress.firstName"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-name",type:"text"},domProps:{value:t.shippingAddress.firstName},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"firstName",e.target.value)}}})]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-surname"}},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.lastName")))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.lastName,expression:"shippingAddress.lastName"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-surname",type:"text"},domProps:{value:t.shippingAddress.lastName},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"lastName",e.target.value)}}})])]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-company"}},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.company")))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.company,expression:"shippingAddress.company"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-company",type:"text"},domProps:{value:t.shippingAddress.company},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"company",e.target.value)}}})]),a("div",{staticClass:"apicart-contact-information-form__fields-pair"},[a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-city"}},[t._v(t._s("checkout.contactInformationForm.shipping.town"))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.city,expression:"shippingAddress.city"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-city",type:"text"},domProps:{value:t.shippingAddress.city},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"city",e.target.value)}}})]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-zip"}},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.zip")))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.zip,expression:"shippingAddress.zip"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-zip",type:"text"},domProps:{value:t.shippingAddress.zip},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"zip",e.target.value)}}})])]),a("p",{staticClass:"apicart-contact-information-form__field-wrapper"},[a("label",{staticClass:"apicart-contact-information-form__label",attrs:{for:"shipping-address-street-and-number"}},[t._v(t._s(t.$t("checkout.contactInformationForm.shipping.streetAndNumber")))]),a("input",{directives:[{name:"model",rawName:"v-model",value:t.shippingAddress.streetAndNumber,expression:"shippingAddress.streetAndNumber"}],staticClass:"apicart-contact-information-form__field",attrs:{id:"shipping-address-street-and-number",type:"text"},domProps:{value:t.shippingAddress.streetAndNumber},on:{input:function(e){e.target.composing||t.$set(t.shippingAddress,"streetAndNumber",e.target.value)}}})])]),a("p",[a("em",{domProps:{innerHTML:t._s(t.$t("checkout.contactInformationForm.requiredFields"))}})])])},staticRenderFns:[]},void 0,d,void 0,!1,void 0,!1,void 0,void 0,void 0);var u,h=(t.VueComponentsTranslator||e.Translator).getI18n(),_="undefined"!=typeof window,f={name:"apicart-checkout",i18n:h,components:{"apicart-button":_&&window.ApicartButton?window.ApicartButton:a.ApicartButton,"apicart-contact-information-form":_&&window.ApicartContactInformationForm?window.ApicartContactInformationForm:m,"apicart-cart-overview":_&&window.ApicartCartOverview?window.ApicartCartOverview:l,"apicart-loader":_&&window.ApicartLoader?window.ApicartLoader:a.ApicartLoader,"apicart-payment-methods-list":_&&window.ApicartPaymentMethodsList?window.ApicartPaymentMethodsList:a.ApicartPaymentMethodsList,"apicart-shipping-methods-list":_&&window.ApicartShippingMethodsList?window.ApicartShippingMethodsList:a.ApicartShippingMethodsList},data:function(){return{step:1,errors:[],productsLength:0,paymentMethod:null,shippingMethod:null,showLoaderOverlay:!1,totalPrice:0,taxBase:0,vat:0}},computed:{paymentAndShippingMethodsLoadingEnabled:function(){return 2===this.step}},methods:{continueShopping:function(){this.$emit("continue-shopping")},validateCheckout:function(){return i(this,void 0,void 0,(function(){var t;return r(this,(function(e){switch(e.label){case 0:return t=[],this.$refs.contactInformationForm.validateForm()||(t=t.concat(this.$refs.contactInformationForm.errors)),this.paymentMethod||t.push(this.$t("checkout.validation.missingPaymentMethod")),this.shippingMethod||t.push(this.$t("checkout.validation.missingShippingMethod")),[4,u.getCart()];case 1:return[4,e.sent().getItems()];case 2:return 0===e.sent().length&&t.push(this.$t("checkout.validation.emptyCart")),this.errors=t,[2,0===t.length]}}))}))},finishOrder:function(){return i(this,void 0,void 0,(function(){var t,e,a,i,o;return r(this,(function(r){switch(r.label){case 0:return[4,this.validateCheckout()];case 1:return r.sent()?(this.showLoaderOverlay=!0,e=this.$refs.contactInformationForm.getContactInfoData(),a=e.billingAddress,[4,u.getCart()]):((t=this.$el.querySelector(".apicart-checkout__step-tabs")).scrollTop=t.scrollHeight,[2]);case 2:return i=r.sent(),[4,u.getCustomer()];case 3:return o=r.sent(),[4,Promise.all([i.addParameters(e),o.addParameters({email:a.email,firstName:a.firstName,lastName:a.lastName,city:a.city,zip:a.zip,streetAndNumber:a.streetAndNumber,phone:a.phone})])];case 4:return r.sent(),[4,i.finish()];case 5:return r.sent(),this.showLoaderOverlay=!1,[2]}}))}))},setStep:function(t){this.step=t,this.$el.querySelector(".apicart-checkout__step-tabs").scrollTop=0},updatePaymentMethod:function(t){return i(this,void 0,void 0,(function(){return r(this,(function(e){return this.paymentMethod=t,[2]}))}))},updateShippingMethod:function(t){return i(this,void 0,void 0,(function(){return r(this,(function(e){return this.shippingMethod=t,[2]}))}))},updateContactInformation:function(){return i(this,void 0,void 0,(function(){return r(this,(function(t){return[2]}))}))},getDataForSummary:function(e){return void 0===e&&(e=null),i(this,void 0,void 0,(function(){var a,i,o,c,n,s,p;return r(this,(function(r){switch(r.label){case 0:return a=0,i=0,o=0,c=0,u&&u.hasCartHash()?(n=e)?[3,2]:[4,u.getCart()]:[3,5];case 1:n=r.sent(),r.label=2;case 2:return[4,(e=n).getEntity()];case 3:return[4,(s=r.sent()).getItems()];case 4:p=r.sent(),a=p.length,t.Utils.Loops.forEach(p,(function(t){var e=t.getItem(),a=t.getTotalPrice(),r=e.getTaxRate()/100*a;o+=a-r,i+=r})),c=s.getTotalPrice(),r.label=5;case 5:return this.productsLength=a,this.vat=i,this.taxBase=o,this.totalPrice=c,[2]}}))}))}},created:function(){return i(this,void 0,void 0,(function(){var e=this;return r(this,(function(a){return u=t.getConfigParameter("store"),this.getDataForSummary(),t.Utils.EventDispatcher.addListener("apicart-checkout-summary-"+this._uid,"apicart:cart:updated",(function(t){e.getDataForSummary(t)})),[2]}))}))}};s('.apicart-checkout{font-family:-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;box-sizing:border-box;outline:0}.apicart-checkout *{box-sizing:border-box;outline:0}.apicart-checkout{position:relative}.apicart-checkout__stepper{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:8px}@media (min-width:768px){.apicart-checkout__stepper{margin-bottom:24px}}.apicart-checkout__stepper-divider{display:flex;margin:0 10px;height:1px;max-width:100%;min-width:20px;margin:26px -26px 0 -26px;flex:1;border:1px solid #e6e6e7;transition:border-color .3s}.apicart-checkout__stepper-step{display:flex;flex-direction:column;padding:10px;text-align:center;width:calc(100% * 1/3);max-width:138px;align-items:center;cursor:pointer}@media (min-width:768px){.apicart-checkout__stepper-step{max-width:180px}}.apicart-checkout__stepper-step-label{color:#9e9e9e;transition:color .3s;font-size:12px}.apicart-checkout__stepper-step-number{color:#fff;text-align:center;display:inline-block;background:rgba(18,18,18,.4);margin-bottom:8px;font-weight:500;font-size:16px;width:26px;border-radius:100%;line-height:26px;transition:background-color .3s}.apicart-checkout__stepper-step--active .apicart-checkout__stepper-step-label{color:#121212}.apicart-checkout__stepper-step--active .apicart-checkout__stepper-step-number{background-color:#121212}.apicart-checkout__stepper-divider--active{border-color:#121212}.apicart-checkout__errors{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;padding:12px 16px 12px 16px;border-radius:2px}@media (min-width:768px){.apicart-checkout__errors{padding:12px 30px 12px 30px}}.apicart-checkout__errors-title{margin-top:0;font-size:16px;margin-bottom:8px}@media (min-width:768px){.apicart-checkout__errors-title{font-size:18px}}.apicart-checkout__errors-list{line-height:24px;font-weight:700;padding-left:18px;margin-bottom:0;margin-top:0;font-size:12px}@media (min-width:768px){.apicart-checkout__errors-list{font-size:14px}}.apicart-checkout__step-tabs{position:relative;min-height:460px;display:flex;flex-grow:1;overflow:auto;margin-bottom:8px}@media (min-width:768px){.apicart-checkout__step-tabs{margin-bottom:24px}}.apicart-checkout__step-tab{position:absolute;left:0;top:0;width:100%;z-index:1;opacity:1;transition:opacity .3s}.apicart-checkout__step-tab-enter,.apicart-checkout__step-tab-leave-active{opacity:0}.apicart-checkout__step-tab-enter,.apicart-checkout__step-tab-leave-to{opacity:0}.apicart-checkout__footer-buttons-wrapper{display:flex;flex-direction:column;opacity:1;transition:opacity .3s}@media (min-width:576px){.apicart-checkout__footer-buttons-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.apicart-button.apicart-checkout__footer-button{margin-bottom:8px}@media (min-width:576px){.apicart-button.apicart-checkout__footer-button{margin-bottom:0}}.apicart-checkout__footer-button-icon{font-size:24px}.apicart-checkout__footer-button-icon--prev{margin-right:4px}@media (min-width:576px){.apicart-checkout__footer-button-icon--prev{margin-right:8px}}.apicart-checkout__footer-button-icon--next{margin-left:4px}@media (min-width:576px){.apicart-checkout__footer-button-icon--next{margin-left:8px}}.apicart-checkout__payment-and-shipping-methods-wrapper{display:flex;flex-direction:column}@media (min-width:768px){.apicart-checkout__payment-and-shipping-methods-wrapper{align-items:flex-start;flex-direction:row;justify-content:space-between}}@media (min-width:768px){.apicart-checkout__payment-and-shipping-methods-wrapper .apicart-payment-methods-list,.apicart-checkout__payment-and-shipping-methods-wrapper .apicart-shipping-methods-list{max-width:49%}}.apicart-checkout__step-tab--contact-information-content{display:flex;flex-direction:column}@media (min-width:768px){.apicart-checkout__step-tab--contact-information-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.apicart-checkout__contact-information-form-wrapper{margin-bottom:12px}@media (min-width:768px){.apicart-checkout__contact-information-form-wrapper{max-width:50%;margin-bottom:0}}.apicart-checkout__order-summary{width:100%;background-color:rgba(18,18,18,.03);padding:12px;border-radius:2px}@media (min-width:768px){.apicart-checkout__order-summary{max-width:49%;min-width:320px;width:auto;padding:22px}}.apicart-checkout__order-summary-title{text-align:center;margin-top:0;font-size:22px}.apicart-checkout__order-summary-table{width:100%}.apicart-checkout__order-summary-table-row{line-height:22px;font-size:14px}.apicart-checkout__order-summary-table-cell{text-align:left}.apicart-checkout__order-summary-table-cell--right{text-align:right}.apicart-checkout__order-summary-table-row--total-price{font-size:18px;font-weight:500}.apicart-checkout__order-summary-table-row--total-price .apicart-checkout__order-summary-table-cell{padding-top:12px}.apicart-checkout__loader-overlay{position:absolute;top:0;left:0;z-index:1;width:100%;background:rgba(255,255,255,.8);height:100%;transition:opacity .3s}.apicart-checkout__loader-overlay .apicart-loader{display:block;width:100%;top:50%;position:absolute;text-align:center;transform:translateY(-50%)}.apicart-checkout__loader-overlay-enter{opacity:0}.apicart-checkout__loader-overlay-active{opacity:0}');return p({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"apicart-checkout"},[a("h1",{staticStyle:{"text-align":"center"}},[t._v(t._s(t.$t("checkout.title")))]),a("div",{staticClass:"apicart-checkout__stepper"},[a("a",{class:[{"apicart-checkout__stepper-step--active":t.step>=1},"apicart-checkout__stepper-step"],attrs:{role:"button"},on:{click:function(e){return t.setStep(1)}}},[a("span",{staticClass:"apicart-checkout__stepper-step-number"},[t._v("1")]),a("span",{staticClass:"apicart-checkout__stepper-step-label"},[t._v(t._s(t.$t("checkout.steps.cartOverview")))])]),a("hr",{class:[{"apicart-checkout__stepper-divider--active":t.step>=2},"apicart-checkout__stepper-divider"]}),a("a",{class:[{"apicart-checkout__stepper-step--active":t.step>=2},"apicart-checkout__stepper-step"],attrs:{role:"button"},on:{click:function(e){return t.setStep(2)}}},[a("span",{staticClass:"apicart-checkout__stepper-step-number"},[t._v("2")]),a("span",{staticClass:"apicart-checkout__stepper-step-label"},[t._v(t._s(t.$t("checkout.steps.paymentAndDelivery")))])]),a("hr",{class:[{"apicart-checkout__stepper-divider--active":t.step>=3},"apicart-checkout__stepper-divider"]}),a("a",{class:[{"apicart-checkout__stepper-step--active":t.step>=3},"apicart-checkout__stepper-step"],attrs:{role:"button"},on:{click:function(e){return t.setStep(3)}}},[a("span",{staticClass:"apicart-checkout__stepper-step-number"},[t._v("3")]),a("span",{staticClass:"apicart-checkout__stepper-step-label"},[t._v(t._s(t.$t("checkout.steps.contactInformation")))])])]),a("div",{staticClass:"apicart-checkout__step-tabs"},[a("transition",{attrs:{name:"apicart-checkout__step-tab"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:1===t.step,expression:"step === 1"}],staticClass:"apicart-checkout__step-tab"},[a("apicart-cart-overview")],1)]),a("transition",{attrs:{name:"apicart-checkout__step-tab"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:2===t.step,expression:"step === 2"}],staticClass:"apicart-checkout__step-tab"},[a("div",{staticClass:"apicart-checkout__payment-and-shipping-methods-wrapper"},[a("apicart-shipping-methods-list",{ref:"shippingMethodsList",attrs:{loadingEnabled:t.paymentAndShippingMethodsLoadingEnabled},on:{"shipping-method-updated":t.updateShippingMethod}}),a("apicart-payment-methods-list",{ref:"paymentMethodsList",attrs:{loadingEnabled:t.paymentAndShippingMethodsLoadingEnabled},on:{"payment-method-updated":t.updatePaymentMethod}})],1)])]),a("transition",{attrs:{name:"apicart-checkout__step-tab"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:3===t.step,expression:"step === 3"}],staticClass:"apicart-checkout__step-tab apicart-checkout__step-tab--contact-information"},[a("div",{staticClass:"apicart-checkout__step-tab--contact-information-content"},[a("div",{staticClass:"apicart-checkout__contact-information-form-wrapper"},[a("apicart-contact-information-form",{ref:"contactInformationForm"})],1),a("div",{staticClass:"apicart-checkout__order-summary"},[a("h1",{staticClass:"apicart-checkout__order-summary-title"},[t._v(t._s(t.$t("checkout.summary.title")))]),a("table",{staticClass:"apicart-checkout__order-summary-table",attrs:{cellspacing:"0"}},[a("tbody",[a("tr",{staticClass:"apicart-checkout__order-summary-table-row"},[a("td",{staticClass:"apicart-checkout__order-summary-table-cell"},[t._v(t._s(t.$t("checkout.summary.paymentMethod")))]),a("td",{staticClass:"apicart-checkout__order-summary-table-cell apicart-checkout__order-summary-table-cell--right"},[t.paymentMethod?a("span",[t._v(t._s(t.paymentMethod.getName())+" "+t._s(t.$n(t.paymentMethod.getPrice(),"currency")))]):a("span",[t._v(t._s(t.$t("checkout.summary.paymentMethodNotSelected")))])])]),a("tr",{staticClass:"apicart-checkout__order-summary-table-row"},[a("td",{staticClass:"apicart-checkout__order-summary-table-cell"},[t._v(t._s(t.$t("checkout.summary.shippingMethod")))]),a("td",{staticClass:"apicart-checkout__order-summary-table-cell apicart-checkout__order-summary-table-cell--right"},[t.shippingMethod?a("span",[t._v(t._s(t.shippingMethod.getName())+" "+t._s(t.$n(t.shippingMethod.getPrice(),"currency")))]):a("span",[t._v(t._s(t.$t("checkout.summary.shippingMethodNotSelected")))])])]),a("tr",{staticClass:"apicart-checkout__order-summary-table-row"},[a("td",{staticClass:"apicart-checkout__order-summary-table-cell"},[t._v(t._s(t.$t("checkout.summary.taxBase")))]),a("td",{staticClass:"apicart-checkout__order-summary-table-cell apicart-checkout__order-summary-table-cell--right"},[t._v(t._s(t.$n(t.taxBase,"currency")))])]),a("tr",{staticClass:"apicart-checkout__order-summary-table-row"},[a("td",{staticClass:"apicart-checkout__order-summary-table-cell"},[t._v(t._s(t.$t("checkout.summary.vat")))]),a("td",{staticClass:"apicart-checkout__order-summary-table-cell apicart-checkout__order-summary-table-cell--right"},[t._v(t._s(t.$n(t.vat,"currency")))])]),a("tr",{staticClass:"apicart-checkout__order-summary-table-row apicart-checkout__order-summary-table-row--total-price"},[a("td",{staticClass:"apicart-checkout__order-summary-table-cell"},[a("strong",[t._v(t._s(t.$t("checkout.summary.totalPrice")))])]),a("td",{staticClass:"apicart-checkout__order-summary-table-cell apicart-checkout__order-summary-table-cell--right"},[a("strong",[t._v(t._s(t.$n(t.totalPrice,"currency")))])])])])])])]),a("div",{directives:[{name:"show",rawName:"v-show",value:t.errors.length,expression:"errors.length"}],staticClass:"apicart-checkout__errors"},[a("h2",{staticClass:"apicart-checkout__errors-title"},[t._v(t._s(t.$t("checkout.validation.title")))]),a("ul",{staticClass:"apicart-checkout__errors-list"},t._l(t.errors,(function(e,i){return a("li",{key:i,staticClass:"apicart-checkout__errors-list-item"},[t._v(t._s(e))])})),0)])])])],1),a("div",{staticClass:"apicart-checkout__footer"},[a("div",{directives:[{name:"show",rawName:"v-show",value:1===t.step,expression:"step === 1"}],staticClass:"apicart-checkout__footer-buttons-wrapper"},[a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"outlined"},nativeOn:{click:function(e){return t.continueShopping(e)}}},[a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--prev apicart-icon-arrow-left-circle"}),t._v(" "+t._s(t.$t("checkout.steps.continueShopping"))+" ")]),a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"solid"},nativeOn:{click:function(e){return t.setStep(2)}}},[t._v(" "+t._s(t.$t("checkout.steps.paymentAndDelivery"))+" "),a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--next apicart-icon-arrow-right-circle"})])],1),a("div",{directives:[{name:"show",rawName:"v-show",value:2===t.step,expression:"step === 2"}],staticClass:"apicart-checkout__footer-buttons-wrapper"},[a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"outlined"},nativeOn:{click:function(e){return t.setStep(1)}}},[a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--prev apicart-icon-arrow-left-circle"}),t._v(" "+t._s(t.$t("checkout.steps.cartOverview"))+" ")]),a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"solid"},nativeOn:{click:function(e){return t.setStep(3)}}},[t._v(" "+t._s(t.$t("checkout.steps.contactInformation"))+" "),a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--next apicart-icon-arrow-right-circle"})])],1),a("div",{directives:[{name:"show",rawName:"v-show",value:3===t.step,expression:"step === 3"}],staticClass:"apicart-checkout__footer-buttons-wrapper"},[a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"outlined"},nativeOn:{click:function(e){return t.setStep(2)}}},[a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--prev apicart-icon-arrow-left-circle"}),t._v(" "+t._s(t.$t("checkout.steps.cartOverview"))+" ")]),a("apicart-button",{staticClass:"apicart-checkout__footer-button",attrs:{type:"solid"},nativeOn:{click:function(e){return t.finishOrder(e)}}},[t._v(" "+t._s(t.$t("checkout.steps.finishOrder"))+" "),a("span",{staticClass:"apicart-checkout__footer-button-icon apicart-checkout__footer-button-icon--next apicart-icon-arrow-right-circle"})])],1)]),a("transition",{attrs:{name:"apicart-checkout__loader-overlay"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.showLoaderOverlay,expression:"showLoaderOverlay"}],staticClass:"apicart-checkout__loader-overlay"},[a("apicart-loader",{attrs:{visible:!0}})],1)])],1)},staticRenderFns:[]},void 0,f,void 0,!1,void 0,!1,void 0,void 0,void 0)}));