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

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

@@ -53,6 +53,10 @@
       "restrictionMessage": "{{fileTypes, anyCase}}. upto {{size}} MB.",
       "uploadedImage": "Uploaded Image",
       "dragDropOrBrowseOrImageLibrary": "Drag and drop or <span>Browse</span> a file or select from <span>Image Library</span>."
+    },
+    "errors": {
+      "sdkKeysMissing": "Missing urlEndpoint during SDK initialization",
+      "imagekitKeysMissing": "ImageKit initialization keys are not provided"
     }
   }
 }

package/dist/index.cjs.js

@@ -5452,8 +5452,111 @@ var useImageUpload = function useImageUpload() {
   };
 };
 
+var useProfileImageUpload = function useProfileImageUpload(_ref) {
+  var _ref$uploadConfig = _ref.uploadConfig,
+    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    uploadProgress = _useState2[0],
+    setUploadProgress = _useState2[1];
+  var _useState3 = React.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: initializers.globalProps.imagekit.folder,
+    customMetadata: {
+      organizationKey: initializers.globalProps.organization.publicApiKey,
+      appName: initializers.globalProps.appName
+    }
+  };
+  var imagekitConfig = ramda.mergeDeepRight(defaultImageKitConfig, uploadConfig);
+  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
+    if (e.loaded <= fileSize) {
+      var percent = Math.round(e.loaded / fileSize * 100);
+      setUploadProgress(percent);
+    }
+    ramda.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(ramda.mergeRight(initializers.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 = ramda.equals(_context.t0.message, i18next.t("neetoImageUploader.errors.sdkKeysMissing")) ? i18next.t("neetoImageUploader.errors.imagekitKeysMissing") : _context.t0.message;
+            neetoui.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
+  };
+};
+
 exports.AssetLibrary = Modal;
 exports.BasicImageUploader = BasicImageUploader;
 exports.ImageUploader = ImageUploader;
 exports.useImageUpload = useImageUpload;
+exports.useImageUploader = useImageUploader;
+exports.useProfileImageUpload = useProfileImageUpload;
 //# sourceMappingURL=index.cjs.js.map