useblocks 1.1.60 → 1.1.64

package/static/core/{53463a60.js → 90f16a4b.js}

@@ -1,24 +1,23 @@
 (function(){try{if(typeof document<"u"){var o=document.createElement("style");o.setAttribute("data-useblocks","true"),o.appendChild(document.createTextNode(".blocks-app .image-preview{text-align:center;min-height:100px;position:relative}.blocks-app .image-preview .image-editor-modal{border:1px solid red}.blocks-app .image-preview__edit-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.blocks-app .image-preview img{border:1px solid var(--colorBorder);border-radius:6px;max-width:100%;max-height:500px}.blocks-app .image-editor-modal .ant-modal-container{flex-direction:column;min-height:100vh;display:flex;border-radius:0!important}.blocks-app .image-editor-modal .ant-modal-body{flex-grow:1;display:flex}.blocks-app .image-editor-modal .ant-modal-body #pixie-editor{flex-grow:1;height:calc(100vh - 70px);min-height:calc(100vh - 70px);overflow:hidden}.blocks-app .image-editor-modal .pi .text-on-primary{background:var(--colorPrimary);border-color:var(--colorPrimary)}.blocks-app .image-editor-modal .pi .text-on-primary:hover{background:var(--colorPrimaryHover);border-color:var(--colorPrimaryHover)}.blocks-app .image-editor-modal .pi .text-on-primary.rounded-full{border-radius:calc(var(--borderRadius) * 1px)}.blocks-app .image-editor-modal .pi .shadow-xl{box-shadow:none}.blocks-app .image-editor-modal .w-\\[4ch\\].text-sm.text-center{width:5ch}.blocks-app .image-editor-modal .pi .border-white{border-color:var(--colorPrimary)}.blocks-app .image-editor-modal .pi .bg-white\\/50{background-color:var(--colorPrimary)}.blocks-app .image-editor-modal .pi .text-on-primary{color:var(--colorWhite)}.blocks-app .serach-results .ant-row{align-items:center}.blocks-app .serach-results .blocks-search__divider-wrapper{margin-top:12px;position:relative}.blocks-app .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{border-top:1px solid var(--colorBorderSecondary);background:0 0;width:100%;height:1px;min-height:0;margin:0;position:static}.blocks-app .slideshow-container{width:524px;height:350px;margin:auto;position:relative;overflow:hidden}.blocks-app .slideshow-image{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.blocks-app .image-ai .slideshow-image{width:auto;height:auto}.blocks-app .image-ai__image-item{text-align:center;border-radius:6px;justify-content:center;align-items:center;min-height:100px;display:flex;position:relative}.blocks-app .image-ai__image-item .buttons{justify-content:space-between;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.blocks-app .image-ai .text-area-input-hybrid{border:none;outline:none;min-height:0;padding:0 0 0 1px}.blocks-app .image-ai .text-area-input-hybrid textarea{height:32px;min-height:32px;padding:3px 11px;line-height:26px}.blocks-app .image-ai__loading{justify-content:center;align-items:center;min-height:150px;display:flex}.blocks-app .image-ai__loading .spin{flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex}.blocks-app .image-ai__loading .status{margin:3px 0 0}.blocks-app .image-ai__preview{border-radius:6px;margin-top:24px;overflow:hidden}.blocks-app .image-ai__preview .image-ai__image-item img{border-radius:calc(var(--borderRadius) * 1px);object-fit:contain;max-height:100%;transition:height 1s;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.blocks-app .image-ai .small{width:302px;height:202px}.blocks-app .image-ai .large{width:524px;height:350px}.blocks-app .image-ai .image-ai__row{padding:0 2px}.blocks-app .image-ai .image-ai__input-affix-wrapper{border-style:solid;border-width:calc(var(--borderWidth) * 1px);border-color:var(--colorFillSecondaryDarken);border-radius:calc(var(--borderRadius) * 1px);width:100%;padding-left:0;display:inline-flex}.blocks-app .image-ai .image-ai__input-affix-wrapper:hover{border-color:var(--borderColorHover)}.blocks-app .image-ai .image-ai__input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:var(--colorPrimaryBorder)}.blocks-app .image-ai .image-ai__textarea{font-size:16px}.blocks-app .image-ai .image-ai__input-icon{font-size:16px;top:0;right:0}.dark .blocks-app .image-ai .image-ai__preview .image-ai__image-item img{background:#2b2b2b;border:1px solid #434343}.dark .blocks-app .image-ai .ant-btn{background:#1f1f1f}.dark .blocks-app .image-ai .ant-btn:hover{color:var(--colorPrimary)}.blocks-app .stock-tab img{border-radius:0;max-width:none;max-height:none}.blocks-app .stock-tab .stock-search-input{padding:0 2px}.blocks-app .stock-tab .my-masonry-grid{text-align:center;width:auto;display:flex}.blocks-app .stock-tab .my-masonry-grid_column{background-clip:padding-box}.blocks-app .stock-tab .list-item{cursor:pointer;background:#f0f2f5;border:1px solid #f0f2f5;border-radius:6px;min-height:100px;max-height:100px;margin-bottom:20px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.blocks-app .stock-tab .list-item .overlay-image{opacity:0;background-size:cover;width:110px;height:40px;transition:opacity .5s;position:absolute;bottom:10px;right:10px}.blocks-app .stock-tab .list-item .ant-spin{color:#f0f2f5;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blocks-app .stock-tab .list-item img{object-fit:cover;opacity:0;border-radius:6px;height:auto;transition:opacity .5s ease-in-out;display:block}.blocks-app .stock-tab .list-item.loaded{border:1px solid #d9d9d9;max-height:1000px}.blocks-app .stock-tab .list-item.loaded img{opacity:1;height:100%}.blocks-app .stock-tab .list-item.loaded .loaded-image{opacity:.5}.blocks-app .stock-tab .list-item:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}.blocks-app .stock-tab .list-item:hover p.creator-info,.blocks-app .stock-tab .list-item:hover .overlay-image{opacity:1}.blocks-app .stock-tab .list-item p.creator-info{color:#fff;opacity:0;background-color:#00000080;border-radius:0 0 6px;margin:0;padding:5px;font-size:10px;line-height:1.2;position:absolute;bottom:0;right:0}.blocks-app .stock-tab .list-item p.creator-info:hover a{color:#fff;text-decoration:underline}.blocks-app .stock-tab .list-item p.creator-info a{color:#fff;text-decoration:none}.blocks-app .stock-color-filter{display:flex}.blocks-app .stock-color-filter label{border-width:1px;width:24px;height:24px;margin:4px;padding:0;font-size:0;border-radius:6px!important}.blocks-app .stock-color-filter label.all-colors{background-image:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff)}.blocks-app .stock-color-filter label.black-color{background:#222}.blocks-app .stock-color-filter label.bw-color{background-image:linear-gradient(135deg,#222 50%,#fff 50%)}.blocks-app .stock-color-filter label.white-color{background:#fff}.blocks-app .stock-color-filter label.orange-color{background:#fa8c16}.blocks-app .stock-color-filter label.red-color{background:#f5222d}.blocks-app .stock-color-filter label.purple-color{background:#722ed1}.blocks-app .stock-color-filter label.magenta-color{background:#eb2f96}.blocks-app .stock-color-filter label.green-color{background:#52c41a}.blocks-app .stock-color-filter label.teal-color{background:#43c3c3}.blocks-app .stock-color-filter label.blue-color{background:#1677ff}.blocks-app .stock-color-filter .ant-radio-button-wrapper:not(:first-child):before{display:none}.blocks-app .serach-results{padding-top:6px}.blocks-app .serach-results .stock-search-input{width:322px;padding:0 2px}.blocks-app .serach-results .blocks-search__divider-wrapper{width:calc(100% + 48px);margin-top:12px;margin-left:-24px;margin-right:-24px;position:relative}.blocks-app .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{pointer-events:none;border-top:1px solid var(--colorBorderSecondary);background:linear-gradient(180deg, var(--colorBgContainerDisabled), transparent 40%);border-bottom:none;width:100%;height:20px;min-height:20px;margin:0;position:relative;bottom:auto;left:auto;right:auto}.dark .blocks-app .image-center .stock-tab .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{background:linear-gradient(180deg, var(--colorBgBase), transparent 40%)}.dark .blocks-app .stock-tab .list-item{background:#2b2b2b;border:1px solid #2b2b2b}.dark .blocks-app .stock-tab .list-item.loaded{border:1px solid #434343}.blocks-app .image-center .image-center-image-preview{justify-content:center;align-items:center;display:flex}.blocks-app .image-center .ant-divider-horizontal{pointer-events:none;z-index:1;background:linear-gradient(180deg, var(--colorBgContainerDisabled), transparent 40%);width:calc(100% + 48px);height:20px;margin:24px -24px 0;position:absolute;bottom:-19px}.dark .blocks-app .image-center .ant-divider-horizontal{background:linear-gradient(180deg, var(--colorBgBase), transparent 40%)}.blocks-app .image-center .ant-divider-horizontal.ant-divider-with-text{background:0 0;width:calc(100% + 38px);margin:0 -24px 20px;position:relative;top:0}.blocks-app .image-center img{border-radius:4px;max-width:524px;max-height:352px}.blocks-app .image-center .image-size{justify-content:center;margin-top:6px;font-size:14px;line-height:22px;display:flex}.blocks-app .image-center .ant-upload.ant-upload-drag{border-radius:6px}.blocks-app .image-center .ant-modal-body .stock-search-input{margin-bottom:0}.blocks-app .image-center .ant-modal-body .serach-results .stock-search-input{margin-bottom:10px}.blocks-app .image-center .ant-modal-body .ant-form:not(.serach-results) .ant-form-item:last-child{margin-bottom:0}.blocks-app .image-center .ant-modal-body .ant-tabs{transition:all .7s cubic-bezier(.075,.82,.165,1)}.blocks-app .image-center .ant-modal-body .ant-tabs .ant-tabs-content-holder{overflow-y:clip}.blocks-app .ant-modal{transition:width .7s ease-in-out}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-__useblocks__.define("static/core/53463a60.js", [
+__useblocks__.define("static/core/90f16a4b.js", [
 	"require",
 	"exports",
 	"module",
-	"static/core/bd36b180.js",
-	"static/core/c9e59b34.js",
-	"static/core/161d1254.js",
-	"static/core/4c39852e.js",
-	"static/core/40f73dfb.js",
-	"static/core/951903fb.js",
-	"static/core/dbf19c2e.js",
+	"static/core/63b7b25e.js",
+	"static/core/bcee99d6.js",
+	"static/core/6c0b4555.js",
+	"static/core/b0712bbb.js",
+	"static/core/411c06d9.js",
+	"static/core/40f1c391.js",
 	"react",
 	"react/jsx-runtime"
-], function(de, gt, ln) {
-	const Ze = de("./bd36b180.js"), u = de("./c9e59b34.js"), Z = de("./161d1254.js"), ne = de("./4c39852e.js"), m = de("./40f73dfb.js"), ht = de("./951903fb.js"), N = de("./dbf19c2e.js");
-	let n = de("react");
+], function(ge, gt, on) {
+	const Ze = ge("./63b7b25e.js"), u = ge("./bcee99d6.js"), Z = ge("./6c0b4555.js"), ne = ge("./b0712bbb.js"), m = ge("./411c06d9.js"), P = ge("./40f1c391.js");
+	let n = ge("react");
 	n = Ze.__toESM(n);
-	let r = de("react/jsx-runtime");
-	var yt = Ze.__toESM(ne.require_prop_types());
-	function vt(t, e) {
+	let r = ge("react/jsx-runtime");
+	var ht = Ze.__toESM(ne.require_prop_types());
+	function yt(t, e) {
 		return { [t]: {
 			Filter: e("Filter"),
 			filter: e("filter"),
@@ -115,7 +114,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		for (let d = 0; d < b.length; d++) p[d] = b.charCodeAt(d);
 		return new Blob([p], { type: a });
 	}
-	var Ct = "static/media/image-editor", bt = { text: {
+	var vt = "static/media/image-editor", Ct = { text: {
 		replaceDefaultItems: !0,
 		defaultText: "Handwriting",
 		items: [
@@ -233,48 +232,48 @@ __useblocks__.define("static/core/53463a60.js", [
 			}
 		]
 	} };
-	function wt(t, e) {
+	function bt(t, e) {
 		if (t === "json") return new Blob([e], { type: "application/json" });
 		if (t === "svg") return new Blob([e], { type: "image/svg+xml" });
 		const o = `image/${t}`;
 		return Xe(e.replace(/data:image\/([a-z]*)?;base64,/, ""), o);
 	}
-	var At = ({ currentImageLink: t, prefetchedBlob: e, resolveImageBlob: o, onSave: a, uploadImageResultIsLoading: i }) => {
-		const l = N.useCookieManager(), [b, p] = (0, n.useState)(), [d, v] = (0, n.useState)(), { __: I } = m.useI18n();
+	var wt = ({ currentImageLink: t, prefetchedBlob: e, resolveImageBlob: o, onSave: a, uploadImageResultIsLoading: i }) => {
+		const l = P.useCookieManager(), [b, p] = (0, n.useState)(), [d, v] = (0, n.useState)(), { __: I } = m.useI18n();
 		let w = u.useDispatch();
-		const C = u.useStore(), R = u.useAppConfig(), y = u.useSelector(u.selectedCurrentUser), L = u.useSelector(Z.selectSecondModal), A = u.useSelector(u.selectProject), G = (0, n.useMemo)(() => {
+		const C = u.useStore(), R = u.useAppConfig(), y = u.useSelector(u.selectedCurrentUser), L = u.useSelector(Z.selectSecondModal), A = u.useSelector(u.selectProject), F = (0, n.useMemo)(() => {
 			if (!R?.icons) return;
-			const E = {};
-			for (const [P, j] of Object.entries(R.icons)) typeof j == "string" && (E[P] = N.sanitizeHtml(j));
-			return Object.keys(E).length > 0 ? E : void 0;
+			const j = {};
+			for (const [T, E] of Object.entries(R.icons)) typeof E == "string" && (j[T] = P.sanitizeHtml(E));
+			return Object.keys(j).length > 0 ? j : void 0;
 		}, [R?.icons]), O = (0, n.useRef)(!1), [D, H] = (0, n.useState)(), B = u.useEventEmitter(u.events.FILE_PROXY_EVENT_ID);
 		(0, n.useEffect)(() => {
-			let E = !1;
+			let j = !1;
 			return (async () => {
-				const j = t;
-				if (!j && !e) return;
+				const E = t;
+				if (!E && !e) return;
 				let x = e;
-				if (!x && j) try {
-					typeof o == "function" ? x = await o(j) : x = await (await fetch(j)).blob();
+				if (!x && E) try {
+					typeof o == "function" ? x = await o(E) : x = await (await fetch(E)).blob();
 				} catch {
-					if (E) return;
+					if (j) return;
 					if (x = await B.fire({
-						url: j,
+						url: E,
 						project: A
 					}).filter((U) => U instanceof Blob)[0], !x) {
 						const U = l.get(u.APP_COOKIES.em_token) || await u.di.getInstance(C, Z.TOKEN_ID);
-						x = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(j)}`, { headers: { authorization: `Bearer ${U}` } })).blob();
+						x = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(E)}`, { headers: { authorization: `Bearer ${U}` } })).blob();
 					}
 				}
-				if (E || !x) return;
+				if (j || !x) return;
 				const S = new FileReader();
 				S.onload = () => {
-					if (E) return;
+					if (j) return;
 					const U = S.result;
 					typeof U == "string" && (p(U), v(x.type), D?.tools.import.openBackgroundImage(U));
 				}, S.onerror = () => {}, S.readAsDataURL(x);
-			})().catch((j) => {}), () => {
-				E = !0;
+			})().catch((E) => {}), () => {
+				j = !0;
 			};
 		}, [
 			t,
@@ -289,10 +288,10 @@ __useblocks__.define("static/core/53463a60.js", [
 		const z = (0, n.useCallback)(() => {
 			p(null), v(null), w(Z.closeSecondModal()), w(Z.closeModal(u.MODALS.UPLOAD_IMAGE_MODAL));
 		}, [w]), V = (0, n.useRef)();
-		V.current = async function(E, P, j) {
+		V.current = async function(j, T, E) {
 			try {
-				const x = wt(j, E);
-				a && await a(new File([x], P, {
+				const x = bt(E, j);
+				a && await a(new File([x], T, {
 					lastModified: Date.now(),
 					type: x.type
 				}));
@@ -300,17 +299,17 @@ __useblocks__.define("static/core/53463a60.js", [
 				throw x;
 			}
 		};
-		const ee = (0, n.useCallback)((E) => {
-			if (E && !(O.current && D)) {
+		const ee = (0, n.useCallback)((j) => {
+			if (j && !(O.current && D)) {
 				O.current = !0;
-				const P = y.locale ? y.locale.replace("_", "-") : "en-US", j = y.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? u.DARK : u.LIGHT : y.theme;
-				ht.Tf.init({
+				const T = y.locale ? y.locale.replace("_", "-") : "en-US", E = y.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? u.DARK : u.LIGHT : y.theme;
+				P.Tf.init({
 					selector: "#pixie-editor",
-					baseUrl: m.getBundledHostAssetUrl(Ct),
+					baseUrl: m.getBundledHostAssetUrl(vt),
 					image: b,
-					activeLanguage: P,
-					languages: vt(P, I),
-					tools: bt,
+					activeLanguage: T,
+					languages: yt(T, I),
+					tools: Ct,
 					ui: {
 						menubar: {
 							replaceDefaultItems: !0,
@@ -328,7 +327,7 @@ __useblocks__.define("static/core/53463a60.js", [
 									type: "button",
 									icon: (0, r.jsx)(m.EmIcons, {
 										icon: "HistoryOutlined",
-										configIcons: G,
+										configIcons: F,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
@@ -341,7 +340,7 @@ __useblocks__.define("static/core/53463a60.js", [
 									type: "button",
 									icon: (0, r.jsx)(m.EmIcons, {
 										icon: "CloseOutlined",
-										configIcons: G,
+										configIcons: F,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
@@ -351,7 +350,7 @@ __useblocks__.define("static/core/53463a60.js", [
 							]
 						},
 						nav: { position: "top" },
-						activeTheme: j,
+						activeTheme: E,
 						mode: "inline",
 						forceOverlayModeOnMobile: !1
 					},
@@ -372,7 +371,7 @@ __useblocks__.define("static/core/53463a60.js", [
 			y.locale,
 			I,
 			z,
-			G
+			F
 		]), q = (0, n.useCallback)(() => {
 			D?.tools.export.save(t?.split("/").pop().split(".")[0], d?.split("/")[1]);
 		}, [
@@ -419,7 +418,7 @@ __useblocks__.define("static/core/53463a60.js", [
 				children: (0, r.jsx)(m.Spin, { size: "large" })
 			}), (0, r.jsx)("div", { id: "pixie-editor" })]
 		});
-	}, It = ({ currentImageLink: t, newLink: e, previewDisplayUrl: o, resolvedPreviewObjectUrl: a, resolvedPreviewBlob: i, resolveImageBlob: l, onSave: b, uploadImageResultIsLoading: p }) => {
+	}, At = ({ currentImageLink: t, newLink: e, previewDisplayUrl: o, resolvedPreviewObjectUrl: a, resolvedPreviewBlob: i, resolveImageBlob: l, onSave: b, uploadImageResultIsLoading: p }) => {
 		const d = o || a;
 		return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)("div", { children: (0, r.jsxs)("div", {
 			className: "image-preview",
@@ -440,7 +439,7 @@ __useblocks__.define("static/core/53463a60.js", [
 				alt: "uploadedImage",
 				src: d
 			})]
-		}) }), (0, r.jsx)(At, {
+		}) }), (0, r.jsx)(wt, {
 			currentImageLink: t,
 			prefetchedBlob: i,
 			resolveImageBlob: l,
@@ -455,7 +454,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		unit: Re.Percent,
 		value: 80
 	};
-	function xt(t) {
+	function It(t) {
 		return typeof t == "number" ? {
 			unit: Re.Percent,
 			value: t * 100
@@ -467,52 +466,52 @@ __useblocks__.define("static/core/53463a60.js", [
 			value: parseFloat(t)
 		} : Je : Je;
 	}
-	function St(t, e) {
-		const o = xt(t);
+	function xt(t, e) {
+		const o = It(t);
 		let a;
 		return o.unit === Re.Pixel ? a = `${o.value}px` : a = `${100 - o.value}%`, e ? `${a} 0px 0px 0px` : `0px 0px ${a} 0px`;
 	}
-	function $e({ next: t, hasMore: e, children: o, loader: a, scrollThreshold: i = .8, endMessage: l, style: b, height: p, scrollableTarget: d, hasChildren: v, inverse: I = !1, pullDownToRefresh: w = !1, pullDownToRefreshContent: C, releaseToRefreshContent: R, pullDownToRefreshThreshold: y = 100, refreshFunction: L, onScroll: A, dataLength: G, initialScrollY: O, className: D = "", role: H, tabIndex: B, id: z, ...V }) {
-		const [ee, q] = (0, n.useState)(!1), [E, P] = (0, n.useState)(!1), [j, x] = (0, n.useState)(0), S = (0, n.useRef)(null), U = (0, n.useRef)(null), _ = (0, n.useRef)(null), K = (0, n.useRef)(t);
+	function $e({ next: t, hasMore: e, children: o, loader: a, scrollThreshold: i = .8, endMessage: l, style: b, height: p, scrollableTarget: d, hasChildren: v, inverse: I = !1, pullDownToRefresh: w = !1, pullDownToRefreshContent: C, releaseToRefreshContent: R, pullDownToRefreshThreshold: y = 100, refreshFunction: L, onScroll: A, dataLength: F, initialScrollY: O, className: D = "", role: H, tabIndex: B, id: z, ...V }) {
+		const [ee, q] = (0, n.useState)(!1), [j, T] = (0, n.useState)(!1), [E, x] = (0, n.useState)(0), S = (0, n.useRef)(null), U = (0, n.useRef)(null), Y = (0, n.useRef)(null), K = (0, n.useRef)(t);
 		K.current = t;
 		const s = (0, n.useRef)(L);
 		s.current = L;
 		const h = (0, n.useRef)(y);
 		h.current = y;
-		const W = (0, n.useRef)(!1), me = (0, n.useRef)(!1), T = (0, n.useRef)(0), J = (0, n.useRef)(0), $ = (0, n.useRef)(0), F = (0, n.useCallback)(() => d instanceof HTMLElement ? d : typeof d == "string" ? document.getElementById(d) : null, [d]);
+		const W = (0, n.useRef)(!1), fe = (0, n.useRef)(!1), N = (0, n.useRef)(0), J = (0, n.useRef)(0), $ = (0, n.useRef)(0), G = (0, n.useCallback)(() => d instanceof HTMLElement ? d : typeof d == "string" ? document.getElementById(d) : null, [d]);
 		(0, n.useEffect)(() => {
-			if (typeof G > "u") throw new Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
+			if (typeof F > "u") throw new Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
 			if (w && typeof L != "function") throw new Error(`Mandatory prop "refreshFunction" missing.
           Pull Down To Refresh functionality will not work
           as expected. Check README.md for usage'`);
 			if (typeof O == "number") {
-				const Y = p ? S.current : F();
-				Y && Y.scrollHeight > O && Y.scrollTo(0, O);
+				const _ = p ? S.current : G();
+				_ && _.scrollHeight > O && _.scrollTo(0, O);
 			}
 		}, []), (0, n.useEffect)(() => {
 			W.current = !1, q(!1);
-		}, [G]), (0, n.useEffect)(() => {
+		}, [F]), (0, n.useEffect)(() => {
 			if (!e || typeof IntersectionObserver > "u") return;
-			const Y = U.current;
-			if (!Y) return;
-			const re = p ? S.current : F(), M = new IntersectionObserver(([ae]) => {
+			const _ = U.current;
+			if (!_) return;
+			const re = p ? S.current : G(), M = new IntersectionObserver(([ae]) => {
 				!ae.isIntersecting || W.current || (W.current = !0, q(!0), K.current());
 			}, {
 				root: re,
-				rootMargin: St(i, I),
+				rootMargin: xt(i, I),
 				threshold: 0
 			});
-			return M.observe(Y), () => M.disconnect();
+			return M.observe(_), () => M.disconnect();
 		}, [
 			e,
 			i,
 			I,
 			p,
-			F
+			G
 		]), (0, n.useEffect)(() => {
-			var Y;
+			var _;
 			if (!A) return;
-			const re = (Y = p ? S.current : F()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			const re = (_ = p ? S.current : G()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
 			if (!re) return;
 			const M = (ae) => {
 				setTimeout(() => A(ae), 0);
@@ -521,24 +520,24 @@ __useblocks__.define("static/core/53463a60.js", [
 		}, [
 			A,
 			p,
-			F
+			G
 		]), (0, n.useEffect)(() => {
-			var Y, re;
+			var _, re;
 			if (!w) return;
-			const M = (Y = p ? S.current : F()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			const M = (_ = p ? S.current : G()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
 			if (!M) return;
-			if (!((re = _.current) === null || re === void 0) && re.firstChild) {
-				const X = _.current.firstChild.getBoundingClientRect().height;
+			if (!((re = Y.current) === null || re === void 0) && re.firstChild) {
+				const X = Y.current.firstChild.getBoundingClientRect().height;
 				$.current = X, x(X);
 			}
 			const ae = (X) => {
-				(M instanceof HTMLElement ? M.scrollTop : document.documentElement.scrollTop) > 0 || (me.current = !0, X instanceof MouseEvent ? T.current = X.pageY : X instanceof TouchEvent && (T.current = X.touches[0].pageY), J.current = T.current, S.current && (S.current.style.willChange = "transform", S.current.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
+				(M instanceof HTMLElement ? M.scrollTop : document.documentElement.scrollTop) > 0 || (fe.current = !0, X instanceof MouseEvent ? N.current = X.pageY : X instanceof TouchEvent && (N.current = X.touches[0].pageY), J.current = N.current, S.current && (S.current.style.willChange = "transform", S.current.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
 			}, g = (X) => {
-				if (!me.current || (X instanceof MouseEvent ? J.current = X.pageY : X instanceof TouchEvent && (J.current = X.touches[0].pageY), J.current < T.current)) return;
-				const ce = J.current - T.current;
-				ce >= h.current && P(!0), !(ce > $.current * 1.5) && S.current && (S.current.style.overflow = "visible", S.current.style.transform = `translate3d(0px, ${ce}px, 0px)`);
+				if (!fe.current || (X instanceof MouseEvent ? J.current = X.pageY : X instanceof TouchEvent && (J.current = X.touches[0].pageY), J.current < N.current)) return;
+				const ce = J.current - N.current;
+				ce >= h.current && T(!0), !(ce > $.current * 1.5) && S.current && (S.current.style.overflow = "visible", S.current.style.transform = `translate3d(0px, ${ce}px, 0px)`);
 			}, te = () => {
-				T.current = 0, J.current = 0, me.current = !1, P((X) => {
+				N.current = 0, J.current = 0, fe.current = !1, T((X) => {
 					var ce;
 					return X && ((ce = s.current) === null || ce === void 0 || ce.call(s)), !1;
 				}), requestAnimationFrame(() => {
@@ -551,19 +550,19 @@ __useblocks__.define("static/core/53463a60.js", [
 		}, [
 			w,
 			p,
-			F
+			G
 		]);
 		const he = {
 			height: p ?? "auto",
 			overflow: "auto",
 			WebkitOverflowScrolling: "touch",
 			...b
-		}, ie = v || !!(o && o instanceof Array && o.length), pe = w && p ? { overflow: "auto" } : {}, Ae = e ? (0, r.jsx)("div", {
+		}, ie = v || !!(o && o instanceof Array && o.length), me = w && p ? { overflow: "auto" } : {}, Ae = e ? (0, r.jsx)("div", {
 			ref: U,
 			style: { height: 1 }
 		}) : null;
 		return (0, r.jsx)("div", {
-			style: pe,
+			style: me,
 			className: "infinite-scroll-component__outerdiv",
 			children: (0, r.jsxs)("div", {
 				...V,
@@ -576,15 +575,15 @@ __useblocks__.define("static/core/53463a60.js", [
 				children: [
 					w && (0, r.jsx)("div", {
 						style: { position: "relative" },
-						ref: _,
+						ref: Y,
 						children: (0, r.jsx)("div", {
 							style: {
 								position: "absolute",
 								left: 0,
 								right: 0,
-								top: -1 * j
+								top: -1 * E
 							},
-							children: E ? R : C
+							children: j ? R : C
 						})
 					}),
 					o,
@@ -596,16 +595,16 @@ __useblocks__.define("static/core/53463a60.js", [
 			})
 		});
 	}
-	function Rt(t, e) {
+	function St(t, e) {
 		if (t == null) return {};
-		var o = kt(t, e), a, i;
+		var o = Rt(t, e), a, i;
 		if (Object.getOwnPropertySymbols) {
 			var l = Object.getOwnPropertySymbols(t);
 			for (i = 0; i < l.length; i++) a = l[i], !(e.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (o[a] = t[a]);
 		}
 		return o;
 	}
-	function kt(t, e) {
+	function Rt(t, e) {
 		if (t == null) return {};
 		var o = {}, a = Object.keys(t), i, l;
 		for (l = 0; l < a.length; l++) i = a[l], !(e.indexOf(i) >= 0) && (o[i] = t[i]);
@@ -634,14 +633,14 @@ __useblocks__.define("static/core/53463a60.js", [
 		for (var e = 1; e < arguments.length; e++) {
 			var o = arguments[e] != null ? arguments[e] : {};
 			e % 2 ? et(Object(o), !0).forEach(function(a) {
-				jt(t, a, o[a]);
+				kt(t, a, o[a]);
 			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : et(Object(o)).forEach(function(a) {
 				Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(o, a));
 			});
 		}
 		return t;
 	}
-	function jt(t, e, o) {
+	function kt(t, e, o) {
 		return e in t ? Object.defineProperty(t, e, {
 			value: o,
 			enumerable: !0,
@@ -711,7 +710,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		}
 		logDeprecated(t) {}
 		render() {
-			const t = this.props, { children: e, breakpointCols: o, columnClassName: a, columnAttrs: i, column: l, className: b } = t, p = Rt(t, [
+			const t = this.props, { children: e, breakpointCols: o, columnClassName: a, columnAttrs: i, column: l, className: b } = t, p = St(t, [
 				"children",
 				"breakpointCols",
 				"columnClassName",
@@ -724,7 +723,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		}
 	};
 	Ne.defaultProps = Et;
-	function Ge(t, e) {
+	function Fe(t, e) {
 		return t ? t.exhausted ? {
 			...t,
 			src: null
@@ -758,12 +757,12 @@ __useblocks__.define("static/core/53463a60.js", [
 			const d = new Set(), v = {}, I = t.map((w) => {
 				const { itemId: C, cacheKey: R, controller: y } = p(w);
 				d.add(R), v[C] = y.src;
-				const L = Ge(y.handleChangeSrc?.(), y.src);
+				const L = Fe(y.handleChangeSrc?.(), y.src);
 				return L?.changed && L.src && (v[C] = L.src), y.subscribeToSrcChange?.((A) => {
-					const G = Ge(A, y.src);
-					!G?.changed || !G.src || l((O) => O[C] === G.src ? O : {
+					const F = Fe(A, y.src);
+					!F?.changed || !F.src || l((O) => O[C] === F.src ? O : {
 						...O,
-						[C]: G.src
+						[C]: F.src
 					});
 				});
 			}).filter(Boolean);
@@ -781,7 +780,7 @@ __useblocks__.define("static/core/53463a60.js", [
 				p(d).controller.handleSuccess();
 			}, [p]),
 			handleError: (0, n.useCallback)((d) => {
-				const { itemId: v, controller: I } = p(d), w = Ge(I.handleError(), I.src);
+				const { itemId: v, controller: I } = p(d), w = Fe(I.handleError(), I.src);
 				w?.changed && w.src && l((C) => ({
 					...C,
 					[v]: w.src
@@ -789,9 +788,9 @@ __useblocks__.define("static/core/53463a60.js", [
 			}, [p])
 		};
 	}
-	var nt = "blocks", Ot = ({ setCurrentImageLink: t, setModalHeight: e, setModalWidth: o, setImageStockList: a, imageStockList: i, currentReq: l, setCurrentReq: b, inputRef: p, setStockLink: d, customRequest: v }) => {
-		const I = u.useAppConfig(), w = u.useIsStandalone(), [C, R] = (0, n.useState)(!1), [y, L] = (0, n.useState)(2), { __: A } = m.useI18n(), G = m.useNotification(), [O] = Z.useLazyGetUnsplashImageQuery(), [D] = Z.useLazyGetSearchImageQuery(), H = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : A("Failed to load stock images through the configured proxy chain."), [A]), B = (0, n.useCallback)((s) => {
-			G.error({
+	var nt = "blocks", jt = ({ setCurrentImageLink: t, setModalHeight: e, setModalWidth: o, setImageStockList: a, imageStockList: i, currentReq: l, setCurrentReq: b, inputRef: p, setStockLink: d, customRequest: v }) => {
+		const I = u.useAppConfig(), w = u.useIsStandalone(), [C, R] = (0, n.useState)(!1), [y, L] = (0, n.useState)(2), { __: A } = m.useI18n(), F = m.useNotification(), [O] = Z.useLazyGetUnsplashImageQuery(), [D] = Z.useLazyGetSearchImageQuery(), H = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : A("Failed to load stock images through the configured proxy chain."), [A]), B = (0, n.useCallback)((s) => {
+			F.error({
 				id: "STOCK_IMAGES_SEARCH_FAILED",
 				title: A("Failed to load stock images"),
 				description: H(s)
@@ -799,7 +798,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		}, [
 			A,
 			H,
-			G
+			F
 		]), z = async () => {
 			C || (R(!0), D({
 				query: l,
@@ -831,19 +830,19 @@ __useblocks__.define("static/core/53463a60.js", [
 			h.length > 0 ? (a(h), setTimeout(() => {
 				o(1060), e("84vh");
 			}, 0)) : a([]);
-		}, [ee, q] = (0, n.useState)(null), E = (0, n.useCallback)((s, h, W) => `${s}${s.includes("?") ? "&" : "?"}w=${h}&q=${W}`, []), P = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
+		}, [ee, q] = (0, n.useState)(null), j = (0, n.useCallback)((s, h, W) => `${s}${s.includes("?") ? "&" : "?"}w=${h}&q=${W}`, []), T = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
 			config: I,
 			standalone: w,
 			resourceType: "stockImages",
 			intent: "display"
-		}), [I, w]), { getDisplaySrc: j, handleLoad: x, handleError: S } = tt({
+		}), [I, w]), { getDisplaySrc: E, handleLoad: x, handleError: S } = tt({
 			items: i,
 			getItemId: (0, n.useCallback)((s) => s.id, []),
-			getRequestUrl: (0, n.useCallback)((s) => E(s.urls.raw, 644, 96), [E]),
-			createController: P
+			getRequestUrl: (0, n.useCallback)((s) => j(s.urls.raw, 644, 96), [j]),
+			createController: T
 		}), U = (s) => (h) => {
 			x(s), h.target.parentNode.classList.add("loaded");
-		}, _ = (s) => () => {
+		}, Y = (s) => () => {
 			S(s);
 		}, K = (s, h, W) => {
 			O(h.download_location), q(W), setTimeout(() => q(null), 2e3), d(`${s.raw}&w=1200&q=96`), t(`${s.raw}&w=1200&q=96`), v(`${s.raw}&w=1200&q=96`);
@@ -886,7 +885,7 @@ __useblocks__.define("static/core/53463a60.js", [
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "",
-									children: (0, r.jsx)(N.EmIcons, { icon: "MixedView" })
+									children: (0, r.jsx)(P.EmIcons, { icon: "MixedView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
@@ -894,7 +893,7 @@ __useblocks__.define("static/core/53463a60.js", [
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "landscape",
-									children: (0, r.jsx)(N.EmIcons, { icon: "LandscapeView" })
+									children: (0, r.jsx)(P.EmIcons, { icon: "LandscapeView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
@@ -902,7 +901,7 @@ __useblocks__.define("static/core/53463a60.js", [
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "portrait",
-									children: (0, r.jsx)(N.EmIcons, { icon: "PortraitView" })
+									children: (0, r.jsx)(P.EmIcons, { icon: "PortraitView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
@@ -910,7 +909,7 @@ __useblocks__.define("static/core/53463a60.js", [
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "squarish",
-									children: (0, r.jsx)(N.EmIcons, { icon: "SquareView" })
+									children: (0, r.jsx)(P.EmIcons, { icon: "SquareView" })
 								})
 							})
 						]
@@ -1024,10 +1023,10 @@ __useblocks__.define("static/core/53463a60.js", [
 									(0, r.jsx)("img", {
 										className: ee === s.id ? "loaded-image" : "",
 										width: "322px",
-										src: j(s),
+										src: E(s),
 										alt: s.description,
 										onLoad: U(s),
-										onError: _(s)
+										onError: Y(s)
 									}),
 									(0, r.jsxs)("p", {
 										className: "creator-info",
@@ -1067,11 +1066,11 @@ __useblocks__.define("static/core/53463a60.js", [
 	function rt(t) {
 		return /^(https?:)?\/\//i.test(t.trim());
 	}
-	function Lt(t) {
+	function Ot(t) {
 		const e = t.trim();
 		return rt(e) || /^data:/i.test(e) ? e : `data:image/jpeg;base64, ${t}`;
 	}
-	var Dt = ({ images: t, transitionDuration: e = 1e3 }) => {
+	var Lt = ({ images: t, transitionDuration: e = 1e3 }) => {
 		const [o, a] = (0, n.useState)([]);
 		return (0, n.useEffect)(() => {
 			if (t.length > 0) {
@@ -1089,7 +1088,7 @@ __useblocks__.define("static/core/53463a60.js", [
 		}, [t]), (0, r.jsx)("div", {
 			className: "slideshow-container",
 			children: o.map((i, l) => (0, r.jsx)("img", {
-				src: Lt(i.src),
+				src: Ot(i.src),
 				alt: `Slide ${l + 1}`,
 				className: "slideshow-image",
 				style: {
@@ -1099,20 +1098,20 @@ __useblocks__.define("static/core/53463a60.js", [
 			}, l))
 		});
 	};
-	function Bt({ setModalHeight: t, customRequest: e, aiTabRef: o, isImageUploaded: a, setIsImageUploaded: i, aiImageRequest: l, imageAiList: b, setImageAiList: p, isLoadingAi: d, setIsLoadingAi: v, onPluginAiImageLimitExceeded: I, onImageGenerateLimitExceeded: w }) {
-		const { __: C } = m.useI18n(), R = u.useAppConfig(), y = m.useNotification(), L = u.usePushToDataLayer(), { emailId: A, blockId: G, projectId: O } = u.useParams(), [D] = Z.useLazySendAiImageRequestQuery(), [H, { data: B = [] }] = Z.useLazyGetAiImageSSEQuery(), [z] = Z.useLazyGetLimitsStatsByTypeQuery(), V = R?.sendAIImageRequest || D, ee = R?.trigger || H, q = R?.handleLimitUsageEmitter || u.useEventEmitter(u.events.ON_LIMIT_ID), [E, P] = (0, n.useState)(0), [j, x] = (0, n.useState)(null), [S, U] = (0, n.useState)(!1), [_, K] = (0, n.useState)(C("Evaluating the task")), [s, h] = (0, n.useState)(!1), W = A || G, { limits: me } = R?.limits ? R : { limits: { ai_img_limit: 0 } }, { ai_img_limit: T } = me, J = !!(R.limits && R.counters) && u.PLUGIN.isPlugin, $ = u.useEventEmitter(u.events.AI_IMAGE_REQUEST_ID).hasListeners(), F = ne.shouldCountAiUsage({
+	function Dt({ setModalHeight: t, customRequest: e, aiTabRef: o, isImageUploaded: a, setIsImageUploaded: i, aiImageRequest: l, imageAiList: b, setImageAiList: p, isLoadingAi: d, setIsLoadingAi: v, onPluginAiImageLimitExceeded: I, onImageGenerateLimitExceeded: w }) {
+		const { __: C } = m.useI18n(), R = u.useAppConfig(), y = m.useNotification(), L = u.usePushToDataLayer(), { emailId: A, blockId: F, projectId: O } = u.useParams(), [D] = Z.useLazySendAiImageRequestQuery(), [H, { data: B = [] }] = Z.useLazyGetAiImageSSEQuery(), [z] = Z.useLazyGetLimitsStatsByTypeQuery(), V = R?.sendAIImageRequest || D, ee = R?.trigger || H, q = R?.handleLimitUsageEmitter || u.useEventEmitter(u.events.ON_LIMIT_ID), [j, T] = (0, n.useState)(0), [E, x] = (0, n.useState)(null), [S, U] = (0, n.useState)(!1), [Y, K] = (0, n.useState)(C("Evaluating the task")), [s, h] = (0, n.useState)(!1), W = A || F, { limits: fe } = R?.limits ? R : { limits: { ai_img_limit: 0 } }, { ai_img_limit: N } = fe, J = !!(R.limits && R.counters) && u.PLUGIN.isPlugin, $ = u.useEventEmitter(u.events.AI_IMAGE_REQUEST_ID).hasListeners(), G = ne.shouldCountAiUsage({
 			limitsInPlugin: J,
 			hostedAiActive: $
-		}), he = !$ && T > 0 && E >= T, ie = (0, n.useCallback)(() => {
+		}), he = !$ && N > 0 && j >= N, ie = (0, n.useCallback)(() => {
 			q.fire({
 				name: "AiImgCount",
-				count: E + 1
+				count: j + 1
 			});
-		}, [q, E]), pe = (0, n.useMemo)(() => !he && (!F || T === 0 || E < T), [
+		}, [q, j]), me = (0, n.useMemo)(() => !he && (!G || N === 0 || j < N), [
 			he,
-			F,
-			E,
-			T
+			G,
+			j,
+			N
 		]), Ae = (0, n.useCallback)(async () => {
 			K(C("Evaluating the task")), l !== "" && !d && (v(!0), h(!0), p([]), L({
 				event: "submit_form",
@@ -1163,16 +1162,16 @@ __useblocks__.define("static/core/53463a60.js", [
 			ee,
 			W,
 			C
-		]), Y = (0, n.useCallback)(async () => {
-			if (pe) {
+		]), _ = (0, n.useCallback)(async () => {
+			if (me) {
 				if (!u.PLUGIN.isPlugin && !$) {
-					const g = N.resolveLimitActionPreflightExceededForType("image_generate", (await z("image_generate")).data?.stats);
+					const g = P.resolveLimitActionPreflightExceededForType("image_generate", (await z("image_generate")).data?.stats);
 					if (g) {
 						w?.(g);
 						return;
 					}
 				}
-				F && (P((g) => g + 1), ie()), Ae();
+				G && (T((g) => g + 1), ie()), Ae();
 			} else J && (I ? I() : y.error({
 				title: C("The usage limit has been exceeded"),
 				description: C(`The maximum number of requests for the current subscription period has been reached.
@@ -1180,13 +1179,13 @@ Select the appropriate plan to fulfil more requests`),
 				placement: "bottomRight"
 			}));
 		}, [
-			pe,
+			me,
 			J,
 			$,
-			F,
+			G,
 			z,
 			w,
-			P,
+			T,
 			ie,
 			Ae,
 			y,
@@ -1194,7 +1193,7 @@ Select the appropriate plan to fulfil more requests`),
 			I
 		]);
 		(0, n.useEffect)(() => {
-			J && P(R?.counters?.ai_img_counter || 0);
+			J && T(R?.counters?.ai_img_counter || 0);
 		}, [R, J]);
 		const re = u.useEventEmitter(u.events.AI_IMAGE_PROGRESS_ID);
 		(0, n.useEffect)(() => {
@@ -1222,7 +1221,7 @@ Select the appropriate plan to fulfil more requests`),
 				id: "AI_IMAGE_GET_ERROR",
 				title: C("Something went wrong, please try again"),
 				placement: "bottomRight",
-				data: j
+				data: E
 			}));
 		}, [
 			p,
@@ -1230,7 +1229,7 @@ Select the appropriate plan to fulfil more requests`),
 			C,
 			v,
 			t,
-			j,
+			E,
 			y,
 			h
 		]);
@@ -1248,11 +1247,11 @@ Select the appropriate plan to fulfil more requests`),
 			d,
 			t
 		]), {
-			aiImageCounter: E,
-			setAiImageCounter: P,
-			currentAiImgLimits: T,
+			aiImageCounter: j,
+			setAiImageCounter: T,
+			currentAiImgLimits: N,
 			isFieldsDisabled: he,
-			canGenerateImage: pe,
+			canGenerateImage: me,
 			aiImageRequest: l,
 			imageAiList: b,
 			setImageAiList: p,
@@ -1260,20 +1259,20 @@ Select the appropriate plan to fulfil more requests`),
 			setIsLoadingAi: v,
 			loadingDuringGeneration: s,
 			setLoadingDuringGeneration: h,
-			requestStatus: _,
+			requestStatus: Y,
 			setRequestStatus: K,
-			handleGenerate: Y,
+			handleGenerate: _,
 			handleLimitAiImgCount: ie,
 			convertBase64ToFile: M,
 			isShiftPressed: S,
 			setIsShiftPressed: U,
-			currentReqId: j,
+			currentReqId: E,
 			setCurrentReqId: x,
 			limitsInPlugin: J
 		};
 	}
-	var Ut = ({ setModalHeight: t, customRequest: e, aiTabRef: o, inputAiRef: a, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: b, setAiImageRequest: p, imageAiList: d, setImageAiList: v, isLoadingAi: I, setIsLoadingAi: w }) => {
-		const C = u.useNavigate(), R = u.useDispatch(), { __: y, _n: L } = m.useI18n(), A = u.useAppConfig(), [G, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(null), { aiImageCounter: B, currentAiImgLimits: z, loadingDuringGeneration: V, requestStatus: ee, handleGenerate: q, convertBase64ToFile: E, isShiftPressed: P, setIsShiftPressed: j, limitsInPlugin: x } = Bt({
+	var Bt = ({ setModalHeight: t, customRequest: e, aiTabRef: o, inputAiRef: a, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: b, setAiImageRequest: p, imageAiList: d, setImageAiList: v, isLoadingAi: I, setIsLoadingAi: w }) => {
+		const C = u.useNavigate(), R = u.useDispatch(), { __: y, _n: L } = m.useI18n(), A = u.useAppConfig(), [F, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(null), { aiImageCounter: B, currentAiImgLimits: z, loadingDuringGeneration: V, requestStatus: ee, handleGenerate: q, convertBase64ToFile: j, isShiftPressed: T, setIsShiftPressed: E, limitsInPlugin: x } = Dt({
 			setModalHeight: t,
 			customRequest: e,
 			aiTabRef: o,
@@ -1286,38 +1285,38 @@ Select the appropriate plan to fulfil more requests`),
 			setIsLoadingAi: w,
 			onPluginAiImageLimitExceeded: () => O(!0),
 			onImageGenerateLimitExceeded: H
-		}), S = G && z > 0 ? ne.getAiTariffUpgradeStep(z) : null, U = S ? N.getLimitUpgradePresetDefinition(S.presetId) : null, _ = D ? N.getLimitUpgradePresetDefinition(D.presetId) : null, [K, s] = (0, n.useState)(!1), h = (0, n.useCallback)(() => s(!0), []), W = (0, n.useCallback)(() => s(!1), []), me = (0, n.useCallback)((F) => p(F.target.value), [p]), T = (0, n.useCallback)((F) => {
-			F.key === "Shift" ? j(!0) : F.key === "Enter" && !P && (F.preventDefault(), q());
+		}), S = F && z > 0 ? ne.getAiTariffUpgradeStep(z) : null, U = S ? P.getLimitUpgradePresetDefinition(S.presetId) : null, Y = D ? P.getLimitUpgradePresetDefinition(D.presetId) : null, [K, s] = (0, n.useState)(!1), h = (0, n.useCallback)(() => s(!0), []), W = (0, n.useCallback)(() => s(!1), []), fe = (0, n.useCallback)((G) => p(G.target.value), [p]), N = (0, n.useCallback)((G) => {
+			G.key === "Shift" ? E(!0) : G.key === "Enter" && !T && (G.preventDefault(), q());
 		}, [
-			P,
+			T,
 			q,
-			j
-		]), J = (0, n.useCallback)((F) => {
-			F.key === "Shift" && j(!1);
-		}, [j]), $ = d[d.length - 1];
+			E
+		]), J = (0, n.useCallback)((G) => {
+			G.key === "Shift" && E(!1);
+		}, [E]), $ = d[d.length - 1];
 		return (0, r.jsxs)("div", {
 			className: "image-ai",
 			children: [
-				U && S ? (0, r.jsx)(N.LimitUpgradeModal, {
+				U && S ? (0, r.jsx)(P.LimitUpgradeModal, {
 					open: !0,
 					onClose: () => O(!1),
 					title: y(U.titleKey),
 					subtitle: y(U.subtitleKey),
 					usageResource: U.usageResource,
-					previousDisplay: N.presetLimitDisplay(S.previousLimit),
-					nextDisplay: N.presetLimitDisplay(S.nextLimit),
+					previousDisplay: P.presetLimitDisplay(S.previousLimit),
+					nextDisplay: P.presetLimitDisplay(S.nextLimit),
 					onChangePlan: () => {
 						O(!1), document.body.classList.remove("editor"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
-				_ && D ? (0, r.jsx)(N.LimitUpgradeModal, {
+				Y && D ? (0, r.jsx)(P.LimitUpgradeModal, {
 					open: !0,
 					onClose: () => H(null),
-					title: y(_.titleKey),
-					subtitle: y(_.subtitleKey),
-					usageResource: _.usageResource,
-					previousDisplay: N.presetLimitDisplay(D.previousLimit),
-					nextDisplay: N.presetLimitDisplay(D.nextLimit),
+					title: y(Y.titleKey),
+					subtitle: y(Y.subtitleKey),
+					usageResource: Y.usageResource,
+					previousDisplay: P.presetLimitDisplay(D.previousLimit),
+					nextDisplay: P.presetLimitDisplay(D.nextLimit),
 					onChangePlan: () => {
 						H(null), document.body.classList.remove("editor"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
@@ -1346,7 +1345,7 @@ Select the appropriate plan to fulfil more requests`),
 								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${K ? " ant-input-affix-wrapper-focused" : ""}`,
 								children: [(0, r.jsx)(m.TextArea, {
 									ref: a,
-									onKeyDown: T,
+									onKeyDown: N,
 									onKeyUp: J,
 									onFocus: h,
 									onBlur: W,
@@ -1355,15 +1354,15 @@ Select the appropriate plan to fulfil more requests`),
 									className: "text-area-input-hybrid image-ai__textarea",
 									placeholder: y("Generate image"),
 									value: b,
-									onChange: me,
+									onChange: fe,
 									spellCheck: "false"
 								}), (0, r.jsx)("span", {
 									className: "ant-input-suffix image-ai__input-suffix",
-									children: I || V ? (0, r.jsx)(N.EmIcons, {
+									children: I || V ? (0, r.jsx)(P.EmIcons, {
 										icon: "LoadingOutlined",
 										className: "input-icon image-ai__input-icon",
 										spin: !0
-									}) : (0, r.jsx)(N.EmIcons, {
+									}) : (0, r.jsx)(P.EmIcons, {
 										icon: "AI",
 										className: "input-icon image-ai__input-icon",
 										onClick: q
@@ -1379,7 +1378,7 @@ Select the appropriate plan to fulfil more requests`),
 						className: "image-ai__loading",
 						children: (0, r.jsxs)("div", {
 							className: "spin",
-							children: [(0, r.jsx)(N.EmIcons, {
+							children: [(0, r.jsx)(P.EmIcons, {
 								icon: "LoadingOutlined",
 								style: { fontSize: 48 },
 								spin: !0
@@ -1390,11 +1389,11 @@ Select the appropriate plan to fulfil more requests`),
 						})
 					}), d.length > 0 && (0, r.jsxs)("div", {
 						className: "image-ai__image-item",
-						children: [(0, r.jsx)(Dt, { images: d }), (0, r.jsx)("div", {
+						children: [(0, r.jsx)(Lt, { images: d }), (0, r.jsx)("div", {
 							className: "buttons",
 							children: (0, r.jsx)(m.Button, {
-								onClick: () => E($),
-								icon: (0, r.jsx)(N.EmIcons, { icon: "CheckOutlined" }),
+								onClick: () => j($),
+								icon: (0, r.jsx)(P.EmIcons, { icon: "CheckOutlined" }),
 								children: y("Use this one")
 							})
 						})]
@@ -1402,8 +1401,8 @@ Select the appropriate plan to fulfil more requests`),
 				})
 			]
 		});
-	}, Mt = ({ setNewLink: t, setCurrentImageLink: e, setModalHeight: o, setModalWidth: a, setImageGifList: i, imageGifList: l, currentReqGif: b, setCurrentReqGif: p, inputRef: d, setStockLink: v, customRequest: I }) => {
-		const { __: w } = m.useI18n(), C = u.useAppConfig(), R = u.useIsStandalone(), y = m.useNotification(), [L, A] = (0, n.useState)(null), [G, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(25), [B] = Z.useLazyGetSearchGifQuery(), z = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : w("Failed to load GIFs through the configured proxy chain."), [w]), V = (0, n.useCallback)((s) => {
+	}, Ut = ({ setNewLink: t, setCurrentImageLink: e, setModalHeight: o, setModalWidth: a, setImageGifList: i, imageGifList: l, currentReqGif: b, setCurrentReqGif: p, inputRef: d, setStockLink: v, customRequest: I }) => {
+		const { __: w } = m.useI18n(), C = u.useAppConfig(), R = u.useIsStandalone(), y = m.useNotification(), [L, A] = (0, n.useState)(null), [F, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(25), [B] = Z.useLazyGetSearchGifQuery(), z = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : w("Failed to load GIFs through the configured proxy chain."), [w]), V = (0, n.useCallback)((s) => {
 			y.error({
 				id: "STOCK_GIFS_SEARCH_FAILED",
 				title: w("Failed to load GIFs"),
@@ -1414,7 +1413,7 @@ Select the appropriate plan to fulfil more requests`),
 			z,
 			y
 		]), ee = async () => {
-			G || (O(!0), B({
+			F || (O(!0), B({
 				query: b,
 				page: D
 			}).then((s) => {
@@ -1438,11 +1437,11 @@ Select the appropriate plan to fulfil more requests`),
 			s?.data?.data?.length > 0 && (i(s.data.data), setTimeout(() => {
 				o("84vh"), a(1060);
 			}, 0));
-		}, E = (s, h) => {
+		}, j = (s, h) => {
 			A(h), setTimeout(() => {
 				A(null);
 			}, 2e3), v(`${s}`), e(`${s}`), I(`${s}`);
-		}, P = { default: 3 }, j = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
+		}, T = { default: 3 }, E = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
 			config: C,
 			standalone: R,
 			resourceType: "generic",
@@ -1451,8 +1450,8 @@ Select the appropriate plan to fulfil more requests`),
 			items: l,
 			getItemId: (0, n.useCallback)((s) => s.id, []),
 			getRequestUrl: (0, n.useCallback)((s) => s.images.downsized.url, []),
-			createController: j
-		}), _ = (s) => (h) => {
+			createController: E
+		}), Y = (s) => (h) => {
 			S(s), h.target.parentNode.classList.add("loaded");
 		}, K = (s) => () => {
 			U(s);
@@ -1519,19 +1518,19 @@ Select the appropriate plan to fulfil more requests`),
 						style: { overflow: "visible" },
 						loader: (0, r.jsx)(m.Spin, { size: "small" }),
 						children: (0, r.jsx)(Ne, {
-							breakpointCols: P,
+							breakpointCols: T,
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
 							children: l.map((s, h) => (0, r.jsxs)("div", {
 								className: "list-item",
-								onClick: () => E(s.images.downsized.url, s.id),
+								onClick: () => j(s.images.downsized.url, s.id),
 								children: [
 									(0, r.jsx)("img", {
 										className: L === s.id ? "loaded-image" : "",
 										width: "322px",
 										src: x(s),
 										alt: s.title,
-										onLoad: _(s),
+										onLoad: Y(s),
 										onError: K(s)
 									}),
 									(0, r.jsx)("a", {
@@ -1556,10 +1555,10 @@ Select the appropriate plan to fulfil more requests`),
 			})]
 		});
 	};
-	function Pt(t) {
+	function Mt(t) {
 		if (!(t == null || t === "")) return t;
 	}
-	async function Tt(t, e) {
+	async function Pt(t, e) {
 		if (t) {
 			if (t.url) return t.url;
 			if (typeof e.getFileById == "function" && t.id) {
@@ -1579,10 +1578,10 @@ Select the appropriate plan to fulfil more requests`),
 			return t.thumbnail || t.thumbnailUrl;
 		}
 	}
-	function Nt(t) {
+	function Tt(t) {
 		if (!(!t?.success || !Array.isArray(t.detailed))) return t.detailed.find((e) => e?.success && e.data)?.data;
 	}
-	function Gt(t, e, o) {
+	function Nt(t, e, o) {
 		if (t) return {
 			id: t.id,
 			name: t.name || e.name,
@@ -1604,9 +1603,9 @@ Select the appropriate plan to fulfil more requests`),
 	}
 	async function Ft(t, e, o) {
 		if (!e) return;
-		const a = Pt(o ?? e.rootId);
+		const a = Mt(o ?? e.rootId);
 		let i;
-		typeof e.uploadFiles == "function" ? i = Nt(await e.uploadFiles({
+		typeof e.uploadFiles == "function" ? i = Tt(await e.uploadFiles({
 			folderId: a,
 			items: [{
 				name: t.name,
@@ -1615,42 +1614,42 @@ Select the appropriate plan to fulfil more requests`),
 				folderId: a,
 				data: t
 			}]
-		})) : typeof e.uploadFile == "function" && (i = Gt(await e.uploadFile({
+		})) : typeof e.uploadFile == "function" && (i = Nt(await e.uploadFile({
 			name: t.name,
 			size: t.size,
 			type: t.type,
 			folderId: a,
 			data: t
 		}), t, a));
-		const l = await Tt(i, e);
+		const l = await Pt(i, e);
 		return l ? {
 			item: i,
 			url: l
 		} : void 0;
 	}
-	var st = "IMG", at = "BACKGROUND", zt = "GALLERY", we = "EDITOR", fe = "UPLOAD", Fe = "STOCK", ze = "GIF", Ke = "AI", Kt = { mode: "select" }, Wt = { mode: "save" }, { Dragger: Ht } = m.Upload, Vt = (t, e = "image") => Z.decodeFileNameFromUrl(t) ?? e, je = ne.normalizeImageFormatForDisplay, qt = (t, e) => {
-		const o = je(e);
+	var st = "IMG", at = "BACKGROUND", Gt = "GALLERY", we = "EDITOR", de = "UPLOAD", Ge = "STOCK", ze = "GIF", Ke = "AI", zt = { mode: "select" }, Kt = { mode: "save" }, { Dragger: Wt } = m.Upload, Ht = (t, e = "image") => Z.decodeFileNameFromUrl(t) ?? e, Ee = ne.normalizeImageFormatForDisplay, Vt = (t, e) => {
+		const o = Ee(e);
 		return !o || t.includes(".") ? t : `${t}.${o}`;
-	}, Qt = (t, e) => new File([t], qt(Vt(e), t.type), { type: t.type || "application/octet-stream" }), ot = ({ dataProvider: t }) => {
-		const e = u.useAppConfig(), o = u.useIsStandalone(), { __: a } = m.useI18n(), i = u.useDispatch(), { projectId: l } = u.useParams(), [b] = Z.useLazyGetImageInfoQuery(), { modal: p } = m.App.useApp(), d = m.useNotification(), v = u.useSelector(Z.selectActiveModal), { request: I, resolveImagePicker: w } = N.useImagePicker(), [C, R] = (0, n.useState)(""), [y, L] = (0, n.useState)(""), [A, G] = (0, n.useState)(""), [O, D] = (0, n.useState)(""), [H, B] = (0, n.useState)(fe), [z, V] = (0, n.useState)({
+	}, qt = (t, e) => new File([t], Vt(Ht(e), t.type), { type: t.type || "application/octet-stream" }), ot = ({ dataProvider: t }) => {
+		const e = u.useAppConfig(), o = u.useIsStandalone(), { __: a } = m.useI18n(), i = u.useDispatch(), { projectId: l } = u.useParams(), [b] = Z.useLazyGetImageInfoQuery(), { modal: p } = m.App.useApp(), d = m.useNotification(), v = u.useSelector(Z.selectActiveModal), { request: I, resolveImagePicker: w } = P.useImagePicker(), [C, R] = (0, n.useState)(""), [y, L] = (0, n.useState)(""), [A, F] = (0, n.useState)(""), [O, D] = (0, n.useState)(""), [H, B] = (0, n.useState)(de), [z, V] = (0, n.useState)({
 			width: "",
 			height: "",
 			size: "",
 			format: ""
-		}), [ee, q] = (0, n.useState)("success"), [E, P] = (0, n.useState)(!1), j = n.default.useRef(null), x = n.default.useRef(null), S = n.default.useRef(null), U = n.default.useRef(null), _ = n.default.useRef(null), K = n.default.useRef(null), s = n.default.useRef(null), h = n.default.useRef(null), W = n.default.useRef(null), [me, T] = (0, n.useState)("auto"), [J, $] = (0, n.useState)(572), [F, he] = (0, n.useState)(!1), [ie, pe] = (0, n.useState)({
+		}), [ee, q] = (0, n.useState)("success"), [j, T] = (0, n.useState)(!1), E = n.default.useRef(null), x = n.default.useRef(null), S = n.default.useRef(null), U = n.default.useRef(null), Y = n.default.useRef(null), K = n.default.useRef(null), s = n.default.useRef(null), h = n.default.useRef(null), W = n.default.useRef(null), [fe, N] = (0, n.useState)("auto"), [J, $] = (0, n.useState)(572), [G, he] = (0, n.useState)(!1), [ie, me] = (0, n.useState)({
 			keywords: "",
 			color: "",
 			orientation: ""
-		}), [Ae, Y] = (0, n.useState)({ keywords: "" }), [re, M] = (0, n.useState)([]), [ae, g] = (0, n.useState)([]), [te, X] = (0, n.useState)([]), [ce, it] = (0, n.useState)(!1), [lt, We] = (0, n.useState)(""), [_t, Ee] = (0, n.useState)(!1), [Yt, Be] = (0, n.useState)(0), He = u.useSelector(u.selectProject), ct = He?.id !== void 0 ? String(He.id) : l || "", ut = u.useEventEmitter(u.events.UPLOAD_EVENT_ID), Ie = n.default.useRef(ne.createImageUrlBlobResolver()), Ve = n.default.useRef(""), Ce = n.default.useRef(0), xe = n.default.useRef(""), [Zt, dt] = (0, n.useState)(""), [Xt, ft] = (0, n.useState)(null), [Jt, qe] = (0, n.useState)(""), Ue = (0, n.useCallback)((c) => {
+		}), [Ae, _] = (0, n.useState)({ keywords: "" }), [re, M] = (0, n.useState)([]), [ae, g] = (0, n.useState)([]), [te, X] = (0, n.useState)([]), [ce, it] = (0, n.useState)(!1), [lt, We] = (0, n.useState)(""), [Qt, je] = (0, n.useState)(!1), [Yt, Be] = (0, n.useState)(0), He = u.useSelector(u.selectProject), ct = He?.id !== void 0 ? String(He.id) : l || "", ut = u.useEventEmitter(u.events.UPLOAD_EVENT_ID), Ie = n.default.useRef(ne.createImageUrlBlobResolver()), Ve = n.default.useRef(""), Ce = n.default.useRef(0), xe = n.default.useRef(""), [_t, dt] = (0, n.useState)(""), [Zt, ft] = (0, n.useState)(null), [Xt, qe] = (0, n.useState)(""), Ue = (0, n.useCallback)((c) => {
 			if (!(c instanceof Blob)) return;
 			xe.current && URL.revokeObjectURL(xe.current);
 			const f = URL.createObjectURL(c);
 			xe.current = f, dt(f), ft(c);
-		}, []), ge = (0, n.useCallback)(() => {
+		}, []), pe = (0, n.useCallback)(() => {
 			xe.current && (URL.revokeObjectURL(xe.current), xe.current = ""), dt(""), ft(null);
 		}, []), le = (0, n.useCallback)(() => {
 			qe("");
-		}, []), ye = N.isEditorLockedByPlan(He, { isPlugin: u.PLUGIN.isPlugin }), $t = (c) => {
+		}, []), ye = P.isEditorLockedByPlan(He, { isPlugin: u.PLUGIN.isPlugin }), Jt = (c) => {
 			L(c.target.value);
 		}, Me = (0, n.useCallback)((c, f, k = a("The image could not be uploaded.")) => {
 			const Q = f instanceof Error ? f.message : k;
@@ -1660,19 +1659,19 @@ Select the appropriate plan to fulfil more requests`),
 				title: a("Upload failed"),
 				description: Q
 			});
-		}, [a, d]), en = (0, n.useCallback)(async (c) => N.pickUploadImageUrlFromFireResults(await ut.fire({
+		}, [a, d]), $t = (0, n.useCallback)(async (c) => P.pickUploadImageUrlFromFireResults(await ut.fire({
 			file: c,
 			project: ct
-		})), [ct, ut]), be = ne.useImageBlobFetch(), tn = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, be), [be]), Pe = async (c) => {
+		})), [ct, ut]), be = ne.useImageBlobFetch(), en = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, be), [be]), Pe = async (c) => {
 			if (c) try {
-				const f = await nn(c);
-				f && _e(f) ? await Oe({ file: f }) : f || Me({ url: c }, null, a("Failed to download image from URL."));
+				const f = await tn(c);
+				f && Ye(f) ? await Oe({ file: f }) : f || Me({ url: c }, null, a("Failed to download image from URL."));
 			} catch (f) {
 				Me({ url: c }, f, a("Failed to process image URL."));
 			}
 		}, mt = n.default.useRef(Pe);
 		mt.current = Pe, n.default.useEffect(() => {
-			if (H !== fe || !O) return;
+			if (H !== de || !O) return;
 			const c = y.trim();
 			if (!c || !c.toLowerCase().startsWith("http")) return;
 			const f = setTimeout(() => {
@@ -1686,18 +1685,18 @@ Select the appropriate plan to fulfil more requests`),
 			H,
 			O
 		]);
-		const nn = async (c) => {
+		const tn = async (c) => {
 			try {
 				const f = ne.canonicalImageUrlKey(c);
-				return Qt(await Ie.current.resolve(f, void 0, be), f);
+				return qt(await Ie.current.resolve(f, void 0, be), f);
 			} catch {}
 		};
 		document.onpaste = function(c) {
 			const f = c.clipboardData?.items?.[0];
-			if (H === fe && O) {
+			if (H === de && O) {
 				if (f?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
 					const Q = f.getAsFile();
-					_e(Q);
+					Ye(Q);
 					const oe = { file: Q };
 					L(""), Oe(oe);
 					return;
@@ -1720,33 +1719,33 @@ Select the appropriate plan to fulfil more requests`),
 				let k = null;
 				I?.kind === "background" ? (k = at, D(at)) : I?.kind === "img" && (D(st), k = st), I?.currentUrl && k && (R(I.currentUrl), B(f));
 			};
-			v === u.MODALS.UPLOAD_IMAGE_MODAL || v === u.MODALS.UPLOAD_BACKGROUND_MODAL ? c(we) : v === u.MODALS.UPLOAD_IMAGE_MODAL_AI || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (ye ? (Ee(!0), Be(2)) : c(Ke), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(fe), setTimeout(() => K.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_STOCK || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (ye ? (Ee(!0), Be(3)) : c(Fe), setTimeout(() => h.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_GIF || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (ye ? (Ee(!0), Be(3)) : c(ze), setTimeout(() => s.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_EDIT || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (ye ? (Ee(!0), Be(5)) : c(we), i(Z.openSecondModal(u.MODALS.IMAGE_EDITOR_MODAL))) : D("");
+			v === u.MODALS.UPLOAD_IMAGE_MODAL || v === u.MODALS.UPLOAD_BACKGROUND_MODAL ? c(we) : v === u.MODALS.UPLOAD_IMAGE_MODAL_AI || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (ye ? (je(!0), Be(2)) : c(Ke), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(de), setTimeout(() => K.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_STOCK || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (ye ? (je(!0), Be(3)) : c(Ge), setTimeout(() => h.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_GIF || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (ye ? (je(!0), Be(3)) : c(ze), setTimeout(() => s.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_EDIT || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (ye ? (je(!0), Be(5)) : c(we), i(Z.openSecondModal(u.MODALS.IMAGE_EDITOR_MODAL))) : D("");
 		}, [
 			v,
 			i,
 			ye,
 			I
 		]);
-		const Qe = (0, n.useCallback)(({ url: c = C || "", meta: f = Kt }) => {
+		const Qe = (0, n.useCallback)(({ url: c = C || "", meta: f = zt }) => {
 			R(c), w({
 				url: c,
 				meta: f
 			}), setTimeout(() => {
-				le(), ge(), pe({
+				le(), pe(), me({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), Y({ keywords: "" }), g([]), M([]), D(""), We(""), it(!1), G(""), L(""), B(fe);
+				}), _({ keywords: "" }), g([]), M([]), D(""), We(""), it(!1), F(""), L(""), B(de);
 			}, 200), i(Z.closeModal()), i(Z.closeSecondModal());
 		}, [
 			C,
 			le,
 			i,
 			w,
-			ge
-		]), pt = (0, n.useCallback)((c, f) => (T("auto"), P(!1), Qe({
+			pe
+		]), pt = (0, n.useCallback)((c, f) => (N("auto"), T(!1), Qe({
 			url: c,
-			meta: Wt
+			meta: Kt
 		}), d.success({
 			id: "IMAGE_UPLOAD_SUCCESS",
 			data: f,
@@ -1759,29 +1758,29 @@ Select the appropriate plan to fulfil more requests`),
 		(0, n.useEffect)(() => {
 			const c = y || A, f = ne.canonicalImageUrlKey(c);
 			if (!c || !f) {
-				q(""), Ve.current = "", le(), ge(), Ie.current.invalidateAll();
+				q(""), Ve.current = "", le(), pe(), Ie.current.invalidateAll();
 				return;
 			}
 			const k = Ve.current;
-			k && k !== f && (Ie.current.abandonKey(k), le(), ge()), Ve.current = f;
-			const Q = new AbortController(), oe = y ? 800 : 0, se = ++Ce.current, Ye = setTimeout(async () => {
+			k && k !== f && (Ie.current.abandonKey(k), le(), pe()), Ve.current = f;
+			const Q = new AbortController(), oe = y ? 800 : 0, se = ++Ce.current, _e = setTimeout(async () => {
 				try {
 					const Se = async () => {
 						const ue = await Ie.current.resolve(f, Q.signal, be);
 						if (se !== Ce.current) return;
-						const { width: ve, height: on } = await ne.getImageDimensionsFromBlob(ue);
+						const { width: ve, height: an } = await ne.getImageDimensionsFromBlob(ue);
 						se === Ce.current && (V({
 							width: ve,
-							height: on,
+							height: an,
 							size: (ue.size / 1024).toFixed(2),
-							format: je(ue.type)
+							format: Ee(ue.type)
 						}), le(), Ue(ue));
 					};
 					if (o) await Se();
 					else {
 						const ue = await ne.resolveDataProviderPreview(t, f);
 						if (ue?.previewUrl && se === Ce.current) {
-							qe(ue.previewUrl), ge();
+							qe(ue.previewUrl), pe();
 							try {
 								const { data: ve } = await b(f);
 								if (se !== Ce.current) return;
@@ -1789,7 +1788,7 @@ Select the appropriate plan to fulfil more requests`),
 									width: ve?.width,
 									height: ve?.height,
 									size: ve?.fileSize != null ? (ve.fileSize / 1024).toFixed(2) : "",
-									format: je(ve?.format)
+									format: Ee(ve?.format)
 								}) : await Se();
 							} catch {
 								await Se();
@@ -1799,15 +1798,15 @@ Select the appropriate plan to fulfil more requests`),
 					if (se !== Ce.current) return;
 					q("success"), R(c), $(572), setTimeout(() => {
 						let ue = 0;
-						x.current && (ue = x.current.offsetHeight + 62), T(ue);
+						x.current && (ue = x.current.offsetHeight + 62), N(ue);
 					}, 0);
 				} catch (Se) {
 					if (Se?.name === "AbortError" || Q.signal.aborted || se !== Ce.current) return;
-					le(), ge(), q("error");
+					le(), pe(), q("error");
 				}
 			}, oe);
 			return () => {
-				clearTimeout(Ye), Q.abort();
+				clearTimeout(_e), Q.abort();
 			};
 		}, [
 			y,
@@ -1816,7 +1815,7 @@ Select the appropriate plan to fulfil more requests`),
 			le,
 			be,
 			b,
-			ge,
+			pe,
 			t,
 			Ue
 		]), (0, n.useEffect)(() => {
@@ -1826,12 +1825,12 @@ Select the appropriate plan to fulfil more requests`),
 			const Q = async () => {
 				const oe = await Ie.current.resolve(c, f.signal, be);
 				if (k) return;
-				const { width: se, height: Ye } = await ne.getImageDimensionsFromBlob(oe);
+				const { width: se, height: _e } = await ne.getImageDimensionsFromBlob(oe);
 				k || (le(), Ue(oe), V({
 					width: se,
-					height: Ye,
+					height: _e,
 					size: (oe.size / 1024).toFixed(2),
-					format: je(oe.type)
+					format: Ee(oe.type)
 				}));
 			};
 			return (async () => {
@@ -1839,7 +1838,7 @@ Select the appropriate plan to fulfil more requests`),
 					if (!o) {
 						const oe = await ne.resolveDataProviderPreview(t, c);
 						if (oe?.previewUrl && !k) {
-							qe(oe.previewUrl), ge();
+							qe(oe.previewUrl), pe();
 							try {
 								const { data: se } = await b(c);
 								if (k) return;
@@ -1847,7 +1846,7 @@ Select the appropriate plan to fulfil more requests`),
 									width: se?.width,
 									height: se?.height,
 									size: se?.fileSize != null ? (se.fileSize / 1024).toFixed(2) : "",
-									format: je(se?.format)
+									format: Ee(se?.format)
 								}) : await Q();
 								return;
 							} catch {
@@ -1873,16 +1872,16 @@ Select the appropriate plan to fulfil more requests`),
 			A,
 			Ue
 		]);
-		const rn = () => {
+		const nn = () => {
 			i(Z.closeModal()), setTimeout(() => {
-				le(), ge(), R(""), L(""), g([]), g([]), pe({
+				le(), pe(), R(""), L(""), g([]), g([]), me({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), Y({ keywords: "" }), T("auto"), !ce && We(""), $(572), B(fe);
+				}), _({ keywords: "" }), N("auto"), !ce && We(""), $(572), B(de);
 			}, 200);
-		}, sn = (c) => {
-			c === zt ? p.success({
+		}, rn = (c) => {
+			c === Gt ? p.success({
 				mask: { closable: !0 },
 				centered: !0,
 				title: a("Coming soon"),
@@ -1896,24 +1895,24 @@ Select the appropriate plan to fulfil more requests`),
 				content: a("To preview and edit the uploaded image"),
 				okText: a("Upload Image"),
 				onOk: () => {
-					B(fe);
+					B(de);
 				}
 			}) : (setTimeout(() => {
 				let f = 0, k = 0;
-				c === fe && j.current ? (ie.keywords === "" && K.current?.focus({ cursor: "start" }), f = 300, k = 572) : c === we && x.current ? (f = x.current.offsetHeight + 62, k = 572) : c === Fe && S.current ? (ie.keywords === "" && h.current?.focus({ cursor: "start" }), f = 130, k = 572, ae.length > 0 && (k = 1060, f = "84vh")) : c === ze && U.current ? (ie.keywords === "" && s.current?.focus({ cursor: "start" }), f = 130, k = 572, re.length > 0 && (k = 1060, f = "84vh")) : c === Ke && _.current && (lt === "" && te.length === 0 ? (W.current?.focus({ cursor: "start" }), f = 130) : f = _.current.offsetHeight + 82, k = 572), T(f), $(k);
+				c === de && E.current ? (ie.keywords === "" && K.current?.focus({ cursor: "start" }), f = 300, k = 572) : c === we && x.current ? (f = x.current.offsetHeight + 62, k = 572) : c === Ge && S.current ? (ie.keywords === "" && h.current?.focus({ cursor: "start" }), f = 130, k = 572, ae.length > 0 && (k = 1060, f = "84vh")) : c === ze && U.current ? (ie.keywords === "" && s.current?.focus({ cursor: "start" }), f = 130, k = 572, re.length > 0 && (k = 1060, f = "84vh")) : c === Ke && Y.current && (lt === "" && te.length === 0 ? (W.current?.focus({ cursor: "start" }), f = 130) : f = Y.current.offsetHeight + 82, k = 572), N(f), $(k);
 			}, 0), B(c));
 		};
 		(0, n.useEffect)(() => {
 			ie.keywords === "" && (K?.current?.focus({ cursor: "start" }), g([]), setTimeout(() => {
-				T("auto"), $(572);
+				N("auto"), $(572);
 			}, 0));
 		}, [
 			ie,
 			g,
-			T,
+			N,
 			$
 		]);
-		const _e = (c) => {
+		const Ye = (c) => {
 			const f = c.type === "image/jpeg" || c.type === "image/png" || c.type === "image/jpg" || c.type === "image/webp" || c.type === "image/gif" || c.type === "image/svg+xml";
 			return f || d.error({
 				id: "IMAGE_UPLOAD_WRONG_FORMAT",
@@ -1924,7 +1923,7 @@ Select the appropriate plan to fulfil more requests`),
 		}, Oe = async ({ file: c }) => {
 			try {
 				he(!0);
-				const f = await ne.prepareImageForEditorUpload(c, e), k = await en(f);
+				const f = await ne.prepareImageForEditorUpload(c, e), k = await $t(f);
 				if (k) return pt(k, f), k;
 				const Q = await Ft(f, t);
 				if (Q?.url) return pt(Q.url, f), Q.url;
@@ -1936,17 +1935,17 @@ Select the appropriate plan to fulfil more requests`),
 			} finally {
 				he(!1);
 			}
-		}, an = (c) => Oe({ file: c });
+		}, sn = (c) => Oe({ file: c });
 		let Le = [{
 			label: a("Upload"),
-			key: fe,
+			key: de,
 			children: (0, r.jsxs)("div", {
-				ref: j,
+				ref: E,
 				style: { paddingBottom: 24 },
-				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Ht, {
+				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Wt, {
 					showUploadList: !1,
 					name: "Image",
-					beforeUpload: _e,
+					beforeUpload: Ye,
 					customRequest: Oe,
 					style: { marginBottom: 10 },
 					multiple: !1,
@@ -1954,7 +1953,7 @@ Select the appropriate plan to fulfil more requests`),
 					children: [
 						(0, r.jsx)("p", {
 							className: "ant-upload-drag-icon",
-							children: (0, r.jsx)(N.EmIcons, { icon: "InboxOutlined" })
+							children: (0, r.jsx)(P.EmIcons, { icon: "InboxOutlined" })
 						}),
 						(0, r.jsx)("p", {
 							className: "ant-upload-text",
@@ -1975,7 +1974,7 @@ Select the appropriate plan to fulfil more requests`),
 							size: "large",
 							placeholder: a("Paste image URL here"),
 							value: y,
-							onChange: $t,
+							onChange: Jt,
 							spellCheck: "false"
 						})
 					})
@@ -1984,18 +1983,18 @@ Select the appropriate plan to fulfil more requests`),
 		}];
 		return e.imageCenterStockEnabled && !ye && Le.push({
 			label: a("Stock"),
-			key: Fe,
+			key: Ge,
 			children: (0, r.jsx)("div", {
 				ref: S,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Ot, {
+				children: (0, r.jsx)(jt, {
 					currentReq: ie,
-					setCurrentReq: pe,
+					setCurrentReq: me,
 					imageStockList: ae,
 					setImageStockList: g,
 					setModalWidth: $,
-					setModalHeight: T,
-					setStockLink: G,
+					setModalHeight: N,
+					setStockLink: F,
 					setCurrentImageLink: R,
 					inputRef: h,
 					customRequest: Pe
@@ -2007,14 +2006,14 @@ Select the appropriate plan to fulfil more requests`),
 			children: (0, r.jsx)("div", {
 				ref: U,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Mt, {
+				children: (0, r.jsx)(Ut, {
 					currentReqGif: Ae,
-					setCurrentReqGif: Y,
+					setCurrentReqGif: _,
 					imageGifList: re,
 					setImageGifList: M,
 					setModalWidth: $,
-					setModalHeight: T,
-					setStockLink: G,
+					setModalHeight: N,
+					setStockLink: F,
 					setCurrentImageLink: R,
 					inputRef: s,
 					customRequest: Pe
@@ -2024,10 +2023,10 @@ Select the appropriate plan to fulfil more requests`),
 			label: a("AI"),
 			key: Ke,
 			children: (0, r.jsx)("div", {
-				ref: _,
+				ref: Y,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Ut, {
-					setModalHeight: T,
+				children: (0, r.jsx)(Bt, {
+					setModalHeight: N,
 					customRequest: Oe,
 					aiImageRequest: lt,
 					setAiImageRequest: We,
@@ -2035,10 +2034,10 @@ Select the appropriate plan to fulfil more requests`),
 					setImageAiList: X,
 					isLoadingAi: ce,
 					setIsLoadingAi: it,
-					aiTabRef: _,
+					aiTabRef: Y,
 					inputAiRef: W,
-					isImageUploaded: E,
-					setIsImageUploaded: P
+					isImageUploaded: j,
+					setIsImageUploaded: T
 				})
 			})
 		}), e.imageCenterEditorEnabled && Le.push({
@@ -2046,16 +2045,16 @@ Select the appropriate plan to fulfil more requests`),
 			key: we,
 			children: (0, r.jsx)("div", {
 				ref: x,
-				children: (0, r.jsx)(It, {
+				children: (0, r.jsx)(At, {
 					currentImageLink: C,
 					newLink: y,
-					previewDisplayUrl: Jt,
-					resolvedPreviewObjectUrl: Zt,
-					resolvedPreviewBlob: Xt,
-					resolveImageBlob: tn,
+					previewDisplayUrl: Xt,
+					resolvedPreviewObjectUrl: _t,
+					resolvedPreviewBlob: Zt,
+					resolveImageBlob: en,
 					imageSize: z,
-					onSave: an,
-					uploadImageResultIsLoading: F || !1
+					onSave: sn,
+					uploadImageResultIsLoading: G || !1
 				})
 			})
 		}), (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(m.Modal, {
@@ -2065,26 +2064,26 @@ Select the appropriate plan to fulfil more requests`),
 			style: { minHeight: 390 },
 			open: !!O,
 			onOk: Qe,
-			onCancel: rn,
+			onCancel: nn,
 			footer: H === we ? (0, r.jsx)(r.Fragment, {}) : null,
 			children: (0, r.jsx)(m.Spin, {
-				spinning: F,
+				spinning: G,
 				children: (0, r.jsx)(m.Tabs, {
 					activeKey: H,
-					onChange: sn,
+					onChange: rn,
 					items: Le,
 					className: "modal-tabs",
 					style: {
-						height: me,
+						height: fe,
 						minHeight: 130
 					}
 				})
 			})
-		}), (0, r.jsx)(N.PlanUpgradePrompt, {
-			open: _t,
-			onCancel: () => Ee(!1),
+		}), (0, r.jsx)(P.PlanUpgradePrompt, {
+			open: Qt,
+			onCancel: () => je(!1),
 			initialSlide: Yt
 		})] });
 	};
-	ot.propTypes = { dataProvider: yt.default.object }, gt.default = ot;
+	ot.propTypes = { dataProvider: ht.default.object }, gt.default = ot;
 });