(function() {
        function createScript(url, attributes) {
            var script = document.createElement('script');
            script.src = url;

            var attrs = attributes.split(' ');
            attrs.forEach(function(attr) {
                var arr = attr.split('=');
                var value = arr[1]||'';

                script.setAttribute(arr[0], value.replace(/"/g,'') || "");
            });
            script.setAttribute('crossorigin', "");

            return script;
        }

        function appendScripts() {
            let scripts = {"styles1":{"name":"\/app\/styles.553b956225db3ee7.js","attributes":"defer type=\"module\""},"main1":{"name":"\/app\/main.370d602f095e0826.js","attributes":"defer type=\"module\""},"polyfills0":{"name":"\/app\/polyfills.384c48dc46cfcf43.js","attributes":"defer type=\"module\""},"runtime0":{"name":"\/app\/runtime.3e358a919b0d8d31.js","attributes":"defer type=\"module\""},"vendor0":{"name":"\/app\/vendor.9b2540ff67ce42d2.js","attributes":"defer type=\"module\""}};
            Object.keys(scripts).forEach(function(key){
                var script =  createScript(scripts[key].name, scripts[key].attributes || "");
                document.body.appendChild(script);
            });
        }

        function getTranslationsCallback(translations) {
            try {
                var translationsJson = JSON.parse(translations);
                window.translates = translationsJson.data;
            } catch (e) {
                window.translates = {}
            }
        }

        function appSetupCallBack(setup) {
            try {
                const setupJSON = JSON.parse(setup);
                window.applicationSetup = setupJSON.data || null;
            } catch (e) {
                window.applicationSetup = null;
            }
        }

        async function makeHttpRequest({ url }) {
            var request = new XMLHttpRequest();
            return new Promise((resolve, reject) => {
                request.onload = function () {
                    if (request.status >= 200 && request.status < 300) {
                        var response = this.responseText;
                        resolve(response);
                    } else {
                        reject(null);
                    }
                };
                request.open('GET', url);
                request.send();
            });
        }
        async function getTranslations() {
            return makeHttpRequest({ url:  '/api/translation/get?locale=hu_HU'})
        }

        async function getSettings() {
            return makeHttpRequest({ url:  window.apiEndpoint + '/api/v2/configurations'});
        }

        async function getAppSetup() {
            return {
                translations: await getTranslations(),
                applicationSetup: await getSettings(),
            }
        }

        getAppSetup().then(function(data)  {
            const { translations, applicationSetup } = data;
            getTranslationsCallback(translations);
            appSetupCallBack(applicationSetup);
            appendScripts();
        }).catch(function(e) {
            window.translates = {};
            window.applicationSetup = null;
            appendScripts();
        });
    })();