@bigbinary/neeto-image-uploader-frontend 4.0.10 → 4.0.12

package/dist/cjs/ImageUploader.js

@@ -13,24 +13,25 @@ var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var utils = require('../utils-adgVs86v.js');
+var utils$1 = require('../utils-BkIHGr19.js');
 var ImageWithFallback = require('../ImageWithFallback-D1ClfJLn.js');
-var constants = require('../constants-BJsrtAQc.js');
-var AssetLibrary = require('../index-BlS6h8bb.js');
-var useImageUploader = require('../useImageUploader-CxdkRzC5.js');
-var imagekit_esm = require('../imagekit.esm-BOkeWsyX.js');
+var constants = require('../constants-rSdnoUWv.js');
+var AssetLibrary = require('../index-CbRMVeis.js');
+var utils = require('../utils-Dshsishe.js');
+var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var imagekit_esm = require('../imagekit.esm-ZYrS-YIL.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
-require('../useUploadDropzone-I7mlv7Zx.js');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
+require('../constants-Dos-Y7GC.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('@bigbinary/neetoui/Spinner');
-require('../useUnsplashApi-okMiRC9G.js');
+require('../useUnsplashApi-Dl6ZdUSP.js');
 require('@tanstack/react-query');
 require('axios');
 require('../query-eZTZ-5Dm.js');
@@ -82,9 +83,9 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     setImage = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useCreateBlob = useImageUploader.useCreateBlob(),
+  var _useCreateBlob = utils.useCreateBlob(),
     createBlob = _useCreateBlob.mutateAsync;
-  var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
+  var uploadConfigWithDefaults = ramda.mergeRight(utils$1.DEFAULT_UPLOAD_CONFIG, uploadConfig);
   var isCloudFlareImageUploader = initializers.globalProps.assetsUploaderService === imagekit_esm.CLOUD_FLARE;
   var handleDelete = function handleDelete() {
     setImage({});
@@ -106,7 +107,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     }));
     onChange({
       id: attachedImage.id,
-      filename: useImageUploader.generateASCIIFileName(attachedImage.filename),
+      filename: utils.generateASCIIFileName(attachedImage.filename),
       key: attachedImage.key,
       url: attachedImage.metadata.url,
       signedId: attachedImage.signedId,
@@ -124,7 +125,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(imagekit_esm.IS_DEVELOPMENT_OR_HEROKU_ENV || useImageUploader.isGif(result))) {
+            if (!(imagekit_esm.IS_DEVELOPMENT_OR_HEROKU_ENV || utils.isGif(result))) {
               _context.next = 3;
               break;
             }
@@ -137,7 +138,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
           case 3:
             imageKitPayload = function imageKitPayload() {
               return {
-                filename: useImageUploader.generateASCIIFileName(result.name),
+                filename: utils.generateASCIIFileName(result.name),
                 byte_size: result.size,
                 content_type: result.fileType,
                 checksum: result.fileId,
@@ -149,7 +150,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
             };
             cloudFlarePayload = function cloudFlarePayload() {
               return {
-                filename: useImageUploader.generateASCIIFileName(result.filename),
+                filename: utils.generateASCIIFileName(result.filename),
                 content_type: result.contentType,
                 byte_size: result.byteSize,
                 checksum: result.id,
@@ -186,14 +187,14 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     }),
     uploadFile = _useImageUploader.uploadFile;
   var options = [{
-    key: utils.OPTION_KEYS.asset,
+    key: utils$1.OPTION_KEYS.asset,
     label: t("neetoImageUploader.imageUpload.change"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
     },
     "data-testid": "image-uploader-open-image-library-button"
   }, {
-    key: utils.OPTION_KEYS.remove,
+    key: utils$1.OPTION_KEYS.remove,
     label: t("neetoImageUploader.imageUpload.remove"),
     onClick: handleDelete,
     "data-testid": "image-uploader-remove-button"
@@ -202,9 +203,9 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     className: classnames(className, {
       "cursor-pointer": true,
       "cursor-not-allowed": isDisabled,
-      "opacity-70": isDisabled && utils.isNilOrEmpty(image.url)
+      "opacity-70": isDisabled && utils$1.isNilOrEmpty(image.url)
     }),
-    children: [utils.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [utils$1.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: constants.IMAGE_WRAPPER_CLASSNAME,
       "data-testid": "image-uploader-wrapper",
       children: [/*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageWithFallback, {
@@ -231,7 +232,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
           })
         })
       })]
-    }) : /*#__PURE__*/jsxRuntime.jsx(utils.ImageDirectUpload, _objectSpread(_objectSpread({}, _objectSpread({
+    }) : /*#__PURE__*/jsxRuntime.jsx(utils$1.ImageDirectUpload, _objectSpread(_objectSpread({}, _objectSpread({
       defaultImageSize: defaultImageSize,
       setImage: setImage
     }, showAssetLibrary && {

package/dist/cjs/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, 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 { isNilOrEmpty, 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, isGif } 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 = forwardRef(\n  (\n    {\n      onUploadComplete = noop,\n      className = \"\",\n      src = \"\",\n      uploadConfig = {},\n      fixedAspectRatio = {},\n      defaultImageSize = {},\n      isDisabled = false,\n      onDrop,\n      isOptionsDisabled = false,\n      showAssetLibrary = true,\n    },\n    uploaderRef\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        id: attachedImage.id,\n        filename: generateASCIIFileName(attachedImage.filename),\n        key: attachedImage.key,\n        url: attachedImage.metadata.url,\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 || isGif(result)) {\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, imagekit_file_id: result.fileId },\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      const attachedImage = isCloudFlareImageUploader\n        ? response\n        : mergeRight(response, { metadata: { url: result.url } });\n      handleSuccess(attachedImage);\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.change\"),\n        onClick: () => setIsAssetLibraryOpen(true),\n        \"data-testid\": \"image-uploader-open-image-library-button\",\n      },\n      {\n        key: OPTION_KEYS.remove,\n        label: t(\"neetoImageUploader.imageUpload.remove\"),\n        onClick: handleDelete,\n        \"data-testid\": \"image-uploader-remove-button\",\n      },\n    ];\n\n    return (\n      <div\n        className={classnames(className, {\n          \"cursor-pointer\": true,\n          \"cursor-not-allowed\": isDisabled,\n          \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n        })}\n      >\n        {isNotNilOrEmpty(image.url) ? (\n          <div\n            className={IMAGE_WRAPPER_CLASSNAME}\n            data-testid=\"image-uploader-wrapper\"\n          >\n            <ImageWithFallback\n              className=\"h-full w-full\"\n              data-testid=\"uploaded-image\"\n              src={image.url}\n            />\n            {!isOptionsDisabled && (\n              <Dropdown\n                buttonSize=\"small\"\n                buttonStyle=\"tertiary\"\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n                  className: \"absolute end-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            )}\n          </div>\n        ) : (\n          <ImageDirectUpload\n            {...{\n              defaultImageSize,\n              setImage,\n              ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n            }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        {showAssetLibrary && (\n          <AssetLibrary\n            {...{ defaultImageSize, fixedAspectRatio }}\n            isOpen={isAssetLibraryOpen}\n            uploadConfig={uploadConfigWithDefaults}\n            onClose={() => setIsAssetLibraryOpen(false)}\n            onUploadComplete={handleImageSelectionFromLibrary}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","forwardRef","_ref","uploaderRef","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_ref$showAssetLibrary","showAssetLibrary","_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","id","generateASCIIFileName","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, 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 { isNilOrEmpty, 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, isGif } 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 = forwardRef(\n  (\n    {\n      onUploadComplete = noop,\n      className = \"\",\n      src = \"\",\n      uploadConfig = {},\n      fixedAspectRatio = {},\n      defaultImageSize = {},\n      isDisabled = false,\n      onDrop,\n      isOptionsDisabled = false,\n      showAssetLibrary = true,\n    },\n    uploaderRef\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        id: attachedImage.id,\n        filename: generateASCIIFileName(attachedImage.filename),\n        key: attachedImage.key,\n        url: attachedImage.metadata.url,\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 || isGif(result)) {\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, imagekit_file_id: result.fileId },\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      const attachedImage = isCloudFlareImageUploader\n        ? response\n        : mergeRight(response, { metadata: { url: result.url } });\n      handleSuccess(attachedImage);\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.change\"),\n        onClick: () => setIsAssetLibraryOpen(true),\n        \"data-testid\": \"image-uploader-open-image-library-button\",\n      },\n      {\n        key: OPTION_KEYS.remove,\n        label: t(\"neetoImageUploader.imageUpload.remove\"),\n        onClick: handleDelete,\n        \"data-testid\": \"image-uploader-remove-button\",\n      },\n    ];\n\n    return (\n      <div\n        className={classnames(className, {\n          \"cursor-pointer\": true,\n          \"cursor-not-allowed\": isDisabled,\n          \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n        })}\n      >\n        {isNotNilOrEmpty(image.url) ? (\n          <div\n            className={IMAGE_WRAPPER_CLASSNAME}\n            data-testid=\"image-uploader-wrapper\"\n          >\n            <ImageWithFallback\n              className=\"h-full w-full\"\n              data-testid=\"uploaded-image\"\n              src={image.url}\n            />\n            {!isOptionsDisabled && (\n              <Dropdown\n                buttonSize=\"small\"\n                buttonStyle=\"tertiary\"\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n                  className: \"absolute end-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            )}\n          </div>\n        ) : (\n          <ImageDirectUpload\n            {...{\n              defaultImageSize,\n              setImage,\n              ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n            }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        {showAssetLibrary && (\n          <AssetLibrary\n            {...{ defaultImageSize, fixedAspectRatio }}\n            isOpen={isAssetLibraryOpen}\n            uploadConfig={uploadConfigWithDefaults}\n            onClose={() => setIsAssetLibraryOpen(false)}\n            onUploadComplete={handleImageSelectionFromLibrary}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","forwardRef","_ref","uploaderRef","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_ref$showAssetLibrary","showAssetLibrary","_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","id","generateASCIIFileName","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAQA,IAAI,GAAeC,QAAQ,CAA3BD,IAAI;EAAEE,QAAQ,GAAKD,QAAQ,CAArBC,QAAQ;AAEtB,IAAMC,aAAa,gBAAGC,qBAAU,CAC9B,UAAAC,IAAA,EAaEC,WAAW,EACR;AAAA,EAAA,IAAAC,qBAAA,GAAAF,IAAA,CAZDG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,qBAAA;IAAAG,cAAA,GAAAL,IAAA,CACvBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,QAAA,GAAAP,IAAA,CACdQ,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,iBAAA,GAAAT,IAAA,CACRU,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,iBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACjBY,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAb,IAAA,CACrBc,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAf,IAAA,CACrBgB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAClBE,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IAAAC,qBAAA,GAAAlB,IAAA,CACNmB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAApB,IAAA,CACzBqB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;AAIzB,EAAA,IAAAE,SAAA,GAAoDC,mBAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;EAChD,IAAAI,UAAA,GAA0BL,mBAAQ,CAAC;AAAEM,MAAAA,GAAG,EAAErB;AAAI,KAAC,CAAC;IAAAsB,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,cAAA,GAAoCC,mBAAa,EAAE;IAA9BC,UAAU,GAAAF,cAAA,CAAvBG,WAAW;AAEnB,EAAA,IAAMC,wBAAwB,GAAGC,gBAAU,CACzCC,6BAAqB,EACrBhC,YACF,CAAC;AAED,EAAA,IAAMiC,yBAAyB,GAC7BC,wBAAW,CAACC,qBAAqB,KAAKC,wBAAW;AAEnD,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBf,QAAQ,CAAC,EAAE,CAAC;AACZgB,IAAAA,QAAQ,CAAC;AACPnB,MAAAA,GAAG,EAAE,EAAE;AACPoB,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,GAAG,EAAE,EAAE;AACPC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,IAAI,EAAE,EAAE;AACRC,MAAAA,IAAI,EAAE;AACR,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAML,QAAQ,GAAG,SAAXA,QAAQA,CAAGM,IAAI,EAAA;IAAA,OAAInD,gBAAgB,CAACmD,IAAI,CAAC;AAAA,EAAA,CAAA;AAE/C,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,aAAa,EAAI;AACrCxB,IAAAA,QAAQ,CAACS,gBAAU,CAACV,KAAK,EAAE;AAAEF,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B;AAAI,KAAC,CAAC,CAAC;AAChEmB,IAAAA,QAAQ,CAAC;MACPU,EAAE,EAAEF,aAAa,CAACE,EAAE;AACpBP,MAAAA,QAAQ,EAAEQ,2BAAqB,CAACH,aAAa,CAACL,QAAQ,CAAC;MACvDD,GAAG,EAAEM,aAAa,CAACN,GAAG;AACtBrB,MAAAA,GAAG,EAAE2B,aAAa,CAACC,QAAQ,CAAC5B,GAAG;MAC/BoB,QAAQ,EAAEO,aAAa,CAACP,QAAQ;MAChCG,IAAI,EAAEI,aAAa,CAACI,QAAQ;MAC5BP,IAAI,EAAEG,aAAa,CAACK;AACtB,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAG/B,KAAK,EAAI;IAC/CC,QAAQ,CAACD,KAAK,CAAC;IACfiB,QAAQ,CAACjB,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,IAAMgC,oBAAoB,gBAAA,YAAA;IAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAG,SAAAC,OAAAA,CAAMC,MAAM,EAAA;MAAA,IAAAC,eAAA,EAAAC,iBAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAjB,aAAA;AAAA,MAAA,OAAAU,mBAAA,CAAAQ,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;AAAA,YAAA,IAAA,EACnCC,yCAA4B,IAAIC,WAAK,CAACX,MAAM,CAAC,CAAA,EAAA;AAAAO,cAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAC/CvB,YAAAA,aAAa,CAACd,gBAAU,CAAC4B,MAAM,EAAE;AAAEZ,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC,CAAC;YAAC,OAAA+C,QAAA,CAAAK,MAAA,CAAA,QAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAKjEX,eAAe,GAAG,SAAlBA,eAAeA,GAAA;cAAA,OAAU;AAC7BnB,gBAAAA,QAAQ,EAAEQ,2BAAqB,CAACU,MAAM,CAACa,IAAI,CAAC;gBAC5CC,SAAS,EAAEd,MAAM,CAACjB,IAAI;gBACtBgC,YAAY,EAAEf,MAAM,CAACgB,QAAQ;gBAC7BC,QAAQ,EAAEjB,MAAM,CAACkB,MAAM;AACvB9B,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,KAAOnB,MAAM,CAAA,EAAA,EAAA,EAAA;kBAAEoB,gBAAgB,EAAEpB,MAAM,CAACkB;iBAAM,CAAE;AACxDG,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEInB,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;cAAA,OAAU;AAC/BpB,gBAAAA,QAAQ,EAAEQ,2BAAqB,CAACU,MAAM,CAAClB,QAAQ,CAAC;gBAChDiC,YAAY,EAAEf,MAAM,CAACR,WAAW;gBAChCsB,SAAS,EAAEd,MAAM,CAACT,QAAQ;gBAC1B0B,QAAQ,EAAEjB,MAAM,CAACX,EAAE;AACnBD,gBAAAA,QAAQ,EAAA+B,aAAA,CAAAA,aAAA,CAAA,EAAA,EACHnB,MAAM,CAACZ,QAAQ,CAAA,EAAA,EAAA,EAAA;kBAClB5B,GAAG,EAAE8D,wCAA2B,CAACtB,MAAM,CAACuB,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpDC,kBAAAA,SAAS,EAAE;iBAAK,CACjB;AACDH,gBAAAA,YAAY,EAAE;eACf;YAAA,CAAC;YAEIlB,OAAO,GAAG7B,yBAAyB,GACrC4B,iBAAiB,EAAE,GACnBD,eAAe,EAAE;AAAAM,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,YAAA,OAEExC,UAAU,CAACkC,OAAO,EAAE,EAAE,CAAC;AAAA,UAAA,KAAA,CAAA;YAAxCC,QAAQ,GAAAG,QAAA,CAAAkB,IAAA;YACRtC,aAAa,GAAGb,yBAAyB,GAC3C8B,QAAQ,GACRhC,gBAAU,CAACgC,QAAQ,EAAE;AAAEhB,cAAAA,QAAQ,EAAE;gBAAE5B,GAAG,EAAEwC,MAAM,CAACxC;AAAI;AAAE,aAAC,CAAC;YAC3D0B,aAAa,CAACC,aAAa,CAAC;AAAC,UAAA,KAAA,EAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAoB,QAAA,CAAAmB,IAAA,EAAA;AAAA;AAAA,MAAA,CAAA,EAAA3B,OAAA,CAAA;IAAA,CAC9B,CAAA,CAAA;IAAA,OAAA,SAtCKL,oBAAoBA,CAAAiC,EAAA,EAAA;AAAA,MAAA,OAAAhC,KAAA,CAAAiC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;EAAA,CAAA,EAsCzB;EAED,IAAAC,iBAAA,GAAuBC,iCAAgB,CAAC;AACtCjG,MAAAA,gBAAgB,EAAE4D;AACpB,KAAC,CAAC;IAFMsC,UAAU,GAAAF,iBAAA,CAAVE,UAAU;EAIlB,IAAMC,OAAO,GAAG,CACd;IACEpD,GAAG,EAAEqD,mBAAW,CAACC,KAAK;AACtBC,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;IACjDuE,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQ/E,qBAAqB,CAAC,IAAI,CAAC;AAAA,IAAA,CAAA;AAC1C,IAAA,aAAa,EAAE;AACjB,GAAC,EACD;IACEuB,GAAG,EAAEqD,mBAAW,CAACI,MAAM;AACvBF,IAAAA,KAAK,EAAEtE,CAAC,CAAC,uCAAuC,CAAC;AACjDuE,IAAAA,OAAO,EAAE3D,YAAY;AACrB,IAAA,aAAa,EAAE;AACjB,GAAC,CACF;AAED,EAAA,oBACE6D,eAAA,CAAA,KAAA,EAAA;AACEtG,IAAAA,SAAS,EAAEuG,UAAU,CAACvG,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEU,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAI8F,oBAAY,CAAC/E,KAAK,CAACF,GAAG;AACpD,KAAC,CAAE;IAAAkF,QAAA,EAAA,CAEFC,uBAAe,CAACjF,KAAK,CAACF,GAAG,CAAC,gBACzB+E,eAAA,CAAA,KAAA,EAAA;AACEtG,MAAAA,SAAS,EAAE2G,iCAAwB;AACnC,MAAA,aAAA,EAAY,wBAAwB;MAAAF,QAAA,EAAA,cAEpCG,cAAA,CAACC,mCAAiB,EAAA;AAChB7G,QAAAA,SAAS,EAAC,eAAe;AACzB,QAAA,aAAA,EAAY,gBAAgB;QAC5BE,GAAG,EAAEuB,KAAK,CAACF;AAAI,OAChB,CAAC,EACD,CAACV,iBAAiB,iBACjB+F,cAAA,CAACtH,QAAQ,EAAA;AACPwH,QAAAA,UAAU,EAAC,OAAO;AAClBC,QAAAA,WAAW,EAAC,UAAU;AACtBC,QAAAA,QAAQ,EAAEtG,UAAW;AACrBuG,QAAAA,IAAI,EAAEC,cAAe;AACrBC,QAAAA,WAAW,EAAE;AACX;AACAnH,UAAAA,SAAS,EAAE;SACX;QAAAyG,QAAA,eAEFG,cAAA,CAACvH,IAAI,EAAA;AAAAoH,UAAAA,QAAA,EACFT,OAAO,CAACoB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,YAAA,IAAGzE,GAAG,GAAAyE,KAAA,CAAHzE,GAAG;cAAEuD,KAAK,GAAAkB,KAAA,CAALlB,KAAK;AAAKmB,cAAAA,UAAU,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA,CAAA;YAAA,oBACvCC,wBAAA,CAAClI,QAAQ,CAACmI,MAAM,EAAAxC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKoC,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE1E,cAAAA,GAAG,EAAEA;AAAI,aAAA,CAAA,EACvCuD,KACc,CAAC;UAAA,CACnB;SACG;AAAC,OACC,CACX;KACE,CAAC,gBAENS,cAAA,CAACe,yBAAiB,EAAAzC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAA;AAEd1E,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBkB,MAAAA,QAAQ,EAARA;AAAQ,KAAA,EACJX,gBAAgB,IAAI;AAAEM,MAAAA,qBAAqB,EAArBA;KAAuB,CAAA,CAAA,EAAA,EAAA,EAAA;AAEnDX,MAAAA,UAAU,EAAEkH,mBAAS,CAACtH,gBAAgB,CAAE;AACxCuH,MAAAA,gBAAgB,EAAEnH,UAAW;AAC7BoH,MAAAA,GAAG,EAAEnI,WAAY;AACjBS,MAAAA,YAAY,EAAE8B,wBAAyB;MACvCvB,MAAM,EAAEA,MAAM,IAAIoF;AAAW,KAAA,CAC9B,CACF,EACAhF,gBAAgB,iBACf6F,cAAA,CAACmB,kBAAY,EAAA;AACLvH,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAAEF,MAAAA,gBAAgB,EAAhBA,gBAAgB;AACxC0H,MAAAA,MAAM,EAAE5G,kBAAmB;AAC3BhB,MAAAA,YAAY,EAAE8B,wBAAyB;MACvC+F,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQ5G,qBAAqB,CAAC,KAAK,CAAC;MAAA,CAAC;AAC5CxB,MAAAA,gBAAgB,EAAE2D;AAAgC,KACnD,CACF;AAAA,GACE,CAAC;AAEV,CACF;AAEAhE,aAAa,CAAC0I,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/hooks.js

@@ -1,23 +1,25 @@
 'use strict';
 
-var useProfileImageUpload = require('../useProfileImageUpload-DV6UHKni.js');
-var useImageUploader = require('../useImageUploader-CxdkRzC5.js');
+var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
+var useImageUploader = require('../useImageUploader-J3bippyP.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');
 require('react');
 require('@rails/activestorage');
 require('i18next');
-require('../imagekit.esm-BOkeWsyX.js');
+require('../imagekit.esm-ZYrS-YIL.js');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neetoui/Toastr');
 require('ramda');
+require('../utils-Dshsishe.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('../query-eZTZ-5Dm.js');
 require('axios');
+require('../query-eZTZ-5Dm.js');
+require('../constants-Dos-Y7GC.js');
 
 
 

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

@@ -3,9 +3,9 @@
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageForm = require('./ImageForm.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('../index-BlS6h8bb.js');
-var useProfileImageUpload = require('../useProfileImageUpload-DV6UHKni.js');
-var useImageUploader = require('../useImageUploader-CxdkRzC5.js');
+var AssetLibrary = require('../index-CbRMVeis.js');
+var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
+var useImageUploader = require('../useImageUploader-J3bippyP.js');
 var utils = require('./utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -13,22 +13,22 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../utils-adgVs86v.js');
+require('../utils-BkIHGr19.js');
 require('react');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
 require('react-i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
-require('../useUploadDropzone-I7mlv7Zx.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
-require('../imagekit.esm-BOkeWsyX.js');
+require('../constants-Dos-Y7GC.js');
 require('react/jsx-runtime');
+require('../imagekit.esm-ZYrS-YIL.js');
 require('../ImageWithFallback-D1ClfJLn.js');
-require('../constants-BJsrtAQc.js');
+require('../constants-rSdnoUWv.js');
 require('formik');
 require('@bigbinary/neeto-icons/Help');
 require('@bigbinary/neetoui/formik/Input');
@@ -41,14 +41,15 @@ require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neetoui/Dropdown');
-require('@bigbinary/neetoui/Modal');
-require('@bigbinary/neetoui/Tab');
-require('../useUnsplashApi-okMiRC9G.js');
+require('../utils-Dshsishe.js');
 require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('../query-eZTZ-5Dm.js');
+require('@bigbinary/neetoui/Modal');
+require('@bigbinary/neetoui/Tab');
+require('../useUnsplashApi-Dl6ZdUSP.js');
 require('@bigbinary/neeto-icons/LeftArrow');
-require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');

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/v2/AssetLibrary.js

@@ -8,26 +8,26 @@ require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('ramda');
 require('react-i18next');
-require('../../useImageUploader-CxdkRzC5.js');
-require('../../useUploadDropzone-I7mlv7Zx.js');
-require('../../imagekit.esm-BOkeWsyX.js');
-var v2_AssetLibrary = require('../../index-B4yVQ26h.js');
-require('../../utils-CDFlFfgu.js');
+require('../../utils-Dshsishe.js');
+require('../../useImageUploader-TOt_v6Rn.js');
+require('../../utils-BuYOlqCV.js');
+require('../../imagekit.esm-ZYrS-YIL.js');
+var v2_AssetLibrary = require('../../index-q56JLh5J.js');
 require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
 require('../../query-eZTZ-5Dm.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('@rails/activestorage');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
-require('@bigbinary/neetoui/Toastr');
-require('axios');
-require('react-dropzone');
-require('../../useUnsplashApi-okMiRC9G.js');
-require('../../constants-BJsrtAQc.js');
+require('../../constants-Dos-Y7GC.js');
 require('classnames');
+require('react-dropzone');
+require('../../useUnsplashApi-Dl6ZdUSP.js');
+require('../../constants-rSdnoUWv.js');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 require('@bigbinary/neeto-commons-frontend/v2/utils');

package/dist/cjs/v2/BasicImageUploader.js

@@ -6,19 +6,17 @@ var neetoAtoms = require('@bigbinary/neeto-atoms');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Delete = require('@bigbinary/neeto-icons/Delete');
-var utils = require('../../utils-CDFlFfgu.js');
+var utils = require('../../utils-BuYOlqCV.js');
 var ImageWithFallback = require('../../ImageWithFallback-BhUgmP7t.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('ramda');
 require('react-i18next');
-require('../../useUploadDropzone-I7mlv7Zx.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('react-dropzone');
 require('i18next');
-require('@bigbinary/neetoui/Toastr');
-require('../../imagekit.esm-BOkeWsyX.js');
 require('@bigbinary/neeto-commons-frontend/v2/initializers');
+require('../../imagekit.esm-ZYrS-YIL.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; }

package/dist/cjs/v2/BasicImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicImageUploader.js","sources":["../../../app/javascript/src/v2/components/BasicImageUploader.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\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-testid=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute end-3 top-3\"\n          data-testid=\"basic-image-uploader-remove-button\"\n          disabled={isDisabled}\n          icon={Delete}\n          size=\"sm\"\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,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGH,cAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,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;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,qBAAe,CAACpB,GAAG,CAAC,gBACnBqB,eAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,6BAAwB;AAAAH,MAAAA,QAAA,EAAA,cACtCH,cAAA,CAACO,mCAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,aAAA,EAAY;AAAgB,OAAA,CAC7B,CAAC,eACFgB,cAAA,CAACS,iBAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,sBAAsB;AAChC,QAAA,aAAA,EAAY,oCAAoC;AAChDwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,IAAI;AACTC,QAAAA,OAAO,EAAElB;AAAS,OACnB,CAAC;AAAA,KACC,CAAC,gBAENI,cAAA,CAACe,uBAAiB,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;KAAM,CAAA,CAAK;AAC3D,GACE,CAAC;AAAA;;;;"}
+{"version":3,"file":"BasicImageUploader.js","sources":["../../../app/javascript/src/v2/components/BasicImageUploader.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\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-testid=\"uploaded-image\"\n        />\n        <Button\n          className=\"absolute end-3 top-3\"\n          data-testid=\"basic-image-uploader-remove-button\"\n          disabled={isDisabled}\n          icon={Delete}\n          size=\"sm\"\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,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGH,cAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,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;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,qBAAe,CAACpB,GAAG,CAAC,gBACnBqB,eAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,6BAAwB;AAAAH,MAAAA,QAAA,EAAA,cACtCH,cAAA,CAACO,mCAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,aAAA,EAAY;AAAgB,OAAA,CAC7B,CAAC,eACFgB,cAAA,CAACS,iBAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,sBAAsB;AAChC,QAAA,aAAA,EAAY,oCAAoC;AAChDwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,IAAI;AACTC,QAAAA,OAAO,EAAElB;AAAS,OACnB,CAAC;AAAA,KACC,CAAC,gBAENI,cAAA,CAACe,uBAAiB,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;KAAM,CAAA,CAAK;AAC3D,GACE,CAAC;AAAA;;;;"}

package/dist/cjs/v2/ImageForm.js

@@ -22,22 +22,22 @@ require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('@bigbinary/neeto-icons/MenuHorizontal');
-require('../../useImageUploader-CxdkRzC5.js');
+require('../../utils-Dshsishe.js');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+require('../../imagekit.esm-ZYrS-YIL.js');
 require('../../query-eZTZ-5Dm.js');
+require('../../useImageUploader-TOt_v6Rn.js');
 require('@rails/activestorage');
-require('../../imagekit.esm-BOkeWsyX.js');
 require('@bigbinary/neeto-commons-frontend/initializers');
-require('@bigbinary/neetoui/Toastr');
-require('axios');
-require('../../utils-CDFlFfgu.js');
-require('../../useUploadDropzone-I7mlv7Zx.js');
+require('../../constants-Dos-Y7GC.js');
+require('../../utils-BuYOlqCV.js');
 require('react-dropzone');
 require('../../ImageWithFallback-BhUgmP7t.js');
-require('../../index-B4yVQ26h.js');
-require('../../useUnsplashApi-okMiRC9G.js');
-require('../../constants-BJsrtAQc.js');
+require('../../index-q56JLh5J.js');
+require('../../useUnsplashApi-Dl6ZdUSP.js');
+require('../../constants-rSdnoUWv.js');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 require('@bigbinary/neeto-commons-frontend/v2/utils');

package/dist/cjs/v2/ImageUploader.js

@@ -13,24 +13,24 @@ var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var useImageUploader = require('../../useImageUploader-CxdkRzC5.js');
-var imagekit_esm = require('../../imagekit.esm-BOkeWsyX.js');
-var utils = require('../../utils-CDFlFfgu.js');
+var utils = require('../../utils-Dshsishe.js');
+var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var imagekit_esm = require('../../imagekit.esm-ZYrS-YIL.js');
+var utils$1 = require('../../utils-BuYOlqCV.js');
 var ImageWithFallback = require('../../ImageWithFallback-BhUgmP7t.js');
-var v2_AssetLibrary = require('../../index-B4yVQ26h.js');
+var v2_AssetLibrary = require('../../index-q56JLh5J.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
 require('../../query-eZTZ-5Dm.js');
 require('@rails/activestorage');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
-require('@bigbinary/neetoui/Toastr');
-require('axios');
-require('../../useUploadDropzone-I7mlv7Zx.js');
+require('../../constants-Dos-Y7GC.js');
 require('react-dropzone');
-require('../../useUnsplashApi-okMiRC9G.js');
-require('../../constants-BJsrtAQc.js');
+require('../../useUnsplashApi-Dl6ZdUSP.js');
+require('../../constants-rSdnoUWv.js');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 require('@bigbinary/neeto-commons-frontend/v2/utils');
@@ -71,9 +71,9 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     setImage = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useCreateBlob = useImageUploader.useCreateBlob(),
+  var _useCreateBlob = utils.useCreateBlob(),
     createBlob = _useCreateBlob.mutateAsync;
-  var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
+  var uploadConfigWithDefaults = ramda.mergeRight(utils$1.DEFAULT_UPLOAD_CONFIG, uploadConfig);
   var isCloudFlareImageUploader = initializers.globalProps.assetsUploaderService === imagekit_esm.CLOUD_FLARE;
   var handleDelete = function handleDelete() {
     setImage({});
@@ -95,7 +95,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     }));
     onChange({
       id: attachedImage.id,
-      filename: useImageUploader.generateASCIIFileName(attachedImage.filename),
+      filename: utils.generateASCIIFileName(attachedImage.filename),
       key: attachedImage.key,
       url: attachedImage.metadata.url,
       signedId: attachedImage.signedId,
@@ -113,7 +113,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(imagekit_esm.IS_DEVELOPMENT_OR_HEROKU_ENV || useImageUploader.isGif(result))) {
+            if (!(imagekit_esm.IS_DEVELOPMENT_OR_HEROKU_ENV || utils.isGif(result))) {
               _context.next = 3;
               break;
             }
@@ -126,7 +126,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
           case 3:
             imageKitPayload = function imageKitPayload() {
               return {
-                filename: useImageUploader.generateASCIIFileName(result.name),
+                filename: utils.generateASCIIFileName(result.name),
                 byte_size: result.size,
                 content_type: result.fileType,
                 checksum: result.fileId,
@@ -138,7 +138,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
             };
             cloudFlarePayload = function cloudFlarePayload() {
               return {
-                filename: useImageUploader.generateASCIIFileName(result.filename),
+                filename: utils.generateASCIIFileName(result.filename),
                 content_type: result.contentType,
                 byte_size: result.byteSize,
                 checksum: result.id,
@@ -175,14 +175,14 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     }),
     uploadFile = _useImageUploader.uploadFile;
   var options = [{
-    key: utils.OPTION_KEYS.asset,
+    key: utils$1.OPTION_KEYS.asset,
     label: t("neetoImageUploader.imageUpload.change"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
     },
     "data-testid": "image-uploader-open-image-library-button"
   }, {
-    key: utils.OPTION_KEYS.remove,
+    key: utils$1.OPTION_KEYS.remove,
     label: t("neetoImageUploader.imageUpload.remove"),
     onClick: handleDelete,
     "data-testid": "image-uploader-remove-button"
@@ -191,10 +191,10 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
     className: classnames(className, {
       "cursor-pointer": true,
       "cursor-not-allowed": isDisabled,
-      "opacity-70": isDisabled && utils.isNilOrEmpty(image.url)
+      "opacity-70": isDisabled && utils$1.isNilOrEmpty(image.url)
     }),
-    children: [utils.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: utils.IMAGE_WRAPPER_CLASSNAME,
+    children: [utils$1.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: utils$1.IMAGE_WRAPPER_CLASSNAME,
       "data-testid": "image-uploader-wrapper",
       children: [/*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageWithFallback, {
         className: "h-full w-full",
@@ -219,7 +219,7 @@ var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderR
           }), label);
         })
       })]
-    }) : /*#__PURE__*/jsxRuntime.jsx(utils.ImageDirectUpload, _objectSpread(_objectSpread({}, _objectSpread({
+    }) : /*#__PURE__*/jsxRuntime.jsx(utils$1.ImageDirectUpload, _objectSpread(_objectSpread({}, _objectSpread({
       defaultImageSize: defaultImageSize,
       setImage: setImage
     }, showAssetLibrary && {