@bigbinary/neeto-editor-frontend 2.2.3 → 2.2.5-beta1

package/dist/cjs/chunk-Cr0FBhRs.cjs.js

@@ -0,0 +1,1990 @@
+'use strict';
+
+var React = require('react');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var zustand = require('zustand');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var i18n = require('i18next');
+var axios = require('axios');
+var _commonjsHelpers = require('./chunk-BJu3ubxk.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefault(_asyncToGenerator);
+var _createClass__default = /*#__PURE__*/_interopDefault(_createClass);
+var _classCallCheck__default = /*#__PURE__*/_interopDefault(_classCallCheck);
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var axios__default = /*#__PURE__*/_interopDefault(axios);
+
+var useDropFiles = function useDropFiles(_ref) {
+  var dropTargetRef = _ref.dropTargetRef,
+    _ref$attachments = _ref.attachments,
+    attachments = _ref$attachments === void 0 ? [] : _ref$attachments,
+    onDrop = _ref.onDrop;
+  React.useEffect(function () {
+    var dropZone = dropTargetRef === null || dropTargetRef === void 0 ? void 0 : dropTargetRef.current;
+    var isDragging = false,
+      timeout;
+    var handleDragOver = function handleDragOver(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      timeout && clearTimeout(timeout);
+      if (!isDragging) {
+        isDragging = true;
+        dropZone.classList.add("is-dragging-over-files");
+      }
+    };
+    var handleDragLeave = function handleDragLeave(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (isDragging) {
+        timeout = setTimeout(function () {
+          isDragging = false;
+          dropZone.classList.remove("is-dragging-over-files");
+        }, 0);
+      }
+    };
+    var handleDrop = function handleDrop(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      isDragging = false;
+      dropZone.classList.remove("is-dragging-over-files");
+      var files = Array.from(event.dataTransfer.files);
+      onDrop(files);
+    };
+    if (dropZone) {
+      dropZone.addEventListener("dragleave", handleDragLeave);
+      dropZone.addEventListener("dragover", handleDragOver);
+      dropZone.addEventListener("drop", handleDrop);
+    }
+    return function () {
+      if (!dropZone) return;
+      dropZone.removeEventListener("dragover", handleDragOver);
+      dropZone.removeEventListener("dragleave", handleDragLeave);
+      dropZone.removeEventListener("drop", handleDrop);
+    };
+  }, [dropTargetRef, attachments]);
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useFileUploadStore = zustand.create(reactUtils.withImmutableActions(function (set, get) {
+  return {
+    // {[contextId]: { files: File[], isUploading: boolean }}
+
+    addFiles: function addFiles(contextId, newFiles) {
+      return set(function (state) {
+        var _state$contextId;
+        return _defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, state[contextId]), {}, {
+          files: [].concat(_toConsumableArray__default.default(((_state$contextId = state[contextId]) === null || _state$contextId === void 0 ? void 0 : _state$contextId["files"]) || []), _toConsumableArray__default.default(newFiles))
+        }));
+      });
+    },
+    updateFileStatus: function updateFileStatus(contextId, fileId, status) {
+      return set(function (state) {
+        var _state$contextId2;
+        return _defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, state[contextId]), {}, {
+          files: (_state$contextId2 = state[contextId]) === null || _state$contextId2 === void 0 || (_state$contextId2 = _state$contextId2["files"]) === null || _state$contextId2 === void 0 ? void 0 : _state$contextId2.map(function (file) {
+            return file.id === fileId ? _objectSpread$1(_objectSpread$1({}, file), {}, {
+              status: status
+            }) : file;
+          })
+        }));
+      });
+    },
+    updateFileUploadProgress: function updateFileUploadProgress(contextId, fileId, progress) {
+      return set(function (state) {
+        var _state$contextId3;
+        return _defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, state[contextId]), {}, {
+          files: ((_state$contextId3 = state[contextId]) === null || _state$contextId3 === void 0 || (_state$contextId3 = _state$contextId3["files"]) === null || _state$contextId3 === void 0 ? void 0 : _state$contextId3.map(function (file) {
+            return file.id === fileId ? _objectSpread$1(_objectSpread$1({}, file), {}, {
+              progress: progress
+            }) : file;
+          })) || []
+        }));
+      });
+    },
+    removeFile: function removeFile(contextId, fileId) {
+      return set(function (state) {
+        var _state$contextId4;
+        return _defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, state[contextId]), {}, {
+          files: neetoCist.removeById(fileId, ((_state$contextId4 = state[contextId]) === null || _state$contextId4 === void 0 ? void 0 : _state$contextId4["files"]) || [])
+        }));
+      });
+    },
+    setIsUploading: function setIsUploading(contextId, status) {
+      return set(function (state) {
+        var _state$contextId5;
+        return _defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, (_state$contextId5 = state[contextId]) !== null && _state$contextId5 !== void 0 ? _state$contextId5 : []), {}, {
+          isUploading: status
+        }));
+      });
+    },
+    getNextQueuedFile: function getNextQueuedFile(contextId) {
+      var files = get()[contextId].files;
+      return neetoCist.findBy(function (_ref6) {
+        var status = _ref6.status;
+        return status === "queued";
+      }, files);
+    },
+    removeFilesFromQueue: function removeFilesFromQueue(contextId, uploadedFiles) {
+      var data = get()[contextId];
+      set(_defineProperty__default.default({}, contextId, _objectSpread$1(_objectSpread$1({}, data), {}, {
+        files: (data["files"] || []).filter(function (_ref7) {
+          var id = _ref7.id;
+          return !uploadedFiles.includes(id);
+        })
+      })));
+    }
+  };
+}));
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var generate = function generate(url, payload, config) {
+  return axios__default.default.post(url, payload, _objectSpread(_objectSpread({}, config), {}, {
+    transformRequestCase: false,
+    transformResponseCase: false
+  }));
+};
+var create = function create(url, file, config) {
+  return axios__default.default.put(url, file, _objectSpread(_objectSpread({}, config), {}, {
+    transformRequestCase: false,
+    transformResponseCase: false,
+    showToastr: false
+  }));
+};
+var update = function update(_ref) {
+  var signedId = _ref.signedId,
+    payload = _ref.payload;
+  return axios__default.default.patch("/api/direct_uploads/".concat(signedId, "/"), payload, {
+    transformRequestCase: false,
+    transformResponseCase: false,
+    showToastr: false
+  });
+};
+var destroy = function destroy(signedId) {
+  return axios__default.default["delete"]("/api/direct_uploads/".concat(signedId), {
+    showToastr: false
+  });
+};
+var attach = function attach(payload) {
+  return axios__default.default.post("/neeto_editor/api/v1/direct_uploads/attach", payload, {
+    showToastr: false
+  });
+};
+var directUploadsApi = {
+  generate: generate,
+  create: create,
+  update: update,
+  destroy: destroy,
+  attach: attach
+};
+
+var sparkMd5 = {exports: {}};
+
+(function (module, exports$1) {
+	(function (factory) {
+	    {
+	        // Node/CommonJS
+	        module.exports = factory();
+	    }
+	}(function (undefined$1) {
+
+	    /*
+	     * Fastest md5 implementation around (JKM md5).
+	     * Credits: Joseph Myers
+	     *
+	     * @see http://www.myersdaily.org/joseph/javascript/md5-text.html
+	     * @see http://jsperf.com/md5-shootout/7
+	     */
+
+	    /* this function is much faster,
+	      so if possible we use it. Some IEs
+	      are the only ones I know of that
+	      need the idiotic second function,
+	      generated by an if clause.  */
+	    var hex_chr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
+
+	    function md5cycle(x, k) {
+	        var a = x[0],
+	            b = x[1],
+	            c = x[2],
+	            d = x[3];
+
+	        a += (b & c | ~b & d) + k[0] - 680876936 | 0;
+	        a  = (a << 7 | a >>> 25) + b | 0;
+	        d += (a & b | ~a & c) + k[1] - 389564586 | 0;
+	        d  = (d << 12 | d >>> 20) + a | 0;
+	        c += (d & a | ~d & b) + k[2] + 606105819 | 0;
+	        c  = (c << 17 | c >>> 15) + d | 0;
+	        b += (c & d | ~c & a) + k[3] - 1044525330 | 0;
+	        b  = (b << 22 | b >>> 10) + c | 0;
+	        a += (b & c | ~b & d) + k[4] - 176418897 | 0;
+	        a  = (a << 7 | a >>> 25) + b | 0;
+	        d += (a & b | ~a & c) + k[5] + 1200080426 | 0;
+	        d  = (d << 12 | d >>> 20) + a | 0;
+	        c += (d & a | ~d & b) + k[6] - 1473231341 | 0;
+	        c  = (c << 17 | c >>> 15) + d | 0;
+	        b += (c & d | ~c & a) + k[7] - 45705983 | 0;
+	        b  = (b << 22 | b >>> 10) + c | 0;
+	        a += (b & c | ~b & d) + k[8] + 1770035416 | 0;
+	        a  = (a << 7 | a >>> 25) + b | 0;
+	        d += (a & b | ~a & c) + k[9] - 1958414417 | 0;
+	        d  = (d << 12 | d >>> 20) + a | 0;
+	        c += (d & a | ~d & b) + k[10] - 42063 | 0;
+	        c  = (c << 17 | c >>> 15) + d | 0;
+	        b += (c & d | ~c & a) + k[11] - 1990404162 | 0;
+	        b  = (b << 22 | b >>> 10) + c | 0;
+	        a += (b & c | ~b & d) + k[12] + 1804603682 | 0;
+	        a  = (a << 7 | a >>> 25) + b | 0;
+	        d += (a & b | ~a & c) + k[13] - 40341101 | 0;
+	        d  = (d << 12 | d >>> 20) + a | 0;
+	        c += (d & a | ~d & b) + k[14] - 1502002290 | 0;
+	        c  = (c << 17 | c >>> 15) + d | 0;
+	        b += (c & d | ~c & a) + k[15] + 1236535329 | 0;
+	        b  = (b << 22 | b >>> 10) + c | 0;
+
+	        a += (b & d | c & ~d) + k[1] - 165796510 | 0;
+	        a  = (a << 5 | a >>> 27) + b | 0;
+	        d += (a & c | b & ~c) + k[6] - 1069501632 | 0;
+	        d  = (d << 9 | d >>> 23) + a | 0;
+	        c += (d & b | a & ~b) + k[11] + 643717713 | 0;
+	        c  = (c << 14 | c >>> 18) + d | 0;
+	        b += (c & a | d & ~a) + k[0] - 373897302 | 0;
+	        b  = (b << 20 | b >>> 12) + c | 0;
+	        a += (b & d | c & ~d) + k[5] - 701558691 | 0;
+	        a  = (a << 5 | a >>> 27) + b | 0;
+	        d += (a & c | b & ~c) + k[10] + 38016083 | 0;
+	        d  = (d << 9 | d >>> 23) + a | 0;
+	        c += (d & b | a & ~b) + k[15] - 660478335 | 0;
+	        c  = (c << 14 | c >>> 18) + d | 0;
+	        b += (c & a | d & ~a) + k[4] - 405537848 | 0;
+	        b  = (b << 20 | b >>> 12) + c | 0;
+	        a += (b & d | c & ~d) + k[9] + 568446438 | 0;
+	        a  = (a << 5 | a >>> 27) + b | 0;
+	        d += (a & c | b & ~c) + k[14] - 1019803690 | 0;
+	        d  = (d << 9 | d >>> 23) + a | 0;
+	        c += (d & b | a & ~b) + k[3] - 187363961 | 0;
+	        c  = (c << 14 | c >>> 18) + d | 0;
+	        b += (c & a | d & ~a) + k[8] + 1163531501 | 0;
+	        b  = (b << 20 | b >>> 12) + c | 0;
+	        a += (b & d | c & ~d) + k[13] - 1444681467 | 0;
+	        a  = (a << 5 | a >>> 27) + b | 0;
+	        d += (a & c | b & ~c) + k[2] - 51403784 | 0;
+	        d  = (d << 9 | d >>> 23) + a | 0;
+	        c += (d & b | a & ~b) + k[7] + 1735328473 | 0;
+	        c  = (c << 14 | c >>> 18) + d | 0;
+	        b += (c & a | d & ~a) + k[12] - 1926607734 | 0;
+	        b  = (b << 20 | b >>> 12) + c | 0;
+
+	        a += (b ^ c ^ d) + k[5] - 378558 | 0;
+	        a  = (a << 4 | a >>> 28) + b | 0;
+	        d += (a ^ b ^ c) + k[8] - 2022574463 | 0;
+	        d  = (d << 11 | d >>> 21) + a | 0;
+	        c += (d ^ a ^ b) + k[11] + 1839030562 | 0;
+	        c  = (c << 16 | c >>> 16) + d | 0;
+	        b += (c ^ d ^ a) + k[14] - 35309556 | 0;
+	        b  = (b << 23 | b >>> 9) + c | 0;
+	        a += (b ^ c ^ d) + k[1] - 1530992060 | 0;
+	        a  = (a << 4 | a >>> 28) + b | 0;
+	        d += (a ^ b ^ c) + k[4] + 1272893353 | 0;
+	        d  = (d << 11 | d >>> 21) + a | 0;
+	        c += (d ^ a ^ b) + k[7] - 155497632 | 0;
+	        c  = (c << 16 | c >>> 16) + d | 0;
+	        b += (c ^ d ^ a) + k[10] - 1094730640 | 0;
+	        b  = (b << 23 | b >>> 9) + c | 0;
+	        a += (b ^ c ^ d) + k[13] + 681279174 | 0;
+	        a  = (a << 4 | a >>> 28) + b | 0;
+	        d += (a ^ b ^ c) + k[0] - 358537222 | 0;
+	        d  = (d << 11 | d >>> 21) + a | 0;
+	        c += (d ^ a ^ b) + k[3] - 722521979 | 0;
+	        c  = (c << 16 | c >>> 16) + d | 0;
+	        b += (c ^ d ^ a) + k[6] + 76029189 | 0;
+	        b  = (b << 23 | b >>> 9) + c | 0;
+	        a += (b ^ c ^ d) + k[9] - 640364487 | 0;
+	        a  = (a << 4 | a >>> 28) + b | 0;
+	        d += (a ^ b ^ c) + k[12] - 421815835 | 0;
+	        d  = (d << 11 | d >>> 21) + a | 0;
+	        c += (d ^ a ^ b) + k[15] + 530742520 | 0;
+	        c  = (c << 16 | c >>> 16) + d | 0;
+	        b += (c ^ d ^ a) + k[2] - 995338651 | 0;
+	        b  = (b << 23 | b >>> 9) + c | 0;
+
+	        a += (c ^ (b | ~d)) + k[0] - 198630844 | 0;
+	        a  = (a << 6 | a >>> 26) + b | 0;
+	        d += (b ^ (a | ~c)) + k[7] + 1126891415 | 0;
+	        d  = (d << 10 | d >>> 22) + a | 0;
+	        c += (a ^ (d | ~b)) + k[14] - 1416354905 | 0;
+	        c  = (c << 15 | c >>> 17) + d | 0;
+	        b += (d ^ (c | ~a)) + k[5] - 57434055 | 0;
+	        b  = (b << 21 |b >>> 11) + c | 0;
+	        a += (c ^ (b | ~d)) + k[12] + 1700485571 | 0;
+	        a  = (a << 6 | a >>> 26) + b | 0;
+	        d += (b ^ (a | ~c)) + k[3] - 1894986606 | 0;
+	        d  = (d << 10 | d >>> 22) + a | 0;
+	        c += (a ^ (d | ~b)) + k[10] - 1051523 | 0;
+	        c  = (c << 15 | c >>> 17) + d | 0;
+	        b += (d ^ (c | ~a)) + k[1] - 2054922799 | 0;
+	        b  = (b << 21 |b >>> 11) + c | 0;
+	        a += (c ^ (b | ~d)) + k[8] + 1873313359 | 0;
+	        a  = (a << 6 | a >>> 26) + b | 0;
+	        d += (b ^ (a | ~c)) + k[15] - 30611744 | 0;
+	        d  = (d << 10 | d >>> 22) + a | 0;
+	        c += (a ^ (d | ~b)) + k[6] - 1560198380 | 0;
+	        c  = (c << 15 | c >>> 17) + d | 0;
+	        b += (d ^ (c | ~a)) + k[13] + 1309151649 | 0;
+	        b  = (b << 21 |b >>> 11) + c | 0;
+	        a += (c ^ (b | ~d)) + k[4] - 145523070 | 0;
+	        a  = (a << 6 | a >>> 26) + b | 0;
+	        d += (b ^ (a | ~c)) + k[11] - 1120210379 | 0;
+	        d  = (d << 10 | d >>> 22) + a | 0;
+	        c += (a ^ (d | ~b)) + k[2] + 718787259 | 0;
+	        c  = (c << 15 | c >>> 17) + d | 0;
+	        b += (d ^ (c | ~a)) + k[9] - 343485551 | 0;
+	        b  = (b << 21 | b >>> 11) + c | 0;
+
+	        x[0] = a + x[0] | 0;
+	        x[1] = b + x[1] | 0;
+	        x[2] = c + x[2] | 0;
+	        x[3] = d + x[3] | 0;
+	    }
+
+	    function md5blk(s) {
+	        var md5blks = [],
+	            i; /* Andy King said do it this way. */
+
+	        for (i = 0; i < 64; i += 4) {
+	            md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);
+	        }
+	        return md5blks;
+	    }
+
+	    function md5blk_array(a) {
+	        var md5blks = [],
+	            i; /* Andy King said do it this way. */
+
+	        for (i = 0; i < 64; i += 4) {
+	            md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);
+	        }
+	        return md5blks;
+	    }
+
+	    function md51(s) {
+	        var n = s.length,
+	            state = [1732584193, -271733879, -1732584194, 271733878],
+	            i,
+	            length,
+	            tail,
+	            tmp,
+	            lo,
+	            hi;
+
+	        for (i = 64; i <= n; i += 64) {
+	            md5cycle(state, md5blk(s.substring(i - 64, i)));
+	        }
+	        s = s.substring(i - 64);
+	        length = s.length;
+	        tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+	        for (i = 0; i < length; i += 1) {
+	            tail[i >> 2] |= s.charCodeAt(i) << ((i % 4) << 3);
+	        }
+	        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+	        if (i > 55) {
+	            md5cycle(state, tail);
+	            for (i = 0; i < 16; i += 1) {
+	                tail[i] = 0;
+	            }
+	        }
+
+	        // Beware that the final length might not fit in 32 bits so we take care of that
+	        tmp = n * 8;
+	        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+	        lo = parseInt(tmp[2], 16);
+	        hi = parseInt(tmp[1], 16) || 0;
+
+	        tail[14] = lo;
+	        tail[15] = hi;
+
+	        md5cycle(state, tail);
+	        return state;
+	    }
+
+	    function md51_array(a) {
+	        var n = a.length,
+	            state = [1732584193, -271733879, -1732584194, 271733878],
+	            i,
+	            length,
+	            tail,
+	            tmp,
+	            lo,
+	            hi;
+
+	        for (i = 64; i <= n; i += 64) {
+	            md5cycle(state, md5blk_array(a.subarray(i - 64, i)));
+	        }
+
+	        // Not sure if it is a bug, however IE10 will always produce a sub array of length 1
+	        // containing the last element of the parent array if the sub array specified starts
+	        // beyond the length of the parent array - weird.
+	        // https://connect.microsoft.com/IE/feedback/details/771452/typed-array-subarray-issue
+	        a = (i - 64) < n ? a.subarray(i - 64) : new Uint8Array(0);
+
+	        length = a.length;
+	        tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+	        for (i = 0; i < length; i += 1) {
+	            tail[i >> 2] |= a[i] << ((i % 4) << 3);
+	        }
+
+	        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+	        if (i > 55) {
+	            md5cycle(state, tail);
+	            for (i = 0; i < 16; i += 1) {
+	                tail[i] = 0;
+	            }
+	        }
+
+	        // Beware that the final length might not fit in 32 bits so we take care of that
+	        tmp = n * 8;
+	        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+	        lo = parseInt(tmp[2], 16);
+	        hi = parseInt(tmp[1], 16) || 0;
+
+	        tail[14] = lo;
+	        tail[15] = hi;
+
+	        md5cycle(state, tail);
+
+	        return state;
+	    }
+
+	    function rhex(n) {
+	        var s = '',
+	            j;
+	        for (j = 0; j < 4; j += 1) {
+	            s += hex_chr[(n >> (j * 8 + 4)) & 0x0F] + hex_chr[(n >> (j * 8)) & 0x0F];
+	        }
+	        return s;
+	    }
+
+	    function hex(x) {
+	        var i;
+	        for (i = 0; i < x.length; i += 1) {
+	            x[i] = rhex(x[i]);
+	        }
+	        return x.join('');
+	    }
+
+	    // In some cases the fast add32 function cannot be used..
+	    if (hex(md51('hello')) !== '5d41402abc4b2a76b9719d911017c592') ;
+
+	    // ---------------------------------------------------
+
+	    /**
+	     * ArrayBuffer slice polyfill.
+	     *
+	     * @see https://github.com/ttaubert/node-arraybuffer-slice
+	     */
+
+	    if (typeof ArrayBuffer !== 'undefined' && !ArrayBuffer.prototype.slice) {
+	        (function () {
+	            function clamp(val, length) {
+	                val = (val | 0) || 0;
+
+	                if (val < 0) {
+	                    return Math.max(val + length, 0);
+	                }
+
+	                return Math.min(val, length);
+	            }
+
+	            ArrayBuffer.prototype.slice = function (from, to) {
+	                var length = this.byteLength,
+	                    begin = clamp(from, length),
+	                    end = length,
+	                    num,
+	                    target,
+	                    targetArray,
+	                    sourceArray;
+
+	                if (to !== undefined$1) {
+	                    end = clamp(to, length);
+	                }
+
+	                if (begin > end) {
+	                    return new ArrayBuffer(0);
+	                }
+
+	                num = end - begin;
+	                target = new ArrayBuffer(num);
+	                targetArray = new Uint8Array(target);
+
+	                sourceArray = new Uint8Array(this, begin, num);
+	                targetArray.set(sourceArray);
+
+	                return target;
+	            };
+	        })();
+	    }
+
+	    // ---------------------------------------------------
+
+	    /**
+	     * Helpers.
+	     */
+
+	    function toUtf8(str) {
+	        if (/[\u0080-\uFFFF]/.test(str)) {
+	            str = unescape(encodeURIComponent(str));
+	        }
+
+	        return str;
+	    }
+
+	    function utf8Str2ArrayBuffer(str, returnUInt8Array) {
+	        var length = str.length,
+	           buff = new ArrayBuffer(length),
+	           arr = new Uint8Array(buff),
+	           i;
+
+	        for (i = 0; i < length; i += 1) {
+	            arr[i] = str.charCodeAt(i);
+	        }
+
+	        return returnUInt8Array ? arr : buff;
+	    }
+
+	    function arrayBuffer2Utf8Str(buff) {
+	        return String.fromCharCode.apply(null, new Uint8Array(buff));
+	    }
+
+	    function concatenateArrayBuffers(first, second, returnUInt8Array) {
+	        var result = new Uint8Array(first.byteLength + second.byteLength);
+
+	        result.set(new Uint8Array(first));
+	        result.set(new Uint8Array(second), first.byteLength);
+
+	        return result ;
+	    }
+
+	    function hexToBinaryString(hex) {
+	        var bytes = [],
+	            length = hex.length,
+	            x;
+
+	        for (x = 0; x < length - 1; x += 2) {
+	            bytes.push(parseInt(hex.substr(x, 2), 16));
+	        }
+
+	        return String.fromCharCode.apply(String, bytes);
+	    }
+
+	    // ---------------------------------------------------
+
+	    /**
+	     * SparkMD5 OOP implementation.
+	     *
+	     * Use this class to perform an incremental md5, otherwise use the
+	     * static methods instead.
+	     */
+
+	    function SparkMD5() {
+	        // call reset to init the instance
+	        this.reset();
+	    }
+
+	    /**
+	     * Appends a string.
+	     * A conversion will be applied if an utf8 string is detected.
+	     *
+	     * @param {String} str The string to be appended
+	     *
+	     * @return {SparkMD5} The instance itself
+	     */
+	    SparkMD5.prototype.append = function (str) {
+	        // Converts the string to utf8 bytes if necessary
+	        // Then append as binary
+	        this.appendBinary(toUtf8(str));
+
+	        return this;
+	    };
+
+	    /**
+	     * Appends a binary string.
+	     *
+	     * @param {String} contents The binary string to be appended
+	     *
+	     * @return {SparkMD5} The instance itself
+	     */
+	    SparkMD5.prototype.appendBinary = function (contents) {
+	        this._buff += contents;
+	        this._length += contents.length;
+
+	        var length = this._buff.length,
+	            i;
+
+	        for (i = 64; i <= length; i += 64) {
+	            md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)));
+	        }
+
+	        this._buff = this._buff.substring(i - 64);
+
+	        return this;
+	    };
+
+	    /**
+	     * Finishes the incremental computation, reseting the internal state and
+	     * returning the result.
+	     *
+	     * @param {Boolean} raw True to get the raw string, false to get the hex string
+	     *
+	     * @return {String} The result
+	     */
+	    SparkMD5.prototype.end = function (raw) {
+	        var buff = this._buff,
+	            length = buff.length,
+	            i,
+	            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+	            ret;
+
+	        for (i = 0; i < length; i += 1) {
+	            tail[i >> 2] |= buff.charCodeAt(i) << ((i % 4) << 3);
+	        }
+
+	        this._finish(tail, length);
+	        ret = hex(this._hash);
+
+	        if (raw) {
+	            ret = hexToBinaryString(ret);
+	        }
+
+	        this.reset();
+
+	        return ret;
+	    };
+
+	    /**
+	     * Resets the internal state of the computation.
+	     *
+	     * @return {SparkMD5} The instance itself
+	     */
+	    SparkMD5.prototype.reset = function () {
+	        this._buff = '';
+	        this._length = 0;
+	        this._hash = [1732584193, -271733879, -1732584194, 271733878];
+
+	        return this;
+	    };
+
+	    /**
+	     * Gets the internal state of the computation.
+	     *
+	     * @return {Object} The state
+	     */
+	    SparkMD5.prototype.getState = function () {
+	        return {
+	            buff: this._buff,
+	            length: this._length,
+	            hash: this._hash.slice()
+	        };
+	    };
+
+	    /**
+	     * Gets the internal state of the computation.
+	     *
+	     * @param {Object} state The state
+	     *
+	     * @return {SparkMD5} The instance itself
+	     */
+	    SparkMD5.prototype.setState = function (state) {
+	        this._buff = state.buff;
+	        this._length = state.length;
+	        this._hash = state.hash;
+
+	        return this;
+	    };
+
+	    /**
+	     * Releases memory used by the incremental buffer and other additional
+	     * resources. If you plan to use the instance again, use reset instead.
+	     */
+	    SparkMD5.prototype.destroy = function () {
+	        delete this._hash;
+	        delete this._buff;
+	        delete this._length;
+	    };
+
+	    /**
+	     * Finish the final calculation based on the tail.
+	     *
+	     * @param {Array}  tail   The tail (will be modified)
+	     * @param {Number} length The length of the remaining buffer
+	     */
+	    SparkMD5.prototype._finish = function (tail, length) {
+	        var i = length,
+	            tmp,
+	            lo,
+	            hi;
+
+	        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+	        if (i > 55) {
+	            md5cycle(this._hash, tail);
+	            for (i = 0; i < 16; i += 1) {
+	                tail[i] = 0;
+	            }
+	        }
+
+	        // Do the final computation based on the tail and length
+	        // Beware that the final length may not fit in 32 bits so we take care of that
+	        tmp = this._length * 8;
+	        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+	        lo = parseInt(tmp[2], 16);
+	        hi = parseInt(tmp[1], 16) || 0;
+
+	        tail[14] = lo;
+	        tail[15] = hi;
+	        md5cycle(this._hash, tail);
+	    };
+
+	    /**
+	     * Performs the md5 hash on a string.
+	     * A conversion will be applied if utf8 string is detected.
+	     *
+	     * @param {String}  str The string
+	     * @param {Boolean} [raw] True to get the raw string, false to get the hex string
+	     *
+	     * @return {String} The result
+	     */
+	    SparkMD5.hash = function (str, raw) {
+	        // Converts the string to utf8 bytes if necessary
+	        // Then compute it using the binary function
+	        return SparkMD5.hashBinary(toUtf8(str), raw);
+	    };
+
+	    /**
+	     * Performs the md5 hash on a binary string.
+	     *
+	     * @param {String}  content The binary string
+	     * @param {Boolean} [raw]     True to get the raw string, false to get the hex string
+	     *
+	     * @return {String} The result
+	     */
+	    SparkMD5.hashBinary = function (content, raw) {
+	        var hash = md51(content),
+	            ret = hex(hash);
+
+	        return raw ? hexToBinaryString(ret) : ret;
+	    };
+
+	    // ---------------------------------------------------
+
+	    /**
+	     * SparkMD5 OOP implementation for array buffers.
+	     *
+	     * Use this class to perform an incremental md5 ONLY for array buffers.
+	     */
+	    SparkMD5.ArrayBuffer = function () {
+	        // call reset to init the instance
+	        this.reset();
+	    };
+
+	    /**
+	     * Appends an array buffer.
+	     *
+	     * @param {ArrayBuffer} arr The array to be appended
+	     *
+	     * @return {SparkMD5.ArrayBuffer} The instance itself
+	     */
+	    SparkMD5.ArrayBuffer.prototype.append = function (arr) {
+	        var buff = concatenateArrayBuffers(this._buff.buffer, arr),
+	            length = buff.length,
+	            i;
+
+	        this._length += arr.byteLength;
+
+	        for (i = 64; i <= length; i += 64) {
+	            md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)));
+	        }
+
+	        this._buff = (i - 64) < length ? new Uint8Array(buff.buffer.slice(i - 64)) : new Uint8Array(0);
+
+	        return this;
+	    };
+
+	    /**
+	     * Finishes the incremental computation, reseting the internal state and
+	     * returning the result.
+	     *
+	     * @param {Boolean} raw True to get the raw string, false to get the hex string
+	     *
+	     * @return {String} The result
+	     */
+	    SparkMD5.ArrayBuffer.prototype.end = function (raw) {
+	        var buff = this._buff,
+	            length = buff.length,
+	            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+	            i,
+	            ret;
+
+	        for (i = 0; i < length; i += 1) {
+	            tail[i >> 2] |= buff[i] << ((i % 4) << 3);
+	        }
+
+	        this._finish(tail, length);
+	        ret = hex(this._hash);
+
+	        if (raw) {
+	            ret = hexToBinaryString(ret);
+	        }
+
+	        this.reset();
+
+	        return ret;
+	    };
+
+	    /**
+	     * Resets the internal state of the computation.
+	     *
+	     * @return {SparkMD5.ArrayBuffer} The instance itself
+	     */
+	    SparkMD5.ArrayBuffer.prototype.reset = function () {
+	        this._buff = new Uint8Array(0);
+	        this._length = 0;
+	        this._hash = [1732584193, -271733879, -1732584194, 271733878];
+
+	        return this;
+	    };
+
+	    /**
+	     * Gets the internal state of the computation.
+	     *
+	     * @return {Object} The state
+	     */
+	    SparkMD5.ArrayBuffer.prototype.getState = function () {
+	        var state = SparkMD5.prototype.getState.call(this);
+
+	        // Convert buffer to a string
+	        state.buff = arrayBuffer2Utf8Str(state.buff);
+
+	        return state;
+	    };
+
+	    /**
+	     * Gets the internal state of the computation.
+	     *
+	     * @param {Object} state The state
+	     *
+	     * @return {SparkMD5.ArrayBuffer} The instance itself
+	     */
+	    SparkMD5.ArrayBuffer.prototype.setState = function (state) {
+	        // Convert string to buffer
+	        state.buff = utf8Str2ArrayBuffer(state.buff, true);
+
+	        return SparkMD5.prototype.setState.call(this, state);
+	    };
+
+	    SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;
+
+	    SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;
+
+	    /**
+	     * Performs the md5 hash on an array buffer.
+	     *
+	     * @param {ArrayBuffer} arr The array buffer
+	     * @param {Boolean}     [raw] True to get the raw string, false to get the hex one
+	     *
+	     * @return {String} The result
+	     */
+	    SparkMD5.ArrayBuffer.hash = function (arr, raw) {
+	        var hash = md51_array(new Uint8Array(arr)),
+	            ret = hex(hash);
+
+	        return raw ? hexToBinaryString(ret) : ret;
+	    };
+
+	    return SparkMD5;
+	})); 
+} (sparkMd5));
+
+var sparkMd5Exports = sparkMd5.exports;
+var SparkMD5 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(sparkMd5Exports);
+
+// Active Storage's FileChecksum reads files in chunks of this size, so large
+// uploads are hashed without loading the whole file into memory.
+var CHECKSUM_CHUNK_SIZE = 2 * 1024 * 1024;
+
+function _regenerator$1() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2$1(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2$1(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2$1(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2$1(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2$1(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2$1(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2$1(u), _regeneratorDefine2$1(u, o, "Generator"), _regeneratorDefine2$1(u, n, function () { return this; }), _regeneratorDefine2$1(u, "toString", function () { return "[object Generator]"; }), (_regenerator$1 = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2$1(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2$1 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2$1(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2$1(e, r, n, t); }
+
+// The Base64-encoded MD5 digest that Active Storage expects as the checksum of
+// a direct upload.
+var generateChecksum = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator__default.default(/*#__PURE__*/_regenerator$1().m(function _callee(file) {
+    var md5, start, chunk, _t;
+    return _regenerator$1().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          md5 = new SparkMD5.ArrayBuffer();
+          _context.p = 1;
+          start = 0;
+        case 2:
+          if (!(start < file.size)) {
+            _context.n = 5;
+            break;
+          }
+          chunk = file.slice(start, start + CHECKSUM_CHUNK_SIZE); // Chunks are read one at a time to keep memory use flat.
+          _t = md5;
+          _context.n = 3;
+          return chunk.arrayBuffer();
+        case 3:
+          _t.append.call(_t, _context.v);
+        case 4:
+          start += CHECKSUM_CHUNK_SIZE;
+          _context.n = 2;
+          break;
+        case 5:
+          _context.n = 7;
+          break;
+        case 6:
+          _context.p = 6;
+          _context.v;
+          throw new Error("Corrupted file");
+        case 7:
+          return _context.a(2, btoa(md5.end(true)));
+      }
+    }, _callee, null, [[1, 6]]);
+  }));
+  return function generateChecksum(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+var DirectUpload = /*#__PURE__*/_createClass__default.default(function DirectUpload(_ref) {
+  var _this = this;
+  var _url = _ref.url,
+    file = _ref.file,
+    _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? neetoCist.noop : _ref$progress;
+  _classCallCheck__default.default(this, DirectUpload);
+  _defineProperty__default.default(this, "create", /*#__PURE__*/_asyncToGenerator__default.default(/*#__PURE__*/_regenerator().m(function _callee() {
+    var response, _ref3, url, headers, _ref4, id, signed_id;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!(!_this.file.name || !_this.file.size)) {
+            _context.n = 1;
+            break;
+          }
+          throw new Error(i18n__default.default.t("neetoEditor.error.corruptFile"));
+        case 1:
+          _context.n = 2;
+          return _this.generateUrl();
+        case 2:
+          response = _context.v;
+          _ref3 = response.direct_upload || response.data.direct_upload, url = _ref3.url, headers = _ref3.headers;
+          _ref4 = response.data || response, id = _ref4.id, signed_id = _ref4.signed_id;
+          _context.n = 3;
+          return _this.uploadToCloud(url, headers);
+        case 3:
+          _context.n = 4;
+          return directUploadsApi.attach({
+            id: id,
+            signed_id: signed_id
+          });
+        case 4:
+          return _context.a(2, response);
+      }
+    }, _callee);
+  })));
+  _defineProperty__default.default(this, "generateUrl", /*#__PURE__*/_asyncToGenerator__default.default(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var payload, _t, _t2, _t3, _t4, _t5;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          _t = _this.file.name;
+          _t2 = _this.file.size;
+          _t3 = _this.file.type;
+          _context2.n = 1;
+          return generateChecksum(_this.file);
+        case 1:
+          _t4 = _context2.v;
+          _t5 = {
+            filename: _t,
+            byte_size: _t2,
+            content_type: _t3,
+            checksum: _t4
+          };
+          payload = {
+            blob: _t5
+          };
+          return _context2.a(2, directUploadsApi.generate(_this.url, payload));
+      }
+    }, _callee2);
+  })));
+  _defineProperty__default.default(this, "abort", function () {
+    return _this.abortController.abort();
+  });
+  _defineProperty__default.default(this, "uploadToCloud", function (url, headers) {
+    var config = {
+      headers: headers,
+      onUploadProgress: _this.progress,
+      signal: _this.abortController.signal
+    };
+    return directUploadsApi.create(url, _this.file, config);
+  });
+  this.url = _url;
+  this.file = file;
+  this.progress = progress;
+  this.abortController = new AbortController();
+});
+
+var FILE_UPLOAD_STATUS = {
+  QUEUED: "queued",
+  UPLOADING: "uploading",
+  UPLOADED: "uploaded"
+};
+
+var getRandomString = function getRandomString() {
+  return Math.random().toString(36).substring(7).toUpperCase();
+};
+
+var propTypes$1 = {exports: {}};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret = ReactPropTypesSecret_1;
+
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+var factoryWithThrowingShims = function() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      // It is still safe when called from React.
+      return;
+    }
+    var err = new Error(
+      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+      'Use PropTypes.checkPropTypes() to call them. ' +
+      'Read more at http://fb.me/use-check-prop-types'
+    );
+    err.name = 'Invariant Violation';
+    throw err;
+  }  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }  // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  var ReactPropTypes = {
+    array: shim,
+    bigint: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+
+  ReactPropTypes.PropTypes = ReactPropTypes;
+
+  return ReactPropTypes;
+};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+{
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  propTypes$1.exports = factoryWithThrowingShims();
+}
+
+var propTypesExports = propTypes$1.exports;
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return (r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return {r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return {r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return {h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return {r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return {h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return {h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e;},c=function(r){return {h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u;},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return {h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return [e,t[n][1]]}return [null,void 0]},x=function(r){return "string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},M=function(r,t){var n=c(r);return {h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return (299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return {h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1};}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i;},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u;},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u;},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r;},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r;},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return "number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t;},r.prototype.hue=function(r){var t=c(this.rgba);return "number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r));});};
+
+function namesPlugin(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return "transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g);}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"]);}
+
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof _commonjsHelpers.commonjsGlobal == 'object' && _commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.Object === Object && _commonjsHelpers.commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to generate unique IDs. */
+var idCounter = 0;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString = objectProto.toString;
+
+/** Built-in value references. */
+var Symbol$1 = root.Symbol;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
+    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+  return value == null ? '' : baseToString(value);
+}
+
+/**
+ * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {string} [prefix=''] The value to prefix the ID with.
+ * @returns {string} Returns the unique ID.
+ * @example
+ *
+ * _.uniqueId('contact_');
+ * // => 'contact_104'
+ *
+ * _.uniqueId();
+ * // => '105'
+ */
+function uniqueId$1(prefix) {
+  var id = ++idCounter;
+  return toString(prefix) + id;
+}
+
+var lodash_uniqueid = uniqueId$1;
+
+var uniqueId = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_uniqueid);
+
+var glyphs = {
+  '3d': /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M18 14.625V3.375L9 0 0 3.375v11.25L9 18l9-3.375zM9 2.136l5.918 2.22-5.98 2.242-5.919-2.22L9 2.137zM2 13.239V5.065l6.438 2.414v8.174L2 13.24zM9.438 15.7L16 13.239V5.018l-6.563 2.46V15.7z",
+    transform: "translate(15 10)",
+    fillRule: "evenodd"
+  }),
+  acrobat: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M10.15 1.095C9.938.33 9.42-.051 8.984.005c-.528.068-1.09.382-1.314.876-.63 1.416.685 5.582.887 6.279-1.28 3.863-5.66 11.5-7.806 12.017-.045-.505.225-1.965 3.055-3.785.146-.157.315-.348.393-.472-2.392 1.168-5.492 3.044-3.628 4.448.102.079.259.146.439.213 1.426.528 3.425-1.201 5.435-5.121 2.213-.73 3.999-1.28 6.526-1.662 2.762 1.875 4.616 2.257 5.874 1.774.348-.135.898-.573 1.055-1.145-1.022 1.258-3.414.382-5.323-.82 1.763-.191 3.582-.303 4.369-.056 1 .314.965.808.954.876.079-.27.191-.708-.022-1.056-.842-1.37-4.706-.573-6.11-.427-2.212-1.336-3.74-3.717-4.358-5.436.573-2.212 1.19-3.818.742-5.413zm-.954 4.638C8.826 4.42 8.309 1.5 9.14.556c1.628.932.618 3.144.056 5.177zm3.044 6.514c-2.134.393-3.583.944-5.66 1.764.617-1.202 1.785-4.268 2.346-6.29.787 1.573 1.741 3.111 3.314 4.526z",
+    transform: "translate(14 9)",
+    fillRule: "evenodd"
+  }),
+  android: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z",
+    transform: "translate(12 8)"
+  }),
+  audio: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M.25 4.75v4.5h3L7 13V1L3.25 4.75h-3zM10.375 7A3.375 3.375 0 0 0 8.5 3.977v6.037A3.355 3.355 0 0 0 10.375 7zM8.5.421v1.545A5.254 5.254 0 0 1 12.25 7a5.254 5.254 0 0 1-3.75 5.032v1.545A6.747 6.747 0 0 0 13.75 7 6.747 6.747 0 0 0 8.5.421z",
+    transform: "translate(17 12)",
+    fillRule: "evenodd"
+  }),
+  binary: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M2.338 6.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504C1.274.928.538 2 .538 3.608c0 1.56.576 2.504 1.8 2.504zM1.61 3.408c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zM2.418 5.2c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568zm7.03.8l.088-.944H8.36V.896L7.272.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zm5.199 0l.088-.944h-1.176V.896L12.47.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zM4.25 14l.088-.944H3.162v-4.16l-1.088.088v.592L.89 9.688l.024.824h1.16v2.544H.754V14zm5.198 0l.088-.944H8.36v-4.16l-1.088.088v.592l-1.184.112.024.824h1.16v2.544h-1.32V14zm3.287.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504-1.192 0-1.928 1.072-1.928 2.68 0 1.56.576 2.504 1.8 2.504zm-.728-2.704c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zm.808 1.792c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568z",
+    transform: "translate(16 11)",
+    fillRule: "evenodd"
+  }),
+  code: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M4.078 13.67c-1.875-.527-2.812-1.738-2.812-3.634V9.49C1.266 8.437.844 7.911 0 7.911V6.138c.844 0 1.266-.529 1.266-1.586v-.64c.015-.938.257-1.696.726-2.274C2.466 1.06 3.162.64 4.078.38l.492 1.375c-.656.25-.997.95-1.023 2.102v.695c0 1.167-.482 1.99-1.445 2.469.963.479 1.445 1.304 1.445 2.476v.688c.026 1.15.367 1.851 1.023 2.101l-.492 1.383zm7.844 0c1.875-.527 2.812-1.738 2.812-3.634V9.49c0-1.052.422-1.578 1.266-1.578V6.138c-.844 0-1.266-.529-1.266-1.586v-.64c-.015-.938-.257-1.696-.726-2.274-.474-.578-1.17-.998-2.086-1.258l-.492 1.375c.656.25.997.95 1.023 2.102v.695c0 1.167.482 1.99 1.445 2.469-.963.479-1.445 1.304-1.445 2.476v.688c-.026 1.15-.367 1.851-1.023 2.101l.492 1.383z",
+    transform: "translate(16 13)",
+    fillRule: "evenodd"
+  }),
+  code2: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M7.4 10.6L2.8 6l4.6-4.6L6 0 0 6l6 6 1.4-1.4zm5.2 0L17.2 6l-4.6-4.6L14 0l6 6-6 6-1.4-1.4z",
+    transform: "translate(14 14)",
+    fillRule: "evenodd"
+  }),
+  compressed: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M.25 0A.25.25 0 0 0 0 .25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 1.75V.25A.25.25 0 0 0 1.75 0H.25zM1 17a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1zm0 4v3h2v-3H1zM2 2.25A.25.25 0 0 1 2.25 2h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 3.75v-1.5zM.25 4a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 5.75v-1.5A.25.25 0 0 0 1.75 4H.25zM2 6.25A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 7.75v-1.5zM.25 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 9.75v-1.5A.25.25 0 0 0 1.75 8H.25zM2 10.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM.25 12a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25H.25zM2 14.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5z",
+    transform: "translate(15 1)",
+    fillRule: "evenodd"
+  }),
+  document: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M12 4H0v2h12V4zM0 10h18V8H0v2zM0 0v2h18V0H0z",
+    transform: "translate(15 15)",
+    fillRule: "evenodd"
+  }),
+  drive: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M2.199.289A.5.5 0 0 1 2.652 0h8.696a.5.5 0 0 1 .453.289l1.867 4a.5.5 0 0 1-.453.711H.785a.5.5 0 0 1-.453-.711l1.867-4zM13 6H1a.752.752 0 0 0-.75.75v4.5c0 .412.338.75.75.75h12c.412 0 .75-.338.75-.75v-4.5A.752.752 0 0 0 13 6zm-9.75 4.5c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5z",
+    transform: "translate(17 13)",
+    fillRule: "evenodd"
+  }),
+  font: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M3.722 8.702l-.686 1.89c-.053.14-.094.28-.123.421-.03.135-.044.252-.044.352 0 .304.097.527.29.668.2.14.501.21.905.21h.414V13H.083v-.756h.343c.176 0 .325-.018.448-.053a.81.81 0 0 0 .334-.22c.1-.105.193-.249.281-.43.094-.182.197-.416.308-.704L5.787.15h1.406l4.07 11.136c.07.187.14.343.21.466.077.123.165.222.264.298.1.07.214.12.343.15.129.03.281.044.457.044h.237V13H7.826v-.756h.413c.72 0 1.081-.287 1.081-.862 0-.1-.014-.202-.044-.307a3.274 3.274 0 0 0-.105-.36l-.72-2.013H3.72zM7.009 4.65c-.188-.533-.36-1.031-.519-1.494a15.92 15.92 0 0 1-.378-1.354 7.12 7.12 0 0 1-.15.633 16.95 16.95 0 0 1-.395 1.283c-.082.229-.175.484-.28.765L4.063 7.796h4.061L7.009 4.65zm8.411 5.74c0 .562.117.984.351 1.265.24.275.61.413 1.108.413.363 0 .691-.059.984-.176.3-.117.551-.284.756-.5.211-.218.372-.481.483-.792.112-.31.168-.656.168-1.037V8.104l-1.152.053c-.51.023-.937.088-1.283.193-.34.1-.615.243-.826.43a1.546 1.546 0 0 0-.457.678c-.088.27-.132.58-.132.931zm2.18-6.32c-.346 0-.627.05-.844.15a1.182 1.182 0 0 0-.501.404 1.594 1.594 0 0 0-.237.624c-.041.24-.062.5-.062.782-.498 0-.879-.085-1.143-.255-.257-.17-.386-.463-.386-.879 0-.31.085-.574.255-.79.17-.218.401-.393.694-.528.299-.14.644-.243 1.037-.308a7.76 7.76 0 0 1 1.257-.097c.55 0 1.031.056 1.441.167.41.106.753.282 1.029.528.275.246.48.568.615.967.14.392.21.876.21 1.45v4.667c0 .252.021.46.062.624a.928.928 0 0 0 .194.395c.088.1.202.17.343.211.146.041.319.062.518.062h.053V13H19.7l-.281-1.547h-.15c-.187.252-.369.483-.544.694-.176.211-.37.393-.58.545-.211.152-.452.27-.721.352a3.053 3.053 0 0 1-.958.131c-.399 0-.77-.058-1.116-.175a2.369 2.369 0 0 1-.888-.519 2.516 2.516 0 0 1-.58-.896c-.14-.364-.211-.791-.211-1.284 0-.955.34-1.664 1.02-2.127.68-.462 1.707-.714 3.084-.755l1.495-.053V6.285a6.93 6.93 0 0 0-.053-.888 1.778 1.778 0 0 0-.229-.703 1.14 1.14 0 0 0-.51-.457c-.216-.111-.51-.167-.878-.167z",
+    transform: "translate(13 12)",
+    fillRule: "evenodd"
+  }),
+  image: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M13 0L9.25 5l2.85 3.8-1.6 1.2C8.81 7.75 6 4 6 4l-6 8h22L13 0z",
+    transform: "translate(13 14)",
+    fillRule: "evenodd"
+  }),
+  presentation: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M2 4H0v10c0 1.1.9 2 2 2h14v-2H2V4zm16-4H6C4.9 0 4 .9 4 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 10H6V2h12v8z",
+    transform: "matrix(-1 0 0 1 34 12)",
+    fillRule: "evenodd"
+  }),
+  settings: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M13.572 8.735c.03-.24.053-.48.053-.735s-.023-.495-.053-.735l1.583-1.237a.378.378 0 0 0 .09-.48l-1.5-2.595a.377.377 0 0 0-.457-.165l-1.868.75a5.48 5.48 0 0 0-1.268-.735L9.868.815A.366.366 0 0 0 9.5.5h-3a.366.366 0 0 0-.367.315l-.285 1.988a5.762 5.762 0 0 0-1.268.735l-1.868-.75a.366.366 0 0 0-.457.165l-1.5 2.595a.37.37 0 0 0 .09.48l1.583 1.237c-.03.24-.053.488-.053.735 0 .248.022.495.053.735L.845 9.973a.378.378 0 0 0-.09.48l1.5 2.595c.09.165.292.225.458.165l1.867-.75c.39.3.81.547 1.268.735l.285 1.987c.022.18.18.315.367.315h3a.366.366 0 0 0 .367-.315l.285-1.988a5.762 5.762 0 0 0 1.268-.734l1.867.75c.173.067.368 0 .458-.165l1.5-2.595a.378.378 0 0 0-.09-.48l-1.582-1.238zM8 10.625A2.628 2.628 0 0 1 5.375 8 2.628 2.628 0 0 1 8 5.375 2.628 2.628 0 0 1 10.625 8 2.628 2.628 0 0 1 8 10.625z",
+    transform: "translate(16 11)",
+    fillRule: "evenodd"
+  }),
+  spreadsheet: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M0 8h6V5H0v3zm0 5h6v-3H0v3zM0 3h6V0H0v3zm8 5h12V5H8v3zm0 5h12v-3H8v3zM8 0v3h12V0H8z",
+    transform: "translate(14 14)",
+    fillRule: "evenodd"
+  }),
+  vector: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M14.5 2V1a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1H3.937a2 2 0 1 0 0 1h3.936A9 9 0 0 0 3 11v1h2v-1a7.003 7.003 0 0 1 4.594-6.576A1 1 0 0 0 10.5 5h3a1 1 0 0 0 .906-.576A7.003 7.003 0 0 1 19 11v1h2v-1a9 9 0 0 0-4.873-8h3.936a2 2 0 1 0 0-1H14.5zm-1-1h-3v3h3V1zM2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm19 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0z",
+    transform: "translate(12 14)",
+    fillRule: "evenodd"
+  }),
+  video: /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M10.75 3.875V1.25A.752.752 0 0 0 10 .5H1a.752.752 0 0 0-.75.75v7.5c0 .412.338.75.75.75h9c.412 0 .75-.338.75-.75V6.125l3 3V.875l-3 3z",
+    transform: "translate(17 14)"
+  })
+};
+
+k([namesPlugin]);
+var propTypes = {
+  /** Color of icon background */
+  color: PropTypes.string,
+
+  /** Text to display in label */
+  extension: PropTypes.string,
+
+  /** Displays the corner fold */
+  fold: PropTypes.bool,
+
+  /** Color of the corner fold */
+  foldColor: PropTypes.string,
+
+  /** Color of file type icon */
+  glyphColor: PropTypes.string,
+
+  /** Color of page gradient */
+  gradientColor: PropTypes.string,
+
+  /** Opacity of page gradient */
+  gradientOpacity: PropTypes.number,
+
+  /** Color of label */
+  labelColor: PropTypes.string,
+
+  /** Color of label text */
+  labelTextColor: PropTypes.string,
+
+  /** Displays the label in all caps */
+  labelUppercase: PropTypes.bool,
+
+  /** Corner radius of the file icon */
+  radius: PropTypes.number,
+
+  /** Type of glyph icon to display */
+  type: PropTypes.oneOf(['3d', 'acrobat', 'android', 'audio', 'binary', 'code', 'code2', 'compressed', 'document', 'drive', 'font', 'image', 'presentation', 'settings', 'spreadsheet', 'vector', 'video'])
+};
+var VIEWBOX = {
+  WIDTH: 40,
+  HEIGHT: 48
+};
+var ICON = {
+  WIDTH: VIEWBOX.WIDTH,
+  HEIGHT: VIEWBOX.HEIGHT,
+  X_OFFSET: 0
+};
+var FOLD = {
+  HEIGHT: 12
+};
+var LABEL_HEIGHT = 14;
+var FileIcon = function FileIcon(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'whitesmoke' : _ref$color,
+      extension = _ref.extension,
+      _ref$fold = _ref.fold,
+      fold = _ref$fold === void 0 ? true : _ref$fold,
+      foldColor = _ref.foldColor,
+      glyphColor = _ref.glyphColor,
+      _ref$gradientColor = _ref.gradientColor,
+      gradientColor = _ref$gradientColor === void 0 ? 'white' : _ref$gradientColor,
+      _ref$gradientOpacity = _ref.gradientOpacity,
+      gradientOpacity = _ref$gradientOpacity === void 0 ? 0.25 : _ref$gradientOpacity,
+      labelColor = _ref.labelColor,
+      _ref$labelTextColor = _ref.labelTextColor,
+      labelTextColor = _ref$labelTextColor === void 0 ? 'white' : _ref$labelTextColor,
+      _ref$labelUppercase = _ref.labelUppercase,
+      labelUppercase = _ref$labelUppercase === void 0 ? false : _ref$labelUppercase,
+      _ref$radius = _ref.radius,
+      radius = _ref$radius === void 0 ? 4 : _ref$radius,
+      type = _ref.type;
+  var UNIQUE_ID = uniqueId();
+  return /*#__PURE__*/React__default.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 " + VIEWBOX.WIDTH + " " + VIEWBOX.HEIGHT,
+    width: "100%",
+    style: {
+      maxWidth: '100%'
+    }
+  }, /*#__PURE__*/React__default.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("clipPath", {
+    id: "pageRadius" + UNIQUE_ID
+  }, /*#__PURE__*/React__default.default.createElement("rect", {
+    x: ICON.X_OFFSET,
+    y: "0",
+    rx: radius,
+    ry: radius,
+    width: ICON.WIDTH,
+    height: ICON.HEIGHT
+  })), /*#__PURE__*/React__default.default.createElement("clipPath", {
+    id: "foldCrop" + UNIQUE_ID
+  }, /*#__PURE__*/React__default.default.createElement("rect", {
+    width: ICON.WIDTH,
+    height: FOLD.HEIGHT,
+    transform: "rotate(-45 0 " + FOLD.HEIGHT + ")"
+  })), /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    x1: "100%",
+    y1: "0%",
+    y2: "100%",
+    id: "pageGradient" + UNIQUE_ID
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    stopColor: gradientColor,
+    stopOpacity: gradientOpacity,
+    offset: "0%"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    stopColor: gradientColor,
+    stopOpacity: "0",
+    offset: "66.67%"
+  }))), /*#__PURE__*/React__default.default.createElement("g", {
+    id: "file",
+    clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
+  }, fold ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
+    fill: color
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
+    fill: "url(#pageGradient" + UNIQUE_ID + ")"
+  })) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("rect", {
+    x: ICON.X_OFFSET,
+    y: "0",
+    width: ICON.WIDTH,
+    height: ICON.HEIGHT,
+    fill: color
+  }), /*#__PURE__*/React__default.default.createElement("rect", {
+    x: ICON.X_OFFSET,
+    y: "0",
+    width: ICON.WIDTH,
+    height: ICON.HEIGHT,
+    fill: "url(#pageGradient" + UNIQUE_ID + ")"
+  }))), fold && /*#__PURE__*/React__default.default.createElement("g", {
+    transform: "translate(28 " + FOLD.HEIGHT + ") rotate(-90)"
+  }, /*#__PURE__*/React__default.default.createElement("rect", {
+    width: ICON.WIDTH,
+    height: ICON.HEIGHT,
+    fill: foldColor || w(color).darken(0.1).toHex(),
+    rx: radius,
+    ry: radius,
+    clipPath: "url(#foldCrop" + UNIQUE_ID + ")"
+  })), extension && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("g", {
+    id: "label" + UNIQUE_ID
+  }, /*#__PURE__*/React__default.default.createElement("rect", {
+    fill: labelColor || w(color).darken(0.3).toHex(),
+    x: ICON.X_OFFSET,
+    y: ICON.HEIGHT - LABEL_HEIGHT,
+    width: ICON.WIDTH,
+    height: LABEL_HEIGHT,
+    clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
+  })), /*#__PURE__*/React__default.default.createElement("g", {
+    id: "labelText" + UNIQUE_ID,
+    transform: "translate(" + ICON.X_OFFSET + " 34)"
+  }, /*#__PURE__*/React__default.default.createElement("text", {
+    x: ICON.WIDTH / 2,
+    y: "10",
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    fontSize: "9",
+    fill: labelTextColor,
+    textAnchor: "middle",
+    style: {
+      fontWeight: 'bold',
+      textAlign: 'center',
+      pointerEvents: 'none',
+      textTransform: labelUppercase ? 'uppercase' : 'none',
+      userSelect: 'none'
+    }
+  }, extension))), type && /*#__PURE__*/React__default.default.createElement("g", {
+    transform: "translate(-4 " + (!extension ? 6 : 0) + ")",
+    fill: glyphColor || w(color).darken(0.15).toHex()
+  }, glyphs[type]));
+};
+FileIcon.propTypes = propTypes;
+
+var defaultStyles = {
+  '3dm': {
+    labelColor: '#8D1A11',
+    type: '3d'
+  },
+  '3ds': {
+    labelColor: '#5FB9AD',
+    type: '3d'
+  },
+  '3g2': {
+    type: 'video'
+  },
+  '3gp': {
+    type: 'video'
+  },
+  '7zip': {
+    type: 'compressed'
+  },
+  aab: {
+    type: 'android',
+    labelColor: '#3DDC84'
+  },
+  aac: {
+    type: 'audio'
+  },
+  aep: {
+    type: 'video'
+  },
+  ai: {
+    color: '#423325',
+    gradientOpacity: 0,
+    labelColor: '#423325',
+    labelTextColor: '#FF7F18',
+    labelUppercase: true,
+    foldColor: '#FF7F18',
+    radius: 2
+  },
+  aif: {
+    type: 'audio'
+  },
+  aiff: {
+    type: 'audio'
+  },
+  apk: {
+    type: 'android',
+    labelColor: '#3DDC84'
+  },
+  apkm: {
+    type: 'android',
+    labelColor: '#3DDC84'
+  },
+  apks: {
+    type: 'android',
+    labelColor: '#3DDC84'
+  },
+  asf: {
+    type: 'video'
+  },
+  asp: {
+    type: 'code'
+  },
+  aspx: {
+    type: 'code'
+  },
+  avi: {
+    type: 'video'
+  },
+  bin: {
+    type: 'binary'
+  },
+  bmp: {
+    type: 'image'
+  },
+  c: {
+    type: 'code'
+  },
+  cpp: {
+    type: 'code'
+  },
+  cs: {
+    type: 'code'
+  },
+  css: {
+    type: 'code'
+  },
+  csv: {
+    type: 'spreadsheet'
+  },
+  cue: {
+    type: 'document'
+  },
+  dll: {
+    type: 'settings'
+  },
+  dmg: {
+    type: 'drive'
+  },
+  doc: {
+    color: '#2C5898',
+    foldColor: '#254A80',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#2C5898',
+    labelUppercase: true,
+    type: 'document'
+  },
+  docx: {
+    color: '#2C5898',
+    foldColor: '#254A80',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#2C5898',
+    labelUppercase: true,
+    type: 'document'
+  },
+  dwg: {
+    type: 'vector'
+  },
+  dxf: {
+    type: 'vector'
+  },
+  eot: {
+    type: 'font'
+  },
+  eps: {
+    type: 'vector'
+  },
+  exe: {
+    type: 'settings'
+  },
+  flac: {
+    type: 'audio'
+  },
+  flv: {
+    type: 'video'
+  },
+  fnt: {
+    type: 'font'
+  },
+  fodp: {
+    type: 'presentation'
+  },
+  fods: {
+    type: 'spreadsheet'
+  },
+  fodt: {
+    type: 'document'
+  },
+  fon: {
+    type: 'font'
+  },
+  gif: {
+    type: 'image'
+  },
+  gz: {
+    type: 'compressed'
+  },
+  htm: {
+    type: 'code'
+  },
+  html: {
+    type: 'code'
+  },
+  indd: {
+    color: '#4B2B36',
+    gradientOpacity: 0,
+    labelColor: '#4B2B36',
+    labelTextColor: '#FF408C',
+    labelUppercase: true,
+    foldColor: '#FF408C',
+    radius: 2
+  },
+  ini: {
+    type: 'settings'
+  },
+  java: {
+    type: 'code'
+  },
+  jpeg: {
+    type: 'image'
+  },
+  jpg: {
+    type: 'image'
+  },
+  js: {
+    labelColor: '#F7DF1E',
+    type: 'code'
+  },
+  json: {
+    type: 'code'
+  },
+  jsx: {
+    labelColor: '#00D8FF',
+    type: 'code'
+  },
+  m4a: {
+    type: 'audio'
+  },
+  m4v: {
+    type: 'video'
+  },
+  max: {
+    labelColor: '#5FB9AD',
+    type: '3d'
+  },
+  md: {
+    type: 'document'
+  },
+  mid: {
+    type: 'audio'
+  },
+  mkv: {
+    type: 'video'
+  },
+  mov: {
+    type: 'video'
+  },
+  mp3: {
+    type: 'audio'
+  },
+  mp4: {
+    type: 'video'
+  },
+  mpeg: {
+    type: 'video'
+  },
+  mpg: {
+    type: 'video'
+  },
+  obj: {
+    type: '3d'
+  },
+  odp: {
+    type: 'presentation'
+  },
+  ods: {
+    type: 'spreadsheet'
+  },
+  odt: {
+    type: 'document'
+  },
+  ogg: {
+    type: 'audio'
+  },
+  ogv: {
+    type: 'video'
+  },
+  otf: {
+    type: 'font'
+  },
+  pdf: {
+    labelColor: '#D93831',
+    type: 'acrobat'
+  },
+  php: {
+    labelColor: '#8892BE',
+    type: 'code'
+  },
+  pkg: {
+    type: '3d'
+  },
+  plist: {
+    type: 'settings'
+  },
+  png: {
+    type: 'image'
+  },
+  ppt: {
+    color: '#D14423',
+    foldColor: '#AB381D',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#D14423',
+    labelUppercase: true,
+    type: 'presentation'
+  },
+  pptx: {
+    color: '#D14423',
+    foldColor: '#AB381D',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#D14423',
+    labelUppercase: true,
+    type: 'presentation'
+  },
+  pr: {
+    type: 'video'
+  },
+  ps: {
+    type: 'vector'
+  },
+  psd: {
+    color: '#34364E',
+    gradientOpacity: 0,
+    labelColor: '#34364E',
+    labelTextColor: '#31C5F0',
+    labelUppercase: true,
+    foldColor: '#31C5F0',
+    radius: 2
+  },
+  py: {
+    labelColor: '#FFDE57',
+    type: 'code'
+  },
+  rar: {
+    type: 'compressed'
+  },
+  rb: {
+    labelColor: '#BB271A',
+    type: 'code'
+  },
+  rm: {
+    type: 'video'
+  },
+  rtf: {
+    type: 'document'
+  },
+  scss: {
+    labelColor: '#C16A98',
+    type: 'code'
+  },
+  sitx: {
+    type: 'compressed'
+  },
+  skp: {
+    type: '3d'
+  },
+  svg: {
+    type: 'vector'
+  },
+  swf: {
+    type: 'video'
+  },
+  sys: {
+    type: 'settings'
+  },
+  tar: {
+    type: 'compressed'
+  },
+  tex: {
+    type: 'document'
+  },
+  tif: {
+    type: 'image'
+  },
+  tiff: {
+    type: 'image'
+  },
+  ts: {
+    labelColor: '#3478C7',
+    type: 'code'
+  },
+  ttf: {
+    type: 'font'
+  },
+  txt: {
+    type: 'document'
+  },
+  wav: {
+    type: 'audio'
+  },
+  webm: {
+    type: 'video'
+  },
+  wmv: {
+    type: 'video'
+  },
+  woff: {
+    type: 'font'
+  },
+  wpd: {
+    type: 'document'
+  },
+  wps: {
+    type: 'document'
+  },
+  xapk: {
+    type: 'android',
+    labelColor: '#3DDC84'
+  },
+  xlr: {
+    type: 'spreadsheet'
+  },
+  xls: {
+    color: '#1A754C',
+    foldColor: '#16613F',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#1A754C',
+    labelUppercase: true,
+    type: 'spreadsheet'
+  },
+  xlsx: {
+    color: '#1A754C',
+    foldColor: '#16613F',
+    glyphColor: 'rgba(255,255,255,0.4)',
+    labelColor: '#1A754C',
+    labelUppercase: true,
+    type: 'spreadsheet'
+  },
+  yml: {
+    type: 'code'
+  },
+  zip: {
+    type: 'compressed'
+  },
+  zipx: {
+    type: 'compressed'
+  }
+};
+
+exports.DirectUpload = DirectUpload;
+exports.FILE_UPLOAD_STATUS = FILE_UPLOAD_STATUS;
+exports.FileIcon = FileIcon;
+exports.defaultStyles = defaultStyles;
+exports.directUploadsApi = directUploadsApi;
+exports.getRandomString = getRandomString;
+exports.useDropFiles = useDropFiles;
+exports.useFileUploadStore = useFileUploadStore;
+//# sourceMappingURL=chunk-Cr0FBhRs.cjs.js.map