useblocks 1.1.53 → 1.1.56

package/static/core/{31e98e6e.js → 87969347.js}

@@ -1,27 +1,24 @@
 (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/31e98e6e.js", [
+__useblocks__.define("static/core/87969347.js", [
 	"require",
 	"exports",
 	"module",
 	"static/core/bd36b180.js",
-	"static/core/ee0ddb51.js",
-	"static/core/5318562c.js",
-	"static/core/ebd852b6.js",
-	"static/core/75737a9d.js",
-	"static/core/1995fb0a2.js",
-	"static/core/1f5e1fc9.js",
+	"static/core/b9bb2c5f.js",
+	"static/core/4d493eba.js",
+	"static/core/58c4b8d7.js",
+	"static/core/4dadf572.js",
+	"static/core/951903fb.js",
+	"static/core/bf446743.js",
 	"react",
-	"prop-types",
-	"react-router-dom",
 	"react/jsx-runtime"
-], function(le, vt, dn) {
-	const Je = le("./bd36b180.js"), u = le("./ee0ddb51.js"), _ = le("./5318562c.js"), m = le("./ebd852b6.js"), Ct = le("./75737a9d.js"), F = le("./1995fb0a2.js"), ne = le("./1f5e1fc9.js");
-	let n = le("react");
-	n = Je.__toESM(n);
-	let Te = le("prop-types");
-	Te = Je.__toESM(Te);
-	let Ne = le("react-router-dom"), r = le("react/jsx-runtime");
-	function bt(t, e) {
+], function(me, ht, un) {
+	const Ze = me("./bd36b180.js"), u = me("./b9bb2c5f.js"), Y = me("./4d493eba.js"), ne = me("./58c4b8d7.js"), m = me("./4dadf572.js"), yt = me("./951903fb.js"), F = me("./bf446743.js");
+	let n = me("react");
+	n = Ze.__toESM(n);
+	let r = me("react/jsx-runtime");
+	var vt = Ze.__toESM(ne.require_prop_types());
+	function Ct(t, e) {
 		return { [t]: {
 			Filter: e("Filter"),
 			filter: e("filter"),
@@ -107,7 +104,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			square: e("square")
 		} };
 	}
-	function $e(t, e = "application/octet-stream") {
+	function Xe(t, e = "application/octet-stream") {
 		let o = t.trim(), a = e?.trim() || "application/octet-stream";
 		const i = o.indexOf(",");
 		if (o.startsWith("data:") && i >= 0) {
@@ -118,7 +115,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		for (let d = 0; d < b.length; d++) g[d] = b.charCodeAt(d);
 		return new Blob([g], { type: a });
 	}
-	var wt = "static/media/image-editor", At = { text: {
+	var bt = "static/media/image-editor", wt = { text: {
 		replaceDefaultItems: !0,
 		defaultText: "Handwriting",
 		items: [
@@ -236,21 +233,21 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			}
 		]
 	} };
-	function It(t, e) {
+	function At(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 $e(e.replace(/data:image\/([a-z]*)?;base64,/, ""), o);
+		return Xe(e.replace(/data:image\/([a-z]*)?;base64,/, ""), o);
 	}
-	var xt = ({ currentImageLink: t, prefetchedBlob: e, resolveImageBlob: o, onSave: a, uploadImageResultIsLoading: i }) => {
-		const l = ne.useCookieManager(), [b, g] = (0, n.useState)(), [d, R] = (0, n.useState)(), { __: x } = m.useI18n();
+	var It = ({ currentImageLink: t, prefetchedBlob: e, resolveImageBlob: o, onSave: a, uploadImageResultIsLoading: i }) => {
+		const l = F.useCookieManager(), [b, g] = (0, n.useState)(), [d, R] = (0, n.useState)(), { __: x } = m.useI18n();
 		let p = u.useDispatch();
-		const w = u.useStore(), j = u.useAppConfig(), C = u.useSelector(u.selectedCurrentUser), U = u.useSelector(_.selectSecondModal), y = u.useSelector(u.selectProject), D = (0, n.useMemo)(() => {
+		const w = u.useStore(), j = u.useAppConfig(), C = u.useSelector(u.selectedCurrentUser), U = u.useSelector(Y.selectSecondModal), y = u.useSelector(u.selectProject), D = (0, n.useMemo)(() => {
 			if (!j?.icons) return;
 			const k = {};
 			for (const [P, E] of Object.entries(j.icons)) typeof E == "string" && (k[P] = F.sanitizeHtml(E));
 			return Object.keys(k).length > 0 ? k : void 0;
-		}, [j?.icons]), O = (0, n.useRef)(!1), [T, Q] = (0, n.useState)(), N = u.useEventEmitter(u.events.FILE_PROXY_EVENT_ID);
+		}, [j?.icons]), O = (0, n.useRef)(!1), [T, q] = (0, n.useState)(), N = u.useEventEmitter(u.events.FILE_PROXY_EVENT_ID);
 		(0, n.useEffect)(() => {
 			let k = !1;
 			return (async () => {
@@ -265,7 +262,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						url: E,
 						project: y
 					}).filter((L) => L instanceof Blob)[0], !I) {
-						const L = l.get(u.APP_COOKIES.em_token) || await u.di.getInstance(w, _.TOKEN_ID);
+						const L = l.get(u.APP_COOKIES.em_token) || await u.di.getInstance(w, Y.TOKEN_ID);
 						I = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(E)}`, { headers: { authorization: `Bearer ${L}` } })).blob();
 					}
 				}
@@ -290,11 +287,11 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			w
 		]);
 		const M = (0, n.useCallback)(() => {
-			g(null), R(null), p(_.closeSecondModal()), p(_.closeModal(u.MODALS.UPLOAD_IMAGE_MODAL));
+			g(null), R(null), p(Y.closeSecondModal()), p(Y.closeModal(u.MODALS.UPLOAD_IMAGE_MODAL));
 		}, [p]), z = (0, n.useRef)();
 		z.current = async function(k, P, E) {
 			try {
-				const I = It(E, k);
+				const I = At(E, k);
 				a && await a(new File([I], P, {
 					lastModified: Date.now(),
 					type: I.type
@@ -307,13 +304,13 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			if (k && !(O.current && T)) {
 				O.current = !0;
 				const P = C.locale ? C.locale.replace("_", "-") : "en-US", E = C.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? u.DARK : u.LIGHT : C.theme;
-				Ct.Tf.init({
+				yt.Tf.init({
 					selector: "#pixie-editor",
-					baseUrl: m.getBundledHostAssetUrl(wt),
+					baseUrl: m.getBundledHostAssetUrl(bt),
 					image: b,
 					activeLanguage: P,
-					languages: bt(P, x),
-					tools: At,
+					languages: Ct(P, x),
+					tools: wt,
 					ui: {
 						menubar: {
 							replaceDefaultItems: !0,
@@ -364,14 +361,14 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						} catch {}
 					}
 				}).then((I) => {
-					Q(I);
+					q(I);
 				}).catch((I) => {});
 			}
 		}, [
 			C.theme,
 			b,
 			T,
-			Q,
+			q,
 			C.locale,
 			x,
 			M,
@@ -422,7 +419,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				children: (0, r.jsx)(m.Spin, { size: "large" })
 			}), (0, r.jsx)("div", { id: "pixie-editor" })]
 		});
-	}, St = ({ currentImageLink: t, newLink: e, previewDisplayUrl: o, resolvedPreviewObjectUrl: a, resolvedPreviewBlob: i, resolveImageBlob: l, onSave: b, uploadImageResultIsLoading: g }) => {
+	}, xt = ({ currentImageLink: t, newLink: e, previewDisplayUrl: o, resolvedPreviewObjectUrl: a, resolvedPreviewBlob: i, resolveImageBlob: l, onSave: b, uploadImageResultIsLoading: g }) => {
 		const d = o || a;
 		return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)("div", { children: (0, r.jsxs)("div", {
 			className: "image-preview",
@@ -443,7 +440,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				alt: "uploadedImage",
 				src: d
 			})]
-		}) }), (0, r.jsx)(xt, {
+		}) }), (0, r.jsx)(It, {
 			currentImageLink: t,
 			prefetchedBlob: i,
 			resolveImageBlob: l,
@@ -454,11 +451,11 @@ __useblocks__.define("static/core/31e98e6e.js", [
 	}, Re = {
 		Pixel: "Pixel",
 		Percent: "Percent"
-	}, et = {
+	}, Je = {
 		unit: Re.Percent,
 		value: 80
 	};
-	function Rt(t) {
+	function St(t) {
 		return typeof t == "number" ? {
 			unit: Re.Percent,
 			value: t * 100
@@ -468,44 +465,44 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		} : /^(\d*(\.\d+)?)%$/.exec(t) ? {
 			unit: Re.Percent,
 			value: parseFloat(t)
-		} : et : et;
+		} : Je : Je;
 	}
-	function jt(t, e) {
-		const o = Rt(t);
+	function Rt(t, e) {
+		const o = St(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 tt({ next: t, hasMore: e, children: o, loader: a, scrollThreshold: i = .8, endMessage: l, style: b, height: g, scrollableTarget: d, hasChildren: R, inverse: x = !1, pullDownToRefresh: p = !1, pullDownToRefreshContent: w, releaseToRefreshContent: j, pullDownToRefreshThreshold: C = 100, refreshFunction: U, onScroll: y, dataLength: D, initialScrollY: O, className: T = "", role: Q, tabIndex: N, id: M, ...z }) {
-		const [ee, K] = (0, n.useState)(!1), [k, P] = (0, n.useState)(!1), [E, I] = (0, n.useState)(0), A = (0, n.useRef)(null), L = (0, n.useRef)(null), J = (0, n.useRef)(null), q = (0, n.useRef)(t);
-		q.current = t;
+	function $e({ next: t, hasMore: e, children: o, loader: a, scrollThreshold: i = .8, endMessage: l, style: b, height: g, scrollableTarget: d, hasChildren: R, inverse: x = !1, pullDownToRefresh: p = !1, pullDownToRefreshContent: w, releaseToRefreshContent: j, pullDownToRefreshThreshold: C = 100, refreshFunction: U, onScroll: y, dataLength: D, initialScrollY: O, className: T = "", role: q, tabIndex: N, id: M, ...z }) {
+		const [ee, K] = (0, n.useState)(!1), [k, P] = (0, n.useState)(!1), [E, I] = (0, n.useState)(0), A = (0, n.useRef)(null), L = (0, n.useRef)(null), J = (0, n.useRef)(null), Q = (0, n.useRef)(t);
+		Q.current = t;
 		const s = (0, n.useRef)(U);
 		s.current = U;
 		const h = (0, n.useRef)(C);
 		h.current = C;
-		const W = (0, n.useRef)(!1), ce = (0, n.useRef)(!1), Z = (0, n.useRef)(0), $ = (0, n.useRef)(0), X = (0, n.useRef)(0), H = (0, n.useCallback)(() => d instanceof HTMLElement ? d : typeof d == "string" ? document.getElementById(d) : null, [d]);
+		const W = (0, n.useRef)(!1), le = (0, n.useRef)(!1), Z = (0, n.useRef)(0), $ = (0, n.useRef)(0), X = (0, n.useRef)(0), H = (0, n.useCallback)(() => d instanceof HTMLElement ? d : typeof d == "string" ? document.getElementById(d) : null, [d]);
 		(0, n.useEffect)(() => {
 			if (typeof D > "u") throw new Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
 			if (p && typeof U != "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 = g ? A.current : H();
-				Y && Y.scrollHeight > O && Y.scrollTo(0, O);
+				const _ = g ? A.current : H();
+				_ && _.scrollHeight > O && _.scrollTo(0, O);
 			}
 		}, []), (0, n.useEffect)(() => {
 			W.current = !1, K(!1);
 		}, [D]), (0, n.useEffect)(() => {
 			if (!e || typeof IntersectionObserver > "u") return;
-			const Y = L.current;
-			if (!Y) return;
+			const _ = L.current;
+			if (!_) return;
 			const se = g ? A.current : H(), B = new IntersectionObserver(([ae]) => {
-				!ae.isIntersecting || W.current || (W.current = !0, K(!0), q.current());
+				!ae.isIntersecting || W.current || (W.current = !0, K(!0), Q.current());
 			}, {
 				root: se,
-				rootMargin: jt(i, x),
+				rootMargin: Rt(i, x),
 				threshold: 0
 			});
-			return B.observe(Y), () => B.disconnect();
+			return B.observe(_), () => B.disconnect();
 		}, [
 			e,
 			i,
@@ -513,9 +510,9 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			g,
 			H
 		]), (0, n.useEffect)(() => {
-			var Y;
+			var _;
 			if (!y) return;
-			const se = (Y = g ? A.current : H()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			const se = (_ = g ? A.current : H()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
 			if (!se) return;
 			const B = (ae) => {
 				setTimeout(() => y(ae), 0);
@@ -526,24 +523,24 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			g,
 			H
 		]), (0, n.useEffect)(() => {
-			var Y, se;
+			var _, se;
 			if (!p) return;
-			const B = (Y = g ? A.current : H()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			const B = (_ = g ? A.current : H()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
 			if (!B) return;
 			if (!((se = J.current) === null || se === void 0) && se.firstChild) {
 				const G = J.current.firstChild.getBoundingClientRect().height;
 				X.current = G, I(G);
 			}
 			const ae = (G) => {
-				(B instanceof HTMLElement ? B.scrollTop : document.documentElement.scrollTop) > 0 || (ce.current = !0, G instanceof MouseEvent ? Z.current = G.pageY : G instanceof TouchEvent && (Z.current = G.touches[0].pageY), $.current = Z.current, A.current && (A.current.style.willChange = "transform", A.current.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
+				(B instanceof HTMLElement ? B.scrollTop : document.documentElement.scrollTop) > 0 || (le.current = !0, G instanceof MouseEvent ? Z.current = G.pageY : G instanceof TouchEvent && (Z.current = G.touches[0].pageY), $.current = Z.current, A.current && (A.current.style.willChange = "transform", A.current.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
 			}, v = (G) => {
-				if (!ce.current || (G instanceof MouseEvent ? $.current = G.pageY : G instanceof TouchEvent && ($.current = G.touches[0].pageY), $.current < Z.current)) return;
-				const fe = $.current - Z.current;
-				fe >= h.current && P(!0), !(fe > X.current * 1.5) && A.current && (A.current.style.overflow = "visible", A.current.style.transform = `translate3d(0px, ${fe}px, 0px)`);
+				if (!le.current || (G instanceof MouseEvent ? $.current = G.pageY : G instanceof TouchEvent && ($.current = G.touches[0].pageY), $.current < Z.current)) return;
+				const de = $.current - Z.current;
+				de >= h.current && P(!0), !(de > X.current * 1.5) && A.current && (A.current.style.overflow = "visible", A.current.style.transform = `translate3d(0px, ${de}px, 0px)`);
 			}, te = () => {
-				Z.current = 0, $.current = 0, ce.current = !1, P((G) => {
-					var fe;
-					return G && ((fe = s.current) === null || fe === void 0 || fe.call(s)), !1;
+				Z.current = 0, $.current = 0, le.current = !1, P((G) => {
+					var de;
+					return G && ((de = s.current) === null || de === void 0 || de.call(s)), !1;
 				}), requestAnimationFrame(() => {
 					A.current && (A.current.style.overflow = "auto", A.current.style.transform = "none", A.current.style.willChange = "unset");
 				});
@@ -561,7 +558,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			overflow: "auto",
 			WebkitOverflowScrolling: "touch",
 			...b
-		}, he = R || !!(o && o instanceof Array && o.length), ye = p && g ? { overflow: "auto" } : {}, ue = e ? (0, r.jsx)("div", {
+		}, he = R || !!(o && o instanceof Array && o.length), ye = p && g ? { overflow: "auto" } : {}, ce = e ? (0, r.jsx)("div", {
 			ref: L,
 			style: { height: 1 }
 		}) : null;
@@ -570,7 +567,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			className: "infinite-scroll-component__outerdiv",
 			children: (0, r.jsxs)("div", {
 				...z,
-				role: Q,
+				role: q,
 				tabIndex: N,
 				id: M,
 				className: ["infinite-scroll-component", T].filter(Boolean).join(" "),
@@ -593,22 +590,22 @@ __useblocks__.define("static/core/31e98e6e.js", [
 					o,
 					!ee && !he && e && a,
 					ee && e && a,
-					ue,
+					ce,
 					!e && l
 				]
 			})
 		});
 	}
-	function kt(t, e) {
+	function jt(t, e) {
 		if (t == null) return {};
-		var o = Et(t, e), a, i;
+		var o = kt(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 Et(t, e) {
+	function kt(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]);
@@ -623,7 +620,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			return t;
 		}, De.apply(this, arguments);
 	}
-	function nt(t, e) {
+	function et(t, e) {
 		var o = Object.keys(t);
 		if (Object.getOwnPropertySymbols) {
 			var a = Object.getOwnPropertySymbols(t);
@@ -636,15 +633,15 @@ __useblocks__.define("static/core/31e98e6e.js", [
 	function je(t) {
 		for (var e = 1; e < arguments.length; e++) {
 			var o = arguments[e] != null ? arguments[e] : {};
-			e % 2 ? nt(Object(o), !0).forEach(function(a) {
-				Ot(t, a, o[a]);
-			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : nt(Object(o)).forEach(function(a) {
+			e % 2 ? et(Object(o), !0).forEach(function(a) {
+				Et(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 Ot(t, e, o) {
+	function Et(t, e, o) {
 		return e in t ? Object.defineProperty(t, e, {
 			value: o,
 			enumerable: !0,
@@ -652,18 +649,18 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			writable: !0
 		}) : t[e] = o, t;
 	}
-	var Lt = {
+	var Ot = {
 		breakpointCols: void 0,
 		className: void 0,
 		columnClassName: void 0,
 		children: void 0,
 		columnAttrs: void 0,
 		column: void 0
-	}, Fe = 2, Ge = class extends n.default.Component {
+	}, Te = 2, Ne = class extends n.default.Component {
 		constructor(t) {
 			super(t), this.reCalculateColumnCount = this.reCalculateColumnCount.bind(this), this.reCalculateColumnCountDebounce = this.reCalculateColumnCountDebounce.bind(this);
 			let e;
-			this.props.breakpointCols && this.props.breakpointCols.default ? e = this.props.breakpointCols.default : e = parseInt(this.props.breakpointCols) || Fe, this.state = { columnCount: e };
+			this.props.breakpointCols && this.props.breakpointCols.default ? e = this.props.breakpointCols.default : e = parseInt(this.props.breakpointCols) || Te, this.state = { columnCount: e };
 		}
 		componentDidMount() {
 			this.reCalculateColumnCount(), window && window.addEventListener("resize", this.reCalculateColumnCountDebounce);
@@ -686,8 +683,8 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		reCalculateColumnCount() {
 			const t = window && window.innerWidth || Infinity;
 			let e = this.props.breakpointCols;
-			typeof e != "object" && (e = { default: parseInt(e) || Fe });
-			let o = Infinity, a = e.default || Fe;
+			typeof e != "object" && (e = { default: parseInt(e) || Te });
+			let o = Infinity, a = e.default || Te;
 			for (let i in e) {
 				const l = parseInt(i);
 				l > 0 && t <= l && l < o && (o = l, a = e[i]);
@@ -714,7 +711,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		}
 		logDeprecated(t) {}
 		render() {
-			const t = this.props, { children: e, breakpointCols: o, columnClassName: a, columnAttrs: i, column: l, className: b } = t, g = kt(t, [
+			const t = this.props, { children: e, breakpointCols: o, columnClassName: a, columnAttrs: i, column: l, className: b } = t, g = jt(t, [
 				"children",
 				"breakpointCols",
 				"columnClassName",
@@ -726,8 +723,8 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			return typeof b != "string" && (this.logDeprecated("The property \"className\" requires a string"), typeof b > "u" && (d = "my-masonry-grid")), n.default.createElement("div", De({}, g, { className: d }), this.renderColumns());
 		}
 	};
-	Ge.defaultProps = Lt;
-	function ze(t, e) {
+	Ne.defaultProps = Ot;
+	function Fe(t, e) {
 		return t ? t.exhausted ? {
 			...t,
 			src: null
@@ -736,7 +733,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			src: t.src || e || null
 		} : null;
 	}
-	function rt({ items: t, getItemId: e, getRequestUrl: o, createController: a }) {
+	function tt({ items: t, getItemId: e, getRequestUrl: o, createController: a }) {
 		const [i, l] = (0, n.useState)({}), b = (0, n.useRef)(new Map()), g = (0, n.useCallback)((d) => {
 			const R = e(d), x = o(d), p = `${R}:${x}`;
 			if (b.current.has(p)) return {
@@ -761,9 +758,9 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			const d = new Set(), R = {}, x = t.map((p) => {
 				const { itemId: w, cacheKey: j, controller: C } = g(p);
 				d.add(j), R[w] = C.src;
-				const U = ze(C.handleChangeSrc?.(), C.src);
+				const U = Fe(C.handleChangeSrc?.(), C.src);
 				return U?.changed && U.src && (R[w] = U.src), C.subscribeToSrcChange?.((y) => {
-					const D = ze(y, C.src);
+					const D = Fe(y, C.src);
 					!D?.changed || !D.src || l((O) => O[w] === D.src ? O : {
 						...O,
 						[w]: D.src
@@ -784,7 +781,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				g(d).controller.handleSuccess();
 			}, [g]),
 			handleError: (0, n.useCallback)((d) => {
-				const { itemId: R, controller: x } = g(d), p = ze(x.handleError(), x.src);
+				const { itemId: R, controller: x } = g(d), p = Fe(x.handleError(), x.src);
 				p?.changed && p.src && l((w) => ({
 					...w,
 					[R]: p.src
@@ -792,16 +789,16 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			}, [g])
 		};
 	}
-	var st = "blocks", Dt = ({ setCurrentImageLink: t, setModalHeight: e, setModalWidth: o, setImageStockList: a, imageStockList: i, currentReq: l, setCurrentReq: b, inputRef: g, setStockLink: d, customRequest: R }) => {
-		const x = u.useAppConfig(), p = u.useIsStandalone(), [w, j] = (0, n.useState)(!1), [C, U] = (0, n.useState)(2), { __: y } = m.useI18n(), D = m.useNotification(), [O] = _.useLazyGetUnsplashImageQuery(), [T] = _.useLazyGetSearchImageQuery(), Q = (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 : y("Failed to load stock images through the configured proxy chain."), [y]), N = (0, n.useCallback)((s) => {
+	var nt = "blocks", Lt = ({ setCurrentImageLink: t, setModalHeight: e, setModalWidth: o, setImageStockList: a, imageStockList: i, currentReq: l, setCurrentReq: b, inputRef: g, setStockLink: d, customRequest: R }) => {
+		const x = u.useAppConfig(), p = u.useIsStandalone(), [w, j] = (0, n.useState)(!1), [C, U] = (0, n.useState)(2), { __: y } = m.useI18n(), D = m.useNotification(), [O] = Y.useLazyGetUnsplashImageQuery(), [T] = Y.useLazyGetSearchImageQuery(), q = (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 : y("Failed to load stock images through the configured proxy chain."), [y]), N = (0, n.useCallback)((s) => {
 			D.error({
 				id: "STOCK_IMAGES_SEARCH_FAILED",
 				title: y("Failed to load stock images"),
-				description: Q(s)
+				description: q(s)
 			});
 		}, [
 			y,
-			Q,
+			q,
 			D
 		]), M = async () => {
 			w || (j(!0), T({
@@ -839,7 +836,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			standalone: p,
 			resourceType: "stockImages",
 			intent: "display"
-		}), [x, p]), { getDisplaySrc: E, handleLoad: I, handleError: A } = rt({
+		}), [x, p]), { getDisplaySrc: E, handleLoad: I, handleError: A } = tt({
 			items: i,
 			getItemId: (0, n.useCallback)((s) => s.id, []),
 			getRequestUrl: (0, n.useCallback)((s) => k(s.urls.raw, 644, 96), [k]),
@@ -848,7 +845,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			I(s), h.target.parentNode.classList.add("loaded");
 		}, J = (s) => () => {
 			A(s);
-		}, q = (s, h, W) => {
+		}, Q = (s, h, W) => {
 			O(h.download_location), K(W), setTimeout(() => K(null), 2e3), d(`${s.raw}&w=1200&q=96`), t(`${s.raw}&w=1200&q=96`), R(`${s.raw}&w=1200&q=96`);
 		};
 		return (0, r.jsxs)("div", {
@@ -1005,7 +1002,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						lineHeight: "0",
 						boxSizing: "unset"
 					},
-					children: (0, r.jsx)(tt, {
+					children: (0, r.jsx)($e, {
 						dataLength: i && i.length,
 						next: M,
 						hasMore: i,
@@ -1016,13 +1013,13 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						scrollableTarget: "scrollableDiv",
 						style: { overflow: "visible" },
 						loader: null,
-						children: (0, r.jsx)(Ge, {
+						children: (0, r.jsx)(Ne, {
 							breakpointCols: { default: 3 },
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
 							children: i.map((s) => (0, r.jsxs)("div", {
 								className: "list-item",
-								onClick: () => q(s.urls, s.links, s.id),
+								onClick: () => Q(s.urls, s.links, s.id),
 								children: [
 									(0, r.jsx)("img", {
 										className: ee === s.id ? "loaded-image" : "",
@@ -1040,7 +1037,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 											" ",
 											(0, r.jsx)("a", {
 												target: "_blank",
-												href: `${s.user.links.html}?utm_source=${st}&utm_medium=referral`,
+												href: `${s.user.links.html}?utm_source=${nt}&utm_medium=referral`,
 												rel: "noreferrer",
 												children: s.user.name
 											}),
@@ -1049,7 +1046,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 											" ",
 											(0, r.jsx)("a", {
 												target: "_blank",
-												href: `https://unsplash.com/?utm_source=${st}&utm_medium=referral`,
+												href: `https://unsplash.com/?utm_source=${nt}&utm_medium=referral`,
 												rel: "noreferrer",
 												children: "Unsplash"
 											})
@@ -1067,14 +1064,14 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			})]
 		});
 	};
-	function at(t) {
+	function rt(t) {
 		return /^(https?:)?\/\//i.test(t.trim());
 	}
-	function Bt(t) {
+	function Dt(t) {
 		const e = t.trim();
-		return at(e) || /^data:/i.test(e) ? e : `data:image/jpeg;base64, ${t}`;
+		return rt(e) || /^data:/i.test(e) ? e : `data:image/jpeg;base64, ${t}`;
 	}
-	var Ut = ({ images: t, transitionDuration: e = 1e3 }) => {
+	var Bt = ({ images: t, transitionDuration: e = 1e3 }) => {
 		const [o, a] = (0, n.useState)([]);
 		return (0, n.useEffect)(() => {
 			if (t.length > 0) {
@@ -1092,7 +1089,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		}, [t]), (0, r.jsx)("div", {
 			className: "slideshow-container",
 			children: o.map((i, l) => (0, r.jsx)("img", {
-				src: Bt(i.src),
+				src: Dt(i.src),
 				alt: `Slide ${l + 1}`,
 				className: "slideshow-image",
 				style: {
@@ -1102,8 +1099,8 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			}, l))
 		});
 	};
-	function Mt({ setModalHeight: t, customRequest: e, aiTabRef: o, isImageUploaded: a, setIsImageUploaded: i, aiImageRequest: l, imageAiList: b, setImageAiList: g, isLoadingAi: d, setIsLoadingAi: R, onPluginAiImageLimitExceeded: x, onImageGenerateLimitExceeded: p }) {
-		const { __: w } = m.useI18n(), j = u.useAppConfig(), C = m.useNotification(), U = u.usePushToDataLayer(), { emailId: y, blockId: D, projectId: O } = (0, Ne.useParams)(), [T] = _.useLazySendAiImageRequestQuery(), [Q, { data: N = [] }] = _.useLazyGetAiImageSSEQuery(), [M] = _.useLazyGetLimitsStatsByTypeQuery(), z = j?.sendAIImageRequest || T, ee = j?.trigger || Q, K = j?.handleLimitUsageEmitter || u.useEventEmitter(u.events.ON_LIMIT_ID), [k, P] = (0, n.useState)(0), [E, I] = (0, n.useState)(null), [A, L] = (0, n.useState)(!1), [J, q] = (0, n.useState)(w("Evaluating the task")), [s, h] = (0, n.useState)(!1), W = y || D, { limits: ce } = j?.limits ? j : { limits: { ai_img_limit: 0 } }, { ai_img_limit: Z } = ce, $ = !!(j.limits && j.counters) && u.PLUGIN.isPlugin, X = u.useEventEmitter(u.events.AI_IMAGE_REQUEST_ID).hasListeners(), H = ne.shouldCountAiUsage({
+	function Ut({ setModalHeight: t, customRequest: e, aiTabRef: o, isImageUploaded: a, setIsImageUploaded: i, aiImageRequest: l, imageAiList: b, setImageAiList: g, isLoadingAi: d, setIsLoadingAi: R, onPluginAiImageLimitExceeded: x, onImageGenerateLimitExceeded: p }) {
+		const { __: w } = m.useI18n(), j = u.useAppConfig(), C = m.useNotification(), U = u.usePushToDataLayer(), { emailId: y, blockId: D, projectId: O } = u.useParams(), [T] = Y.useLazySendAiImageRequestQuery(), [q, { data: N = [] }] = Y.useLazyGetAiImageSSEQuery(), [M] = Y.useLazyGetLimitsStatsByTypeQuery(), z = j?.sendAIImageRequest || T, ee = j?.trigger || q, K = j?.handleLimitUsageEmitter || u.useEventEmitter(u.events.ON_LIMIT_ID), [k, P] = (0, n.useState)(0), [E, I] = (0, n.useState)(null), [A, L] = (0, n.useState)(!1), [J, Q] = (0, n.useState)(w("Evaluating the task")), [s, h] = (0, n.useState)(!1), W = y || D, { limits: le } = j?.limits ? j : { limits: { ai_img_limit: 0 } }, { ai_img_limit: Z } = le, $ = !!(j.limits && j.counters) && u.PLUGIN.isPlugin, X = u.useEventEmitter(u.events.AI_IMAGE_REQUEST_ID).hasListeners(), H = ne.shouldCountAiUsage({
 			limitsInPlugin: $,
 			hostedAiActive: X
 		}), ie = !X && Z > 0 && k >= Z, he = (0, n.useCallback)(() => {
@@ -1116,8 +1113,8 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			H,
 			k,
 			Z
-		]), ue = (0, n.useCallback)(async () => {
-			q(w("Evaluating the task")), l !== "" && !d && (R(!0), h(!0), g([]), U({
+		]), ce = (0, n.useCallback)(async () => {
+			Q(w("Evaluating the task")), l !== "" && !d && (R(!0), h(!0), g([]), U({
 				event: "submit_form",
 				action: "ai_image_generation",
 				entity_id: y,
@@ -1131,10 +1128,10 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				if (te) throw te;
 				if (v.data.status === 401) throw new Error(u.ERROR);
 				if (v?.data?._eventResult) {
-					g(v.data.task.images), R(!1), h(!1), q(w("Evaluating the task"));
+					g(v.data.task.images), R(!1), h(!1), Q(w("Evaluating the task"));
 					return;
 				}
-				v?.data.status === 200 ? (v?.data.task.id && (q(v.data.task.message), I(v.data.task.id)), v.message && C.success({
+				v?.data.status === 200 ? (v?.data.task.id && (Q(v.data.task.message), I(v.data.task.id)), v.message && C.success({
 					id: "AI_IMAGE_SEND_SUCCESS",
 					title: v.message,
 					placement: "bottomRight",
@@ -1166,7 +1163,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			ee,
 			W,
 			w
-		]), Y = (0, n.useCallback)(async () => {
+		]), _ = (0, n.useCallback)(async () => {
 			if (ye) {
 				if (!u.PLUGIN.isPlugin && !X) {
 					const v = F.resolveLimitActionPreflightExceededForType("image_generate", (await M("image_generate")).data?.stats);
@@ -1175,7 +1172,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						return;
 					}
 				}
-				H && (P((v) => v + 1), he()), ue();
+				H && (P((v) => v + 1), he()), ce();
 			} else $ && (x ? x() : C.error({
 				title: w("The usage limit has been exceeded"),
 				description: w(`The maximum number of requests for the current subscription period has been reached.
@@ -1191,7 +1188,7 @@ Select the appropriate plan to fulfil more requests`),
 			p,
 			P,
 			he,
-			ue,
+			ce,
 			C,
 			w,
 			x
@@ -1202,7 +1199,7 @@ Select the appropriate plan to fulfil more requests`),
 		const se = u.useEventEmitter(u.events.AI_IMAGE_PROGRESS_ID);
 		(0, n.useEffect)(() => {
 			const v = se.event(({ progress: te, status: G }) => {
-				q(G || `${Math.round(te)}%`);
+				Q(G || `${Math.round(te)}%`);
 			});
 			return () => v.dispose();
 		}, [se]);
@@ -1210,7 +1207,7 @@ Select the appropriate plan to fulfil more requests`),
 			if (!a) {
 				i(!0);
 				try {
-					const te = at(v) ? await (await fetch(v)).blob() : $e(v);
+					const te = rt(v) ? await (await fetch(v)).blob() : Xe(v);
 					e({ file: new File([te], "image.jpeg", { type: te.type || "image/jpeg" }) });
 				} catch {
 					i(!1);
@@ -1221,7 +1218,7 @@ Select the appropriate plan to fulfil more requests`),
 			i,
 			e
 		]), ae = (0, n.useCallback)((v) => {
-			v.status !== "error" && v.status !== "Canceled" ? v.images ? (q(v.status), v.progress === 100 && (g(v.images), q(w("Evaluating the task")), I(null), h(!1))) : (g([v.data]), R(!1)) : (R(!1), h(!1), C.error({
+			v.status !== "error" && v.status !== "Canceled" ? v.images ? (Q(v.status), v.progress === 100 && (g(v.images), Q(w("Evaluating the task")), I(null), h(!1))) : (g([v.data]), R(!1)) : (R(!1), h(!1), C.error({
 				id: "AI_IMAGE_GET_ERROR",
 				title: w("Something went wrong, please try again"),
 				placement: "bottomRight",
@@ -1229,7 +1226,7 @@ Select the appropriate plan to fulfil more requests`),
 			}));
 		}, [
 			g,
-			q,
+			Q,
 			w,
 			R,
 			t,
@@ -1264,8 +1261,8 @@ Select the appropriate plan to fulfil more requests`),
 			loadingDuringGeneration: s,
 			setLoadingDuringGeneration: h,
 			requestStatus: J,
-			setRequestStatus: q,
-			handleGenerate: Y,
+			setRequestStatus: Q,
+			handleGenerate: _,
 			handleLimitAiImgCount: he,
 			convertBase64ToFile: B,
 			isShiftPressed: A,
@@ -1275,8 +1272,8 @@ Select the appropriate plan to fulfil more requests`),
 			limitsInPlugin: $
 		};
 	}
-	var Pt = ({ setModalHeight: t, customRequest: e, aiTabRef: o, inputAiRef: a, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: b, setAiImageRequest: g, imageAiList: d, setImageAiList: R, isLoadingAi: x, setIsLoadingAi: p }) => {
-		const w = (0, Ne.useNavigate)(), j = u.useDispatch(), { __: C, _n: U } = m.useI18n(), y = u.useAppConfig(), [D, O] = (0, n.useState)(!1), [T, Q] = (0, n.useState)(null), { aiImageCounter: N, currentAiImgLimits: M, loadingDuringGeneration: z, requestStatus: ee, handleGenerate: K, convertBase64ToFile: k, isShiftPressed: P, setIsShiftPressed: E, limitsInPlugin: I } = Mt({
+	var Mt = ({ setModalHeight: t, customRequest: e, aiTabRef: o, inputAiRef: a, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: b, setAiImageRequest: g, imageAiList: d, setImageAiList: R, isLoadingAi: x, setIsLoadingAi: p }) => {
+		const w = u.useNavigate(), j = u.useDispatch(), { __: C, _n: U } = m.useI18n(), y = u.useAppConfig(), [D, O] = (0, n.useState)(!1), [T, q] = (0, n.useState)(null), { aiImageCounter: N, currentAiImgLimits: M, loadingDuringGeneration: z, requestStatus: ee, handleGenerate: K, convertBase64ToFile: k, isShiftPressed: P, setIsShiftPressed: E, limitsInPlugin: I } = Ut({
 			setModalHeight: t,
 			customRequest: e,
 			aiTabRef: o,
@@ -1288,8 +1285,8 @@ Select the appropriate plan to fulfil more requests`),
 			isLoadingAi: x,
 			setIsLoadingAi: p,
 			onPluginAiImageLimitExceeded: () => O(!0),
-			onImageGenerateLimitExceeded: Q
-		}), A = D && M > 0 ? ne.getAiTariffUpgradeStep(M) : null, L = A ? F.getLimitUpgradePresetDefinition(A.presetId) : null, J = T ? F.getLimitUpgradePresetDefinition(T.presetId) : null, [q, s] = (0, n.useState)(!1), h = (0, n.useCallback)(() => s(!0), []), W = (0, n.useCallback)(() => s(!1), []), ce = (0, n.useCallback)((H) => g(H.target.value), [g]), Z = (0, n.useCallback)((H) => {
+			onImageGenerateLimitExceeded: q
+		}), A = D && M > 0 ? ne.getAiTariffUpgradeStep(M) : null, L = A ? F.getLimitUpgradePresetDefinition(A.presetId) : null, J = T ? F.getLimitUpgradePresetDefinition(T.presetId) : null, [Q, s] = (0, n.useState)(!1), h = (0, n.useCallback)(() => s(!0), []), W = (0, n.useCallback)(() => s(!1), []), le = (0, n.useCallback)((H) => g(H.target.value), [g]), Z = (0, n.useCallback)((H) => {
 			H.key === "Shift" ? E(!0) : H.key === "Enter" && !P && (H.preventDefault(), K());
 		}, [
 			P,
@@ -1310,19 +1307,19 @@ Select the appropriate plan to fulfil more requests`),
 					previousDisplay: F.presetLimitDisplay(A.previousLimit),
 					nextDisplay: F.presetLimitDisplay(A.nextLimit),
 					onChangePlan: () => {
-						O(!1), document.body.classList.remove("editor"), w("/billing"), j(_.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
+						O(!1), document.body.classList.remove("editor"), w("/billing"), j(Y.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
 				J && T ? (0, r.jsx)(F.LimitUpgradeModal, {
 					open: !0,
-					onClose: () => Q(null),
+					onClose: () => q(null),
 					title: C(J.titleKey),
 					subtitle: C(J.subtitleKey),
 					usageResource: J.usageResource,
 					previousDisplay: F.presetLimitDisplay(T.previousLimit),
 					nextDisplay: F.presetLimitDisplay(T.nextLimit),
 					onChangePlan: () => {
-						Q(null), document.body.classList.remove("editor"), w("/billing"), j(_.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
+						q(null), document.body.classList.remove("editor"), w("/billing"), j(Y.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
 				I && (0, r.jsx)(m.LimitsCounter, {
@@ -1346,7 +1343,7 @@ Select the appropriate plan to fulfil more requests`),
 						children: (0, r.jsx)(m.Form.Item, {
 							style: { margin: 0 },
 							children: (0, r.jsxs)("span", {
-								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${q ? " ant-input-affix-wrapper-focused" : ""}`,
+								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${Q ? " ant-input-affix-wrapper-focused" : ""}`,
 								children: [(0, r.jsx)(m.TextArea, {
 									ref: a,
 									onKeyDown: Z,
@@ -1358,7 +1355,7 @@ Select the appropriate plan to fulfil more requests`),
 									className: "text-area-input-hybrid image-ai__textarea",
 									placeholder: C("Generate image"),
 									value: b,
-									onChange: ce,
+									onChange: le,
 									spellCheck: "false"
 								}), (0, r.jsx)("span", {
 									className: "ant-input-suffix image-ai__input-suffix",
@@ -1393,7 +1390,7 @@ Select the appropriate plan to fulfil more requests`),
 						})
 					}), d.length > 0 && (0, r.jsxs)("div", {
 						className: "image-ai__image-item",
-						children: [(0, r.jsx)(Ut, { images: d }), (0, r.jsx)("div", {
+						children: [(0, r.jsx)(Bt, { images: d }), (0, r.jsx)("div", {
 							className: "buttons",
 							children: (0, r.jsx)(m.Button, {
 								onClick: () => k(X),
@@ -1405,8 +1402,8 @@ Select the appropriate plan to fulfil more requests`),
 				})
 			]
 		});
-	}, Tt = ({ setNewLink: t, setCurrentImageLink: e, setModalHeight: o, setModalWidth: a, setImageGifList: i, imageGifList: l, currentReqGif: b, setCurrentReqGif: g, inputRef: d, setStockLink: R, customRequest: x }) => {
-		const { __: p } = m.useI18n(), w = u.useAppConfig(), j = u.useIsStandalone(), C = m.useNotification(), [U, y] = (0, n.useState)(null), [D, O] = (0, n.useState)(!1), [T, Q] = (0, n.useState)(25), [N] = _.useLazyGetSearchGifQuery(), M = (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 : p("Failed to load GIFs through the configured proxy chain."), [p]), z = (0, n.useCallback)((s) => {
+	}, Pt = ({ setNewLink: t, setCurrentImageLink: e, setModalHeight: o, setModalWidth: a, setImageGifList: i, imageGifList: l, currentReqGif: b, setCurrentReqGif: g, inputRef: d, setStockLink: R, customRequest: x }) => {
+		const { __: p } = m.useI18n(), w = u.useAppConfig(), j = u.useIsStandalone(), C = m.useNotification(), [U, y] = (0, n.useState)(null), [D, O] = (0, n.useState)(!1), [T, q] = (0, n.useState)(25), [N] = Y.useLazyGetSearchGifQuery(), M = (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 : p("Failed to load GIFs through the configured proxy chain."), [p]), z = (0, n.useCallback)((s) => {
 			C.error({
 				id: "STOCK_GIFS_SEARCH_FAILED",
 				title: p("Failed to load GIFs"),
@@ -1425,7 +1422,7 @@ Select the appropriate plan to fulfil more requests`),
 					z(s.error), O(!1);
 					return;
 				}
-				i((h) => [...h, ...s.data.data]), O(!1), Q((h) => h + 25);
+				i((h) => [...h, ...s.data.data]), O(!1), q((h) => h + 25);
 			}).catch(() => {
 				O(!1);
 			}));
@@ -1450,14 +1447,14 @@ Select the appropriate plan to fulfil more requests`),
 			standalone: j,
 			resourceType: "generic",
 			intent: "display"
-		}), [w, j]), { getDisplaySrc: I, handleLoad: A, handleError: L } = rt({
+		}), [w, j]), { getDisplaySrc: I, handleLoad: A, handleError: L } = tt({
 			items: l,
 			getItemId: (0, n.useCallback)((s) => s.id, []),
 			getRequestUrl: (0, n.useCallback)((s) => s.images.downsized.url, []),
 			createController: E
 		}), J = (s) => (h) => {
 			A(s), h.target.parentNode.classList.add("loaded");
-		}, q = (s) => () => {
+		}, Q = (s) => () => {
 			L(s);
 		};
 		return (0, r.jsxs)("div", {
@@ -1510,7 +1507,7 @@ Select the appropriate plan to fulfil more requests`),
 						lineHeight: "0",
 						boxSizing: "unset"
 					},
-					children: (0, r.jsx)(tt, {
+					children: (0, r.jsx)($e, {
 						dataLength: l && l.length,
 						next: ee,
 						hasMore: l,
@@ -1521,7 +1518,7 @@ Select the appropriate plan to fulfil more requests`),
 						scrollableTarget: "scrollableDiv",
 						style: { overflow: "visible" },
 						loader: (0, r.jsx)(m.Spin, { size: "small" }),
-						children: (0, r.jsx)(Ge, {
+						children: (0, r.jsx)(Ne, {
 							breakpointCols: P,
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
@@ -1535,7 +1532,7 @@ Select the appropriate plan to fulfil more requests`),
 										src: I(s),
 										alt: s.title,
 										onLoad: J(s),
-										onError: q(s)
+										onError: Q(s)
 									}),
 									(0, r.jsx)("a", {
 										rel: "noreferrer",
@@ -1559,10 +1556,10 @@ Select the appropriate plan to fulfil more requests`),
 			})]
 		});
 	};
-	function Nt(t) {
+	function Tt(t) {
 		if (!(t == null || t === "")) return t;
 	}
-	async function Ft(t, e) {
+	async function Nt(t, e) {
 		if (t) {
 			if (t.url) return t.url;
 			if (typeof e.getFileById == "function" && t.id) {
@@ -1582,10 +1579,10 @@ Select the appropriate plan to fulfil more requests`),
 			return t.thumbnail || t.thumbnailUrl;
 		}
 	}
-	function Gt(t) {
+	function Ft(t) {
 		if (!(!t?.success || !Array.isArray(t.detailed))) return t.detailed.find((e) => e?.success && e.data)?.data;
 	}
-	function zt(t, e, o) {
+	function Gt(t, e, o) {
 		if (t) return {
 			id: t.id,
 			name: t.name || e.name,
@@ -1605,11 +1602,11 @@ Select the appropriate plan to fulfil more requests`),
 			childrenCount: t.childrenCount
 		};
 	}
-	async function Kt(t, e, o) {
+	async function zt(t, e, o) {
 		if (!e) return;
-		const a = Nt(o ?? e.rootId);
+		const a = Tt(o ?? e.rootId);
 		let i;
-		typeof e.uploadFiles == "function" ? i = Gt(await e.uploadFiles({
+		typeof e.uploadFiles == "function" ? i = Ft(await e.uploadFiles({
 			folderId: a,
 			items: [{
 				name: t.name,
@@ -1618,44 +1615,44 @@ Select the appropriate plan to fulfil more requests`),
 				folderId: a,
 				data: t
 			}]
-		})) : typeof e.uploadFile == "function" && (i = zt(await e.uploadFile({
+		})) : typeof e.uploadFile == "function" && (i = Gt(await e.uploadFile({
 			name: t.name,
 			size: t.size,
 			type: t.type,
 			folderId: a,
 			data: t
 		}), t, a));
-		const l = await Ft(i, e);
+		const l = await Nt(i, e);
 		return l ? {
 			item: i,
 			url: l
 		} : void 0;
 	}
-	var ot = "IMG", it = "BACKGROUND", Wt = "GALLERY", Ae = "EDITOR", pe = "UPLOAD", Ke = "STOCK", We = "GIF", He = "AI", Ht = { mode: "select" }, Vt = { mode: "save" }, { Dragger: Qt } = m.Upload, qt = (t, e = "image") => _.decodeFileNameFromUrl(t) ?? e, ke = ne.normalizeImageFormatForDisplay, Yt = (t, e) => {
+	var st = "IMG", at = "BACKGROUND", Kt = "GALLERY", Ae = "EDITOR", pe = "UPLOAD", Ge = "STOCK", ze = "GIF", Ke = "AI", Wt = { mode: "select" }, Ht = { mode: "save" }, { Dragger: Vt } = m.Upload, qt = (t, e = "image") => Y.decodeFileNameFromUrl(t) ?? e, ke = ne.normalizeImageFormatForDisplay, Qt = (t, e) => {
 		const o = ke(e);
 		return !o || t.includes(".") ? t : `${t}.${o}`;
-	}, _t = (t, e) => new File([t], Yt(qt(e), t.type), { type: t.type || "application/octet-stream" }), lt = ({ dataProvider: t }) => {
-		const e = u.useAppConfig(), o = u.useIsStandalone(), { __: a } = m.useI18n(), i = u.useDispatch(), { projectId: l } = (0, Ne.useParams)(), [b] = _.useLazyGetImageInfoQuery(), { modal: g } = m.App.useApp(), d = m.useNotification(), R = u.useSelector(u.selectedIsUserPaySmth), x = u.useSelector(u.selectedCurrentUser), p = u.useSelector(_.selectActiveModal), { request: w, resolveImagePicker: j } = F.useImagePicker(), [C, U] = (0, n.useState)(""), [y, D] = (0, n.useState)(""), [O, T] = (0, n.useState)(""), [Q, N] = (0, n.useState)(""), [M, z] = (0, n.useState)(pe), [ee, K] = (0, n.useState)({
+	}, _t = (t, e) => new File([t], Qt(qt(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] = Y.useLazyGetImageInfoQuery(), { modal: g } = m.App.useApp(), d = m.useNotification(), R = u.useSelector(u.selectedIsUserPaySmth), x = u.useSelector(u.selectedCurrentUser), p = u.useSelector(Y.selectActiveModal), { request: w, resolveImagePicker: j } = F.useImagePicker(), [C, U] = (0, n.useState)(""), [y, D] = (0, n.useState)(""), [O, T] = (0, n.useState)(""), [q, N] = (0, n.useState)(""), [M, z] = (0, n.useState)(pe), [ee, K] = (0, n.useState)({
 			width: "",
 			height: "",
 			size: "",
 			format: ""
-		}), [k, P] = (0, n.useState)("success"), [E, I] = (0, n.useState)(!1), A = n.default.useRef(null), L = n.default.useRef(null), J = n.default.useRef(null), q = n.default.useRef(null), s = n.default.useRef(null), h = n.default.useRef(null), W = n.default.useRef(null), ce = n.default.useRef(null), Z = n.default.useRef(null), [$, X] = (0, n.useState)("auto"), [H, ie] = (0, n.useState)(572), [he, ye] = (0, n.useState)(!1), [ue, Y] = (0, n.useState)({
+		}), [k, P] = (0, n.useState)("success"), [E, I] = (0, n.useState)(!1), A = n.default.useRef(null), L = n.default.useRef(null), J = n.default.useRef(null), Q = n.default.useRef(null), s = n.default.useRef(null), h = n.default.useRef(null), W = n.default.useRef(null), le = n.default.useRef(null), Z = n.default.useRef(null), [$, X] = (0, n.useState)("auto"), [H, ie] = (0, n.useState)(572), [he, ye] = (0, n.useState)(!1), [ce, _] = (0, n.useState)({
 			keywords: "",
 			color: "",
 			orientation: ""
-		}), [se, B] = (0, n.useState)({ keywords: "" }), [ae, v] = (0, n.useState)([]), [te, G] = (0, n.useState)([]), [fe, Zt] = (0, n.useState)([]), [ct, ut] = (0, n.useState)(!1), [dt, Ve] = (0, n.useState)(""), [Xt, Ee] = (0, n.useState)(!1), [Jt, Be] = (0, n.useState)(0), Qe = u.useSelector(u.selectProject), ft = Qe?.id !== void 0 ? String(Qe.id) : l || "", mt = u.useEventEmitter(u.events.UPLOAD_EVENT_ID), Ie = n.default.useRef(ne.createImageUrlBlobResolver()), qe = n.default.useRef(""), be = n.default.useRef(0), xe = n.default.useRef(""), [$t, pt] = (0, n.useState)(""), [en, gt] = (0, n.useState)(null), [tn, Ye] = (0, n.useState)(""), Ue = (0, n.useCallback)((c) => {
+		}), [se, B] = (0, n.useState)({ keywords: "" }), [ae, v] = (0, n.useState)([]), [te, G] = (0, n.useState)([]), [de, Yt] = (0, n.useState)([]), [it, lt] = (0, n.useState)(!1), [ct, We] = (0, n.useState)(""), [Zt, Ee] = (0, n.useState)(!1), [Xt, Be] = (0, n.useState)(0), He = u.useSelector(u.selectProject), ut = He?.id !== void 0 ? String(He.id) : l || "", dt = u.useEventEmitter(u.events.UPLOAD_EVENT_ID), Ie = n.default.useRef(ne.createImageUrlBlobResolver()), Ve = n.default.useRef(""), be = n.default.useRef(0), xe = n.default.useRef(""), [Jt, ft] = (0, n.useState)(""), [$t, mt] = (0, n.useState)(null), [en, 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, pt(f), gt(c);
+			xe.current = f, ft(f), mt(c);
 		}, []), ge = (0, n.useCallback)(() => {
-			xe.current && (URL.revokeObjectURL(xe.current), xe.current = ""), pt(""), gt(null);
-		}, []), de = (0, n.useCallback)(() => {
-			Ye("");
+			xe.current && (URL.revokeObjectURL(xe.current), xe.current = ""), ft(""), mt(null);
+		}, []), ue = (0, n.useCallback)(() => {
+			qe("");
 		}, []);
-		let ve = !(R || !F.isProjectOwner(Qe, x));
-		const nn = (c) => {
+		let ve = !(R || !F.isProjectOwner(He, x));
+		const tn = (c) => {
 			D(c.target.value);
 		}, Me = (0, n.useCallback)((c, f, S = a("The image could not be uploaded.")) => {
 			const V = f instanceof Error ? f.message : S;
@@ -1665,23 +1662,23 @@ Select the appropriate plan to fulfil more requests`),
 				title: a("Upload failed"),
 				description: V
 			});
-		}, [a, d]), rn = (0, n.useCallback)(async (c) => F.pickUploadImageUrlFromFireResults(await mt.fire({
+		}, [a, d]), nn = (0, n.useCallback)(async (c) => F.pickUploadImageUrlFromFireResults(await dt.fire({
 			file: c,
-			project: ft
-		})), [ft, mt]), we = ne.useImageBlobFetch(), sn = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, we), [we]), Pe = async (c) => {
+			project: ut
+		})), [ut, dt]), we = ne.useImageBlobFetch(), rn = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, we), [we]), Pe = async (c) => {
 			if (c) try {
-				const f = await an(c);
-				f && Ze(f) ? await Oe({ file: f }) : f || Me({ url: c }, null, a("Failed to download image from URL."));
+				const f = await sn(c);
+				f && _e(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."));
 			}
-		}, ht = n.default.useRef(Pe);
-		ht.current = Pe, n.default.useEffect(() => {
-			if (M !== pe || !Q) return;
+		}, pt = n.default.useRef(Pe);
+		pt.current = Pe, n.default.useEffect(() => {
+			if (M !== pe || !q) return;
 			const c = y.trim();
 			if (!c || !c.toLowerCase().startsWith("http")) return;
 			const f = setTimeout(() => {
-				ht.current(c);
+				pt.current(c);
 			}, 1e3);
 			return () => {
 				clearTimeout(f);
@@ -1689,9 +1686,9 @@ Select the appropriate plan to fulfil more requests`),
 		}, [
 			y,
 			M,
-			Q
+			q
 		]);
-		const an = async (c) => {
+		const sn = async (c) => {
 			try {
 				const f = ne.canonicalImageUrlKey(c);
 				return _t(await Ie.current.resolve(f, void 0, we), f);
@@ -1699,10 +1696,10 @@ Select the appropriate plan to fulfil more requests`),
 		};
 		document.onpaste = function(c) {
 			const f = c.clipboardData?.items?.[0];
-			if (M === pe && Q) {
+			if (M === pe && q) {
 				if (f?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
 					const V = f.getAsFile();
-					Ze(V);
+					_e(V);
 					const oe = { file: V };
 					D(""), Oe(oe);
 					return;
@@ -1723,70 +1720,70 @@ Select the appropriate plan to fulfil more requests`),
 		}, (0, n.useEffect)(() => {
 			const c = (f) => {
 				let S = null;
-				w?.kind === "background" ? (S = it, N(it)) : w?.kind === "img" && (N(ot), S = ot), w?.currentUrl && S && (U(w.currentUrl), z(f));
+				w?.kind === "background" ? (S = at, N(at)) : w?.kind === "img" && (N(st), S = st), w?.currentUrl && S && (U(w.currentUrl), z(f));
 			};
-			p === u.MODALS.UPLOAD_IMAGE_MODAL || p === u.MODALS.UPLOAD_BACKGROUND_MODAL ? c(Ae) : p === u.MODALS.UPLOAD_IMAGE_MODAL_AI || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (ve ? (Ee(!0), Be(2)) : c(He), setTimeout(() => Z.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(pe), setTimeout(() => h.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_STOCK || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (ve ? (Ee(!0), Be(3)) : c(Ke), setTimeout(() => ce.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_GIF || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (ve ? (Ee(!0), Be(3)) : c(We), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_EDIT || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (ve ? (Ee(!0), Be(5)) : c(Ae), i(_.openSecondModal(u.MODALS.IMAGE_EDITOR_MODAL))) : N("");
+			p === u.MODALS.UPLOAD_IMAGE_MODAL || p === u.MODALS.UPLOAD_BACKGROUND_MODAL ? c(Ae) : p === u.MODALS.UPLOAD_IMAGE_MODAL_AI || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (ve ? (Ee(!0), Be(2)) : c(Ke), setTimeout(() => Z.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(pe), setTimeout(() => h.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_STOCK || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (ve ? (Ee(!0), Be(3)) : c(Ge), setTimeout(() => le.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_GIF || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (ve ? (Ee(!0), Be(3)) : c(ze), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : p === u.MODALS.UPLOAD_IMAGE_MODAL_EDIT || p === u.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (ve ? (Ee(!0), Be(5)) : c(Ae), i(Y.openSecondModal(u.MODALS.IMAGE_EDITOR_MODAL))) : N("");
 		}, [
 			p,
 			i,
 			ve,
 			w
 		]);
-		const _e = (0, n.useCallback)(({ url: c = C || "", meta: f = Ht }) => {
+		const Qe = (0, n.useCallback)(({ url: c = C || "", meta: f = Wt }) => {
 			U(c), j({
 				url: c,
 				meta: f
 			}), setTimeout(() => {
-				de(), ge(), Y({
+				ue(), ge(), _({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), B({ keywords: "" }), G([]), v([]), N(""), Ve(""), ut(!1), T(""), D(""), z(pe);
-			}, 200), i(_.closeModal()), i(_.closeSecondModal());
+				}), B({ keywords: "" }), G([]), v([]), N(""), We(""), lt(!1), T(""), D(""), z(pe);
+			}, 200), i(Y.closeModal()), i(Y.closeSecondModal());
 		}, [
 			C,
-			de,
+			ue,
 			i,
 			j,
 			ge
-		]), yt = (0, n.useCallback)((c, f) => (X("auto"), I(!1), _e({
+		]), gt = (0, n.useCallback)((c, f) => (X("auto"), I(!1), Qe({
 			url: c,
-			meta: Vt
+			meta: Ht
 		}), d.success({
 			id: "IMAGE_UPLOAD_SUCCESS",
 			data: f,
 			title: a("The image was successfully uploaded.")
 		}), c), [
 			a,
-			_e,
+			Qe,
 			d
 		]);
 		(0, n.useEffect)(() => {
 			const c = y || O, f = ne.canonicalImageUrlKey(c);
 			if (!c || !f) {
-				P(""), qe.current = "", de(), ge(), Ie.current.invalidateAll();
+				P(""), Ve.current = "", ue(), ge(), Ie.current.invalidateAll();
 				return;
 			}
-			const S = qe.current;
-			S && S !== f && (Ie.current.abandonKey(S), de(), ge()), qe.current = f;
-			const V = new AbortController(), oe = y ? 800 : 0, re = ++be.current, Xe = setTimeout(async () => {
+			const S = Ve.current;
+			S && S !== f && (Ie.current.abandonKey(S), ue(), ge()), Ve.current = f;
+			const V = new AbortController(), oe = y ? 800 : 0, re = ++be.current, Ye = setTimeout(async () => {
 				try {
 					const Se = async () => {
-						const me = await Ie.current.resolve(f, V.signal, we);
+						const fe = await Ie.current.resolve(f, V.signal, we);
 						if (re !== be.current) return;
-						const { width: Ce, height: un } = await ne.getImageDimensionsFromBlob(me);
+						const { width: Ce, height: cn } = await ne.getImageDimensionsFromBlob(fe);
 						re === be.current && (K({
 							width: Ce,
-							height: un,
-							size: (me.size / 1024).toFixed(2),
-							format: ke(me.type)
-						}), de(), Ue(me));
+							height: cn,
+							size: (fe.size / 1024).toFixed(2),
+							format: ke(fe.type)
+						}), ue(), Ue(fe));
 					};
 					if (o) await Se();
 					else {
-						const me = await ne.resolveDataProviderPreview(t, f);
-						if (me?.previewUrl && re === be.current) {
-							Ye(me.previewUrl), ge();
+						const fe = await ne.resolveDataProviderPreview(t, f);
+						if (fe?.previewUrl && re === be.current) {
+							qe(fe.previewUrl), ge();
 							try {
 								const { data: Ce } = await b(f);
 								if (re !== be.current) return;
@@ -1803,22 +1800,22 @@ Select the appropriate plan to fulfil more requests`),
 					}
 					if (re !== be.current) return;
 					P("success"), U(c), ie(572), setTimeout(() => {
-						let me = 0;
-						L.current && (me = L.current.offsetHeight + 62), X(me);
+						let fe = 0;
+						L.current && (fe = L.current.offsetHeight + 62), X(fe);
 					}, 0);
 				} catch (Se) {
 					if (Se?.name === "AbortError" || V.signal.aborted || re !== be.current) return;
-					de(), ge(), P("error");
+					ue(), ge(), P("error");
 				}
 			}, oe);
 			return () => {
-				clearTimeout(Xe), V.abort();
+				clearTimeout(Ye), V.abort();
 			};
 		}, [
 			y,
 			O,
 			o,
-			de,
+			ue,
 			we,
 			b,
 			ge,
@@ -1831,10 +1828,10 @@ Select the appropriate plan to fulfil more requests`),
 			const V = async () => {
 				const oe = await Ie.current.resolve(c, f.signal, we);
 				if (S) return;
-				const { width: re, height: Xe } = await ne.getImageDimensionsFromBlob(oe);
-				S || (de(), Ue(oe), K({
+				const { width: re, height: Ye } = await ne.getImageDimensionsFromBlob(oe);
+				S || (ue(), Ue(oe), K({
 					width: re,
-					height: Xe,
+					height: Ye,
 					size: (oe.size / 1024).toFixed(2),
 					format: ke(oe.type)
 				}));
@@ -1844,7 +1841,7 @@ Select the appropriate plan to fulfil more requests`),
 					if (!o) {
 						const oe = await ne.resolveDataProviderPreview(t, c);
 						if (oe?.previewUrl && !S) {
-							Ye(oe.previewUrl), ge();
+							qe(oe.previewUrl), ge();
 							try {
 								const { data: re } = await b(c);
 								if (S) return;
@@ -1862,14 +1859,14 @@ Select the appropriate plan to fulfil more requests`),
 					}
 					await V();
 				} catch {
-					S || de();
+					S || ue();
 				}
 			})(), () => {
 				S = !0, f.abort();
 			};
 		}, [
 			o,
-			de,
+			ue,
 			C,
 			we,
 			b,
@@ -1878,16 +1875,16 @@ Select the appropriate plan to fulfil more requests`),
 			O,
 			Ue
 		]);
-		const on = () => {
-			i(_.closeModal()), setTimeout(() => {
-				de(), ge(), U(""), D(""), G([]), G([]), Y({
+		const an = () => {
+			i(Y.closeModal()), setTimeout(() => {
+				ue(), ge(), U(""), D(""), G([]), G([]), _({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), B({ keywords: "" }), X("auto"), !ct && Ve(""), ie(572), z(pe);
+				}), B({ keywords: "" }), X("auto"), !it && We(""), ie(572), z(pe);
 			}, 200);
-		}, ln = (c) => {
-			c === Wt ? g.success({
+		}, on = (c) => {
+			c === Kt ? g.success({
 				mask: { closable: !0 },
 				centered: !0,
 				title: a("Coming soon"),
@@ -1905,20 +1902,20 @@ Select the appropriate plan to fulfil more requests`),
 				}
 			}) : (setTimeout(() => {
 				let f = 0, S = 0;
-				c === pe && A.current ? (ue.keywords === "" && h.current?.focus({ cursor: "start" }), f = 300, S = 572) : c === Ae && L.current ? (f = L.current.offsetHeight + 62, S = 572) : c === Ke && J.current ? (ue.keywords === "" && ce.current?.focus({ cursor: "start" }), f = 130, S = 572, te.length > 0 && (S = 1060, f = "84vh")) : c === We && q.current ? (ue.keywords === "" && W.current?.focus({ cursor: "start" }), f = 130, S = 572, ae.length > 0 && (S = 1060, f = "84vh")) : c === He && s.current && (dt === "" && fe.length === 0 ? (Z.current?.focus({ cursor: "start" }), f = 130) : f = s.current.offsetHeight + 82, S = 572), X(f), ie(S);
+				c === pe && A.current ? (ce.keywords === "" && h.current?.focus({ cursor: "start" }), f = 300, S = 572) : c === Ae && L.current ? (f = L.current.offsetHeight + 62, S = 572) : c === Ge && J.current ? (ce.keywords === "" && le.current?.focus({ cursor: "start" }), f = 130, S = 572, te.length > 0 && (S = 1060, f = "84vh")) : c === ze && Q.current ? (ce.keywords === "" && W.current?.focus({ cursor: "start" }), f = 130, S = 572, ae.length > 0 && (S = 1060, f = "84vh")) : c === Ke && s.current && (ct === "" && de.length === 0 ? (Z.current?.focus({ cursor: "start" }), f = 130) : f = s.current.offsetHeight + 82, S = 572), X(f), ie(S);
 			}, 0), z(c));
 		};
 		(0, n.useEffect)(() => {
-			ue.keywords === "" && (h?.current?.focus({ cursor: "start" }), G([]), setTimeout(() => {
+			ce.keywords === "" && (h?.current?.focus({ cursor: "start" }), G([]), setTimeout(() => {
 				X("auto"), ie(572);
 			}, 0));
 		}, [
-			ue,
+			ce,
 			G,
 			X,
 			ie
 		]);
-		const Ze = (c) => {
+		const _e = (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",
@@ -1929,10 +1926,10 @@ Select the appropriate plan to fulfil more requests`),
 		}, Oe = async ({ file: c }) => {
 			try {
 				ye(!0);
-				const f = await ne.prepareImageForEditorUpload(c, e), S = await rn(f);
-				if (S) return yt(S, f), S;
-				const V = await Kt(f, t);
-				if (V?.url) return yt(V.url, f), V.url;
+				const f = await ne.prepareImageForEditorUpload(c, e), S = await nn(f);
+				if (S) return gt(S, f), S;
+				const V = await zt(f, t);
+				if (V?.url) return gt(V.url, f), V.url;
 				Me(f, null);
 				return;
 			} catch (f) {
@@ -1941,17 +1938,17 @@ Select the appropriate plan to fulfil more requests`),
 			} finally {
 				ye(!1);
 			}
-		}, cn = (c) => Oe({ file: c });
+		}, ln = (c) => Oe({ file: c });
 		let Le = [{
 			label: a("Upload"),
 			key: pe,
 			children: (0, r.jsxs)("div", {
 				ref: A,
 				style: { paddingBottom: 24 },
-				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Qt, {
+				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Vt, {
 					showUploadList: !1,
 					name: "Image",
-					beforeUpload: Ze,
+					beforeUpload: _e,
 					customRequest: Oe,
 					style: { marginBottom: 10 },
 					multiple: !1,
@@ -1980,7 +1977,7 @@ Select the appropriate plan to fulfil more requests`),
 							size: "large",
 							placeholder: a("Paste image URL here"),
 							value: y,
-							onChange: nn,
+							onChange: tn,
 							spellCheck: "false"
 						})
 					})
@@ -1989,30 +1986,30 @@ Select the appropriate plan to fulfil more requests`),
 		}];
 		return e.imageCenterStockEnabled && !ve && Le.push({
 			label: a("Stock"),
-			key: Ke,
+			key: Ge,
 			children: (0, r.jsx)("div", {
 				ref: J,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Dt, {
-					currentReq: ue,
-					setCurrentReq: Y,
+				children: (0, r.jsx)(Lt, {
+					currentReq: ce,
+					setCurrentReq: _,
 					imageStockList: te,
 					setImageStockList: G,
 					setModalWidth: ie,
 					setModalHeight: X,
 					setStockLink: T,
 					setCurrentImageLink: U,
-					inputRef: ce,
+					inputRef: le,
 					customRequest: Pe
 				})
 			})
 		}), e.imageCenterGifEnabled && !ve && Le.push({
 			label: a("GIF"),
-			key: We,
+			key: ze,
 			children: (0, r.jsx)("div", {
-				ref: q,
+				ref: Q,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Tt, {
+				children: (0, r.jsx)(Pt, {
 					currentReqGif: se,
 					setCurrentReqGif: B,
 					imageGifList: ae,
@@ -2027,19 +2024,19 @@ Select the appropriate plan to fulfil more requests`),
 			})
 		}), e.elementAIimageEnabled && !ve && Le.push({
 			label: a("AI"),
-			key: He,
+			key: Ke,
 			children: (0, r.jsx)("div", {
 				ref: s,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Pt, {
+				children: (0, r.jsx)(Mt, {
 					setModalHeight: X,
 					customRequest: Oe,
-					aiImageRequest: dt,
-					setAiImageRequest: Ve,
-					imageAiList: fe,
-					setImageAiList: Zt,
-					isLoadingAi: ct,
-					setIsLoadingAi: ut,
+					aiImageRequest: ct,
+					setAiImageRequest: We,
+					imageAiList: de,
+					setImageAiList: Yt,
+					isLoadingAi: it,
+					setIsLoadingAi: lt,
 					aiTabRef: s,
 					inputAiRef: Z,
 					isImageUploaded: E,
@@ -2051,15 +2048,15 @@ Select the appropriate plan to fulfil more requests`),
 			key: Ae,
 			children: (0, r.jsx)("div", {
 				ref: L,
-				children: (0, r.jsx)(St, {
+				children: (0, r.jsx)(xt, {
 					currentImageLink: C,
 					newLink: y,
-					previewDisplayUrl: tn,
-					resolvedPreviewObjectUrl: $t,
-					resolvedPreviewBlob: en,
-					resolveImageBlob: sn,
+					previewDisplayUrl: en,
+					resolvedPreviewObjectUrl: Jt,
+					resolvedPreviewBlob: $t,
+					resolveImageBlob: rn,
 					imageSize: ee,
-					onSave: cn,
+					onSave: ln,
 					uploadImageResultIsLoading: he || !1
 				})
 			})
@@ -2068,15 +2065,15 @@ Select the appropriate plan to fulfil more requests`),
 			className: "image-center",
 			title: a("Image Center"),
 			style: { minHeight: 390 },
-			open: !!Q,
-			onOk: _e,
-			onCancel: on,
+			open: !!q,
+			onOk: Qe,
+			onCancel: an,
 			footer: M === Ae ? (0, r.jsx)(r.Fragment, {}) : null,
 			children: (0, r.jsx)(m.Spin, {
 				spinning: he,
 				children: (0, r.jsx)(m.Tabs, {
 					activeKey: M,
-					onChange: ln,
+					onChange: on,
 					items: Le,
 					className: "modal-tabs",
 					style: {
@@ -2085,11 +2082,11 @@ Select the appropriate plan to fulfil more requests`),
 					}
 				})
 			})
-		}), (0, r.jsx)(F.ModalToChangeConfigOnFree, {
-			open: Xt,
+		}), (0, r.jsx)(F.PlanUpgradePrompt, {
+			open: Zt,
 			onCancel: () => Ee(!1),
-			initialSlide: Jt
+			initialSlide: Xt
 		})] });
 	};
-	lt.propTypes = { dataProvider: Te.default.object }, vt.default = lt;
+	ot.propTypes = { dataProvider: vt.default.object }, ht.default = ot;
 });