@dreamcommerce/aurora 3.0.0-8 → 3.0.0-81

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var error_list_item_variants = require('./error_list_item_variants.js');
+
+var _excluded = ["children", "className"];
+var ErrorListItem = function ErrorListItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(error_list_item_variants.errorListItemVariants(), className)
+  }, props), children);
+};
+
+exports.ErrorListItem = ErrorListItem;
+//# sourceMappingURL=error_list_item.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js.map

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

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item_variants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var errorListItemVariants = index.cva('aurora-text-xs aurora-leading-5 aurora-text-danger');
+
+exports.errorListItemVariants = errorListItemVariants;
+//# sourceMappingURL=error_list_item_variants.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var error_list_item = require('./components/error_list_item.js');
+var error_list_variants = require('./error_list_variants.js');
+
+var _excluded = ["errors", "className"];
+var ErrorList = function ErrorList(_ref) {
+  var errors = _ref.errors,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var singleError = typeof errors === 'string';
+  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(error_list_variants.errorListVariants(), className)
+  }, props), singleError ? (/*#__PURE__*/React.createElement(error_list_item.ErrorListItem, null, errors)) : errors.map(function (error, index) {
+    return /*#__PURE__*/React.createElement(error_list_item.ErrorListItem, {
+      key: "error-".concat(index)
+    }, error);
+  }));
+};
+
+exports.ErrorList = ErrorList;
+//# sourceMappingURL=error_list.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list.js.map

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

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var errorListVariants = index.cva('aurora-list-none');
+
+exports.errorListVariants = errorListVariants;
+//# sourceMappingURL=error_list_variants.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js.map

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

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var helper_text_variants = require('./helper_text_variants.js');
+
+var _excluded = ["className"];
+var HelperText = function HelperText(_ref) {
+  var className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("p", _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(helper_text_variants.helperTextVariants(), className)
+  }, props));
+};
+
+exports.HelperText = HelperText;
+//# sourceMappingURL=helper_text.js.map

package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js.map

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

package/build/cjs/packages/aurora/src/components/helper_text/helper_text_variants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var helperTextVariants = index.cva('aurora-text-xs aurora-text-subtle-light aurora-leading-5 aurora-m-0');
+
+exports.helperTextVariants = helperTextVariants;
+//# sourceMappingURL=helper_text_variants.js.map

package/build/cjs/packages/aurora/src/components/helper_text/helper_text_variants.js.map

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

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var button_constants = require('../button/button_constants.js');
+var button_variants = require('../button/button_variants.js');
+var reactSlot = require('@radix-ui/react-slot');
+var icon_button_variants = require('./icon_button_variants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "variant", "size", "asChild", "Icon", "children"];
+var IconButton = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    Icon = _ref.Icon,
+    children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var Comp = asChild ? reactSlot.Slot : 'button';
+  return /*#__PURE__*/React__default['default'].createElement(Comp, _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(button_variants.buttonVariants({
+      variant: variant,
+      size: size,
+      className: className
+    }), icon_button_variants.iconButtonVariants({
+      size: size
+    })),
+    ref: ref
+  }, props), Icon ? /*#__PURE__*/React__default['default'].createElement(Icon, {
+    size: size === button_constants.BUTTON_SIZES.s ? '14' : '16'
+  }) : children);
+});
+IconButton.displayName = 'IconButton';
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=icon_button.js.map

package/build/cjs/packages/aurora/src/components/icon_button/icon_button.js.map

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

package/build/cjs/packages/aurora/src/components/icon_button/icon_button_variants.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+var button_constants = require('../button/button_constants.js');
+
+var iconButtonVariants = index.cva('', {
+  variants: {
+    size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_SIZES.default, '!aurora-p-2'), button_constants.BUTTON_SIZES.s, '!aurora-p-3')
+  },
+  defaultVariants: {
+    size: button_constants.BUTTON_SIZES.default
+  }
+});
+
+exports.iconButtonVariants = iconButtonVariants;
+//# sourceMappingURL=icon_button_variants.js.map

package/build/cjs/packages/aurora/src/components/icon_button/icon_button_variants.js.map

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

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

@@ -0,0 +1,51 @@
+'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 cn = require('../../../utilities/cn.js');
+var upload_icon = require('../../../assets/icons/upload_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerInput = function ImagePickerInput(_ref) {
+  var id = _ref.id,
+    onDropFile = _ref.onDropFile,
+    onDragOver = _ref.onDragOver,
+    onDragLeave = _ref.onDragLeave,
+    allowedExtensions = _ref.allowedExtensions,
+    isDragOver = _ref.isDragOver;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    htmlFor: id,
+    onDrop: onDropFile,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group"
+  }, isDragOver && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none')
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: " aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-interactive"
+  }, "".concat(t('Drop file here')))))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
+  }, /*#__PURE__*/React__default['default'].createElement(upload_icon.UploadLineIcon, {
+    className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover:aurora-fill-primary aurora-mb-2"
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-text-xs aurora-text-interactive aurora-font-semibold"
+  }, "".concat(t('Drag a file here or browse'))), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-subtle-light aurora-font-normal aurora-text-center"
+  }, "".concat(t('supported format')), ": ", allowedExtensions.map(function (extension) {
+    return "*.".concat(extension);
+  }).join(', '))));
+};
+
+exports.ImagePickerInput = ImagePickerInput;
+//# sourceMappingURL=image_picker_input.js.map

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

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

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerPreview = function ImagePickerPreview(_ref) {
+  var file = _ref.file,
+    onError = _ref.onError,
+    onLoad = _ref.onLoad;
+  return /*#__PURE__*/React__default['default'].createElement("img", {
+    className: "aurora-rounded-4 aurora-w-full aurora-h-full",
+    alt: file.fileName,
+    src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
+    onError: onError,
+    onLoad: onLoad
+  });
+};
+
+exports.ImagePickerPreview = ImagePickerPreview;
+//# sourceMappingURL=image_picker_preview.js.map

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

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

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

@@ -0,0 +1,43 @@
+'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 utilities = require('@dreamcommerce/utilities');
+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 UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
+  var imageSize = _ref.imageSize,
+    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;
+  var imageHeight = imageSize && imageSize.height;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    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(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]'
+  }, /*#__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;
+//# sourceMappingURL=uploaded_image_picker_item.js.map

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

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

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

@@ -0,0 +1,157 @@
+'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 cn = require('../../utilities/cn.js');
+var error_list = require('../error_list/error_list.js');
+var image_picker_constants = require('./image_picker_constants.js');
+var image_picker_preview = require('./components/image_picker_preview.js');
+var image_picker_input = require('./components/image_picker_input.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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
+  var id = _ref.id,
+    onChange = _ref.onChange,
+    onError = _ref.onError,
+    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,
+    initialFile = _ref.initialFile,
+    name = _ref.name,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    topButtons = _ref.topButtons,
+    editedImageResult = _ref.editedImageResult;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var inputRef = /*#__PURE__*/React.createRef();
+  var handleOnChange = function handleOnChange(ev) {
+    var _ev$fileList;
+    onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+    if ((_ev$fileList = ev.fileList) !== null && _ev$fileList !== void 0 && _ev$fileList.length) {
+      setImageSizeBasedOnUrl(URL.createObjectURL(ev.fileList[0]));
+    }
+  };
+  var _useImagePicker = use_image_picker.useImagePicker({
+      initialFile: initialFile,
+      onChange: handleOnChange,
+      allowedExtensions: allowedExtensions,
+      initialErrors: initialErrors,
+      onError: onError,
+      inputRef: inputRef
+    }),
+    onDropFile = _useImagePicker.onDropFile,
+    onFileChange = _useImagePicker.onFileChange,
+    onDragOver = _useImagePicker.onDragOver,
+    onDragLeave = _useImagePicker.onDragLeave,
+    onFileDelete = _useImagePicker.onFileDelete,
+    onPreviewError = _useImagePicker.onPreviewError,
+    changeFile = _useImagePicker.changeFile,
+    file = _useImagePicker.file,
+    errors = _useImagePicker.errors,
+    isPreview = _useImagePicker.isPreview,
+    isDragOver = _useImagePicker.isDragOver;
+  var _useState = React.useState(undefined),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    imageSize = _useState2[0],
+    setImageSize = _useState2[1];
+  var acceptFiles = image_picker_utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+  React.useEffect(function () {
+    onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(imageSize);
+  }, [imageSize]);
+  React.useEffect(function () {
+    initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
+  }, [initialFile]);
+  React.useEffect(function () {
+    if (!editedImageResult) return;
+    var fileList = createFileList(editedImageResult);
+    changeFile(fileList);
+  }, [editedImageResult]);
+  var createFileList = function createFileList(file) {
+    var fileArray = [];
+    fileArray.push(file);
+    return fileArray;
+  };
+  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:
+            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 createImageFromUrl(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleOnFileDelete = function handleOnFileDelete() {
+    onFileDelete();
+    setImageSize(undefined);
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-mb-1"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-rounded-8 aurora-relative hover:aurora-border-active', {
+      'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
+      'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger': errors && errors.length > 0,
+      'aurora-border-none': isDragOver
+    })
+  }, file && !(errors !== null && errors !== void 0 && errors.length) ? isPreview ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-p-1 aurora-pb-2 aurora-relative"
+  }, topButtons && /*#__PURE__*/React__default['default'].createElement("div", null, topButtons), /*#__PURE__*/React__default['default'].createElement(image_picker_preview.ImagePickerPreview, {
+    file: file,
+    onError: onPreviewError
+  }), /*#__PURE__*/React__default['default'].createElement(uploaded_image_picker_item.UploadedImagePickerItem, {
+    imageSize: imageSize,
+    file: file,
+    isValid: !(errors !== null && errors !== void 0 && errors.length),
+    onFileDelete: handleOnFileDelete
+  }))) : (/*#__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,
+    allowedExtensions: allowedExtensions,
+    id: id,
+    onDropFile: onDropFile
+  })), /*#__PURE__*/React__default['default'].createElement("input", {
+    className: "aurora-hidden",
+    onChange: onFileChange,
+    id: id,
+    ref: inputRef,
+    type: "file",
+    name: name,
+    accept: acceptFiles
+  })), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }));
+});
+
+exports.ImagePicker = ImagePicker;
+//# sourceMappingURL=image_picker.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var IMAGE_PICKER_EXTENSIONS = {
+  GIF: 'gif',
+  JPG: 'jpg',
+  JPEG: 'jpeg',
+  PNG: 'png',
+  WEBP: 'webp',
+  SVG: 'svg'
+};
+var MIME_FILE_EXTENSIONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, IMAGE_PICKER_EXTENSIONS.GIF, 'image/gif'), IMAGE_PICKER_EXTENSIONS.JPG, 'image/jpg'), IMAGE_PICKER_EXTENSIONS.JPEG, 'image/jpeg'), IMAGE_PICKER_EXTENSIONS.PNG, 'image/png'), IMAGE_PICKER_EXTENSIONS.WEBP, 'image/webp'), IMAGE_PICKER_EXTENSIONS.SVG, 'image/svg+xml');
+var FILE_EXTENSION_TO_MIME_TYPE = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, IMAGE_PICKER_EXTENSIONS.GIF, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF]), IMAGE_PICKER_EXTENSIONS.JPG, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG]), IMAGE_PICKER_EXTENSIONS.JPEG, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG]), IMAGE_PICKER_EXTENSIONS.PNG, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG]), IMAGE_PICKER_EXTENSIONS.WEBP, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP]), IMAGE_PICKER_EXTENSIONS.SVG, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG]);
+var MIME_TYPE_TO_FILE_EXTENSIONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF], IMAGE_PICKER_EXTENSIONS.GIF), MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG], IMAGE_PICKER_EXTENSIONS.JPG), MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG], IMAGE_PICKER_EXTENSIONS.JPEG), MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG], IMAGE_PICKER_EXTENSIONS.PNG), MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP], IMAGE_PICKER_EXTENSIONS.WEBP), MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG], IMAGE_PICKER_EXTENSIONS.SVG);
+var IMAGE_PICKER_ERROR = {
+  invalidFileFormat: 'Invalid file format'
+};
+
+exports.FILE_EXTENSION_TO_MIME_TYPE = FILE_EXTENSION_TO_MIME_TYPE;
+exports.IMAGE_PICKER_ERROR = IMAGE_PICKER_ERROR;
+exports.IMAGE_PICKER_EXTENSIONS = IMAGE_PICKER_EXTENSIONS;
+exports.MIME_FILE_EXTENSIONS = MIME_FILE_EXTENSIONS;
+exports.MIME_TYPE_TO_FILE_EXTENSIONS = MIME_TYPE_TO_FILE_EXTENSIONS;
+//# sourceMappingURL=image_picker_constants.js.map

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

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var image_picker_constants = require('./image_picker_constants.js');
+
+var getAcceptFilesParametersFromAllowedExtensions = function getAcceptFilesParametersFromAllowedExtensions(allowedExtensions) {
+  return allowedExtensions.map(function (extension) {
+    return image_picker_constants.FILE_EXTENSION_TO_MIME_TYPE[extension];
+  }).join(', ');
+};
+
+exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;
+//# sourceMappingURL=image_picker_utils.js.map

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

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