@bigbinary/neeto-image-uploader-frontend 4.0.2 → 4.0.4

package/dist/index-BGVHZZys.js

@@ -1,2410 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import g, { PureComponent, createRef, useState, useRef, useCallback, createElement, useEffect } from 'react';
-import { isPresent, noop } from '@bigbinary/neeto-cist';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import NeetoUIModal from '@bigbinary/neetoui/Modal';
-import Tab from '@bigbinary/neetoui/Tab';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import Toastr from '@bigbinary/neetoui/Toastr';
-import Typography from '@bigbinary/neetoui/Typography';
-import { mergeRight, identity, isEmpty, prop, equals } from 'ramda';
-import { useTranslation, Trans } from 'react-i18next';
-import { b as isNilOrEmpty, c as DEFAULT_CROP_CONFIG, g as getAspectRatio, d as getPixels, e as getHeightFromAspectRatio, f as getWidthFromAspectRatio, h as getInitialCropSize, j as getPercentage, k as getWrapperRefStyles, l as isItemsCenter, m as getCloudFlareCroppedURL, n as getImageKitCroppedURL, o as getCropValues, p as IMAGES_PER_PAGE, q as INFINITE_SCROLLER_STYLE, r as INFINITE_SCROLLER_SIZES, T as TABS, A as ASSETS_DESTROY_URL, s as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, t as UNSPLASH_DEFAULT_REQUEST_CONFIG, D as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, v as UNSPLASH_URL, a as ImageDirectUpload } from './utils-YicuhSoR.js';
-import { u as useImageUploader, a as useCreateBlob, i as isGif, g as generateASCIIFileName } from './useImageUploader-BLOdyAwv.js';
-import { b as IMAGE_UPLOADER_BASE_URL, I as IS_DEVELOPMENT_OR_HEROKU_ENV, C as CLOUD_FLARE } from './imagekit.esm-CXW6c1fP.js';
-import classnames from 'classnames';
-import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
-import Button from '@bigbinary/neetoui/Button';
-import { useMutation, useInfiniteQuery, useQueryClient, keepPreviousData } from '@tanstack/react-query';
-import axios from 'axios';
-import { withT, useFuncDebounce, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { withEventTargetValue, hasPermission } from '@bigbinary/neeto-commons-frontend/utils';
-import Input from '@bigbinary/neetoui/Input';
-import Switch from '@bigbinary/neetoui/Switch';
-import Label from '@bigbinary/neetoui/Label';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import NoData from '@bigbinary/neetoui/NoData';
-import { A as ASSETS_STALE_TIME, Q as QUERY_KEYS, U as UNSPLASH_STALE_TIME } from './query-BJnGLX4z.js';
-import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
-import { VIEW_ROLES_PERMISSION } from '@bigbinary/neeto-team-members-frontend/constants';
-import Alert from '@bigbinary/neetoui/Alert';
-import Dropdown from '@bigbinary/neetoui/Dropdown';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-
-var constructCloudflareImageURL = function constructCloudflareImageURL(url) {
-  var domain = window.location.host.split(".").slice(-2).join(".");
-  return url.replace("https://imagedelivery.net", "https://images.".concat(domain, "/cdn-cgi/imagedelivery"));
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===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$2 = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-modal{height:75vh!important;height:var(--niu-modal-height)!important;max-height:36rem!important;max-height:var(--niu-modal-max-height)!important;max-width:1152px!important;max-width:var(--niu-modal-max-width)!important;position:relative!important;width:95vw!important;width:var(--niu-modal-width)!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9tb2RhbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFDRSxzQkFBdUIsQ0FDdkIsdUJBQXdCLENBQ3hCLDRCQUE2QixDQUM3Qiw0QkFBNkIsQ0FDN0Isa0NBQW1DLENBQ25DLDhDQUNGLENDTEEsV0FFRSxxQkFBMEMsQ0FBMUMsd0NBQTBDLENBRTFDLDBCQUFrRCxDQUFsRCxnREFBa0QsQ0FEbEQsMEJBQWdELENBQWhELDhDQUFnRCxDQUVoRCwyQkFBNkIsQ0FKN0Isb0JBQXdDLENBQXhDLHNDQUtGIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAtLW5pdS1tb2RhbC13aWR0aDogOTV2dztcbiAgLS1uaXUtbW9kYWwtaGVpZ2h0OiA3NXZoO1xuICAtLW5pdS1tb2RhbC1tYXgtd2lkdGg6IDExNTJweDtcbiAgLS1uaXUtbW9kYWwtbWF4LWhlaWdodDogMzZyZW07XG4gIC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQ6IDEzLjc1cmVtO1xuICAtLW5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodDogMjIuMTg3NXJlbTtcbn1cbiIsIkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvdmFyaWFibGVzLmNzc1wiO1xuXG4ubml1LW1vZGFsIHtcbiAgd2lkdGg6IHZhcigtLW5pdS1tb2RhbC13aWR0aCkgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiB2YXIoLS1uaXUtbW9kYWwtaGVpZ2h0KSAhaW1wb3J0YW50O1xuICBtYXgtd2lkdGg6IHZhcigtLW5pdS1tb2RhbC1tYXgtd2lkdGgpICFpbXBvcnRhbnQ7XG4gIG1heC1oZWlnaHQ6IHZhcigtLW5pdS1tb2RhbC1tYXgtaGVpZ2h0KSAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmUgIWltcG9ydGFudDtcbn1cbiJdfQ== */";
-n(css$2,{});
-
-const M = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  unit: "px"
-}, f = (s, t, e) => Math.min(Math.max(s, t), e), S = (...s) => s.filter((t) => t && typeof t == "string").join(" "), P = (s, t) => s === t || s.width === t.width && s.height === t.height && s.x === t.x && s.y === t.y && s.unit === t.unit;
-function H(s, t, e, o) {
-  const i = y(s, e, o);
-  return s.width && (i.height = i.width / t), s.height && (i.width = i.height * t), i.y + i.height > o && (i.height = o - i.y, i.width = i.height * t), i.x + i.width > e && (i.width = e - i.x, i.height = i.width / t), s.unit === "%" ? D(i, e, o) : i;
-}
-function N(s, t, e) {
-  const o = y(s, t, e);
-  return o.x = (t - o.width) / 2, o.y = (e - o.height) / 2, s.unit === "%" ? D(o, t, e) : o;
-}
-function D(s, t, e) {
-  return s.unit === "%" ? { ...M, ...s, unit: "%" } : {
-    unit: "%",
-    x: s.x ? s.x / t * 100 : 0,
-    y: s.y ? s.y / e * 100 : 0,
-    width: s.width ? s.width / t * 100 : 0,
-    height: s.height ? s.height / e * 100 : 0
-  };
-}
-function y(s, t, e) {
-  return s.unit ? s.unit === "px" ? { ...M, ...s, unit: "px" } : {
-    unit: "px",
-    x: s.x ? s.x * t / 100 : 0,
-    y: s.y ? s.y * e / 100 : 0,
-    width: s.width ? s.width * t / 100 : 0,
-    height: s.height ? s.height * e / 100 : 0
-  } : { ...M, ...s, unit: "px" };
-}
-function X(s, t, e, o, i, n = 0, a = 0, w = o, h = i) {
-  const r = { ...s };
-  let c = Math.min(n, o), d = Math.min(a, i), p = Math.min(w, o), l = Math.min(h, i);
-  t && (t > 1 ? (c = a ? a * t : c, d = c / t, p = w * t) : (d = n ? n / t : d, c = d * t, l = h / t)), r.y < 0 && (r.height = Math.max(r.height + r.y, d), r.y = 0), r.x < 0 && (r.width = Math.max(r.width + r.x, c), r.x = 0);
-  const u = o - (r.x + r.width);
-  u < 0 && (r.x = Math.min(r.x, o - c), r.width += u);
-  const C = i - (r.y + r.height);
-  if (C < 0 && (r.y = Math.min(r.y, i - d), r.height += C), r.width < c && ((e === "sw" || e == "nw") && (r.x -= c - r.width), r.width = c), r.height < d && ((e === "nw" || e == "ne") && (r.y -= d - r.height), r.height = d), r.width > p && ((e === "sw" || e == "nw") && (r.x -= p - r.width), r.width = p), r.height > l && ((e === "nw" || e == "ne") && (r.y -= l - r.height), r.height = l), t) {
-    const R = r.width / r.height;
-    if (R < t) {
-      const x = Math.max(r.width / t, d);
-      (e === "nw" || e == "ne") && (r.y -= x - r.height), r.height = x;
-    } else if (R > t) {
-      const x = Math.max(r.height * t, c);
-      (e === "sw" || e == "nw") && (r.x -= x - r.width), r.width = x;
-    }
-  }
-  return r;
-}
-function K(s, t, e, o) {
-  const i = { ...s };
-  return t === "ArrowLeft" ? o === "nw" ? (i.x -= e, i.y -= e, i.width += e, i.height += e) : o === "w" ? (i.x -= e, i.width += e) : o === "sw" ? (i.x -= e, i.width += e, i.height += e) : o === "ne" ? (i.y += e, i.width -= e, i.height -= e) : o === "e" ? i.width -= e : o === "se" && (i.width -= e, i.height -= e) : t === "ArrowRight" && (o === "nw" ? (i.x += e, i.y += e, i.width -= e, i.height -= e) : o === "w" ? (i.x += e, i.width -= e) : o === "sw" ? (i.x += e, i.width -= e, i.height -= e) : o === "ne" ? (i.y -= e, i.width += e, i.height += e) : o === "e" ? i.width += e : o === "se" && (i.width += e, i.height += e)), t === "ArrowUp" ? o === "nw" ? (i.x -= e, i.y -= e, i.width += e, i.height += e) : o === "n" ? (i.y -= e, i.height += e) : o === "ne" ? (i.y -= e, i.width += e, i.height += e) : o === "sw" ? (i.x += e, i.width -= e, i.height -= e) : o === "s" ? i.height -= e : o === "se" && (i.width -= e, i.height -= e) : t === "ArrowDown" && (o === "nw" ? (i.x += e, i.y += e, i.width -= e, i.height -= e) : o === "n" ? (i.y += e, i.height -= e) : o === "ne" ? (i.y += e, i.width -= e, i.height -= e) : o === "sw" ? (i.x -= e, i.width += e, i.height += e) : o === "s" ? i.height += e : o === "se" && (i.width += e, i.height += e)), i;
-}
-const b = { capture: true, passive: false }, v = class m extends PureComponent {
-  constructor() {
-    super(...arguments), this.docMoveBound = false, this.mouseDownOnCrop = false, this.dragStarted = false, this.evData = {
-      startClientX: 0,
-      startClientY: 0,
-      startCropX: 0,
-      startCropY: 0,
-      clientX: 0,
-      clientY: 0,
-      isResize: true
-    }, this.componentRef = createRef(), this.mediaRef = createRef(), this.initChangeCalled = false, this.state = {
-      cropIsActive: false,
-      newCropIsBeingDrawn: false
-    }, this.onCropPointerDown = (t) => {
-      const { crop: e, disabled: o } = this.props, i = this.getBox();
-      if (!e)
-        return;
-      const n = y(e, i.width, i.height);
-      if (o)
-        return;
-      t.cancelable && t.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: true });
-      const a = t.target.dataset.ord, w = !!a;
-      let h = t.clientX, r = t.clientY, c = n.x, d = n.y;
-      if (a) {
-        const p = t.clientX - i.x, l = t.clientY - i.y;
-        let u = 0, C = 0;
-        a === "ne" || a == "e" ? (u = p - (n.x + n.width), C = l - n.y, c = n.x, d = n.y + n.height) : a === "se" || a === "s" ? (u = p - (n.x + n.width), C = l - (n.y + n.height), c = n.x, d = n.y) : a === "sw" || a == "w" ? (u = p - n.x, C = l - (n.y + n.height), c = n.x + n.width, d = n.y) : (a === "nw" || a == "n") && (u = p - n.x, C = l - n.y, c = n.x + n.width, d = n.y + n.height), h = c + i.x + u, r = d + i.y + C;
-      }
-      this.evData = {
-        startClientX: h,
-        startClientY: r,
-        startCropX: c,
-        startCropY: d,
-        clientX: t.clientX,
-        clientY: t.clientY,
-        isResize: w,
-        ord: a
-      }, this.mouseDownOnCrop = true, this.setState({ cropIsActive: true });
-    }, this.onComponentPointerDown = (t) => {
-      const { crop: e, disabled: o, locked: i, keepSelection: n, onChange: a } = this.props, w = this.getBox();
-      if (o || i || n && e)
-        return;
-      t.cancelable && t.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: true });
-      const h = t.clientX - w.x, r = t.clientY - w.y, c = {
-        unit: "px",
-        x: h,
-        y: r,
-        width: 0,
-        height: 0
-      };
-      this.evData = {
-        startClientX: t.clientX,
-        startClientY: t.clientY,
-        startCropX: h,
-        startCropY: r,
-        clientX: t.clientX,
-        clientY: t.clientY,
-        isResize: true
-      }, this.mouseDownOnCrop = true, a(y(c, w.width, w.height), D(c, w.width, w.height)), this.setState({ cropIsActive: true, newCropIsBeingDrawn: true });
-    }, this.onDocPointerMove = (t) => {
-      const { crop: e, disabled: o, onChange: i, onDragStart: n } = this.props, a = this.getBox();
-      if (o || !e || !this.mouseDownOnCrop)
-        return;
-      t.cancelable && t.preventDefault(), this.dragStarted || (this.dragStarted = true, n && n(t));
-      const { evData: w } = this;
-      w.clientX = t.clientX, w.clientY = t.clientY;
-      let h;
-      w.isResize ? h = this.resizeCrop() : h = this.dragCrop(), P(e, h) || i(
-        y(h, a.width, a.height),
-        D(h, a.width, a.height)
-      );
-    }, this.onComponentKeyDown = (t) => {
-      const { crop: e, disabled: o, onChange: i, onComplete: n } = this.props;
-      if (o)
-        return;
-      const a = t.key;
-      let w = false;
-      if (!e)
-        return;
-      const h = this.getBox(), r = this.makePixelCrop(h), d = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? m.nudgeStepLarge : t.shiftKey ? m.nudgeStepMedium : m.nudgeStep;
-      if (a === "ArrowLeft" ? (r.x -= d, w = true) : a === "ArrowRight" ? (r.x += d, w = true) : a === "ArrowUp" ? (r.y -= d, w = true) : a === "ArrowDown" && (r.y += d, w = true), w) {
-        t.cancelable && t.preventDefault(), r.x = f(r.x, 0, h.width - r.width), r.y = f(r.y, 0, h.height - r.height);
-        const p = y(r, h.width, h.height), l = D(r, h.width, h.height);
-        i(p, l), n && n(p, l);
-      }
-    }, this.onHandlerKeyDown = (t, e) => {
-      const {
-        aspect: o = 0,
-        crop: i,
-        disabled: n,
-        minWidth: a = 0,
-        minHeight: w = 0,
-        maxWidth: h,
-        maxHeight: r,
-        onChange: c,
-        onComplete: d
-      } = this.props, p = this.getBox();
-      if (n || !i)
-        return;
-      if (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "ArrowLeft" || t.key === "ArrowRight")
-        t.stopPropagation(), t.preventDefault();
-      else
-        return;
-      const u = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? m.nudgeStepLarge : t.shiftKey ? m.nudgeStepMedium : m.nudgeStep, C = y(i, p.width, p.height), R = K(C, t.key, u, e), x = X(
-        R,
-        o,
-        e,
-        p.width,
-        p.height,
-        a,
-        w,
-        h,
-        r
-      );
-      if (!P(i, x)) {
-        const Y = D(x, p.width, p.height);
-        c(x, Y), d && d(x, Y);
-      }
-    }, this.onDocPointerDone = (t) => {
-      const { crop: e, disabled: o, onComplete: i, onDragEnd: n } = this.props, a = this.getBox();
-      this.unbindDocMove(), !(o || !e) && this.mouseDownOnCrop && (this.mouseDownOnCrop = false, this.dragStarted = false, n && n(t), i && i(y(e, a.width, a.height), D(e, a.width, a.height)), this.setState({ cropIsActive: false, newCropIsBeingDrawn: false }));
-    }, this.onDragFocus = (t) => {
-      var e;
-      (e = this.componentRef.current) == null || e.scrollTo(0, 0);
-    };
-  }
-  get document() {
-    return document;
-  }
-  // We unfortunately get the bounding box every time as x+y changes
-  // due to scrolling.
-  getBox() {
-    const t = this.mediaRef.current;
-    if (!t)
-      return { x: 0, y: 0, width: 0, height: 0 };
-    const { x: e, y: o, width: i, height: n } = t.getBoundingClientRect();
-    return { x: e, y: o, width: i, height: n };
-  }
-  componentDidUpdate(t) {
-    const { crop: e, onComplete: o } = this.props;
-    if (o && !t.crop && e) {
-      const { width: i, height: n } = this.getBox();
-      i && n && o(y(e, i, n), D(e, i, n));
-    }
-  }
-  componentWillUnmount() {
-    this.resizeObserver && this.resizeObserver.disconnect();
-  }
-  bindDocMove() {
-    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, b), this.document.addEventListener("pointerup", this.onDocPointerDone, b), this.document.addEventListener("pointercancel", this.onDocPointerDone, b), this.docMoveBound = true);
-  }
-  unbindDocMove() {
-    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, b), this.document.removeEventListener("pointerup", this.onDocPointerDone, b), this.document.removeEventListener("pointercancel", this.onDocPointerDone, b), this.docMoveBound = false);
-  }
-  getCropStyle() {
-    const { crop: t } = this.props;
-    if (t)
-      return {
-        top: `${t.y}${t.unit}`,
-        left: `${t.x}${t.unit}`,
-        width: `${t.width}${t.unit}`,
-        height: `${t.height}${t.unit}`
-      };
-  }
-  dragCrop() {
-    const { evData: t } = this, e = this.getBox(), o = this.makePixelCrop(e), i = t.clientX - t.startClientX, n = t.clientY - t.startClientY;
-    return o.x = f(t.startCropX + i, 0, e.width - o.width), o.y = f(t.startCropY + n, 0, e.height - o.height), o;
-  }
-  getPointRegion(t, e, o, i) {
-    const { evData: n } = this, a = n.clientX - t.x, w = n.clientY - t.y;
-    let h;
-    i && e ? h = e === "nw" || e === "n" || e === "ne" : h = w < n.startCropY;
-    let r;
-    return o && e ? r = e === "nw" || e === "w" || e === "sw" : r = a < n.startCropX, r ? h ? "nw" : "sw" : h ? "ne" : "se";
-  }
-  resolveMinDimensions(t, e, o = 0, i = 0) {
-    let n = Math.min(o, t.width), a = Math.min(i, t.height);
-    return !e || !n && !a ? [n, a] : e > 1 ? n ? [n, n / e] : [a * e, a] : a ? [a * e, a] : [n, n / e];
-  }
-  resizeCrop() {
-    const { evData: t } = this, { aspect: e = 0, maxWidth: o, maxHeight: i } = this.props, n = this.getBox(), [a, w] = this.resolveMinDimensions(n, e, this.props.minWidth, this.props.minHeight);
-    let h = this.makePixelCrop(n), r = this.getPointRegion(n, t.ord, a, w);
-    const c = t.ord || r;
-    let d = t.clientX - t.startClientX, p = t.clientY - t.startClientY;
-    (a && c === "nw" || c === "w" || c === "sw") && (d = Math.min(d, -a)), (w && c === "nw" || c === "n" || c === "ne") && (p = Math.min(p, -w));
-    const l = {
-      unit: "px",
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    };
-    r === "ne" ? (l.x = t.startCropX, l.width = d, e ? (l.height = l.width / e, l.y = t.startCropY - l.height) : (l.height = Math.abs(p), l.y = t.startCropY - l.height)) : r === "se" ? (l.x = t.startCropX, l.y = t.startCropY, l.width = d, e ? l.height = l.width / e : l.height = p) : r === "sw" ? (l.x = t.startCropX + d, l.y = t.startCropY, l.width = Math.abs(d), e ? l.height = l.width / e : l.height = p) : r === "nw" && (l.x = t.startCropX + d, l.width = Math.abs(d), e ? (l.height = l.width / e, l.y = t.startCropY - l.height) : (l.height = Math.abs(p), l.y = t.startCropY + p));
-    const u = X(
-      l,
-      e,
-      r,
-      n.width,
-      n.height,
-      a,
-      w,
-      o,
-      i
-    );
-    return e || m.xyOrds.indexOf(c) > -1 ? h = u : m.xOrds.indexOf(c) > -1 ? (h.x = u.x, h.width = u.width) : m.yOrds.indexOf(c) > -1 && (h.y = u.y, h.height = u.height), h.x = f(h.x, 0, n.width - h.width), h.y = f(h.y, 0, n.height - h.height), h;
-  }
-  createCropSelection() {
-    const {
-      ariaLabels: t = m.defaultProps.ariaLabels,
-      disabled: e,
-      locked: o,
-      renderSelectionAddon: i,
-      ruleOfThirds: n,
-      crop: a
-    } = this.props, w = this.getCropStyle();
-    if (a)
-      return /* @__PURE__ */ g.createElement(
-        "div",
-        {
-          style: w,
-          className: "ReactCrop__crop-selection",
-          onPointerDown: this.onCropPointerDown,
-          "aria-label": t.cropArea,
-          tabIndex: 0,
-          onKeyDown: this.onComponentKeyDown,
-          role: "group"
-        },
-        !e && !o && /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__drag-elements", onFocus: this.onDragFocus }, /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__drag-bar ord-n", "data-ord": "n" }), /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__drag-bar ord-e", "data-ord": "e" }), /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__drag-bar ord-s", "data-ord": "s" }), /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__drag-bar ord-w", "data-ord": "w" }), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-nw",
-            "data-ord": "nw",
-            tabIndex: 0,
-            "aria-label": t.nwDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "nw"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-n",
-            "data-ord": "n",
-            tabIndex: 0,
-            "aria-label": t.nDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "n"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-ne",
-            "data-ord": "ne",
-            tabIndex: 0,
-            "aria-label": t.neDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "ne"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-e",
-            "data-ord": "e",
-            tabIndex: 0,
-            "aria-label": t.eDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "e"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-se",
-            "data-ord": "se",
-            tabIndex: 0,
-            "aria-label": t.seDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "se"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-s",
-            "data-ord": "s",
-            tabIndex: 0,
-            "aria-label": t.sDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "s"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-sw",
-            "data-ord": "sw",
-            tabIndex: 0,
-            "aria-label": t.swDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "sw"),
-            role: "button"
-          }
-        ), /* @__PURE__ */ g.createElement(
-          "div",
-          {
-            className: "ReactCrop__drag-handle ord-w",
-            "data-ord": "w",
-            tabIndex: 0,
-            "aria-label": t.wDragHandle,
-            onKeyDown: (h) => this.onHandlerKeyDown(h, "w"),
-            role: "button"
-          }
-        )),
-        i && /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__selection-addon", onMouseDown: (h) => h.stopPropagation() }, i(this.state)),
-        n && /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ g.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" }))
-      );
-  }
-  makePixelCrop(t) {
-    const e = { ...M, ...this.props.crop || {} };
-    return y(e, t.width, t.height);
-  }
-  render() {
-    const { aspect: t, children: e, circularCrop: o, className: i, crop: n, disabled: a, locked: w, style: h, ruleOfThirds: r } = this.props, { cropIsActive: c, newCropIsBeingDrawn: d } = this.state, p = n ? this.createCropSelection() : null, l = S(
-      "ReactCrop",
-      i,
-      c && "ReactCrop--active",
-      a && "ReactCrop--disabled",
-      w && "ReactCrop--locked",
-      d && "ReactCrop--new-crop",
-      n && t && "ReactCrop--fixed-aspect",
-      n && o && "ReactCrop--circular-crop",
-      n && r && "ReactCrop--rule-of-thirds",
-      !this.dragStarted && n && !n.width && !n.height && "ReactCrop--invisible-crop",
-      o && "ReactCrop--no-animate"
-    );
-    return /* @__PURE__ */ g.createElement("div", { ref: this.componentRef, className: l, style: h }, /* @__PURE__ */ g.createElement("div", { ref: this.mediaRef, className: "ReactCrop__child-wrapper", onPointerDown: this.onComponentPointerDown }, e), p);
-  }
-};
-v.xOrds = ["e", "w"];
-v.yOrds = ["n", "s"];
-v.xyOrds = ["nw", "ne", "se", "sw"];
-v.nudgeStep = 1;
-v.nudgeStepMedium = 10;
-v.nudgeStepLarge = 100;
-v.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"
-  }
-};
-let I = v;
-
-var cropImage = function cropImage(payload) {
-  return axios.post("".concat(IMAGE_UPLOADER_BASE_URL, "/development/crop_image"), payload);
-};
-var developmentApi = {
-  cropImage: cropImage
-};
-
-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), true).forEach(function (r) { _defineProperty(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 useCropImage = function useCropImage(options) {
-  return useMutation(_objectSpread$3({
-    mutationFn: developmentApi.cropImage
-  }, options));
-};
-
-var css$1 = ".ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{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-height:inherit;max-width:100%}.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{box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:\"\";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.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{background-color:#0003;border:1px solid hsla(0,0%,100%,.7);content:\"\";display:block;height:10px;outline:1px solid transparent;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}.ReactCrop .ReactCrop__child-wrapper{height:100%;width:100%}.ReactCrop .ReactCrop__child-wrapper img{display:block;height:auto;max-height:100%;max-width:100%;width:auto}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9yZWFjdC1pbWFnZS1jcm9wL2Rpc3QvUmVhY3RDcm9wLmNzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvcmVhY3QtY3JvcC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsV0FBa0QsZ0JBQWdCLENBQXJDLG9CQUFvQixDQUFrQyxjQUFhLENBQTdCLGVBQWUsQ0FBdkUsaUJBQXNGLENBQUMsa0RBQW9ELHFCQUFxQixDQUFDLHdDQUF3QyxjQUFjLENBQUMsMEJBQTBCLGtCQUFrQixDQUFDLDhEQUE4RCxhQUFhLENBQWdCLGtCQUFpQixDQUFoQyxjQUFpQyxDQUFDLHdJQUF3SSxpQkFBaUIsQ0FBQyxnRUFBZ0UsaUJBQWlCLENBQUMsMkJBQThGLGlDQUFnQyxDQUE1QyxXQUFXLENBQTFDLE1BQU0sQ0FBOUIsaUJBQWlCLENBQUMsS0FBSyxDQUFRLHVCQUFxRSxDQUFDLGdEQUFnRCxjQUFjLENBQUMscURBQXFELGlCQUFpQixDQUFDLGtEQUFrRCx1QkFBd0IsQ0FBQyxrRkFBa0YsMEJBQTBCLENBQWlhLGtDQUFpQyxDQUEvRiw0QkFBNEIsQ0FBQyxnQ0FBZ0MsQ0FBL1osOEtBQWtNLENBQXFELHlDQUF5QyxDQUFDLHFEQUFxRCxDQUFuSixtREFBbUQsQ0FBaUcsVUFBMkcsQ0FBQyx5QkFBeUIsR0FBRyx5Q0FBeUMsQ0FBQyxHQUFHLHVEQUF1RCxDQUFDLENBQUMsaUNBQThDLGlCQUFpQixDQUFDLGtCQUFpQixDQUFoRCxZQUFpRCxDQUFDLHNEQUFzRCxZQUFZLENBQUMsa0pBQTZMLHNCQUFxQixDQUFoRSxVQUFVLENBQUMsYUFBYSxDQUFDLGlCQUF3QyxDQUFDLHlFQUFtRixXQUFVLENBQXBCLFNBQXFCLENBQUMscUNBQXFDLG1CQUFtQixDQUFDLG9DQUFvQyxtQkFBbUIsQ0FBQyx5RUFBb0YsVUFBUyxDQUFwQixVQUFxQixDQUFDLHFDQUFxQyxrQkFBa0IsQ0FBQyxvQ0FBb0Msa0JBQWtCLENBQUMsd0JBQXdCLGlCQUFpQixDQUFDLDhCQUFnRyxzQkFBc0IsQ0FBQyxtQ0FBcUMsQ0FBNUcsVUFBVSxDQUFDLGFBQWEsQ0FBWSxXQUFXLENBQThELDZCQUE0QixDQUEzSixpQkFBaUIsQ0FBMEIsVUFBaUgsQ0FBQyxvQ0FBc0Qsa0JBQWlCLENBQW5DLGlCQUFvQyxDQUFDLG1CQUFpRSxnQkFBZSxDQUF2RCxNQUFNLENBQWlCLGdCQUFnQixDQUFoQyxlQUFlLENBQTVCLEtBQThELENBQUMseUJBQStCLE1BQUssQ0FBWCxLQUFZLENBQUMsa0JBQWtFLGVBQWMsQ0FBeEQsUUFBUSxDQUFpQixnQkFBZ0IsQ0FBaEMsZUFBZSxDQUE5QixLQUErRCxDQUFDLHdCQUF3QixLQUFLLENBQUMsbUJBQW1FLGdCQUFlLENBQWpDLGlCQUFpQixDQUFqQyxlQUFlLENBQXZCLE9BQU8sQ0FBYixLQUFnRSxDQUFDLHlCQUErQixPQUFNLENBQVosS0FBYSxDQUFDLGtCQUFvRSxlQUFjLENBQWhDLGlCQUFpQixDQUFqQyxlQUFlLENBQXZCLE9BQU8sQ0FBZixPQUFpRSxDQUFDLHdCQUF3QixPQUFPLENBQUMsbUJBQW1CLFFBQVEsQ0FBOEMsZ0JBQWUsQ0FBcEQsa0JBQWtCLENBQUMsaUJBQWlCLENBQTVDLE9BQTZELENBQUMseUJBQXlCLFFBQVEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLFFBQVEsQ0FBOEMsZUFBYyxDQUEzRCxRQUFRLENBQUMsa0JBQWtCLENBQUMsZ0JBQWdDLENBQUMsd0JBQXdCLFFBQVEsQ0FBQyxtQkFBbUIsUUFBUSxDQUE0QyxnQkFBZSxDQUExRCxNQUFNLENBQUMsa0JBQWtCLENBQUMsZ0JBQWlDLENBQUMseUJBQXlCLFFBQVEsQ0FBQyxNQUFNLENBQUMsa0JBQWtFLGVBQWMsQ0FBdEQsTUFBTSxDQUFpQixnQkFBZ0IsQ0FBaEMsZUFBZSxDQUE5QixPQUErRCxDQUFDLHdCQUF3QixNQUFNLENBQUMsNkNBQTZDLGNBQWMsQ0FBQyxxQkFBcUIsaUJBQWlCLENBQUMsMkJBQW1ELFVBQVUsQ0FBNUIsTUFBTSxDQUF1QixlQUFjLENBQWpELEtBQUssQ0FBUSxVQUFxQyxDQUFDLDJCQUFtRCxXQUFXLENBQUMsaUJBQWdCLENBQXBELE9BQU8sQ0FBQyxLQUFLLENBQUMsU0FBdUMsQ0FBQywyQkFBMkIsUUFBUSxDQUFtQixVQUFVLENBQTVCLE1BQU0sQ0FBdUIsa0JBQWlCLENBQXZDLFVBQXdDLENBQUMsMkJBQWtELFdBQVcsQ0FBNUIsTUFBTSxDQUF1QixnQkFBZSxDQUFsRCxLQUFLLENBQVEsU0FBc0MsQ0FBQyxpV0FBaVcsWUFBWSxDQUFDLHdCQUF5Qix3RUFBd0UsWUFBWSxDQUFDLHdCQUFtQyxXQUFVLENBQXJCLFVBQXNCLENBQUMsQ0NFemhKLHFDQUVFLFdBQVksQ0FEWixVQUVGLENBRUEseUNBS0UsYUFBYyxDQUpkLFdBQVksQ0FHWixlQUFnQixDQURoQixjQUFlLENBRGYsVUFJRiIsInNvdXJjZXNDb250ZW50IjpbIi5SZWFjdENyb3B7cG9zaXRpb246cmVsYXRpdmU7ZGlzcGxheTppbmxpbmUtYmxvY2s7Y3Vyc29yOmNyb3NzaGFpcjtvdmVyZmxvdzpoaWRkZW47bWF4LXdpZHRoOjEwMCV9LlJlYWN0Q3JvcCAqLC5SZWFjdENyb3AgKjpiZWZvcmUsLlJlYWN0Q3JvcCAqOmFmdGVye2JveC1zaXppbmc6Ym9yZGVyLWJveH0uUmVhY3RDcm9wLS1kaXNhYmxlZCwuUmVhY3RDcm9wLS1sb2NrZWR7Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcnttYXgtaGVpZ2h0OmluaGVyaXR9LlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj5pbWcsLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj52aWRlb3tkaXNwbGF5OmJsb2NrO21heC13aWR0aDoxMDAlO21heC1oZWlnaHQ6aW5oZXJpdH0uUmVhY3RDcm9wOm5vdCguUmVhY3RDcm9wLS1kaXNhYmxlZCkgLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlcj5pbWcsLlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2NoaWxkLXdyYXBwZXI+dmlkZW97dG91Y2gtYWN0aW9uOm5vbmV9LlJlYWN0Q3JvcDpub3QoLlJlYWN0Q3JvcC0tZGlzYWJsZWQpIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue3RvdWNoLWFjdGlvbjpub25lfS5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt0cmFuc2Zvcm06dHJhbnNsYXRlWigwKTtjdXJzb3I6bW92ZTtib3gtc2hhZG93OjAgMCAwIDk5OTllbSAjMDAwMDAwODB9LlJlYWN0Q3JvcC0tZGlzYWJsZWQgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb257Y3Vyc29yOmluaGVyaXR9LlJlYWN0Q3JvcC0tY2lyY3VsYXItY3JvcCAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbntib3JkZXItcmFkaXVzOjUwJX0uUmVhY3RDcm9wLS1uby1hbmltYXRlIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue291dGxpbmU6MXB4IGRhc2hlZCB3aGl0ZX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbjpub3QoLlJlYWN0Q3JvcC0tbm8tYW5pbWF0ZSAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbil7YW5pbWF0aW9uOm1hcmNoaW5nLWFudHMgMXM7YmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsI2ZmZiA1MCUsIzQ0NCA1MCUpLGxpbmVhci1ncmFkaWVudCh0byByaWdodCwjZmZmIDUwJSwjNDQ0IDUwJSksbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwjZmZmIDUwJSwjNDQ0IDUwJSksbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwjZmZmIDUwJSwjNDQ0IDUwJSk7YmFja2dyb3VuZC1zaXplOjEwcHggMXB4LDEwcHggMXB4LDFweCAxMHB4LDFweCAxMHB4O2JhY2tncm91bmQtcG9zaXRpb246MCAwLDAgMTAwJSwwIDAsMTAwJSAwO2JhY2tncm91bmQtcmVwZWF0OnJlcGVhdC14LHJlcGVhdC14LHJlcGVhdC15LHJlcGVhdC15O2NvbG9yOiNmZmY7YW5pbWF0aW9uLXBsYXktc3RhdGU6cnVubmluZzthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmxpbmVhcjthbmltYXRpb24taXRlcmF0aW9uLWNvdW50OmluZmluaXRlfUBrZXlmcmFtZXMgbWFyY2hpbmctYW50c3swJXtiYWNrZ3JvdW5kLXBvc2l0aW9uOjAgMCwwIDEwMCUsMCAwLDEwMCUgMH10b3tiYWNrZ3JvdW5kLXBvc2l0aW9uOjIwcHggMCwtMjBweCAxMDAlLDAgLTIwcHgsMTAwJSAyMHB4fX0uUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbjpmb2N1c3tvdXRsaW5lOm5vbmU7Ym9yZGVyLWNvbG9yOiMwMGY7Ym9yZGVyLXN0eWxlOnNvbGlkfS5SZWFjdENyb3AtLWludmlzaWJsZS1jcm9wIC5SZWFjdENyb3BfX2Nyb3Atc2VsZWN0aW9ue2Rpc3BsYXk6bm9uZX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDpiZWZvcmUsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6YWZ0ZXIsLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OmFmdGVye2NvbnRlbnQ6XCJcIjtkaXNwbGF5OmJsb2NrO3Bvc2l0aW9uOmFic29sdXRlO2JhY2tncm91bmQtY29sb3I6I2ZmZjZ9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6YmVmb3JlLC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OmFmdGVye3dpZHRoOjFweDtoZWlnaHQ6MTAwJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDpiZWZvcmV7bGVmdDozMy4zMzMzMzMzMzMzJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDphZnRlcntsZWZ0OjY2LjY2NjY2NjY2NjclfS5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OmJlZm9yZSwuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejphZnRlcnt3aWR0aDoxMDAlO2hlaWdodDoxcHh9LlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6YmVmb3Jle3RvcDozMy4zMzMzMzMzMzMzJX0uUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejphZnRlcnt0b3A6NjYuNjY2NjY2NjY2NyV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGV7cG9zaXRpb246YWJzb2x1dGV9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6YWZ0ZXJ7cG9zaXRpb246YWJzb2x1dGU7Y29udGVudDpcIlwiO2Rpc3BsYXk6YmxvY2s7d2lkdGg6MTBweDtoZWlnaHQ6MTBweDtiYWNrZ3JvdW5kLWNvbG9yOiMwMDAzO2JvcmRlcjoxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuNyk7b3V0bGluZToxcHggc29saWQgdHJhbnNwYXJlbnR9LlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGU6Zm9jdXM6YWZ0ZXJ7Ym9yZGVyLWNvbG9yOiMwMGY7YmFja2dyb3VuZDojMmRiZmZmfS5SZWFjdENyb3AgLm9yZC1ud3t0b3A6MDtsZWZ0OjA7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1sZWZ0Oi01cHg7Y3Vyc29yOm53LXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbnc6YWZ0ZXJ7dG9wOjA7bGVmdDowfS5SZWFjdENyb3AgLm9yZC1ue3RvcDowO2xlZnQ6NTAlO21hcmdpbi10b3A6LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpuLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbjphZnRlcnt0b3A6MH0uUmVhY3RDcm9wIC5vcmQtbmV7dG9wOjA7cmlnaHQ6MDttYXJnaW4tdG9wOi01cHg7bWFyZ2luLXJpZ2h0Oi01cHg7Y3Vyc29yOm5lLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtbmU6YWZ0ZXJ7dG9wOjA7cmlnaHQ6MH0uUmVhY3RDcm9wIC5vcmQtZXt0b3A6NTAlO3JpZ2h0OjA7bWFyZ2luLXRvcDotNXB4O21hcmdpbi1yaWdodDotNXB4O2N1cnNvcjplLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtZTphZnRlcntyaWdodDowfS5SZWFjdENyb3AgLm9yZC1zZXtib3R0b206MDtyaWdodDowO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tcmlnaHQ6LTVweDtjdXJzb3I6c2UtcmVzaXplfS5SZWFjdENyb3AgLm9yZC1zZTphZnRlcntib3R0b206MDtyaWdodDowfS5SZWFjdENyb3AgLm9yZC1ze2JvdHRvbTowO2xlZnQ6NTAlO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpzLXJlc2l6ZX0uUmVhY3RDcm9wIC5vcmQtczphZnRlcntib3R0b206MH0uUmVhY3RDcm9wIC5vcmQtc3d7Ym90dG9tOjA7bGVmdDowO21hcmdpbi1ib3R0b206LTVweDttYXJnaW4tbGVmdDotNXB4O2N1cnNvcjpzdy1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLXN3OmFmdGVye2JvdHRvbTowO2xlZnQ6MH0uUmVhY3RDcm9wIC5vcmQtd3t0b3A6NTAlO2xlZnQ6MDttYXJnaW4tdG9wOi01cHg7bWFyZ2luLWxlZnQ6LTVweDtjdXJzb3I6dy1yZXNpemV9LlJlYWN0Q3JvcCAub3JkLXc6YWZ0ZXJ7bGVmdDowfS5SZWFjdENyb3BfX2Rpc2FibGVkIC5SZWFjdENyb3BfX2RyYWctaGFuZGxle2N1cnNvcjppbmhlcml0fS5SZWFjdENyb3BfX2RyYWctYmFye3Bvc2l0aW9uOmFic29sdXRlfS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ue3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLXRvcDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1le3JpZ2h0OjA7dG9wOjA7d2lkdGg6NnB4O2hlaWdodDoxMDAlO21hcmdpbi1yaWdodDotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC1ze2JvdHRvbTowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDo2cHg7bWFyZ2luLWJvdHRvbTotM3B4fS5SZWFjdENyb3BfX2RyYWctYmFyLm9yZC13e3RvcDowO2xlZnQ6MDt3aWR0aDo2cHg7aGVpZ2h0OjEwMCU7bWFyZ2luLWxlZnQ6LTNweH0uUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWJhciwuUmVhY3RDcm9wLS1uZXctY3JvcCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZSwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1iYXIsLlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC1uLC5SZWFjdENyb3AtLWZpeGVkLWFzcGVjdCAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZS5vcmQtZSwuUmVhY3RDcm9wLS1maXhlZC1hc3BlY3QgLlJlYWN0Q3JvcF9fZHJhZy1oYW5kbGUub3JkLXMsLlJlYWN0Q3JvcC0tZml4ZWQtYXNwZWN0IC5SZWFjdENyb3BfX2RyYWctaGFuZGxlLm9yZC13e2Rpc3BsYXk6bm9uZX1AbWVkaWEgKHBvaW50ZXI6IGNvYXJzZSl7LlJlYWN0Q3JvcCAub3JkLW4sLlJlYWN0Q3JvcCAub3JkLWUsLlJlYWN0Q3JvcCAub3JkLXMsLlJlYWN0Q3JvcCAub3JkLXd7ZGlzcGxheTpub25lfS5SZWFjdENyb3BfX2RyYWctaGFuZGxle3dpZHRoOjI0cHg7aGVpZ2h0OjI0cHh9fVxuIiwiQGltcG9ydCBcInJlYWN0LWltYWdlLWNyb3AvZGlzdC9SZWFjdENyb3AuY3NzXCI7XG5cbi5SZWFjdENyb3AgLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5SZWFjdENyb3AgLlJlYWN0Q3JvcF9fY2hpbGQtd3JhcHBlciBpbWcge1xuICBoZWlnaHQ6IGF1dG87XG4gIHdpZHRoOiBhdXRvO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuIl19 */";
-n(css$1,{});
-
-var Controls = withT(function (_ref) {
-  var _imageRef$current, _imageRef$current2;
-  var t = _ref.t,
-    crop = _ref.crop,
-    handleSubmit = _ref.handleSubmit,
-    imageRef = _ref.imageRef,
-    isFullImage = _ref.isFullImage,
-    setIsFullImage = _ref.setIsFullImage,
-    _ref$hideControls = _ref.hideControls,
-    hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
-    handleWidthChange = _ref.handleWidthChange,
-    handleHeightChange = _ref.handleHeightChange,
-    width = _ref.width,
-    height = _ref.height;
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col space-y-6 p-4 md:w-2/6",
-    children: [!hideControls && /*#__PURE__*/jsx(Switch, {
-      checked: isFullImage,
-      className: "w-full",
-      label: t("neetoImageUploader.labels.selectOriginalImage"),
-      onChange: function onChange() {
-        return setIsFullImage(function (isFullImage) {
-          return !isFullImage;
-        });
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex w-full items-start gap-2",
-      children: [/*#__PURE__*/jsx(Label, {
-        className: "w-24 pt-2",
-        children: t("neetoImageUploader.labels.width")
-      }), /*#__PURE__*/jsx(Input, {
-        className: "w-32 grow-0",
-        disabled: isFullImage,
-        max: (_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.naturalWidth,
-        type: "number",
-        value: width,
-        onChange: withEventTargetValue(handleWidthChange)
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex w-full items-start gap-2",
-      children: [/*#__PURE__*/jsx(Label, {
-        className: "w-24 pt-2",
-        children: t("neetoImageUploader.labels.height")
-      }), /*#__PURE__*/jsx(Input, {
-        className: "w-32 grow-0",
-        disabled: isFullImage,
-        max: (_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.naturalHeight,
-        type: "number",
-        value: height,
-        onChange: withEventTargetValue(handleHeightChange)
-      })]
-    }), /*#__PURE__*/jsx(Button, {
-      className: "mt-6 self-start",
-      "data-testid": "neeto-image-uploader-crop-submit-button",
-      label: t("neetoImageUploader.labels.done"),
-      disabled: isNilOrEmpty(imageRef.current) && (crop.width <= 0 || crop.height <= 0),
-      onClick: handleSubmit
-    })]
-  });
-});
-
-var useImageControls = function useImageControls(_ref) {
-  var _imageRef$current;
-  var imageRef = _ref.imageRef,
-    fixedAspectRatio = _ref.fixedAspectRatio,
-    defaultImageSize = _ref.defaultImageSize;
-  var _ref2 = (_imageRef$current = imageRef.current) !== null && _imageRef$current !== void 0 ? _imageRef$current : {},
-    imageWidth = _ref2.naturalWidth,
-    imageHeight = _ref2.naturalHeight;
-  var _useState = useState(isPresent(fixedAspectRatio)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAspectRatioLocked = _useState2[0],
-    setIsAspectRatioLocked = _useState2[1];
-  var _useState3 = useState(DEFAULT_CROP_CONFIG),
-    _useState4 = _slicedToArray(_useState3, 2),
-    crop = _useState4[0],
-    setCrop = _useState4[1];
-  var _useState5 = useState(getAspectRatio({
-      fixedAspectRatio: fixedAspectRatio,
-      imageSize: defaultImageSize
-    })),
-    _useState6 = _slicedToArray(_useState5, 2),
-    aspectRatio = _useState6[0],
-    setAspectRatio = _useState6[1];
-  var _useState7 = useState(getPixels(crop.height, imageHeight)),
-    _useState8 = _slicedToArray(_useState7, 2),
-    height = _useState8[0],
-    setHeight = _useState8[1];
-  var _useState9 = useState(getPixels(crop.width, imageWidth)),
-    _useState10 = _slicedToArray(_useState9, 2),
-    width = _useState10[0],
-    setWidth = _useState10[1];
-  var aspectRatioFactor = aspectRatio.width / aspectRatio.height;
-  var buildCropValues = function buildCropValues(_ref3) {
-    var cropWidth = _ref3.cropWidth,
-      cropHeight = _ref3.cropHeight,
-      _ref3$width = _ref3.width,
-      width = _ref3$width === void 0 ? imageWidth : _ref3$width,
-      _ref3$height = _ref3.height,
-      height = _ref3$height === void 0 ? imageHeight : _ref3$height,
-      _ref3$aspectRatio = _ref3.aspectRatio,
-      aspectRatio = _ref3$aspectRatio === void 0 ? aspectRatioFactor : _ref3$aspectRatio;
-    var aspectCrop = H({
-      unit: "%",
-      width: getPercentage(cropWidth, width),
-      height: getPercentage(cropHeight, height)
-    }, aspectRatio, width, height);
-    return N(aspectCrop, width, height);
-  };
-  var onToggleAspectRatioLock = function onToggleAspectRatioLock() {
-    setIsAspectRatioLocked(function (isAspectRatioLocked) {
-      return !isAspectRatioLocked;
-    });
-  };
-  var handleWidthChange = function handleWidthChange(width) {
-    var adjustedWidth = Math.min(width, imageWidth);
-    setWidth(adjustedWidth);
-    handleWidthResize(adjustedWidth);
-  };
-  var handleHeightChange = function handleHeightChange(height) {
-    var adjustedHeight = Math.min(height, imageHeight);
-    setHeight(adjustedHeight);
-    handleHeighthResize(height);
-  };
-  var handleResize = function handleResize(cropWidth, cropHeight) {
-    var aspectRatio = aspectRatioFactor;
-    if (!isAspectRatioLocked) {
-      var imageSize = {
-        width: cropWidth,
-        height: cropHeight
-      };
-      var newAspectRatio = getAspectRatio({
-        imageSize: imageSize
-      });
-      aspectRatio = newAspectRatio.width / newAspectRatio.height;
-      setAspectRatio(newAspectRatio);
-    }
-    var newCrop = buildCropValues({
-      cropWidth: cropWidth,
-      cropHeight: cropHeight,
-      aspectRatio: aspectRatio
-    });
-    setCrop(newCrop);
-    setWidth(cropWidth);
-    setHeight(cropHeight);
-  };
-  var handleWidthResize = useFuncDebounce(function (width) {
-    var cropWidth = Number(width);
-    var cropHeight = Number(height);
-    if (isAspectRatioLocked) {
-      cropHeight = getHeightFromAspectRatio(cropWidth, aspectRatio);
-      if (cropHeight > imageHeight) {
-        cropHeight = imageHeight;
-        cropWidth = getWidthFromAspectRatio(cropHeight, aspectRatio);
-      }
-    }
-    handleResize(cropWidth, cropHeight);
-  }, 300);
-  var handleHeighthResize = useFuncDebounce(function (height) {
-    var cropWidth = Number(width);
-    var cropHeight = Number(height);
-    if (isAspectRatioLocked) {
-      cropWidth = getWidthFromAspectRatio(cropHeight, aspectRatio);
-      if (cropWidth > imageWidth) {
-        cropWidth = imageWidth;
-        cropHeight = getHeightFromAspectRatio(cropWidth, aspectRatio);
-      }
-    }
-    handleResize(cropWidth, cropHeight);
-  }, 300);
-  var handleAspectWidthChange = function handleAspectWidthChange(aspectWidth) {
-    if (aspectWidth <= 0) return;
-    var newWidth = crop.width * (aspectWidth / aspectRatio.width);
-    var updatedAspectWidth = aspectWidth;
-    if (newWidth > 100) {
-      newWidth = 100;
-      updatedAspectWidth = Math.round(newWidth / crop.width * aspectRatio.width);
-    }
-    var newWidthInPixels = getPixels(newWidth, imageWidth);
-    var newCrop = buildCropValues({
-      cropWidth: newWidthInPixels,
-      cropHeight: height,
-      aspectRatio: updatedAspectWidth / aspectRatio.height
-    });
-    setCrop(newCrop);
-    setAspectRatio(mergeRight(aspectRatio, {
-      width: updatedAspectWidth
-    }));
-    setWidth(newWidthInPixels);
-  };
-  var handleAspectHeightChange = function handleAspectHeightChange(aspectHeight) {
-    if (aspectHeight <= 0) return;
-    var newHeight = crop.height * (aspectHeight / aspectRatio.height);
-    var updatedAspectHeight = aspectHeight;
-    if (newHeight > 100) {
-      newHeight = 100;
-      updatedAspectHeight = Math.round(newHeight / crop.height * aspectRatio.height);
-    }
-    var newHeightInPixels = getPixels(newHeight, imageHeight);
-    var newCrop = buildCropValues({
-      cropWidth: width,
-      cropHeight: newHeightInPixels,
-      aspectRatio: aspectRatio.width / updatedAspectHeight
-    });
-    setCrop(newCrop);
-    setAspectRatio(mergeRight(aspectRatio, {
-      height: updatedAspectHeight
-    }));
-    setHeight(newHeightInPixels);
-  };
-  var handleCropChange = function handleCropChange(pixelCrop, percentageCrop) {
-    if (!isAspectRatioLocked) {
-      var _aspectRatio = getAspectRatio({
-        imageSize: {
-          width: Math.round(pixelCrop.width),
-          height: Math.round(pixelCrop.height)
-        }
-      });
-      setAspectRatio(_aspectRatio);
-    }
-    setHeight(getPixels(percentageCrop.height, imageHeight));
-    setWidth(getPixels(percentageCrop.width, imageWidth));
-    setCrop(percentageCrop);
-  };
-  var handleImageLoad = function handleImageLoad(_ref4) {
-    var _defaultImageSize$wid;
-    var image = _ref4.target;
-    var imageWidth = image.naturalWidth,
-      imageHeight = image.naturalHeight;
-    var maxCropWidth = (_defaultImageSize$wid = defaultImageSize.width) !== null && _defaultImageSize$wid !== void 0 ? _defaultImageSize$wid : imageWidth;
-    var aspectRatio = getAspectRatio({
-      fixedAspectRatio: fixedAspectRatio,
-      imageSize: {
-        width: imageWidth,
-        height: imageHeight
-      }
-    });
-    var aspectRatioFactor = aspectRatio.width / aspectRatio.height;
-    var _getInitialCropSize = getInitialCropSize({
-        image: image,
-        aspectRatioFactor: aspectRatioFactor,
-        maxCropWidth: maxCropWidth
-      }),
-      cropWidth = _getInitialCropSize.cropWidth,
-      cropHeight = _getInitialCropSize.cropHeight;
-    var crop = buildCropValues({
-      cropWidth: cropWidth,
-      cropHeight: cropHeight,
-      width: imageWidth,
-      height: imageHeight,
-      aspectRatio: aspectRatioFactor
-    });
-    setAspectRatio(aspectRatio);
-    setCrop(crop);
-    setHeight(getPixels(crop.height, imageHeight));
-    setWidth(getPixels(crop.width, imageWidth));
-  };
-  return {
-    onToggleAspectRatioLock: onToggleAspectRatioLock,
-    handleWidthChange: handleWidthChange,
-    handleHeightChange: handleHeightChange,
-    handleAspectWidthChange: handleAspectWidthChange,
-    handleAspectHeightChange: handleAspectHeightChange,
-    aspectRatio: aspectRatio,
-    width: width,
-    crop: crop,
-    height: height,
-    handleImageLoad: handleImageLoad,
-    handleCropChange: handleCropChange,
-    isAspectRatioLocked: isAspectRatioLocked
-  };
-};
-
-var ImageEditor = function ImageEditor(_ref) {
-  var _imageRef$current;
-  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,
-    _ref$defaultImageSize = _ref.defaultImageSize,
-    defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize;
-  var imageRef = useRef(null);
-  var wrapperRef = useRef(null);
-  var _ref2 = (_imageRef$current = imageRef.current) !== null && _imageRef$current !== void 0 ? _imageRef$current : {},
-    imageWidth = _ref2.naturalWidth,
-    imageHeight = _ref2.naturalHeight;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFullImage = _useState2[0],
-    setIsFullImage = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCropImage = useCropImage(),
-    cropImage = _useCropImage.mutate;
-  var _useImageControls = useImageControls({
-      fixedAspectRatio: fixedAspectRatio,
-      defaultImageSize: defaultImageSize,
-      imageRef: imageRef
-    }),
-    onToggleAspectRatioLock = _useImageControls.onToggleAspectRatioLock,
-    handleWidthChange = _useImageControls.handleWidthChange,
-    handleHeightChange = _useImageControls.handleHeightChange,
-    handleAspectWidthChange = _useImageControls.handleAspectWidthChange,
-    handleAspectHeightChange = _useImageControls.handleAspectHeightChange,
-    aspectRatio = _useImageControls.aspectRatio,
-    width = _useImageControls.width,
-    height = _useImageControls.height,
-    handleImageLoad = _useImageControls.handleImageLoad,
-    handleCropChange = _useImageControls.handleCropChange,
-    crop = _useImageControls.crop,
-    isAspectRatioLocked = _useImageControls.isAspectRatioLocked;
-  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 = globalProps.assetsUploaderService === CLOUD_FLARE ? getCloudFlareCroppedURL({
-      image: image,
-      crop: crop
-    }) : getImageKitCroppedURL({
-      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-testid": "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", "relative", {
-          "items-center": isItemsCenter({
-            wrapperRef: wrapperRef,
-            imageRef: imageRef
-          })
-        }),
-        children: /*#__PURE__*/jsxs(I, {
-          crop: isFullImage ? null : crop,
-          src: image === null || image === void 0 ? void 0 : image.url,
-          style: getWrapperRefStyles(wrapperRef, imageRef),
-          aspect: isAspectRatioLocked ? aspectRatio.width / aspectRatio.height : 0,
-          onChange: handleCropChange,
-          onComplete: handleCropChange,
-          children: [/*#__PURE__*/jsx("img", {
-            alt: t("neetoImageUploader.common.image"),
-            "data-testid": "image-editor-uploaded-image",
-            ref: imageRef,
-            src: image === null || image === void 0 ? void 0 : image.url,
-            onLoad: handleImageLoad
-          }), /*#__PURE__*/jsxs(Typography, {
-            className: "neeto-ui-typography neeto-ui-text-nano neeto-ui-bg-gray-500 absolute bottom-0 end-0 z-10",
-            style: "nano",
-            children: [imageWidth, "x", imageHeight]
-          })]
-        })
-      }), /*#__PURE__*/jsx(Controls, {
-        aspectRatio: aspectRatio,
-        crop: crop,
-        handleAspectHeightChange: handleAspectHeightChange,
-        handleAspectWidthChange: handleAspectWidthChange,
-        handleHeightChange: handleHeightChange,
-        handleSubmit: handleSubmit,
-        handleWidthChange: handleWidthChange,
-        height: height,
-        imageRef: imageRef,
-        isAspectRatioLocked: isAspectRatioLocked,
-        isFullImage: isFullImage,
-        onToggleAspectRatioLock: onToggleAspectRatioLock,
-        setIsFullImage: setIsFullImage,
-        width: width,
-        hideControls: isPresent(fixedAspectRatio)
-      })]
-    })]
-  });
-};
-
-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 bulkDestroy = function bulkDestroy(imageIds, url) {
-  return axios["delete"](url, {
-    params: {
-      imageIds: imageIds
-    }
-  });
-};
-var imagesApi = {
-  fetch: fetch,
-  bulkDestroy: bulkDestroy
-};
-
-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), true).forEach(function (r) { _defineProperty(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 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$2({
-    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 useBulkDestroyAssets = function useBulkDestroyAssets(url) {
-  var queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: function mutationFn(imageIds) {
-      return imagesApi.bulkDestroy(imageIds, url);
-    },
-    onSuccess: function onSuccess(_, variables) {
-      queryClient.setQueriesData({
-        queryKey: [QUERY_KEYS.ASSETS_LIST]
-      }, function (old) {
-        return {
-          pages: old.pages.map(function (page) {
-            return page.filter(function (item) {
-              return !variables.includes(item.fileId || item.id);
-            });
-          }),
-          pageParams: old.pageParams
-        };
-      });
-    }
-  });
-};
-
-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 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: {}};
-
-(function (module, exports$1) {
-
-	Object.defineProperty(exports$1, "__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 = g;
-
-	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$1.default = InfiniteScroll;
-	module.exports = exports$1['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 = g;
-
-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 css = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-unsplash-container{height:calc(75vh - 13.75rem)!important;height:calc(var(--niu-modal-height) - var(--niu-modal-header-height))!important;max-height:22.1875rem;max-height:var(--niu-unsplash-container-max-height)}.niu-unsplash-container img{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1s both;border-radius:var(--neeto-ui-rounded);cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHNCQUF1QixDQUN2Qix1QkFBd0IsQ0FDeEIsNEJBQTZCLENBQzdCLDRCQUE2QixDQUM3QixrQ0FBbUMsQ0FDbkMsOENBQ0YsQ0NMQSx3QkFDRSxzQ0FFWSxDQUZaLCtFQUVZLENBQ1oscUJBQW9ELENBQXBELG1EQUNGLENBRUEsNEJBSUUsNERBQW1FLENBQ25FLHFDQUFzQyxDQUV0QyxjQUFlLENBTmYsV0FBWSxDQUVaLG1CQUFpQixDQUFqQixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLFVBTUYiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gIC0tbml1LW1vZGFsLXdpZHRoOiA5NXZ3O1xuICAtLW5pdS1tb2RhbC1oZWlnaHQ6IDc1dmg7XG4gIC0tbml1LW1vZGFsLW1heC13aWR0aDogMTE1MnB4O1xuICAtLW5pdS1tb2RhbC1tYXgtaGVpZ2h0OiAzNnJlbTtcbiAgLS1uaXUtbW9kYWwtaGVhZGVyLWhlaWdodDogMTMuNzVyZW07XG4gIC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0OiAyMi4xODc1cmVtO1xufVxuIiwiQGltcG9ydCBcIi4uL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzXCI7XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKFxuICAgIHZhcigtLW5pdS1tb2RhbC1oZWlnaHQpIC0gdmFyKC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQpXG4gICkgIWltcG9ydGFudDtcbiAgbWF4LWhlaWdodDogdmFyKC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0KTtcbn1cblxuLm5pdS11bnNwbGFzaC1jb250YWluZXIgaW1nIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbiJdfQ== */";
-n(css,{});
-
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
-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 _useState = useState({
-      isOpen: false,
-      imageIds: []
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    deleteConfirmation = _useState2[0],
-    setDeleteConfirmation = _useState2[1];
-  var isMenuButtonEnabled = globalProps.assetsUploaderService !== CLOUD_FLARE;
-  var _useBulkDestroyAssets = useBulkDestroyAssets(ASSETS_DESTROY_URL),
-    isPending = _useBulkDestroyAssets.isPending,
-    bulkDelete = _useBulkDestroyAssets.mutate;
-  var handleDelete = useCallback(function () {
-    bulkDelete(deleteConfirmation.imageIds, {
-      onSuccess: function onSuccess() {
-        return setDeleteConfirmation({
-          isOpen: false,
-          imageIds: []
-        });
-      }
-    });
-  }, [deleteConfirmation.imageIds]);
-  var Loader = /*#__PURE__*/jsx("div", {
-    className: "flex justify-center",
-    children: /*#__PURE__*/jsx(Spinner, {})
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: "niu-unsplash-container grow 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-start w-1/2 pb-4 pe-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",
-              "data-testid": "library-image-card",
-              id: "unsplashImage".concat(image.id),
-              children: [tab === TABS[2].key && /*#__PURE__*/jsxs(Fragment, {
-                children: [/*#__PURE__*/jsx("img", {
-                  "data-testid": "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 start-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[1].key && /*#__PURE__*/jsxs(Fragment, {
-                children: [hasPermission(VIEW_ROLES_PERMISSION) && isMenuButtonEnabled && /*#__PURE__*/jsx(Dropdown, {
-                  buttonSize: "small",
-                  buttonStyle: "tertiary",
-                  "data-testid": "image-library-image-options-".concat(index),
-                  icon: MenuHorizontal,
-                  buttonProps: {
-                    className:
-                    // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-                    "absolute end-2 top-2 z-1 rounded-full"
-                  },
-                  children: /*#__PURE__*/jsx(Menu, {
-                    children: /*#__PURE__*/jsx(MenuItem.Button, {
-                      "data-testid": "image-library-image-delete",
-                      onClick: function onClick() {
-                        return setDeleteConfirmation({
-                          isOpen: true,
-                          imageIds: [(image === null || image === void 0 ? void 0 : image.fileId) || image.id]
-                        });
-                      },
-                      children: t("neetoImageUploader.deleteConfirmation.delete")
-                    })
-                  })
-                }), /*#__PURE__*/jsx("img", {
-                  "data-testid": "niu-library-image-".concat(index),
-                  src: image === null || image === void 0 ? void 0 : image.url,
-                  onClick: function onClick() {
-                    return setSelectedImage(image);
-                  }
-                })]
-              })]
-            })
-          })
-        }, image.id);
-      })
-    }), /*#__PURE__*/jsx(Alert, {
-      isOpen: deleteConfirmation.isOpen,
-      isSubmitting: isPending,
-      message: t("neetoImageUploader.deleteConfirmation.message"),
-      submitButtonLabel: t("neetoImageUploader.deleteConfirmation.delete"),
-      title: t("neetoImageUploader.deleteConfirmation.title"),
-      onClose: function onClose() {
-        return setDeleteConfirmation({
-          isOpen: false,
-          imageIds: []
-        });
-      },
-      onSubmit: handleDelete
-    })]
-  });
-};
-
-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("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: t("neetoImageUploader.unsplash.errorMessage")
-      })
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    });
-  }
-  if (isEmpty(results)) {
-    return /*#__PURE__*/jsx("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(NoData, {
-        title: t("neetoImageUploader.common.noImagesToShow")
-      })
-    });
-  }
-  return /*#__PURE__*/createElement(InfiniteScroller, {
-    setSelectedImage: setSelectedImage,
-    hasMore: hasNextPage,
-    images: results,
-    key: debouncedQuery,
-    loadMore: fetchNextPage,
-    tab: TABS[1].key
-  });
-};
-
-var newAxiosInstance = axios.create();
-var searchUnsplashImages = function searchUnsplashImages(_ref) {
-  var pageNo = _ref.pageNo,
-    query = _ref.query;
-  return axios.get("".concat(IMAGE_UPLOADER_BASE_URL, "/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$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), true).forEach(function (r) { _defineProperty(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 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$1({
-    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 UnsplashLibrary = function UnsplashLibrary(_ref) {
-  var debouncedQuery = _ref.debouncedQuery,
-    setSelectedImage = _ref.setSelectedImage,
-    setIsUploading = _ref.setIsUploading,
-    setActiveTab = _ref.setActiveTab;
-  var _useImageUploader = useImageUploader({
-      onUploadComplete: setSelectedImage,
-      setIsUploading: setIsUploading
-    }),
-    uploadFile = _useImageUploader.uploadFile;
-  var handleUnsplashImageSelect = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
-      var _image$urls, response, file;
-      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
-            });
-            uploadFile(file);
-            _context.next = 14;
-            break;
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
-            setActiveTab(TABS[1].key);
-            setIsUploading(false);
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 9]]);
-    }));
-    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("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: t("neetoImageUploader.unsplash.errorMessage")
-      })
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    });
-  }
-  if (isEmpty(results)) {
-    return /*#__PURE__*/jsx("div", {
-      className: "grow flex justify-center items-center",
-      children: /*#__PURE__*/jsx(NoData, {
-        title: t("neetoImageUploader.common.noImagesToShow")
-      })
-    });
-  }
-  return /*#__PURE__*/createElement(InfiniteScroller, {
-    debouncedQuery: debouncedQuery,
-    handleUnsplashImageSelect: handleUnsplashImageSelect,
-    hasMore: hasNextPage,
-    images: results,
-    key: debouncedQuery,
-    loadMore: fetchNextPage,
-    tab: TABS[2].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[2].key) ? t("neetoImageUploader.placeholders.searchImageFromWeb") : t("neetoImageUploader.placeholders.searchImage");
-  useEffect(function () {
-    setQuery("");
-  }, [tab]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "w-full px-6 py-4 grow flex flex-col",
-    children: [/*#__PURE__*/jsx("div", {
-      className: "mb-4 shrink-0",
-      children: /*#__PURE__*/jsx(Input, {
-        autoFocus: true,
-        "data-testid": "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[1].key ? /*#__PURE__*/jsx(Images, {
-      debouncedQuery: debouncedQuery,
-      query: query,
-      setSelectedImage: setSelectedImage
-    }) : /*#__PURE__*/jsx(UnsplashLibrary, {
-      debouncedQuery: debouncedQuery,
-      query: query,
-      setActiveTab: setActiveTab,
-      setIsUploading: setIsUploading,
-      setSelectedImage: setSelectedImage
-    })]
-  });
-};
-
-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), true).forEach(function (r) { _defineProperty(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 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,
-    _ref$defaultImageSize = _ref.defaultImageSize,
-    defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize;
-  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 isCloudFlareImageUploader = globalProps.assetsUploaderService === CLOUD_FLARE;
-  var handleCloseModal = function handleCloseModal() {
-    onClose();
-    setSelectedImage({});
-  };
-  var handleImageEditComplete = function handleImageEditComplete(editedImage) {
-    handleCreateBlob(editedImage, true);
-    handleCloseModal();
-  };
-  var handleUploadComplete = function handleUploadComplete(image) {
-    if (isGif(image)) {
-      handleCreateBlob(image);
-      handleCloseModal();
-      return;
-    }
-    isCloudFlareImageUploader && handleCreateBlob(image);
-    setSelectedImage(image);
-  };
-  var handleCreateBlob = function handleCreateBlob(editedImage) {
-    var isCropped = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(editedImage)) {
-      onUploadComplete({
-        url: editedImage.url,
-        signedId: editedImage.signedId
-      });
-    } else {
-      var imageKitPayload = function imageKitPayload() {
-        return {
-          filename: generateASCIIFileName(editedImage.name),
-          byte_size: editedImage.size,
-          content_type: editedImage.fileType,
-          checksum: editedImage.fileId,
-          metadata: editedImage,
-          service_name: "imagekitio"
-        };
-      };
-      var cloudFlarePayload = function cloudFlarePayload() {
-        return {
-          filename: generateASCIIFileName(editedImage.filename),
-          content_type: editedImage.contentType,
-          byte_size: editedImage.byteSize,
-          checksum: editedImage.checksum,
-          metadata: _objectSpread(_objectSpread({}, editedImage.metadata), {}, {
-            url: constructCloudflareImageURL(editedImage.url),
-            isCropped: isCropped
-          }),
-          service_name: "cloudflare_image"
-        };
-      };
-      var payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
-      createBlob(payload, {
-        onSuccess: function onSuccess(image) {
-          onUploadComplete({
-            url: image.blobUrl,
-            signedId: image.signedId
-          });
-        },
-        onError: Toastr.error
-      });
-    }
-  };
-  var _useImageUploader = useImageUploader({
-      onUploadComplete: handleUploadComplete,
-      setIsUploading: setIsUploading
-    }),
-    uploadFile = _useImageUploader.uploadFile;
-  var _useUploadDropzone = useUploadDropzone({
-      uploadConfig: uploadConfigWithDefaults,
-      onDrop: uploadFile
-    }),
-    getRootProps = _useUploadDropzone.getRootProps,
-    getInputProps = _useUploadDropzone.getInputProps,
-    isDragActive = _useUploadDropzone.isDragActive;
-  useEffect(function () {
-    setActiveTab(TABS[0].key);
-  }, [isOpen]);
-  var renderContent = function renderContent() {
-    if (activeTab === "upload") {
-      return /*#__PURE__*/jsx("div", {
-        className: "grow px-6 pb-6 pt-4",
-        children: /*#__PURE__*/jsx("div", {
-          className: "h-full w-full overflow-y-auto",
-          children: /*#__PURE__*/jsx(ImageDirectUpload, {
-            uploadConfig: uploadConfigWithDefaults,
-            onDrop: uploadFile
-          })
-        })
-      });
-    }
-    return /*#__PURE__*/jsx(ImageLibrary, {
-      setActiveTab: setActiveTab,
-      setIsUploading: setIsUploading,
-      setSelectedImage: setSelectedImage,
-      tab: activeTab
-    });
-  };
-  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(_objectSpread({
-      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, {
-      defaultImageSize: defaultImageSize,
-      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(_objectSpread({
-      className: "flex 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: "flex gap-2 px-6",
-        children: /*#__PURE__*/jsx(Tab, {
-          size: "small",
-          children: TABS.map(function (tab) {
-            return /*#__PURE__*/jsx(Tab.Item, {
-              active: activeTab === tab.key,
-              "data-testid": tab.dataTestid,
-              onClick: function onClick() {
-                return setActiveTab(tab.key);
-              },
-              children: tab.label
-            }, tab.key);
-          })
-        })
-      }), renderContent(), equals(activeTab, TABS[2].key) && /*#__PURE__*/jsx(NeetoUIModal.Footer, {
-        className: "flex items-center justify-center gap-2",
-        children: /*#__PURE__*/jsx(Typography, {
-          lineHeight: "none",
-          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({}, getInputProps()))]
-  });
-};
-
-export { Modal as M, constructCloudflareImageURL as c };
-//# sourceMappingURL=index-BGVHZZys.js.map