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

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-06-23T13:02:15.201Z
+Built at 2026-07-24T05:47:38.888Z

package/dist/AssetLibrary.js

@@ -10,12 +10,12 @@ import '@bigbinary/neetoui/Toastr';
 import '@bigbinary/neetoui/Typography';
 import 'ramda';
 import 'react-i18next';
-import './utils-C-_hvapN.js';
-export { M as default } from './index-BFPek9ek.js';
+import './utils-CBR0uhqY.js';
+export { M as default } from './index-BYfso12Q.js';
 import './utils-DQSN1LLd.js';
-import './useImageUploader-BsSpqUky.js';
+import './useImageUploader-BWLT38Jh.js';
 import './imagekit.esm-Wbu4ABaW.js';
-import './constants-D8YY7aVx.js';
+import './constants-BNGwgivX.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@bigbinary/neetoui/Button';
@@ -23,7 +23,7 @@ import '@bigbinary/neetoui/ProgressBar';
 import 'react-dropzone';
 import 'i18next';
 import './constants-BF4SgnWe.js';
-import './useUnsplashApi-BLygxRcf.js';
+import './useUnsplashApi-qANYsRgw.js';
 import '@tanstack/react-query';
 import 'axios';
 import './query-BJnGLX4z.js';

package/dist/BasicImageUploader.js

@@ -4,9 +4,9 @@ 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 isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-C-_hvapN.js';
+import { i as isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-CBR0uhqY.js';
 import { I as ImageWithFallback } from './ImageWithFallback-DCGYkTnN.js';
-import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-D8YY7aVx.js';
+import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-BNGwgivX.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@bigbinary/neetoui/Typography';

package/dist/ImageForm.js

@@ -24,15 +24,15 @@ import '@babel/runtime/regenerator';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neetoui/Dropdown';
-import './utils-C-_hvapN.js';
+import './utils-CBR0uhqY.js';
 import '@bigbinary/neetoui/ProgressBar';
 import 'react-dropzone';
 import '@bigbinary/neetoui/Toastr';
 import './constants-BF4SgnWe.js';
 import './imagekit.esm-Wbu4ABaW.js';
+import './constants-BNGwgivX.js';
 import './ImageWithFallback-DCGYkTnN.js';
-import './constants-D8YY7aVx.js';
-import './index-BFPek9ek.js';
+import './index-BYfso12Q.js';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
 import './utils-DQSN1LLd.js';
@@ -40,9 +40,9 @@ import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import './query-BJnGLX4z.js';
-import './useImageUploader-BsSpqUky.js';
+import './useImageUploader-BWLT38Jh.js';
 import '@rails/activestorage';
-import './useUnsplashApi-BLygxRcf.js';
+import './useUnsplashApi-qANYsRgw.js';
 import '@bigbinary/neeto-icons/LeftArrow';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';

package/dist/ImageUploader.js

@@ -11,12 +11,12 @@ 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 isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-C-_hvapN.js';
+import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-CBR0uhqY.js';
 import { I as ImageWithFallback } from './ImageWithFallback-DCGYkTnN.js';
-import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-D8YY7aVx.js';
-import { M as Modal, c as constructCloudflareImageURL } from './index-BFPek9ek.js';
+import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-BNGwgivX.js';
+import { M as Modal, c as constructCloudflareImageURL } from './index-BYfso12Q.js';
 import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from './utils-DQSN1LLd.js';
-import { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+import { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './imagekit.esm-Wbu4ABaW.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@bigbinary/neetoui/Button';
@@ -29,7 +29,7 @@ import './constants-BF4SgnWe.js';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
 import '@bigbinary/neetoui/Spinner';
-import './useUnsplashApi-BLygxRcf.js';
+import './useUnsplashApi-qANYsRgw.js';
 import '@tanstack/react-query';
 import 'axios';
 import './query-BJnGLX4z.js';

package/dist/cjs/AssetLibrary.js

@@ -12,12 +12,12 @@ require('@bigbinary/neetoui/Toastr');
 require('@bigbinary/neetoui/Typography');
 require('ramda');
 require('react-i18next');
-require('../utils-BkIHGr19.js');
-var AssetLibrary = require('../index-CbRMVeis.js');
+require('../utils-hFSeEG9S.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 require('../utils-Dshsishe.js');
-require('../useImageUploader-J3bippyP.js');
+require('../useImageUploader-D8EKfvhs.js');
 require('../imagekit.esm-ZYrS-YIL.js');
-require('../constants-rSdnoUWv.js');
+require('../constants-DaSuAD1y.js');
 require('react/jsx-runtime');
 require('classnames');
 require('@bigbinary/neetoui/Button');
@@ -25,7 +25,7 @@ require('@bigbinary/neetoui/ProgressBar');
 require('react-dropzone');
 require('i18next');
 require('../constants-Dos-Y7GC.js');
-require('../useUnsplashApi-Dl6ZdUSP.js');
+require('../useUnsplashApi-_-5cRT70.js');
 require('@tanstack/react-query');
 require('axios');
 require('../query-eZTZ-5Dm.js');

package/dist/cjs/BasicImageUploader.js

@@ -6,9 +6,9 @@ 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-BkIHGr19.js');
+var utils = require('../utils-hFSeEG9S.js');
 var ImageWithFallback = require('../ImageWithFallback-D1ClfJLn.js');
-var constants = require('../constants-rSdnoUWv.js');
+var constants = require('../constants-DaSuAD1y.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('@bigbinary/neetoui/Typography');

package/dist/cjs/ImageForm.js

@@ -26,15 +26,15 @@ require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neetoui/Dropdown');
-require('../utils-BkIHGr19.js');
+require('../utils-hFSeEG9S.js');
 require('@bigbinary/neetoui/ProgressBar');
 require('react-dropzone');
 require('@bigbinary/neetoui/Toastr');
 require('../constants-Dos-Y7GC.js');
 require('../imagekit.esm-ZYrS-YIL.js');
+require('../constants-DaSuAD1y.js');
 require('../ImageWithFallback-D1ClfJLn.js');
-require('../constants-rSdnoUWv.js');
-require('../index-CbRMVeis.js');
+require('../index-C7wF6PXg.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('../utils-Dshsishe.js');
@@ -42,9 +42,9 @@ require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('../query-eZTZ-5Dm.js');
-require('../useImageUploader-J3bippyP.js');
+require('../useImageUploader-D8EKfvhs.js');
 require('@rails/activestorage');
-require('../useUnsplashApi-Dl6ZdUSP.js');
+require('../useUnsplashApi-_-5cRT70.js');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');

package/dist/cjs/ImageUploader.js

@@ -13,12 +13,12 @@ var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var utils$1 = require('../utils-BkIHGr19.js');
+var utils$1 = require('../utils-hFSeEG9S.js');
 var ImageWithFallback = require('../ImageWithFallback-D1ClfJLn.js');
-var constants = require('../constants-rSdnoUWv.js');
-var AssetLibrary = require('../index-CbRMVeis.js');
+var constants = require('../constants-DaSuAD1y.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 var utils = require('../utils-Dshsishe.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 var imagekit_esm = require('../imagekit.esm-ZYrS-YIL.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Button');
@@ -31,7 +31,7 @@ require('../constants-Dos-Y7GC.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('@bigbinary/neetoui/Spinner');
-require('../useUnsplashApi-Dl6ZdUSP.js');
+require('../useUnsplashApi-_-5cRT70.js');
 require('@tanstack/react-query');
 require('axios');
 require('../query-eZTZ-5Dm.js');

package/dist/cjs/hooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');

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-CbRMVeis.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 var utils = require('./utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -13,7 +13,7 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../utils-BkIHGr19.js');
+require('../utils-hFSeEG9S.js');
 require('react');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
@@ -27,8 +27,8 @@ require('@bigbinary/neetoui/Toastr');
 require('../constants-Dos-Y7GC.js');
 require('react/jsx-runtime');
 require('../imagekit.esm-ZYrS-YIL.js');
+require('../constants-DaSuAD1y.js');
 require('../ImageWithFallback-D1ClfJLn.js');
-require('../constants-rSdnoUWv.js');
 require('formik');
 require('@bigbinary/neeto-icons/Help');
 require('@bigbinary/neetoui/formik/Input');
@@ -48,7 +48,7 @@ require('axios');
 require('../query-eZTZ-5Dm.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
-require('../useUnsplashApi-Dl6ZdUSP.js');
+require('../useUnsplashApi-_-5cRT70.js');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');

package/dist/cjs/v2/AssetLibrary.js

@@ -9,10 +9,10 @@ require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('ramda');
 require('react-i18next');
 require('../../utils-Dshsishe.js');
-require('../../useImageUploader-TOt_v6Rn.js');
-require('../../utils-BuYOlqCV.js');
+require('../../useImageUploader-C0LPNMXM.js');
+require('../../utils-DQye8ufx.js');
 require('../../imagekit.esm-ZYrS-YIL.js');
-var v2_AssetLibrary = require('../../index-q56JLh5J.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -26,8 +26,8 @@ require('@bigbinary/neeto-commons-frontend/initializers');
 require('../../constants-Dos-Y7GC.js');
 require('classnames');
 require('react-dropzone');
-require('../../useUnsplashApi-Dl6ZdUSP.js');
-require('../../constants-rSdnoUWv.js');
+require('../../useUnsplashApi-_-5cRT70.js');
+require('../../constants-DaSuAD1y.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,7 +6,7 @@ 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-BuYOlqCV.js');
+var utils = require('../../utils-DQye8ufx.js');
 var ImageWithFallback = require('../../ImageWithFallback-BhUgmP7t.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');

package/dist/cjs/v2/ImageForm.js

@@ -28,16 +28,16 @@ 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('../../useImageUploader-C0LPNMXM.js');
 require('@rails/activestorage');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('../../constants-Dos-Y7GC.js');
-require('../../utils-BuYOlqCV.js');
+require('../../utils-DQye8ufx.js');
 require('react-dropzone');
 require('../../ImageWithFallback-BhUgmP7t.js');
-require('../../index-q56JLh5J.js');
-require('../../useUnsplashApi-Dl6ZdUSP.js');
-require('../../constants-rSdnoUWv.js');
+require('../../index-BlUNJMFN.js');
+require('../../useUnsplashApi-_-5cRT70.js');
+require('../../constants-DaSuAD1y.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

@@ -14,11 +14,11 @@ var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var utils = require('../../utils-Dshsishe.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 var imagekit_esm = require('../../imagekit.esm-ZYrS-YIL.js');
-var utils$1 = require('../../utils-BuYOlqCV.js');
+var utils$1 = require('../../utils-DQye8ufx.js');
 var ImageWithFallback = require('../../ImageWithFallback-BhUgmP7t.js');
-var v2_AssetLibrary = require('../../index-q56JLh5J.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -29,8 +29,8 @@ require('i18next');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('../../constants-Dos-Y7GC.js');
 require('react-dropzone');
-require('../../useUnsplashApi-Dl6ZdUSP.js');
-require('../../constants-rSdnoUWv.js');
+require('../../useUnsplashApi-_-5cRT70.js');
+require('../../constants-DaSuAD1y.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/hooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var useProfileImageUpload = require('../../useProfileImageUpload-BZb8Cttj.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');

package/dist/cjs/v2/index.js

@@ -3,9 +3,9 @@
 var v2_BasicImageUploader = require('./BasicImageUploader.js');
 var v2_ImageForm = require('./ImageForm.js');
 var v2_ImageUploader = require('./ImageUploader.js');
-var v2_AssetLibrary = require('../../index-q56JLh5J.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 var useProfileImageUpload = require('../../useProfileImageUpload-BZb8Cttj.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 var utils = require('../utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -13,7 +13,7 @@ require('@bigbinary/neeto-atoms');
 require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
-require('../../utils-BuYOlqCV.js');
+require('../../utils-DQye8ufx.js');
 require('react');
 require('ramda');
 require('react-i18next');
@@ -38,8 +38,8 @@ require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('../../query-eZTZ-5Dm.js');
-require('../../useUnsplashApi-Dl6ZdUSP.js');
-require('../../constants-rSdnoUWv.js');
+require('../../useUnsplashApi-_-5cRT70.js');
+require('../../constants-DaSuAD1y.js');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neeto-icons/LeftArrow');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils');

package/dist/{constants-D8YY7aVx.js → constants-BNGwgivX.js}

@@ -32,6 +32,10 @@ var DEFAULT_CROP_CONFIG = {
   x: 0,
   y: 0
 };
+var DEFAULT_ASPECT_RATIO = {
+  width: 16,
+  height: 9
+};
 var INFINITE_SCROLLER_SIZES = [{
   columns: 2,
   gutter: 0
@@ -52,5 +56,5 @@ var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "".concat(IMAGE_UPLOADER_B
 var ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "".concat(IMAGE_UPLOADER_BASE_URL, "/development/bulk_destroy") : "".concat(IMAGE_UPLOADER_BASE_URL, "/imagekit/bulk_destroy");
 var IMAGE_WRAPPER_CLASSNAME = "neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg relative flex h-full w-full flex-col items-center justify-center gap-5 border border-dashed p-2 transition-all duration-300 ease-in-out";
 
-export { ASSETS_DESTROY_URL as A, DEFAULT_CROP_CONFIG as D, IMAGE_WRAPPER_CLASSNAME as I, TABS as T, UNSPLASH_DEFAULT_NAME as U, INFINITE_SCROLLER_STYLE as a, INFINITE_SCROLLER_SIZES as b, IMAGES_PER_PAGE as c, ASSETS_FETCH_URL as d, UNSPLASH_DEFAULT_REQUEST_CONFIG as e, UNSPLASH_URL as f };
-//# sourceMappingURL=constants-D8YY7aVx.js.map
+export { ASSETS_DESTROY_URL as A, DEFAULT_ASPECT_RATIO as D, IMAGE_WRAPPER_CLASSNAME as I, TABS as T, UNSPLASH_DEFAULT_NAME as U, DEFAULT_CROP_CONFIG as a, INFINITE_SCROLLER_STYLE as b, INFINITE_SCROLLER_SIZES as c, IMAGES_PER_PAGE as d, ASSETS_FETCH_URL as e, UNSPLASH_DEFAULT_REQUEST_CONFIG as f, UNSPLASH_URL as g };
+//# sourceMappingURL=constants-BNGwgivX.js.map

package/dist/constants-BNGwgivX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-BNGwgivX.js","sources":["../app/javascript/src/components/constants.js"],"sourcesContent":["import i18next from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\n\nimport {\n  IMAGE_UPLOADER_BASE_URL,\n  CLOUD_FLARE,\n  IS_DEVELOPMENT_OR_HEROKU_ENV,\n} from \"src/constants\";\n\nexport const UNSPLASH_DEFAULT_NAME = \"Unsplash-asset\";\n\nexport const UNSPLASH_URL = \"https://unsplash.com/\";\n\nexport const IMAGES_PER_PAGE = 30;\n\nexport const UNSPLASH_DEFAULT_REQUEST_CONFIG = {\n  headers: {\n    \"Access-Control-Allow-Origin\": \"*\",\n    \"Access-Control-Allow-Methods\": \"GET\",\n  },\n  responseType: \"blob\",\n};\n\nexport const TABS = [\n  {\n    label: i18next.t(\"neetoImageUploader.labels.uploadImage\"),\n    key: \"upload\",\n    dataTestid: \"neeto-image-uploader-upload-image-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.myImages\"),\n    key: \"images\",\n    dataTestid: \"neeto-image-uploader-my-images-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.searchTheWeb\"),\n    key: \"unsplash\",\n    dataTestid: \"neeto-image-uploader-unsplash-tab\",\n  },\n];\n\nexport const DEFAULT_CROP_CONFIG = {\n  unit: \"%\",\n  height: 100,\n  width: 100,\n  x: 0,\n  y: 0,\n};\n\nexport const DEFAULT_ASPECT_RATIO = { width: 16, height: 9 };\n\nexport const URL_REGEXP =\n  /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/;\n\nexport const INFINITE_SCROLLER_SIZES = [\n  { columns: 2, gutter: 0 },\n  { mq: \"768px\", columns: 4, gutter: 0 },\n  { mq: \"1024px\", columns: 4, gutter: 0 },\n];\n\nexport const INFINITE_SCROLLER_STYLE = { width: \"100%\" };\n\nexport const ALLOWED_IMAGE_TYPES = {\n  \"image/*\": [\".png\", \".jpg\", \".jpeg\", \".svg\", \".gif\"],\n};\n\nexport const IMAGE_UPLOAD_SERVICE_URL =\n  globalProps.assetsUploaderService === CLOUD_FLARE\n    ? `${IMAGE_UPLOADER_BASE_URL}/cloudflare_images`\n    : `${IMAGE_UPLOADER_BASE_URL}/imagekit/fetch`;\n\nexport const ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? `${IMAGE_UPLOADER_BASE_URL}/development/fetch`\n  : IMAGE_UPLOAD_SERVICE_URL;\n\nexport const ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? `${IMAGE_UPLOADER_BASE_URL}/development/bulk_destroy`\n  : `${IMAGE_UPLOADER_BASE_URL}/imagekit/bulk_destroy`;\n\nexport const IMAGE_WRAPPER_CLASSNAME =\n  \"neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg relative flex h-full w-full flex-col items-center justify-center gap-5 border border-dashed p-2 transition-all duration-300 ease-in-out\";\n"],"names":["UNSPLASH_DEFAULT_NAME","UNSPLASH_URL","IMAGES_PER_PAGE","UNSPLASH_DEFAULT_REQUEST_CONFIG","headers","responseType","TABS","label","i18next","t","key","dataTestid","DEFAULT_CROP_CONFIG","unit","height","width","x","y","DEFAULT_ASPECT_RATIO","INFINITE_SCROLLER_SIZES","columns","gutter","mq","INFINITE_SCROLLER_STYLE","IMAGE_UPLOAD_SERVICE_URL","globalProps","assetsUploaderService","CLOUD_FLARE","concat","IMAGE_UPLOADER_BASE_URL","ASSETS_FETCH_URL","IS_DEVELOPMENT_OR_HEROKU_ENV","ASSETS_DESTROY_URL","IMAGE_WRAPPER_CLASSNAME"],"mappings":";;;;AASO,IAAMA,qBAAqB,GAAG;AAE9B,IAAMC,YAAY,GAAG;AAErB,IAAMC,eAAe,GAAG;AAExB,IAAMC,+BAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE;AACP,IAAA,6BAA6B,EAAE,GAAG;AAClC,IAAA,8BAA8B,EAAE;GACjC;AACDC,EAAAA,YAAY,EAAE;AAChB;AAEO,IAAMC,IAAI,GAAG,CAClB;AACEC,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,uCAAuC,CAAC;AACzDC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEJ,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,oCAAoC,CAAC;AACtDC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEJ,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,wCAAwC,CAAC;AAC1DC,EAAAA,GAAG,EAAE,UAAU;AACfC,EAAAA,UAAU,EAAE;AACd,CAAC;AAGI,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE;AACL;AAEO,IAAMC,oBAAoB,GAAG;AAAEH,EAAAA,KAAK,EAAE,EAAE;AAAED,EAAAA,MAAM,EAAE;AAAE;AAKpD,IAAMK,uBAAuB,GAAG,CACrC;AAAEC,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC,EACzB;AAAEC,EAAAA,EAAE,EAAE,OAAO;AAAEF,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC,EACtC;AAAEC,EAAAA,EAAE,EAAE,QAAQ;AAAEF,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC;AAGlC,IAAME,uBAAuB,GAAG;AAAER,EAAAA,KAAK,EAAE;AAAO;AAMhD,IAAMS,wBAAwB,GACnCC,WAAW,CAACC,qBAAqB,KAAKC,WAAW,GAAA,EAAA,CAAAC,MAAA,CAC1CC,uBAAuB,EAAA,oBAAA,CAAA,GAAA,EAAA,CAAAD,MAAA,CACvBC,uBAAuB,EAAA,iBAAA,CAAiB;AAE1C,IAAMC,gBAAgB,GAAGC,4BAA4B,MAAAH,MAAA,CACrDC,uBAAuB,EAAA,oBAAA,CAAA,GAC1BL;AAEG,IAAMQ,kBAAkB,GAAGD,4BAA4B,GAAA,EAAA,CAAAH,MAAA,CACvDC,uBAAuB,EAAA,2BAAA,CAAA,GAAA,EAAA,CAAAD,MAAA,CACvBC,uBAAuB,EAAA,wBAAA;AAEvB,IAAMI,uBAAuB,GAClC;;;;"}

package/dist/{constants-rSdnoUWv.js → constants-DaSuAD1y.js}

@@ -34,6 +34,10 @@ var DEFAULT_CROP_CONFIG = {
   x: 0,
   y: 0
 };
+var DEFAULT_ASPECT_RATIO = {
+  width: 16,
+  height: 9
+};
 var INFINITE_SCROLLER_SIZES = [{
   columns: 2,
   gutter: 0
@@ -56,6 +60,7 @@ var IMAGE_WRAPPER_CLASSNAME = "neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hov
 
 exports.ASSETS_DESTROY_URL = ASSETS_DESTROY_URL;
 exports.ASSETS_FETCH_URL = ASSETS_FETCH_URL;
+exports.DEFAULT_ASPECT_RATIO = DEFAULT_ASPECT_RATIO;
 exports.DEFAULT_CROP_CONFIG = DEFAULT_CROP_CONFIG;
 exports.IMAGES_PER_PAGE = IMAGES_PER_PAGE;
 exports.IMAGE_WRAPPER_CLASSNAME = IMAGE_WRAPPER_CLASSNAME;
@@ -65,4 +70,4 @@ exports.TABS = TABS;
 exports.UNSPLASH_DEFAULT_NAME = UNSPLASH_DEFAULT_NAME;
 exports.UNSPLASH_DEFAULT_REQUEST_CONFIG = UNSPLASH_DEFAULT_REQUEST_CONFIG;
 exports.UNSPLASH_URL = UNSPLASH_URL;
-//# sourceMappingURL=constants-rSdnoUWv.js.map
+//# sourceMappingURL=constants-DaSuAD1y.js.map

package/dist/constants-DaSuAD1y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-DaSuAD1y.js","sources":["../app/javascript/src/components/constants.js"],"sourcesContent":["import i18next from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\n\nimport {\n  IMAGE_UPLOADER_BASE_URL,\n  CLOUD_FLARE,\n  IS_DEVELOPMENT_OR_HEROKU_ENV,\n} from \"src/constants\";\n\nexport const UNSPLASH_DEFAULT_NAME = \"Unsplash-asset\";\n\nexport const UNSPLASH_URL = \"https://unsplash.com/\";\n\nexport const IMAGES_PER_PAGE = 30;\n\nexport const UNSPLASH_DEFAULT_REQUEST_CONFIG = {\n  headers: {\n    \"Access-Control-Allow-Origin\": \"*\",\n    \"Access-Control-Allow-Methods\": \"GET\",\n  },\n  responseType: \"blob\",\n};\n\nexport const TABS = [\n  {\n    label: i18next.t(\"neetoImageUploader.labels.uploadImage\"),\n    key: \"upload\",\n    dataTestid: \"neeto-image-uploader-upload-image-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.myImages\"),\n    key: \"images\",\n    dataTestid: \"neeto-image-uploader-my-images-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.searchTheWeb\"),\n    key: \"unsplash\",\n    dataTestid: \"neeto-image-uploader-unsplash-tab\",\n  },\n];\n\nexport const DEFAULT_CROP_CONFIG = {\n  unit: \"%\",\n  height: 100,\n  width: 100,\n  x: 0,\n  y: 0,\n};\n\nexport const DEFAULT_ASPECT_RATIO = { width: 16, height: 9 };\n\nexport const URL_REGEXP =\n  /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/;\n\nexport const INFINITE_SCROLLER_SIZES = [\n  { columns: 2, gutter: 0 },\n  { mq: \"768px\", columns: 4, gutter: 0 },\n  { mq: \"1024px\", columns: 4, gutter: 0 },\n];\n\nexport const INFINITE_SCROLLER_STYLE = { width: \"100%\" };\n\nexport const ALLOWED_IMAGE_TYPES = {\n  \"image/*\": [\".png\", \".jpg\", \".jpeg\", \".svg\", \".gif\"],\n};\n\nexport const IMAGE_UPLOAD_SERVICE_URL =\n  globalProps.assetsUploaderService === CLOUD_FLARE\n    ? `${IMAGE_UPLOADER_BASE_URL}/cloudflare_images`\n    : `${IMAGE_UPLOADER_BASE_URL}/imagekit/fetch`;\n\nexport const ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? `${IMAGE_UPLOADER_BASE_URL}/development/fetch`\n  : IMAGE_UPLOAD_SERVICE_URL;\n\nexport const ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? `${IMAGE_UPLOADER_BASE_URL}/development/bulk_destroy`\n  : `${IMAGE_UPLOADER_BASE_URL}/imagekit/bulk_destroy`;\n\nexport const IMAGE_WRAPPER_CLASSNAME =\n  \"neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg relative flex h-full w-full flex-col items-center justify-center gap-5 border border-dashed p-2 transition-all duration-300 ease-in-out\";\n"],"names":["UNSPLASH_DEFAULT_NAME","UNSPLASH_URL","IMAGES_PER_PAGE","UNSPLASH_DEFAULT_REQUEST_CONFIG","headers","responseType","TABS","label","i18next","t","key","dataTestid","DEFAULT_CROP_CONFIG","unit","height","width","x","y","DEFAULT_ASPECT_RATIO","INFINITE_SCROLLER_SIZES","columns","gutter","mq","INFINITE_SCROLLER_STYLE","IMAGE_UPLOAD_SERVICE_URL","globalProps","assetsUploaderService","CLOUD_FLARE","concat","IMAGE_UPLOADER_BASE_URL","ASSETS_FETCH_URL","IS_DEVELOPMENT_OR_HEROKU_ENV","ASSETS_DESTROY_URL","IMAGE_WRAPPER_CLASSNAME"],"mappings":";;;;;;AASO,IAAMA,qBAAqB,GAAG;AAE9B,IAAMC,YAAY,GAAG;AAErB,IAAMC,eAAe,GAAG;AAExB,IAAMC,+BAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE;AACP,IAAA,6BAA6B,EAAE,GAAG;AAClC,IAAA,8BAA8B,EAAE;GACjC;AACDC,EAAAA,YAAY,EAAE;AAChB;AAEO,IAAMC,IAAI,GAAG,CAClB;AACEC,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,uCAAuC,CAAC;AACzDC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEJ,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,oCAAoC,CAAC;AACtDC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,UAAU,EAAE;AACd,CAAC,EACD;AACEJ,EAAAA,KAAK,EAAEC,OAAO,CAACC,CAAC,CAAC,wCAAwC,CAAC;AAC1DC,EAAAA,GAAG,EAAE,UAAU;AACfC,EAAAA,UAAU,EAAE;AACd,CAAC;AAGI,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE;AACL;AAEO,IAAMC,oBAAoB,GAAG;AAAEH,EAAAA,KAAK,EAAE,EAAE;AAAED,EAAAA,MAAM,EAAE;AAAE;AAKpD,IAAMK,uBAAuB,GAAG,CACrC;AAAEC,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC,EACzB;AAAEC,EAAAA,EAAE,EAAE,OAAO;AAAEF,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC,EACtC;AAAEC,EAAAA,EAAE,EAAE,QAAQ;AAAEF,EAAAA,OAAO,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE;AAAE,CAAC;AAGlC,IAAME,uBAAuB,GAAG;AAAER,EAAAA,KAAK,EAAE;AAAO;AAMhD,IAAMS,wBAAwB,GACnCC,wBAAW,CAACC,qBAAqB,KAAKC,wBAAW,GAAA,EAAA,CAAAC,MAAA,CAC1CC,oCAAuB,EAAA,oBAAA,CAAA,GAAA,EAAA,CAAAD,MAAA,CACvBC,oCAAuB,EAAA,iBAAA,CAAiB;AAE1C,IAAMC,gBAAgB,GAAGC,yCAA4B,MAAAH,MAAA,CACrDC,oCAAuB,EAAA,oBAAA,CAAA,GAC1BL;AAEG,IAAMQ,kBAAkB,GAAGD,yCAA4B,GAAA,EAAA,CAAAH,MAAA,CACvDC,oCAAuB,EAAA,2BAAA,CAAA,GAAA,EAAA,CAAAD,MAAA,CACvBC,oCAAuB,EAAA,wBAAA;AAEvB,IAAMI,uBAAuB,GAClC;;;;;;;;;;;;;;;"}

package/dist/hooks.js

@@ -1,5 +1,5 @@
 export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-CeIh1MMh.js';
-export { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+export { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';

package/dist/{index-BFPek9ek.js → index-BYfso12Q.js}

@@ -10,12 +10,12 @@ import Toastr from '@bigbinary/neetoui/Toastr';
 import Typography from '@bigbinary/neetoui/Typography';
 import { mergeRight, isEmpty, equals } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
-import { a as isNilOrEmpty, g as getAspectRatio, b as getPixels, c as getHeightFromAspectRatio, d as getWidthFromAspectRatio, e as getInitialCropSize, f as getPercentage, h as getWrapperRefStyles, j as isItemsCenter, k as getCloudFlareCroppedURL, l as getImageKitCroppedURL, m as getCropValues, D as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, I as ImageDirectUpload } from './utils-C-_hvapN.js';
+import { a as isNilOrEmpty, g as getAspectRatio, b as getPixels, c as getHeightFromAspectRatio, d as getWidthFromAspectRatio, e as getInitialCropSize, f as getPercentage, h as getWrapperRefStyles, j as isItemsCenter, k as getCloudFlareCroppedURL, l as getImageKitCroppedURL, m as getCropValues, D as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, I as ImageDirectUpload } from './utils-CBR0uhqY.js';
 import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from './utils-DQSN1LLd.js';
-import { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+import { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import { I as IS_DEVELOPMENT_OR_HEROKU_ENV, C as CLOUD_FLARE } from './imagekit.esm-Wbu4ABaW.js';
-import { n, R as ReactCrop_minExports, u as useCropImage, a as ReactCrop, b as useBulkDestroyAssets, _ as _default, c as useFetchAssets, d as useFetchUnsplashImages, e as unsplashApi } from './useUnsplashApi-BLygxRcf.js';
-import { D as DEFAULT_CROP_CONFIG, a as INFINITE_SCROLLER_STYLE, b as INFINITE_SCROLLER_SIZES, T as TABS, A as ASSETS_DESTROY_URL, c as IMAGES_PER_PAGE, d as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, e as UNSPLASH_DEFAULT_REQUEST_CONFIG, f as UNSPLASH_URL } from './constants-D8YY7aVx.js';
+import { n, R as ReactCrop_minExports, u as useCropImage, a as ReactCrop, b as useBulkDestroyAssets, _ as _default, c as useFetchAssets, d as useFetchUnsplashImages, e as unsplashApi } from './useUnsplashApi-qANYsRgw.js';
+import { a as DEFAULT_CROP_CONFIG, b as INFINITE_SCROLLER_STYLE, c as INFINITE_SCROLLER_SIZES, T as TABS, A as ASSETS_DESTROY_URL, d as IMAGES_PER_PAGE, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, g as UNSPLASH_URL } from './constants-BNGwgivX.js';
 import classnames from 'classnames';
 import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
 import Button from '@bigbinary/neetoui/Button';
@@ -33,6 +33,11 @@ import Dropdown from '@bigbinary/neetoui/Dropdown';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 
+// ImageKit returns the file name as `name`, while the ActiveStorage backed
+// services (Cloudflare and development) return it as `filename`.
+var imageName = function imageName(image) {
+  return (image === null || image === void 0 ? void 0 : image.name) || (image === null || image === void 0 ? void 0 : image.filename);
+};
 var constructCloudflareImageURL = function constructCloudflareImageURL(url) {
   var domain = window.location.host.split(".").slice(-2).join(".");
   return url.replace("https://imagedelivery.net", "https://images.".concat(domain, "/cdn-cgi/imagedelivery"));
@@ -130,9 +135,9 @@ var useImageControls = function useImageControls(_ref) {
     height = _useState8[0],
     setHeight = _useState8[1];
   var _useState9 = useState(getPixels(crop.width, imageWidth)),
-    _useState10 = _slicedToArray(_useState9, 2),
-    width = _useState10[0],
-    setWidth = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    width = _useState0[0],
+    setWidth = _useState0[1];
   var aspectRatioFactor = aspectRatio.width / aspectRatio.height;
   var buildCropValues = function buildCropValues(_ref3) {
     var cropWidth = _ref3.cropWidth,
@@ -452,7 +457,7 @@ var ImageEditor = function ImageEditor(_ref) {
   });
 };
 
-var css = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-unsplash-container{height:calc(75vh - 13.75rem)!important;height:calc(var(--niu-modal-height) - var(--niu-modal-header-height))!important;max-height:22.1875rem;max-height:var(--niu-unsplash-container-max-height)}.niu-unsplash-container img{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1s both;border-radius:var(--neeto-ui-rounded);cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHNCQUF1QixDQUN2Qix1QkFBd0IsQ0FDeEIsNEJBQTZCLENBQzdCLDRCQUE2QixDQUM3QixrQ0FBbUMsQ0FDbkMsOENBQ0YsQ0NMQSx3QkFDRSxzQ0FFWSxDQUZaLCtFQUVZLENBQ1oscUJBQW9ELENBQXBELG1EQUNGLENBRUEsNEJBSUUsNERBQW1FLENBQ25FLHFDQUFzQyxDQUV0QyxjQUFlLENBTmYsV0FBWSxDQUVaLG1CQUFpQixDQUFqQixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLFVBTUYiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gIC0tbml1LW1vZGFsLXdpZHRoOiA5NXZ3O1xuICAtLW5pdS1tb2RhbC1oZWlnaHQ6IDc1dmg7XG4gIC0tbml1LW1vZGFsLW1heC13aWR0aDogMTE1MnB4O1xuICAtLW5pdS1tb2RhbC1tYXgtaGVpZ2h0OiAzNnJlbTtcbiAgLS1uaXUtbW9kYWwtaGVhZGVyLWhlaWdodDogMTMuNzVyZW07XG4gIC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0OiAyMi4xODc1cmVtO1xufVxuIiwiQGltcG9ydCBcIi4uL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzXCI7XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKFxuICAgIHZhcigtLW5pdS1tb2RhbC1oZWlnaHQpIC0gdmFyKC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQpXG4gICkgIWltcG9ydGFudDtcbiAgbWF4LWhlaWdodDogdmFyKC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0KTtcbn1cblxuLm5pdS11bnNwbGFzaC1jb250YWluZXIgaW1nIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbiJdfQ== */";
+var css = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-unsplash-container{height:calc(75vh - 13.75rem)!important;height:calc(var(--niu-modal-height) - var(--niu-modal-header-height))!important;max-height:22.1875rem;max-height:var(--niu-unsplash-container-max-height)}.niu-unsplash-container img{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1s both;border-radius:var(--neeto-ui-rounded);cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.niu-library-image-name{background-color:rgba(0,0,0,.55);border-end-end-radius:var(--neeto-ui-rounded);border-end-start-radius:var(--neeto-ui-rounded);bottom:0;color:#fff;font-size:11px;inset-inline:0;line-height:16px;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHNCQUF1QixDQUN2Qix1QkFBd0IsQ0FDeEIsNEJBQTZCLENBQzdCLDRCQUE2QixDQUM3QixrQ0FBbUMsQ0FDbkMsOENBQ0YsQ0NMQSx3QkFDRSxzQ0FFWSxDQUZaLCtFQUVZLENBQ1oscUJBQW9ELENBQXBELG1EQUNGLENBRUEsNEJBSUUsNERBQW1FLENBQ25FLHFDQUFzQyxDQUV0QyxjQUFlLENBTmYsV0FBWSxDQUVaLG1CQUFpQixDQUFqQixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLFVBTUYsQ0FFQSx3QkFPRSxnQ0FBa0MsQ0FEbEMsNkNBQThDLENBRDlDLCtDQUFnRCxDQUhoRCxRQUFTLENBTVQsVUFBVyxDQUNYLGNBQWUsQ0FOZixjQUFlLENBT2YsZ0JBQWlCLENBRWpCLGVBQWdCLENBUmhCLGVBQWdCLENBVWhCLG1CQUFvQixDQWJwQixpQkFBa0IsQ0FZbEIsc0JBQXVCLENBRnZCLGtCQUlGIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAtLW5pdS1tb2RhbC13aWR0aDogOTV2dztcbiAgLS1uaXUtbW9kYWwtaGVpZ2h0OiA3NXZoO1xuICAtLW5pdS1tb2RhbC1tYXgtd2lkdGg6IDExNTJweDtcbiAgLS1uaXUtbW9kYWwtbWF4LWhlaWdodDogMzZyZW07XG4gIC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQ6IDEzLjc1cmVtO1xuICAtLW5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodDogMjIuMTg3NXJlbTtcbn1cbiIsIkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvdmFyaWFibGVzLmNzc1wiO1xuXG4ubml1LXVuc3BsYXNoLWNvbnRhaW5lciB7XG4gIGhlaWdodDogY2FsYyhcbiAgICB2YXIoLS1uaXUtbW9kYWwtaGVpZ2h0KSAtIHZhcigtLW5pdS1tb2RhbC1oZWFkZXItaGVpZ2h0KVxuICApICFpbXBvcnRhbnQ7XG4gIG1heC1oZWlnaHQ6IHZhcigtLW5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodCk7XG59XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIGltZyB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBhbmltYXRpb246IGZhZGUtaW4gMS4ycyAxcyBjdWJpYy1iZXppZXIoMC4zOSwgMC41NzUsIDAuNTY1LCAxKSBib3RoO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5uaXUtbGlicmFyeS1pbWFnZS1uYW1lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGluc2V0LWlubGluZTogMDtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMCAwIDAgLyA1NSUpO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuIl19 */";
 n(css,{});
 
 var Menu = Dropdown.Menu,
@@ -541,9 +546,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                   "data-testid": "image-library-image-options-".concat(index),
                   icon: MenuHorizontal,
                   buttonProps: {
-                    className:
-                    // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-                    "absolute end-2 top-2 z-1 rounded-full"
+                    className: "absolute end-2 top-2 z-1 rounded-full"
                   },
                   children: /*#__PURE__*/jsx(Menu, {
                     children: /*#__PURE__*/jsx(MenuItem.Button, {
@@ -560,9 +563,14 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                 }), /*#__PURE__*/jsx("img", {
                   "data-testid": "niu-library-image-".concat(index),
                   src: image === null || image === void 0 ? void 0 : image.url,
+                  title: imageName(image),
                   onClick: function onClick() {
                     return setSelectedImage(image);
                   }
+                }), imageName(image) && /*#__PURE__*/jsx("span", {
+                  className: "niu-library-image-name",
+                  "data-testid": "niu-library-image-name-".concat(index),
+                  children: imageName(image)
                 })]
               })]
             })
@@ -972,4 +980,4 @@ var Modal = function Modal(_ref) {
 };
 
 export { Modal as M, constructCloudflareImageURL as c };
-//# sourceMappingURL=index-BFPek9ek.js.map
+//# sourceMappingURL=index-BYfso12Q.js.map