Your IP : 18.191.201.27

Current Path : /var/www/axolotl/data/www/axolotl.ru/www/bitrix/js/yandexpaypay/widget/
Upload File :
Current File : /var/www/axolotl/data/www/axolotl.ru/www/bitrix/js/yandexpaypay/widget/widget.js

import StepFactory from './step/factory';
import Divider from "./step/divider";
import Page from "../solution/reference/page";
import NodePreserver from "./ui/nodepreserver";
import Loader from "./ui/loader/factory";

export default class Widget {

	static defaults = {}

	defaults;
	options;
	loader;
	divider;
	el;
	step;
	/** @var Page|null */
	solution;
	/** @var NodePreserver|null */
	preserver;

	/**
	 * @param {Object<Element>} element
	 * @param {Object} options
	 */
	constructor(element, options = {}) {
		this.defaults = Object.assign({}, this.constructor.defaults);
		this.options = {};
		this.el = element;

		this.setOptions(options);
	}

	boot() {
		this.bootSolution();
	}

	destroy() {
		this.destroyStep()
		this.destroySolution();
		this.destroyPreserver();
	}

	/**
	 * @param {Object} data
	 */
	payment(data) {
		this.go('payment', data);
	}

	/**
	 * @param {Object} data
	 */
	cart(data){
		this.go('cart', data);
	}

	restore(element) {
		this.el = element;
		this.step?.restore(element);
		this.restoreToolsDisplay(element);
	}

	/**
	 * @param {string} type
	 * @param {Object} data
	 */
	go(type, data) {
		this.step = this.makeStep(type);
		this.step.render(this.el, data);
	}

	destroyStep() {
		this.step?.destroy();
	}

	bootToolsDisplay() {
		this.bootDivider();
		this.bootLoader();
	}

	restoreToolsDisplay(element) {
		this.divider?.restore(element);
	}

	removeToolsDisplay() {
		this.removeDivider();
		this.removeLoader();
	}

	bootDivider() {
		if (this.divider == null)
		{
			this.divider = new Divider(this);
		}

		this.divider.render(this.el);
	}

	removeDivider() {
		if (this.divider == null) { return; }
		this.divider.remove(this.el);
		this.divider = null;
	}

	bootLoader() {
		if (this.loader == null) {
			this.loader = Loader.make(this.getOption('displayType'), this, this.options);
		}

		this.loader.render(this.el);
	}

	removeLoader() {
		if (this.loader == null) { return; }
		this.loader.remove(this.el);
		this.loader = null;
	}

	/**
	 * @param {String} type
	 * @returns {Cart|Finish|Step3ds|Payment|Failure}
	 * @throws {Error}
	 */
	makeStep(type) {
		const options = this.getOption(type) || {};

		return StepFactory.make(type, this, options);
	}

	setPreserver(preserver: NodePreserver) : void {
		this.preserver = preserver;
	}

	destroyPreserver() : void {
		this.preserver?.destroy();
	}

	setSolution(solution: Page) : void {
		this.solution = solution;
	}

	getSolution() : Page {
		return this.solution;
	}

	bootSolution() {
		this.getSolution()?.bootWidget(this);
	}

	destroySolution() {
		this.getSolution()?.destroyWidget(this);
	}

	extendDefaults(options) {
		this.defaults = Object.assign(this.defaults, options);
	}

	setOptions(options) {
		this.options = Object.assign(this.options, options);
	}

	getOption(name) {
		return this.options[name] ?? this.defaults[name];
	}
}