useblocks 1.1.53 → 1.1.60

package/static/core/{31e98e6e.js → 53463a60.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/53463a60.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/c9e59b34.js",
+	"static/core/161d1254.js",
+	"static/core/4c39852e.js",
+	"static/core/40f73dfb.js",
+	"static/core/951903fb.js",
+	"static/core/dbf19c2e.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(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");
+	n = Ze.__toESM(n);
+	let r = de("react/jsx-runtime");
+	var yt = Ze.__toESM(ne.require_prop_types());
+	function vt(t, e) {
 		return { [t]: {
 			Filter: e("Filter"),
 			filter: e("filter"),
@@ -107,18 +104,18 @@ __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) {
 			const d = o.slice(5, i).split(";")[0]?.trim();
 			d && (a = d), o = o.slice(i + 1);
 		}
-		const l = o.replace(/\s/g, ""), b = atob(l), g = new Uint8Array(b.length);
-		for (let d = 0; d < b.length; d++) g[d] = b.charCodeAt(d);
-		return new Blob([g], { type: a });
+		const l = o.replace(/\s/g, ""), b = atob(l), p = new Uint8Array(b.length);
+		for (let d = 0; d < b.length; d++) p[d] = b.charCodeAt(d);
+		return new Blob([p], { type: a });
 	}
-	var wt = "static/media/image-editor", At = { text: {
+	var Ct = "static/media/image-editor", bt = { text: {
 		replaceDefaultItems: !0,
 		defaultText: "Handwriting",
 		items: [
@@ -236,84 +233,84 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			}
 		]
 	} };
-	function It(t, e) {
+	function wt(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();
-		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)(() => {
-			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);
+	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();
+		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)(() => {
+			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;
+		}, [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 k = !1;
+			let E = !1;
 			return (async () => {
-				const E = t;
-				if (!E && !e) return;
-				let I = e;
-				if (!I && E) try {
-					typeof o == "function" ? I = await o(E) : I = await (await fetch(E)).blob();
+				const j = t;
+				if (!j && !e) return;
+				let x = e;
+				if (!x && j) try {
+					typeof o == "function" ? x = await o(j) : x = await (await fetch(j)).blob();
 				} catch {
-					if (k) return;
-					if (I = await N.fire({
-						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);
-						I = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(E)}`, { headers: { authorization: `Bearer ${L}` } })).blob();
+					if (E) return;
+					if (x = await B.fire({
+						url: j,
+						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();
 					}
 				}
-				if (k || !I) return;
-				const A = new FileReader();
-				A.onload = () => {
-					if (k) return;
-					const L = A.result;
-					typeof L == "string" && (g(L), R(I.type), T?.tools.import.openBackgroundImage(L));
-				}, A.onerror = () => {}, A.readAsDataURL(I);
-			})().catch((E) => {}), () => {
-				k = !0;
+				if (E || !x) return;
+				const S = new FileReader();
+				S.onload = () => {
+					if (E) 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;
 			};
 		}, [
 			t,
 			e,
 			o,
 			l,
-			T,
-			N,
-			y,
-			w
+			D,
+			B,
+			A,
+			C
 		]);
-		const M = (0, n.useCallback)(() => {
-			g(null), R(null), p(_.closeSecondModal()), p(_.closeModal(u.MODALS.UPLOAD_IMAGE_MODAL));
-		}, [p]), z = (0, n.useRef)();
-		z.current = async function(k, P, E) {
+		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) {
 			try {
-				const I = It(E, k);
-				a && await a(new File([I], P, {
+				const x = wt(j, E);
+				a && await a(new File([x], P, {
 					lastModified: Date.now(),
-					type: I.type
+					type: x.type
 				}));
-			} catch (I) {
-				throw I;
+			} catch (x) {
+				throw x;
 			}
 		};
-		const ee = (0, n.useCallback)((k) => {
-			if (k && !(O.current && T)) {
+		const ee = (0, n.useCallback)((E) => {
+			if (E && !(O.current && D)) {
 				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({
+				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({
 					selector: "#pixie-editor",
-					baseUrl: m.getBundledHostAssetUrl(wt),
+					baseUrl: m.getBundledHostAssetUrl(Ct),
 					image: b,
 					activeLanguage: P,
-					languages: bt(P, x),
-					tools: At,
+					languages: vt(P, I),
+					tools: bt,
 					ui: {
 						menubar: {
 							replaceDefaultItems: !0,
@@ -331,55 +328,55 @@ __useblocks__.define("static/core/31e98e6e.js", [
 									type: "button",
 									icon: (0, r.jsx)(m.EmIcons, {
 										icon: "HistoryOutlined",
-										configIcons: D,
+										configIcons: G,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
 									desktopOnly: !0,
-									action: (I) => {
-										I.togglePanel("history");
+									action: (x) => {
+										x.togglePanel("history");
 									}
 								},
 								{
 									type: "button",
 									icon: (0, r.jsx)(m.EmIcons, {
 										icon: "CloseOutlined",
-										configIcons: D,
+										configIcons: G,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
 									desktopOnly: !0,
-									action: () => M()
+									action: () => z()
 								}
 							]
 						},
 						nav: { position: "top" },
-						activeTheme: E,
+						activeTheme: j,
 						mode: "inline",
 						forceOverlayModeOnMobile: !1
 					},
-					onSave: async function(I, A, L) {
+					onSave: async function(x, S, U) {
 						try {
-							await z.current(I, A, L);
+							await V.current(x, S, U);
 						} catch {}
 					}
-				}).then((I) => {
-					Q(I);
-				}).catch((I) => {});
+				}).then((x) => {
+					H(x);
+				}).catch((x) => {});
 			}
 		}, [
-			C.theme,
+			y.theme,
 			b,
-			T,
-			Q,
-			C.locale,
-			x,
-			M,
-			D
-		]), K = (0, n.useCallback)(() => {
-			T?.tools.export.save(t?.split("/").pop().split(".")[0], d?.split("/")[1]);
+			D,
+			H,
+			y.locale,
+			I,
+			z,
+			G
+		]), q = (0, n.useCallback)(() => {
+			D?.tools.export.save(t?.split("/").pop().split(".")[0], d?.split("/")[1]);
 		}, [
-			T,
+			D,
 			t,
 			d
 		]);
@@ -395,17 +392,17 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			closable: !1,
 			zIndex: 1100,
 			mask: !1,
-			open: U,
+			open: L,
 			footer: [(0, r.jsx)(m.Button, {
 				className: "em-analytics__profile-cancel",
-				onClick: M,
-				children: x("Cancel")
+				onClick: z,
+				children: I("Cancel")
 			}, "Cancel"), (0, r.jsx)(m.Button, {
 				className: "em-analytics__profile-updapixiete",
 				id: "save",
 				type: "primary",
-				onClick: K,
-				children: x("Update")
+				onClick: q,
+				children: I("Update")
 			}, "Ok")],
 			children: [i && (0, r.jsx)("div", {
 				style: {
@@ -422,11 +419,11 @@ __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 }) => {
+	}, It = ({ 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",
-			children: [g && (0, r.jsx)("div", {
+			children: [p && (0, r.jsx)("div", {
 				style: {
 					position: "absolute",
 					height: "100%",
@@ -443,22 +440,22 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				alt: "uploadedImage",
 				src: d
 			})]
-		}) }), (0, r.jsx)(xt, {
+		}) }), (0, r.jsx)(At, {
 			currentImageLink: t,
 			prefetchedBlob: i,
 			resolveImageBlob: l,
 			newLink: e,
 			onSave: b,
-			uploadImageResultIsLoading: g
+			uploadImageResultIsLoading: p
 		})] });
 	}, Re = {
 		Pixel: "Pixel",
 		Percent: "Percent"
-	}, et = {
+	}, Je = {
 		unit: Re.Percent,
 		value: 80
 	};
-	function Rt(t) {
+	function xt(t) {
 		return typeof t == "number" ? {
 			unit: Re.Percent,
 			value: t * 100
@@ -468,147 +465,147 @@ __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 St(t, e) {
+		const o = xt(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;
-		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]);
+	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);
+		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]);
 		(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.
+			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 (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 = g ? A.current : H();
+				const Y = p ? S.current : F();
 				Y && Y.scrollHeight > O && Y.scrollTo(0, O);
 			}
 		}, []), (0, n.useEffect)(() => {
-			W.current = !1, K(!1);
-		}, [D]), (0, n.useEffect)(() => {
+			W.current = !1, q(!1);
+		}, [G]), (0, n.useEffect)(() => {
 			if (!e || typeof IntersectionObserver > "u") return;
-			const Y = L.current;
+			const Y = U.current;
 			if (!Y) return;
-			const se = g ? A.current : H(), B = new IntersectionObserver(([ae]) => {
-				!ae.isIntersecting || W.current || (W.current = !0, K(!0), q.current());
+			const re = p ? S.current : F(), M = new IntersectionObserver(([ae]) => {
+				!ae.isIntersecting || W.current || (W.current = !0, q(!0), K.current());
 			}, {
-				root: se,
-				rootMargin: jt(i, x),
+				root: re,
+				rootMargin: St(i, I),
 				threshold: 0
 			});
-			return B.observe(Y), () => B.disconnect();
+			return M.observe(Y), () => M.disconnect();
 		}, [
 			e,
 			i,
-			x,
-			g,
-			H
+			I,
+			p,
+			F
 		]), (0, n.useEffect)(() => {
 			var Y;
-			if (!y) return;
-			const se = (Y = g ? A.current : H()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
-			if (!se) return;
-			const B = (ae) => {
-				setTimeout(() => y(ae), 0);
+			if (!A) return;
+			const re = (Y = p ? S.current : F()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			if (!re) return;
+			const M = (ae) => {
+				setTimeout(() => A(ae), 0);
 			};
-			return se.addEventListener("scroll", B), () => se.removeEventListener("scroll", B);
+			return re.addEventListener("scroll", M), () => re.removeEventListener("scroll", M);
 		}, [
-			y,
-			g,
-			H
+			A,
+			p,
+			F
 		]), (0, n.useEffect)(() => {
-			var Y, se;
-			if (!p) return;
-			const B = (Y = g ? A.current : H()) !== null && Y !== void 0 ? Y : 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);
+			var Y, re;
+			if (!w) return;
+			const M = (Y = p ? S.current : F()) !== null && Y !== void 0 ? Y : typeof window < "u" ? window : null;
+			if (!M) return;
+			if (!((re = _.current) === null || re === void 0) && re.firstChild) {
+				const X = _.current.firstChild.getBoundingClientRect().height;
+				$.current = X, x(X);
 			}
-			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)"));
-			}, 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)`);
+			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)"));
+			}, 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)`);
 			}, 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;
+				T.current = 0, J.current = 0, me.current = !1, P((X) => {
+					var ce;
+					return X && ((ce = s.current) === null || ce === void 0 || ce.call(s)), !1;
 				}), requestAnimationFrame(() => {
-					A.current && (A.current.style.overflow = "auto", A.current.style.transform = "none", A.current.style.willChange = "unset");
+					S.current && (S.current.style.overflow = "auto", S.current.style.transform = "none", S.current.style.willChange = "unset");
 				});
 			};
-			return B.addEventListener("touchstart", ae), B.addEventListener("touchmove", v), B.addEventListener("touchend", te), B.addEventListener("mousedown", ae), B.addEventListener("mousemove", v), B.addEventListener("mouseup", te), () => {
-				B.removeEventListener("touchstart", ae), B.removeEventListener("touchmove", v), B.removeEventListener("touchend", te), B.removeEventListener("mousedown", ae), B.removeEventListener("mousemove", v), B.removeEventListener("mouseup", te);
+			return M.addEventListener("touchstart", ae), M.addEventListener("touchmove", g), M.addEventListener("touchend", te), M.addEventListener("mousedown", ae), M.addEventListener("mousemove", g), M.addEventListener("mouseup", te), () => {
+				M.removeEventListener("touchstart", ae), M.removeEventListener("touchmove", g), M.removeEventListener("touchend", te), M.removeEventListener("mousedown", ae), M.removeEventListener("mousemove", g), M.removeEventListener("mouseup", te);
 			};
 		}, [
+			w,
 			p,
-			g,
-			H
+			F
 		]);
-		const ie = {
-			height: g ?? "auto",
+		const he = {
+			height: p ?? "auto",
 			overflow: "auto",
 			WebkitOverflowScrolling: "touch",
 			...b
-		}, he = R || !!(o && o instanceof Array && o.length), ye = p && g ? { overflow: "auto" } : {}, ue = e ? (0, r.jsx)("div", {
-			ref: L,
+		}, ie = v || !!(o && o instanceof Array && o.length), pe = w && p ? { overflow: "auto" } : {}, Ae = e ? (0, r.jsx)("div", {
+			ref: U,
 			style: { height: 1 }
 		}) : null;
 		return (0, r.jsx)("div", {
-			style: ye,
+			style: pe,
 			className: "infinite-scroll-component__outerdiv",
 			children: (0, r.jsxs)("div", {
-				...z,
-				role: Q,
-				tabIndex: N,
-				id: M,
-				className: ["infinite-scroll-component", T].filter(Boolean).join(" "),
-				ref: A,
-				style: ie,
+				...V,
+				role: H,
+				tabIndex: B,
+				id: z,
+				className: ["infinite-scroll-component", D].filter(Boolean).join(" "),
+				ref: S,
+				style: he,
 				children: [
-					p && (0, r.jsx)("div", {
+					w && (0, r.jsx)("div", {
 						style: { position: "relative" },
-						ref: J,
+						ref: _,
 						children: (0, r.jsx)("div", {
 							style: {
 								position: "absolute",
 								left: 0,
 								right: 0,
-								top: -1 * E
+								top: -1 * j
 							},
-							children: k ? j : w
+							children: E ? R : C
 						})
 					}),
 					o,
-					!ee && !he && e && a,
+					!ee && !ie && e && a,
 					ee && e && a,
-					ue,
+					Ae,
 					!e && l
 				]
 			})
 		});
 	}
-	function kt(t, e) {
+	function Rt(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);
@@ -633,18 +630,18 @@ __useblocks__.define("static/core/31e98e6e.js", [
 		}
 		return o;
 	}
-	function je(t) {
+	function ke(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) {
+				jt(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 jt(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 Et = {
 		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]);
@@ -706,15 +703,15 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			const { column: t, columnAttrs: e = {}, columnClassName: o } = this.props, a = this.itemsInColumns(), i = `${100 / a.length}%`;
 			let l = o;
 			l && typeof l != "string" && (this.logDeprecated("The property \"columnClassName\" requires a string"), typeof l > "u" && (l = "my-masonry-grid_column"));
-			const b = je(je(je({}, t), e), {}, {
-				style: je(je({}, e.style), {}, { width: i }),
+			const b = ke(ke(ke({}, t), e), {}, {
+				style: ke(ke({}, e.style), {}, { width: i }),
 				className: l
 			});
-			return a.map((g, d) => n.default.createElement("div", De({}, b, { key: d }), g));
+			return a.map((p, d) => n.default.createElement("div", De({}, b, { key: d }), p));
 		}
 		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, p = Rt(t, [
 				"children",
 				"breakpointCols",
 				"columnClassName",
@@ -723,11 +720,11 @@ __useblocks__.define("static/core/31e98e6e.js", [
 				"className"
 			]);
 			let d = b;
-			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());
+			return typeof b != "string" && (this.logDeprecated("The property \"className\" requires a string"), typeof b > "u" && (d = "my-masonry-grid")), n.default.createElement("div", De({}, p, { className: d }), this.renderColumns());
 		}
 	};
-	Ge.defaultProps = Lt;
-	function ze(t, e) {
+	Ne.defaultProps = Et;
+	function Ge(t, e) {
 		return t ? t.exhausted ? {
 			...t,
 			src: null
@@ -736,21 +733,21 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			src: t.src || e || null
 		} : null;
 	}
-	function rt({ 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 {
-				itemId: R,
-				requestUrl: x,
-				cacheKey: p,
-				controller: b.current.get(p)
+	function tt({ items: t, getItemId: e, getRequestUrl: o, createController: a }) {
+		const [i, l] = (0, n.useState)({}), b = (0, n.useRef)(new Map()), p = (0, n.useCallback)((d) => {
+			const v = e(d), I = o(d), w = `${v}:${I}`;
+			if (b.current.has(w)) return {
+				itemId: v,
+				requestUrl: I,
+				cacheKey: w,
+				controller: b.current.get(w)
 			};
-			const w = a(x);
-			return b.current.set(p, w), {
-				itemId: R,
-				requestUrl: x,
-				cacheKey: p,
-				controller: w
+			const C = a(I);
+			return b.current.set(w, C), {
+				itemId: v,
+				requestUrl: I,
+				cacheKey: w,
+				controller: C
 			};
 		}, [
 			a,
@@ -758,103 +755,103 @@ __useblocks__.define("static/core/31e98e6e.js", [
 			o
 		]);
 		return (0, n.useEffect)(() => {
-			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);
-				return U?.changed && U.src && (R[w] = U.src), C.subscribeToSrcChange?.((y) => {
-					const D = ze(y, C.src);
-					!D?.changed || !D.src || l((O) => O[w] === D.src ? O : {
+			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);
+				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 : {
 						...O,
-						[w]: D.src
+						[C]: G.src
 					});
 				});
 			}).filter(Boolean);
-			return b.current.forEach((p, w) => {
-				d.has(w) || b.current.delete(w);
-			}), l(R), () => {
-				x.forEach((p) => p?.());
+			return b.current.forEach((w, C) => {
+				d.has(C) || b.current.delete(C);
+			}), l(v), () => {
+				I.forEach((w) => w?.());
 			};
-		}, [g, t]), {
+		}, [p, t]), {
 			getDisplaySrc: (0, n.useCallback)((d) => {
-				const { itemId: R, requestUrl: x, controller: p } = g(d);
-				return i[R] || p.src || x;
-			}, [i, g]),
+				const { itemId: v, requestUrl: I, controller: w } = p(d);
+				return i[v] || w.src || I;
+			}, [i, p]),
 			handleLoad: (0, n.useCallback)((d) => {
-				g(d).controller.handleSuccess();
-			}, [g]),
+				p(d).controller.handleSuccess();
+			}, [p]),
 			handleError: (0, n.useCallback)((d) => {
-				const { itemId: R, controller: x } = g(d), p = ze(x.handleError(), x.src);
-				p?.changed && p.src && l((w) => ({
-					...w,
-					[R]: p.src
+				const { itemId: v, controller: I } = p(d), w = Ge(I.handleError(), I.src);
+				w?.changed && w.src && l((C) => ({
+					...C,
+					[v]: w.src
 				}));
-			}, [g])
+			}, [p])
 		};
 	}
-	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) => {
-			D.error({
+	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({
 				id: "STOCK_IMAGES_SEARCH_FAILED",
-				title: y("Failed to load stock images"),
-				description: Q(s)
+				title: A("Failed to load stock images"),
+				description: H(s)
 			});
 		}, [
-			y,
-			Q,
-			D
-		]), M = async () => {
-			w || (j(!0), T({
+			A,
+			H,
+			G
+		]), z = async () => {
+			C || (R(!0), D({
 				query: l,
-				page: C
+				page: y
 			}).then((s) => {
 				if (s?.error) {
-					N(s.error), j(!1);
+					B(s.error), R(!1);
 					return;
 				}
 				const h = s?.data?.results || [];
-				a((W) => [...W, ...h]), j(!1), U((W) => W + 1);
+				a((W) => [...W, ...h]), R(!1), L((W) => W + 1);
 			}).catch(() => {
-				j(!1);
+				R(!1);
 			}));
 		};
 		(0, n.useEffect)(() => {
-			l.keywords !== "" && z();
+			l.keywords !== "" && V();
 		}, [l.color, l.orientation]);
-		const z = async () => {
-			const s = await T({
+		const V = async () => {
+			const s = await D({
 				query: l,
 				page: 1
 			});
 			if (s?.error) {
-				N(s.error), a([]);
+				B(s.error), a([]);
 				return;
 			}
 			const h = s?.data?.results || [];
 			h.length > 0 ? (a(h), setTimeout(() => {
 				o(1060), e("84vh");
 			}, 0)) : a([]);
-		}, [ee, K] = (0, n.useState)(null), k = (0, n.useCallback)((s, h, W) => `${s}${s.includes("?") ? "&" : "?"}w=${h}&q=${W}`, []), P = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
-			config: x,
-			standalone: p,
+		}, [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, {
+			config: I,
+			standalone: w,
 			resourceType: "stockImages",
 			intent: "display"
-		}), [x, p]), { getDisplaySrc: E, handleLoad: I, handleError: A } = rt({
+		}), [I, w]), { getDisplaySrc: j, handleLoad: x, handleError: S } = tt({
 			items: i,
 			getItemId: (0, n.useCallback)((s) => s.id, []),
-			getRequestUrl: (0, n.useCallback)((s) => k(s.urls.raw, 644, 96), [k]),
+			getRequestUrl: (0, n.useCallback)((s) => E(s.urls.raw, 644, 96), [E]),
 			createController: P
-		}), L = (s) => (h) => {
-			I(s), h.target.parentNode.classList.add("loaded");
-		}, J = (s) => () => {
-			A(s);
-		}, 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`);
+		}), U = (s) => (h) => {
+			x(s), h.target.parentNode.classList.add("loaded");
+		}, _ = (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`);
 		};
 		return (0, r.jsxs)("div", {
 			className: "stock-tab",
 			children: [(0, r.jsxs)(m.Form, {
-				onValuesChange: z,
+				onValuesChange: V,
 				className: i.length > 0 ? "serach-results" : "",
 				children: [(0, r.jsxs)(m.Row, {
 					gutter: 24,
@@ -863,16 +860,16 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						children: (0, r.jsx)(m.Form.Item, {
 							className: "stock-search-input",
 							children: (0, r.jsx)(m.SearchInput, {
-								onSearch: z,
+								onSearch: V,
 								allowClear: !0,
 								size: i.length > 0 ? "medium" : "large",
-								placeholder: y("Search image"),
+								placeholder: A("Search image"),
 								value: l.keywords,
 								onChange: (s) => b((h) => ({
 									...h,
 									keywords: s.target.value
 								})),
-								ref: g,
+								ref: p,
 								spellCheck: "false",
 								enterButton: !1
 							})
@@ -885,35 +882,35 @@ __useblocks__.define("static/core/31e98e6e.js", [
 						})),
 						children: [
 							(0, r.jsx)(m.Tooltip, {
-								title: y("All"),
+								title: A("All"),
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "",
-									children: (0, r.jsx)(F.EmIcons, { icon: "MixedView" })
+									children: (0, r.jsx)(N.EmIcons, { icon: "MixedView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
-								title: y("Landscape"),
+								title: A("Landscape"),
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "landscape",
-									children: (0, r.jsx)(F.EmIcons, { icon: "LandscapeView" })
+									children: (0, r.jsx)(N.EmIcons, { icon: "LandscapeView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
-								title: y("Portrait"),
+								title: A("Portrait"),
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "portrait",
-									children: (0, r.jsx)(F.EmIcons, { icon: "PortraitView" })
+									children: (0, r.jsx)(N.EmIcons, { icon: "PortraitView" })
 								})
 							}),
 							(0, r.jsx)(m.Tooltip, {
-								title: y("Squarish"),
+								title: A("Squarish"),
 								placement: "top",
 								children: (0, r.jsx)(m.Radio.Button, {
 									value: "squarish",
-									children: (0, r.jsx)(F.EmIcons, { icon: "SquareView" })
+									children: (0, r.jsx)(N.EmIcons, { icon: "SquareView" })
 								})
 							})
 						]
@@ -927,57 +924,57 @@ __useblocks__.define("static/core/31e98e6e.js", [
 							{
 								value: "",
 								colorClass: "all-colors",
-								label: y("All")
+								label: A("All")
 							},
 							{
 								value: "black",
 								colorClass: "black-color",
-								label: y("Black")
+								label: A("Black")
 							},
 							{
 								value: "black_and_white",
 								colorClass: "bw-color",
-								label: y("Black and White")
+								label: A("Black and White")
 							},
 							{
 								value: "white",
 								colorClass: "white-color",
-								label: y("White")
+								label: A("White")
 							},
 							{
 								value: "orange",
 								colorClass: "orange-color",
-								label: y("Orange")
+								label: A("Orange")
 							},
 							{
 								value: "red",
 								colorClass: "red-color",
-								label: y("Red")
+								label: A("Red")
 							},
 							{
 								value: "purple",
 								colorClass: "purple-color",
-								label: y("Purple")
+								label: A("Purple")
 							},
 							{
 								value: "magenta",
 								colorClass: "magenta-color",
-								label: y("Magenta")
+								label: A("Magenta")
 							},
 							{
 								value: "green",
 								colorClass: "green-color",
-								label: y("Green")
+								label: A("Green")
 							},
 							{
 								value: "teal",
 								colorClass: "teal-color",
-								label: y("Teal")
+								label: A("Teal")
 							},
 							{
 								value: "blue",
 								colorClass: "blue-color",
-								label: y("Blue")
+								label: A("Blue")
 							}
 						],
 						tooltipPlacement: "top"
@@ -1005,32 +1002,32 @@ __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,
+						next: z,
 						hasMore: i,
 						endMessage: (0, r.jsxs)(m.Divider, {
 							plain: !0,
-							children: [y("That`s all we could find."), " 🤐"]
+							children: [A("That`s all we could find."), " 🤐"]
 						}),
 						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: () => K(s.urls, s.links, s.id),
 								children: [
 									(0, r.jsx)("img", {
 										className: ee === s.id ? "loaded-image" : "",
 										width: "322px",
-										src: E(s),
+										src: j(s),
 										alt: s.description,
-										onLoad: L(s),
-										onError: J(s)
+										onLoad: U(s),
+										onError: _(s)
 									}),
 									(0, r.jsxs)("p", {
 										className: "creator-info",
@@ -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 Lt(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 Dt = ({ images: t, transitionDuration: e = 1e3 }) => {
 		const [o, a] = (0, n.useState)([]);
 		return (0, n.useEffect)(() => {
 			if (t.length > 0) {
@@ -1083,7 +1080,7 @@ __useblocks__.define("static/core/31e98e6e.js", [
 					src: i,
 					opacity: 0
 				}]), setTimeout(() => {
-					a((l) => l.map((b, g) => g === l.length - 1 ? {
+					a((l) => l.map((b, p) => p === l.length - 1 ? {
 						...b,
 						opacity: 1
 					} : b));
@@ -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: Lt(i.src),
 				alt: `Slide ${l + 1}`,
 				className: "slideshow-image",
 				style: {
@@ -1102,115 +1099,115 @@ __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({
-			limitsInPlugin: $,
-			hostedAiActive: X
-		}), ie = !X && Z > 0 && k >= Z, he = (0, n.useCallback)(() => {
-			K.fire({
+	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({
+			limitsInPlugin: J,
+			hostedAiActive: $
+		}), he = !$ && T > 0 && E >= T, ie = (0, n.useCallback)(() => {
+			q.fire({
 				name: "AiImgCount",
-				count: k + 1
+				count: E + 1
 			});
-		}, [K, k]), ye = (0, n.useMemo)(() => !ie && (!H || Z === 0 || k < Z), [
-			ie,
-			H,
-			k,
-			Z
-		]), ue = (0, n.useCallback)(async () => {
-			q(w("Evaluating the task")), l !== "" && !d && (R(!0), h(!0), g([]), U({
+		}, [q, E]), pe = (0, n.useMemo)(() => !he && (!F || T === 0 || E < T), [
+			he,
+			F,
+			E,
+			T
+		]), Ae = (0, n.useCallback)(async () => {
+			K(C("Evaluating the task")), l !== "" && !d && (v(!0), h(!0), p([]), L({
 				event: "submit_form",
 				action: "ai_image_generation",
-				entity_id: y,
+				entity_id: A,
 				project_id: O
-			}), z({ body: {
+			}), V({ body: {
 				project_id: O,
 				request: "create-image",
 				connection: "midjourney",
 				message: l
-			} }).then(({ data: v, error: te }) => {
+			} }).then(({ data: g, error: te }) => {
 				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"));
+				if (g.data.status === 401) throw new Error(u.ERROR);
+				if (g?.data?._eventResult) {
+					p(g.data.task.images), v(!1), h(!1), K(C("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({
+				g?.data.status === 200 ? (g?.data.task.id && (K(g.data.task.message), x(g.data.task.id)), g.message && y.success({
 					id: "AI_IMAGE_SEND_SUCCESS",
-					title: v.message,
+					title: g.message,
 					placement: "bottomRight",
 					data: l
 				}), ee({
-					task_id: v?.data.task.id,
+					task_id: g?.data.task.id,
 					entity_id: W
-				})) : (R(!1), h(!1), C.error({
+				})) : (v(!1), h(!1), y.error({
 					id: "AI_IMAGE_SEND_ERROR",
-					title: v?.message || w("Something went wrong, please try again"),
+					title: g?.message || C("Something went wrong, please try again"),
 					placement: "bottomRight",
 					data: l,
-					innerException: v
+					innerException: g
 				}));
-			}).catch((v) => {
-				R(!1), h(!1), (v?.error || v?.data) && C.fromError("AI_IMAGE_SEND_ERROR", l, v.error || v);
+			}).catch((g) => {
+				v(!1), h(!1), (g?.error || g?.data) && y.fromError("AI_IMAGE_SEND_ERROR", l, g.error || g);
 			}));
 		}, [
 			l,
 			d,
-			R,
+			v,
 			h,
-			g,
-			U,
-			y,
+			p,
+			L,
+			A,
 			O,
-			z,
-			C,
+			V,
+			y,
 			ee,
 			W,
-			w
+			C
 		]), Y = (0, n.useCallback)(async () => {
-			if (ye) {
-				if (!u.PLUGIN.isPlugin && !X) {
-					const v = F.resolveLimitActionPreflightExceededForType("image_generate", (await M("image_generate")).data?.stats);
-					if (v) {
-						p?.(v);
+			if (pe) {
+				if (!u.PLUGIN.isPlugin && !$) {
+					const g = N.resolveLimitActionPreflightExceededForType("image_generate", (await z("image_generate")).data?.stats);
+					if (g) {
+						w?.(g);
 						return;
 					}
 				}
-				H && (P((v) => v + 1), he()), ue();
-			} 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.
+				F && (P((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.
 Select the appropriate plan to fulfil more requests`),
 				placement: "bottomRight"
 			}));
 		}, [
-			ye,
+			pe,
+			J,
 			$,
-			X,
-			H,
-			M,
-			p,
+			F,
+			z,
+			w,
 			P,
-			he,
-			ue,
+			ie,
+			Ae,
+			y,
 			C,
-			w,
-			x
+			I
 		]);
 		(0, n.useEffect)(() => {
-			$ && P(j?.counters?.ai_img_counter || 0);
-		}, [j, $]);
-		const se = u.useEventEmitter(u.events.AI_IMAGE_PROGRESS_ID);
+			J && P(R?.counters?.ai_img_counter || 0);
+		}, [R, J]);
+		const re = u.useEventEmitter(u.events.AI_IMAGE_PROGRESS_ID);
 		(0, n.useEffect)(() => {
-			const v = se.event(({ progress: te, status: G }) => {
-				q(G || `${Math.round(te)}%`);
+			const g = re.event(({ progress: te, status: X }) => {
+				K(X || `${Math.round(te)}%`);
 			});
-			return () => v.dispose();
-		}, [se]);
-		const B = (0, n.useCallback)(async (v) => {
+			return () => g.dispose();
+		}, [re]);
+		const M = (0, n.useCallback)(async (g) => {
 			if (!a) {
 				i(!0);
 				try {
-					const te = at(v) ? await (await fetch(v)).blob() : $e(v);
+					const te = rt(g) ? await (await fetch(g)).blob() : Xe(g);
 					e({ file: new File([te], "image.jpeg", { type: te.type || "image/jpeg" }) });
 				} catch {
 					i(!1);
@@ -1220,63 +1217,63 @@ Select the appropriate plan to fulfil more requests`),
 			a,
 			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({
+		]), ae = (0, n.useCallback)((g) => {
+			g.status !== "error" && g.status !== "Canceled" ? g.images ? (K(g.status), g.progress === 100 && (p(g.images), K(C("Evaluating the task")), x(null), h(!1))) : (p([g.data]), v(!1)) : (v(!1), h(!1), y.error({
 				id: "AI_IMAGE_GET_ERROR",
-				title: w("Something went wrong, please try again"),
+				title: C("Something went wrong, please try again"),
 				placement: "bottomRight",
-				data: E
+				data: j
 			}));
 		}, [
-			g,
-			q,
-			w,
-			R,
-			t,
-			E,
+			p,
+			K,
 			C,
+			v,
+			t,
+			j,
+			y,
 			h
 		]);
 		return (0, n.useEffect)(() => {
-			N.length > 1 && ae(N[N.length - 1]);
-		}, [N, ae]), (0, n.useEffect)(() => {
+			B.length > 1 && ae(B[B.length - 1]);
+		}, [B, ae]), (0, n.useEffect)(() => {
 			(d || b.length > 0) && setTimeout(() => {
-				let v = 550;
-				o.current && (v = o.current.offsetHeight + 68), t(v);
+				let g = 550;
+				o.current && (g = o.current.offsetHeight + 68), t(g);
 			}, 0);
 		}, [
 			o,
-			N,
+			B,
 			b.length,
 			d,
 			t
 		]), {
-			aiImageCounter: k,
+			aiImageCounter: E,
 			setAiImageCounter: P,
-			currentAiImgLimits: Z,
-			isFieldsDisabled: ie,
-			canGenerateImage: ye,
+			currentAiImgLimits: T,
+			isFieldsDisabled: he,
+			canGenerateImage: pe,
 			aiImageRequest: l,
 			imageAiList: b,
-			setImageAiList: g,
+			setImageAiList: p,
 			isLoadingAi: d,
-			setIsLoadingAi: R,
+			setIsLoadingAi: v,
 			loadingDuringGeneration: s,
 			setLoadingDuringGeneration: h,
-			requestStatus: J,
-			setRequestStatus: q,
+			requestStatus: _,
+			setRequestStatus: K,
 			handleGenerate: Y,
-			handleLimitAiImgCount: he,
-			convertBase64ToFile: B,
-			isShiftPressed: A,
-			setIsShiftPressed: L,
-			currentReqId: E,
-			setCurrentReqId: I,
-			limitsInPlugin: $
+			handleLimitAiImgCount: ie,
+			convertBase64ToFile: M,
+			isShiftPressed: S,
+			setIsShiftPressed: U,
+			currentReqId: j,
+			setCurrentReqId: x,
+			limitsInPlugin: J
 		};
 	}
-	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 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({
 			setModalHeight: t,
 			customRequest: e,
 			aiTabRef: o,
@@ -1284,58 +1281,58 @@ Select the appropriate plan to fulfil more requests`),
 			setIsImageUploaded: l,
 			aiImageRequest: b,
 			imageAiList: d,
-			setImageAiList: R,
-			isLoadingAi: x,
-			setIsLoadingAi: p,
+			setImageAiList: v,
+			isLoadingAi: I,
+			setIsLoadingAi: w,
 			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) => {
-			H.key === "Shift" ? E(!0) : H.key === "Enter" && !P && (H.preventDefault(), K());
+			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());
 		}, [
 			P,
-			K,
-			E
-		]), $ = (0, n.useCallback)((H) => {
-			H.key === "Shift" && E(!1);
-		}, [E]), X = d[d.length - 1];
+			q,
+			j
+		]), J = (0, n.useCallback)((F) => {
+			F.key === "Shift" && j(!1);
+		}, [j]), $ = d[d.length - 1];
 		return (0, r.jsxs)("div", {
 			className: "image-ai",
 			children: [
-				L && A ? (0, r.jsx)(F.LimitUpgradeModal, {
+				U && S ? (0, r.jsx)(N.LimitUpgradeModal, {
 					open: !0,
 					onClose: () => O(!1),
-					title: C(L.titleKey),
-					subtitle: C(L.subtitleKey),
-					usageResource: L.usageResource,
-					previousDisplay: F.presetLimitDisplay(A.previousLimit),
-					nextDisplay: F.presetLimitDisplay(A.nextLimit),
+					title: y(U.titleKey),
+					subtitle: y(U.subtitleKey),
+					usageResource: U.usageResource,
+					previousDisplay: N.presetLimitDisplay(S.previousLimit),
+					nextDisplay: N.presetLimitDisplay(S.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"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
-				J && T ? (0, r.jsx)(F.LimitUpgradeModal, {
+				_ && D ? (0, r.jsx)(N.LimitUpgradeModal, {
 					open: !0,
-					onClose: () => Q(null),
-					title: C(J.titleKey),
-					subtitle: C(J.subtitleKey),
-					usageResource: J.usageResource,
-					previousDisplay: F.presetLimitDisplay(T.previousLimit),
-					nextDisplay: F.presetLimitDisplay(T.nextLimit),
+					onClose: () => H(null),
+					title: y(_.titleKey),
+					subtitle: y(_.subtitleKey),
+					usageResource: _.usageResource,
+					previousDisplay: N.presetLimitDisplay(D.previousLimit),
+					nextDisplay: N.presetLimitDisplay(D.nextLimit),
 					onChangePlan: () => {
-						Q(null), document.body.classList.remove("editor"), w("/billing"), j(_.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
+						H(null), document.body.classList.remove("editor"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
-				I && (0, r.jsx)(m.LimitsCounter, {
-					text: `${N} ${C("of")} ${M > 0 ? M : "∞"} images ${U("was used", "were used", N)}`,
-					exceeded: M > 0 && N >= M,
+				x && (0, r.jsx)(m.LimitsCounter, {
+					text: `${B} ${y("of")} ${z > 0 ? z : "∞"} images ${L("was used", "were used", B)}`,
+					exceeded: z > 0 && B >= z,
 					style: { marginTop: -25 },
 					extra: (0, r.jsx)("span", {
 						style: {
 							textDecoration: "underline",
 							cursor: "pointer"
 						},
-						onClick: () => w(y.billingPageUrl || u.APP_ROUTES.billing),
-						children: C("Need more?")
+						onClick: () => C(A.billingPageUrl || u.APP_ROUTES.billing),
+						children: y("Need more?")
 					})
 				}),
 				(0, r.jsx)(m.Row, {
@@ -1346,43 +1343,43 @@ 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${K ? " ant-input-affix-wrapper-focused" : ""}`,
 								children: [(0, r.jsx)(m.TextArea, {
 									ref: a,
-									onKeyDown: Z,
-									onKeyUp: $,
+									onKeyDown: T,
+									onKeyUp: J,
 									onFocus: h,
 									onBlur: W,
 									autoSize: !0,
 									allowClear: !0,
 									className: "text-area-input-hybrid image-ai__textarea",
-									placeholder: C("Generate image"),
+									placeholder: y("Generate image"),
 									value: b,
-									onChange: ce,
+									onChange: me,
 									spellCheck: "false"
 								}), (0, r.jsx)("span", {
 									className: "ant-input-suffix image-ai__input-suffix",
-									children: x || z ? (0, r.jsx)(F.EmIcons, {
+									children: I || V ? (0, r.jsx)(N.EmIcons, {
 										icon: "LoadingOutlined",
 										className: "input-icon image-ai__input-icon",
 										spin: !0
-									}) : (0, r.jsx)(F.EmIcons, {
+									}) : (0, r.jsx)(N.EmIcons, {
 										icon: "AI",
 										className: "input-icon image-ai__input-icon",
-										onClick: K
+										onClick: q
 									})
 								})]
 							})
 						})
 					})
 				}),
-				(x || d.length > 0) && (0, r.jsxs)("div", {
+				(I || d.length > 0) && (0, r.jsxs)("div", {
 					className: "image-ai__preview",
-					children: [x && d.length === 0 && (0, r.jsx)("div", {
+					children: [I && d.length === 0 && (0, r.jsx)("div", {
 						className: "image-ai__loading",
 						children: (0, r.jsxs)("div", {
 							className: "spin",
-							children: [(0, r.jsx)(F.EmIcons, {
+							children: [(0, r.jsx)(N.EmIcons, {
 								icon: "LoadingOutlined",
 								style: { fontSize: 48 },
 								spin: !0
@@ -1393,77 +1390,77 @@ 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)(Dt, { images: d }), (0, r.jsx)("div", {
 							className: "buttons",
 							children: (0, r.jsx)(m.Button, {
-								onClick: () => k(X),
-								icon: (0, r.jsx)(F.EmIcons, { icon: "CheckOutlined" }),
-								children: C("Use this one")
+								onClick: () => E($),
+								icon: (0, r.jsx)(N.EmIcons, { icon: "CheckOutlined" }),
+								children: y("Use this one")
 							})
 						})]
 					})]
 				})
 			]
 		});
-	}, 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) => {
-			C.error({
+	}, 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) => {
+			y.error({
 				id: "STOCK_GIFS_SEARCH_FAILED",
-				title: p("Failed to load GIFs"),
-				description: M(s)
+				title: w("Failed to load GIFs"),
+				description: z(s)
 			});
 		}, [
-			p,
-			M,
-			C
+			w,
+			z,
+			y
 		]), ee = async () => {
-			D || (O(!0), N({
+			G || (O(!0), B({
 				query: b,
-				page: T
+				page: D
 			}).then((s) => {
 				if (s?.error) {
-					z(s.error), O(!1);
+					V(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), H((h) => h + 25);
 			}).catch(() => {
 				O(!1);
 			}));
-		}, K = async () => {
-			const s = await N({
+		}, q = async () => {
+			const s = await B({
 				query: b,
 				page: 0
 			});
 			if (s?.error) {
-				z(s.error), i([]);
+				V(s.error), i([]);
 				return;
 			}
 			s?.data?.data?.length > 0 && (i(s.data.data), setTimeout(() => {
 				o("84vh"), a(1060);
 			}, 0));
-		}, k = (s, h) => {
-			y(h), setTimeout(() => {
-				y(null);
-			}, 2e3), R(`${s}`), e(`${s}`), x(`${s}`);
-		}, P = { default: 3 }, E = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
-			config: w,
-			standalone: j,
+		}, E = (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, {
+			config: C,
+			standalone: R,
 			resourceType: "generic",
 			intent: "display"
-		}), [w, j]), { getDisplaySrc: I, handleLoad: A, handleError: L } = rt({
+		}), [C, R]), { getDisplaySrc: x, handleLoad: S, handleError: U } = 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) => () => {
-			L(s);
+			createController: j
+		}), _ = (s) => (h) => {
+			S(s), h.target.parentNode.classList.add("loaded");
+		}, K = (s) => () => {
+			U(s);
 		};
 		return (0, r.jsxs)("div", {
 			className: "stock-tab",
 			children: [(0, r.jsxs)(m.Form, {
-				onValuesChange: K,
+				onValuesChange: q,
 				className: l.length > 0 ? "serach-results" : "",
 				children: [(0, r.jsx)(m.Row, {
 					gutter: 24,
@@ -1472,12 +1469,12 @@ Select the appropriate plan to fulfil more requests`),
 						children: (0, r.jsx)(m.Form.Item, {
 							className: "stock-search-input",
 							children: (0, r.jsx)(m.SearchInput, {
-								onSearch: K,
+								onSearch: q,
 								allowClear: !0,
 								size: l.length > 0 ? "medium" : "large",
-								placeholder: p("Search GIFs"),
+								placeholder: w("Search GIFs"),
 								value: b.keywords,
-								onChange: (s) => g((h) => ({
+								onChange: (s) => p((h) => ({
 									...h,
 									keywords: s.target.value
 								})),
@@ -1510,32 +1507,32 @@ 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,
 						endMessage: (0, r.jsxs)(m.Divider, {
 							plain: !0,
-							children: [p("That`s all we could find."), " 🤐"]
+							children: [w("That`s all we could find."), " 🤐"]
 						}),
 						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",
 							children: l.map((s, h) => (0, r.jsxs)("div", {
 								className: "list-item",
-								onClick: () => k(s.images.downsized.url, s.id),
+								onClick: () => E(s.images.downsized.url, s.id),
 								children: [
 									(0, r.jsx)("img", {
-										className: U === s.id ? "loaded-image" : "",
+										className: L === s.id ? "loaded-image" : "",
 										width: "322px",
-										src: I(s),
+										src: x(s),
 										alt: s.title,
-										onLoad: J(s),
-										onError: q(s)
+										onLoad: _(s),
+										onError: K(s)
 									}),
 									(0, r.jsx)("a", {
 										rel: "noreferrer",
@@ -1547,7 +1544,7 @@ Select the appropriate plan to fulfil more requests`),
 											style: { backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAkCAYAAAB/up84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABSBJREFUeNrsWjFv2zoQVoMW8BZ18xaN3qLRW9QtW9OtW92to98vaPoP3K1b1S1b3c2jvWlUNm3lw1s8Mpu3PAo4Iocr70jKlp0COuCQlpKPx/t43x1pv3h8fEwGeT5yNoTgeclLZvza6NgxXoNaGRktjE6MpjC2NVqh92bwt4HxBI1ro0s0dgN2tvD5a8a/9vkq0M+xYKdG81A7Gp6pyBjZddrnO6N36Hkbqyn8u4L3vYC0hjLHeAbPVhC4TwAK/ewNvLsEhyxgFXLK2l/D4tvnOVrUiPEh1k/JjvLYyWENdeTcKazBBr6AdY4AqBTmbkIzhO4gvMumYLxAYKzgPTvhBBajYNwCksHYhOyYiow1KONaKYlfO8bPEWyGEfi5Iu+Vjizg7EzB3xvwWTMxWkHG4mDnMF6BnSnYncLzHWGG4BqiwZkKQMC7I0cOVTCJhvRUKNgNCmCOxhNmrBEWzwGi0Y6rIihbsnOH/JgE2hshKrLZv4Px9yhj1twafRlid/UIGWvlFdlVLirIkIM12nETGLeO2tTPECBUZuT/a7JBMpSxUybYLjulUCN2iEpHQoyuGWZJUCa8R/VGSZvGB0iOdjAO9n8EtC2zUxICSIoW0ICTmA53DCDKQzWZg89XAXZ2B2iMavBnjDKpBX6B1tnAM5aqQgGhnU2D6GmHuqw7AkaOPmP/bsHpFC1kTLqVhglS6fFNgX1MCXUHO1zR1h5AFOoSc1jjmKx/An/1PoBQasBSoZZ3hpyaOrg0IW2sRkG8JsU8CaCaLckAhfi6AG0cmeuzkyMQMtL+SiySkY3oA/EgGeICK0UOZYQKVsQpDAjm2BpsaAGQLMKnMdok3yLtpKS70yT7OUBcm7UTHb5grk5y1Csrj40MqUbUpgW7NXo+RunckODkQvdXM37iwm7b1VA7lAaVB4jUUZOUIzNxfOougAwy3GUN0qWG2IJJ09V2NcvIFE8c54nQelEHFM6C6chUhI+WZjjffDQkrenPhqmlrAC9Naof/aLhXZeNNfMZOk+MtPOVRjNmTpfcCut0+biGZ3PBj1ywWTOfqV3v+yjLFuDPRs8Ddu05vLtmsuHQ0s73wehvR0t7aGkPevfCM5fcGr0MbOW9NSSFwF52cP5KcLIv+X4EUGbCemcOqpoz73/haE4CZNkRjAR20vwENXHRc2bWEMyQuUuGVe4hc6K6rBmg7pKN0XdGX7dts9E3Rr8afUATFl1PqgLAG6T3AoX1nSVtMP9l5r5FVyiu+D14/YssRHOheGVQYNMeinrhsMcV2WVPRR1rIRT4QmiA5r4G6oxp0y6ZzFh4LvhmB84MHz1xta9vWQMrcFR/3iF+7DmEu2YoyTshRbuMvGE9hnwGPQR1tdR04aCueKrqAIgiu/AqcCf1JXPhfuoYosGHn4Hgqa6AnCK4IfSkCa1eCJRxLGnn+mX0rfDOJok4AsQAUpwQlND2++HIgNiOVO1LVRIgtXDPs0bpunEU08vktHLMpoJS1/d9qEo6h6gAzq7RRaPV+QmBeICzUUh2fIHzk0s3HedXwkEy2ReQmjn4XDzDjqkN4D/J04/y/np5KbSrrtbwAyx+kTxdf9tfpvSZIW9O3FScHJAF8PEFc5F2lQzSi5wJheoG3U/t0xYOcgBAcOHuAkr7mY9ditoAiCz2q8uvEcD8gJpSDuGNl5hfnaTJ0/fpheMUr4CitHCO6fqdesj359xh1tWiqggfdUCmcz9ZivZ7+BnQM5P/BRgABx8sJWqTxoYAAAAASUVORK5CYII=)" }
 										})
 									}),
-									U === s.id && (0, r.jsx)(m.Spin, {
+									L === s.id && (0, r.jsx)(m.Spin, {
 										className: "ant-spin",
 										size: "small"
 									})
@@ -1559,10 +1556,10 @@ Select the appropriate plan to fulfil more requests`),
 			})]
 		});
 	};
-	function Nt(t) {
+	function Pt(t) {
 		if (!(t == null || t === "")) return t;
 	}
-	async function Ft(t, e) {
+	async function Tt(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 Nt(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 Ft(t, e, o) {
 		if (!e) return;
-		const a = Nt(o ?? e.rootId);
+		const a = Pt(o ?? e.rootId);
 		let i;
-		typeof e.uploadFiles == "function" ? i = Gt(await e.uploadFiles({
+		typeof e.uploadFiles == "function" ? i = Nt(await e.uploadFiles({
 			folderId: a,
 			items: [{
 				name: t.name,
@@ -1618,307 +1615,305 @@ 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 Tt(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) => {
-		const o = ke(e);
+	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);
 		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)({
+	}, 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)({
 			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)({
+		}), [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)({
 			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) => {
+		}), [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) => {
 			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, dt(f), ft(c);
 		}, []), ge = (0, n.useCallback)(() => {
-			xe.current && (URL.revokeObjectURL(xe.current), xe.current = ""), pt(""), gt(null);
-		}, []), de = (0, n.useCallback)(() => {
-			Ye("");
-		}, []);
-		let ve = !(R || !F.isProjectOwner(Qe, x));
-		const nn = (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;
+			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) => {
+			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;
 			d.error({
 				id: "IMAGE_UPLOAD_ERROR",
 				data: c,
 				title: a("Upload failed"),
-				description: V
+				description: Q
 			});
-		}, [a, d]), rn = (0, n.useCallback)(async (c) => F.pickUploadImageUrlFromFireResults(await mt.fire({
+		}, [a, d]), en = (0, n.useCallback)(async (c) => N.pickUploadImageUrlFromFireResults(await ut.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: ct
+		})), [ct, ut]), be = ne.useImageBlobFetch(), tn = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, be), [be]), 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 nn(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;
+		}, mt = n.default.useRef(Pe);
+		mt.current = Pe, n.default.useEffect(() => {
+			if (H !== fe || !O) return;
 			const c = y.trim();
 			if (!c || !c.toLowerCase().startsWith("http")) return;
 			const f = setTimeout(() => {
-				ht.current(c);
+				mt.current(c);
 			}, 1e3);
 			return () => {
 				clearTimeout(f);
 			};
 		}, [
 			y,
-			M,
-			Q
+			H,
+			O
 		]);
-		const an = async (c) => {
+		const nn = async (c) => {
 			try {
 				const f = ne.canonicalImageUrlKey(c);
-				return _t(await Ie.current.resolve(f, void 0, we), f);
+				return Qt(await Ie.current.resolve(f, void 0, be), f);
 			} catch {}
 		};
 		document.onpaste = function(c) {
 			const f = c.clipboardData?.items?.[0];
-			if (M === pe && Q) {
+			if (H === fe && O) {
 				if (f?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
-					const V = f.getAsFile();
-					Ze(V);
-					const oe = { file: V };
-					D(""), Oe(oe);
+					const Q = f.getAsFile();
+					_e(Q);
+					const oe = { file: Q };
+					L(""), Oe(oe);
 					return;
 				}
-				const S = c.clipboardData?.getData("text/plain");
-				if (S && S.trim().toLowerCase().startsWith("http")) {
-					c.preventDefault(), c.stopPropagation(), D(S.trim());
+				const k = c.clipboardData?.getData("text/plain");
+				if (k && k.trim().toLowerCase().startsWith("http")) {
+					c.preventDefault(), c.stopPropagation(), L(k.trim());
 					return;
 				}
-				f?.type?.indexOf("text") === 0 && f.getAsString((V) => {
-					if (V.trim().toLowerCase().startsWith("http")) D(V.trim());
-					else if (V.toString().slice(1, 5) === "meta") {
-						const oe = V.toString().split("\"")[1];
-						oe && D(oe);
+				f?.type?.indexOf("text") === 0 && f.getAsString((Q) => {
+					if (Q.trim().toLowerCase().startsWith("http")) L(Q.trim());
+					else if (Q.toString().slice(1, 5) === "meta") {
+						const oe = Q.toString().split("\"")[1];
+						oe && L(oe);
 					}
 				});
 			}
 		}, (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));
+				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));
 			};
-			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("");
+			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("");
 		}, [
-			p,
+			v,
 			i,
-			ve,
-			w
+			ye,
+			I
 		]);
-		const _e = (0, n.useCallback)(({ url: c = C || "", meta: f = Ht }) => {
-			U(c), j({
+		const Qe = (0, n.useCallback)(({ url: c = C || "", meta: f = Kt }) => {
+			R(c), w({
 				url: c,
 				meta: f
 			}), setTimeout(() => {
-				de(), ge(), Y({
+				le(), ge(), pe({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), B({ keywords: "" }), G([]), v([]), N(""), Ve(""), ut(!1), T(""), D(""), z(pe);
-			}, 200), i(_.closeModal()), i(_.closeSecondModal());
+				}), Y({ keywords: "" }), g([]), M([]), D(""), We(""), it(!1), G(""), L(""), B(fe);
+			}, 200), i(Z.closeModal()), i(Z.closeSecondModal());
 		}, [
 			C,
-			de,
+			le,
 			i,
-			j,
+			w,
 			ge
-		]), yt = (0, n.useCallback)((c, f) => (X("auto"), I(!1), _e({
+		]), pt = (0, n.useCallback)((c, f) => (T("auto"), P(!1), Qe({
 			url: c,
-			meta: Vt
+			meta: Wt
 		}), 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);
+			const c = y || A, f = ne.canonicalImageUrlKey(c);
 			if (!c || !f) {
-				P(""), qe.current = "", de(), ge(), Ie.current.invalidateAll();
+				q(""), Ve.current = "", le(), 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 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 () => {
 				try {
 					const Se = async () => {
-						const me = await Ie.current.resolve(f, V.signal, we);
-						if (re !== be.current) return;
-						const { width: Ce, height: un } = await ne.getImageDimensionsFromBlob(me);
-						re === be.current && (K({
-							width: Ce,
-							height: un,
-							size: (me.size / 1024).toFixed(2),
-							format: ke(me.type)
-						}), de(), Ue(me));
+						const ue = await Ie.current.resolve(f, Q.signal, be);
+						if (se !== Ce.current) return;
+						const { width: ve, height: on } = await ne.getImageDimensionsFromBlob(ue);
+						se === Ce.current && (V({
+							width: ve,
+							height: on,
+							size: (ue.size / 1024).toFixed(2),
+							format: je(ue.type)
+						}), le(), Ue(ue));
 					};
 					if (o) await Se();
 					else {
-						const me = await ne.resolveDataProviderPreview(t, f);
-						if (me?.previewUrl && re === be.current) {
-							Ye(me.previewUrl), ge();
+						const ue = await ne.resolveDataProviderPreview(t, f);
+						if (ue?.previewUrl && se === Ce.current) {
+							qe(ue.previewUrl), ge();
 							try {
-								const { data: Ce } = await b(f);
-								if (re !== be.current) return;
-								Ce ? K({
-									width: Ce?.width,
-									height: Ce?.height,
-									size: Ce?.fileSize != null ? (Ce.fileSize / 1024).toFixed(2) : "",
-									format: ke(Ce?.format)
+								const { data: ve } = await b(f);
+								if (se !== Ce.current) return;
+								ve ? V({
+									width: ve?.width,
+									height: ve?.height,
+									size: ve?.fileSize != null ? (ve.fileSize / 1024).toFixed(2) : "",
+									format: je(ve?.format)
 								}) : await Se();
 							} catch {
 								await Se();
 							}
 						} else await Se();
 					}
-					if (re !== be.current) return;
-					P("success"), U(c), ie(572), setTimeout(() => {
-						let me = 0;
-						L.current && (me = L.current.offsetHeight + 62), X(me);
+					if (se !== Ce.current) return;
+					q("success"), R(c), $(572), setTimeout(() => {
+						let ue = 0;
+						x.current && (ue = x.current.offsetHeight + 62), T(ue);
 					}, 0);
 				} catch (Se) {
-					if (Se?.name === "AbortError" || V.signal.aborted || re !== be.current) return;
-					de(), ge(), P("error");
+					if (Se?.name === "AbortError" || Q.signal.aborted || se !== Ce.current) return;
+					le(), ge(), q("error");
 				}
 			}, oe);
 			return () => {
-				clearTimeout(Xe), V.abort();
+				clearTimeout(Ye), Q.abort();
 			};
 		}, [
 			y,
-			O,
+			A,
 			o,
-			de,
-			we,
+			le,
+			be,
 			b,
 			ge,
 			t,
 			Ue
 		]), (0, n.useEffect)(() => {
-			if (!C || y || O) return;
+			if (!C || y || A) return;
 			const c = ne.canonicalImageUrlKey(C), f = new AbortController();
-			let S = !1;
-			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({
-					width: re,
-					height: Xe,
+			let k = !1;
+			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);
+				k || (le(), Ue(oe), V({
+					width: se,
+					height: Ye,
 					size: (oe.size / 1024).toFixed(2),
-					format: ke(oe.type)
+					format: je(oe.type)
 				}));
 			};
 			return (async () => {
 				try {
 					if (!o) {
 						const oe = await ne.resolveDataProviderPreview(t, c);
-						if (oe?.previewUrl && !S) {
-							Ye(oe.previewUrl), ge();
+						if (oe?.previewUrl && !k) {
+							qe(oe.previewUrl), ge();
 							try {
-								const { data: re } = await b(c);
-								if (S) return;
-								re ? K({
-									width: re?.width,
-									height: re?.height,
-									size: re?.fileSize != null ? (re.fileSize / 1024).toFixed(2) : "",
-									format: ke(re?.format)
-								}) : await V();
+								const { data: se } = await b(c);
+								if (k) return;
+								se ? V({
+									width: se?.width,
+									height: se?.height,
+									size: se?.fileSize != null ? (se.fileSize / 1024).toFixed(2) : "",
+									format: je(se?.format)
+								}) : await Q();
 								return;
 							} catch {
-								await V();
+								await Q();
 							}
 						}
 					}
-					await V();
+					await Q();
 				} catch {
-					S || de();
+					k || le();
 				}
 			})(), () => {
-				S = !0, f.abort();
+				k = !0, f.abort();
 			};
 		}, [
 			o,
-			de,
+			le,
 			C,
-			we,
+			be,
 			b,
 			t,
 			y,
-			O,
+			A,
 			Ue
 		]);
-		const on = () => {
-			i(_.closeModal()), setTimeout(() => {
-				de(), ge(), U(""), D(""), G([]), G([]), Y({
+		const rn = () => {
+			i(Z.closeModal()), setTimeout(() => {
+				le(), ge(), R(""), L(""), g([]), g([]), pe({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), B({ keywords: "" }), X("auto"), !ct && Ve(""), ie(572), z(pe);
+				}), Y({ keywords: "" }), T("auto"), !ce && We(""), $(572), B(fe);
 			}, 200);
-		}, ln = (c) => {
-			c === Wt ? g.success({
+		}, sn = (c) => {
+			c === zt ? p.success({
 				mask: { closable: !0 },
 				centered: !0,
 				title: a("Coming soon"),
 				content: a("The feature is under development."),
 				okText: a("Ok. I'll be waiting"),
 				onOk: () => {}
-			}) : c === Ae && C === "" ? g.warning({
+			}) : c === we && C === "" ? p.warning({
 				mask: { closable: !0 },
 				centered: !0,
 				title: a(""),
 				content: a("To preview and edit the uploaded image"),
 				okText: a("Upload Image"),
 				onOk: () => {
-					z(pe);
+					B(fe);
 				}
 			}) : (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);
-			}, 0), z(c));
+				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);
+			}, 0), B(c));
 		};
 		(0, n.useEffect)(() => {
-			ue.keywords === "" && (h?.current?.focus({ cursor: "start" }), G([]), setTimeout(() => {
-				X("auto"), ie(572);
+			ie.keywords === "" && (K?.current?.focus({ cursor: "start" }), g([]), setTimeout(() => {
+				T("auto"), $(572);
 			}, 0));
 		}, [
-			ue,
-			G,
-			X,
-			ie
+			ie,
+			g,
+			T,
+			$
 		]);
-		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",
@@ -1928,30 +1923,30 @@ Select the appropriate plan to fulfil more requests`),
 			}), f;
 		}, 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;
+				he(!0);
+				const f = await ne.prepareImageForEditorUpload(c, e), k = await en(f);
+				if (k) return pt(k, f), k;
+				const Q = await Ft(f, t);
+				if (Q?.url) return pt(Q.url, f), Q.url;
 				Me(f, null);
 				return;
 			} catch (f) {
 				Me(c, f);
 				return;
 			} finally {
-				ye(!1);
+				he(!1);
 			}
-		}, cn = (c) => Oe({ file: c });
+		}, an = (c) => Oe({ file: c });
 		let Le = [{
 			label: a("Upload"),
-			key: pe,
+			key: fe,
 			children: (0, r.jsxs)("div", {
-				ref: A,
+				ref: j,
 				style: { paddingBottom: 24 },
-				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Qt, {
+				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Ht, {
 					showUploadList: !1,
 					name: "Image",
-					beforeUpload: Ze,
+					beforeUpload: _e,
 					customRequest: Oe,
 					style: { marginBottom: 10 },
 					multiple: !1,
@@ -1959,7 +1954,7 @@ Select the appropriate plan to fulfil more requests`),
 					children: [
 						(0, r.jsx)("p", {
 							className: "ant-upload-drag-icon",
-							children: (0, r.jsx)(F.EmIcons, { icon: "InboxOutlined" })
+							children: (0, r.jsx)(N.EmIcons, { icon: "InboxOutlined" })
 						}),
 						(0, r.jsx)("p", {
 							className: "ant-upload-text",
@@ -1973,123 +1968,123 @@ Select the appropriate plan to fulfil more requests`),
 				}), (0, r.jsx)(m.Form, {
 					style: { padding: "0 2px 0 2px" },
 					children: (0, r.jsx)(m.Form.Item, {
-						validateStatus: k,
+						validateStatus: ee,
 						children: (0, r.jsx)(m.Input, {
-							ref: h,
+							ref: K,
 							allowClear: !0,
 							size: "large",
 							placeholder: a("Paste image URL here"),
 							value: y,
-							onChange: nn,
+							onChange: $t,
 							spellCheck: "false"
 						})
 					})
 				})]
 			})
 		}];
-		return e.imageCenterStockEnabled && !ve && Le.push({
+		return e.imageCenterStockEnabled && !ye && Le.push({
 			label: a("Stock"),
-			key: Ke,
+			key: Fe,
 			children: (0, r.jsx)("div", {
-				ref: J,
+				ref: S,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Dt, {
-					currentReq: ue,
-					setCurrentReq: Y,
-					imageStockList: te,
-					setImageStockList: G,
-					setModalWidth: ie,
-					setModalHeight: X,
-					setStockLink: T,
-					setCurrentImageLink: U,
-					inputRef: ce,
+				children: (0, r.jsx)(Ot, {
+					currentReq: ie,
+					setCurrentReq: pe,
+					imageStockList: ae,
+					setImageStockList: g,
+					setModalWidth: $,
+					setModalHeight: T,
+					setStockLink: G,
+					setCurrentImageLink: R,
+					inputRef: h,
 					customRequest: Pe
 				})
 			})
-		}), e.imageCenterGifEnabled && !ve && Le.push({
+		}), e.imageCenterGifEnabled && !ye && Le.push({
 			label: a("GIF"),
-			key: We,
+			key: ze,
 			children: (0, r.jsx)("div", {
-				ref: q,
+				ref: U,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Tt, {
-					currentReqGif: se,
-					setCurrentReqGif: B,
-					imageGifList: ae,
-					setImageGifList: v,
-					setModalWidth: ie,
-					setModalHeight: X,
-					setStockLink: T,
-					setCurrentImageLink: U,
-					inputRef: W,
+				children: (0, r.jsx)(Mt, {
+					currentReqGif: Ae,
+					setCurrentReqGif: Y,
+					imageGifList: re,
+					setImageGifList: M,
+					setModalWidth: $,
+					setModalHeight: T,
+					setStockLink: G,
+					setCurrentImageLink: R,
+					inputRef: s,
 					customRequest: Pe
 				})
 			})
-		}), e.elementAIimageEnabled && !ve && Le.push({
+		}), e.elementAIimageEnabled && !ye && Le.push({
 			label: a("AI"),
-			key: He,
+			key: Ke,
 			children: (0, r.jsx)("div", {
-				ref: s,
+				ref: _,
 				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Pt, {
-					setModalHeight: X,
+				children: (0, r.jsx)(Ut, {
+					setModalHeight: T,
 					customRequest: Oe,
-					aiImageRequest: dt,
-					setAiImageRequest: Ve,
-					imageAiList: fe,
-					setImageAiList: Zt,
-					isLoadingAi: ct,
-					setIsLoadingAi: ut,
-					aiTabRef: s,
-					inputAiRef: Z,
+					aiImageRequest: lt,
+					setAiImageRequest: We,
+					imageAiList: te,
+					setImageAiList: X,
+					isLoadingAi: ce,
+					setIsLoadingAi: it,
+					aiTabRef: _,
+					inputAiRef: W,
 					isImageUploaded: E,
-					setIsImageUploaded: I
+					setIsImageUploaded: P
 				})
 			})
 		}), e.imageCenterEditorEnabled && Le.push({
 			label: "",
-			key: Ae,
+			key: we,
 			children: (0, r.jsx)("div", {
-				ref: L,
-				children: (0, r.jsx)(St, {
+				ref: x,
+				children: (0, r.jsx)(It, {
 					currentImageLink: C,
 					newLink: y,
-					previewDisplayUrl: tn,
-					resolvedPreviewObjectUrl: $t,
-					resolvedPreviewBlob: en,
-					resolveImageBlob: sn,
-					imageSize: ee,
-					onSave: cn,
-					uploadImageResultIsLoading: he || !1
+					previewDisplayUrl: Jt,
+					resolvedPreviewObjectUrl: Zt,
+					resolvedPreviewBlob: Xt,
+					resolveImageBlob: tn,
+					imageSize: z,
+					onSave: an,
+					uploadImageResultIsLoading: F || !1
 				})
 			})
 		}), (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(m.Modal, {
-			width: H,
+			width: J,
 			className: "image-center",
 			title: a("Image Center"),
 			style: { minHeight: 390 },
-			open: !!Q,
-			onOk: _e,
-			onCancel: on,
-			footer: M === Ae ? (0, r.jsx)(r.Fragment, {}) : null,
+			open: !!O,
+			onOk: Qe,
+			onCancel: rn,
+			footer: H === we ? (0, r.jsx)(r.Fragment, {}) : null,
 			children: (0, r.jsx)(m.Spin, {
-				spinning: he,
+				spinning: F,
 				children: (0, r.jsx)(m.Tabs, {
-					activeKey: M,
-					onChange: ln,
+					activeKey: H,
+					onChange: sn,
 					items: Le,
 					className: "modal-tabs",
 					style: {
-						height: $,
+						height: me,
 						minHeight: 130
 					}
 				})
 			})
-		}), (0, r.jsx)(F.ModalToChangeConfigOnFree, {
-			open: Xt,
+		}), (0, r.jsx)(N.PlanUpgradePrompt, {
+			open: _t,
 			onCancel: () => Ee(!1),
-			initialSlide: Jt
+			initialSlide: Yt
 		})] });
 	};
-	lt.propTypes = { dataProvider: Te.default.object }, vt.default = lt;
+	ot.propTypes = { dataProvider: yt.default.object }, gt.default = ot;
 });