@bigbinary/neeto-image-uploader-frontend 1.5.2 → 1.5.4

package/dist/index.js

@@ -7,7 +7,7 @@ import { pipe, values, flatten as flatten$1, join, equals, isNil, isEmpty, merge
 import { Trans, useTranslation } from 'react-i18next';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import i18next, { t as t$1 } from 'i18next';
-import { useMutationWithInvalidation, useFuncDebounce, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useMutationWithInvalidation, useDebounce, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { useMutation, useQuery } from 'react-query';
 import axios from 'axios';
 import { DirectUpload } from '@rails/activestorage';
@@ -15,7 +15,7 @@ import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
 
 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 = "/* purgecss start ignore */\n\n.ReactCrop{\n  position:relative;\n  display:inline-block;\n  cursor:crosshair;\n  overflow:hidden;\n  max-width:100%\n}\n\n.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{\n  box-sizing:border-box\n}\n\n.ReactCrop--disabled,.ReactCrop--locked{\n  cursor:inherit\n}\n\n.ReactCrop__child-wrapper{\n  max-height:inherit\n}\n\n.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{\n  display:block;\n  max-width:100%;\n  max-height:inherit\n}\n\n.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{\n  touch-action:none\n}\n\n.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{\n  touch-action:none\n}\n\n.ReactCrop__crop-selection{\n  position:absolute;\n  top:0;\n  left:0;\n  transform:translate3d(0, 0, 0);\n  cursor:move;\n  box-shadow:0 0 0 9999em rgba(0,0,0,.5);\n  border:1px dashed #fff\n}\n\n.ReactCrop--disabled .ReactCrop__crop-selection{\n  cursor:inherit\n}\n\n.ReactCrop--circular-crop .ReactCrop__crop-selection{\n  border-radius:50%;\n  box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)\n}\n\n.ReactCrop__crop-selection:focus{\n  outline:none;\n  border-color:blue;\n  border-style:solid\n}\n\n.ReactCrop--invisible-crop .ReactCrop__crop-selection{\n  display:none\n}\n\n.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{\n  content:\"\";\n  display:block;\n  position:absolute;\n  background-color:rgba(255,255,255,.4)\n}\n\n.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{\n  width:1px;\n  height:100%\n}\n\n.ReactCrop__rule-of-thirds-vt::before{\n  left:33.3333%;\n  left:33.3333333333%\n}\n\n.ReactCrop__rule-of-thirds-vt::after{\n  left:66.6666%;\n  left:66.6666666667%\n}\n\n.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{\n  width:100%;\n  height:1px\n}\n\n.ReactCrop__rule-of-thirds-hz::before{\n  top:33.3333%;\n  top:33.3333333333%\n}\n\n.ReactCrop__rule-of-thirds-hz::after{\n  top:66.6666%;\n  top:66.6666666667%\n}\n\n.ReactCrop__drag-handle{\n  position:absolute\n}\n\n.ReactCrop__drag-handle::after{\n  position:absolute;\n  content:\"\";\n  display:block;\n  width:10px;\n  height:10px;\n  background-color:rgba(0,0,0,.2);\n  border:1px solid rgba(255,255,255,.7);\n  outline:1px solid rgba(0,0,0,0)\n}\n\n.ReactCrop__drag-handle:focus::after{\n  border-color:blue;\n  background:#2dbfff\n}\n\n.ReactCrop .ord-nw{\n  top:0;\n  left:0;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:nw-resize\n}\n\n.ReactCrop .ord-nw::after{\n  top:0;\n  left:0\n}\n\n.ReactCrop .ord-n{\n  top:0;\n  left:50%;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:n-resize\n}\n\n.ReactCrop .ord-n::after{\n  top:0\n}\n\n.ReactCrop .ord-ne{\n  top:0;\n  right:0;\n  margin-top:-5px;\n  margin-right:-5px;\n  cursor:ne-resize\n}\n\n.ReactCrop .ord-ne::after{\n  top:0;\n  right:0\n}\n\n.ReactCrop .ord-e{\n  top:50%;\n  right:0;\n  margin-top:-5px;\n  margin-right:-5px;\n  cursor:e-resize\n}\n\n.ReactCrop .ord-e::after{\n  right:0\n}\n\n.ReactCrop .ord-se{\n  bottom:0;\n  right:0;\n  margin-bottom:-5px;\n  margin-right:-5px;\n  cursor:se-resize\n}\n\n.ReactCrop .ord-se::after{\n  bottom:0;\n  right:0\n}\n\n.ReactCrop .ord-s{\n  bottom:0;\n  left:50%;\n  margin-bottom:-5px;\n  margin-left:-5px;\n  cursor:s-resize\n}\n\n.ReactCrop .ord-s::after{\n  bottom:0\n}\n\n.ReactCrop .ord-sw{\n  bottom:0;\n  left:0;\n  margin-bottom:-5px;\n  margin-left:-5px;\n  cursor:sw-resize\n}\n\n.ReactCrop .ord-sw::after{\n  bottom:0;\n  left:0\n}\n\n.ReactCrop .ord-w{\n  top:50%;\n  left:0;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:w-resize\n}\n\n.ReactCrop .ord-w::after{\n  left:0\n}\n\n.ReactCrop__disabled .ReactCrop__drag-handle{\n  cursor:inherit\n}\n\n.ReactCrop__drag-bar{\n  position:absolute\n}\n\n.ReactCrop__drag-bar.ord-n{\n  top:0;\n  left:0;\n  width:100%;\n  height:6px;\n  margin-top:-3px\n}\n\n.ReactCrop__drag-bar.ord-e{\n  right:0;\n  top:0;\n  width:6px;\n  height:100%;\n  margin-right:-3px\n}\n\n.ReactCrop__drag-bar.ord-s{\n  bottom:0;\n  left:0;\n  width:100%;\n  height:6px;\n  margin-bottom:-3px\n}\n\n.ReactCrop__drag-bar.ord-w{\n  top:0;\n  left:0;\n  width:6px;\n  height:100%;\n  margin-left:-3px\n}\n\n.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{\n  display:none\n}\n\n.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{\n  display:none\n}\n\n@media(pointer: coarse){\n  .ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{\n    display:none\n  }\n\n  .ReactCrop__drag-handle{\n    width:24px;\n    height:24px\n  }\n}\n\n.niu-modal {\n  width: 75vw !important;\n  height: 75vh !important;\n  max-width: 1152px !important;\n  max-height: 576px !important;\n  position: relative !important;\n}\n\n.niu-unsplash-container {\n  height: calc(75vh - 220px) !important;\n  max-height: 355px;\n}\n\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}\n\n.niu-unsplash-container a {\n  opacity: 0;\n  position: absolute;\n  left: 8px;\n  bottom: 8px;\n  margin: auto;\n  color: rgb(var(--neeto-ui-white));\n  font-size: 12px;\n  font-weight: var(--neeto-ui-font-normal);\n  line-height: 1;\n  text-transform: capitalize;\n  transition: var(--neeto-ui-transition);\n}\n\n.niu-unsplash-container a:hover {\n  text-decoration: underline;\n}\n\n.ReactCrop .ReactCrop__child-wrapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.ReactCrop .ReactCrop__child-wrapper img {\n  margin: auto;\n  height: auto;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n  align-self: center;\n  display: block;\n}\n\n/* purgecss end ignore */\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+Iiwibm9kZV9tb2R1bGVzL3JlYWN0LWltYWdlLWNyb3AvZGlzdC9SZWFjdENyb3AuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fbW9kYWwuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2FwcGxpY2F0aW9uLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19pbWFnZS1saWJyYXJ5LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX3ZhcmlhYmxlcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fcmVhY3QtY3JvcC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJCQUFBOztBQ0FBO0VBQVcsaUJBQWlCO0VBQUMsb0JBQW9CO0VBQUMsZ0JBQWdCO0VBQUMsZUFBZTtFQUFDO0FBQWM7O0FBQUM7RUFBc0Q7QUFBcUI7O0FBQUM7RUFBd0M7QUFBYzs7QUFBQztFQUEwQjtBQUFrQjs7QUFBQztFQUE4RCxhQUFhO0VBQUMsY0FBYztFQUFDO0FBQWtCOztBQUFDO0VBQXdJO0FBQWlCOztBQUFDO0VBQWdFO0FBQWlCOztBQUFDO0VBQTJCLGlCQUFpQjtFQUFDLEtBQUs7RUFBQyxNQUFNO0VBQUMsOEJBQThCO0VBQUMsV0FBVztFQUFDLHNDQUFzQztFQUFDO0FBQXNCOztBQUFDO0VBQWdEO0FBQWM7O0FBQUM7RUFBcUQsaUJBQWlCO0VBQUM7QUFBMkQ7O0FBQUM7RUFBaUMsWUFBWTtFQUFDLGlCQUFpQjtFQUFDO0FBQWtCOztBQUFDO0VBQXNEO0FBQVk7O0FBQUM7RUFBc0osVUFBVTtFQUFDLGFBQWE7RUFBQyxpQkFBaUI7RUFBQztBQUFxQzs7QUFBQztFQUEyRSxTQUFTO0VBQUM7QUFBVzs7QUFBQztFQUFzQyxhQUFhO0VBQUM7QUFBbUI7O0FBQUM7RUFBcUMsYUFBYTtFQUFDO0FBQW1COztBQUFDO0VBQTJFLFVBQVU7RUFBQztBQUFVOztBQUFDO0VBQXNDLFlBQVk7RUFBQztBQUFrQjs7QUFBQztFQUFxQyxZQUFZO0VBQUM7QUFBa0I7O0FBQUM7RUFBd0I7QUFBaUI7O0FBQUM7RUFBK0IsaUJBQWlCO0VBQUMsVUFBVTtFQUFDLGFBQWE7RUFBQyxVQUFVO0VBQUMsV0FBVztFQUFDLCtCQUErQjtFQUFDLHFDQUFxQztFQUFDO0FBQStCOztBQUFDO0VBQXFDLGlCQUFpQjtFQUFDO0FBQWtCOztBQUFDO0VBQW1CLEtBQUs7RUFBQyxNQUFNO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWdCOztBQUFDO0VBQTBCLEtBQUs7RUFBQztBQUFNOztBQUFDO0VBQWtCLEtBQUs7RUFBQyxRQUFRO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBSzs7QUFBQztFQUFtQixLQUFLO0VBQUMsT0FBTztFQUFDLGVBQWU7RUFBQyxpQkFBaUI7RUFBQztBQUFnQjs7QUFBQztFQUEwQixLQUFLO0VBQUM7QUFBTzs7QUFBQztFQUFrQixPQUFPO0VBQUMsT0FBTztFQUFDLGVBQWU7RUFBQyxpQkFBaUI7RUFBQztBQUFlOztBQUFDO0VBQXlCO0FBQU87O0FBQUM7RUFBbUIsUUFBUTtFQUFDLE9BQU87RUFBQyxrQkFBa0I7RUFBQyxpQkFBaUI7RUFBQztBQUFnQjs7QUFBQztFQUEwQixRQUFRO0VBQUM7QUFBTzs7QUFBQztFQUFrQixRQUFRO0VBQUMsUUFBUTtFQUFDLGtCQUFrQjtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBUTs7QUFBQztFQUFtQixRQUFRO0VBQUMsTUFBTTtFQUFDLGtCQUFrQjtFQUFDLGdCQUFnQjtFQUFDO0FBQWdCOztBQUFDO0VBQTBCLFFBQVE7RUFBQztBQUFNOztBQUFDO0VBQWtCLE9BQU87RUFBQyxNQUFNO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBTTs7QUFBQztFQUE2QztBQUFjOztBQUFDO0VBQXFCO0FBQWlCOztBQUFDO0VBQTJCLEtBQUs7RUFBQyxNQUFNO0VBQUMsVUFBVTtFQUFDLFVBQVU7RUFBQztBQUFlOztBQUFDO0VBQTJCLE9BQU87RUFBQyxLQUFLO0VBQUMsU0FBUztFQUFDLFdBQVc7RUFBQztBQUFpQjs7QUFBQztFQUEyQixRQUFRO0VBQUMsTUFBTTtFQUFDLFVBQVU7RUFBQyxVQUFVO0VBQUM7QUFBa0I7O0FBQUM7RUFBMkIsS0FBSztFQUFDLE1BQU07RUFBQyxTQUFTO0VBQUMsV0FBVztFQUFDO0FBQWdCOztBQUFDO0VBQXFJO0FBQVk7O0FBQUM7RUFBNE47QUFBWTs7QUFBQztFQUF3QjtJQUF3RTtFQUFZOztFQUFDO0lBQXdCLFVBQVU7SUFBQztFQUFXO0FBQUM7O0FDQS8rSDtFQUNFLHNCQUFBO0VBQ0EsdUJBQUE7RUFDQSw0QkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7QUNFRjs7QUNQQTtFQUNFLHFDQUFBO0VBQ0EsaUJDSWtDO0FGTXBDOztBQ1JFO0VBQ0UsWUFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtLQUFBLGlCQUFBO0VBQ0EsbUVBQUE7RUFDQSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBRFVKOztBQ1BFO0VBQ0UsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsaUNBQUE7RUFDQSxlQUFBO0VBQ0Esd0NBQUE7RUFDQSxjQUFBO0VBQ0EsMEJBQUE7RUFDQSxzQ0FBQTtBRFNKOztBQ1BJO0VBQ0UsMEJBQUE7QURTTjs7QUdwQ0U7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7QUh1Q0o7O0FHckNJO0VBQ0UsWUFBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxjQUFBO0FIdUNOOztBSHBEQSx5QkFBQSIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiLlJlYWN0Q3JvcHtwb3NpdGlvbjpyZWxhdGl2ZTtkaXNwbGF5OmlubGluZS1ibG9jaztjdXJzb3I6Y3Jvc3NoYWlyO292ZXJmbG93OmhpZGRlbjttYXgtd2lkdGg6MTAwJX0uUmVhY3RDcm9wICosLlJlYWN0Q3JvcCAqOjpiZWZvcmUsLlJlYWN0Q3JvcCAqOjphZnRlcntib3gtc2l6aW5nOmJvcmRlci1ib3h9LlJlYWN0Q3JvcC0tZGlzYWJsZWQsLlJlYWN0Q3JvcC0tbG9ja2Vke2N1cnNvcjppbmhlcml0fS5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXJ7bWF4LWhlaWdodDppbmhlcml0fS5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+aW1nLC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+dmlkZW97ZGlzcGxheTpibG9jazttYXgtd2lkdGg6MTAwJTttYXgtaGVpZ2h0OmluaGVyaXR9LlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+aW1nLC5SZWFjdENyb3A6bm90KC5SZWFjdENyb3AtLWRpc2FibGVkKSAuUmVhY3RDcm9wX19jaGlsZC13cmFwcGVyPnZpZGVve3RvdWNoLWFjdGlvbjpub25lfS5SZWFjdENyb3A6bm90KC5SZWFjdENyb3AtLWRpc2FibGVkKSAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbnt0b3VjaC1hY3Rpb246bm9uZX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsIDAsIDApO2N1cnNvcjptb3ZlO2JveC1zaGFkb3c6MCAwIDAgOTk5OWVtIHJnYmEoMCwwLDAsLjUpO2JvcmRlcjoxcHggZGFzaGVkICNmZmZ9LlJlYWN0Q3JvcC0tZGlzYWJsZWQgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb257Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcC0tY2lyY3VsYXItY3JvcCAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntib3JkZXItcmFkaXVzOjUwJTtib3gtc2hhZG93OjBweCAwcHggMXB4IDFweCAjZmZmLDAgMCAwIDk5OTllbSByZ2JhKDAsMCwwLC41KX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbjpmb2N1c3tvdXRsaW5lOm5vbmU7Ym9yZGVyLWNvbG9yOmJsdWU7Ym9yZGVyLXN0eWxlOnNvbGlkfS5SZWFjdENyb3AtLWludmlzaWJsZS1jcm9wIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue2Rpc3BsYXk6bm9uZX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjphZnRlciwuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjphZnRlcntjb250ZW50OlwiXCI7ZGlzcGxheTpibG9jaztwb3NpdGlvbjphYnNvbHV0ZTtiYWNrZ3JvdW5kLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsLjQpfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmFmdGVye3dpZHRoOjFweDtoZWlnaHQ6MTAwJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3Jle2xlZnQ6MzMuMzMzMyU7bGVmdDozMy4zMzMzMzMzMzMzJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YWZ0ZXJ7bGVmdDo2Ni42NjY2JTtsZWZ0OjY2LjY2NjY2NjY2NjclfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVye3dpZHRoOjEwMCU7aGVpZ2h0OjFweH0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3Jle3RvcDozMy4zMzMzJTt0b3A6MzMuMzMzMzMzMzMzMyV9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVye3RvcDo2Ni42NjY2JTt0b3A6NjYuNjY2NjY2NjY2NyV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGV7cG9zaXRpb246YWJzb2x1dGV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6OmFmdGVye3Bvc2l0aW9uOmFic29sdXRlO2NvbnRlbnQ6XCJcIjtkaXNwbGF5OmJsb2NrO3dpZHRoOjEwcHg7aGVpZ2h0OjEwcHg7YmFja2dyb3VuZC1jb2xvcjpyZ2JhKDAsMCwwLC4yKTtib3JkZXI6MXB4IHNvbGlkIHJnYmEoMjU1LDI1NSwyNTUsLjcpO291dGxpbmU6MXB4IHNvbGlkIHJnYmEoMCwwLDAsMCl9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6Zm9jdXM6OmFmdGVye2JvcmRlci1jb2xvcjpibHVlO2JhY2tncm91bmQ6IzJkYmZmZn0uUmVhY3RDcm9wIC5vcmQtbnd7dG9wOjA7bGVmdDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpudy1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLW53OjphZnRlcnt0b3A6MDtsZWZ0OjB9LlJlYWN0Q3JvcCAub3JkLW57dG9wOjA7bGVmdDo1MCU7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOm4tcmVzaXplfS5SZWFjdENyb3AgLm9yZC1uOjphZnRlcnt0b3A6MH0uUmVhY3RDcm9wIC5vcmQtbmV7dG9wOjA7cmlnaHQ6MDttYXJnaW4tdG9wOi01cHg7bWFyZ2luLXJpZ2h0Oi01cHg7Y3Vyc29yOm5lLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbmU6OmFmdGVye3RvcDowO3JpZ2h0OjB9LlJlYWN0Q3JvcCAub3JkLWV7dG9wOjUwJTtyaWdodDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tcmlnaHQ6LTVweDtjdXJzb3I6ZS1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLWU6OmFmdGVye3JpZ2h0OjB9LlJlYWN0Q3JvcCAub3JkLXNle2JvdHRvbTowO3JpZ2h0OjA7bWFyZ2luLWJvdHRvbTotNXB4O21hcmdpbi1yaWdodDotNXB4O2N1cnNvcjpzZS1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLXNlOjphZnRlcntib3R0b206MDtyaWdodDowfS5SZWFjdENyb3AgLm9yZC1ze2JvdHRvbTowO2xlZnQ6NTAlO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpzLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtczo6YWZ0ZXJ7Ym90dG9tOjB9LlJlYWN0Q3JvcCAub3JkLXN3e2JvdHRvbTowO2xlZnQ6MDttYXJnaW4tYm90dG9tOi01cHg7bWFyZ2luLWxlZnQ6LTVweDtjdXJzb3I6c3ctcmVzaXplfS5SZWFjdENyb3AgLm9yZC1zdzo6YWZ0ZXJ7Ym90dG9tOjA7bGVmdDowfS5SZWFjdENyb3AgLm9yZC13e3RvcDo1MCU7bGVmdDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjp3LXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtdzo6YWZ0ZXJ7bGVmdDowfS5SZWFjdENyb3BfX2Rpc2FibGVkIC5SZWFjdENyb3BfX2RyYWctaGFuZGxle2N1cnNvcjppbmhlcml0fS5SZWFjdENyb3BfX2RyYWctYmFye3Bvc2l0aW9uOmFic29sdXRlfS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ue3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLXRvcDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1le3JpZ2h0OjA7dG9wOjA7d2lkdGg6NnB4O2hlaWdodDoxMDAlO21hcmdpbi1yaWdodDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ze2JvdHRvbTowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLWJvdHRvbTotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC13e3RvcDowO2xlZnQ6MDt3aWR0aDo2cHg7aGVpZ2h0OjEwMCU7bWFyZ2luLWxlZnQ6LTNweH0uUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWJhciwuUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZSwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1iYXJ7ZGlzcGxheTpub25lfS5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtbiwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGUub3JkLWUsLlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC1zLC5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtd3tkaXNwbGF5Om5vbmV9QG1lZGlhKHBvaW50ZXI6IGNvYXJzZSl7LlJlYWN0Q3JvcCAub3JkLW4sLlJlYWN0Q3JvcCAub3JkLWUsLlJlYWN0Q3JvcCAub3JkLXMsLlJlYWN0Q3JvcCAub3JkLXd7ZGlzcGxheTpub25lfS5SZWFjdENyb3BfX2RyYWctaGFuZGxle3dpZHRoOjI0cHg7aGVpZ2h0OjI0cHh9fVxuIiwiLm5pdS1tb2RhbCB7XG4gIHdpZHRoOiAkbml1LW1vZGFsLXdpZHRoICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogJG5pdS1tb2RhbC1oZWlnaHQgIWltcG9ydGFudDtcbiAgbWF4LXdpZHRoOiAkbml1LW1vZGFsLW1heC13aWR0aCAhaW1wb3J0YW50O1xuICBtYXgtaGVpZ2h0OiAkbml1LW1vZGFsLW1heC1oZWlnaHQgIWltcG9ydGFudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlICFpbXBvcnRhbnQ7XG59XG4iLCJAaW1wb3J0IFwicmVhY3QtaW1hZ2UtY3JvcC9kaXN0L1JlYWN0Q3JvcC5jc3NcIjtcblxuLy9BYnN0cmFjdHNcbkBpbXBvcnQgXCJhYnN0cmFjdHMvdmFyaWFibGVzXCI7XG5cbi8vQ29tcG9uZW50c1xuQGltcG9ydCBcIi4vY29tcG9uZW50cy9tb2RhbFwiO1xuQGltcG9ydCBcIi4vY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5XCI7XG5AaW1wb3J0IFwiLi9jb21wb25lbnRzL3JlYWN0LWNyb3BcIjtcbiIsIi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKCN7JG5pdS1tb2RhbC1oZWlnaHR9IC0gI3skbml1LW1vZGFsLWhlYWRlci1oZWlnaHR9KSAhaW1wb3J0YW50O1xuICBtYXgtaGVpZ2h0OiAkbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0O1xuXG4gIGltZyB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIGEge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDhweDtcbiAgICBib3R0b206IDhweDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ub3JtYWwpO1xuICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuICAgIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB9XG4gIH1cbn1cbiIsIiRuaXUtbW9kYWwtd2lkdGg6IDc1dnc7XG4kbml1LW1vZGFsLWhlaWdodDogNzV2aDtcbiRuaXUtbW9kYWwtbWF4LXdpZHRoOiAxMTUycHg7XG4kbml1LW1vZGFsLW1heC1oZWlnaHQ6IDU3NnB4O1xuJG5pdS1tb2RhbC1oZWFkZXItaGVpZ2h0OiAyMjBweDtcblxuJG5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodDogMzU1cHg7XG4iLCIuUmVhY3RDcm9wIHtcbiAgLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICBpbWcge1xuICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICB9XG59XG4iXX0= */";
+var css = "/* purgecss start ignore */\n\n.ReactCrop{\n  position:relative;\n  display:inline-block;\n  cursor:crosshair;\n  overflow:hidden;\n  max-width:100%\n}\n\n.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{\n  box-sizing:border-box\n}\n\n.ReactCrop--disabled,.ReactCrop--locked{\n  cursor:inherit\n}\n\n.ReactCrop__child-wrapper{\n  max-height:inherit\n}\n\n.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{\n  display:block;\n  max-width:100%;\n  max-height:inherit\n}\n\n.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{\n  touch-action:none\n}\n\n.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{\n  touch-action:none\n}\n\n.ReactCrop__crop-selection{\n  position:absolute;\n  top:0;\n  left:0;\n  transform:translate3d(0, 0, 0);\n  cursor:move;\n  box-shadow:0 0 0 9999em rgba(0,0,0,.5);\n  border:1px dashed #fff\n}\n\n.ReactCrop--disabled .ReactCrop__crop-selection{\n  cursor:inherit\n}\n\n.ReactCrop--circular-crop .ReactCrop__crop-selection{\n  border-radius:50%;\n  box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)\n}\n\n.ReactCrop__crop-selection:focus{\n  outline:none;\n  border-color:blue;\n  border-style:solid\n}\n\n.ReactCrop--invisible-crop .ReactCrop__crop-selection{\n  display:none\n}\n\n.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{\n  content:\"\";\n  display:block;\n  position:absolute;\n  background-color:rgba(255,255,255,.4)\n}\n\n.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{\n  width:1px;\n  height:100%\n}\n\n.ReactCrop__rule-of-thirds-vt::before{\n  left:33.3333%;\n  left:33.3333333333%\n}\n\n.ReactCrop__rule-of-thirds-vt::after{\n  left:66.6666%;\n  left:66.6666666667%\n}\n\n.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{\n  width:100%;\n  height:1px\n}\n\n.ReactCrop__rule-of-thirds-hz::before{\n  top:33.3333%;\n  top:33.3333333333%\n}\n\n.ReactCrop__rule-of-thirds-hz::after{\n  top:66.6666%;\n  top:66.6666666667%\n}\n\n.ReactCrop__drag-handle{\n  position:absolute\n}\n\n.ReactCrop__drag-handle::after{\n  position:absolute;\n  content:\"\";\n  display:block;\n  width:10px;\n  height:10px;\n  background-color:rgba(0,0,0,.2);\n  border:1px solid rgba(255,255,255,.7);\n  outline:1px solid rgba(0,0,0,0)\n}\n\n.ReactCrop__drag-handle:focus::after{\n  border-color:blue;\n  background:#2dbfff\n}\n\n.ReactCrop .ord-nw{\n  top:0;\n  left:0;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:nw-resize\n}\n\n.ReactCrop .ord-nw::after{\n  top:0;\n  left:0\n}\n\n.ReactCrop .ord-n{\n  top:0;\n  left:50%;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:n-resize\n}\n\n.ReactCrop .ord-n::after{\n  top:0\n}\n\n.ReactCrop .ord-ne{\n  top:0;\n  right:0;\n  margin-top:-5px;\n  margin-right:-5px;\n  cursor:ne-resize\n}\n\n.ReactCrop .ord-ne::after{\n  top:0;\n  right:0\n}\n\n.ReactCrop .ord-e{\n  top:50%;\n  right:0;\n  margin-top:-5px;\n  margin-right:-5px;\n  cursor:e-resize\n}\n\n.ReactCrop .ord-e::after{\n  right:0\n}\n\n.ReactCrop .ord-se{\n  bottom:0;\n  right:0;\n  margin-bottom:-5px;\n  margin-right:-5px;\n  cursor:se-resize\n}\n\n.ReactCrop .ord-se::after{\n  bottom:0;\n  right:0\n}\n\n.ReactCrop .ord-s{\n  bottom:0;\n  left:50%;\n  margin-bottom:-5px;\n  margin-left:-5px;\n  cursor:s-resize\n}\n\n.ReactCrop .ord-s::after{\n  bottom:0\n}\n\n.ReactCrop .ord-sw{\n  bottom:0;\n  left:0;\n  margin-bottom:-5px;\n  margin-left:-5px;\n  cursor:sw-resize\n}\n\n.ReactCrop .ord-sw::after{\n  bottom:0;\n  left:0\n}\n\n.ReactCrop .ord-w{\n  top:50%;\n  left:0;\n  margin-top:-5px;\n  margin-left:-5px;\n  cursor:w-resize\n}\n\n.ReactCrop .ord-w::after{\n  left:0\n}\n\n.ReactCrop__disabled .ReactCrop__drag-handle{\n  cursor:inherit\n}\n\n.ReactCrop__drag-bar{\n  position:absolute\n}\n\n.ReactCrop__drag-bar.ord-n{\n  top:0;\n  left:0;\n  width:100%;\n  height:6px;\n  margin-top:-3px\n}\n\n.ReactCrop__drag-bar.ord-e{\n  right:0;\n  top:0;\n  width:6px;\n  height:100%;\n  margin-right:-3px\n}\n\n.ReactCrop__drag-bar.ord-s{\n  bottom:0;\n  left:0;\n  width:100%;\n  height:6px;\n  margin-bottom:-3px\n}\n\n.ReactCrop__drag-bar.ord-w{\n  top:0;\n  left:0;\n  width:6px;\n  height:100%;\n  margin-left:-3px\n}\n\n.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{\n  display:none\n}\n\n.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{\n  display:none\n}\n\n@media(pointer: coarse){\n  .ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{\n    display:none\n  }\n\n  .ReactCrop__drag-handle{\n    width:24px;\n    height:24px\n  }\n}\n\n.niu-modal {\n  width: 75vw !important;\n  height: 75vh !important;\n  max-width: 1152px !important;\n  max-height: 576px !important;\n  position: relative !important;\n}\n\n.niu-unsplash-container {\n  height: calc(75vh - 220px) !important;\n  max-height: 355px;\n}\n\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}\n\n.ReactCrop .ReactCrop__child-wrapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.ReactCrop .ReactCrop__child-wrapper img {\n  margin: auto;\n  height: auto;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n  align-self: center;\n  display: block;\n}\n\n/* purgecss end ignore */\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+Iiwibm9kZV9tb2R1bGVzL3JlYWN0LWltYWdlLWNyb3AvZGlzdC9SZWFjdENyb3AuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fbW9kYWwuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2FwcGxpY2F0aW9uLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19pbWFnZS1saWJyYXJ5LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX3ZhcmlhYmxlcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fcmVhY3QtY3JvcC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJCQUFBOztBQ0FBO0VBQVcsaUJBQWlCO0VBQUMsb0JBQW9CO0VBQUMsZ0JBQWdCO0VBQUMsZUFBZTtFQUFDO0FBQWM7O0FBQUM7RUFBc0Q7QUFBcUI7O0FBQUM7RUFBd0M7QUFBYzs7QUFBQztFQUEwQjtBQUFrQjs7QUFBQztFQUE4RCxhQUFhO0VBQUMsY0FBYztFQUFDO0FBQWtCOztBQUFDO0VBQXdJO0FBQWlCOztBQUFDO0VBQWdFO0FBQWlCOztBQUFDO0VBQTJCLGlCQUFpQjtFQUFDLEtBQUs7RUFBQyxNQUFNO0VBQUMsOEJBQThCO0VBQUMsV0FBVztFQUFDLHNDQUFzQztFQUFDO0FBQXNCOztBQUFDO0VBQWdEO0FBQWM7O0FBQUM7RUFBcUQsaUJBQWlCO0VBQUM7QUFBMkQ7O0FBQUM7RUFBaUMsWUFBWTtFQUFDLGlCQUFpQjtFQUFDO0FBQWtCOztBQUFDO0VBQXNEO0FBQVk7O0FBQUM7RUFBc0osVUFBVTtFQUFDLGFBQWE7RUFBQyxpQkFBaUI7RUFBQztBQUFxQzs7QUFBQztFQUEyRSxTQUFTO0VBQUM7QUFBVzs7QUFBQztFQUFzQyxhQUFhO0VBQUM7QUFBbUI7O0FBQUM7RUFBcUMsYUFBYTtFQUFDO0FBQW1COztBQUFDO0VBQTJFLFVBQVU7RUFBQztBQUFVOztBQUFDO0VBQXNDLFlBQVk7RUFBQztBQUFrQjs7QUFBQztFQUFxQyxZQUFZO0VBQUM7QUFBa0I7O0FBQUM7RUFBd0I7QUFBaUI7O0FBQUM7RUFBK0IsaUJBQWlCO0VBQUMsVUFBVTtFQUFDLGFBQWE7RUFBQyxVQUFVO0VBQUMsV0FBVztFQUFDLCtCQUErQjtFQUFDLHFDQUFxQztFQUFDO0FBQStCOztBQUFDO0VBQXFDLGlCQUFpQjtFQUFDO0FBQWtCOztBQUFDO0VBQW1CLEtBQUs7RUFBQyxNQUFNO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWdCOztBQUFDO0VBQTBCLEtBQUs7RUFBQztBQUFNOztBQUFDO0VBQWtCLEtBQUs7RUFBQyxRQUFRO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBSzs7QUFBQztFQUFtQixLQUFLO0VBQUMsT0FBTztFQUFDLGVBQWU7RUFBQyxpQkFBaUI7RUFBQztBQUFnQjs7QUFBQztFQUEwQixLQUFLO0VBQUM7QUFBTzs7QUFBQztFQUFrQixPQUFPO0VBQUMsT0FBTztFQUFDLGVBQWU7RUFBQyxpQkFBaUI7RUFBQztBQUFlOztBQUFDO0VBQXlCO0FBQU87O0FBQUM7RUFBbUIsUUFBUTtFQUFDLE9BQU87RUFBQyxrQkFBa0I7RUFBQyxpQkFBaUI7RUFBQztBQUFnQjs7QUFBQztFQUEwQixRQUFRO0VBQUM7QUFBTzs7QUFBQztFQUFrQixRQUFRO0VBQUMsUUFBUTtFQUFDLGtCQUFrQjtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBUTs7QUFBQztFQUFtQixRQUFRO0VBQUMsTUFBTTtFQUFDLGtCQUFrQjtFQUFDLGdCQUFnQjtFQUFDO0FBQWdCOztBQUFDO0VBQTBCLFFBQVE7RUFBQztBQUFNOztBQUFDO0VBQWtCLE9BQU87RUFBQyxNQUFNO0VBQUMsZUFBZTtFQUFDLGdCQUFnQjtFQUFDO0FBQWU7O0FBQUM7RUFBeUI7QUFBTTs7QUFBQztFQUE2QztBQUFjOztBQUFDO0VBQXFCO0FBQWlCOztBQUFDO0VBQTJCLEtBQUs7RUFBQyxNQUFNO0VBQUMsVUFBVTtFQUFDLFVBQVU7RUFBQztBQUFlOztBQUFDO0VBQTJCLE9BQU87RUFBQyxLQUFLO0VBQUMsU0FBUztFQUFDLFdBQVc7RUFBQztBQUFpQjs7QUFBQztFQUEyQixRQUFRO0VBQUMsTUFBTTtFQUFDLFVBQVU7RUFBQyxVQUFVO0VBQUM7QUFBa0I7O0FBQUM7RUFBMkIsS0FBSztFQUFDLE1BQU07RUFBQyxTQUFTO0VBQUMsV0FBVztFQUFDO0FBQWdCOztBQUFDO0VBQXFJO0FBQVk7O0FBQUM7RUFBNE47QUFBWTs7QUFBQztFQUF3QjtJQUF3RTtFQUFZOztFQUFDO0lBQXdCLFVBQVU7SUFBQztFQUFXO0FBQUM7O0FDQS8rSDtFQUNFLHNCQUFBO0VBQ0EsdUJBQUE7RUFDQSw0QkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7QUNFRjs7QUNQQTtFQUNFLHFDQUFBO0VBQ0EsaUJDSWtDO0FGTXBDOztBQ1JFO0VBQ0UsWUFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtLQUFBLGlCQUFBO0VBQ0EsbUVBQUE7RUFDQSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBRFVKOztBR3BCRTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtBSHVCSjs7QUdyQkk7RUFDRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtFQUNBLGNBQUE7QUh1Qk47O0FIcENBLHlCQUFBIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIuUmVhY3RDcm9we3Bvc2l0aW9uOnJlbGF0aXZlO2Rpc3BsYXk6aW5saW5lLWJsb2NrO2N1cnNvcjpjcm9zc2hhaXI7b3ZlcmZsb3c6aGlkZGVuO21heC13aWR0aDoxMDAlfS5SZWFjdENyb3AgKiwuUmVhY3RDcm9wICo6OmJlZm9yZSwuUmVhY3RDcm9wICo6OmFmdGVye2JveC1zaXppbmc6Ym9yZGVyLWJveH0uUmVhY3RDcm9wLS1kaXNhYmxlZCwuUmVhY3RDcm9wLS1sb2NrZWR7Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcnttYXgtaGVpZ2h0OmluaGVyaXR9LlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj5pbWcsLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj52aWRlb3tkaXNwbGF5OmJsb2NrO21heC13aWR0aDoxMDAlO21heC1oZWlnaHQ6aW5oZXJpdH0uUmVhY3RDcm9wOm5vdCguUmVhY3RDcm9wLS1kaXNhYmxlZCkgLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj5pbWcsLlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+dmlkZW97dG91Y2gtYWN0aW9uOm5vbmV9LlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue3RvdWNoLWFjdGlvbjpub25lfS5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt0cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwgMCwgMCk7Y3Vyc29yOm1vdmU7Ym94LXNoYWRvdzowIDAgMCA5OTk5ZW0gcmdiYSgwLDAsMCwuNSk7Ym9yZGVyOjFweCBkYXNoZWQgI2ZmZn0uUmVhY3RDcm9wLS1kaXNhYmxlZCAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntjdXJzb3I6aW5oZXJpdH0uUmVhY3RDcm9wLS1jaXJjdWxhci1jcm9wIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue2JvcmRlci1yYWRpdXM6NTAlO2JveC1zaGFkb3c6MHB4IDBweCAxcHggMXB4ICNmZmYsMCAwIDAgOTk5OWVtIHJnYmEoMCwwLDAsLjUpfS5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9uOmZvY3Vze291dGxpbmU6bm9uZTtib3JkZXItY29sb3I6Ymx1ZTtib3JkZXItc3R5bGU6c29saWR9LlJlYWN0Q3JvcC0taW52aXNpYmxlLWNyb3AgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb257ZGlzcGxheTpub25lfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmFmdGVyLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVye2NvbnRlbnQ6XCJcIjtkaXNwbGF5OmJsb2NrO3Bvc2l0aW9uOmFic29sdXRlO2JhY2tncm91bmQtY29sb3I6cmdiYSgyNTUsMjU1LDI1NSwuNCl9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmJlZm9yZSwuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YWZ0ZXJ7d2lkdGg6MXB4O2hlaWdodDoxMDAlfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmV7bGVmdDozMy4zMzMzJTtsZWZ0OjMzLjMzMzMzMzMzMzMlfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjphZnRlcntsZWZ0OjY2LjY2NjYlO2xlZnQ6NjYuNjY2NjY2NjY2NyV9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmJlZm9yZSwuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YWZ0ZXJ7d2lkdGg6MTAwJTtoZWlnaHQ6MXB4fS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmV7dG9wOjMzLjMzMzMlO3RvcDozMy4zMzMzMzMzMzMzJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YWZ0ZXJ7dG9wOjY2LjY2NjYlO3RvcDo2Ni42NjY2NjY2NjY3JX0uUmVhY3RDcm9wX19kcmFnLWhhbmRsZXtwb3NpdGlvbjphYnNvbHV0ZX0uUmVhY3RDcm9wX19kcmFnLWhhbmRsZTo6YWZ0ZXJ7cG9zaXRpb246YWJzb2x1dGU7Y29udGVudDpcIlwiO2Rpc3BsYXk6YmxvY2s7d2lkdGg6MTBweDtoZWlnaHQ6MTBweDtiYWNrZ3JvdW5kLWNvbG9yOnJnYmEoMCwwLDAsLjIpO2JvcmRlcjoxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuNyk7b3V0bGluZToxcHggc29saWQgcmdiYSgwLDAsMCwwKX0uUmVhY3RDcm9wX19kcmFnLWhhbmRsZTpmb2N1czo6YWZ0ZXJ7Ym9yZGVyLWNvbG9yOmJsdWU7YmFja2dyb3VuZDojMmRiZmZmfS5SZWFjdENyb3AgLm9yZC1ud3t0b3A6MDtsZWZ0OjA7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOm53LXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbnc6OmFmdGVye3RvcDowO2xlZnQ6MH0uUmVhY3RDcm9wIC5vcmQtbnt0b3A6MDtsZWZ0OjUwJTttYXJnaW4tdG9wOi01cHg7bWFyZ2luLWxlZnQ6LTVweDtjdXJzb3I6bi1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLW46OmFmdGVye3RvcDowfS5SZWFjdENyb3AgLm9yZC1uZXt0b3A6MDtyaWdodDowO21hcmdpbi10b3A6LTVweDttYXJnaW4tcmlnaHQ6LTVweDtjdXJzb3I6bmUtcmVzaXplfS5SZWFjdENyb3AgLm9yZC1uZTo6YWZ0ZXJ7dG9wOjA7cmlnaHQ6MH0uUmVhY3RDcm9wIC5vcmQtZXt0b3A6NTAlO3JpZ2h0OjA7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1yaWdodDotNXB4O2N1cnNvcjplLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtZTo6YWZ0ZXJ7cmlnaHQ6MH0uUmVhY3RDcm9wIC5vcmQtc2V7Ym90dG9tOjA7cmlnaHQ6MDttYXJnaW4tYm90dG9tOi01cHg7bWFyZ2luLXJpZ2h0Oi01cHg7Y3Vyc29yOnNlLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtc2U6OmFmdGVye2JvdHRvbTowO3JpZ2h0OjB9LlJlYWN0Q3JvcCAub3JkLXN7Ym90dG9tOjA7bGVmdDo1MCU7bWFyZ2luLWJvdHRvbTotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOnMtcmVzaXplfS5SZWFjdENyb3AgLm9yZC1zOjphZnRlcntib3R0b206MH0uUmVhY3RDcm9wIC5vcmQtc3d7Ym90dG9tOjA7bGVmdDowO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpzdy1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLXN3OjphZnRlcntib3R0b206MDtsZWZ0OjB9LlJlYWN0Q3JvcCAub3JkLXd7dG9wOjUwJTtsZWZ0OjA7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOnctcmVzaXplfS5SZWFjdENyb3AgLm9yZC13OjphZnRlcntsZWZ0OjB9LlJlYWN0Q3JvcF9fZGlzYWJsZWQgLlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGV7Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcF9fZHJhZy1iYXJ7cG9zaXRpb246YWJzb2x1dGV9LlJlYWN0Q3JvcF9fZHJhZy1iYXIub3JkLW57dG9wOjA7bGVmdDowO3dpZHRoOjEwMCU7aGVpZ2h0OjZweDttYXJnaW4tdG9wOi0zcHh9LlJlYWN0Q3JvcF9fZHJhZy1iYXIub3JkLWV7cmlnaHQ6MDt0b3A6MDt3aWR0aDo2cHg7aGVpZ2h0OjEwMCU7bWFyZ2luLXJpZ2h0Oi0zcHh9LlJlYWN0Q3JvcF9fZHJhZy1iYXIub3JkLXN7Ym90dG9tOjA7bGVmdDowO3dpZHRoOjEwMCU7aGVpZ2h0OjZweDttYXJnaW4tYm90dG9tOi0zcHh9LlJlYWN0Q3JvcF9fZHJhZy1iYXIub3JkLXd7dG9wOjA7bGVmdDowO3dpZHRoOjZweDtoZWlnaHQ6MTAwJTttYXJnaW4tbGVmdDotM3B4fS5SZWFjdENyb3AtLW5ldy1jcm9wIC5SZWFjdENyb3BfX2RyYWctYmFyLC5SZWFjdENyb3AtLW5ldy1jcm9wIC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLC5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWJhcntkaXNwbGF5Om5vbmV9LlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC1uLC5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtZSwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGUub3JkLXMsLlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC13e2Rpc3BsYXk6bm9uZX1AbWVkaWEocG9pbnRlcjogY29hcnNlKXsuUmVhY3RDcm9wIC5vcmQtbiwuUmVhY3RDcm9wIC5vcmQtZSwuUmVhY3RDcm9wIC5vcmQtcywuUmVhY3RDcm9wIC5vcmQtd3tkaXNwbGF5Om5vbmV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGV7d2lkdGg6MjRweDtoZWlnaHQ6MjRweH19XG4iLCIubml1LW1vZGFsIHtcbiAgd2lkdGg6ICRuaXUtbW9kYWwtd2lkdGggIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAkbml1LW1vZGFsLWhlaWdodCAhaW1wb3J0YW50O1xuICBtYXgtd2lkdGg6ICRuaXUtbW9kYWwtbWF4LXdpZHRoICFpbXBvcnRhbnQ7XG4gIG1heC1oZWlnaHQ6ICRuaXUtbW9kYWwtbWF4LWhlaWdodCAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmUgIWltcG9ydGFudDtcbn1cbiIsIkBpbXBvcnQgXCJyZWFjdC1pbWFnZS1jcm9wL2Rpc3QvUmVhY3RDcm9wLmNzc1wiO1xuXG4vL0Fic3RyYWN0c1xuQGltcG9ydCBcImFic3RyYWN0cy92YXJpYWJsZXNcIjtcblxuLy9Db21wb25lbnRzXG5AaW1wb3J0IFwiLi9jb21wb25lbnRzL21vZGFsXCI7XG5AaW1wb3J0IFwiLi9jb21wb25lbnRzL2ltYWdlLWxpYnJhcnlcIjtcbkBpbXBvcnQgXCIuL2NvbXBvbmVudHMvcmVhY3QtY3JvcFwiO1xuIiwiLm5pdS11bnNwbGFzaC1jb250YWluZXIge1xuICBoZWlnaHQ6IGNhbGMoI3skbml1LW1vZGFsLWhlaWdodH0gLSAjeyRuaXUtbW9kYWwtaGVhZGVyLWhlaWdodH0pICFpbXBvcnRhbnQ7XG4gIG1heC1oZWlnaHQ6ICRuaXUtdW5zcGxhc2gtY29udGFpbmVyLW1heC1oZWlnaHQ7XG5cbiAgaW1nIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgYW5pbWF0aW9uOiBmYWRlLWluIDEuMnMgMXMgY3ViaWMtYmV6aWVyKDAuMzksIDAuNTc1LCAwLjU2NSwgMSkgYm90aDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG59XG4iLCIkbml1LW1vZGFsLXdpZHRoOiA3NXZ3O1xuJG5pdS1tb2RhbC1oZWlnaHQ6IDc1dmg7XG4kbml1LW1vZGFsLW1heC13aWR0aDogMTE1MnB4O1xuJG5pdS1tb2RhbC1tYXgtaGVpZ2h0OiA1NzZweDtcbiRuaXUtbW9kYWwtaGVhZGVyLWhlaWdodDogMjIwcHg7XG5cbiRuaXUtdW5zcGxhc2gtY29udGFpbmVyLW1heC1oZWlnaHQ6IDM1NXB4O1xuIiwiLlJlYWN0Q3JvcCB7XG4gIC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgaW1nIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbiAgfVxufVxuIl19 */";
 n(css,{});
 
 function _extends$1() {
@@ -2099,7 +2099,8 @@ var ImageDirectUpload = function ImageDirectUpload(_ref) {
     i18nKey: "neetoImageUploader.imageUpload.dragAndDropOrBrowseFile",
     components: {
       span: /*#__PURE__*/React.createElement("span", {
-        className: "neeto-ui-text-primary-500"
+        className: "neeto-ui-text-primary-500",
+        "data-cy": "neeto-image-uploader-browse-text"
       })
     }
   })), setIsAssetLibraryOpen && /*#__PURE__*/React.createElement(Typography, {
@@ -2110,7 +2111,7 @@ var ImageDirectUpload = function ImageDirectUpload(_ref) {
       setIsAssetLibraryOpen(true);
     }
   }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoImageUploader.imageUpload.selectImagefromAssetsLibrary",
+    i18nKey: "neetoImageUploader.imageUpload.selectImagefromImageLibrary",
     components: {
       span: /*#__PURE__*/React.createElement("span", {
         className: "neeto-ui-text-primary-500",
@@ -2118,6 +2119,7 @@ var ImageDirectUpload = function ImageDirectUpload(_ref) {
       })
     }
   })), /*#__PURE__*/React.createElement("input", _extends$1({}, getInputProps(), {
+    "data-cy": "neeto-image-uploader-file-input",
     disabled: isDisabled
   })), /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 text-center leading-4",
@@ -2183,6 +2185,7 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
 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 UNSPLASH_DEFAULT_REQUEST_CONFIG = {
   headers: {
     "Access-Control-Allow-Origin": "*",
@@ -2194,7 +2197,7 @@ var TABS = [{
   label: i18next.t("neetoImageUploader.labels.myImages"),
   key: "images"
 }, {
-  label: i18next.t("neetoImageUploader.labels.unsplashImages"),
+  label: i18next.t("neetoImageUploader.labels.searchTheWeb"),
   key: "unsplash"
 }];
 var OPTIONS = [{
@@ -3500,10 +3503,13 @@ var useImageControls = function useImageControls(_ref) {
   var isAspectRatioLocked = _ref.isAspectRatioLocked,
     setAspectRatioLocked = _ref.setAspectRatioLocked,
     setCrop = _ref.setCrop,
-    crop = _ref.crop,
+    _ref$crop = _ref.crop,
+    crop = _ref$crop === void 0 ? {} : _ref$crop,
     aspectRatio = _ref.aspectRatio,
     imageRef = _ref.imageRef,
-    setAspectRatio = _ref.setAspectRatio;
+    setAspectRatio = _ref.setAspectRatio,
+    setHeight = _ref.setHeight,
+    setWidth = _ref.setWidth;
   var onToggleAspectRatioLock = function onToggleAspectRatioLock() {
     setAspectRatioLocked(function (isAspectRatioLocked) {
       return !isAspectRatioLocked;
@@ -3532,6 +3538,8 @@ var useImageControls = function useImageControls(_ref) {
           width: newWidth
         }));
       }
+    } else {
+      setWidth(crop.width.toFixed(2));
     }
   };
   var handleHeightChange = function handleHeightChange(height) {
@@ -3548,6 +3556,8 @@ var useImageControls = function useImageControls(_ref) {
           height: newHeight
         }));
       }
+    } else {
+      setHeight(crop.height.toFixed(2));
     }
   };
   var handleAspectWidthChange = function handleAspectWidthChange(aspectWidth) {
@@ -3612,6 +3622,14 @@ var Controls = function Controls(_ref) {
     setIsFullImage = _ref.setIsFullImage;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(crop.height.toFixed(0)),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  var _useState3 = useState(crop.width.toFixed(0)),
+    _useState4 = _slicedToArray$2(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
   var _useImageControls = useImageControls({
       isAspectRatioLocked: isAspectRatioLocked,
       setAspectRatioLocked: setAspectRatioLocked,
@@ -3619,13 +3637,27 @@ var Controls = function Controls(_ref) {
       crop: crop,
       aspectRatio: aspectRatio,
       imageRef: imageRef,
-      setAspectRatio: setAspectRatio
+      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(crop.height.toFixed(2));
+    setWidth(crop.width.toFixed(2));
+  }, [crop]);
   return /*#__PURE__*/React.createElement("div", {
     className: "flex w-1/4 flex-col overflow-scroll pl-6 pt-8"
   }, /*#__PURE__*/React.createElement(Switch, {
@@ -3665,15 +3697,15 @@ var Controls = function Controls(_ref) {
     disabled: isFullImage,
     label: t("neetoImageUploader.labels.width"),
     type: "number",
-    value: crop.width.toFixed(2),
-    onChange: withEventTargetValue(handleWidthChange)
+    value: width,
+    onChange: withEventTargetValue(setWidth)
   }), /*#__PURE__*/React.createElement(Input, {
     className: "mt-4 flex-grow-0",
     disabled: isFullImage,
     label: t("neetoImageUploader.labels.height"),
     type: "number",
-    value: crop.height.toFixed(2),
-    onChange: withEventTargetValue(handleHeightChange)
+    value: height,
+    onChange: withEventTargetValue(setHeight)
   }), /*#__PURE__*/React.createElement(Button, {
     className: "mt-6 self-start",
     label: t("neetoImageUploader.labels.done"),
@@ -4592,17 +4624,19 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     setSelectedImage = _ref$setSelectedImage === void 0 ? noop$1 : _ref$setSelectedImage,
     _ref$handleUnsplashIm = _ref.handleUnsplashImageSelect,
     handleUnsplashImageSelect = _ref$handleUnsplashIm === void 0 ? noop$1 : _ref$handleUnsplashIm;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var Loader = /*#__PURE__*/React.createElement("div", {
     className: "flex justify-center"
   }, /*#__PURE__*/React.createElement(Spinner, null));
   return /*#__PURE__*/React.createElement("div", {
     className: "niu-unsplash-container mr-2 max-w-full overflow-x-hidden overflow-y-scroll"
   }, /*#__PURE__*/React.createElement(_default, {
+    hasMore: hasMore,
+    loadMore: loadMore,
     pack: true,
     position: true,
     className: "w-full",
-    hasMore: hasMore,
-    loadMore: loadMore,
     loader: Loader,
     sizes: INFINITE_SCROLLER_SIZES,
     style: INFINITE_SCROLLER_STYLE,
@@ -4619,7 +4653,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
         paddingBottom: "".concat(image.height / image.width * 100, "%")
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "absolute h-full w-full rounded-sm bg-gray-100",
+      className: "neeto-ui-rounded-sm neeto-ui-bg-gray-100 group absolute h-full w-full",
       id: "unsplashImage".concat(image.id)
     }, tab === TABS[1].key && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
       src: image === null || image === void 0 ? void 0 : (_image$urls = image.urls) === null || _image$urls === void 0 ? void 0 : _image$urls.regular,
@@ -4627,10 +4661,11 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
         return handleUnsplashImageSelect(image);
       }
     }), /*#__PURE__*/React.createElement("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 ? void 0 : (_image$user = image.user) === null || _image$user === void 0 ? void 0 : _image$user.username),
       rel: "noreferrer",
       target: "_blank"
-    }, image === null || image === void 0 ? void 0 : (_image$user2 = image.user) === null || _image$user2 === void 0 ? void 0 : _image$user2.name, " ")), tab === TABS[0].key && /*#__PURE__*/React.createElement("img", {
+    }, image === null || image === void 0 ? 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__*/React.createElement("img", {
       src: image === null || image === void 0 ? void 0 : image.url,
       onClick: function onClick() {
         return setSelectedImage(image);
@@ -4639,7 +4674,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
   })));
 };
 
-var Assets = function Assets(_ref) {
+var Images = function Images(_ref) {
   var setSelectedImage = _ref.setSelectedImage,
     debouncedQuery = _ref.debouncedQuery;
   var _useTranslation = useTranslation(),
@@ -4881,6 +4916,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
   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]);
@@ -4891,13 +4927,13 @@ var ImageLibrary = function ImageLibrary(_ref) {
     className: "mb-4 mr-6",
     "data-cy": "niu-unsplash-image-picker-search-input",
     name: "text",
-    placeholder: t("neetoImageUploader.placeholders.searchImage"),
+    placeholder: inputPlaceHolder,
     value: query,
     onChange: function onChange(_ref2) {
       var value = _ref2.target.value;
       return setQuery(value);
     }
-  }), tab === TABS[0].key ? /*#__PURE__*/React.createElement(Assets, {
+  }), tab === TABS[0].key ? /*#__PURE__*/React.createElement(Images, {
     debouncedQuery: debouncedQuery,
     setSelectedImage: setSelectedImage
   }) : /*#__PURE__*/React.createElement(UnsplashLibrary, {
@@ -5045,7 +5081,20 @@ var Modal = function Modal(_ref) {
     setIsUploading: setIsUploading,
     setSelectedImage: setSelectedImage,
     tab: activeTab
-  })), /*#__PURE__*/React.createElement("input", getInputProps()));
+  }), equals(activeTab, TABS[1].key) && /*#__PURE__*/React.createElement(Modal$1.Footer, {
+    className: "flex items-center justify-center gap-2"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoImageUploader.unsplash.poweredByUnsplash",
+    components: {
+      a: /*#__PURE__*/React.createElement("a", {
+        href: UNSPLASH_URL,
+        rel: "noreferrer",
+        target: "_blank"
+      })
+    }
+  })))), /*#__PURE__*/React.createElement("input", getInputProps()));
 };
 
 var Menu = Dropdown.Menu,