@bigbinary/neeto-image-uploader-frontend 1.4.12 → 1.4.14

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

@@ -40,7 +40,7 @@
     "imageUpload": {
       "change": "Change",
       "assets": "Assets",
-      "delete": "Delete",
+      "remove": "Remove",
       "dragAndDropOrBrowseFile": "Drag and drop or <span>Browse</span> a file.",
       "selectImagefromAssetsLibrary": "Select from <span>Assets Library</span>",
       "edit": "Edit",

package/dist/index.cjs.js

@@ -6215,7 +6215,8 @@ var ImageUpload = function ImageUpload(_ref) {
     i18nKey: "neetoImageUploader.imageUpload.dragAndDropOrBrowseFile",
     components: {
       span: /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "neeto-ui-text-primary-500"
+        className: "neeto-ui-text-primary-500",
+        "data-cy": "upload-button"
       })
     }
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -6232,7 +6233,9 @@ var ImageUpload = function ImageUpload(_ref) {
         className: "neeto-ui-text-primary-500"
       })
     }
-  })), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  })), /*#__PURE__*/React__default["default"].createElement("input", _extends$1({}, getInputProps(), {
+    "data-cy": "image-upload-input"
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "text-center leading-4",
     style: "body3"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -6301,7 +6304,9 @@ var ImageUploader = function ImageUploader(_ref) {
       url: "",
       signedId: "",
       key: "",
-      filename: ""
+      filename: "",
+      size: "",
+      type: ""
     });
   };
   var onChange = function onChange(file) {
@@ -6315,7 +6320,9 @@ var ImageUploader = function ImageUploader(_ref) {
       filename: attachedImage.filename,
       key: attachedImage.key,
       url: attachedImage.blobUrl,
-      signedId: attachedImage.signedId
+      signedId: attachedImage.signedId,
+      size: attachedImage.byteSize,
+      type: attachedImage.contentType
     });
     setSignedId(attachedImage.signedId);
     setIsEditorOpen(false);
@@ -6398,7 +6405,7 @@ var ImageUploader = function ImageUploader(_ref) {
     className: "h-full w-auto",
     src: image.url
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-stretch justify-center gap-2"
+    className: "mb-2 flex items-stretch justify-center gap-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: t("neetoImageUploader.imageUpload.assets"),
     style: "link",
@@ -6407,7 +6414,8 @@ var ImageUploader = function ImageUploader(_ref) {
     className: "neeto-ui-bg-gray-300 w-px"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "bg-transparent p-0",
-    label: t("neetoImageUploader.imageUpload.delete"),
+    "data-cy": "attachment-remove-button",
+    label: t("neetoImageUploader.imageUpload.remove"),
     style: "danger-text",
     onClick: handleDelete
   }), ramda.not(IS_DEVELOPMENT_OR_HEROKU_ENV) && neetoCist.isNotEmpty(signedId) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {