@dreamcommerce/aurora 2.19.0-3 → 2.19.0-30

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -46,20 +46,15 @@ var useFilePicker = function useFilePicker(_ref) {
       setPreview = _useState12[1];
 
   var reader = React.useRef(new FileReader());
-  var isMountedRef = React.useRef(true);
   React.useEffect(function () {
-    isMountedRef.current = true;
-
-    var loadListener = function loadListener() {
-      if (isMountedRef.current) {
-        getDataUrlFromFile(reader.current.result);
-      }
-    };
-
-    reader.current.addEventListener('load', loadListener, false);
+    reader.current && getDataUrlFromFile(reader.current.result);
+    reader.current.addEventListener('load', function () {
+      return getDataUrlFromFile(reader.current.result);
+    }, false);
     return function () {
-      isMountedRef.current = false;
-      reader.current.removeEventListener('load', loadListener);
+      return reader.current.removeEventListener('load', function () {
+        return getDataUrlFromFile(reader.current.result);
+      });
     };
   }, []);
   React.useEffect(function () {
@@ -69,12 +64,10 @@ var useFilePicker = function useFilePicker(_ref) {
     initialErrors && setErrors(initialErrors);
   }, [initialErrors]);
   React.useEffect(function () {
-    if (fileAsDataUrl && isMountedRef.current) {
-      onChange === null || onChange === void 0 || onChange({
-        fileList: fileList,
-        fileAsDataUrl: fileAsDataUrl
-      });
-    }
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
   }, [fileAsDataUrl]);
 
   var onDropFile = function onDropFile(event) {
@@ -136,9 +129,7 @@ var useFilePicker = function useFilePicker(_ref) {
   };
 
   var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
-    if (isMountedRef.current) {
-      setFileAsDataUrl(fileReaderResult);
-    }
+    setFileAsDataUrl(fileReaderResult);
   };
 
   var onDragOver = function onDragOver(event) {

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js

@@ -24,7 +24,10 @@ var CSS_CLASSES = {
   imagePickerSelectedFile: "".concat(imagePicker, "__selected-file"),
   imagePickerSelectedFileNameWrapper: "".concat(imagePicker, "__selected-file-name-wrapper"),
   imagePickerSelectedFileRemoveWrapper: "".concat(imagePicker, "__selected-file-remove-wrapper"),
-  imagePickerSupportedFormats: "".concat(imagePicker, "__supported-formats")
+  imagePickerSupportedFormats: "".concat(imagePicker, "__supported-formats"),
+  imagePickerLoadingWrapper: "".concat(imagePicker, "__loading-wrapper"),
+  imagePickerLoadingWrapperContent: "".concat(imagePicker, "__loading-wrapper-content"),
+  imagePickerLoadingWrapperContentText: "".concat(imagePicker, "__loading-wrapper-content-text")
 };
 
 exports.default = CSS_CLASSES;

package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/index.js

@@ -42,7 +42,6 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
       t = _useTranslation2[0];
 
   var inputRef = /*#__PURE__*/React.createRef();
-  var isMountedRef = React.useRef(true);
 
   var handleOnChange = function handleOnChange(ev) {
     var _ev$fileList;
@@ -86,15 +85,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
     onImageSizeUpdated === null || onImageSizeUpdated === void 0 || onImageSizeUpdated(imageSize);
   }, [imageSize]);
   React.useEffect(function () {
-    isMountedRef.current = true;
-
-    if (initialFile) {
-      setImageSizeBasedOnUrl(initialFile.fileUrl);
-    }
-
-    return function () {
-      isMountedRef.current = false;
-    };
+    initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
   }, [initialFile]);
   React.useEffect(function () {
     if (!editedImageResult) return;
@@ -108,50 +99,41 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
     return fileArray;
   };
 
-  var setImageSizeBasedOnUrl = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(fileUrl) {
-      var image;
+  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
+    createImageFromUrl(fileUrl).then(function (image) {
+      setImageSize({
+        width: image.naturalWidth,
+        height: image.naturalHeight
+      });
+    });
+  };
+
+  var createImageFromUrl = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(url) {
+      var img;
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
-            return createImageFromUrl(fileUrl);
-
-          case 2:
-            image = _context.sent;
-
-            if (isMountedRef.current) {
-              setImageSize({
-                width: image.naturalWidth,
-                height: image.naturalHeight
-              });
-            }
+            img = new Image();
+            img.src = url;
+            _context.next = 4;
+            return img.decode();
 
           case 4:
+            return _context.abrupt("return", img);
+
+          case 5:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
 
-    return function setImageSizeBasedOnUrl(_x) {
+    return function createImageFromUrl(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
 
-  var createImageFromUrl = function createImageFromUrl(url) {
-    return new Promise(function (resolve, reject) {
-      var img = new Image();
-      img.src = url;
-
-      img.onload = function () {
-        return resolve(img);
-      };
-
-      img.onerror = reject;
-    });
-  };
-
   var useStyles = reactJss_esm.createUseStyles({
     imagePickerWrapper: {
       border: function border(_ref3) {

package/build/cjs/packages/aurora/src/components/image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/loader/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var main_module = require('../../css/loader/main.module.less.js');
 var css_classes = require('./css_classes.js');
 var constants = require('./constants.js');
-var main_module = require('../../css/loader/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssWithLoader = 'with-loader';
-var cssWithLoaderWrapper = 'with-loader-wrapper';
 
 exports.cssWithLoader = cssWithLoader;
-exports.cssWithLoaderWrapper = cssWithLoaderWrapper;
 //# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/with_loader/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var index = require('../loader/index.js');
 var main_module = require('../../css/with-loader/main.module.less.js');
 var css_classes = require('./css_classes.js');
-var index = require('../loader/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,20 +15,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var WithLoader = function WithLoader(_ref) {
   var isLoading = _ref.isLoading,
-      textOnLoading = _ref.textOnLoading,
       children = _ref.children,
-      size = _ref.size,
-      customStyle = _ref.customStyle;
+      size = _ref.size;
   return isLoading ? /*#__PURE__*/React__default['default'].createElement("div", {
-    className: customStyle || ''
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames__default['default'](main_module['default'][css_classes.cssWithLoaderWrapper])
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]),
     "data-test-id": "loader"
   }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     size: size
-  }), textOnLoading && /*#__PURE__*/React__default['default'].createElement("span", null, textOnLoading)))) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
+  })) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
 };
 
 exports.default = WithLoader;

package/build/cjs/packages/aurora/src/components/with_loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js

@@ -6,7 +6,6 @@ var React = require('react');
 var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('../file_picker/constants.js');
-require('classnames');
 var css_classes = require('../image_picker/css_classes.js');
 var icon_image = require('../../assets/icon_image.js');
 var main_module = require('../../css/image_picker/main.module.less.js');
@@ -15,6 +14,7 @@ var use_modals_context = require('../modal_new/hooks/use_modals_context.js');
 var modal = require('../modal_new/components/modal/modal.js');
 var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
 var use_http_api = require('../../hooks/use_http_api.js');
+var index$1 = require('../loader/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -73,20 +73,9 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       isLoading = _useState10[0],
       setIsLoading = _useState10[1];
 
-  var isMountedRef = React.useRef(true);
-  React.useEffect(function () {
-    return function () {
-      isMountedRef.current = false;
-
-      if (pendingRequestRef.current) {
-        pendingRequestRef.current();
-      }
-    };
-  }, []);
-
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch2, response, cancelRequest, responseObject;
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
 
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -106,62 +95,36 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
             return _context.abrupt("return");
 
           case 5:
-            setIsLoading(true);
-
             if (pendingRequestRef.current) {
               pendingRequestRef.current();
               pendingRequestRef.current = undefined;
             }
 
-            _context.prev = 7;
-            _httpApi$fetch2 = httpApi.fetch({
+            setIsLoading(true);
+            _httpApi$fetch = httpApi.fetch({
               url: url,
               method: http_requester_contants.REQUEST_TYPES.post,
               data: fileList[0]
-            }), response = _httpApi$fetch2.response, cancelRequest = _httpApi$fetch2.cancelRequest;
+            }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.next = 12;
-            return response;
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
 
-          case 12:
+          case 11:
             responseObject = _context.sent;
-
-            if (isMountedRef.current) {
-              _context.next = 15;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 15:
             onUploaded === null || onUploaded === void 0 || onUploaded({
               fileList: fileList,
               dataUrl: fileAsDataUrl,
               imageId: responseObject.data.imageId
             });
-            _context.next = 22;
-            break;
-
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](7);
-            console.error('Error uploading image:', _context.t0);
-            onError === null || onError === void 0 || onError([t('Error uploading image')]);
 
-          case 22:
-            _context.prev = 22;
-
-            if (isMountedRef.current) {
-              setIsLoading(false);
-            }
-
-            return _context.finish(22);
-
-          case 25:
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[7, 18, 22, 25]]);
+      }, _callee);
     }));
 
     return function handleControlChange(_x) {
@@ -189,10 +152,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
             case 5:
               data = _context2.sent;
               file = new File([data], fileData.fileName);
-
-              if (isMountedRef.current) {
-                setInitialImage(file);
-              }
+              setInitialImage(file);
 
             case 8:
             case "end":
@@ -213,17 +173,19 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
 
       return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
     };
-  }, [image, initialFile]);
+  }, [image]);
   React.useEffect(function () {
-    var src = image ? URL.createObjectURL(image) : initialImage ? URL.createObjectURL(initialImage) : '';
-    setImageEditorSrc(src);
-  }, [image, initialImage]);
+    var src = image !== null && image !== void 0 ? image : initialImage;
+    setImageEditorSrc(src !== null && src !== void 0 ? src : '');
+  }, [image, initialImage, isLoading]);
 
   var renderImageEditor = function renderImageEditor(defaultProps) {
     return ImageEditor ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps))) : null;
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isLoading ? /*#__PURE__*/React__default['default'].createElement("div", null, t('File transfer...')) : /*#__PURE__*/React__default['default'].createElement(index['default'], {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].imagePickerLoadingWrapper]
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     id: id,
     name: name,
     onChange: handleControlChange,
@@ -240,7 +202,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       type: "button"
     }, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), t('Edit')),
     editedImageResult: imageEditorResult
-  }), ImageEditor && /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
+  }), isLoading && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].imagePickerLoadingWrapperContent]
+  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], null), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module['default'][css_classes['default'].imagePickerLoadingWrapperContentText]
+  }, t('Transfering file...')))), ImageEditor && /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
     name: modalId,
     header: t('Edit image'),
     minWidth: "80vw"

package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  position: relative;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  top: 1rem;\n  right: 1rem;\n  z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background-color: #ffffff;\n  background-image: none;\n  border: 0;\n  border-radius: 2px;\n  padding: 0.5rem;\n  font-size: 12px;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  position: relative;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  top: 1rem;\n  right: 1rem;\n  z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background-color: #ffffff;\n  background-image: none;\n  border: 0;\n  border-radius: 2px;\n  padding: 0.5rem;\n  font-size: 12px;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n.main-module_image-picker__loading-wrapper__gBtlh {\n  position: relative;\n}\n.main-module_image-picker__loading-wrapper-content__21jzx {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__loading-wrapper-content-text__2-Fup {\n  color: #5c657e;\n  margin-top: 0.5rem;\n}\n";
 var styles = {
   "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
   "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -25,7 +25,10 @@ var styles = {
   "image-picker__selected-file-remove-wrapper": "main-module_image-picker__selected-file-remove-wrapper__2v4W2",
   "image-picker__image-preview-wrapper": "main-module_image-picker__image-preview-wrapper__1jPXU",
   "image-picker__image-preview": "main-module_image-picker__image-preview__12pRu",
-  "image-picker__error-text": "main-module_image-picker__error-text__rXAvw"
+  "image-picker__error-text": "main-module_image-picker__error-text__rXAvw",
+  "image-picker__loading-wrapper": "main-module_image-picker__loading-wrapper__gBtlh",
+  "image-picker__loading-wrapper-content": "main-module_image-picker__loading-wrapper-content__21jzx",
+  "image-picker__loading-wrapper-content-text": "main-module_image-picker__loading-wrapper-content-text__2-Fup"
 };
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** WithLoader Variables */\n.main-module_with-loader__X2lLa {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.main-module_with-loader__X2lLa :nth-child(2) {\n  margin-top: 0.5rem;\n  color: #5c657e;\n}\n.main-module_with-loader-wrapper__B1nI2 {\n  padding: 2rem 0;\n}\n.main-module_with-loader-bordered__1pf_Y {\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n";
+var css_248z = ".main-module_with-loader__X2lLa {\n  text-align: center;\n}\n";
 var cssClasses = {
-  "with-loader": "main-module_with-loader__X2lLa",
-  "with-loader-wrapper": "main-module_with-loader-wrapper__B1nI2",
-  "with-loader-bordered": "main-module_with-loader-bordered__1pf_Y"
+  "with-loader": "main-module_with-loader__X2lLa"
 };
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -44,6 +44,7 @@ var index$g = require('./components/controls/hoc/control_textarea/index.js');
 var index$F = require('./components/image_picker/index.js');
 var use_modals_context = require('./components/modal_new/hooks/use_modals_context.js');
 var modal = require('./components/modal_new/components/modal/modal.js');
+var index$L = require('./components/loader/index.js');
 var index$P = require('./components/xhr_image_picker/index.js');
 var index$p = require('./components/controls/hoc/control_xhr_image_picker/index.js');
 var index$z = require('./components/table/index.js');
@@ -63,7 +64,6 @@ var icon_mobile = require('./assets/icon_mobile.js');
 var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
 var index$N = require('./components/link/index.js');
-var index$L = require('./components/loader/index.js');
 var index$s = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
@@ -139,6 +139,7 @@ exports.ControlTextarea = index$g['default'];
 exports.ImagePicker = index$F['default'];
 exports.useModalsContext = use_modals_context.useModalsContext;
 exports.ModalNew = modal.ModalNew;
+exports.Loader = index$L['default'];
 exports.XhrImagePicker = index$P['default'];
 exports.ControlXhrImagePicker = index$p['default'];
 exports.Table = index$z['default'];
@@ -159,7 +160,6 @@ exports.IconMobile = icon_mobile['default'];
 exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
 exports.Link = index$N['default'];
-exports.Loader = index$L['default'];
 exports.Modal = index$s['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];

package/build/cjs/packages/aurora/src/translations/en.json.js

@@ -90,7 +90,8 @@ var en = {
 	"Shades of color": "Shades of color",
 	"Select color": "Select color",
 	Edit: Edit,
-	"Edit image": "Edit image"
+	"Edit image": "Edit image",
+	"Transfering file...": "Transfering file..."
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/translations/pl.json.js

@@ -90,7 +90,8 @@ var pl = {
 	"Shades of color": "Odcienie koloru",
 	"Select color": "Wybierz kolor",
 	Edit: Edit,
-	"Edit image": "Edytuj obrazek"
+	"Edit image": "Edytuj obrazek",
+	"Transfering file...": "Wgrywanie pliku..."
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -42,20 +42,15 @@ var useFilePicker = function useFilePicker(_ref) {
       setPreview = _useState12[1];
 
   var reader = useRef(new FileReader());
-  var isMountedRef = useRef(true);
   useEffect(function () {
-    isMountedRef.current = true;
-
-    var loadListener = function loadListener() {
-      if (isMountedRef.current) {
-        getDataUrlFromFile(reader.current.result);
-      }
-    };
-
-    reader.current.addEventListener('load', loadListener, false);
+    reader.current && getDataUrlFromFile(reader.current.result);
+    reader.current.addEventListener('load', function () {
+      return getDataUrlFromFile(reader.current.result);
+    }, false);
     return function () {
-      isMountedRef.current = false;
-      reader.current.removeEventListener('load', loadListener);
+      return reader.current.removeEventListener('load', function () {
+        return getDataUrlFromFile(reader.current.result);
+      });
     };
   }, []);
   useEffect(function () {
@@ -65,12 +60,10 @@ var useFilePicker = function useFilePicker(_ref) {
     initialErrors && setErrors(initialErrors);
   }, [initialErrors]);
   useEffect(function () {
-    if (fileAsDataUrl && isMountedRef.current) {
-      onChange === null || onChange === void 0 || onChange({
-        fileList: fileList,
-        fileAsDataUrl: fileAsDataUrl
-      });
-    }
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
   }, [fileAsDataUrl]);
 
   var onDropFile = function onDropFile(event) {
@@ -132,9 +125,7 @@ var useFilePicker = function useFilePicker(_ref) {
   };
 
   var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
-    if (isMountedRef.current) {
-      setFileAsDataUrl(fileReaderResult);
-    }
+    setFileAsDataUrl(fileReaderResult);
   };
 
   var onDragOver = function onDragOver(event) {

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts

@@ -20,5 +20,8 @@ declare const _default: {
     imagePickerSelectedFileNameWrapper: string;
     imagePickerSelectedFileRemoveWrapper: string;
     imagePickerSupportedFormats: string;
+    imagePickerLoadingWrapper: string;
+    imagePickerLoadingWrapperContent: string;
+    imagePickerLoadingWrapperContentText: string;
 };
 export default _default;