Your IP : 216.73.216.86
this.BX = this.BX || {};
this.BX.Sale = this.BX.Sale || {};
(function (exports,sale_checkout_lib,ui_vue_vuex,sale_checkout_controller,sale_checkout_model,ui_vue,main_core_events,main_core,sale_checkout_const) {
'use strict';
ui_vue.BitrixVue.component('sale-checkout-form', {
data: function data() {
return {
stage: sale_checkout_const.Application.stage,
mode: sale_checkout_const.Application.mode,
status: sale_checkout_const.Loader.status,
totalIsShow: 'N'
};
},
computed: {
checkoutButtonEnabled: function checkoutButtonEnabled() {
var properties = [];
var list = this.$store.getters['property/getProperty'];
for (var listKey in list) {
if (!main_core.Type.isStringFilled(list[listKey].value) && list[listKey].required === 'Y') {
return false;
}
if (!main_core.Type.isStringFilled(list[listKey].value)) {
continue;
}
if (list[listKey].type === sale_checkout_const.Property.type.checkbox && list[listKey].required === 'Y' && list[listKey].value !== 'Y') {
return false;
}
if (list[listKey].type === sale_checkout_const.Property.type.checkbox) {
continue;
}
properties.push(list[listKey].value);
}
return properties.length > 0;
},
hasPS: function hasPS() {
var result = [];
var list = this.$store.getters['pay-system/getPaySystem'];
list.forEach(function (fields) {
if (fields.type !== sale_checkout_const.PaySystem.type.cash) {
result.push(fields);
}
});
return result.length > 0;
},
needCheckConsent: function needCheckConsent() {
return this.getConsent.id > 0;
},
getBasket: function getBasket() {
return this.$store.getters['basket/getBasket'];
},
getBasketErrors: function getBasketErrors() {
return this.$store.getters['basket/getErrors'];
},
getOrder: function getOrder() {
return this.$store.getters['order/getOrder'];
},
getProperty: function getProperty() {
return this.$store.getters['property/getProperty'];
},
getVariant: function getVariant() {
return this.$store.getters['property-variant/getVariant'];
},
getPropertyErrors: function getPropertyErrors() {
return this.$store.getters['property/getErrors'];
},
getTotal: function getTotal() {
var total = this.$store.getters['basket/getTotal'];
return {
price: total.price,
basePrice: total.basePrice,
discount: this.$store.getters['basket/getDiscount'],
currency: this.$store.getters['basket/getCurrency']
};
},
getConsent: function getConsent() {
return this.$store.getters['consent/get'];
},
getStage: function getStage() {
return this.$store.getters['application/getStage'];
},
getStatus: function getStatus() {
return this.$store.getters['application/getStatus'];
},
getBasketConfig: function getBasketConfig() {
return {
status: this.$store.getters['basket/getStatus']
};
},
getPaySystem: function getPaySystem() {
return this.$store.getters['pay-system/getPaySystem'];
},
getCheck: function getCheck() {
return this.$store.getters['check/getCheck'];
},
getPayment: function getPayment() {
return this.$store.getters['payment/getPayment'];
},
getPaymentConfig: function getPaymentConfig() {
return {
status: this.$store.getters['pay-system/getStatus'],
returnUrl: this.$store.getters['application/getPathLocation'],
mainPage: this.$store.getters['application/getPathMainPage']
};
},
getSuccessfulConfig: function getSuccessfulConfig() {
return {
mainPage: this.$store.getters['application/getPathMainPage']
};
},
getEmptyCartConfig: function getEmptyCartConfig() {
return {
path: this.$store.getters['application/getPath']
};
},
getTitleCheckoutButton: function getTitleCheckoutButton() {
return {
title: this.$store.getters['application/getTitleCheckoutButton']
};
},
getErrors: function getErrors() {
return this.$store.getters['application/getErrors'];
}
},
created: function created() {
var _this = this;
main_core_events.EventEmitter.subscribe(sale_checkout_const.EventType.basket.backdropTotalOpen, function (event) {
_this.totalIsShow = 'Y';
});
main_core_events.EventEmitter.subscribe(sale_checkout_const.EventType.basket.backdropTotalClose, function (event) {
_this.totalIsShow = 'N';
});
},
beforeDestroy: function beforeDestroy() {
main_core_events.EventEmitter.unsubscribe(sale_checkout_const.EventType.basket.backdropTotalOpen);
main_core_events.EventEmitter.unsubscribe(sale_checkout_const.EventType.basket.backdropTotalClose);
},
// language=Vue
template: "\n <div class=\"checkout-container-wrapper\">\n\t\t <div class=\"checkout-basket-container\">\n\t\t\t<template v-if=\"getStage === stage.edit\">\n\t\t\t <sale-checkout-view-product :items=\"getBasket\" :total=\"getTotal\" :mode=\"mode.edit\" :errors=\"getBasketErrors\" :config=\"getBasketConfig\"/>\n\t\t\t <sale-checkout-view-property :items=\"getProperty\" :mode=\"mode.edit\" :errors=\"getPropertyErrors\" :propertyVariants=\"getVariant\"/>\n\t\t\t <sale-checkout-view-alert-list :errors=\"getErrors\"/>\n\t\t\t <sale-checkout-view-user_consent :item=\"getConsent\" v-if=\"needCheckConsent\"/>\n\t\t\t <template v-if=\"checkoutButtonEnabled\">\n\t\t\t\t<sale-checkout-view-element-button-checkout :title=\"getTitleCheckoutButton.title\" :wait=\"getStatus === status.wait\"/>\n\t\t\t </template>\n\t\t\t <template v-else>\n\t\t\t\t<sale-checkout-view-element-button-checkout_disabled :title=\"getTitleCheckoutButton.title\"/>\n\t\t\t </template>\n\t\t\t</template>\n\t\t\t<template v-else-if=\"getStage === stage.success\">\n\t\t\t <template v-if=\"hasPS\">\n\t\t\t\t<sale-checkout-view-successful :items=\"getProperty\" :order=\"getOrder\" :config=\"getSuccessfulConfig\"/>\n\t\t\t </template>\n\t\t\t <template v-else>\n\t\t\t\t<sale-checkout-view-successful-without-ps :items=\"getProperty\" :order=\"getOrder\" :config=\"getSuccessfulConfig\"/>\n\t\t\t </template>\n\t\t\t</template>\n\t\t\t<template v-else-if=\"getStage === stage.payed\">\n <sale-checkout-view-successful_ps_return :items=\"getProperty\" :order=\"getOrder\" :total=\"getTotal\" :config=\"getSuccessfulConfig\"/>\n\t\t\t</template>\n\t\t\t<template v-else-if=\"getStage === stage.view\">\n\t\t\t <sale-checkout-view-product :items=\"getBasket\" :total=\"getTotal\" :mode=\"mode.view\" :errors=\"getBasketErrors\" :config=\"getBasketConfig\"/>\n\t\t\t <sale-checkout-view-property :items=\"getProperty\" :mode=\"mode.view\" :order=\"getOrder\" :propertyVariants=\"getVariant\"/>\n\t\t\t <sale-checkout-view-product-summary :total=\"getTotal\" :mode=\"mode.view\"/>\n <sale-checkout-view-payment :order=\"getOrder\" :payments=\"getPayment\" :paySystems=\"getPaySystem\" :check=\"getCheck\" :config=\"getPaymentConfig\"/>\n\t\t\t</template>\n\t\t\t<template v-else-if=\"getStage === stage.empty\">\n\t\t\t <sale-checkout-view-empty_cart :config=\"getEmptyCartConfig\"/>\n\t\t\t</template>\n\t\t </div>\n\t\t <template v-if=\"getStage === stage.view\">\n\t\t\t<sale-checkout-view-total :total=\"getTotal\" :showBackdrop=\"totalIsShow\"/>\n\t\t </template>\n </div>\n\t"
});
var _templateObject;
var Application = /*#__PURE__*/function () {
function Application() {
var _this = this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
babelHelpers.classCallCheck(this, Application);
this.wrapper = main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["<div class=\"\"></div>"])));
this.init().then(function () {
return _this.prepareParams({
options: options
});
}).then(function () {
_this.initStore().then(function (result) {
_this.setStore(result);
_this.initController().then(function () {});
_this.initTemplate().then(function () {});
})["catch"](function (error) {
return Application.showError(error);
});
});
}
/**
* @private
*/
babelHelpers.createClass(Application, [{
key: "init",
value: function init() {
return Promise.resolve();
}
/**
* @private
*/
}, {
key: "prepareParams",
value: function prepareParams(params) {
this.options = params.options;
return Promise.resolve();
}
/**
* @private
*/
}, {
key: "initStore",
value: function initStore() {
var builder = new ui_vue_vuex.VuexBuilder();
var contextVariablesBasket = {
product: this.options.product
};
var contextVariablesApp = {
path: this.options.path,
common: this.options.common,
option: this.options.option,
messages: this.options.messages
};
contextVariablesApp.path.location = sale_checkout_lib.Url.getCurrentUrl();
return builder.addModel(sale_checkout_model.Order.create()).addModel(sale_checkout_model.Basket.create().setVariables(contextVariablesBasket)).addModel(sale_checkout_model.Property.create()).addModel(sale_checkout_model.Variant.create()).addModel(sale_checkout_model.Payment.create()).addModel(sale_checkout_model.Check.create()).addModel(sale_checkout_model.PaySystem.create()).addModel(sale_checkout_model.Application.create().setVariables(contextVariablesApp)).addModel(sale_checkout_model.Consent.create()).build();
}
/**
* @private
*/
}, {
key: "layout",
value: function layout() {
return this.wrapper;
}
/**
* @private
*/
}, {
key: "initController",
value: function initController() {
this.controller = new sale_checkout_controller.Application({
store: this.store
});
return new Promise(function (resolve) {
return resolve();
});
}
/**
* @private
*/
}, {
key: "initTemplate",
value: function initTemplate() {
var _this2 = this;
return new Promise(function (resolve) {
var context = _this2;
_this2.templateEngine = ui_vue.BitrixVue.createApp({
store: _this2.store,
data: {
options: _this2.options
},
beforeCreate: function beforeCreate() {
this.$bitrix.Application.set(context);
},
created: function created() {
var data = {};
if (context.options.basket.length > 0) {
data = {
order: this.options.order,
basket: this.options.basket,
paySystem: this.options.paySystem,
payment: this.options.payment,
check: this.options.check,
total: this.options.total,
currency: this.options.currency,
discount: this.options.discount,
property: this.options.property,
variant: this.options.variant,
consent: this.options.consent,
consentStatus: this.options.consentStatus
};
}
data.stage = this.options.stage;
context.setModelData(data);
},
mounted: function mounted() {
resolve();
},
template: "<sale-checkout-form/>"
}).mount(_this2.wrapper);
});
}
/**
* @private
*/
}, {
key: "setStore",
value: function setStore(data) {
this.store = data.store;
}
/**
* @private
*/
}, {
key: "setModelData",
value: function setModelData(data) {
var _this3 = this;
//region: application model
if (main_core.Type.isString(data.stage)) {
this.store.dispatch('application/setStage', {
stage: data.stage
});
} //endregion
//region: order model
if (main_core.Type.isObject(data.order)) {
this.store.dispatch('order/set', data.order);
} //endregion
//region: basket model
if (main_core.Type.isObject(data.basket)) {
data.basket.forEach(function (fields, index) {
_this3.store.dispatch('basket/changeItem', {
index: index,
fields: fields
});
});
}
if (main_core.Type.isString(data.currency)) {
this.store.dispatch('basket/setCurrency', {
currency: data.currency
});
}
if (main_core.Type.isObject(data.discount)) {
this.store.dispatch('basket/setDiscount', data.discount);
}
if (main_core.Type.isObject(data.total)) {
this.store.dispatch('basket/setTotal', data.total);
} //endregion
//region: property model
if (main_core.Type.isObject(data.property)) {
data.property.forEach(function (fields, index) {
_this3.store.dispatch('property/changeItem', {
index: index,
fields: fields
});
});
} //endregion
//region: variant model
if (main_core.Type.isObject(data.variant)) {
data.variant.forEach(function (fields, index) {
_this3.store.dispatch('property-variant/changeItem', {
index: index,
fields: fields
});
});
} //endregion
//region: payment model
if (main_core.Type.isObject(data.payment)) {
data.payment.forEach(function (fields, index) {
_this3.store.dispatch('payment/changeItem', {
index: index,
fields: fields
});
});
} //endregion
// region: check model
if (main_core.Type.isObject(data.check)) {
data.check.forEach(function (fields, index) {
_this3.store.dispatch('check/changeItem', {
index: index,
fields: fields
});
});
} //endregion
// region: paySystem model
if (main_core.Type.isObject(data.paySystem)) {
data.paySystem.forEach(function (fields, index) {
_this3.store.dispatch('pay-system/changeItem', {
index: index,
fields: fields
});
});
} //endregion
//region: consent
if (main_core.Type.isString(data.consentStatus)) {
this.store.dispatch('consent/setStatus', data.consentStatus);
}
if (main_core.Type.isObject(data.consent)) {
this.store.dispatch('consent/set', data.consent);
} //endregion
// region: errors
if (main_core.Type.isObject(data.errors)) {
this.store.commit('basket/setErrors', data.errors);
} //endregion
}
/**
* @private
*/
}], [{
key: "showError",
value: function showError(error) {
console.error(error);
}
}]);
return Application;
}();
exports.Application = Application;
}((this.BX.Sale.Checkout = this.BX.Sale.Checkout || {}),BX.Sale.Checkout.Lib,BX,BX.Sale.Checkout.Controller,BX.Sale.Checkout.Model,BX,BX.Event,BX,BX.Sale.Checkout.Const));
//# sourceMappingURL=application.bundle.js.map