npm - @bigbinary/neeto-image-uploader-frontend - Versions diffs - 1.1.1 → 1.1.2 - Mend

@bigbinary/neeto-image-uploader-frontend 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -8463,7 +8463,7 @@ var Controls = function Controls(_ref) {
 function cov_l0ywmw7at() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/constants.js";
-  var hash = "945b6cb5d3210fdba8cc90da57576085f5560b5e";
+  var hash = "0fded46d5ae8cf3879dbd5d38ce5fc335ff8e823";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -8472,90 +8472,110 @@ function cov_l0ywmw7at() {
       "0": {
         start: {
           line: 4,
+          column: 37
+        },
+        end: {
+          line: 4,
+          column: 53
+        }
+      },
+      "1": {
+        start: {
+          line: 6,
+          column: 47
+        },
+        end: {
+          line: 12,
+          column: 1
+        }
+      },
+      "2": {
+        start: {
+          line: 14,
           column: 20
         },
         end: {
-          line: 13,
+          line: 23,
           column: 1
         }
       },
-      "1": {
+      "3": {
         start: {
-          line: 15,
+          line: 25,
           column: 23
         },
         end: {
-          line: 28,
+          line: 32,
           column: 1
         }
       },
-      "2": {
+      "4": {
         start: {
-          line: 30,
+          line: 34,
           column: 35
         },
         end: {
-          line: 36,
+          line: 40,
           column: 1
         }
       },
-      "3": {
+      "5": {
         start: {
-          line: 38,
+          line: 42,
           column: 40
         },
         end: {
-          line: 38,
+          line: 42,
           column: 76
         }
       },
-      "4": {
+      "6": {
         start: {
-          line: 41,
+          line: 45,
           column: 2
         },
         end: {
-          line: 41,
+          line: 45,
           column: 93
         }
       },
-      "5": {
+      "7": {
         start: {
-          line: 43,
+          line: 47,
           column: 39
         },
         end: {
-          line: 47,
+          line: 51,
           column: 1
         }
       },
-      "6": {
+      "8": {
         start: {
-          line: 49,
+          line: 53,
           column: 39
         },
         end: {
-          line: 49,
+          line: 53,
           column: 56
         }
       },
-      "7": {
+      "9": {
         start: {
-          line: 51,
+          line: 55,
           column: 35
         },
         end: {
-          line: 53,
+          line: 57,
           column: 1
         }
       },
-      "8": {
+      "10": {
         start: {
-          line: 55,
+          line: 59,
           column: 30
         },
         end: {
-          line: 55,
+          line: 59,
           column: 43
         }
       }
@@ -8571,12 +8591,14 @@ function cov_l0ywmw7at() {
       "5": 0,
       "6": 0,
       "7": 0,
-      "8": 0
+      "8": 0,
+      "9": 0,
+      "10": 0
     },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "945b6cb5d3210fdba8cc90da57576085f5560b5e"
+    hash: "0fded46d5ae8cf3879dbd5d38ce5fc335ff8e823"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -8592,34 +8614,37 @@ function cov_l0ywmw7at() {
   return actualCoverage;
 }
 cov_l0ywmw7at();
-var TABS = (cov_l0ywmw7at().s[0]++, [{
+var UNSPLASH_DEFAULT_NAME = (cov_l0ywmw7at().s[0]++, "Unsplash-asset");
+var UNSPLASH_DEFAULT_REQUEST_CONFIG = (cov_l0ywmw7at().s[1]++, {
+  headers: {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET"
+  },
+  responseType: "blob"
+});
+var TABS = (cov_l0ywmw7at().s[2]++, [{
   label: instance.t("labels.myAssets"),
   key: "assets"
 }, {
   label: instance.t("labels.unsplashImages"),
   key: "unsplash"
 }]);
-var OPTIONS = (cov_l0ywmw7at().s[1]++, [{
-  key: "link",
-  label: instance.t("labels.uploadFromLink"),
-  style: "secondary",
-  onClick: pure.noop
-}, {
+var OPTIONS = (cov_l0ywmw7at().s[3]++, [{
   key: "local",
   label: instance.t("labels.uploadNewAsset"),
   style: "primary",
   onClick: pure.noop
 }]);
-var DEFAULT_CROP_CONFIG = (cov_l0ywmw7at().s[2]++, {
+var DEFAULT_CROP_CONFIG = (cov_l0ywmw7at().s[4]++, {
   unit: "px",
   height: 0,
   width: 0,
   x: 0,
   y: 0
 });
-var IMAGE_KIT_DEFAULT_FOLDER = (cov_l0ywmw7at().s[3]++, process.env.IMAGE_KIT_DEFAULT_FOLDER);
-var URL_REGEXP = (cov_l0ywmw7at().s[4]++, /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/);
-var INFINITE_SCROLLER_SIZES = (cov_l0ywmw7at().s[5]++, [{
+var IMAGE_KIT_DEFAULT_FOLDER = (cov_l0ywmw7at().s[5]++, process.env.IMAGE_KIT_DEFAULT_FOLDER);
+(cov_l0ywmw7at().s[6]++, /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/);
+var INFINITE_SCROLLER_SIZES = (cov_l0ywmw7at().s[7]++, [{
   columns: 4,
   gutter: 0
 }, {
@@ -8631,13 +8656,13 @@ var INFINITE_SCROLLER_SIZES = (cov_l0ywmw7at().s[5]++, [{
   columns: 4,
   gutter: 0
 }]);
-var INFINITE_SCROLLER_STYLE = (cov_l0ywmw7at().s[6]++, {
+var INFINITE_SCROLLER_STYLE = (cov_l0ywmw7at().s[8]++, {
   width: "100%"
 });
-var ALLOWED_IMAGE_TYPES$1 = (cov_l0ywmw7at().s[7]++, {
+var ALLOWED_IMAGE_TYPES$1 = (cov_l0ywmw7at().s[9]++, {
   "image/*": [".png", ".jpg", ".jpeg", ".svg", ".gif"]
 });
-var MAX_IMAGE_SIZE$1 = (cov_l0ywmw7at().s[8]++, 1048576 * 5); // 5 MB
+var MAX_IMAGE_SIZE$1 = (cov_l0ywmw7at().s[10]++, 1048576 * 5); // 5 MB
 function cov_8ssccub0() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageEditor/index.jsx";
@@ -11033,7 +11058,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 = "639a785429ffd7f9123543989397197fb294064c";
+  var hash = "c30d506dcfb359a0b4400e6a9083808504b3c9d3";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -11045,41 +11070,31 @@ function cov_sedvezotl() {
           column: 34
         },
         end: {
-          line: 103,
+          line: 102,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 18,
+          line: 19,
           column: 28
         },
         end: {
-          line: 18,
+          line: 19,
           column: 43
         }
       },
       "2": {
         start: {
-          line: 19,
+          line: 20,
           column: 46
         },
         end: {
-          line: 19,
+          line: 20,
           column: 57
         }
       },
       "3": {
-        start: {
-          line: 20,
-          column: 54
-        },
-        end: {
-          line: 20,
-          column: 69
-        }
-      },
-      "4": {
         start: {
           line: 22,
           column: 21
@@ -11089,7 +11104,7 @@ function cov_sedvezotl() {
           column: 3
         }
       },
-      "5": {
+      "4": {
         start: {
           line: 27,
           column: 31
@@ -11099,7 +11114,7 @@ function cov_sedvezotl() {
           column: 3
         }
       },
-      "6": {
+      "5": {
         start: {
           line: 28,
           column: 4
@@ -11109,7 +11124,7 @@ function cov_sedvezotl() {
           column: 5
         }
       },
-      "7": {
+      "6": {
         start: {
           line: 29,
           column: 22
@@ -11119,7 +11134,7 @@ function cov_sedvezotl() {
           column: 61
         }
       },
-      "8": {
+      "7": {
         start: {
           line: 30,
           column: 6
@@ -11129,7 +11144,7 @@ function cov_sedvezotl() {
           column: 33
         }
       },
-      "9": {
+      "8": {
         start: {
           line: 32,
           column: 4
@@ -11139,7 +11154,7 @@ function cov_sedvezotl() {
           column: 56
         }
       },
-      "10": {
+      "9": {
         start: {
           line: 35,
           column: 21
@@ -11149,7 +11164,7 @@ function cov_sedvezotl() {
           column: 3
         }
       },
-      "11": {
+      "10": {
         start: {
           line: 36,
           column: 21
@@ -11159,7 +11174,7 @@ function cov_sedvezotl() {
           column: 30
         }
       },
-      "12": {
+      "11": {
         start: {
           line: 37,
           column: 24
@@ -11169,7 +11184,7 @@ function cov_sedvezotl() {
           column: 44
         }
       },
-      "13": {
+      "12": {
         start: {
           line: 38,
           column: 4
@@ -11179,7 +11194,7 @@ function cov_sedvezotl() {
           column: 7
         }
       },
-      "14": {
+      "13": {
         start: {
           line: 39,
           column: 6
@@ -11189,7 +11204,7 @@ function cov_sedvezotl() {
           column: 40
         }
       },
-      "15": {
+      "14": {
         start: {
           line: 42,
           column: 21
@@ -11199,7 +11214,7 @@ function cov_sedvezotl() {
           column: 55
         }
       },
-      "16": {
+      "15": {
         start: {
           line: 43,
           column: 4
@@ -11209,17 +11224,17 @@ function cov_sedvezotl() {
           column: 5
         }
       },
-      "17": {
+      "16": {
         start: {
           line: 44,
           column: 6
         },
         end: {
           line: 44,
-          column: 34
+          column: 27
         }
       },
-      "18": {
+      "17": {
         start: {
           line: 45,
           column: 21
@@ -11229,7 +11244,7 @@ function cov_sedvezotl() {
           column: 8
         }
       },
-      "19": {
+      "18": {
         start: {
           line: 56,
           column: 6
@@ -11239,7 +11254,7 @@ function cov_sedvezotl() {
           column: 31
         }
       },
-      "20": {
+      "19": {
         start: {
           line: 58,
           column: 6
@@ -11249,17 +11264,17 @@ function cov_sedvezotl() {
           column: 26
         }
       },
-      "21": {
+      "20": {
         start: {
           line: 60,
           column: 6
         },
         end: {
           line: 60,
-          column: 35
+          column: 28
         }
       },
-      "22": {
+      "21": {
         start: {
           line: 64,
           column: 29
@@ -11269,7 +11284,7 @@ function cov_sedvezotl() {
           column: 3
         }
       },
-      "23": {
+      "22": {
         start: {
           line: 65,
           column: 4
@@ -11279,7 +11294,7 @@ function cov_sedvezotl() {
           column: 6
         }
       },
-      "24": {
+      "23": {
         start: {
           line: 66,
           column: 6
@@ -11289,7 +11304,7 @@ function cov_sedvezotl() {
           column: 7
         }
       },
-      "25": {
+      "24": {
         start: {
           line: 67,
           column: 8
@@ -11299,7 +11314,7 @@ function cov_sedvezotl() {
           column: 71
         }
       },
-      "26": {
+      "25": {
         start: {
           line: 78,
           column: 6
@@ -11309,7 +11324,7 @@ function cov_sedvezotl() {
           column: 4
         }
       },
-      "27": {
+      "26": {
         start: {
           line: 82,
           column: 19
@@ -11319,7 +11334,7 @@ function cov_sedvezotl() {
           column: 35
         }
       },
-      "28": {
+      "27": {
         start: {
           line: 83,
           column: 6
@@ -11329,7 +11344,7 @@ function cov_sedvezotl() {
           column: 23
         }
       },
-      "29": {
+      "28": {
         start: {
           line: 89,
           column: 2
@@ -11339,7 +11354,7 @@ function cov_sedvezotl() {
           column: 23
         }
       },
-      "30": {
+      "29": {
         start: {
           line: 90,
           column: 4
@@ -11349,13 +11364,13 @@ function cov_sedvezotl() {
           column: 41
         }
       },
-      "31": {
+      "30": {
         start: {
           line: 93,
           column: 2
         },
         end: {
-          line: 102,
+          line: 101,
           column: 4
         }
       }
@@ -11375,15 +11390,15 @@ function cov_sedvezotl() {
         },
         loc: {
           start: {
-            line: 17,
+            line: 18,
             column: 6
           },
           end: {
-            line: 103,
+            line: 102,
             column: 1
           }
         },
-        line: 17
+        line: 18
       },
       "1": {
         name: "(anonymous_1)",
@@ -11604,6 +11619,30 @@ function cov_sedvezotl() {
         line: 16
       },
       "1": {
+        loc: {
+          start: {
+            line: 17,
+            column: 2
+          },
+          end: {
+            line: 17,
+            column: 23
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 17,
+            column: 19
+          },
+          end: {
+            line: 17,
+            column: 23
+          }
+        }],
+        line: 17
+      },
+      "2": {
         loc: {
           start: {
             line: 28,
@@ -11636,7 +11675,7 @@ function cov_sedvezotl() {
         }],
         line: 28
       },
-      "2": {
+      "3": {
         loc: {
           start: {
             line: 32,
@@ -11669,7 +11708,7 @@ function cov_sedvezotl() {
         }],
         line: 32
       },
-      "3": {
+      "4": {
         loc: {
           start: {
             line: 49,
@@ -11702,7 +11741,7 @@ function cov_sedvezotl() {
         }],
         line: 49
       },
-      "4": {
+      "5": {
         loc: {
           start: {
             line: 67,
@@ -11767,8 +11806,7 @@ function cov_sedvezotl() {
       "27": 0,
       "28": 0,
       "29": 0,
-      "30": 0,
-      "31": 0
+      "30": 0
     },
     f: {
       "0": 0,
@@ -11783,13 +11821,14 @@ function cov_sedvezotl() {
     },
     b: {
       "0": [0],
-      "1": [0, 0],
+      "1": [0],
       "2": [0, 0],
       "3": [0, 0],
-      "4": [0, 0]
+      "4": [0, 0],
+      "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "639a785429ffd7f9123543989397197fb294064c"
+    hash: "c30d506dcfb359a0b4400e6a9083808504b3c9d3"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -11810,7 +11849,9 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
   var maxSize = _ref.maxSize,
     acceptedTypes = _ref.acceptedTypes,
     _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_sedvezotl().b[0][0]++, pure.noop) : _ref$onUploadComplete;
+    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_sedvezotl().b[0][0]++, pure.noop) : _ref$onUploadComplete,
+    _ref$setIsUploading = _ref.setIsUploading,
+    setIsUploading = _ref$setIsUploading === void 0 ? (cov_sedvezotl().b[1][0]++, pure.noop) : _ref$setIsUploading;
   cov_sedvezotl().f[0]++;
   var _ref2 = (cov_sedvezotl().s[1]++, React.useState(false)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -11820,57 +11861,53 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
     _ref5 = _slicedToArray$2(_ref4, 2),
     uploadProgress = _ref5[0],
     setUploadProgress = _ref5[1];
-  var _ref6 = (cov_sedvezotl().s[3]++, React.useState(false)),
-    _ref7 = _slicedToArray$2(_ref6, 2),
-    isUploadInProgress = _ref7[0],
-    setIsUploadInProgress = _ref7[1];
-  var fileErrors = (cov_sedvezotl().s[4]++, {
+  var fileErrors = (cov_sedvezotl().s[3]++, {
     "file-invalid-type": t$2("imageUpload.fileTypeError"),
     "file-too-large": t$2("imageUpload.fileSizeError")
   });
-  cov_sedvezotl().s[5]++;
+  cov_sedvezotl().s[4]++;
   var handleUploadProgress = function handleUploadProgress(e, fileSize) {
     cov_sedvezotl().f[1]++;
-    cov_sedvezotl().s[6]++;
+    cov_sedvezotl().s[5]++;
     if (e.loaded <= fileSize) {
-      cov_sedvezotl().b[1][0]++;
-      var percent = (cov_sedvezotl().s[7]++, Math.round(e.loaded / fileSize * 100));
-      cov_sedvezotl().s[8]++;
+      cov_sedvezotl().b[2][0]++;
+      var percent = (cov_sedvezotl().s[6]++, Math.round(e.loaded / fileSize * 100));
+      cov_sedvezotl().s[7]++;
       setUploadProgress(percent);
     } else {
-      cov_sedvezotl().b[1][1]++;
+      cov_sedvezotl().b[2][1]++;
     }
-    cov_sedvezotl().s[9]++;
-    (cov_sedvezotl().b[2][0]++, ramda.equals(e.loaded, e.total)) && (cov_sedvezotl().b[2][1]++, setUploadProgress(100));
+    cov_sedvezotl().s[8]++;
+    (cov_sedvezotl().b[3][0]++, ramda.equals(e.loaded, e.total)) && (cov_sedvezotl().b[3][1]++, setUploadProgress(100));
   };
-  cov_sedvezotl().s[10]++;
+  cov_sedvezotl().s[9]++;
   var uploadFile = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
       var fileSize, XHRProgress, imagekit, result;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             cov_sedvezotl().f[2]++;
-            fileSize = (cov_sedvezotl().s[11]++, file.size);
-            XHRProgress = (cov_sedvezotl().s[12]++, new XMLHttpRequest());
-            cov_sedvezotl().s[13]++;
+            fileSize = (cov_sedvezotl().s[10]++, file.size);
+            XHRProgress = (cov_sedvezotl().s[11]++, new XMLHttpRequest());
+            cov_sedvezotl().s[12]++;
             XHRProgress.upload.addEventListener("progress", function (e) {
               cov_sedvezotl().f[3]++;
-              cov_sedvezotl().s[14]++;
+              cov_sedvezotl().s[13]++;
               handleUploadProgress(e, fileSize);
             });
-            imagekit = (cov_sedvezotl().s[15]++, new ImageKit(initializers.globalProps.imageKit));
-            cov_sedvezotl().s[16]++;
+            imagekit = (cov_sedvezotl().s[14]++, new ImageKit(initializers.globalProps.imageKit));
+            cov_sedvezotl().s[15]++;
             _context.prev = 7;
+            cov_sedvezotl().s[16]++;
+            setIsUploading(true);
             cov_sedvezotl().s[17]++;
-            setIsUploadInProgress(true);
-            cov_sedvezotl().s[18]++;
             _context.next = 13;
             return imagekit.upload({
               xhr: XHRProgress,
               file: file,
               fileName: file.name,
-              folder: (cov_sedvezotl().b[3][0]++, initializers.globalProps.imageKit.folder) || (cov_sedvezotl().b[3][1]++, IMAGE_KIT_DEFAULT_FOLDER),
+              folder: (cov_sedvezotl().b[4][0]++, initializers.globalProps.imageKit.folder) || (cov_sedvezotl().b[4][1]++, IMAGE_KIT_DEFAULT_FOLDER),
               customMetadata: {
                 organizationSubdomain: initializers.globalProps.organization.subdomain,
                 appName: initializers.globalProps.appName
@@ -11878,19 +11915,19 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
             });
           case 13:
             result = _context.sent;
-            cov_sedvezotl().s[19]++;
+            cov_sedvezotl().s[18]++;
             onUploadComplete(result);
             _context.next = 22;
             break;
           case 18:
             _context.prev = 18;
             _context.t0 = _context["catch"](7);
-            cov_sedvezotl().s[20]++;
+            cov_sedvezotl().s[19]++;
             neetoui.Toastr.error(_context.t0);
           case 22:
             _context.prev = 22;
-            cov_sedvezotl().s[21]++;
-            setIsUploadInProgress(false);
+            cov_sedvezotl().s[20]++;
+            setIsUploading(false);
             return _context.finish(22);
           case 26:
           case "end":
@@ -11899,49 +11936,49 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
       }, _callee, null, [[7, 18, 22, 26]]);
     }));
     return function uploadFile(_x) {
-      return _ref8.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
-  cov_sedvezotl().s[22]++;
+  cov_sedvezotl().s[21]++;
   var handleDropRejected = function handleDropRejected(fileRejections) {
     cov_sedvezotl().f[4]++;
-    cov_sedvezotl().s[23]++;
-    fileRejections.map(function (_ref9) {
-      var errors = _ref9.errors;
+    cov_sedvezotl().s[22]++;
+    fileRejections.map(function (_ref7) {
+      var errors = _ref7.errors;
       cov_sedvezotl().f[5]++;
-      cov_sedvezotl().s[24]++;
-      return errors.map(function (_ref10) {
-        var code = _ref10.code;
+      cov_sedvezotl().s[23]++;
+      return errors.map(function (_ref8) {
+        var code = _ref8.code;
         cov_sedvezotl().f[6]++;
-        cov_sedvezotl().s[25]++;
-        return neetoui.Toastr.error((cov_sedvezotl().b[4][0]++, fileErrors[code]) || (cov_sedvezotl().b[4][1]++, t$2("imageUpload.genericError")));
+        cov_sedvezotl().s[24]++;
+        return neetoui.Toastr.error((cov_sedvezotl().b[5][0]++, fileErrors[code]) || (cov_sedvezotl().b[5][1]++, t$2("imageUpload.genericError")));
       });
     });
   };
-  var _ref11 = (cov_sedvezotl().s[26]++, useDropzone({
+  var _ref9 = (cov_sedvezotl().s[25]++, useDropzone({
       multiple: false,
       accept: acceptedTypes,
       onDrop: function onDrop(acceptedFiles) {
         cov_sedvezotl().f[7]++;
-        var file = (cov_sedvezotl().s[27]++, acceptedFiles[0]);
-        cov_sedvezotl().s[28]++;
+        var file = (cov_sedvezotl().s[26]++, acceptedFiles[0]);
+        cov_sedvezotl().s[27]++;
         uploadFile(file);
       },
       maxSize: maxSize,
       onDropRejected: handleDropRejected
     })),
-    getRootProps = _ref11.getRootProps,
-    getInputProps = _ref11.getInputProps,
-    isDragActive = _ref11.isDragActive,
-    fileRejections = _ref11.fileRejections,
-    inputRef = _ref11.inputRef;
-  cov_sedvezotl().s[29]++;
+    getRootProps = _ref9.getRootProps,
+    getInputProps = _ref9.getInputProps,
+    isDragActive = _ref9.isDragActive,
+    fileRejections = _ref9.fileRejections,
+    inputRef = _ref9.inputRef;
+  cov_sedvezotl().s[28]++;
   React.useEffect(function () {
     cov_sedvezotl().f[8]++;
-    cov_sedvezotl().s[30]++;
+    cov_sedvezotl().s[29]++;
     setError(pure.isNotEmpty(fileRejections));
   }, [fileRejections]);
-  cov_sedvezotl().s[31]++;
+  cov_sedvezotl().s[30]++;
   return {
     getRootProps: getRootProps,
     getInputProps: getInputProps,
@@ -11949,8 +11986,7 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
     fileRejections: fileRejections,
     error: error,
     uploadProgress: uploadProgress,
-    inputRef: inputRef,
-    isUploadInProgress: isUploadInProgress
+    inputRef: inputRef
   };
 };
@@ -13250,392 +13286,57 @@ var ImageUploader = function ImageUploader(_ref) {
   })));
 };
-function cov_dp4ws579z() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/Modal/URLForm.jsx";
-  var hash = "99f5d789146b08c623a2d4335483dddd774b9576";
+function cov_gulfx129f() {
+  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/Modal/utils.js";
+  var hash = "5118708dfe9d2a186710626669af435d0c0c2d86";
   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/Modal/URLForm.jsx",
+    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/Modal/utils.js",
     statementMap: {
       "0": {
         start: {
-          line: 8,
-          column: 16
+          line: 6,
+          column: 29
         },
         end: {
-          line: 38,
-          column: 1
+          line: 9,
+          column: 3
         }
       },
       "1": {
         start: {
-          line: 9,
-          column: 16
+          line: 7,
+          column: 2
         },
         end: {
           line: 9,
-          column: 32
+          column: 3
         }
       },
       "2": {
         start: {
-          line: 11,
-          column: 36
+          line: 8,
+          column: 4
         },
         end: {
-          line: 11,
-          column: 48
+          line: 8,
+          column: 59
         }
-      },
-      "3": {
-        start: {
-          line: 12,
-          column: 28
-        },
-        end: {
-          line: 12,
-          column: 40
-        }
-      },
-      "4": {
-        start: {
-          line: 14,
-          column: 23
-        },
-        end: {
-          line: 19,
-          column: 3
-        }
-      },
-      "5": {
-        start: {
-          line: 15,
-          column: 4
-        },
-        end: {
-          line: 15,
-          column: 27
-        }
-      },
-      "6": {
-        start: {
-          line: 16,
-          column: 4
-        },
-        end: {
-          line: 18,
-          column: 34
-        }
-      },
-      "7": {
-        start: {
-          line: 21,
-          column: 2
-        },
-        end: {
-          line: 37,
-          column: 4
-        }
-      },
-      "8": {
-        start: {
-          line: 29,
-          column: 45
-        },
-        end: {
-          line: 29,
-          column: 64
-        }
-      },
-      "9": {
-        start: {
-          line: 30,
-          column: 23
-        },
-        end: {
-          line: 30,
-          column: 35
-        }
-      }
-    },
-    fnMap: {
-      "0": {
-        name: "(anonymous_0)",
-        decl: {
-          start: {
-            line: 8,
-            column: 16
-          },
-          end: {
-            line: 8,
-            column: 17
-          }
-        },
-        loc: {
-          start: {
-            line: 8,
-            column: 44
-          },
-          end: {
-            line: 38,
-            column: 1
-          }
-        },
-        line: 8
-      },
-      "1": {
-        name: "(anonymous_1)",
-        decl: {
-          start: {
-            line: 14,
-            column: 23
-          },
-          end: {
-            line: 14,
-            column: 24
-          }
-        },
-        loc: {
-          start: {
-            line: 14,
-            column: 32
-          },
-          end: {
-            line: 19,
-            column: 3
-          }
-        },
-        line: 14
-      },
-      "2": {
-        name: "(anonymous_2)",
-        decl: {
-          start: {
-            line: 29,
-            column: 18
-          },
-          end: {
-            line: 29,
-            column: 19
-          }
-        },
-        loc: {
-          start: {
-            line: 29,
-            column: 45
-          },
-          end: {
-            line: 29,
-            column: 64
-          }
-        },
-        line: 29
-      },
-      "3": {
-        name: "(anonymous_3)",
-        decl: {
-          start: {
-            line: 30,
-            column: 17
-          },
-          end: {
-            line: 30,
-            column: 18
-          }
-        },
-        loc: {
-          start: {
-            line: 30,
-            column: 23
-          },
-          end: {
-            line: 30,
-            column: 35
-          }
-        },
-        line: 30
-      }
-    },
-    branchMap: {
-      "0": {
-        loc: {
-          start: {
-            line: 16,
-            column: 4
-          },
-          end: {
-            line: 18,
-            column: 33
-          }
-        },
-        type: "cond-expr",
-        locations: [{
-          start: {
-            line: 17,
-            column: 8
-          },
-          end: {
-            line: 17,
-            column: 27
-          }
-        }, {
-          start: {
-            line: 18,
-            column: 8
-          },
-          end: {
-            line: 18,
-            column: 33
-          }
-        }],
-        line: 16
-      }
-    },
-    s: {
-      "0": 0,
-      "1": 0,
-      "2": 0,
-      "3": 0,
-      "4": 0,
-      "5": 0,
-      "6": 0,
-      "7": 0,
-      "8": 0,
-      "9": 0
-    },
-    f: {
-      "0": 0,
-      "1": 0,
-      "2": 0,
-      "3": 0
-    },
-    b: {
-      "0": [0, 0]
-    },
-    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "99f5d789146b08c623a2d4335483dddd774b9576"
-  };
-  var coverage = global[gcv] || (global[gcv] = {});
-  if (!coverage[path] || coverage[path].hash !== hash) {
-    coverage[path] = coverageData;
-  }
-  var actualCoverage = coverage[path];
-  {
-    // @ts-ignore
-    cov_dp4ws579z = function () {
-      return actualCoverage;
-    };
-  }
-  return actualCoverage;
-}
-cov_dp4ws579z();
-cov_dp4ws579z().s[0]++;
-var URLForm = function URLForm(_ref) {
-  var onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel;
-  cov_dp4ws579z().f[0]++;
-  var _ref2 = (cov_dp4ws579z().s[1]++, useTranslation()),
-    t = _ref2.t;
-  var _ref3 = (cov_dp4ws579z().s[2]++, React.useState("")),
-    _ref4 = _slicedToArray$2(_ref3, 2),
-    urlString = _ref4[0],
-    setUrlString = _ref4[1];
-  var _ref5 = (cov_dp4ws579z().s[3]++, React.useState("")),
-    _ref6 = _slicedToArray$2(_ref5, 2),
-    error = _ref6[0],
-    setError = _ref6[1];
-  cov_dp4ws579z().s[4]++;
-  var handleSubmit = function handleSubmit(event) {
-    cov_dp4ws579z().f[1]++;
-    cov_dp4ws579z().s[5]++;
-    event.preventDefault();
-    cov_dp4ws579z().s[6]++;
-    URL_REGEXP.test(urlString) ? (cov_dp4ws579z().b[0][0]++, onSubmit(urlString)) : (cov_dp4ws579z().b[0][1]++, setError(t("link.error")));
-  };
-  cov_dp4ws579z().s[7]++;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mx-4 mt-6 flex flex-col gap-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    autoFocus: true,
-    error: error,
-    label: t("link.label"),
-    placeholder: t("link.placeholder"),
-    value: urlString,
-    onChange: function onChange(_ref7) {
-      var value = _ref7.target.value;
-      cov_dp4ws579z().f[2]++;
-      cov_dp4ws579z().s[8]++;
-      return setUrlString(value);
-    },
-    onFocus: function onFocus() {
-      cov_dp4ws579z().f[3]++;
-      cov_dp4ws579z().s[9]++;
-      return setError("");
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("link.upload"),
-    onClick: handleSubmit
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("link.cancel"),
-    style: "secondary",
-    onClick: onCancel
-  })));
-};
-function cov_gulfx129f() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/Modal/utils.js";
-  var hash = "5118708dfe9d2a186710626669af435d0c0c2d86";
-  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/Modal/utils.js",
-    statementMap: {
-      "0": {
-        start: {
-          line: 6,
-          column: 29
-        },
-        end: {
-          line: 9,
-          column: 3
-        }
-      },
-      "1": {
-        start: {
-          line: 7,
-          column: 2
-        },
-        end: {
-          line: 9,
-          column: 3
-        }
-      },
-      "2": {
-        start: {
-          line: 8,
-          column: 4
-        },
-        end: {
-          line: 8,
-          column: 59
-        }
-      }
-    },
-    fnMap: {
-      "0": {
-        name: "(anonymous_0)",
-        decl: {
-          start: {
-            line: 6,
-            column: 29
-          },
-          end: {
-            line: 6,
-            column: 30
-          }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 6,
+            column: 29
+          },
+          end: {
+            line: 6,
+            column: 30
+          }
         },
         loc: {
           start: {
@@ -14869,7 +14570,7 @@ _default = lib.default = MasonryInfiniteScroller;
 function cov_2pomp2sey4() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/InfiniteScroller.jsx";
-  var hash = "6f292646fac86817852866252ebe13031ddf591f";
+  var hash = "3a4fff9abc2c14b59d779afd57024233c485d1e1";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -14922,7 +14623,7 @@ function cov_2pomp2sey4() {
         },
         end: {
           line: 60,
-          column: 76
+          column: 69
         }
       },
       "5": {
@@ -15004,7 +14705,7 @@ function cov_2pomp2sey4() {
           },
           end: {
             line: 60,
-            column: 76
+            column: 69
           }
         },
         line: 60
@@ -15115,18 +14816,18 @@ function cov_2pomp2sey4() {
           },
           end: {
             line: 19,
-            column: 17
+            column: 34
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 19,
-            column: 13
+            column: 30
           },
           end: {
             line: 19,
-            column: 17
+            column: 34
           }
         }],
         line: 19
@@ -15221,7 +14922,7 @@ function cov_2pomp2sey4() {
       "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6f292646fac86817852866252ebe13031ddf591f"
+    hash: "3a4fff9abc2c14b59d779afd57024233c485d1e1"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -15247,8 +14948,8 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     images = _ref.images,
     _ref$setImage = _ref.setImage,
     setImage = _ref$setImage === void 0 ? (cov_2pomp2sey4().b[2][0]++, pure.noop) : _ref$setImage,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? (cov_2pomp2sey4().b[3][0]++, pure.noop) : _ref$onChange;
+    _ref$handleUnsplashIm = _ref.handleUnsplashImageSelect,
+    handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? (cov_2pomp2sey4().b[3][0]++, pure.noop) : _ref$handleUnsplashIm;
   cov_2pomp2sey4().f[0]++;
   var Loader = (cov_2pomp2sey4().s[1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex justify-center"
@@ -15285,12 +14986,9 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     }, (cov_2pomp2sey4().b[4][0]++, tab === TABS[1].key) && (cov_2pomp2sey4().b[4][1]++, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("img", {
       src: image === null || image === void 0 ? void 0 : (_image$urls = image.urls) === null || _image$urls === void 0 ? void 0 : _image$urls.regular,
       onClick: function onClick() {
-        var _image$urls2;
         cov_2pomp2sey4().f[2]++;
         cov_2pomp2sey4().s[4]++;
-        return onChange({
-          url: image === null || image === void 0 ? void 0 : (_image$urls2 = image.urls) === null || _image$urls2 === void 0 ? void 0 : _image$urls2.regular
-        });
+        return handleUnsplashImageSelect(image);
       }
     }), /*#__PURE__*/React__default["default"].createElement("a", {
       href: "https://unsplash.com/@".concat(image === null || image === void 0 ? void 0 : (_image$user = image.user) === null || _image$user === void 0 ? void 0 : _image$user.username),
@@ -15564,7 +15262,7 @@ var Assets = function Assets(_ref) {
 function cov_1ljdu4sgbm() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/apis/unsplash.js";
-  var hash = "0e9b8e0c39189afdc082411d101b8c6134dd240b";
+  var hash = "132ed12507aa326d430808b562d6a45125c0004c";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -15573,31 +15271,61 @@ function cov_1ljdu4sgbm() {
       "0": {
         start: {
           line: 3,
-          column: 29
+          column: 25
         },
         end: {
-          line: 10,
-          column: 4
+          line: 3,
+          column: 39
         }
       },
       "1": {
         start: {
-          line: 4,
-          column: 2
+          line: 5,
+          column: 29
         },
         end: {
-          line: 10,
+          line: 12,
           column: 4
         }
       },
       "2": {
         start: {
+          line: 6,
+          column: 2
+        },
+        end: {
           line: 12,
+          column: 4
+        }
+      },
+      "3": {
+        start: {
+          line: 14,
+          column: 25
+        },
+        end: {
+          line: 15,
+          column: 35
+        }
+      },
+      "4": {
+        start: {
+          line: 15,
+          column: 2
+        },
+        end: {
+          line: 15,
+          column: 35
+        }
+      },
+      "5": {
+        start: {
+          line: 17,
           column: 20
         },
         end: {
-          line: 12,
-          column: 44
+          line: 17,
+          column: 62
         }
       }
     },
@@ -15606,75 +15334,128 @@ function cov_1ljdu4sgbm() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 3,
+            line: 5,
             column: 29
           },
           end: {
-            line: 3,
+            line: 5,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 4,
+            line: 6,
             column: 2
           },
           end: {
-            line: 10,
+            line: 12,
             column: 4
           }
         },
-        line: 4
+        line: 6
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 14,
+            column: 25
+          },
+          end: {
+            line: 14,
+            column: 26
+          }
+        },
+        loc: {
+          start: {
+            line: 15,
+            column: 2
+          },
+          end: {
+            line: 15,
+            column: 35
+          }
+        },
+        line: 15
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 8,
+            line: 10,
             column: 13
           },
           end: {
-            line: 8,
+            line: 10,
             column: 30
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 8,
+            line: 10,
             column: 13
           },
           end: {
-            line: 8,
+            line: 10,
             column: 18
           }
         }, {
           start: {
-            line: 8,
+            line: 10,
             column: 22
           },
           end: {
-            line: 8,
+            line: 10,
             column: 30
           }
         }],
-        line: 8
+        line: 10
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 14,
+            column: 31
+          },
+          end: {
+            line: 14,
+            column: 42
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 14,
+            column: 40
+          },
+          end: {
+            line: 14,
+            column: 42
+          }
+        }],
+        line: 14
       }
     },
     s: {
       "0": 0,
       "1": 0,
-      "2": 0
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0
     },
     f: {
-      "0": 0
+      "0": 0,
+      "1": 0
     },
     b: {
-      "0": [0, 0]
+      "0": [0, 0],
+      "1": [0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "0e9b8e0c39189afdc082411d101b8c6134dd240b"
+    hash: "132ed12507aa326d430808b562d6a45125c0004c"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -15690,12 +15471,13 @@ function cov_1ljdu4sgbm() {
   return actualCoverage;
 }
 cov_1ljdu4sgbm();
-cov_1ljdu4sgbm().s[0]++;
+var newAxiosInstance = (cov_1ljdu4sgbm().s[0]++, axios__default["default"].create());
+cov_1ljdu4sgbm().s[1]++;
 var searchUnsplashImages = function searchUnsplashImages(_ref) {
   var pageNo = _ref.pageNo,
     query = _ref.query;
   cov_1ljdu4sgbm().f[0]++;
-  cov_1ljdu4sgbm().s[1]++;
+  cov_1ljdu4sgbm().s[2]++;
   return axios__default["default"].get("neeto_image_uploader_engine/unsplash/fetch", {
     params: {
       page: pageNo,
@@ -15704,8 +15486,16 @@ var searchUnsplashImages = function searchUnsplashImages(_ref) {
     }
   });
 };
-var unsplashApi = (cov_1ljdu4sgbm().s[2]++, {
-  searchUnsplashImages: searchUnsplashImages
+cov_1ljdu4sgbm().s[3]++;
+var getUnsplashImage = function getUnsplashImage(url) {
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (cov_1ljdu4sgbm().b[1][0]++, {});
+  cov_1ljdu4sgbm().f[1]++;
+  cov_1ljdu4sgbm().s[4]++;
+  return newAxiosInstance.get(url, config);
+};
+var unsplashApi = (cov_1ljdu4sgbm().s[5]++, {
+  searchUnsplashImages: searchUnsplashImages,
+  getUnsplashImage: getUnsplashImage
 });
 function cov_fhn3t9r30() {
@@ -15886,7 +15676,7 @@ var useFetchUnsplashImages = function useFetchUnsplashImages(_ref2) {
 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 = "266814e0ffa7f24e053caca6a43a6450e9dcec18";
+  var hash = "63bf42a23ad9681b71109df02851a6827d2296e6";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -15894,261 +15684,361 @@ function cov_28odpwq50i() {
     statementMap: {
       "0": {
         start: {
-          line: 14,
+          line: 22,
           column: 24
         },
         end: {
-          line: 74,
+          line: 112,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 15,
+          line: 23,
           column: 32
         },
         end: {
-          line: 15,
+          line: 23,
           column: 46
         }
       },
       "2": {
         start: {
-          line: 16,
+          line: 24,
           column: 30
         },
         end: {
-          line: 16,
+          line: 24,
           column: 42
         }
       },
       "3": {
         start: {
-          line: 17,
+          line: 25,
           column: 30
         },
         end: {
-          line: 17,
+          line: 25,
           column: 41
         }
       },
       "4": {
         start: {
-          line: 18,
+          line: 26,
           column: 28
         },
         end: {
-          line: 18,
+          line: 26,
           column: 43
         }
       },
       "5": {
         start: {
-          line: 20,
+          line: 28,
           column: 20
         },
         end: {
-          line: 25,
+          line: 33,
           column: 3
         }
       },
       "6": {
         start: {
-          line: 21,
+          line: 29,
+          column: 4
+        },
+        end: {
+          line: 29,
+          column: 76
+        }
+      },
+      "7": {
+        start: {
+          line: 31,
+          column: 4
+        },
+        end: {
+          line: 31,
+          column: 19
+        }
+      },
+      "8": {
+        start: {
+          line: 32,
+          column: 4
+        },
+        end: {
+          line: 32,
+          column: 36
+        }
+      },
+      "9": {
+        start: {
+          line: 35,
+          column: 36
+        },
+        end: {
+          line: 63,
+          column: 3
+        }
+      },
+      "10": {
+        start: {
+          line: 36,
           column: 4
         },
         end: {
-          line: 21,
-          column: 76
+          line: 62,
+          column: 5
+        }
+      },
+      "11": {
+        start: {
+          line: 37,
+          column: 6
+        },
+        end: {
+          line: 37,
+          column: 27
+        }
+      },
+      "12": {
+        start: {
+          line: 38,
+          column: 23
+        },
+        end: {
+          line: 41,
+          column: 7
+        }
+      },
+      "13": {
+        start: {
+          line: 43,
+          column: 19
+        },
+        end: {
+          line: 45,
+          column: 8
+        }
+      },
+      "14": {
+        start: {
+          line: 47,
+          column: 23
+        },
+        end: {
+          line: 47,
+          column: 57
+        }
+      },
+      "15": {
+        start: {
+          line: 48,
+          column: 21
+        },
+        end: {
+          line: 56,
+          column: 8
+        }
+      },
+      "16": {
+        start: {
+          line: 57,
+          column: 6
+        },
+        end: {
+          line: 57,
+          column: 23
         }
       },
-      "7": {
+      "17": {
         start: {
-          line: 23,
-          column: 4
+          line: 59,
+          column: 6
         },
         end: {
-          line: 23,
-          column: 19
+          line: 59,
+          column: 26
         }
       },
-      "8": {
+      "18": {
         start: {
-          line: 24,
-          column: 4
+          line: 61,
+          column: 6
         },
         end: {
-          line: 24,
-          column: 36
+          line: 61,
+          column: 28
         }
       },
-      "9": {
+      "19": {
         start: {
-          line: 27,
+          line: 65,
           column: 18
         },
         end: {
-          line: 27,
+          line: 65,
           column: 38
         }
       },
-      "10": {
+      "20": {
         start: {
-          line: 27,
+          line: 65,
           column: 24
         },
         end: {
-          line: 27,
+          line: 65,
           column: 38
         }
       },
-      "11": {
+      "21": {
         start: {
-          line: 29,
+          line: 67,
           column: 16
         },
         end: {
-          line: 29,
+          line: 67,
           column: 32
         }
       },
-      "12": {
+      "22": {
         start: {
-          line: 31,
+          line: 69,
           column: 34
         },
         end: {
-          line: 40,
+          line: 78,
           column: 3
         }
       },
-      "13": {
+      "23": {
         start: {
-          line: 42,
+          line: 80,
           column: 19
         },
         end: {
-          line: 49,
+          line: 87,
           column: 9
         }
       },
-      "14": {
+      "24": {
         start: {
-          line: 43,
+          line: 81,
           column: 4
         },
         end: {
-          line: 43,
+          line: 81,
           column: 39
         }
       },
-      "15": {
+      "25": {
         start: {
-          line: 43,
+          line: 81,
           column: 32
         },
         end: {
-          line: 43,
+          line: 81,
           column: 39
         }
       },
-      "16": {
+      "26": {
         start: {
-          line: 45,
+          line: 83,
           column: 4
         },
         end: {
-          line: 48,
+          line: 86,
           column: 5
         }
       },
-      "17": {
+      "27": {
         start: {
-          line: 46,
+          line: 84,
           column: 6
         },
         end: {
-          line: 46,
+          line: 84,
           column: 22
         }
       },
-      "18": {
+      "28": {
         start: {
-          line: 47,
+          line: 85,
           column: 6
         },
         end: {
-          line: 47,
+          line: 85,
           column: 16
         }
       },
-      "19": {
+      "29": {
         start: {
-          line: 51,
+          line: 89,
           column: 2
         },
         end: {
-          line: 55,
+          line: 93,
           column: 23
         }
       },
-      "20": {
+      "30": {
         start: {
-          line: 52,
+          line: 90,
           column: 4
         },
         end: {
-          line: 52,
+          line: 90,
           column: 17
         }
       },
-      "21": {
+      "31": {
         start: {
-          line: 53,
+          line: 91,
           column: 4
         },
         end: {
-          line: 53,
+          line: 91,
           column: 18
         }
       },
-      "22": {
+      "32": {
         start: {
-          line: 54,
+          line: 92,
           column: 4
         },
         end: {
-          line: 54,
+          line: 92,
           column: 14
         }
       },
-      "23": {
+      "33": {
         start: {
-          line: 57,
+          line: 95,
           column: 2
         },
         end: {
-          line: 63,
+          line: 101,
           column: 3
         }
       },
-      "24": {
+      "34": {
         start: {
-          line: 58,
+          line: 96,
           column: 4
         },
         end: {
-          line: 62,
+          line: 100,
           column: 6
         }
       },
-      "25": {
+      "35": {
         start: {
-          line: 65,
+          line: 103,
           column: 2
         },
         end: {
-          line: 73,
+          line: 111,
           column: 4
         }
       }
@@ -16158,200 +16048,257 @@ function cov_28odpwq50i() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 14,
+            line: 22,
             column: 24
           },
           end: {
-            line: 14,
+            line: 22,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 14,
-            column: 58
+            line: 22,
+            column: 74
           },
           end: {
-            line: 74,
+            line: 112,
             column: 1
           }
         },
-        line: 14
+        line: 22
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 20,
+            line: 28,
             column: 20
           },
           end: {
-            line: 20,
+            line: 28,
             column: 21
           }
         },
         loc: {
           start: {
-            line: 20,
+            line: 28,
             column: 54
           },
           end: {
-            line: 25,
+            line: 33,
             column: 3
           }
         },
-        line: 20
+        line: 28
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 27,
+            line: 35,
+            column: 36
+          },
+          end: {
+            line: 35,
+            column: 37
+          }
+        },
+        loc: {
+          start: {
+            line: 35,
+            column: 51
+          },
+          end: {
+            line: 63,
+            column: 3
+          }
+        },
+        line: 35
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 65,
             column: 18
           },
           end: {
-            line: 27,
+            line: 65,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 27,
+            line: 65,
             column: 24
           },
           end: {
-            line: 27,
+            line: 65,
             column: 38
           }
         },
-        line: 27
+        line: 65
       },
-      "3": {
-        name: "(anonymous_3)",
+      "4": {
+        name: "(anonymous_4)",
         decl: {
           start: {
-            line: 42,
+            line: 80,
             column: 35
           },
           end: {
-            line: 42,
+            line: 80,
             column: 36
           }
         },
         loc: {
           start: {
-            line: 42,
+            line: 80,
             column: 41
           },
           end: {
-            line: 49,
+            line: 87,
             column: 3
           }
         },
-        line: 42
+        line: 80
       },
-      "4": {
-        name: "(anonymous_4)",
+      "5": {
+        name: "(anonymous_5)",
         decl: {
           start: {
-            line: 51,
+            line: 89,
             column: 12
           },
           end: {
-            line: 51,
+            line: 89,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 51,
+            line: 89,
             column: 18
           },
           end: {
-            line: 55,
+            line: 93,
             column: 3
           }
         },
-        line: 51
+        line: 89
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 20,
+            line: 28,
             column: 23
           },
           end: {
-            line: 20,
+            line: 28,
             column: 35
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 20,
+            line: 28,
             column: 33
           },
           end: {
-            line: 20,
+            line: 28,
             column: 35
           }
         }],
-        line: 20
+        line: 28
       },
       "1": {
         loc: {
           start: {
-            line: 21,
+            line: 29,
             column: 4
           },
           end: {
-            line: 21,
+            line: 29,
             column: 75
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 21,
+            line: 29,
             column: 24
           },
           end: {
-            line: 21,
+            line: 29,
             column: 42
           }
         }, {
           start: {
-            line: 21,
+            line: 29,
             column: 45
           },
           end: {
-            line: 21,
+            line: 29,
             column: 75
           }
         }],
-        line: 21
+        line: 29
       },
       "2": {
         loc: {
           start: {
-            line: 43,
+            line: 51,
+            column: 16
+          },
+          end: {
+            line: 51,
+            column: 71
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 51,
+            column: 16
+          },
+          end: {
+            line: 51,
+            column: 43
+          }
+        }, {
+          start: {
+            line: 51,
+            column: 47
+          },
+          end: {
+            line: 51,
+            column: 71
+          }
+        }],
+        line: 51
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 81,
             column: 4
           },
           end: {
-            line: 43,
+            line: 81,
             column: 39
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 43,
+            line: 81,
             column: 4
           },
           end: {
-            line: 43,
+            line: 81,
             column: 39
           }
         }, {
@@ -16364,60 +16311,60 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 43
+        line: 81
       },
-      "3": {
+      "4": {
         loc: {
           start: {
-            line: 43,
+            line: 81,
             column: 8
           },
           end: {
-            line: 43,
+            line: 81,
             column: 30
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 43,
+            line: 81,
             column: 8
           },
           end: {
-            line: 43,
+            line: 81,
             column: 18
           }
         }, {
           start: {
-            line: 43,
+            line: 81,
             column: 22
           },
           end: {
-            line: 43,
+            line: 81,
             column: 30
           }
         }],
-        line: 43
+        line: 81
       },
-      "4": {
+      "5": {
         loc: {
           start: {
-            line: 45,
+            line: 83,
             column: 4
           },
           end: {
-            line: 48,
+            line: 86,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 45,
+            line: 83,
             column: 4
           },
           end: {
-            line: 48,
+            line: 86,
             column: 5
           }
         }, {
@@ -16430,27 +16377,27 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 45
+        line: 83
       },
-      "5": {
+      "6": {
         loc: {
           start: {
-            line: 57,
+            line: 95,
             column: 2
           },
           end: {
-            line: 63,
+            line: 101,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 57,
+            line: 95,
             column: 2
           },
           end: {
-            line: 63,
+            line: 101,
             column: 3
           }
         }, {
@@ -16463,7 +16410,7 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 57
+        line: 95
       }
     },
     s: {
@@ -16492,14 +16439,25 @@ function cov_28odpwq50i() {
       "22": 0,
       "23": 0,
       "24": 0,
-      "25": 0
+      "25": 0,
+      "26": 0,
+      "27": 0,
+      "28": 0,
+      "29": 0,
+      "30": 0,
+      "31": 0,
+      "32": 0,
+      "33": 0,
+      "34": 0,
+      "35": 0
     },
     f: {
       "0": 0,
       "1": 0,
       "2": 0,
       "3": 0,
-      "4": 0
+      "4": 0,
+      "5": 0
     },
     b: {
       "0": [0],
@@ -16507,10 +16465,11 @@ function cov_28odpwq50i() {
       "2": [0, 0],
       "3": [0, 0],
       "4": [0, 0],
-      "5": [0, 0]
+      "5": [0, 0],
+      "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "266814e0ffa7f24e053caca6a43a6450e9dcec18"
+    hash: "63bf42a23ad9681b71109df02851a6827d2296e6"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -16529,7 +16488,8 @@ cov_28odpwq50i();
 cov_28odpwq50i().s[0]++;
 var UnsplashLibrary = function UnsplashLibrary(_ref) {
   var debouncedQuery = _ref.debouncedQuery,
-    onChange = _ref.onChange;
+    setImage = _ref.setImage,
+    setIsUploading = _ref.setIsUploading;
   cov_28odpwq50i().f[0]++;
   var _ref2 = (cov_28odpwq50i().s[1]++, React.useState(true)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -16561,77 +16521,135 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
     setHasMore(pageNo < totalPages);
   };
   cov_28odpwq50i().s[9]++;
+  var handleUnsplashImageSelect = /*#__PURE__*/function () {
+    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
+      var _image$urls, response, file, imagekit, result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            cov_28odpwq50i().f[2]++;
+            cov_28odpwq50i().s[10]++;
+            _context.prev = 2;
+            cov_28odpwq50i().s[11]++;
+            setIsUploading(true);
+            cov_28odpwq50i().s[12]++;
+            _context.next = 8;
+            return unsplashApi.getUnsplashImage((_image$urls = image.urls) === null || _image$urls === void 0 ? void 0 : _image$urls.regular, UNSPLASH_DEFAULT_REQUEST_CONFIG);
+          case 8:
+            response = _context.sent;
+            file = (cov_28odpwq50i().s[13]++, new File([response.data], UNSPLASH_DEFAULT_NAME, {
+              type: response.data.type
+            }));
+            imagekit = (cov_28odpwq50i().s[14]++, new ImageKit(initializers.globalProps.imageKit));
+            cov_28odpwq50i().s[15]++;
+            _context.next = 14;
+            return imagekit.upload({
+              file: file,
+              fileName: UNSPLASH_DEFAULT_NAME,
+              folder: (cov_28odpwq50i().b[2][0]++, initializers.globalProps.imageKit.folder) || (cov_28odpwq50i().b[2][1]++, IMAGE_KIT_DEFAULT_FOLDER),
+              customMetadata: {
+                organizationSubdomain: initializers.globalProps.organization.subdomain,
+                appName: initializers.globalProps.appName
+              }
+            });
+          case 14:
+            result = _context.sent;
+            cov_28odpwq50i().s[16]++;
+            setImage(result);
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](2);
+            cov_28odpwq50i().s[17]++;
+            neetoui.Toastr.error(_context.t0);
+          case 23:
+            _context.prev = 23;
+            cov_28odpwq50i().s[18]++;
+            setIsUploading(false);
+            return _context.finish(23);
+          case 27:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 19, 23, 27]]);
+    }));
+    return function handleUnsplashImageSelect(_x) {
+      return _ref11.apply(this, arguments);
+    };
+  }();
+  cov_28odpwq50i().s[19]++;
   var onError = function onError() {
-    cov_28odpwq50i().f[2]++;
-    cov_28odpwq50i().s[10]++;
+    cov_28odpwq50i().f[3]++;
+    cov_28odpwq50i().s[20]++;
     return setError(true);
   };
-  var _ref11 = (cov_28odpwq50i().s[11]++, useTranslation()),
-    t = _ref11.t;
-  var _ref12 = (cov_28odpwq50i().s[12]++, useFetchUnsplashImages({
+  var _ref12 = (cov_28odpwq50i().s[21]++, useTranslation()),
+    t = _ref12.t;
+  var _ref13 = (cov_28odpwq50i().s[22]++, useFetchUnsplashImages({
       query: debouncedQuery,
       pageNo: pageNo
     }, {
       onSuccess: onSuccess,
       onError: onError
     })),
-    refetch = _ref12.refetch,
-    isFetching = _ref12.isFetching;
-  var loadMore = (cov_28odpwq50i().s[13]++, reactUtils.useFuncDebounce(function () {
-    cov_28odpwq50i().f[3]++;
-    cov_28odpwq50i().s[14]++;
-    if ((cov_28odpwq50i().b[3][0]++, isFetching) || (cov_28odpwq50i().b[3][1]++, !hasMore)) {
-      cov_28odpwq50i().b[2][0]++;
-      cov_28odpwq50i().s[15]++;
+    refetch = _ref13.refetch,
+    isFetching = _ref13.isFetching;
+  var loadMore = (cov_28odpwq50i().s[23]++, reactUtils.useFuncDebounce(function () {
+    cov_28odpwq50i().f[4]++;
+    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[25]++;
       return;
     } else {
-      cov_28odpwq50i().b[2][1]++;
+      cov_28odpwq50i().b[3][1]++;
     }
-    cov_28odpwq50i().s[16]++;
+    cov_28odpwq50i().s[26]++;
     if (pageNo > 1) {
-      cov_28odpwq50i().b[4][0]++;
-      cov_28odpwq50i().s[17]++;
+      cov_28odpwq50i().b[5][0]++;
+      cov_28odpwq50i().s[27]++;
       setError(false);
-      cov_28odpwq50i().s[18]++;
+      cov_28odpwq50i().s[28]++;
       refetch();
     } else {
-      cov_28odpwq50i().b[4][1]++;
+      cov_28odpwq50i().b[5][1]++;
     }
   }, 500));
-  cov_28odpwq50i().s[19]++;
+  cov_28odpwq50i().s[29]++;
   React.useEffect(function () {
-    cov_28odpwq50i().f[4]++;
-    cov_28odpwq50i().s[20]++;
+    cov_28odpwq50i().f[5]++;
+    cov_28odpwq50i().s[30]++;
     setPageNo(1);
-    cov_28odpwq50i().s[21]++;
+    cov_28odpwq50i().s[31]++;
     setImages([]);
-    cov_28odpwq50i().s[22]++;
+    cov_28odpwq50i().s[32]++;
     refetch();
   }, [debouncedQuery]);
-  cov_28odpwq50i().s[23]++;
+  cov_28odpwq50i().s[33]++;
   if (error) {
-    cov_28odpwq50i().b[5][0]++;
-    cov_28odpwq50i().s[24]++;
+    cov_28odpwq50i().b[6][0]++;
+    cov_28odpwq50i().s[34]++;
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "mt-9 flex justify-center",
       style: "body2"
     }, t("unsplash.errorMessage"));
   } else {
-    cov_28odpwq50i().b[5][1]++;
+    cov_28odpwq50i().b[6][1]++;
   }
-  cov_28odpwq50i().s[25]++;
+  cov_28odpwq50i().s[35]++;
   return /*#__PURE__*/React__default["default"].createElement(InfiniteScroller, {
+    handleUnsplashImageSelect: handleUnsplashImageSelect,
     hasMore: hasMore,
     images: images,
     loadMore: loadMore,
-    tab: TABS[1].key,
-    onChange: onChange
+    tab: TABS[1].key
   });
 };
 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 = "faab3a8e20966637217f4ad014aee68632e9dae2";
+  var hash = "ca936a8d20bf1914664a90f142ec6fb720c8767d";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -16643,7 +16661,7 @@ function cov_zqbvekg8p() {
           column: 21
         },
         end: {
-          line: 41,
+          line: 45,
           column: 1
         }
       },
@@ -16703,7 +16721,7 @@ function cov_zqbvekg8p() {
           column: 2
         },
         end: {
-          line: 40,
+          line: 44,
           column: 4
         }
       },
@@ -16734,10 +16752,10 @@ function cov_zqbvekg8p() {
         loc: {
           start: {
             line: 12,
-            column: 54
+            column: 60
           },
           end: {
-            line: 41,
+            line: 45,
             column: 1
           }
         },
@@ -16800,7 +16818,7 @@ function cov_zqbvekg8p() {
             column: 7
           },
           end: {
-            line: 38,
+            line: 42,
             column: 7
           }
         },
@@ -16820,8 +16838,8 @@ function cov_zqbvekg8p() {
             column: 8
           },
           end: {
-            line: 37,
-            column: 72
+            line: 41,
+            column: 10
           }
         }],
         line: 34
@@ -16846,7 +16864,7 @@ function cov_zqbvekg8p() {
       "0": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "faab3a8e20966637217f4ad014aee68632e9dae2"
+    hash: "ca936a8d20bf1914664a90f142ec6fb720c8767d"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -16866,7 +16884,7 @@ cov_zqbvekg8p().s[0]++;
 var ImageLibrary = function ImageLibrary(_ref) {
   var setImage = _ref.setImage,
     tab = _ref.tab,
-    onChange = _ref.onChange;
+    setIsUploading = _ref.setIsUploading;
   cov_zqbvekg8p().f[0]++;
   var _ref2 = (cov_zqbvekg8p().s[1]++, React.useState("")),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -16902,13 +16920,14 @@ var ImageLibrary = function ImageLibrary(_ref) {
     setImage: setImage
   })) : (cov_zqbvekg8p().b[0][1]++, /*#__PURE__*/React__default["default"].createElement(UnsplashLibrary, {
     debouncedQuery: debouncedQuery,
-    onChange: onChange
+    setImage: setImage,
+    setIsUploading: setIsUploading
   })));
 };
 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 = "95a8bdca23f427075861ac3efb00e2d1b257f74e";
+  var hash = "81a5d69c5daab3ccc370dc7c0aed6a0fc7e9fcdc";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -16916,312 +16935,282 @@ function cov_2my1w2udyi() {
     statementMap: {
       "0": {
         start: {
-          line: 25,
+          line: 24,
           column: 14
         },
         end: {
-          line: 163,
+          line: 147,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 26,
-          column: 56
+          line: 25,
+          column: 36
         },
         end: {
-          line: 26,
-          column: 71
+          line: 25,
+          column: 57
         }
       },
       "2": {
         start: {
-          line: 27,
-          column: 36
+          line: 26,
+          column: 28
         },
         end: {
-          line: 27,
-          column: 57
+          line: 26,
+          column: 40
         }
       },
       "3": {
         start: {
-          line: 28,
-          column: 28
+          line: 27,
+          column: 40
         },
         end: {
-          line: 28,
-          column: 40
+          line: 27,
+          column: 55
         }
       },
       "4": {
         start: {
-          line: 30,
+          line: 29,
           column: 16
         },
         end: {
-          line: 30,
+          line: 29,
           column: 32
         }
       },
       "5": {
         start: {
-          line: 32,
+          line: 31,
           column: 33
         },
         end: {
-          line: 32,
+          line: 31,
           column: 48
         }
       },
       "6": {
         start: {
-          line: 34,
+          line: 33,
           column: 23
         },
         end: {
-          line: 34,
+          line: 33,
           column: 45
         }
       },
       "7": {
         start: {
-          line: 34,
+          line: 33,
           column: 31
         },
         end: {
-          line: 34,
+          line: 33,
           column: 45
         }
       },
       "8": {
         start: {
-          line: 36,
+          line: 35,
           column: 22
         },
         end: {
-          line: 39,
+          line: 38,
           column: 3
         }
       },
       "9": {
         start: {
-          line: 37,
+          line: 36,
           column: 4
         },
         end: {
-          line: 37,
+          line: 36,
           column: 14
         }
       },
       "10": {
         start: {
-          line: 38,
+          line: 37,
           column: 4
         },
         end: {
-          line: 38,
+          line: 37,
           column: 17
         }
       },
       "11": {
         start: {
-          line: 41,
-          column: 23
+          line: 40,
+          column: 29
         },
         end: {
-          line: 57,
+          line: 56,
           column: 3
         }
       },
       "12": {
         start: {
-          line: 42,
+          line: 41,
           column: 20
         },
         end: {
-          line: 48,
+          line: 47,
           column: 5
         }
       },
       "13": {
         start: {
-          line: 50,
+          line: 49,
           column: 4
         },
         end: {
-          line: 55,
+          line: 54,
           column: 7
         }
       },
       "14": {
         start: {
-          line: 52,
+          line: 51,
           column: 8
         },
         end: {
-          line: 52,
+          line: 51,
           column: 80
         }
       },
       "15": {
         start: {
-          line: 56,
+          line: 55,
           column: 4
         },
         end: {
-          line: 56,
+          line: 55,
           column: 18
         }
       },
       "16": {
         start: {
-          line: 65,
-          column: 6
+          line: 59,
+          column: 4
         },
         end: {
-          line: 69,
-          column: 4
+          line: 64,
+          column: 6
         }
       },
       "17": {
         start: {
-          line: 70,
+          line: 65,
           column: 25
         },
         end: {
-          line: 70,
+          line: 65,
           column: 56
         }
       },
       "18": {
         start: {
-          line: 70,
+          line: 65,
           column: 31
         },
         end: {
-          line: 70,
+          line: 65,
           column: 56
         }
       },
       "19": {
         start: {
-          line: 72,
+          line: 67,
           column: 18
         },
         end: {
-          line: 75,
-          column: 4
+          line: 67,
+          column: 76
         }
       },
       "20": {
         start: {
-          line: 73,
-          column: 34
-        },
-        end: {
-          line: 73,
-          column: 62
-        }
-      },
-      "21": {
-        start: {
-          line: 77,
+          line: 69,
           column: 2
         },
         end: {
-          line: 79,
+          line: 71,
           column: 15
         }
       },
-      "22": {
+      "21": {
         start: {
-          line: 78,
+          line: 70,
           column: 4
         },
         end: {
-          line: 78,
+          line: 70,
           column: 30
         }
       },
-      "23": {
+      "22": {
         start: {
-          line: 81,
+          line: 73,
           column: 2
         },
         end: {
-          line: 162,
+          line: 146,
           column: 4
         }
       },
-      "24": {
+      "23": {
         start: {
-          line: 104,
+          line: 96,
           column: 29
         },
         end: {
-          line: 104,
+          line: 96,
           column: 41
         }
       },
-      "25": {
+      "24": {
         start: {
-          line: 111,
+          line: 103,
           column: 30
         },
         end: {
-          line: 111,
+          line: 103,
           column: 53
         }
       },
-      "26": {
+      "25": {
         start: {
-          line: 121,
+          line: 113,
           column: 18
         },
         end: {
-          line: 130,
+          line: 121,
           column: 29
         }
       },
-      "27": {
-        start: {
-          line: 125,
-          column: 22
-        },
-        end: {
-          line: 125,
-          column: 52
-        }
-      },
-      "28": {
-        start: {
-          line: 126,
-          column: 22
-        },
-        end: {
-          line: 126,
-          column: 44
-        }
-      },
-      "29": {
+      "26": {
         start: {
-          line: 136,
-          column: 16
+          line: 117,
+          column: 22
         },
         end: {
-          line: 142,
-          column: 18
+          line: 117,
+          column: 44
         }
       },
-      "30": {
+      "27": {
         start: {
-          line: 148,
-          column: 30
+          line: 127,
+          column: 16
         },
         end: {
-          line: 148,
-          column: 59
+          line: 133,
+          column: 18
         }
       }
     },
@@ -17230,537 +17219,423 @@ function cov_2my1w2udyi() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 25,
+            line: 24,
             column: 14
           },
           end: {
-            line: 25,
+            line: 24,
             column: 15
           }
         },
         loc: {
           start: {
-            line: 25,
+            line: 24,
             column: 64
           },
           end: {
-            line: 163,
+            line: 147,
             column: 1
           }
         },
-        line: 25
+        line: 24
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 34,
+            line: 33,
             column: 23
           },
           end: {
-            line: 34,
+            line: 33,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 34,
+            line: 33,
             column: 31
           },
           end: {
-            line: 34,
+            line: 33,
             column: 45
           }
         },
-        line: 34
+        line: 33
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 36,
+            line: 35,
             column: 22
           },
           end: {
-            line: 36,
+            line: 35,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 36,
+            line: 35,
             column: 28
           },
           end: {
-            line: 39,
+            line: 38,
             column: 3
           }
         },
-        line: 36
+        line: 35
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 41,
-            column: 23
+            line: 40,
+            column: 29
           },
           end: {
-            line: 41,
-            column: 24
+            line: 40,
+            column: 30
           }
         },
         loc: {
           start: {
-            line: 41,
-            column: 32
+            line: 40,
+            column: 38
           },
           end: {
-            line: 57,
+            line: 56,
             column: 3
           }
         },
-        line: 41
+        line: 40
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 51,
+            line: 50,
             column: 17
           },
           end: {
-            line: 51,
+            line: 50,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 51,
+            line: 50,
             column: 26
           },
           end: {
-            line: 53,
+            line: 52,
             column: 7
           }
         },
-        line: 51
+        line: 50
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 70,
+            line: 65,
             column: 25
           },
           end: {
-            line: 70,
+            line: 65,
             column: 26
           }
         },
         loc: {
           start: {
-            line: 70,
+            line: 65,
             column: 31
           },
           end: {
-            line: 70,
+            line: 65,
             column: 56
           }
         },
-        line: 70
+        line: 65
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 73,
-            column: 28
-          },
-          end: {
-            line: 73,
-            column: 29
-          }
-        },
-        loc: {
-          start: {
-            line: 73,
-            column: 34
-          },
-          end: {
-            line: 73,
-            column: 62
-          }
-        },
-        line: 73
-      },
-      "7": {
-        name: "(anonymous_7)",
-        decl: {
-          start: {
-            line: 77,
+            line: 69,
             column: 12
           },
           end: {
-            line: 77,
+            line: 69,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 77,
+            line: 69,
             column: 18
           },
           end: {
-            line: 79,
+            line: 71,
             column: 3
           }
         },
-        line: 77
+        line: 69
       },
-      "8": {
-        name: "(anonymous_8)",
+      "7": {
+        name: "(anonymous_7)",
         decl: {
           start: {
-            line: 104,
+            line: 96,
             column: 23
           },
           end: {
-            line: 104,
+            line: 96,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 104,
+            line: 96,
             column: 29
           },
           end: {
-            line: 104,
+            line: 96,
             column: 41
           }
         },
-        line: 104
+        line: 96
       },
-      "9": {
-        name: "(anonymous_9)",
+      "8": {
+        name: "(anonymous_8)",
         decl: {
           start: {
-            line: 111,
+            line: 103,
             column: 21
           },
           end: {
-            line: 111,
+            line: 103,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 111,
+            line: 103,
             column: 30
           },
           end: {
-            line: 111,
+            line: 103,
             column: 53
           }
         },
-        line: 111
+        line: 103
       },
-      "10": {
-        name: "(anonymous_10)",
+      "9": {
+        name: "(anonymous_9)",
         decl: {
           start: {
-            line: 120,
+            line: 112,
             column: 26
           },
           end: {
-            line: 120,
+            line: 112,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 121,
+            line: 113,
             column: 18
           },
           end: {
-            line: 130,
+            line: 121,
             column: 29
           }
         },
-        line: 121
+        line: 113
       },
-      "11": {
-        name: "(anonymous_11)",
+      "10": {
+        name: "(anonymous_10)",
         decl: {
           start: {
-            line: 124,
+            line: 116,
             column: 29
           },
           end: {
-            line: 124,
+            line: 116,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 124,
+            line: 116,
             column: 35
           },
           end: {
-            line: 127,
+            line: 118,
             column: 21
           }
         },
-        line: 124
+        line: 116
       },
-      "12": {
-        name: "(anonymous_12)",
+      "11": {
+        name: "(anonymous_11)",
         decl: {
           start: {
-            line: 135,
+            line: 126,
             column: 27
           },
           end: {
-            line: 135,
+            line: 126,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 136,
+            line: 127,
             column: 16
           },
           end: {
-            line: 142,
+            line: 133,
             column: 18
           }
         },
-        line: 136
-      },
-      "13": {
-        name: "(anonymous_13)",
-        decl: {
-          start: {
-            line: 148,
-            column: 24
-          },
-          end: {
-            line: 148,
-            column: 25
-          }
-        },
-        loc: {
-          start: {
-            line: 148,
-            column: 30
-          },
-          end: {
-            line: 148,
-            column: 59
-          }
-        },
-        line: 148
+        line: 127
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 25,
+            line: 24,
             column: 34
           },
           end: {
-            line: 25,
+            line: 24,
             column: 57
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 25,
+            line: 24,
             column: 53
           },
           end: {
-            line: 25,
+            line: 24,
             column: 57
           }
         }],
-        line: 25
+        line: 24
       },
       "1": {
         loc: {
           start: {
-            line: 88,
+            line: 80,
             column: 7
           },
           end: {
-            line: 92,
+            line: 84,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 88,
+            line: 80,
             column: 7
           },
           end: {
-            line: 88,
-            column: 25
+            line: 80,
+            column: 18
           }
         }, {
           start: {
-            line: 89,
+            line: 81,
             column: 8
           },
           end: {
-            line: 91,
+            line: 83,
             column: 14
           }
         }],
-        line: 88
+        line: 80
       },
       "2": {
         loc: {
           start: {
-            line: 93,
+            line: 85,
             column: 7
           },
           end: {
-            line: 100,
+            line: 92,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 93,
+            line: 85,
             column: 7
           },
           end: {
-            line: 93,
+            line: 85,
             column: 26
           }
         }, {
           start: {
-            line: 93,
+            line: 85,
             column: 30
           },
           end: {
-            line: 93,
+            line: 85,
             column: 42
           }
         }, {
           start: {
-            line: 94,
+            line: 86,
             column: 8
           },
           end: {
-            line: 99,
+            line: 91,
             column: 14
           }
         }],
-        line: 93
+        line: 85
       },
       "3": {
         loc: {
           start: {
-            line: 101,
+            line: 93,
             column: 7
           },
           end: {
-            line: 159,
+            line: 143,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 102,
+            line: 94,
             column: 8
           },
           end: {
-            line: 106,
+            line: 98,
             column: 10
           }
         }, {
           start: {
-            line: 108,
+            line: 100,
             column: 8
           },
           end: {
-            line: 158,
-            column: 14
-          }
-        }],
-        line: 101
-      },
-      "4": {
-        loc: {
-          start: {
-            line: 122,
-            column: 28
-          },
-          end: {
-            line: 122,
-            column: 73
-          }
-        },
-        type: "binary-expr",
-        locations: [{
-          start: {
-            line: 122,
-            column: 28
-          },
-          end: {
-            line: 122,
-            column: 49
-          }
-        }, {
-          start: {
-            line: 122,
-            column: 53
-          },
-          end: {
-            line: 122,
-            column: 73
-          }
-        }],
-        line: 122
-      },
-      "5": {
-        loc: {
-          start: {
-            line: 146,
-            column: 11
-          },
-          end: {
-            line: 157,
-            column: 11
-          }
-        },
-        type: "cond-expr",
-        locations: [{
-          start: {
-            line: 147,
-            column: 12
-          },
-          end: {
-            line: 150,
-            column: 14
-          }
-        }, {
-          start: {
-            line: 152,
-            column: 12
-          },
-          end: {
-            line: 156,
+            line: 142,
             column: 14
           }
         }],
-        line: 146
+        line: 93
       }
     },
     s: {
@@ -17791,10 +17666,7 @@ function cov_2my1w2udyi() {
       "24": 0,
       "25": 0,
       "26": 0,
-      "27": 0,
-      "28": 0,
-      "29": 0,
-      "30": 0
+      "27": 0
     },
     f: {
       "0": 0,
@@ -17808,20 +17680,16 @@ function cov_2my1w2udyi() {
       "8": 0,
       "9": 0,
       "10": 0,
-      "11": 0,
-      "12": 0,
-      "13": 0
+      "11": 0
     },
     b: {
       "0": [0],
       "1": [0, 0],
       "2": [0, 0, 0],
-      "3": [0, 0],
-      "4": [0, 0],
-      "5": [0, 0]
+      "3": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "95a8bdca23f427075861ac3efb00e2d1b257f74e"
+    hash: "81a5d69c5daab3ccc370dc7c0aed6a0fc7e9fcdc"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -17844,18 +17712,18 @@ var Modal = function Modal(_ref) {
     _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_2my1w2udyi().b[0][0]++, pure.noop) : _ref$onUploadComplete;
   cov_2my1w2udyi().f[0]++;
-  var _ref2 = (cov_2my1w2udyi().s[1]++, React.useState(false)),
+  var _ref2 = (cov_2my1w2udyi().s[1]++, React.useState(TABS[0].key)),
     _ref3 = _slicedToArray$2(_ref2, 2),
-    isUploadingFromLink = _ref3[0],
-    setIsUploadingFromLink = _ref3[1];
-  var _ref4 = (cov_2my1w2udyi().s[2]++, React.useState(TABS[0].key)),
+    activeTab = _ref3[0],
+    setActiveTab = _ref3[1];
+  var _ref4 = (cov_2my1w2udyi().s[2]++, React.useState({})),
     _ref5 = _slicedToArray$2(_ref4, 2),
-    activeTab = _ref5[0],
-    setActiveTab = _ref5[1];
-  var _ref6 = (cov_2my1w2udyi().s[3]++, React.useState({})),
+    image = _ref5[0],
+    setImage = _ref5[1];
+  var _ref6 = (cov_2my1w2udyi().s[3]++, React.useState(false)),
     _ref7 = _slicedToArray$2(_ref6, 2),
-    image = _ref7[0],
-    setImage = _ref7[1];
+    isUploading = _ref7[0],
+    setIsUploading = _ref7[1];
   var _ref8 = (cov_2my1w2udyi().s[4]++, useTranslation()),
     t = _ref8.t;
   var _ref9 = (cov_2my1w2udyi().s[5]++, useCreateBlob()),
@@ -17875,12 +17743,12 @@ var Modal = function Modal(_ref) {
     setImage({});
   };
   cov_2my1w2udyi().s[11]++;
-  var handleSubmit = function handleSubmit(image) {
+  var handleEditComplete = function handleEditComplete(image) {
     cov_2my1w2udyi().f[3]++;
     var payload = (cov_2my1w2udyi().s[12]++, {
       filename: image.name,
       byteSize: image.size,
-      contentType: image.fileType,
+      contentType: image.mime,
       checksum: image.fileId,
       metadata: image
     });
@@ -17902,13 +17770,13 @@ var Modal = function Modal(_ref) {
   var _ref10 = (cov_2my1w2udyi().s[16]++, useDropzoneWithValidation({
       maxSize: MAX_IMAGE_SIZE$1,
       acceptedTypes: ALLOWED_IMAGE_TYPES$1,
-      onUploadComplete: handleUpload
+      onUploadComplete: handleUpload,
+      setIsUploading: setIsUploading
     })),
     getRootProps = _ref10.getRootProps,
     getInputProps = _ref10.getInputProps,
     isDragActive = _ref10.isDragActive,
-    inputRef = _ref10.inputRef,
-    isUploadInProgress = _ref10.isUploadInProgress;
+    inputRef = _ref10.inputRef;
   cov_2my1w2udyi().s[17]++;
   var uploadNewAsset = function uploadNewAsset() {
     var _inputRef$current;
@@ -17917,37 +17785,30 @@ var Modal = function Modal(_ref) {
     return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   };
   var options = (cov_2my1w2udyi().s[19]++, createOptions([{
-    key: "link",
-    onClick: function onClick() {
-      cov_2my1w2udyi().f[6]++;
-      cov_2my1w2udyi().s[20]++;
-      return setIsUploadingFromLink(true);
-    }
-  }, {
     key: "local",
     onClick: uploadNewAsset
   }]));
-  cov_2my1w2udyi().s[21]++;
+  cov_2my1w2udyi().s[20]++;
   React.useEffect(function () {
-    cov_2my1w2udyi().f[7]++;
-    cov_2my1w2udyi().s[22]++;
+    cov_2my1w2udyi().f[6]++;
+    cov_2my1w2udyi().s[21]++;
     setActiveTab(TABS[0].key);
   }, [isOpen]);
-  cov_2my1w2udyi().s[23]++;
+  cov_2my1w2udyi().s[22]++;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
     className: "niu-modal",
     isOpen: isOpen,
     size: "large",
     onClose: handleClose
-  }, (cov_2my1w2udyi().b[1][0]++, isUploadInProgress) && (cov_2my1w2udyi().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (cov_2my1w2udyi().b[1][0]++, isUploading) && (cov_2my1w2udyi().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "absolute inset-0 z-50 flex h-full items-center justify-center bg-gray-400 opacity-50"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null))), (cov_2my1w2udyi().b[2][0]++, isNilOrEmpty(image)) && (cov_2my1w2udyi().b[2][1]++, isDragActive) && (cov_2my1w2udyi().b[2][2]++, /*#__PURE__*/React__default["default"].createElement("div", _extends$1({
     className: "absolute flex h-full w-full flex-col items-center justify-around rounded-xl border-4 border-dashed border-gray-900 bg-gray-400 opacity-40"
   }, getRootProps()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, t("common.dropHere")))), pure.isNotEmpty(image) ? (cov_2my1w2udyi().b[3][0]++, /*#__PURE__*/React__default["default"].createElement(ImageEditor, {
-    handleEditComplete: handleSubmit,
+    handleEditComplete: handleEditComplete,
     handleReset: function handleReset() {
-      cov_2my1w2udyi().f[8]++;
-      cov_2my1w2udyi().s[24]++;
+      cov_2my1w2udyi().f[7]++;
+      cov_2my1w2udyi().s[23]++;
       return setImage({});
     },
     image: image
@@ -17955,8 +17816,8 @@ var Modal = function Modal(_ref) {
     className: "h-full flex-col"
   }, getRootProps({
     onClick: function onClick(event) {
-      cov_2my1w2udyi().f[9]++;
-      cov_2my1w2udyi().s[25]++;
+      cov_2my1w2udyi().f[8]++;
+      cov_2my1w2udyi().s[24]++;
       return event.stopPropagation();
     }
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -17968,16 +17829,14 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, {
     size: "small"
   }, TABS.map(function (tab) {
-    cov_2my1w2udyi().f[10]++;
-    cov_2my1w2udyi().s[26]++;
+    cov_2my1w2udyi().f[9]++;
+    cov_2my1w2udyi().s[25]++;
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
-      active: (cov_2my1w2udyi().b[4][0]++, activeTab === tab.key) && (cov_2my1w2udyi().b[4][1]++, !isUploadingFromLink),
+      active: activeTab === tab.key,
       key: tab.key,
       onClick: function onClick() {
-        cov_2my1w2udyi().f[11]++;
-        cov_2my1w2udyi().s[27]++;
-        setIsUploadingFromLink(false);
-        cov_2my1w2udyi().s[28]++;
+        cov_2my1w2udyi().f[10]++;
+        cov_2my1w2udyi().s[26]++;
         setActiveTab(tab.key);
       }
     }, tab.label);
@@ -17988,8 +17847,8 @@ var Modal = function Modal(_ref) {
       label = _ref11.label,
       onClick = _ref11.onClick,
       style = _ref11.style;
-    cov_2my1w2udyi().f[12]++;
-    cov_2my1w2udyi().s[29]++;
+    cov_2my1w2udyi().f[11]++;
+    cov_2my1w2udyi().s[27]++;
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       key: key,
       label: label,
@@ -17997,18 +17856,11 @@ var Modal = function Modal(_ref) {
       style: style,
       onClick: onClick
     });
-  }))), isUploadingFromLink ? (cov_2my1w2udyi().b[5][0]++, /*#__PURE__*/React__default["default"].createElement(URLForm, {
-    onCancel: function onCancel() {
-      cov_2my1w2udyi().f[13]++;
-      cov_2my1w2udyi().s[30]++;
-      return setIsUploadingFromLink(false);
-    },
-    onSubmit: setImage
-  })) : (cov_2my1w2udyi().b[5][1]++, /*#__PURE__*/React__default["default"].createElement(ImageLibrary, {
+  }))), /*#__PURE__*/React__default["default"].createElement(ImageLibrary, {
     setImage: setImage,
-    tab: activeTab,
-    onChange: onUploadComplete
-  })))), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()));
+    setIsUploading: setIsUploading,
+    tab: activeTab
+  }))), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()));
 };
 function cov_1cgye4772e() {