@bigbinary/neeto-image-uploader-frontend 1.2.17 → 1.3.0

package/dist/index.js

@@ -4,7 +4,7 @@ import { noop as noop$2, isNotEmpty, keysToCamelCase, findBy } from '@bigbinary/
 import { Checkbox, Typography, Input, Button, Toastr, Spinner, Modal as Modal$1, Tab } from '@bigbinary/neetoui';
 import classNames from 'classnames';
 import { LeftArrow, ImageUpload as ImageUpload$1 } from '@bigbinary/neeto-icons';
-import { useMutation, useQuery } from 'react-query';
+import { useMutation, useQueryClient, useQuery } from 'react-query';
 import axios from 'axios';
 import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
@@ -430,7 +430,7 @@ function looksLikeObjectPath(key, nsSeparator, keySeparator) {
 }
 
 function ownKeys$5$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5$1(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5$1(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function deepFind(obj, path) {
@@ -572,7 +572,7 @@ var ResourceStore = function (_EventEmitter) {
       if (deep) {
         deepExtend(pack, resources, overwrite);
       } else {
-        pack = _objectSpread$5(_objectSpread$5({}, pack), resources);
+        pack = _objectSpread$5$1(_objectSpread$5$1({}, pack), resources);
       }
       setPath(this.data, path, pack);
       if (!options.silent) this.emit('added', lng, ns, resources);
@@ -595,7 +595,7 @@ var ResourceStore = function (_EventEmitter) {
     key: "getResourceBundle",
     value: function getResourceBundle(lng, ns) {
       if (!ns) ns = this.options.defaultNS;
-      if (this.options.compatibilityAPI === 'v1') return _objectSpread$5(_objectSpread$5({}, {}), this.getResource(lng, ns));
+      if (this.options.compatibilityAPI === 'v1') return _objectSpread$5$1(_objectSpread$5$1({}, {}), this.getResource(lng, ns));
       return this.getResource(lng, ns);
     }
   }, {
@@ -2112,8 +2112,8 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
 function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function noop$1() {}
@@ -2779,9 +2779,9 @@ function cape(m) {
   return unes[m];
 }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -2795,7 +2795,7 @@ var i18nInstance;
 var I18nContext = React.createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$4(_objectSpread$4({}, defaultOptions), options);
+  defaultOptions = _objectSpread$5(_objectSpread$5({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -2922,9 +2922,9 @@ function hasLoadedNamespace(ns, i18n) {
 var _excluded$1 = ["format"],
     _excluded2$1 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function hasChildren(node, checkLength) {
   if (!node) return false;
@@ -2950,7 +2950,7 @@ function getAsArray(data) {
 }
 
 function mergeProps(source, target) {
-  var newTarget = _objectSpread$3({}, target);
+  var newTarget = _objectSpread$4({}, target);
 
   newTarget.props = Object.assign(source.props, target.props);
   return newTarget;
@@ -3020,7 +3020,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
   getData(children);
   var ast = c.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = _objectSpread$3(_objectSpread$3({}, data), combinedTOpts);
+  var opts = _objectSpread$4(_objectSpread$4({}, data), combinedTOpts);
 
   function renderInner(child, node, rootReactNode) {
     var childs = getChildren(child);
@@ -3030,7 +3030,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
   function pushTranslatedJSX(child, inner, mem, i, isVoid) {
     if (child.dummy) child.children = inner;
-    mem.push(React.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+    mem.push(React.cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
       key: i
     }), isVoid ? undefined : inner));
   }
@@ -3062,7 +3062,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           } else if (isEmptyTransWithHTML) {
           var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(React.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           }), _inner));
         } else if (Number.isNaN(parseFloat(node.name))) {
@@ -3093,11 +3093,11 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
-          mem.push(React.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           }), translationContent));
         } else {
-          mem.push(React.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           })));
         }
@@ -3160,7 +3160,7 @@ function Trans(_ref) {
 
   if (context) tOptions.context = context;
 
-  var reactI18nextOptions = _objectSpread$3(_objectSpread$3({}, getDefaults()), i18n.options && i18n.options.react);
+  var reactI18nextOptions = _objectSpread$4(_objectSpread$4({}, getDefaults()), i18n.options && i18n.options.react);
 
   var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
@@ -3168,13 +3168,13 @@ function Trans(_ref) {
   var hashTransKey = reactI18nextOptions.hashTransKey;
   var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
   var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$3(_objectSpread$3({}, tOptions.interpolation), {}, {
+    interpolation: _objectSpread$4(_objectSpread$4({}, tOptions.interpolation), {}, {
       prefix: '#$?',
       suffix: '?$#'
     })
   };
 
-  var combinedTOpts = _objectSpread$3(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, tOptions), {}, {
+  var combinedTOpts = _objectSpread$4(_objectSpread$4(_objectSpread$4(_objectSpread$4({}, tOptions), {}, {
     count: count
   }, values), interpolationOverride), {}, {
     defaultValue: defaultValue,
@@ -3219,9 +3219,9 @@ function _slicedToArray$2(arr, i) {
   return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$2();
 }
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function useTranslation(ns) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var i18nFromProps = props.i18n;
@@ -3249,7 +3249,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$2(_objectSpread$2(_objectSpread$2({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$3(_objectSpread$3(_objectSpread$3({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -3580,7 +3580,7 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -3599,13 +3599,13 @@ function _objectSpread2$1(target) {
     var source = arguments[i] != null ? arguments[i] : {};
 
     if (i % 2) {
-      ownKeys$3(Object(source), true).forEach(function (key) {
+      ownKeys$4(Object(source), true).forEach(function (key) {
         _defineProperty$3(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$3(Object(source)).forEach(function (key) {
+      ownKeys$4(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7367,7 +7367,7 @@ function _defineProperty$2(obj, key, value) {
   return obj;
 }
 
-function ownKeys$2(object, enumerableOnly) {
+function ownKeys$3(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -7386,13 +7386,13 @@ function _objectSpread2(target) {
     var source = arguments[i] != null ? arguments[i] : {};
 
     if (i % 2) {
-      ownKeys$2(Object(source), true).forEach(function (key) {
+      ownKeys$3(Object(source), true).forEach(function (key) {
         _defineProperty$2(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$2(Object(source)).forEach(function (key) {
+      ownKeys$3(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9111,7 +9111,7 @@ var ASSETS_FETCH_URL = (cov_l0ywmw7at().s[11]++, IS_DEVELOPMENT_OR_HEROKU_ENV ?
 
 function cov_8ssccub0() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageEditor/index.jsx";
-  var hash = "94827a7f29e7731e7fa997bbb74a17c6d11b1280";
+  var hash = "3cb03c9e73348f1bf4fb721796541b497a55f472";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -9274,7 +9274,7 @@ function cov_8ssccub0() {
         },
         end: {
           line: 58,
-          column: 59
+          column: 64
         }
       },
       "16": {
@@ -9405,18 +9405,18 @@ function cov_8ssccub0() {
           },
           end: {
             line: 27,
-            column: 27
+            column: 32
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 27,
-            column: 23
+            column: 28
           },
           end: {
             line: 27,
-            column: 27
+            column: 32
           }
         }],
         line: 27
@@ -9545,7 +9545,7 @@ function cov_8ssccub0() {
       "3": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "94827a7f29e7731e7fa997bbb74a17c6d11b1280"
+    hash: "3cb03c9e73348f1bf4fb721796541b497a55f472"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9565,8 +9565,8 @@ cov_8ssccub0().s[0]++;
 var ImageEditor = function ImageEditor(_ref) {
   var image = _ref.image,
     handleReset = _ref.handleReset,
-    _ref$handleEditComple = _ref.handleEditComplete,
-    handleEditComplete = _ref$handleEditComple === void 0 ? (cov_8ssccub0().b[0][0]++, noop$2) : _ref$handleEditComple,
+    _ref$handleImageEditC = _ref.handleImageEditComplete,
+    handleImageEditComplete = _ref$handleImageEditC === void 0 ? (cov_8ssccub0().b[0][0]++, noop$2) : _ref$handleImageEditC,
     _ref$signedId = _ref.signedId,
     signedId = _ref$signedId === void 0 ? (cov_8ssccub0().b[1][0]++, "") : _ref$signedId;
   cov_8ssccub0().f[0]++;
@@ -9602,7 +9602,7 @@ var ImageEditor = function ImageEditor(_ref) {
       }),
       signedId: signedId
     }, {
-      onSuccess: handleEditComplete
+      onSuccess: handleImageEditComplete
     });
   };
   cov_8ssccub0().s[10]++;
@@ -9624,7 +9624,7 @@ var ImageEditor = function ImageEditor(_ref) {
       imageRef: imageRef
     }));
     cov_8ssccub0().s[15]++;
-    handleEditComplete(mergeRight(image, {
+    handleImageEditComplete(mergeRight(image, {
       url: newURL
     }));
   };
@@ -9859,9 +9859,94 @@ var directUploadsApi = (cov_1ukp3guhfu().s[4]++, {
   update: update
 });
 
+function cov_1ukzvmo2ut() {
+  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/constants/query.js";
+  var hash = "84dca07a5663f77afbdfe2e01ab5dc61ad289828";
+  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/constants/query.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 1,
+          column: 26
+        },
+        end: {
+          line: 4,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 6,
+          column: 33
+        },
+        end: {
+          line: 6,
+          column: 40
+        }
+      },
+      "2": {
+        start: {
+          line: 8,
+          column: 35
+        },
+        end: {
+          line: 8,
+          column: 42
+        }
+      },
+      "3": {
+        start: {
+          line: 10,
+          column: 34
+        },
+        end: {
+          line: 10,
+          column: 41
+        }
+      }
+    },
+    fnMap: {},
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0
+    },
+    f: {},
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "84dca07a5663f77afbdfe2e01ab5dc61ad289828"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1ukzvmo2ut = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1ukzvmo2ut();
+var QUERY_KEYS = (cov_1ukzvmo2ut().s[0]++, {
+  ASSETS_LSIT: "assets-list",
+  UNSPLASH_LIST: "unsplash-list"
+});
+var ASSETS_STALE_TIME = (cov_1ukzvmo2ut().s[1]++, 900000); // 15 mins
+
+var UNSPLASH_STALE_TIME = (cov_1ukzvmo2ut().s[2]++, 900000);
+(cov_1ukzvmo2ut().s[3]++, 100000);
+
 function cov_20wespd2q6() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/hooks/useDirectUploads.js";
-  var hash = "bd3500f983507fa4c8c23b98d76127677eab7903";
+  var hash = "d9726001d441435c253e8bfbfa160531de06fce6";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -9869,41 +9954,61 @@ function cov_20wespd2q6() {
     statementMap: {
       "0": {
         start: {
-          line: 5,
+          line: 6,
           column: 22
         },
         end: {
-          line: 5,
-          column: 78
+          line: 15,
+          column: 1
         }
       },
       "1": {
         start: {
-          line: 5,
-          column: 33
+          line: 7,
+          column: 22
         },
         end: {
-          line: 5,
-          column: 78
+          line: 7,
+          column: 38
         }
       },
       "2": {
         start: {
-          line: 7,
+          line: 9,
+          column: 2
+        },
+        end: {
+          line: 14,
+          column: 5
+        }
+      },
+      "3": {
+        start: {
+          line: 12,
+          column: 6
+        },
+        end: {
+          line: 12,
+          column: 60
+        }
+      },
+      "4": {
+        start: {
+          line: 17,
           column: 22
         },
         end: {
-          line: 7,
+          line: 17,
           column: 78
         }
       },
-      "3": {
+      "5": {
         start: {
-          line: 7,
+          line: 17,
           column: 33
         },
         end: {
-          line: 7,
+          line: 17,
           column: 78
         }
       }
@@ -9913,49 +10018,73 @@ function cov_20wespd2q6() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 5,
+            line: 6,
             column: 22
           },
           end: {
-            line: 5,
+            line: 6,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 5,
+            line: 6,
             column: 33
           },
           end: {
-            line: 5,
-            column: 78
+            line: 15,
+            column: 1
           }
         },
-        line: 5
+        line: 6
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 7,
+            line: 11,
+            column: 15
+          },
+          end: {
+            line: 11,
+            column: 16
+          }
+        },
+        loc: {
+          start: {
+            line: 11,
+            column: 21
+          },
+          end: {
+            line: 13,
+            column: 5
+          }
+        },
+        line: 11
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 17,
             column: 22
           },
           end: {
-            line: 7,
+            line: 17,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 7,
+            line: 17,
             column: 33
           },
           end: {
-            line: 7,
+            line: 17,
             column: 78
           }
         },
-        line: 7
+        line: 17
       }
     },
     branchMap: {},
@@ -9963,15 +10092,18 @@ function cov_20wespd2q6() {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0,
+      "5": 0
     },
     f: {
       "0": 0,
-      "1": 0
+      "1": 0,
+      "2": 0
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "bd3500f983507fa4c8c23b98d76127677eab7903"
+    hash: "d9726001d441435c253e8bfbfa160531de06fce6"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9987,16 +10119,25 @@ function cov_20wespd2q6() {
   return actualCoverage;
 }
 cov_20wespd2q6();
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 cov_20wespd2q6().s[0]++;
 var useCreateBlob = function useCreateBlob(options) {
   cov_20wespd2q6().f[0]++;
-  cov_20wespd2q6().s[1]++;
-  return useMutation(directUploadsApi.create, options);
+  var queryClient = (cov_20wespd2q6().s[1]++, useQueryClient());
+  cov_20wespd2q6().s[2]++;
+  return useMutation(directUploadsApi.create, _objectSpread$2(_objectSpread$2({}, options), {}, {
+    onSuccess: function onSuccess() {
+      cov_20wespd2q6().f[1]++;
+      cov_20wespd2q6().s[3]++;
+      queryClient.invalidateQueries(QUERY_KEYS.ASSETS_LIST);
+    }
+  }));
 };
-cov_20wespd2q6().s[2]++;
+cov_20wespd2q6().s[4]++;
 var useUpdateBlob = function useUpdateBlob(options) {
-  cov_20wespd2q6().f[1]++;
-  cov_20wespd2q6().s[3]++;
+  cov_20wespd2q6().f[2]++;
+  cov_20wespd2q6().s[5]++;
   return useMutation(directUploadsApi.update, options);
 };
 
@@ -12795,7 +12936,7 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
                   id: blob.signed_id,
                   payload: {
                     metadata: {
-                      organization: globalProps.organization.apiKey,
+                      organizationKey: globalProps.organization.publicApiKey,
                       url: blob.blob_url,
                       height: 200,
                       width: 200
@@ -12848,7 +12989,7 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
               fileName: file.name,
               folder: (cov_sedvezotl().b[4][0]++, globalProps.imageKit.folder) || (cov_sedvezotl().b[4][1]++, IMAGE_KIT_DEFAULT_FOLDER),
               customMetadata: {
-                organizationKey: globalProps.organization.imagekitioKey,
+                organizationKey: globalProps.organization.publicApiKey,
                 appName: globalProps.appName
               }
             });
@@ -13236,137 +13377,52 @@ var assetsApi = (cov_2os1rrqd86().s[2]++, {
   fetch: fetch
 });
 
-function cov_1ukzvmo2ut() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/constants/query.js";
-  var hash = "84dca07a5663f77afbdfe2e01ab5dc61ad289828";
+function cov_1j8zq3as6y() {
+  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/hooks/useAssetsApi.js";
+  var hash = "1a577ae8afd7cf5d4a6396d31f43383c0cf2c21f";
   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/constants/query.js",
+    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/hooks/useAssetsApi.js",
     statementMap: {
       "0": {
         start: {
-          line: 1,
-          column: 26
+          line: 7,
+          column: 24
         },
         end: {
-          line: 4,
-          column: 1
+          line: 7,
+          column: 34
         }
       },
       "1": {
         start: {
-          line: 6,
-          column: 33
+          line: 9,
+          column: 23
         },
         end: {
-          line: 6,
-          column: 40
+          line: 14,
+          column: 3
         }
       },
       "2": {
         start: {
-          line: 8,
-          column: 35
+          line: 10,
+          column: 2
         },
         end: {
-          line: 8,
-          column: 42
+          line: 14,
+          column: 3
         }
       },
       "3": {
         start: {
-          line: 10,
-          column: 34
+          line: 12,
+          column: 10
         },
         end: {
-          line: 10,
-          column: 41
-        }
-      }
-    },
-    fnMap: {},
-    branchMap: {},
-    s: {
-      "0": 0,
-      "1": 0,
-      "2": 0,
-      "3": 0
-    },
-    f: {},
-    b: {},
-    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "84dca07a5663f77afbdfe2e01ab5dc61ad289828"
-  };
-  var coverage = global[gcv] || (global[gcv] = {});
-  if (!coverage[path] || coverage[path].hash !== hash) {
-    coverage[path] = coverageData;
-  }
-  var actualCoverage = coverage[path];
-  {
-    // @ts-ignore
-    cov_1ukzvmo2ut = function () {
-      return actualCoverage;
-    };
-  }
-  return actualCoverage;
-}
-cov_1ukzvmo2ut();
-var QUERY_KEYS = (cov_1ukzvmo2ut().s[0]++, {
-  ASSETS_LSIT: "assets-list",
-  UNSPLASH_LIST: "unsplash-list"
-});
-var ASSETS_STALE_TIME = (cov_1ukzvmo2ut().s[1]++, 900000); // 15 mins
-
-var UNSPLASH_STALE_TIME = (cov_1ukzvmo2ut().s[2]++, 900000);
-(cov_1ukzvmo2ut().s[3]++, 100000);
-
-function cov_1j8zq3as6y() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/hooks/useAssetsApi.js";
-  var hash = "1a577ae8afd7cf5d4a6396d31f43383c0cf2c21f";
-  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/hooks/useAssetsApi.js",
-    statementMap: {
-      "0": {
-        start: {
-          line: 7,
-          column: 24
-        },
-        end: {
-          line: 7,
-          column: 34
-        }
-      },
-      "1": {
-        start: {
-          line: 9,
-          column: 23
-        },
-        end: {
-          line: 14,
-          column: 3
-        }
-      },
-      "2": {
-        start: {
-          line: 10,
-          column: 2
-        },
-        end: {
-          line: 14,
-          column: 3
-        }
-      },
-      "3": {
-        start: {
-          line: 12,
-          column: 10
-        },
-        end: {
-          line: 12,
-          column: 42
+          line: 12,
+          column: 42
         }
       }
     },
@@ -14257,7 +14313,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 = "3a4fff9abc2c14b59d779afd57024233c485d1e1";
+  var hash = "c473cb3866c3f7dc827cf95f47e8e5075c178fe5";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -14269,7 +14325,7 @@ function cov_2pomp2sey4() {
           column: 25
         },
         end: {
-          line: 81,
+          line: 84,
           column: 1
         }
       },
@@ -14289,7 +14345,7 @@ function cov_2pomp2sey4() {
           column: 2
         },
         end: {
-          line: 80,
+          line: 83,
           column: 4
         }
       },
@@ -14299,7 +14355,7 @@ function cov_2pomp2sey4() {
           column: 10
         },
         end: {
-          line: 76,
+          line: 79,
           column: 16
         }
       },
@@ -14315,12 +14371,12 @@ function cov_2pomp2sey4() {
       },
       "5": {
         start: {
-          line: 72,
-          column: 55
+          line: 74,
+          column: 35
         },
         end: {
-          line: 72,
-          column: 70
+          line: 74,
+          column: 58
         }
       }
     },
@@ -14343,7 +14399,7 @@ function cov_2pomp2sey4() {
             column: 6
           },
           end: {
-            line: 81,
+            line: 84,
             column: 1
           }
         },
@@ -14367,7 +14423,7 @@ function cov_2pomp2sey4() {
             column: 10
           },
           end: {
-            line: 76,
+            line: 79,
             column: 16
           }
         },
@@ -14401,25 +14457,25 @@ function cov_2pomp2sey4() {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 72,
-            column: 49
+            line: 74,
+            column: 29
           },
           end: {
-            line: 72,
-            column: 50
+            line: 74,
+            column: 30
           }
         },
         loc: {
           start: {
-            line: 72,
-            column: 55
+            line: 74,
+            column: 35
           },
           end: {
-            line: 72,
-            column: 70
+            line: 74,
+            column: 58
           }
         },
-        line: 72
+        line: 74
       }
     },
     branchMap: {
@@ -14479,18 +14535,18 @@ function cov_2pomp2sey4() {
           },
           end: {
             line: 18,
-            column: 17
+            column: 25
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 18,
-            column: 13
+            column: 21
           },
           end: {
             line: 18,
-            column: 17
+            column: 25
           }
         }],
         line: 18
@@ -14559,7 +14615,7 @@ function cov_2pomp2sey4() {
             column: 17
           },
           end: {
-            line: 73,
+            line: 76,
             column: 17
           }
         },
@@ -14579,8 +14635,8 @@ function cov_2pomp2sey4() {
             column: 18
           },
           end: {
-            line: 72,
-            column: 74
+            line: 75,
+            column: 20
           }
         }],
         line: 71
@@ -14609,7 +14665,7 @@ function cov_2pomp2sey4() {
       "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "3a4fff9abc2c14b59d779afd57024233c485d1e1"
+    hash: "c473cb3866c3f7dc827cf95f47e8e5075c178fe5"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -14633,8 +14689,8 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     loadMore = _ref$loadMore === void 0 ? (cov_2pomp2sey4().b[1][0]++, noop$2) : _ref$loadMore,
     tab = _ref.tab,
     images = _ref.images,
-    _ref$setImage = _ref.setImage,
-    setImage = _ref$setImage === void 0 ? (cov_2pomp2sey4().b[2][0]++, noop$2) : _ref$setImage,
+    _ref$setSelectedImage = _ref.setSelectedImage,
+    setSelectedImage = _ref$setSelectedImage === void 0 ? (cov_2pomp2sey4().b[2][0]++, noop$2) : _ref$setSelectedImage,
     _ref$handleUnsplashIm = _ref.handleUnsplashImageSelect,
     handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? (cov_2pomp2sey4().b[3][0]++, noop$2) : _ref$handleUnsplashIm;
   cov_2pomp2sey4().f[0]++;
@@ -14686,7 +14742,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
       onClick: function onClick() {
         cov_2pomp2sey4().f[3]++;
         cov_2pomp2sey4().s[5]++;
-        return setImage(image);
+        return setSelectedImage(image);
       }
     })))));
   })));
@@ -14694,7 +14750,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
 
 function cov_10brjehl2r() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/Assets.jsx";
-  var hash = "ac78cddd40c414c1c2dd4628970ce122d347f7aa";
+  var hash = "a71ba387ca16e5ae7c32643d4ef9f02583072e0c";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -14706,7 +14762,7 @@ function cov_10brjehl2r() {
           column: 15
         },
         end: {
-          line: 36,
+          line: 40,
           column: 1
         }
       },
@@ -14723,7 +14779,7 @@ function cov_10brjehl2r() {
       "2": {
         start: {
           line: 16,
-          column: 43
+          column: 44
         },
         end: {
           line: 19,
@@ -14756,7 +14812,7 @@ function cov_10brjehl2r() {
           column: 2
         },
         end: {
-          line: 35,
+          line: 39,
           column: 4
         }
       }
@@ -14777,10 +14833,10 @@ function cov_10brjehl2r() {
         loc: {
           start: {
             line: 13,
-            column: 49
+            column: 57
           },
           end: {
-            line: 36,
+            line: 40,
             column: 1
           }
         },
@@ -14852,7 +14908,7 @@ function cov_10brjehl2r() {
             column: 9
           },
           end: {
-            line: 35,
+            line: 39,
             column: 3
           }
         },
@@ -14863,16 +14919,16 @@ function cov_10brjehl2r() {
             column: 4
           },
           end: {
-            line: 30,
-            column: 78
+            line: 34,
+            column: 6
           }
         }, {
           start: {
-            line: 32,
+            line: 36,
             column: 4
           },
           end: {
-            line: 34,
+            line: 38,
             column: 10
           }
         }],
@@ -14896,7 +14952,7 @@ function cov_10brjehl2r() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "ac78cddd40c414c1c2dd4628970ce122d347f7aa"
+    hash: "a71ba387ca16e5ae7c32643d4ef9f02583072e0c"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -14914,7 +14970,7 @@ function cov_10brjehl2r() {
 cov_10brjehl2r();
 cov_10brjehl2r().s[0]++;
 var Assets = function Assets(_ref) {
-  var setImage = _ref.setImage,
+  var setSelectedImage = _ref.setSelectedImage,
     debouncedQuery = _ref.debouncedQuery;
   cov_10brjehl2r().f[0]++;
   var _ref2 = (cov_10brjehl2r().s[1]++, useTranslation()),
@@ -14925,9 +14981,9 @@ var Assets = function Assets(_ref) {
     })),
     _ref3$data = _ref3.data,
     images = _ref3$data === void 0 ? (cov_10brjehl2r().b[0][0]++, []) : _ref3$data,
-    isLoading = _ref3.isLoading;
+    isFetching = _ref3.isFetching;
   cov_10brjehl2r().s[3]++;
-  if (isLoading) {
+  if (isFetching) {
     cov_10brjehl2r().b[1][0]++;
     cov_10brjehl2r().s[4]++;
     return /*#__PURE__*/React.createElement("div", {
@@ -14939,7 +14995,7 @@ var Assets = function Assets(_ref) {
   cov_10brjehl2r().s[5]++;
   return isNotEmpty(images) ? (cov_10brjehl2r().b[2][0]++, /*#__PURE__*/React.createElement(InfiniteScroller, {
     images: images,
-    setImage: setImage,
+    setSelectedImage: setSelectedImage,
     tab: TABS[0].key
   })) : (cov_10brjehl2r().b[2][1]++, /*#__PURE__*/React.createElement("div", {
     className: "flex items-center justify-center"
@@ -15362,13 +15418,13 @@ var useFetchUnsplashImages = function useFetchUnsplashImages(_ref2) {
   }, options));
 };
 
-function cov_1wbab1h362() {
-  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/utils.js";
-  var hash = "66b3965aaef6c28dd83ad09a011d0cbfd61ea0a0";
+function cov_1hbj0u25oo() {
+  var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/utils.js";
+  var hash = "870cb6de5c05330de38467ffa73657cf7d079c56";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
-    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/utils.js",
+    path: "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/utils.js",
     statementMap: {
       "0": {
         start: {
@@ -15693,7 +15749,7 @@ function cov_1wbab1h362() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "66b3965aaef6c28dd83ad09a011d0cbfd61ea0a0"
+    hash: "870cb6de5c05330de38467ffa73657cf7d079c56"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -15702,69 +15758,69 @@ function cov_1wbab1h362() {
   var actualCoverage = coverage[path];
   {
     // @ts-ignore
-    cov_1wbab1h362 = function () {
+    cov_1hbj0u25oo = function () {
       return actualCoverage;
     };
   }
   return actualCoverage;
 }
-cov_1wbab1h362();
-cov_1wbab1h362().s[0]++;
+cov_1hbj0u25oo();
+cov_1hbj0u25oo().s[0]++;
 var uploadWithDirectUpload = function uploadWithDirectUpload(file) {
-  cov_1wbab1h362().f[0]++;
-  cov_1wbab1h362().s[1]++;
+  cov_1hbj0u25oo().f[0]++;
+  cov_1hbj0u25oo().s[1]++;
   return new Promise(function (resolve, reject) {
-    cov_1wbab1h362().f[1]++;
-    var upload = (cov_1wbab1h362().s[2]++, new DirectUpload(file, "/api/direct_uploads"));
-    cov_1wbab1h362().s[3]++;
+    cov_1hbj0u25oo().f[1]++;
+    var upload = (cov_1hbj0u25oo().s[2]++, new DirectUpload(file, "/api/direct_uploads"));
+    cov_1hbj0u25oo().s[3]++;
     upload.create(function (error, blob) {
-      cov_1wbab1h362().f[2]++;
-      cov_1wbab1h362().s[4]++;
+      cov_1hbj0u25oo().f[2]++;
+      cov_1hbj0u25oo().s[4]++;
       if (error) {
-        cov_1wbab1h362().b[0][0]++;
-        cov_1wbab1h362().s[5]++;
+        cov_1hbj0u25oo().b[0][0]++;
+        cov_1hbj0u25oo().s[5]++;
         reject(error);
-        cov_1wbab1h362().s[6]++;
+        cov_1hbj0u25oo().s[6]++;
         return;
       } else {
-        cov_1wbab1h362().b[0][1]++;
+        cov_1hbj0u25oo().b[0][1]++;
       }
-      var payload = (cov_1wbab1h362().s[7]++, {
+      var payload = (cov_1hbj0u25oo().s[7]++, {
         id: blob.signed_id,
         payload: {
           metadata: {
-            organization: globalProps.organization.subdomain,
+            organizationKey: globalProps.organization.publicApiKey,
             url: blob.blob_url,
             height: 200,
             width: 200
           }
         }
       });
-      cov_1wbab1h362().s[8]++;
+      cov_1hbj0u25oo().s[8]++;
       directUploadsApi.update(payload);
-      cov_1wbab1h362().s[9]++;
+      cov_1hbj0u25oo().s[9]++;
       resolve(mergeRight(keysToCamelCase(blob), {
         url: blob.blob_url
       }));
     });
   });
 };
-cov_1wbab1h362().s[10]++;
+cov_1hbj0u25oo().s[10]++;
 var uploadWithImageKit = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
     var imagekit;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          cov_1wbab1h362().f[3]++;
-          imagekit = (cov_1wbab1h362().s[11]++, new ImageKit(globalProps.imageKit));
-          cov_1wbab1h362().s[12]++;
+          cov_1hbj0u25oo().f[3]++;
+          imagekit = (cov_1hbj0u25oo().s[11]++, new ImageKit(globalProps.imageKit));
+          cov_1hbj0u25oo().s[12]++;
           return _context.abrupt("return", imagekit.upload({
             file: file,
             fileName: UNSPLASH_DEFAULT_NAME,
-            folder: (cov_1wbab1h362().b[1][0]++, globalProps.imageKit.folder) || (cov_1wbab1h362().b[1][1]++, IMAGE_KIT_DEFAULT_FOLDER),
+            folder: (cov_1hbj0u25oo().b[1][0]++, globalProps.imageKit.folder) || (cov_1hbj0u25oo().b[1][1]++, IMAGE_KIT_DEFAULT_FOLDER),
             customMetadata: {
-              organizationSubdomain: globalProps.organization.subdomain,
+              organizationKey: globalProps.organization.publicApiKey,
               appName: globalProps.appName
             }
           }));
@@ -15781,7 +15837,7 @@ var uploadWithImageKit = /*#__PURE__*/function () {
 
 function cov_28odpwq50i() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/Unsplash.jsx";
-  var hash = "2c05c69715d4cbe81ae963500d90ab4c6d273a49";
+  var hash = "e056be1757669955145c1d0219959ffac38ce998";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -15789,351 +15845,351 @@ function cov_28odpwq50i() {
     statementMap: {
       "0": {
         start: {
-          line: 24,
+          line: 21,
           column: 24
         },
         end: {
-          line: 108,
+          line: 109,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 25,
+          line: 26,
           column: 32
         },
         end: {
-          line: 25,
+          line: 26,
           column: 46
         }
       },
       "2": {
         start: {
-          line: 26,
+          line: 27,
           column: 30
         },
         end: {
-          line: 26,
+          line: 27,
           column: 42
         }
       },
       "3": {
         start: {
-          line: 27,
+          line: 28,
           column: 30
         },
         end: {
-          line: 27,
+          line: 28,
           column: 41
         }
       },
       "4": {
         start: {
-          line: 28,
+          line: 29,
           column: 28
         },
         end: {
-          line: 28,
+          line: 29,
           column: 43
         }
       },
       "5": {
         start: {
-          line: 30,
+          line: 31,
           column: 20
         },
         end: {
-          line: 35,
+          line: 36,
           column: 3
         }
       },
       "6": {
         start: {
-          line: 31,
+          line: 32,
           column: 4
         },
         end: {
-          line: 31,
+          line: 32,
           column: 76
         }
       },
       "7": {
         start: {
-          line: 33,
+          line: 34,
           column: 4
         },
         end: {
-          line: 33,
+          line: 34,
           column: 19
         }
       },
       "8": {
         start: {
-          line: 34,
+          line: 35,
           column: 4
         },
         end: {
-          line: 34,
+          line: 35,
           column: 36
         }
       },
       "9": {
         start: {
-          line: 37,
+          line: 38,
           column: 36
         },
         end: {
-          line: 59,
+          line: 60,
           column: 3
         }
       },
       "10": {
         start: {
-          line: 38,
+          line: 39,
           column: 4
         },
         end: {
-          line: 58,
+          line: 59,
           column: 5
         }
       },
       "11": {
         start: {
-          line: 39,
+          line: 40,
           column: 6
         },
         end: {
-          line: 39,
+          line: 40,
           column: 27
         }
       },
       "12": {
         start: {
-          line: 40,
+          line: 41,
           column: 23
         },
         end: {
-          line: 43,
+          line: 44,
           column: 7
         }
       },
       "13": {
         start: {
-          line: 45,
+          line: 46,
           column: 19
         },
         end: {
-          line: 47,
+          line: 48,
           column: 8
         }
       },
       "14": {
         start: {
-          line: 49,
+          line: 50,
           column: 21
         },
         end: {
-          line: 51,
+          line: 52,
           column: 40
         }
       },
       "15": {
         start: {
-          line: 53,
+          line: 54,
           column: 6
         },
         end: {
-          line: 53,
-          column: 23
+          line: 54,
+          column: 31
         }
       },
       "16": {
         start: {
-          line: 55,
+          line: 56,
           column: 6
         },
         end: {
-          line: 55,
+          line: 56,
           column: 26
         }
       },
       "17": {
         start: {
-          line: 57,
+          line: 58,
           column: 6
         },
         end: {
-          line: 57,
+          line: 58,
           column: 28
         }
       },
       "18": {
         start: {
-          line: 61,
+          line: 62,
           column: 18
         },
         end: {
-          line: 61,
+          line: 62,
           column: 38
         }
       },
       "19": {
         start: {
-          line: 61,
+          line: 62,
           column: 24
         },
         end: {
-          line: 61,
+          line: 62,
           column: 38
         }
       },
       "20": {
         start: {
-          line: 63,
+          line: 64,
           column: 16
         },
         end: {
-          line: 63,
+          line: 64,
           column: 32
         }
       },
       "21": {
         start: {
-          line: 65,
+          line: 66,
           column: 34
         },
         end: {
-          line: 74,
+          line: 75,
           column: 3
         }
       },
       "22": {
         start: {
-          line: 76,
+          line: 77,
           column: 19
         },
         end: {
-          line: 83,
+          line: 84,
           column: 9
         }
       },
       "23": {
         start: {
-          line: 77,
+          line: 78,
           column: 4
         },
         end: {
-          line: 77,
+          line: 78,
           column: 39
         }
       },
       "24": {
         start: {
-          line: 77,
+          line: 78,
           column: 32
         },
         end: {
-          line: 77,
+          line: 78,
           column: 39
         }
       },
       "25": {
         start: {
-          line: 79,
+          line: 80,
           column: 4
         },
         end: {
-          line: 82,
+          line: 83,
           column: 5
         }
       },
       "26": {
         start: {
-          line: 80,
+          line: 81,
           column: 6
         },
         end: {
-          line: 80,
+          line: 81,
           column: 22
         }
       },
       "27": {
         start: {
-          line: 81,
+          line: 82,
           column: 6
         },
         end: {
-          line: 81,
+          line: 82,
           column: 16
         }
       },
       "28": {
         start: {
-          line: 85,
+          line: 86,
           column: 2
         },
         end: {
-          line: 89,
+          line: 90,
           column: 23
         }
       },
       "29": {
         start: {
-          line: 86,
+          line: 87,
           column: 4
         },
         end: {
-          line: 86,
+          line: 87,
           column: 17
         }
       },
       "30": {
         start: {
-          line: 87,
+          line: 88,
           column: 4
         },
         end: {
-          line: 87,
+          line: 88,
           column: 18
         }
       },
       "31": {
         start: {
-          line: 88,
+          line: 89,
           column: 4
         },
         end: {
-          line: 88,
+          line: 89,
           column: 14
         }
       },
       "32": {
         start: {
-          line: 91,
+          line: 92,
           column: 2
         },
         end: {
-          line: 97,
+          line: 98,
           column: 3
         }
       },
       "33": {
         start: {
-          line: 92,
+          line: 93,
           column: 4
         },
         end: {
-          line: 96,
+          line: 97,
           column: 6
         }
       },
       "34": {
         start: {
-          line: 99,
+          line: 100,
           column: 2
         },
         end: {
-          line: 107,
+          line: 108,
           column: 4
         }
       }
@@ -16143,257 +16199,257 @@ function cov_28odpwq50i() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 24,
+            line: 21,
             column: 24
           },
           end: {
-            line: 24,
+            line: 21,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 24,
-            column: 74
+            line: 25,
+            column: 6
           },
           end: {
-            line: 108,
+            line: 109,
             column: 1
           }
         },
-        line: 24
+        line: 25
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 30,
+            line: 31,
             column: 20
           },
           end: {
-            line: 30,
+            line: 31,
             column: 21
           }
         },
         loc: {
           start: {
-            line: 30,
+            line: 31,
             column: 54
           },
           end: {
-            line: 35,
+            line: 36,
             column: 3
           }
         },
-        line: 30
+        line: 31
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 37,
+            line: 38,
             column: 36
           },
           end: {
-            line: 37,
+            line: 38,
             column: 37
           }
         },
         loc: {
           start: {
-            line: 37,
+            line: 38,
             column: 51
           },
           end: {
-            line: 59,
+            line: 60,
             column: 3
           }
         },
-        line: 37
+        line: 38
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 61,
+            line: 62,
             column: 18
           },
           end: {
-            line: 61,
+            line: 62,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 61,
+            line: 62,
             column: 24
           },
           end: {
-            line: 61,
+            line: 62,
             column: 38
           }
         },
-        line: 61
+        line: 62
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 76,
+            line: 77,
             column: 35
           },
           end: {
-            line: 76,
+            line: 77,
             column: 36
           }
         },
         loc: {
           start: {
-            line: 76,
+            line: 77,
             column: 41
           },
           end: {
-            line: 83,
+            line: 84,
             column: 3
           }
         },
-        line: 76
+        line: 77
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 85,
+            line: 86,
             column: 12
           },
           end: {
-            line: 85,
+            line: 86,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 85,
+            line: 86,
             column: 18
           },
           end: {
-            line: 89,
+            line: 90,
             column: 3
           }
         },
-        line: 85
+        line: 86
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 30,
+            line: 31,
             column: 23
           },
           end: {
-            line: 30,
+            line: 31,
             column: 35
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 30,
+            line: 31,
             column: 33
           },
           end: {
-            line: 30,
+            line: 31,
             column: 35
           }
         }],
-        line: 30
+        line: 31
       },
       "1": {
         loc: {
           start: {
-            line: 31,
+            line: 32,
             column: 4
           },
           end: {
-            line: 31,
+            line: 32,
             column: 75
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 31,
+            line: 32,
             column: 24
           },
           end: {
-            line: 31,
+            line: 32,
             column: 42
           }
         }, {
           start: {
-            line: 31,
+            line: 32,
             column: 45
           },
           end: {
-            line: 31,
+            line: 32,
             column: 75
           }
         }],
-        line: 31
+        line: 32
       },
       "2": {
         loc: {
           start: {
-            line: 49,
+            line: 50,
             column: 21
           },
           end: {
-            line: 51,
+            line: 52,
             column: 40
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 50,
+            line: 51,
             column: 10
           },
           end: {
-            line: 50,
+            line: 51,
             column: 44
           }
         }, {
           start: {
-            line: 51,
+            line: 52,
             column: 10
           },
           end: {
-            line: 51,
+            line: 52,
             column: 40
           }
         }],
-        line: 49
+        line: 50
       },
       "3": {
         loc: {
           start: {
-            line: 77,
+            line: 78,
             column: 4
           },
           end: {
-            line: 77,
+            line: 78,
             column: 39
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 77,
+            line: 78,
             column: 4
           },
           end: {
-            line: 77,
+            line: 78,
             column: 39
           }
         }, {
@@ -16406,60 +16462,60 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 77
+        line: 78
       },
       "4": {
         loc: {
           start: {
-            line: 77,
+            line: 78,
             column: 8
           },
           end: {
-            line: 77,
+            line: 78,
             column: 30
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 77,
+            line: 78,
             column: 8
           },
           end: {
-            line: 77,
+            line: 78,
             column: 18
           }
         }, {
           start: {
-            line: 77,
+            line: 78,
             column: 22
           },
           end: {
-            line: 77,
+            line: 78,
             column: 30
           }
         }],
-        line: 77
+        line: 78
       },
       "5": {
         loc: {
           start: {
-            line: 79,
+            line: 80,
             column: 4
           },
           end: {
-            line: 82,
+            line: 83,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 79,
+            line: 80,
             column: 4
           },
           end: {
-            line: 82,
+            line: 83,
             column: 5
           }
         }, {
@@ -16472,27 +16528,27 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 79
+        line: 80
       },
       "6": {
         loc: {
           start: {
-            line: 91,
+            line: 92,
             column: 2
           },
           end: {
-            line: 97,
+            line: 98,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 91,
+            line: 92,
             column: 2
           },
           end: {
-            line: 97,
+            line: 98,
             column: 3
           }
         }, {
@@ -16505,7 +16561,7 @@ function cov_28odpwq50i() {
             column: undefined
           }
         }],
-        line: 91
+        line: 92
       }
     },
     s: {
@@ -16563,7 +16619,7 @@ function cov_28odpwq50i() {
       "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "2c05c69715d4cbe81ae963500d90ab4c6d273a49"
+    hash: "e056be1757669955145c1d0219959ffac38ce998"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -16582,7 +16638,7 @@ cov_28odpwq50i();
 cov_28odpwq50i().s[0]++;
 var UnsplashLibrary = function UnsplashLibrary(_ref) {
   var debouncedQuery = _ref.debouncedQuery,
-    setImage = _ref.setImage,
+    setSelectedImage = _ref.setSelectedImage,
     setIsUploading = _ref.setIsUploading;
   cov_28odpwq50i().f[0]++;
   var _ref2 = (cov_28odpwq50i().s[1]++, useState(true)),
@@ -16655,7 +16711,7 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
           case 22:
             result = _context.t0;
             cov_28odpwq50i().s[15]++;
-            setImage(result);
+            setSelectedImage(result);
             _context.next = 31;
             break;
           case 27:
@@ -16749,7 +16805,7 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
 
 function cov_zqbvekg8p() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageLibrary/index.jsx";
-  var hash = "ca936a8d20bf1914664a90f142ec6fb720c8767d";
+  var hash = "370d6ac3f98e926f9b8f68980aa94664d3ea239d";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -16761,7 +16817,7 @@ function cov_zqbvekg8p() {
           column: 21
         },
         end: {
-          line: 45,
+          line: 48,
           column: 1
         }
       },
@@ -16821,7 +16877,7 @@ function cov_zqbvekg8p() {
           column: 2
         },
         end: {
-          line: 44,
+          line: 47,
           column: 4
         }
       },
@@ -16852,10 +16908,10 @@ function cov_zqbvekg8p() {
         loc: {
           start: {
             line: 12,
-            column: 60
+            column: 68
           },
           end: {
-            line: 45,
+            line: 48,
             column: 1
           }
         },
@@ -16918,7 +16974,7 @@ function cov_zqbvekg8p() {
             column: 7
           },
           end: {
-            line: 42,
+            line: 45,
             column: 7
           }
         },
@@ -16929,16 +16985,16 @@ function cov_zqbvekg8p() {
             column: 8
           },
           end: {
-            line: 35,
-            column: 70
+            line: 38,
+            column: 10
           }
         }, {
           start: {
-            line: 37,
+            line: 40,
             column: 8
           },
           end: {
-            line: 41,
+            line: 44,
             column: 10
           }
         }],
@@ -16964,7 +17020,7 @@ function cov_zqbvekg8p() {
       "0": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "ca936a8d20bf1914664a90f142ec6fb720c8767d"
+    hash: "370d6ac3f98e926f9b8f68980aa94664d3ea239d"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -16982,7 +17038,7 @@ function cov_zqbvekg8p() {
 cov_zqbvekg8p();
 cov_zqbvekg8p().s[0]++;
 var ImageLibrary = function ImageLibrary(_ref) {
-  var setImage = _ref.setImage,
+  var setSelectedImage = _ref.setSelectedImage,
     tab = _ref.tab,
     setIsUploading = _ref.setIsUploading;
   cov_zqbvekg8p().f[0]++;
@@ -17017,17 +17073,17 @@ var ImageLibrary = function ImageLibrary(_ref) {
     }
   }), tab === TABS[0].key ? (cov_zqbvekg8p().b[0][0]++, /*#__PURE__*/React.createElement(Assets, {
     debouncedQuery: debouncedQuery,
-    setImage: setImage
+    setSelectedImage: setSelectedImage
   })) : (cov_zqbvekg8p().b[0][1]++, /*#__PURE__*/React.createElement(UnsplashLibrary, {
     debouncedQuery: debouncedQuery,
-    setImage: setImage,
-    setIsUploading: setIsUploading
+    setIsUploading: setIsUploading,
+    setSelectedImage: setSelectedImage
   })));
 };
 
 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 = "06d519a1b71a8b75590460ab65965c8b9d5fb901";
+  var hash = "ed194744e65faee4db8cb2231a84321ffef530ba";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -17039,7 +17095,7 @@ function cov_2my1w2udyi() {
           column: 14
         },
         end: {
-          line: 156,
+          line: 158,
           column: 1
         }
       },
@@ -17056,11 +17112,11 @@ function cov_2my1w2udyi() {
       "2": {
         start: {
           line: 27,
-          column: 28
+          column: 44
         },
         end: {
           line: 27,
-          column: 40
+          column: 56
         }
       },
       "3": {
@@ -17096,260 +17152,220 @@ function cov_2my1w2udyi() {
       "6": {
         start: {
           line: 34,
-          column: 23
+          column: 27
         },
         end: {
-          line: 34,
-          column: 45
+          line: 37,
+          column: 3
         }
       },
       "7": {
         start: {
-          line: 34,
-          column: 31
+          line: 35,
+          column: 4
         },
         end: {
-          line: 34,
-          column: 45
+          line: 35,
+          column: 14
         }
       },
       "8": {
         start: {
           line: 36,
-          column: 22
+          column: 4
         },
         end: {
-          line: 39,
-          column: 3
+          line: 36,
+          column: 25
         }
       },
       "9": {
         start: {
-          line: 37,
-          column: 4
+          line: 39,
+          column: 34
         },
         end: {
-          line: 37,
-          column: 14
+          line: 66,
+          column: 3
         }
       },
       "10": {
         start: {
-          line: 38,
+          line: 40,
           column: 4
         },
         end: {
-          line: 38,
-          column: 17
+          line: 64,
+          column: 5
         }
       },
       "11": {
         start: {
           line: 41,
-          column: 29
+          column: 6
         },
         end: {
-          line: 64,
-          column: 3
+          line: 44,
+          column: 9
         }
       },
       "12": {
         start: {
-          line: 42,
-          column: 4
+          line: 46,
+          column: 22
         },
         end: {
-          line: 47,
-          column: 5
+          line: 53,
+          column: 7
         }
       },
       "13": {
         start: {
-          line: 43,
+          line: 55,
           column: 6
         },
         end: {
-          line: 43,
-          column: 78
+          line: 63,
+          column: 9
         }
       },
       "14": {
         start: {
-          line: 44,
-          column: 6
+          line: 57,
+          column: 10
         },
         end: {
-          line: 44,
-          column: 20
+          line: 60,
+          column: 13
         }
       },
       "15": {
         start: {
-          line: 46,
-          column: 6
+          line: 65,
+          column: 4
         },
         end: {
-          line: 46,
-          column: 13
+          line: 65,
+          column: 23
         }
       },
       "16": {
         start: {
-          line: 49,
-          column: 20
+          line: 69,
+          column: 4
         },
         end: {
-          line: 55,
-          column: 5
+          line: 74,
+          column: 6
         }
       },
       "17": {
         start: {
-          line: 57,
-          column: 4
-        },
+          line: 76,
+          column: 31
+        },
         end: {
-          line: 62,
-          column: 7
+          line: 76,
+          column: 62
         }
       },
       "18": {
         start: {
-          line: 59,
-          column: 8
+          line: 76,
+          column: 37
         },
         end: {
-          line: 59,
-          column: 80
+          line: 76,
+          column: 62
         }
       },
       "19": {
         start: {
-          line: 63,
-          column: 4
-        },
-        end: {
-          line: 63,
-          column: 18
-        }
-      },
-      "20": {
-        start: {
-          line: 67,
-          column: 4
-        },
-        end: {
-          line: 72,
-          column: 6
-        }
-      },
-      "21": {
-        start: {
-          line: 73,
-          column: 25
-        },
-        end: {
-          line: 73,
-          column: 56
-        }
-      },
-      "22": {
-        start: {
-          line: 73,
-          column: 31
-        },
-        end: {
-          line: 73,
-          column: 56
-        }
-      },
-      "23": {
-        start: {
-          line: 75,
+          line: 77,
           column: 18
         },
         end: {
-          line: 75,
-          column: 76
+          line: 79,
+          column: 4
         }
       },
-      "24": {
+      "20": {
         start: {
-          line: 77,
+          line: 81,
           column: 2
         },
         end: {
-          line: 79,
+          line: 83,
           column: 15
         }
       },
-      "25": {
+      "21": {
         start: {
-          line: 78,
+          line: 82,
           column: 4
         },
         end: {
-          line: 78,
+          line: 82,
           column: 30
         }
       },
-      "26": {
+      "22": {
         start: {
-          line: 81,
+          line: 85,
           column: 2
         },
         end: {
-          line: 155,
+          line: 157,
           column: 4
         }
       },
-      "27": {
+      "23": {
         start: {
-          line: 104,
+          line: 108,
           column: 29
         },
         end: {
-          line: 104,
-          column: 41
+          line: 108,
+          column: 49
         }
       },
-      "28": {
+      "24": {
         start: {
-          line: 112,
+          line: 116,
           column: 30
         },
         end: {
-          line: 112,
+          line: 116,
           column: 53
         }
       },
-      "29": {
+      "25": {
         start: {
-          line: 122,
+          line: 126,
           column: 18
         },
         end: {
-          line: 130,
+          line: 132,
           column: 29
         }
       },
-      "30": {
+      "26": {
         start: {
-          line: 126,
-          column: 22
+          line: 129,
+          column: 35
         },
         end: {
-          line: 126,
-          column: 44
+          line: 129,
+          column: 56
         }
       },
-      "31": {
+      "27": {
         start: {
-          line: 136,
+          line: 138,
           column: 16
         },
         end: {
-          line: 142,
+          line: 144,
           column: 18
         }
       }
@@ -17370,10 +17386,10 @@ function cov_2my1w2udyi() {
         loc: {
           start: {
             line: 25,
-            column: 64
+            column: 71
           },
           end: {
-            line: 156,
+            line: 158,
             column: 1
           }
         },
@@ -17384,21 +17400,21 @@ function cov_2my1w2udyi() {
         decl: {
           start: {
             line: 34,
-            column: 23
+            column: 27
           },
           end: {
             line: 34,
-            column: 24
+            column: 28
           }
         },
         loc: {
           start: {
             line: 34,
-            column: 31
+            column: 33
           },
           end: {
-            line: 34,
-            column: 45
+            line: 37,
+            column: 3
           }
         },
         line: 34
@@ -17407,241 +17423,217 @@ function cov_2my1w2udyi() {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 36,
-            column: 22
+            line: 39,
+            column: 34
           },
           end: {
-            line: 36,
-            column: 23
+            line: 39,
+            column: 35
           }
         },
         loc: {
           start: {
-            line: 36,
-            column: 28
+            line: 39,
+            column: 49
           },
           end: {
-            line: 39,
+            line: 66,
             column: 3
           }
         },
-        line: 36
+        line: 39
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 41,
-            column: 29
+            line: 56,
+            column: 19
           },
           end: {
-            line: 41,
-            column: 30
+            line: 56,
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 41,
-            column: 38
+            line: 56,
+            column: 28
           },
           end: {
-            line: 64,
-            column: 3
+            line: 61,
+            column: 9
           }
         },
-        line: 41
+        line: 56
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 58,
-            column: 17
+            line: 76,
+            column: 31
           },
           end: {
-            line: 58,
-            column: 18
+            line: 76,
+            column: 32
           }
         },
         loc: {
           start: {
-            line: 58,
-            column: 26
+            line: 76,
+            column: 37
           },
           end: {
-            line: 60,
-            column: 7
+            line: 76,
+            column: 62
           }
         },
-        line: 58
+        line: 76
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 73,
-            column: 25
-          },
-          end: {
-            line: 73,
-            column: 26
-          }
-        },
-        loc: {
-          start: {
-            line: 73,
-            column: 31
-          },
-          end: {
-            line: 73,
-            column: 56
-          }
-        },
-        line: 73
-      },
-      "6": {
-        name: "(anonymous_6)",
-        decl: {
-          start: {
-            line: 77,
+            line: 81,
             column: 12
           },
           end: {
-            line: 77,
+            line: 81,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 77,
+            line: 81,
             column: 18
           },
           end: {
-            line: 79,
+            line: 83,
             column: 3
           }
         },
-        line: 77
+        line: 81
       },
-      "7": {
-        name: "(anonymous_7)",
+      "6": {
+        name: "(anonymous_6)",
         decl: {
           start: {
-            line: 104,
+            line: 108,
             column: 23
           },
           end: {
-            line: 104,
+            line: 108,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 104,
+            line: 108,
             column: 29
           },
           end: {
-            line: 104,
-            column: 41
+            line: 108,
+            column: 49
           }
         },
-        line: 104
+        line: 108
       },
-      "8": {
-        name: "(anonymous_8)",
+      "7": {
+        name: "(anonymous_7)",
         decl: {
           start: {
-            line: 112,
+            line: 116,
             column: 21
           },
           end: {
-            line: 112,
+            line: 116,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 112,
+            line: 116,
             column: 30
           },
           end: {
-            line: 112,
+            line: 116,
             column: 53
           }
         },
-        line: 112
+        line: 116
       },
-      "9": {
-        name: "(anonymous_9)",
+      "8": {
+        name: "(anonymous_8)",
         decl: {
           start: {
-            line: 121,
+            line: 125,
             column: 26
           },
           end: {
-            line: 121,
+            line: 125,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 122,
+            line: 126,
             column: 18
           },
           end: {
-            line: 130,
+            line: 132,
             column: 29
           }
         },
-        line: 122
+        line: 126
       },
-      "10": {
-        name: "(anonymous_10)",
+      "9": {
+        name: "(anonymous_9)",
         decl: {
           start: {
-            line: 125,
+            line: 129,
             column: 29
           },
           end: {
-            line: 125,
+            line: 129,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 125,
+            line: 129,
             column: 35
           },
           end: {
-            line: 127,
-            column: 21
+            line: 129,
+            column: 56
           }
         },
-        line: 125
+        line: 129
       },
-      "11": {
-        name: "(anonymous_11)",
+      "10": {
+        name: "(anonymous_10)",
         decl: {
           start: {
-            line: 135,
+            line: 137,
             column: 27
           },
           end: {
-            line: 135,
+            line: 137,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 136,
+            line: 138,
             column: 16
           },
           end: {
-            line: 142,
+            line: 144,
             column: 18
           }
         },
-        line: 136
+        line: 138
       }
     },
     branchMap: {
@@ -17649,22 +17641,22 @@ function cov_2my1w2udyi() {
         loc: {
           start: {
             line: 25,
-            column: 34
+            column: 25
           },
           end: {
             line: 25,
-            column: 57
+            column: 39
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 25,
-            column: 53
+            column: 35
           },
           end: {
             line: 25,
-            column: 57
+            column: 39
           }
         }],
         line: 25
@@ -17672,143 +17664,167 @@ function cov_2my1w2udyi() {
       "1": {
         loc: {
           start: {
-            line: 42,
+            line: 25,
+            column: 41
+          },
+          end: {
+            line: 25,
+            column: 64
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 25,
+            column: 60
+          },
+          end: {
+            line: 25,
+            column: 64
+          }
+        }],
+        line: 25
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 40,
             column: 4
           },
           end: {
-            line: 47,
+            line: 64,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 42,
+            line: 40,
             column: 4
           },
           end: {
-            line: 47,
+            line: 64,
             column: 5
           }
         }, {
           start: {
-            line: undefined,
-            column: undefined
+            line: 45,
+            column: 11
           },
           end: {
-            line: undefined,
-            column: undefined
+            line: 64,
+            column: 5
           }
         }],
-        line: 42
+        line: 40
       },
-      "2": {
+      "3": {
         loc: {
           start: {
-            line: 88,
+            line: 92,
             column: 7
           },
           end: {
-            line: 92,
+            line: 96,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 88,
+            line: 92,
             column: 7
           },
           end: {
-            line: 88,
+            line: 92,
             column: 18
           }
         }, {
           start: {
-            line: 89,
+            line: 93,
             column: 8
           },
           end: {
-            line: 91,
+            line: 95,
             column: 14
           }
         }],
-        line: 88
+        line: 92
       },
-      "3": {
+      "4": {
         loc: {
           start: {
-            line: 93,
+            line: 97,
             column: 7
           },
           end: {
-            line: 100,
+            line: 104,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 93,
+            line: 97,
             column: 7
           },
           end: {
-            line: 93,
-            column: 26
+            line: 97,
+            column: 34
           }
         }, {
           start: {
-            line: 93,
-            column: 30
+            line: 97,
+            column: 38
           },
           end: {
-            line: 93,
-            column: 42
+            line: 97,
+            column: 50
           }
         }, {
           start: {
-            line: 94,
+            line: 98,
             column: 8
           },
           end: {
-            line: 99,
+            line: 103,
             column: 14
           }
         }],
-        line: 93
+        line: 97
       },
-      "4": {
+      "5": {
         loc: {
           start: {
-            line: 101,
+            line: 105,
             column: 7
           },
           end: {
-            line: 152,
+            line: 154,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 102,
+            line: 106,
             column: 8
           },
           end: {
-            line: 107,
+            line: 111,
             column: 10
           }
         }, {
           start: {
-            line: 109,
+            line: 113,
             column: 8
           },
           end: {
-            line: 151,
+            line: 153,
             column: 14
           }
         }],
-        line: 101
+        line: 105
       }
     },
     s: {
@@ -17839,11 +17855,7 @@ function cov_2my1w2udyi() {
       "24": 0,
       "25": 0,
       "26": 0,
-      "27": 0,
-      "28": 0,
-      "29": 0,
-      "30": 0,
-      "31": 0
+      "27": 0
     },
     f: {
       "0": 0,
@@ -17856,18 +17868,18 @@ function cov_2my1w2udyi() {
       "7": 0,
       "8": 0,
       "9": 0,
-      "10": 0,
-      "11": 0
+      "10": 0
     },
     b: {
       "0": [0],
-      "1": [0, 0],
+      "1": [0],
       "2": [0, 0],
-      "3": [0, 0, 0],
-      "4": [0, 0]
+      "3": [0, 0],
+      "4": [0, 0, 0],
+      "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "06d519a1b71a8b75590460ab65965c8b9d5fb901"
+    hash: "ed194744e65faee4db8cb2231a84321ffef530ba"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -17886,9 +17898,10 @@ cov_2my1w2udyi();
 cov_2my1w2udyi().s[0]++;
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? (cov_2my1w2udyi().b[0][0]++, noop$2) : _ref$onClose,
     _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_2my1w2udyi().b[0][0]++, noop$2) : _ref$onUploadComplete;
+    onUploadComplete = _ref$onUploadComplete === void 0 ? (cov_2my1w2udyi().b[1][0]++, noop$2) : _ref$onUploadComplete;
   cov_2my1w2udyi().f[0]++;
   var _ref2 = (cov_2my1w2udyi().s[1]++, useState(TABS[0].key)),
     _ref3 = _slicedToArray$2(_ref2, 2),
@@ -17896,8 +17909,8 @@ var Modal = function Modal(_ref) {
     setActiveTab = _ref3[1];
   var _ref4 = (cov_2my1w2udyi().s[2]++, useState({})),
     _ref5 = _slicedToArray$2(_ref4, 2),
-    image = _ref5[0],
-    setImage = _ref5[1];
+    selectedImage = _ref5[0],
+    setSelectedImage = _ref5[1];
   var _ref6 = (cov_2my1w2udyi().s[3]++, useState(false)),
     _ref7 = _slicedToArray$2(_ref6, 2),
     isUploading = _ref7[0],
@@ -17907,111 +17920,102 @@ var Modal = function Modal(_ref) {
   var _ref9 = (cov_2my1w2udyi().s[5]++, useCreateBlob()),
     createBlob = _ref9.mutate;
   cov_2my1w2udyi().s[6]++;
-  var handleUpload = function handleUpload(file) {
+  var handleCloseModal = function handleCloseModal() {
     cov_2my1w2udyi().f[1]++;
     cov_2my1w2udyi().s[7]++;
-    return setImage(file);
+    onClose();
+    cov_2my1w2udyi().s[8]++;
+    setSelectedImage({});
   };
-  cov_2my1w2udyi().s[8]++;
-  var handleClose = function handleClose() {
+  cov_2my1w2udyi().s[9]++;
+  var handleImageEditComplete = function handleImageEditComplete(editedImage) {
     cov_2my1w2udyi().f[2]++;
-    cov_2my1w2udyi().s[9]++;
-    onClose();
     cov_2my1w2udyi().s[10]++;
-    setImage({});
-  };
-  cov_2my1w2udyi().s[11]++;
-  var handleEditComplete = function handleEditComplete(image) {
-    cov_2my1w2udyi().f[3]++;
-    cov_2my1w2udyi().s[12]++;
     if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
-      cov_2my1w2udyi().b[1][0]++;
-      cov_2my1w2udyi().s[13]++;
+      cov_2my1w2udyi().b[2][0]++;
+      cov_2my1w2udyi().s[11]++;
       onUploadComplete({
-        url: image.metadata.url,
-        signedId: image.signedId
+        url: editedImage.metadata.url,
+        signedId: editedImage.signedId
       });
-      cov_2my1w2udyi().s[14]++;
-      handleClose();
-      cov_2my1w2udyi().s[15]++;
-      return;
     } else {
-      cov_2my1w2udyi().b[1][1]++;
+      cov_2my1w2udyi().b[2][1]++;
+      var payload = (cov_2my1w2udyi().s[12]++, {
+        filename: editedImage.name,
+        byte_size: editedImage.size,
+        content_type: editedImage.fileType,
+        checksum: editedImage.fileId,
+        metadata: editedImage,
+        service_name: "imagekitio"
+      });
+      cov_2my1w2udyi().s[13]++;
+      createBlob(payload, {
+        onSuccess: function onSuccess(image) {
+          cov_2my1w2udyi().f[3]++;
+          cov_2my1w2udyi().s[14]++;
+          onUploadComplete({
+            url: image.metadata.url,
+            signedId: image.signedId
+          });
+        },
+        onError: Toastr.error
+      });
     }
-    var payload = (cov_2my1w2udyi().s[16]++, {
-      filename: image.name,
-      byte_size: image.size,
-      content_type: image.mime,
-      checksum: image.fileId,
-      metadata: image
-    });
-    cov_2my1w2udyi().s[17]++;
-    createBlob(payload, {
-      onSuccess: function onSuccess(image) {
-        cov_2my1w2udyi().f[4]++;
-        cov_2my1w2udyi().s[18]++;
-        onUploadComplete({
-          url: image.metadata.url,
-          signedId: image.signedId
-        });
-      },
-      onError: Toastr.error
-    });
-    cov_2my1w2udyi().s[19]++;
-    handleClose();
+    cov_2my1w2udyi().s[15]++;
+    handleCloseModal();
   };
-  var _ref10 = (cov_2my1w2udyi().s[20]++, useDropzoneWithValidation({
+  var _ref10 = (cov_2my1w2udyi().s[16]++, useDropzoneWithValidation({
       maxSize: MAX_IMAGE_SIZE$1,
       acceptedTypes: ALLOWED_IMAGE_TYPES$1,
-      onUploadComplete: handleUpload,
+      onUploadComplete: setSelectedImage,
       setIsUploading: setIsUploading
     })),
     getRootProps = _ref10.getRootProps,
     getInputProps = _ref10.getInputProps,
     isDragActive = _ref10.isDragActive,
     inputRef = _ref10.inputRef;
-  cov_2my1w2udyi().s[21]++;
-  var uploadNewAsset = function uploadNewAsset() {
+  cov_2my1w2udyi().s[17]++;
+  var openFileUploadDialog = function openFileUploadDialog() {
     var _inputRef$current;
-    cov_2my1w2udyi().f[5]++;
-    cov_2my1w2udyi().s[22]++;
+    cov_2my1w2udyi().f[4]++;
+    cov_2my1w2udyi().s[18]++;
     return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   };
-  var options = (cov_2my1w2udyi().s[23]++, createOptions([{
+  var options = (cov_2my1w2udyi().s[19]++, createOptions([{
     key: "local",
-    onClick: uploadNewAsset
+    onClick: openFileUploadDialog
   }]));
-  cov_2my1w2udyi().s[24]++;
+  cov_2my1w2udyi().s[20]++;
   useEffect(function () {
-    cov_2my1w2udyi().f[6]++;
-    cov_2my1w2udyi().s[25]++;
+    cov_2my1w2udyi().f[5]++;
+    cov_2my1w2udyi().s[21]++;
     setActiveTab(TABS[0].key);
   }, [isOpen]);
-  cov_2my1w2udyi().s[26]++;
+  cov_2my1w2udyi().s[22]++;
   return /*#__PURE__*/React.createElement(Modal$1, {
     className: "niu-modal",
     isOpen: isOpen,
     size: "large",
-    onClose: handleClose
-  }, (cov_2my1w2udyi().b[2][0]++, isUploading) && (cov_2my1w2udyi().b[2][1]++, /*#__PURE__*/React.createElement("div", {
+    onClose: handleCloseModal
+  }, (cov_2my1w2udyi().b[3][0]++, isUploading) && (cov_2my1w2udyi().b[3][1]++, /*#__PURE__*/React.createElement("div", {
     className: "absolute inset-0 z-50 flex h-full items-center justify-center bg-gray-400 opacity-50"
-  }, /*#__PURE__*/React.createElement(Spinner, null))), (cov_2my1w2udyi().b[3][0]++, isNilOrEmpty(image)) && (cov_2my1w2udyi().b[3][1]++, isDragActive) && (cov_2my1w2udyi().b[3][2]++, /*#__PURE__*/React.createElement("div", _extends$1({
+  }, /*#__PURE__*/React.createElement(Spinner, null))), (cov_2my1w2udyi().b[4][0]++, isNilOrEmpty(selectedImage)) && (cov_2my1w2udyi().b[4][1]++, isDragActive) && (cov_2my1w2udyi().b[4][2]++, /*#__PURE__*/React.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.createElement(Typography, null, t("common.dropHere")))), isNotEmpty(image) ? (cov_2my1w2udyi().b[4][0]++, /*#__PURE__*/React.createElement(ImageEditor, {
-    handleEditComplete: handleEditComplete,
+  }, getRootProps()), /*#__PURE__*/React.createElement(Typography, null, t("common.dropHere")))), !isNilOrEmpty(selectedImage) ? (cov_2my1w2udyi().b[5][0]++, /*#__PURE__*/React.createElement(ImageEditor, {
+    handleImageEditComplete: handleImageEditComplete,
     handleReset: function handleReset() {
-      cov_2my1w2udyi().f[7]++;
-      cov_2my1w2udyi().s[27]++;
-      return setImage({});
+      cov_2my1w2udyi().f[6]++;
+      cov_2my1w2udyi().s[23]++;
+      return setSelectedImage({});
     },
-    image: image,
-    signedId: image === null || image === void 0 ? void 0 : image.signedId
-  })) : (cov_2my1w2udyi().b[4][1]++, /*#__PURE__*/React.createElement("div", _extends$1({
+    image: selectedImage,
+    signedId: selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.signedId
+  })) : (cov_2my1w2udyi().b[5][1]++, /*#__PURE__*/React.createElement("div", _extends$1({
     className: "h-full flex-col"
   }, getRootProps({
     onClick: function onClick(event) {
-      cov_2my1w2udyi().f[8]++;
-      cov_2my1w2udyi().s[28]++;
+      cov_2my1w2udyi().f[7]++;
+      cov_2my1w2udyi().s[24]++;
       return event.stopPropagation();
     }
   })), /*#__PURE__*/React.createElement(Modal$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
@@ -18023,15 +18027,15 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React.createElement(Tab, {
     size: "small"
   }, TABS.map(function (tab) {
-    cov_2my1w2udyi().f[9]++;
-    cov_2my1w2udyi().s[29]++;
+    cov_2my1w2udyi().f[8]++;
+    cov_2my1w2udyi().s[25]++;
     return /*#__PURE__*/React.createElement(Tab.Item, {
       active: activeTab === tab.key,
       key: tab.key,
       onClick: function onClick() {
-        cov_2my1w2udyi().f[10]++;
-        cov_2my1w2udyi().s[30]++;
-        setActiveTab(tab.key);
+        cov_2my1w2udyi().f[9]++;
+        cov_2my1w2udyi().s[26]++;
+        return setActiveTab(tab.key);
       }
     }, tab.label);
   }))), /*#__PURE__*/React.createElement("div", {
@@ -18041,8 +18045,8 @@ var Modal = function Modal(_ref) {
       label = _ref11.label,
       onClick = _ref11.onClick,
       style = _ref11.style;
-    cov_2my1w2udyi().f[11]++;
-    cov_2my1w2udyi().s[31]++;
+    cov_2my1w2udyi().f[10]++;
+    cov_2my1w2udyi().s[27]++;
     return /*#__PURE__*/React.createElement(Button, {
       key: key,
       label: label,
@@ -18051,8 +18055,8 @@ var Modal = function Modal(_ref) {
       onClick: onClick
     });
   }))), /*#__PURE__*/React.createElement(ImageLibrary, {
-    setImage: setImage,
     setIsUploading: setIsUploading,
+    setSelectedImage: setSelectedImage,
     tab: activeTab
   }))), /*#__PURE__*/React.createElement("input", getInputProps()));
 };
@@ -18423,7 +18427,7 @@ var ProgressBar = function ProgressBar(_ref) {
 
 function cov_1avu3clziw() {
   var path = "/home/runner/work/neeto-image-uploader-nano/neeto-image-uploader-nano/app/javascript/src/components/ImageUploader/index.jsx";
-  var hash = "66a7d559843979d84a057c0347ae0bf9778dd2b3";
+  var hash = "dfb1bddf6ad2d106cc08375435d345426efb0acc";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -18435,7 +18439,7 @@ function cov_1avu3clziw() {
           column: 22
         },
         end: {
-          line: 176,
+          line: 183,
           column: 1
         }
       },
@@ -18599,213 +18603,263 @@ function cov_1avu3clziw() {
           column: 69
         }
       },
-      "17": {
+      "17": {
+        start: {
+          line: 41,
+          column: 4
+        },
+        end: {
+          line: 44,
+          column: 7
+        }
+      },
+      "18": {
+        start: {
+          line: 45,
+          column: 4
+        },
+        end: {
+          line: 45,
+          column: 40
+        }
+      },
+      "19": {
+        start: {
+          line: 46,
+          column: 4
+        },
+        end: {
+          line: 46,
+          column: 27
+        }
+      },
+      "20": {
+        start: {
+          line: 49,
+          column: 42
+        },
+        end: {
+          line: 54,
+          column: 3
+        }
+      },
+      "21": {
+        start: {
+          line: 50,
+          column: 4
+        },
+        end: {
+          line: 50,
+          column: 20
+        }
+      },
+      "22": {
         start: {
-          line: 41,
+          line: 51,
           column: 4
         },
         end: {
-          line: 44,
-          column: 7
+          line: 51,
+          column: 20
         }
       },
-      "18": {
+      "23": {
         start: {
-          line: 45,
+          line: 52,
           column: 4
         },
         end: {
-          line: 45,
-          column: 40
+          line: 52,
+          column: 32
         }
       },
-      "19": {
+      "24": {
         start: {
-          line: 46,
+          line: 53,
           column: 4
         },
         end: {
-          line: 46,
+          line: 53,
           column: 27
         }
       },
-      "20": {
+      "25": {
         start: {
-          line: 49,
-          column: 23
+          line: 56,
+          column: 31
         },
         end: {
-          line: 69,
+          line: 76,
           column: 3
         }
       },
-      "21": {
+      "26": {
         start: {
-          line: 50,
+          line: 57,
           column: 4
         },
         end: {
-          line: 54,
+          line: 61,
           column: 5
         }
       },
-      "22": {
+      "27": {
         start: {
-          line: 51,
+          line: 58,
           column: 6
         },
         end: {
-          line: 51,
+          line: 58,
           column: 73
         }
       },
-      "23": {
+      "28": {
         start: {
-          line: 53,
+          line: 60,
           column: 6
         },
         end: {
-          line: 53,
+          line: 60,
           column: 13
         }
       },
-      "24": {
+      "29": {
         start: {
-          line: 56,
+          line: 63,
           column: 20
         },
         end: {
-          line: 63,
+          line: 70,
           column: 5
         }
       },
-      "25": {
+      "30": {
         start: {
-          line: 65,
+          line: 72,
           column: 4
         },
         end: {
-          line: 68,
+          line: 75,
           column: 7
         }
       },
-      "26": {
+      "31": {
         start: {
-          line: 71,
+          line: 78,
           column: 21
         },
         end: {
-          line: 82,
+          line: 89,
           column: 3
         }
       },
-      "27": {
+      "32": {
         start: {
-          line: 72,
+          line: 79,
           column: 20
         },
         end: {
-          line: 75,
+          line: 82,
           column: 5
         }
       },
-      "28": {
+      "33": {
         start: {
-          line: 77,
+          line: 84,
           column: 4
         },
         end: {
-          line: 80,
+          line: 87,
           column: 7
         }
       },
-      "29": {
+      "34": {
         start: {
-          line: 81,
+          line: 88,
           column: 4
         },
         end: {
-          line: 81,
+          line: 88,
           column: 27
         }
       },
-      "30": {
+      "35": {
         start: {
-          line: 85,
+          line: 92,
           column: 4
         },
         end: {
-          line: 90,
+          line: 97,
           column: 6
         }
       },
-      "31": {
+      "36": {
         start: {
-          line: 92,
+          line: 99,
           column: 2
         },
         end: {
-          line: 109,
+          line: 116,
           column: 3
         }
       },
-      "32": {
+      "37": {
         start: {
-          line: 93,
+          line: 100,
           column: 4
         },
         end: {
-          line: 108,
+          line: 115,
           column: 6
         }
       },
-      "33": {
+      "38": {
         start: {
-          line: 111,
+          line: 118,
           column: 2
         },
         end: {
-          line: 175,
+          line: 182,
           column: 4
         }
       },
-      "34": {
+      "39": {
         start: {
-          line: 122,
+          line: 129,
           column: 29
         },
         end: {
-          line: 122,
+          line: 129,
           column: 54
         }
       },
-      "35": {
+      "40": {
         start: {
-          line: 150,
+          line: 157,
           column: 27
         },
         end: {
-          line: 150,
+          line: 157,
           column: 49
         }
       },
-      "36": {
+      "41": {
         start: {
-          line: 153,
+          line: 160,
           column: 33
         },
         end: {
-          line: 153,
+          line: 160,
           column: 55
         }
       },
-      "37": {
+      "42": {
         start: {
-          line: 171,
+          line: 178,
           column: 23
         },
         end: {
-          line: 171,
+          line: 178,
           column: 51
         }
       }
@@ -18829,7 +18883,7 @@ function cov_1avu3clziw() {
             column: 76
           },
           end: {
-            line: 176,
+            line: 183,
             column: 1
           }
         },
@@ -18912,20 +18966,20 @@ function cov_1avu3clziw() {
         decl: {
           start: {
             line: 49,
-            column: 23
+            column: 42
           },
           end: {
             line: 49,
-            column: 24
+            column: 43
           }
         },
         loc: {
           start: {
             line: 49,
-            column: 32
+            column: 51
           },
           end: {
-            line: 69,
+            line: 54,
             column: 3
           }
         },
@@ -18935,121 +18989,145 @@ function cov_1avu3clziw() {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 71,
-            column: 21
+            line: 56,
+            column: 31
           },
           end: {
-            line: 71,
-            column: 22
+            line: 56,
+            column: 32
           }
         },
         loc: {
           start: {
-            line: 71,
+            line: 56,
             column: 40
           },
           end: {
-            line: 82,
+            line: 76,
             column: 3
           }
         },
-        line: 71
+        line: 56
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 122,
+            line: 78,
+            column: 21
+          },
+          end: {
+            line: 78,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 78,
+            column: 40
+          },
+          end: {
+            line: 89,
+            column: 3
+          }
+        },
+        line: 78
+      },
+      "7": {
+        name: "(anonymous_7)",
+        decl: {
+          start: {
+            line: 129,
             column: 23
           },
           end: {
-            line: 122,
+            line: 129,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 122,
+            line: 129,
             column: 29
           },
           end: {
-            line: 122,
+            line: 129,
             column: 54
           }
         },
-        line: 122
+        line: 129
       },
-      "7": {
-        name: "(anonymous_7)",
+      "8": {
+        name: "(anonymous_8)",
         decl: {
           start: {
-            line: 150,
+            line: 157,
             column: 21
           },
           end: {
-            line: 150,
+            line: 157,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 150,
+            line: 157,
             column: 27
           },
           end: {
-            line: 150,
+            line: 157,
             column: 49
           }
         },
-        line: 150
+        line: 157
       },
-      "8": {
-        name: "(anonymous_8)",
+      "9": {
+        name: "(anonymous_9)",
         decl: {
           start: {
-            line: 153,
+            line: 160,
             column: 27
           },
           end: {
-            line: 153,
+            line: 160,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 153,
+            line: 160,
             column: 33
           },
           end: {
-            line: 153,
+            line: 160,
             column: 55
           }
         },
-        line: 153
+        line: 160
       },
-      "9": {
-        name: "(anonymous_9)",
+      "10": {
+        name: "(anonymous_10)",
         decl: {
           start: {
-            line: 171,
+            line: 178,
             column: 17
           },
           end: {
-            line: 171,
+            line: 178,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 171,
+            line: 178,
             column: 23
           },
           end: {
-            line: 171,
+            line: 178,
             column: 51
           }
         },
-        line: 171
+        line: 178
       }
     },
     branchMap: {
@@ -19104,22 +19182,22 @@ function cov_1avu3clziw() {
       "2": {
         loc: {
           start: {
-            line: 50,
+            line: 57,
             column: 4
           },
           end: {
-            line: 54,
+            line: 61,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 50,
+            line: 57,
             column: 4
           },
           end: {
-            line: 54,
+            line: 61,
             column: 5
           }
         }, {
@@ -19132,27 +19210,27 @@ function cov_1avu3clziw() {
             column: undefined
           }
         }],
-        line: 50
+        line: 57
       },
       "3": {
         loc: {
           start: {
-            line: 92,
+            line: 99,
             column: 2
           },
           end: {
-            line: 109,
+            line: 116,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 92,
+            line: 99,
             column: 2
           },
           end: {
-            line: 109,
+            line: 116,
             column: 3
           }
         }, {
@@ -19165,172 +19243,172 @@ function cov_1avu3clziw() {
             column: undefined
           }
         }],
-        line: 92
+        line: 99
       },
       "4": {
         loc: {
           start: {
-            line: 95,
+            line: 102,
             column: 9
           },
           end: {
-            line: 106,
+            line: 113,
             column: 9
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 96,
+            line: 103,
             column: 10
           },
           end: {
-            line: 101,
+            line: 108,
             column: 16
           }
         }, {
           start: {
-            line: 103,
+            line: 110,
             column: 10
           },
           end: {
-            line: 105,
+            line: 112,
             column: 16
           }
         }],
-        line: 95
+        line: 102
       },
       "5": {
         loc: {
           start: {
-            line: 95,
+            line: 102,
             column: 9
           },
           end: {
-            line: 95,
+            line: 102,
             column: 55
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 95,
+            line: 102,
             column: 9
           },
           end: {
-            line: 95,
+            line: 102,
             column: 29
           }
         }, {
           start: {
-            line: 95,
+            line: 102,
             column: 33
           },
           end: {
-            line: 95,
+            line: 102,
             column: 55
           }
         }],
-        line: 95
+        line: 102
       },
       "6": {
         loc: {
           start: {
-            line: 113,
+            line: 120,
             column: 7
           },
           end: {
-            line: 168,
+            line: 175,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 114,
+            line: 121,
             column: 8
           },
           end: {
-            line: 161,
+            line: 168,
             column: 14
           }
         }, {
           start: {
-            line: 163,
+            line: 170,
             column: 8
           },
           end: {
-            line: 167,
+            line: 174,
             column: 10
           }
         }],
-        line: 113
+        line: 120
       },
       "7": {
         loc: {
           start: {
-            line: 140,
+            line: 147,
             column: 24
           },
           end: {
-            line: 140,
+            line: 147,
             column: 73
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 140,
+            line: 147,
             column: 24
           },
           end: {
-            line: 140,
+            line: 147,
             column: 52
           }
         }, {
           start: {
-            line: 140,
+            line: 147,
             column: 56
           },
           end: {
-            line: 140,
+            line: 147,
             column: 73
           }
         }],
-        line: 140
+        line: 147
       },
       "8": {
         loc: {
           start: {
-            line: 157,
+            line: 164,
             column: 16
           },
           end: {
-            line: 157,
+            line: 164,
             column: 73
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 157,
+            line: 164,
             column: 47
           },
           end: {
-            line: 157,
+            line: 164,
             column: 60
           }
         }, {
           start: {
-            line: 157,
+            line: 164,
             column: 63
           },
           end: {
-            line: 157,
+            line: 164,
             column: 73
           }
         }],
-        line: 157
+        line: 164
       }
     },
     s: {
@@ -19371,7 +19449,12 @@ function cov_1avu3clziw() {
       "34": 0,
       "35": 0,
       "36": 0,
-      "37": 0
+      "37": 0,
+      "38": 0,
+      "39": 0,
+      "40": 0,
+      "41": 0,
+      "42": 0
     },
     f: {
       "0": 0,
@@ -19383,7 +19466,8 @@ function cov_1avu3clziw() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0
     },
     b: {
       "0": [0],
@@ -19397,7 +19481,7 @@ function cov_1avu3clziw() {
       "8": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "66a7d559843979d84a057c0347ae0bf9778dd2b3"
+    hash: "dfb1bddf6ad2d106cc08375435d345426efb0acc"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -19486,23 +19570,35 @@ var ImageUploader = function ImageUploader(_ref) {
     setIsEditorOpen(false);
   };
   cov_1avu3clziw().s[20]++;
-  var handleUpload = function handleUpload(image) {
+  var handleImageSelectionFromLibrary = function handleImageSelectionFromLibrary(image) {
     cov_1avu3clziw().f[4]++;
     cov_1avu3clziw().s[21]++;
+    setImage(image);
+    cov_1avu3clziw().s[22]++;
+    onChange(image);
+    cov_1avu3clziw().s[23]++;
+    setSignedId(image.signedId);
+    cov_1avu3clziw().s[24]++;
+    setIsEditorOpen(false);
+  };
+  cov_1avu3clziw().s[25]++;
+  var handleUplaodComplete = function handleUplaodComplete(image) {
+    cov_1avu3clziw().f[5]++;
+    cov_1avu3clziw().s[26]++;
     if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
       cov_1avu3clziw().b[2][0]++;
-      cov_1avu3clziw().s[22]++;
+      cov_1avu3clziw().s[27]++;
       handleSuccess(mergeRight(image, {
         metadata: {
           url: image.url
         }
       }));
-      cov_1avu3clziw().s[23]++;
+      cov_1avu3clziw().s[28]++;
       return;
     } else {
       cov_1avu3clziw().b[2][1]++;
     }
-    var payload = (cov_1avu3clziw().s[24]++, {
+    var payload = (cov_1avu3clziw().s[29]++, {
       filename: image.name,
       byte_size: image.size,
       content_type: image.fileType,
@@ -19510,13 +19606,13 @@ var ImageUploader = function ImageUploader(_ref) {
       metadata: image,
       service_name: "imagekitio"
     });
-    cov_1avu3clziw().s[25]++;
+    cov_1avu3clziw().s[30]++;
     createBlob(payload, {
       onSuccess: handleSuccess,
       onError: Toastr.error
     });
   };
-  cov_1avu3clziw().s[26]++;
+  cov_1avu3clziw().s[31]++;
   var handleEdit = /*#__PURE__*/function () {
     var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref15) {
       var url, payload;
@@ -19524,8 +19620,8 @@ var ImageUploader = function ImageUploader(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             url = _ref15.url;
-            cov_1avu3clziw().f[5]++;
-            payload = (cov_1avu3clziw().s[27]++, {
+            cov_1avu3clziw().f[6]++;
+            payload = (cov_1avu3clziw().s[32]++, {
               id: signedId,
               payload: {
                 service_name: "imagekitio",
@@ -19534,12 +19630,12 @@ var ImageUploader = function ImageUploader(_ref) {
                 }
               }
             });
-            cov_1avu3clziw().s[28]++;
+            cov_1avu3clziw().s[33]++;
             updateBlob(payload, {
               onSuccess: handleSuccess,
               onError: Toastr.error
             });
-            cov_1avu3clziw().s[29]++;
+            cov_1avu3clziw().s[34]++;
             setIsEditorOpen(false);
           case 7:
           case "end":
@@ -19551,20 +19647,20 @@ var ImageUploader = function ImageUploader(_ref) {
       return _ref16.apply(this, arguments);
     };
   }();
-  var _ref17 = (cov_1avu3clziw().s[30]++, useDropzoneWithValidation({
+  var _ref17 = (cov_1avu3clziw().s[35]++, useDropzoneWithValidation({
       maxSize: MAX_IMAGE_SIZE,
       acceptedTypes: ALLOWED_IMAGE_TYPES,
-      onUploadComplete: handleUpload,
+      onUploadComplete: handleUplaodComplete,
       setIsUploading: setIsUploading
     })),
     getRootProps = _ref17.getRootProps,
     getInputProps = _ref17.getInputProps,
     uploadProgress = _ref17.uploadProgress,
     inputRef = _ref17.inputRef;
-  cov_1avu3clziw().s[31]++;
+  cov_1avu3clziw().s[36]++;
   if (isUploading) {
     cov_1avu3clziw().b[3][0]++;
-    cov_1avu3clziw().s[32]++;
+    cov_1avu3clziw().s[37]++;
     return /*#__PURE__*/React.createElement("div", {
       className: className
     }, (cov_1avu3clziw().b[5][0]++, uploadProgress !== 0) && (cov_1avu3clziw().b[5][1]++, uploadProgress !== 100) ? (cov_1avu3clziw().b[4][0]++, /*#__PURE__*/React.createElement("div", {
@@ -19578,7 +19674,7 @@ var ImageUploader = function ImageUploader(_ref) {
   } else {
     cov_1avu3clziw().b[3][1]++;
   }
-  cov_1avu3clziw().s[33]++;
+  cov_1avu3clziw().s[38]++;
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, isNotNilOrEmpty(image.url) ? (cov_1avu3clziw().b[6][0]++, /*#__PURE__*/React.createElement("div", {
@@ -19595,8 +19691,8 @@ var ImageUploader = function ImageUploader(_ref) {
     style: "link",
     onClick: function onClick() {
       var _inputRef$current;
-      cov_1avu3clziw().f[6]++;
-      cov_1avu3clziw().s[34]++;
+      cov_1avu3clziw().f[7]++;
+      cov_1avu3clziw().s[39]++;
       return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     }
   }), /*#__PURE__*/React.createElement("div", {
@@ -19624,19 +19720,19 @@ var ImageUploader = function ImageUploader(_ref) {
     isOpen: isEditorOpen,
     size: "large",
     onClose: function onClose() {
-      cov_1avu3clziw().f[7]++;
-      cov_1avu3clziw().s[35]++;
+      cov_1avu3clziw().f[8]++;
+      cov_1avu3clziw().s[40]++;
       return setIsEditorOpen(false);
     }
   }, /*#__PURE__*/React.createElement(ImageEditor, {
     handleReset: function handleReset() {
-      cov_1avu3clziw().f[8]++;
-      cov_1avu3clziw().s[36]++;
+      cov_1avu3clziw().f[9]++;
+      cov_1avu3clziw().s[41]++;
       return setIsEditorOpen(false);
     },
     image: image,
     signedId: signedId,
-    handleEditComplete: IS_DEVELOPMENT_OR_HEROKU_ENV ? (cov_1avu3clziw().b[8][0]++, handleSuccess) : (cov_1avu3clziw().b[8][1]++, handleEdit)
+    handleImageEditComplete: IS_DEVELOPMENT_OR_HEROKU_ENV ? (cov_1avu3clziw().b[8][0]++, handleSuccess) : (cov_1avu3clziw().b[8][1]++, handleEdit)
   })))) : (cov_1avu3clziw().b[6][1]++, /*#__PURE__*/React.createElement(ImageUpload, {
     getInputProps: getInputProps,
     getRootProps: getRootProps,
@@ -19644,11 +19740,11 @@ var ImageUploader = function ImageUploader(_ref) {
   })), /*#__PURE__*/React.createElement(Modal, {
     isOpen: isAssetLibraryOpen,
     onClose: function onClose() {
-      cov_1avu3clziw().f[9]++;
-      cov_1avu3clziw().s[37]++;
+      cov_1avu3clziw().f[10]++;
+      cov_1avu3clziw().s[42]++;
       return setIsAssetLibraryOpen(false);
     },
-    onUploadComplete: handleUpload
+    onUploadComplete: handleImageSelectionFromLibrary
   }));
 };