@bigbinary/neeto-image-uploader-frontend 2.0.1 → 2.2.0

package/dist/index.js

@@ -1,3909 +1,82 @@
-import require$$0, { useState, useEffect, useRef, createElement } from 'react';
-import classnames from 'classnames';
-import { noop, keysToCamelCase, findBy, isPresent } from '@bigbinary/neeto-cist';
-import { Delete, LeftArrow, MenuHorizontal } from '@bigbinary/neeto-icons';
-import Button from '@bigbinary/neetoui/Button';
-import Typography from '@bigbinary/neetoui/Typography';
-import { pipe, values, flatten, map, toUpper, join, equals, isNil, isEmpty, mergeRight, mergeLeft, identity, prop, mergeDeepRight } from 'ramda';
-import { Trans, useTranslation } from 'react-i18next';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import { useDropzone } from 'react-dropzone';
-import i18next, { t as t$1 } from 'i18next';
-import Toastr from '@bigbinary/neetoui/Toastr';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Dropdown from '@bigbinary/neetoui/Dropdown';
-import NeetoUIModal from '@bigbinary/neetoui/Modal';
-import Tab from '@bigbinary/neetoui/Tab';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import { useMutation, useInfiniteQuery, keepPreviousData } from '@tanstack/react-query';
-import { useMutationWithInvalidation, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
-import axios from 'axios';
-import { DirectUpload } from '@rails/activestorage';
-import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
-import Input from '@bigbinary/neetoui/Input';
-import Switch from '@bigbinary/neetoui/Switch';
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5);border:1px dashed #fff}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop__crop-selection:focus{outline:none;border-color:blue;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{content:\"\";display:block;position:absolute;background-color:rgba(255,255,255,.4)}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt::before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt::after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz::before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz::after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle::after{position:absolute;content:\"\";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.7);outline:1px solid rgba(0,0,0,0)}.ReactCrop__drag-handle:focus::after{border-color:blue;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw::after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n::after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne::after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e::after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se::after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s::after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw::after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w::after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{display:none}.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}.niu-modal {\n  width: 95vw !important;\n  height: 75vh !important;\n  max-width: 1152px !important;\n  max-height: 576px !important;\n  position: relative !important;\n}.niu-unsplash-container {\n  height: calc(75vh - 220px) !important;\n  max-height: 355px;\n}.niu-unsplash-container img {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  animation: fade-in 1.2s 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  border-radius: var(--neeto-ui-rounded);\n  position: relative;\n  cursor: pointer;\n}.ReactCrop .ReactCrop__child-wrapper {\n  width: 100%;\n  height: 100%;\n}.ReactCrop .ReactCrop__child-wrapper img {\n  height: auto;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9yZWFjdC1pbWFnZS1jcm9wL2Rpc3QvUmVhY3RDcm9wLmNzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21vZGFsLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9faW1hZ2UtbGlicmFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYWJzdHJhY3RzL192YXJpYWJsZXMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3JlYWN0LWNyb3Auc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxXQUFXLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQUMsc0RBQXNELHFCQUFxQixDQUFDLHdDQUF3QyxjQUFjLENBQUMsMEJBQTBCLGtCQUFrQixDQUFDLDhEQUE4RCxhQUFhLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLHdJQUF3SSxpQkFBaUIsQ0FBQyxnRUFBZ0UsaUJBQWlCLENBQUMsMkJBQTJCLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsOEJBQThCLENBQUMsV0FBVyxDQUFDLHNDQUFzQyxDQUFDLHNCQUFzQixDQUFDLGdEQUFnRCxjQUFjLENBQUMscURBQXFELGlCQUFpQixDQUFDLDJEQUEyRCxDQUFDLGlDQUFpQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsa0JBQWtCLENBQUMsc0RBQXNELFlBQVksQ0FBQyxzSkFBc0osVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxxQ0FBcUMsQ0FBQywyRUFBMkUsU0FBUyxDQUFDLFdBQVcsQ0FBQyxzQ0FBb0QsbUJBQW1CLENBQUMscUNBQW1ELG1CQUFtQixDQUFDLDJFQUEyRSxVQUFVLENBQUMsVUFBVSxDQUFDLHNDQUFtRCxrQkFBa0IsQ0FBQyxxQ0FBa0Qsa0JBQWtCLENBQUMsd0JBQXdCLGlCQUFpQixDQUFDLCtCQUErQixpQkFBaUIsQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsK0JBQStCLENBQUMscUNBQXFDLENBQUMsK0JBQStCLENBQUMscUNBQXFDLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixLQUFLLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQywwQkFBMEIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLHlCQUF5QixLQUFLLENBQUMsbUJBQW1CLEtBQUssQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLGdCQUFnQixDQUFDLDBCQUEwQixLQUFLLENBQUMsT0FBTyxDQUFDLGtCQUFrQixPQUFPLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLENBQUMseUJBQXlCLE9BQU8sQ0FBQyxtQkFBbUIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsQ0FBQywwQkFBMEIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsUUFBUSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMseUJBQXlCLFFBQVEsQ0FBQyxtQkFBbUIsUUFBUSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQywwQkFBMEIsUUFBUSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsT0FBTyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLHlCQUF5QixNQUFNLENBQUMsNkNBQTZDLGNBQWMsQ0FBQyxxQkFBcUIsaUJBQWlCLENBQUMsMkJBQTJCLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxlQUFlLENBQUMsMkJBQTJCLE9BQU8sQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQywyQkFBMkIsUUFBUSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLDJCQUEyQixLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMscUlBQXFJLFlBQVksQ0FBQyw0TkFBNE4sWUFBWSxDQUFDLHdCQUF3Qix3RUFBd0UsWUFBWSxDQUFDLHdCQUF3QixVQUFVLENBQUMsV0FBVyxDQUFDLENDQS8rSDtFQUNFLHNCQUFBO0VBQ0EsdUJBQUE7RUFDQSw0QkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7QUNFRixDQ1BBO0VBQ0UscUNBQUE7RUFDQSxpQkNJa0M7QUZNcEMsQ0NSRTtFQUNFLFlBQUE7RUFDQSxXQUFBO0VBQ0Esb0JBQUE7S0FBQSxpQkFBQTtFQUNBLG1FQUFBO0VBQ0Esc0NBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QURVSixDR3BCRTtFQUNFLFdBQUE7RUFDQSxZQUFBO0FIdUJKLENHckJJO0VBQ0UsWUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0FIdUJOIiwic291cmNlc0NvbnRlbnQiOlsiLlJlYWN0Q3JvcHtwb3NpdGlvbjpyZWxhdGl2ZTtkaXNwbGF5OmlubGluZS1ibG9jaztjdXJzb3I6Y3Jvc3NoYWlyO292ZXJmbG93OmhpZGRlbjttYXgtd2lkdGg6MTAwJX0uUmVhY3RDcm9wICosLlJlYWN0Q3JvcCAqOjpiZWZvcmUsLlJlYWN0Q3JvcCAqOjphZnRlcntib3gtc2l6aW5nOmJvcmRlci1ib3h9LlJlYWN0Q3JvcC0tZGlzYWJsZWQsLlJlYWN0Q3JvcC0tbG9ja2Vke2N1cnNvcjppbmhlcml0fS5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXJ7bWF4LWhlaWdodDppbmhlcml0fS5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+aW1nLC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+dmlkZW97ZGlzcGxheTpibG9jazttYXgtd2lkdGg6MTAwJTttYXgtaGVpZ2h0OmluaGVyaXR9LlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+aW1nLC5SZWFjdENyb3A6bm90KC5SZWFjdENyb3AtLWRpc2FibGVkKSAuUmVhY3RDcm9wX19jaGlsZC13cmFwcGVyPnZpZGVve3RvdWNoLWFjdGlvbjpub25lfS5SZWFjdENyb3A6bm90KC5SZWFjdENyb3AtLWRpc2FibGVkKSAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbnt0b3VjaC1hY3Rpb246bm9uZX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsIDAsIDApO2N1cnNvcjptb3ZlO2JveC1zaGFkb3c6MCAwIDAgOTk5OWVtIHJnYmEoMCwwLDAsLjUpO2JvcmRlcjoxcHggZGFzaGVkICNmZmZ9LlJlYWN0Q3JvcC0tZGlzYWJsZWQgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb257Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcC0tY2lyY3VsYXItY3JvcCAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntib3JkZXItcmFkaXVzOjUwJTtib3gtc2hhZG93OjBweCAwcHggMXB4IDFweCAjZmZmLDAgMCAwIDk5OTllbSByZ2JhKDAsMCwwLC41KX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbjpmb2N1c3tvdXRsaW5lOm5vbmU7Ym9yZGVyLWNvbG9yOmJsdWU7Ym9yZGVyLXN0eWxlOnNvbGlkfS5SZWFjdENyb3AtLWludmlzaWJsZS1jcm9wIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue2Rpc3BsYXk6bm9uZX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjphZnRlciwuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjphZnRlcntjb250ZW50OlwiXCI7ZGlzcGxheTpibG9jaztwb3NpdGlvbjphYnNvbHV0ZTtiYWNrZ3JvdW5kLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsLjQpfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmFmdGVye3dpZHRoOjFweDtoZWlnaHQ6MTAwJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3Jle2xlZnQ6MzMuMzMzMyU7bGVmdDozMy4zMzMzMzMzMzMzJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YWZ0ZXJ7bGVmdDo2Ni42NjY2JTtsZWZ0OjY2LjY2NjY2NjY2NjclfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVye3dpZHRoOjEwMCU7aGVpZ2h0OjFweH0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3Jle3RvcDozMy4zMzMzJTt0b3A6MzMuMzMzMzMzMzMzMyV9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVye3RvcDo2Ni42NjY2JTt0b3A6NjYuNjY2NjY2NjY2NyV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGV7cG9zaXRpb246YWJzb2x1dGV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6OmFmdGVye3Bvc2l0aW9uOmFic29sdXRlO2NvbnRlbnQ6XCJcIjtkaXNwbGF5OmJsb2NrO3dpZHRoOjEwcHg7aGVpZ2h0OjEwcHg7YmFja2dyb3VuZC1jb2xvcjpyZ2JhKDAsMCwwLC4yKTtib3JkZXI6MXB4IHNvbGlkIHJnYmEoMjU1LDI1NSwyNTUsLjcpO291dGxpbmU6MXB4IHNvbGlkIHJnYmEoMCwwLDAsMCl9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6Zm9jdXM6OmFmdGVye2JvcmRlci1jb2xvcjpibHVlO2JhY2tncm91bmQ6IzJkYmZmZn0uUmVhY3RDcm9wIC5vcmQtbnd7dG9wOjA7bGVmdDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpudy1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLW53OjphZnRlcnt0b3A6MDtsZWZ0OjB9LlJlYWN0Q3JvcCAub3JkLW57dG9wOjA7bGVmdDo1MCU7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOm4tcmVzaXplfS5SZWFjdENyb3AgLm9yZC1uOjphZnRlcnt0b3A6MH0uUmVhY3RDcm9wIC5vcmQtbmV7dG9wOjA7cmlnaHQ6MDttYXJnaW4tdG9wOi01cHg7bWFyZ2luLXJpZ2h0Oi01cHg7Y3Vyc29yOm5lLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbmU6OmFmdGVye3RvcDowO3JpZ2h0OjB9LlJlYWN0Q3JvcCAub3JkLWV7dG9wOjUwJTtyaWdodDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tcmlnaHQ6LTVweDtjdXJzb3I6ZS1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLWU6OmFmdGVye3JpZ2h0OjB9LlJlYWN0Q3JvcCAub3JkLXNle2JvdHRvbTowO3JpZ2h0OjA7bWFyZ2luLWJvdHRvbTotNXB4O21hcmdpbi1yaWdodDotNXB4O2N1cnNvcjpzZS1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLXNlOjphZnRlcntib3R0b206MDtyaWdodDowfS5SZWFjdENyb3AgLm9yZC1ze2JvdHRvbTowO2xlZnQ6NTAlO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpzLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtczo6YWZ0ZXJ7Ym90dG9tOjB9LlJlYWN0Q3JvcCAub3JkLXN3e2JvdHRvbTowO2xlZnQ6MDttYXJnaW4tYm90dG9tOi01cHg7bWFyZ2luLWxlZnQ6LTVweDtjdXJzb3I6c3ctcmVzaXplfS5SZWFjdENyb3AgLm9yZC1zdzo6YWZ0ZXJ7Ym90dG9tOjA7bGVmdDowfS5SZWFjdENyb3AgLm9yZC13e3RvcDo1MCU7bGVmdDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjp3LXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtdzo6YWZ0ZXJ7bGVmdDowfS5SZWFjdENyb3BfX2Rpc2FibGVkIC5SZWFjdENyb3BfX2RyYWctaGFuZGxle2N1cnNvcjppbmhlcml0fS5SZWFjdENyb3BfX2RyYWctYmFye3Bvc2l0aW9uOmFic29sdXRlfS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ue3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLXRvcDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1le3JpZ2h0OjA7dG9wOjA7d2lkdGg6NnB4O2hlaWdodDoxMDAlO21hcmdpbi1yaWdodDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ze2JvdHRvbTowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLWJvdHRvbTotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC13e3RvcDowO2xlZnQ6MDt3aWR0aDo2cHg7aGVpZ2h0OjEwMCU7bWFyZ2luLWxlZnQ6LTNweH0uUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWJhciwuUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZSwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1iYXJ7ZGlzcGxheTpub25lfS5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtbiwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGUub3JkLWUsLlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC1zLC5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtd3tkaXNwbGF5Om5vbmV9QG1lZGlhKHBvaW50ZXI6IGNvYXJzZSl7LlJlYWN0Q3JvcCAub3JkLW4sLlJlYWN0Q3JvcCAub3JkLWUsLlJlYWN0Q3JvcCAub3JkLXMsLlJlYWN0Q3JvcCAub3JkLXd7ZGlzcGxheTpub25lfS5SZWFjdENyb3BfX2RyYWctaGFuZGxle3dpZHRoOjI0cHg7aGVpZ2h0OjI0cHh9fVxuIiwiLm5pdS1tb2RhbCB7XG4gIHdpZHRoOiAkbml1LW1vZGFsLXdpZHRoICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogJG5pdS1tb2RhbC1oZWlnaHQgIWltcG9ydGFudDtcbiAgbWF4LXdpZHRoOiAkbml1LW1vZGFsLW1heC13aWR0aCAhaW1wb3J0YW50O1xuICBtYXgtaGVpZ2h0OiAkbml1LW1vZGFsLW1heC1oZWlnaHQgIWltcG9ydGFudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlICFpbXBvcnRhbnQ7XG59XG4iLCJAaW1wb3J0IFwicmVhY3QtaW1hZ2UtY3JvcC9kaXN0L1JlYWN0Q3JvcC5jc3NcIjtcblxuLy9BYnN0cmFjdHNcbkBpbXBvcnQgXCJhYnN0cmFjdHMvdmFyaWFibGVzXCI7XG5cbi8vQ29tcG9uZW50c1xuQGltcG9ydCBcIi4vY29tcG9uZW50cy9tb2RhbFwiO1xuQGltcG9ydCBcIi4vY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5XCI7XG5AaW1wb3J0IFwiLi9jb21wb25lbnRzL3JlYWN0LWNyb3BcIjtcbiIsIi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKCN7JG5pdS1tb2RhbC1oZWlnaHR9IC0gI3skbml1LW1vZGFsLWhlYWRlci1oZWlnaHR9KSAhaW1wb3J0YW50O1xuICBtYXgtaGVpZ2h0OiAkbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0O1xuXG4gIGltZyB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxufVxuIiwiJG5pdS1tb2RhbC13aWR0aDogOTV2dztcbiRuaXUtbW9kYWwtaGVpZ2h0OiA3NXZoO1xuJG5pdS1tb2RhbC1tYXgtd2lkdGg6IDExNTJweDtcbiRuaXUtbW9kYWwtbWF4LWhlaWdodDogNTc2cHg7XG4kbml1LW1vZGFsLWhlYWRlci1oZWlnaHQ6IDIyMHB4O1xuXG4kbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0OiAzNTVweDtcbiIsIi5SZWFjdENyb3Age1xuICAuUmVhY3RDcm9wX19jaGlsZC13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICB9XG59XG4iXX0= */";
-n(css,{});
-
-function _typeof$2(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$2(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof$2(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$2(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$2(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty$1(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties$1(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var DEFAULT_ALLOWED_IMAGE_TYPES = {
-  "image/png": [".png"],
-  "image/jpg": [".jpg", ".jpeg"],
-  "image/gif": [".gif"],
-  "image/svg+xml": [".svg"]
-};
-var DEFAULT_UPLOAD_CONFIG = {
-  maxImageSize: globalProps.endUserUploadedFileSizeLimitInMb,
-  allowedImageTypes: DEFAULT_ALLOWED_IMAGE_TYPES
-};
-var OPTION_KEYS = {
-  asset: "asset",
-  remove: "remove"
-};
-
-var getAllowedTypes = function getAllowedTypes(uploadConfig) {
-  return pipe(values, flatten, map(function (extension) {
-    return extension.slice(1);
-  }), map(toUpper), join(", "))(uploadConfig.allowedImageTypes);
-};
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var DROPZONE_ROOT_DIV_CLASSNAME = "neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex h-full w-full flex-col items-center justify-center gap-3 border border-dashed p-5 transition-all duration-300 ease-in-out";
-var FILE_ERRORS = {
-  "file-invalid-type": t$1("neetoImageUploader.imageUpload.fileTypeError"),
-  "file-too-large": t$1("neetoImageUploader.imageUpload.fileSizeError")
-};
-
-var handleDropRejected = function handleDropRejected(fileRejections) {
-  fileRejections.map(function (_ref) {
-    var errors = _ref.errors;
-    return errors.map(function (_ref2) {
-      var code = _ref2.code;
-      return Toastr.error(FILE_ERRORS[code] || t$1("neetoImageUploader.imageUpload.genericError"));
-    });
-  });
-};
-
-var useUploadDropzone = function useUploadDropzone(_ref) {
-  var _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? {
-      allowedImageTypes: [],
-      maxImageSize: 0
-    } : _ref$uploadConfig,
-    _onDrop = _ref.onDrop;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useDropzone = useDropzone({
-      onDrop: function onDrop(acceptedFiles) {
-        return _onDrop(acceptedFiles[0], setUploadProgress);
-      },
-      accept: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.allowedImageTypes,
-      multiple: false,
-      maxSize: uploadConfig.maxImageSize * 1048576,
-      onDropRejected: handleDropRejected
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    inputRef = _useDropzone.inputRef;
-  return {
-    getRootProps: getRootProps,
-    getInputProps: getInputProps,
-    isDragActive: isDragActive,
-    uploadProgress: uploadProgress,
-    inputRef: inputRef
-  };
-};
-
-var ProgressBar = function ProgressBar(_ref) {
-  var _ref$progressPercenta = _ref.progressPercentage,
-    progressPercentage = _ref$progressPercenta === void 0 ? 0 : _ref$progressPercenta,
-    progressValue = _ref.progressValue;
-  return /*#__PURE__*/jsx("div", {
-    className: "neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex h-full cursor-pointer items-center justify-center gap-3 border border-dashed p-5 transition-all duration-300 ease-in-out",
-    children: /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-bg-gray-200 neeto-ui-rounded-full w-full overflow-hidden dark:bg-gray-700",
-      children: /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-bg-primary-600 text-2xs neeto-ui-text-primary-100 neeto-ui-rounded-full flex h-3 animate-pulse items-center justify-center font-medium leading-none transition-all duration-300 ease-in-out",
-        "data-cy": "neeto-image-uploader-progress-bar",
-        style: {
-          width: "".concat(progressPercentage, "%")
-        },
-        children: progressValue
-      })
-    })
-  });
-};
-
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageDirectUpload = function ImageDirectUpload(_ref) {
-  var _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? DEFAULT_UPLOAD_CONFIG : _ref$uploadConfig,
-    _ref$onDrop = _ref.onDrop,
-    onDrop = _ref$onDrop === void 0 ? noop : _ref$onDrop,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen;
-  var _useUploadDropzone = useUploadDropzone({
-      uploadConfig: uploadConfig,
-      onDrop: onDrop
-    }),
-    getRootProps = _useUploadDropzone.getRootProps,
-    getInputProps = _useUploadDropzone.getInputProps,
-    isDragActive = _useUploadDropzone.isDragActive,
-    uploadProgress = _useUploadDropzone.uploadProgress;
-  var shouldShowProgress = !!(uploadProgress && !equals(uploadProgress, 1));
-  return shouldShowProgress ? /*#__PURE__*/jsx(ProgressBar, {
-    progressPercentage: uploadProgress,
-    progressValue: "".concat(uploadProgress, "%")
-  }) : /*#__PURE__*/jsx("div", _objectSpread$9(_objectSpread$9({}, getRootProps()), {}, {
-    className: classnames(DROPZONE_ROOT_DIV_CLASSNAME, {
-      "neeto-ui-border-gray-300": !isDragActive,
-      "neeto-ui-border-gray-700": isDragActive
-    }),
-    children: /*#__PURE__*/jsxs("div", {
-      className: "flex flex-col space-y-1",
-      children: [!isDisabled && /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-800 text-center leading-4",
-        style: "body2",
-        children: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoImageUploader.imageUpload.dragAndDropOrBrowseFile",
-          components: {
-            span: /*#__PURE__*/jsx("span", {
-              className: "neeto-ui-text-primary-500",
-              "data-cy": "neeto-image-uploader-browse-text"
-            })
-          }
-        })
-      }), setIsAssetLibraryOpen && /*#__PURE__*/jsx(Typography, {
-        className: "text-center leading-4",
-        style: "body2",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          setIsAssetLibraryOpen(true);
-        },
-        children: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoImageUploader.imageUpload.selectImagefromImageLibrary",
-          components: {
-            span: /*#__PURE__*/jsx("span", {
-              className: "neeto-ui-text-primary-500",
-              "data-cy": "open-asset-library-button"
-            })
-          }
-        })
-      }), /*#__PURE__*/jsx("input", _objectSpread$9(_objectSpread$9({}, getInputProps()), {}, {
-        "data-cy": "neeto-image-uploader-file-input",
-        disabled: isDisabled
-      })), /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-700 text-center leading-4",
-        "data-cy": "neeto-image-uploader-restriction-message",
-        lineHeight: "snug",
-        style: "nano",
-        children: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoImageUploader.imageUpload.restrictionMessage",
-          values: {
-            fileTypes: getAllowedTypes(uploadConfig),
-            size: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.maxImageSize
-          }
-        })
-      })]
-    })
-  }));
-};
-
-var _excluded$4 = ["className"];
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImagePlaceholder = function ImagePlaceholder(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    props = _objectWithoutProperties$1(_ref, _excluded$4);
-  return /*#__PURE__*/jsx("div", _objectSpread$8({
-    className: classnames("neeto-ui-bg-gray-200", _defineProperty$1({}, className, className))
-  }, props));
-};
-
-var _excluded$3 = ["src", "className", "fallback"];
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageWithFallback = function ImageWithFallback(_ref) {
-  var src = _ref.src,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "h-full w-full" : _ref$className,
-    _ref$fallback = _ref.fallback,
-    Fallback = _ref$fallback === void 0 ? ImagePlaceholder : _ref$fallback,
-    props = _objectWithoutProperties$1(_ref, _excluded$3);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoaded = _useState2[0],
-    setIsLoaded = _useState2[1];
-  useEffect(function () {
-    var img = new Image();
-    img.onload = function () {
-      setIsLoaded(true);
-    };
-    img.src = src;
-  }, [src]);
-  return isLoaded ? /*#__PURE__*/jsx("img", _objectSpread$7(_objectSpread$7({}, _objectSpread$7({
-    src: src
-  }, props)), {}, {
-    className: "h-full w-auto object-contain"
-  })) : /*#__PURE__*/jsx(Fallback, _objectSpread$7({}, _objectSpread$7({
-    className: className
-  }, props)));
-};
-
-var IS_DEVELOPMENT_OR_HEROKU_ENV = process.env.RAILS_ENV === "development" || process.env.RAILS_ENV === "heroku";
-
-var UNSPLASH_DEFAULT_NAME = "Unsplash-asset";
-var UNSPLASH_URL = "https://unsplash.com/";
-var IMAGES_PER_PAGE = 30;
-var UNSPLASH_DEFAULT_REQUEST_CONFIG = {
-  headers: {
-    "Access-Control-Allow-Origin": "*",
-    "Access-Control-Allow-Methods": "GET"
-  },
-  responseType: "blob"
-};
-var TABS = [{
-  label: i18next.t("neetoImageUploader.labels.myImages"),
-  key: "images",
-  dataCy: "neeto-image-uploader-my-images-tab"
-}, {
-  label: i18next.t("neetoImageUploader.labels.searchTheWeb"),
-  key: "unsplash",
-  dataCy: "neeto-image-uploader-unsplash-tab"
-}];
-var OPTIONS = [{
-  key: "local",
-  label: i18next.t("neetoImageUploader.labels.uploadNewImage"),
-  "data-cy": "upload-new-asset",
-  style: "primary",
-  onClick: noop
-}];
-var DEFAULT_CROP_CONFIG = {
-  unit: "px",
-  height: 0,
-  width: 0,
-  x: 0,
-  y: 0
-};
-var INFINITE_SCROLLER_SIZES = [{
-  columns: 2,
-  gutter: 0
-}, {
-  mq: "768px",
-  columns: 4,
-  gutter: 0
-}, {
-  mq: "1024px",
-  columns: 4,
-  gutter: 0
-}];
-var INFINITE_SCROLLER_STYLE = {
-  width: "100%"
-};
-var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/fetch" : "neeto_image_uploader_engine/images/fetch";
-var IMAGE_WRAPPER_CLASSNAME = "neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg relative flex h-full w-full flex-col items-center justify-center gap-5 border border-dashed p-2 transition-all duration-300 ease-in-out";
-
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$1 = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof$1 = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof$1(obj);
-}
-
-function _classCallCheck$1(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass$1(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-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 _objectSpread2(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(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 version = "1.5.5";
-
-var errorMessages = {
-  MANDATORY_INITIALIZATION_MISSING: {
-    message: "Missing urlEndpoint during SDK initialization",
-    help: ""
-  },
-  INVALID_TRANSFORMATION_POSITION: {
-    message: "Invalid transformationPosition parameter",
-    help: ""
-  },
-  PRIVATE_KEY_CLIENT_SIDE: {
-    message: "privateKey should not be passed on the client side",
-    help: ""
-  },
-  MISSING_UPLOAD_DATA: {
-    message: "Missing data for upload",
-    help: ""
-  },
-  MISSING_UPLOAD_FILE_PARAMETER: {
-    message: "Missing file parameter for upload",
-    help: ""
-  },
-  MISSING_UPLOAD_FILENAME_PARAMETER: {
-    message: "Missing fileName parameter for upload",
-    help: ""
-  },
-  MISSING_AUTHENTICATION_ENDPOINT: {
-    message: "Missing authentication endpoint for upload",
-    help: ""
-  },
-  MISSING_PUBLIC_KEY: {
-    message: "Missing public key for upload",
-    help: ""
-  },
-  AUTH_ENDPOINT_TIMEOUT: {
-    message: "The authenticationEndpoint you provided timed out in 60 seconds",
-    help: ""
-  },
-  AUTH_ENDPOINT_NETWORK_ERROR: {
-    message: "Request to authenticationEndpoint failed due to network error",
-    help: ""
-  },
-  AUTH_INVALID_RESPONSE: {
-    message: "Invalid response from authenticationEndpoint. The SDK expects a JSON response with three fields i.e. signature, token and expire.",
-    help: ""
-  },
-  UPLOAD_ENDPOINT_NETWORK_ERROR: {
-    message: "Request to ImageKit upload endpoint failed due to network error",
-    help: ""
-  },
-  INVALID_UPLOAD_OPTIONS: {
-    message: "Invalid uploadOptions parameter",
-    help: ""
-  }
-};
-
-function respond (isError, response, callback) {
-  if (typeof callback == "function") {
-    if (isError) {
-      callback(response, null);
-    } else {
-      callback(null, response);
-    }
-  }
-}
-
-function getResponseHeaderMap(xhr) {
-  var headers = {};
-  var responseHeaders = xhr.getAllResponseHeaders();
-  if (Object.keys(responseHeaders).length) {
-    responseHeaders.trim().split(/[\r\n]+/).map(function (value) {
-      return value.split(/: /);
-    }).forEach(function (keyValue) {
-      headers[keyValue[0].trim()] = keyValue[1].trim();
-    });
-  }
-  return headers;
-}
-var addResponseHeadersAndBody = function addResponseHeadersAndBody(body, xhr) {
-  var response = _objectSpread2({}, body);
-  var responseMetadata = {
-    statusCode: xhr.status,
-    headers: getResponseHeaderMap(xhr)
-  };
-  Object.defineProperty(response, "$ResponseMetadata", {
-    value: responseMetadata,
-    enumerable: false,
-    writable: false
-  });
-  return response;
-};
-var request = function request(uploadFileXHR, formData, options, callback) {
-  generateSignatureToken(options.authenticationEndpoint).then(function (signaturObj) {
-    formData.append("signature", signaturObj.signature);
-    formData.append("expire", String(signaturObj.expire));
-    formData.append("token", signaturObj.token);
-    uploadFile(uploadFileXHR, formData).then(function (result) {
-      return respond(false, result, callback);
-    }, function (ex) {
-      return respond(true, ex, callback);
-    });
-  }, function (ex) {
-    return respond(true, ex, callback);
-  });
-};
-var generateSignatureToken = function generateSignatureToken(authenticationEndpoint) {
-  return new Promise(function (resolve, reject) {
-    var xhr = new XMLHttpRequest();
-    xhr.timeout = 60000;
-    var urlObj = new URL(authenticationEndpoint);
-    urlObj.searchParams.append("t", Math.random().toString());
-    xhr.open('GET', urlObj.toString());
-    xhr.ontimeout = function (e) {
-      return reject(errorMessages.AUTH_ENDPOINT_TIMEOUT);
-    };
-    xhr.onerror = function () {
-      return reject(errorMessages.AUTH_ENDPOINT_NETWORK_ERROR);
-    };
-    xhr.onload = function () {
-      if (xhr.status === 200) {
-        try {
-          var body = JSON.parse(xhr.responseText);
-          var obj = {
-            signature: body.signature,
-            expire: body.expire,
-            token: body.token
-          };
-          if (!obj.signature || !obj.expire || !obj.token) {
-            return reject(errorMessages.AUTH_INVALID_RESPONSE);
-          }
-          return resolve(obj);
-        } catch (ex) {
-          return reject(errorMessages.AUTH_INVALID_RESPONSE);
-        }
-      } else {
-        return reject(errorMessages.AUTH_INVALID_RESPONSE);
-      }
-    };
-    xhr.send();
-  });
-};
-var uploadFile = function uploadFile(uploadFileXHR, formData) {
-  return new Promise(function (resolve, reject) {
-    uploadFileXHR.open('POST', 'https://upload.imagekit.io/api/v1/files/upload');
-    uploadFileXHR.onerror = function (e) {
-      return reject(errorMessages.UPLOAD_ENDPOINT_NETWORK_ERROR);
-    };
-    uploadFileXHR.onload = function () {
-      if (uploadFileXHR.status === 200) {
-        try {
-          var body = JSON.parse(uploadFileXHR.responseText);
-          var uploadResponse = addResponseHeadersAndBody(body, uploadFileXHR);
-          return resolve(uploadResponse);
-        } catch (ex) {
-          return reject(ex);
-        }
-      } else {
-        try {
-          var body = JSON.parse(uploadFileXHR.responseText);
-          var uploadError = addResponseHeadersAndBody(body, uploadFileXHR);
-          return reject(uploadError);
-        } catch (ex) {
-          return reject(ex);
-        }
-      }
-    };
-    uploadFileXHR.send(formData);
-  });
-};
-
-var upload = function upload(xhr, uploadOptions, options, callback) {
-  if (!uploadOptions.file) {
-    respond(true, errorMessages.MISSING_UPLOAD_FILE_PARAMETER, callback);
-    return;
-  }
-  if (!uploadOptions.fileName) {
-    respond(true, errorMessages.MISSING_UPLOAD_FILENAME_PARAMETER, callback);
-    return;
-  }
-  if (!options.authenticationEndpoint) {
-    respond(true, errorMessages.MISSING_AUTHENTICATION_ENDPOINT, callback);
-    return;
-  }
-  if (!options.publicKey) {
-    respond(true, errorMessages.MISSING_PUBLIC_KEY, callback);
-    return;
-  }
-  var formData = new FormData();
-  var key;
-  for (key in uploadOptions) {
-    if (key) {
-      if (key === "file" && typeof uploadOptions.file != "string") {
-        formData.append('file', uploadOptions.file, String(uploadOptions.fileName));
-      } else if (key === "tags" && Array.isArray(uploadOptions.tags)) {
-        formData.append('tags', uploadOptions.tags.join(","));
-      } else if (key === "responseFields" && Array.isArray(uploadOptions.responseFields)) {
-        formData.append('responseFields', uploadOptions.responseFields.join(","));
-      } else if (key === "extensions" && Array.isArray(uploadOptions.extensions)) {
-        formData.append('extensions', JSON.stringify(uploadOptions.extensions));
-      } else if (key === "customMetadata" && _typeof$1(uploadOptions.customMetadata) === "object" && !Array.isArray(uploadOptions.customMetadata) && uploadOptions.customMetadata !== null) {
-        formData.append('customMetadata', JSON.stringify(uploadOptions.customMetadata));
-      } else if (uploadOptions[key] !== undefined) {
-        formData.append(key, String(uploadOptions[key]));
-      }
-    }
-  }
-  formData.append("publicKey", options.publicKey);
-  request(xhr, formData, _objectSpread2(_objectSpread2({}, options), {}, {
-    authenticationEndpoint: options.authenticationEndpoint
-  }), callback);
-};
-
-var supportedTransforms = {
-  width: "w",
-  height: "h",
-  aspectRatio: "ar",
-  quality: "q",
-  crop: "c",
-  cropMode: "cm",
-  focus: "fo",
-  x: "x",
-  y: "y",
-  format: "f",
-  radius: "r",
-  background: "bg",
-  border: "b",
-  rotation: "rt",
-  rotate: "rt",
-  blur: "bl",
-  named: "n",
-  overlayImage: "oi",
-  overlayImageAspectRatio: "oiar",
-  overlayImageBackground: "oibg",
-  overlayImageBorder: "oib",
-  overlayImageDPR: "oidpr",
-  overlayImageQuality: "oiq",
-  overlayImageCropping: "oic",
-  overlayImageTrim: "oit",
-  overlayX: "ox",
-  overlayY: "oy",
-  overlayFocus: "ofo",
-  overlayHeight: "oh",
-  overlayWidth: "ow",
-  overlayText: "ot",
-  overlayTextFontSize: "ots",
-  overlayTextFontFamily: "otf",
-  overlayTextColor: "otc",
-  overlayTextTransparency: "oa",
-  overlayAlpha: "oa",
-  overlayTextTypography: "ott",
-  overlayBackground: "obg",
-  overlayTextEncoded: "ote",
-  overlayTextWidth: "otw",
-  overlayTextBackground: "otbg",
-  overlayTextPadding: "otp",
-  overlayTextInnerAlignment: "otia",
-  overlayRadius: "or",
-  progressive: "pr",
-  lossless: "lo",
-  trim: "t",
-  metadata: "md",
-  colorProfile: "cp",
-  defaultImage: "di",
-  dpr: "dpr",
-  effectSharpen: "e-sharpen",
-  effectUSM: "e-usm",
-  effectContrast: "e-contrast",
-  effectGray: "e-grayscale",
-  original: "orig",
-  raw: "raw"
-};
-
-var DEFAULT_TRANSFORMATION_POSITION = "path";
-var QUERY_TRANSFORMATION_POSITION = "query";
-var VALID_TRANSFORMATION_POSITIONS = [DEFAULT_TRANSFORMATION_POSITION, QUERY_TRANSFORMATION_POSITION];
-var CHAIN_TRANSFORM_DELIMITER = ":";
-var TRANSFORM_DELIMITER = ",";
-var TRANSFORM_KEY_VALUE_DELIMITER = "-";
-var transformationUtils = {
-  getDefault: function getDefault() {
-    return DEFAULT_TRANSFORMATION_POSITION;
-  },
-  addAsQueryParameter: function addAsQueryParameter(options) {
-    return options.transformationPosition === QUERY_TRANSFORMATION_POSITION;
-  },
-  validParameters: function validParameters(options) {
-    if (typeof options.transformationPosition == "undefined") return false;
-    return VALID_TRANSFORMATION_POSITIONS.indexOf(options.transformationPosition) != -1;
-  },
-  getTransformKey: function getTransformKey(transform) {
-    if (!transform) {
-      return "";
-    }
-    return supportedTransforms[transform] || supportedTransforms[transform.toLowerCase()] || "";
-  },
-  getChainTransformDelimiter: function getChainTransformDelimiter() {
-    return CHAIN_TRANSFORM_DELIMITER;
-  },
-  getTransformDelimiter: function getTransformDelimiter() {
-    return TRANSFORM_DELIMITER;
-  },
-  getTransformKeyValueDelimiter: function getTransformKeyValueDelimiter() {
-    return TRANSFORM_KEY_VALUE_DELIMITER;
-  }
-};
-
-var TRANSFORMATION_PARAMETER = "tr";
-function removeTrailingSlash(str) {
-  if (typeof str == "string" && str[str.length - 1] == "/") {
-    str = str.substring(0, str.length - 1);
-  }
-  return str;
-}
-function removeLeadingSlash(str) {
-  if (typeof str == "string" && str[0] == "/") {
-    str = str.slice(1);
-  }
-  return str;
-}
-function pathJoin(parts, sep) {
-  var separator = sep || "/";
-  var replace = new RegExp(separator + "{1,}", "g");
-  return parts.join(separator).replace(replace, separator);
-}
-var buildURL = function buildURL(opts) {
-  if (!opts.path && !opts.src) {
-    return "";
-  }
-  var urlObj, isSrcParameterUsedForURL, urlEndpointPattern;
-  try {
-    if (opts.path) {
-      urlEndpointPattern = new URL(opts.urlEndpoint).pathname;
-      urlObj = new URL(pathJoin([opts.urlEndpoint.replace(urlEndpointPattern, ""), opts.path]));
-    } else {
-      urlObj = new URL(opts.src);
-      isSrcParameterUsedForURL = true;
-    }
-  } catch (e) {
-    console.error(e);
-    return "";
-  }
-  for (var i in opts.queryParameters) {
-    urlObj.searchParams.append(i, String(opts.queryParameters[i]));
-  }
-  var transformationString = constructTransformationString(opts.transformation);
-  if (transformationString && transformationString.length) {
-    if (transformationUtils.addAsQueryParameter(opts) || isSrcParameterUsedForURL) {
-      urlObj.searchParams.append(TRANSFORMATION_PARAMETER, transformationString);
-    } else {
-      urlObj.pathname = pathJoin([TRANSFORMATION_PARAMETER + transformationUtils.getChainTransformDelimiter() + transformationString, urlObj.pathname]);
-    }
-  }
-  if (urlEndpointPattern) {
-    urlObj.pathname = pathJoin([urlEndpointPattern, urlObj.pathname]);
-  } else {
-    urlObj.pathname = pathJoin([urlObj.pathname]);
-  }
-  return urlObj.href;
-};
-function constructTransformationString(transformation) {
-  if (!Array.isArray(transformation)) {
-    return "";
-  }
-  var parsedTransforms = [];
-  for (var i = 0, l = transformation.length; i < l; i++) {
-    var parsedTransformStep = [];
-    for (var key in transformation[i]) {
-      var transformKey = transformationUtils.getTransformKey(key);
-      if (!transformKey) {
-        transformKey = key;
-      }
-      if (transformation[i][key] === "-") {
-        parsedTransformStep.push(transformKey);
-      } else if (key === "raw") {
-        parsedTransformStep.push(transformation[i][key]);
-      } else {
-        var value = transformation[i][key];
-        if (transformKey === "oi" || transformKey === "di") {
-          value = removeTrailingSlash(removeLeadingSlash(value || ""));
-          value = value.replace(/\//g, "@@");
-        }
-        parsedTransformStep.push([transformKey, value].join(transformationUtils.getTransformKeyValueDelimiter()));
-      }
-    }
-    parsedTransforms.push(parsedTransformStep.join(transformationUtils.getTransformDelimiter()));
-  }
-  return parsedTransforms.join(transformationUtils.getChainTransformDelimiter());
-}
-
-var url = function url(urlOpts, defaultOptions) {
-  return buildURL(_objectSpread2(_objectSpread2({}, defaultOptions), urlOpts));
-};
-
-function mandatoryParametersAvailable(options) {
-  return options.urlEndpoint;
-}
-var promisify = function promisify(thisContext, fn) {
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (args.length === fn.length && typeof args[args.length - 1] !== "undefined") {
-      if (typeof args[args.length - 1] !== "function") {
-        throw new Error("Callback must be a function.");
-      }
-      fn.call.apply(fn, [thisContext].concat(args));
-    } else {
-      return new Promise(function (resolve, reject) {
-        var callback = function callback(err) {
-          if (err) {
-            return reject(err);
-          } else {
-            for (var _len2 = arguments.length, results = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-              results[_key2 - 1] = arguments[_key2];
-            }
-            resolve(results.length > 1 ? results : results[0]);
-          }
-        };
-        args.pop();
-        args.push(callback);
-        fn.call.apply(fn, [thisContext].concat(args));
-      });
-    }
-  };
-};
-var ImageKit = function () {
-  function ImageKit(opts) {
-    _classCallCheck$1(this, ImageKit);
-    _defineProperty(this, "options", {
-      sdkVersion: "javascript-".concat(version),
-      publicKey: "",
-      urlEndpoint: "",
-      transformationPosition: transformationUtils.getDefault()
-    });
-    this.options = _objectSpread2(_objectSpread2({}, this.options), opts || {});
-    if (!mandatoryParametersAvailable(this.options)) {
-      throw errorMessages.MANDATORY_INITIALIZATION_MISSING;
-    }
-    if (!transformationUtils.validParameters(this.options)) {
-      throw errorMessages.INVALID_TRANSFORMATION_POSITION;
-    }
-  }
-  _createClass$1(ImageKit, [{
-    key: "url",
-    value: function url$1(urlOptions) {
-      return url(urlOptions, this.options);
-    }
-  }, {
-    key: "upload",
-    value: function upload$1(uploadOptions, callbackOrOptions, options) {
-      var callback;
-      if (typeof callbackOrOptions === 'function') {
-        callback = callbackOrOptions;
-      } else {
-        options = callbackOrOptions || {};
-      }
-      if (!uploadOptions || _typeof$1(uploadOptions) !== "object") {
-        return respond(true, errorMessages.INVALID_UPLOAD_OPTIONS, callback);
-      }
-      var mergedOptions = _objectSpread2(_objectSpread2({}, this.options), options);
-      var _ref = uploadOptions || {},
-          userProvidedXHR = _ref.xhr;
-      delete uploadOptions.xhr;
-      var xhr = userProvidedXHR || new XMLHttpRequest();
-      return promisify(this, upload)(xhr, uploadOptions, mergedOptions, callback);
-    }
-  }]);
-  return ImageKit;
-}();
-
-var getCropValues = function getCropValues(_ref) {
-  var crop = _ref.crop,
-    imageRef = _ref.imageRef;
-  return {
-    x: imageRef.current.naturalWidth * (crop.x / imageRef.current.width),
-    y: imageRef.current.naturalHeight * (crop.y / imageRef.current.height),
-    height: imageRef.current.naturalHeight * (crop.height / imageRef.current.height),
-    width: imageRef.current.naturalWidth * (crop.width / imageRef.current.width)
-  };
-};
-var getCroppedImageURL = function getCroppedImageURL(_ref2) {
-  var imageURL = _ref2.imageURL,
-    crop = _ref2.crop,
-    imageRef = _ref2.imageRef;
-  var imagekit = new ImageKit({
-    urlEndpoint: globalProps.imagekit.urlEndpoint
-  });
-  var _getCropValues = getCropValues({
-      crop: crop,
-      imageRef: imageRef
-    }),
-    x = _getCropValues.x,
-    y = _getCropValues.y,
-    height = _getCropValues.height,
-    width = _getCropValues.width;
-  var transformation = [{
-    cropMode: "extract",
-    x: x,
-    y: y,
-    height: height,
-    width: width
-  }];
-  return imagekit.url({
-    src: imageURL,
-    transformation: transformation
-  });
-};
-var isNilOrEmpty = function isNilOrEmpty(value) {
-  return isNil(value) || isEmpty(value);
-};
-var isNotNilOrEmpty = function isNotNilOrEmpty(value) {
-  return !isNilOrEmpty(value);
-};
-var onImageLoaded = function onImageLoaded(_ref3) {
-  var image = _ref3.image,
-    setCrop = _ref3.setCrop,
-    _ref3$cropAspectRatio = _ref3.cropAspectRatio,
-    cropAspectRatio = _ref3$cropAspectRatio === void 0 ? 16 / 9 : _ref3$cropAspectRatio;
-  var width = image.width,
-    height = image.height;
-  var imageAspectRatio = width / height;
-  var maxCropWidth = 250;
-  var maxCropHeight = maxCropWidth / cropAspectRatio;
-  var cropWidth, cropHeight;
-  if (imageAspectRatio > cropAspectRatio) {
-    cropWidth = Math.min(maxCropWidth, width);
-    cropHeight = cropWidth / cropAspectRatio;
-  } else if (height < maxCropHeight) {
-    cropWidth = width;
-    cropHeight = height;
-  } else {
-    cropHeight = Math.min(maxCropHeight, height);
-    cropWidth = cropHeight * cropAspectRatio;
-  }
-  var cropX = (width - cropWidth) / 2;
-  var cropY = (height - cropHeight) / 2;
-  setCrop({
-    unit: "px",
-    width: cropWidth,
-    height: cropHeight,
-    x: cropX,
-    y: cropY
-  });
-};
-var isItemsCenter = function isItemsCenter(_ref4) {
-  var imageRef = _ref4.imageRef,
-    wrapperRef = _ref4.wrapperRef;
-  var _ref5 = imageRef.current || {},
-    imageHeight = _ref5.height,
-    imageWidth = _ref5.width;
-  var wrapperHeight = (wrapperRef.current || {}).clientHeight;
-  if (imageHeight < imageWidth && imageHeight < wrapperHeight - 1) {
-    // Landscape images smaller than wrapper dimensions
-    return true;
-  }
-  if (imageHeight === imageWidth && imageHeight < wrapperHeight - 1) {
-    // Square images smaller than wrapper dimensions
-    return true;
-  }
-  return imageHeight > imageWidth && imageHeight < wrapperHeight - 1;
-};
-
-var _excluded$2 = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var BasicImageUploader = function BasicImageUploader(_ref) {
-  var _ref$src = _ref.src,
-    src = _ref$src === void 0 ? "" : _ref$src,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$imageFallbackPro = _ref.imageFallbackProps,
-    imageFallbackProps = _ref$imageFallbackPro === void 0 ? {
-      alt: "Uplaoded Image",
-      className: "h-full w-full"
-    } : _ref$imageFallbackPro,
-    _ref$onDrop = _ref.onDrop,
-    onDrop = _ref$onDrop === void 0 ? noop : _ref$onDrop,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$onRemove = _ref.onRemove,
-    onRemove = _ref$onRemove === void 0 ? noop : _ref$onRemove,
-    props = _objectWithoutProperties$1(_ref, _excluded$2);
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(className, {
-      "cursor-pointer": true,
-      "cursor-not-allowed": isDisabled,
-      "opacity-70": isDisabled && isNilOrEmpty(src)
-    }),
-    children: isNotNilOrEmpty(src) ? /*#__PURE__*/jsxs("div", {
-      className: IMAGE_WRAPPER_CLASSNAME,
-      children: [/*#__PURE__*/jsx(ImageWithFallback, _objectSpread$6(_objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, imageFallbackProps), {}, {
-        src: src
-      })), {}, {
-        "data-cy": "uploaded-image"
-      })), /*#__PURE__*/jsx(Button, {
-        className: "absolute right-3 top-3",
-        "data-cy": "basic-image-uploader-remove-button",
-        disabled: isDisabled,
-        icon: Delete,
-        size: "small",
-        onClick: onRemove
-      })]
-    }) : /*#__PURE__*/jsx(ImageDirectUpload, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, props), {}, {
-      isDisabled: isDisabled,
-      onDrop: onDrop
-    })))
-  });
-};
-
-var create = function create(payload) {
-  return axios.post("/api/direct_uploads", {
-    blob: payload
-  }, {
-    transformRequestCase: false
-  });
-};
-var update = function update(_ref) {
-  var id = _ref.id,
-    payload = _ref.payload;
-  return axios.put("neeto_image_uploader_engine/api/direct_uploads/".concat(id), {
-    blob: payload
-  }, {
-    transformRequestCase: false
-  });
-};
-var directUploadsApi = {
-  create: create,
-  update: update
-};
-
-var QUERY_KEYS = {
-  ASSETS_LIST: "neeto-image-uploader-images-list",
-  UNSPLASH_LIST: "neeto-image-uploader-unsplash-list"
-};
-var ASSETS_STALE_TIME = 900000; // 15 mins
-
-var UNSPLASH_STALE_TIME = 900000;
-
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useCreateBlob = function useCreateBlob(options) {
-  return useMutationWithInvalidation(directUploadsApi.create, _objectSpread$5({
-    keysToInvalidate: [QUERY_KEYS.ASSETS_LIST]
-  }, options));
-};
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-_typeof.exports;
-
-(function (module) {
-	function _typeof(o) {
-	  "@babel/helpers - typeof";
-
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-	    return typeof o;
-	  } : function (o) {
-	    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
-	}
-	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-} (_typeof));
-
-var _typeofExports = _typeof.exports;
-
-regeneratorRuntime$1.exports;
-
-(function (module) {
-	var _typeof = _typeofExports["default"];
-	function _regeneratorRuntime() {
-	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-	    return e;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  var t,
-	    e = {},
-	    r = Object.prototype,
-	    n = r.hasOwnProperty,
-	    o = Object.defineProperty || function (t, e, r) {
-	      t[e] = r.value;
-	    },
-	    i = "function" == typeof Symbol ? Symbol : {},
-	    a = i.iterator || "@@iterator",
-	    c = i.asyncIterator || "@@asyncIterator",
-	    u = i.toStringTag || "@@toStringTag";
-	  function define(t, e, r) {
-	    return Object.defineProperty(t, e, {
-	      value: r,
-	      enumerable: !0,
-	      configurable: !0,
-	      writable: !0
-	    }), t[e];
-	  }
-	  try {
-	    define({}, "");
-	  } catch (t) {
-	    define = function define(t, e, r) {
-	      return t[e] = r;
-	    };
-	  }
-	  function wrap(t, e, r, n) {
-	    var i = e && e.prototype instanceof Generator ? e : Generator,
-	      a = Object.create(i.prototype),
-	      c = new Context(n || []);
-	    return o(a, "_invoke", {
-	      value: makeInvokeMethod(t, r, c)
-	    }), a;
-	  }
-	  function tryCatch(t, e, r) {
-	    try {
-	      return {
-	        type: "normal",
-	        arg: t.call(e, r)
-	      };
-	    } catch (t) {
-	      return {
-	        type: "throw",
-	        arg: t
-	      };
-	    }
-	  }
-	  e.wrap = wrap;
-	  var h = "suspendedStart",
-	    l = "suspendedYield",
-	    f = "executing",
-	    s = "completed",
-	    y = {};
-	  function Generator() {}
-	  function GeneratorFunction() {}
-	  function GeneratorFunctionPrototype() {}
-	  var p = {};
-	  define(p, a, function () {
-	    return this;
-	  });
-	  var d = Object.getPrototypeOf,
-	    v = d && d(d(values([])));
-	  v && v !== r && n.call(v, a) && (p = v);
-	  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-	  function defineIteratorMethods(t) {
-	    ["next", "throw", "return"].forEach(function (e) {
-	      define(t, e, function (t) {
-	        return this._invoke(e, t);
-	      });
-	    });
-	  }
-	  function AsyncIterator(t, e) {
-	    function invoke(r, o, i, a) {
-	      var c = tryCatch(t[r], t, o);
-	      if ("throw" !== c.type) {
-	        var u = c.arg,
-	          h = u.value;
-	        return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-	          invoke("next", t, i, a);
-	        }, function (t) {
-	          invoke("throw", t, i, a);
-	        }) : e.resolve(h).then(function (t) {
-	          u.value = t, i(u);
-	        }, function (t) {
-	          return invoke("throw", t, i, a);
-	        });
-	      }
-	      a(c.arg);
-	    }
-	    var r;
-	    o(this, "_invoke", {
-	      value: function value(t, n) {
-	        function callInvokeWithMethodAndArg() {
-	          return new e(function (e, r) {
-	            invoke(t, n, e, r);
-	          });
-	        }
-	        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-	      }
-	    });
-	  }
-	  function makeInvokeMethod(e, r, n) {
-	    var o = h;
-	    return function (i, a) {
-	      if (o === f) throw new Error("Generator is already running");
-	      if (o === s) {
-	        if ("throw" === i) throw a;
-	        return {
-	          value: t,
-	          done: !0
-	        };
-	      }
-	      for (n.method = i, n.arg = a;;) {
-	        var c = n.delegate;
-	        if (c) {
-	          var u = maybeInvokeDelegate(c, n);
-	          if (u) {
-	            if (u === y) continue;
-	            return u;
-	          }
-	        }
-	        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-	          if (o === h) throw o = s, n.arg;
-	          n.dispatchException(n.arg);
-	        } else "return" === n.method && n.abrupt("return", n.arg);
-	        o = f;
-	        var p = tryCatch(e, r, n);
-	        if ("normal" === p.type) {
-	          if (o = n.done ? s : l, p.arg === y) continue;
-	          return {
-	            value: p.arg,
-	            done: n.done
-	          };
-	        }
-	        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-	      }
-	    };
-	  }
-	  function maybeInvokeDelegate(e, r) {
-	    var n = r.method,
-	      o = e.iterator[n];
-	    if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-	    var i = tryCatch(o, e.iterator, r.arg);
-	    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-	    var a = i.arg;
-	    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-	  }
-	  function pushTryEntry(t) {
-	    var e = {
-	      tryLoc: t[0]
-	    };
-	    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-	  }
-	  function resetTryEntry(t) {
-	    var e = t.completion || {};
-	    e.type = "normal", delete e.arg, t.completion = e;
-	  }
-	  function Context(t) {
-	    this.tryEntries = [{
-	      tryLoc: "root"
-	    }], t.forEach(pushTryEntry, this), this.reset(!0);
-	  }
-	  function values(e) {
-	    if (e || "" === e) {
-	      var r = e[a];
-	      if (r) return r.call(e);
-	      if ("function" == typeof e.next) return e;
-	      if (!isNaN(e.length)) {
-	        var o = -1,
-	          i = function next() {
-	            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-	            return next.value = t, next.done = !0, next;
-	          };
-	        return i.next = i;
-	      }
-	    }
-	    throw new TypeError(_typeof(e) + " is not iterable");
-	  }
-	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-	    value: GeneratorFunctionPrototype,
-	    configurable: !0
-	  }), o(GeneratorFunctionPrototype, "constructor", {
-	    value: GeneratorFunction,
-	    configurable: !0
-	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-	    var e = "function" == typeof t && t.constructor;
-	    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-	  }, e.mark = function (t) {
-	    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-	  }, e.awrap = function (t) {
-	    return {
-	      __await: t
-	    };
-	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-	    return this;
-	  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-	    void 0 === i && (i = Promise);
-	    var a = new AsyncIterator(wrap(t, r, n, o), i);
-	    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-	      return t.done ? t.value : a.next();
-	    });
-	  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-	    return this;
-	  }), define(g, "toString", function () {
-	    return "[object Generator]";
-	  }), e.keys = function (t) {
-	    var e = Object(t),
-	      r = [];
-	    for (var n in e) r.push(n);
-	    return r.reverse(), function next() {
-	      for (; r.length;) {
-	        var t = r.pop();
-	        if (t in e) return next.value = t, next.done = !1, next;
-	      }
-	      return next.done = !0, next;
-	    };
-	  }, e.values = values, Context.prototype = {
-	    constructor: Context,
-	    reset: function reset(e) {
-	      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-	    },
-	    stop: function stop() {
-	      this.done = !0;
-	      var t = this.tryEntries[0].completion;
-	      if ("throw" === t.type) throw t.arg;
-	      return this.rval;
-	    },
-	    dispatchException: function dispatchException(e) {
-	      if (this.done) throw e;
-	      var r = this;
-	      function handle(n, o) {
-	        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-	      }
-	      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-	        var i = this.tryEntries[o],
-	          a = i.completion;
-	        if ("root" === i.tryLoc) return handle("end");
-	        if (i.tryLoc <= this.prev) {
-	          var c = n.call(i, "catchLoc"),
-	            u = n.call(i, "finallyLoc");
-	          if (c && u) {
-	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-	          } else if (c) {
-	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-	          } else {
-	            if (!u) throw new Error("try statement without catch or finally");
-	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-	          }
-	        }
-	      }
-	    },
-	    abrupt: function abrupt(t, e) {
-	      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-	        var o = this.tryEntries[r];
-	        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-	          var i = o;
-	          break;
-	        }
-	      }
-	      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-	      var a = i ? i.completion : {};
-	      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-	    },
-	    complete: function complete(t, e) {
-	      if ("throw" === t.type) throw t.arg;
-	      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-	    },
-	    finish: function finish(t) {
-	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-	        var r = this.tryEntries[e];
-	        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-	      }
-	    },
-	    "catch": function _catch(t) {
-	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-	        var r = this.tryEntries[e];
-	        if (r.tryLoc === t) {
-	          var n = r.completion;
-	          if ("throw" === n.type) {
-	            var o = n.arg;
-	            resetTryEntry(r);
-	          }
-	          return o;
-	        }
-	      }
-	      throw new Error("illegal catch attempt");
-	    },
-	    delegateYield: function delegateYield(e, r, n) {
-	      return this.delegate = {
-	        iterator: values(e),
-	        resultName: r,
-	        nextLoc: n
-	      }, "next" === this.method && (this.arg = t), y;
-	    }
-	  }, e;
-	}
-	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-} (regeneratorRuntime$1));
-
-var regeneratorRuntimeExports = regeneratorRuntime$1.exports;
-
-// TODO(Babel 8): Remove this file.
-
-var runtime = regeneratorRuntimeExports();
-var regenerator = runtime;
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-
-var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
-
-var generateASCIIFileName = function generateASCIIFileName(originalFileName) {
-  if (/^[ -~]*$/.test(originalFileName)) {
-    return originalFileName;
-  }
-  var extension = originalFileName.split(".").pop();
-  return "image.".concat(extension);
-};
-
-var useImageUploader = function useImageUploader(_ref) {
-  var _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
-    _ref$setIsUploading = _ref.setIsUploading,
-    setIsUploading = _ref$setIsUploading === void 0 ? noop : _ref$setIsUploading;
-  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
-  var handleUploadProgress = function handleUploadProgress(e, fileSize, setUploadProgress) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var developmentUpload = function developmentUpload(file, setUploadProgress) {
-    try {
-      setIsUploading(true);
-      var upload = new DirectUpload(file, "/api/direct_uploads", {
-        directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
-          xhr.upload.addEventListener("progress", function (event) {
-            var percentComplete = Math.round(event.loaded / event.total * 100);
-            setUploadProgress(percentComplete);
-          });
-        }
-      });
-      upload.create(function (_, blob) {
-        var payload = {
-          id: blob.signed_id,
-          payload: {
-            metadata: {
-              organizationKey: globalProps.organization.publicApiKey,
-              url: blob.blob_url,
-              height: 200,
-              width: 200
-            }
-          }
-        };
-        directUploadsApi.update(payload);
-        onUploadComplete(mergeRight(keysToCamelCase(blob), {
-          url: blob.blob_url
-        }));
-        setIsUploading(false);
-      });
-    } catch (error) {
-      Toastr.error(error);
-    }
-  };
-  var productionUpload = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress) {
-      var imagekit, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 5;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: globalProps.imagekit.folder,
-              customMetadata: {
-                organizationKey: globalProps.organization.publicApiKey,
-                appName: globalProps.appName
-              }
-            });
-          case 5:
-            result = _context.sent;
-            onUploadComplete(result);
-            setIsUploading(false);
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 10]]);
-    }));
-    return function productionUpload(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var uploadFile = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, setUploadProgress) {
-      var fileSize, XHRProgress;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!isNil(file)) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 2:
-            fileSize = file.size;
-            XHRProgress = new XMLHttpRequest();
-            XHRProgress.upload.addEventListener("progress", function (e) {
-              handleUploadProgress(e, fileSize, setUploadProgress);
-            });
-            if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
-              _context2.next = 9;
-              break;
-            }
-            developmentUpload(file, setUploadProgress);
-            _context2.next = 11;
-            break;
-          case 9:
-            _context2.next = 11;
-            return productionUpload(file, XHRProgress);
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function uploadFile(_x3, _x4) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  return {
-    uploadFile: uploadFile
-  };
-};
-
-var createOptions = function createOptions() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return OPTIONS.map(function (option) {
-    return mergeLeft(findBy({
-      key: option.key
-    }, options), option);
-  });
-};
-
-var ReactCrop_min = {exports: {}};
-
-ReactCrop_min.exports;
-
-(function (module, exports) {
-	!function(e,t){module.exports=t(require$$0);}(commonjsGlobal,(e=>(()=>{var t={899:t=>{t.exports=e;}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]});},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});};var r={};return (()=>{o.r(r),o.d(r,{Component:()=>u,areCropsEqual:()=>h,centerCrop:()=>d,clamp:()=>a,containCrop:()=>p,convertToPercentCrop:()=>c,convertToPixelCrop:()=>l,default:()=>u,defaultCrop:()=>i,makeAspectCrop:()=>s,nudgeCrop:()=>g});var e=o(899),t=o.n(e);function n(e){var t,o,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(o=n(e[t]))&&(r&&(r+=" "),r+=o);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}const i={x:0,y:0,width:0,height:0,unit:"px"};function a(e,t,n){return Math.min(Math.max(e,t),n)}function h(e,t){return e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y&&e.unit===t.unit}function s(e,t,n,o){const r=l(e,n,o);return e.width&&(r.height=r.width/t),e.height&&(r.width=r.height*t),r.y+r.height>o&&(r.height=o-r.y,r.width=r.height*t),r.x+r.width>n&&(r.width=n-r.x,r.height=r.width/t),"%"===e.unit?c(r,n,o):r}function d(e,t,n){const o=l(e,t,n);return o.x=(t-o.width)/2,o.y=(n-o.height)/2,"%"===e.unit?c(o,t,n):o}function c(e,t,n){return "%"===e.unit?{...i,...e,unit:"%"}:{unit:"%",x:e.x?e.x/t*100:0,y:e.y?e.y/n*100:0,width:e.width?e.width/t*100:0,height:e.height?e.height/n*100:0}}function l(e,t,n){return e.unit?"px"===e.unit?{...i,...e,unit:"px"}:{unit:"px",x:e.x?e.x*t/100:0,y:e.y?e.y*n/100:0,width:e.width?e.width*t/100:0,height:e.height?e.height*n/100:0}:{...i,...e,unit:"px"}}function p(e,t,n,o,r,i=0,a=0,h=o,s=r){const d={...e};let c=Math.min(i,o),l=Math.min(a,r),p=Math.min(h,o),g=Math.min(s,r);t&&(t>1?(c=a?a*t:c,l=c/t,p=h*t):(l=i?i/t:l,c=l*t,g=s/t)),d.y<0&&(d.height=Math.max(d.height+d.y,l),d.y=0),d.x<0&&(d.width=Math.max(d.width+d.x,c),d.x=0);const w=o-(d.x+d.width);w<0&&(d.x=Math.min(d.x,o-c),d.width+=w);const u=r-(d.y+d.height);if(u<0&&(d.y=Math.min(d.y,r-l),d.height+=u),d.width<c&&("sw"!==n&&"nw"!=n||(d.x-=c-d.width),d.width=c),d.height<l&&("nw"!==n&&"ne"!=n||(d.y-=l-d.height),d.height=l),d.width>p&&("sw"!==n&&"nw"!=n||(d.x-=p-d.width),d.width=p),d.height>g&&("nw"!==n&&"ne"!=n||(d.y-=g-d.height),d.height=g),t){const e=d.width/d.height;if(e<t){const e=Math.max(d.width/t,l);"nw"!==n&&"ne"!=n||(d.y-=e-d.height),d.height=e;}else if(e>t){const e=Math.max(d.height*t,c);"sw"!==n&&"nw"!=n||(d.x-=e-d.width),d.width=e;}}return d}function g(e,t,n,o){const r={...e};return "ArrowLeft"===t?"nw"===o?(r.x-=n,r.y-=n,r.width+=n,r.height+=n):"w"===o?(r.x-=n,r.width+=n):"sw"===o?(r.x-=n,r.width+=n,r.height+=n):"ne"===o?(r.y+=n,r.width-=n,r.height-=n):"e"===o?r.width-=n:"se"===o&&(r.width-=n,r.height-=n):"ArrowRight"===t&&("nw"===o?(r.x+=n,r.y+=n,r.width-=n,r.height-=n):"w"===o?(r.x+=n,r.width-=n):"sw"===o?(r.x+=n,r.width-=n,r.height-=n):"ne"===o?(r.y-=n,r.width+=n,r.height+=n):"e"===o?r.width+=n:"se"===o&&(r.width+=n,r.height+=n)),"ArrowUp"===t?"nw"===o?(r.x-=n,r.y-=n,r.width+=n,r.height+=n):"n"===o?(r.y-=n,r.height+=n):"ne"===o?(r.y-=n,r.width+=n,r.height+=n):"sw"===o?(r.x+=n,r.width-=n,r.height-=n):"s"===o?r.height-=n:"se"===o&&(r.width-=n,r.height-=n):"ArrowDown"===t&&("nw"===o?(r.x+=n,r.y+=n,r.width-=n,r.height-=n):"n"===o?(r.y+=n,r.height-=n):"ne"===o?(r.y+=n,r.width-=n,r.height-=n):"sw"===o?(r.x-=n,r.width+=n,r.height+=n):"s"===o?r.height+=n:"se"===o&&(r.width+=n,r.height+=n)),r}const w={capture:!0,passive:!1};class u extends e.PureComponent{constructor(){super(...arguments),this.docMoveBound=!1,this.mouseDownOnCrop=!1,this.dragStarted=!1,this.evData={startClientX:0,startClientY:0,startCropX:0,startCropY:0,clientX:0,clientY:0,isResize:!0},this.componentRef=(0, e.createRef)(),this.mediaRef=(0, e.createRef)(),this.initChangeCalled=!1,this.state={cropIsActive:!1,newCropIsBeingDrawn:!1},this.onCropPointerDown=e=>{const{crop:t,disabled:n}=this.props,o=this.getBox();if(!t)return;const r=l(t,o.width,o.height);if(n)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});const i=e.target.dataset.ord,a=Boolean(i);let h=e.clientX,s=e.clientY,d=r.x,c=r.y;if(i){const t=e.clientX-o.x,n=e.clientY-o.y;let a=0,l=0;"ne"===i||"e"==i?(a=t-(r.x+r.width),l=n-r.y,d=r.x,c=r.y+r.height):"se"===i||"s"===i?(a=t-(r.x+r.width),l=n-(r.y+r.height),d=r.x,c=r.y):"sw"===i||"w"==i?(a=t-r.x,l=n-(r.y+r.height),d=r.x+r.width,c=r.y):"nw"!==i&&"n"!=i||(a=t-r.x,l=n-r.y,d=r.x+r.width,c=r.y+r.height),h=d+o.x+a,s=c+o.y+l;}this.evData={startClientX:h,startClientY:s,startCropX:d,startCropY:c,clientX:e.clientX,clientY:e.clientY,isResize:a,ord:i},this.mouseDownOnCrop=!0,this.setState({cropIsActive:!0});},this.onComponentPointerDown=e=>{const{crop:t,disabled:n,locked:o,keepSelection:r,onChange:i}=this.props,a=this.getBox();if(n||o||r&&t)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});const h=e.clientX-a.x,s=e.clientY-a.y,d={unit:"px",x:h,y:s,width:0,height:0};this.evData={startClientX:e.clientX,startClientY:e.clientY,startCropX:h,startCropY:s,clientX:e.clientX,clientY:e.clientY,isResize:!0},this.mouseDownOnCrop=!0,i(l(d,a.width,a.height),c(d,a.width,a.height)),this.setState({cropIsActive:!0,newCropIsBeingDrawn:!0});},this.onDocPointerMove=e=>{const{crop:t,disabled:n,onChange:o,onDragStart:r}=this.props,i=this.getBox();if(n||!t||!this.mouseDownOnCrop)return;e.cancelable&&e.preventDefault(),this.dragStarted||(this.dragStarted=!0,r&&r(e));const{evData:a}=this;let s;a.clientX=e.clientX,a.clientY=e.clientY,s=a.isResize?this.resizeCrop():this.dragCrop(),h(t,s)||o(l(s,i.width,i.height),c(s,i.width,i.height));},this.onComponentKeyDown=e=>{const{crop:t,disabled:n,onChange:o,onComplete:r}=this.props,i=this.getBox();if(n)return;const h=e.key;let s=!1;if(!t)return;const d=this.makePixelCrop(),p=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep;if("ArrowLeft"===h?(d.x-=p,s=!0):"ArrowRight"===h?(d.x+=p,s=!0):"ArrowUp"===h?(d.y-=p,s=!0):"ArrowDown"===h&&(d.y+=p,s=!0),s){e.cancelable&&e.preventDefault(),d.x=a(d.x,0,i.width-d.width),d.y=a(d.y,0,i.height-d.height);const t=l(d,i.width,i.height),n=c(d,i.width,i.height);o(t,n),r&&r(t,n);}},this.onHandlerKeyDown=(e,t)=>{const{aspect:n=0,crop:o,disabled:r,minWidth:i=0,minHeight:a=0,maxWidth:s,maxHeight:d,onChange:w,onComplete:m}=this.props,y=this.getBox();if(r||!o)return;if("ArrowUp"!==e.key&&"ArrowDown"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;e.stopPropagation(),e.preventDefault();const x=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep,C=p(g(l(o,y.width,y.height),e.key,x,t),n,t,y.width,y.height,i,a,s,d);if(!h(o,C)){const e=c(C,y.width,y.height);w(C,e),m&&m(C,e);}},this.onDocPointerDone=e=>{const{crop:t,disabled:n,onComplete:o,onDragEnd:r}=this.props,i=this.getBox();this.unbindDocMove(),!n&&t&&this.mouseDownOnCrop&&(this.mouseDownOnCrop=!1,this.dragStarted=!1,r&&r(e),o&&o(l(t,i.width,i.height),c(t,i.width,i.height)),this.setState({cropIsActive:!1,newCropIsBeingDrawn:!1}));},this.onDragFocus=e=>{var t;null===(t=this.componentRef.current)||void 0===t||t.scrollTo(0,0);};}get document(){return document}getBox(){const e=this.mediaRef.current;if(!e)return {x:0,y:0,width:0,height:0};const{x:t,y:n,width:o,height:r}=e.getBoundingClientRect();return {x:t,y:n,width:o,height:r}}componentDidUpdate(e){const{crop:t,onComplete:n}=this.props;if(n&&!e.crop&&t){const{width:e,height:o}=this.getBox();e&&o&&n(l(t,e,o),c(t,e,o));}}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect();}bindDocMove(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,w),this.document.addEventListener("pointerup",this.onDocPointerDone,w),this.document.addEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!0);}unbindDocMove(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,w),this.document.removeEventListener("pointerup",this.onDocPointerDone,w),this.document.removeEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!1);}getCropStyle(){const{crop:e}=this.props;if(e)return {top:`${e.y}${e.unit}`,left:`${e.x}${e.unit}`,width:`${e.width}${e.unit}`,height:`${e.height}${e.unit}`}}dragCrop(){const{evData:e}=this,t=this.getBox(),n=this.makePixelCrop(),o=e.clientX-e.startClientX,r=e.clientY-e.startClientY;return n.x=a(e.startCropX+o,0,t.width-n.width),n.y=a(e.startCropY+r,0,t.height-n.height),n}getPointRegion(e){const{evData:t}=this,n=t.clientX-e.x,o=t.clientY-e.y<t.startCropY;return n<t.startCropX?o?"nw":"sw":o?"ne":"se"}resizeCrop(){const{evData:e}=this,t=this.getBox(),{aspect:n=0,minWidth:o=0,minHeight:r=0,maxWidth:i,maxHeight:a}=this.props,h=this.getPointRegion(t),s=this.makePixelCrop(),d=e.ord?e.ord:h,c=e.clientX-e.startClientX,l=e.clientY-e.startClientY,g={unit:"px",x:0,y:0,width:0,height:0};"ne"===h?(g.x=e.startCropX,g.width=c,n?(g.height=g.width/n,g.y=e.startCropY-g.height):(g.height=Math.abs(l),g.y=e.startCropY-g.height)):"se"===h?(g.x=e.startCropX,g.y=e.startCropY,g.width=c,g.height=n?g.width/n:l):"sw"===h?(g.x=e.startCropX+c,g.y=e.startCropY,g.width=Math.abs(c),g.height=n?g.width/n:l):"nw"===h&&(g.x=e.startCropX+c,g.width=Math.abs(c),n?(g.height=g.width/n,g.y=e.startCropY-g.height):(g.height=Math.abs(l),g.y=e.startCropY+l));const w=p(g,n,h,t.width,t.height,o,r,i,a);return n||u.xyOrds.indexOf(d)>-1?(s.x=w.x,s.y=w.y,s.width=w.width,s.height=w.height):u.xOrds.indexOf(d)>-1?(s.x=w.x,s.width=w.width):u.yOrds.indexOf(d)>-1&&(s.y=w.y,s.height=w.height),s}createCropSelection(){const{ariaLabels:e=u.defaultProps.ariaLabels,disabled:n,locked:o,renderSelectionAddon:r,ruleOfThirds:i,crop:a}=this.props,h=this.getCropStyle();if(a)return t().createElement("div",{style:h,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown,"aria-label":e.cropArea,tabIndex:0,onKeyDown:this.onComponentKeyDown,role:"group"},!n&&!o&&t().createElement("div",{className:"ReactCrop__drag-elements",onFocus:this.onDragFocus},t().createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw",tabIndex:0,"aria-label":e.nwDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"nw"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n",tabIndex:0,"aria-label":e.nDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"n"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne",tabIndex:0,"aria-label":e.neDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"ne"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e",tabIndex:0,"aria-label":e.eDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"e"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se",tabIndex:0,"aria-label":e.seDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"se"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s",tabIndex:0,"aria-label":e.sDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"s"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw",tabIndex:0,"aria-label":e.swDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"sw"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w",tabIndex:0,"aria-label":e.wDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"w"),role:"button"})),r&&t().createElement("div",{className:"ReactCrop__selection-addon",onMouseDown:e=>e.stopPropagation()},r(this.state)),i&&t().createElement(t().Fragment,null,t().createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),t().createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}makePixelCrop(){const e={...i,...this.props.crop||{}},t=this.getBox();return l(e,t.width,t.height)}render(){const{aspect:e,children:o,circularCrop:r,className:i,crop:a,disabled:h,locked:s,style:d,ruleOfThirds:c}=this.props,{cropIsActive:l,newCropIsBeingDrawn:p}=this.state,g=a?this.createCropSelection():null,w=function(){for(var e,t,o=0,r="";o<arguments.length;)(e=arguments[o++])&&(t=n(e))&&(r&&(r+=" "),r+=t);return r}("ReactCrop",i,{"ReactCrop--active":l,"ReactCrop--disabled":h,"ReactCrop--locked":s,"ReactCrop--new-crop":p,"ReactCrop--fixed-aspect":a&&e,"ReactCrop--circular-crop":a&&r,"ReactCrop--rule-of-thirds":a&&c,"ReactCrop--invisible-crop":!this.dragStarted&&a&&!a.width&&!a.height});return t().createElement("div",{ref:this.componentRef,className:w,style:d},t().createElement("div",{ref:this.mediaRef,className:"ReactCrop__child-wrapper",onPointerDown:this.onComponentPointerDown},o),g)}}u.xOrds=["e","w"],u.yOrds=["n","s"],u.xyOrds=["nw","ne","se","sw"],u.nudgeStep=1,u.nudgeStepMedium=10,u.nudgeStepLarge=100,u.defaultProps={ariaLabels:{cropArea:"Use the arrow keys to move the crop selection area",nwDragHandle:"Use the arrow keys to move the north west drag handle to change the crop selection area",nDragHandle:"Use the up and down arrow keys to move the north drag handle to change the crop selection area",neDragHandle:"Use the arrow keys to move the north east drag handle to change the crop selection area",eDragHandle:"Use the up and down arrow keys to move the east drag handle to change the crop selection area",seDragHandle:"Use the arrow keys to move the south east drag handle to change the crop selection area",sDragHandle:"Use the up and down arrow keys to move the south drag handle to change the crop selection area",swDragHandle:"Use the arrow keys to move the south west drag handle to change the crop selection area",wDragHandle:"Use the up and down arrow keys to move the west drag handle to change the crop selection area"}};})(),r})())); 
-} (ReactCrop_min, ReactCrop_min.exports));
-
-var ReactCrop_minExports = ReactCrop_min.exports;
-var ReactCrop = /*@__PURE__*/getDefaultExportFromCjs(ReactCrop_minExports);
-
-var cropImage = function cropImage(payload) {
-  return axios.post("neeto_image_uploader_engine/development/crop_image", payload);
-};
-var developmentApi = {
-  cropImage: cropImage
-};
-
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useCropImage = function useCropImage(options) {
-  return useMutation(_objectSpread$4({
-    mutationFn: developmentApi.cropImage
-  }, options));
-};
-
-var useImageControls = function useImageControls(_ref) {
-  var isAspectRatioLocked = _ref.isAspectRatioLocked,
-    setAspectRatioLocked = _ref.setAspectRatioLocked,
-    setCrop = _ref.setCrop,
-    _ref$crop = _ref.crop,
-    crop = _ref$crop === void 0 ? {} : _ref$crop,
-    aspectRatio = _ref.aspectRatio,
-    imageRef = _ref.imageRef,
-    setAspectRatio = _ref.setAspectRatio,
-    setHeight = _ref.setHeight,
-    setWidth = _ref.setWidth;
-  var onToggleAspectRatioLock = function onToggleAspectRatioLock() {
-    setAspectRatioLocked(function (isAspectRatioLocked) {
-      return !isAspectRatioLocked;
-    });
-    if (!isAspectRatioLocked) {
-      var newHeight = crop.width / (aspectRatio.width / aspectRatio.height);
-      var newWidth = crop.height * (aspectRatio.width / aspectRatio.height);
-      newWidth + Math.trunc(crop.x) <= imageRef.current.width ? setCrop(mergeRight(crop, {
-        width: newWidth
-      })) : setCrop(mergeRight(crop, {
-        height: newHeight
-      }));
-    }
-  };
-  var handleWidthChange = function handleWidthChange(width) {
-    var cropWidth = Number(width);
-    var displayWidth = cropWidth * imageRef.current.width / imageRef.current.naturalWidth;
-    if (displayWidth > 0 && Math.trunc(crop.x) + displayWidth <= imageRef.current.width) {
-      if (isAspectRatioLocked) {
-        var displayHeight = displayWidth / (aspectRatio.width / aspectRatio.height);
-        displayHeight + Math.trunc(crop.y) <= imageRef.current.height && setCrop(mergeRight(crop, {
-          width: displayWidth,
-          height: displayHeight
-        }));
-      } else {
-        setCrop(mergeRight(crop, {
-          width: displayWidth
-        }));
-      }
-    } else {
-      setWidth(crop.width.toFixed(2));
-    }
-  };
-  var handleHeightChange = function handleHeightChange(height) {
-    var cropHeight = Number(height);
-    var displayHeight = cropHeight * imageRef.current.height / imageRef.current.naturalHeight;
-    if (displayHeight > 0 && Math.trunc(crop.y) + displayHeight <= imageRef.current.height) {
-      if (isAspectRatioLocked) {
-        var displayWidth = displayHeight * aspectRatio.width / aspectRatio.height;
-        displayWidth + Math.trunc(crop.x) <= imageRef.current.width && setCrop(mergeRight(crop, {
-          height: displayHeight,
-          width: displayWidth
-        }));
-      } else {
-        setCrop(mergeRight(crop, {
-          height: displayHeight
-        }));
-      }
-    } else {
-      setHeight(crop.height.toFixed(2));
-    }
-  };
-  var handleAspectWidthChange = function handleAspectWidthChange(aspectWidth) {
-    if (aspectWidth <= 0) {
-      return;
-    }
-    if (!isAspectRatioLocked) {
-      setAspectRatio(mergeRight(aspectRatio, {
-        width: aspectWidth
-      }));
-      return;
-    }
-    var newWidth = crop.height * (aspectWidth / aspectRatio.height);
-    if (newWidth + Math.trunc(crop.x) <= imageRef.current.width) {
-      setCrop(mergeRight(crop, {
-        width: newWidth
-      }));
-      setAspectRatio(mergeRight(aspectRatio, {
-        width: aspectWidth
-      }));
-    }
-  };
-  var handleAspectHeightChange = function handleAspectHeightChange(aspectHeight) {
-    if (aspectHeight <= 0) {
-      return;
-    }
-    if (!isAspectRatioLocked) {
-      setAspectRatio(mergeRight(aspectRatio, {
-        height: aspectHeight
-      }));
-      return;
-    }
-    var newHeight = crop.width / (aspectRatio.width / aspectHeight);
-    if (newHeight + Math.trunc(crop.y) <= imageRef.current.height) {
-      setCrop(mergeRight(crop, {
-        height: newHeight
-      }));
-      setAspectRatio(mergeRight(aspectRatio, {
-        height: aspectHeight
-      }));
-    }
-  };
-  return {
-    onToggleAspectRatioLock: onToggleAspectRatioLock,
-    handleWidthChange: handleWidthChange,
-    handleHeightChange: handleHeightChange,
-    handleAspectWidthChange: handleAspectWidthChange,
-    handleAspectHeightChange: handleAspectHeightChange
-  };
-};
-
-var Controls = function Controls(_ref) {
-  var aspectRatio = _ref.aspectRatio,
-    isAspectRatioLocked = _ref.isAspectRatioLocked,
-    crop = _ref.crop,
-    handleSubmit = _ref.handleSubmit,
-    setAspectRatio = _ref.setAspectRatio,
-    setAspectRatioLocked = _ref.setAspectRatioLocked,
-    setCrop = _ref.setCrop,
-    imageRef = _ref.imageRef,
-    isFullImage = _ref.isFullImage,
-    setIsFullImage = _ref.setIsFullImage,
-    _ref$hideControls = _ref.hideControls,
-    hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var getActualCropHeight = function getActualCropHeight(cropHeight) {
-    var _imageRef$current, _imageRef$current2;
-    return cropHeight * (((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.naturalHeight) / ((_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.height));
-  };
-  var getActualCropWidth = function getActualCropWidth(cropHeight) {
-    var _imageRef$current3, _imageRef$current4;
-    return cropHeight * (((_imageRef$current3 = imageRef.current) === null || _imageRef$current3 === void 0 ? void 0 : _imageRef$current3.naturalWidth) / ((_imageRef$current4 = imageRef.current) === null || _imageRef$current4 === void 0 ? void 0 : _imageRef$current4.width));
-  };
-  var _useState = useState(getActualCropHeight(crop.height)),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var _useState3 = useState(getActualCropWidth(crop.width)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
-  var _useImageControls = useImageControls({
-      isAspectRatioLocked: isAspectRatioLocked,
-      setAspectRatioLocked: setAspectRatioLocked,
-      setCrop: setCrop,
-      crop: crop,
-      aspectRatio: aspectRatio,
-      imageRef: imageRef,
-      setAspectRatio: setAspectRatio,
-      setHeight: setHeight,
-      setWidth: setWidth
-    }),
-    onToggleAspectRatioLock = _useImageControls.onToggleAspectRatioLock,
-    handleWidthChange = _useImageControls.handleWidthChange,
-    handleHeightChange = _useImageControls.handleHeightChange,
-    handleAspectWidthChange = _useImageControls.handleAspectWidthChange,
-    handleAspectHeightChange = _useImageControls.handleAspectHeightChange;
-  var debouncedHeight = useDebounce(height, 800);
-  var debouncedWidth = useDebounce(width, 800);
-  useEffect(function () {
-    handleHeightChange(debouncedHeight);
-  }, [debouncedHeight]);
-  useEffect(function () {
-    handleWidthChange(debouncedWidth);
-  }, [debouncedWidth]);
-  useEffect(function () {
-    setHeight(getActualCropHeight(crop.height));
-    setWidth(getActualCropWidth(crop.width));
-  }, [crop]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col p-4 md:w-2/6 ",
-    children: [!hideControls && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Switch, {
-        checked: isFullImage,
-        className: "flex-grow-0",
-        label: t("neetoImageUploader.labels.selectOriginalImage"),
-        onChange: function onChange() {
-          return setIsFullImage(function (isFullImage) {
-            return !isFullImage;
-          });
-        }
-      }), /*#__PURE__*/jsx(Switch, {
-        checked: isAspectRatioLocked,
-        className: "mt-4 flex-grow-0",
-        disabled: isFullImage,
-        label: t("neetoImageUploader.labels.lockAspectRatio"),
-        onChange: onToggleAspectRatioLock
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "mb-2 mt-6",
-        style: "body2",
-        children: t("neetoImageUploader.imageEditor.aspectRatio")
-      }), /*#__PURE__*/jsxs("div", {
-        className: "flex gap-4 self-start",
-        children: [/*#__PURE__*/jsx(Input, {
-          "data-cy": "aspect-ratio-width-input",
-          disabled: isFullImage,
-          size: "small",
-          type: "number",
-          value: aspectRatio.width,
-          onChange: withEventTargetValue(handleAspectWidthChange)
-        }), /*#__PURE__*/jsx(Typography, {
-          children: " : "
-        }), /*#__PURE__*/jsx(Input, {
-          "data-cy": "aspect-ratio-height-input",
-          disabled: isFullImage,
-          size: "small",
-          type: "number",
-          value: aspectRatio.height,
-          onChange: withEventTargetValue(handleAspectHeightChange)
-        })]
-      })]
-    }), /*#__PURE__*/jsx(Input, {
-      className: "mt-4 flex-grow-0",
-      disabled: isFullImage,
-      label: t("neetoImageUploader.labels.width"),
-      type: "number",
-      value: Math.round(width),
-      onChange: withEventTargetValue(setWidth)
-    }), /*#__PURE__*/jsx(Input, {
-      className: "mt-4 flex-grow-0",
-      disabled: isFullImage,
-      label: t("neetoImageUploader.labels.height"),
-      type: "number",
-      value: Math.round(height),
-      onChange: withEventTargetValue(setHeight)
-    }), /*#__PURE__*/jsx(Button, {
-      className: "mt-6 self-start",
-      "data-cy": "neeto-image-uploader-crop-submit-button",
-      label: t("neetoImageUploader.labels.done"),
-      disabled: isNilOrEmpty(imageRef.current) && (crop.width <= 0 || crop.height <= 0),
-      onClick: handleSubmit
-    })]
-  });
-};
-
-var ImageEditor = function ImageEditor(_ref) {
-  var image = _ref.image,
-    handleReset = _ref.handleReset,
-    _ref$handleImageEditC = _ref.handleImageEditComplete,
-    handleImageEditComplete = _ref$handleImageEditC === void 0 ? noop : _ref$handleImageEditC,
-    _ref$signedId = _ref.signedId,
-    signedId = _ref$signedId === void 0 ? "" : _ref$signedId,
-    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
-    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAspectRatioLocked = _useState2[0],
-    setIsAspectRatioLocked = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFullImage = _useState4[0],
-    setIsFullImage = _useState4[1];
-  var _useState5 = useState({
-      width: (fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.width) || 16,
-      height: (fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.height) || 9
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    aspectRatio = _useState6[0],
-    setAspectRatio = _useState6[1];
-  var _useState7 = useState(DEFAULT_CROP_CONFIG),
-    _useState8 = _slicedToArray(_useState7, 2),
-    crop = _useState8[0],
-    setCrop = _useState8[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCropImage = useCropImage(),
-    cropImage = _useCropImage.mutate;
-  var imageRef = useRef(null);
-  var wrapperRef = useRef(null);
-  var cropAspectRatio = isPresent(fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.width) && isPresent(fixedAspectRatio.height) ? (fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.width) / (fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.height) : 16 / 9;
-  var processCrop = function processCrop() {
-    if (isFullImage) {
-      handleImageEditComplete(image);
-      return;
-    }
-    cropImage({
-      crop: getCropValues({
-        crop: crop,
-        imageRef: imageRef
-      }),
-      signedId: signedId
-    }, {
-      onSuccess: handleImageEditComplete
-    });
-  };
-  var handleSubmit = function handleSubmit() {
-    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
-      processCrop();
-      return;
-    }
-    if (isFullImage) {
-      handleImageEditComplete(image);
-      return;
-    }
-    var newURL = getCroppedImageURL({
-      crop: crop,
-      imageURL: image.url,
-      imageRef: imageRef
-    });
-    handleImageEditComplete(mergeRight(image, {
-      url: newURL
-    }));
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex h-full flex-col gap-4 px-8 py-12",
-    children: [/*#__PURE__*/jsx(Button, {
-      className: "self-start",
-      "data-cy": "image-editor-back-button",
-      icon: LeftArrow,
-      iconPosition: "left",
-      style: "text",
-      onClick: handleReset
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex h-full w-full flex-col gap-2 overflow-y-scroll md:flex-row md:overflow-y-auto",
-      children: [/*#__PURE__*/jsx("div", {
-        id: "imageEditor",
-        ref: wrapperRef,
-        className: classnames("flex", "h-full w-full md:w-4/6", "justify-around", "neeto-ui-bg-gray-200", {
-          "items-center": isItemsCenter({
-            wrapperRef: wrapperRef,
-            imageRef: imageRef
-          })
-        }),
-        children: /*#__PURE__*/jsx(ReactCrop, {
-          crop: isFullImage ? null : crop,
-          src: image === null || image === void 0 ? void 0 : image.url,
-          aspect: isAspectRatioLocked ? aspectRatio.width / aspectRatio.height : 0,
-          onChange: setCrop,
-          onComplete: setCrop,
-          children: /*#__PURE__*/jsx("img", {
-            alt: t("neetoImageUploader.common.image"),
-            "data-cy": "image-editor-uploaded-image",
-            ref: imageRef,
-            src: image === null || image === void 0 ? void 0 : image.url,
-            onLoad: function onLoad(e) {
-              return onImageLoaded({
-                image: e.target,
-                setCrop: setCrop,
-                cropAspectRatio: cropAspectRatio
-              });
-            }
-          })
-        })
-      }), /*#__PURE__*/jsx(Controls, {
-        aspectRatio: aspectRatio,
-        crop: crop,
-        handleSubmit: handleSubmit,
-        imageRef: imageRef,
-        isAspectRatioLocked: isAspectRatioLocked,
-        isFullImage: isFullImage,
-        setAspectRatio: setAspectRatio,
-        setCrop: setCrop,
-        setIsFullImage: setIsFullImage,
-        hideControls: isPresent(fixedAspectRatio),
-        setAspectRatioLocked: setIsAspectRatioLocked
-      })]
-    })]
-  });
-};
-
-var fetch = function fetch(_ref) {
-  var searchTerm = _ref.searchTerm,
-    url = _ref.url,
-    page = _ref.page,
-    per = _ref.per;
-  return axios.get(url, {
-    params: {
-      searchTerm: searchTerm,
-      page: page,
-      per: per
-    }
-  });
-};
-var imagesApi = {
-  fetch: fetch
-};
-
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchAssets = function useFetchAssets(_ref) {
-  var searchTerm = _ref.searchTerm,
-    url = _ref.url,
-    per = _ref.per;
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useInfiniteQuery(_objectSpread$3({
-    queryKey: [QUERY_KEYS.ASSETS_LIST, searchTerm],
-    queryFn: function queryFn(_ref2) {
-      var _ref2$pageParam = _ref2.pageParam,
-        pageParam = _ref2$pageParam === void 0 ? 1 : _ref2$pageParam;
-      return imagesApi.fetch({
-        searchTerm: searchTerm,
-        url: url,
-        page: pageParam,
-        per: per
-      });
-    },
-    getNextPageParam: function getNextPageParam(lastPage, _, lastPageParam) {
-      return lastPage.length === IMAGES_PER_PAGE ? lastPageParam + 1 : null;
-    },
-    select: function select(data) {
-      var results = data.pages.flatMap(identity);
-      return {
-        results: results
-      };
-    },
-    initialPageParam: 1,
-    staleTime: ASSETS_STALE_TIME
-  }, options));
-};
-
-var lib = {};
-
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-{
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = factoryWithThrowingShims();
-}
-
-var propTypesExports = propTypes.exports;
-
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-
-  return target;
-};
-
-var knot = function knot() {
-  var extended = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var events = Object.create(null);
-
-  function on(name, handler) {
-    events[name] = events[name] || [];
-    events[name].push(handler);
-    return this;
-  }
-
-  function once(name, handler) {
-    handler._once = true;
-    on(name, handler);
-    return this;
-  }
-
-  function off(name) {
-    var handler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    handler ? events[name].splice(events[name].indexOf(handler), 1) : delete events[name];
-
-    return this;
-  }
-
-  function emit(name) {
-    var _this = this;
-
-    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    // cache the events, to avoid consequences of mutation
-    var cache = events[name] && events[name].slice();
-
-    // only fire handlers if they exist
-    cache && cache.forEach(function (handler) {
-      // remove handlers added with 'once'
-      handler._once && off(name, handler);
-
-      // set 'this' context, pass args to handlers
-      handler.apply(_this, args);
-    });
-
-    return this;
-  }
-
-  return _extends({}, extended, {
-
-    on: on,
-    once: once,
-    off: off,
-    emit: emit
-  });
-};
-
-var bricks = function bricks() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  // privates
-
-  var persist = void 0; // packing new elements, or all elements?
-  var ticking = void 0; // for debounced resize
-
-  var sizeIndex = void 0;
-  var sizeDetail = void 0;
-
-  var columnTarget = void 0;
-  var columnHeights = void 0;
-
-  var nodeTop = void 0;
-  var nodeLeft = void 0;
-  var nodeWidth = void 0;
-  var nodeHeight = void 0;
-
-  var nodes = void 0;
-  var nodesWidths = void 0;
-  var nodesHeights = void 0;
-
-  // resolve options
-
-  var packed = options.packed.indexOf('data-') === 0 ? options.packed : 'data-' + options.packed;
-  var sizes = options.sizes.slice().reverse();
-  var position = options.position !== false;
-
-  var container = options.container.nodeType ? options.container : document.querySelector(options.container);
-
-  var selectors = {
-    all: function all() {
-      return toArray(container.children);
-    },
-    new: function _new() {
-      return toArray(container.children).filter(function (node) {
-        return !node.hasAttribute('' + packed);
-      });
-    }
-  };
-
-  // series
-
-  var setup = [setSizeIndex, setSizeDetail, setColumns];
-
-  var run = [setNodes, setNodesDimensions, setNodesStyles, setContainerStyles];
-
-  // instance
-
-  var instance = knot({
-    pack: pack,
-    update: update,
-    resize: resize
-  });
-
-  return instance;
-
-  // general helpers
-
-  function runSeries(functions) {
-    functions.forEach(function (func) {
-      return func();
-    });
-  }
-
-  // array helpers
-
-  function toArray(input) {
-
-    return Array.prototype.slice.call(input);
-  }
-
-  function fillArray(length) {
-    return Array.apply(null, Array(length)).map(function () {
-      return 0;
-    });
-  }
-
-  // size helpers
-
-  function getSizeIndex() {
-    // find index of widest matching media query
-    return sizes.map(function (size) {
-      return size.mq && window.matchMedia('(min-width: ' + size.mq + ')').matches;
-    }).indexOf(true);
-  }
-
-  function setSizeIndex() {
-    sizeIndex = getSizeIndex();
-  }
-
-  function setSizeDetail() {
-    // if no media queries matched, use the base case
-    sizeDetail = sizeIndex === -1 ? sizes[sizes.length - 1] : sizes[sizeIndex];
-  }
-
-  // column helpers
-
-  function setColumns() {
-    columnHeights = fillArray(sizeDetail.columns);
-  }
-
-  // node helpers
-
-  function setNodes() {
-    nodes = selectors[persist ? 'new' : 'all']();
-  }
-
-  function setNodesDimensions() {
-    // exit if empty container
-    if (nodes.length === 0) {
-      return;
-    }
-
-    nodesWidths = nodes.map(function (element) {
-      return element.clientWidth;
-    });
-    nodesHeights = nodes.map(function (element) {
-      return element.clientHeight;
-    });
-  }
-
-  function setNodesStyles() {
-    nodes.forEach(function (element, index) {
-      columnTarget = columnHeights.indexOf(Math.min.apply(Math, columnHeights));
-
-      element.style.position = 'absolute';
-
-      nodeTop = columnHeights[columnTarget] + 'px';
-      nodeLeft = columnTarget * nodesWidths[index] + columnTarget * sizeDetail.gutter + 'px';
-
-      // support positioned elements (default) or transformed elements
-      if (position) {
-        element.style.top = nodeTop;
-        element.style.left = nodeLeft;
-      } else {
-        element.style.transform = 'translate3d(' + nodeLeft + ', ' + nodeTop + ', 0)';
-      }
-
-      element.setAttribute(packed, '');
-
-      // ignore nodes with no width and/or height
-      nodeWidth = nodesWidths[index];
-      nodeHeight = nodesHeights[index];
-
-      if (nodeWidth && nodeHeight) {
-        columnHeights[columnTarget] += nodeHeight + sizeDetail.gutter;
-      }
-    });
-  }
-
-  // container helpers
-
-  function setContainerStyles() {
-    container.style.position = 'relative';
-    container.style.width = sizeDetail.columns * nodeWidth + (sizeDetail.columns - 1) * sizeDetail.gutter + 'px';
-    container.style.height = Math.max.apply(Math, columnHeights) - sizeDetail.gutter + 'px';
-  }
-
-  // resize helpers
-
-  function resizeFrame() {
-    if (!ticking) {
-      window.requestAnimationFrame(resizeHandler);
-      ticking = true;
-    }
-  }
-
-  function resizeHandler() {
-    if (sizeIndex !== getSizeIndex()) {
-      pack();
-      instance.emit('resize', sizeDetail);
-    }
-
-    ticking = false;
-  }
-
-  // API
-
-  function pack() {
-    persist = false;
-    runSeries(setup.concat(run));
-
-    return instance.emit('pack');
-  }
-
-  function update() {
-    persist = true;
-    runSeries(run);
-
-    return instance.emit('update');
-  }
-
-  function resize() {
-    var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
-    var action = flag ? 'addEventListener' : 'removeEventListener';
-
-    window[action]('resize', resizeFrame);
-
-    return instance;
-  }
-};
-
-var bricks_module = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': bricks
-});
-
-var require$$2 = /*@__PURE__*/getAugmentedNamespace(bricks_module);
-
-var InfiniteScroll = {exports: {}};
-
-InfiniteScroll.exports;
-
-(function (module, exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-	var _react = require$$0;
-
-	var _react2 = _interopRequireDefault(_react);
-
-	var _propTypes = propTypesExports;
-
-	var _propTypes2 = _interopRequireDefault(_propTypes);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-	var InfiniteScroll = function (_Component) {
-	  _inherits(InfiniteScroll, _Component);
-
-	  function InfiniteScroll(props) {
-	    _classCallCheck(this, InfiniteScroll);
-
-	    var _this = _possibleConstructorReturn(this, (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(this, props));
-
-	    _this.scrollListener = _this.scrollListener.bind(_this);
-	    _this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
-	    _this.mousewheelListener = _this.mousewheelListener.bind(_this);
-	    return _this;
-	  }
-
-	  _createClass(InfiniteScroll, [{
-	    key: 'componentDidMount',
-	    value: function componentDidMount() {
-	      this.pageLoaded = this.props.pageStart;
-	      this.options = this.eventListenerOptions();
-	      this.attachScrollListener();
-	    }
-	  }, {
-	    key: 'componentDidUpdate',
-	    value: function componentDidUpdate() {
-	      if (this.props.isReverse && this.loadMore) {
-	        var parentElement = this.getParentElement(this.scrollComponent);
-	        parentElement.scrollTop = parentElement.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop;
-	        this.loadMore = false;
-	      }
-	      this.attachScrollListener();
-	    }
-	  }, {
-	    key: 'componentWillUnmount',
-	    value: function componentWillUnmount() {
-	      this.detachScrollListener();
-	      this.detachMousewheelListener();
-	    }
-	  }, {
-	    key: 'isPassiveSupported',
-	    value: function isPassiveSupported() {
-	      var passive = false;
-
-	      var testOptions = {
-	        get passive() {
-	          passive = true;
-	        }
-	      };
-
-	      try {
-	        document.addEventListener('test', null, testOptions);
-	        document.removeEventListener('test', null, testOptions);
-	      } catch (e) {
-	        // ignore
-	      }
-	      return passive;
-	    }
-	  }, {
-	    key: 'eventListenerOptions',
-	    value: function eventListenerOptions() {
-	      var options = this.props.useCapture;
-
-	      if (this.isPassiveSupported()) {
-	        options = {
-	          useCapture: this.props.useCapture,
-	          passive: true
-	        };
-	      } else {
-	        options = {
-	          passive: false
-	        };
-	      }
-	      return options;
-	    }
-
-	    // Set a defaut loader for all your `InfiniteScroll` components
-
-	  }, {
-	    key: 'setDefaultLoader',
-	    value: function setDefaultLoader(loader) {
-	      this.defaultLoader = loader;
-	    }
-	  }, {
-	    key: 'detachMousewheelListener',
-	    value: function detachMousewheelListener() {
-	      var scrollEl = window;
-	      if (this.props.useWindow === false) {
-	        scrollEl = this.scrollComponent.parentNode;
-	      }
-
-	      scrollEl.removeEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
-	    }
-	  }, {
-	    key: 'detachScrollListener',
-	    value: function detachScrollListener() {
-	      var scrollEl = window;
-	      if (this.props.useWindow === false) {
-	        scrollEl = this.getParentElement(this.scrollComponent);
-	      }
-
-	      scrollEl.removeEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
-	      scrollEl.removeEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
-	    }
-	  }, {
-	    key: 'getParentElement',
-	    value: function getParentElement(el) {
-	      var scrollParent = this.props.getScrollParent && this.props.getScrollParent();
-	      if (scrollParent != null) {
-	        return scrollParent;
-	      }
-	      return el && el.parentNode;
-	    }
-	  }, {
-	    key: 'filterProps',
-	    value: function filterProps(props) {
-	      return props;
-	    }
-	  }, {
-	    key: 'attachScrollListener',
-	    value: function attachScrollListener() {
-	      var parentElement = this.getParentElement(this.scrollComponent);
-
-	      if (!this.props.hasMore || !parentElement) {
-	        return;
-	      }
-
-	      var scrollEl = window;
-	      if (this.props.useWindow === false) {
-	        scrollEl = parentElement;
-	      }
-
-	      scrollEl.addEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
-	      scrollEl.addEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
-	      scrollEl.addEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
-
-	      if (this.props.initialLoad) {
-	        this.scrollListener();
-	      }
-	    }
-	  }, {
-	    key: 'mousewheelListener',
-	    value: function mousewheelListener(e) {
-	      // Prevents Chrome hangups
-	      // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
-	      if (e.deltaY === 1 && !this.isPassiveSupported()) {
-	        e.preventDefault();
-	      }
-	    }
-	  }, {
-	    key: 'scrollListener',
-	    value: function scrollListener() {
-	      var el = this.scrollComponent;
-	      var scrollEl = window;
-	      var parentNode = this.getParentElement(el);
-
-	      var offset = void 0;
-	      if (this.props.useWindow) {
-	        var doc = document.documentElement || document.body.parentNode || document.body;
-	        var scrollTop = scrollEl.pageYOffset !== undefined ? scrollEl.pageYOffset : doc.scrollTop;
-	        if (this.props.isReverse) {
-	          offset = scrollTop;
-	        } else {
-	          offset = this.calculateOffset(el, scrollTop);
-	        }
-	      } else if (this.props.isReverse) {
-	        offset = parentNode.scrollTop;
-	      } else {
-	        offset = el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
-	      }
-
-	      // Here we make sure the element is visible as well as checking the offset
-	      if (offset < Number(this.props.threshold) && el && el.offsetParent !== null) {
-	        this.detachScrollListener();
-	        this.beforeScrollHeight = parentNode.scrollHeight;
-	        this.beforeScrollTop = parentNode.scrollTop;
-	        // Call loadMore after detachScrollListener to allow for non-async loadMore functions
-	        if (typeof this.props.loadMore === 'function') {
-	          this.props.loadMore(this.pageLoaded += 1);
-	          this.loadMore = true;
-	        }
-	      }
-	    }
-	  }, {
-	    key: 'calculateOffset',
-	    value: function calculateOffset(el, scrollTop) {
-	      if (!el) {
-	        return 0;
-	      }
-
-	      return this.calculateTopPosition(el) + (el.offsetHeight - scrollTop - window.innerHeight);
-	    }
-	  }, {
-	    key: 'calculateTopPosition',
-	    value: function calculateTopPosition(el) {
-	      if (!el) {
-	        return 0;
-	      }
-	      return el.offsetTop + this.calculateTopPosition(el.offsetParent);
-	    }
-	  }, {
-	    key: 'render',
-	    value: function render() {
-	      var _this2 = this;
-
-	      var renderProps = this.filterProps(this.props);
-
-	      var children = renderProps.children,
-	          element = renderProps.element,
-	          hasMore = renderProps.hasMore;
-	          renderProps.initialLoad;
-	          var isReverse = renderProps.isReverse,
-	          loader = renderProps.loader;
-	          renderProps.loadMore;
-	          renderProps.pageStart;
-	          var ref = renderProps.ref;
-	          renderProps.threshold;
-	          renderProps.useCapture;
-	          renderProps.useWindow;
-	          renderProps.getScrollParent;
-	          var props = _objectWithoutProperties(renderProps, ['children', 'element', 'hasMore', 'initialLoad', 'isReverse', 'loader', 'loadMore', 'pageStart', 'ref', 'threshold', 'useCapture', 'useWindow', 'getScrollParent']);
-
-	      props.ref = function (node) {
-	        _this2.scrollComponent = node;
-	        if (ref) {
-	          ref(node);
-	        }
-	      };
-
-	      var childrenArray = [children];
-	      if (hasMore) {
-	        if (loader) {
-	          isReverse ? childrenArray.unshift(loader) : childrenArray.push(loader);
-	        } else if (this.defaultLoader) {
-	          isReverse ? childrenArray.unshift(this.defaultLoader) : childrenArray.push(this.defaultLoader);
-	        }
-	      }
-	      return _react2.default.createElement(element, props, childrenArray);
-	    }
-	  }]);
-
-	  return InfiniteScroll;
-	}(_react.Component);
-
-	InfiniteScroll.propTypes = {
-	  children: _propTypes2.default.node.isRequired,
-	  element: _propTypes2.default.node,
-	  hasMore: _propTypes2.default.bool,
-	  initialLoad: _propTypes2.default.bool,
-	  isReverse: _propTypes2.default.bool,
-	  loader: _propTypes2.default.node,
-	  loadMore: _propTypes2.default.func.isRequired,
-	  pageStart: _propTypes2.default.number,
-	  ref: _propTypes2.default.func,
-	  getScrollParent: _propTypes2.default.func,
-	  threshold: _propTypes2.default.number,
-	  useCapture: _propTypes2.default.bool,
-	  useWindow: _propTypes2.default.bool
-	};
-	InfiniteScroll.defaultProps = {
-	  element: 'div',
-	  hasMore: false,
-	  initialLoad: true,
-	  pageStart: 0,
-	  ref: null,
-	  threshold: 250,
-	  useWindow: true,
-	  isReverse: false,
-	  useCapture: false,
-	  loader: null,
-	  getScrollParent: null
-	};
-	exports.default = InfiniteScroll;
-	module.exports = exports['default']; 
-} (InfiniteScroll, InfiniteScroll.exports));
-
-var InfiniteScrollExports = InfiniteScroll.exports;
-
-var reactInfiniteScroller = InfiniteScrollExports;
-
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-var _default = lib.default = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _class, _temp2;
-
-var _react = require$$0;
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = propTypesExports;
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _bricks = require$$2;
-
-var _bricks2 = _interopRequireDefault(_bricks);
-
-var _reactInfiniteScroller = reactInfiniteScroller;
-
-var _reactInfiniteScroller2 = _interopRequireDefault(_reactInfiniteScroller);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var MasonryInfiniteScroller = (_temp2 = _class = function (_Component) {
-  _inherits(MasonryInfiniteScroller, _Component);
-
-  function MasonryInfiniteScroller() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, MasonryInfiniteScroller);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MasonryInfiniteScroller.__proto__ || Object.getPrototypeOf(MasonryInfiniteScroller)).call.apply(_ref, [this].concat(args))), _this), _this.setContainerRef = function (component) {
-      _this.masonryContainer = component;
-    }, _this.forcePack = function () {
-      if (_this.masonryContainer) {
-        _this.state.instance.pack();
-      }
-    }, _this.forceUpdate = function () {
-      if (_this.masonryContainer) {
-        _this.state.instance.update();
-      }
-    }, _this.createNewInstance = function () {
-      var _this$props = _this.props,
-          packed = _this$props.packed,
-          sizes = _this$props.sizes,
-          children = _this$props.children,
-          position = _this$props.position;
-
-      var instance = (0, _bricks2.default)({
-        container: _this.masonryContainer,
-        packed: packed,
-        sizes: sizes,
-        position: position
-      });
-
-      instance.resize(true);
-
-      if (children.length > 0) {
-        instance.pack();
-      }
-
-      _this.setState(function () {
-        return { instance: instance };
-      });
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(MasonryInfiniteScroller, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      this.createNewInstance();
-    }
-  }, {
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps) {
-      var children = this.props.children;
-      var instance = this.state.instance;
-
-
-      if (prevProps.children.length === 0 && children.length === 0) {
-        return;
-      }
-
-      if (prevProps.children.length === 0 && children.length > 0) {
-        return instance.pack();
-      }
-
-      if (prevProps.children.length !== children.length) {
-        if (this.props.pack) {
-          return instance.pack();
-        } else {
-          return instance.update();
-        }
-      }
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      if (this.state) {
-        this.state.instance.resize(false);
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className,
-          style = _props.style;
-          _props.pack;
-          _props.packed;
-          _props.position;
-          _props.sizes;
-          var props = _objectWithoutProperties(_props, ['children', 'className', 'style', 'pack', 'packed', 'position', 'sizes']);
-
-      return _react2.default.createElement(
-        _reactInfiniteScroller2.default,
-        props,
-        _react2.default.createElement(
-          'div',
-          { ref: this.setContainerRef, className: className, style: style },
-          children
-        )
-      );
-    }
-  }]);
-
-  return MasonryInfiniteScroller;
-}(_react.Component), _class.propTypes = {
-  children: _propTypes2.default.arrayOf(_propTypes2.default.element).isRequired,
-  className: _propTypes2.default.string,
-  initialLoad: _propTypes2.default.bool,
-  pack: _propTypes2.default.bool,
-  packed: _propTypes2.default.string,
-  position: _propTypes2.default.bool,
-  sizes: _propTypes2.default.array,
-  style: _propTypes2.default.object
-}, _class.defaultProps = {
-  className: '',
-  initialLoad: true,
-  pack: false,
-  packed: 'data-packed',
-  position: true,
-  sizes: [{ columns: 1, gutter: 20 }, { mq: '768px', columns: 2, gutter: 20 }, { mq: '1024px', columns: 3, gutter: 20 }],
-  style: {}
-}, _temp2);
-_default = lib.default = MasonryInfiniteScroller;
-
-var InfiniteScroller = function InfiniteScroller(_ref) {
-  var _ref$hasMore = _ref.hasMore,
-    hasMore = _ref$hasMore === void 0 ? false : _ref$hasMore,
-    _ref$loadMore = _ref.loadMore,
-    loadMore = _ref$loadMore === void 0 ? noop : _ref$loadMore,
-    tab = _ref.tab,
-    images = _ref.images,
-    _ref$setSelectedImage = _ref.setSelectedImage,
-    setSelectedImage = _ref$setSelectedImage === void 0 ? noop : _ref$setSelectedImage,
-    _ref$handleUnsplashIm = _ref.handleUnsplashImageSelect,
-    handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? noop : _ref$handleUnsplashIm;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var Loader = /*#__PURE__*/jsx("div", {
-    className: "flex justify-center",
-    children: /*#__PURE__*/jsx(Spinner, {})
-  });
-  return /*#__PURE__*/jsx("div", {
-    className: "niu-unsplash-container mr-2 max-w-full overflow-x-hidden overflow-y-scroll",
-    children: /*#__PURE__*/jsx(_default, {
-      hasMore: hasMore,
-      loadMore: loadMore,
-      pack: true,
-      position: true,
-      className: "w-full",
-      loader: Loader,
-      sizes: INFINITE_SCROLLER_SIZES,
-      style: INFINITE_SCROLLER_STYLE,
-      useWindow: false,
-      children: images.map(function (image, index) {
-        var _image$urls, _image$user, _image$user2;
-        return /*#__PURE__*/jsx("div", {
-          className: "float-left w-1/2 pb-4 pr-4 md:w-1/4",
-          children: /*#__PURE__*/jsx("div", {
-            className: "relative w-full",
-            style: {
-              paddingBottom: "".concat(image.height / image.width * 100, "%")
-            },
-            children: /*#__PURE__*/jsxs("div", {
-              className: "neeto-ui-rounded-sm neeto-ui-bg-gray-100 group absolute h-full w-full",
-              id: "unsplashImage".concat(image.id),
-              children: [tab === TABS[1].key && /*#__PURE__*/jsxs(Fragment, {
-                children: [/*#__PURE__*/jsx("img", {
-                  "data-cy": "niu-unsplash-image-".concat(index),
-                  src: image === null || image === void 0 || (_image$urls = image.urls) === null || _image$urls === void 0 ? void 0 : _image$urls.regular,
-                  onClick: function onClick() {
-                    return handleUnsplashImageSelect(image);
-                  }
-                }), /*#__PURE__*/jsxs("a", {
-                  className: "neeto-ui-text-gray-100 absolute bottom-2 left-2 m-auto text-xs underline opacity-0 group-hover:opacity-100",
-                  href: "https://unsplash.com/@".concat(image === null || image === void 0 || (_image$user = image.user) === null || _image$user === void 0 ? void 0 : _image$user.username),
-                  rel: "noreferrer",
-                  target: "_blank",
-                  children: [image === null || image === void 0 || (_image$user2 = image.user) === null || _image$user2 === void 0 ? void 0 : _image$user2.name, " | ", " ", t("neetoImageUploader.labels.unsplash")]
-                })]
-              }), tab === TABS[0].key && /*#__PURE__*/jsx("img", {
-                "data-cy": "niu-library-image-".concat(index),
-                src: image === null || image === void 0 ? void 0 : image.url,
-                onClick: function onClick() {
-                  return setSelectedImage(image);
-                }
-              })]
-            })
-          })
-        }, image.id);
-      })
-    })
-  });
-};
-
-var Images = function Images(_ref) {
-  var debouncedQuery = _ref.debouncedQuery,
-    setSelectedImage = _ref.setSelectedImage;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchAssets = useFetchAssets({
-      searchTerm: debouncedQuery,
-      per: IMAGES_PER_PAGE,
-      url: ASSETS_FETCH_URL
-    }),
-    fetchNextPage = _useFetchAssets.fetchNextPage,
-    hasNextPage = _useFetchAssets.hasNextPage,
-    _useFetchAssets$data = _useFetchAssets.data,
-    _useFetchAssets$data2 = _useFetchAssets$data === void 0 ? {} : _useFetchAssets$data,
-    _useFetchAssets$data3 = _useFetchAssets$data2.results,
-    results = _useFetchAssets$data3 === void 0 ? [] : _useFetchAssets$data3,
-    isLoading = _useFetchAssets.isLoading,
-    isError = _useFetchAssets.isError;
-  if (isError) {
-    return /*#__PURE__*/jsx(Typography, {
-      className: "mt-9 flex justify-center",
-      style: "body2",
-      children: t("neetoImageUploader.unsplash.errorMessage")
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex justify-around",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    });
-  }
-  return /*#__PURE__*/createElement(InfiniteScroller, {
-    setSelectedImage: setSelectedImage,
-    hasMore: hasNextPage,
-    images: results,
-    key: debouncedQuery,
-    loadMore: fetchNextPage,
-    tab: TABS[0].key
-  });
-};
-
-var newAxiosInstance = axios.create();
-var searchUnsplashImages = function searchUnsplashImages(_ref) {
-  var pageNo = _ref.pageNo,
-    query = _ref.query;
-  return axios.get("neeto_image_uploader_engine/unsplash/fetch", {
-    params: {
-      page: pageNo,
-      per_page: 30,
-      query: query || "latest"
-    }
-  });
-};
-var getUnsplashImage = function getUnsplashImage(url) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return newAxiosInstance.get(url, config);
-};
-var unsplashApi = {
-  searchUnsplashImages: searchUnsplashImages,
-  getUnsplashImage: getUnsplashImage
-};
-
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var UNSPLASH_LIST = QUERY_KEYS.UNSPLASH_LIST;
-var useFetchUnsplashImages = function useFetchUnsplashImages(_ref) {
-  var query = _ref.query;
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useInfiniteQuery(_objectSpread$2({
-    queryKey: [UNSPLASH_LIST, {
-      query: query
-    }],
-    queryFn: function queryFn(_ref2) {
-      var _ref2$pageParam = _ref2.pageParam,
-        pageParam = _ref2$pageParam === void 0 ? 1 : _ref2$pageParam;
-      return unsplashApi.searchUnsplashImages({
-        pageNo: pageParam,
-        query: query
-      });
-    },
-    initialPageParam: 1,
-    getNextPageParam: function getNextPageParam(lastPage, _, lastPageParam) {
-      return lastPageParam < lastPage.totalPages ? lastPageParam + 1 : null;
-    },
-    select: function select(data) {
-      var results = data.pages.flatMap(prop("results"));
-      return {
-        results: results
-      };
-    },
-    staleTime: UNSPLASH_STALE_TIME,
-    placeholderData: keepPreviousData
-  }, options));
-};
-
-var uploadWithDirectUpload = function uploadWithDirectUpload(file) {
-  return new Promise(function (resolve, reject) {
-    var upload = new DirectUpload(file, "/api/direct_uploads");
-    upload.create(function (error, blob) {
-      if (error) {
-        reject(error);
-        return;
-      }
-      var payload = {
-        id: blob.signed_id,
-        payload: {
-          metadata: {
-            organizationKey: globalProps.organization.publicApiKey,
-            url: blob.blob_url,
-            height: 200,
-            width: 200
-          }
-        }
-      };
-      directUploadsApi.update(payload);
-      resolve(mergeRight(keysToCamelCase(blob), {
-        url: blob.blob_url
-      }));
-    });
-  });
-};
-var uploadWithImageKit = function uploadWithImageKit(file) {
-  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
-  var imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-    authenticationEndpoint: authenticationEndpoint
-  }));
-  return imagekit.upload({
-    file: file,
-    fileName: UNSPLASH_DEFAULT_NAME,
-    folder: globalProps.imagekit.folder,
-    customMetadata: {
-      organizationKey: globalProps.organization.publicApiKey,
-      appName: globalProps.appName
-    }
-  });
-};
-
-var UnsplashLibrary = function UnsplashLibrary(_ref) {
-  var debouncedQuery = _ref.debouncedQuery,
-    setSelectedImage = _ref.setSelectedImage,
-    setIsUploading = _ref.setIsUploading,
-    setActiveTab = _ref.setActiveTab;
-  var handleUnsplashImageSelect = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
-      var _image$urls, response, file, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            setIsUploading(true);
-            _context.next = 4;
-            return unsplashApi.getUnsplashImage((_image$urls = image.urls) === null || _image$urls === void 0 ? void 0 : _image$urls.regular, UNSPLASH_DEFAULT_REQUEST_CONFIG);
-          case 4:
-            response = _context.sent;
-            file = new File([response.data], UNSPLASH_DEFAULT_NAME, {
-              type: response.data.type
-            });
-            if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
-              _context.next = 12;
-              break;
-            }
-            _context.next = 9;
-            return uploadWithDirectUpload(file);
-          case 9:
-            _context.t0 = _context.sent;
-            _context.next = 15;
-            break;
-          case 12:
-            _context.next = 14;
-            return uploadWithImageKit(file);
-          case 14:
-            _context.t0 = _context.sent;
-          case 15:
-            result = _context.t0;
-            setSelectedImage(result);
-            _context.next = 23;
-            break;
-          case 19:
-            _context.prev = 19;
-            _context.t1 = _context["catch"](0);
-            Toastr.error(_context.t1);
-            setActiveTab(TABS[0].key);
-          case 23:
-            _context.prev = 23;
-            setIsUploading(false);
-            return _context.finish(23);
-          case 26:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 19, 23, 26]]);
-    }));
-    return function handleUnsplashImageSelect(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchUnsplashImag = useFetchUnsplashImages({
-      query: debouncedQuery
-    }),
-    fetchNextPage = _useFetchUnsplashImag.fetchNextPage,
-    hasNextPage = _useFetchUnsplashImag.hasNextPage,
-    _useFetchUnsplashImag2 = _useFetchUnsplashImag.data,
-    _useFetchUnsplashImag3 = _useFetchUnsplashImag2 === void 0 ? {} : _useFetchUnsplashImag2,
-    _useFetchUnsplashImag4 = _useFetchUnsplashImag3.results,
-    results = _useFetchUnsplashImag4 === void 0 ? [] : _useFetchUnsplashImag4,
-    isError = _useFetchUnsplashImag.isError,
-    isLoading = _useFetchUnsplashImag.isLoading;
-  if (isError) {
-    return /*#__PURE__*/jsx(Typography, {
-      className: "mt-9 flex justify-center",
-      style: "body2",
-      children: t("neetoImageUploader.unsplash.errorMessage")
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex justify-around",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    });
-  }
-  return /*#__PURE__*/createElement(InfiniteScroller, {
-    debouncedQuery: debouncedQuery,
-    handleUnsplashImageSelect: handleUnsplashImageSelect,
-    hasMore: hasNextPage,
-    images: results,
-    key: debouncedQuery,
-    loadMore: fetchNextPage,
-    tab: TABS[1].key
-  });
-};
-
-var ImageLibrary = function ImageLibrary(_ref) {
-  var setSelectedImage = _ref.setSelectedImage,
-    tab = _ref.tab,
-    setIsUploading = _ref.setIsUploading,
-    setActiveTab = _ref.setActiveTab;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    query = _useState2[0],
-    setQuery = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var debouncedQuery = useDebounce(query, 400);
-  var inputPlaceHolder = equals(tab, TABS[1].key) ? t("neetoImageUploader.placeholders.searchImageFromWeb") : t("neetoImageUploader.placeholders.searchImage");
-  useEffect(function () {
-    setQuery("");
-  }, [tab]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "w-full pb-2 pl-6 pt-1",
-    children: [/*#__PURE__*/jsx(Input, {
-      autoFocus: true,
-      className: "mb-4 mr-6",
-      "data-cy": "niu-unsplash-image-picker-search-input",
-      name: "text",
-      placeholder: inputPlaceHolder,
-      value: query,
-      onChange: function onChange(_ref2) {
-        var value = _ref2.target.value;
-        return setQuery(value);
-      }
-    }), tab === TABS[0].key ? /*#__PURE__*/jsx(Images, {
-      debouncedQuery: debouncedQuery,
-      query: query,
-      setSelectedImage: setSelectedImage
-    }) : /*#__PURE__*/jsx(UnsplashLibrary, {
-      debouncedQuery: debouncedQuery,
-      query: query,
-      setActiveTab: setActiveTab,
-      setIsUploading: setIsUploading,
-      setSelectedImage: setSelectedImage
-    })]
-  });
-};
-
-var _excluded$1 = ["key"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Modal = function Modal(_ref) {
-  var isOpen = _ref.isOpen,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-    _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
-    _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig,
-    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
-    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio;
-  var _useState = useState(TABS[0].key),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedImage = _useState4[0],
-    setSelectedImage = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isUploading = _useState6[0],
-    setIsUploading = _useState6[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCreateBlob = useCreateBlob(),
-    createBlob = _useCreateBlob.mutate;
-  var uploadConfigWithDefaults = mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig);
-  var handleCloseModal = function handleCloseModal() {
-    onClose();
-    setSelectedImage({});
-  };
-  var handleImageEditComplete = function handleImageEditComplete(editedImage) {
-    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
-      onUploadComplete({
-        url: editedImage.url,
-        signedId: editedImage.signedId
-      });
-    } else {
-      var payload = {
-        filename: editedImage.name,
-        byte_size: editedImage.size,
-        content_type: editedImage.fileType,
-        checksum: editedImage.fileId,
-        metadata: editedImage,
-        service_name: "imagekitio"
-      };
-      createBlob(payload, {
-        onSuccess: function onSuccess(image) {
-          onUploadComplete({
-            url: image.blobUrl,
-            signedId: image.signedId
-          });
-        },
-        onError: Toastr.error
-      });
-    }
-    handleCloseModal();
-  };
-  var _useImageUploader = useImageUploader({
-      onUploadComplete: setSelectedImage,
-      setIsUploading: setIsUploading
-    }),
-    uploadFile = _useImageUploader.uploadFile;
-  var _useUploadDropzone = useUploadDropzone({
-      uploadConfig: uploadConfigWithDefaults,
-      onDrop: uploadFile
-    }),
-    getRootProps = _useUploadDropzone.getRootProps,
-    getInputProps = _useUploadDropzone.getInputProps,
-    isDragActive = _useUploadDropzone.isDragActive,
-    inputRef = _useUploadDropzone.inputRef;
-  var openFileUploadDialog = function openFileUploadDialog() {
-    var _inputRef$current;
-    return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
-  };
-  var options = createOptions([{
-    key: "local",
-    onClick: openFileUploadDialog
-  }]);
-  useEffect(function () {
-    setActiveTab(TABS[0].key);
-  }, [isOpen]);
-  return /*#__PURE__*/jsxs(NeetoUIModal, {
-    isOpen: isOpen,
-    className: "niu-modal",
-    size: "large",
-    onClose: handleCloseModal,
-    children: [isUploading && /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-bg-gray-400 absolute inset-0 z-50 flex h-full items-center justify-center opacity-50",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    }), isNilOrEmpty(selectedImage) && isDragActive && /*#__PURE__*/jsx("div", _objectSpread$1(_objectSpread$1({
-      className: "neeto-ui-rounded-xl neeto-ui-bg-gray-400 absolute flex h-full w-full flex-col items-center justify-around border-4 border-dashed border-gray-900 opacity-40"
-    }, getRootProps()), {}, {
-      children: /*#__PURE__*/jsx(Typography, {
-        children: t("neetoImageUploader.common.dropHere")
-      })
-    })), !isNilOrEmpty(selectedImage) ? /*#__PURE__*/jsx(ImageEditor, {
-      fixedAspectRatio: fixedAspectRatio,
-      handleImageEditComplete: handleImageEditComplete,
-      handleReset: function handleReset() {
-        return setSelectedImage({});
-      },
-      image: selectedImage,
-      signedId: selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.signedId
-    }) : /*#__PURE__*/jsxs("div", _objectSpread$1(_objectSpread$1({
-      className: "h-full flex-col"
-    }, getRootProps({
-      onClick: function onClick(event) {
-        return event.stopPropagation();
-      }
-    })), {}, {
-      children: [/*#__PURE__*/jsx(NeetoUIModal.Header, {
-        children: /*#__PURE__*/jsx(Typography, {
-          style: "h2",
-          children: t("neetoImageUploader.common.imageLibrary")
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: "px-6 py-2",
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col items-center justify-between gap-2 sm:flex-row",
-          children: [/*#__PURE__*/jsx("div", {
-            className: "flex gap-2",
-            children: /*#__PURE__*/jsx(Tab, {
-              size: "small",
-              children: TABS.map(function (tab) {
-                return /*#__PURE__*/jsx(Tab.Item, {
-                  active: activeTab === tab.key,
-                  "data-cy": tab.dataCy,
-                  onClick: function onClick() {
-                    return setActiveTab(tab.key);
-                  },
-                  children: tab.label
-                }, tab.key);
-              })
-            })
-          }), /*#__PURE__*/jsx("div", {
-            className: "flex gap-2",
-            children: options.map(function (_ref2) {
-              var key = _ref2.key,
-                otherProps = _objectWithoutProperties$1(_ref2, _excluded$1);
-              return /*#__PURE__*/createElement(Button, _objectSpread$1(_objectSpread$1({}, otherProps), {}, {
-                key: key,
-                size: "small"
-              }));
-            })
-          })]
-        })
-      }), /*#__PURE__*/jsx(ImageLibrary, {
-        setActiveTab: setActiveTab,
-        setIsUploading: setIsUploading,
-        setSelectedImage: setSelectedImage,
-        tab: activeTab
-      }), equals(activeTab, TABS[1].key) && /*#__PURE__*/jsx(NeetoUIModal.Footer, {
-        className: "flex items-center justify-center gap-2",
-        children: /*#__PURE__*/jsx(Typography, {
-          style: "body2",
-          children: /*#__PURE__*/jsx(Trans, {
-            i18nKey: "neetoImageUploader.unsplash.poweredByUnsplash",
-            components: {
-              a: /*#__PURE__*/jsx("a", {
-                href: UNSPLASH_URL,
-                rel: "noreferrer",
-                target: "_blank"
-              })
-            }
-          })
-        })
-      })]
-    })), /*#__PURE__*/jsx("input", _objectSpread$1({}, getInputProps()))]
-  });
-};
-
-var _excluded = ["key", "label"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
-var ImageUploader = function ImageUploader(_ref) {
-  var _ref$onUploadComplete = _ref.onUploadComplete,
-    onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$src = _ref.src,
-    src = _ref$src === void 0 ? "" : _ref$src,
-    _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig,
-    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
-    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAssetLibraryOpen = _useState2[0],
-    setIsAssetLibraryOpen = _useState2[1];
-  var _useState3 = useState({
-      url: src
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    image = _useState4[0],
-    setImage = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCreateBlob = useCreateBlob(),
-    createBlob = _useCreateBlob.mutate;
-  var uploadConfigWithDefaults = mergeRight(DEFAULT_UPLOAD_CONFIG, uploadConfig);
-  var handleDelete = function handleDelete() {
-    setImage({});
-    onChange({
-      url: "",
-      signedId: "",
-      key: "",
-      filename: "",
-      size: "",
-      type: ""
-    });
-  };
-  var onChange = function onChange(file) {
-    return onUploadComplete(file);
-  };
-  var handleSuccess = function handleSuccess(attachedImage) {
-    setImage(mergeRight(image, {
-      url: attachedImage.metadata.url
-    }));
-    onChange({
-      filename: attachedImage.filename,
-      key: attachedImage.key,
-      url: attachedImage.blobUrl,
-      signedId: attachedImage.signedId,
-      size: attachedImage.byteSize,
-      type: attachedImage.contentType
-    });
-  };
-  var handleImageSelectionFromLibrary = function handleImageSelectionFromLibrary(image) {
-    setImage(image);
-    onChange(image);
-  };
-  var handleUploadComplete = function handleUploadComplete(image) {
-    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {
-      handleSuccess(mergeRight(image, {
-        metadata: {
-          url: image.url
-        }
-      }));
-      return;
-    }
-    var payload = {
-      filename: image.name,
-      byte_size: image.size,
-      content_type: image.fileType,
-      checksum: image.fileId,
-      metadata: image,
-      service_name: "imagekitio"
-    };
-    createBlob(payload, {
-      onSuccess: handleSuccess,
-      onError: Toastr.error
-    });
-  };
-  var _useImageUploader = useImageUploader({
-      onUploadComplete: handleUploadComplete
-    }),
-    uploadFile = _useImageUploader.uploadFile;
-  var options = [{
-    key: OPTION_KEYS.asset,
-    label: t("neetoImageUploader.imageUpload.imageLibrary"),
-    onClick: function onClick() {
-      return setIsAssetLibraryOpen(true);
-    },
-    "data-cy": "image-uploader-open-image-library-button"
-  }, {
-    key: OPTION_KEYS.remove,
-    label: t("neetoImageUploader.imageUpload.remove"),
-    onClick: handleDelete,
-    "data-cy": "image-uploader-remove-button"
-  }];
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(className, {
-      "cursor-pointer": true
-    }),
-    children: [isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxs("div", {
-      className: IMAGE_WRAPPER_CLASSNAME,
-      "data-cy": "image-uploader-wrapper",
-      children: [/*#__PURE__*/jsx(ImageWithFallback, {
-        className: "h-full w-full",
-        "data-cy": "uploaded-image",
-        src: image.url
-      }), /*#__PURE__*/jsx(Dropdown, {
-        buttonProps: {
-          className: "absolute right-3 top-3"
-        },
-        buttonSize: "small",
-        buttonStyle: "primary",
-        icon: MenuHorizontal,
-        children: /*#__PURE__*/jsx(Menu, {
-          children: options.map(function (_ref2) {
-            var key = _ref2.key,
-              label = _ref2.label,
-              otherProps = _objectWithoutProperties$1(_ref2, _excluded);
-            return /*#__PURE__*/createElement(MenuItem.Button, _objectSpread(_objectSpread({}, otherProps), {}, {
-              key: key
-            }), label);
-          })
-        })
-      })]
-    }) : /*#__PURE__*/jsx(ImageDirectUpload, {
-      setIsAssetLibraryOpen: setIsAssetLibraryOpen,
-      isDisabled: isPresent(fixedAspectRatio),
-      uploadConfig: uploadConfigWithDefaults,
-      onDrop: uploadFile
-    }), /*#__PURE__*/jsx(Modal, {
-      fixedAspectRatio: fixedAspectRatio,
-      isOpen: isAssetLibraryOpen,
-      uploadConfig: uploadConfigWithDefaults,
-      onClose: function onClose() {
-        return setIsAssetLibraryOpen(false);
-      },
-      onUploadComplete: handleImageSelectionFromLibrary
-    })]
-  });
-};
-
-var useImageUpload = function useImageUpload() {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
-  var _useCreateBlob = useCreateBlob(),
-    createBlob = _useCreateBlob.mutate;
-  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var developmentUpload = function developmentUpload(file, onUploadComplete) {
-    try {
-      setIsUploading(true);
-      var upload = new DirectUpload(file, "/api/direct_uploads");
-      upload.create(function (_, blob) {
-        var payload = {
-          id: blob.signed_id,
-          payload: {
-            metadata: {
-              organizationKey: globalProps.organization.publicApiKey,
-              url: blob.blob_url,
-              height: 200,
-              width: 200
-            }
-          }
-        };
-        directUploadsApi.update(payload);
-        onUploadComplete(mergeRight(keysToCamelCase(blob), {
-          url: blob.blob_url
-        }));
-      });
-    } catch (error) {
-      Toastr.error(error);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  var productionUpload = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress, onUploadComplete) {
-      var imagekit, image, payload;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 5;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: globalProps.imagekit.folder,
-              customMetadata: {
-                organizationKey: globalProps.organization.publicApiKey,
-                appName: globalProps.appName
-              }
-            });
-          case 5:
-            image = _context.sent;
-            payload = {
-              filename: image.name,
-              byte_size: image.size,
-              content_type: image.fileType,
-              checksum: image.fileId,
-              metadata: image,
-              service_name: "imagekitio"
-            };
-            createBlob(payload, {
-              onSuccess: onUploadComplete,
-              onError: Toastr.error
-            });
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
-          case 13:
-            _context.prev = 13;
-            setIsUploading(false);
-            return _context.finish(13);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 10, 13, 16]]);
-    }));
-    return function productionUpload(_x, _x2, _x3) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var uploadImage = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, onUploadComplete) {
-      var fileSize, XHRProgress;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setUploadProgress(0);
-            fileSize = file.size;
-            XHRProgress = new XMLHttpRequest();
-            XHRProgress.upload.addEventListener("progress", function (e) {
-              handleUploadProgress(e, fileSize);
-            });
-            if (!IS_DEVELOPMENT_OR_HEROKU_ENV) {
-              _context2.next = 9;
-              break;
-            }
-            _context2.next = 7;
-            return developmentUpload(file, onUploadComplete);
-          case 7:
-            _context2.next = 11;
-            break;
-          case 9:
-            _context2.next = 11;
-            return productionUpload(file, XHRProgress, onUploadComplete);
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function uploadImage(_x4, _x5) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return {
-    uploadImage: uploadImage,
-    uploadProgress: uploadProgress,
-    isUploading: isUploading
-  };
-};
-
-var useProfileImageUpload = function useProfileImageUpload(_ref) {
-  var _ref$uploadConfig = _ref.uploadConfig,
-    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var authenticationEndpoint = "".concat(window.location.origin, "/neeto_image_uploader_engine/imagekit/auth");
-  var defaultImageKitConfig = {
-    folder: globalProps.imagekit.folder,
-    customMetadata: {
-      organizationKey: globalProps.organization.publicApiKey,
-      appName: globalProps.appName
-    }
-  };
-  var imagekitConfig = mergeDeepRight(defaultImageKitConfig, uploadConfig);
-  var handleUploadProgress = function handleUploadProgress(e, fileSize) {
-    if (e.loaded <= fileSize) {
-      var percent = Math.round(e.loaded / fileSize * 100);
-      setUploadProgress(percent);
-    }
-    equals(e.loaded, e.total) && setUploadProgress(100);
-  };
-  var uploadToImagekit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, XHRProgress, onUploadComplete) {
-      var imagekit, image, errorMessage;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            imagekit = new ImageKit(mergeRight(globalProps.imagekit, {
-              authenticationEndpoint: authenticationEndpoint
-            }));
-            setIsUploading(true);
-            _context.next = 5;
-            return imagekit.upload({
-              xhr: XHRProgress,
-              file: file,
-              fileName: generateASCIIFileName(file.name),
-              folder: imagekitConfig.folder,
-              customMetadata: imagekitConfig.customMetadata
-            });
-          case 5:
-            image = _context.sent;
-            onUploadComplete(image);
-            _context.next = 13;
-            break;
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            errorMessage = equals(_context.t0.message, t$1("neetoImageUploader.errors.sdkKeysMissing")) ? t$1("neetoImageUploader.errors.imagekitKeysMissing") : _context.t0.message;
-            Toastr.error(errorMessage);
-          case 13:
-            _context.prev = 13;
-            setIsUploading(false);
-            return _context.finish(13);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 9, 13, 16]]);
-    }));
-    return function uploadToImagekit(_x, _x2, _x3) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var uploadImage = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, onUploadComplete) {
-      var fileSize, XHRProgress;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setUploadProgress(0);
-            fileSize = file.size;
-            XHRProgress = new XMLHttpRequest();
-            XHRProgress.upload.addEventListener("progress", function (e) {
-              handleUploadProgress(e, fileSize);
-            });
-            _context2.next = 6;
-            return uploadToImagekit(file, XHRProgress, onUploadComplete);
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function uploadImage(_x4, _x5) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  return {
-    uploadImage: uploadImage,
-    uploadProgress: uploadProgress,
-    isUploading: isUploading
-  };
-};
-
-export { Modal as AssetLibrary, BasicImageUploader, ImageUploader, useImageUpload, useImageUploader, useProfileImageUpload };
+export { default as BasicImageUploader } from './BasicImageUploader.js';
+export { default as ImageUploader } from './ImageUploader.js';
+export { default as AssetLibrary } from './AssetLibrary.js';
+export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-837e76b8.js';
+export { e as useImageUploader } from './useImageUploader-36a03350.js';
+import './index-b9963255.js';
+import './utils-96eacd77.js';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import 'react';
+import 'react-dropzone';
+import 'i18next';
+import '@bigbinary/neetoui/Toastr';
+import '@bigbinary/neeto-cist';
+import 'ramda';
+import 'classnames';
+import '@bigbinary/neeto-icons/Delete';
+import '@bigbinary/neetoui/Button';
+import './ImageWithFallback-e6b44c73.js';
+import '@bigbinary/neetoui/Typography';
+import 'react-i18next';
+import 'react/jsx-runtime';
+import '@bigbinary/neeto-icons/MenuHorizontal';
+import '@bigbinary/neetoui/Dropdown';
+import '@bigbinary/neetoui/Modal';
+import '@bigbinary/neetoui/Tab';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neeto-icons/LeftArrow';
+import '@tanstack/react-query';
+import 'axios';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neetoui/Input';
+import '@bigbinary/neetoui/Switch';
+import '@bigbinary/neeto-icons/index';
+import '@bigbinary/neeto-molecules/Container';
+import '@bigbinary/neeto-molecules/Header';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neetoui/Pane';
+import '@bigbinary/neetoui/formik/ActionBlock';
+import '@bigbinary/neetoui/formik/Form';
+import '@bigbinary/neetoui/formik/Input';
+import '@bigbinary/neetoui/formik/Select';
+import '@bigbinary/neetoui/formik/Textarea';
+import 'yup';
+import 'formik';
+import '@bigbinary/neeto-molecules/MoreDropdown';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Alert';
+import '@bigbinary/neeto-molecules/PageLoader';
+import '@bigbinary/neeto-molecules/SubHeader';
+import '@bigbinary/neeto-molecules/TableWrapper';
+import '@bigbinary/neetoui/Table';
+import '@bigbinary/neetoui/NoData';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neeto-image-uploader-frontend';
+import '@bigbinary/neeto-icons/ExternalLink';
+import '@bigbinary/neetoui/Callout';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neetoui/Radio';
+import '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
+import 'zustand';
+import 'zustand/shallow';
+import '@bigbinary/neetoui/Checkbox';
+import '@bigbinary/neeto-icons/Search';
+import '@bigbinary/neeto-icons/Down';
+import '@bigbinary/neeto-icons/Up';
+import '@bigbinary/neeto-filters-frontend';
+import '@bigbinary/neeto-molecules/Columns';
+import 'react-router-dom';
+import 'util';
+import '@bigbinary/neetoui/Tag';
+import '@bigbinary/neeto-icons/Right';
+import '@bigbinary/neeto-icons/Info';
+import '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
+import '@bigbinary/neetoui/formik/Switch';
+import '@bigbinary/neetoui/formik/MultiEmailInput';
+import '@bigbinary/neetoui/formik/Radio';
+import '@bigbinary/neeto-icons/Warning';
+import '@bigbinary/neetoui/formik/Checkbox';
+import '@bigbinary/neeto-icons/UserCircle';
+import '@rails/activestorage';
 //# sourceMappingURL=index.js.map