request.js

(function () {
    'use strict';

    $.active = 0;

    /**
     * @param {Object} response
     * @param {Object} params
     */
    function onResponse(response, params) {
        if (params.global === false) {
            return;
        }

        $(document).trigger('ajaxComplete', {
            response: response,
            responseText: response.text,
            settings: params,
        });
    }

    /**
     * @param {Object} error
     * @throws {Exception}
     */
    function onError(error, params) {
        var response = error.response || error.original?.response;

        params.fail.push(params.error);
        params.always.push(params.complete);

        params.fail.filter(fn => fn).forEach(fn => fn(response, 'error', error));
        params.always.filter(fn => fn).forEach(fn => fn(response, 'error', response));

        $(document).trigger('ajaxError', {
            response: response,
            responseText: response.text,
            settings: params,
            error: error,
            status: response.status,
        });
    }

    /**
     * @param {Object} response
     * @return {Object}
     */
    function onSuccess(response, params) {
        params.done.push(params.success);
        params.always.push(params.complete);

        params.done.filter(fn => fn).forEach(fn => fn(response.body || response.text, 'success', response));
        params.always.filter(fn => fn).forEach(fn => fn(response.body || response, 'success', response));

        return response;
    }

    /**
     * @param {String|Object} url
     * @param {Object|Function} params
     * @return {Object}
     */
    function prepareParams(url, params) {
        var success = typeof params === 'function' ? params : false;

        if (typeof url === 'object') {
            params = url;
        } else if (!params || success) {
            params = {};
        }

        if (success) {
            params.success = success;
        }

        if (params.each || params instanceof Element) {
            params = {
                form: params
            };
        }

        if (params.form) {
            params.url = params.url || $(params.form).attr('action');
            params.data = params.form;
        }

        if (typeof url === 'string') {
            params.url = url;
        }

        if (params.type) {
            if (['post', 'get', 'put', 'delete', 'head'].includes(params.type.toLowerCase())) {
                params.method = params.type.toLowerCase();
            } else if (!params.dataType) {
                params.dataType = params.type;
            }
        }

        params.headers = Object.assign({
            'X-Requested-With': 'XMLHttpRequest',
            'Content-Type': 'application/x-www-form-urlencoded'
        }, params.headers || {});

        if (params.type === 'json') {
            params.headers['Content-Type'] = 'application/json';
        }

        if (params.contentType) {
            params.headers['Content-Type'] = params.contentType;
        } else if (params.contentType === false) {
            delete params.headers['Content-Type'];
        }

        _.each(params.headers, (value, key) => {
            if (value === null || value === false) {
                delete params.headers[key];
            }
        });

        // cache: true/false is not supported
        if (typeof params.cache !== 'string') {
            delete params.cache;
        }

        return params;
    }

    /**
     * @param {Object} data
     * @return {FormData}
     */
    function toFormData(data) {
        var formData,
            formKey = $.cookies.get('form_key');

        if (data.each && data.get) {
            data = data.get(0);
        }

        if (data instanceof FormData) {
            formData = data;
        } else if (data instanceof Element) {
            formData = new FormData(data);
        } else {
            formData = new FormData();

            if (typeof data === 'string') {
                data = $.parseQuery(data);
            }

            _.each(data, function (value, key) {
                if (_.isFunction(value)) {
                    value = value();
                }

                if (_.isArray(value)) {
                    key = key.includes('[') ? key : key + '[]';
                    value.map((val) => formData.append(key, val));
                } else if (_.isObject(value)) {
                    $.params({[key]: value}, false, true).split('&').map(pair => {
                        var parts = pair.split('='),
                            v = parts.pop(),
                            k = parts.join('=');

                        formData.append(k, v);
                    });
                } else {
                    formData.set(key, value);
                }
            });
        }

        if (!formData.has('form_key')) {
            formData.set('form_key', formKey);
        }

        return formData;
    }

    function send(params) {
        var controller = new AbortController();

        if (!params.signal) {
            params.signal = controller.signal;
        }

        if (params.method === 'get' && params.data) {
            params.url += params.url.indexOf('?') === -1 ? '?' : '&';

            if (typeof params.data !== 'string') {
                params.data = $.params(params.data);
            }

            params.url += params.data;
        } else if (params.method === 'post' && params.data) {
            if (typeof params.data !== 'string') {
                params.body = toFormData(params.data);
                delete params.headers['Content-Type'];
            } else {
                params.body = params.data;
            }
        }

        if (params.context) {
            ['done', 'always', 'fail', 'success', 'complete', 'error', 'beforeSend'].forEach(function (fn) {
                if (params[fn]) {
                    params[fn] = params[fn].bind(params.context);
                }
            });
        }

        $(document).trigger('ajaxSend', {
            settings: params,
        });
        if (params.beforeSend) {
            params.beforeSend(params);
        }

        $.active++;

        // eslint-disable-next-line one-var, vars-on-top
        var result = fetch(params.url, params)
            .then(async function (response) {
                var error;

                if (!response.ok) {
                    error = new Error(response.code);
                    error.response = response;
                    error.response.text = await response.text();
                    throw error;
                }

                return response.text();
            })
            .then(function (text) {
                var response = {
                    text: text,
                    req: params
                };

                response.body = (function () {
                    try {
                        return JSON.parse(text);
                    } catch (e) {
                        if (!params.dataType || params.dataType !== 'json') {
                            return text;
                        }

                        e.response = response;

                        throw e;
                    }
                })();

                onResponse(response, params);

                return response;
            })
            .then(function (response) {
                try {
                    return onSuccess(response, params);
                } catch (e) {
                    console.error(e);
                }
            })
            .catch(function (error) {
                return onError(error, params);
            })
            .finally(() => {
                $.active--;
            });

        // Emulate jQuery's functions that are not avaialble in native Promise
        ['done', 'fail', 'always'].forEach(name => {
            params[name] = params[name] ? [params[name]] : [];
            result[name] = function (fn) {
                params[name].push(fn);
                return this;
            };
        });

        result.abort = () => controller.abort();

        return result;
    }

    $.request = {
        /**
         * @param {Object} params
         * @return {Promise}
         */
        send: function (url, params) {
            params = prepareParams(url, params);
            params.type = params.method = params.method || 'get';

            return send(params);
        },

        /**
         * @param {Object} params
         * @return {Promise}
         */
        post: function (url, data, success) {
            var params = data ? _.pick({ data: data, success: success }, v => v) : data;

            params = prepareParams(url, params);
            params.type = params.method = 'post';

            return send(params);
        },

        /**
         * @param {Object} params
         * @return {Promise}
         */
        get: function (url, data, success) {
            var params = data ? _.pick({ data: data, success: success }, v => v) : data;

            params = prepareParams(url, params);
            params.type = params.method = 'get';

            return send(params);
        }
    };

    $.ajax = $.request.send;
    $.get = $.getJSON = $.request.get;
    $.post = $.request.post;

    function storageRequest(url, global, contentType, headers, method, data) {
        return $.ajax(url, {
            data, global, headers, method,
            contentType: contentType || 'application/json',
        });
    }

    $.breezemap['mage/storage'] = {
        get: (url, global, contentType, headers) =>
            storageRequest(url, global, contentType, headers, 'get'),
        post: (url, data, global, contentType, headers) =>
            storageRequest(url, global, contentType, headers, 'post', data),
        put: (url, data, global, contentType, headers) =>
            storageRequest(url, global, contentType, headers, 'put', data),
        delete: (url, global, contentType, headers) =>
            storageRequest(url, global, contentType, headers, 'delete'),
    };
})();