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

package/dist/useImageUploader-1c60ac64.js

@@ -0,0 +1,252 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMutation } from '@tanstack/react-query';
+import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Q as QUERY_KEYS } from './query-dcc7b81b.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { DirectUpload } from '@rails/activestorage';
+import { I as IS_DEVELOPMENT_OR_HEROKU_ENV, C as CLOUD_FLARE, a as ImageKit } from './index-8605e11c.js';
+import { keysToCamelCase, noop } from '@bigbinary/neeto-cist';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import Toastr from '@bigbinary/neetoui/Toastr';
+import { isNil, equals, mergeRight } from 'ramda';
+import axios from 'axios';
+
+var create = function create(payload) {
+  return axios.post("/api/direct_uploads", {
+    blob: payload
+  }, {
+    transformRequestCase: false
+  });
+};
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.put("neeto_image_uploader_engine/api/direct_uploads/".concat(id), {
+    blob: payload
+  }, {
+    transformRequestCase: false
+  });
+};
+var directUploadsApi = {
+  create: create,
+  update: update
+};
+
+function ownKeys$1(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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useCreateBlob = function useCreateBlob(options) {
+  return useMutationWithInvalidation(directUploadsApi.create, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.ASSETS_LIST]
+  }, options));
+};
+
+var generate = function generate() {
+  return axios.post("neeto_image_uploader_engine/cloudflare_images");
+};
+var upload = function upload(_ref) {
+  var url = _ref.url,
+    formData = _ref.formData,
+    setUploadProgress = _ref.setUploadProgress;
+  return axios.post(url, formData, {
+    headers: {
+      "Content-Type": "multipart/form-data"
+    },
+    onUploadProgress: function onUploadProgress(event) {
+      var percentComplete = Math.round(event.loaded / event.total * 100);
+      setUploadProgress(percentComplete);
+    },
+    transformRequestCase: false
+  });
+};
+var cloudflareImageApi = {
+  generate: generate,
+  upload: upload
+};
+
+var useCloudFlareImageUpload = function useCloudFlareImageUpload() {
+  return useMutation({
+    mutationFn: cloudflareImageApi.upload
+  });
+};
+
+var generateASCIIFileName = function generateASCIIFileName(originalFileName) {
+  var sanitizedFileName = originalFileName.replace(/[\u00A0\u202F]/g, " ");
+  if (/^[A-Za-z0-9-_.~ ]*$/.test(sanitizedFileName)) {
+    return originalFileName;
+  }
+  var extension = originalFileName.split(".").pop();
+  return "image.".concat(extension);
+};
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useImageUploader = function useImageUploader(_ref) {
+  var _ref$onUploadComplete = _ref.onUploadComplete,
+    onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
+    _ref$setIsUploading = _ref.setIsUploading,
+    setIsUploading = _ref$setIsUploading === void 0 ? noop : _ref$setIsUploading;
+  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
+  var _useCloudFlareImageUp = useCloudFlareImageUpload(),
+    cloudFlareImage = _useCloudFlareImageUp.mutate;
+  var handleUploadProgress = function handleUploadProgress(e, fileSize, setUploadProgress) {
+    if (e.loaded <= fileSize) {
+      var percent = Math.round(e.loaded / fileSize * 100);
+      setUploadProgress(percent);
+    }
+    equals(e.loaded, e.total) && setUploadProgress(100);
+  };
+  var developmentUpload = function developmentUpload(file, setUploadProgress) {
+    try {
+      setIsUploading(true);
+      var upload = new DirectUpload(file, "/api/direct_uploads", {
+        directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
+          xhr.upload.addEventListener("progress", function (event) {
+            var percentComplete = Math.round(event.loaded / event.total * 100);
+            setUploadProgress(percentComplete);
+          });
+        }
+      });
+      upload.create(function (_, blob) {
+        var payload = {
+          id: blob.signed_id,
+          payload: {
+            metadata: {
+              organizationKey: globalProps.organization.publicApiKey,
+              url: blob.blob_url,
+              height: 200,
+              width: 200
+            }
+          }
+        };
+        directUploadsApi.update(payload);
+        var result = mergeRight(keysToCamelCase(blob), {
+          url: blob.blob_url
+        });
+        onUploadComplete(result);
+      });
+    } catch (error) {
+      Toastr.error(error);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  var imageKitUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress) {
+      var imagekit, result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
+              authenticationEndpoint: authenticationEndpoint
+            }));
+            setIsUploading(true);
+            _context.next = 5;
+            return imagekit.upload({
+              xhr: XHRProgress,
+              file: file,
+              fileName: generateASCIIFileName(file.name),
+              folder: globalProps.imagekit.folder,
+              customMetadata: {
+                organizationKey: globalProps.organization.publicApiKey,
+                appName: globalProps.appName
+              }
+            });
+          case 5:
+            result = _context.sent;
+            onUploadComplete(result);
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            Toastr.error(_context.t0);
+          case 12:
+            _context.prev = 12;
+            setIsUploading(false);
+            return _context.finish(12);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9, 12, 15]]);
+    }));
+    return function imageKitUpload(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var cloudFlareImageUpload = function cloudFlareImageUpload(file, setUploadProgress) {
+    var img = new Image();
+    img.src = URL.createObjectURL(file);
+    var formData = new FormData();
+    formData.append("file", file);
+    img.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var width, height, _yield$cloudflareImag, result;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            width = img.width, height = img.height;
+            URL.revokeObjectURL(img.src);
+            setIsUploading(true);
+            _context2.prev = 3;
+            _context2.next = 6;
+            return cloudflareImageApi.generate();
+          case 6:
+            _yield$cloudflareImag = _context2.sent;
+            result = _yield$cloudflareImag.result;
+            cloudFlareImage({
+              url: result.uploadURL,
+              formData: formData,
+              setUploadProgress: setUploadProgress
+            }, {
+              onSuccess: function onSuccess(_ref4) {
+                var result = _ref4.result;
+                var uploadData = _objectSpread(_objectSpread({}, result), {}, {
+                  contentType: file.type,
+                  metadata: _objectSpread(_objectSpread({}, result), {}, {
+                    width: width,
+                    height: height
+                  }),
+                  url: result.variants[0],
+                  byteSize: file.size,
+                  checksum: result.id
+                });
+                onUploadComplete(uploadData);
+                setIsUploading(false);
+              }
+            });
+            _context2.next = 15;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](3);
+            Toastr.error(_context2.t0);
+            setIsUploading(false);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 11]]);
+    }));
+  };
+  var uploadFile = function uploadFile(file) {
+    var setUploadProgress = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+    if (isNil(file)) return;
+    var fileSize = file.size;
+    var XHRProgress = new XMLHttpRequest();
+    XHRProgress.upload.addEventListener("progress", function (e) {
+      handleUploadProgress(e, fileSize, setUploadProgress);
+    });
+    var productionUpload = function productionUpload() {
+      return globalProps.assetsUploaderService === CLOUD_FLARE ? cloudFlareImageUpload(file, setUploadProgress) : imageKitUpload(file, XHRProgress);
+    };
+    IS_DEVELOPMENT_OR_HEROKU_ENV ? developmentUpload(file, setUploadProgress) : productionUpload();
+  };
+  return {
+    uploadFile: uploadFile
+  };
+};
+
+export { useImageUploader as a, directUploadsApi as d, generateASCIIFileName as g, useCreateBlob as u };
+//# sourceMappingURL=useImageUploader-1c60ac64.js.map

package/dist/useImageUploader-1c60ac64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUploader-1c60ac64.js","sources":["../app/javascript/src/apis/direct_uploads.js","../app/javascript/src/hooks/useDirectUploads.js","../app/javascript/src/apis/cloudflare_image.js","../app/javascript/src/hooks/useCloudFlareImageApi.js","../app/javascript/src/hooks/utils.js","../app/javascript/src/hooks/useImageUploader.js"],"sourcesContent":["import axios from \"axios\";\n\nconst create = payload =>\n  axios.post(\n    \"/api/direct_uploads\",\n    { blob: payload },\n    { transformRequestCase: false }\n  );\n\nconst update = ({ id, payload }) =>\n  axios.put(\n    `neeto_image_uploader_engine/api/direct_uploads/${id}`,\n    { blob: payload },\n    { transformRequestCase: false }\n  );\nconst directUploadsApi = { create, update };\n\nexport default directUploadsApi;\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateBlob = options =>\n  useMutationWithInvalidation(directUploadsApi.create, {\n    keysToInvalidate: [QUERY_KEYS.ASSETS_LIST],\n    ...options,\n  });\n\nconst useUpdateBlob = options =>\n  useMutation({ mutationFn: directUploadsApi.update, ...options });\n\nexport { useCreateBlob, useUpdateBlob };\n","import axios from \"axios\";\n\nconst generate = () =>\n  axios.post(\"neeto_image_uploader_engine/cloudflare_images\");\n\nconst upload = ({ url, formData, setUploadProgress }) =>\n  axios.post(url, formData, {\n    headers: { \"Content-Type\": \"multipart/form-data\" },\n    onUploadProgress: event => {\n      const percentComplete = Math.round((event.loaded / event.total) * 100);\n      setUploadProgress(percentComplete);\n    },\n    transformRequestCase: false,\n  });\n\nconst cloudflareImageApi = { generate, upload };\n\nexport default cloudflareImageApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\n\nexport const useCloudFlareImageUpload = () =>\n  useMutation({ mutationFn: cloudflareImageApi.upload });\n","export const generateASCIIFileName = originalFileName => {\n  const sanitizedFileName = originalFileName.replace(/[\\u00A0\\u202F]/g, \" \");\n\n  if (/^[A-Za-z0-9-_.~ ]*$/.test(sanitizedFileName)) {\n    return originalFileName;\n  }\n\n  const extension = originalFileName.split(\".\").pop();\n\n  return `image.${extension}`;\n};\n","import { DirectUpload } from \"@rails/activestorage\";\nimport ImageKit from \"imagekit-javascript\";\nimport { keysToCamelCase, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Toastr } from \"neetoui\";\nimport { equals, isNil, mergeRight } from \"ramda\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { useCloudFlareImageUpload } from \"./useCloudFlareImageApi\";\nimport { generateASCIIFileName } from \"./utils\";\n\nconst useImageUploader = ({\n  onUploadComplete = noop,\n  setIsUploading = noop,\n}) => {\n  const authenticationEndpoint = `${window.location.origin}/neeto_image_uploader_engine/imagekit/auth`;\n\n  const { mutate: cloudFlareImage } = useCloudFlareImageUpload();\n\n  const handleUploadProgress = (e, fileSize, setUploadProgress) => {\n    if (e.loaded <= fileSize) {\n      const percent = Math.round((e.loaded / fileSize) * 100);\n      setUploadProgress(percent);\n    }\n    equals(e.loaded, e.total) && setUploadProgress(100);\n  };\n\n  const developmentUpload = (file, setUploadProgress) => {\n    try {\n      setIsUploading(true);\n      const upload = new DirectUpload(file, \"/api/direct_uploads\", {\n        directUploadWillStoreFileWithXHR: xhr => {\n          xhr.upload.addEventListener(\"progress\", event => {\n            const percentComplete = Math.round(\n              (event.loaded / event.total) * 100\n            );\n            setUploadProgress(percentComplete);\n          });\n        },\n      });\n\n      upload.create((_, blob) => {\n        const payload = {\n          id: blob.signed_id,\n          payload: {\n            metadata: {\n              organizationKey: globalProps.organization.publicApiKey,\n              url: blob.blob_url,\n              height: 200,\n              width: 200,\n            },\n          },\n        };\n        directUploadsApi.update(payload);\n\n        const result = mergeRight(keysToCamelCase(blob), {\n          url: blob.blob_url,\n        });\n\n        onUploadComplete(result);\n      });\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const imageKitUpload = async (file, XHRProgress) => {\n    try {\n      const imagekit = new ImageKit(\n        mergeRight(globalProps.imagekit, { authenticationEndpoint })\n      );\n      setIsUploading(true);\n      const result = await imagekit.upload({\n        xhr: XHRProgress,\n        file,\n        fileName: generateASCIIFileName(file.name),\n        folder: globalProps.imagekit.folder,\n        customMetadata: {\n          organizationKey: globalProps.organization.publicApiKey,\n          appName: globalProps.appName,\n        },\n      });\n\n      onUploadComplete(result);\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const cloudFlareImageUpload = (file, setUploadProgress) => {\n    const img = new Image();\n    img.src = URL.createObjectURL(file);\n\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    img.onload = async () => {\n      const { width, height } = img;\n      URL.revokeObjectURL(img.src);\n\n      setIsUploading(true);\n      try {\n        // eslint-disable-next-line @bigbinary/neeto/use-react-query-for-managing-remote-data\n        const { result } = await cloudflareImageApi.generate();\n\n        cloudFlareImage(\n          { url: result.uploadURL, formData, setUploadProgress },\n          {\n            onSuccess: ({ result }) => {\n              const uploadData = {\n                ...result,\n                contentType: file.type,\n                metadata: { ...result, width, height },\n                url: result.variants[0],\n                byteSize: file.size,\n                checksum: result.id,\n              };\n\n              onUploadComplete(uploadData);\n              setIsUploading(false);\n            },\n          }\n        );\n      } catch (error) {\n        Toastr.error(error);\n        setIsUploading(false);\n      }\n    };\n  };\n\n  const uploadFile = (file, setUploadProgress = noop) => {\n    if (isNil(file)) return;\n\n    const fileSize = file.size;\n    const XHRProgress = new XMLHttpRequest();\n    XHRProgress.upload.addEventListener(\"progress\", e => {\n      handleUploadProgress(e, fileSize, setUploadProgress);\n    });\n\n    const productionUpload = () =>\n      globalProps.assetsUploaderService === CLOUD_FLARE\n        ? cloudFlareImageUpload(file, setUploadProgress)\n        : imageKitUpload(file, XHRProgress);\n\n    IS_DEVELOPMENT_OR_HEROKU_ENV\n      ? developmentUpload(file, setUploadProgress)\n      : productionUpload();\n  };\n\n  return { uploadFile };\n};\n\nexport default useImageUploader;\n"],"names":["create","payload","axios","post","blob","transformRequestCase","update","_ref","id","put","concat","directUploadsApi","useCreateBlob","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","QUERY_KEYS","ASSETS_LIST","generate","upload","url","formData","setUploadProgress","headers","onUploadProgress","event","percentComplete","Math","round","loaded","total","cloudflareImageApi","useCloudFlareImageUpload","useMutation","mutationFn","generateASCIIFileName","originalFileName","sanitizedFileName","replace","test","extension","split","pop","useImageUploader","_ref$onUploadComplete","onUploadComplete","noop","_ref$setIsUploading","setIsUploading","authenticationEndpoint","window","location","origin","_useCloudFlareImageUp","cloudFlareImage","mutate","handleUploadProgress","e","fileSize","percent","equals","developmentUpload","file","DirectUpload","directUploadWillStoreFileWithXHR","xhr","addEventListener","_","signed_id","metadata","organizationKey","globalProps","organization","publicApiKey","blob_url","height","width","result","mergeRight","keysToCamelCase","error","Toastr","imageKitUpload","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","XHRProgress","imagekit","wrap","_callee$","_context","prev","next","ImageKit","fileName","name","folder","customMetadata","appName","sent","t0","finish","stop","_x","_x2","apply","arguments","cloudFlareImageUpload","img","Image","src","URL","createObjectURL","FormData","append","onload","_callee2","_yield$cloudflareImag","_callee2$","_context2","revokeObjectURL","uploadURL","onSuccess","_ref4","uploadData","contentType","type","variants","byteSize","size","checksum","uploadFile","length","undefined","isNil","XMLHttpRequest","productionUpload","assetsUploaderService","CLOUD_FLARE","IS_DEVELOPMENT_OR_HEROKU_ENV"],"mappings":"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"}

package/dist/useImageUploader-3de58fe2.js

@@ -0,0 +1,265 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var query = require('./query-3c31bf92.js');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var activestorage = require('@rails/activestorage');
+var index = require('./index-cf7e4b89.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var ramda = require('ramda');
+var axios = require('axios');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+
+var create = function create(payload) {
+  return axios__default["default"].post("/api/direct_uploads", {
+    blob: payload
+  }, {
+    transformRequestCase: false
+  });
+};
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios__default["default"].put("neeto_image_uploader_engine/api/direct_uploads/".concat(id), {
+    blob: payload
+  }, {
+    transformRequestCase: false
+  });
+};
+var directUploadsApi = {
+  create: create,
+  update: update
+};
+
+function ownKeys$1(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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useCreateBlob = function useCreateBlob(options) {
+  return reactUtils.useMutationWithInvalidation(directUploadsApi.create, _objectSpread$1({
+    keysToInvalidate: [query.QUERY_KEYS.ASSETS_LIST]
+  }, options));
+};
+
+var generate = function generate() {
+  return axios__default["default"].post("neeto_image_uploader_engine/cloudflare_images");
+};
+var upload = function upload(_ref) {
+  var url = _ref.url,
+    formData = _ref.formData,
+    setUploadProgress = _ref.setUploadProgress;
+  return axios__default["default"].post(url, formData, {
+    headers: {
+      "Content-Type": "multipart/form-data"
+    },
+    onUploadProgress: function onUploadProgress(event) {
+      var percentComplete = Math.round(event.loaded / event.total * 100);
+      setUploadProgress(percentComplete);
+    },
+    transformRequestCase: false
+  });
+};
+var cloudflareImageApi = {
+  generate: generate,
+  upload: upload
+};
+
+var useCloudFlareImageUpload = function useCloudFlareImageUpload() {
+  return reactQuery.useMutation({
+    mutationFn: cloudflareImageApi.upload
+  });
+};
+
+var generateASCIIFileName = function generateASCIIFileName(originalFileName) {
+  var sanitizedFileName = originalFileName.replace(/[\u00A0\u202F]/g, " ");
+  if (/^[A-Za-z0-9-_.~ ]*$/.test(sanitizedFileName)) {
+    return originalFileName;
+  }
+  var extension = originalFileName.split(".").pop();
+  return "image.".concat(extension);
+};
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useImageUploader = function useImageUploader(_ref) {
+  var _ref$onUploadComplete = _ref.onUploadComplete,
+    onUploadComplete = _ref$onUploadComplete === void 0 ? neetoCist.noop : _ref$onUploadComplete,
+    _ref$setIsUploading = _ref.setIsUploading,
+    setIsUploading = _ref$setIsUploading === void 0 ? neetoCist.noop : _ref$setIsUploading;
+  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
+  var _useCloudFlareImageUp = useCloudFlareImageUpload(),
+    cloudFlareImage = _useCloudFlareImageUp.mutate;
+  var handleUploadProgress = function handleUploadProgress(e, fileSize, setUploadProgress) {
+    if (e.loaded <= fileSize) {
+      var percent = Math.round(e.loaded / fileSize * 100);
+      setUploadProgress(percent);
+    }
+    ramda.equals(e.loaded, e.total) && setUploadProgress(100);
+  };
+  var developmentUpload = function developmentUpload(file, setUploadProgress) {
+    try {
+      setIsUploading(true);
+      var upload = new activestorage.DirectUpload(file, "/api/direct_uploads", {
+        directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
+          xhr.upload.addEventListener("progress", function (event) {
+            var percentComplete = Math.round(event.loaded / event.total * 100);
+            setUploadProgress(percentComplete);
+          });
+        }
+      });
+      upload.create(function (_, blob) {
+        var payload = {
+          id: blob.signed_id,
+          payload: {
+            metadata: {
+              organizationKey: initializers.globalProps.organization.publicApiKey,
+              url: blob.blob_url,
+              height: 200,
+              width: 200
+            }
+          }
+        };
+        directUploadsApi.update(payload);
+        var result = ramda.mergeRight(neetoCist.keysToCamelCase(blob), {
+          url: blob.blob_url
+        });
+        onUploadComplete(result);
+      });
+    } catch (error) {
+      Toastr__default["default"].error(error);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  var imageKitUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(file, XHRProgress) {
+      var imagekit, result;
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            imagekit = new index.ImageKit(ramda.mergeRight(initializers.globalProps.imagekit, {
+              authenticationEndpoint: authenticationEndpoint
+            }));
+            setIsUploading(true);
+            _context.next = 5;
+            return imagekit.upload({
+              xhr: XHRProgress,
+              file: file,
+              fileName: generateASCIIFileName(file.name),
+              folder: initializers.globalProps.imagekit.folder,
+              customMetadata: {
+                organizationKey: initializers.globalProps.organization.publicApiKey,
+                appName: initializers.globalProps.appName
+              }
+            });
+          case 5:
+            result = _context.sent;
+            onUploadComplete(result);
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            Toastr__default["default"].error(_context.t0);
+          case 12:
+            _context.prev = 12;
+            setIsUploading(false);
+            return _context.finish(12);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9, 12, 15]]);
+    }));
+    return function imageKitUpload(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var cloudFlareImageUpload = function cloudFlareImageUpload(file, setUploadProgress) {
+    var img = new Image();
+    img.src = URL.createObjectURL(file);
+    var formData = new FormData();
+    formData.append("file", file);
+    img.onload = /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+      var width, height, _yield$cloudflareImag, result;
+      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            width = img.width, height = img.height;
+            URL.revokeObjectURL(img.src);
+            setIsUploading(true);
+            _context2.prev = 3;
+            _context2.next = 6;
+            return cloudflareImageApi.generate();
+          case 6:
+            _yield$cloudflareImag = _context2.sent;
+            result = _yield$cloudflareImag.result;
+            cloudFlareImage({
+              url: result.uploadURL,
+              formData: formData,
+              setUploadProgress: setUploadProgress
+            }, {
+              onSuccess: function onSuccess(_ref4) {
+                var result = _ref4.result;
+                var uploadData = _objectSpread(_objectSpread({}, result), {}, {
+                  contentType: file.type,
+                  metadata: _objectSpread(_objectSpread({}, result), {}, {
+                    width: width,
+                    height: height
+                  }),
+                  url: result.variants[0],
+                  byteSize: file.size,
+                  checksum: result.id
+                });
+                onUploadComplete(uploadData);
+                setIsUploading(false);
+              }
+            });
+            _context2.next = 15;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](3);
+            Toastr__default["default"].error(_context2.t0);
+            setIsUploading(false);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 11]]);
+    }));
+  };
+  var uploadFile = function uploadFile(file) {
+    var setUploadProgress = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : neetoCist.noop;
+    if (ramda.isNil(file)) return;
+    var fileSize = file.size;
+    var XHRProgress = new XMLHttpRequest();
+    XHRProgress.upload.addEventListener("progress", function (e) {
+      handleUploadProgress(e, fileSize, setUploadProgress);
+    });
+    var productionUpload = function productionUpload() {
+      return initializers.globalProps.assetsUploaderService === index.CLOUD_FLARE ? cloudFlareImageUpload(file, setUploadProgress) : imageKitUpload(file, XHRProgress);
+    };
+    index.IS_DEVELOPMENT_OR_HEROKU_ENV ? developmentUpload(file, setUploadProgress) : productionUpload();
+  };
+  return {
+    uploadFile: uploadFile
+  };
+};
+
+exports.directUploadsApi = directUploadsApi;
+exports.generateASCIIFileName = generateASCIIFileName;
+exports.useCreateBlob = useCreateBlob;
+exports.useImageUploader = useImageUploader;
+//# sourceMappingURL=useImageUploader-3de58fe2.js.map

package/dist/useImageUploader-3de58fe2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUploader-3de58fe2.js","sources":["../app/javascript/src/apis/direct_uploads.js","../app/javascript/src/hooks/useDirectUploads.js","../app/javascript/src/apis/cloudflare_image.js","../app/javascript/src/hooks/useCloudFlareImageApi.js","../app/javascript/src/hooks/utils.js","../app/javascript/src/hooks/useImageUploader.js"],"sourcesContent":["import axios from \"axios\";\n\nconst create = payload =>\n  axios.post(\n    \"/api/direct_uploads\",\n    { blob: payload },\n    { transformRequestCase: false }\n  );\n\nconst update = ({ id, payload }) =>\n  axios.put(\n    `neeto_image_uploader_engine/api/direct_uploads/${id}`,\n    { blob: payload },\n    { transformRequestCase: false }\n  );\nconst directUploadsApi = { create, update };\n\nexport default directUploadsApi;\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateBlob = options =>\n  useMutationWithInvalidation(directUploadsApi.create, {\n    keysToInvalidate: [QUERY_KEYS.ASSETS_LIST],\n    ...options,\n  });\n\nconst useUpdateBlob = options =>\n  useMutation({ mutationFn: directUploadsApi.update, ...options });\n\nexport { useCreateBlob, useUpdateBlob };\n","import axios from \"axios\";\n\nconst generate = () =>\n  axios.post(\"neeto_image_uploader_engine/cloudflare_images\");\n\nconst upload = ({ url, formData, setUploadProgress }) =>\n  axios.post(url, formData, {\n    headers: { \"Content-Type\": \"multipart/form-data\" },\n    onUploadProgress: event => {\n      const percentComplete = Math.round((event.loaded / event.total) * 100);\n      setUploadProgress(percentComplete);\n    },\n    transformRequestCase: false,\n  });\n\nconst cloudflareImageApi = { generate, upload };\n\nexport default cloudflareImageApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\n\nexport const useCloudFlareImageUpload = () =>\n  useMutation({ mutationFn: cloudflareImageApi.upload });\n","export const generateASCIIFileName = originalFileName => {\n  const sanitizedFileName = originalFileName.replace(/[\\u00A0\\u202F]/g, \" \");\n\n  if (/^[A-Za-z0-9-_.~ ]*$/.test(sanitizedFileName)) {\n    return originalFileName;\n  }\n\n  const extension = originalFileName.split(\".\").pop();\n\n  return `image.${extension}`;\n};\n","import { DirectUpload } from \"@rails/activestorage\";\nimport ImageKit from \"imagekit-javascript\";\nimport { keysToCamelCase, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Toastr } from \"neetoui\";\nimport { equals, isNil, mergeRight } from \"ramda\";\n\nimport cloudflareImageApi from \"apis/cloudflare_image\";\nimport directUploadsApi from \"apis/direct_uploads\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { useCloudFlareImageUpload } from \"./useCloudFlareImageApi\";\nimport { generateASCIIFileName } from \"./utils\";\n\nconst useImageUploader = ({\n  onUploadComplete = noop,\n  setIsUploading = noop,\n}) => {\n  const authenticationEndpoint = `${window.location.origin}/neeto_image_uploader_engine/imagekit/auth`;\n\n  const { mutate: cloudFlareImage } = useCloudFlareImageUpload();\n\n  const handleUploadProgress = (e, fileSize, setUploadProgress) => {\n    if (e.loaded <= fileSize) {\n      const percent = Math.round((e.loaded / fileSize) * 100);\n      setUploadProgress(percent);\n    }\n    equals(e.loaded, e.total) && setUploadProgress(100);\n  };\n\n  const developmentUpload = (file, setUploadProgress) => {\n    try {\n      setIsUploading(true);\n      const upload = new DirectUpload(file, \"/api/direct_uploads\", {\n        directUploadWillStoreFileWithXHR: xhr => {\n          xhr.upload.addEventListener(\"progress\", event => {\n            const percentComplete = Math.round(\n              (event.loaded / event.total) * 100\n            );\n            setUploadProgress(percentComplete);\n          });\n        },\n      });\n\n      upload.create((_, blob) => {\n        const payload = {\n          id: blob.signed_id,\n          payload: {\n            metadata: {\n              organizationKey: globalProps.organization.publicApiKey,\n              url: blob.blob_url,\n              height: 200,\n              width: 200,\n            },\n          },\n        };\n        directUploadsApi.update(payload);\n\n        const result = mergeRight(keysToCamelCase(blob), {\n          url: blob.blob_url,\n        });\n\n        onUploadComplete(result);\n      });\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const imageKitUpload = async (file, XHRProgress) => {\n    try {\n      const imagekit = new ImageKit(\n        mergeRight(globalProps.imagekit, { authenticationEndpoint })\n      );\n      setIsUploading(true);\n      const result = await imagekit.upload({\n        xhr: XHRProgress,\n        file,\n        fileName: generateASCIIFileName(file.name),\n        folder: globalProps.imagekit.folder,\n        customMetadata: {\n          organizationKey: globalProps.organization.publicApiKey,\n          appName: globalProps.appName,\n        },\n      });\n\n      onUploadComplete(result);\n    } catch (error) {\n      Toastr.error(error);\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  const cloudFlareImageUpload = (file, setUploadProgress) => {\n    const img = new Image();\n    img.src = URL.createObjectURL(file);\n\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    img.onload = async () => {\n      const { width, height } = img;\n      URL.revokeObjectURL(img.src);\n\n      setIsUploading(true);\n      try {\n        // eslint-disable-next-line @bigbinary/neeto/use-react-query-for-managing-remote-data\n        const { result } = await cloudflareImageApi.generate();\n\n        cloudFlareImage(\n          { url: result.uploadURL, formData, setUploadProgress },\n          {\n            onSuccess: ({ result }) => {\n              const uploadData = {\n                ...result,\n                contentType: file.type,\n                metadata: { ...result, width, height },\n                url: result.variants[0],\n                byteSize: file.size,\n                checksum: result.id,\n              };\n\n              onUploadComplete(uploadData);\n              setIsUploading(false);\n            },\n          }\n        );\n      } catch (error) {\n        Toastr.error(error);\n        setIsUploading(false);\n      }\n    };\n  };\n\n  const uploadFile = (file, setUploadProgress = noop) => {\n    if (isNil(file)) return;\n\n    const fileSize = file.size;\n    const XHRProgress = new XMLHttpRequest();\n    XHRProgress.upload.addEventListener(\"progress\", e => {\n      handleUploadProgress(e, fileSize, setUploadProgress);\n    });\n\n    const productionUpload = () =>\n      globalProps.assetsUploaderService === CLOUD_FLARE\n        ? cloudFlareImageUpload(file, setUploadProgress)\n        : imageKitUpload(file, XHRProgress);\n\n    IS_DEVELOPMENT_OR_HEROKU_ENV\n      ? developmentUpload(file, setUploadProgress)\n      : productionUpload();\n  };\n\n  return { uploadFile };\n};\n\nexport default useImageUploader;\n"],"names":["create","payload","axios","post","blob","transformRequestCase","update","_ref","id","put","concat","directUploadsApi","useCreateBlob","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","QUERY_KEYS","ASSETS_LIST","generate","upload","url","formData","setUploadProgress","headers","onUploadProgress","event","percentComplete","Math","round","loaded","total","cloudflareImageApi","useCloudFlareImageUpload","useMutation","mutationFn","generateASCIIFileName","originalFileName","sanitizedFileName","replace","test","extension","split","pop","useImageUploader","_ref$onUploadComplete","onUploadComplete","noop","_ref$setIsUploading","setIsUploading","authenticationEndpoint","window","location","origin","_useCloudFlareImageUp","cloudFlareImage","mutate","handleUploadProgress","e","fileSize","percent","equals","developmentUpload","file","DirectUpload","directUploadWillStoreFileWithXHR","xhr","addEventListener","_","signed_id","metadata","organizationKey","globalProps","organization","publicApiKey","blob_url","height","width","result","mergeRight","keysToCamelCase","error","Toastr","imageKitUpload","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","XHRProgress","imagekit","wrap","_callee$","_context","prev","next","ImageKit","fileName","name","folder","customMetadata","appName","sent","t0","finish","stop","_x","_x2","apply","arguments","cloudFlareImageUpload","img","Image","src","URL","createObjectURL","FormData","append","onload","_callee2","_yield$cloudflareImag","_callee2$","_context2","revokeObjectURL","uploadURL","onSuccess","_ref4","uploadData","contentType","type","variants","byteSize","size","checksum","uploadFile","length","undefined","isNil","XMLHttpRequest","productionUpload","assetsUploaderService","CLOUD_FLARE","IS_DEVELOPMENT_OR_HEROKU_ENV"],"mappings":"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"}