@bigbinary/neeto-image-uploader-frontend 2.3.8 → 2.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/AssetLibrary.js +2 -2
  2. package/dist/ImageUploader.js +64 -46
  3. package/dist/ImageUploader.js.map +1 -1
  4. package/dist/cjs/AssetLibrary.js +2 -2
  5. package/dist/cjs/ImageUploader.js +66 -47
  6. package/dist/cjs/ImageUploader.js.map +1 -1
  7. package/dist/cjs/hooks.js +2 -2
  8. package/dist/cjs/index.js +5 -5
  9. package/dist/hooks.js +2 -2
  10. package/dist/{index-14b217c0.js → index-9fdcdfac.js} +2 -2
  11. package/dist/{index-14b217c0.js.map → index-9fdcdfac.js.map} +1 -1
  12. package/dist/{index-60324d58.js → index-a3668c72.js} +2 -2
  13. package/dist/{index-60324d58.js.map → index-a3668c72.js.map} +1 -1
  14. package/dist/index.js +5 -5
  15. package/dist/{useImageUploader-3de58fe2.js → useImageUploader-49fd1436.js} +27 -35
  16. package/dist/useImageUploader-49fd1436.js.map +1 -0
  17. package/dist/{useImageUploader-1c60ac64.js → useImageUploader-9c1a27d0.js} +27 -35
  18. package/dist/useImageUploader-9c1a27d0.js.map +1 -0
  19. package/dist/{useProfileImageUpload-69bf6ee9.js → useProfileImageUpload-9c1d2b0f.js} +2 -2
  20. package/dist/{useProfileImageUpload-69bf6ee9.js.map → useProfileImageUpload-9c1d2b0f.js.map} +1 -1
  21. package/dist/{useProfileImageUpload-cad1ed36.js → useProfileImageUpload-faa539d7.js} +2 -2
  22. package/dist/{useProfileImageUpload-cad1ed36.js.map → useProfileImageUpload-faa539d7.js.map} +1 -1
  23. package/package.json +11 -11
  24. package/dist/useImageUploader-1c60ac64.js.map +0 -1
  25. package/dist/useImageUploader-3de58fe2.js.map +0 -1
package/dist/AssetLibrary.js CHANGED
@@ -13,8 +13,8 @@ import '@bigbinary/neetoui/Typography';
13
13
  import 'ramda';
14
14
  import 'react-i18next';
15
15
  import './utils-fa0fa918.js';
16
- export { M as default } from './index-60324d58.js';
17
- import './useImageUploader-1c60ac64.js';
16
+ export { M as default } from './index-a3668c72.js';
17
+ import './useImageUploader-9c1a27d0.js';
18
18
  import './index-8605e11c.js';
19
19
  import 'react/jsx-runtime';
20
20
  import 'react-dropzone';
package/dist/ImageUploader.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
+ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
3
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
+ import _regeneratorRuntime from '@babel/runtime/regenerator';
4
6
  import { useState, createElement } from 'react';
5
7
  import classnames from 'classnames';
6
8
  import { isPresent, noop } from '@bigbinary/neeto-cist';
7
9
  import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
8
10
  import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
9
11
  import Dropdown from '@bigbinary/neetoui/Dropdown';
10
- import Toastr from '@bigbinary/neetoui/Toastr';
11
12
  import { mergeRight } from 'ramda';
12
13
  import { useTranslation } from 'react-i18next';
13
14
  import { I as ImageWithFallback, a as ImageDirectUpload } from './ImageWithFallback-933ea4b1.js';
14
15
  import { j as DEFAULT_UPLOAD_CONFIG, l as OPTION_KEYS, m as isNotNilOrEmpty, n as IMAGE_WRAPPER_CLASSNAME } from './utils-fa0fa918.js';
15
- import { M as Modal, c as constructCloudflareImageURL } from './index-60324d58.js';
16
- import { u as useCreateBlob, a as useImageUploader, g as generateASCIIFileName } from './useImageUploader-1c60ac64.js';
16
+ import { M as Modal, c as constructCloudflareImageURL } from './index-a3668c72.js';
17
+ import { u as useCreateBlob, a as useImageUploader, g as generateASCIIFileName } from './useImageUploader-9c1a27d0.js';
17
18
  import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './index-8605e11c.js';
18
19
  import { jsxs, jsx } from 'react/jsx-runtime';
19
20
  import '@bigbinary/neetoui/Button';
@@ -21,6 +22,7 @@ import '@bigbinary/neetoui/Typography';
21
22
  import '@bigbinary/neetoui/ProgressBar';
22
23
  import 'react-dropzone';
23
24
  import 'i18next';
25
+ import '@bigbinary/neetoui/Toastr';
24
26
  import '@bigbinary/neetoui/Modal';
25
27
  import '@bigbinary/neetoui/Tab';
26
28
  import '@bigbinary/neetoui/Spinner';
@@ -34,8 +36,6 @@ import '@bigbinary/neetoui/Switch';
34
36
  import './query-dcc7b81b.js';
35
37
  import '@bigbinary/neeto-team-members-frontend/constants';
36
38
  import '@bigbinary/neetoui/Alert';
37
- import '@babel/runtime/helpers/asyncToGenerator';
38
- import '@babel/runtime/regenerator';
39
39
  import '@rails/activestorage';
40
40
 
41
41
  var _excluded = ["key", "label"];
@@ -67,7 +67,7 @@ var ImageUploader = function ImageUploader(_ref) {
67
67
  var _useTranslation = useTranslation(),
68
68
  t = _useTranslation.t;
69
69
  var _useCreateBlob = useCreateBlob(),
70
- createBlob = _useCreateBlob.mutate;
70
+ createBlob = _useCreateBlob.mutateAsync;
71
71
  var uploadConfigWithDefaults = mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig);
72
72
  var isCloudFlareImageUploader = globalProps.assetsUploaderService === CLOUD_FLARE;
73
73
  var handleDelete = function handleDelete() {
@@ -101,44 +101,62 @@ var ImageUploader = function ImageUploader(_ref) {
101
101
  setImage(image);
102
102
  onChange(image);
103
103
  };
104
- var handleUploadComplete = function handleUploadComplete(result) {
105
- if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
106
- handleSuccess(mergeRight(result, {
107
- metadata: {
108
- url: result.url
104
+ var handleUploadComplete = /*#__PURE__*/function () {
105
+ var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
106
+ var imageKitPayload, cloudFlarePayload, payload, response;
107
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
108
+ while (1) switch (_context.prev = _context.next) {
109
+ case 0:
110
+ if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
111
+ _context.next = 3;
112
+ break;
113
+ }
114
+ handleSuccess(mergeRight(result, {
115
+ metadata: {
116
+ url: result.url
117
+ }
118
+ }));
119
+ return _context.abrupt("return");
120
+ case 3:
121
+ imageKitPayload = function imageKitPayload() {
122
+ return {
123
+ filename: generateASCIIFileName(result.name),
124
+ byte_size: result.size,
125
+ content_type: result.fileType,
126
+ checksum: result.fileId,
127
+ metadata: result,
128
+ service_name: "imagekitio"
129
+ };
130
+ };
131
+ cloudFlarePayload = function cloudFlarePayload() {
132
+ return {
133
+ filename: generateASCIIFileName(result.filename),
134
+ content_type: result.contentType,
135
+ byte_size: result.byteSize,
136
+ checksum: result.id,
137
+ metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
138
+ url: constructCloudflareImageURL(result.variants[0]),
139
+ isCropped: false
140
+ }),
141
+ service_name: "cloudflare_image"
142
+ };
143
+ };
144
+ payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
145
+ _context.next = 8;
146
+ return createBlob(payload, {});
147
+ case 8:
148
+ response = _context.sent;
149
+ handleSuccess(response);
150
+ case 10:
151
+ case "end":
152
+ return _context.stop();
109
153
  }
110
- }));
111
- return;
112
- }
113
- var imageKitPayload = function imageKitPayload() {
114
- return {
115
- filename: generateASCIIFileName(result.name),
116
- byte_size: result.size,
117
- content_type: result.fileType,
118
- checksum: result.fileId,
119
- metadata: result,
120
- service_name: "imagekitio"
121
- };
122
- };
123
- var cloudFlarePayload = function cloudFlarePayload() {
124
- return {
125
- filename: generateASCIIFileName(result.filename),
126
- content_type: result.contentType,
127
- byte_size: result.byteSize,
128
- checksum: result.id,
129
- metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
130
- url: constructCloudflareImageURL(result.variants[0]),
131
- isCropped: false
132
- }),
133
- service_name: "cloudflare_image"
134
- };
154
+ }, _callee);
155
+ }));
156
+ return function handleUploadComplete(_x) {
157
+ return _ref2.apply(this, arguments);
135
158
  };
136
- var payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
137
- createBlob(payload, {
138
- onSuccess: handleSuccess,
139
- onError: Toastr.error
140
- });
141
- };
159
+ }();
142
160
  var _useImageUploader = useImageUploader({
143
161
  onUploadComplete: handleUploadComplete
144
162
  }),
@@ -176,10 +194,10 @@ var ImageUploader = function ImageUploader(_ref) {
176
194
  className: "absolute right-3 top-3 rounded-full"
177
195
  },
178
196
  children: /*#__PURE__*/jsx(Menu, {
179
- children: options.map(function (_ref2) {
180
- var key = _ref2.key,
181
- label = _ref2.label,
182
- otherProps = _objectWithoutProperties(_ref2, _excluded);
197
+ children: options.map(function (_ref3) {
198
+ var key = _ref3.key,
199
+ label = _ref3.label,
200
+ otherProps = _objectWithoutProperties(_ref3, _excluded);
183
201
  return /*#__PURE__*/createElement(MenuItem.Button, _objectSpread(_objectSpread({}, otherProps), {}, {
184
202
  key: key
185
203
  }), label);
package/dist/ImageUploader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageUploader.js","sources":["../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutate: createBlob } = useCreateBlob();\n\n const uploadConfigWithDefaults = mergeRight(\n DEFAULT_UPLOAD_CONFIG,\n uploadConfig\n );\n\n const isCloudFlareImageUploader =\n globalProps.assetsUploaderService === CLOUD_FLARE;\n\n const handleDelete = () => {\n setImage({});\n onChange({\n url: \"\",\n signedId: \"\",\n key: \"\",\n filename: \"\",\n size: \"\",\n type: \"\",\n });\n };\n\n const onChange = file => onUploadComplete(file);\n\n const handleSuccess = attachedImage => {\n setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n onChange({\n filename: generateASCIIFileName(attachedImage.filename),\n key: attachedImage.key,\n url: attachedImage.blobUrl,\n signedId: attachedImage.signedId,\n size: attachedImage.byteSize,\n type: attachedImage.contentType,\n });\n };\n\n const handleImageSelectionFromLibrary = image => {\n setImage(image);\n onChange(image);\n };\n\n const handleUploadComplete = result => {\n if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n return;\n }\n\n const imageKitPayload = () => ({\n filename: generateASCIIFileName(result.name),\n byte_size: result.size,\n content_type: result.fileType,\n checksum: result.fileId,\n metadata: result,\n service_name: \"imagekitio\",\n });\n\n const cloudFlarePayload = () => ({\n filename: generateASCIIFileName(result.filename),\n content_type: result.contentType,\n byte_size: result.byteSize,\n checksum: result.id,\n metadata: {\n ...result.metadata,\n url: constructCloudflareImageURL(result.variants[0]),\n isCropped: false,\n },\n service_name: \"cloudflare_image\",\n });\n\n const payload = isCloudFlareImageUploader\n ? cloudFlarePayload()\n : imageKitPayload();\n\n createBlob(payload, {\n onSuccess: handleSuccess,\n onError: Toastr.error,\n });\n };\n\n const { uploadFile } = useImageUploader({\n onUploadComplete: handleUploadComplete,\n });\n\n const options = [\n {\n key: OPTION_KEYS.asset,\n label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-cy\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-cy\": \"image-uploader-remove-button\",\n },\n ];\n\n return (\n <div className={classnames(className, { \"cursor-pointer\": true })}>\n {isNotNilOrEmpty(image.url) ? (\n <div\n className={IMAGE_WRAPPER_CLASSNAME}\n data-cy=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-cy=\"uploaded-image\"\n src={image.url}\n />\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n icon={MenuHorizontal}\n buttonProps={{\n // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n className: \"absolute right-3 top-3 rounded-full\",\n }}\n >\n <Menu>\n {options.map(({ key, label, ...otherProps }) => (\n <MenuItem.Button {...otherProps} key={key}>\n {label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n ) : (\n <ImageDirectUpload\n {...{ setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={uploadFile}\n />\n )}\n <AssetLibrary\n {...{ fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n </div>\n );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","result","IS_DEVELOPMENT_OR_HEROKU_ENV","imageKitPayload","name","byte_size","content_type","fileType","checksum","fileId","service_name","cloudFlarePayload","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","payload","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
1
+ {"version":3,"file":"ImageUploader.js","sources":["../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: createBlob } = useCreateBlob();\n\n const uploadConfigWithDefaults = mergeRight(\n DEFAULT_UPLOAD_CONFIG,\n uploadConfig\n );\n\n const isCloudFlareImageUploader =\n globalProps.assetsUploaderService === CLOUD_FLARE;\n\n const handleDelete = () => {\n setImage({});\n onChange({\n url: \"\",\n signedId: \"\",\n key: \"\",\n filename: \"\",\n size: \"\",\n type: \"\",\n });\n };\n\n const onChange = file => onUploadComplete(file);\n\n const handleSuccess = attachedImage => {\n setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n onChange({\n filename: generateASCIIFileName(attachedImage.filename),\n key: attachedImage.key,\n url: attachedImage.blobUrl,\n signedId: attachedImage.signedId,\n size: attachedImage.byteSize,\n type: attachedImage.contentType,\n });\n };\n\n const handleImageSelectionFromLibrary = image => {\n setImage(image);\n onChange(image);\n };\n\n const handleUploadComplete = async result => {\n if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n return;\n }\n\n const imageKitPayload = () => ({\n filename: generateASCIIFileName(result.name),\n byte_size: result.size,\n content_type: result.fileType,\n checksum: result.fileId,\n metadata: result,\n service_name: \"imagekitio\",\n });\n\n const cloudFlarePayload = () => ({\n filename: generateASCIIFileName(result.filename),\n content_type: result.contentType,\n byte_size: result.byteSize,\n checksum: result.id,\n metadata: {\n ...result.metadata,\n url: constructCloudflareImageURL(result.variants[0]),\n isCropped: false,\n },\n service_name: \"cloudflare_image\",\n });\n\n const payload = isCloudFlareImageUploader\n ? cloudFlarePayload()\n : imageKitPayload();\n\n const response = await createBlob(payload, {});\n handleSuccess(response);\n };\n\n const { uploadFile } = useImageUploader({\n onUploadComplete: handleUploadComplete,\n });\n\n const options = [\n {\n key: OPTION_KEYS.asset,\n label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-cy\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-cy\": \"image-uploader-remove-button\",\n },\n ];\n\n return (\n <div className={classnames(className, { \"cursor-pointer\": true })}>\n {isNotNilOrEmpty(image.url) ? (\n <div\n className={IMAGE_WRAPPER_CLASSNAME}\n data-cy=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-cy=\"uploaded-image\"\n src={image.url}\n />\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n icon={MenuHorizontal}\n buttonProps={{\n // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n className: \"absolute right-3 top-3 rounded-full\",\n }}\n >\n <Menu>\n {options.map(({ key, label, ...otherProps }) => (\n <MenuItem.Button {...otherProps} key={key}>\n {label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n ) : (\n <ImageDirectUpload\n {...{ setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={uploadFile}\n />\n )}\n <AssetLibrary\n {...{ fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n </div>\n );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
package/dist/cjs/AssetLibrary.js CHANGED
@@ -15,8 +15,8 @@ require('@bigbinary/neetoui/Typography');
15
15
  require('ramda');
16
16
  require('react-i18next');
17
17
  require('../utils-ede1695e.js');
18
- var AssetLibrary = require('../index-14b217c0.js');
19
- require('../useImageUploader-3de58fe2.js');
18
+ var AssetLibrary = require('../index-9fdcdfac.js');
19
+ require('../useImageUploader-49fd1436.js');
20
20
  require('../index-cf7e4b89.js');
21
21
  require('react/jsx-runtime');
22
22
  require('react-dropzone');
package/dist/cjs/ImageUploader.js CHANGED
@@ -2,20 +2,21 @@
2
2
 
3
3
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
4
4
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
+ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
5
6
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
+ var _regeneratorRuntime = require('@babel/runtime/regenerator');
6
8
  var require$$0 = require('react');
7
9
  var classnames = require('classnames');
8
10
  var neetoCist = require('@bigbinary/neeto-cist');
9
11
  var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
10
12
  var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
11
13
  var Dropdown = require('@bigbinary/neetoui/Dropdown');
12
- var Toastr = require('@bigbinary/neetoui/Toastr');
13
14
  var ramda = require('ramda');
14
15
  var reactI18next = require('react-i18next');
15
16
  var ImageWithFallback = require('../ImageWithFallback-1ddf3f25.js');
16
17
  var utils = require('../utils-ede1695e.js');
17
- var AssetLibrary = require('../index-14b217c0.js');
18
- var useImageUploader = require('../useImageUploader-3de58fe2.js');
18
+ var AssetLibrary = require('../index-9fdcdfac.js');
19
+ var useImageUploader = require('../useImageUploader-49fd1436.js');
19
20
  var index = require('../index-cf7e4b89.js');
20
21
  var jsxRuntime = require('react/jsx-runtime');
21
22
  require('@bigbinary/neetoui/Button');
@@ -23,6 +24,7 @@ require('@bigbinary/neetoui/Typography');
23
24
  require('@bigbinary/neetoui/ProgressBar');
24
25
  require('react-dropzone');
25
26
  require('i18next');
27
+ require('@bigbinary/neetoui/Toastr');
26
28
  require('@bigbinary/neetoui/Modal');
27
29
  require('@bigbinary/neetoui/Tab');
28
30
  require('@bigbinary/neetoui/Spinner');
@@ -36,19 +38,18 @@ require('@bigbinary/neetoui/Switch');
36
38
  require('../query-3c31bf92.js');
37
39
  require('@bigbinary/neeto-team-members-frontend/constants');
38
40
  require('@bigbinary/neetoui/Alert');
39
- require('@babel/runtime/helpers/asyncToGenerator');
40
- require('@babel/runtime/regenerator');
41
41
  require('@rails/activestorage');
42
42
 
43
43
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
44
44
 
45
45
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
46
46
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
47
+ var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
47
48
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
49
+ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
48
50
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
49
51
  var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
50
52
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
51
- var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
52
53
 
53
54
  var _excluded = ["key", "label"];
54
55
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -79,7 +80,7 @@ var ImageUploader = function ImageUploader(_ref) {
79
80
  var _useTranslation = reactI18next.useTranslation(),
80
81
  t = _useTranslation.t;
81
82
  var _useCreateBlob = useImageUploader.useCreateBlob(),
82
- createBlob = _useCreateBlob.mutate;
83
+ createBlob = _useCreateBlob.mutateAsync;
83
84
  var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
84
85
  var isCloudFlareImageUploader = initializers.globalProps.assetsUploaderService === index.CLOUD_FLARE;
85
86
  var handleDelete = function handleDelete() {
@@ -113,44 +114,62 @@ var ImageUploader = function ImageUploader(_ref) {
113
114
  setImage(image);
114
115
  onChange(image);
115
116
  };
116
- var handleUploadComplete = function handleUploadComplete(result) {
117
- if (index.IS_DEVELOPMENT_OR_HEROKU_ENV) {
118
- handleSuccess(ramda.mergeRight(result, {
119
- metadata: {
120
- url: result.url
117
+ var handleUploadComplete = /*#__PURE__*/function () {
118
+ var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(result) {
119
+ var imageKitPayload, cloudFlarePayload, payload, response;
120
+ return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
121
+ while (1) switch (_context.prev = _context.next) {
122
+ case 0:
123
+ if (!index.IS_DEVELOPMENT_OR_HEROKU_ENV) {
124
+ _context.next = 3;
125
+ break;
126
+ }
127
+ handleSuccess(ramda.mergeRight(result, {
128
+ metadata: {
129
+ url: result.url
130
+ }
131
+ }));
132
+ return _context.abrupt("return");
133
+ case 3:
134
+ imageKitPayload = function imageKitPayload() {
135
+ return {
136
+ filename: useImageUploader.generateASCIIFileName(result.name),
137
+ byte_size: result.size,
138
+ content_type: result.fileType,
139
+ checksum: result.fileId,
140
+ metadata: result,
141
+ service_name: "imagekitio"
142
+ };
143
+ };
144
+ cloudFlarePayload = function cloudFlarePayload() {
145
+ return {
146
+ filename: useImageUploader.generateASCIIFileName(result.filename),
147
+ content_type: result.contentType,
148
+ byte_size: result.byteSize,
149
+ checksum: result.id,
150
+ metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
151
+ url: AssetLibrary.constructCloudflareImageURL(result.variants[0]),
152
+ isCropped: false
153
+ }),
154
+ service_name: "cloudflare_image"
155
+ };
156
+ };
157
+ payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
158
+ _context.next = 8;
159
+ return createBlob(payload, {});
160
+ case 8:
161
+ response = _context.sent;
162
+ handleSuccess(response);
163
+ case 10:
164
+ case "end":
165
+ return _context.stop();
121
166
  }
122
- }));
123
- return;
124
- }
125
- var imageKitPayload = function imageKitPayload() {
126
- return {
127
- filename: useImageUploader.generateASCIIFileName(result.name),
128
- byte_size: result.size,
129
- content_type: result.fileType,
130
- checksum: result.fileId,
131
- metadata: result,
132
- service_name: "imagekitio"
133
- };
134
- };
135
- var cloudFlarePayload = function cloudFlarePayload() {
136
- return {
137
- filename: useImageUploader.generateASCIIFileName(result.filename),
138
- content_type: result.contentType,
139
- byte_size: result.byteSize,
140
- checksum: result.id,
141
- metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
142
- url: AssetLibrary.constructCloudflareImageURL(result.variants[0]),
143
- isCropped: false
144
- }),
145
- service_name: "cloudflare_image"
146
- };
167
+ }, _callee);
168
+ }));
169
+ return function handleUploadComplete(_x) {
170
+ return _ref2.apply(this, arguments);
147
171
  };
148
- var payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
149
- createBlob(payload, {
150
- onSuccess: handleSuccess,
151
- onError: Toastr__default["default"].error
152
- });
153
- };
172
+ }();
154
173
  var _useImageUploader = useImageUploader.useImageUploader({
155
174
  onUploadComplete: handleUploadComplete
156
175
  }),
@@ -188,10 +207,10 @@ var ImageUploader = function ImageUploader(_ref) {
188
207
  className: "absolute right-3 top-3 rounded-full"
189
208
  },
190
209
  children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
191
- children: options.map(function (_ref2) {
192
- var key = _ref2.key,
193
- label = _ref2.label,
194
- otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
210
+ children: options.map(function (_ref3) {
211
+ var key = _ref3.key,
212
+ label = _ref3.label,
213
+ otherProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
195
214
  return /*#__PURE__*/require$$0.createElement(MenuItem.Button, _objectSpread(_objectSpread({}, otherProps), {}, {
196
215
  key: key
197
216
  }), label);
package/dist/cjs/ImageUploader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutate: createBlob } = useCreateBlob();\n\n const uploadConfigWithDefaults = mergeRight(\n DEFAULT_UPLOAD_CONFIG,\n uploadConfig\n );\n\n const isCloudFlareImageUploader =\n globalProps.assetsUploaderService === CLOUD_FLARE;\n\n const handleDelete = () => {\n setImage({});\n onChange({\n url: \"\",\n signedId: \"\",\n key: \"\",\n filename: \"\",\n size: \"\",\n type: \"\",\n });\n };\n\n const onChange = file => onUploadComplete(file);\n\n const handleSuccess = attachedImage => {\n setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n onChange({\n filename: generateASCIIFileName(attachedImage.filename),\n key: attachedImage.key,\n url: attachedImage.blobUrl,\n signedId: attachedImage.signedId,\n size: attachedImage.byteSize,\n type: attachedImage.contentType,\n });\n };\n\n const handleImageSelectionFromLibrary = image => {\n setImage(image);\n onChange(image);\n };\n\n const handleUploadComplete = result => {\n if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n return;\n }\n\n const imageKitPayload = () => ({\n filename: generateASCIIFileName(result.name),\n byte_size: result.size,\n content_type: result.fileType,\n checksum: result.fileId,\n metadata: result,\n service_name: \"imagekitio\",\n });\n\n const cloudFlarePayload = () => ({\n filename: generateASCIIFileName(result.filename),\n content_type: result.contentType,\n byte_size: result.byteSize,\n checksum: result.id,\n metadata: {\n ...result.metadata,\n url: constructCloudflareImageURL(result.variants[0]),\n isCropped: false,\n },\n service_name: \"cloudflare_image\",\n });\n\n const payload = isCloudFlareImageUploader\n ? cloudFlarePayload()\n : imageKitPayload();\n\n createBlob(payload, {\n onSuccess: handleSuccess,\n onError: Toastr.error,\n });\n };\n\n const { uploadFile } = useImageUploader({\n onUploadComplete: handleUploadComplete,\n });\n\n const options = [\n {\n key: OPTION_KEYS.asset,\n label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-cy\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-cy\": \"image-uploader-remove-button\",\n },\n ];\n\n return (\n <div className={classnames(className, { \"cursor-pointer\": true })}>\n {isNotNilOrEmpty(image.url) ? (\n <div\n className={IMAGE_WRAPPER_CLASSNAME}\n data-cy=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-cy=\"uploaded-image\"\n src={image.url}\n />\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n icon={MenuHorizontal}\n buttonProps={{\n // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n className: \"absolute right-3 top-3 rounded-full\",\n }}\n >\n <Menu>\n {options.map(({ key, label, ...otherProps }) => (\n <MenuItem.Button {...otherProps} key={key}>\n {label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n ) : (\n <ImageDirectUpload\n {...{ setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={uploadFile}\n />\n )}\n <AssetLibrary\n {...{ fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n </div>\n );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","result","IS_DEVELOPMENT_OR_HEROKU_ENV","imageKitPayload","name","byte_size","content_type","fileType","checksum","fileId","service_name","cloudFlarePayload","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","payload","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
1
+ {"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: createBlob } = useCreateBlob();\n\n const uploadConfigWithDefaults = mergeRight(\n DEFAULT_UPLOAD_CONFIG,\n uploadConfig\n );\n\n const isCloudFlareImageUploader =\n globalProps.assetsUploaderService === CLOUD_FLARE;\n\n const handleDelete = () => {\n setImage({});\n onChange({\n url: \"\",\n signedId: \"\",\n key: \"\",\n filename: \"\",\n size: \"\",\n type: \"\",\n });\n };\n\n const onChange = file => onUploadComplete(file);\n\n const handleSuccess = attachedImage => {\n setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n onChange({\n filename: generateASCIIFileName(attachedImage.filename),\n key: attachedImage.key,\n url: attachedImage.blobUrl,\n signedId: attachedImage.signedId,\n size: attachedImage.byteSize,\n type: attachedImage.contentType,\n });\n };\n\n const handleImageSelectionFromLibrary = image => {\n setImage(image);\n onChange(image);\n };\n\n const handleUploadComplete = async result => {\n if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n return;\n }\n\n const imageKitPayload = () => ({\n filename: generateASCIIFileName(result.name),\n byte_size: result.size,\n content_type: result.fileType,\n checksum: result.fileId,\n metadata: result,\n service_name: \"imagekitio\",\n });\n\n const cloudFlarePayload = () => ({\n filename: generateASCIIFileName(result.filename),\n content_type: result.contentType,\n byte_size: result.byteSize,\n checksum: result.id,\n metadata: {\n ...result.metadata,\n url: constructCloudflareImageURL(result.variants[0]),\n isCropped: false,\n },\n service_name: \"cloudflare_image\",\n });\n\n const payload = isCloudFlareImageUploader\n ? cloudFlarePayload()\n : imageKitPayload();\n\n const response = await createBlob(payload, {});\n handleSuccess(response);\n };\n\n const { uploadFile } = useImageUploader({\n onUploadComplete: handleUploadComplete,\n });\n\n const options = [\n {\n key: OPTION_KEYS.asset,\n label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-cy\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-cy\": \"image-uploader-remove-button\",\n },\n ];\n\n return (\n <div className={classnames(className, { \"cursor-pointer\": true })}>\n {isNotNilOrEmpty(image.url) ? (\n <div\n className={IMAGE_WRAPPER_CLASSNAME}\n data-cy=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-cy=\"uploaded-image\"\n src={image.url}\n />\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n icon={MenuHorizontal}\n buttonProps={{\n // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n className: \"absolute right-3 top-3 rounded-full\",\n }}\n >\n <Menu>\n {options.map(({ key, label, ...otherProps }) => (\n <MenuItem.Button {...otherProps} key={key}>\n {label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n ) : (\n <ImageDirectUpload\n {...{ setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={uploadFile}\n />\n )}\n <AssetLibrary\n {...{ fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n </div>\n );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
package/dist/cjs/hooks.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var useProfileImageUpload = require('../useProfileImageUpload-69bf6ee9.js');
6
- var useImageUploader = require('../useImageUploader-3de58fe2.js');
5
+ var useProfileImageUpload = require('../useProfileImageUpload-9c1d2b0f.js');
6
+ var useImageUploader = require('../useImageUploader-49fd1436.js');
7
7
  require('@babel/runtime/helpers/asyncToGenerator');
8
8
  require('@babel/runtime/helpers/slicedToArray');
9
9
  require('@babel/runtime/regenerator');
package/dist/cjs/index.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var BasicImageUploader = require('./BasicImageUploader.js');
6
6
  var ImageUploader = require('./ImageUploader.js');
7
- var AssetLibrary = require('../index-14b217c0.js');
8
- var useProfileImageUpload = require('../useProfileImageUpload-69bf6ee9.js');
9
- var useImageUploader = require('../useImageUploader-3de58fe2.js');
7
+ var AssetLibrary = require('../index-9fdcdfac.js');
8
+ var useProfileImageUpload = require('../useProfileImageUpload-9c1d2b0f.js');
9
+ var useImageUploader = require('../useImageUploader-49fd1436.js');
10
10
  var utils = require('./utils.js');
11
11
  require('@babel/runtime/helpers/defineProperty');
12
12
  require('@babel/runtime/helpers/objectWithoutProperties');
@@ -28,6 +28,8 @@ require('i18next');
28
28
  require('@bigbinary/neetoui/Toastr');
29
29
  require('../index-cf7e4b89.js');
30
30
  require('react/jsx-runtime');
31
+ require('@babel/runtime/helpers/asyncToGenerator');
32
+ require('@babel/runtime/regenerator');
31
33
  require('@bigbinary/neeto-icons/MenuHorizontal');
32
34
  require('@bigbinary/neetoui/Dropdown');
33
35
  require('@bigbinary/neetoui/Modal');
@@ -43,8 +45,6 @@ require('@bigbinary/neetoui/Switch');
43
45
  require('../query-3c31bf92.js');
44
46
  require('@bigbinary/neeto-team-members-frontend/constants');
45
47
  require('@bigbinary/neetoui/Alert');
46
- require('@babel/runtime/helpers/asyncToGenerator');
47
- require('@babel/runtime/regenerator');
48
48
  require('@rails/activestorage');
49
49
 
50
50
 
package/dist/hooks.js CHANGED
@@ -1,5 +1,5 @@
1
- export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-cad1ed36.js';
2
- export { a as useImageUploader } from './useImageUploader-1c60ac64.js';
1
+ export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-faa539d7.js';
2
+ export { a as useImageUploader } from './useImageUploader-9c1a27d0.js';
3
3
  import '@babel/runtime/helpers/asyncToGenerator';
4
4
  import '@babel/runtime/helpers/slicedToArray';
5
5
  import '@babel/runtime/regenerator';
package/dist/{index-14b217c0.js → index-9fdcdfac.js} RENAMED
@@ -15,7 +15,7 @@ var Typography = require('@bigbinary/neetoui/Typography');
15
15
  var ramda = require('ramda');
16
16
  var reactI18next = require('react-i18next');
17
17
  var utils = require('./utils-ede1695e.js');
18
- var useImageUploader = require('./useImageUploader-3de58fe2.js');
18
+ var useImageUploader = require('./useImageUploader-49fd1436.js');
19
19
  var index = require('./index-cf7e4b89.js');
20
20
  var classnames = require('classnames');
21
21
  var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
@@ -2007,4 +2007,4 @@ var Modal = function Modal(_ref) {
2007
2007
 
2008
2008
  exports.Modal = Modal;
2009
2009
  exports.constructCloudflareImageURL = constructCloudflareImageURL;
2010
- //# sourceMappingURL=index-14b217c0.js.map
2010
+ //# sourceMappingURL=index-9fdcdfac.js.map