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

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

@@ -44,8 +44,8 @@
       "images": "Images",
       "imageLibrary": "Image library",
       "remove": "Remove",
-      "dragAndDropOrBrowseFile": "Drag and drop or <span>Browse</span> a file.",
-      "selectImagefromImageLibrary": "Select from <span>Image Library</span>.",
+      "dragAndDropOrBrowseFile": "Drag & drop or <span>upload</span>.",
+      "selectImagefromImageLibrary": "Select from <span>image library</span>.",
       "edit": "Edit",
       "genericError": "Something went wrong!.",
       "fileSizeError": "File size is too large",

package/dist/AssetLibrary.js

@@ -1,5 +1,5 @@
-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-96eacd77.js';
-import { _ as _defineProperty$1, a as _slicedToArray$1, I as IS_DEVELOPMENT_OR_HEROKU_ENV, b as ImageKit } from './index-b9963255.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-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 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 NeetoUIModal from '@bigbinary/neetoui/Modal';
@@ -10,13 +10,13 @@ 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 } from './useImageUploader-36a03350.js';
+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 classnames from 'classnames';
 import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
 import { useMutation, useInfiniteQuery, useQueryClient, QueryClient, QueryCache, useQuery, QueryClientProvider, keepPreviousData } from '@tanstack/react-query';
 import axios from 'axios';
 import { useDebounce, withT, withTitle, useMutationWithInvalidation, useQueryParams, useBreakpoints, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { withEventTargetValue, getQueryParams, buildUrl, showThumbsUpToastr, hyphenize, currencyFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import { withEventTargetValue, getQueryParams, buildUrl, showThumbsUpToastr, hyphenize, currencyFormat, hasPermission } from '@bigbinary/neeto-commons-frontend/utils';
 import Input from '@bigbinary/neetoui/Input';
 import Switch from '@bigbinary/neetoui/Switch';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -569,21 +569,6 @@ function _typeof$1(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof$1(o);
 }
-
-var hasPermission = function hasPermission() {
-  var _globalProps$permissi;
-  var permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var type = _typeof$1(permissions);
-  var userPermissions = (_globalProps$permissi = globalProps.permissions) !== null && _globalProps$permissi !== void 0 ? _globalProps$permissi : [];
-  if (Object.is(type, "string")) {
-    return userPermissions.includes(permissions);
-  } else if (Array.isArray(permissions)) {
-    return permissions.some(function (permission) {
-      return userPermissions.includes(permission);
-    });
-  }
-  return false;
-};
 var isOverflown = function isOverflown(_ref) {
   var clientWidth = _ref.clientWidth,
     clientHeight = _ref.clientHeight,
@@ -9684,7 +9669,6 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
   var _useBulkDestroyAssets = useBulkDestroyAssets(ASSETS_DESTROY_URL),
     isPending = _useBulkDestroyAssets.isPending,
     bulkDelete = _useBulkDestroyAssets.mutate;
-  var hasPermissioToDeleteImage = hasPermission(VIEW_ROLES_PERMISSION);
   var handleDelete = useCallback(function () {
     bulkDelete(deleteConfirmation.imageIds, {
       onSuccess: function onSuccess() {
@@ -9722,6 +9706,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
             },
             children: /*#__PURE__*/jsxs("div", {
               className: "neeto-ui-rounded-sm neeto-ui-bg-gray-100 group absolute h-full w-full",
+              "data-cy": "library-image-card",
               id: "unsplashImage".concat(image.id),
               children: [tab === TABS[1].key && /*#__PURE__*/jsxs(Fragment, {
                 children: [/*#__PURE__*/jsx("img", {
@@ -9738,7 +9723,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: [hasPermissioToDeleteImage && /*#__PURE__*/jsx(Dropdown, {
+                children: [hasPermission(VIEW_ROLES_PERMISSION) && /*#__PURE__*/jsx(Dropdown, {
                   buttonSize: "small",
                   buttonStyle: "tertiary",
                   "data-cy": "image-library-image-options-".concat(index),
@@ -10107,7 +10092,7 @@ var Modal = function Modal(_ref) {
       });
     } else {
       var payload = {
-        filename: editedImage.name,
+        filename: generateASCIIFileName(editedImage.name),
         byte_size: editedImage.size,
         content_type: editedImage.fileType,
         checksum: editedImage.fileId,