Your IP : 216.73.216.86
import { Runtime, ajax } from 'main.core';
import { EventEmitter } from 'main.core.events'
import { BasketRestHandler } from 'sale.checkout.provider.rest'
import {
Application as ApplicationConst,
RestMethod as RestMethodConst,
Component as ComponentConst,
Consent as ConsentConst,
Loader as LoaderConst,
Property as PropertyConst,
EventType
} from 'sale.checkout.const';
import { History } from 'sale.checkout.lib';
import { Basket } from "./basket";
export class Application
{
constructor(option)
{
this.init(option)
.then(() => this.initProvider())
.then(() => this.iniController())
.then(() => this.subscribeToEvents())
.then(() => this.subscribeToStoreChanges())
}
/**
* @private
*/
init(option)
{
this.store = option.store;
return new Promise((resolve, reject) => resolve());
}
/**
* @private
*/
initProvider()
{
this.provider = BasketRestHandler.create({store: this.store})
return new Promise((resolve, reject) => resolve());
}
/**
* @private
*/
iniController()
{
this.basket = new Basket().setStore(this.store).setProvider(this.provider);
return new Promise((resolve, reject) => resolve());
}
/**
* @private
*/
executeRestAnswer(command, result, extra)
{
return this.provider.execute(command, result, extra);
}
/**
* @private
*/
subscribeToEvents()
{
EventEmitter.subscribe(EventType.order.success, (e)=>this.basket.handlerOrderSuccess(e));
EventEmitter.subscribe(EventType.basket.removeProduct, (e)=>this.basket.handlerRemoveProductSuccess(e));
EventEmitter.subscribe(EventType.basket.restoreProduct, (e)=>this.basket.handlerRestoreProductSuccess(e));
EventEmitter.subscribe(EventType.basket.buttonRemoveProduct, Runtime.debounce((e)=>this.basket.handlerRemove(e), 500, this));
EventEmitter.subscribe(EventType.basket.buttonPlusProduct, (e) => this.basket.handlerQuantityPlus(e));
EventEmitter.subscribe(EventType.basket.buttonMinusProduct, (e) => this.basket.handlerQuantityMinus(e));
EventEmitter.subscribe(EventType.basket.inputChangeQuantityProduct, (e) => this.basket.handlerChangeQuantity(e));
EventEmitter.subscribe(EventType.basket.buttonRestoreProduct, Runtime.debounce((e) => this.basket.handlerRestore(e), 500, this));
EventEmitter.subscribe(EventType.basket.needRefresh, (e) => this.basket.handlerNeedRefreshY(e));
EventEmitter.subscribe(EventType.basket.refreshAfter, (e) => this.basket.handlerNeedRefreshN(e));
EventEmitter.subscribe(EventType.basket.changeSku, (e) => this.basket.handlerChangeSku(e));
EventEmitter.subscribe(EventType.consent.refused, () => this.handlerConsentRefused());
EventEmitter.subscribe(EventType.consent.accepted, () => this.handlerConsentAccepted());
EventEmitter.subscribe(EventType.property.validate, (e) => this.handlerValidateProperty(e));
EventEmitter.subscribe(EventType.element.buttonCheckout, Runtime.debounce(() => this.handlerCheckout(), 1000, this));
EventEmitter.subscribe(EventType.element.buttonShipping, Runtime.debounce(() => this.handlerShipping(), 1000, this));
EventEmitter.subscribe(EventType.paysystem.beforeInitList, () => this.paySystemSetStatusWait());
EventEmitter.subscribe(EventType.paysystem.afterInitList, () => this.paySystemSetStatusNone());
}
/**
* @private
*/
subscribeToStoreChanges()
{
// this.store.subscribe((mutation, state) => {
// const { payload, type } = mutation;
// if (type === 'basket/setNeedRefresh')
// {
// alert('@@');
// this.getData();
// }
// });
return new Promise((resolve, reject) => resolve());
}
/**
* @private
*/
paySystemSetStatusWait()
{
let paySystem = { status: LoaderConst.status.wait};
return this.store.dispatch('pay-system/setStatus', paySystem);
}
/**
* @private
*/
paySystemSetStatusNone()
{
let paySystem = { status: LoaderConst.status.none};
return this.store.dispatch('pay-system/setStatus', paySystem);
}
/**
* @private
*/
appSetStatusWait()
{
let app = { status: LoaderConst.status.wait};
return this.store.dispatch('application/setStatus', app);
}
/**
* @private
*/
appSetStatusNone()
{
let app = { status: LoaderConst.status.none};
return this.store.dispatch('application/setStatus', app);
}
/**
* @private
*/
handlerConsentAccepted()
{
this.store.dispatch('consent/setStatus', ConsentConst.status.accepted);
}
/**
* @private
*/
handlerConsentRefused()
{
this.store.dispatch('consent/setStatus', ConsentConst.status.refused);
}
/**
* @private
*/
handlerCheckout()
{
BX.onCustomEvent(ConsentConst.validate.submit, []);
const consent = this.store.getters['consent/get'];
const consentStatus = this.store.getters['consent/getStatus'];
const allowed = consent.id > 0 ? consentStatus === ConsentConst.status.accepted:true;
if(allowed)
{
// this.propertiesValidate();
// this.propertiesIsValid() ? alert('propsSuccess'):alert('propsError')
this.appSetStatusWait();
this.saveOrder()
.then(() => {
this.appSetStatusNone()
.then(()=>
{
let order = this.store.getters['order/getOrder'];
if(order.id>0)
{
const url = History.pushState(
this.store.getters['application/getPathLocation'],
{
accountNumber: order.accountNumber,
access: order.hash
})
this.store.dispatch('application/setPathLocation', url);
}
})
}
)
.catch(() => this.appSetStatusNone())
}
}
/**
* @private
*/
handlerShipping()
{
this.store.dispatch('application/setStage', {stage: ApplicationConst.stage.view});
// todo
delete BX.UserConsent;
let order = this.store.getters['order/getOrder'];
if(order.id>0)
{
const component = ComponentConst.bitrixSaleOrderCheckout;
const cmd = RestMethodConst.saleEntityPaymentPay;
return ajax.runComponentAction(
component,
cmd,
{
data: {
fields: {
orderId: order.id,
accessCode: order.hash
}
},
signedParameters: this.store.getters['application/getSignedParameters']
}
)
}
}
/**
* @private
*/
saveOrder()
{
const component = ComponentConst.bitrixSaleOrderCheckout;
const cmd = RestMethodConst.saleEntitySaveOrder;
return ajax.runComponentAction(
component,
cmd,
{
data: {
fields: {
siteId: this.store.getters['application/getSiteId'],
personTypeId: this.store.getters['application/getPersonTypeId'],
tradingPlatformId: this.store.getters['application/getTradingPlatformId'],
properties: this.preparePropertyFields(
this.getPropertyList()
),
}
},
signedParameters: this.store.getters['application/getSignedParameters']
}
)
.then((result) => this.executeRestAnswer(cmd, result))
.catch((result) => this.executeRestAnswer(cmd, {error: result.errors}));
}
/**
* @private
*/
handlerValidateProperty(event)
{
const property = {};
property.index = event.getData().index;
property.fields = this.getPropertyItem(property.index);
this.changeValidatedProperty(property);
}
/**
* @private
*/
getPropertyItem(index)
{
return this.store.getters['property/get'](index);
}
/**
* @private
*/
changeValidatedProperty(property)
{
const fields = property.fields;
let errors = this.store.getters['property/getErrors'];
if (this.propertyDataValidate(fields))
{
errors = this.deletePropertyError(fields, errors);
}
else
{
errors = this.addPropertyError(fields, errors);
}
this.provider.setModelPropertyError(errors);
}
/**
* @private
*/
propertyDataValidate(fields)
{
return !(fields.required === 'Y' && fields.value === '');
}
/**
* @private
*/
deletePropertyError(fields, errors)
{
for (const errorIndex in errors)
{
if (errors[errorIndex]['propertyId'] === fields.id)
{
errors.splice(errorIndex, 1);
}
}
return errors;
}
/**
* @private
*/
addPropertyError(fields, errors)
{
const errorIds = errors.map(item => item.propertyId);
if (!errorIds.includes(fields.id))
{
errors.push({propertyId: fields.id});
}
return errors;
}
/**
* @private
*/
getPropertyList()
{
const result = [];
let list = this.store.getters['property/getProperty'];
try
{
for (let key in list)
{
if (!list.hasOwnProperty(key))
{
continue;
}
result[list[key].id] = list[key];
}
}
catch (e) {}
return result;
}
/**
* @private
*/
preparePropertyFields(list)
{
let fields = {};
list.forEach((property, inx)=>
{
fields[inx] = property.value
})
return fields;
}
}