@bigbinary/neeto-image-uploader-frontend 2.3.8 → 2.3.10

package/dist/cjs/BasicImageUploader.js

@@ -6,8 +6,8 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var Button = require('@bigbinary/neetoui/Button');
-var ImageWithFallback = require('../ImageWithFallback-1ddf3f25.js');
-var utils = require('../utils-ede1695e.js');
+var ImageWithFallback = require('../ImageWithFallback-Dz9cyV2n.js');
+var utils = require('../utils-tPaqWDxV.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
@@ -19,19 +19,11 @@ require('@bigbinary/neeto-commons-frontend/initializers');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
-require('../index-cf7e4b89.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+require('../index-BtHfh_eu.js');
 
 var _excluded = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BasicImageUploader = function BasicImageUploader(_ref) {
   var _ref$src = _ref.src,
     src = _ref$src === void 0 ? "" : _ref$src,
@@ -48,9 +40,9 @@ var BasicImageUploader = function BasicImageUploader(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$onRemove = _ref.onRemove,
     onRemove = _ref$onRemove === void 0 ? neetoCist.noop : _ref$onRemove,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"](className, {
+    className: classnames(className, {
       "cursor-pointer": true,
       "cursor-not-allowed": isDisabled,
       "opacity-70": isDisabled && utils.isNilOrEmpty(src)
@@ -61,11 +53,11 @@ var BasicImageUploader = function BasicImageUploader(_ref) {
         src: src
       })), {}, {
         "data-cy": "uploaded-image"
-      })), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      })), /*#__PURE__*/jsxRuntime.jsx(Button, {
         className: "absolute right-3 top-3",
         "data-cy": "basic-image-uploader-remove-button",
         disabled: isDisabled,
-        icon: Delete__default["default"],
+        icon: Delete,
         size: "small",
         onClick: onRemove
       })]

package/dist/cjs/BasicImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicImageUploader.js","sources":["../../app/javascript/src/components/BasicImageUploader.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nimport ImageDirectUpload from \"./common/ImageDirectUpload\";\nimport ImageWithFallback from \"./common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"./constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"./ImageEditor/utils\";\n\nconst BasicImageUploader = ({\n  src = \"\",\n  className = \"\",\n  imageFallbackProps = { alt: \"Uplaoded Image\", className: \"h-full w-full\" },\n  onDrop = noop,\n  isDisabled = false,\n  onRemove = noop,\n  ...props\n}) => (\n  <div\n    className={classnames(className, {\n      \"cursor-pointer\": true,\n      \"cursor-not-allowed\": isDisabled,\n      \"opacity-70\": isDisabled && isNilOrEmpty(src),\n    })}\n  >\n    {isNotNilOrEmpty(src) ? (\n      <div className={IMAGE_WRAPPER_CLASSNAME}>\n        <ImageWithFallback\n          {...{ ...imageFallbackProps, src }}\n          data-cy=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute right-3 top-3\"\n          data-cy=\"basic-image-uploader-remove-button\"\n          disabled={isDisabled}\n          icon={Delete}\n          size=\"small\"\n          onClick={onRemove}\n        />\n      </div>\n    ) : (\n      <ImageDirectUpload {...{ ...props, isDisabled, onDrop }} />\n    )}\n  </div>\n);\n\nexport default BasicImageUploader;\n"],"names":["BasicImageUploader","_ref","_ref$src","src","_ref$className","className","_ref$imageFallbackPro","imageFallbackProps","alt","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","_ref$onRemove","onRemove","props","_objectWithoutProperties","_excluded","_jsx","classnames","isNilOrEmpty","children","isNotNilOrEmpty","_jsxs","IMAGE_WRAPPER_CLASSNAME","ImageWithFallback","_objectSpread","Button","disabled","icon","Delete","size","onClick","ImageDirectUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE,eAAA;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,4CAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,8BAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,kBAAY,CAAClB,GAAG,CAAA;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,qBAAe,CAACpB,GAAG,CAAC,gBACnBqB,eAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,6BAAwB;AAAAH,MAAAA,QAAA,EACtCH,cAAAA,cAAA,CAACO,mCAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,EAAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA,GAAAA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,SAAQ,EAAA,gBAAA;AAAgB,OAAA,CACzB,CAAC,eACFgB,cAAA,CAACS,0BAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,wBAAwB;AAClC,QAAA,SAAA,EAAQ,oCAAoC;AAC5CwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,0BAAO;AACbC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,OAAO,EAAElB,QAAAA;AAAS,OACnB,CAAC,CAAA;AAAA,KACC,CAAC,gBAENI,cAAA,CAACe,mCAAiB,EAAAP,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAUX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEH,MAAAA,UAAU,EAAVA,UAAU;AAAEH,MAAAA,MAAM,EAANA,MAAAA;KAAW,CAAA,CAAA,CAAA;AAC3D,GACE,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"BasicImageUploader.js","sources":["../../app/javascript/src/components/BasicImageUploader.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nimport ImageDirectUpload from \"./common/ImageDirectUpload\";\nimport ImageWithFallback from \"./common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"./constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"./ImageEditor/utils\";\n\nconst BasicImageUploader = ({\n  src = \"\",\n  className = \"\",\n  imageFallbackProps = { alt: \"Uplaoded Image\", className: \"h-full w-full\" },\n  onDrop = noop,\n  isDisabled = false,\n  onRemove = noop,\n  ...props\n}) => (\n  <div\n    className={classnames(className, {\n      \"cursor-pointer\": true,\n      \"cursor-not-allowed\": isDisabled,\n      \"opacity-70\": isDisabled && isNilOrEmpty(src),\n    })}\n  >\n    {isNotNilOrEmpty(src) ? (\n      <div className={IMAGE_WRAPPER_CLASSNAME}>\n        <ImageWithFallback\n          {...{ ...imageFallbackProps, src }}\n          data-cy=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute right-3 top-3\"\n          data-cy=\"basic-image-uploader-remove-button\"\n          disabled={isDisabled}\n          icon={Delete}\n          size=\"small\"\n          onClick={onRemove}\n        />\n      </div>\n    ) : (\n      <ImageDirectUpload {...{ ...props, isDisabled, onDrop }} />\n    )}\n  </div>\n);\n\nexport default BasicImageUploader;\n"],"names":["BasicImageUploader","_ref","_ref$src","src","_ref$className","className","_ref$imageFallbackPro","imageFallbackProps","alt","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","_ref$onRemove","onRemove","props","_objectWithoutProperties","_excluded","_jsx","classnames","isNilOrEmpty","children","isNotNilOrEmpty","_jsxs","IMAGE_WRAPPER_CLASSNAME","ImageWithFallback","_objectSpread","Button","disabled","icon","Delete","size","onClick","ImageDirectUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE,eAAA;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,UAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,kBAAY,CAAClB,GAAG,CAAA;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,qBAAe,CAACpB,GAAG,CAAC,gBACnBqB,eAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,6BAAwB;AAAAH,MAAAA,QAAA,EACtCH,cAAAA,cAAA,CAACO,mCAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,EAAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA,GAAAA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,SAAQ,EAAA,gBAAA;AAAgB,OAAA,CACzB,CAAC,eACFgB,cAAA,CAACS,MAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,wBAAwB;AAClC,QAAA,SAAA,EAAQ,oCAAoC;AAC5CwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,OAAO,EAAElB,QAAAA;AAAS,OACnB,CAAC,CAAA;AAAA,KACC,CAAC,gBAENI,cAAA,CAACe,mCAAiB,EAAAP,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAUX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEH,MAAAA,UAAU,EAAVA,UAAU;AAAEH,MAAAA,MAAM,EAANA,MAAAA;KAAW,CAAA,CAAA,CAAA;AAC3D,GACE,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/ImageUploader.js

@@ -2,27 +2,29 @@
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var require$$0 = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
-var Toastr = require('@bigbinary/neetoui/Toastr');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var ImageWithFallback = require('../ImageWithFallback-1ddf3f25.js');
-var utils = require('../utils-ede1695e.js');
-var AssetLibrary = require('../index-14b217c0.js');
-var useImageUploader = require('../useImageUploader-3de58fe2.js');
-var index = require('../index-cf7e4b89.js');
+var ImageWithFallback = require('../ImageWithFallback-Dz9cyV2n.js');
+var utils = require('../utils-tPaqWDxV.js');
+var AssetLibrary = require('../index-By7BkNOh.js');
+var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
+var index = require('../index-BtHfh_eu.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('react-dropzone');
 require('i18next');
+require('@bigbinary/neetoui/Toastr');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('@bigbinary/neetoui/Spinner');
@@ -33,28 +35,16 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');
-require('../query-3c31bf92.js');
+require('../query-B7ahlELA.js');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
 require('@rails/activestorage');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
-var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-
 var _excluded = ["key", "label"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = Dropdown__default["default"].Menu,
-  MenuItem = Dropdown__default["default"].MenuItem;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
 var ImageUploader = function ImageUploader(_ref) {
   var _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? neetoCist.noop : _ref$onUploadComplete,
@@ -67,19 +57,19 @@ var ImageUploader = function ImageUploader(_ref) {
     _ref$fixedAspectRatio = _ref.fixedAspectRatio,
     fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio;
   var _useState = require$$0.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isAssetLibraryOpen = _useState2[0],
     setIsAssetLibraryOpen = _useState2[1];
   var _useState3 = require$$0.useState({
       url: src
     }),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     image = _useState4[0],
     setImage = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useCreateBlob = useImageUploader.useCreateBlob(),
-    createBlob = _useCreateBlob.mutate;
+    createBlob = _useCreateBlob.mutateAsync;
   var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
   var isCloudFlareImageUploader = initializers.globalProps.assetsUploaderService === index.CLOUD_FLARE;
   var handleDelete = function handleDelete() {
@@ -113,44 +103,62 @@ var ImageUploader = function ImageUploader(_ref) {
     setImage(image);
     onChange(image);
   };
-  var handleUploadComplete = function handleUploadComplete(result) {
-    if (index.IS_DEVELOPMENT_OR_HEROKU_ENV) {
-      handleSuccess(ramda.mergeRight(result, {
-        metadata: {
-          url: result.url
+  var handleUploadComplete = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+      var imageKitPayload, cloudFlarePayload, payload, response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!index.IS_DEVELOPMENT_OR_HEROKU_ENV) {
+              _context.next = 3;
+              break;
+            }
+            handleSuccess(ramda.mergeRight(result, {
+              metadata: {
+                url: result.url
+              }
+            }));
+            return _context.abrupt("return");
+          case 3:
+            imageKitPayload = function imageKitPayload() {
+              return {
+                filename: useImageUploader.generateASCIIFileName(result.name),
+                byte_size: result.size,
+                content_type: result.fileType,
+                checksum: result.fileId,
+                metadata: result,
+                service_name: "imagekitio"
+              };
+            };
+            cloudFlarePayload = function cloudFlarePayload() {
+              return {
+                filename: useImageUploader.generateASCIIFileName(result.filename),
+                content_type: result.contentType,
+                byte_size: result.byteSize,
+                checksum: result.id,
+                metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
+                  url: AssetLibrary.constructCloudflareImageURL(result.variants[0]),
+                  isCropped: false
+                }),
+                service_name: "cloudflare_image"
+              };
+            };
+            payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
+            _context.next = 8;
+            return createBlob(payload, {});
+          case 8:
+            response = _context.sent;
+            handleSuccess(response);
+          case 10:
+          case "end":
+            return _context.stop();
         }
-      }));
-      return;
-    }
-    var imageKitPayload = function imageKitPayload() {
-      return {
-        filename: useImageUploader.generateASCIIFileName(result.name),
-        byte_size: result.size,
-        content_type: result.fileType,
-        checksum: result.fileId,
-        metadata: result,
-        service_name: "imagekitio"
-      };
-    };
-    var cloudFlarePayload = function cloudFlarePayload() {
-      return {
-        filename: useImageUploader.generateASCIIFileName(result.filename),
-        content_type: result.contentType,
-        byte_size: result.byteSize,
-        checksum: result.id,
-        metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
-          url: AssetLibrary.constructCloudflareImageURL(result.variants[0]),
-          isCropped: false
-        }),
-        service_name: "cloudflare_image"
-      };
+      }, _callee);
+    }));
+    return function handleUploadComplete(_x) {
+      return _ref2.apply(this, arguments);
     };
-    var payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
-    createBlob(payload, {
-      onSuccess: handleSuccess,
-      onError: Toastr__default["default"].error
-    });
-  };
+  }();
   var _useImageUploader = useImageUploader.useImageUploader({
       onUploadComplete: handleUploadComplete
     }),
@@ -169,7 +177,7 @@ var ImageUploader = function ImageUploader(_ref) {
     "data-cy": "image-uploader-remove-button"
   }];
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames__default["default"](className, {
+    className: classnames(className, {
       "cursor-pointer": true
     }),
     children: [utils.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -179,19 +187,19 @@ var ImageUploader = function ImageUploader(_ref) {
         className: "h-full w-full",
         "data-cy": "uploaded-image",
         src: image.url
-      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
         buttonSize: "small",
         buttonStyle: "tertiary",
-        icon: MenuHorizontal__default["default"],
+        icon: MenuHorizontal,
         buttonProps: {
           // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
           className: "absolute right-3 top-3 rounded-full"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
-          children: options.map(function (_ref2) {
-            var key = _ref2.key,
-              label = _ref2.label,
-              otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+          children: options.map(function (_ref3) {
+            var key = _ref3.key,
+              label = _ref3.label,
+              otherProps = _objectWithoutProperties(_ref3, _excluded);
             return /*#__PURE__*/require$$0.createElement(MenuItem.Button, _objectSpread(_objectSpread({}, otherProps), {}, {
               key: key
             }), label);

package/dist/cjs/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n}) => {\n  const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n  const [image, setImage] = useState({ url: src });\n\n  const { t } = useTranslation();\n\n  const { mutate: createBlob } = useCreateBlob();\n\n  const uploadConfigWithDefaults = mergeRight(\n    DEFAULT_UPLOAD_CONFIG,\n    uploadConfig\n  );\n\n  const isCloudFlareImageUploader =\n    globalProps.assetsUploaderService === CLOUD_FLARE;\n\n  const handleDelete = () => {\n    setImage({});\n    onChange({\n      url: \"\",\n      signedId: \"\",\n      key: \"\",\n      filename: \"\",\n      size: \"\",\n      type: \"\",\n    });\n  };\n\n  const onChange = file => onUploadComplete(file);\n\n  const handleSuccess = attachedImage => {\n    setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n    onChange({\n      filename: generateASCIIFileName(attachedImage.filename),\n      key: attachedImage.key,\n      url: attachedImage.blobUrl,\n      signedId: attachedImage.signedId,\n      size: attachedImage.byteSize,\n      type: attachedImage.contentType,\n    });\n  };\n\n  const handleImageSelectionFromLibrary = image => {\n    setImage(image);\n    onChange(image);\n  };\n\n  const handleUploadComplete = result => {\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n      handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n      return;\n    }\n\n    const imageKitPayload = () => ({\n      filename: generateASCIIFileName(result.name),\n      byte_size: result.size,\n      content_type: result.fileType,\n      checksum: result.fileId,\n      metadata: result,\n      service_name: \"imagekitio\",\n    });\n\n    const cloudFlarePayload = () => ({\n      filename: generateASCIIFileName(result.filename),\n      content_type: result.contentType,\n      byte_size: result.byteSize,\n      checksum: result.id,\n      metadata: {\n        ...result.metadata,\n        url: constructCloudflareImageURL(result.variants[0]),\n        isCropped: false,\n      },\n      service_name: \"cloudflare_image\",\n    });\n\n    const payload = isCloudFlareImageUploader\n      ? cloudFlarePayload()\n      : imageKitPayload();\n\n    createBlob(payload, {\n      onSuccess: handleSuccess,\n      onError: Toastr.error,\n    });\n  };\n\n  const { uploadFile } = useImageUploader({\n    onUploadComplete: handleUploadComplete,\n  });\n\n  const options = [\n    {\n      key: OPTION_KEYS.asset,\n      label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n      onClick: () => setIsAssetLibraryOpen(true),\n      \"data-cy\": \"image-uploader-open-image-library-button\",\n    },\n    {\n      key: OPTION_KEYS.remove,\n      label: t(\"neetoImageUploader.imageUpload.remove\"),\n      onClick: handleDelete,\n      \"data-cy\": \"image-uploader-remove-button\",\n    },\n  ];\n\n  return (\n    <div className={classnames(className, { \"cursor-pointer\": true })}>\n      {isNotNilOrEmpty(image.url) ? (\n        <div\n          className={IMAGE_WRAPPER_CLASSNAME}\n          data-cy=\"image-uploader-wrapper\"\n        >\n          <ImageWithFallback\n            className=\"h-full w-full\"\n            data-cy=\"uploaded-image\"\n            src={image.url}\n          />\n          <Dropdown\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={MenuHorizontal}\n            buttonProps={{\n              // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n              className: \"absolute right-3 top-3 rounded-full\",\n            }}\n          >\n            <Menu>\n              {options.map(({ key, label, ...otherProps }) => (\n                <MenuItem.Button {...otherProps} key={key}>\n                  {label}\n                </MenuItem.Button>\n              ))}\n            </Menu>\n          </Dropdown>\n        </div>\n      ) : (\n        <ImageDirectUpload\n          {...{ setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ fixedAspectRatio }}\n        isOpen={isAssetLibraryOpen}\n        uploadConfig={uploadConfigWithDefaults}\n        onClose={() => setIsAssetLibraryOpen(false)}\n        onUploadComplete={handleImageSelectionFromLibrary}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","result","IS_DEVELOPMENT_OR_HEROKU_ENV","imageKitPayload","name","byte_size","content_type","fileType","checksum","fileId","service_name","cloudFlarePayload","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","payload","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n}) => {\n  const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n  const [image, setImage] = useState({ url: src });\n\n  const { t } = useTranslation();\n\n  const { mutateAsync: createBlob } = useCreateBlob();\n\n  const uploadConfigWithDefaults = mergeRight(\n    DEFAULT_UPLOAD_CONFIG,\n    uploadConfig\n  );\n\n  const isCloudFlareImageUploader =\n    globalProps.assetsUploaderService === CLOUD_FLARE;\n\n  const handleDelete = () => {\n    setImage({});\n    onChange({\n      url: \"\",\n      signedId: \"\",\n      key: \"\",\n      filename: \"\",\n      size: \"\",\n      type: \"\",\n    });\n  };\n\n  const onChange = file => onUploadComplete(file);\n\n  const handleSuccess = attachedImage => {\n    setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n    onChange({\n      filename: generateASCIIFileName(attachedImage.filename),\n      key: attachedImage.key,\n      url: attachedImage.blobUrl,\n      signedId: attachedImage.signedId,\n      size: attachedImage.byteSize,\n      type: attachedImage.contentType,\n    });\n  };\n\n  const handleImageSelectionFromLibrary = image => {\n    setImage(image);\n    onChange(image);\n  };\n\n  const handleUploadComplete = async result => {\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n      handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n      return;\n    }\n\n    const imageKitPayload = () => ({\n      filename: generateASCIIFileName(result.name),\n      byte_size: result.size,\n      content_type: result.fileType,\n      checksum: result.fileId,\n      metadata: result,\n      service_name: \"imagekitio\",\n    });\n\n    const cloudFlarePayload = () => ({\n      filename: generateASCIIFileName(result.filename),\n      content_type: result.contentType,\n      byte_size: result.byteSize,\n      checksum: result.id,\n      metadata: {\n        ...result.metadata,\n        url: constructCloudflareImageURL(result.variants[0]),\n        isCropped: false,\n      },\n      service_name: \"cloudflare_image\",\n    });\n\n    const payload = isCloudFlareImageUploader\n      ? cloudFlarePayload()\n      : imageKitPayload();\n\n    const response = await createBlob(payload, {});\n    handleSuccess(response);\n  };\n\n  const { uploadFile } = useImageUploader({\n    onUploadComplete: handleUploadComplete,\n  });\n\n  const options = [\n    {\n      key: OPTION_KEYS.asset,\n      label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n      onClick: () => setIsAssetLibraryOpen(true),\n      \"data-cy\": \"image-uploader-open-image-library-button\",\n    },\n    {\n      key: OPTION_KEYS.remove,\n      label: t(\"neetoImageUploader.imageUpload.remove\"),\n      onClick: handleDelete,\n      \"data-cy\": \"image-uploader-remove-button\",\n    },\n  ];\n\n  return (\n    <div className={classnames(className, { \"cursor-pointer\": true })}>\n      {isNotNilOrEmpty(image.url) ? (\n        <div\n          className={IMAGE_WRAPPER_CLASSNAME}\n          data-cy=\"image-uploader-wrapper\"\n        >\n          <ImageWithFallback\n            className=\"h-full w-full\"\n            data-cy=\"uploaded-image\"\n            src={image.url}\n          />\n          <Dropdown\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={MenuHorizontal}\n            buttonProps={{\n              // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n              className: \"absolute right-3 top-3 rounded-full\",\n            }}\n          >\n            <Menu>\n              {options.map(({ key, label, ...otherProps }) => (\n                <MenuItem.Button {...otherProps} key={key}>\n                  {label}\n                </MenuItem.Button>\n              ))}\n            </Menu>\n          </Dropdown>\n        </div>\n      ) : (\n        <ImageDirectUpload\n          {...{ setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ fixedAspectRatio }}\n        isOpen={isAssetLibraryOpen}\n        uploadConfig={uploadConfigWithDefaults}\n        onClose={() => setIsAssetLibraryOpen(false)}\n        onUploadComplete={handleImageSelectionFromLibrary}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}

package/dist/cjs/hooks.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useProfileImageUpload = require('../useProfileImageUpload-69bf6ee9.js');
-var useImageUploader = require('../useImageUploader-3de58fe2.js');
+var useProfileImageUpload = require('../useProfileImageUpload-UUrg2Lkw.js');
+var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');
 require('react');
 require('@rails/activestorage');
-require('../index-cf7e4b89.js');
+require('../index-BtHfh_eu.js');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neetoui/Toastr');
@@ -18,7 +16,7 @@ require('i18next');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('../query-3c31bf92.js');
+require('../query-B7ahlELA.js');
 require('axios');
 
 

package/dist/cjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('../index-14b217c0.js');
-var useProfileImageUpload = require('../useProfileImageUpload-69bf6ee9.js');
-var useImageUploader = require('../useImageUploader-3de58fe2.js');
+var AssetLibrary = require('../index-By7BkNOh.js');
+var useProfileImageUpload = require('../useProfileImageUpload-UUrg2Lkw.js');
+var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
 var utils = require('./utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -14,20 +12,22 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../ImageWithFallback-1ddf3f25.js');
+require('../ImageWithFallback-Dz9cyV2n.js');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
 require('react-i18next');
-require('../utils-ede1695e.js');
+require('../utils-tPaqWDxV.js');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
-require('../index-cf7e4b89.js');
+require('../index-BtHfh_eu.js');
 require('react/jsx-runtime');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neetoui/Dropdown');
 require('@bigbinary/neetoui/Modal');
@@ -40,11 +40,9 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');
-require('../query-3c31bf92.js');
+require('../query-B7ahlELA.js');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
 require('@rails/activestorage');
 
 

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var query = require('../query-3c31bf92.js');
+var query = require('../query-B7ahlELA.js');
 
 var refetchImageLibraryAssetList = function refetchImageLibraryAssetList(queryClient) {
   return queryClient.invalidateQueries({

package/dist/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../app/javascript/src/utils/index.js"],"sourcesContent":["import { QUERY_KEYS } from \"src/constants/query\";\n\nexport const refetchImageLibraryAssetList = queryClient =>\n  queryClient.invalidateQueries({\n    queryKey: [QUERY_KEYS.ASSETS_LIST],\n  });\n"],"names":["refetchImageLibraryAssetList","queryClient","invalidateQueries","queryKey","QUERY_KEYS","ASSETS_LIST"],"mappings":";;;;;;IAEaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGC,WAAW,EAAA;EAAA,OACrDA,WAAW,CAACC,iBAAiB,CAAC;AAC5BC,IAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACC,WAAW,CAAA;AACnC,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"utils.js","sources":["../../app/javascript/src/utils/index.js"],"sourcesContent":["import { QUERY_KEYS } from \"src/constants/query\";\n\nexport const refetchImageLibraryAssetList = queryClient =>\n  queryClient.invalidateQueries({\n    queryKey: [QUERY_KEYS.ASSETS_LIST],\n  });\n"],"names":["refetchImageLibraryAssetList","queryClient","invalidateQueries","queryKey","QUERY_KEYS","ASSETS_LIST"],"mappings":";;;;IAEaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGC,WAAW,EAAA;EAAA,OACrDA,WAAW,CAACC,iBAAiB,CAAC;AAC5BC,IAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACC,WAAW,CAAA;AACnC,GAAC,CAAC,CAAA;AAAA;;;;"}

package/dist/hooks.js

@@ -1,11 +1,11 @@
-export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-cad1ed36.js';
-export { a as useImageUploader } from './useImageUploader-1c60ac64.js';
+export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-KpvcwEqx.js';
+export { u as useImageUploader } from './useImageUploader-RX88_Cp-.js';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';
 import 'react';
 import '@rails/activestorage';
-import './index-8605e11c.js';
+import './index-CZjb2iXB.js';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neetoui/Toastr';
@@ -14,6 +14,6 @@ import 'i18next';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
-import './query-dcc7b81b.js';
+import './query-B0eDmse7.js';
 import 'axios';
 //# sourceMappingURL=hooks.js.map

package/dist/{index-cf7e4b89.js → index-BtHfh_eu.js}

@@ -34,7 +34,6 @@ function _defineProperties(target, props) {
 
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
   return Constructor;
 }
 
@@ -408,7 +407,7 @@ function removeLeadingSlash(str) {
   return str;
 }
 function pathJoin(parts, sep) {
-  var separator = sep || "/";
+  var separator = "/";
   var replace = new RegExp(separator + "{1,}", "g");
   return parts.join(separator).replace(replace, separator);
 }
@@ -564,4 +563,4 @@ var CLOUD_FLARE = "cloudflare";
 exports.CLOUD_FLARE = CLOUD_FLARE;
 exports.IS_DEVELOPMENT_OR_HEROKU_ENV = IS_DEVELOPMENT_OR_HEROKU_ENV;
 exports.ImageKit = ImageKit;
-//# sourceMappingURL=index-cf7e4b89.js.map
+//# sourceMappingURL=index-BtHfh_eu.js.map