@bigbinary/neeto-image-uploader-frontend 1.4.1 → 1.4.3

package/dist/index.js

@@ -1,5 +1,5 @@
 import React, { useContext, useState, useRef, useEffect, createContext, PureComponent, useMemo, useReducer, useCallback, forwardRef, useImperativeHandle, Fragment } from 'react';
-import { mergeRight, isNil, isEmpty, equals, mergeLeft, concat, __, inc } from 'ramda';
+import { mergeRight, isNil, isEmpty, equals, mergeLeft, concat, __, inc, not } from 'ramda';
 import { noop as noop$2, isNotEmpty, keysToCamelCase, findBy } from '@bigbinary/neeto-commons-frontend/pure';
 import { Checkbox, Typography, Input, Button, Toastr, Spinner, Modal as Modal$1, Tab } from '@bigbinary/neetoui';
 import classNames from 'classnames';
@@ -9102,10 +9102,10 @@ var INFINITE_SCROLLER_SIZES = (cov_l0ywmw7at().s[7]++, [{
 var INFINITE_SCROLLER_STYLE = (cov_l0ywmw7at().s[8]++, {
   width: "100%"
 });
-var ALLOWED_IMAGE_TYPES$1 = (cov_l0ywmw7at().s[9]++, {
+(cov_l0ywmw7at().s[9]++, {
   "image/*": [".png", ".jpg", ".jpeg", ".svg", ".gif"]
 });
-var MAX_IMAGE_SIZE$1 = (cov_l0ywmw7at().s[10]++, 1048576 * 5); // 5 MB
+(cov_l0ywmw7at().s[10]++, 1048576 * 5); // 5 MB
 
 var ASSETS_FETCH_URL = (cov_l0ywmw7at().s[11]++, IS_DEVELOPMENT_OR_HEROKU_ENV ? (cov_l0ywmw7at().b[0][0]++, "neeto_image_uploader_engine/development/fetch") : (cov_l0ywmw7at().b[0][1]++, "neeto_image_uploader_engine/assets/fetch"));
 
@@ -9693,6 +9693,84 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
+function cov_21hcu7u8qb() {
+  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/constants.js";
+  var hash = "eb688e980df175783d8c340129a4e714f0a935ad";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/constants.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 1,
+          column: 43
+        },
+        end: {
+          line: 6,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 8,
+          column: 38
+        },
+        end: {
+          line: 8,
+          column: 39
+        }
+      },
+      "2": {
+        start: {
+          line: 10,
+          column: 37
+        },
+        end: {
+          line: 13,
+          column: 1
+        }
+      }
+    },
+    fnMap: {},
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {},
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "eb688e980df175783d8c340129a4e714f0a935ad"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_21hcu7u8qb = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_21hcu7u8qb();
+var DEFAULT_ALLOWED_IMAGE_TYPES = (cov_21hcu7u8qb().s[0]++, {
+  "image/png": [".png"],
+  "image/jpg": [".jpg", ".jpeg"],
+  "image/gif": [".gif"],
+  "image/svg+xml": [".svg"]
+});
+var DEFAULT_MAX_IMAGE_SIZE = (cov_21hcu7u8qb().s[1]++, 5); // 5 MB
+
+var DEFAULT_UPLOAD_CONFIG = (cov_21hcu7u8qb().s[2]++, {
+  maxImageSize: DEFAULT_MAX_IMAGE_SIZE,
+  allowedImageTypes: DEFAULT_ALLOWED_IMAGE_TYPES
+});
+
 function cov_1ukp3guhfu() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/apis/direct_uploads.js";
   var hash = "f074c9414e4a1e062399fbde6442c0051712f20c";
@@ -11841,7 +11919,7 @@ function noop() {}
 
 function cov_sedvezotl() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/hooks/useUploadDropzone.js";
-  var hash = "beec004a15eb4ac4f72a4d554ff947ea2fe0b42e";
+  var hash = "8c74c0d181099d9bd8c858bdf5d7b304c157e00c";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -11853,7 +11931,7 @@ function cov_sedvezotl() {
           column: 34
         },
         end: {
-          line: 144,
+          line: 146,
           column: 1
         }
       },
@@ -12133,157 +12211,177 @@ function cov_sedvezotl() {
           column: 21
         },
         end: {
-          line: 104,
+          line: 106,
           column: 3
         }
       },
       "29": {
         start: {
           line: 95,
-          column: 21
+          column: 4
         },
         end: {
           line: 95,
-          column: 30
+          column: 28
         }
       },
       "30": {
         start: {
-          line: 96,
-          column: 24
+          line: 95,
+          column: 21
         },
         end: {
-          line: 96,
-          column: 44
+          line: 95,
+          column: 28
         }
       },
       "31": {
         start: {
           line: 97,
-          column: 4
+          column: 21
         },
         end: {
-          line: 99,
-          column: 7
+          line: 97,
+          column: 30
         }
       },
       "32": {
         start: {
           line: 98,
-          column: 6
+          column: 24
         },
         end: {
           line: 98,
-          column: 40
+          column: 44
         }
       },
       "33": {
         start: {
-          line: 101,
+          line: 99,
           column: 4
         },
         end: {
+          line: 101,
+          column: 7
+        }
+      },
+      "34": {
+        start: {
+          line: 100,
+          column: 6
+        },
+        end: {
+          line: 100,
+          column: 40
+        }
+      },
+      "35": {
+        start: {
           line: 103,
+          column: 4
+        },
+        end: {
+          line: 105,
           column: 50
         }
       },
-      "34": {
+      "36": {
         start: {
-          line: 106,
+          line: 108,
           column: 29
         },
         end: {
-          line: 112,
+          line: 114,
           column: 3
         }
       },
-      "35": {
+      "37": {
         start: {
-          line: 107,
+          line: 109,
           column: 4
         },
         end: {
-          line: 111,
+          line: 113,
           column: 6
         }
       },
-      "36": {
+      "38": {
         start: {
-          line: 108,
+          line: 110,
           column: 6
         },
         end: {
-          line: 110,
+          line: 112,
           column: 7
         }
       },
-      "37": {
+      "39": {
         start: {
-          line: 109,
+          line: 111,
           column: 8
         },
         end: {
-          line: 109,
+          line: 111,
           column: 71
         }
       },
-      "38": {
+      "40": {
         start: {
-          line: 120,
+          line: 122,
           column: 6
         },
         end: {
-          line: 129,
+          line: 131,
           column: 4
         }
       },
-      "39": {
+      "41": {
         start: {
-          line: 124,
+          line: 126,
           column: 19
         },
         end: {
-          line: 124,
+          line: 126,
           column: 35
         }
       },
-      "40": {
+      "42": {
         start: {
-          line: 125,
+          line: 127,
           column: 6
         },
         end: {
-          line: 125,
+          line: 127,
           column: 23
         }
       },
-      "41": {
+      "43": {
         start: {
-          line: 131,
+          line: 133,
           column: 2
         },
         end: {
-          line: 133,
+          line: 135,
           column: 23
         }
       },
-      "42": {
+      "44": {
         start: {
-          line: 132,
+          line: 134,
           column: 4
         },
         end: {
-          line: 132,
+          line: 134,
           column: 41
         }
       },
-      "43": {
+      "45": {
         start: {
-          line: 135,
+          line: 137,
           column: 2
         },
         end: {
-          line: 143,
+          line: 145,
           column: 4
         }
       }
@@ -12307,7 +12405,7 @@ function cov_sedvezotl() {
             column: 6
           },
           end: {
-            line: 144,
+            line: 146,
             column: 1
           }
         },
@@ -12427,7 +12525,7 @@ function cov_sedvezotl() {
             column: 35
           },
           end: {
-            line: 104,
+            line: 106,
             column: 3
           }
         },
@@ -12437,145 +12535,145 @@ function cov_sedvezotl() {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 97,
+            line: 99,
             column: 52
           },
           end: {
-            line: 97,
+            line: 99,
             column: 53
           }
         },
         loc: {
           start: {
-            line: 97,
+            line: 99,
             column: 57
           },
           end: {
-            line: 99,
+            line: 101,
             column: 5
           }
         },
-        line: 97
+        line: 99
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 106,
+            line: 108,
             column: 29
           },
           end: {
-            line: 106,
+            line: 108,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 106,
+            line: 108,
             column: 47
           },
           end: {
-            line: 112,
+            line: 114,
             column: 3
           }
         },
-        line: 106
+        line: 108
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 107,
+            line: 109,
             column: 23
           },
           end: {
-            line: 107,
+            line: 109,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 108,
+            line: 110,
             column: 6
           },
           end: {
-            line: 110,
+            line: 112,
             column: 7
           }
         },
-        line: 108
+        line: 110
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 108,
+            line: 110,
             column: 17
           },
           end: {
-            line: 108,
+            line: 110,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 109,
+            line: 111,
             column: 8
           },
           end: {
-            line: 109,
+            line: 111,
             column: 71
           }
         },
-        line: 109
+        line: 111
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 123,
+            line: 125,
             column: 12
           },
           end: {
-            line: 123,
+            line: 125,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 123,
+            line: 125,
             column: 29
           },
           end: {
-            line: 126,
+            line: 128,
             column: 5
           }
         },
-        line: 123
+        line: 125
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 131,
+            line: 133,
             column: 12
           },
           end: {
-            line: 131,
+            line: 133,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 131,
+            line: 133,
             column: 18
           },
           end: {
-            line: 133,
+            line: 135,
             column: 3
           }
         },
-        line: 131
+        line: 133
       }
     },
     branchMap: {
@@ -12729,68 +12827,101 @@ function cov_sedvezotl() {
       "5": {
         loc: {
           start: {
-            line: 101,
+            line: 95,
             column: 4
           },
           end: {
-            line: 103,
-            column: 49
+            line: 95,
+            column: 28
           }
         },
-        type: "cond-expr",
+        type: "if",
         locations: [{
           start: {
-            line: 102,
-            column: 8
+            line: 95,
+            column: 4
           },
           end: {
-            line: 102,
-            column: 37
+            line: 95,
+            column: 28
           }
         }, {
           start: {
-            line: 103,
-            column: 8
+            line: undefined,
+            column: undefined
           },
           end: {
-            line: 103,
-            column: 49
+            line: undefined,
+            column: undefined
           }
         }],
-        line: 101
+        line: 95
       },
       "6": {
         loc: {
           start: {
-            line: 109,
-            column: 21
+            line: 103,
+            column: 4
           },
           end: {
-            line: 109,
-            column: 70
+            line: 105,
+            column: 49
           }
         },
-        type: "binary-expr",
+        type: "cond-expr",
         locations: [{
           start: {
-            line: 109,
-            column: 21
+            line: 104,
+            column: 8
           },
           end: {
-            line: 109,
+            line: 104,
             column: 37
           }
         }, {
           start: {
-            line: 109,
-            column: 41
+            line: 105,
+            column: 8
           },
           end: {
-            line: 109,
+            line: 105,
+            column: 49
+          }
+        }],
+        line: 103
+      },
+      "7": {
+        loc: {
+          start: {
+            line: 111,
+            column: 21
+          },
+          end: {
+            line: 111,
+            column: 70
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 111,
+            column: 21
+          },
+          end: {
+            line: 111,
+            column: 37
+          }
+        }, {
+          start: {
+            line: 111,
+            column: 41
+          },
+          end: {
+            line: 111,
             column: 70
           }
         }],
-        line: 109
+        line: 111
       }
     },
     s: {
@@ -12837,7 +12968,9 @@ function cov_sedvezotl() {
       "40": 0,
       "41": 0,
       "42": 0,
-      "43": 0
+      "43": 0,
+      "44": 0,
+      "45": 0
     },
     f: {
       "0": 0,
@@ -12860,10 +12993,11 @@ function cov_sedvezotl() {
       "3": [0, 0],
       "4": [0, 0],
       "5": [0, 0],
-      "6": [0, 0]
+      "6": [0, 0],
+      "7": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "beec004a15eb4ac4f72a4d554ff947ea2fe0b42e"
+    hash: "8c74c0d181099d9bd8c858bdf5d7b304c157e00c"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -13027,30 +13161,41 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             cov_sedvezotl().f[5]++;
-            fileSize = (cov_sedvezotl().s[29]++, file.size);
-            XHRProgress = (cov_sedvezotl().s[30]++, new XMLHttpRequest());
-            cov_sedvezotl().s[31]++;
+            cov_sedvezotl().s[29]++;
+            if (!isNil(file)) {
+              _context3.next = 8;
+              break;
+            }
+            cov_sedvezotl().b[5][0]++;
+            cov_sedvezotl().s[30]++;
+            return _context3.abrupt("return");
+          case 8:
+            cov_sedvezotl().b[5][1]++;
+          case 9:
+            fileSize = (cov_sedvezotl().s[31]++, file.size);
+            XHRProgress = (cov_sedvezotl().s[32]++, new XMLHttpRequest());
+            cov_sedvezotl().s[33]++;
             XHRProgress.upload.addEventListener("progress", function (e) {
               cov_sedvezotl().f[6]++;
-              cov_sedvezotl().s[32]++;
+              cov_sedvezotl().s[34]++;
               handleUploadProgress(e, fileSize);
             });
-            cov_sedvezotl().s[33]++;
+            cov_sedvezotl().s[35]++;
             if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
-              _context3.next = 12;
+              _context3.next = 20;
               break;
             }
-            cov_sedvezotl().b[5][0]++;
-            _context3.next = 10;
+            cov_sedvezotl().b[6][0]++;
+            _context3.next = 18;
             return developmentUpload(file);
-          case 10:
-            _context3.next = 15;
+          case 18:
+            _context3.next = 23;
             break;
-          case 12:
-            cov_sedvezotl().b[5][1]++;
-            _context3.next = 15;
+          case 20:
+            cov_sedvezotl().b[6][1]++;
+            _context3.next = 23;
             return productionUpload(file, XHRProgress);
-          case 15:
+          case 23:
           case "end":
             return _context3.stop();
         }
@@ -13060,32 +13205,32 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
       return _ref8.apply(this, arguments);
     };
   }();
-  cov_sedvezotl().s[34]++;
+  cov_sedvezotl().s[36]++;
   var handleDropRejected = function handleDropRejected(fileRejections) {
     cov_sedvezotl().f[7]++;
-    cov_sedvezotl().s[35]++;
+    cov_sedvezotl().s[37]++;
     fileRejections.map(function (_ref9) {
       var errors = _ref9.errors;
       cov_sedvezotl().f[8]++;
-      cov_sedvezotl().s[36]++;
+      cov_sedvezotl().s[38]++;
       return errors.map(function (_ref10) {
         var code = _ref10.code;
         cov_sedvezotl().f[9]++;
-        cov_sedvezotl().s[37]++;
-        return Toastr.error((cov_sedvezotl().b[6][0]++, fileErrors[code]) || (cov_sedvezotl().b[6][1]++, t$2("imageUpload.genericError")));
+        cov_sedvezotl().s[39]++;
+        return Toastr.error((cov_sedvezotl().b[7][0]++, fileErrors[code]) || (cov_sedvezotl().b[7][1]++, t$2("imageUpload.genericError")));
       });
     });
   };
-  var _ref11 = (cov_sedvezotl().s[38]++, useDropzone({
+  var _ref11 = (cov_sedvezotl().s[40]++, useDropzone({
       multiple: false,
       accept: acceptedTypes,
       onDrop: function onDrop(acceptedFiles) {
         cov_sedvezotl().f[10]++;
-        var file = (cov_sedvezotl().s[39]++, acceptedFiles[0]);
-        cov_sedvezotl().s[40]++;
+        var file = (cov_sedvezotl().s[41]++, acceptedFiles[0]);
+        cov_sedvezotl().s[42]++;
         uploadFile(file);
       },
-      maxSize: maxSize,
+      maxSize: maxSize * 1048576,
       onDropRejected: handleDropRejected
     })),
     getRootProps = _ref11.getRootProps,
@@ -13093,13 +13238,13 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
     isDragActive = _ref11.isDragActive,
     fileRejections = _ref11.fileRejections,
     inputRef = _ref11.inputRef;
-  cov_sedvezotl().s[41]++;
+  cov_sedvezotl().s[43]++;
   useEffect(function () {
     cov_sedvezotl().f[11]++;
-    cov_sedvezotl().s[42]++;
+    cov_sedvezotl().s[44]++;
     setError(isNotEmpty(fileRejections));
   }, [fileRejections]);
-  cov_sedvezotl().s[43]++;
+  cov_sedvezotl().s[45]++;
   return {
     getRootProps: getRootProps,
     getInputProps: getInputProps,
@@ -15851,7 +15996,7 @@ var uploadWithImageKit = /*#__PURE__*/function () {
 
 function cov_28odpwq50i() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/Unsplash.jsx";
-  var hash = "e056be1757669955145c1d0219959ffac38ce998";
+  var hash = "a1ba538f52c55a05f5d2facf2fed6bde1644feef";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -15863,167 +16008,167 @@ function cov_28odpwq50i() {
           column: 24
         },
         end: {
-          line: 109,
+          line: 111,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 26,
+          line: 27,
           column: 32
         },
         end: {
-          line: 26,
+          line: 27,
           column: 46
         }
       },
       "2": {
         start: {
-          line: 27,
+          line: 28,
           column: 30
         },
         end: {
-          line: 27,
+          line: 28,
           column: 42
         }
       },
       "3": {
         start: {
-          line: 28,
+          line: 29,
           column: 30
         },
         end: {
-          line: 28,
+          line: 29,
           column: 41
         }
       },
       "4": {
         start: {
-          line: 29,
+          line: 30,
           column: 28
         },
         end: {
-          line: 29,
+          line: 30,
           column: 43
         }
       },
       "5": {
         start: {
-          line: 31,
+          line: 32,
           column: 20
         },
         end: {
-          line: 36,
+          line: 37,
           column: 3
         }
       },
       "6": {
         start: {
-          line: 32,
+          line: 33,
           column: 4
         },
         end: {
-          line: 32,
+          line: 33,
           column: 76
         }
       },
       "7": {
         start: {
-          line: 34,
+          line: 35,
           column: 4
         },
         end: {
-          line: 34,
+          line: 35,
           column: 19
         }
       },
       "8": {
         start: {
-          line: 35,
+          line: 36,
           column: 4
         },
         end: {
-          line: 35,
+          line: 36,
           column: 36
         }
       },
       "9": {
         start: {
-          line: 38,
+          line: 39,
           column: 36
         },
         end: {
-          line: 60,
+          line: 62,
           column: 3
         }
       },
       "10": {
         start: {
-          line: 39,
+          line: 40,
           column: 4
         },
         end: {
-          line: 59,
+          line: 61,
           column: 5
         }
       },
       "11": {
         start: {
-          line: 40,
+          line: 41,
           column: 6
         },
         end: {
-          line: 40,
+          line: 41,
           column: 27
         }
       },
       "12": {
         start: {
-          line: 41,
+          line: 42,
           column: 23
         },
         end: {
-          line: 44,
+          line: 45,
           column: 7
         }
       },
       "13": {
         start: {
-          line: 46,
+          line: 47,
           column: 19
         },
         end: {
-          line: 48,
+          line: 49,
           column: 8
         }
       },
       "14": {
         start: {
-          line: 50,
+          line: 51,
           column: 21
         },
         end: {
-          line: 52,
+          line: 53,
           column: 40
         }
       },
       "15": {
         start: {
-          line: 54,
+          line: 55,
           column: 6
         },
         end: {
-          line: 54,
+          line: 55,
           column: 31
         }
       },
       "16": {
         start: {
-          line: 56,
+          line: 57,
           column: 6
         },
         end: {
-          line: 56,
+          line: 57,
           column: 26
         }
       },
@@ -16034,176 +16179,186 @@ function cov_28odpwq50i() {
         },
         end: {
           line: 58,
-          column: 28
+          column: 32
         }
       },
       "18": {
         start: {
-          line: 62,
-          column: 18
+          line: 60,
+          column: 6
         },
         end: {
-          line: 62,
-          column: 38
+          line: 60,
+          column: 28
         }
       },
       "19": {
         start: {
-          line: 62,
-          column: 24
+          line: 64,
+          column: 18
         },
         end: {
-          line: 62,
+          line: 64,
           column: 38
         }
       },
       "20": {
         start: {
           line: 64,
-          column: 16
+          column: 24
         },
         end: {
           line: 64,
-          column: 32
+          column: 38
         }
       },
       "21": {
         start: {
           line: 66,
-          column: 34
+          column: 16
         },
         end: {
-          line: 75,
-          column: 3
+          line: 66,
+          column: 32
         }
       },
       "22": {
         start: {
+          line: 68,
+          column: 34
+        },
+        end: {
           line: 77,
+          column: 3
+        }
+      },
+      "23": {
+        start: {
+          line: 79,
           column: 19
         },
         end: {
-          line: 84,
+          line: 86,
           column: 9
         }
       },
-      "23": {
+      "24": {
         start: {
-          line: 78,
+          line: 80,
           column: 4
         },
         end: {
-          line: 78,
+          line: 80,
           column: 39
         }
       },
-      "24": {
+      "25": {
         start: {
-          line: 78,
+          line: 80,
           column: 32
         },
         end: {
-          line: 78,
+          line: 80,
           column: 39
         }
       },
-      "25": {
+      "26": {
         start: {
-          line: 80,
+          line: 82,
           column: 4
         },
         end: {
-          line: 83,
+          line: 85,
           column: 5
         }
       },
-      "26": {
+      "27": {
         start: {
-          line: 81,
+          line: 83,
           column: 6
         },
         end: {
-          line: 81,
+          line: 83,
           column: 22
         }
       },
-      "27": {
+      "28": {
         start: {
-          line: 82,
+          line: 84,
           column: 6
         },
         end: {
-          line: 82,
+          line: 84,
           column: 16
         }
       },
-      "28": {
+      "29": {
         start: {
-          line: 86,
+          line: 88,
           column: 2
         },
         end: {
-          line: 90,
+          line: 92,
           column: 23
         }
       },
-      "29": {
+      "30": {
         start: {
-          line: 87,
+          line: 89,
           column: 4
         },
         end: {
-          line: 87,
+          line: 89,
           column: 17
         }
       },
-      "30": {
+      "31": {
         start: {
-          line: 88,
+          line: 90,
           column: 4
         },
         end: {
-          line: 88,
+          line: 90,
           column: 18
         }
       },
-      "31": {
+      "32": {
         start: {
-          line: 89,
+          line: 91,
           column: 4
         },
         end: {
-          line: 89,
+          line: 91,
           column: 14
         }
       },
-      "32": {
+      "33": {
         start: {
-          line: 92,
+          line: 94,
           column: 2
         },
         end: {
-          line: 98,
+          line: 100,
           column: 3
         }
       },
-      "33": {
+      "34": {
         start: {
-          line: 93,
+          line: 95,
           column: 4
         },
         end: {
-          line: 97,
+          line: 99,
           column: 6
         }
       },
-      "34": {
+      "35": {
         start: {
-          line: 100,
+          line: 102,
           column: 2
         },
         end: {
-          line: 108,
+          line: 110,
           column: 4
         }
       }
@@ -16223,247 +16378,247 @@ function cov_28odpwq50i() {
         },
         loc: {
           start: {
-            line: 25,
+            line: 26,
             column: 6
           },
           end: {
-            line: 109,
+            line: 111,
             column: 1
           }
         },
-        line: 25
+        line: 26
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
+            line: 32,
             column: 20
           },
           end: {
-            line: 31,
+            line: 32,
             column: 21
           }
         },
         loc: {
           start: {
-            line: 31,
+            line: 32,
             column: 54
           },
           end: {
-            line: 36,
+            line: 37,
             column: 3
           }
         },
-        line: 31
+        line: 32
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 38,
+            line: 39,
             column: 36
           },
           end: {
-            line: 38,
+            line: 39,
             column: 37
           }
         },
         loc: {
           start: {
-            line: 38,
+            line: 39,
             column: 51
           },
           end: {
-            line: 60,
+            line: 62,
             column: 3
           }
         },
-        line: 38
+        line: 39
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 62,
+            line: 64,
             column: 18
           },
           end: {
-            line: 62,
+            line: 64,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 62,
+            line: 64,
             column: 24
           },
           end: {
-            line: 62,
+            line: 64,
             column: 38
           }
         },
-        line: 62
+        line: 64
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 77,
+            line: 79,
             column: 35
           },
           end: {
-            line: 77,
+            line: 79,
             column: 36
           }
         },
         loc: {
           start: {
-            line: 77,
+            line: 79,
             column: 41
           },
           end: {
-            line: 84,
+            line: 86,
             column: 3
           }
         },
-        line: 77
+        line: 79
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 86,
+            line: 88,
             column: 12
           },
           end: {
-            line: 86,
+            line: 88,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 86,
+            line: 88,
             column: 18
           },
           end: {
-            line: 90,
+            line: 92,
             column: 3
           }
         },
-        line: 86
+        line: 88
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 31,
+            line: 32,
             column: 23
           },
           end: {
-            line: 31,
+            line: 32,
             column: 35
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 31,
+            line: 32,
             column: 33
           },
           end: {
-            line: 31,
+            line: 32,
             column: 35
           }
         }],
-        line: 31
+        line: 32
       },
       "1": {
         loc: {
           start: {
-            line: 32,
+            line: 33,
             column: 4
           },
           end: {
-            line: 32,
+            line: 33,
             column: 75
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 32,
+            line: 33,
             column: 24
           },
           end: {
-            line: 32,
+            line: 33,
             column: 42
           }
         }, {
           start: {
-            line: 32,
+            line: 33,
             column: 45
           },
           end: {
-            line: 32,
+            line: 33,
             column: 75
           }
         }],
-        line: 32
+        line: 33
       },
       "2": {
         loc: {
           start: {
-            line: 50,
+            line: 51,
             column: 21
           },
           end: {
-            line: 52,
+            line: 53,
             column: 40
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 51,
+            line: 52,
             column: 10
           },
           end: {
-            line: 51,
+            line: 52,
             column: 44
           }
         }, {
           start: {
-            line: 52,
+            line: 53,
             column: 10
           },
           end: {
-            line: 52,
+            line: 53,
             column: 40
           }
         }],
-        line: 50
+        line: 51
       },
       "3": {
         loc: {
           start: {
-            line: 78,
+            line: 80,
             column: 4
           },
           end: {
-            line: 78,
+            line: 80,
             column: 39
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 78,
+            line: 80,
             column: 4
           },
           end: {
-            line: 78,
+            line: 80,
             column: 39
           }
         }, {
@@ -16476,60 +16631,60 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 78
+        line: 80
       },
       "4": {
         loc: {
           start: {
-            line: 78,
+            line: 80,
             column: 8
           },
           end: {
-            line: 78,
+            line: 80,
             column: 30
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 78,
+            line: 80,
             column: 8
           },
           end: {
-            line: 78,
+            line: 80,
             column: 18
           }
         }, {
           start: {
-            line: 78,
+            line: 80,
             column: 22
           },
           end: {
-            line: 78,
+            line: 80,
             column: 30
           }
         }],
-        line: 78
+        line: 80
       },
       "5": {
         loc: {
           start: {
-            line: 80,
+            line: 82,
             column: 4
           },
           end: {
-            line: 83,
+            line: 85,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 80,
+            line: 82,
             column: 4
           },
           end: {
-            line: 83,
+            line: 85,
             column: 5
           }
         }, {
@@ -16542,27 +16697,27 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 80
+        line: 82
       },
       "6": {
         loc: {
           start: {
-            line: 92,
+            line: 94,
             column: 2
           },
           end: {
-            line: 98,
+            line: 100,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 92,
+            line: 94,
             column: 2
           },
           end: {
-            line: 98,
+            line: 100,
             column: 3
           }
         }, {
@@ -16575,7 +16730,7 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 92
+        line: 94
       }
     },
     s: {
@@ -16613,7 +16768,8 @@ function cov_28odpwq50i() {
       "31": 0,
       "32": 0,
       "33": 0,
-      "34": 0
+      "34": 0,
+      "35": 0
     },
     f: {
       "0": 0,
@@ -16633,7 +16789,7 @@ function cov_28odpwq50i() {
       "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "e056be1757669955145c1d0219959ffac38ce998"
+    hash: "a1ba538f52c55a05f5d2facf2fed6bde1644feef"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -16653,7 +16809,8 @@ cov_28odpwq50i().s[0]++;
 var UnsplashLibrary = function UnsplashLibrary(_ref) {
   var debouncedQuery = _ref.debouncedQuery,
     setSelectedImage = _ref.setSelectedImage,
-    setIsUploading = _ref.setIsUploading;
+    setIsUploading = _ref.setIsUploading,
+    setActiveTab = _ref.setActiveTab;
   cov_28odpwq50i().f[0]++;
   var _ref2 = (cov_28odpwq50i().s[1]++, useState(true)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -16726,37 +16883,39 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
             result = _context.t0;
             cov_28odpwq50i().s[15]++;
             setSelectedImage(result);
-            _context.next = 31;
+            _context.next = 33;
             break;
           case 27:
             _context.prev = 27;
             _context.t1 = _context["catch"](2);
             cov_28odpwq50i().s[16]++;
             Toastr.error(_context.t1);
-          case 31:
-            _context.prev = 31;
             cov_28odpwq50i().s[17]++;
+            setActiveTab(TABS[0].key);
+          case 33:
+            _context.prev = 33;
+            cov_28odpwq50i().s[18]++;
             setIsUploading(false);
-            return _context.finish(31);
-          case 35:
+            return _context.finish(33);
+          case 37:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 27, 31, 35]]);
+      }, _callee, null, [[2, 27, 33, 37]]);
     }));
     return function handleUnsplashImageSelect(_x) {
       return _ref11.apply(this, arguments);
     };
   }();
-  cov_28odpwq50i().s[18]++;
+  cov_28odpwq50i().s[19]++;
   var onError = function onError() {
     cov_28odpwq50i().f[3]++;
-    cov_28odpwq50i().s[19]++;
+    cov_28odpwq50i().s[20]++;
     return setError(true);
   };
-  var _ref12 = (cov_28odpwq50i().s[20]++, useTranslation()),
+  var _ref12 = (cov_28odpwq50i().s[21]++, useTranslation()),
     t = _ref12.t;
-  var _ref13 = (cov_28odpwq50i().s[21]++, useFetchUnsplashImages({
+  var _ref13 = (cov_28odpwq50i().s[22]++, useFetchUnsplashImages({
       query: debouncedQuery,
       pageNo: pageNo
     }, {
@@ -16765,41 +16924,41 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
     })),
     refetch = _ref13.refetch,
     isFetching = _ref13.isFetching;
-  var loadMore = (cov_28odpwq50i().s[22]++, useFuncDebounce(function () {
+  var loadMore = (cov_28odpwq50i().s[23]++, useFuncDebounce(function () {
     cov_28odpwq50i().f[4]++;
-    cov_28odpwq50i().s[23]++;
+    cov_28odpwq50i().s[24]++;
     if ((cov_28odpwq50i().b[4][0]++, isFetching) || (cov_28odpwq50i().b[4][1]++, !hasMore)) {
       cov_28odpwq50i().b[3][0]++;
-      cov_28odpwq50i().s[24]++;
+      cov_28odpwq50i().s[25]++;
       return;
     } else {
       cov_28odpwq50i().b[3][1]++;
     }
-    cov_28odpwq50i().s[25]++;
+    cov_28odpwq50i().s[26]++;
     if (pageNo > 1) {
       cov_28odpwq50i().b[5][0]++;
-      cov_28odpwq50i().s[26]++;
-      setError(false);
       cov_28odpwq50i().s[27]++;
+      setError(false);
+      cov_28odpwq50i().s[28]++;
       refetch();
     } else {
       cov_28odpwq50i().b[5][1]++;
     }
   }, 500));
-  cov_28odpwq50i().s[28]++;
+  cov_28odpwq50i().s[29]++;
   useEffect(function () {
     cov_28odpwq50i().f[5]++;
-    cov_28odpwq50i().s[29]++;
-    setPageNo(1);
     cov_28odpwq50i().s[30]++;
-    setImages([]);
+    setPageNo(1);
     cov_28odpwq50i().s[31]++;
+    setImages([]);
+    cov_28odpwq50i().s[32]++;
     refetch();
   }, [debouncedQuery]);
-  cov_28odpwq50i().s[32]++;
+  cov_28odpwq50i().s[33]++;
   if (error) {
     cov_28odpwq50i().b[6][0]++;
-    cov_28odpwq50i().s[33]++;
+    cov_28odpwq50i().s[34]++;
     return /*#__PURE__*/React.createElement(Typography, {
       className: "mt-9 flex justify-center",
       style: "body2"
@@ -16807,7 +16966,7 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
   } else {
     cov_28odpwq50i().b[6][1]++;
   }
-  cov_28odpwq50i().s[34]++;
+  cov_28odpwq50i().s[35]++;
   return /*#__PURE__*/React.createElement(InfiniteScroller, {
     handleUnsplashImageSelect: handleUnsplashImageSelect,
     hasMore: hasMore,
@@ -16819,7 +16978,7 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
 
 function cov_zqbvekg8p() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/index.jsx";
-  var hash = "370d6ac3f98e926f9b8f68980aa94664d3ea239d";
+  var hash = "33d509b88b1d3cbda9975e4155d54874bfd9ef7f";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -16831,77 +16990,77 @@ function cov_zqbvekg8p() {
           column: 21
         },
         end: {
-          line: 48,
+          line: 54,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 13,
+          line: 18,
           column: 28
         },
         end: {
-          line: 13,
+          line: 18,
           column: 40
         }
       },
       "2": {
         start: {
-          line: 15,
+          line: 20,
           column: 16
         },
         end: {
-          line: 15,
+          line: 20,
           column: 32
         }
       },
       "3": {
         start: {
-          line: 17,
+          line: 22,
           column: 25
         },
         end: {
-          line: 17,
+          line: 22,
           column: 48
         }
       },
       "4": {
         start: {
-          line: 19,
+          line: 24,
           column: 2
         },
         end: {
-          line: 21,
+          line: 26,
           column: 12
         }
       },
       "5": {
         start: {
-          line: 20,
+          line: 25,
           column: 4
         },
         end: {
-          line: 20,
+          line: 25,
           column: 17
         }
       },
       "6": {
         start: {
-          line: 23,
+          line: 28,
           column: 2
         },
         end: {
-          line: 47,
+          line: 53,
           column: 4
         }
       },
       "7": {
         start: {
-          line: 32,
+          line: 37,
           column: 45
         },
         end: {
-          line: 32,
+          line: 37,
           column: 60
         }
       }
@@ -16921,98 +17080,98 @@ function cov_zqbvekg8p() {
         },
         loc: {
           start: {
-            line: 12,
-            column: 68
+            line: 17,
+            column: 6
           },
           end: {
-            line: 48,
+            line: 54,
             column: 1
           }
         },
-        line: 12
+        line: 17
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 19,
+            line: 24,
             column: 12
           },
           end: {
-            line: 19,
+            line: 24,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 19,
+            line: 24,
             column: 18
           },
           end: {
-            line: 21,
+            line: 26,
             column: 3
           }
         },
-        line: 19
+        line: 24
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 32,
+            line: 37,
             column: 18
           },
           end: {
-            line: 32,
+            line: 37,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 32,
+            line: 37,
             column: 45
           },
           end: {
-            line: 32,
+            line: 37,
             column: 60
           }
         },
-        line: 32
+        line: 37
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 34,
+            line: 39,
             column: 7
           },
           end: {
-            line: 45,
+            line: 51,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 35,
+            line: 40,
             column: 8
           },
           end: {
-            line: 38,
+            line: 43,
             column: 10
           }
         }, {
           start: {
-            line: 40,
+            line: 45,
             column: 8
           },
           end: {
-            line: 44,
+            line: 50,
             column: 10
           }
         }],
-        line: 34
+        line: 39
       }
     },
     s: {
@@ -17034,7 +17193,7 @@ function cov_zqbvekg8p() {
       "0": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "370d6ac3f98e926f9b8f68980aa94664d3ea239d"
+    hash: "33d509b88b1d3cbda9975e4155d54874bfd9ef7f"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -17054,7 +17213,8 @@ cov_zqbvekg8p().s[0]++;
 var ImageLibrary = function ImageLibrary(_ref) {
   var setSelectedImage = _ref.setSelectedImage,
     tab = _ref.tab,
-    setIsUploading = _ref.setIsUploading;
+    setIsUploading = _ref.setIsUploading,
+    setActiveTab = _ref.setActiveTab;
   cov_zqbvekg8p().f[0]++;
   var _ref2 = (cov_zqbvekg8p().s[1]++, useState("")),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -17090,6 +17250,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
     setSelectedImage: setSelectedImage
   })) : (cov_zqbvekg8p().b[0][1]++, /*#__PURE__*/React.createElement(UnsplashLibrary, {
     debouncedQuery: debouncedQuery,
+    setActiveTab: setActiveTab,
     setIsUploading: setIsUploading,
     setSelectedImage: setSelectedImage
   })));
@@ -17097,7 +17258,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
 
 function cov_2my1w2udyi() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/Modal/index.jsx";
-  var hash = "ed194744e65faee4db8cb2231a84321ffef530ba";
+  var hash = "bed00b5694691cad842bce85480ae0581d29bbbe";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -17105,281 +17266,291 @@ function cov_2my1w2udyi() {
     statementMap: {
       "0": {
         start: {
-          line: 25,
+          line: 27,
           column: 14
         },
         end: {
-          line: 158,
+          line: 171,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 26,
+          line: 33,
           column: 36
         },
         end: {
-          line: 26,
+          line: 33,
           column: 57
         }
       },
       "2": {
         start: {
-          line: 27,
+          line: 34,
           column: 44
         },
         end: {
-          line: 27,
+          line: 34,
           column: 56
         }
       },
       "3": {
         start: {
-          line: 28,
+          line: 35,
           column: 40
         },
         end: {
-          line: 28,
+          line: 35,
           column: 55
         }
       },
       "4": {
         start: {
-          line: 30,
+          line: 37,
           column: 16
         },
         end: {
-          line: 30,
+          line: 37,
           column: 32
         }
       },
       "5": {
         start: {
-          line: 32,
+          line: 39,
           column: 33
         },
         end: {
-          line: 32,
+          line: 39,
           column: 48
         }
       },
       "6": {
         start: {
-          line: 34,
-          column: 27
+          line: 41,
+          column: 35
         },
         end: {
-          line: 37,
+          line: 44,
           column: 3
         }
       },
       "7": {
         start: {
-          line: 35,
+          line: 46,
+          column: 27
+        },
+        end: {
+          line: 49,
+          column: 3
+        }
+      },
+      "8": {
+        start: {
+          line: 47,
           column: 4
         },
         end: {
-          line: 35,
+          line: 47,
           column: 14
         }
       },
-      "8": {
+      "9": {
         start: {
-          line: 36,
+          line: 48,
           column: 4
         },
         end: {
-          line: 36,
+          line: 48,
           column: 25
         }
       },
-      "9": {
+      "10": {
         start: {
-          line: 39,
+          line: 51,
           column: 34
         },
         end: {
-          line: 66,
+          line: 78,
           column: 3
         }
       },
-      "10": {
+      "11": {
         start: {
-          line: 40,
+          line: 52,
           column: 4
         },
         end: {
-          line: 64,
+          line: 76,
           column: 5
         }
       },
-      "11": {
+      "12": {
         start: {
-          line: 41,
+          line: 53,
           column: 6
         },
         end: {
-          line: 44,
+          line: 56,
           column: 9
         }
       },
-      "12": {
+      "13": {
         start: {
-          line: 46,
+          line: 58,
           column: 22
         },
         end: {
-          line: 53,
+          line: 65,
           column: 7
         }
       },
-      "13": {
+      "14": {
         start: {
-          line: 55,
+          line: 67,
           column: 6
         },
         end: {
-          line: 63,
+          line: 75,
           column: 9
         }
       },
-      "14": {
+      "15": {
         start: {
-          line: 57,
+          line: 69,
           column: 10
         },
         end: {
-          line: 60,
+          line: 72,
           column: 13
         }
       },
-      "15": {
+      "16": {
         start: {
-          line: 65,
+          line: 77,
           column: 4
         },
         end: {
-          line: 65,
+          line: 77,
           column: 23
         }
       },
-      "16": {
+      "17": {
         start: {
-          line: 69,
+          line: 81,
           column: 4
         },
         end: {
-          line: 74,
+          line: 86,
           column: 6
         }
       },
-      "17": {
+      "18": {
         start: {
-          line: 76,
+          line: 88,
           column: 31
         },
         end: {
-          line: 76,
+          line: 88,
           column: 62
         }
       },
-      "18": {
+      "19": {
         start: {
-          line: 76,
+          line: 88,
           column: 37
         },
         end: {
-          line: 76,
+          line: 88,
           column: 62
         }
       },
-      "19": {
+      "20": {
         start: {
-          line: 77,
+          line: 89,
           column: 18
         },
         end: {
-          line: 79,
+          line: 91,
           column: 4
         }
       },
-      "20": {
+      "21": {
         start: {
-          line: 81,
+          line: 93,
           column: 2
         },
         end: {
-          line: 83,
+          line: 95,
           column: 15
         }
       },
-      "21": {
+      "22": {
         start: {
-          line: 82,
+          line: 94,
           column: 4
         },
         end: {
-          line: 82,
+          line: 94,
           column: 30
         }
       },
-      "22": {
+      "23": {
         start: {
-          line: 85,
+          line: 97,
           column: 2
         },
         end: {
-          line: 157,
+          line: 170,
           column: 4
         }
       },
-      "23": {
+      "24": {
         start: {
-          line: 108,
+          line: 120,
           column: 29
         },
         end: {
-          line: 108,
+          line: 120,
           column: 49
         }
       },
-      "24": {
+      "25": {
         start: {
-          line: 116,
+          line: 128,
           column: 30
         },
         end: {
-          line: 116,
+          line: 128,
           column: 53
         }
       },
-      "25": {
+      "26": {
         start: {
-          line: 126,
+          line: 138,
           column: 18
         },
         end: {
-          line: 132,
+          line: 144,
           column: 29
         }
       },
-      "26": {
+      "27": {
         start: {
-          line: 129,
+          line: 141,
           column: 35
         },
         end: {
-          line: 129,
+          line: 141,
           column: 56
         }
       },
-      "27": {
+      "28": {
         start: {
-          line: 138,
+          line: 150,
           column: 16
         },
         end: {
-          line: 144,
+          line: 156,
           column: 18
         }
       }
@@ -17389,456 +17560,456 @@ function cov_2my1w2udyi() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 25,
+            line: 27,
             column: 14
           },
           end: {
-            line: 25,
+            line: 27,
             column: 15
           }
         },
         loc: {
           start: {
-            line: 25,
-            column: 71
+            line: 32,
+            column: 6
           },
           end: {
-            line: 158,
+            line: 171,
             column: 1
           }
         },
-        line: 25
+        line: 32
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 34,
+            line: 46,
             column: 27
           },
           end: {
-            line: 34,
+            line: 46,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 34,
+            line: 46,
             column: 33
           },
           end: {
-            line: 37,
+            line: 49,
             column: 3
           }
         },
-        line: 34
+        line: 46
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 39,
+            line: 51,
             column: 34
           },
           end: {
-            line: 39,
+            line: 51,
             column: 35
           }
         },
         loc: {
           start: {
-            line: 39,
+            line: 51,
             column: 49
           },
           end: {
-            line: 66,
+            line: 78,
             column: 3
           }
         },
-        line: 39
+        line: 51
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 56,
+            line: 68,
             column: 19
           },
           end: {
-            line: 56,
+            line: 68,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 56,
+            line: 68,
             column: 28
           },
           end: {
-            line: 61,
+            line: 73,
             column: 9
           }
         },
-        line: 56
+        line: 68
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 76,
+            line: 88,
             column: 31
           },
           end: {
-            line: 76,
+            line: 88,
             column: 32
           }
         },
         loc: {
           start: {
-            line: 76,
+            line: 88,
             column: 37
           },
           end: {
-            line: 76,
+            line: 88,
             column: 62
           }
         },
-        line: 76
+        line: 88
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 81,
+            line: 93,
             column: 12
           },
           end: {
-            line: 81,
+            line: 93,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 81,
+            line: 93,
             column: 18
           },
           end: {
-            line: 83,
+            line: 95,
             column: 3
           }
         },
-        line: 81
+        line: 93
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 108,
+            line: 120,
             column: 23
           },
           end: {
-            line: 108,
+            line: 120,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 108,
+            line: 120,
             column: 29
           },
           end: {
-            line: 108,
+            line: 120,
             column: 49
           }
         },
-        line: 108
+        line: 120
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 116,
+            line: 128,
             column: 21
           },
           end: {
-            line: 116,
+            line: 128,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 116,
+            line: 128,
             column: 30
           },
           end: {
-            line: 116,
+            line: 128,
             column: 53
           }
         },
-        line: 116
+        line: 128
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 125,
+            line: 137,
             column: 26
           },
           end: {
-            line: 125,
+            line: 137,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 126,
+            line: 138,
             column: 18
           },
           end: {
-            line: 132,
+            line: 144,
             column: 29
           }
         },
-        line: 126
+        line: 138
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 129,
+            line: 141,
             column: 29
           },
           end: {
-            line: 129,
+            line: 141,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 129,
+            line: 141,
             column: 35
           },
           end: {
-            line: 129,
+            line: 141,
             column: 56
           }
         },
-        line: 129
+        line: 141
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 137,
+            line: 149,
             column: 27
           },
           end: {
-            line: 137,
+            line: 149,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 138,
+            line: 150,
             column: 16
           },
           end: {
-            line: 144,
+            line: 156,
             column: 18
           }
         },
-        line: 138
+        line: 150
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 25,
-            column: 25
+            line: 29,
+            column: 2
           },
           end: {
-            line: 25,
-            column: 39
+            line: 29,
+            column: 16
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 25,
-            column: 35
+            line: 29,
+            column: 12
           },
           end: {
-            line: 25,
-            column: 39
+            line: 29,
+            column: 16
           }
         }],
-        line: 25
+        line: 29
       },
       "1": {
         loc: {
           start: {
-            line: 25,
-            column: 41
+            line: 30,
+            column: 2
           },
           end: {
-            line: 25,
-            column: 64
+            line: 30,
+            column: 25
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 25,
-            column: 60
+            line: 30,
+            column: 21
           },
           end: {
-            line: 25,
-            column: 64
+            line: 30,
+            column: 25
           }
         }],
-        line: 25
+        line: 30
       },
       "2": {
         loc: {
           start: {
-            line: 40,
+            line: 52,
             column: 4
           },
           end: {
-            line: 64,
+            line: 76,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 40,
+            line: 52,
             column: 4
           },
           end: {
-            line: 64,
+            line: 76,
             column: 5
           }
         }, {
           start: {
-            line: 45,
+            line: 57,
             column: 11
           },
           end: {
-            line: 64,
+            line: 76,
             column: 5
           }
         }],
-        line: 40
+        line: 52
       },
       "3": {
         loc: {
           start: {
-            line: 92,
+            line: 104,
             column: 7
           },
           end: {
-            line: 96,
+            line: 108,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 92,
+            line: 104,
             column: 7
           },
           end: {
-            line: 92,
+            line: 104,
             column: 18
           }
         }, {
           start: {
-            line: 93,
+            line: 105,
             column: 8
           },
           end: {
-            line: 95,
+            line: 107,
             column: 14
           }
         }],
-        line: 92
+        line: 104
       },
       "4": {
         loc: {
           start: {
-            line: 97,
+            line: 109,
             column: 7
           },
           end: {
-            line: 104,
+            line: 116,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 97,
+            line: 109,
             column: 7
           },
           end: {
-            line: 97,
+            line: 109,
             column: 34
           }
         }, {
           start: {
-            line: 97,
+            line: 109,
             column: 38
           },
           end: {
-            line: 97,
+            line: 109,
             column: 50
           }
         }, {
           start: {
-            line: 98,
+            line: 110,
             column: 8
           },
           end: {
-            line: 103,
+            line: 115,
             column: 14
           }
         }],
-        line: 97
+        line: 109
       },
       "5": {
         loc: {
           start: {
-            line: 105,
+            line: 117,
             column: 7
           },
           end: {
-            line: 154,
+            line: 167,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 106,
+            line: 118,
             column: 8
           },
           end: {
-            line: 111,
+            line: 123,
             column: 10
           }
         }, {
           start: {
-            line: 113,
+            line: 125,
             column: 8
           },
           end: {
-            line: 153,
+            line: 166,
             column: 14
           }
         }],
-        line: 105
+        line: 117
       }
     },
     s: {
@@ -17869,7 +18040,8 @@ function cov_2my1w2udyi() {
       "24": 0,
       "25": 0,
       "26": 0,
-      "27": 0
+      "27": 0,
+      "28": 0
     },
     f: {
       "0": 0,
@@ -17893,7 +18065,7 @@ function cov_2my1w2udyi() {
       "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "ed194744e65faee4db8cb2231a84321ffef530ba"
+    hash: "bed00b5694691cad842bce85480ae0581d29bbbe"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -17915,7 +18087,8 @@ var Modal = function Modal(_ref) {
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? (cov_2my1w2udyi().b[0][0]++, noop$2) : _ref$onClose,
     _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_2my1w2udyi().b[1][0]++, noop$2) : _ref$onUploadComplete;
+    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_2my1w2udyi().b[1][0]++, noop$2) : _ref$onUploadComplete,
+    uploadConfig = _ref.uploadConfig;
   cov_2my1w2udyi().f[0]++;
   var _ref2 = (cov_2my1w2udyi().s[1]++, useState(TABS[0].key)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -17933,28 +18106,29 @@ var Modal = function Modal(_ref) {
     t = _ref8.t;
   var _ref9 = (cov_2my1w2udyi().s[5]++, useCreateBlob()),
     createBlob = _ref9.mutate;
-  cov_2my1w2udyi().s[6]++;
+  var uploadConfigWithDefaults = (cov_2my1w2udyi().s[6]++, mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig));
+  cov_2my1w2udyi().s[7]++;
   var handleCloseModal = function handleCloseModal() {
     cov_2my1w2udyi().f[1]++;
-    cov_2my1w2udyi().s[7]++;
-    onClose();
     cov_2my1w2udyi().s[8]++;
+    onClose();
+    cov_2my1w2udyi().s[9]++;
     setSelectedImage({});
   };
-  cov_2my1w2udyi().s[9]++;
+  cov_2my1w2udyi().s[10]++;
   var handleImageEditComplete = function handleImageEditComplete(editedImage) {
     cov_2my1w2udyi().f[2]++;
-    cov_2my1w2udyi().s[10]++;
+    cov_2my1w2udyi().s[11]++;
     if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
       cov_2my1w2udyi().b[2][0]++;
-      cov_2my1w2udyi().s[11]++;
+      cov_2my1w2udyi().s[12]++;
       onUploadComplete({
         url: editedImage.metadata.url,
         signedId: editedImage.signedId
       });
     } else {
       cov_2my1w2udyi().b[2][1]++;
-      var payload = (cov_2my1w2udyi().s[12]++, {
+      var payload = (cov_2my1w2udyi().s[13]++, {
         filename: editedImage.name,
         byte_size: editedImage.size,
         content_type: editedImage.fileType,
@@ -17962,11 +18136,11 @@ var Modal = function Modal(_ref) {
         metadata: editedImage,
         service_name: "imagekitio"
       });
-      cov_2my1w2udyi().s[13]++;
+      cov_2my1w2udyi().s[14]++;
       createBlob(payload, {
         onSuccess: function onSuccess(image) {
           cov_2my1w2udyi().f[3]++;
-          cov_2my1w2udyi().s[14]++;
+          cov_2my1w2udyi().s[15]++;
           onUploadComplete({
             url: image.blobUrl,
             signedId: image.signedId
@@ -17975,12 +18149,12 @@ var Modal = function Modal(_ref) {
         onError: Toastr.error
       });
     }
-    cov_2my1w2udyi().s[15]++;
+    cov_2my1w2udyi().s[16]++;
     handleCloseModal();
   };
-  var _ref10 = (cov_2my1w2udyi().s[16]++, useDropzoneWithValidation({
-      maxSize: MAX_IMAGE_SIZE$1,
-      acceptedTypes: ALLOWED_IMAGE_TYPES$1,
+  var _ref10 = (cov_2my1w2udyi().s[17]++, useDropzoneWithValidation({
+      maxSize: uploadConfigWithDefaults === null || uploadConfigWithDefaults === void 0 ? void 0 : uploadConfigWithDefaults.maxImageSize,
+      acceptedTypes: uploadConfigWithDefaults === null || uploadConfigWithDefaults === void 0 ? void 0 : uploadConfigWithDefaults.allowedImageTypes,
       onUploadComplete: setSelectedImage,
       setIsUploading: setIsUploading
     })),
@@ -17988,24 +18162,24 @@ var Modal = function Modal(_ref) {
     getInputProps = _ref10.getInputProps,
     isDragActive = _ref10.isDragActive,
     inputRef = _ref10.inputRef;
-  cov_2my1w2udyi().s[17]++;
+  cov_2my1w2udyi().s[18]++;
   var openFileUploadDialog = function openFileUploadDialog() {
     var _inputRef$current;
     cov_2my1w2udyi().f[4]++;
-    cov_2my1w2udyi().s[18]++;
+    cov_2my1w2udyi().s[19]++;
     return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   };
-  var options = (cov_2my1w2udyi().s[19]++, createOptions([{
+  var options = (cov_2my1w2udyi().s[20]++, createOptions([{
     key: "local",
     onClick: openFileUploadDialog
   }]));
-  cov_2my1w2udyi().s[20]++;
+  cov_2my1w2udyi().s[21]++;
   useEffect(function () {
     cov_2my1w2udyi().f[5]++;
-    cov_2my1w2udyi().s[21]++;
+    cov_2my1w2udyi().s[22]++;
     setActiveTab(TABS[0].key);
   }, [isOpen]);
-  cov_2my1w2udyi().s[22]++;
+  cov_2my1w2udyi().s[23]++;
   return /*#__PURE__*/React.createElement(Modal$1, {
     className: "niu-modal",
     isOpen: isOpen,
@@ -18019,7 +18193,7 @@ var Modal = function Modal(_ref) {
     handleImageEditComplete: handleImageEditComplete,
     handleReset: function handleReset() {
       cov_2my1w2udyi().f[6]++;
-      cov_2my1w2udyi().s[23]++;
+      cov_2my1w2udyi().s[24]++;
       return setSelectedImage({});
     },
     image: selectedImage,
@@ -18029,7 +18203,7 @@ var Modal = function Modal(_ref) {
   }, getRootProps({
     onClick: function onClick(event) {
       cov_2my1w2udyi().f[7]++;
-      cov_2my1w2udyi().s[24]++;
+      cov_2my1w2udyi().s[25]++;
       return event.stopPropagation();
     }
   })), /*#__PURE__*/React.createElement(Modal$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
@@ -18042,13 +18216,13 @@ var Modal = function Modal(_ref) {
     size: "small"
   }, TABS.map(function (tab) {
     cov_2my1w2udyi().f[8]++;
-    cov_2my1w2udyi().s[25]++;
+    cov_2my1w2udyi().s[26]++;
     return /*#__PURE__*/React.createElement(Tab.Item, {
       active: activeTab === tab.key,
       key: tab.key,
       onClick: function onClick() {
         cov_2my1w2udyi().f[9]++;
-        cov_2my1w2udyi().s[26]++;
+        cov_2my1w2udyi().s[27]++;
         return setActiveTab(tab.key);
       }
     }, tab.label);
@@ -18060,7 +18234,7 @@ var Modal = function Modal(_ref) {
       onClick = _ref11.onClick,
       style = _ref11.style;
     cov_2my1w2udyi().f[10]++;
-    cov_2my1w2udyi().s[27]++;
+    cov_2my1w2udyi().s[28]++;
     return /*#__PURE__*/React.createElement(Button, {
       key: key,
       label: label,
@@ -18069,74 +18243,16 @@ var Modal = function Modal(_ref) {
       onClick: onClick
     });
   }))), /*#__PURE__*/React.createElement(ImageLibrary, {
+    setActiveTab: setActiveTab,
     setIsUploading: setIsUploading,
     setSelectedImage: setSelectedImage,
     tab: activeTab
   }))), /*#__PURE__*/React.createElement("input", getInputProps()));
 };
 
-function cov_21hcu7u8qb() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/constants.js";
-  var hash = "9b8c5feb3cf82f3319d7df3d5f2cd04c1d9fc7db";
-  var global = new Function("return this")();
-  var gcv = "__coverage__";
-  var coverageData = {
-    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/constants.js",
-    statementMap: {
-      "0": {
-        start: {
-          line: 1,
-          column: 35
-        },
-        end: {
-          line: 3,
-          column: 1
-        }
-      },
-      "1": {
-        start: {
-          line: 5,
-          column: 30
-        },
-        end: {
-          line: 5,
-          column: 43
-        }
-      }
-    },
-    fnMap: {},
-    branchMap: {},
-    s: {
-      "0": 0,
-      "1": 0
-    },
-    f: {},
-    b: {},
-    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "9b8c5feb3cf82f3319d7df3d5f2cd04c1d9fc7db"
-  };
-  var coverage = global[gcv] || (global[gcv] = {});
-  if (!coverage[path] || coverage[path].hash !== hash) {
-    coverage[path] = coverageData;
-  }
-  var actualCoverage = coverage[path];
-  {
-    // @ts-ignore
-    cov_21hcu7u8qb = function () {
-      return actualCoverage;
-    };
-  }
-  return actualCoverage;
-}
-cov_21hcu7u8qb();
-var ALLOWED_IMAGE_TYPES = (cov_21hcu7u8qb().s[0]++, {
-  "image/*": [".png", ".jpg", ".jpeg", ".svg", ".gif"]
-});
-var MAX_IMAGE_SIZE = (cov_21hcu7u8qb().s[1]++, 1048576 * 5); // 5 MB
-
 function cov_1dkqwddz5x() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/ImageUpload.jsx";
-  var hash = "b5222b474762cf025db55fe1abbf5b646296864b";
+  var hash = "2b5151961e013d62e1065ac1c261f6b8a9e2a9f1";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -18148,37 +18264,37 @@ function cov_1dkqwddz5x() {
           column: 20
         },
         end: {
-          line: 47,
+          line: 51,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 12,
+          line: 13,
           column: 2
         },
         end: {
-          line: 46,
+          line: 50,
           column: 8
         }
       },
       "2": {
         start: {
-          line: 30,
+          line: 31,
           column: 10
         },
         end: {
-          line: 30,
+          line: 31,
           column: 30
         }
       },
       "3": {
         start: {
-          line: 31,
+          line: 32,
           column: 10
         },
         end: {
-          line: 31,
+          line: 32,
           column: 38
         }
       }
@@ -18198,39 +18314,39 @@ function cov_1dkqwddz5x() {
         },
         loc: {
           start: {
-            line: 12,
+            line: 13,
             column: 2
           },
           end: {
-            line: 46,
+            line: 50,
             column: 8
           }
         },
-        line: 12
+        line: 13
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 29,
+            line: 30,
             column: 17
           },
           end: {
-            line: 29,
+            line: 30,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 29,
+            line: 30,
             column: 22
           },
           end: {
-            line: 32,
+            line: 33,
             column: 9
           }
         },
-        line: 29
+        line: 30
       }
     },
     branchMap: {},
@@ -18246,7 +18362,7 @@ function cov_1dkqwddz5x() {
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "b5222b474762cf025db55fe1abbf5b646296864b"
+    hash: "2b5151961e013d62e1065ac1c261f6b8a9e2a9f1"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -18266,7 +18382,8 @@ cov_1dkqwddz5x().s[0]++;
 var ImageUpload = function ImageUpload(_ref) {
   var getRootProps = _ref.getRootProps,
     getInputProps = _ref.getInputProps,
-    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen;
+    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen,
+    uploadConfig = _ref.uploadConfig;
   cov_1dkqwddz5x().f[0]++;
   cov_1dkqwddz5x().s[1]++;
   return /*#__PURE__*/React.createElement("div", _extends$1({}, getRootProps(), {
@@ -18309,7 +18426,7 @@ var ImageUpload = function ImageUpload(_ref) {
   }, /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "imageUpload.maxAllowedSize",
     values: {
-      size: "5"
+      size: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.maxImageSize
     }
   }))));
 };
@@ -18441,7 +18558,7 @@ var ProgressBar = function ProgressBar(_ref) {
 
 function cov_1avu3clziw() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/index.jsx";
-  var hash = "5d7f552e0d851142d8649f86544e6c5b0d4b8ae3";
+  var hash = "fc75070de130ade042483d80750aa452c9c88eaa";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -18453,427 +18570,437 @@ function cov_1avu3clziw() {
           column: 22
         },
         end: {
-          line: 186,
+          line: 197,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 20,
+          line: 25,
           column: 54
         },
         end: {
-          line: 20,
+          line: 25,
           column: 69
         }
       },
       "2": {
         start: {
-          line: 21,
+          line: 26,
           column: 28
         },
         end: {
-          line: 21,
+          line: 26,
           column: 50
         }
       },
       "3": {
         start: {
-          line: 22,
+          line: 27,
           column: 40
         },
         end: {
-          line: 22,
+          line: 27,
           column: 55
         }
       },
       "4": {
         start: {
-          line: 23,
+          line: 28,
           column: 42
         },
         end: {
-          line: 23,
+          line: 28,
           column: 57
         }
       },
       "5": {
         start: {
-          line: 24,
+          line: 29,
           column: 34
         },
         end: {
-          line: 24,
+          line: 29,
           column: 46
         }
       },
       "6": {
         start: {
-          line: 26,
+          line: 31,
           column: 16
         },
         end: {
-          line: 26,
+          line: 31,
           column: 32
         }
       },
       "7": {
         start: {
-          line: 28,
+          line: 33,
           column: 33
         },
         end: {
-          line: 28,
+          line: 33,
           column: 48
         }
       },
       "8": {
         start: {
-          line: 29,
+          line: 34,
           column: 33
         },
         end: {
-          line: 29,
+          line: 34,
           column: 48
         }
       },
       "9": {
         start: {
-          line: 31,
-          column: 23
+          line: 36,
+          column: 35
         },
         end: {
-          line: 35,
+          line: 39,
           column: 3
         }
       },
       "10": {
         start: {
-          line: 32,
+          line: 41,
+          column: 23
+        },
+        end: {
+          line: 45,
+          column: 3
+        }
+      },
+      "11": {
+        start: {
+          line: 42,
           column: 4
         },
         end: {
-          line: 32,
+          line: 42,
           column: 17
         }
       },
-      "11": {
+      "12": {
         start: {
-          line: 33,
+          line: 43,
           column: 4
         },
         end: {
-          line: 33,
+          line: 43,
           column: 20
         }
       },
-      "12": {
+      "13": {
         start: {
-          line: 34,
+          line: 44,
           column: 4
         },
         end: {
-          line: 34,
+          line: 44,
           column: 40
         }
       },
-      "13": {
+      "14": {
         start: {
-          line: 37,
+          line: 47,
           column: 19
         },
         end: {
-          line: 37,
+          line: 47,
           column: 49
         }
       },
-      "14": {
+      "15": {
         start: {
-          line: 37,
+          line: 47,
           column: 27
         },
         end: {
-          line: 37,
+          line: 47,
           column: 49
         }
       },
-      "15": {
+      "16": {
         start: {
-          line: 39,
+          line: 49,
           column: 24
         },
         end: {
-          line: 47,
+          line: 57,
           column: 3
         }
       },
-      "16": {
+      "17": {
         start: {
-          line: 40,
+          line: 50,
           column: 4
         },
         end: {
-          line: 40,
+          line: 50,
           column: 69
         }
       },
-      "17": {
+      "18": {
         start: {
-          line: 41,
+          line: 51,
           column: 4
         },
         end: {
-          line: 44,
+          line: 54,
           column: 7
         }
       },
-      "18": {
+      "19": {
         start: {
-          line: 45,
+          line: 55,
           column: 4
         },
         end: {
-          line: 45,
+          line: 55,
           column: 40
         }
       },
-      "19": {
+      "20": {
         start: {
-          line: 46,
+          line: 56,
           column: 4
         },
         end: {
-          line: 46,
+          line: 56,
           column: 27
         }
       },
-      "20": {
+      "21": {
         start: {
-          line: 49,
+          line: 59,
           column: 42
         },
         end: {
-          line: 54,
+          line: 64,
           column: 3
         }
       },
-      "21": {
+      "22": {
         start: {
-          line: 50,
+          line: 60,
           column: 4
         },
         end: {
-          line: 50,
+          line: 60,
           column: 20
         }
       },
-      "22": {
+      "23": {
         start: {
-          line: 51,
+          line: 61,
           column: 4
         },
         end: {
-          line: 51,
+          line: 61,
           column: 20
         }
       },
-      "23": {
+      "24": {
         start: {
-          line: 52,
+          line: 62,
           column: 4
         },
         end: {
-          line: 52,
+          line: 62,
           column: 20
         }
       },
-      "24": {
+      "25": {
         start: {
-          line: 53,
+          line: 63,
           column: 4
         },
         end: {
-          line: 53,
+          line: 63,
           column: 27
         }
       },
-      "25": {
+      "26": {
         start: {
-          line: 56,
+          line: 66,
           column: 31
         },
         end: {
-          line: 76,
+          line: 86,
           column: 3
         }
       },
-      "26": {
+      "27": {
         start: {
-          line: 57,
+          line: 67,
           column: 4
         },
         end: {
-          line: 61,
+          line: 71,
           column: 5
         }
       },
-      "27": {
+      "28": {
         start: {
-          line: 58,
+          line: 68,
           column: 6
         },
         end: {
-          line: 58,
+          line: 68,
           column: 73
         }
       },
-      "28": {
+      "29": {
         start: {
-          line: 60,
+          line: 70,
           column: 6
         },
         end: {
-          line: 60,
+          line: 70,
           column: 13
         }
       },
-      "29": {
+      "30": {
         start: {
-          line: 63,
+          line: 73,
           column: 20
         },
         end: {
-          line: 70,
+          line: 80,
           column: 5
         }
       },
-      "30": {
+      "31": {
         start: {
-          line: 72,
+          line: 82,
           column: 4
         },
         end: {
-          line: 75,
+          line: 85,
           column: 7
         }
       },
-      "31": {
+      "32": {
         start: {
-          line: 78,
+          line: 88,
           column: 21
         },
         end: {
-          line: 89,
+          line: 99,
           column: 3
         }
       },
-      "32": {
+      "33": {
         start: {
-          line: 79,
+          line: 89,
           column: 20
         },
         end: {
-          line: 82,
+          line: 92,
           column: 5
         }
       },
-      "33": {
+      "34": {
         start: {
-          line: 84,
+          line: 94,
           column: 4
         },
         end: {
-          line: 88,
+          line: 98,
           column: 7
         }
       },
-      "34": {
+      "35": {
         start: {
-          line: 86,
+          line: 96,
           column: 23
         },
         end: {
-          line: 86,
+          line: 96,
           column: 38
         }
       },
-      "35": {
+      "36": {
         start: {
-          line: 92,
+          line: 102,
           column: 4
         },
         end: {
-          line: 97,
+          line: 107,
           column: 6
         }
       },
-      "36": {
+      "37": {
         start: {
-          line: 99,
+          line: 109,
           column: 2
         },
         end: {
-          line: 116,
+          line: 126,
           column: 3
         }
       },
-      "37": {
+      "38": {
         start: {
-          line: 100,
+          line: 110,
           column: 4
         },
         end: {
-          line: 115,
+          line: 125,
           column: 6
         }
       },
-      "38": {
+      "39": {
         start: {
-          line: 118,
+          line: 128,
           column: 2
         },
         end: {
-          line: 185,
+          line: 196,
           column: 4
         }
       },
-      "39": {
+      "40": {
         start: {
-          line: 129,
+          line: 139,
           column: 29
         },
         end: {
-          line: 129,
+          line: 139,
           column: 54
         }
       },
-      "40": {
+      "41": {
         start: {
-          line: 160,
+          line: 170,
           column: 27
         },
         end: {
-          line: 160,
+          line: 170,
           column: 49
         }
       },
-      "41": {
+      "42": {
         start: {
-          line: 163,
+          line: 173,
           column: 33
         },
         end: {
-          line: 163,
+          line: 173,
           column: 55
         }
       },
-      "42": {
+      "43": {
         start: {
-          line: 181,
+          line: 192,
           column: 23
         },
         end: {
-          line: 181,
+          line: 192,
           column: 51
         }
       }
@@ -18893,349 +19020,349 @@ function cov_1avu3clziw() {
         },
         loc: {
           start: {
-            line: 19,
-            column: 76
+            line: 24,
+            column: 6
           },
           end: {
-            line: 186,
+            line: 197,
             column: 1
           }
         },
-        line: 19
+        line: 24
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
+            line: 41,
             column: 23
           },
           end: {
-            line: 31,
+            line: 41,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 31,
+            line: 41,
             column: 29
           },
           end: {
-            line: 35,
+            line: 45,
             column: 3
           }
         },
-        line: 31
+        line: 41
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 37,
+            line: 47,
             column: 19
           },
           end: {
-            line: 37,
+            line: 47,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 37,
+            line: 47,
             column: 27
           },
           end: {
-            line: 37,
+            line: 47,
             column: 49
           }
         },
-        line: 37
+        line: 47
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 39,
+            line: 49,
             column: 24
           },
           end: {
-            line: 39,
+            line: 49,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 39,
+            line: 49,
             column: 41
           },
           end: {
-            line: 47,
+            line: 57,
             column: 3
           }
         },
-        line: 39
+        line: 49
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 49,
+            line: 59,
             column: 42
           },
           end: {
-            line: 49,
+            line: 59,
             column: 43
           }
         },
         loc: {
           start: {
-            line: 49,
+            line: 59,
             column: 51
           },
           end: {
-            line: 54,
+            line: 64,
             column: 3
           }
         },
-        line: 49
+        line: 59
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 56,
+            line: 66,
             column: 31
           },
           end: {
-            line: 56,
+            line: 66,
             column: 32
           }
         },
         loc: {
           start: {
-            line: 56,
+            line: 66,
             column: 40
           },
           end: {
-            line: 76,
+            line: 86,
             column: 3
           }
         },
-        line: 56
+        line: 66
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 78,
+            line: 88,
             column: 21
           },
           end: {
-            line: 78,
+            line: 88,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 78,
+            line: 88,
             column: 40
           },
           end: {
-            line: 89,
+            line: 99,
             column: 3
           }
         },
-        line: 78
+        line: 88
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 86,
+            line: 96,
             column: 17
           },
           end: {
-            line: 86,
+            line: 96,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 86,
+            line: 96,
             column: 23
           },
           end: {
-            line: 86,
+            line: 96,
             column: 38
           }
         },
-        line: 86
+        line: 96
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 129,
+            line: 139,
             column: 23
           },
           end: {
-            line: 129,
+            line: 139,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 129,
+            line: 139,
             column: 29
           },
           end: {
-            line: 129,
+            line: 139,
             column: 54
           }
         },
-        line: 129
+        line: 139
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 160,
+            line: 170,
             column: 21
           },
           end: {
-            line: 160,
+            line: 170,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 160,
+            line: 170,
             column: 27
           },
           end: {
-            line: 160,
+            line: 170,
             column: 49
           }
         },
-        line: 160
+        line: 170
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 163,
+            line: 173,
             column: 27
           },
           end: {
-            line: 163,
+            line: 173,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 163,
+            line: 173,
             column: 33
           },
           end: {
-            line: 163,
+            line: 173,
             column: 55
           }
         },
-        line: 163
+        line: 173
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 181,
+            line: 192,
             column: 17
           },
           end: {
-            line: 181,
+            line: 192,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 181,
+            line: 192,
             column: 23
           },
           end: {
-            line: 181,
+            line: 192,
             column: 51
           }
         },
-        line: 181
+        line: 192
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 19,
-            column: 25
+            line: 20,
+            column: 2
           },
           end: {
-            line: 19,
-            column: 48
+            line: 20,
+            column: 25
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 19,
-            column: 44
+            line: 20,
+            column: 21
           },
           end: {
-            line: 19,
-            column: 48
+            line: 20,
+            column: 25
           }
         }],
-        line: 19
+        line: 20
       },
       "1": {
         loc: {
           start: {
-            line: 19,
-            column: 50
+            line: 21,
+            column: 2
           },
           end: {
-            line: 19,
-            column: 64
+            line: 21,
+            column: 16
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 19,
-            column: 62
+            line: 21,
+            column: 14
           },
           end: {
-            line: 19,
-            column: 64
+            line: 21,
+            column: 16
           }
         }],
-        line: 19
+        line: 21
       },
       "2": {
         loc: {
           start: {
-            line: 57,
+            line: 67,
             column: 4
           },
           end: {
-            line: 61,
+            line: 71,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 57,
+            line: 67,
             column: 4
           },
           end: {
-            line: 61,
+            line: 71,
             column: 5
           }
         }, {
@@ -19248,27 +19375,27 @@ function cov_1avu3clziw() {
             column: undefined
           }
         }],
-        line: 57
+        line: 67
       },
       "3": {
         loc: {
           start: {
-            line: 99,
+            line: 109,
             column: 2
           },
           end: {
-            line: 116,
+            line: 126,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 99,
+            line: 109,
             column: 2
           },
           end: {
-            line: 116,
+            line: 126,
             column: 3
           }
         }, {
@@ -19281,172 +19408,181 @@ function cov_1avu3clziw() {
             column: undefined
           }
         }],
-        line: 99
+        line: 109
       },
       "4": {
         loc: {
           start: {
-            line: 102,
+            line: 112,
             column: 9
           },
           end: {
-            line: 113,
+            line: 123,
             column: 9
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 103,
+            line: 113,
             column: 10
           },
           end: {
-            line: 108,
+            line: 118,
             column: 16
           }
         }, {
           start: {
-            line: 110,
+            line: 120,
             column: 10
           },
           end: {
-            line: 112,
+            line: 122,
             column: 16
           }
         }],
-        line: 102
+        line: 112
       },
       "5": {
         loc: {
           start: {
-            line: 102,
+            line: 112,
             column: 9
           },
           end: {
-            line: 102,
+            line: 112,
             column: 55
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 102,
+            line: 112,
             column: 9
           },
           end: {
-            line: 102,
+            line: 112,
             column: 29
           }
         }, {
           start: {
-            line: 102,
+            line: 112,
             column: 33
           },
           end: {
-            line: 102,
+            line: 112,
             column: 55
           }
         }],
-        line: 102
+        line: 112
       },
       "6": {
         loc: {
           start: {
-            line: 120,
+            line: 130,
             column: 7
           },
           end: {
-            line: 178,
+            line: 189,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 121,
+            line: 131,
             column: 8
           },
           end: {
-            line: 171,
+            line: 181,
             column: 14
           }
         }, {
           start: {
-            line: 173,
+            line: 183,
             column: 8
           },
           end: {
-            line: 177,
+            line: 188,
             column: 10
           }
         }],
-        line: 120
+        line: 130
       },
       "7": {
         loc: {
           start: {
-            line: 145,
+            line: 155,
             column: 13
           },
           end: {
-            line: 154,
+            line: 164,
             column: 13
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 145,
+            line: 155,
             column: 13
           },
           end: {
-            line: 145,
-            column: 33
+            line: 155,
+            column: 46
           }
         }, {
           start: {
-            line: 146,
+            line: 155,
+            column: 50
+          },
+          end: {
+            line: 155,
+            column: 70
+          }
+        }, {
+          start: {
+            line: 156,
             column: 14
           },
           end: {
-            line: 153,
+            line: 163,
             column: 17
           }
         }],
-        line: 145
+        line: 155
       },
       "8": {
         loc: {
           start: {
-            line: 167,
+            line: 177,
             column: 16
           },
           end: {
-            line: 167,
+            line: 177,
             column: 73
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 167,
+            line: 177,
             column: 47
           },
           end: {
-            line: 167,
+            line: 177,
             column: 60
           }
         }, {
           start: {
-            line: 167,
+            line: 177,
             column: 63
           },
           end: {
-            line: 167,
+            line: 177,
             column: 73
           }
         }],
-        line: 167
+        line: 177
       }
     },
     s: {
@@ -19492,7 +19628,8 @@ function cov_1avu3clziw() {
       "39": 0,
       "40": 0,
       "41": 0,
-      "42": 0
+      "42": 0,
+      "43": 0
     },
     f: {
       "0": 0,
@@ -19516,11 +19653,11 @@ function cov_1avu3clziw() {
       "4": [0, 0],
       "5": [0, 0],
       "6": [0, 0],
-      "7": [0, 0],
+      "7": [0, 0, 0],
       "8": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "5d7f552e0d851142d8649f86544e6c5b0d4b8ae3"
+    hash: "fc75070de130ade042483d80750aa452c9c88eaa"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -19542,7 +19679,8 @@ var ImageUploader = function ImageUploader(_ref) {
     onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_1avu3clziw().b[0][0]++, noop$2) : _ref$onUploadComplete,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? (cov_1avu3clziw().b[1][0]++, "") : _ref$className,
-    src = _ref.src;
+    src = _ref.src,
+    uploadConfig = _ref.uploadConfig;
   cov_1avu3clziw().f[0]++;
   var _ref2 = (cov_1avu3clziw().s[1]++, useState(false)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -19572,72 +19710,73 @@ var ImageUploader = function ImageUploader(_ref) {
     createBlob = _ref13.mutate;
   var _ref14 = (cov_1avu3clziw().s[8]++, useUpdateBlob()),
     updateBlob = _ref14.mutate;
-  cov_1avu3clziw().s[9]++;
+  var uploadConfigWithDefaults = (cov_1avu3clziw().s[9]++, mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig));
+  cov_1avu3clziw().s[10]++;
   var handleDelete = function handleDelete() {
     cov_1avu3clziw().f[1]++;
-    cov_1avu3clziw().s[10]++;
-    setImage({});
     cov_1avu3clziw().s[11]++;
-    setSignedId("");
+    setImage({});
     cov_1avu3clziw().s[12]++;
+    setSignedId("");
+    cov_1avu3clziw().s[13]++;
     onChange({
       url: "",
       signedId: ""
     });
   };
-  cov_1avu3clziw().s[13]++;
+  cov_1avu3clziw().s[14]++;
   var onChange = function onChange(file) {
     cov_1avu3clziw().f[2]++;
-    cov_1avu3clziw().s[14]++;
+    cov_1avu3clziw().s[15]++;
     return onUploadComplete(file);
   };
-  cov_1avu3clziw().s[15]++;
+  cov_1avu3clziw().s[16]++;
   var handleSuccess = function handleSuccess(attachedImage) {
     cov_1avu3clziw().f[3]++;
-    cov_1avu3clziw().s[16]++;
+    cov_1avu3clziw().s[17]++;
     setImage(mergeRight(image, {
       url: attachedImage.metadata.url
     }));
-    cov_1avu3clziw().s[17]++;
+    cov_1avu3clziw().s[18]++;
     onChange({
       url: attachedImage.blobUrl,
       signedId: attachedImage.signedId
     });
-    cov_1avu3clziw().s[18]++;
-    setSignedId(attachedImage.signedId);
     cov_1avu3clziw().s[19]++;
+    setSignedId(attachedImage.signedId);
+    cov_1avu3clziw().s[20]++;
     setIsEditorOpen(false);
   };
-  cov_1avu3clziw().s[20]++;
+  cov_1avu3clziw().s[21]++;
   var handleImageSelectionFromLibrary = function handleImageSelectionFromLibrary(image) {
     cov_1avu3clziw().f[4]++;
-    cov_1avu3clziw().s[21]++;
-    setImage(image);
     cov_1avu3clziw().s[22]++;
-    onChange(image);
+    setImage(image);
     cov_1avu3clziw().s[23]++;
-    setSignedId("");
+    onChange(image);
     cov_1avu3clziw().s[24]++;
+    setSignedId("");
+    cov_1avu3clziw().s[25]++;
     setIsEditorOpen(false);
   };
-  cov_1avu3clziw().s[25]++;
+  cov_1avu3clziw().s[26]++;
   var handleUplaodComplete = function handleUplaodComplete(image) {
     cov_1avu3clziw().f[5]++;
-    cov_1avu3clziw().s[26]++;
+    cov_1avu3clziw().s[27]++;
     if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
       cov_1avu3clziw().b[2][0]++;
-      cov_1avu3clziw().s[27]++;
+      cov_1avu3clziw().s[28]++;
       handleSuccess(mergeRight(image, {
         metadata: {
           url: image.url
         }
       }));
-      cov_1avu3clziw().s[28]++;
+      cov_1avu3clziw().s[29]++;
       return;
     } else {
       cov_1avu3clziw().b[2][1]++;
     }
-    var payload = (cov_1avu3clziw().s[29]++, {
+    var payload = (cov_1avu3clziw().s[30]++, {
       filename: image.name,
       byte_size: image.size,
       content_type: image.fileType,
@@ -19645,13 +19784,13 @@ var ImageUploader = function ImageUploader(_ref) {
       metadata: image,
       service_name: "imagekitio"
     });
-    cov_1avu3clziw().s[30]++;
+    cov_1avu3clziw().s[31]++;
     createBlob(payload, {
       onSuccess: handleSuccess,
       onError: Toastr.error
     });
   };
-  cov_1avu3clziw().s[31]++;
+  cov_1avu3clziw().s[32]++;
   var handleEdit = /*#__PURE__*/function () {
     var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref15) {
       var url, payload;
@@ -19660,7 +19799,7 @@ var ImageUploader = function ImageUploader(_ref) {
           case 0:
             url = _ref15.url;
             cov_1avu3clziw().f[6]++;
-            payload = (cov_1avu3clziw().s[32]++, {
+            payload = (cov_1avu3clziw().s[33]++, {
               id: signedId,
               payload: {
                 service_name: "imagekitio",
@@ -19669,12 +19808,12 @@ var ImageUploader = function ImageUploader(_ref) {
                 }
               }
             });
-            cov_1avu3clziw().s[33]++;
+            cov_1avu3clziw().s[34]++;
             updateBlob(payload, {
               onSuccess: handleSuccess,
               onSettled: function onSettled() {
                 cov_1avu3clziw().f[7]++;
-                cov_1avu3clziw().s[34]++;
+                cov_1avu3clziw().s[35]++;
                 return setSignedId("");
               },
               onError: Toastr.error
@@ -19689,9 +19828,9 @@ var ImageUploader = function ImageUploader(_ref) {
       return _ref16.apply(this, arguments);
     };
   }();
-  var _ref17 = (cov_1avu3clziw().s[35]++, useDropzoneWithValidation({
-      maxSize: MAX_IMAGE_SIZE,
-      acceptedTypes: ALLOWED_IMAGE_TYPES,
+  var _ref17 = (cov_1avu3clziw().s[36]++, useDropzoneWithValidation({
+      maxSize: uploadConfigWithDefaults === null || uploadConfigWithDefaults === void 0 ? void 0 : uploadConfigWithDefaults.maxImageSize,
+      acceptedTypes: uploadConfigWithDefaults === null || uploadConfigWithDefaults === void 0 ? void 0 : uploadConfigWithDefaults.allowedImageTypes,
       onUploadComplete: handleUplaodComplete,
       setIsUploading: setIsUploading
     })),
@@ -19699,10 +19838,10 @@ var ImageUploader = function ImageUploader(_ref) {
     getInputProps = _ref17.getInputProps,
     uploadProgress = _ref17.uploadProgress,
     inputRef = _ref17.inputRef;
-  cov_1avu3clziw().s[36]++;
+  cov_1avu3clziw().s[37]++;
   if (isUploading) {
     cov_1avu3clziw().b[3][0]++;
-    cov_1avu3clziw().s[37]++;
+    cov_1avu3clziw().s[38]++;
     return /*#__PURE__*/React.createElement("div", {
       className: className
     }, (cov_1avu3clziw().b[5][0]++, uploadProgress !== 0) && (cov_1avu3clziw().b[5][1]++, uploadProgress !== 100) ? (cov_1avu3clziw().b[4][0]++, /*#__PURE__*/React.createElement("div", {
@@ -19716,7 +19855,7 @@ var ImageUploader = function ImageUploader(_ref) {
   } else {
     cov_1avu3clziw().b[3][1]++;
   }
-  cov_1avu3clziw().s[38]++;
+  cov_1avu3clziw().s[39]++;
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, isNotNilOrEmpty(image.url) ? (cov_1avu3clziw().b[6][0]++, /*#__PURE__*/React.createElement("div", {
@@ -19734,7 +19873,7 @@ var ImageUploader = function ImageUploader(_ref) {
     onClick: function onClick() {
       var _inputRef$current;
       cov_1avu3clziw().f[8]++;
-      cov_1avu3clziw().s[39]++;
+      cov_1avu3clziw().s[40]++;
       return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     }
   }), /*#__PURE__*/React.createElement("div", {
@@ -19750,7 +19889,7 @@ var ImageUploader = function ImageUploader(_ref) {
     label: t("imageUpload.delete"),
     style: "danger-text",
     onClick: handleDelete
-  }), (cov_1avu3clziw().b[7][0]++, isNotEmpty(signedId)) && (cov_1avu3clziw().b[7][1]++, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }), (cov_1avu3clziw().b[7][0]++, not(IS_DEVELOPMENT_OR_HEROKU_ENV)) && (cov_1avu3clziw().b[7][1]++, isNotEmpty(signedId)) && (cov_1avu3clziw().b[7][2]++, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-bg-gray-300 w-px"
   }), /*#__PURE__*/React.createElement(Button, {
     label: t("imageUpload.edit"),
@@ -19762,13 +19901,13 @@ var ImageUploader = function ImageUploader(_ref) {
     size: "large",
     onClose: function onClose() {
       cov_1avu3clziw().f[9]++;
-      cov_1avu3clziw().s[40]++;
+      cov_1avu3clziw().s[41]++;
       return setIsEditorOpen(false);
     }
   }, /*#__PURE__*/React.createElement(ImageEditor, {
     handleReset: function handleReset() {
       cov_1avu3clziw().f[10]++;
-      cov_1avu3clziw().s[41]++;
+      cov_1avu3clziw().s[42]++;
       return setIsEditorOpen(false);
     },
     image: image,
@@ -19777,12 +19916,13 @@ var ImageUploader = function ImageUploader(_ref) {
   })))) : (cov_1avu3clziw().b[6][1]++, /*#__PURE__*/React.createElement(ImageUpload, {
     getInputProps: getInputProps,
     getRootProps: getRootProps,
-    setIsAssetLibraryOpen: setIsAssetLibraryOpen
+    setIsAssetLibraryOpen: setIsAssetLibraryOpen,
+    uploadConfig: uploadConfigWithDefaults
   })), /*#__PURE__*/React.createElement(Modal, {
     isOpen: isAssetLibraryOpen,
     onClose: function onClose() {
       cov_1avu3clziw().f[11]++;
-      cov_1avu3clziw().s[42]++;
+      cov_1avu3clziw().s[43]++;
       return setIsAssetLibraryOpen(false);
     },
     onUploadComplete: handleImageSelectionFromLibrary