@dreamcommerce/aurora 3.1.5-4 → 3.1.5

package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js

@@ -19,8 +19,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     _ref$withGradient = _ref.withGradient,
     isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
   var colorValue = color_picker_utils.ColorPickerUtils.normalizeLinearGradient(value || color_picker_constants.COLOR_PICKER_INITIAL_STATE);
+  var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
   var colorValueRef = React.useRef(colorValue);
-  var savedColorRef = React.useRef(colorValue);
+  var savedColorRef = React.useRef({
+    value: colorValue,
+    name: currentSelectedVariable || ''
+  });
   var _useState = React.useState(!color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? colorValue : color_picker_constants.COLOR_PICKER_INITIAL_STATE),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     previousSolidColor = _useState2[0],
@@ -46,14 +50,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
     isColorPickerCurrentlyUsed = _useState12[0],
     setIsColorPickerCurrentlyUsed = _useState12[1];
-  var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
   var _getDetails = utils.getDetails(colorValue),
     degrees = _getDetails.degrees;
   var savedDegRef = React.useRef(isNaN(degrees) ? 180 : degrees);
   var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
   var setColor = React.useCallback(function (newColor) {
     var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+    var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     setShadeName(shadeName);
     !color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
     var isGradient = color_picker_utils.ColorPickerUtils.isGradient(newColor);
@@ -107,15 +110,21 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     setA(val);
   };
   var handleCancel = function handleCancel() {
-    setColor(savedColorRef.current);
+    var _savedColorRef$curren = savedColorRef.current,
+      value = _savedColorRef$curren.value,
+      name = _savedColorRef$curren.name;
+    setColor(value, '', name || '');
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
   var handleSave = function handleSave() {
     var newColorVar = {
       value: colorValue,
-      name: variables && color_picker_utils.ColorPickerUtils.findVariable(variables, colorValue) || ''
+      name: variables && color_picker_utils.ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
+    };
+    savedColorRef.current = {
+      value: colorValue,
+      name: newColorVar.name
     };
-    savedColorRef.current = colorValue;
     onSave === null || onSave === void 0 ? void 0 : onSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(newColorVar));
   };
   return {

package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var control = require('../../control/control.js');
 var helper_text = require('../../helper_text/helper_text.js');
 var label = require('../../label/label.js');
@@ -28,15 +29,17 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
     onUploaded = _ref.onUploaded,
     helperText = _ref.helperText,
     onImageSizeUpdated = _ref.onImageSizeUpdated,
-    ImageEditor = _ref.ImageEditor,
-    onError = _ref.onError;
+    ImageEditor = _ref.ImageEditor;
+  var _useState = React.useState(errors),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    setErrors = _useState2[1];
   var handleControlError = function handleControlError(errors) {
-    onError === null || onError === void 0 ? void 0 : onError(errors);
+    setErrors(errors);
   };
   var handleControlChange = function handleControlChange(file) {
     var fileList = file.fileList,
       fileAsDataUrl = file.fileAsDataUrl;
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors(null);
     onChange === null || onChange === void 0 ? void 0 : onChange({
       fileList: fileList,
       fileAsDataUrl: fileAsDataUrl

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.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;"}
+{"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;"}

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

@@ -13,7 +13,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
     onError = _ref.onError,
     onLoad = _ref.onLoad;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
+    className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
     alt: file.fileName,

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

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var delete_bin_icon = require('../../../assets/icons/delete_bin_icon.js');
 var utilities = require('@dreamcommerce/utilities');
-var image_picker_delete_button = require('../image_picker_delete_button.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,6 +17,9 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
     onFileDelete = _ref.onFileDelete,
     isValid = _ref.isValid,
     file = _ref.file;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var imageName = utilities.FileUtils.getFileName(file.fileName);
   var imageExtension = utilities.FileUtils.getFileExtension(file.fileName);
   var imageWidth = imageSize && imageSize.width;
@@ -23,9 +28,16 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
     className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
-  }, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, "".concat(imageExtension ? '.' : '').concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
-    onFileDelete: onFileDelete
-  }));
+  }, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement("button", {
+    "data-test-id": "image-picker-remove-button",
+    onClick: onFileDelete,
+    className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
+    type: "button"
+  }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
+    className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
+  }), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
+  }, "".concat(t('Remove')))));
 };
 
 exports.UploadedImagePickerItem = UploadedImagePickerItem;

package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker.js

@@ -12,7 +12,6 @@ var image_picker_drag_over_placeholder = require('./components/image_picker_drag
 var image_picker_input = require('./components/image_picker_input.js');
 var image_picker_preview = require('./components/image_picker_preview.js');
 var image_picker_preview_container = require('./components/image_picker_preview_container.js');
-var image_picker_delete_button = require('./image_picker_delete_button.js');
 var uploaded_image_picker_item = require('./components/uploaded_image_picker_item.js');
 var image_picker_utils = require('./image_picker_utils.js');
 var use_image_picker = require('./use_image_picker.js');
@@ -25,7 +24,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
   var id = _ref.id,
     onChange = _ref.onChange,
     onError = _ref.onError,
-    errors = _ref.errors,
+    initialErrors = _ref.errors,
     _ref$allowedExtension = _ref.allowedExtensions,
     allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
     allowedExtensionsLabel = _ref.allowedExtensionsLabel,
@@ -49,6 +48,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
       initialFile: initialFile,
       onChange: handleOnChange,
       allowedExtensions: allowedExtensions,
+      initialErrors: initialErrors,
       onError: onError,
       inputRef: inputRef
     }),
@@ -60,6 +60,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
     onPreviewError = _useImagePicker.onPreviewError,
     changeFile = _useImagePicker.changeFile,
     file = _useImagePicker.file,
+    errors = _useImagePicker.errors,
     isPreview = _useImagePicker.isPreview,
     isDragOver = _useImagePicker.isDragOver;
   var _useState = React.useState(undefined),
@@ -143,9 +144,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
-  })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
-    onFileDelete: onFileDelete
-  }))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
+  })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
     onDragLeave: onDragLeave,
     onDragOver: onDragOver,
     isDragOver: isDragOver,

package/build/cjs/packages/aurora/src/components/image_picker/image_picker.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;"}
+{"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;"}

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

@@ -12,23 +12,35 @@ var useImagePicker = function useImagePicker(_ref) {
     initialFile = _ref.initialFile,
     allowedExtensions = _ref.allowedExtensions,
     inputRef = _ref.inputRef,
+    initialErrors = _ref.initialErrors,
     onError = _ref.onError;
-  var fileListRef = React.useRef(null);
-  var _useState = React.useState(initialFile),
+  var _useState = React.useState(null),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    file = _useState2[0],
-    setFile = _useState2[1];
-  var _useState3 = React.useState(false),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = React.useState(initialFile),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    isDragOver = _useState4[0],
-    setDragOver = _useState4[1];
-  var _useState5 = React.useState(true),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = React.useState(null),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    isPreview = _useState6[0],
-    setPreview = _useState6[1];
+    fileAsDataUrl = _useState6[0],
+    setFileAsDataUrl = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    errors = _useState8[0],
+    setErrors = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    isDragOver = _useState10[0],
+    setDragOver = _useState10[1];
+  var _useState11 = React.useState(true),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    isPreview = _useState12[0],
+    setPreview = _useState12[1];
   var reader = React.useRef(new FileReader());
   React.useEffect(function () {
-    reader.current.result && getDataUrlFromFile(reader.current.result);
+    reader.current && getDataUrlFromFile(reader.current.result);
     reader.current.addEventListener('load', function () {
       return getDataUrlFromFile(reader.current.result);
     }, false);
@@ -41,8 +53,17 @@ var useImagePicker = function useImagePicker(_ref) {
   React.useEffect(function () {
     setFile(initialFile);
   }, [initialFile]);
+  React.useEffect(function () {
+    initialErrors && setErrors(initialErrors);
+  }, [initialErrors]);
+  React.useEffect(function () {
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
+  }, [fileAsDataUrl]);
   var onDropFile = function onDropFile(event) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors([]);
     event.stopPropagation();
     event.preventDefault();
     var files = event.dataTransfer.files;
@@ -57,22 +78,23 @@ var useImagePicker = function useImagePicker(_ref) {
       return acc ? acc : image_picker_constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
     }, false);
     if (isValid) {
+      setErrors([]);
       return isValid;
     }
-    var newErrors = [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)];
-    onError === null || onError === void 0 ? void 0 : onError(newErrors);
+    setErrors([].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]));
+    onError === null || onError === void 0 ? void 0 : onError(errors);
     return isValid;
   };
   var onFileChange = function onFileChange(event) {
     changeFile(event.target.files);
   };
   var changeFile = function changeFile(files) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors([]);
     updateFile(files);
   };
   var updateFile = function updateFile(files) {
     if (files !== null && files !== void 0 && files.length) {
-      fileListRef.current = files;
+      setFileList(files);
       reader.current.readAsDataURL(files[0]);
       setFile({
         fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -91,10 +113,7 @@ var useImagePicker = function useImagePicker(_ref) {
     setPreview(true);
   };
   var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      fileList: fileListRef.current,
-      fileAsDataUrl: fileReaderResult
-    });
+    setFileAsDataUrl(fileReaderResult);
   };
   var onDragOver = function onDragOver(event) {
     event.stopPropagation();
@@ -109,9 +128,11 @@ var useImagePicker = function useImagePicker(_ref) {
   };
   var onFileDelete = function onFileDelete() {
     inputRef.current.value = '';
-    fileListRef.current = null;
+    setFileList(null);
     setFile(undefined);
+    setFileAsDataUrl(null);
     setPreview(true);
+    setErrors([]);
     onChange === null || onChange === void 0 ? void 0 : onChange({
       fileList: null,
       fileAsDataUrl: null
@@ -129,6 +150,7 @@ var useImagePicker = function useImagePicker(_ref) {
     onPreviewError: onPreviewError,
     changeFile: changeFile,
     file: file,
+    errors: errors,
     isPreview: isPreview,
     isDragOver: isDragOver
   };

package/build/cjs/packages/aurora/src/components/image_picker/use_image_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;"}
+{"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;"}

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

@@ -67,10 +67,9 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
     imageExtenstion = _useState12[0],
     setImageExtenstion = _useState12[1];
-  var fileAsDataUrlRef = React.useRef(undefined);
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -80,13 +79,12 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               fileList: fileList,
               fileAsDataUrl: fileAsDataUrl
             });
-            fileAsDataUrlRef.current = fileAsDataUrl;
-            if (!(!fileList || !fileList.length || fileAsDataUrl)) {
-              _context.next = 6;
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 5;
               break;
             }
             return _context.abrupt("return");
-          case 6:
+          case 5:
             if (pendingRequestRef.current) {
               pendingRequestRef.current();
               pendingRequestRef.current = undefined;
@@ -98,44 +96,22 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               data: fileList[0]
             }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.prev = 10;
-            _context.next = 13;
-            return response;
-          case 13:
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
+          case 11:
             responseObject = _context.sent;
-            _context.next = 19;
-            break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](10);
-            onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
-          case 19:
-            _context.prev = 19;
-            setIsLoading(false);
-            return _context.finish(19);
-          case 22:
-            if (responseObject) {
-              _context.next = 24;
-              break;
-            }
-            return _context.abrupt("return");
-          case 24:
-            if (responseObject.data.imagePath) {
-              paths = {
-                original: responseObject.data.imagePath
-              };
-            }
             onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
               fileList: fileList,
-              dataUrl: fileAsDataUrlRef.current,
-              imageId: responseObject.data.imageId,
-              paths: paths
+              dataUrl: fileAsDataUrl,
+              imageId: responseObject.data.imageId
             });
-          case 26:
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 16, 19, 22]]);
+      }, _callee);
     }));
     return function handleControlChange(_x) {
       return _ref2.apply(this, arguments);
@@ -177,16 +153,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
   }, []);
   React.useEffect(function () {
     image && setImageExtenstion(utilities.FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
+    return function () {
+      var _pendingRequestRef$cu;
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
   }, [image]);
   React.useEffect(function () {
     var src = image !== null && image !== void 0 ? image : initialImage;
     setImageEditorSrc(src !== null && src !== void 0 ? src : '');
   }, [image, initialImage, isLoading]);
-  React.useEffect(function () {
-    return function () {
-      if (pendingRequestRef.current) pendingRequestRef.current();
-    };
-  }, []);
   var renderImageEditor = function renderImageEditor(defaultProps) {
     return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
   };

package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.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;"}
+{"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;"}

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

@@ -59,7 +59,6 @@ var en = {
 	Remove: Remove,
 	"Transfering file...": "Transfering file...",
 	"Invalid file format": "Invalid file format",
-	"File upload failed": "File upload failed",
 	"Select color": "Select color",
 	"Shades of color": "Shades of color",
 	"Linear gradient": "Linear gradient",

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -59,7 +59,6 @@ var pl = {
 	Remove: Remove,
 	"Transfering file...": "Wgrywanie pliku...",
 	"Invalid file format": "Niepoprawny format pliku",
-	"File upload failed": "Błąd wgrywania pliku",
 	"Select color": "Wybierz kolor",
 	"Shades of color": "Odcienie koloru",
 	"Linear gradient": "Gradient liniowy",

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts

@@ -12,7 +12,7 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
     color: string;
     previousSolidColor: string;
     previousGradientColor: string;
-    setColor: (newColor: string, shadeName?: string, variableName?: undefined) => void;
+    setColor: (newColor: string, shadeName?: string, variableName?: string) => void;
     hex: string;
     hslArr: number[];
     handleOnChangeAlpha: (value: number) => void;

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js

@@ -15,8 +15,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     _ref$withGradient = _ref.withGradient,
     isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
   var colorValue = ColorPickerUtils.normalizeLinearGradient(value || COLOR_PICKER_INITIAL_STATE);
+  var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
   var colorValueRef = useRef(colorValue);
-  var savedColorRef = useRef(colorValue);
+  var savedColorRef = useRef({
+    value: colorValue,
+    name: currentSelectedVariable || ''
+  });
   var _useState = useState(!ColorPickerUtils.isGradient(colorValue) ? colorValue : COLOR_PICKER_INITIAL_STATE),
     _useState2 = _slicedToArray(_useState, 2),
     previousSolidColor = _useState2[0],
@@ -42,14 +46,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     isColorPickerCurrentlyUsed = _useState12[0],
     setIsColorPickerCurrentlyUsed = _useState12[1];
-  var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
   var _getDetails = getDetails(colorValue),
     degrees = _getDetails.degrees;
   var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
   var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
   var setColor = useCallback(function (newColor) {
     var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+    var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     setShadeName(shadeName);
     !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
     var isGradient = ColorPickerUtils.isGradient(newColor);
@@ -103,15 +106,21 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     setA(val);
   };
   var handleCancel = function handleCancel() {
-    setColor(savedColorRef.current);
+    var _savedColorRef$curren = savedColorRef.current,
+      value = _savedColorRef$curren.value,
+      name = _savedColorRef$curren.name;
+    setColor(value, '', name || '');
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
   var handleSave = function handleSave() {
     var newColorVar = {
       value: colorValue,
-      name: variables && ColorPickerUtils.findVariable(variables, colorValue) || ''
+      name: variables && ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
+    };
+    savedColorRef.current = {
+      value: colorValue,
+      name: newColorVar.name
     };
-    savedColorRef.current = colorValue;
     onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(newColorVar));
   };
   return {

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Control } from '../../control/control.js';
 import { HelperText } from '../../helper_text/helper_text.js';
 import { Label } from '../../label/label.js';
@@ -20,15 +21,17 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
     onUploaded = _ref.onUploaded,
     helperText = _ref.helperText,
     onImageSizeUpdated = _ref.onImageSizeUpdated,
-    ImageEditor = _ref.ImageEditor,
-    onError = _ref.onError;
+    ImageEditor = _ref.ImageEditor;
+  var _useState = useState(errors),
+    _useState2 = _slicedToArray(_useState, 2),
+    setErrors = _useState2[1];
   var handleControlError = function handleControlError(errors) {
-    onError === null || onError === void 0 ? void 0 : onError(errors);
+    setErrors(errors);
   };
   var handleControlChange = function handleControlChange(file) {
     var fileList = file.fileList,
       fileAsDataUrl = file.fileAsDataUrl;
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors(null);
     onChange === null || onChange === void 0 ? void 0 : onChange({
       fileList: fileList,
       fileAsDataUrl: fileAsDataUrl

package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js

@@ -5,7 +5,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
     onError = _ref.onError,
     onLoad = _ref.onLoad;
   return /*#__PURE__*/React.createElement("div", {
-    className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
+    className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
   }, /*#__PURE__*/React.createElement("img", {
     className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
     alt: file.fileName,

package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js

@@ -1,12 +1,17 @@
 import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { DeleteBinLineIcon } from '../../../assets/icons/delete_bin_icon.js';
 import { FileUtils } from '@dreamcommerce/utilities';
-import { ImagePickerDeleteButton } from '../image_picker_delete_button.js';
 
 var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
   var imageSize = _ref.imageSize,
     onFileDelete = _ref.onFileDelete,
     isValid = _ref.isValid,
     file = _ref.file;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var imageName = FileUtils.getFileName(file.fileName);
   var imageExtension = FileUtils.getFileExtension(file.fileName);
   var imageWidth = imageSize && imageSize.width;
@@ -15,9 +20,16 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
     className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
   }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
-  }, isValid && (/*#__PURE__*/React.createElement(React.Fragment, null, imageName, "".concat(imageExtension ? '.' : '').concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React.createElement(ImagePickerDeleteButton, {
-    onFileDelete: onFileDelete
-  }));
+  }, isValid && (/*#__PURE__*/React.createElement(React.Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React.createElement("button", {
+    "data-test-id": "image-picker-remove-button",
+    onClick: onFileDelete,
+    className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
+    className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
+  }, "".concat(t('Remove')))));
 };
 
 export { UploadedImagePickerItem };

package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker.js

@@ -8,7 +8,6 @@ import { ImagePickerDragOverPlaceholder } from './components/image_picker_drag_o
 import { ImagePickerInput } from './components/image_picker_input.js';
 import { ImagePickerPreview } from './components/image_picker_preview.js';
 import { ImagePickerPreviewContainer } from './components/image_picker_preview_container.js';
-import { ImagePickerDeleteButton } from './image_picker_delete_button.js';
 import { UploadedImagePickerItem } from './components/uploaded_image_picker_item.js';
 import { getAcceptFilesParametersFromAllowedExtensions } from './image_picker_utils.js';
 import { useImagePicker } from './use_image_picker.js';
@@ -17,7 +16,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChange = _ref.onChange,
     onError = _ref.onError,
-    errors = _ref.errors,
+    initialErrors = _ref.errors,
     _ref$allowedExtension = _ref.allowedExtensions,
     allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
     allowedExtensionsLabel = _ref.allowedExtensionsLabel,
@@ -41,6 +40,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
       initialFile: initialFile,
       onChange: handleOnChange,
       allowedExtensions: allowedExtensions,
+      initialErrors: initialErrors,
       onError: onError,
       inputRef: inputRef
     }),
@@ -52,6 +52,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
     onPreviewError = _useImagePicker.onPreviewError,
     changeFile = _useImagePicker.changeFile,
     file = _useImagePicker.file,
+    errors = _useImagePicker.errors,
     isPreview = _useImagePicker.isPreview,
     isDragOver = _useImagePicker.isDragOver;
   var _useState = useState(undefined),
@@ -135,9 +136,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
-  })), isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React.createElement(ImagePickerDeleteButton, {
-    onFileDelete: onFileDelete
-  }))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
+  })), isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React.createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
     onDragLeave: onDragLeave,
     onDragOver: onDragOver,
     isDragOver: isDragOver,

package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker_types.d.ts

@@ -53,6 +53,7 @@ export interface IUseImagePicker {
     onPreviewError: () => void;
     changeFile: (files: FileList) => void;
     file: TImagePickerFile | undefined;
+    errors: string[];
     isPreview: boolean;
     isDragOver: boolean;
 }
@@ -61,5 +62,6 @@ export interface IUseImagePickerProps {
     initialFile?: TImagePickerFile;
     allowedExtensions?: TImagePickerExtension[];
     inputRef: React.RefObject<HTMLInputElement>;
+    initialErrors?: TControlErrors;
     onError?: (errors: string[]) => void;
 }

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

@@ -1,2 +1,2 @@
 import { IUseImagePicker, IUseImagePickerProps } from './image_picker_types';
-export declare const useImagePicker: ({ onChange, initialFile, allowedExtensions, inputRef, onError }: IUseImagePickerProps) => IUseImagePicker;
+export declare const useImagePicker: ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }: IUseImagePickerProps) => IUseImagePicker;

package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js

@@ -1,6 +1,6 @@
-import { useRef, useState, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { i18n } from '../../i18n.js';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { MIME_TYPE_TO_FILE_EXTENSIONS, IMAGE_PICKER_ERROR } from './image_picker_constants.js';
 
 var useImagePicker = function useImagePicker(_ref) {
@@ -8,23 +8,35 @@ var useImagePicker = function useImagePicker(_ref) {
     initialFile = _ref.initialFile,
     allowedExtensions = _ref.allowedExtensions,
     inputRef = _ref.inputRef,
+    initialErrors = _ref.initialErrors,
     onError = _ref.onError;
-  var fileListRef = useRef(null);
-  var _useState = useState(initialFile),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    file = _useState2[0],
-    setFile = _useState2[1];
-  var _useState3 = useState(false),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState(initialFile),
     _useState4 = _slicedToArray(_useState3, 2),
-    isDragOver = _useState4[0],
-    setDragOver = _useState4[1];
-  var _useState5 = useState(true),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    isPreview = _useState6[0],
-    setPreview = _useState6[1];
+    fileAsDataUrl = _useState6[0],
+    setFileAsDataUrl = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    errors = _useState8[0],
+    setErrors = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDragOver = _useState10[0],
+    setDragOver = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isPreview = _useState12[0],
+    setPreview = _useState12[1];
   var reader = useRef(new FileReader());
   useEffect(function () {
-    reader.current.result && getDataUrlFromFile(reader.current.result);
+    reader.current && getDataUrlFromFile(reader.current.result);
     reader.current.addEventListener('load', function () {
       return getDataUrlFromFile(reader.current.result);
     }, false);
@@ -37,8 +49,17 @@ var useImagePicker = function useImagePicker(_ref) {
   useEffect(function () {
     setFile(initialFile);
   }, [initialFile]);
+  useEffect(function () {
+    initialErrors && setErrors(initialErrors);
+  }, [initialErrors]);
+  useEffect(function () {
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
+  }, [fileAsDataUrl]);
   var onDropFile = function onDropFile(event) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors([]);
     event.stopPropagation();
     event.preventDefault();
     var files = event.dataTransfer.files;
@@ -53,22 +74,23 @@ var useImagePicker = function useImagePicker(_ref) {
       return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
     }, false);
     if (isValid) {
+      setErrors([]);
       return isValid;
     }
-    var newErrors = [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)];
-    onError === null || onError === void 0 ? void 0 : onError(newErrors);
+    setErrors([].concat(_toConsumableArray(errors), [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]));
+    onError === null || onError === void 0 ? void 0 : onError(errors);
     return isValid;
   };
   var onFileChange = function onFileChange(event) {
     changeFile(event.target.files);
   };
   var changeFile = function changeFile(files) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
+    setErrors([]);
     updateFile(files);
   };
   var updateFile = function updateFile(files) {
     if (files !== null && files !== void 0 && files.length) {
-      fileListRef.current = files;
+      setFileList(files);
       reader.current.readAsDataURL(files[0]);
       setFile({
         fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -87,10 +109,7 @@ var useImagePicker = function useImagePicker(_ref) {
     setPreview(true);
   };
   var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      fileList: fileListRef.current,
-      fileAsDataUrl: fileReaderResult
-    });
+    setFileAsDataUrl(fileReaderResult);
   };
   var onDragOver = function onDragOver(event) {
     event.stopPropagation();
@@ -105,9 +124,11 @@ var useImagePicker = function useImagePicker(_ref) {
   };
   var onFileDelete = function onFileDelete() {
     inputRef.current.value = '';
-    fileListRef.current = null;
+    setFileList(null);
     setFile(undefined);
+    setFileAsDataUrl(null);
     setPreview(true);
+    setErrors([]);
     onChange === null || onChange === void 0 ? void 0 : onChange({
       fileList: null,
       fileAsDataUrl: null
@@ -125,6 +146,7 @@ var useImagePicker = function useImagePicker(_ref) {
     onPreviewError: onPreviewError,
     changeFile: changeFile,
     file: file,
+    errors: errors,
     isPreview: isPreview,
     isDragOver: isDragOver
   };

package/build/esm/packages/aurora/src/components/image_picker/use_image_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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js

@@ -59,10 +59,9 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     imageExtenstion = _useState12[0],
     setImageExtenstion = _useState12[1];
-  var fileAsDataUrlRef = useRef(undefined);
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -72,13 +71,12 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               fileList: fileList,
               fileAsDataUrl: fileAsDataUrl
             });
-            fileAsDataUrlRef.current = fileAsDataUrl;
-            if (!(!fileList || !fileList.length || fileAsDataUrl)) {
-              _context.next = 6;
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 5;
               break;
             }
             return _context.abrupt("return");
-          case 6:
+          case 5:
             if (pendingRequestRef.current) {
               pendingRequestRef.current();
               pendingRequestRef.current = undefined;
@@ -90,44 +88,22 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               data: fileList[0]
             }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.prev = 10;
-            _context.next = 13;
-            return response;
-          case 13:
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
+          case 11:
             responseObject = _context.sent;
-            _context.next = 19;
-            break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](10);
-            onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
-          case 19:
-            _context.prev = 19;
-            setIsLoading(false);
-            return _context.finish(19);
-          case 22:
-            if (responseObject) {
-              _context.next = 24;
-              break;
-            }
-            return _context.abrupt("return");
-          case 24:
-            if (responseObject.data.imagePath) {
-              paths = {
-                original: responseObject.data.imagePath
-              };
-            }
             onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
               fileList: fileList,
-              dataUrl: fileAsDataUrlRef.current,
-              imageId: responseObject.data.imageId,
-              paths: paths
+              dataUrl: fileAsDataUrl,
+              imageId: responseObject.data.imageId
             });
-          case 26:
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 16, 19, 22]]);
+      }, _callee);
     }));
     return function handleControlChange(_x) {
       return _ref2.apply(this, arguments);
@@ -169,16 +145,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
   }, []);
   useEffect(function () {
     image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
+    return function () {
+      var _pendingRequestRef$cu;
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
   }, [image]);
   useEffect(function () {
     var src = image !== null && image !== void 0 ? image : initialImage;
     setImageEditorSrc(src !== null && src !== void 0 ? src : '');
   }, [image, initialImage, isLoading]);
-  useEffect(function () {
-    return function () {
-      if (pendingRequestRef.current) pendingRequestRef.current();
-    };
-  }, []);
   var renderImageEditor = function renderImageEditor(defaultProps) {
     return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
   };

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/xhr_image_picker/xhr_image_picker_types.d.ts

@@ -14,5 +14,4 @@ export declare type TUploadedImageData = {
     fileList: FileList;
     dataUrl: string | ArrayBuffer | null | undefined;
     imageId: string;
-    paths?: Record<any, any>;
 };

package/build/esm/packages/aurora/src/translations/en.json

@@ -7,7 +7,6 @@
     "Remove": "Remove",
     "Transfering file...": "Transfering file...",
     "Invalid file format": "Invalid file format",
-    "File upload failed": "File upload failed",
     "Select color": "Select color",
     "Shades of color": "Shades of color",
     "Linear gradient": "Linear gradient",

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

@@ -55,7 +55,6 @@ var en = {
 	Remove: Remove,
 	"Transfering file...": "Transfering file...",
 	"Invalid file format": "Invalid file format",
-	"File upload failed": "File upload failed",
 	"Select color": "Select color",
 	"Shades of color": "Shades of color",
 	"Linear gradient": "Linear gradient",

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/translations/pl.json

@@ -7,7 +7,6 @@
     "Remove": "Usuń",
     "Transfering file...": "Wgrywanie pliku...",
     "Invalid file format": "Niepoprawny format pliku",
-    "File upload failed": "Błąd wgrywania pliku",
     "Select color": "Wybierz kolor",
     "Shades of color": "Odcienie koloru",
     "Linear gradient": "Gradient liniowy",

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

@@ -55,7 +55,6 @@ var pl = {
 	Remove: Remove,
 	"Transfering file...": "Wgrywanie pliku...",
 	"Invalid file format": "Niepoprawny format pliku",
-	"File upload failed": "Błąd wgrywania pliku",
 	"Select color": "Wybierz kolor",
 	"Shades of color": "Odcienie koloru",
 	"Linear gradient": "Gradient liniowy",

package/build/esm/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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.1.5-4",
+  "version": "3.1.5",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",

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

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var delete_bin_icon = require('../../assets/icons/delete_bin_icon.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
-  var onFileDelete = _ref.onFileDelete;
-  var _useTranslation = useTranslation.useTranslation(),
-    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
-  return /*#__PURE__*/React__default['default'].createElement("button", {
-    "data-test-id": "image-picker-remove-button",
-    onClick: onFileDelete,
-    className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
-    type: "button"
-  }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
-    className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
-  }), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
-  }, "".concat(t('Remove'))));
-};
-
-exports.ImagePickerDeleteButton = ImagePickerDeleteButton;
-//# sourceMappingURL=image_picker_delete_button.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const ImagePickerDeleteButton: ({ onFileDelete }: {
-    onFileDelete: () => void;
-}) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { DeleteBinLineIcon } from '../../assets/icons/delete_bin_icon.js';
-
-var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
-  var onFileDelete = _ref.onFileDelete;
-  var _useTranslation = useTranslation(),
-    _useTranslation2 = _slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
-  return /*#__PURE__*/React.createElement("button", {
-    "data-test-id": "image-picker-remove-button",
-    onClick: onFileDelete,
-    className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
-    type: "button"
-  }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
-    className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
-  }, "".concat(t('Remove'))));
-};
-
-export { ImagePickerDeleteButton };
-//# sourceMappingURL=image_picker_delete_button.js.map

package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map

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