@bigbinary/neeto-image-uploader-frontend 1.5.0 → 1.5.2

package/dist/index.js

@@ -2171,10 +2171,11 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
     };
     img.src = src;
   }, [src]);
-  return isLoaded ? /*#__PURE__*/React.createElement("img", _objectSpread$2({
-    className: className,
+  return isLoaded ? /*#__PURE__*/React.createElement("img", _extends$1({}, _objectSpread$2({
     src: src
-  }, props)) : /*#__PURE__*/React.createElement(Fallback, _objectSpread$2({
+  }, props), {
+    className: "h-full w-auto"
+  })) : /*#__PURE__*/React.createElement(Fallback, _objectSpread$2({
     className: className
   }, props));
 };
@@ -2190,15 +2191,15 @@ var UNSPLASH_DEFAULT_REQUEST_CONFIG = {
   responseType: "blob"
 };
 var TABS = [{
-  label: i18next.t("neetoImageUploader.labels.myAssets"),
-  key: "assets"
+  label: i18next.t("neetoImageUploader.labels.myImages"),
+  key: "images"
 }, {
   label: i18next.t("neetoImageUploader.labels.unsplashImages"),
   key: "unsplash"
 }];
 var OPTIONS = [{
   key: "local",
-  label: i18next.t("neetoImageUploader.labels.uploadNewAsset"),
+  label: i18next.t("neetoImageUploader.labels.uploadNewImage"),
   "data-cy": "upload-new-asset",
   style: "primary",
   onClick: noop$1
@@ -2226,7 +2227,7 @@ var INFINITE_SCROLLER_SIZES = [{
 var INFINITE_SCROLLER_STYLE = {
   width: "100%"
 };
-var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/fetch" : "neeto_image_uploader_engine/assets/fetch";
+var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/fetch" : "neeto_image_uploader_engine/images/fetch";
 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";
 
 function _typeof$1(obj) {
@@ -2901,6 +2902,7 @@ var BasicImageUploader = function BasicImageUploader(_ref) {
     "data-cy": "uploaded-image"
   })), /*#__PURE__*/React.createElement(Button, {
     className: "absolute right-3 top-3",
+    "data-cy": "basic-image-uploader-remove-button",
     disabled: isDisabled,
     icon: Delete,
     size: "small",
@@ -2933,7 +2935,7 @@ var directUploadsApi = {
 };
 
 var QUERY_KEYS = {
-  ASSETS_LIST: "neeto-image-uploader-assets-list",
+  ASSETS_LIST: "neeto-image-uploader-images-list",
   UNSPLASH_LIST: "neeto-image-uploader-unsplash-list"
 };
 var ASSETS_STALE_TIME = 900000; // 15 mins
@@ -3803,7 +3805,7 @@ var fetch = function fetch(_ref) {
     }
   });
 };
-var assetsApi = {
+var imagesApi = {
   fetch: fetch
 };
 
@@ -3812,7 +3814,7 @@ var useFetchAssets = function useFetchAssets(_ref) {
     url = _ref.url;
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useQuery([QUERY_KEYS.ASSETS_LIST, search], function () {
-    return assetsApi.fetch({
+    return imagesApi.fetch({
       search: search,
       url: url
     });
@@ -4662,7 +4664,7 @@ var Assets = function Assets(_ref) {
     className: "flex items-center justify-center"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "h3"
-  }, t("neetoImageUploader.common.noAssets")));
+  }, t("neetoImageUploader.common.noImages")));
 };
 
 var newAxiosInstance = axios.create();
@@ -4889,7 +4891,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
     className: "mb-4 mr-6",
     "data-cy": "niu-unsplash-image-picker-search-input",
     name: "text",
-    placeholder: t("neetoImageUploader.placeholders.searchAsset"),
+    placeholder: t("neetoImageUploader.placeholders.searchImage"),
     value: query,
     onChange: function onChange(_ref2) {
       var value = _ref2.target.value;
@@ -5010,7 +5012,7 @@ var Modal = function Modal(_ref) {
     }
   })), /*#__PURE__*/React.createElement(Modal$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, t("neetoImageUploader.common.assetLibrary"))), /*#__PURE__*/React.createElement("div", {
+  }, t("neetoImageUploader.common.imageLibrary"))), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center justify-between px-6 py-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex gap-2"
@@ -5134,11 +5136,13 @@ var ImageUploader = function ImageUploader(_ref) {
     label: t("neetoImageUploader.imageUpload.imageLibrary"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
-    }
+    },
+    "data-cy": "image-uploader-open-image-library-button"
   }, {
     key: OPTION_KEYS.remove,
     label: t("neetoImageUploader.imageUpload.remove"),
-    onClick: handleDelete
+    onClick: handleDelete,
+    "data-cy": "image-uploader-remove-button"
   }];
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(className, {