@bigbinary/neeto-image-uploader-frontend 3.0.3 → 3.0.5

package/app/javascript/src/translations/sk.json

@@ -5,7 +5,8 @@
       "image": "Obrázok",
       "noImages": "V knižnici neboli nájdené žiadne obrázky",
       "dropHere": "Sem pridajte súbor",
-      "logo": "Logo"
+      "logo": "Logo",
+      "noImagesToShow": "Nie sú k dispozícii žiadne obrázky na zobrazenie."
     },
     "unsplash": {
       "errorMessage": "Niečo sa pokazilo! Skúste to prosím neskôr.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Presuňte a pustite alebo <span>prejdite</span> súbor alebo vyberte z <span>Knižnice obrázkov</span>.",
       "idealImageSizeInfo": "Optimálna veľkosť obrázka: {{width}}x{{height}}px.",
       "fileUploadFailed": "Nahrávanie súboru zlyhalo",
-      "noBlobReturned": "Nahrávanie súboru zlyhalo: Nebol vrátený blob"
+      "noBlobReturned": "Nahrávanie súboru zlyhalo: Nebol vrátený blob",
+      "upload": "<span>Nahrať</span>"
     },
     "errors": {
       "sdkKeysMissing": "Chýba urlEndpoint počas inicializácie SDK",

package/app/javascript/src/translations/sl.json

@@ -5,7 +5,8 @@
       "image": "Slika",
       "noImages": "V knjižnici ni najdenih slik",
       "dropHere": "Povleci datoteko sem",
-      "logo": "Logo"
+      "logo": "Logo",
+      "noImagesToShow": "Ni besedila za prikaz."
     },
     "unsplash": {
       "errorMessage": "Prišlo je do napake! Poskusite znova pozneje.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Povlecite in spustite ali <span>znova izberite</span> datoteko ali izberite iz <span>Knjižnice slik</span>.",
       "idealImageSizeInfo": "Optimalna velikost slike: {{width}}x{{height}}px.",
       "fileUploadFailed": "Nalaganje datoteke ni uspelo",
-      "noBlobReturned": "Nalaganje datoteke ni uspelo: Ni vrnjen blob"
+      "noBlobReturned": "Nalaganje datoteke ni uspelo: Ni vrnjen blob",
+      "upload": "<span>Naloži</span>"
     },
     "errors": {
       "sdkKeysMissing": "Manjkajoći urlEndpoint med inicializacijo SDK",

package/app/javascript/src/translations/sv.json

@@ -5,7 +5,8 @@
       "image": "Bild",
       "noImages": "Inga bilder hittades i biblioteket",
       "dropHere": "Släpp filen här",
-      "logo": "Logotyp"
+      "logo": "Logotyp",
+      "noImagesToShow": "Det finns inga bilder att visa."
     },
     "unsplash": {
       "errorMessage": "Något gick fel! Vänligen försök igen senare.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Dra och släpp eller <span>Bläddra</span> en fil eller välj från <span>Bildbibliotek</span>.",
       "idealImageSizeInfo": "Optimal bildstorlek: {{width}}x{{height}}px.",
       "fileUploadFailed": "Filöverföring misslyckades",
-      "noBlobReturned": "Filöverföring misslyckades: Ingen blob returnerades"
+      "noBlobReturned": "Filöverföring misslyckades: Ingen blob returnerades",
+      "upload": "<span>Ladda upp</span>"
     },
     "errors": {
       "sdkKeysMissing": "Saknar urlEndpoint under SDK-initialisering",

package/app/javascript/src/translations/th.json

@@ -5,7 +5,8 @@
       "image": "ภาพ",
       "noImages": "ไม่พบภาพในห้องสมุด",
       "dropHere": "วางไฟล์ที่นี่",
-      "logo": "โลโก้"
+      "logo": "โลโก้",
+      "noImagesToShow": "ไม่มีภาพให้แสดง"
     },
     "unsplash": {
       "errorMessage": "มีบางอย่างผิดพลาด! กรุณาลองใหม่อีกครั้งในภายหลัง.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "ลากและปล่อยหรือ <span>การเรียกดู</span> ไฟล์หรือเลือกจาก <span>ห้องสมุดภาพ</span>.",
       "idealImageSizeInfo": "ขนาดภาพที่เหมาะสม: {{width}}x{{height}}px.",
       "fileUploadFailed": "การอัปโหลดไฟล์ล้มเหลว",
-      "noBlobReturned": "การอัปโหลดไฟล์ล้มเหลว: ไม่มีบลอบคืน"
+      "noBlobReturned": "การอัปโหลดไฟล์ล้มเหลว: ไม่มีบลอบคืน",
+      "upload": "<span>อัปโหลด</span>"
     },
     "errors": {
       "sdkKeysMissing": "ขาด urlEndpoint ในระหว่างการเริ่มต้น SDK",

package/app/javascript/src/translations/tr.json

@@ -5,7 +5,8 @@
       "image": "Resim",
       "noImages": "Kütüphanede hiç resim bulunamadı",
       "dropHere": "Dosyayı buraya bırakın",
-      "logo": "Logo"
+      "logo": "Logo",
+      "noImagesToShow": "Gösterilecek resim yok."
     },
     "unsplash": {
       "errorMessage": "Bir şeyler yanlış gitti! Lütfen daha sonra tekrar deneyin.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Sürükleyip bırakın veya <span>Gözat</span> bir dosya yükleyin veya <span>Resim Kütüphanesinden</span> seçin.",
       "idealImageSizeInfo": "Optimal resim boyutu: {{width}}x{{height}}px.",
       "fileUploadFailed": "Dosya yüklemesi başarısız oldu",
-      "noBlobReturned": "Dosya yüklemesi başarısız oldu: Blob dönmedi"
+      "noBlobReturned": "Dosya yüklemesi başarısız oldu: Blob dönmedi",
+      "upload": "<span>Yükle</span>"
     },
     "errors": {
       "sdkKeysMissing": "SDK başlatma sırasında urlEndpoint eksik",

package/app/javascript/src/translations/uk.json

@@ -5,7 +5,8 @@
       "image": "Зображення",
       "noImages": "Зображень не знайдено в бібліотеці",
       "dropHere": "Перетягніть файл сюди",
-      "logo": "Логотип"
+      "logo": "Логотип",
+      "noImagesToShow": "Немає зображень для показу."
     },
     "unsplash": {
       "errorMessage": "Щось пішло не так! Спробуйте ще раз пізніше.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Перетягніть і скиньте або <span>перегляньте</span> файл або виберіть з <span>Бібліотеки зображень</span>.",
       "idealImageSizeInfo": "Оптимальний розмір зображення: {{width}}x{{height}}px.",
       "fileUploadFailed": "Помилка завантаження файлу",
-      "noBlobReturned": "Помилка завантаження файлу: Не повернуто blob"
+      "noBlobReturned": "Помилка завантаження файлу: Не повернуто blob",
+      "upload": "<span>Завантажити</span>"
     },
     "errors": {
       "sdkKeysMissing": "Відсутній urlEndpoint під час ініціалізації SDK",

package/app/javascript/src/translations/vi.json

@@ -5,7 +5,8 @@
       "image": "Hình ảnh",
       "noImages": "Không tìm thấy hình ảnh trong thư viện",
       "dropHere": "Kéo tệp vào đây",
-      "logo": "Biểu trưng"
+      "logo": "Biểu trưng",
+      "noImagesToShow": "Không có hình ảnh nào để hiển thị."
     },
     "unsplash": {
       "errorMessage": "Có lỗi xảy ra! Vui lòng thử lại sau.",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "Kéo và thả hoặc <span>Duyệt</span> một tệp hoặc chọn từ <span>Thư viện Hình ảnh</span>.",
       "idealImageSizeInfo": "Kích thước hình ảnh tối ưu: {{width}}x{{height}}px.",
       "fileUploadFailed": "Tải lên tệp không thành công",
-      "noBlobReturned": "Tải lên tệp không thành công: Không có blob được trả về"
+      "noBlobReturned": "Tải lên tệp không thành công: Không có blob được trả về",
+      "upload": "<span>Tải lên</span>"
     },
     "errors": {
       "sdkKeysMissing": "Thiếu urlEndpoint trong quá trình khởi tạo SDK",

package/app/javascript/src/translations/zh-CN.json

@@ -5,7 +5,8 @@
       "image": "图像",
       "noImages": "库中未找到图像",
       "dropHere": "将文件拖放到此处",
-      "logo": "徽标"
+      "logo": "徽标",
+      "noImagesToShow": "没有可显示的图片。"
     },
     "unsplash": {
       "errorMessage": "出现问题！请稍后再试。",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "拖放或<span>浏览</span>文件或从<span>图像库</span>选择。",
       "idealImageSizeInfo": "最佳图像尺寸：{{width}}x{{height}}px。",
       "fileUploadFailed": "文件上传失败",
-      "noBlobReturned": "文件上传失败：没有返回 blob"
+      "noBlobReturned": "文件上传失败：没有返回 blob",
+      "upload": "<span>上传</span>"
     },
     "errors": {
       "sdkKeysMissing": "SDK 初始化时缺少 urlEndpoint",

package/app/javascript/src/translations/zh-TW.json

@@ -5,7 +5,8 @@
       "image": "圖片",
       "noImages": "庫中沒有找到圖片",
       "dropHere": "將檔案拖放到這裡",
-      "logo": "標誌"
+      "logo": "標誌",
+      "noImagesToShow": "沒有圖片可以顯示。"
     },
     "unsplash": {
       "errorMessage": "發生錯誤！請稍後再試。",
@@ -66,7 +67,8 @@
       "dragDropOrBrowseOrImageLibrary": "拖放或<span>瀏覽</span>檔案，或從<span>圖片庫</span>選擇。",
       "idealImageSizeInfo": "最佳圖片大小：{{width}}x{{height}}px。",
       "fileUploadFailed": "檔案上傳失敗",
-      "noBlobReturned": "檔案上傳失敗：未返回 blob"
+      "noBlobReturned": "檔案上傳失敗：未返回 blob",
+      "upload": "<span>上傳</span>"
     },
     "errors": {
       "sdkKeysMissing": "SDK初始化期間缺少urlEndpoint",

package/dist/AssetLibrary.js

@@ -10,8 +10,8 @@ import '@bigbinary/neetoui/Toastr';
 import '@bigbinary/neetoui/Typography';
 import 'ramda';
 import 'react-i18next';
-import './utils-DIM-cAUF.js';
-export { M as default } from './index-DuWEAQqg.js';
+import './utils--D590Zim.js';
+export { M as default } from './index-BF9s4sZW.js';
 import './useImageUploader-Dgah80e0.js';
 import './imagekit.esm-Bhjn2yWQ.js';
 import 'react/jsx-runtime';

package/dist/BasicImageUploader.js

@@ -4,16 +4,16 @@ import classnames from 'classnames';
 import { noop } from '@bigbinary/neeto-cist';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import Button from '@bigbinary/neetoui/Button';
-import { i as isNilOrEmpty, a as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, b as ImageDirectUpload } from './utils-DIM-cAUF.js';
+import { i as isNilOrEmpty, a as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, b as ImageDirectUpload } from './utils--D590Zim.js';
 import { I as ImageWithFallback } from './ImageWithFallback-Csv6Oivd.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neetoui/ProgressBar';
 import 'ramda';
 import 'react-i18next';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@babel/runtime/helpers/slicedToArray';
-import 'react';
 import 'react-dropzone';
 import 'i18next';
 import '@bigbinary/neetoui/Toastr';

package/dist/ImageForm.js

@@ -24,13 +24,13 @@ import '@babel/runtime/regenerator';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neetoui/Dropdown';
-import './utils-DIM-cAUF.js';
+import './utils--D590Zim.js';
 import '@bigbinary/neetoui/ProgressBar';
 import 'react-dropzone';
 import '@bigbinary/neetoui/Toastr';
 import './imagekit.esm-Bhjn2yWQ.js';
 import './ImageWithFallback-Csv6Oivd.js';
-import './index-DuWEAQqg.js';
+import './index-BF9s4sZW.js';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
 import './useImageUploader-Dgah80e0.js';

package/dist/ImageUploader.js

@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, createElement } from 'react';
+import { forwardRef, useState, createElement } from 'react';
 import classnames from 'classnames';
 import { isPresent, noop } from '@bigbinary/neeto-cist';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
@@ -11,9 +11,9 @@ import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import { mergeRight } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNilOrEmpty, a as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, b as ImageDirectUpload } from './utils-DIM-cAUF.js';
+import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNilOrEmpty, a as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, b as ImageDirectUpload } from './utils--D590Zim.js';
 import { I as ImageWithFallback } from './ImageWithFallback-Csv6Oivd.js';
-import { M as Modal, c as constructCloudflareImageURL } from './index-DuWEAQqg.js';
+import { M as Modal, c as constructCloudflareImageURL } from './index-BF9s4sZW.js';
 import { a as useCreateBlob, u as useImageUploader, i as isGif, g as generateASCIIFileName } from './useImageUploader-Dgah80e0.js';
 import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './imagekit.esm-Bhjn2yWQ.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -45,7 +45,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 ImageUploader = /*#__PURE__*/forwardRef(function (_ref, uploaderRef) {
   var _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
     _ref$className = _ref.className,
@@ -173,7 +173,7 @@ var ImageUploader = function ImageUploader(_ref) {
     uploadFile = _useImageUploader.uploadFile;
   var options = [{
     key: OPTION_KEYS.asset,
-    label: t("neetoImageUploader.imageUpload.imageLibrary"),
+    label: t("neetoImageUploader.imageUpload.change"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
     },
@@ -223,6 +223,7 @@ var ImageUploader = function ImageUploader(_ref) {
       setIsAssetLibraryOpen: setIsAssetLibraryOpen,
       isDisabled: isPresent(fixedAspectRatio),
       isUploadDisabled: isDisabled,
+      ref: uploaderRef,
       uploadConfig: uploadConfigWithDefaults,
       onDrop: onDrop || uploadFile
     }), /*#__PURE__*/jsx(Modal, {
@@ -236,7 +237,8 @@ var ImageUploader = function ImageUploader(_ref) {
       onUploadComplete: handleImageSelectionFromLibrary
     })]
   });
-};
+});
+ImageUploader.displayName = "ImageUploader";
 
 export { ImageUploader as default };
 //# sourceMappingURL=ImageUploader.js.map

package/dist/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 } 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 = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n  defaultImageSize = {},\n  isDisabled = false,\n  onDrop,\n  isOptionsDisabled = false,\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.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 || 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,\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-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          {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          isUploadDisabled={isDisabled}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={onDrop || uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_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","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","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","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","AssetLibrary","isOpen","onClose"],"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    },\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.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 || 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,\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.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            {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        <AssetLibrary\n          {...{ defaultImageSize, fixedAspectRatio }}\n          isOpen={isAssetLibraryOpen}\n          uploadConfig={uploadConfigWithDefaults}\n          onClose={() => setIsAssetLibraryOpen(false)}\n          onUploadComplete={handleImageSelectionFromLibrary}\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","_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","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","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","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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"}

package/dist/cjs/AssetLibrary.js

@@ -12,8 +12,8 @@ require('@bigbinary/neetoui/Toastr');
 require('@bigbinary/neetoui/Typography');
 require('ramda');
 require('react-i18next');
-require('../utils-pG6icHxb.js');
-var AssetLibrary = require('../index-Dduujv9L.js');
+require('../utils-D8kIruZ4.js');
+var AssetLibrary = require('../index-DhN-kj31.js');
 require('../useImageUploader-C2PgQiZJ.js');
 require('../imagekit.esm-DjCK_cT4.js');
 require('react/jsx-runtime');

package/dist/cjs/BasicImageUploader.js

@@ -6,16 +6,16 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var Button = require('@bigbinary/neetoui/Button');
-var utils = require('../utils-pG6icHxb.js');
+var utils = require('../utils-D8kIruZ4.js');
 var ImageWithFallback = require('../ImageWithFallback-DzT_N2Su.js');
 var jsxRuntime = require('react/jsx-runtime');
+require('react');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
 require('react-i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@babel/runtime/helpers/slicedToArray');
-require('react');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');

package/dist/cjs/ImageForm.js

@@ -26,13 +26,13 @@ require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neetoui/Dropdown');
-require('../utils-pG6icHxb.js');
+require('../utils-D8kIruZ4.js');
 require('@bigbinary/neetoui/ProgressBar');
 require('react-dropzone');
 require('@bigbinary/neetoui/Toastr');
 require('../imagekit.esm-DjCK_cT4.js');
 require('../ImageWithFallback-DzT_N2Su.js');
-require('../index-Dduujv9L.js');
+require('../index-DhN-kj31.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('../useImageUploader-C2PgQiZJ.js');

package/dist/cjs/ImageUploader.js

@@ -13,9 +13,9 @@ 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-pG6icHxb.js');
+var utils = require('../utils-D8kIruZ4.js');
 var ImageWithFallback = require('../ImageWithFallback-DzT_N2Su.js');
-var AssetLibrary = require('../index-Dduujv9L.js');
+var AssetLibrary = require('../index-DhN-kj31.js');
 var useImageUploader = require('../useImageUploader-C2PgQiZJ.js');
 var imagekit_esm = require('../imagekit.esm-DjCK_cT4.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -47,7 +47,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 ImageUploader = /*#__PURE__*/g.forwardRef(function (_ref, uploaderRef) {
   var _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? neetoCist.noop : _ref$onUploadComplete,
     _ref$className = _ref.className,
@@ -175,7 +175,7 @@ var ImageUploader = function ImageUploader(_ref) {
     uploadFile = _useImageUploader.uploadFile;
   var options = [{
     key: utils.OPTION_KEYS.asset,
-    label: t("neetoImageUploader.imageUpload.imageLibrary"),
+    label: t("neetoImageUploader.imageUpload.change"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
     },
@@ -225,6 +225,7 @@ var ImageUploader = function ImageUploader(_ref) {
       setIsAssetLibraryOpen: setIsAssetLibraryOpen,
       isDisabled: neetoCist.isPresent(fixedAspectRatio),
       isUploadDisabled: isDisabled,
+      ref: uploaderRef,
       uploadConfig: uploadConfigWithDefaults,
       onDrop: onDrop || uploadFile
     }), /*#__PURE__*/jsxRuntime.jsx(AssetLibrary.Modal, {
@@ -238,7 +239,8 @@ var ImageUploader = function ImageUploader(_ref) {
       onUploadComplete: handleImageSelectionFromLibrary
     })]
   });
-};
+});
+ImageUploader.displayName = "ImageUploader";
 
 module.exports = ImageUploader;
 //# sourceMappingURL=ImageUploader.js.map

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 } 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 = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n  defaultImageSize = {},\n  isDisabled = false,\n  onDrop,\n  isOptionsDisabled = false,\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.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 || 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,\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-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          {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          isUploadDisabled={isDisabled}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={onDrop || uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_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","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","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","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","AssetLibrary","isOpen","onClose"],"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    },\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.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 || 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,\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.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            {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        <AssetLibrary\n          {...{ defaultImageSize, fixedAspectRatio }}\n          isOpen={isAssetLibraryOpen}\n          uploadConfig={uploadConfigWithDefaults}\n          onClose={() => setIsAssetLibraryOpen(false)}\n          onUploadComplete={handleImageSelectionFromLibrary}\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","_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","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","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","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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"}

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageForm = require('./ImageForm.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('../index-Dduujv9L.js');
+var AssetLibrary = require('../index-DhN-kj31.js');
 var useProfileImageUpload = require('../useProfileImageUpload-kJjZSen1.js');
 var useImageUploader = require('../useImageUploader-C2PgQiZJ.js');
 var utils = require('./utils.js');
@@ -13,14 +13,14 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../utils-pG6icHxb.js');
+require('../utils-D8kIruZ4.js');
+require('react');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
 require('react-i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@babel/runtime/helpers/slicedToArray');
-require('react');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');