@salla.sa/twilight-components 2.11.69 → 2.11.70

package/dist/cjs/{salla-button_36.cjs.entry.js → salla-button_37.cjs.entry.js}

@@ -6,6 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d2b3370.js');
+const cart = require('./cart-3ecaa815.js');
 const _commonjsHelpers = require('./_commonjsHelpers-691dd63b.js');
 const camera = require('./camera-058ddeeb.js');
 
@@ -122,13 +123,6 @@ const SallaButton = class {
 };
 SallaButton.style = sallaButtonCss;
 
-const PendingOrdersIcon = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
-<title>cart</title>
-<path d="M15.426 28.084c0-1.412-0.85-2.684-2.156-3.226-1.305-0.54-2.807-0.241-3.805 0.758-0.999 0.998-1.298 2.5-0.758 3.805 0.54 1.303 1.815 2.155 3.226 2.155 1.928-0.003 3.49-1.564 3.492-3.492h0.001zM10.597 28.084h0.001c0-0.54 0.326-1.027 0.825-1.235 0.498-0.206 1.074-0.091 1.455 0.29 0.383 0.382 0.497 0.957 0.29 1.456-0.208 0.5-0.695 0.825-1.235 0.825-0.355 0-0.695-0.142-0.944-0.391-0.251-0.251-0.392-0.591-0.392-0.946h-0.001l0.001 0.001zM28.23 28.084c0-1.412-0.85-2.684-2.155-3.226-1.305-0.54-2.807-0.241-3.806 0.758s-1.297 2.5-0.756 3.805c0.54 1.303 1.813 2.155 3.226 2.155 1.927-0.003 3.49-1.564 3.491-3.492zM23.401 28.084c0-0.54 0.326-1.027 0.825-1.235 0.5-0.206 1.075-0.091 1.457 0.29s0.497 0.957 0.289 1.456c-0.206 0.5-0.693 0.825-1.233 0.825-0.738 0-1.337-0.599-1.337-1.337l-0.001 0.001zM1.953 0.234l-0.342-0.059c-0.29-0.064-0.594-0.004-0.839 0.166-0.247 0.169-0.414 0.436-0.463 0.734-0.050 0.3 0.023 0.607 0.201 0.85s0.444 0.402 0.738 0.44l0.341 0.059c1.825 0.324 3.248 1.794 3.548 3.662l1.981 12.369h-0.001c0.218 1.387 0.913 2.651 1.96 3.563s2.379 1.412 3.754 1.41h14.242c0.601 0 1.088-0.498 1.088-1.112s-0.487-1.112-1.088-1.112h-14.242c-1.679-0.001-3.139-1.183-3.525-2.854h11.463c1.614 0.004 3.188-0.518 4.493-1.49 1.305-0.973 2.271-2.346 2.762-3.918l1.298-4.136c0.145-0.455 0.065-0.953-0.213-1.336-0.278-0.385-0.72-0.608-1.187-0.602h-20.467l-0.181-1.141c-0.218-1.367-0.849-2.631-1.802-3.615-0.954-0.983-2.184-1.64-3.518-1.878h-0.001zM26.946 9.096l-0.993 3.169v-0.001c-0.353 1.122-1.044 2.101-1.975 2.796s-2.056 1.067-3.208 1.067h-11.833l-1.125-7.042 19.134 0.011z"></path>
-</svg>
-`;
-
 /*
  * anime.js v3.2.1
  * (c) 2020 Julian Garnier
@@ -1500,7 +1494,7 @@ const SallaCartSummary = class {
     }, '-=1700');
   }
   render() {
-    return (index.h(index.Host, null, index.h("a", { class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, index.h("div", { id: "s-cart-icon" }, index.h("slot", { name: "icon" }, index.h("i", { class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), index.h("span", { class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { class: "s-cart-summary-total" }, salla.money(this.cartSummaryTotal))))));
+    return (index.h(index.Host, null, index.h("a", { class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, index.h("div", { id: "s-cart-icon" }, index.h("slot", { name: "icon" }, index.h("i", { class: "s-cart-summary-icon", innerHTML: cart.Cart }))), index.h("span", { class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { class: "s-cart-summary-total" }, salla.money(this.cartSummaryTotal))))));
   }
   get host() { return index.getElement(this); }
 };
@@ -1994,7 +1988,7 @@ var EVENT_KEY = 'keydown',
     EVENT_CLICK_OUTSIDE = 'mousedown',
     EVENT_TAB_MOVE = 'focusin';
 
-function $(selector, context) {
+function $$1(selector, context) {
     return (context || document).querySelector(selector);
 }
 
@@ -2232,13 +2226,13 @@ var Picker = function () {
             var wrapper = parseHTML(html);
 
             this.domElement = wrapper;
-            this._domH = $('.picker_hue', wrapper);
-            this._domSL = $('.picker_sl', wrapper);
-            this._domA = $('.picker_alpha', wrapper);
-            this._domEdit = $('.picker_editor input', wrapper);
-            this._domSample = $('.picker_sample', wrapper);
-            this._domOkay = $('.picker_done button', wrapper);
-            this._domCancel = $('.picker_cancel button', wrapper);
+            this._domH = $$1('.picker_hue', wrapper);
+            this._domSL = $$1('.picker_sl', wrapper);
+            this._domA = $$1('.picker_alpha', wrapper);
+            this._domEdit = $$1('.picker_editor input', wrapper);
+            this._domSample = $$1('.picker_sample', wrapper);
+            this._domOkay = $$1('.picker_done button', wrapper);
+            this._domCancel = $$1('.picker_cancel button', wrapper);
 
             wrapper.classList.add('layout_' + this.settings.layout);
             if (!this.settings.alpha) {
@@ -2423,9 +2417,9 @@ var Picker = function () {
             var uiH = this._domH,
                 uiSL = this._domSL,
                 uiA = this._domA,
-                thumbH = $('.picker_selector', uiH),
-                thumbSL = $('.picker_selector', uiSL),
-                thumbA = $('.picker_selector', uiA);
+                thumbH = $$1('.picker_selector', uiH),
+                thumbSL = $$1('.picker_selector', uiSL),
+                thumbA = $$1('.picker_selector', uiA);
 
             function posX(parent, child, relX) {
                 child.style.left = relX * 100 + '%';
@@ -2765,7 +2759,7 @@ var HOOKS = [
     "onYearChange",
     "onPreCalendarPosition",
 ];
-var defaults = {
+var defaults$1 = {
     _disable: [],
     allowInput: false,
     allowInvalidPreload: false,
@@ -3115,7 +3109,7 @@ var formats = {
 };
 
 var createDateFormatter = function (_a) {
-    var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c, _d = _a.isMobile, isMobile = _d === void 0 ? false : _d;
+    var _b = _a.config, config = _b === void 0 ? defaults$1 : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c, _d = _a.isMobile, isMobile = _d === void 0 ? false : _d;
     return function (dateObj, frmt, overrideLocale) {
         var locale = overrideLocale || l10n;
         if (config.formatDate !== undefined && !isMobile) {
@@ -3134,7 +3128,7 @@ var createDateFormatter = function (_a) {
     };
 };
 var createDateParser = function (_a) {
-    var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c;
+    var _b = _a.config, config = _b === void 0 ? defaults$1 : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c;
     return function (date, givenFormat, timeless, customLocale) {
         if (date !== 0 && !date)
             return undefined;
@@ -3147,7 +3141,7 @@ var createDateParser = function (_a) {
             date.toFixed !== undefined)
             parsedDate = new Date(date);
         else if (typeof date === "string") {
-            var format = givenFormat || (config || defaults).dateFormat;
+            var format = givenFormat || (config || defaults$1).dateFormat;
             var datestr = String(date).trim();
             if (datestr === "today") {
                 parsedDate = new Date();
@@ -3292,7 +3286,7 @@ var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
 var DEBOUNCED_CHANGE_MS = 300;
 function FlatpickrInstance(element, instanceConfig) {
     var self = {
-        config: __assign(__assign({}, defaults), flatpickr.defaultConfig),
+        config: __assign(__assign({}, defaults$1), flatpickr.defaultConfig),
         l10n: english,
     };
     self.parseDate = createDateParser({ config: self.config, l10n: self.l10n });
@@ -4589,7 +4583,7 @@ function FlatpickrInstance(element, instanceConfig) {
         });
         var timeMode = userConfig.mode === "time";
         if (!userConfig.dateFormat && (userConfig.enableTime || timeMode)) {
-            var defaultDateFormat = flatpickr.defaultConfig.dateFormat || defaults.dateFormat;
+            var defaultDateFormat = flatpickr.defaultConfig.dateFormat || defaults$1.dateFormat;
             formats.dateFormat =
                 userConfig.noCalendar || timeMode
                     ? "H:i" + (userConfig.enableSeconds ? ":S" : "")
@@ -4598,7 +4592,7 @@ function FlatpickrInstance(element, instanceConfig) {
         if (userConfig.altInput &&
             (userConfig.enableTime || timeMode) &&
             !userConfig.altFormat) {
-            var defaultAltFormat = flatpickr.defaultConfig.altFormat || defaults.altFormat;
+            var defaultAltFormat = flatpickr.defaultConfig.altFormat || defaults$1.altFormat;
             formats.altFormat =
                 userConfig.noCalendar || timeMode
                     ? "h:i" + (userConfig.enableSeconds ? ":S K" : " K")
@@ -21007,7 +21001,7 @@ const LeftArrow = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const Cancel = `<!-- Generated by IcoMoon.io -->
+const Cancel$1 = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>cancel</title>
 <path d="M17.885 16l7.057-7.057c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-7.057 7.057-7.057-7.057c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l7.057 7.057-7.057 7.057c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l7.057-7.057 7.057 7.057c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>
@@ -21340,7 +21334,7 @@ const SallaGifting = class {
         :
           [
             index.h("div", { class: "s-gifting-modal-header" }, index.h("span", { class: "s-gifting-modal-icon" }, index.h("span", { innerHTML: GiftSharing })), index.h("h2", { class: "s-gifting-modal-title" }, index.h("div", { class: "s-gifting-modal-badge-wrapper" }, index.h("div", { class: "s-gifting-modal-badge" }, index.h("span", null, index.h("span", null, this.currentStep), "/2")), index.h("span", null, this.giftDetails)))),
-            index.h("div", { class: "s-gifting-steps-wrapper " + this.parentClass, ref: el => this.stepsWrapper = el }, index.h("div", { class: "s-gifting-step-one gift-step-1", ref: el => this.step1Elems = el }, index.h("div", { class: "s-gifting-modal-uploader-title anime-item" }, this.selectImageForYourGift), index.h("div", { class: "s-gifting-modal-uploader anime-item", ref: el => this.uploader = el }, index.h("span", { class: "s-gifting-remove-preview", onClick: () => this.removePreview(), innerHTML: Cancel }), this.selectImageOrUpload && index.h("salla-file-upload", { "instant-upload": true, name: "image_url", url: salla.url.api(salla.product.api.getUrl('giftImage')), onUploaded: event => this.handleUploadImage(event.detail), labelIdle: this.getFilepondPlaceholder(), onRemoved: () => this.handleRemoveImage() })), index.h("div", { class: "anime-item" }, !this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?
+            index.h("div", { class: "s-gifting-steps-wrapper " + this.parentClass, ref: el => this.stepsWrapper = el }, index.h("div", { class: "s-gifting-step-one gift-step-1", ref: el => this.step1Elems = el }, index.h("div", { class: "s-gifting-modal-uploader-title anime-item" }, this.selectImageForYourGift), index.h("div", { class: "s-gifting-modal-uploader anime-item", ref: el => this.uploader = el }, index.h("span", { class: "s-gifting-remove-preview", onClick: () => this.removePreview(), innerHTML: Cancel$1 }), this.selectImageOrUpload && index.h("salla-file-upload", { "instant-upload": true, name: "image_url", url: salla.url.api(salla.product.api.getUrl('giftImage')), onUploaded: event => this.handleUploadImage(event.detail), labelIdle: this.getFilepondPlaceholder(), onRemoved: () => this.handleRemoveImage() })), index.h("div", { class: "anime-item" }, !this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?
               index.h("salla-slider", { id: "gifting-slider", loop: false, "controls-outer": true, class: "s-gifting-slider", type: "carousel" }, index.h("div", { slot: "items" }, (_a = this.gift) === null || _a === void 0 ? void 0 : _a.gift_images.map((item) => index.h("img", { class: "s-gifting-image s-gifting-clickable", src: item.url, onClick: () => this.setPreview(item), alt: `${item.id}` }))))
               : ""), index.h("div", { class: "anime-item" }, index.h("div", { class: "s-form-group s-gifting-selectText", ref: el => this.textSelect = el }, index.h("select", { id: "gift-text-selection", name: "gift-text-selection", class: "s-form-control s-gifting-select", onChange: e => this.toggleGiftText(e) }, index.h("option", { "data-id": null, selected: true }, this.selectGiftMessage), (_b = this.gift) === null || _b === void 0 ? void 0 :
               _b.gift_texts.map((txt) => index.h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), index.h("option", { "data-id": "custom" }, this.giftCustomText))), index.h("div", { class: this.showGiftText ? "s-form-group s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide", ref: (el) => this.customTextArea = el }, index.h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), index.h("div", { class: "mt-1" }, index.h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, ref: (el) => this.textArea = el, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" })))), index.h("div", { class: "anime-item" }, index.h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, index.h("span", null, this.nextStep)))), index.h("div", { class: "s-gifting-step-two gift-step-2", ref: el => this.step2Elems = el }, index.h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index.h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), index.h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ?
@@ -22069,7 +22063,7 @@ const SallaLoyalty = class {
     ];
   }
   getAfterExchangeUI() {
-    return index.h("slot", { name: 'points-applied-widget' }, index.h("salla-list-tile", { class: "s-loyalty-after-exchange" }, index.h("div", { slot: "title", class: "s-loyalty-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), index.h("div", { slot: 'action', class: "s-loyalty-after-exchange-action" }, index.h("salla-button", { class: "s-loyalty-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => this.resetExchange() }, index.h("span", { innerHTML: Cancel })))));
+    return index.h("slot", { name: 'points-applied-widget' }, index.h("salla-list-tile", { class: "s-loyalty-after-exchange" }, index.h("div", { slot: "title", class: "s-loyalty-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), index.h("div", { slot: 'action', class: "s-loyalty-after-exchange-action" }, index.h("salla-button", { class: "s-loyalty-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => this.resetExchange() }, index.h("span", { innerHTML: Cancel$1 })))));
   }
   /**
    * Show loyalty modal
@@ -23027,7 +23021,7 @@ const SallaModal = class {
       return (index.h(index.Host, { class: 'salla-modal s-modal s-modal-container s-hidden', "aria-modal": "true", role: "dialog", onKeyUp: e => this.handleKeyUp(e) }, index.h("div", { class: "s-modal-overlay", ref: el => this.overlay = el, onClick: () => this.closeModal() }), index.h("div", { class: "s-modal-wrapper" }, index.h("span", { class: 's-modal-spacer s-modal-align-' + this.position }, "\u200B"), index.h("div", { class: 's-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding') }, index.h("slot", { name: "loading" }, index.h("salla-loading", null)), index.h("div", { class: "s-hidden" }, index.h("slot", null))))));
     }
     return (index.h(index.Host, { class: 'salla-modal s-modal s-modal-container s-hidden', "aria-modal": "true", role: "dialog" }, index.h("div", { class: "s-modal-overlay", ref: el => this.overlay = el, onClick: () => this.closeModal() }), index.h("div", { class: "s-modal-wrapper" }, index.h("span", { class: 's-modal-spacer s-modal-align-' + this.position }, "\u200B"), index.h("div", { class: 's-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding') }, index.h("div", { class: { 's-modal-header': true, 's-modal-is-center': this.centered } }, this.isClosable ?
-      index.h("button", { class: "s-modal-close", onClick: () => this.closeModal(), type: "button" }, index.h("span", { innerHTML: Cancel }))
+      index.h("button", { class: "s-modal-close", onClick: () => this.closeModal(), type: "button" }, index.h("span", { innerHTML: Cancel$1 }))
       : '', this.modalTitle || this.subTitle ?
       index.h("div", { class: "s-modal-header-inner" }, index.h("slot", { name: 'icon' }, !!this.iconStyle ?
         index.h("div", { class: this.iconBlockClasses(), innerHTML: this.iconStyle == 'error' ? AlertEngineIcon : CheckCircle2 })
@@ -23595,6 +23589,2582 @@ const SallaQuantityInput = class {
 };
 SallaQuantityInput.style = sallaQuantityInputCss;
 
+const FullWallet = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>full-wallet</title>
+<path d="M29 12h-26c-0.668-0.008-1.284-0.226-1.787-0.59l0.009 0.006c-0.744-0.552-1.222-1.428-1.222-2.416 0-1.657 1.343-3 2.999-3h6c0.552 0 1 0.448 1 1s-0.448 1-1 1v0h-6c-0.552 0-1 0.448-1 1 0 0.326 0.156 0.616 0.397 0.798l0.002 0.002c0.167 0.12 0.374 0.194 0.599 0.2l0.001 0h26c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM27 12c-0.552 0-1-0.448-1-1v0-3h-3c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h4c0.552 0 1 0.448 1 1v0 4c0 0.552-0.448 1-1 1v0zM29 30h-26c-1.657 0-3-1.343-3-3v0-18c0-0.552 0.448-1 1-1s1 0.448 1 1v0 18c0 0.552 0.448 1 1 1v0h25v-5c0-0.552 0.448-1 1-1s1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM29 18c-0.552 0-1-0.448-1-1v0-6c0-0.552 0.448-1 1-1s1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM31 24h-7c-2.209 0-4-1.791-4-4s1.791-4 4-4v0h7c0.552 0 1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM24 18c-1.105 0-2 0.895-2 2s0.895 2 2 2v0h6v-4zM25 12c-0.001 0-0.001 0-0.002 0-0.389 0-0.726-0.222-0.891-0.546l-0.003-0.006-3.552-7.106-2.306 1.152c-0.13 0.066-0.284 0.105-0.447 0.105-0.552 0-1-0.448-1-1 0-0.39 0.223-0.727 0.548-0.892l0.006-0.003 3.2-1.6c0.13-0.067 0.284-0.106 0.447-0.106 0.39 0 0.727 0.223 0.892 0.548l0.003 0.006 4 8c0.067 0.13 0.106 0.285 0.106 0.448 0 0.552-0.448 1-1 1v0zM21 12c-0.001 0-0.001 0-0.002 0-0.389 0-0.726-0.222-0.891-0.546l-0.003-0.006-3.552-7.106-15.104 7.552c-0.13 0.066-0.284 0.105-0.447 0.105-0.552 0-1-0.448-1-1 0-0.39 0.223-0.727 0.548-0.892l0.006-0.003 16-8c0.13-0.067 0.284-0.106 0.447-0.106 0.39 0 0.727 0.223 0.892 0.548l0.003 0.006 4 8c0.067 0.13 0.106 0.285 0.106 0.448 0 0.552-0.448 1-1 1-0.001 0-0.001 0-0.002 0h0z"></path>
+</svg>
+`;
+
+var bind = function bind(fn, thisArg) {
+  return function wrap() {
+    var args = new Array(arguments.length);
+    for (var i = 0; i < args.length; i++) {
+      args[i] = arguments[i];
+    }
+    return fn.apply(thisArg, args);
+  };
+};
+
+// utils is a library of generic helper functions non-specific to axios
+
+var toString = Object.prototype.toString;
+
+/**
+ * Determine if a value is an Array
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Array, otherwise false
+ */
+function isArray(val) {
+  return toString.call(val) === '[object Array]';
+}
+
+/**
+ * Determine if a value is undefined
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if the value is undefined, otherwise false
+ */
+function isUndefined(val) {
+  return typeof val === 'undefined';
+}
+
+/**
+ * Determine if a value is a Buffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Buffer, otherwise false
+ */
+function isBuffer(val) {
+  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)
+    && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
+}
+
+/**
+ * Determine if a value is an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an ArrayBuffer, otherwise false
+ */
+function isArrayBuffer(val) {
+  return toString.call(val) === '[object ArrayBuffer]';
+}
+
+/**
+ * Determine if a value is a FormData
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an FormData, otherwise false
+ */
+function isFormData(val) {
+  return (typeof FormData !== 'undefined') && (val instanceof FormData);
+}
+
+/**
+ * Determine if a value is a view on an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
+ */
+function isArrayBufferView(val) {
+  var result;
+  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
+    result = ArrayBuffer.isView(val);
+  } else {
+    result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);
+  }
+  return result;
+}
+
+/**
+ * Determine if a value is a String
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a String, otherwise false
+ */
+function isString(val) {
+  return typeof val === 'string';
+}
+
+/**
+ * Determine if a value is a Number
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Number, otherwise false
+ */
+function isNumber(val) {
+  return typeof val === 'number';
+}
+
+/**
+ * Determine if a value is an Object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Object, otherwise false
+ */
+function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+
+/**
+ * Determine if a value is a plain Object
+ *
+ * @param {Object} val The value to test
+ * @return {boolean} True if value is a plain Object, otherwise false
+ */
+function isPlainObject(val) {
+  if (toString.call(val) !== '[object Object]') {
+    return false;
+  }
+
+  var prototype = Object.getPrototypeOf(val);
+  return prototype === null || prototype === Object.prototype;
+}
+
+/**
+ * Determine if a value is a Date
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Date, otherwise false
+ */
+function isDate(val) {
+  return toString.call(val) === '[object Date]';
+}
+
+/**
+ * Determine if a value is a File
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a File, otherwise false
+ */
+function isFile(val) {
+  return toString.call(val) === '[object File]';
+}
+
+/**
+ * Determine if a value is a Blob
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Blob, otherwise false
+ */
+function isBlob(val) {
+  return toString.call(val) === '[object Blob]';
+}
+
+/**
+ * Determine if a value is a Function
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Function, otherwise false
+ */
+function isFunction(val) {
+  return toString.call(val) === '[object Function]';
+}
+
+/**
+ * Determine if a value is a Stream
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Stream, otherwise false
+ */
+function isStream(val) {
+  return isObject(val) && isFunction(val.pipe);
+}
+
+/**
+ * Determine if a value is a URLSearchParams object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a URLSearchParams object, otherwise false
+ */
+function isURLSearchParams(val) {
+  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
+}
+
+/**
+ * Trim excess whitespace off the beginning and end of a string
+ *
+ * @param {String} str The String to trim
+ * @returns {String} The String freed of excess whitespace
+ */
+function trim(str) {
+  return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, '');
+}
+
+/**
+ * Determine if we're running in a standard browser environment
+ *
+ * This allows axios to run in a web worker, and react-native.
+ * Both environments support XMLHttpRequest, but not fully standard globals.
+ *
+ * web workers:
+ *  typeof window -> undefined
+ *  typeof document -> undefined
+ *
+ * react-native:
+ *  navigator.product -> 'ReactNative'
+ * nativescript
+ *  navigator.product -> 'NativeScript' or 'NS'
+ */
+function isStandardBrowserEnv() {
+  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||
+                                           navigator.product === 'NativeScript' ||
+                                           navigator.product === 'NS')) {
+    return false;
+  }
+  return (
+    typeof window !== 'undefined' &&
+    typeof document !== 'undefined'
+  );
+}
+
+/**
+ * Iterate over an Array or an Object invoking a function for each item.
+ *
+ * If `obj` is an Array callback will be called passing
+ * the value, index, and complete array for each item.
+ *
+ * If 'obj' is an Object callback will be called passing
+ * the value, key, and complete object for each property.
+ *
+ * @param {Object|Array} obj The object to iterate
+ * @param {Function} fn The callback to invoke for each item
+ */
+function forEach(obj, fn) {
+  // Don't bother if no value provided
+  if (obj === null || typeof obj === 'undefined') {
+    return;
+  }
+
+  // Force an array if not already something iterable
+  if (typeof obj !== 'object') {
+    /*eslint no-param-reassign:0*/
+    obj = [obj];
+  }
+
+  if (isArray(obj)) {
+    // Iterate over array values
+    for (var i = 0, l = obj.length; i < l; i++) {
+      fn.call(null, obj[i], i, obj);
+    }
+  } else {
+    // Iterate over object keys
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        fn.call(null, obj[key], key, obj);
+      }
+    }
+  }
+}
+
+/**
+ * Accepts varargs expecting each argument to be an object, then
+ * immutably merges the properties of each object and returns result.
+ *
+ * When multiple objects contain the same key the later object in
+ * the arguments list will take precedence.
+ *
+ * Example:
+ *
+ * ```js
+ * var result = merge({foo: 123}, {foo: 456});
+ * console.log(result.foo); // outputs 456
+ * ```
+ *
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+function merge(/* obj1, obj2, obj3, ... */) {
+  var result = {};
+  function assignValue(val, key) {
+    if (isPlainObject(result[key]) && isPlainObject(val)) {
+      result[key] = merge(result[key], val);
+    } else if (isPlainObject(val)) {
+      result[key] = merge({}, val);
+    } else if (isArray(val)) {
+      result[key] = val.slice();
+    } else {
+      result[key] = val;
+    }
+  }
+
+  for (var i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue);
+  }
+  return result;
+}
+
+/**
+ * Extends object a by mutably adding to it the properties of object b.
+ *
+ * @param {Object} a The object to be extended
+ * @param {Object} b The object to copy properties from
+ * @param {Object} thisArg The object to bind function to
+ * @return {Object} The resulting value of object a
+ */
+function extend(a, b, thisArg) {
+  forEach(b, function assignValue(val, key) {
+    if (thisArg && typeof val === 'function') {
+      a[key] = bind(val, thisArg);
+    } else {
+      a[key] = val;
+    }
+  });
+  return a;
+}
+
+/**
+ * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
+ *
+ * @param {string} content with BOM
+ * @return {string} content value without BOM
+ */
+function stripBOM(content) {
+  if (content.charCodeAt(0) === 0xFEFF) {
+    content = content.slice(1);
+  }
+  return content;
+}
+
+var utils = {
+  isArray: isArray,
+  isArrayBuffer: isArrayBuffer,
+  isBuffer: isBuffer,
+  isFormData: isFormData,
+  isArrayBufferView: isArrayBufferView,
+  isString: isString,
+  isNumber: isNumber,
+  isObject: isObject,
+  isPlainObject: isPlainObject,
+  isUndefined: isUndefined,
+  isDate: isDate,
+  isFile: isFile,
+  isBlob: isBlob,
+  isFunction: isFunction,
+  isStream: isStream,
+  isURLSearchParams: isURLSearchParams,
+  isStandardBrowserEnv: isStandardBrowserEnv,
+  forEach: forEach,
+  merge: merge,
+  extend: extend,
+  trim: trim,
+  stripBOM: stripBOM
+};
+
+function encode(val) {
+  return encodeURIComponent(val).
+    replace(/%3A/gi, ':').
+    replace(/%24/g, '$').
+    replace(/%2C/gi, ',').
+    replace(/%20/g, '+').
+    replace(/%5B/gi, '[').
+    replace(/%5D/gi, ']');
+}
+
+/**
+ * Build a URL by appending params to the end
+ *
+ * @param {string} url The base of the url (e.g., http://www.google.com)
+ * @param {object} [params] The params to be appended
+ * @returns {string} The formatted url
+ */
+var buildURL = function buildURL(url, params, paramsSerializer) {
+  /*eslint no-param-reassign:0*/
+  if (!params) {
+    return url;
+  }
+
+  var serializedParams;
+  if (paramsSerializer) {
+    serializedParams = paramsSerializer(params);
+  } else if (utils.isURLSearchParams(params)) {
+    serializedParams = params.toString();
+  } else {
+    var parts = [];
+
+    utils.forEach(params, function serialize(val, key) {
+      if (val === null || typeof val === 'undefined') {
+        return;
+      }
+
+      if (utils.isArray(val)) {
+        key = key + '[]';
+      } else {
+        val = [val];
+      }
+
+      utils.forEach(val, function parseValue(v) {
+        if (utils.isDate(v)) {
+          v = v.toISOString();
+        } else if (utils.isObject(v)) {
+          v = JSON.stringify(v);
+        }
+        parts.push(encode(key) + '=' + encode(v));
+      });
+    });
+
+    serializedParams = parts.join('&');
+  }
+
+  if (serializedParams) {
+    var hashmarkIndex = url.indexOf('#');
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex);
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
+  }
+
+  return url;
+};
+
+function InterceptorManager() {
+  this.handlers = [];
+}
+
+/**
+ * Add a new interceptor to the stack
+ *
+ * @param {Function} fulfilled The function to handle `then` for a `Promise`
+ * @param {Function} rejected The function to handle `reject` for a `Promise`
+ *
+ * @return {Number} An ID used to remove interceptor later
+ */
+InterceptorManager.prototype.use = function use(fulfilled, rejected, options) {
+  this.handlers.push({
+    fulfilled: fulfilled,
+    rejected: rejected,
+    synchronous: options ? options.synchronous : false,
+    runWhen: options ? options.runWhen : null
+  });
+  return this.handlers.length - 1;
+};
+
+/**
+ * Remove an interceptor from the stack
+ *
+ * @param {Number} id The ID that was returned by `use`
+ */
+InterceptorManager.prototype.eject = function eject(id) {
+  if (this.handlers[id]) {
+    this.handlers[id] = null;
+  }
+};
+
+/**
+ * Iterate over all the registered interceptors
+ *
+ * This method is particularly useful for skipping over any
+ * interceptors that may have become `null` calling `eject`.
+ *
+ * @param {Function} fn The function to call for each interceptor
+ */
+InterceptorManager.prototype.forEach = function forEach(fn) {
+  utils.forEach(this.handlers, function forEachHandler(h) {
+    if (h !== null) {
+      fn(h);
+    }
+  });
+};
+
+var InterceptorManager_1 = InterceptorManager;
+
+var normalizeHeaderName = function normalizeHeaderName(headers, normalizedName) {
+  utils.forEach(headers, function processHeader(value, name) {
+    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
+      headers[normalizedName] = value;
+      delete headers[name];
+    }
+  });
+};
+
+/**
+ * Update an Error with the specified config, error code, and response.
+ *
+ * @param {Error} error The error to update.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The error.
+ */
+var enhanceError = function enhanceError(error, config, code, request, response) {
+  error.config = config;
+  if (code) {
+    error.code = code;
+  }
+
+  error.request = request;
+  error.response = response;
+  error.isAxiosError = true;
+
+  error.toJSON = function toJSON() {
+    return {
+      // Standard
+      message: this.message,
+      name: this.name,
+      // Microsoft
+      description: this.description,
+      number: this.number,
+      // Mozilla
+      fileName: this.fileName,
+      lineNumber: this.lineNumber,
+      columnNumber: this.columnNumber,
+      stack: this.stack,
+      // Axios
+      config: this.config,
+      code: this.code,
+      status: this.response && this.response.status ? this.response.status : null
+    };
+  };
+  return error;
+};
+
+/**
+ * Create an Error with the specified message, config, error code, request and response.
+ *
+ * @param {string} message The error message.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The created error.
+ */
+var createError = function createError(message, config, code, request, response) {
+  var error = new Error(message);
+  return enhanceError(error, config, code, request, response);
+};
+
+/**
+ * Resolve or reject a Promise based on response status.
+ *
+ * @param {Function} resolve A function that resolves the promise.
+ * @param {Function} reject A function that rejects the promise.
+ * @param {object} response The response.
+ */
+var settle = function settle(resolve, reject, response) {
+  var validateStatus = response.config.validateStatus;
+  if (!response.status || !validateStatus || validateStatus(response.status)) {
+    resolve(response);
+  } else {
+    reject(createError(
+      'Request failed with status code ' + response.status,
+      response.config,
+      null,
+      response.request,
+      response
+    ));
+  }
+};
+
+var cookies = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs support document.cookie
+    (function standardBrowserEnv() {
+      return {
+        write: function write(name, value, expires, path, domain, secure) {
+          var cookie = [];
+          cookie.push(name + '=' + encodeURIComponent(value));
+
+          if (utils.isNumber(expires)) {
+            cookie.push('expires=' + new Date(expires).toGMTString());
+          }
+
+          if (utils.isString(path)) {
+            cookie.push('path=' + path);
+          }
+
+          if (utils.isString(domain)) {
+            cookie.push('domain=' + domain);
+          }
+
+          if (secure === true) {
+            cookie.push('secure');
+          }
+
+          document.cookie = cookie.join('; ');
+        },
+
+        read: function read(name) {
+          var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
+          return (match ? decodeURIComponent(match[3]) : null);
+        },
+
+        remove: function remove(name) {
+          this.write(name, '', Date.now() - 86400000);
+        }
+      };
+    })() :
+
+  // Non standard browser env (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return {
+        write: function write() {},
+        read: function read() { return null; },
+        remove: function remove() {}
+      };
+    })()
+);
+
+/**
+ * Determines whether the specified URL is absolute
+ *
+ * @param {string} url The URL to test
+ * @returns {boolean} True if the specified URL is absolute, otherwise false
+ */
+var isAbsoluteURL = function isAbsoluteURL(url) {
+  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
+  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
+  // by any combination of letters, digits, plus, period, or hyphen.
+  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+};
+
+/**
+ * Creates a new URL by combining the specified URLs
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} relativeURL The relative URL
+ * @returns {string} The combined URL
+ */
+var combineURLs = function combineURLs(baseURL, relativeURL) {
+  return relativeURL
+    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
+    : baseURL;
+};
+
+/**
+ * Creates a new URL by combining the baseURL with the requestedURL,
+ * only when the requestedURL is not already an absolute URL.
+ * If the requestURL is absolute, this function returns the requestedURL untouched.
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} requestedURL Absolute or relative URL to combine
+ * @returns {string} The combined full path
+ */
+var buildFullPath = function buildFullPath(baseURL, requestedURL) {
+  if (baseURL && !isAbsoluteURL(requestedURL)) {
+    return combineURLs(baseURL, requestedURL);
+  }
+  return requestedURL;
+};
+
+// Headers whose duplicates are ignored by node
+// c.f. https://nodejs.org/api/http.html#http_message_headers
+var ignoreDuplicateOf = [
+  'age', 'authorization', 'content-length', 'content-type', 'etag',
+  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',
+  'last-modified', 'location', 'max-forwards', 'proxy-authorization',
+  'referer', 'retry-after', 'user-agent'
+];
+
+/**
+ * Parse headers into an object
+ *
+ * ```
+ * Date: Wed, 27 Aug 2014 08:58:49 GMT
+ * Content-Type: application/json
+ * Connection: keep-alive
+ * Transfer-Encoding: chunked
+ * ```
+ *
+ * @param {String} headers Headers needing to be parsed
+ * @returns {Object} Headers parsed into an object
+ */
+var parseHeaders = function parseHeaders(headers) {
+  var parsed = {};
+  var key;
+  var val;
+  var i;
+
+  if (!headers) { return parsed; }
+
+  utils.forEach(headers.split('\n'), function parser(line) {
+    i = line.indexOf(':');
+    key = utils.trim(line.substr(0, i)).toLowerCase();
+    val = utils.trim(line.substr(i + 1));
+
+    if (key) {
+      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
+        return;
+      }
+      if (key === 'set-cookie') {
+        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
+      } else {
+        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
+      }
+    }
+  });
+
+  return parsed;
+};
+
+var isURLSameOrigin = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs have full support of the APIs needed to test
+  // whether the request URL is of the same origin as current location.
+    (function standardBrowserEnv() {
+      var msie = /(msie|trident)/i.test(navigator.userAgent);
+      var urlParsingNode = document.createElement('a');
+      var originURL;
+
+      /**
+    * Parse a URL to discover it's components
+    *
+    * @param {String} url The URL to be parsed
+    * @returns {Object}
+    */
+      function resolveURL(url) {
+        var href = url;
+
+        if (msie) {
+        // IE needs attribute set twice to normalize properties
+          urlParsingNode.setAttribute('href', href);
+          href = urlParsingNode.href;
+        }
+
+        urlParsingNode.setAttribute('href', href);
+
+        // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils
+        return {
+          href: urlParsingNode.href,
+          protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
+          host: urlParsingNode.host,
+          search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
+          hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
+          hostname: urlParsingNode.hostname,
+          port: urlParsingNode.port,
+          pathname: (urlParsingNode.pathname.charAt(0) === '/') ?
+            urlParsingNode.pathname :
+            '/' + urlParsingNode.pathname
+        };
+      }
+
+      originURL = resolveURL(window.location.href);
+
+      /**
+    * Determine if a URL shares the same origin as the current location
+    *
+    * @param {String} requestURL The URL to test
+    * @returns {boolean} True if URL shares the same origin, otherwise false
+    */
+      return function isURLSameOrigin(requestURL) {
+        var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;
+        return (parsed.protocol === originURL.protocol &&
+            parsed.host === originURL.host);
+      };
+    })() :
+
+  // Non standard browser envs (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return function isURLSameOrigin() {
+        return true;
+      };
+    })()
+);
+
+/**
+ * A `Cancel` is an object that is thrown when an operation is canceled.
+ *
+ * @class
+ * @param {string=} message The message.
+ */
+function Cancel(message) {
+  this.message = message;
+}
+
+Cancel.prototype.toString = function toString() {
+  return 'Cancel' + (this.message ? ': ' + this.message : '');
+};
+
+Cancel.prototype.__CANCEL__ = true;
+
+var Cancel_1 = Cancel;
+
+var xhr = function xhrAdapter(config) {
+  return new Promise(function dispatchXhrRequest(resolve, reject) {
+    var requestData = config.data;
+    var requestHeaders = config.headers;
+    var responseType = config.responseType;
+    var onCanceled;
+    function done() {
+      if (config.cancelToken) {
+        config.cancelToken.unsubscribe(onCanceled);
+      }
+
+      if (config.signal) {
+        config.signal.removeEventListener('abort', onCanceled);
+      }
+    }
+
+    if (utils.isFormData(requestData)) {
+      delete requestHeaders['Content-Type']; // Let the browser set it
+    }
+
+    var request = new XMLHttpRequest();
+
+    // HTTP basic authentication
+    if (config.auth) {
+      var username = config.auth.username || '';
+      var password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';
+      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
+    }
+
+    var fullPath = buildFullPath(config.baseURL, config.url);
+    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
+
+    // Set the request timeout in MS
+    request.timeout = config.timeout;
+
+    function onloadend() {
+      if (!request) {
+        return;
+      }
+      // Prepare the response
+      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
+      var responseData = !responseType || responseType === 'text' ||  responseType === 'json' ?
+        request.responseText : request.response;
+      var response = {
+        data: responseData,
+        status: request.status,
+        statusText: request.statusText,
+        headers: responseHeaders,
+        config: config,
+        request: request
+      };
+
+      settle(function _resolve(value) {
+        resolve(value);
+        done();
+      }, function _reject(err) {
+        reject(err);
+        done();
+      }, response);
+
+      // Clean up request
+      request = null;
+    }
+
+    if ('onloadend' in request) {
+      // Use onloadend if available
+      request.onloadend = onloadend;
+    } else {
+      // Listen for ready state to emulate onloadend
+      request.onreadystatechange = function handleLoad() {
+        if (!request || request.readyState !== 4) {
+          return;
+        }
+
+        // The request errored out and we didn't get a response, this will be
+        // handled by onerror instead
+        // With one exception: request that using file: protocol, most browsers
+        // will return status as 0 even though it's a successful request
+        if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
+          return;
+        }
+        // readystate handler is calling before onerror or ontimeout handlers,
+        // so we should call onloadend on the next 'tick'
+        setTimeout(onloadend);
+      };
+    }
+
+    // Handle browser request cancellation (as opposed to a manual cancellation)
+    request.onabort = function handleAbort() {
+      if (!request) {
+        return;
+      }
+
+      reject(createError('Request aborted', config, 'ECONNABORTED', request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle low level network errors
+    request.onerror = function handleError() {
+      // Real errors are hidden from us by the browser
+      // onerror should only fire if it's a network error
+      reject(createError('Network Error', config, null, request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle timeout
+    request.ontimeout = function handleTimeout() {
+      var timeoutErrorMessage = config.timeout ? 'timeout of ' + config.timeout + 'ms exceeded' : 'timeout exceeded';
+      var transitional = config.transitional || defaults_1.transitional;
+      if (config.timeoutErrorMessage) {
+        timeoutErrorMessage = config.timeoutErrorMessage;
+      }
+      reject(createError(
+        timeoutErrorMessage,
+        config,
+        transitional.clarifyTimeoutError ? 'ETIMEDOUT' : 'ECONNABORTED',
+        request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Add xsrf header
+    // This is only done if running in a standard browser environment.
+    // Specifically not if we're in a web worker, or react-native.
+    if (utils.isStandardBrowserEnv()) {
+      // Add xsrf header
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
+        cookies.read(config.xsrfCookieName) :
+        undefined;
+
+      if (xsrfValue) {
+        requestHeaders[config.xsrfHeaderName] = xsrfValue;
+      }
+    }
+
+    // Add headers to the request
+    if ('setRequestHeader' in request) {
+      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
+        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
+          // Remove Content-Type if data is undefined
+          delete requestHeaders[key];
+        } else {
+          // Otherwise add header to the request
+          request.setRequestHeader(key, val);
+        }
+      });
+    }
+
+    // Add withCredentials to request if needed
+    if (!utils.isUndefined(config.withCredentials)) {
+      request.withCredentials = !!config.withCredentials;
+    }
+
+    // Add responseType to request if needed
+    if (responseType && responseType !== 'json') {
+      request.responseType = config.responseType;
+    }
+
+    // Handle progress if needed
+    if (typeof config.onDownloadProgress === 'function') {
+      request.addEventListener('progress', config.onDownloadProgress);
+    }
+
+    // Not all browsers support upload events
+    if (typeof config.onUploadProgress === 'function' && request.upload) {
+      request.upload.addEventListener('progress', config.onUploadProgress);
+    }
+
+    if (config.cancelToken || config.signal) {
+      // Handle cancellation
+      // eslint-disable-next-line func-names
+      onCanceled = function(cancel) {
+        if (!request) {
+          return;
+        }
+        reject(!cancel || (cancel && cancel.type) ? new Cancel_1('canceled') : cancel);
+        request.abort();
+        request = null;
+      };
+
+      config.cancelToken && config.cancelToken.subscribe(onCanceled);
+      if (config.signal) {
+        config.signal.aborted ? onCanceled() : config.signal.addEventListener('abort', onCanceled);
+      }
+    }
+
+    if (!requestData) {
+      requestData = null;
+    }
+
+    // Send the request
+    request.send(requestData);
+  });
+};
+
+var DEFAULT_CONTENT_TYPE = {
+  'Content-Type': 'application/x-www-form-urlencoded'
+};
+
+function setContentTypeIfUnset(headers, value) {
+  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
+    headers['Content-Type'] = value;
+  }
+}
+
+function getDefaultAdapter() {
+  var adapter;
+  if (typeof XMLHttpRequest !== 'undefined') {
+    // For browsers use XHR adapter
+    adapter = xhr;
+  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
+    // For node use HTTP adapter
+    adapter = xhr;
+  }
+  return adapter;
+}
+
+function stringifySafely(rawValue, parser, encoder) {
+  if (utils.isString(rawValue)) {
+    try {
+      (parser || JSON.parse)(rawValue);
+      return utils.trim(rawValue);
+    } catch (e) {
+      if (e.name !== 'SyntaxError') {
+        throw e;
+      }
+    }
+  }
+
+  return (encoder || JSON.stringify)(rawValue);
+}
+
+var defaults = {
+
+  transitional: {
+    silentJSONParsing: true,
+    forcedJSONParsing: true,
+    clarifyTimeoutError: false
+  },
+
+  adapter: getDefaultAdapter(),
+
+  transformRequest: [function transformRequest(data, headers) {
+    normalizeHeaderName(headers, 'Accept');
+    normalizeHeaderName(headers, 'Content-Type');
+
+    if (utils.isFormData(data) ||
+      utils.isArrayBuffer(data) ||
+      utils.isBuffer(data) ||
+      utils.isStream(data) ||
+      utils.isFile(data) ||
+      utils.isBlob(data)
+    ) {
+      return data;
+    }
+    if (utils.isArrayBufferView(data)) {
+      return data.buffer;
+    }
+    if (utils.isURLSearchParams(data)) {
+      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
+      return data.toString();
+    }
+    if (utils.isObject(data) || (headers && headers['Content-Type'] === 'application/json')) {
+      setContentTypeIfUnset(headers, 'application/json');
+      return stringifySafely(data);
+    }
+    return data;
+  }],
+
+  transformResponse: [function transformResponse(data) {
+    var transitional = this.transitional || defaults.transitional;
+    var silentJSONParsing = transitional && transitional.silentJSONParsing;
+    var forcedJSONParsing = transitional && transitional.forcedJSONParsing;
+    var strictJSONParsing = !silentJSONParsing && this.responseType === 'json';
+
+    if (strictJSONParsing || (forcedJSONParsing && utils.isString(data) && data.length)) {
+      try {
+        return JSON.parse(data);
+      } catch (e) {
+        if (strictJSONParsing) {
+          if (e.name === 'SyntaxError') {
+            throw enhanceError(e, this, 'E_JSON_PARSE');
+          }
+          throw e;
+        }
+      }
+    }
+
+    return data;
+  }],
+
+  /**
+   * A timeout in milliseconds to abort a request. If set to 0 (default) a
+   * timeout is not created.
+   */
+  timeout: 0,
+
+  xsrfCookieName: 'XSRF-TOKEN',
+  xsrfHeaderName: 'X-XSRF-TOKEN',
+
+  maxContentLength: -1,
+  maxBodyLength: -1,
+
+  validateStatus: function validateStatus(status) {
+    return status >= 200 && status < 300;
+  },
+
+  headers: {
+    common: {
+      'Accept': 'application/json, text/plain, */*'
+    }
+  }
+};
+
+utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
+  defaults.headers[method] = {};
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
+});
+
+var defaults_1 = defaults;
+
+/**
+ * Transform the data for a request or a response
+ *
+ * @param {Object|String} data The data to be transformed
+ * @param {Array} headers The headers for the request or response
+ * @param {Array|Function} fns A single function or Array of functions
+ * @returns {*} The resulting transformed data
+ */
+var transformData = function transformData(data, headers, fns) {
+  var context = this || defaults_1;
+  /*eslint no-param-reassign:0*/
+  utils.forEach(fns, function transform(fn) {
+    data = fn.call(context, data, headers);
+  });
+
+  return data;
+};
+
+var isCancel = function isCancel(value) {
+  return !!(value && value.__CANCEL__);
+};
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+function throwIfCancellationRequested(config) {
+  if (config.cancelToken) {
+    config.cancelToken.throwIfRequested();
+  }
+
+  if (config.signal && config.signal.aborted) {
+    throw new Cancel_1('canceled');
+  }
+}
+
+/**
+ * Dispatch a request to the server using the configured adapter.
+ *
+ * @param {object} config The config that is to be used for the request
+ * @returns {Promise} The Promise to be fulfilled
+ */
+var dispatchRequest = function dispatchRequest(config) {
+  throwIfCancellationRequested(config);
+
+  // Ensure headers exist
+  config.headers = config.headers || {};
+
+  // Transform request data
+  config.data = transformData.call(
+    config,
+    config.data,
+    config.headers,
+    config.transformRequest
+  );
+
+  // Flatten headers
+  config.headers = utils.merge(
+    config.headers.common || {},
+    config.headers[config.method] || {},
+    config.headers
+  );
+
+  utils.forEach(
+    ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
+    function cleanHeaderConfig(method) {
+      delete config.headers[method];
+    }
+  );
+
+  var adapter = config.adapter || defaults_1.adapter;
+
+  return adapter(config).then(function onAdapterResolution(response) {
+    throwIfCancellationRequested(config);
+
+    // Transform response data
+    response.data = transformData.call(
+      config,
+      response.data,
+      response.headers,
+      config.transformResponse
+    );
+
+    return response;
+  }, function onAdapterRejection(reason) {
+    if (!isCancel(reason)) {
+      throwIfCancellationRequested(config);
+
+      // Transform response data
+      if (reason && reason.response) {
+        reason.response.data = transformData.call(
+          config,
+          reason.response.data,
+          reason.response.headers,
+          config.transformResponse
+        );
+      }
+    }
+
+    return Promise.reject(reason);
+  });
+};
+
+/**
+ * Config-specific merge-function which creates a new config-object
+ * by merging two configuration objects together.
+ *
+ * @param {Object} config1
+ * @param {Object} config2
+ * @returns {Object} New object resulting from merging config2 to config1
+ */
+var mergeConfig = function mergeConfig(config1, config2) {
+  // eslint-disable-next-line no-param-reassign
+  config2 = config2 || {};
+  var config = {};
+
+  function getMergedValue(target, source) {
+    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
+      return utils.merge(target, source);
+    } else if (utils.isPlainObject(source)) {
+      return utils.merge({}, source);
+    } else if (utils.isArray(source)) {
+      return source.slice();
+    }
+    return source;
+  }
+
+  // eslint-disable-next-line consistent-return
+  function mergeDeepProperties(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      return getMergedValue(config1[prop], config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      return getMergedValue(undefined, config1[prop]);
+    }
+  }
+
+  // eslint-disable-next-line consistent-return
+  function valueFromConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      return getMergedValue(undefined, config2[prop]);
+    }
+  }
+
+  // eslint-disable-next-line consistent-return
+  function defaultToConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      return getMergedValue(undefined, config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      return getMergedValue(undefined, config1[prop]);
+    }
+  }
+
+  // eslint-disable-next-line consistent-return
+  function mergeDirectKeys(prop) {
+    if (prop in config2) {
+      return getMergedValue(config1[prop], config2[prop]);
+    } else if (prop in config1) {
+      return getMergedValue(undefined, config1[prop]);
+    }
+  }
+
+  var mergeMap = {
+    'url': valueFromConfig2,
+    'method': valueFromConfig2,
+    'data': valueFromConfig2,
+    'baseURL': defaultToConfig2,
+    'transformRequest': defaultToConfig2,
+    'transformResponse': defaultToConfig2,
+    'paramsSerializer': defaultToConfig2,
+    'timeout': defaultToConfig2,
+    'timeoutMessage': defaultToConfig2,
+    'withCredentials': defaultToConfig2,
+    'adapter': defaultToConfig2,
+    'responseType': defaultToConfig2,
+    'xsrfCookieName': defaultToConfig2,
+    'xsrfHeaderName': defaultToConfig2,
+    'onUploadProgress': defaultToConfig2,
+    'onDownloadProgress': defaultToConfig2,
+    'decompress': defaultToConfig2,
+    'maxContentLength': defaultToConfig2,
+    'maxBodyLength': defaultToConfig2,
+    'transport': defaultToConfig2,
+    'httpAgent': defaultToConfig2,
+    'httpsAgent': defaultToConfig2,
+    'cancelToken': defaultToConfig2,
+    'socketPath': defaultToConfig2,
+    'responseEncoding': defaultToConfig2,
+    'validateStatus': mergeDirectKeys
+  };
+
+  utils.forEach(Object.keys(config1).concat(Object.keys(config2)), function computeConfigValue(prop) {
+    var merge = mergeMap[prop] || mergeDeepProperties;
+    var configValue = merge(prop);
+    (utils.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);
+  });
+
+  return config;
+};
+
+var data$1 = {
+  "version": "0.23.0"
+};
+
+var VERSION = data$1.version;
+
+var validators$1 = {};
+
+// eslint-disable-next-line func-names
+['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach(function(type, i) {
+  validators$1[type] = function validator(thing) {
+    return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type;
+  };
+});
+
+var deprecatedWarnings = {};
+
+/**
+ * Transitional option validator
+ * @param {function|boolean?} validator - set to false if the transitional option has been removed
+ * @param {string?} version - deprecated version / removed since version
+ * @param {string?} message - some message with additional info
+ * @returns {function}
+ */
+validators$1.transitional = function transitional(validator, version, message) {
+  function formatMessage(opt, desc) {
+    return '[Axios v' + VERSION + '] Transitional option \'' + opt + '\'' + desc + (message ? '. ' + message : '');
+  }
+
+  // eslint-disable-next-line func-names
+  return function(value, opt, opts) {
+    if (validator === false) {
+      throw new Error(formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')));
+    }
+
+    if (version && !deprecatedWarnings[opt]) {
+      deprecatedWarnings[opt] = true;
+      // eslint-disable-next-line no-console
+      console.warn(
+        formatMessage(
+          opt,
+          ' has been deprecated since v' + version + ' and will be removed in the near future'
+        )
+      );
+    }
+
+    return validator ? validator(value, opt, opts) : true;
+  };
+};
+
+/**
+ * Assert object's properties type
+ * @param {object} options
+ * @param {object} schema
+ * @param {boolean?} allowUnknown
+ */
+
+function assertOptions(options, schema, allowUnknown) {
+  if (typeof options !== 'object') {
+    throw new TypeError('options must be an object');
+  }
+  var keys = Object.keys(options);
+  var i = keys.length;
+  while (i-- > 0) {
+    var opt = keys[i];
+    var validator = schema[opt];
+    if (validator) {
+      var value = options[opt];
+      var result = value === undefined || validator(value, opt, options);
+      if (result !== true) {
+        throw new TypeError('option ' + opt + ' must be ' + result);
+      }
+      continue;
+    }
+    if (allowUnknown !== true) {
+      throw Error('Unknown option ' + opt);
+    }
+  }
+}
+
+var validator = {
+  assertOptions: assertOptions,
+  validators: validators$1
+};
+
+var validators = validator.validators;
+/**
+ * Create a new instance of Axios
+ *
+ * @param {Object} instanceConfig The default config for the instance
+ */
+function Axios(instanceConfig) {
+  this.defaults = instanceConfig;
+  this.interceptors = {
+    request: new InterceptorManager_1(),
+    response: new InterceptorManager_1()
+  };
+}
+
+/**
+ * Dispatch a request
+ *
+ * @param {Object} config The config specific for this request (merged with this.defaults)
+ */
+Axios.prototype.request = function request(config) {
+  /*eslint no-param-reassign:0*/
+  // Allow for axios('example/url'[, config]) a la fetch API
+  if (typeof config === 'string') {
+    config = arguments[1] || {};
+    config.url = arguments[0];
+  } else {
+    config = config || {};
+  }
+
+  config = mergeConfig(this.defaults, config);
+
+  // Set config.method
+  if (config.method) {
+    config.method = config.method.toLowerCase();
+  } else if (this.defaults.method) {
+    config.method = this.defaults.method.toLowerCase();
+  } else {
+    config.method = 'get';
+  }
+
+  var transitional = config.transitional;
+
+  if (transitional !== undefined) {
+    validator.assertOptions(transitional, {
+      silentJSONParsing: validators.transitional(validators.boolean),
+      forcedJSONParsing: validators.transitional(validators.boolean),
+      clarifyTimeoutError: validators.transitional(validators.boolean)
+    }, false);
+  }
+
+  // filter out skipped interceptors
+  var requestInterceptorChain = [];
+  var synchronousRequestInterceptors = true;
+  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
+    if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) {
+      return;
+    }
+
+    synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;
+
+    requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  var responseInterceptorChain = [];
+  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
+    responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  var promise;
+
+  if (!synchronousRequestInterceptors) {
+    var chain = [dispatchRequest, undefined];
+
+    Array.prototype.unshift.apply(chain, requestInterceptorChain);
+    chain = chain.concat(responseInterceptorChain);
+
+    promise = Promise.resolve(config);
+    while (chain.length) {
+      promise = promise.then(chain.shift(), chain.shift());
+    }
+
+    return promise;
+  }
+
+
+  var newConfig = config;
+  while (requestInterceptorChain.length) {
+    var onFulfilled = requestInterceptorChain.shift();
+    var onRejected = requestInterceptorChain.shift();
+    try {
+      newConfig = onFulfilled(newConfig);
+    } catch (error) {
+      onRejected(error);
+      break;
+    }
+  }
+
+  try {
+    promise = dispatchRequest(newConfig);
+  } catch (error) {
+    return Promise.reject(error);
+  }
+
+  while (responseInterceptorChain.length) {
+    promise = promise.then(responseInterceptorChain.shift(), responseInterceptorChain.shift());
+  }
+
+  return promise;
+};
+
+Axios.prototype.getUri = function getUri(config) {
+  config = mergeConfig(this.defaults, config);
+  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
+};
+
+// Provide aliases for supported request methods
+utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, config) {
+    return this.request(mergeConfig(config || {}, {
+      method: method,
+      url: url,
+      data: (config || {}).data
+    }));
+  };
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, data, config) {
+    return this.request(mergeConfig(config || {}, {
+      method: method,
+      url: url,
+      data: data
+    }));
+  };
+});
+
+var Axios_1 = Axios;
+
+/**
+ * A `CancelToken` is an object that can be used to request cancellation of an operation.
+ *
+ * @class
+ * @param {Function} executor The executor function.
+ */
+function CancelToken(executor) {
+  if (typeof executor !== 'function') {
+    throw new TypeError('executor must be a function.');
+  }
+
+  var resolvePromise;
+
+  this.promise = new Promise(function promiseExecutor(resolve) {
+    resolvePromise = resolve;
+  });
+
+  var token = this;
+
+  // eslint-disable-next-line func-names
+  this.promise.then(function(cancel) {
+    if (!token._listeners) return;
+
+    var i;
+    var l = token._listeners.length;
+
+    for (i = 0; i < l; i++) {
+      token._listeners[i](cancel);
+    }
+    token._listeners = null;
+  });
+
+  // eslint-disable-next-line func-names
+  this.promise.then = function(onfulfilled) {
+    var _resolve;
+    // eslint-disable-next-line func-names
+    var promise = new Promise(function(resolve) {
+      token.subscribe(resolve);
+      _resolve = resolve;
+    }).then(onfulfilled);
+
+    promise.cancel = function reject() {
+      token.unsubscribe(_resolve);
+    };
+
+    return promise;
+  };
+
+  executor(function cancel(message) {
+    if (token.reason) {
+      // Cancellation has already been requested
+      return;
+    }
+
+    token.reason = new Cancel_1(message);
+    resolvePromise(token.reason);
+  });
+}
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+CancelToken.prototype.throwIfRequested = function throwIfRequested() {
+  if (this.reason) {
+    throw this.reason;
+  }
+};
+
+/**
+ * Subscribe to the cancel signal
+ */
+
+CancelToken.prototype.subscribe = function subscribe(listener) {
+  if (this.reason) {
+    listener(this.reason);
+    return;
+  }
+
+  if (this._listeners) {
+    this._listeners.push(listener);
+  } else {
+    this._listeners = [listener];
+  }
+};
+
+/**
+ * Unsubscribe from the cancel signal
+ */
+
+CancelToken.prototype.unsubscribe = function unsubscribe(listener) {
+  if (!this._listeners) {
+    return;
+  }
+  var index = this._listeners.indexOf(listener);
+  if (index !== -1) {
+    this._listeners.splice(index, 1);
+  }
+};
+
+/**
+ * Returns an object that contains a new `CancelToken` and a function that, when called,
+ * cancels the `CancelToken`.
+ */
+CancelToken.source = function source() {
+  var cancel;
+  var token = new CancelToken(function executor(c) {
+    cancel = c;
+  });
+  return {
+    token: token,
+    cancel: cancel
+  };
+};
+
+var CancelToken_1 = CancelToken;
+
+/**
+ * Syntactic sugar for invoking a function and expanding an array for arguments.
+ *
+ * Common use case would be to use `Function.prototype.apply`.
+ *
+ *  ```js
+ *  function f(x, y, z) {}
+ *  var args = [1, 2, 3];
+ *  f.apply(null, args);
+ *  ```
+ *
+ * With `spread` this example can be re-written.
+ *
+ *  ```js
+ *  spread(function(x, y, z) {})([1, 2, 3]);
+ *  ```
+ *
+ * @param {Function} callback
+ * @returns {Function}
+ */
+var spread = function spread(callback) {
+  return function wrap(arr) {
+    return callback.apply(null, arr);
+  };
+};
+
+/**
+ * Determines whether the payload is an error thrown by Axios
+ *
+ * @param {*} payload The value to test
+ * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
+ */
+var isAxiosError = function isAxiosError(payload) {
+  return (typeof payload === 'object') && (payload.isAxiosError === true);
+};
+
+/**
+ * Create an instance of Axios
+ *
+ * @param {Object} defaultConfig The default config for the instance
+ * @return {Axios} A new instance of Axios
+ */
+function createInstance(defaultConfig) {
+  var context = new Axios_1(defaultConfig);
+  var instance = bind(Axios_1.prototype.request, context);
+
+  // Copy axios.prototype to instance
+  utils.extend(instance, Axios_1.prototype, context);
+
+  // Copy context to instance
+  utils.extend(instance, context);
+
+  // Factory for creating new instances
+  instance.create = function create(instanceConfig) {
+    return createInstance(mergeConfig(defaultConfig, instanceConfig));
+  };
+
+  return instance;
+}
+
+// Create the default instance to be exported
+var axios$1 = createInstance(defaults_1);
+
+// Expose Axios class to allow class inheritance
+axios$1.Axios = Axios_1;
+
+// Expose Cancel & CancelToken
+axios$1.Cancel = Cancel_1;
+axios$1.CancelToken = CancelToken_1;
+axios$1.isCancel = isCancel;
+axios$1.VERSION = data$1.version;
+
+// Expose all/spread
+axios$1.all = function all(promises) {
+  return Promise.all(promises);
+};
+axios$1.spread = spread;
+
+// Expose isAxiosError
+axios$1.isAxiosError = isAxiosError;
+
+var axios_1 = axios$1;
+
+// Allow use of default import syntax in TypeScript
+var _default = axios$1;
+axios_1.default = _default;
+
+var axios = axios_1;
+
+const Http = {
+    request(method, url, data, successCb = null, errorCb = null) {
+        return axios
+            .request({url, data, method: method.toLowerCase(), responseType: 'json'})
+            .then(successCb)
+            .catch(errorCb);
+    },
+
+    get(url, successCb = null, errorCb = null, data) {
+        // return this.request('get', url, data, successCb, errorCb);
+        return axios
+            .get(url, {params: data})
+            .then(successCb)
+            .catch(errorCb);
+    },
+
+    post(url, data, successCb = null, errorCb = null) {
+        return this.request('post', url, data, successCb, errorCb);
+    },
+
+    put(url, data, successCb = null, errorCb = null) {
+        return this.request('put', url, data, successCb, errorCb);
+    },
+
+    delete(url, data, successCb = null, errorCb = null) {
+        return this.request('delete', url, data, successCb, errorCb);
+    },
+
+    requestWithSupportAjax(url, payload, method = 'post') {
+        return new Promise((resolve, reject) => {
+            if (!window?.isLegacyTheme) {
+                return this.request(method, url, payload, ({data}) => {
+                    return resolve(data);
+                }, ({response}) => {
+                    return reject(response);
+                })
+            }
+
+            /**
+             * @deprecated to support legacy themes
+             */
+            $.ajax({
+                url: url,
+                method: method.toUpperCase(),
+                data: payload,
+                async: false,
+                success: function ({data}) {
+                    return resolve(data);
+                },
+                error: function ({response}) {
+                    return reject(response);
+                }
+            });
+        })
+    }
+};
+
+const DetectOS = {
+    options: [],
+    header: [navigator.platform, navigator.userAgent, navigator.appVersion, navigator.vendor, window.opera],
+    dataos: [
+        {name: 'Windows Phone', value: 'Windows Phone', version: 'OS'},
+        {name: 'Windows', value: 'Win', version: 'NT'},
+        {name: 'iPhone', value: 'iPhone', version: 'OS'},
+        {name: 'iPad', value: 'iPad', version: 'OS'},
+        {name: 'Kindle', value: 'Silk', version: 'Silk'},
+        {name: 'Android', value: 'Android', version: 'Android'},
+        {name: 'PlayBook', value: 'PlayBook', version: 'OS'},
+        {name: 'BlackBerry', value: 'BlackBerry', version: '/'},
+        {name: 'Macintosh', value: 'Mac', version: 'OS X'},
+        {name: 'Linux', value: 'Linux', version: 'rv'},
+        {name: 'Palm', value: 'Palm', version: 'PalmOS'}
+    ],
+    databrowser: [
+        {name: 'Chrome', value: 'Chrome', version: 'Chrome'},
+        {name: 'Firefox', value: 'Firefox', version: 'Firefox'},
+        {name: 'Safari', value: 'Safari', version: 'Version'},
+        {name: 'Internet Explorer', value: 'MSIE', version: 'MSIE'},
+        {name: 'Opera', value: 'Opera', version: 'Opera'},
+        {name: 'BlackBerry', value: 'CLDC', version: 'CLDC'},
+        {name: 'Mozilla', value: 'Mozilla', version: 'Mozilla'}
+    ],
+    init: function () {
+        var agent = this.header.join(' '),
+            os = this.matchItem(agent, this.dataos),
+            browser = this.matchItem(agent, this.databrowser);
+
+        return {os: os, browser: browser};
+    },
+    matchItem: function (string, data) {
+        var i = 0,
+            j = 0,
+            regex,
+            regexv,
+            match,
+            matches,
+            version;
+
+        for (i = 0; i < data.length; i += 1) {
+            regex = new RegExp(data[i].value, 'i');
+            match = regex.test(string);
+            if (match) {
+                regexv = new RegExp(data[i].version + '[- /:;]([\\d._]+)', 'i');
+                matches = string.match(regexv);
+                version = '';
+                if (matches) {
+                    if (matches[1]) {
+                        matches = matches[1];
+                    }
+                }
+                if (matches) {
+                    matches = matches.split(/[._]+/);
+                    for (j = 0; j < matches.length; j += 1) {
+                        if (j === 0) {
+                            version += matches[j] + '.';
+                        } else {
+                            version += matches[j];
+                        }
+                    }
+                } else {
+                    version = '0';
+                }
+                return {
+                    name: data[i].name,
+                    version: parseFloat(version)
+                };
+            }
+        }
+        return {name: 'unknown', version: 0};
+    }
+};
+
+window.Salla = window.Salla || {};
+window.Salla.Payments = window.Salla.Payments || {};
+
+/**
+ * Full Example
+ *
+ * Salla.event.createAndDispatch('payments::apple-pay.start-transaction', {
+ *                  amount: 1000,
+ *                  validateMerchant: {
+ *                      url: '{{ route('cp.marketplace.cart.pay', ['cart' => $cart]) }}',
+ *                      // onFailed: (response) => {
+ *                      //     laravel.ajax.errorHandler(response);
+ *                      //     this.onCancel({}, response.data.error.message);
+ *                      // },
+ *                      // onSuccess: (response) => {
+ *                      //     laravel.ajax.successHandler(response);
+ *                      // }
+ *                  },
+ *                  authorized: {
+ *                      url: '{{ route('cp.marketplace.cart.confirm', ['cart' => $cart]) }}',
+ *                      // onFailed: (response) => {
+ *                      //     laravel.ajax.errorHandler(response);
+ *                      //     this.onCancel({}, response.data.error.message);
+ *                      // },
+ *                      // onSuccess: (response) => {
+ *                      //     // nothing
+ *                      // }
+ *                  },
+ *                  // onError: function (message) {
+ *                  //     laravel.alert(message);
+ *                  // }
+ *              });
+ */
+window.SallaApplePay = {
+    session: null,
+    detail: null,
+    address_id: null,
+    shipping_methods: [],
+    total: undefined,
+    request: undefined,
+    id: undefined,
+    init: function () {
+        document.removeEventListener('payments::apple-pay.start-transaction', SallaApplePay.startSession);
+        Salla.event.addEventListener('payments::apple-pay.start-transaction', SallaApplePay.startSession);
+    },
+
+    initDefault: function () {
+        if (!SallaApplePay.detail.onError) {
+            SallaApplePay.detail.onError = function (message) {
+                salla.notify.error(message);
+            };
+        }
+
+        if (!SallaApplePay.detail.authorized.onFailed) {
+            SallaApplePay.detail.authorized.onFailed = (response) => {
+                salla.logger.log(JSON.stringify(response));
+                salla.api.handleErrorResponse(response);
+                SallaApplePay.onCancel({}, response.data.error.message);
+            };
+        }
+
+        if (!SallaApplePay.detail.validateMerchant.onFailed) {
+            SallaApplePay.detail.validateMerchant.onFailed = (response) => {
+                salla.logger.log(JSON.stringify(response));
+                salla.api.handleErrorResponse(response);
+                SallaApplePay.onCancel({}, response.data.error.message);
+            };
+        }
+
+        if (!SallaApplePay.detail.authorized.onSuccess) {
+            SallaApplePay.detail.authorized.onSuccess = (response) => {
+                salla.logger.log(JSON.stringify(response));
+                salla.api.handleAfterResponseActions(response);
+            };
+        }
+    },
+
+    prepareLineItems: function () {
+        if(!SallaApplePay.detail?.items?.length){
+            SallaApplePay.detail.items = [
+                {
+                    label: salla.lang.get('pages.cart.items_total'),
+                    amount: SallaApplePay.detail.amount
+                }
+            ];
+        }
+
+        return SallaApplePay.detail.items;
+    },
+
+    prepareTotal: function () {
+       return {
+           // apple ask to use business name
+           label: window.location.hostname || 'Salla',
+           //label: salla.lang.get('pages.cart.final_total'),
+           amount: SallaApplePay.detail.amount
+       }
+    },
+
+    startSession: async function (event) {
+
+        SallaApplePay.detail = event.detail || event;
+
+        salla.log('🍏 Pay: payments::apple-pay.start-transaction', SallaApplePay.detail);
+
+        SallaApplePay.initDefault();
+
+        let version = SallaApplePay.getApplePaySessionVersion();
+        let supportedNetworks = SallaApplePay.detail.supportedNetworks || ['masterCard', 'visa'];
+
+        if (version === 5) {
+            supportedNetworks.push('mada');
+        }
+
+        SallaApplePay.request = {
+            countryCode: 'SA',
+            supportsCouponCode: true,
+            couponCode: '',
+            currencyCode: SallaApplePay.detail.currency || 'SAR',
+            requiredShippingContactFields: SallaApplePay.detail.requiredShippingContactFields ? SallaApplePay.detail.requiredShippingContactFields : [],
+            merchantCapabilities: ['supports3DS'],
+            supportedNetworks: supportedNetworks,
+            supportedCountries: SallaApplePay.detail.supportedCountries || ['SA'],
+            total: SallaApplePay.prepareTotal(),
+            shippingContact: SallaApplePay.detail.shippingContact ? SallaApplePay.detail.shippingContact : {},
+            shippingMethods: SallaApplePay.detail.shippingMethods && SallaApplePay.detail.shippingMethods.length ? SallaApplePay.mappingShippingMethods(event.detail.shippingMethods) : [],
+            lineItems: SallaApplePay.prepareLineItems()
+        };
+
+        salla.log('🍏 Pay: init ', SallaApplePay.request);
+
+        // https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest
+        SallaApplePay.session = new ApplePaySession(version, SallaApplePay.request);
+
+        SallaApplePay.session.onshippingcontactselected = SallaApplePay.onShippingContactSelected;
+        SallaApplePay.session.onshippingmethodselected = SallaApplePay.onShippingMethodSelected;
+        SallaApplePay.session.onvalidatemerchant = SallaApplePay.onValidateMerchant;
+        SallaApplePay.session.onpaymentauthorized = SallaApplePay.onPaymentAuthorized;
+        SallaApplePay.session.oncancel = SallaApplePay.onCancel;
+        SallaApplePay.session.oncouponcodechanged = SallaApplePay.oncouponcodechanged;
+
+        SallaApplePay.session.begin();
+    },
+
+    oncouponcodechanged(event) {
+        Salla.event.dispatch('payments::apple-pay.coupon.change', event);
+
+        return Http.post(SallaApplePay.detail.oncouponcodechanged.url.replace('{id}', SallaApplePay.id), {
+            'coupon': event.couponCode,
+            'payment_method': 'apple_pay',
+        }, async ({data}) => {
+            if (typeof SallaApplePay.detail.oncouponcodechanged.onSuccess === 'function') {
+                SallaApplePay.detail.oncouponcodechanged.onSuccess(data);
+            }
+
+            salla.log('🍏 Pay: Coupon applied success');
+
+            await SallaApplePay.recalculateTotal();
+
+            SallaApplePay.session.completeCouponCodeChange({
+                newTotal: SallaApplePay.prepareTotal(),
+                newLineItems: SallaApplePay.prepareLineItems()
+            });
+        }, async (error) => {
+            let response = error?.response;
+
+            Salla.event.dispatch('payments::apple-pay.coupon.failed', response);
+
+            // SallaApplePay.abortSession();
+            if (typeof SallaApplePay.detail.oncouponcodechanged.onFailed === 'function') {
+                SallaApplePay.detail.oncouponcodechanged.onFailed(response);
+            }
+
+            await SallaApplePay.recalculateTotal();
+
+            SallaApplePay.session.completeCouponCodeChange({
+                newTotal: SallaApplePay.prepareTotal(),
+                newLineItems: SallaApplePay.prepareLineItems(),
+                errors: [new window.ApplePayError('couponCodeInvalid')]
+            });
+        });
+    },
+
+    onCancel: (event = {}, message = null) => {
+        SallaApplePay.detail.onError(message || salla.lang.get('pages.checkout.payment_failed'));
+        Salla.event.createAndDispatch('payments::apple-pay.canceled', event);
+    },
+
+    /**
+     * Confirm payment after authorization.
+     *
+     * @param event
+     */
+    onPaymentAuthorized: (event) => {
+        salla.logger.log('🍏 Pay: onPaymentAuthorized', event.payment);
+
+        Salla.event.dispatch('payments::apple-pay.authorized.init', event);
+        Http.post(SallaApplePay.detail.authorized.url.replace('{id}', SallaApplePay.id), {
+            payment_method: 'apple_pay',
+            applepay_token: JSON.stringify(event.payment)
+        }, ({data}) => {
+            Salla.event.dispatch('payments::apple-pay.authorized.success', data);
+
+            SallaApplePay.session.completePayment(ApplePaySession.STATUS_SUCCESS);
+
+            if (typeof SallaApplePay.detail.authorized.onSuccess === 'function') {
+                SallaApplePay.detail.authorized.onSuccess(data);
+            }
+        }, (error) => {
+
+            let response = error?.response;
+
+            Salla.event.dispatch('payments::apple-pay.authorized.failed', response);
+
+            SallaApplePay.session.completePayment({
+                status: ApplePaySession.STATUS_FAILURE,
+                errors: [new ApplePayError("unknown", undefined, response?.data?.error?.message || response?.data?.error?.code || 'Failed to parse authorized response')]
+            });
+
+            if (typeof SallaApplePay.detail.authorized.onFailed === 'function') {
+                SallaApplePay.detail.authorized.onFailed(response);
+            }
+        });
+    },
+
+    /**
+     * Validate Submit.
+     *
+     * @param event
+     */
+    onValidateMerchant: (event) => {
+        Salla.event.dispatch('payments::apple-pay.validate-merchant.init', event);
+
+        Http.post(SallaApplePay.detail.validateMerchant.url.replace('{id}', SallaApplePay.id), {
+            validation_url: event.validationURL
+        }, ({data}) => {
+
+            Salla.event.dispatch('payments::apple-pay.validate-merchant.success', data);
+
+            if (typeof SallaApplePay.detail.validateMerchant.onSuccess === 'function') {
+                SallaApplePay.detail.validateMerchant.onSuccess(data).then((response) => {
+                    // check if there are redirect
+                    if (response?.redirect) {
+                        window.location = response.redirect;
+                        return SallaApplePay.abortValidateMerchant(response);
+                    }
+
+                    SallaApplePay.session.completeMerchantValidation(data.data);
+                }).catch((response) => {
+                    SallaApplePay.abortValidateMerchant(response);
+                });
+            } else {
+                SallaApplePay.session.completeMerchantValidation(data.data);
+            }
+
+        }, ({response}) => {
+            SallaApplePay.abortValidateMerchant(response);
+        });
+    },
+
+    abortValidateMerchant: (response = null) => {
+
+        SallaApplePay.abortSession();
+        Salla.event.dispatch('payments::apple-pay.validate-merchant.failed', response);
+
+        if (typeof SallaApplePay.detail.validateMerchant.onFailed === 'function') {
+            SallaApplePay.detail.validateMerchant.onFailed(response);
+        }
+    },
+
+    /**
+     * Select Shipping Contact
+     *
+     * @param event
+     */
+    onShippingContactSelected: async (event) => {
+        salla.logger.log('🍏 Pay: onShippingContactSelected', event.shippingContact);
+
+        if (!SallaApplePay.detail.requiredShippingContactFields) {
+            return;
+        }
+
+        // Create New Address
+        return Http.post(SallaApplePay.detail.shippingContactSelected.url.replace('{id}', SallaApplePay.id),
+            {
+                'country': event.shippingContact.country,
+                'city': event.shippingContact.locality,
+                'local': event.shippingContact.subLocality,
+                'description': event.shippingContact.subAdministrativeArea,
+                'street': event.shippingContact.administrativeArea,
+                'country_code': event.shippingContact.countryCode,
+                'postal_code': event.shippingContact.postalCode
+            },
+            async ({data}) => {
+                if (typeof SallaApplePay.detail.shippingContactSelected.onSuccess === 'function') {
+                    SallaApplePay.detail.shippingContactSelected.onSuccess(data);
+                }
+
+                SallaApplePay.address_id = data.data.address_id;
+                SallaApplePay.shipping_methods = data.data.shipping_methods;
+
+                if (!SallaApplePay.shipping_methods || (SallaApplePay.shipping_methods && !SallaApplePay.shipping_methods.length)) {
+                    salla.logger.warn('🍏 Pay: We dont found any supported methods', data);
+
+                    return SallaApplePay.session.completeShippingContactSelection({
+                        status: SallaApplePay.session.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS,
+                        errors: [
+                            new window.ApplePayError('addressUnserviceable')
+                        ]
+                    });
+                }
+
+                try {
+                    await SallaApplePay.selectApplePayShippingMethod(SallaApplePay.shipping_methods[0]['ship_id'], SallaApplePay.shipping_methods[0]['private_ship_id']);
+                } catch (error) {
+                    salla.logger.warn('Failed set the shipping details to api', error);
+
+                    return SallaApplePay.session.completeShippingContactSelection({
+                        status: SallaApplePay.session.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS,
+                        errors: [
+                            new window.ApplePayError('addressUnserviceable')
+                        ]
+                    });
+                }
+
+                try {
+                    await SallaApplePay.recalculateTotal();
+                } catch (error) {
+                    salla.logger.warn('🍏 Pay: Failed recalculate total', error);
+
+                    return SallaApplePay.session.completeShippingContactSelection({
+                        status: SallaApplePay.session.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS,
+                        errors: [
+                            new window.ApplePayError('addressUnserviceable')
+                        ]
+                    });
+                }
+
+                SallaApplePay.session.completeShippingContactSelection({
+                    newTotal: SallaApplePay.prepareTotal(),
+                    newLineItems: SallaApplePay.prepareLineItems(),
+                    newShippingMethods: SallaApplePay.mappingShippingMethods(SallaApplePay.shipping_methods)
+                });
+
+            }, ({response}) => {
+                salla.logger.warn('🍏 Pay: Failed add address via api', response);
+
+                if (typeof SallaApplePay.detail.shippingContactSelected.onFailed === 'function') {
+                    SallaApplePay.detail.shippingContactSelected.onFailed(response);
+                }
+
+                // parse 422 errors
+                let fields = response?.data?.error?.fields;
+
+                let errors = [];
+
+                if (fields?.country_code) {
+                    errors.push(new window.ApplePayError('shippingContactInvalid', 'countryCode', fields?.country_code[0]));
+                }
+
+                if (fields?.city) {
+                    errors.push(new window.ApplePayError('shippingContactInvalid', 'locality', fields?.city[0]));
+                }
+
+                if (fields?.country) {
+                    errors.push(new window.ApplePayError('shippingContactInvalid', 'country', fields?.country[0]));
+                }
+
+                if (errors.length === 0 && response?.data?.error?.message) {
+                    errors.push(new window.ApplePayError('shippingContactInvalid', 'locality', response?.data?.error?.message));
+                }
+
+                SallaApplePay.session.completeShippingContactSelection({
+                    newTotal: SallaApplePay.prepareTotal(),
+                    newLineItems: SallaApplePay.prepareLineItems(),
+                    status: SallaApplePay.session.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS,
+                    errors: errors
+                });
+            });
+    },
+
+    /**
+     * Select Shipping Method
+     *
+     * @param event
+     *
+     */
+    onShippingMethodSelected: async (event) => {
+        salla.logger.log(event);
+
+        let shipping_ids = event.shippingMethod.identifier.split(',');
+
+        try {
+            await SallaApplePay.selectApplePayShippingMethod(shipping_ids[0], typeof shipping_ids[1] === 'undefined' ? null : shipping_ids[1]);
+
+            await SallaApplePay.recalculateTotal();
+
+            SallaApplePay.session.completeShippingMethodSelection({
+                newTotal: SallaApplePay.prepareTotal(),
+                newLineItems: SallaApplePay.prepareLineItems(),
+            });
+        } catch (error) {
+            salla.logger.warn('🍏 Pay: Failed set the shipping details to api', error);
+
+            // todo :: find a better handling for error without abort session
+            SallaApplePay.abortSession();
+        }
+    },
+
+
+    abortSession: () => {
+        if (SallaApplePay.session) {
+            SallaApplePay.session.abort();
+        }
+    },
+
+    getApplePaySessionVersion: () => {
+        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+
+        if (userAgent === 'sallapp') {
+            return 5;
+        }
+
+        // can't handle custom user agent like sallapp
+        let detection = DetectOS.init();
+        let v = parseFloat(detection.os.version);
+
+        if (detection.os.name === 'Macintosh') {
+            if (v < 10.142) {
+                return 1;
+            }
+        } else {
+            if (v < 12.11) {
+                return 1;
+            }
+        }
+
+        return 5;
+    },
+
+    recalculateTotal: () => {
+        salla.logger.log('Recalculate Total');
+
+        return Http.requestWithSupportAjax(SallaApplePay.detail.recalculateTotal.url.replace('{id}', SallaApplePay.id),{}, 'get').then((data) => {
+            console.log(data);
+            // todo :: enhance response from backend
+            SallaApplePay.detail.amount = data.data.initial_data.cart.total;
+            SallaApplePay.detail.items = data.data.initial_data.cart.items.map((item) => {
+                return {
+                    label: item.title,
+                    amount: item.amount === 'مجاني' ? 0 : item.amount.toString().replace('+', ''),
+                };
+            });
+
+            // lets remove last element (final total)
+            SallaApplePay.detail.items.pop();
+
+            return data;
+        }).catch((error) => {
+            salla.logger.warn('🍏 Pay: recalculate total failed', error);
+
+            // general error
+            return error?.response?.data?.message;
+        });
+    },
+
+
+    selectApplePayShippingMethod: (company_id, private_company_id) => {
+        salla.logger.log('🍏 Pay: select shipping method ', 'company_id : ' + company_id, 'private_company_id: ' + private_company_id);
+
+        return Http.requestWithSupportAjax(SallaApplePay.detail.shippingMethodSelected.url.replace('{id}', SallaApplePay.id), {
+            address_id: SallaApplePay.address_id,
+            company_id: company_id,
+            private_company_id: private_company_id,
+            payment_method: 'apple_pay'
+        }, 'post').then(() => {
+            if (typeof SallaApplePay.detail. shippingMethodSelected.onSuccess === 'function') {
+                SallaApplePay.detail.shippingMethodSelected.onSuccess(data);
+            }
+
+            // we don't have any data in this request, lets resolve the promise
+            return true;
+        }).catch((error) => {
+            salla.logger.warn('🍏 Pay: Set shipping method failed', error);
+
+            if (typeof SallaApplePay.detail.shippingMethodSelected.onFailed === 'function') {
+                SallaApplePay.detail.shippingMethodSelected.onFailed(error);
+            }
+
+            // parse 422 errors
+            let response = error?.response?.data?.error;
+
+            // address id is not valid
+            if (response?.data?.fields?.address_id) {
+                return response?.data?.fields?.address_id[0];
+            }
+
+            // general error
+            return response?.data?.message;
+        });
+    },
+    mappingShippingMethods: methods => methods.map(method => ({
+        'label': method.shipping_title,
+        'amount': method.enable_free_shipping ? 0 : method.ship_cost,
+        'detail': '',
+        'identifier': method.ship_id.toString() + (method.private_ship_id ? ',' + method.private_ship_id.toString() : '')
+    }))
+};
+
+if (window.ApplePaySession && ApplePaySession.canMakePayments()) {
+    SallaApplePay.init();
+} else {
+    // You can hide the Apple Pay button easy with add data-show-if-apple-pay-supported to element like <div data-show-if-apple-pay-supported>
+    document.querySelectorAll('data-show-if-apple-pay-supported').forEach(element => element.style.display = 'none');
+}
+
+const sallaQuickBuyCss = ".s-quick-buy-button .s-button-text{display:-ms-flexbox;display:flex}apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:7px;--apple-pay-button-padding:0px 5px;--apple-pay-button-box-sizing:content-box}";
+
+const SallaQuickBuy = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Button type.
+     *
+     * @type {string}
+     * @default plain
+     **/
+    this.type = 'buy';
+    /**
+     * Product amount.
+     *
+     * @type {number}
+     * @default 0
+     **/
+    this.amount = 0;
+    /**
+     * Product options, if is empty will get the data from the document.querySelector('salla-product-options[product-id="X"]')
+     *
+     * @type {object}
+     * @default {}
+     */
+    this.options = {};
+    this.quickBuy = salla.lang.get('pages.products.buy_now');
+    salla.lang.onLoaded(() => {
+      this.quickBuy = salla.lang.get('pages.products.buy_now');
+    });
+  }
+  async quickBuyHandler() {
+    if (salla.config.isGuest()) {
+      // todo (low) :: find a way to re-fire the method after success
+      return salla.auth.event.dispatch('login::open');
+    }
+    let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
+    //make sure all the required options are selected
+    if (optionsElement && !await optionsElement.reportValidity()) {
+      return salla.error(salla.lang.get('common.messages.required_fields'));
+    }
+    //use this way to get quantity too
+    let data = this.host.getElementSallaData();
+    // if the store doesn't have Apple Pay , just create a cart and then redirect to check out page
+    // @ts-ignore
+    if (!this.isApplePayActive) {
+      // return salla.product.buyNow(this.productId, data);
+      return salla.api.request('checkout/quick-purchase/' + this.productId, data, 'post')
+        .then(resp => {
+        if (resp.data.redirect) {
+          window.location.href = resp.data.redirect;
+        }
+        return resp;
+      });
+    }
+    data.is_applepay = true;
+    if ('append' in data) {
+      data.append('is_applepay', true);
+    }
+    // noinspection TypeScriptValidateJSTypes
+    salla.event.dispatch('payments::apple-pay.start-transaction', {
+      amount: this.amount,
+      currency: this.currency,
+      requiredShippingContactFields: this.isRequireShipping ? ['postalAddress'] : null,
+      shippingMethods: this.isRequireShipping ? [] : null,
+      supportedNetworks: salla.config.get('store.settings.buy_now.networks'),
+      // supportedCountries: data.applepay_supported_networks, // todo :: later get it from store settings with countries
+      validateMerchant: {
+        url: salla.url.get('checkout/applepay/validate'),
+        onSuccess: () => {
+          return salla.api.request('checkout/quick-purchase/' + this.productId, typeof data == 'object' ? data : undefined, 'post', {}).then(response => {
+            var _a, _b;
+            // if is redirect url returned for any reason, lets redirect the user to check out
+            if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.redirect) {
+              salla.log('🍏 Pay: create checkout success: redirect exits, go to checkout page');
+              window.location.href = response.data.redirect.url;
+              return response;
+            }
+            // the cart is not ready to complete apply pay session
+            if (!((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.id)) {
+              salla.logger.warn('🍏 Pay: create checkout success: No id, or redirect');
+              return response;
+            }
+            window.SallaApplePay.id = response.data.id || response.data.data.id;
+            salla.log('🍏 Pay: create checkout success: with id #' + window.SallaApplePay.id);
+          });
+        }
+      },
+      authorized: {
+        // submit checkout route
+        url: salla.url.get('checkout/{id}/payments/submit'),
+        onFailed: (response) => {
+          var _a, _b, _c, _d;
+          window.SallaApplePay.onCancel({}, ((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message) || ((_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.error) === null || _d === void 0 ? void 0 : _d.code) || salla.lang.get('pages.checkout.payment_failed'));
+        },
+        onSuccess: (response) => {
+          window.location.href = response.redirect.url;
+          salla.log('🍏 Pay: authorized Success:: redirect to thank you page, order placed');
+        }
+      },
+      shippingMethodSelected: this.isRequireShipping ? {
+        url: salla.url.get('checkout/{id}/shipping/details'),
+      } : null,
+      shippingContactSelected: this.isRequireShipping ? {
+        url: salla.url.get('checkout/{id}/address/add'),
+      } : null,
+      oncouponcodechanged: {
+        url: salla.url.get('checkout/{id}/coupons')
+      },
+      recalculateTotal: {
+        url: salla.url.get('checkout/{id}/payments/recalculate')
+      },
+      onError: function (message) {
+        salla.log(message);
+        salla.notify.error(message);
+      }
+    });
+  }
+  componentWillLoad() {
+    return new Promise((resolve, reject) => {
+      salla.onReady(async () => {
+        var _a, _b;
+        if (!this.currency) {
+          this.currency = salla.config.get('user.currency_code');
+        }
+        if (!this.productId && salla.config.get('page.id')) {
+          this.productId = salla.config.get('page.id');
+        }
+        if (window.innerWidth <= 768 && this.type !== 'plain') {
+          this.type = 'plain';
+        }
+        if (!this.productId) {
+          salla.logger.warn('🍏 Pay: Failed load the quick buy, the product id is missing');
+          return reject();
+        }
+        if (!this.amount && this.productId) {
+          await salla.product.getDetails(this.productId, []).then((response) => {
+            var _a;
+            this.amount = response.data.price;
+            this.isRequireShipping = ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.is_require_shipping) || false;
+          }).catch((error) => {
+            salla.logger.warn('🍏 Pay: Failed load the quick buy, get the product details failed: ', error);
+            return reject();
+          });
+        }
+        if (salla.url.is_page('product.single')) {
+          salla.product.event.onPriceUpdated(response => this.amount = response.data.price);
+        }
+        this.isApplePayActive = ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) && ((_b = salla.config.get('store.settings.payments')) === null || _b === void 0 ? void 0 : _b.includes('apple_pay'));
+        let applePaySdk = document.getElementById('apple-pay-sdk');
+        if (applePaySdk || !this.isApplePayActive) {
+          salla.logger.warn('🍏 Pay: Skipped load apple pay because ' + (applePaySdk ? 'already loaded' : 'is not available in the browser'));
+          resolve(true);
+          return;
+        }
+        const script = document.createElement('script');
+        script.src = 'https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js';
+        script.setAttribute('id', 'apple-pay-sdk');
+        script.async = true;
+        document.body.appendChild(script);
+        resolve(true);
+      });
+    });
+  }
+  render() {
+    return index.h(index.Host, null, this.quickBuyButton());
+  }
+  quickBuyButton() {
+    return this.isApplePayActive
+      ? index.h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type })
+      :
+        index.h("salla-button", { onClick: () => this.quickBuyHandler(), class: "s-quick-buy-button", color: "primary", fill: "outline", size: "medium", width: "wide", shape: "btn" }, index.h("span", { innerHTML: FullWallet }), this.quickBuy);
+  }
+  get host() { return index.getElement(this); }
+};
+SallaQuickBuy.style = sallaQuickBuyCss;
+
 const CelebrationIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>party-horn</title>
@@ -23792,7 +26362,7 @@ const SallaQuickOrder = class {
       return (index.h(index.Host, { class: "s-quick-order" }, index.h("div", { class: 's-quick-order-confirm', style: { backgroundColor: salla.config.get('theme.color.primary') + '10', borderColor: salla.config.get('theme.color.primary') + '10', color: salla.config.get('theme.color.primary') } }, index.h("i", { innerHTML: CelebrationIcon }), index.h("span", null, this.thanksMessage))));
     }
     return (index.h(index.Host, { class: `s-quick-order s-quick-order-${this.getDarkOrLight()}` }, index.h("div", { class: `s-quick-order-container s-quick-order-${this.quickOrderStyle}`, style: { backgroundColor: this.getStyleColor() } }, index.h("div", { class: "s-quick-order-button-cont" }, index.h("div", null, index.h("h3", null, this.quickOrderTitle), index.h("p", null, this.subTitle)), index.h("salla-button", { class: this.expanded ? "s-quick-order-btn-close" : "", onClick: (e) => this.submit(e, true), color: this.getBtnColor() }, this.oneClick
-      ? this.confirmPayButtonTitle : this.expanded ? index.h("i", { innerHTML: Cancel }) : this.confirmPayButtonTitle)), index.h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&
+      ? this.confirmPayButtonTitle : this.expanded ? index.h("i", { innerHTML: Cancel$1 }) : this.confirmPayButtonTitle)), index.h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&
       [
         index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: PortraitIcon }), index.h("input", { type: "text", required: true, class: "s-form-control", name: 'name', placeholder: this.userNameLabel, ref: el => (this.nameInput = el) })),
         index.h("div", { class: "s-quick-order-flex-input" }, index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: IphoneXIcon }), index.h("salla-tel-input", { ref: el => (this.phoneInput = el) })), index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: MailIcon }), index.h("input", { type: "email", class: "s-form-control", name: 'email', required: this.isEmailRequired, placeholder: this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional), ref: el => (this.emailInput = el) }))),
@@ -24979,7 +27549,7 @@ const SallaSocialShare = class {
     }, '-=200');
   }
   render() {
-    return (index.h("div", { class: "s-social-share-wrapper" }, index.h("slot", { name: 'widget' }, index.h("salla-button", { "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { innerHTML: this.opened ? Cancel : ShareAlt }))), index.h("ul", { ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share" }, this.platforms.split(',').map(platform => {
+    return (index.h("div", { class: "s-social-share-wrapper" }, index.h("slot", { name: 'widget' }, index.h("salla-button", { "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { innerHTML: this.opened ? Cancel$1 : ShareAlt }))), index.h("ul", { ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share" }, this.platforms.split(',').map(platform => {
       return (index.h("li", { ref: el => this.platformItem = el }, index.h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
         if (icon.name === platform) {
           return index.h("span", { class: "s-social-share-icon", innerHTML: icon.icon });
@@ -26633,7 +29203,7 @@ const SallaUserMenu = class {
     this.items = {
       notifications: BellRing,
       orders: OrderIcon,
-      pending_orders: PendingOrdersIcon,
+      pending_orders: cart.Cart,
       wishlist: WishListIcon,
       profile: ProfileIcon,
     };
@@ -26766,7 +29336,7 @@ const SallaUserMenu = class {
     //todo:: reduce class names, they are too long
     return (index.h(index.Host, null, this.inline ?
       index.h("ul", { class: "s-user-menu-inline" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i)))
-      : index.h("div", { class: { 's-user-menu-wrapper': true, 's-user-menu-relative-dropdown': this.relativeDropdown } }, this.getTheHeader(), index.h("div", { class: { 's-user-menu-toggler': true, 'opened': this.opened } }, index.h("div", { class: "s-user-menu-dropdown", onClick: (e) => e.stopPropagation() }, this.showHeader ? index.h("div", { class: "s-user-menu-dropdown-header" }, index.h("img", { src: this.avatar, alt: `${this.first_name} ${this.last_name}` }), index.h("div", { class: "s-user-menu-dropdown-header-content" }, index.h("span", null, this.hello), index.h("p", null, this.first_name, " ", this.last_name)), index.h("button", { class: "s-user-menu-dropdown-header-close", innerHTML: Cancel, onClick: () => this.opened = false })) : '', index.h("ul", { class: "s-user-menu-dropdown-list" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i))))))));
+      : index.h("div", { class: { 's-user-menu-wrapper': true, 's-user-menu-relative-dropdown': this.relativeDropdown } }, this.getTheHeader(), index.h("div", { class: { 's-user-menu-toggler': true, 'opened': this.opened } }, index.h("div", { class: "s-user-menu-dropdown", onClick: (e) => e.stopPropagation() }, this.showHeader ? index.h("div", { class: "s-user-menu-dropdown-header" }, index.h("img", { src: this.avatar, alt: `${this.first_name} ${this.last_name}` }), index.h("div", { class: "s-user-menu-dropdown-header-content" }, index.h("span", null, this.hello), index.h("p", null, this.first_name, " ", this.last_name)), index.h("button", { class: "s-user-menu-dropdown-header-close", innerHTML: Cancel$1, onClick: () => this.opened = false })) : '', index.h("ul", { class: "s-user-menu-dropdown-list" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i))))))));
   }
   componentDidLoad() {
     var _a;
@@ -27039,6 +29609,7 @@ exports.salla_product_availability = SallaProductAvailability;
 exports.salla_product_size_guide = SallaProductSizeGuide;
 exports.salla_progress_bar = SallaProgressBar;
 exports.salla_quantity_input = SallaQuantityInput;
+exports.salla_quick_buy = SallaQuickBuy;
 exports.salla_quick_order = SallaQuickOrder;
 exports.salla_rating_modal = SallaRatingModal;
 exports.salla_rating_stars = SallaRatingStars;