@bigbinary/neeto-image-uploader-frontend 2.3.1 → 2.3.3

package/dist/AssetLibrary.js

@@ -1,7 +1,8 @@
-import { O as OPTIONS, i as isNilOrEmpty, D as DEFAULT_CROP_CONFIG, a as isItemsCenter, o as onImageLoaded, g as getCroppedImageURL, b as getCropValues, I as IMAGES_PER_PAGE, c as INFINITE_SCROLLER_SIZES, d as INFINITE_SCROLLER_STYLE, T as TABS, A as ASSETS_DESTROY_URL, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, h as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, _ as _objectWithoutProperties$2, j as UNSPLASH_URL } from './utils-fc138f60.js';
-import { _ as _defineProperty$1, a as _slicedToArray$1, I as IS_DEVELOPMENT_OR_HEROKU_ENV, b as ImageKit } from './index-c128d963.js';
+import { O as OPTIONS, i as isNilOrEmpty, D as DEFAULT_CROP_CONFIG, a as isItemsCenter, o as onImageLoaded, g as getCroppedImageURL, b as getCropValues, I as IMAGES_PER_PAGE, c as INFINITE_SCROLLER_SIZES, d as INFINITE_SCROLLER_STYLE, T as TABS, A as ASSETS_DESTROY_URL, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, h as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, _ as _objectWithoutProperties$2, j as UNSPLASH_URL } from './utils-46caa3d3.js';
+import { _ as _defineProperty$1, a as _slicedToArray$1, I as IS_DEVELOPMENT_OR_HEROKU_ENV, C as CLOUD_FLARE, b as ImageKit } from './index-c128d963.js';
 import require$$0, { useState, useEffect, useRef, createElement, useMemo, memo, Fragment as Fragment$1, useCallback } from 'react';
 import { findBy, isPresent, noop, nullSafe, removeBy, isNotEmpty, findById, toLabelAndValue, keysToSnakeCase, filterBy, slugify, _findBy, replaceById, notEquals, keysToCamelCase } from '@bigbinary/neeto-cist';
+import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import NeetoUIModal from '@bigbinary/neetoui/Modal';
 import Button from '@bigbinary/neetoui/Button';
 import Tab from '@bigbinary/neetoui/Tab';
@@ -10,7 +11,7 @@ import Toastr from '@bigbinary/neetoui/Toastr';
 import Typography from '@bigbinary/neetoui/Typography';
 import { mergeLeft, mergeRight, identity, clamp, curry, prop, pluck, filter, includes, append, isEmpty, identical, isNil, assoc, equals, groupBy, isNotNil, keys, pick, map, not, move, head, reverse, is, modify, __, trim, toLower, concat } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
-import { c as commonjsGlobal$1, g as getDefaultExportFromCjs$1, Q as QUERY_KEYS$1, A as ASSETS_STALE_TIME, a as getAugmentedNamespace, U as UNSPLASH_STALE_TIME, d as directUploadsApi, _ as _asyncToGenerator, b as _regeneratorRuntime, u as useCreateBlob, e as useImageUploader, f as generateASCIIFileName } from './useImageUploader-1dec0b7c.js';
+import { c as commonjsGlobal$1, g as getDefaultExportFromCjs$1, a as getAugmentedNamespace, d as directUploadsApi, _ as _asyncToGenerator, b as _regeneratorRuntime, u as useCreateBlob, e as useImageUploader, f as generateASCIIFileName } from './useImageUploader-9faaa8e5.js';
 import classnames from 'classnames';
 import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
 import { useMutation, useInfiniteQuery, useQueryClient, QueryClient, QueryCache, useQuery, QueryClientProvider, keepPreviousData } from '@tanstack/react-query';
@@ -20,8 +21,8 @@ import { withEventTargetValue, getQueryParams, buildUrl, showThumbsUpToastr, hyp
 import Input from '@bigbinary/neetoui/Input';
 import Switch from '@bigbinary/neetoui/Switch';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Q as QUERY_KEYS$1, A as ASSETS_STALE_TIME, U as UNSPLASH_STALE_TIME } from './query-dcc7b81b.js';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
-import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import i18next, { t as t$2 } from 'i18next';
@@ -9656,7 +9657,9 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     _ref$setSelectedImage = _ref.setSelectedImage,
     setSelectedImage = _ref$setSelectedImage === void 0 ? noop : _ref$setSelectedImage,
     _ref$handleUnsplashIm = _ref.handleUnsplashImageSelect,
-    handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? noop : _ref$handleUnsplashIm;
+    handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? noop : _ref$handleUnsplashIm,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState({
@@ -9666,6 +9669,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     _useState2 = _slicedToArray$1(_useState, 2),
     deleteConfirmation = _useState2[0],
     setDeleteConfirmation = _useState2[1];
+  var isMenuButtonEnabled = globalProps.assetsUploaderService !== CLOUD_FLARE;
   var _useBulkDestroyAssets = useBulkDestroyAssets(ASSETS_DESTROY_URL),
     isPending = _useBulkDestroyAssets.isPending,
     bulkDelete = _useBulkDestroyAssets.mutate;
@@ -9723,7 +9727,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                   children: [image === null || image === void 0 || (_image$user2 = image.user) === null || _image$user2 === void 0 ? void 0 : _image$user2.name, " | ", " ", t("neetoImageUploader.labels.unsplash")]
                 })]
               }), tab === TABS[0].key && /*#__PURE__*/jsxs(Fragment, {
-                children: [hasPermission(VIEW_ROLES_PERMISSION) && /*#__PURE__*/jsx(Dropdown, {
+                children: [hasPermission(VIEW_ROLES_PERMISSION) && isMenuButtonEnabled && /*#__PURE__*/jsx(Dropdown, {
                   buttonSize: "small",
                   buttonStyle: "tertiary",
                   "data-cy": "image-library-image-options-".concat(index),
@@ -9749,7 +9753,8 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                   "data-cy": "niu-library-image-".concat(index),
                   src: image === null || image === void 0 ? void 0 : image.url,
                   onClick: function onClick() {
-                    return setSelectedImage(image);
+                    setSelectedImage(image);
+                    handleSubmit(image);
                   }
                 })]
               })]
@@ -9776,7 +9781,8 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
 
 var Images = function Images(_ref) {
   var debouncedQuery = _ref.debouncedQuery,
-    setSelectedImage = _ref.setSelectedImage;
+    setSelectedImage = _ref.setSelectedImage,
+    handleSubmit = _ref.handleSubmit;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFetchAssets = useFetchAssets({
@@ -9806,6 +9812,7 @@ var Images = function Images(_ref) {
     });
   }
   return /*#__PURE__*/createElement(InfiniteScroller, {
+    handleSubmit: handleSubmit,
     setSelectedImage: setSelectedImage,
     hasMore: hasNextPage,
     images: results,
@@ -10011,7 +10018,9 @@ var ImageLibrary = function ImageLibrary(_ref) {
   var setSelectedImage = _ref.setSelectedImage,
     tab = _ref.tab,
     setIsUploading = _ref.setIsUploading,
-    setActiveTab = _ref.setActiveTab;
+    setActiveTab = _ref.setActiveTab,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
   var _useState = useState(""),
     _useState2 = _slicedToArray$1(_useState, 2),
     query = _useState2[0],
@@ -10038,6 +10047,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
       }
     }), tab === TABS[0].key ? /*#__PURE__*/jsx(Images, {
       debouncedQuery: debouncedQuery,
+      handleSubmit: handleSubmit,
       query: query,
       setSelectedImage: setSelectedImage
     }) : /*#__PURE__*/jsx(UnsplashLibrary, {
@@ -10080,6 +10090,8 @@ var Modal = function Modal(_ref) {
   var _useCreateBlob = useCreateBlob(),
     createBlob = _useCreateBlob.mutate;
   var uploadConfigWithDefaults = mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig);
+  var isImageCropEnabled = globalProps.assetsUploaderService !== CLOUD_FLARE;
+  var isCloudFlareImageUploader = globalProps.assetsUploaderService === CLOUD_FLARE;
   var handleCloseModal = function handleCloseModal() {
     onClose();
     setSelectedImage({});
@@ -10111,8 +10123,29 @@ var Modal = function Modal(_ref) {
     }
     handleCloseModal();
   };
+  var handleUploadToCloudFlare = function handleUploadToCloudFlare(result) {
+    var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var payload = {
+      filename: generateASCIIFileName(result.filename),
+      content_type: file.type,
+      byte_size: file.size,
+      checksum: result.id,
+      metadata: _objectSpread(_objectSpread({}, result), {}, {
+        url: result.variants[0]
+      }),
+      service_name: "cloudflare_image"
+    };
+    createBlob(payload);
+  };
+  var handleSubmit = function handleSubmit(image) {
+    onUploadComplete({
+      url: image.url,
+      signedId: image.signedId
+    });
+    handleCloseModal();
+  };
   var _useImageUploader = useImageUploader({
-      onUploadComplete: setSelectedImage,
+      onUploadComplete: isCloudFlareImageUploader ? handleUploadToCloudFlare : setSelectedImage,
       setIsUploading: setIsUploading
     }),
     uploadFile = _useImageUploader.uploadFile;
@@ -10149,7 +10182,7 @@ var Modal = function Modal(_ref) {
       children: /*#__PURE__*/jsx(Typography, {
         children: t("neetoImageUploader.common.dropHere")
       })
-    })), !isNilOrEmpty(selectedImage) ? /*#__PURE__*/jsx(ImageEditor, {
+    })), !isNilOrEmpty(selectedImage) && isImageCropEnabled ? /*#__PURE__*/jsx(ImageEditor, {
       fixedAspectRatio: fixedAspectRatio,
       handleImageEditComplete: handleImageEditComplete,
       handleReset: function handleReset() {
@@ -10200,12 +10233,15 @@ var Modal = function Modal(_ref) {
             })
           })]
         })
-      }), /*#__PURE__*/jsx(ImageLibrary, {
+      }), /*#__PURE__*/jsx(ImageLibrary, _objectSpread(_objectSpread({}, _objectSpread({
         setActiveTab: setActiveTab,
         setIsUploading: setIsUploading,
-        setSelectedImage: setSelectedImage,
+        setSelectedImage: setSelectedImage
+      }, isCloudFlareImageUploader && {
+        handleSubmit: handleSubmit
+      })), {}, {
         tab: activeTab
-      }), equals(activeTab, TABS[1].key) && /*#__PURE__*/jsx(NeetoUIModal.Footer, {
+      })), equals(activeTab, TABS[1].key) && /*#__PURE__*/jsx(NeetoUIModal.Footer, {
         className: "flex items-center justify-center gap-2",
         children: /*#__PURE__*/jsx(Typography, {
           style: "body2",