legalesign-document-viewer 0.1.0 → 0.1.2

package/dist/ls-document-viewer/ls-document-viewer.entry.js

@@ -1,5 +1,6 @@
-import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
-import { a as alter, o as oob, g as getApiType } from './editorUtils-CWtBGPrf.js';
+import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Db-CNFwu.js';
+import { d as defaultRolePalette } from './defaultPalette-C00GqV9f.js';
+import { a as alter, o as oob, m as matchData, g as getApiType } from './editorUtils-DbS95k5h.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -19966,6 +19967,9 @@ function addField(frame, data) {
     node.style.left = Math.floor(data.left * this.zoom) + 'px';
     node.style.height = Math.floor(data.height * this.zoom) + 'px';
     node.style.width = Math.floor(data.width * this.zoom) + 'px';
+    node.style.fontSize = Math.floor(data.fontSize) + 'pt';
+    node.style.alignContent = data.align;
+    node.style.fontFamily = data.fontName;
     node.dataItem = data;
     frame.appendChild(node);
     return node;
@@ -19976,6 +19980,9 @@ function moveField(item, data) {
     item.style.left = Math.floor(data.left * this.zoom) + 'px';
     item.style.height = Math.floor(data.height * this.zoom) + 'px';
     item.style.width = Math.floor(data.width * this.zoom) + 'px';
+    item.style.fontSize = Math.floor(data.fontSize) + 'pt';
+    item.style.fontFamily = data.fontName;
+    item.style.textAlign = data.align;
     item.dataItem = data;
 }
 ;
@@ -20017,18 +20024,30 @@ const transformCoordinates = (sourceField, inputFieldWidth, inputFieldHeight, vi
     };
 };
 // from a field element get all dimension data including LEGACY dimensions
-const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth) => {
+const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth, zoom) => {
     // Position of widget frame
     const frmDims = frameContainer.getBoundingClientRect();
     // dimensions relative to viewport
     const { height, width } = sourceField.getBoundingClientRect();
-    const top = sourceField.getBoundingClientRect().top - frmDims.top;
-    const left = sourceField.getBoundingClientRect().left - frmDims.left;
+    const zwidth = width / zoom;
+    const zheight = height / zoom;
+    const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);
+    const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);
     // Returns X, Y coordinates
     const ax = left > 0 ? left / pageWidth : 0;
     const ay = top > 0 ? top / pageHeight : 0;
-    const bx = (left + width) / pageWidth;
-    const by = (top + height) / pageHeight;
+    const bx = (left + zwidth) / pageWidth;
+    const by = (top + zheight) / pageHeight;
+    console.log({
+        top,
+        left,
+        zheight,
+        zwidth,
+        ax,
+        ay,
+        bx,
+        by,
+    });
     // Return with calculated styles that try to place it as it would appear on legacy signing page
     return {
         top,
@@ -20042,32 +20061,11 @@ const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth) => {
     };
 };
 
-const defaultRolePalette = [
-    { primary: 'rgb(50, 124, 244)', faded: 'rgb(240, 246, 255)' },
-    { primary: 'rgb(70, 219, 170)', faded: 'rgb(239, 255, 249)' },
-    { primary: 'rgb(240, 182, 24)', faded: 'rgb(255, 252, 239)' },
-    { primary: 'rgb(238, 229, 255)', faded: 'rgb(244, 240, 255)' },
-    { primary: 'rgb(240, 86, 178)', faded: 'rgb(255, 240, 249)' },
-    { primary: 'rgb(189, 240, 86)', faded: 'rgb(250, 255, 240)' },
-    { primary: 'rgb(246, 74, 68)', faded: 'rgb(246, 190, 188)' },
-    { primary: 'rgb(58, 0, 166)', faded: 'rgb(188, 169, 240)' },
-    { primary: 'rgba(1, 179, 34, 0.69)', faded: 'rgb(135, 173, 158)' },
-    { primary: 'rgb(201, 204, 0)', faded: 'rgba(246, 247, 203, 0.77)' },
-    { primary: 'rgb(249, 55, 129)', faded: 'rgb(255, 237, 244)' },
-    { primary: 'rgb(0, 14, 166)', faded: 'rgb(209, 212, 243)' },
-    { primary: 'rgb(135, 173, 158)', faded: 'rgb(205, 244, 228)' },
-    { primary: 'rgb(86, 199, 240)', faded: 'rgb(202, 236, 248)' },
-    { primary: 'rgb(246, 205, 68)', faded: 'rgb(244, 240, 255)' },
-    { primary: 'rgb(0, 94, 166)', faded: 'rgb(188, 169, 240)' },
-    { primary: 'rgba(179, 1, 63, 0.69)', faded: 'rgb(135, 173, 158)' }
-];
-
 function keyDown(ev) {
     if (this.selected && this.selected?.length > 0) {
         // utils need binding to the context
         const altbound = alter.bind(this);
         if (ev.key === 'ArrowDown') {
-            console.log('down arrow pressed');
             altbound(original => {
                 const alterElement = {
                     ...original,
@@ -20079,7 +20077,6 @@ function keyDown(ev) {
             });
         }
         else if (ev.key === 'ArrowUp') {
-            console.log('up arrow pressed');
             altbound(original => {
                 const alterElement = {
                     ...original,
@@ -20091,7 +20088,6 @@ function keyDown(ev) {
             });
         }
         else if (ev.key === 'ArrowRight') {
-            console.log('right arrow pressed');
             altbound(original => {
                 const alterElement = {
                     ...original,
@@ -20103,7 +20099,6 @@ function keyDown(ev) {
             });
         }
         else if (ev.key === 'ArrowLeft') {
-            console.log('left arrow pressed');
             altbound(original => {
                 const alterElement = {
                     ...original,
@@ -20116,6 +20111,9 @@ function keyDown(ev) {
         }
         else if (ev.key === 'Delete') {
             const arr = Array.from(this.selected);
+            this.mutate.emit(arr.map(s => {
+                return { action: 'delete', data: s.dataItem };
+            }));
             this.update.emit(arr.map(s => {
                 return { action: 'delete', data: s.dataItem };
             }));
@@ -20263,7 +20261,7 @@ function mouseClick(e) {
             // Calculate new positions and update the dataItem on the control
             const delta = {
                 ...fx.dataItem,
-                ...findDimensions(divFrame, fx, this.pageDimensions[this.pageNum - 1].height, this.pageDimensions[this.pageNum - 1].width),
+                ...findDimensions(divFrame, fx, this.pageDimensions[this.pageNum - 1].height, this.pageDimensions[this.pageNum - 1].width, this.zoom),
             };
             // TODO:: out of bounds handler (UNDO)
             // update the data in the html element
@@ -20290,8 +20288,4219 @@ function mouseClick(e) {
         this.selectFields.emit(this.selected.map(fx => fx.dataItem));
     }
 }
+function mouseDrop(event) {
+    event.preventDefault();
+    try {
+        const data = JSON.parse(event.dataTransfer.getData("application/json"));
+        // Unselect all current selected items
+        this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => f.selected = false);
+        var frame = this.component.shadowRoot.getElementById('ls-document-frame');
+        // Make a new API compatible id for a template element (prefix 'ele')
+        const id = btoa('ele' + crypto.randomUUID());
+        const top = event.offsetY * this.zoom + frame.scrollTop;
+        const left = event.offsetX * this.zoom + frame.scrollLeft;
+        // TODO: Put these defaults somewhere sensible
+        const newData = {
+            action: 'create', data: {
+                id,
+                value: "",
+                formElementType: data.formElementType,
+                elementType: data.elementType,
+                validation: data.validation,
+                substantive: false,
+                top,
+                left,
+                hideBorder: false,
+                height: data.defaultHeight,
+                width: data.defaultWidth,
+                pageDimensions: this.pageDimensions[this.pageNum - 1],
+                fontName: "arial",
+                fontSize: 10,
+                align: 'left',
+                signer: this.signer,
+                page: this.pageNum,
+                mapTo: null,
+                label: '',
+                helpText: null,
+                logicGroup: null,
+                optional: false,
+                options: null,
+                logicAction: null,
+                labelExtra: null,
+                fieldOrder: null,
+                ax: left > 0 ? left / this.pageDimensions[this.pageNum - 1].width : 0,
+                ay: top > 0 ? top / this.pageDimensions[this.pageNum - 1].height : 0,
+                bx: (left + data.defaultWidth) / this.pageDimensions[this.pageNum - 1].width,
+                by: (top + data.defaultHeight) / this.pageDimensions[this.pageNum - 1].height,
+                templateId: this._template.id
+            }
+        };
+        console.log(newData);
+        this.mutate.emit([newData]);
+        this.update.emit([newData]);
+    }
+    catch (e) {
+        console.error(e);
+    }
+}
+
+/*! Axios v1.12.2 Copyright (c) 2025 Matt Zabriskie and contributors */
+
+var axios_1;
+var hasRequiredAxios;
+
+function requireAxios () {
+	if (hasRequiredAxios) return axios_1;
+	hasRequiredAxios = 1;
+	'use strict';
+
+	function bind(fn, thisArg) {
+	  return function wrap() {
+	    return fn.apply(thisArg, arguments);
+	  };
+	}
+
+	// utils is a library of generic helper functions non-specific to axios
+
+	const {toString} = Object.prototype;
+	const {getPrototypeOf} = Object;
+	const {iterator, toStringTag} = Symbol;
+
+	const kindOf = (cache => thing => {
+	    const str = toString.call(thing);
+	    return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase());
+	})(Object.create(null));
+
+	const kindOfTest = (type) => {
+	  type = type.toLowerCase();
+	  return (thing) => kindOf(thing) === type
+	};
+
+	const typeOfTest = type => thing => typeof thing === type;
+
+	/**
+	 * Determine if a value is an Array
+	 *
+	 * @param {Object} val The value to test
+	 *
+	 * @returns {boolean} True if value is an Array, otherwise false
+	 */
+	const {isArray} = Array;
+
+	/**
+	 * Determine if a value is undefined
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if the value is undefined, otherwise false
+	 */
+	const isUndefined = typeOfTest('undefined');
+
+	/**
+	 * Determine if a value is a Buffer
+	 *
+	 * @param {*} 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)
+	    && isFunction$1(val.constructor.isBuffer) && val.constructor.isBuffer(val);
+	}
+
+	/**
+	 * Determine if a value is an ArrayBuffer
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is an ArrayBuffer, otherwise false
+	 */
+	const isArrayBuffer = kindOfTest('ArrayBuffer');
+
+
+	/**
+	 * Determine if a value is a view on an ArrayBuffer
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
+	 */
+	function isArrayBufferView(val) {
+	  let result;
+	  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
+	    result = ArrayBuffer.isView(val);
+	  } else {
+	    result = (val) && (val.buffer) && (isArrayBuffer(val.buffer));
+	  }
+	  return result;
+	}
+
+	/**
+	 * Determine if a value is a String
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a String, otherwise false
+	 */
+	const isString = typeOfTest('string');
+
+	/**
+	 * Determine if a value is a Function
+	 *
+	 * @param {*} val The value to test
+	 * @returns {boolean} True if value is a Function, otherwise false
+	 */
+	const isFunction$1 = typeOfTest('function');
+
+	/**
+	 * Determine if a value is a Number
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a Number, otherwise false
+	 */
+	const isNumber = typeOfTest('number');
+
+	/**
+	 * Determine if a value is an Object
+	 *
+	 * @param {*} thing The value to test
+	 *
+	 * @returns {boolean} True if value is an Object, otherwise false
+	 */
+	const isObject = (thing) => thing !== null && typeof thing === 'object';
+
+	/**
+	 * Determine if a value is a Boolean
+	 *
+	 * @param {*} thing The value to test
+	 * @returns {boolean} True if value is a Boolean, otherwise false
+	 */
+	const isBoolean = thing => thing === true || thing === false;
+
+	/**
+	 * Determine if a value is a plain Object
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a plain Object, otherwise false
+	 */
+	const isPlainObject = (val) => {
+	  if (kindOf(val) !== 'object') {
+	    return false;
+	  }
+
+	  const prototype = getPrototypeOf(val);
+	  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(toStringTag in val) && !(iterator in val);
+	};
+
+	/**
+	 * Determine if a value is an empty object (safely handles Buffers)
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is an empty object, otherwise false
+	 */
+	const isEmptyObject = (val) => {
+	  // Early return for non-objects or Buffers to prevent RangeError
+	  if (!isObject(val) || isBuffer(val)) {
+	    return false;
+	  }
+
+	  try {
+	    return Object.keys(val).length === 0 && Object.getPrototypeOf(val) === Object.prototype;
+	  } catch (e) {
+	    // Fallback for any other objects that might cause RangeError with Object.keys()
+	    return false;
+	  }
+	};
+
+	/**
+	 * Determine if a value is a Date
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a Date, otherwise false
+	 */
+	const isDate = kindOfTest('Date');
+
+	/**
+	 * Determine if a value is a File
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a File, otherwise false
+	 */
+	const isFile = kindOfTest('File');
+
+	/**
+	 * Determine if a value is a Blob
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a Blob, otherwise false
+	 */
+	const isBlob = kindOfTest('Blob');
+
+	/**
+	 * Determine if a value is a FileList
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a File, otherwise false
+	 */
+	const isFileList = kindOfTest('FileList');
+
+	/**
+	 * Determine if a value is a Stream
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a Stream, otherwise false
+	 */
+	const isStream = (val) => isObject(val) && isFunction$1(val.pipe);
+
+	/**
+	 * Determine if a value is a FormData
+	 *
+	 * @param {*} thing The value to test
+	 *
+	 * @returns {boolean} True if value is an FormData, otherwise false
+	 */
+	const isFormData = (thing) => {
+	  let kind;
+	  return thing && (
+	    (typeof FormData === 'function' && thing instanceof FormData) || (
+	      isFunction$1(thing.append) && (
+	        (kind = kindOf(thing)) === 'formdata' ||
+	        // detect form-data instance
+	        (kind === 'object' && isFunction$1(thing.toString) && thing.toString() === '[object FormData]')
+	      )
+	    )
+	  )
+	};
+
+	/**
+	 * Determine if a value is a URLSearchParams object
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a URLSearchParams object, otherwise false
+	 */
+	const isURLSearchParams = kindOfTest('URLSearchParams');
+
+	const [isReadableStream, isRequest, isResponse, isHeaders] = ['ReadableStream', 'Request', 'Response', 'Headers'].map(kindOfTest);
+
+	/**
+	 * 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
+	 */
+	const trim = (str) => str.trim ?
+	  str.trim() : str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+	/**
+	 * 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
+	 *
+	 * @param {Boolean} [allOwnKeys = false]
+	 * @returns {any}
+	 */
+	function forEach(obj, fn, {allOwnKeys = false} = {}) {
+	  // Don't bother if no value provided
+	  if (obj === null || typeof obj === 'undefined') {
+	    return;
+	  }
+
+	  let i;
+	  let l;
+
+	  // 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 (i = 0, l = obj.length; i < l; i++) {
+	      fn.call(null, obj[i], i, obj);
+	    }
+	  } else {
+	    // Buffer check
+	    if (isBuffer(obj)) {
+	      return;
+	    }
+
+	    // Iterate over object keys
+	    const keys = allOwnKeys ? Object.getOwnPropertyNames(obj) : Object.keys(obj);
+	    const len = keys.length;
+	    let key;
+
+	    for (i = 0; i < len; i++) {
+	      key = keys[i];
+	      fn.call(null, obj[key], key, obj);
+	    }
+	  }
+	}
+
+	function findKey(obj, key) {
+	  if (isBuffer(obj)){
+	    return null;
+	  }
+
+	  key = key.toLowerCase();
+	  const keys = Object.keys(obj);
+	  let i = keys.length;
+	  let _key;
+	  while (i-- > 0) {
+	    _key = keys[i];
+	    if (key === _key.toLowerCase()) {
+	      return _key;
+	    }
+	  }
+	  return null;
+	}
+
+	const _global = (() => {
+	  /*eslint no-undef:0*/
+	  if (typeof globalThis !== "undefined") return globalThis;
+	  return typeof self !== "undefined" ? self : (typeof window !== 'undefined' ? window : commonjsGlobal)
+	})();
+
+	const isContextDefined = (context) => !isUndefined(context) && context !== _global;
+
+	/**
+	 * 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, ... */) {
+	  const {caseless, skipUndefined} = isContextDefined(this) && this || {};
+	  const result = {};
+	  const assignValue = (val, key) => {
+	    const targetKey = caseless && findKey(result, key) || key;
+	    if (isPlainObject(result[targetKey]) && isPlainObject(val)) {
+	      result[targetKey] = merge(result[targetKey], val);
+	    } else if (isPlainObject(val)) {
+	      result[targetKey] = merge({}, val);
+	    } else if (isArray(val)) {
+	      result[targetKey] = val.slice();
+	    } else if (!skipUndefined || !isUndefined(val)) {
+	      result[targetKey] = val;
+	    }
+	  };
+
+	  for (let i = 0, l = arguments.length; i < l; i++) {
+	    arguments[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
+	 *
+	 * @param {Boolean} [allOwnKeys]
+	 * @returns {Object} The resulting value of object a
+	 */
+	const extend = (a, b, thisArg, {allOwnKeys}= {}) => {
+	  forEach(b, (val, key) => {
+	    if (thisArg && isFunction$1(val)) {
+	      a[key] = bind(val, thisArg);
+	    } else {
+	      a[key] = val;
+	    }
+	  }, {allOwnKeys});
+	  return a;
+	};
+
+	/**
+	 * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
+	 *
+	 * @param {string} content with BOM
+	 *
+	 * @returns {string} content value without BOM
+	 */
+	const stripBOM = (content) => {
+	  if (content.charCodeAt(0) === 0xFEFF) {
+	    content = content.slice(1);
+	  }
+	  return content;
+	};
+
+	/**
+	 * Inherit the prototype methods from one constructor into another
+	 * @param {function} constructor
+	 * @param {function} superConstructor
+	 * @param {object} [props]
+	 * @param {object} [descriptors]
+	 *
+	 * @returns {void}
+	 */
+	const inherits = (constructor, superConstructor, props, descriptors) => {
+	  constructor.prototype = Object.create(superConstructor.prototype, descriptors);
+	  constructor.prototype.constructor = constructor;
+	  Object.defineProperty(constructor, 'super', {
+	    value: superConstructor.prototype
+	  });
+	  props && Object.assign(constructor.prototype, props);
+	};
+
+	/**
+	 * Resolve object with deep prototype chain to a flat object
+	 * @param {Object} sourceObj source object
+	 * @param {Object} [destObj]
+	 * @param {Function|Boolean} [filter]
+	 * @param {Function} [propFilter]
+	 *
+	 * @returns {Object}
+	 */
+	const toFlatObject = (sourceObj, destObj, filter, propFilter) => {
+	  let props;
+	  let i;
+	  let prop;
+	  const merged = {};
+
+	  destObj = destObj || {};
+	  // eslint-disable-next-line no-eq-null,eqeqeq
+	  if (sourceObj == null) return destObj;
+
+	  do {
+	    props = Object.getOwnPropertyNames(sourceObj);
+	    i = props.length;
+	    while (i-- > 0) {
+	      prop = props[i];
+	      if ((!propFilter || propFilter(prop, sourceObj, destObj)) && !merged[prop]) {
+	        destObj[prop] = sourceObj[prop];
+	        merged[prop] = true;
+	      }
+	    }
+	    sourceObj = filter !== false && getPrototypeOf(sourceObj);
+	  } while (sourceObj && (!filter || filter(sourceObj, destObj)) && sourceObj !== Object.prototype);
+
+	  return destObj;
+	};
+
+	/**
+	 * Determines whether a string ends with the characters of a specified string
+	 *
+	 * @param {String} str
+	 * @param {String} searchString
+	 * @param {Number} [position= 0]
+	 *
+	 * @returns {boolean}
+	 */
+	const endsWith = (str, searchString, position) => {
+	  str = String(str);
+	  if (position === undefined || position > str.length) {
+	    position = str.length;
+	  }
+	  position -= searchString.length;
+	  const lastIndex = str.indexOf(searchString, position);
+	  return lastIndex !== -1 && lastIndex === position;
+	};
+
+
+	/**
+	 * Returns new array from array like object or null if failed
+	 *
+	 * @param {*} [thing]
+	 *
+	 * @returns {?Array}
+	 */
+	const toArray = (thing) => {
+	  if (!thing) return null;
+	  if (isArray(thing)) return thing;
+	  let i = thing.length;
+	  if (!isNumber(i)) return null;
+	  const arr = new Array(i);
+	  while (i-- > 0) {
+	    arr[i] = thing[i];
+	  }
+	  return arr;
+	};
+
+	/**
+	 * Checking if the Uint8Array exists and if it does, it returns a function that checks if the
+	 * thing passed in is an instance of Uint8Array
+	 *
+	 * @param {TypedArray}
+	 *
+	 * @returns {Array}
+	 */
+	// eslint-disable-next-line func-names
+	const isTypedArray = (TypedArray => {
+	  // eslint-disable-next-line func-names
+	  return thing => {
+	    return TypedArray && thing instanceof TypedArray;
+	  };
+	})(typeof Uint8Array !== 'undefined' && getPrototypeOf(Uint8Array));
+
+	/**
+	 * For each entry in the object, call the function with the key and value.
+	 *
+	 * @param {Object<any, any>} obj - The object to iterate over.
+	 * @param {Function} fn - The function to call for each entry.
+	 *
+	 * @returns {void}
+	 */
+	const forEachEntry = (obj, fn) => {
+	  const generator = obj && obj[iterator];
+
+	  const _iterator = generator.call(obj);
+
+	  let result;
+
+	  while ((result = _iterator.next()) && !result.done) {
+	    const pair = result.value;
+	    fn.call(obj, pair[0], pair[1]);
+	  }
+	};
+
+	/**
+	 * It takes a regular expression and a string, and returns an array of all the matches
+	 *
+	 * @param {string} regExp - The regular expression to match against.
+	 * @param {string} str - The string to search.
+	 *
+	 * @returns {Array<boolean>}
+	 */
+	const matchAll = (regExp, str) => {
+	  let matches;
+	  const arr = [];
+
+	  while ((matches = regExp.exec(str)) !== null) {
+	    arr.push(matches);
+	  }
+
+	  return arr;
+	};
+
+	/* Checking if the kindOfTest function returns true when passed an HTMLFormElement. */
+	const isHTMLForm = kindOfTest('HTMLFormElement');
+
+	const toCamelCase = str => {
+	  return str.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,
+	    function replacer(m, p1, p2) {
+	      return p1.toUpperCase() + p2;
+	    }
+	  );
+	};
+
+	/* Creating a function that will check if an object has a property. */
+	const hasOwnProperty = (({hasOwnProperty}) => (obj, prop) => hasOwnProperty.call(obj, prop))(Object.prototype);
+
+	/**
+	 * Determine if a value is a RegExp object
+	 *
+	 * @param {*} val The value to test
+	 *
+	 * @returns {boolean} True if value is a RegExp object, otherwise false
+	 */
+	const isRegExp = kindOfTest('RegExp');
+
+	const reduceDescriptors = (obj, reducer) => {
+	  const descriptors = Object.getOwnPropertyDescriptors(obj);
+	  const reducedDescriptors = {};
+
+	  forEach(descriptors, (descriptor, name) => {
+	    let ret;
+	    if ((ret = reducer(descriptor, name, obj)) !== false) {
+	      reducedDescriptors[name] = ret || descriptor;
+	    }
+	  });
+
+	  Object.defineProperties(obj, reducedDescriptors);
+	};
+
+	/**
+	 * Makes all methods read-only
+	 * @param {Object} obj
+	 */
+
+	const freezeMethods = (obj) => {
+	  reduceDescriptors(obj, (descriptor, name) => {
+	    // skip restricted props in strict mode
+	    if (isFunction$1(obj) && ['arguments', 'caller', 'callee'].indexOf(name) !== -1) {
+	      return false;
+	    }
+
+	    const value = obj[name];
+
+	    if (!isFunction$1(value)) return;
+
+	    descriptor.enumerable = false;
+
+	    if ('writable' in descriptor) {
+	      descriptor.writable = false;
+	      return;
+	    }
+
+	    if (!descriptor.set) {
+	      descriptor.set = () => {
+	        throw Error('Can not rewrite read-only method \'' + name + '\'');
+	      };
+	    }
+	  });
+	};
+
+	const toObjectSet = (arrayOrString, delimiter) => {
+	  const obj = {};
+
+	  const define = (arr) => {
+	    arr.forEach(value => {
+	      obj[value] = true;
+	    });
+	  };
+
+	  isArray(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));
+
+	  return obj;
+	};
+
+	const noop = () => {};
+
+	const toFiniteNumber = (value, defaultValue) => {
+	  return value != null && Number.isFinite(value = +value) ? value : defaultValue;
+	};
+
+
+
+	/**
+	 * If the thing is a FormData object, return true, otherwise return false.
+	 *
+	 * @param {unknown} thing - The thing to check.
+	 *
+	 * @returns {boolean}
+	 */
+	function isSpecCompliantForm(thing) {
+	  return !!(thing && isFunction$1(thing.append) && thing[toStringTag] === 'FormData' && thing[iterator]);
+	}
+
+	const toJSONObject = (obj) => {
+	  const stack = new Array(10);
+
+	  const visit = (source, i) => {
+
+	    if (isObject(source)) {
+	      if (stack.indexOf(source) >= 0) {
+	        return;
+	      }
+
+	      //Buffer check
+	      if (isBuffer(source)) {
+	        return source;
+	      }
+
+	      if(!('toJSON' in source)) {
+	        stack[i] = source;
+	        const target = isArray(source) ? [] : {};
+
+	        forEach(source, (value, key) => {
+	          const reducedValue = visit(value, i + 1);
+	          !isUndefined(reducedValue) && (target[key] = reducedValue);
+	        });
+
+	        stack[i] = undefined;
+
+	        return target;
+	      }
+	    }
+
+	    return source;
+	  };
+
+	  return visit(obj, 0);
+	};
+
+	const isAsyncFn = kindOfTest('AsyncFunction');
+
+	const isThenable = (thing) =>
+	  thing && (isObject(thing) || isFunction$1(thing)) && isFunction$1(thing.then) && isFunction$1(thing.catch);
+
+	// original code
+	// https://github.com/DigitalBrainJS/AxiosPromise/blob/16deab13710ec09779922131f3fa5954320f83ab/lib/utils.js#L11-L34
+
+	const _setImmediate = ((setImmediateSupported, postMessageSupported) => {
+	  if (setImmediateSupported) {
+	    return setImmediate;
+	  }
+
+	  return postMessageSupported ? ((token, callbacks) => {
+	    _global.addEventListener("message", ({source, data}) => {
+	      if (source === _global && data === token) {
+	        callbacks.length && callbacks.shift()();
+	      }
+	    }, false);
+
+	    return (cb) => {
+	      callbacks.push(cb);
+	      _global.postMessage(token, "*");
+	    }
+	  })(`axios@${Math.random()}`, []) : (cb) => setTimeout(cb);
+	})(
+	  typeof setImmediate === 'function',
+	  isFunction$1(_global.postMessage)
+	);
+
+	const asap = typeof queueMicrotask !== 'undefined' ?
+	  queueMicrotask.bind(_global) : ( typeof process !== 'undefined' && process.nextTick || _setImmediate);
+
+	// *********************
+
+
+	const isIterable = (thing) => thing != null && isFunction$1(thing[iterator]);
+
+
+	var utils$1 = {
+	  isArray,
+	  isArrayBuffer,
+	  isBuffer,
+	  isFormData,
+	  isArrayBufferView,
+	  isString,
+	  isNumber,
+	  isBoolean,
+	  isObject,
+	  isPlainObject,
+	  isEmptyObject,
+	  isReadableStream,
+	  isRequest,
+	  isResponse,
+	  isHeaders,
+	  isUndefined,
+	  isDate,
+	  isFile,
+	  isBlob,
+	  isRegExp,
+	  isFunction: isFunction$1,
+	  isStream,
+	  isURLSearchParams,
+	  isTypedArray,
+	  isFileList,
+	  forEach,
+	  merge,
+	  extend,
+	  trim,
+	  stripBOM,
+	  inherits,
+	  toFlatObject,
+	  kindOf,
+	  kindOfTest,
+	  endsWith,
+	  toArray,
+	  forEachEntry,
+	  matchAll,
+	  isHTMLForm,
+	  hasOwnProperty,
+	  hasOwnProp: hasOwnProperty, // an alias to avoid ESLint no-prototype-builtins detection
+	  reduceDescriptors,
+	  freezeMethods,
+	  toObjectSet,
+	  toCamelCase,
+	  noop,
+	  toFiniteNumber,
+	  findKey,
+	  global: _global,
+	  isContextDefined,
+	  isSpecCompliantForm,
+	  toJSONObject,
+	  isAsyncFn,
+	  isThenable,
+	  setImmediate: _setImmediate,
+	  asap,
+	  isIterable
+	};
+
+	/**
+	 * Create an Error with the specified message, config, error code, request and response.
+	 *
+	 * @param {string} message The error message.
+	 * @param {string} [code] The error code (for example, 'ECONNABORTED').
+	 * @param {Object} [config] The config.
+	 * @param {Object} [request] The request.
+	 * @param {Object} [response] The response.
+	 *
+	 * @returns {Error} The created error.
+	 */
+	function AxiosError(message, code, config, request, response) {
+	  Error.call(this);
+
+	  if (Error.captureStackTrace) {
+	    Error.captureStackTrace(this, this.constructor);
+	  } else {
+	    this.stack = (new Error()).stack;
+	  }
+
+	  this.message = message;
+	  this.name = 'AxiosError';
+	  code && (this.code = code);
+	  config && (this.config = config);
+	  request && (this.request = request);
+	  if (response) {
+	    this.response = response;
+	    this.status = response.status ? response.status : null;
+	  }
+	}
+
+	utils$1.inherits(AxiosError, 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: utils$1.toJSONObject(this.config),
+	      code: this.code,
+	      status: this.status
+	    };
+	  }
+	});
+
+	const prototype$1 = AxiosError.prototype;
+	const descriptors = {};
+
+	[
+	  'ERR_BAD_OPTION_VALUE',
+	  'ERR_BAD_OPTION',
+	  'ECONNABORTED',
+	  'ETIMEDOUT',
+	  'ERR_NETWORK',
+	  'ERR_FR_TOO_MANY_REDIRECTS',
+	  'ERR_DEPRECATED',
+	  'ERR_BAD_RESPONSE',
+	  'ERR_BAD_REQUEST',
+	  'ERR_CANCELED',
+	  'ERR_NOT_SUPPORT',
+	  'ERR_INVALID_URL'
+	// eslint-disable-next-line func-names
+	].forEach(code => {
+	  descriptors[code] = {value: code};
+	});
+
+	Object.defineProperties(AxiosError, descriptors);
+	Object.defineProperty(prototype$1, 'isAxiosError', {value: true});
+
+	// eslint-disable-next-line func-names
+	AxiosError.from = (error, code, config, request, response, customProps) => {
+	  const axiosError = Object.create(prototype$1);
+
+	  utils$1.toFlatObject(error, axiosError, function filter(obj) {
+	    return obj !== Error.prototype;
+	  }, prop => {
+	    return prop !== 'isAxiosError';
+	  });
+
+	  const msg = error && error.message ? error.message : 'Error';
+
+	  // Prefer explicit code; otherwise copy the low-level error's code (e.g. ECONNREFUSED)
+	  const errCode = code == null && error ? error.code : code;
+	  AxiosError.call(axiosError, msg, errCode, config, request, response);
+
+	  // Chain the original error on the standard field; non-enumerable to avoid JSON noise
+	  if (error && axiosError.cause == null) {
+	    Object.defineProperty(axiosError, 'cause', { value: error, configurable: true });
+	  }
+
+	  axiosError.name = (error && error.name) || 'Error';
+
+	  customProps && Object.assign(axiosError, customProps);
+
+	  return axiosError;
+	};
+
+	// eslint-disable-next-line strict
+	var httpAdapter = null;
+
+	/**
+	 * Determines if the given thing is a array or js object.
+	 *
+	 * @param {string} thing - The object or array to be visited.
+	 *
+	 * @returns {boolean}
+	 */
+	function isVisitable(thing) {
+	  return utils$1.isPlainObject(thing) || utils$1.isArray(thing);
+	}
+
+	/**
+	 * It removes the brackets from the end of a string
+	 *
+	 * @param {string} key - The key of the parameter.
+	 *
+	 * @returns {string} the key without the brackets.
+	 */
+	function removeBrackets(key) {
+	  return utils$1.endsWith(key, '[]') ? key.slice(0, -2) : key;
+	}
+
+	/**
+	 * It takes a path, a key, and a boolean, and returns a string
+	 *
+	 * @param {string} path - The path to the current key.
+	 * @param {string} key - The key of the current object being iterated over.
+	 * @param {string} dots - If true, the key will be rendered with dots instead of brackets.
+	 *
+	 * @returns {string} The path to the current key.
+	 */
+	function renderKey(path, key, dots) {
+	  if (!path) return key;
+	  return path.concat(key).map(function each(token, i) {
+	    // eslint-disable-next-line no-param-reassign
+	    token = removeBrackets(token);
+	    return !dots && i ? '[' + token + ']' : token;
+	  }).join(dots ? '.' : '');
+	}
+
+	/**
+	 * If the array is an array and none of its elements are visitable, then it's a flat array.
+	 *
+	 * @param {Array<any>} arr - The array to check
+	 *
+	 * @returns {boolean}
+	 */
+	function isFlatArray(arr) {
+	  return utils$1.isArray(arr) && !arr.some(isVisitable);
+	}
+
+	const predicates = utils$1.toFlatObject(utils$1, {}, null, function filter(prop) {
+	  return /^is[A-Z]/.test(prop);
+	});
+
+	/**
+	 * Convert a data object to FormData
+	 *
+	 * @param {Object} obj
+	 * @param {?Object} [formData]
+	 * @param {?Object} [options]
+	 * @param {Function} [options.visitor]
+	 * @param {Boolean} [options.metaTokens = true]
+	 * @param {Boolean} [options.dots = false]
+	 * @param {?Boolean} [options.indexes = false]
+	 *
+	 * @returns {Object}
+	 **/
+
+	/**
+	 * It converts an object into a FormData object
+	 *
+	 * @param {Object<any, any>} obj - The object to convert to form data.
+	 * @param {string} formData - The FormData object to append to.
+	 * @param {Object<string, any>} options
+	 *
+	 * @returns
+	 */
+	function toFormData(obj, formData, options) {
+	  if (!utils$1.isObject(obj)) {
+	    throw new TypeError('target must be an object');
+	  }
+
+	  // eslint-disable-next-line no-param-reassign
+	  formData = formData || new (FormData)();
+
+	  // eslint-disable-next-line no-param-reassign
+	  options = utils$1.toFlatObject(options, {
+	    metaTokens: true,
+	    dots: false,
+	    indexes: false
+	  }, false, function defined(option, source) {
+	    // eslint-disable-next-line no-eq-null,eqeqeq
+	    return !utils$1.isUndefined(source[option]);
+	  });
+
+	  const metaTokens = options.metaTokens;
+	  // eslint-disable-next-line no-use-before-define
+	  const visitor = options.visitor || defaultVisitor;
+	  const dots = options.dots;
+	  const indexes = options.indexes;
+	  const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob;
+	  const useBlob = _Blob && utils$1.isSpecCompliantForm(formData);
+
+	  if (!utils$1.isFunction(visitor)) {
+	    throw new TypeError('visitor must be a function');
+	  }
+
+	  function convertValue(value) {
+	    if (value === null) return '';
+
+	    if (utils$1.isDate(value)) {
+	      return value.toISOString();
+	    }
+
+	    if (utils$1.isBoolean(value)) {
+	      return value.toString();
+	    }
+
+	    if (!useBlob && utils$1.isBlob(value)) {
+	      throw new AxiosError('Blob is not supported. Use a Buffer instead.');
+	    }
+
+	    if (utils$1.isArrayBuffer(value) || utils$1.isTypedArray(value)) {
+	      return useBlob && typeof Blob === 'function' ? new Blob([value]) : Buffer.from(value);
+	    }
+
+	    return value;
+	  }
+
+	  /**
+	   * Default visitor.
+	   *
+	   * @param {*} value
+	   * @param {String|Number} key
+	   * @param {Array<String|Number>} path
+	   * @this {FormData}
+	   *
+	   * @returns {boolean} return true to visit the each prop of the value recursively
+	   */
+	  function defaultVisitor(value, key, path) {
+	    let arr = value;
+
+	    if (value && !path && typeof value === 'object') {
+	      if (utils$1.endsWith(key, '{}')) {
+	        // eslint-disable-next-line no-param-reassign
+	        key = metaTokens ? key : key.slice(0, -2);
+	        // eslint-disable-next-line no-param-reassign
+	        value = JSON.stringify(value);
+	      } else if (
+	        (utils$1.isArray(value) && isFlatArray(value)) ||
+	        ((utils$1.isFileList(value) || utils$1.endsWith(key, '[]')) && (arr = utils$1.toArray(value))
+	        )) {
+	        // eslint-disable-next-line no-param-reassign
+	        key = removeBrackets(key);
+
+	        arr.forEach(function each(el, index) {
+	          !(utils$1.isUndefined(el) || el === null) && formData.append(
+	            // eslint-disable-next-line no-nested-ternary
+	            indexes === true ? renderKey([key], index, dots) : (indexes === null ? key : key + '[]'),
+	            convertValue(el)
+	          );
+	        });
+	        return false;
+	      }
+	    }
+
+	    if (isVisitable(value)) {
+	      return true;
+	    }
+
+	    formData.append(renderKey(path, key, dots), convertValue(value));
+
+	    return false;
+	  }
+
+	  const stack = [];
+
+	  const exposedHelpers = Object.assign(predicates, {
+	    defaultVisitor,
+	    convertValue,
+	    isVisitable
+	  });
+
+	  function build(value, path) {
+	    if (utils$1.isUndefined(value)) return;
+
+	    if (stack.indexOf(value) !== -1) {
+	      throw Error('Circular reference detected in ' + path.join('.'));
+	    }
+
+	    stack.push(value);
+
+	    utils$1.forEach(value, function each(el, key) {
+	      const result = !(utils$1.isUndefined(el) || el === null) && visitor.call(
+	        formData, el, utils$1.isString(key) ? key.trim() : key, path, exposedHelpers
+	      );
+
+	      if (result === true) {
+	        build(el, path ? path.concat(key) : [key]);
+	      }
+	    });
+
+	    stack.pop();
+	  }
+
+	  if (!utils$1.isObject(obj)) {
+	    throw new TypeError('data must be an object');
+	  }
+
+	  build(obj);
+
+	  return formData;
+	}
+
+	/**
+	 * It encodes a string by replacing all characters that are not in the unreserved set with
+	 * their percent-encoded equivalents
+	 *
+	 * @param {string} str - The string to encode.
+	 *
+	 * @returns {string} The encoded string.
+	 */
+	function encode$1(str) {
+	  const charMap = {
+	    '!': '%21',
+	    "'": '%27',
+	    '(': '%28',
+	    ')': '%29',
+	    '~': '%7E',
+	    '%20': '+',
+	    '%00': '\x00'
+	  };
+	  return encodeURIComponent(str).replace(/[!'()~]|%20|%00/g, function replacer(match) {
+	    return charMap[match];
+	  });
+	}
+
+	/**
+	 * It takes a params object and converts it to a FormData object
+	 *
+	 * @param {Object<string, any>} params - The parameters to be converted to a FormData object.
+	 * @param {Object<string, any>} options - The options object passed to the Axios constructor.
+	 *
+	 * @returns {void}
+	 */
+	function AxiosURLSearchParams(params, options) {
+	  this._pairs = [];
+
+	  params && toFormData(params, this, options);
+	}
+
+	const prototype = AxiosURLSearchParams.prototype;
+
+	prototype.append = function append(name, value) {
+	  this._pairs.push([name, value]);
+	};
+
+	prototype.toString = function toString(encoder) {
+	  const _encode = encoder ? function(value) {
+	    return encoder.call(this, value, encode$1);
+	  } : encode$1;
+
+	  return this._pairs.map(function each(pair) {
+	    return _encode(pair[0]) + '=' + _encode(pair[1]);
+	  }, '').join('&');
+	};
+
+	/**
+	 * It replaces all instances of the characters `:`, `$`, `,`, `+`, `[`, and `]` with their
+	 * URI encoded counterparts
+	 *
+	 * @param {string} val The value to be encoded.
+	 *
+	 * @returns {string} The encoded value.
+	 */
+	function encode(val) {
+	  return encodeURIComponent(val).
+	    replace(/%3A/gi, ':').
+	    replace(/%24/g, '$').
+	    replace(/%2C/gi, ',').
+	    replace(/%20/g, '+');
+	}
+
+	/**
+	 * 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
+	 * @param {?(object|Function)} options
+	 *
+	 * @returns {string} The formatted url
+	 */
+	function buildURL(url, params, options) {
+	  /*eslint no-param-reassign:0*/
+	  if (!params) {
+	    return url;
+	  }
+	  
+	  const _encode = options && options.encode || encode;
+
+	  if (utils$1.isFunction(options)) {
+	    options = {
+	      serialize: options
+	    };
+	  } 
+
+	  const serializeFn = options && options.serialize;
+
+	  let serializedParams;
+
+	  if (serializeFn) {
+	    serializedParams = serializeFn(params, options);
+	  } else {
+	    serializedParams = utils$1.isURLSearchParams(params) ?
+	      params.toString() :
+	      new AxiosURLSearchParams(params, options).toString(_encode);
+	  }
+
+	  if (serializedParams) {
+	    const hashmarkIndex = url.indexOf("#");
+
+	    if (hashmarkIndex !== -1) {
+	      url = url.slice(0, hashmarkIndex);
+	    }
+	    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
+	  }
+
+	  return url;
+	}
+
+	class InterceptorManager {
+	  constructor() {
+	    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
+	   */
+	  use(fulfilled, rejected, options) {
+	    this.handlers.push({
+	      fulfilled,
+	      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`
+	   *
+	   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
+	   */
+	  eject(id) {
+	    if (this.handlers[id]) {
+	      this.handlers[id] = null;
+	    }
+	  }
+
+	  /**
+	   * Clear all interceptors from the stack
+	   *
+	   * @returns {void}
+	   */
+	  clear() {
+	    if (this.handlers) {
+	      this.handlers = [];
+	    }
+	  }
+
+	  /**
+	   * 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
+	   *
+	   * @returns {void}
+	   */
+	  forEach(fn) {
+	    utils$1.forEach(this.handlers, function forEachHandler(h) {
+	      if (h !== null) {
+	        fn(h);
+	      }
+	    });
+	  }
+	}
+
+	var InterceptorManager$1 = InterceptorManager;
+
+	var transitionalDefaults = {
+	  silentJSONParsing: true,
+	  forcedJSONParsing: true,
+	  clarifyTimeoutError: false
+	};
+
+	var URLSearchParams$1 = typeof URLSearchParams !== 'undefined' ? URLSearchParams : AxiosURLSearchParams;
+
+	var FormData$1 = typeof FormData !== 'undefined' ? FormData : null;
+
+	var Blob$1 = typeof Blob !== 'undefined' ? Blob : null;
+
+	var platform$1 = {
+	  isBrowser: true,
+	  classes: {
+	    URLSearchParams: URLSearchParams$1,
+	    FormData: FormData$1,
+	    Blob: Blob$1
+	  },
+	  protocols: ['http', 'https', 'file', 'blob', 'url', 'data']
+	};
+
+	const hasBrowserEnv = typeof window !== 'undefined' && typeof document !== 'undefined';
+
+	const _navigator = typeof navigator === 'object' && navigator || undefined;
+
+	/**
+	 * 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'
+	 *
+	 * @returns {boolean}
+	 */
+	const hasStandardBrowserEnv = hasBrowserEnv &&
+	  (!_navigator || ['ReactNative', 'NativeScript', 'NS'].indexOf(_navigator.product) < 0);
+
+	/**
+	 * Determine if we're running in a standard browser webWorker environment
+	 *
+	 * Although the `isStandardBrowserEnv` method indicates that
+	 * `allows axios to run in a web worker`, the WebWorker will still be
+	 * filtered out due to its judgment standard
+	 * `typeof window !== 'undefined' && typeof document !== 'undefined'`.
+	 * This leads to a problem when axios post `FormData` in webWorker
+	 */
+	const hasStandardBrowserWebWorkerEnv = (() => {
+	  return (
+	    typeof WorkerGlobalScope !== 'undefined' &&
+	    // eslint-disable-next-line no-undef
+	    self instanceof WorkerGlobalScope &&
+	    typeof self.importScripts === 'function'
+	  );
+	})();
+
+	const origin = hasBrowserEnv && window.location.href || 'http://localhost';
+
+	var utils = /*#__PURE__*/Object.freeze({
+	  __proto__: null,
+	  hasBrowserEnv: hasBrowserEnv,
+	  hasStandardBrowserWebWorkerEnv: hasStandardBrowserWebWorkerEnv,
+	  hasStandardBrowserEnv: hasStandardBrowserEnv,
+	  navigator: _navigator,
+	  origin: origin
+	});
+
+	var platform = {
+	  ...utils,
+	  ...platform$1
+	};
+
+	function toURLEncodedForm(data, options) {
+	  return toFormData(data, new platform.classes.URLSearchParams(), {
+	    visitor: function(value, key, path, helpers) {
+	      if (platform.isNode && utils$1.isBuffer(value)) {
+	        this.append(key, value.toString('base64'));
+	        return false;
+	      }
+
+	      return helpers.defaultVisitor.apply(this, arguments);
+	    },
+	    ...options
+	  });
+	}
+
+	/**
+	 * It takes a string like `foo[x][y][z]` and returns an array like `['foo', 'x', 'y', 'z']
+	 *
+	 * @param {string} name - The name of the property to get.
+	 *
+	 * @returns An array of strings.
+	 */
+	function parsePropPath(name) {
+	  // foo[x][y][z]
+	  // foo.x.y.z
+	  // foo-x-y-z
+	  // foo x y z
+	  return utils$1.matchAll(/\w+|\[(\w*)]/g, name).map(match => {
+	    return match[0] === '[]' ? '' : match[1] || match[0];
+	  });
+	}
+
+	/**
+	 * Convert an array to an object.
+	 *
+	 * @param {Array<any>} arr - The array to convert to an object.
+	 *
+	 * @returns An object with the same keys and values as the array.
+	 */
+	function arrayToObject(arr) {
+	  const obj = {};
+	  const keys = Object.keys(arr);
+	  let i;
+	  const len = keys.length;
+	  let key;
+	  for (i = 0; i < len; i++) {
+	    key = keys[i];
+	    obj[key] = arr[key];
+	  }
+	  return obj;
+	}
+
+	/**
+	 * It takes a FormData object and returns a JavaScript object
+	 *
+	 * @param {string} formData The FormData object to convert to JSON.
+	 *
+	 * @returns {Object<string, any> | null} The converted object.
+	 */
+	function formDataToJSON(formData) {
+	  function buildPath(path, value, target, index) {
+	    let name = path[index++];
+
+	    if (name === '__proto__') return true;
+
+	    const isNumericKey = Number.isFinite(+name);
+	    const isLast = index >= path.length;
+	    name = !name && utils$1.isArray(target) ? target.length : name;
+
+	    if (isLast) {
+	      if (utils$1.hasOwnProp(target, name)) {
+	        target[name] = [target[name], value];
+	      } else {
+	        target[name] = value;
+	      }
+
+	      return !isNumericKey;
+	    }
+
+	    if (!target[name] || !utils$1.isObject(target[name])) {
+	      target[name] = [];
+	    }
+
+	    const result = buildPath(path, value, target[name], index);
+
+	    if (result && utils$1.isArray(target[name])) {
+	      target[name] = arrayToObject(target[name]);
+	    }
+
+	    return !isNumericKey;
+	  }
+
+	  if (utils$1.isFormData(formData) && utils$1.isFunction(formData.entries)) {
+	    const obj = {};
+
+	    utils$1.forEachEntry(formData, (name, value) => {
+	      buildPath(parsePropPath(name), value, obj, 0);
+	    });
+
+	    return obj;
+	  }
+
+	  return null;
+	}
+
+	/**
+	 * It takes a string, tries to parse it, and if it fails, it returns the stringified version
+	 * of the input
+	 *
+	 * @param {any} rawValue - The value to be stringified.
+	 * @param {Function} parser - A function that parses a string into a JavaScript object.
+	 * @param {Function} encoder - A function that takes a value and returns a string.
+	 *
+	 * @returns {string} A stringified version of the rawValue.
+	 */
+	function stringifySafely(rawValue, parser, encoder) {
+	  if (utils$1.isString(rawValue)) {
+	    try {
+	      (parser || JSON.parse)(rawValue);
+	      return utils$1.trim(rawValue);
+	    } catch (e) {
+	      if (e.name !== 'SyntaxError') {
+	        throw e;
+	      }
+	    }
+	  }
+
+	  return (encoder || JSON.stringify)(rawValue);
+	}
+
+	const defaults = {
+
+	  transitional: transitionalDefaults,
+
+	  adapter: ['xhr', 'http', 'fetch'],
+
+	  transformRequest: [function transformRequest(data, headers) {
+	    const contentType = headers.getContentType() || '';
+	    const hasJSONContentType = contentType.indexOf('application/json') > -1;
+	    const isObjectPayload = utils$1.isObject(data);
+
+	    if (isObjectPayload && utils$1.isHTMLForm(data)) {
+	      data = new FormData(data);
+	    }
+
+	    const isFormData = utils$1.isFormData(data);
+
+	    if (isFormData) {
+	      return hasJSONContentType ? JSON.stringify(formDataToJSON(data)) : data;
+	    }
+
+	    if (utils$1.isArrayBuffer(data) ||
+	      utils$1.isBuffer(data) ||
+	      utils$1.isStream(data) ||
+	      utils$1.isFile(data) ||
+	      utils$1.isBlob(data) ||
+	      utils$1.isReadableStream(data)
+	    ) {
+	      return data;
+	    }
+	    if (utils$1.isArrayBufferView(data)) {
+	      return data.buffer;
+	    }
+	    if (utils$1.isURLSearchParams(data)) {
+	      headers.setContentType('application/x-www-form-urlencoded;charset=utf-8', false);
+	      return data.toString();
+	    }
+
+	    let isFileList;
+
+	    if (isObjectPayload) {
+	      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {
+	        return toURLEncodedForm(data, this.formSerializer).toString();
+	      }
+
+	      if ((isFileList = utils$1.isFileList(data)) || contentType.indexOf('multipart/form-data') > -1) {
+	        const _FormData = this.env && this.env.FormData;
+
+	        return toFormData(
+	          isFileList ? {'files[]': data} : data,
+	          _FormData && new _FormData(),
+	          this.formSerializer
+	        );
+	      }
+	    }
+
+	    if (isObjectPayload || hasJSONContentType ) {
+	      headers.setContentType('application/json', false);
+	      return stringifySafely(data);
+	    }
+
+	    return data;
+	  }],
+
+	  transformResponse: [function transformResponse(data) {
+	    const transitional = this.transitional || defaults.transitional;
+	    const forcedJSONParsing = transitional && transitional.forcedJSONParsing;
+	    const JSONRequested = this.responseType === 'json';
+
+	    if (utils$1.isResponse(data) || utils$1.isReadableStream(data)) {
+	      return data;
+	    }
+
+	    if (data && utils$1.isString(data) && ((forcedJSONParsing && !this.responseType) || JSONRequested)) {
+	      const silentJSONParsing = transitional && transitional.silentJSONParsing;
+	      const strictJSONParsing = !silentJSONParsing && JSONRequested;
+
+	      try {
+	        return JSON.parse(data, this.parseReviver);
+	      } catch (e) {
+	        if (strictJSONParsing) {
+	          if (e.name === 'SyntaxError') {
+	            throw AxiosError.from(e, AxiosError.ERR_BAD_RESPONSE, this, null, this.response);
+	          }
+	          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,
+
+	  env: {
+	    FormData: platform.classes.FormData,
+	    Blob: platform.classes.Blob
+	  },
+
+	  validateStatus: function validateStatus(status) {
+	    return status >= 200 && status < 300;
+	  },
+
+	  headers: {
+	    common: {
+	      'Accept': 'application/json, text/plain, */*',
+	      'Content-Type': undefined
+	    }
+	  }
+	};
+
+	utils$1.forEach(['delete', 'get', 'head', 'post', 'put', 'patch'], (method) => {
+	  defaults.headers[method] = {};
+	});
+
+	var defaults$1 = defaults;
+
+	// RawAxiosHeaders whose duplicates are ignored by node
+	// c.f. https://nodejs.org/api/http.html#http_message_headers
+	const ignoreDuplicateOf = utils$1.toObjectSet([
+	  '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} rawHeaders Headers needing to be parsed
+	 *
+	 * @returns {Object} Headers parsed into an object
+	 */
+	var parseHeaders = rawHeaders => {
+	  const parsed = {};
+	  let key;
+	  let val;
+	  let i;
+
+	  rawHeaders && rawHeaders.split('\n').forEach(function parser(line) {
+	    i = line.indexOf(':');
+	    key = line.substring(0, i).trim().toLowerCase();
+	    val = line.substring(i + 1).trim();
+
+	    if (!key || (parsed[key] && ignoreDuplicateOf[key])) {
+	      return;
+	    }
+
+	    if (key === 'set-cookie') {
+	      if (parsed[key]) {
+	        parsed[key].push(val);
+	      } else {
+	        parsed[key] = [val];
+	      }
+	    } else {
+	      parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
+	    }
+	  });
+
+	  return parsed;
+	};
+
+	const $internals = Symbol('internals');
+
+	function normalizeHeader(header) {
+	  return header && String(header).trim().toLowerCase();
+	}
+
+	function normalizeValue(value) {
+	  if (value === false || value == null) {
+	    return value;
+	  }
+
+	  return utils$1.isArray(value) ? value.map(normalizeValue) : String(value);
+	}
+
+	function parseTokens(str) {
+	  const tokens = Object.create(null);
+	  const tokensRE = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+	  let match;
+
+	  while ((match = tokensRE.exec(str))) {
+	    tokens[match[1]] = match[2];
+	  }
+
+	  return tokens;
+	}
+
+	const isValidHeaderName = (str) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim());
+
+	function matchHeaderValue(context, value, header, filter, isHeaderNameFilter) {
+	  if (utils$1.isFunction(filter)) {
+	    return filter.call(this, value, header);
+	  }
+
+	  if (isHeaderNameFilter) {
+	    value = header;
+	  }
+
+	  if (!utils$1.isString(value)) return;
+
+	  if (utils$1.isString(filter)) {
+	    return value.indexOf(filter) !== -1;
+	  }
+
+	  if (utils$1.isRegExp(filter)) {
+	    return filter.test(value);
+	  }
+	}
+
+	function formatHeader(header) {
+	  return header.trim()
+	    .toLowerCase().replace(/([a-z\d])(\w*)/g, (w, char, str) => {
+	      return char.toUpperCase() + str;
+	    });
+	}
+
+	function buildAccessors(obj, header) {
+	  const accessorName = utils$1.toCamelCase(' ' + header);
+
+	  ['get', 'set', 'has'].forEach(methodName => {
+	    Object.defineProperty(obj, methodName + accessorName, {
+	      value: function(arg1, arg2, arg3) {
+	        return this[methodName].call(this, header, arg1, arg2, arg3);
+	      },
+	      configurable: true
+	    });
+	  });
+	}
+
+	class AxiosHeaders {
+	  constructor(headers) {
+	    headers && this.set(headers);
+	  }
+
+	  set(header, valueOrRewrite, rewrite) {
+	    const self = this;
+
+	    function setHeader(_value, _header, _rewrite) {
+	      const lHeader = normalizeHeader(_header);
+
+	      if (!lHeader) {
+	        throw new Error('header name must be a non-empty string');
+	      }
+
+	      const key = utils$1.findKey(self, lHeader);
+
+	      if(!key || self[key] === undefined || _rewrite === true || (_rewrite === undefined && self[key] !== false)) {
+	        self[key || _header] = normalizeValue(_value);
+	      }
+	    }
+
+	    const setHeaders = (headers, _rewrite) =>
+	      utils$1.forEach(headers, (_value, _header) => setHeader(_value, _header, _rewrite));
+
+	    if (utils$1.isPlainObject(header) || header instanceof this.constructor) {
+	      setHeaders(header, valueOrRewrite);
+	    } else if(utils$1.isString(header) && (header = header.trim()) && !isValidHeaderName(header)) {
+	      setHeaders(parseHeaders(header), valueOrRewrite);
+	    } else if (utils$1.isObject(header) && utils$1.isIterable(header)) {
+	      let obj = {}, dest, key;
+	      for (const entry of header) {
+	        if (!utils$1.isArray(entry)) {
+	          throw TypeError('Object iterator must return a key-value pair');
+	        }
+
+	        obj[key = entry[0]] = (dest = obj[key]) ?
+	          (utils$1.isArray(dest) ? [...dest, entry[1]] : [dest, entry[1]]) : entry[1];
+	      }
+
+	      setHeaders(obj, valueOrRewrite);
+	    } else {
+	      header != null && setHeader(valueOrRewrite, header, rewrite);
+	    }
+
+	    return this;
+	  }
+
+	  get(header, parser) {
+	    header = normalizeHeader(header);
+
+	    if (header) {
+	      const key = utils$1.findKey(this, header);
+
+	      if (key) {
+	        const value = this[key];
+
+	        if (!parser) {
+	          return value;
+	        }
+
+	        if (parser === true) {
+	          return parseTokens(value);
+	        }
+
+	        if (utils$1.isFunction(parser)) {
+	          return parser.call(this, value, key);
+	        }
+
+	        if (utils$1.isRegExp(parser)) {
+	          return parser.exec(value);
+	        }
+
+	        throw new TypeError('parser must be boolean|regexp|function');
+	      }
+	    }
+	  }
+
+	  has(header, matcher) {
+	    header = normalizeHeader(header);
+
+	    if (header) {
+	      const key = utils$1.findKey(this, header);
+
+	      return !!(key && this[key] !== undefined && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
+	    }
+
+	    return false;
+	  }
+
+	  delete(header, matcher) {
+	    const self = this;
+	    let deleted = false;
+
+	    function deleteHeader(_header) {
+	      _header = normalizeHeader(_header);
+
+	      if (_header) {
+	        const key = utils$1.findKey(self, _header);
+
+	        if (key && (!matcher || matchHeaderValue(self, self[key], key, matcher))) {
+	          delete self[key];
+
+	          deleted = true;
+	        }
+	      }
+	    }
+
+	    if (utils$1.isArray(header)) {
+	      header.forEach(deleteHeader);
+	    } else {
+	      deleteHeader(header);
+	    }
+
+	    return deleted;
+	  }
+
+	  clear(matcher) {
+	    const keys = Object.keys(this);
+	    let i = keys.length;
+	    let deleted = false;
+
+	    while (i--) {
+	      const key = keys[i];
+	      if(!matcher || matchHeaderValue(this, this[key], key, matcher, true)) {
+	        delete this[key];
+	        deleted = true;
+	      }
+	    }
+
+	    return deleted;
+	  }
+
+	  normalize(format) {
+	    const self = this;
+	    const headers = {};
+
+	    utils$1.forEach(this, (value, header) => {
+	      const key = utils$1.findKey(headers, header);
+
+	      if (key) {
+	        self[key] = normalizeValue(value);
+	        delete self[header];
+	        return;
+	      }
+
+	      const normalized = format ? formatHeader(header) : String(header).trim();
+
+	      if (normalized !== header) {
+	        delete self[header];
+	      }
+
+	      self[normalized] = normalizeValue(value);
+
+	      headers[normalized] = true;
+	    });
+
+	    return this;
+	  }
+
+	  concat(...targets) {
+	    return this.constructor.concat(this, ...targets);
+	  }
+
+	  toJSON(asStrings) {
+	    const obj = Object.create(null);
+
+	    utils$1.forEach(this, (value, header) => {
+	      value != null && value !== false && (obj[header] = asStrings && utils$1.isArray(value) ? value.join(', ') : value);
+	    });
+
+	    return obj;
+	  }
+
+	  [Symbol.iterator]() {
+	    return Object.entries(this.toJSON())[Symbol.iterator]();
+	  }
+
+	  toString() {
+	    return Object.entries(this.toJSON()).map(([header, value]) => header + ': ' + value).join('\n');
+	  }
+
+	  getSetCookie() {
+	    return this.get("set-cookie") || [];
+	  }
+
+	  get [Symbol.toStringTag]() {
+	    return 'AxiosHeaders';
+	  }
+
+	  static from(thing) {
+	    return thing instanceof this ? thing : new this(thing);
+	  }
+
+	  static concat(first, ...targets) {
+	    const computed = new this(first);
+
+	    targets.forEach((target) => computed.set(target));
+
+	    return computed;
+	  }
+
+	  static accessor(header) {
+	    const internals = this[$internals] = (this[$internals] = {
+	      accessors: {}
+	    });
+
+	    const accessors = internals.accessors;
+	    const prototype = this.prototype;
+
+	    function defineAccessor(_header) {
+	      const lHeader = normalizeHeader(_header);
+
+	      if (!accessors[lHeader]) {
+	        buildAccessors(prototype, _header);
+	        accessors[lHeader] = true;
+	      }
+	    }
+
+	    utils$1.isArray(header) ? header.forEach(defineAccessor) : defineAccessor(header);
+
+	    return this;
+	  }
+	}
+
+	AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
+
+	// reserved names hotfix
+	utils$1.reduceDescriptors(AxiosHeaders.prototype, ({value}, key) => {
+	  let mapped = key[0].toUpperCase() + key.slice(1); // map `set` => `Set`
+	  return {
+	    get: () => value,
+	    set(headerValue) {
+	      this[mapped] = headerValue;
+	    }
+	  }
+	});
+
+	utils$1.freezeMethods(AxiosHeaders);
+
+	var AxiosHeaders$1 = AxiosHeaders;
+
+	/**
+	 * Transform the data for a request or a response
+	 *
+	 * @param {Array|Function} fns A single function or Array of functions
+	 * @param {?Object} response The response object
+	 *
+	 * @returns {*} The resulting transformed data
+	 */
+	function transformData(fns, response) {
+	  const config = this || defaults$1;
+	  const context = response || config;
+	  const headers = AxiosHeaders$1.from(context.headers);
+	  let data = context.data;
+
+	  utils$1.forEach(fns, function transform(fn) {
+	    data = fn.call(config, data, headers.normalize(), response ? response.status : undefined);
+	  });
+
+	  headers.normalize();
+
+	  return data;
+	}
+
+	function isCancel(value) {
+	  return !!(value && value.__CANCEL__);
+	}
+
+	/**
+	 * A `CanceledError` is an object that is thrown when an operation is canceled.
+	 *
+	 * @param {string=} message The message.
+	 * @param {Object=} config The config.
+	 * @param {Object=} request The request.
+	 *
+	 * @returns {CanceledError} The created error.
+	 */
+	function CanceledError(message, config, request) {
+	  // eslint-disable-next-line no-eq-null,eqeqeq
+	  AxiosError.call(this, message == null ? 'canceled' : message, AxiosError.ERR_CANCELED, config, request);
+	  this.name = 'CanceledError';
+	}
+
+	utils$1.inherits(CanceledError, AxiosError, {
+	  __CANCEL__: true
+	});
+
+	/**
+	 * 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.
+	 *
+	 * @returns {object} The response.
+	 */
+	function settle(resolve, reject, response) {
+	  const validateStatus = response.config.validateStatus;
+	  if (!response.status || !validateStatus || validateStatus(response.status)) {
+	    resolve(response);
+	  } else {
+	    reject(new AxiosError(
+	      'Request failed with status code ' + response.status,
+	      [AxiosError.ERR_BAD_REQUEST, AxiosError.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4],
+	      response.config,
+	      response.request,
+	      response
+	    ));
+	  }
+	}
+
+	function parseProtocol(url) {
+	  const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
+	  return match && match[1] || '';
+	}
+
+	/**
+	 * Calculate data maxRate
+	 * @param {Number} [samplesCount= 10]
+	 * @param {Number} [min= 1000]
+	 * @returns {Function}
+	 */
+	function speedometer(samplesCount, min) {
+	  samplesCount = samplesCount || 10;
+	  const bytes = new Array(samplesCount);
+	  const timestamps = new Array(samplesCount);
+	  let head = 0;
+	  let tail = 0;
+	  let firstSampleTS;
+
+	  min = min !== undefined ? min : 1000;
+
+	  return function push(chunkLength) {
+	    const now = Date.now();
+
+	    const startedAt = timestamps[tail];
+
+	    if (!firstSampleTS) {
+	      firstSampleTS = now;
+	    }
+
+	    bytes[head] = chunkLength;
+	    timestamps[head] = now;
+
+	    let i = tail;
+	    let bytesCount = 0;
+
+	    while (i !== head) {
+	      bytesCount += bytes[i++];
+	      i = i % samplesCount;
+	    }
+
+	    head = (head + 1) % samplesCount;
+
+	    if (head === tail) {
+	      tail = (tail + 1) % samplesCount;
+	    }
+
+	    if (now - firstSampleTS < min) {
+	      return;
+	    }
+
+	    const passed = startedAt && now - startedAt;
+
+	    return passed ? Math.round(bytesCount * 1000 / passed) : undefined;
+	  };
+	}
+
+	/**
+	 * Throttle decorator
+	 * @param {Function} fn
+	 * @param {Number} freq
+	 * @return {Function}
+	 */
+	function throttle(fn, freq) {
+	  let timestamp = 0;
+	  let threshold = 1000 / freq;
+	  let lastArgs;
+	  let timer;
+
+	  const invoke = (args, now = Date.now()) => {
+	    timestamp = now;
+	    lastArgs = null;
+	    if (timer) {
+	      clearTimeout(timer);
+	      timer = null;
+	    }
+	    fn(...args);
+	  };
+
+	  const throttled = (...args) => {
+	    const now = Date.now();
+	    const passed = now - timestamp;
+	    if ( passed >= threshold) {
+	      invoke(args, now);
+	    } else {
+	      lastArgs = args;
+	      if (!timer) {
+	        timer = setTimeout(() => {
+	          timer = null;
+	          invoke(lastArgs);
+	        }, threshold - passed);
+	      }
+	    }
+	  };
+
+	  const flush = () => lastArgs && invoke(lastArgs);
+
+	  return [throttled, flush];
+	}
+
+	const progressEventReducer = (listener, isDownloadStream, freq = 3) => {
+	  let bytesNotified = 0;
+	  const _speedometer = speedometer(50, 250);
+
+	  return throttle(e => {
+	    const loaded = e.loaded;
+	    const total = e.lengthComputable ? e.total : undefined;
+	    const progressBytes = loaded - bytesNotified;
+	    const rate = _speedometer(progressBytes);
+	    const inRange = loaded <= total;
+
+	    bytesNotified = loaded;
+
+	    const data = {
+	      loaded,
+	      total,
+	      progress: total ? (loaded / total) : undefined,
+	      bytes: progressBytes,
+	      rate: rate ? rate : undefined,
+	      estimated: rate && total && inRange ? (total - loaded) / rate : undefined,
+	      event: e,
+	      lengthComputable: total != null,
+	      [isDownloadStream ? 'download' : 'upload']: true
+	    };
+
+	    listener(data);
+	  }, freq);
+	};
+
+	const progressEventDecorator = (total, throttled) => {
+	  const lengthComputable = total != null;
+
+	  return [(loaded) => throttled[0]({
+	    lengthComputable,
+	    total,
+	    loaded
+	  }), throttled[1]];
+	};
+
+	const asyncDecorator = (fn) => (...args) => utils$1.asap(() => fn(...args));
+
+	var isURLSameOrigin = platform.hasStandardBrowserEnv ? ((origin, isMSIE) => (url) => {
+	  url = new URL(url, platform.origin);
+
+	  return (
+	    origin.protocol === url.protocol &&
+	    origin.host === url.host &&
+	    (isMSIE || origin.port === url.port)
+	  );
+	})(
+	  new URL(platform.origin),
+	  platform.navigator && /(msie|trident)/i.test(platform.navigator.userAgent)
+	) : () => true;
+
+	var cookies = platform.hasStandardBrowserEnv ?
+
+	  // Standard browser envs support document.cookie
+	  {
+	    write(name, value, expires, path, domain, secure) {
+	      const cookie = [name + '=' + encodeURIComponent(value)];
+
+	      utils$1.isNumber(expires) && cookie.push('expires=' + new Date(expires).toGMTString());
+
+	      utils$1.isString(path) && cookie.push('path=' + path);
+
+	      utils$1.isString(domain) && cookie.push('domain=' + domain);
+
+	      secure === true && cookie.push('secure');
+
+	      document.cookie = cookie.join('; ');
+	    },
+
+	    read(name) {
+	      const match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
+	      return (match ? decodeURIComponent(match[3]) : null);
+	    },
+
+	    remove(name) {
+	      this.write(name, '', Date.now() - 86400000);
+	    }
+	  }
+
+	  :
+
+	  // Non-standard browser env (web workers, react-native) lack needed support.
+	  {
+	    write() {},
+	    read() {
+	      return null;
+	    },
+	    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
+	 */
+	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
+	 */
+	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
+	 */
+	function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
+	  let isRelativeUrl = !isAbsoluteURL(requestedURL);
+	  if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) {
+	    return combineURLs(baseURL, requestedURL);
+	  }
+	  return requestedURL;
+	}
+
+	const headersToObject = (thing) => thing instanceof AxiosHeaders$1 ? { ...thing } : thing;
+
+	/**
+	 * 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
+	 */
+	function mergeConfig(config1, config2) {
+	  // eslint-disable-next-line no-param-reassign
+	  config2 = config2 || {};
+	  const config = {};
+
+	  function getMergedValue(target, source, prop, caseless) {
+	    if (utils$1.isPlainObject(target) && utils$1.isPlainObject(source)) {
+	      return utils$1.merge.call({caseless}, target, source);
+	    } else if (utils$1.isPlainObject(source)) {
+	      return utils$1.merge({}, source);
+	    } else if (utils$1.isArray(source)) {
+	      return source.slice();
+	    }
+	    return source;
+	  }
+
+	  // eslint-disable-next-line consistent-return
+	  function mergeDeepProperties(a, b, prop , caseless) {
+	    if (!utils$1.isUndefined(b)) {
+	      return getMergedValue(a, b, prop , caseless);
+	    } else if (!utils$1.isUndefined(a)) {
+	      return getMergedValue(undefined, a, prop , caseless);
+	    }
+	  }
+
+	  // eslint-disable-next-line consistent-return
+	  function valueFromConfig2(a, b) {
+	    if (!utils$1.isUndefined(b)) {
+	      return getMergedValue(undefined, b);
+	    }
+	  }
+
+	  // eslint-disable-next-line consistent-return
+	  function defaultToConfig2(a, b) {
+	    if (!utils$1.isUndefined(b)) {
+	      return getMergedValue(undefined, b);
+	    } else if (!utils$1.isUndefined(a)) {
+	      return getMergedValue(undefined, a);
+	    }
+	  }
+
+	  // eslint-disable-next-line consistent-return
+	  function mergeDirectKeys(a, b, prop) {
+	    if (prop in config2) {
+	      return getMergedValue(a, b);
+	    } else if (prop in config1) {
+	      return getMergedValue(undefined, a);
+	    }
+	  }
+
+	  const mergeMap = {
+	    url: valueFromConfig2,
+	    method: valueFromConfig2,
+	    data: valueFromConfig2,
+	    baseURL: defaultToConfig2,
+	    transformRequest: defaultToConfig2,
+	    transformResponse: defaultToConfig2,
+	    paramsSerializer: defaultToConfig2,
+	    timeout: defaultToConfig2,
+	    timeoutMessage: defaultToConfig2,
+	    withCredentials: defaultToConfig2,
+	    withXSRFToken: defaultToConfig2,
+	    adapter: defaultToConfig2,
+	    responseType: defaultToConfig2,
+	    xsrfCookieName: defaultToConfig2,
+	    xsrfHeaderName: defaultToConfig2,
+	    onUploadProgress: defaultToConfig2,
+	    onDownloadProgress: defaultToConfig2,
+	    decompress: defaultToConfig2,
+	    maxContentLength: defaultToConfig2,
+	    maxBodyLength: defaultToConfig2,
+	    beforeRedirect: defaultToConfig2,
+	    transport: defaultToConfig2,
+	    httpAgent: defaultToConfig2,
+	    httpsAgent: defaultToConfig2,
+	    cancelToken: defaultToConfig2,
+	    socketPath: defaultToConfig2,
+	    responseEncoding: defaultToConfig2,
+	    validateStatus: mergeDirectKeys,
+	    headers: (a, b , prop) => mergeDeepProperties(headersToObject(a), headersToObject(b),prop, true)
+	  };
+
+	  utils$1.forEach(Object.keys({...config1, ...config2}), function computeConfigValue(prop) {
+	    const merge = mergeMap[prop] || mergeDeepProperties;
+	    const configValue = merge(config1[prop], config2[prop], prop);
+	    (utils$1.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);
+	  });
+
+	  return config;
+	}
+
+	var resolveConfig = (config) => {
+	  const newConfig = mergeConfig({}, config);
+
+	  let { data, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig;
+
+	  newConfig.headers = headers = AxiosHeaders$1.from(headers);
+
+	  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer);
+
+	  // HTTP basic authentication
+	  if (auth) {
+	    headers.set('Authorization', 'Basic ' +
+	      btoa((auth.username || '') + ':' + (auth.password ? unescape(encodeURIComponent(auth.password)) : ''))
+	    );
+	  }
+
+	  if (utils$1.isFormData(data)) {
+	    if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv) {
+	      headers.setContentType(undefined); // browser handles it
+	    } else if (utils$1.isFunction(data.getHeaders)) {
+	      // Node.js FormData (like form-data package)
+	      const formHeaders = data.getHeaders();
+	      // Only set safe headers to avoid overwriting security headers
+	      const allowedHeaders = ['content-type', 'content-length'];
+	      Object.entries(formHeaders).forEach(([key, val]) => {
+	        if (allowedHeaders.includes(key.toLowerCase())) {
+	          headers.set(key, val);
+	        }
+	      });
+	    }
+	  }  
+
+	  // 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 (platform.hasStandardBrowserEnv) {
+	    withXSRFToken && utils$1.isFunction(withXSRFToken) && (withXSRFToken = withXSRFToken(newConfig));
+
+	    if (withXSRFToken || (withXSRFToken !== false && isURLSameOrigin(newConfig.url))) {
+	      // Add xsrf header
+	      const xsrfValue = xsrfHeaderName && xsrfCookieName && cookies.read(xsrfCookieName);
+
+	      if (xsrfValue) {
+	        headers.set(xsrfHeaderName, xsrfValue);
+	      }
+	    }
+	  }
+
+	  return newConfig;
+	};
+
+	const isXHRAdapterSupported = typeof XMLHttpRequest !== 'undefined';
+
+	var xhrAdapter = isXHRAdapterSupported && function (config) {
+	  return new Promise(function dispatchXhrRequest(resolve, reject) {
+	    const _config = resolveConfig(config);
+	    let requestData = _config.data;
+	    const requestHeaders = AxiosHeaders$1.from(_config.headers).normalize();
+	    let {responseType, onUploadProgress, onDownloadProgress} = _config;
+	    let onCanceled;
+	    let uploadThrottled, downloadThrottled;
+	    let flushUpload, flushDownload;
+
+	    function done() {
+	      flushUpload && flushUpload(); // flush events
+	      flushDownload && flushDownload(); // flush events
+
+	      _config.cancelToken && _config.cancelToken.unsubscribe(onCanceled);
+
+	      _config.signal && _config.signal.removeEventListener('abort', onCanceled);
+	    }
+
+	    let request = new XMLHttpRequest();
+
+	    request.open(_config.method.toUpperCase(), _config.url, true);
+
+	    // Set the request timeout in MS
+	    request.timeout = _config.timeout;
+
+	    function onloadend() {
+	      if (!request) {
+	        return;
+	      }
+	      // Prepare the response
+	      const responseHeaders = AxiosHeaders$1.from(
+	        'getAllResponseHeaders' in request && request.getAllResponseHeaders()
+	      );
+	      const responseData = !responseType || responseType === 'text' || responseType === 'json' ?
+	        request.responseText : request.response;
+	      const response = {
+	        data: responseData,
+	        status: request.status,
+	        statusText: request.statusText,
+	        headers: responseHeaders,
+	        config,
+	        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(new AxiosError('Request aborted', AxiosError.ECONNABORTED, config, request));
+
+	      // Clean up request
+	      request = null;
+	    };
+
+	    // Handle low level network errors
+	  request.onerror = function handleError(event) {
+	       // Browsers deliver a ProgressEvent in XHR onerror
+	       // (message may be empty; when present, surface it)
+	       // See https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/error_event
+	       const msg = event && event.message ? event.message : 'Network Error';
+	       const err = new AxiosError(msg, AxiosError.ERR_NETWORK, config, request);
+	       // attach the underlying event for consumers who want details
+	       err.event = event || null;
+	       reject(err);
+	       request = null;
+	    };
+	    
+	    // Handle timeout
+	    request.ontimeout = function handleTimeout() {
+	      let timeoutErrorMessage = _config.timeout ? 'timeout of ' + _config.timeout + 'ms exceeded' : 'timeout exceeded';
+	      const transitional = _config.transitional || transitionalDefaults;
+	      if (_config.timeoutErrorMessage) {
+	        timeoutErrorMessage = _config.timeoutErrorMessage;
+	      }
+	      reject(new AxiosError(
+	        timeoutErrorMessage,
+	        transitional.clarifyTimeoutError ? AxiosError.ETIMEDOUT : AxiosError.ECONNABORTED,
+	        config,
+	        request));
+
+	      // Clean up request
+	      request = null;
+	    };
+
+	    // Remove Content-Type if data is undefined
+	    requestData === undefined && requestHeaders.setContentType(null);
+
+	    // Add headers to the request
+	    if ('setRequestHeader' in request) {
+	      utils$1.forEach(requestHeaders.toJSON(), function setRequestHeader(val, key) {
+	        request.setRequestHeader(key, val);
+	      });
+	    }
+
+	    // Add withCredentials to request if needed
+	    if (!utils$1.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 (onDownloadProgress) {
+	      ([downloadThrottled, flushDownload] = progressEventReducer(onDownloadProgress, true));
+	      request.addEventListener('progress', downloadThrottled);
+	    }
+
+	    // Not all browsers support upload events
+	    if (onUploadProgress && request.upload) {
+	      ([uploadThrottled, flushUpload] = progressEventReducer(onUploadProgress));
+
+	      request.upload.addEventListener('progress', uploadThrottled);
+
+	      request.upload.addEventListener('loadend', flushUpload);
+	    }
+
+	    if (_config.cancelToken || _config.signal) {
+	      // Handle cancellation
+	      // eslint-disable-next-line func-names
+	      onCanceled = cancel => {
+	        if (!request) {
+	          return;
+	        }
+	        reject(!cancel || cancel.type ? new CanceledError(null, config, request) : cancel);
+	        request.abort();
+	        request = null;
+	      };
+
+	      _config.cancelToken && _config.cancelToken.subscribe(onCanceled);
+	      if (_config.signal) {
+	        _config.signal.aborted ? onCanceled() : _config.signal.addEventListener('abort', onCanceled);
+	      }
+	    }
+
+	    const protocol = parseProtocol(_config.url);
+
+	    if (protocol && platform.protocols.indexOf(protocol) === -1) {
+	      reject(new AxiosError('Unsupported protocol ' + protocol + ':', AxiosError.ERR_BAD_REQUEST, config));
+	      return;
+	    }
+
+
+	    // Send the request
+	    request.send(requestData || null);
+	  });
+	};
+
+	const composeSignals = (signals, timeout) => {
+	  const {length} = (signals = signals ? signals.filter(Boolean) : []);
+
+	  if (timeout || length) {
+	    let controller = new AbortController();
+
+	    let aborted;
+
+	    const onabort = function (reason) {
+	      if (!aborted) {
+	        aborted = true;
+	        unsubscribe();
+	        const err = reason instanceof Error ? reason : this.reason;
+	        controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
+	      }
+	    };
+
+	    let timer = timeout && setTimeout(() => {
+	      timer = null;
+	      onabort(new AxiosError(`timeout ${timeout} of ms exceeded`, AxiosError.ETIMEDOUT));
+	    }, timeout);
+
+	    const unsubscribe = () => {
+	      if (signals) {
+	        timer && clearTimeout(timer);
+	        timer = null;
+	        signals.forEach(signal => {
+	          signal.unsubscribe ? signal.unsubscribe(onabort) : signal.removeEventListener('abort', onabort);
+	        });
+	        signals = null;
+	      }
+	    };
+
+	    signals.forEach((signal) => signal.addEventListener('abort', onabort));
+
+	    const {signal} = controller;
+
+	    signal.unsubscribe = () => utils$1.asap(unsubscribe);
+
+	    return signal;
+	  }
+	};
+
+	var composeSignals$1 = composeSignals;
+
+	const streamChunk = function* (chunk, chunkSize) {
+	  let len = chunk.byteLength;
+
+	  if (!chunkSize || len < chunkSize) {
+	    yield chunk;
+	    return;
+	  }
+
+	  let pos = 0;
+	  let end;
+
+	  while (pos < len) {
+	    end = pos + chunkSize;
+	    yield chunk.slice(pos, end);
+	    pos = end;
+	  }
+	};
+
+	const readBytes = async function* (iterable, chunkSize) {
+	  for await (const chunk of readStream(iterable)) {
+	    yield* streamChunk(chunk, chunkSize);
+	  }
+	};
+
+	const readStream = async function* (stream) {
+	  if (stream[Symbol.asyncIterator]) {
+	    yield* stream;
+	    return;
+	  }
+
+	  const reader = stream.getReader();
+	  try {
+	    for (;;) {
+	      const {done, value} = await reader.read();
+	      if (done) {
+	        break;
+	      }
+	      yield value;
+	    }
+	  } finally {
+	    await reader.cancel();
+	  }
+	};
+
+	const trackStream = (stream, chunkSize, onProgress, onFinish) => {
+	  const iterator = readBytes(stream, chunkSize);
+
+	  let bytes = 0;
+	  let done;
+	  let _onFinish = (e) => {
+	    if (!done) {
+	      done = true;
+	      onFinish && onFinish(e);
+	    }
+	  };
+
+	  return new ReadableStream({
+	    async pull(controller) {
+	      try {
+	        const {done, value} = await iterator.next();
+
+	        if (done) {
+	         _onFinish();
+	          controller.close();
+	          return;
+	        }
+
+	        let len = value.byteLength;
+	        if (onProgress) {
+	          let loadedBytes = bytes += len;
+	          onProgress(loadedBytes);
+	        }
+	        controller.enqueue(new Uint8Array(value));
+	      } catch (err) {
+	        _onFinish(err);
+	        throw err;
+	      }
+	    },
+	    cancel(reason) {
+	      _onFinish(reason);
+	      return iterator.return();
+	    }
+	  }, {
+	    highWaterMark: 2
+	  })
+	};
+
+	const DEFAULT_CHUNK_SIZE = 64 * 1024;
+
+	const {isFunction} = utils$1;
+
+	const globalFetchAPI = (({Request, Response}) => ({
+	  Request, Response
+	}))(utils$1.global);
+
+	const {
+	  ReadableStream: ReadableStream$1, TextEncoder
+	} = utils$1.global;
+
+
+	const test = (fn, ...args) => {
+	  try {
+	    return !!fn(...args);
+	  } catch (e) {
+	    return false
+	  }
+	};
+
+	const factory = (env) => {
+	  env = utils$1.merge.call({
+	    skipUndefined: true
+	  }, globalFetchAPI, env);
+
+	  const {fetch: envFetch, Request, Response} = env;
+	  const isFetchSupported = envFetch ? isFunction(envFetch) : typeof fetch === 'function';
+	  const isRequestSupported = isFunction(Request);
+	  const isResponseSupported = isFunction(Response);
+
+	  if (!isFetchSupported) {
+	    return false;
+	  }
+
+	  const isReadableStreamSupported = isFetchSupported && isFunction(ReadableStream$1);
+
+	  const encodeText = isFetchSupported && (typeof TextEncoder === 'function' ?
+	      ((encoder) => (str) => encoder.encode(str))(new TextEncoder()) :
+	      async (str) => new Uint8Array(await new Request(str).arrayBuffer())
+	  );
+
+	  const supportsRequestStream = isRequestSupported && isReadableStreamSupported && test(() => {
+	    let duplexAccessed = false;
+
+	    const hasContentType = new Request(platform.origin, {
+	      body: new ReadableStream$1(),
+	      method: 'POST',
+	      get duplex() {
+	        duplexAccessed = true;
+	        return 'half';
+	      },
+	    }).headers.has('Content-Type');
+
+	    return duplexAccessed && !hasContentType;
+	  });
+
+	  const supportsResponseStream = isResponseSupported && isReadableStreamSupported &&
+	    test(() => utils$1.isReadableStream(new Response('').body));
+
+	  const resolvers = {
+	    stream: supportsResponseStream && ((res) => res.body)
+	  };
+
+	  isFetchSupported && ((() => {
+	    ['text', 'arrayBuffer', 'blob', 'formData', 'stream'].forEach(type => {
+	      !resolvers[type] && (resolvers[type] = (res, config) => {
+	        let method = res && res[type];
+
+	        if (method) {
+	          return method.call(res);
+	        }
+
+	        throw new AxiosError(`Response type '${type}' is not supported`, AxiosError.ERR_NOT_SUPPORT, config);
+	      });
+	    });
+	  })());
+
+	  const getBodyLength = async (body) => {
+	    if (body == null) {
+	      return 0;
+	    }
+
+	    if (utils$1.isBlob(body)) {
+	      return body.size;
+	    }
+
+	    if (utils$1.isSpecCompliantForm(body)) {
+	      const _request = new Request(platform.origin, {
+	        method: 'POST',
+	        body,
+	      });
+	      return (await _request.arrayBuffer()).byteLength;
+	    }
+
+	    if (utils$1.isArrayBufferView(body) || utils$1.isArrayBuffer(body)) {
+	      return body.byteLength;
+	    }
+
+	    if (utils$1.isURLSearchParams(body)) {
+	      body = body + '';
+	    }
+
+	    if (utils$1.isString(body)) {
+	      return (await encodeText(body)).byteLength;
+	    }
+	  };
+
+	  const resolveBodyLength = async (headers, body) => {
+	    const length = utils$1.toFiniteNumber(headers.getContentLength());
+
+	    return length == null ? getBodyLength(body) : length;
+	  };
+
+	  return async (config) => {
+	    let {
+	      url,
+	      method,
+	      data,
+	      signal,
+	      cancelToken,
+	      timeout,
+	      onDownloadProgress,
+	      onUploadProgress,
+	      responseType,
+	      headers,
+	      withCredentials = 'same-origin',
+	      fetchOptions
+	    } = resolveConfig(config);
+
+	    let _fetch = envFetch || fetch;
+
+	    responseType = responseType ? (responseType + '').toLowerCase() : 'text';
+
+	    let composedSignal = composeSignals$1([signal, cancelToken && cancelToken.toAbortSignal()], timeout);
+
+	    let request = null;
+
+	    const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => {
+	      composedSignal.unsubscribe();
+	    });
+
+	    let requestContentLength;
+
+	    try {
+	      if (
+	        onUploadProgress && supportsRequestStream && method !== 'get' && method !== 'head' &&
+	        (requestContentLength = await resolveBodyLength(headers, data)) !== 0
+	      ) {
+	        let _request = new Request(url, {
+	          method: 'POST',
+	          body: data,
+	          duplex: "half"
+	        });
+
+	        let contentTypeHeader;
+
+	        if (utils$1.isFormData(data) && (contentTypeHeader = _request.headers.get('content-type'))) {
+	          headers.setContentType(contentTypeHeader);
+	        }
+
+	        if (_request.body) {
+	          const [onProgress, flush] = progressEventDecorator(
+	            requestContentLength,
+	            progressEventReducer(asyncDecorator(onUploadProgress))
+	          );
+
+	          data = trackStream(_request.body, DEFAULT_CHUNK_SIZE, onProgress, flush);
+	        }
+	      }
+
+	      if (!utils$1.isString(withCredentials)) {
+	        withCredentials = withCredentials ? 'include' : 'omit';
+	      }
+
+	      // Cloudflare Workers throws when credentials are defined
+	      // see https://github.com/cloudflare/workerd/issues/902
+	      const isCredentialsSupported = isRequestSupported && "credentials" in Request.prototype;
+
+	      const resolvedOptions = {
+	        ...fetchOptions,
+	        signal: composedSignal,
+	        method: method.toUpperCase(),
+	        headers: headers.normalize().toJSON(),
+	        body: data,
+	        duplex: "half",
+	        credentials: isCredentialsSupported ? withCredentials : undefined
+	      };
+
+	      request = isRequestSupported && new Request(url, resolvedOptions);
+
+	      let response = await (isRequestSupported ? _fetch(request, fetchOptions) : _fetch(url, resolvedOptions));
+
+	      const isStreamResponse = supportsResponseStream && (responseType === 'stream' || responseType === 'response');
+
+	      if (supportsResponseStream && (onDownloadProgress || (isStreamResponse && unsubscribe))) {
+	        const options = {};
+
+	        ['status', 'statusText', 'headers'].forEach(prop => {
+	          options[prop] = response[prop];
+	        });
+
+	        const responseContentLength = utils$1.toFiniteNumber(response.headers.get('content-length'));
+
+	        const [onProgress, flush] = onDownloadProgress && progressEventDecorator(
+	          responseContentLength,
+	          progressEventReducer(asyncDecorator(onDownloadProgress), true)
+	        ) || [];
+
+	        response = new Response(
+	          trackStream(response.body, DEFAULT_CHUNK_SIZE, onProgress, () => {
+	            flush && flush();
+	            unsubscribe && unsubscribe();
+	          }),
+	          options
+	        );
+	      }
+
+	      responseType = responseType || 'text';
+
+	      let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || 'text'](response, config);
+
+	      !isStreamResponse && unsubscribe && unsubscribe();
+
+	      return await new Promise((resolve, reject) => {
+	        settle(resolve, reject, {
+	          data: responseData,
+	          headers: AxiosHeaders$1.from(response.headers),
+	          status: response.status,
+	          statusText: response.statusText,
+	          config,
+	          request
+	        });
+	      })
+	    } catch (err) {
+	      unsubscribe && unsubscribe();
+
+	      if (err && err.name === 'TypeError' && /Load failed|fetch/i.test(err.message)) {
+	        throw Object.assign(
+	          new AxiosError('Network Error', AxiosError.ERR_NETWORK, config, request),
+	          {
+	            cause: err.cause || err
+	          }
+	        )
+	      }
+
+	      throw AxiosError.from(err, err && err.code, config, request);
+	    }
+	  }
+	};
+
+	const seedCache = new Map();
+
+	const getFetch = (config) => {
+	  let env = config ? config.env : {};
+	  const {fetch, Request, Response} = env;
+	  const seeds = [
+	    Request, Response, fetch
+	  ];
+
+	  let len = seeds.length, i = len,
+	    seed, target, map = seedCache;
+
+	  while (i--) {
+	    seed = seeds[i];
+	    target = map.get(seed);
+
+	    target === undefined && map.set(seed, target = (i ? new Map() : factory(env)));
+
+	    map = target;
+	  }
+
+	  return target;
+	};
+
+	getFetch();
+
+	const knownAdapters = {
+	  http: httpAdapter,
+	  xhr: xhrAdapter,
+	  fetch: {
+	    get: getFetch,
+	  }
+	};
+
+	utils$1.forEach(knownAdapters, (fn, value) => {
+	  if (fn) {
+	    try {
+	      Object.defineProperty(fn, 'name', {value});
+	    } catch (e) {
+	      // eslint-disable-next-line no-empty
+	    }
+	    Object.defineProperty(fn, 'adapterName', {value});
+	  }
+	});
+
+	const renderReason = (reason) => `- ${reason}`;
+
+	const isResolvedHandle = (adapter) => utils$1.isFunction(adapter) || adapter === null || adapter === false;
+
+	var adapters = {
+	  getAdapter: (adapters, config) => {
+	    adapters = utils$1.isArray(adapters) ? adapters : [adapters];
+
+	    const {length} = adapters;
+	    let nameOrAdapter;
+	    let adapter;
+
+	    const rejectedReasons = {};
+
+	    for (let i = 0; i < length; i++) {
+	      nameOrAdapter = adapters[i];
+	      let id;
+
+	      adapter = nameOrAdapter;
+
+	      if (!isResolvedHandle(nameOrAdapter)) {
+	        adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
+
+	        if (adapter === undefined) {
+	          throw new AxiosError(`Unknown adapter '${id}'`);
+	        }
+	      }
+
+	      if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config)))) {
+	        break;
+	      }
+
+	      rejectedReasons[id || '#' + i] = adapter;
+	    }
+
+	    if (!adapter) {
+
+	      const reasons = Object.entries(rejectedReasons)
+	        .map(([id, state]) => `adapter ${id} ` +
+	          (state === false ? 'is not supported by the environment' : 'is not available in the build')
+	        );
+
+	      let s = length ?
+	        (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) :
+	        'as no adapter specified';
+
+	      throw new AxiosError(
+	        `There is no suitable adapter to dispatch the request ` + s,
+	        'ERR_NOT_SUPPORT'
+	      );
+	    }
+
+	    return adapter;
+	  },
+	  adapters: knownAdapters
+	};
+
+	/**
+	 * Throws a `CanceledError` if cancellation has been requested.
+	 *
+	 * @param {Object} config The config that is to be used for the request
+	 *
+	 * @returns {void}
+	 */
+	function throwIfCancellationRequested(config) {
+	  if (config.cancelToken) {
+	    config.cancelToken.throwIfRequested();
+	  }
+
+	  if (config.signal && config.signal.aborted) {
+	    throw new CanceledError(null, config);
+	  }
+	}
+
+	/**
+	 * 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
+	 */
+	function dispatchRequest(config) {
+	  throwIfCancellationRequested(config);
+
+	  config.headers = AxiosHeaders$1.from(config.headers);
+
+	  // Transform request data
+	  config.data = transformData.call(
+	    config,
+	    config.transformRequest
+	  );
+
+	  if (['post', 'put', 'patch'].indexOf(config.method) !== -1) {
+	    config.headers.setContentType('application/x-www-form-urlencoded', false);
+	  }
+
+	  const adapter = adapters.getAdapter(config.adapter || defaults$1.adapter, config);
+
+	  return adapter(config).then(function onAdapterResolution(response) {
+	    throwIfCancellationRequested(config);
+
+	    // Transform response data
+	    response.data = transformData.call(
+	      config,
+	      config.transformResponse,
+	      response
+	    );
+
+	    response.headers = AxiosHeaders$1.from(response.headers);
+
+	    return response;
+	  }, function onAdapterRejection(reason) {
+	    if (!isCancel(reason)) {
+	      throwIfCancellationRequested(config);
+
+	      // Transform response data
+	      if (reason && reason.response) {
+	        reason.response.data = transformData.call(
+	          config,
+	          config.transformResponse,
+	          reason.response
+	        );
+	        reason.response.headers = AxiosHeaders$1.from(reason.response.headers);
+	      }
+	    }
+
+	    return Promise.reject(reason);
+	  });
+	}
+
+	const VERSION = "1.12.2";
+
+	const validators$1 = {};
+
+	// eslint-disable-next-line func-names
+	['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach((type, i) => {
+	  validators$1[type] = function validator(thing) {
+	    return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type;
+	  };
+	});
+
+	const 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 (value, opt, opts) => {
+	    if (validator === false) {
+	      throw new AxiosError(
+	        formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')),
+	        AxiosError.ERR_DEPRECATED
+	      );
+	    }
+
+	    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;
+	  };
+	};
+
+	validators$1.spelling = function spelling(correctSpelling) {
+	  return (value, opt) => {
+	    // eslint-disable-next-line no-console
+	    console.warn(`${opt} is likely a misspelling of ${correctSpelling}`);
+	    return true;
+	  }
+	};
+
+	/**
+	 * Assert object's properties type
+	 *
+	 * @param {object} options
+	 * @param {object} schema
+	 * @param {boolean?} allowUnknown
+	 *
+	 * @returns {object}
+	 */
+
+	function assertOptions(options, schema, allowUnknown) {
+	  if (typeof options !== 'object') {
+	    throw new AxiosError('options must be an object', AxiosError.ERR_BAD_OPTION_VALUE);
+	  }
+	  const keys = Object.keys(options);
+	  let i = keys.length;
+	  while (i-- > 0) {
+	    const opt = keys[i];
+	    const validator = schema[opt];
+	    if (validator) {
+	      const value = options[opt];
+	      const result = value === undefined || validator(value, opt, options);
+	      if (result !== true) {
+	        throw new AxiosError('option ' + opt + ' must be ' + result, AxiosError.ERR_BAD_OPTION_VALUE);
+	      }
+	      continue;
+	    }
+	    if (allowUnknown !== true) {
+	      throw new AxiosError('Unknown option ' + opt, AxiosError.ERR_BAD_OPTION);
+	    }
+	  }
+	}
+
+	var validator = {
+	  assertOptions,
+	  validators: validators$1
+	};
+
+	const validators = validator.validators;
+
+	/**
+	 * Create a new instance of Axios
+	 *
+	 * @param {Object} instanceConfig The default config for the instance
+	 *
+	 * @return {Axios} A new instance of Axios
+	 */
+	class Axios {
+	  constructor(instanceConfig) {
+	    this.defaults = instanceConfig || {};
+	    this.interceptors = {
+	      request: new InterceptorManager$1(),
+	      response: new InterceptorManager$1()
+	    };
+	  }
+
+	  /**
+	   * Dispatch a request
+	   *
+	   * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)
+	   * @param {?Object} config
+	   *
+	   * @returns {Promise} The Promise to be fulfilled
+	   */
+	  async request(configOrUrl, config) {
+	    try {
+	      return await this._request(configOrUrl, config);
+	    } catch (err) {
+	      if (err instanceof Error) {
+	        let dummy = {};
+
+	        Error.captureStackTrace ? Error.captureStackTrace(dummy) : (dummy = new Error());
+
+	        // slice off the Error: ... line
+	        const stack = dummy.stack ? dummy.stack.replace(/^.+\n/, '') : '';
+	        try {
+	          if (!err.stack) {
+	            err.stack = stack;
+	            // match without the 2 top stack lines
+	          } else if (stack && !String(err.stack).endsWith(stack.replace(/^.+\n.+\n/, ''))) {
+	            err.stack += '\n' + stack;
+	          }
+	        } catch (e) {
+	          // ignore the case where "stack" is an un-writable property
+	        }
+	      }
+
+	      throw err;
+	    }
+	  }
+
+	  _request(configOrUrl, config) {
+	    /*eslint no-param-reassign:0*/
+	    // Allow for axios('example/url'[, config]) a la fetch API
+	    if (typeof configOrUrl === 'string') {
+	      config = config || {};
+	      config.url = configOrUrl;
+	    } else {
+	      config = configOrUrl || {};
+	    }
+
+	    config = mergeConfig(this.defaults, config);
+
+	    const {transitional, paramsSerializer, headers} = config;
+
+	    if (transitional !== undefined) {
+	      validator.assertOptions(transitional, {
+	        silentJSONParsing: validators.transitional(validators.boolean),
+	        forcedJSONParsing: validators.transitional(validators.boolean),
+	        clarifyTimeoutError: validators.transitional(validators.boolean)
+	      }, false);
+	    }
+
+	    if (paramsSerializer != null) {
+	      if (utils$1.isFunction(paramsSerializer)) {
+	        config.paramsSerializer = {
+	          serialize: paramsSerializer
+	        };
+	      } else {
+	        validator.assertOptions(paramsSerializer, {
+	          encode: validators.function,
+	          serialize: validators.function
+	        }, true);
+	      }
+	    }
+
+	    // Set config.allowAbsoluteUrls
+	    if (config.allowAbsoluteUrls !== undefined) ; else if (this.defaults.allowAbsoluteUrls !== undefined) {
+	      config.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls;
+	    } else {
+	      config.allowAbsoluteUrls = true;
+	    }
+
+	    validator.assertOptions(config, {
+	      baseUrl: validators.spelling('baseURL'),
+	      withXsrfToken: validators.spelling('withXSRFToken')
+	    }, true);
+
+	    // Set config.method
+	    config.method = (config.method || this.defaults.method || 'get').toLowerCase();
+
+	    // Flatten headers
+	    let contextHeaders = headers && utils$1.merge(
+	      headers.common,
+	      headers[config.method]
+	    );
+
+	    headers && utils$1.forEach(
+	      ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
+	      (method) => {
+	        delete headers[method];
+	      }
+	    );
+
+	    config.headers = AxiosHeaders$1.concat(contextHeaders, headers);
+
+	    // filter out skipped interceptors
+	    const requestInterceptorChain = [];
+	    let 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);
+	    });
+
+	    const responseInterceptorChain = [];
+	    this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
+	      responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);
+	    });
+
+	    let promise;
+	    let i = 0;
+	    let len;
+
+	    if (!synchronousRequestInterceptors) {
+	      const chain = [dispatchRequest.bind(this), undefined];
+	      chain.unshift(...requestInterceptorChain);
+	      chain.push(...responseInterceptorChain);
+	      len = chain.length;
+
+	      promise = Promise.resolve(config);
+
+	      while (i < len) {
+	        promise = promise.then(chain[i++], chain[i++]);
+	      }
+
+	      return promise;
+	    }
+
+	    len = requestInterceptorChain.length;
+
+	    let newConfig = config;
+
+	    while (i < len) {
+	      const onFulfilled = requestInterceptorChain[i++];
+	      const onRejected = requestInterceptorChain[i++];
+	      try {
+	        newConfig = onFulfilled(newConfig);
+	      } catch (error) {
+	        onRejected.call(this, error);
+	        break;
+	      }
+	    }
+
+	    try {
+	      promise = dispatchRequest.call(this, newConfig);
+	    } catch (error) {
+	      return Promise.reject(error);
+	    }
+
+	    i = 0;
+	    len = responseInterceptorChain.length;
+
+	    while (i < len) {
+	      promise = promise.then(responseInterceptorChain[i++], responseInterceptorChain[i++]);
+	    }
+
+	    return promise;
+	  }
+
+	  getUri(config) {
+	    config = mergeConfig(this.defaults, config);
+	    const fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls);
+	    return buildURL(fullPath, config.params, config.paramsSerializer);
+	  }
+	}
+
+	// Provide aliases for supported request methods
+	utils$1.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
+	  /*eslint func-names:0*/
+	  Axios.prototype[method] = function(url, config) {
+	    return this.request(mergeConfig(config || {}, {
+	      method,
+	      url,
+	      data: (config || {}).data
+	    }));
+	  };
+	});
+
+	utils$1.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+	  /*eslint func-names:0*/
+
+	  function generateHTTPMethod(isForm) {
+	    return function httpMethod(url, data, config) {
+	      return this.request(mergeConfig(config || {}, {
+	        method,
+	        headers: isForm ? {
+	          'Content-Type': 'multipart/form-data'
+	        } : {},
+	        url,
+	        data
+	      }));
+	    };
+	  }
+
+	  Axios.prototype[method] = generateHTTPMethod();
+
+	  Axios.prototype[method + 'Form'] = generateHTTPMethod(true);
+	});
+
+	var Axios$1 = Axios;
+
+	/**
+	 * A `CancelToken` is an object that can be used to request cancellation of an operation.
+	 *
+	 * @param {Function} executor The executor function.
+	 *
+	 * @returns {CancelToken}
+	 */
+	class CancelToken {
+	  constructor(executor) {
+	    if (typeof executor !== 'function') {
+	      throw new TypeError('executor must be a function.');
+	    }
+
+	    let resolvePromise;
+
+	    this.promise = new Promise(function promiseExecutor(resolve) {
+	      resolvePromise = resolve;
+	    });
+
+	    const token = this;
+
+	    // eslint-disable-next-line func-names
+	    this.promise.then(cancel => {
+	      if (!token._listeners) return;
+
+	      let i = token._listeners.length;
+
+	      while (i-- > 0) {
+	        token._listeners[i](cancel);
+	      }
+	      token._listeners = null;
+	    });
+
+	    // eslint-disable-next-line func-names
+	    this.promise.then = onfulfilled => {
+	      let _resolve;
+	      // eslint-disable-next-line func-names
+	      const promise = new Promise(resolve => {
+	        token.subscribe(resolve);
+	        _resolve = resolve;
+	      }).then(onfulfilled);
+
+	      promise.cancel = function reject() {
+	        token.unsubscribe(_resolve);
+	      };
+
+	      return promise;
+	    };
+
+	    executor(function cancel(message, config, request) {
+	      if (token.reason) {
+	        // Cancellation has already been requested
+	        return;
+	      }
+
+	      token.reason = new CanceledError(message, config, request);
+	      resolvePromise(token.reason);
+	    });
+	  }
+
+	  /**
+	   * Throws a `CanceledError` if cancellation has been requested.
+	   */
+	  throwIfRequested() {
+	    if (this.reason) {
+	      throw this.reason;
+	    }
+	  }
+
+	  /**
+	   * Subscribe to the cancel signal
+	   */
+
+	  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
+	   */
+
+	  unsubscribe(listener) {
+	    if (!this._listeners) {
+	      return;
+	    }
+	    const index = this._listeners.indexOf(listener);
+	    if (index !== -1) {
+	      this._listeners.splice(index, 1);
+	    }
+	  }
+
+	  toAbortSignal() {
+	    const controller = new AbortController();
+
+	    const abort = (err) => {
+	      controller.abort(err);
+	    };
+
+	    this.subscribe(abort);
+
+	    controller.signal.unsubscribe = () => this.unsubscribe(abort);
+
+	    return controller.signal;
+	  }
+
+	  /**
+	   * Returns an object that contains a new `CancelToken` and a function that, when called,
+	   * cancels the `CancelToken`.
+	   */
+	  static source() {
+	    let cancel;
+	    const token = new CancelToken(function executor(c) {
+	      cancel = c;
+	    });
+	    return {
+	      token,
+	      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}
+	 */
+	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
+	 */
+	function isAxiosError(payload) {
+	  return utils$1.isObject(payload) && (payload.isAxiosError === true);
+	}
+
+	const HttpStatusCode = {
+	  Continue: 100,
+	  SwitchingProtocols: 101,
+	  Processing: 102,
+	  EarlyHints: 103,
+	  Ok: 200,
+	  Created: 201,
+	  Accepted: 202,
+	  NonAuthoritativeInformation: 203,
+	  NoContent: 204,
+	  ResetContent: 205,
+	  PartialContent: 206,
+	  MultiStatus: 207,
+	  AlreadyReported: 208,
+	  ImUsed: 226,
+	  MultipleChoices: 300,
+	  MovedPermanently: 301,
+	  Found: 302,
+	  SeeOther: 303,
+	  NotModified: 304,
+	  UseProxy: 305,
+	  Unused: 306,
+	  TemporaryRedirect: 307,
+	  PermanentRedirect: 308,
+	  BadRequest: 400,
+	  Unauthorized: 401,
+	  PaymentRequired: 402,
+	  Forbidden: 403,
+	  NotFound: 404,
+	  MethodNotAllowed: 405,
+	  NotAcceptable: 406,
+	  ProxyAuthenticationRequired: 407,
+	  RequestTimeout: 408,
+	  Conflict: 409,
+	  Gone: 410,
+	  LengthRequired: 411,
+	  PreconditionFailed: 412,
+	  PayloadTooLarge: 413,
+	  UriTooLong: 414,
+	  UnsupportedMediaType: 415,
+	  RangeNotSatisfiable: 416,
+	  ExpectationFailed: 417,
+	  ImATeapot: 418,
+	  MisdirectedRequest: 421,
+	  UnprocessableEntity: 422,
+	  Locked: 423,
+	  FailedDependency: 424,
+	  TooEarly: 425,
+	  UpgradeRequired: 426,
+	  PreconditionRequired: 428,
+	  TooManyRequests: 429,
+	  RequestHeaderFieldsTooLarge: 431,
+	  UnavailableForLegalReasons: 451,
+	  InternalServerError: 500,
+	  NotImplemented: 501,
+	  BadGateway: 502,
+	  ServiceUnavailable: 503,
+	  GatewayTimeout: 504,
+	  HttpVersionNotSupported: 505,
+	  VariantAlsoNegotiates: 506,
+	  InsufficientStorage: 507,
+	  LoopDetected: 508,
+	  NotExtended: 510,
+	  NetworkAuthenticationRequired: 511,
+	};
+
+	Object.entries(HttpStatusCode).forEach(([key, value]) => {
+	  HttpStatusCode[value] = key;
+	});
+
+	var HttpStatusCode$1 = HttpStatusCode;
+
+	/**
+	 * Create an instance of Axios
+	 *
+	 * @param {Object} defaultConfig The default config for the instance
+	 *
+	 * @returns {Axios} A new instance of Axios
+	 */
+	function createInstance(defaultConfig) {
+	  const context = new Axios$1(defaultConfig);
+	  const instance = bind(Axios$1.prototype.request, context);
+
+	  // Copy axios.prototype to instance
+	  utils$1.extend(instance, Axios$1.prototype, context, {allOwnKeys: true});
+
+	  // Copy context to instance
+	  utils$1.extend(instance, context, null, {allOwnKeys: true});
+
+	  // Factory for creating new instances
+	  instance.create = function create(instanceConfig) {
+	    return createInstance(mergeConfig(defaultConfig, instanceConfig));
+	  };
+
+	  return instance;
+	}
+
+	// Create the default instance to be exported
+	const axios = createInstance(defaults$1);
+
+	// Expose Axios class to allow class inheritance
+	axios.Axios = Axios$1;
+
+	// Expose Cancel & CancelToken
+	axios.CanceledError = CanceledError;
+	axios.CancelToken = CancelToken$1;
+	axios.isCancel = isCancel;
+	axios.VERSION = VERSION;
+	axios.toFormData = toFormData;
+
+	// Expose AxiosError class
+	axios.AxiosError = AxiosError;
+
+	// alias for CanceledError for backward compatibility
+	axios.Cancel = axios.CanceledError;
+
+	// Expose all/spread
+	axios.all = function all(promises) {
+	  return Promise.all(promises);
+	};
+
+	axios.spread = spread;
+
+	// Expose isAxiosError
+	axios.isAxiosError = isAxiosError;
+
+	// Expose mergeConfig
+	axios.mergeConfig = mergeConfig;
+
+	axios.AxiosHeaders = AxiosHeaders$1;
+
+	axios.formToJSON = thing => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing);
+
+	axios.getAdapter = adapters.getAdapter;
+
+	axios.HttpStatusCode = HttpStatusCode$1;
+
+	axios.default = axios;
+
+	axios_1 = axios;
+	
+	return axios_1;
+}
+
+var axiosExports = /*@__PURE__*/ requireAxios();
+var axios = /*@__PURE__*/getDefaultExportFromCjs(axiosExports);
+
+////////////////////////////////////////////////////////////////////////
+/// Parameters used by the default platform (valid for UK/EU processing)
+/// https://docs.aws.amazon.com/appsync/latest/eventapi/event-api-websocket-protocol.html
+////////////////////////////////////////////////////////////////////////
+const Parameters = {
+    endpoints: {
+        graphQL: "https://k2howlr3ynfy3lbx7oxz4qyrlq.appsync-api.eu-west-2.amazonaws.com/graphql",
+        wssHost: "dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com",
+        wssRealTime: 'wss://dypxviim4zgwtpev7valhchaem.appsync-realtime-api.eu-west-2.amazonaws.com/graphql'
+    },
+    buckets: {
+        region: "eu-west-2",
+        clearing: "lon-files-clearing",
+    },
+};
+
+// Construct all mutations for a template element.
+const createElement = element => {
+    return `
+  mutation AddField {
+    createTemplateElement(input: {
+      templateId: "${element.templateId}", 
+      ax: ${element.ax}, 
+      ay: ${element.ay}, 
+      bx: ${element.bx}, 
+      by: ${element.by}, 
+      elementType: ${JSON.stringify(element.elementType)}, 
+      role: "1",
+      label: ${JSON.stringify(element.label)}, 
+      page: ${element.page}, 
+      fieldOrder: ${element.fieldOrder}, 
+      fontName: ${JSON.stringify(element.fontName)}, 
+      fontSize: ${element.fontSize}, 
+      helpText: ${JSON.stringify(element.helpText)}, 
+      hideBorder: ${element.hideBorder}, 
+      logicGroup: ${JSON.stringify(element.logicGroup)}, 
+      mapTo: ${JSON.stringify(element.mapTo)}, 
+      optional: ${element.optional}, 
+      options: ${JSON.stringify(element.options)}, 
+      substantive: ${element.substantive}, 
+      validation: ${element.validation}, 
+      value: ${JSON.stringify(element.value)}, 
+      align: ${JSON.stringify(element.align)}, 
+      signer: ${element.signer}, 
+      logicAction: ${element.logicAction}, 
+      labelExtra: ${JSON.stringify(element.labelExtra)}})
+  }`;
+};
+// Save any changes to an element
+const updateElement = element => {
+    return `mutation ChangeField {
+  updateTemplateElement(input: {
+    templateElementId: "${element.id}", 
+    ax: ${element.ax}, 
+    ay: ${element.ay}, 
+    bx: ${element.bx}, 
+    by: ${element.by}, 
+    elementType: ${JSON.stringify(element.elementType)}, 
+    label: ${JSON.stringify(element.label)}, 
+    page: ${element.page}, 
+    fieldOrder: ${element.fieldOrder ? element.fieldOrder : null}, 
+    fontName: ${JSON.stringify(element.fontName)}, 
+    fontSize: ${element.fontSize}, 
+    helpText: "${element.helpText}", 
+    hideBorder: ${element.hideBorder}, 
+    logicGroup: ${JSON.stringify(element.logicGroup)}, 
+    mapTo: "${element.mapTo}", 
+    optional: ${element.optional}, 
+    options: ${JSON.stringify(element.options)}, 
+    role: "1", 
+    substantive: ${element.substantive}, 
+    validation: ${element.validation === '0' ? 'null' : element.validation}, 
+    value: "${element.value}", 
+    align: "${element.align}", 
+    signer: ${element.signer}, 
+    logicAction: ${element.logicAction}, 
+    labelExtra: "${element.labelExtra}"})
+}`;
+};
+// Save any changes to an element
+const deleteElement = obj => {
+    return `mutation DeleteField {
+  deleteTemplateElement(input: {
+    templateElementId: "${obj.id}"})
+  }`;
+};
+
+// Add a role
+const createRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
+    return `
+  mutation AddRole {
+    createTemplateRole(input: {
+      templateId: "${role.templateId}"       
+        signerIndex: ${role.signerIndex}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        ordinal: ${role.ordinal}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+     })
+  }`;
+};
+// Remove a role
+const deleteRole = (role) => {
+    return `
+    mutation removeRole {
+      deleteTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+       })
+    }`;
+};
+// Save any changes to an role
+const updateRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
+    return `
+    mutation updateRole {
+      updateTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+        signerIndex: ${role.signerIndex}
+        ordinal: ${role.ordinal}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+       })
+    }`;
+};
+// swap two adjacent roles
+const swapRoles = (roleId1, roleId2) => {
+    return `
+    mutation swapRole {
+      swapRoles(input: {
+        roleId1: "${roleId1}"       
+        roleId2: "${roleId2}"
+       })
+    }`;
+};
+
+// Add a role
+const updateTemplate = (template) => {
+    return `
+    mutation updateTemplate {
+      updateTemplate(input: {
+        templateId: "${template.id}", 
+        title: "${template.title}",
+        locked: ${template.locked},
+        autoArchive: ${template.autoArchive},
+        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
+      })
+    }
+  `;
+};
+const getTemplate = (id) => {
+    return `
+        query GetTemplate {
+          template(id: "${id}") {
+            id
+            title
+            fileName
+            pageDimensions
+            pageCount
+            modified
+            link
+            valid
+            locked
+            autoArchive
+            archived
+            tags
+            created
+            createdBy
+            lastSent
+            fixSignatureScale
+            roles{
+              id
+              signerIndex
+            }
+            elementConnection {
+              templateElements {
+                align
+                ax
+                ay
+                bx
+                by
+                elementType
+                formElementType
+                fieldOrder
+                fontName
+                fontSize
+                helpText
+                hideBorder
+                id
+                label
+                labelExtra
+                logicAction
+                logicGroup
+                mapTo
+                options
+                optional
+                page
+                role
+                signer
+                substantive
+                validation
+                value
+              }
+              totalCount
+            }
+            userSignatureConnection {
+              userSignatureElements {
+                id
+                userId
+                ax
+                ay
+                bx
+                by
+                page
+                link
+              }
+            }
+          }
+        }
+      `;
+};
+
+class LsDocumentAdapter {
+    handleEvent = async (event, accessToken) => {
+        axios.defaults.headers.common['Authorization'] = accessToken;
+        // Determine the object type being processed
+        const obj = event.data;
+        if (!obj?.id)
+            return 'invalid';
+        const apiId = atob(obj.id);
+        if (apiId.length < 3)
+            return 'invalid';
+        const prefix = atob(obj.id).substring(0, 3);
+        let query = '';
+        switch (prefix) {
+            case 'ele':
+                switch (event.action) {
+                    case 'create':
+                        query = createElement(obj);
+                        break;
+                    case 'update':
+                        query = updateElement(obj);
+                        break;
+                    case 'delete':
+                        query = deleteElement(obj);
+                        break;
+                }
+                break;
+            case 'rol':
+                switch (event.action) {
+                    case 'create':
+                        query = createRole(obj);
+                        break;
+                    case 'update':
+                        query = updateRole(obj);
+                        break;
+                    case 'delete':
+                        query = deleteRole(obj);
+                        break;
+                    case 'swap':
+                        query = updateRole(obj);
+                        break;
+                }
+                break;
+            case 'tpl':
+                switch (event.action) {
+                    case 'update':
+                        query = updateTemplate(obj);
+                        break;
+                }
+                break;
+        }
+        const result = await this.execute(accessToken, query);
+        return { result, obj };
+    };
+    /**
+     * Run a general query or mutation against the GraphQL API.
+     *
+     *  @returns a promise of a graphQL request
+     */
+    async execute(accessToken, graphQLQuery, _graphQLVariables) {
+        if (accessToken) {
+            //console.log(graphQLQuery);
+            const res = await axios.post(Parameters.endpoints.graphQL, {
+                query: graphQLQuery,
+                variables: _graphQLVariables ? _graphQLVariables : {},
+            }, {
+                headers: {
+                    Authorization: accessToken,
+                },
+            });
+            return res.data.data;
+        }
+        else {
+            console.warn('UNASSIGNED ACCESS TOKEN');
+        }
+        return Promise.reject();
+    }
+}
 
-const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.leftBox{display:flex;flex-direction:row;min-width:250px;width:250px;border:1px gray solid}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:250px;left:0px}.ls-editor-infobox{padding:2px 8px 2px 8px;color:#727272}#pdf-canvas{top:0px;left:0px;width:100%;height:100%}#ls-mid-area{display:flex;flex-direction:column;width:100%}#ls-document-frame{background-image:repeating-linear-gradient(rgba(175, 176, 178, 0.4) 0px, rgba(175, 176, 178, 0.4) 1px, transparent 1px, transparent 100%), repeating-linear-gradient(90deg, rgba(175, 176, 178, 0.4) 0px, rgba(175, 176, 178, 0.4) 1px, transparent 1px, transparent 100%);border:0px  rgb(136, 80, 80) solid;position:relative;min-width:60vw;width:100%;height:98vh;max-width:100%;max-height:100%;margin:0px;padding:2px;overflow-x:scroll;overflow-y:scroll;background-color:rgb(181, 181, 181);scrollbar-width:auto;scrollbar-color:auto}.prevButton{position:relative;bottom:30px}.nextButton{position:relative;bottom:30px}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;flex-direction:row;width:100vw}.hidden{visibility:hidden;display:none;width:0px}";
+const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.leftBox{border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px}#ls-mid-area{display:flex;flex-direction:column;width:100%}.document-frame-wrapper{position:relative;padding:0 1.25rem;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:auto}.spacer{min-height:5.5rem;width:100%}#ls-document-frame{position:relative;height:98vh;max-width:100%;max-height:100%;margin:0px;padding:2px;scrollbar-width:auto;scrollbar-color:auto}.prevButton{position:relative;bottom:30px}.nextButton{position:relative;bottom:30px}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;max-height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
 
 pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
 const LsDocumentViewer = class {
@@ -20308,6 +24517,7 @@ const LsDocumentViewer = class {
     pdfDocument;
     pageNumPending = null;
     canvas;
+    adapter = new LsDocumentAdapter();
     ctx;
     pageDimensions; // hardcoded to start at the page 1
     // @ts-ignore
@@ -20331,14 +24541,26 @@ const LsDocumentViewer = class {
      * {LSApiTemplate}
      */
     template;
+    /**
+     * The access token of the account your want the widget to use, you should normally
+     * acquire this with a server side call using that accounts login credentials.
+     * {string}
+     */
+    token;
+    /**
+     * The id of the template you want to load (if using the internal data adapter).
+     * {string}
+     */
+    templateid;
     zoom = 1.0; // hardcoded to scale the document to full canvas size
     pageNum = 1; // hardcoded to start at the page 1
+    signer = 0; // hardcoded to start at the page 1
     _template;
     selected;
     /**
-   * An ease of use property that will arrange document-viewer appropraitely.
-   * {'preview' | 'editor' | 'custom'}
-   */
+     * An ease of use property that will arrange document-viewer appropraitely.
+     * {'preview' | 'editor' | 'custom'}
+     */
     mode = 'custom';
     modeHandler(_newMode, _oldMode) {
         if (_newMode === 'preview') {
@@ -20366,14 +24588,14 @@ const LsDocumentViewer = class {
         this.queueRenderPage(this.pageNum);
     }
     /**
-    * Determines / sets which of the far left 'managers' is active.
-    * {'document' | 'toolbox' | 'participant' }
-    */
+     * Determines / sets which of the far left 'managers' is active.
+     * {'document' | 'toolbox' | 'participant' }
+     */
     manager = 'toolbox';
     /**
-    * Shows the table view of fields rather than the preview.
-    * {boolean}
-    */
+     * Shows the table view of fields rather than the preview.
+     * {boolean}
+     */
     displayTable = false;
     /**
      * Whether the left hand toolbox is displayed.
@@ -20391,53 +24613,42 @@ const LsDocumentViewer = class {
      */
     showstatusbar = false;
     /**
-   * Whether the page previewvertical ribbon will be shown
-   * {boolean}
-   */
+     * Whether the page previewvertical ribbon will be shown
+     * {boolean}
+     */
     showpagepreview = false;
     /**
-  * Whether the right panel (which can be default field properties or custom panel) is
-  * displayed.
-  * {boolean}
-  */
+     * Whether the right panel (which can be default field properties or custom panel) is
+     * displayed.
+     * {boolean}
+     */
     showrightpanel = false;
     /**
-  * Whether the right panel (which can be default field properties or custom panel) is
-  * displayed.
-  * {boolean}
-  */
+     * Whether or not the fields list is expanded.
+     * {boolean}
+     */
+    expandfields = false;
+    /**
+     * Whether the right panel (which can be default field properties or custom panel) is
+     * displayed.
+     * {boolean}
+     */
     readonly = false;
     /**
-  * Whether the table view of the fields on this template is available to the user.
-  * {boolean}
-  */
+     * Whether the table view of the fields on this template is available to the user.
+     * {boolean}
+     */
     showtableview = false;
     /**
-   * If supplied ONLY items in this | ("or") delimited list will be shown. i.e. "signature|intials"
-   * {boolean}
-   */
+     * If supplied ONLY items in this | ("or") delimited list will be shown. i.e. "signature|intials"
+     * {boolean}
+     */
     toolboxFilter = null;
     /**
-   * Allows you to change the colours used for each role in the template.
-   * {SignerColor[]}
-   */
+     * Allows you to change the colours used for each role in the template.
+     * {SignerColor[]}
+     */
     roleColors = defaultRolePalette;
-    parseTemplate(newValue) {
-        const newTemplate = newValue;
-        const pages = JSON.parse(JSON.parse(newTemplate.pageDimensions));
-        // Convert ax,bx,ay etc. into top, left
-        this.pageDimensions = pages.map(p => { return { height: p[1], width: p[0] }; });
-        const fields = newTemplate.elementConnection.templateElements.map(f => {
-            return {
-                ...f,
-                top: f.ay * pages[0].height,
-                left: f.ax * pages[0].width,
-                height: (f.by - f.ay) * pages[0].height,
-                width: (f.bx - f.ax) * pages[0].width
-            };
-        });
-        this._template = { ...newTemplate, elementConnection: { ...newTemplate.elementConnection, templateElements: fields } };
-    }
     //
     // --- Event Emitters --- //
     //
@@ -20451,6 +24662,15 @@ const LsDocumentViewer = class {
     // Send an internal event to be processed
     update;
     // Updates are internal event between LS controls not to be confused with mutate
+    mutateHandler(event) {
+        console.log(event);
+        if (this.token)
+            event.detail.forEach(me => this.adapter.handleEvent(me, this.token).then(result => {
+                if (me.action === "create")
+                    matchData.bind(this)(result);
+            }));
+    }
+    // Updates are internal event between LS controls not to be confused with mutate
     updateHandler(event) {
         if (event.detail)
             event.detail.forEach(fx => this.syncChange(fx));
@@ -20464,6 +24684,10 @@ const LsDocumentViewer = class {
         if (propPanel)
             propPanel.dataItem = event.detail;
     }
+    // Send role selection changes to bars and panels
+    roleHandler(event) {
+        this.signer = event.detail;
+    }
     //
     // --- Methods --- //
     //
@@ -20492,44 +24716,70 @@ const LsDocumentViewer = class {
         this.showPageFields(this.pageNum);
     }
     /**
-   * Page and field resize on zoom change
-   *
-   */
+     * Page and field resize on zoom change
+     *
+     */
     async setZoom(z) {
-        console.log(z, 'setZoom');
         this.zoom = z;
         this.canvas = this.component.shadowRoot.getElementById('pdf-canvas');
-        this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * z + "px";
-        this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * z + "px";
+        this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * z + 'px';
+        this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * z + 'px';
         // place all fields at new zoom level
         this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(fx => moveField.bind(this)(fx, fx.dataItem));
-        console.log(this.zoom, 'rendering');
         this.queueRenderPage(this.pageNum);
         this.showPageFields(this.pageNum);
     }
+    /**
+     * Decorate the template data object with useful transformations.
+     * {string} json of template
+     */
+    parseTemplate(newValue) {
+        const newTemplate = JSON.parse(newValue);
+        const pages = JSON.parse(JSON.parse(newTemplate.pageDimensions));
+        // Convert ax,bx,ay etc. into top, left
+        // We also add the templateId into every object so that all the information
+        // required to mutate is in each object.
+        this.pageDimensions = pages.map(p => {
+            return { height: p[1], width: p[0] };
+        });
+        const fields = newTemplate.elementConnection.templateElements.map(f => {
+            return {
+                ...f,
+                top: f.ay * pages[0].height,
+                left: f.ax * pages[0].width,
+                height: (f.by - f.ay) * pages[0].height,
+                width: (f.bx - f.ax) * pages[0].width,
+                templateId: newTemplate.id,
+            };
+        });
+        const preparedRoles = newTemplate.roles.map((ro) => {
+            return { ...ro, templateId: newTemplate.id };
+        });
+        this._template = {
+            ...newTemplate,
+            elementConnection: { ...newTemplate.elementConnection, templateElements: fields },
+            roles: preparedRoles,
+        };
+    }
     /**
      * Render the page based on pageNumber
      * {number} pageNumber
      */
     renderPage(pageNumber) {
         this.isPageRendering = true;
-        this.pdfDocument
-            .getPage(pageNumber)
-            .then((page) => {
-            console.log('viewport page ', page.getViewport());
+        this.pdfDocument.getPage(pageNumber).then((page) => {
             const viewport = page.getViewport({ scale: this.zoom });
             this.canvas.height = Math.floor(viewport.height);
             this.canvas.width = Math.floor(viewport.width);
             // Render PDF page into canvas context
             const renderContext = {
                 viewport,
-                canvasContext: this.ctx
+                canvasContext: this.ctx,
             };
             // Render page method
             const renderTask = page.render(renderContext);
             // Wait for rendering to finish
-            renderTask.promise
-                .then(() => {
+            renderTask.promise.then(() => {
                 this.isPageRendering = false;
                 this.pageRendered.emit(this.pageNum);
                 if (this.pageNumPending !== null) {
@@ -20545,13 +24795,11 @@ const LsDocumentViewer = class {
             this.pageNumPending = pageNumber;
         }
         else {
-            console.log('rerender');
             this.renderPage(pageNumber);
         }
     }
     loadAndRender(src) {
-        pdfExports.getDocument(src).promise
-            .then((pdfDocument) => {
+        pdfExports.getDocument(src).promise.then((pdfDocument) => {
             this.pdfDocument = pdfDocument;
             this.renderPage(this.pageNum);
         });
@@ -20564,11 +24812,13 @@ const LsDocumentViewer = class {
             left: Math.floor(newElement.ax * this.pageDimensions[newElement.page - 1].width),
             height: Math.floor((newElement.by - newElement.ay) * this.pageDimensions[newElement.page - 1].height),
             width: Math.floor((newElement.bx - newElement.ax) * this.pageDimensions[newElement.page - 1].width),
-            pageDimensions: this.pageDimensions[newElement.page - 1]
+            pageDimensions: this.pageDimensions[newElement.page - 1],
+            templateId: this._template.id,
         };
     }
     // internal forced change
     syncChange(update) {
+        console.log('sync');
         if (getApiType(update.data) === 'element') {
             if (update.action === 'create') {
                 const newData = { ...update.data, page: this.pageNum };
@@ -20584,7 +24834,7 @@ const LsDocumentViewer = class {
                     const fu = this.component.shadowRoot.getElementById('ls-field-' + update.data.id);
                     fu.dataItem = update.data;
                     // Refresh the selected array
-                    this.selected = this.selected.map(s => s.dataItem.id === update.data.id ? fu : s);
+                    this.selected = this.selected.map(s => (s.dataItem.id === update.data.id ? fu : s));
                 }
                 // Reselect the fields - this updates the dataItem value passed to child controls
                 const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
@@ -20600,55 +24850,29 @@ const LsDocumentViewer = class {
             }
         }
     }
-    componentDidLoad() {
+    initViewer() {
+        console.log('Init Viewer  ');
         // Generate a canvas to draw the background PDF on.
         this.canvas = this.component.shadowRoot.getElementById('pdf-canvas');
-        this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * this.zoom + "px";
-        this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * this.zoom + "px";
+        this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * this.zoom + 'px';
+        this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * this.zoom + 'px';
         this.ctx = this.canvas.getContext('2d');
-        this.loadAndRender(this._template.link);
+        if (this._template?.link)
+            this.loadAndRender(this._template?.link);
         var dropTarget = this.component.shadowRoot.getElementById('ls-document-frame');
         // Used for single field selection
-        dropTarget.addEventListener("click", mouseClick.bind(this));
-        dropTarget.addEventListener("mousedown", mouseDown.bind(this));
-        dropTarget.addEventListener("mousemove", mouseMove.bind(this));
-        dropTarget.addEventListener("mouseup", mouseUp.bind(this));
-        document.addEventListener("keydown", keyDown.bind(this));
-        dropTarget.addEventListener("dragenter", (event) => { event.preventDefault(); });
-        dropTarget.addEventListener("dragover", (event) => { event.preventDefault(); });
-        dropTarget.addEventListener("drop", (event) => {
+        dropTarget.addEventListener('click', mouseClick.bind(this));
+        dropTarget.addEventListener('mousedown', mouseDown.bind(this));
+        dropTarget.addEventListener('mousemove', mouseMove.bind(this));
+        dropTarget.addEventListener('mouseup', mouseUp.bind(this));
+        document.addEventListener('keydown', keyDown.bind(this));
+        dropTarget.addEventListener('dragenter', event => {
             event.preventDefault();
-            try {
-                const data = JSON.parse(event.dataTransfer.getData("application/json"));
-                this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => f.selected = false);
-                var frame = this.component.shadowRoot.getElementById('ls-document-frame');
-                // Make a new API compatible id for a template element (prefix 'ele')
-                const id = btoa('ele' + crypto.randomUUID());
-                // TODO: Put these defaults somewhere sensible
-                const newData = {
-                    action: 'create', data: {
-                        ...data,
-                        id,
-                        value: "",
-                        top: event.offsetY * this.zoom + frame.scrollTop,
-                        left: event.offsetX * this.zoom + frame.scrollLeft,
-                        height: data.defaultHeight,
-                        width: data.defaultWidth,
-                        pageDimensions: this.pageDimensions[this.pageNum - 1],
-                        fontName: "courier",
-                        fontSize: 10,
-                        align: 'left',
-                        signer: 1,
-                        elementType: data.type
-                    }
-                };
-                this.mutate.emit([newData]);
-                this.update.emit([newData]);
-            }
-            catch (e) {
-                console.error(e);
-            }
         });
+        dropTarget.addEventListener('dragover', event => {
+            event.preventDefault();
+        });
+        dropTarget.addEventListener('drop', mouseDrop.bind(this));
         // Generate all the field HTML elements that are required (for every page)
         this._template.elementConnection.templateElements.forEach(te => {
             addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), this.prepareElement(te));
@@ -20660,12 +24884,23 @@ const LsDocumentViewer = class {
             fx.className = fx.dataItem.page === page ? '' : 'hidden';
         });
     }
+    async load() {
+        try {
+            const result = (await this.adapter.execute(this.token, getTemplate(this.templateid)));
+            this.parseTemplate(JSON.stringify(result.template));
+            console.log(this._template, '_template');
+            this.initViewer();
+        }
+        catch (e) {
+            console.error('Your access token is invalid.', e);
+        }
+    }
     componentWillLoad() {
-        if (this.template)
-            this.parseTemplate(this.template);
+        if (this.token && !this._template)
+            this.load();
     }
     render() {
-        return (h(Host, { key: '69a201c6e7410215651c839ec902a4d0beea9c18' }, h("form", { key: '77d879474a6e216ba5087fefc4e3056d84c6efc1', id: "ls-editor-form" }, this.showtoolbox === true ? h("div", { class: "leftBox" }, h("ls-feature-column", { onManage: (manager) => {
+        return (h(Host, { key: '744f961f2f3595b953b55362b068a8a056fc6217' }, h(h.Fragment, null, h("div", { key: '5f83502772c2642227a67376e42074f41dfe3723', class: "page-header" }, h("p", { key: 'fe7a7772790ea96ffc3d0d590137d2be29df3f24', class: "header-text-1" }, "Template Creation"), h("p", { key: 'a3c6aab38dc49e6753499d84deead0c21103cd1d' }, "/"), h("p", { key: '6a84dd8d33ec656953e48c29ad0b8d924a6ad94e', class: "header-text-2" }, "Template Name")), h("form", { key: 'a01571adc26b9f0bbb013592a2d161e6fbda2e15', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -20675,9 +24910,10 @@ const LsDocumentViewer = class {
                     participantManager.template = this._template;
                 }
                 this.manager = manager.detail;
-            } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, "Drag to Add..."), h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0 }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0 }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1 }), h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50 }), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2 }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25 }), h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000 }), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000 }), h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93 }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90 }), h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30 }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74 })), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }))
-            :
-                h(h.Fragment, null), h("div", { key: '5a5c544cb33c6c17e4c9ec0d97b287dca7368ea9', id: "ls-mid-area" }, h("ls-toolbar", { key: '0b5febf3ee579071e5d66a043ea83b1326ad2aba', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), h("div", { key: 'caa4b96df1d27e6907910fa8e1ebe52e0a243053', id: "ls-document-frame" }, h("canvas", { key: '8c85781a7a8b5efa0698df482626d0ac1c73746d', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), h("ls-editor-table", { key: '5d3de7f59a02ab1322b6df3ace85b7ca17820656', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'a34a8fc95279c33c1f24dd248d5949745ae74654', id: "ls-box-selector" })), h("ls-statusbar", { key: '4ead547e79826bcc321361b90e845a0144506d02', editor: this })), this.showrightpanel && !this.displayTable && h("div", { key: '49f5ba457e1cedda002027bf979d1ffc9eb62c1a', class: this.selected && this.selected.length > 0 ? 'rightBox' : 'hidden' }, h("ls-field-properties", { key: 'a28df4ee74c30451b2e4811079ecdd7de14ab466', id: "my-field-panel" }), h("slot", { key: 'f8ba23c8cbc86f85b7f2584711dbdc69000cba9b' })))));
+            } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature" }), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials" }), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender" }), h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date" }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol" }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text" }), h("div", { class: 'expand-fields-row' }, h("ls-icon", { name: this.expandfields ? 'expand' : 'collapse', size: "20", solid: true, onClick: () => (this.expandfields = !this.expandfields) }), h("p", null, "More Field Types")), this.expandfields && (h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag" }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check" }), h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "signature" }), h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code" }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph" }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload" }))))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), this.showrightpanel && !this.displayTable && (h("div", { class: this.selected && this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
+                this.selected = [];
+                e.preventDefault();
+            } }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("div", { key: '03f3054a9882770b6e45e1a4e240c9071837cfbf', id: "ls-mid-area" }, h("ls-toolbar", { key: 'abe30fa6c668bfd76c3ae9e8b4b9f435409ff980', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), h("div", { key: '414e6989827b49a95e72c1ba4f2ba6523bbf9410', class: 'document-frame-wrapper' }, h("div", { key: '2c9f7373dec198d3482aa8391301f18e1158acc6', class: 'spacer' }), h("div", { key: '0efdb724dad8718a6c66a5c70d1b13d1117d79a0', id: "ls-document-frame" }, h("canvas", { key: '2c2484f7aea016835bebb0a10af52d3fd16b971a', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), h("ls-editor-table", { key: '3179534f785139308ae68b80700136bd89091b2e', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'b36cb41ba0505fd92126ea912e152ebac1dfbd94', id: "ls-box-selector" }))), h("ls-statusbar", { key: '3f900b44099d13c60028499ca287fdcda05b09ce', editor: this }))))));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],