@bigbinary/neeto-image-uploader-frontend 1.5.20 → 1.5.21

package/dist/index.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { noop as noop$1, keysToCamelCase, findBy } from '@bigbinary/neeto-cist';
 import { Delete, LeftArrow, MenuHorizontal } from '@bigbinary/neeto-icons';
 import { Toastr, Typography, Button, Switch, Input, Spinner, Modal as Modal$1, Tab, Dropdown } from '@bigbinary/neetoui';
-import { pipe, values, flatten as flatten$1, map, toUpper, join, equals, isNil, isEmpty, mergeRight, mergeLeft, concat, __, inc } from 'ramda';
+import { pipe, values, flatten as flatten$1, map, toUpper, join, equals, isNil, isEmpty, mergeRight, mergeLeft, concat, __, inc, mergeDeepRight } from 'ramda';
 import { Trans, useTranslation } from 'react-i18next';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import i18next, { t as t$1 } from 'i18next';
@@ -5441,5 +5441,106 @@ var useImageUpload = function useImageUpload() {
   };
 };
 
-export { Modal as AssetLibrary, BasicImageUploader, ImageUploader, useImageUpload };
+var useProfileImageUpload = function useProfileImageUpload(_ref) {
+  var _ref$uploadConfig = _ref.uploadConfig,
+    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    uploadProgress = _useState2[0],
+    setUploadProgress = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray$2(_useState3, 2),
+    isUploading = _useState4[0],
+    setIsUploading = _useState4[1];
+  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
+  var defaultImageKitConfig = {
+    folder: globalProps.imagekit.folder,
+    customMetadata: {
+      organizationKey: globalProps.organization.publicApiKey,
+      appName: globalProps.appName
+    }
+  };
+  var imagekitConfig = mergeDeepRight(defaultImageKitConfig, uploadConfig);
+  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
+    if (e.loaded <= fileSize) {
+      var percent = Math.round(e.loaded / fileSize * 100);
+      setUploadProgress(percent);
+    }
+    equals(e.loaded, e.total) && setUploadProgress(100);
+  };
+  var uploadToImagekit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress, onUploadComplete) {
+      var imagekit, image, errorMessage;
+      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: imagekitConfig.folder,
+              customMetadata: imagekitConfig.customMetadata
+            });
+          case 5:
+            image = _context.sent;
+            onUploadComplete(image);
+            _context.next = 13;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            errorMessage = equals(_context.t0.message, t$1("neetoImageUploader.errors.sdkKeysMissing")) ? t$1("neetoImageUploader.errors.imagekitKeysMissing") : _context.t0.message;
+            Toastr.error(errorMessage);
+          case 13:
+            _context.prev = 13;
+            setIsUploading(false);
+            return _context.finish(13);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9, 13, 16]]);
+    }));
+    return function uploadToImagekit(_x, _x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var uploadImage = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, onUploadComplete) {
+      var fileSize, XHRProgress;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setUploadProgress(0);
+            fileSize = file.size;
+            XHRProgress = new XMLHttpRequest();
+            XHRProgress.upload.addEventListener("progress", function (e) {
+              handleUploadProgress(e, fileSize);
+            });
+            _context2.next = 6;
+            return uploadToImagekit(file, XHRProgress, onUploadComplete);
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function uploadImage(_x4, _x5) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return {
+    uploadImage: uploadImage,
+    uploadProgress: uploadProgress,
+    isUploading: isUploading
+  };
+};
+
+export { Modal as AssetLibrary, BasicImageUploader, ImageUploader, useImageUpload, useImageUploader, useProfileImageUpload };
 //# sourceMappingURL=index.js.map