useblocks 1.1.45 → 1.1.46

package/static/core/{ff830d19.js → 9c79239d.js}

@@ -1,28 +1,28 @@
 (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/ff830d19.js", [
+__useblocks__.define("static/core/9c79239d.js", [
 	"require",
 	"exports",
 	"module",
 	"static/core/bd36b180.js",
-	"static/core/bb774fb9.js",
-	"static/core/632d894f.js",
-	"static/core/5e0828e3.js",
-	"static/core/94f2c0df.js",
-	"static/core/6450546e2.js",
-	"static/core/b7a9d262.js",
+	"static/core/cefd6620.js",
+	"static/core/9421a704.js",
+	"static/core/350eac23.js",
+	"static/core/6e2d88d5.js",
+	"static/core/90ec6d2b2.js",
+	"static/core/6df04323.js",
 	"react",
 	"prop-types",
 	"react-router-dom",
 	"react/jsx-runtime"
-], function(ee, bt, an) {
-	const nt = ee("./bd36b180.js"), d = ee("./bb774fb9.js"), z = ee("./632d894f.js"), u = ee("./5e0828e3.js"), Ct = ee("./94f2c0df.js"), B = ee("./6450546e2.js"), q = ee("./b7a9d262.js");
+], function(ee, wt, ur) {
+	const Ze = ee("./bd36b180.js"), f = ee("./cefd6620.js"), H = ee("./9421a704.js"), d = ee("./350eac23.js"), bt = ee("./6e2d88d5.js"), U = ee("./90ec6d2b2.js"), q = ee("./6df04323.js");
 	let o = ee("react");
-	o = nt.__toESM(o);
-	let Fe = ee("prop-types");
-	Fe = nt.__toESM(Fe);
-	let Ge = ee("react-router-dom"), s = ee("react/jsx-runtime");
-	function wt(n, e) {
-		return { [n]: {
+	o = Ze.__toESM(o);
+	let Be = ee("prop-types");
+	Be = Ze.__toESM(Be);
+	let Me = ee("react-router-dom"), s = ee("react/jsx-runtime");
+	function At(r, e) {
+		return { [r]: {
 			Filter: e("Filter"),
 			filter: e("filter"),
 			Resize: e("Resize"),
@@ -107,7 +107,18 @@ __useblocks__.define("static/core/ff830d19.js", [
 			square: e("square")
 		} };
 	}
-	var At = "static/media/image-editor", St = { text: {
+	function Xe(r, e = "application/octet-stream") {
+		let n = r.trim(), t = e?.trim() || "application/octet-stream";
+		const i = n.indexOf(",");
+		if (n.startsWith("data:") && i >= 0) {
+			const p = n.slice(5, i).split(";")[0]?.trim();
+			p && (t = p), n = n.slice(i + 1);
+		}
+		const l = n.replace(/\s/g, ""), h = atob(l), C = new Uint8Array(h.length);
+		for (let p = 0; p < h.length; p++) C[p] = h.charCodeAt(p);
+		return new Blob([C], { type: t });
+	}
+	var St = "static/media/image-editor", It = { text: {
 		replaceDefaultItems: !0,
 		defaultText: "Handwriting",
 		items: [
@@ -224,84 +235,83 @@ __useblocks__.define("static/core/ff830d19.js", [
 				src: "fonts/caveat-v23-cyrillic_latin-regular.woff2"
 			}
 		]
-	} }, It = (n, e = "application/octet-stream") => fetch(`data:${e};base64,${n}`).then((r) => r.blob());
-	function xt(n, e) {
-		if (n === "json") return new Blob([e], { type: "application/json" });
-		if (n === "svg") return new Blob([e], { type: "image/svg+xml" });
-		const r = `image/${n}`;
-		return e = e.replace(/data:image\/([a-z]*)?;base64,/, ""), It(e, r);
+	} };
+	function xt(r, e) {
+		if (r === "json") return new Blob([e], { type: "application/json" });
+		if (r === "svg") return new Blob([e], { type: "image/svg+xml" });
+		const n = `image/${r}`;
+		return Xe(e.replace(/data:image\/([a-z]*)?;base64,/, ""), n);
 	}
-	var jt = ({ currentImageLink: n, prefetchedBlobUrl: e, newLink: r, onSave: t, uploadImageResultIsLoading: i }) => {
-		const l = q.useCookieManager(), [h, C] = (0, o.useState)(), [g, S] = (0, o.useState)(), { __: I } = u.useI18n();
-		let p = d.useDispatch();
-		const b = d.useStore(), j = d.useAppConfig(), y = d.useSelector(d.selectedCurrentUser), M = d.useSelector(z.selectSecondModal), v = d.useSelector(d.selectProject), k = (0, o.useMemo)(() => {
-			if (!j?.icons) return;
-			const E = {};
-			for (const [L, O] of Object.entries(j.icons)) typeof O == "string" && (E[L] = B.sanitizeHtml(O));
-			return Object.keys(E).length > 0 ? E : void 0;
-		}, [j?.icons]), R = (0, o.useRef)(!1), [T, H] = (0, o.useState)(), U = d.useEventEmitter(d.events.FILE_PROXY_EVENT_ID);
+	var jt = ({ currentImageLink: r, prefetchedBlob: e, onSave: n, uploadImageResultIsLoading: t }) => {
+		const i = q.useCookieManager(), [l, h] = (0, o.useState)(), [C, p] = (0, o.useState)(), { __: b } = d.useI18n();
+		let j = f.useDispatch();
+		const m = f.useStore(), v = f.useAppConfig(), A = f.useSelector(f.selectedCurrentUser), w = f.useSelector(H.selectSecondModal), T = f.useSelector(f.selectProject), g = (0, o.useMemo)(() => {
+			if (!v?.icons) return;
+			const O = {};
+			for (const [M, R] of Object.entries(v.icons)) typeof R == "string" && (O[M] = U.sanitizeHtml(R));
+			return Object.keys(O).length > 0 ? O : void 0;
+		}, [v?.icons]), L = (0, o.useRef)(!1), [E, F] = (0, o.useState)(), K = f.useEventEmitter(f.events.FILE_PROXY_EVENT_ID);
 		(0, o.useEffect)(() => {
-			(async () => {
-				const L = n;
-				if (!L && !e) return;
-				let O;
-				if (e) try {
-					const x = await fetch(e);
-					x.ok && (O = await x.blob());
-				} catch {
-					O = void 0;
-				}
-				if (!O && L) try {
-					O = await (await fetch(L)).blob();
+			let O = !1;
+			return (async () => {
+				const R = r;
+				if (!R && !e) return;
+				let S = e;
+				if (!S && R) try {
+					S = await (await fetch(R)).blob();
 				} catch {
-					if (O = await U.fire({
-						url: L,
-						project: v
-					}).filter((x) => x instanceof Blob)[0], !O) {
-						const x = l.get(d.APP_COOKIES.em_token) || await d.di.getInstance(b, z.TOKEN_ID);
-						O = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(L)}`, { headers: { authorization: `Bearer ${x}` } })).blob();
+					if (S = await K.fire({
+						url: R,
+						project: T
+					}).filter((D) => D instanceof Blob)[0], !S) {
+						const D = i.get(f.APP_COOKIES.em_token) || await f.di.getInstance(m, H.TOKEN_ID);
+						S = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(R)}`, { headers: { authorization: `Bearer ${D}` } })).blob();
 					}
 				}
-				if (O) {
-					let x = new FileReader();
-					x.onload = () => {
-						T?.tools.import.openBackgroundImage(h), x.result !== h && (C(x.result), S(O.type));
-					}, x.readAsDataURL(O);
-				}
-			})().catch((L) => {});
+				if (O || !S) return;
+				const z = new FileReader();
+				z.onload = () => {
+					if (O) return;
+					const D = z.result;
+					typeof D == "string" && (h(D), p(S.type), E?.tools.import.openBackgroundImage(D));
+				}, z.onerror = () => {}, z.readAsDataURL(S);
+			})().catch((R) => {}), () => {
+				O = !0;
+			};
 		}, [
-			n,
-			e,
 			r,
-			C,
-			l,
-			h,
+			e,
+			i,
+			E,
+			K,
 			T,
-			U,
-			v,
-			b
+			m
 		]);
-		const D = (0, o.useCallback)(() => {
-			C(null), S(null), p(z.closeSecondModal()), p(z.closeModal(d.MODALS.UPLOAD_IMAGE_MODAL));
-		}, [p]), F = (0, o.useRef)();
-		F.current = async function(E, L, O) {
-			const x = await xt(O, E);
-			t && t(new File([x], L, {
-				lastModified: new Date().getTime(),
-				type: x.type
-			}));
+		const k = (0, o.useCallback)(() => {
+			h(null), p(null), j(H.closeSecondModal()), j(H.closeModal(f.MODALS.UPLOAD_IMAGE_MODAL));
+		}, [j]), B = (0, o.useRef)();
+		B.current = async function(O, M, R) {
+			try {
+				const S = xt(R, O);
+				n && await n(new File([S], M, {
+					lastModified: Date.now(),
+					type: S.type
+				}));
+			} catch (S) {
+				throw S;
+			}
 		};
-		const Z = (0, o.useCallback)((E) => {
-			if (E && !(R.current && T)) {
-				R.current = !0;
-				const L = y.locale ? y.locale.replace("_", "-") : "en-US", O = y.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? d.DARK : d.LIGHT : y.theme;
-				Ct.Tf.init({
+		const G = (0, o.useCallback)((O) => {
+			if (O && !(L.current && E)) {
+				L.current = !0;
+				const M = A.locale ? A.locale.replace("_", "-") : "en-US", R = A.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? f.DARK : f.LIGHT : A.theme;
+				bt.Tf.init({
 					selector: "#pixie-editor",
-					baseUrl: u.getBundledHostAssetUrl(At),
-					image: h,
-					activeLanguage: L,
-					languages: wt(L, I),
-					tools: St,
+					baseUrl: d.getBundledHostAssetUrl(St),
+					image: l,
+					activeLanguage: M,
+					languages: At(M, b),
+					tools: It,
 					ui: {
 						menubar: {
 							replaceDefaultItems: !0,
@@ -317,60 +327,62 @@ __useblocks__.define("static/core/ff830d19.js", [
 								},
 								{
 									type: "button",
-									icon: (0, s.jsx)(u.EmIcons, {
+									icon: (0, s.jsx)(d.EmIcons, {
 										icon: "HistoryOutlined",
-										configIcons: k,
+										configIcons: g,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
 									desktopOnly: !0,
-									action: (x) => {
-										x.togglePanel("history");
+									action: (S) => {
+										S.togglePanel("history");
 									}
 								},
 								{
 									type: "button",
-									icon: (0, s.jsx)(u.EmIcons, {
+									icon: (0, s.jsx)(d.EmIcons, {
 										icon: "CloseOutlined",
-										configIcons: k,
+										configIcons: g,
 										style: { fontSize: 20 }
 									}),
 									align: "right",
 									desktopOnly: !0,
-									action: () => D()
+									action: () => k()
 								}
 							]
 						},
 						nav: { position: "top" },
-						activeTheme: O,
+						activeTheme: R,
 						mode: "inline",
 						forceOverlayModeOnMobile: !1
 					},
-					onSave: async function(x, Y, W) {
-						F.current(x, Y, W);
+					onSave: async function(S, z, D) {
+						try {
+							await B.current(S, z, D);
+						} catch {}
 					}
-				}).then((x) => {
-					H(x);
-				}).catch((x) => {});
+				}).then((S) => {
+					F(S);
+				}).catch((S) => {});
 			}
 		}, [
-			y.theme,
-			h,
-			T,
-			H,
-			y.locale,
-			I,
-			D,
-			k
-		]), G = (0, o.useCallback)(() => {
-			T?.tools.export.save(n?.split("/").pop().split(".")[0], g?.split("/")[1]);
-		}, [
-			T,
-			n,
+			A.theme,
+			l,
+			E,
+			F,
+			A.locale,
+			b,
+			k,
 			g
+		]), Z = (0, o.useCallback)(() => {
+			E?.tools.export.save(r?.split("/").pop().split(".")[0], C?.split("/")[1]);
+		}, [
+			E,
+			r,
+			C
 		]);
-		return (0, s.jsxs)(u.Modal, {
-			afterOpenChange: Z,
+		return (0, s.jsxs)(d.Modal, {
+			afterOpenChange: G,
 			width: "100%",
 			style: {
 				maxWidth: "100%",
@@ -381,19 +393,19 @@ __useblocks__.define("static/core/ff830d19.js", [
 			closable: !1,
 			zIndex: 1100,
 			mask: !1,
-			open: M,
-			footer: [(0, s.jsx)(u.Button, {
+			open: w,
+			footer: [(0, s.jsx)(d.Button, {
 				className: "em-analytics__profile-cancel",
-				onClick: D,
-				children: I("Cancel")
-			}, "Cancel"), (0, s.jsx)(u.Button, {
+				onClick: k,
+				children: b("Cancel")
+			}, "Cancel"), (0, s.jsx)(d.Button, {
 				className: "em-analytics__profile-updapixiete",
 				id: "save",
 				type: "primary",
-				onClick: G,
-				children: I("Update")
+				onClick: Z,
+				children: b("Update")
 			}, "Ok")],
-			children: [i && (0, s.jsx)("div", {
+			children: [t && (0, s.jsx)("div", {
 				style: {
 					position: "absolute",
 					height: "100%",
@@ -405,14 +417,14 @@ __useblocks__.define("static/core/ff830d19.js", [
 					zIndex: 10,
 					opacity: .7
 				},
-				children: (0, s.jsx)(u.Spin, { size: "large" })
+				children: (0, s.jsx)(d.Spin, { size: "large" })
 			}), (0, s.jsx)("div", { id: "pixie-editor" })]
 		});
-	}, Ot = ({ currentImageLink: n, newLink: e, previewDisplayUrl: r, resolvedPreviewObjectUrl: t, onSave: i, uploadImageResultIsLoading: l }) => {
-		const h = r || t;
+	}, Et = ({ currentImageLink: r, newLink: e, previewDisplayUrl: n, resolvedPreviewObjectUrl: t, resolvedPreviewBlob: i, onSave: l, uploadImageResultIsLoading: h }) => {
+		const C = n || t;
 		return (0, s.jsxs)(s.Fragment, { children: [(0, s.jsx)("div", { children: (0, s.jsxs)("div", {
 			className: "image-preview",
-			children: [l && (0, s.jsx)("div", {
+			children: [h && (0, s.jsx)("div", {
 				style: {
 					position: "absolute",
 					height: "100%",
@@ -424,86 +436,86 @@ __useblocks__.define("static/core/ff830d19.js", [
 					zIndex: 10,
 					opacity: .7
 				},
-				children: (0, s.jsx)(u.Spin, { size: "large" })
-			}), h && (0, s.jsx)("img", {
+				children: (0, s.jsx)(d.Spin, { size: "large" })
+			}), C && (0, s.jsx)("img", {
 				alt: "uploadedImage",
-				src: h
+				src: C
 			})]
 		}) }), (0, s.jsx)(jt, {
-			currentImageLink: n,
-			prefetchedBlobUrl: t,
+			currentImageLink: r,
+			prefetchedBlob: i,
 			newLink: e,
-			onSave: i,
-			uploadImageResultIsLoading: l
+			onSave: l,
+			uploadImageResultIsLoading: h
 		})] });
-	}, ze = function(n, e) {
-		return ze = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, t) {
-			r.__proto__ = t;
-		} || function(r, t) {
-			for (var i in t) t.hasOwnProperty(i) && (r[i] = t[i]);
-		}, ze(n, e);
+	}, Ue = function(r, e) {
+		return Ue = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, t) {
+			n.__proto__ = t;
+		} || function(n, t) {
+			for (var i in t) t.hasOwnProperty(i) && (n[i] = t[i]);
+		}, Ue(r, e);
 	};
-	function Lt(n, e) {
-		ze(n, e);
-		function r() {
-			this.constructor = n;
+	function Ot(r, e) {
+		Ue(r, e);
+		function n() {
+			this.constructor = r;
 		}
-		n.prototype = e === null ? Object.create(e) : (r.prototype = e.prototype, new r());
+		r.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
 	}
-	var we = function() {
-		return we = Object.assign || function(e) {
-			for (var r, t = 1, i = arguments.length; t < i; t++) {
-				r = arguments[t];
-				for (var l in r) Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
+	var Ce = function() {
+		return Ce = Object.assign || function(e) {
+			for (var n, t = 1, i = arguments.length; t < i; t++) {
+				n = arguments[t];
+				for (var l in n) Object.prototype.hasOwnProperty.call(n, l) && (e[l] = n[l]);
 			}
 			return e;
-		}, we.apply(this, arguments);
+		}, Ce.apply(this, arguments);
 	};
-	function Rt(n, e, r, t) {
+	function Rt(r, e, n, t) {
 		var i, l = !1, h = 0;
 		function C() {
 			i && clearTimeout(i);
 		}
-		function g() {
+		function p() {
 			C(), l = !0;
 		}
-		typeof e != "boolean" && (t = r, r = e, e = void 0);
-		function S() {
-			var I = this, p = Date.now() - h, b = arguments;
+		typeof e != "boolean" && (t = n, n = e, e = void 0);
+		function b() {
+			var j = this, m = Date.now() - h, v = arguments;
 			if (l) return;
-			function j() {
-				h = Date.now(), r.apply(I, b);
+			function A() {
+				h = Date.now(), n.apply(j, v);
 			}
-			function y() {
+			function w() {
 				i = void 0;
 			}
-			t && !i && j(), C(), t === void 0 && p > n ? j() : e !== !0 && (i = setTimeout(t ? y : j, t === void 0 ? n - p : n));
+			t && !i && A(), C(), t === void 0 && m > r ? A() : e !== !0 && (i = setTimeout(t ? w : A, t === void 0 ? r - m : r));
 		}
-		return S.cancel = g, S;
+		return b.cancel = p, b;
 	}
-	var ye = {
+	var pe = {
 		Pixel: "Pixel",
 		Percent: "Percent"
-	}, rt = {
-		unit: ye.Percent,
+	}, Je = {
+		unit: pe.Percent,
 		value: .8
 	};
-	function st(n) {
-		return typeof n == "number" ? {
-			unit: ye.Percent,
-			value: n * 100
-		} : typeof n == "string" ? n.match(/^(\d*(\.\d+)?)px$/) ? {
-			unit: ye.Pixel,
-			value: parseFloat(n)
-		} : n.match(/^(\d*(\.\d+)?)%$/) ? {
-			unit: ye.Percent,
-			value: parseFloat(n)
-		} : rt : rt;
+	function $e(r) {
+		return typeof r == "number" ? {
+			unit: pe.Percent,
+			value: r * 100
+		} : typeof r == "string" ? r.match(/^(\d*(\.\d+)?)px$/) ? {
+			unit: pe.Pixel,
+			value: parseFloat(r)
+		} : r.match(/^(\d*(\.\d+)?)%$/) ? {
+			unit: pe.Percent,
+			value: parseFloat(r)
+		} : Je : Je;
 	}
-	var ot = (function(n) {
-		Lt(e, n);
-		function e(r) {
-			var t = n.call(this, r) || this;
+	var et = (function(r) {
+		Ot(e, r);
+		function e(n) {
+			var t = r.call(this, n) || this;
 			return t.lastScrollTop = 0, t.actionTriggered = !1, t.startY = 0, t.currentY = 0, t.dragging = !1, t.maxPullDownDistance = 0, t.getScrollableTarget = function() {
 				return t.props.scrollableTarget instanceof HTMLElement ? t.props.scrollableTarget : typeof t.props.scrollableTarget == "string" ? document.getElementById(t.props.scrollableTarget) : (t.props.scrollableTarget, null);
 			}, t.onStart = function(i) {
@@ -523,7 +535,7 @@ __useblocks__.define("static/core/ff830d19.js", [
 			}, t.state = {
 				showLoader: !1,
 				pullToRefreshThresholdBreached: !1,
-				prevDataLength: r.dataLength
+				prevDataLength: n.dataLength
 			}, t.throttledOnScrollListener = Rt(150, t.onScrollListener).bind(t), t.onStart = t.onStart.bind(t), t.onMove = t.onMove.bind(t), t.onEnd = t.onEnd.bind(t), t;
 		}
 		return e.prototype.componentDidMount = function() {
@@ -533,20 +545,20 @@ __useblocks__.define("static/core/ff830d19.js", [
           as expected. Check README.md for usage'`);
 		}, e.prototype.componentWillUnmount = function() {
 			this.el && (this.el.removeEventListener("scroll", this.throttledOnScrollListener), this.props.pullDownToRefresh && (this.el.removeEventListener("touchstart", this.onStart), this.el.removeEventListener("touchmove", this.onMove), this.el.removeEventListener("touchend", this.onEnd), this.el.removeEventListener("mousedown", this.onStart), this.el.removeEventListener("mousemove", this.onMove), this.el.removeEventListener("mouseup", this.onEnd)));
-		}, e.prototype.componentDidUpdate = function(r) {
-			this.props.dataLength !== r.dataLength && (this.actionTriggered = !1, this.setState({ showLoader: !1 }));
-		}, e.getDerivedStateFromProps = function(r, t) {
-			return r.dataLength !== t.prevDataLength ? we(we({}, t), { prevDataLength: r.dataLength }) : null;
-		}, e.prototype.isElementAtTop = function(r, t) {
+		}, e.prototype.componentDidUpdate = function(n) {
+			this.props.dataLength !== n.dataLength && (this.actionTriggered = !1, this.setState({ showLoader: !1 }));
+		}, e.getDerivedStateFromProps = function(n, t) {
+			return n.dataLength !== t.prevDataLength ? Ce(Ce({}, t), { prevDataLength: n.dataLength }) : null;
+		}, e.prototype.isElementAtTop = function(n, t) {
 			t === void 0 && (t = .8);
-			var i = r === document.body || r === document.documentElement ? window.screen.availHeight : r.clientHeight, l = st(t);
-			return l.unit === ye.Pixel ? r.scrollTop <= l.value + i - r.scrollHeight + 1 : r.scrollTop <= l.value / 100 + i - r.scrollHeight + 1;
-		}, e.prototype.isElementAtBottom = function(r, t) {
+			var i = n === document.body || n === document.documentElement ? window.screen.availHeight : n.clientHeight, l = $e(t);
+			return l.unit === pe.Pixel ? n.scrollTop <= l.value + i - n.scrollHeight + 1 : n.scrollTop <= l.value / 100 + i - n.scrollHeight + 1;
+		}, e.prototype.isElementAtBottom = function(n, t) {
 			t === void 0 && (t = .8);
-			var i = r === document.body || r === document.documentElement ? window.screen.availHeight : r.clientHeight, l = st(t);
-			return l.unit === ye.Pixel ? r.scrollTop + i >= r.scrollHeight - l.value : r.scrollTop + i >= l.value / 100 * r.scrollHeight;
+			var i = n === document.body || n === document.documentElement ? window.screen.availHeight : n.clientHeight, l = $e(t);
+			return l.unit === pe.Pixel ? n.scrollTop + i >= n.scrollHeight - l.value : n.scrollTop + i >= l.value / 100 * n.scrollHeight;
 		}, e.prototype.render = function() {
-			var r = this, t = we({
+			var n = this, t = Ce({
 				height: this.props.height || "auto",
 				overflow: "auto",
 				WebkitOverflowScrolling: "touch"
@@ -557,13 +569,13 @@ __useblocks__.define("static/core/ff830d19.js", [
 			}, o.default.createElement("div", {
 				className: "infinite-scroll-component " + (this.props.className || ""),
 				ref: function(h) {
-					return r._infScroll = h;
+					return n._infScroll = h;
 				},
 				style: t
 			}, this.props.pullDownToRefresh && o.default.createElement("div", {
 				style: { position: "relative" },
 				ref: function(h) {
-					return r._pullDown = h;
+					return n._pullDown = h;
 				}
 			}, o.default.createElement("div", { style: {
 				position: "absolute",
@@ -573,58 +585,58 @@ __useblocks__.define("static/core/ff830d19.js", [
 			} }, this.state.pullToRefreshThresholdBreached ? this.props.releaseToRefreshContent : this.props.pullDownToRefreshContent)), this.props.children, !this.state.showLoader && !i && this.props.hasMore && this.props.loader, this.state.showLoader && this.props.hasMore && this.props.loader, !this.props.hasMore && this.props.endMessage));
 		}, e;
 	})(o.Component);
-	function kt(n, e) {
-		if (n == null) return {};
-		var r = Dt(n, e), t, i;
+	function Lt(r, e) {
+		if (r == null) return {};
+		var n = kt(r, e), t, i;
 		if (Object.getOwnPropertySymbols) {
-			var l = Object.getOwnPropertySymbols(n);
-			for (i = 0; i < l.length; i++) t = l[i], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(n, t) && (r[t] = n[t]);
+			var l = Object.getOwnPropertySymbols(r);
+			for (i = 0; i < l.length; i++) t = l[i], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (n[t] = r[t]);
 		}
-		return r;
+		return n;
 	}
-	function Dt(n, e) {
-		if (n == null) return {};
-		var r = {}, t = Object.keys(n), i, l;
-		for (l = 0; l < t.length; l++) i = t[l], !(e.indexOf(i) >= 0) && (r[i] = n[i]);
-		return r;
+	function kt(r, e) {
+		if (r == null) return {};
+		var n = {}, t = Object.keys(r), i, l;
+		for (l = 0; l < t.length; l++) i = t[l], !(e.indexOf(i) >= 0) && (n[i] = r[i]);
+		return n;
 	}
-	function ke() {
-		return ke = Object.assign || function(n) {
+	function Oe() {
+		return Oe = Object.assign || function(r) {
 			for (var e = 1; e < arguments.length; e++) {
-				var r = arguments[e];
-				for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (n[t] = r[t]);
+				var n = arguments[e];
+				for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && (r[t] = n[t]);
 			}
-			return n;
-		}, ke.apply(this, arguments);
+			return r;
+		}, Oe.apply(this, arguments);
 	}
-	function at(n, e) {
-		var r = Object.keys(n);
+	function tt(r, e) {
+		var n = Object.keys(r);
 		if (Object.getOwnPropertySymbols) {
-			var t = Object.getOwnPropertySymbols(n);
+			var t = Object.getOwnPropertySymbols(r);
 			e && (t = t.filter(function(i) {
-				return Object.getOwnPropertyDescriptor(n, i).enumerable;
-			})), r.push.apply(r, t);
+				return Object.getOwnPropertyDescriptor(r, i).enumerable;
+			})), n.push.apply(n, t);
 		}
-		return r;
+		return n;
 	}
-	function Ae(n) {
+	function we(r) {
 		for (var e = 1; e < arguments.length; e++) {
-			var r = arguments[e] != null ? arguments[e] : {};
-			e % 2 ? at(Object(r), !0).forEach(function(t) {
-				Et(n, t, r[t]);
-			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : at(Object(r)).forEach(function(t) {
-				Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
+			var n = arguments[e] != null ? arguments[e] : {};
+			e % 2 ? tt(Object(n), !0).forEach(function(t) {
+				Dt(r, t, n[t]);
+			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(n)) : tt(Object(n)).forEach(function(t) {
+				Object.defineProperty(r, t, Object.getOwnPropertyDescriptor(n, t));
 			});
 		}
-		return n;
+		return r;
 	}
-	function Et(n, e, r) {
-		return e in n ? Object.defineProperty(n, e, {
-			value: r,
+	function Dt(r, e, n) {
+		return e in r ? Object.defineProperty(r, e, {
+			value: n,
 			enumerable: !0,
 			configurable: !0,
 			writable: !0
-		}) : n[e] = r, n;
+		}) : r[e] = n, r;
 	}
 	var Tt = {
 		breakpointCols: void 0,
@@ -633,11 +645,11 @@ __useblocks__.define("static/core/ff830d19.js", [
 		children: void 0,
 		columnAttrs: void 0,
 		column: void 0
-	}, He = 2, We = class extends o.default.Component {
-		constructor(n) {
-			super(n), this.reCalculateColumnCount = this.reCalculateColumnCount.bind(this), this.reCalculateColumnCountDebounce = this.reCalculateColumnCountDebounce.bind(this);
+	}, Pe = 2, Ne = class extends o.default.Component {
+		constructor(r) {
+			super(r), 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) || He, this.state = { columnCount: e };
+			this.props.breakpointCols && this.props.breakpointCols.default ? e = this.props.breakpointCols.default : e = parseInt(this.props.breakpointCols) || Pe, this.state = { columnCount: e };
 		}
 		componentDidMount() {
 			this.reCalculateColumnCount(), window && window.addEventListener("resize", this.reCalculateColumnCountDebounce);
@@ -658,37 +670,37 @@ __useblocks__.define("static/core/ff830d19.js", [
 			});
 		}
 		reCalculateColumnCount() {
-			const n = window && window.innerWidth || Infinity;
+			const r = window && window.innerWidth || Infinity;
 			let e = this.props.breakpointCols;
-			typeof e != "object" && (e = { default: parseInt(e) || He });
-			let r = Infinity, t = e.default || He;
+			typeof e != "object" && (e = { default: parseInt(e) || Pe });
+			let n = Infinity, t = e.default || Pe;
 			for (let i in e) {
 				const l = parseInt(i);
-				l > 0 && n <= l && l < r && (r = l, t = e[i]);
+				l > 0 && r <= l && l < n && (n = l, t = e[i]);
 			}
 			t = Math.max(1, parseInt(t) || 1), this.state.columnCount !== t && this.setState({ columnCount: t });
 		}
 		itemsInColumns() {
-			const n = this.state.columnCount, e = new Array(n), r = o.default.Children.toArray(this.props.children);
-			for (let t = 0; t < r.length; t++) {
-				const i = t % n;
-				e[i] || (e[i] = []), e[i].push(r[t]);
+			const r = this.state.columnCount, e = new Array(r), n = o.default.Children.toArray(this.props.children);
+			for (let t = 0; t < n.length; t++) {
+				const i = t % r;
+				e[i] || (e[i] = []), e[i].push(n[t]);
 			}
 			return e;
 		}
 		renderColumns() {
-			const { column: n, columnAttrs: e = {}, columnClassName: r } = this.props, t = this.itemsInColumns(), i = `${100 / t.length}%`;
-			let l = r;
+			const { column: r, columnAttrs: e = {}, columnClassName: n } = this.props, t = this.itemsInColumns(), i = `${100 / t.length}%`;
+			let l = n;
 			l && typeof l != "string" && (this.logDeprecated("The property \"columnClassName\" requires a string"), typeof l > "u" && (l = "my-masonry-grid_column"));
-			const h = Ae(Ae(Ae({}, n), e), {}, {
-				style: Ae(Ae({}, e.style), {}, { width: i }),
+			const h = we(we(we({}, r), e), {}, {
+				style: we(we({}, e.style), {}, { width: i }),
 				className: l
 			});
-			return t.map((C, g) => o.default.createElement("div", ke({}, h, { key: g }), C));
+			return t.map((C, p) => o.default.createElement("div", Oe({}, h, { key: p }), C));
 		}
-		logDeprecated(n) {}
+		logDeprecated(r) {}
 		render() {
-			const n = this.props, { children: e, breakpointCols: r, columnClassName: t, columnAttrs: i, column: l, className: h } = n, C = kt(n, [
+			const r = this.props, { children: e, breakpointCols: n, columnClassName: t, columnAttrs: i, column: l, className: h } = r, C = Lt(r, [
 				"children",
 				"breakpointCols",
 				"columnClassName",
@@ -696,154 +708,154 @@ __useblocks__.define("static/core/ff830d19.js", [
 				"column",
 				"className"
 			]);
-			let g = h;
-			return typeof h != "string" && (this.logDeprecated("The property \"className\" requires a string"), typeof h > "u" && (g = "my-masonry-grid")), o.default.createElement("div", ke({}, C, { className: g }), this.renderColumns());
+			let p = h;
+			return typeof h != "string" && (this.logDeprecated("The property \"className\" requires a string"), typeof h > "u" && (p = "my-masonry-grid")), o.default.createElement("div", Oe({}, C, { className: p }), this.renderColumns());
 		}
 	};
-	We.defaultProps = Tt;
-	function Ke(n, e) {
-		return n ? n.exhausted ? {
-			...n,
+	Ne.defaultProps = Tt;
+	function Fe(r, e) {
+		return r ? r.exhausted ? {
+			...r,
 			src: null
 		} : {
-			...n,
-			src: n.src || e || null
+			...r,
+			src: r.src || e || null
 		} : null;
 	}
-	function it({ items: n, getItemId: e, getRequestUrl: r, createController: t }) {
-		const [i, l] = (0, o.useState)({}), h = (0, o.useRef)(new Map()), C = (0, o.useCallback)((g) => {
-			const S = e(g), I = r(g), p = `${S}:${I}`;
-			if (h.current.has(p)) return {
-				itemId: S,
-				requestUrl: I,
-				cacheKey: p,
-				controller: h.current.get(p)
+	function rt({ items: r, getItemId: e, getRequestUrl: n, createController: t }) {
+		const [i, l] = (0, o.useState)({}), h = (0, o.useRef)(new Map()), C = (0, o.useCallback)((p) => {
+			const b = e(p), j = n(p), m = `${b}:${j}`;
+			if (h.current.has(m)) return {
+				itemId: b,
+				requestUrl: j,
+				cacheKey: m,
+				controller: h.current.get(m)
 			};
-			const b = t(I);
-			return h.current.set(p, b), {
-				itemId: S,
-				requestUrl: I,
-				cacheKey: p,
-				controller: b
+			const v = t(j);
+			return h.current.set(m, v), {
+				itemId: b,
+				requestUrl: j,
+				cacheKey: m,
+				controller: v
 			};
 		}, [
 			t,
 			e,
-			r
+			n
 		]);
 		return (0, o.useEffect)(() => {
-			const g = new Set(), S = {}, I = n.map((p) => {
-				const { itemId: b, cacheKey: j, controller: y } = C(p);
-				g.add(j), S[b] = y.src;
-				const M = Ke(y.handleChangeSrc?.(), y.src);
-				return M?.changed && M.src && (S[b] = M.src), y.subscribeToSrcChange?.((v) => {
-					const k = Ke(v, y.src);
-					!k?.changed || !k.src || l((R) => R[b] === k.src ? R : {
-						...R,
-						[b]: k.src
+			const p = new Set(), b = {}, j = r.map((m) => {
+				const { itemId: v, cacheKey: A, controller: w } = C(m);
+				p.add(A), b[v] = w.src;
+				const T = Fe(w.handleChangeSrc?.(), w.src);
+				return T?.changed && T.src && (b[v] = T.src), w.subscribeToSrcChange?.((g) => {
+					const L = Fe(g, w.src);
+					!L?.changed || !L.src || l((E) => E[v] === L.src ? E : {
+						...E,
+						[v]: L.src
 					});
 				});
 			}).filter(Boolean);
-			return h.current.forEach((p, b) => {
-				g.has(b) || h.current.delete(b);
-			}), l(S), () => {
-				I.forEach((p) => p?.());
+			return h.current.forEach((m, v) => {
+				p.has(v) || h.current.delete(v);
+			}), l(b), () => {
+				j.forEach((m) => m?.());
 			};
-		}, [C, n]), {
-			getDisplaySrc: (0, o.useCallback)((g) => {
-				const { itemId: S, requestUrl: I, controller: p } = C(g);
-				return i[S] || p.src || I;
+		}, [C, r]), {
+			getDisplaySrc: (0, o.useCallback)((p) => {
+				const { itemId: b, requestUrl: j, controller: m } = C(p);
+				return i[b] || m.src || j;
 			}, [i, C]),
-			handleLoad: (0, o.useCallback)((g) => {
-				C(g).controller.handleSuccess();
+			handleLoad: (0, o.useCallback)((p) => {
+				C(p).controller.handleSuccess();
 			}, [C]),
-			handleError: (0, o.useCallback)((g) => {
-				const { itemId: S, controller: I } = C(g), p = Ke(I.handleError(), I.src);
-				p?.changed && p.src && l((b) => ({
-					...b,
-					[S]: p.src
+			handleError: (0, o.useCallback)((p) => {
+				const { itemId: b, controller: j } = C(p), m = Fe(j.handleError(), j.src);
+				m?.changed && m.src && l((v) => ({
+					...v,
+					[b]: m.src
 				}));
 			}, [C])
 		};
 	}
-	var lt = "blocks", Ut = ({ setCurrentImageLink: n, setModalHeight: e, setModalWidth: r, setImageStockList: t, imageStockList: i, currentReq: l, setCurrentReq: h, inputRef: C, setStockLink: g, customRequest: S }) => {
-		const I = d.useAppConfig(), p = d.useIsStandalone(), [b, j] = (0, o.useState)(!1), [y, M] = (0, o.useState)(2), { __: v } = u.useI18n(), k = u.useNotification(), [R] = z.useLazyGetUnsplashImageQuery(), [T] = z.useLazyGetSearchImageQuery(), H = (0, o.useCallback)((a) => a instanceof Error || typeof a?.message == "string" && a.message ? a.message : typeof a?.error?.message == "string" && a.error.message ? a.error.message : v("Failed to load stock images through the configured proxy chain."), [v]), U = (0, o.useCallback)((a) => {
-			k.error({
+	var nt = "blocks", Bt = ({ setCurrentImageLink: r, setModalHeight: e, setModalWidth: n, setImageStockList: t, imageStockList: i, currentReq: l, setCurrentReq: h, inputRef: C, setStockLink: p, customRequest: b }) => {
+		const j = f.useAppConfig(), m = f.useIsStandalone(), [v, A] = (0, o.useState)(!1), [w, T] = (0, o.useState)(2), { __: g } = d.useI18n(), L = d.useNotification(), [E] = H.useLazyGetUnsplashImageQuery(), [F] = H.useLazyGetSearchImageQuery(), K = (0, o.useCallback)((a) => a instanceof Error || typeof a?.message == "string" && a.message ? a.message : typeof a?.error?.message == "string" && a.error.message ? a.error.message : g("Failed to load stock images through the configured proxy chain."), [g]), k = (0, o.useCallback)((a) => {
+			L.error({
 				id: "STOCK_IMAGES_SEARCH_FAILED",
-				title: v("Failed to load stock images"),
-				description: H(a)
+				title: g("Failed to load stock images"),
+				description: K(a)
 			});
 		}, [
-			v,
-			H,
-			k
-		]), D = async () => {
-			b || (j(!0), T({
+			g,
+			K,
+			L
+		]), B = async () => {
+			v || (A(!0), F({
 				query: l,
-				page: y
+				page: w
 			}).then((a) => {
 				if (a?.error) {
-					U(a.error), j(!1);
+					k(a.error), A(!1);
 					return;
 				}
-				const m = a?.data?.results || [];
-				t((K) => [...K, ...m]), j(!1), M((K) => K + 1);
+				const y = a?.data?.results || [];
+				t((W) => [...W, ...y]), A(!1), T((W) => W + 1);
 			}).catch(() => {
-				j(!1);
+				A(!1);
 			}));
 		};
 		(0, o.useEffect)(() => {
-			l.keywords !== "" && F();
+			l.keywords !== "" && G();
 		}, [l.color, l.orientation]);
-		const F = async () => {
-			const a = await T({
+		const G = async () => {
+			const a = await F({
 				query: l,
 				page: 1
 			});
 			if (a?.error) {
-				U(a.error), t([]);
+				k(a.error), t([]);
 				return;
 			}
-			const m = a?.data?.results || [];
-			m.length > 0 ? (t(m), setTimeout(() => {
-				r(1060), e("84vh");
+			const y = a?.data?.results || [];
+			y.length > 0 ? (t(y), setTimeout(() => {
+				n(1060), e("84vh");
 			}, 0)) : t([]);
-		}, [Z, G] = (0, o.useState)(null), E = (0, o.useCallback)((a, m, K) => `${a}${a.includes("?") ? "&" : "?"}w=${m}&q=${K}`, []), L = (0, o.useCallback)((a) => d.getProxiedUrl(a, {
-			config: I,
-			standalone: p,
+		}, [Z, O] = (0, o.useState)(null), M = (0, o.useCallback)((a, y, W) => `${a}${a.includes("?") ? "&" : "?"}w=${y}&q=${W}`, []), R = (0, o.useCallback)((a) => f.getProxiedUrl(a, {
+			config: j,
+			standalone: m,
 			resourceType: "stockImages",
 			intent: "display"
-		}), [I, p]), { getDisplaySrc: O, handleLoad: x, handleError: Y } = it({
+		}), [j, m]), { getDisplaySrc: S, handleLoad: z, handleError: D } = rt({
 			items: i,
 			getItemId: (0, o.useCallback)((a) => a.id, []),
-			getRequestUrl: (0, o.useCallback)((a) => E(a.urls.raw, 644, 96), [E]),
-			createController: L
-		}), W = (a) => (m) => {
-			x(a), m.target.parentNode.classList.add("loaded");
+			getRequestUrl: (0, o.useCallback)((a) => M(a.urls.raw, 644, 96), [M]),
+			createController: R
+		}), _ = (a) => (y) => {
+			z(a), y.target.parentNode.classList.add("loaded");
 		}, X = (a) => () => {
-			Y(a);
-		}, _ = (a, m, K) => {
-			R(m.download_location), G(K), setTimeout(() => G(null), 2e3), g(`${a.raw}&w=1200&q=96`), n(`${a.raw}&w=1200&q=96`), S(`${a.raw}&w=1200&q=96`);
+			D(a);
+		}, Y = (a, y, W) => {
+			E(y.download_location), O(W), setTimeout(() => O(null), 2e3), p(`${a.raw}&w=1200&q=96`), r(`${a.raw}&w=1200&q=96`), b(`${a.raw}&w=1200&q=96`);
 		};
 		return (0, s.jsxs)("div", {
 			className: "stock-tab",
-			children: [(0, s.jsxs)(u.Form, {
-				onValuesChange: F,
+			children: [(0, s.jsxs)(d.Form, {
+				onValuesChange: G,
 				className: i.length > 0 ? "serach-results" : "",
-				children: [(0, s.jsxs)(u.Row, {
+				children: [(0, s.jsxs)(d.Row, {
 					gutter: 24,
-					children: [(0, s.jsx)(u.Col, {
+					children: [(0, s.jsx)(d.Col, {
 						span: i.length > 0 ? "" : 24,
-						children: (0, s.jsx)(u.Form.Item, {
+						children: (0, s.jsx)(d.Form.Item, {
 							className: "stock-search-input",
-							children: (0, s.jsx)(u.SearchInput, {
-								onSearch: F,
+							children: (0, s.jsx)(d.SearchInput, {
+								onSearch: G,
 								allowClear: !0,
 								size: i.length > 0 ? "medium" : "large",
-								placeholder: v("Search image"),
+								placeholder: g("Search image"),
 								value: l.keywords,
-								onChange: (a) => h((m) => ({
-									...m,
+								onChange: (a) => h((y) => ({
+									...y,
 									keywords: a.target.value
 								})),
 								ref: C,
@@ -851,107 +863,107 @@ __useblocks__.define("static/core/ff830d19.js", [
 								enterButton: !1
 							})
 						})
-					}), i.length > 0 && (0, s.jsxs)(s.Fragment, { children: [(0, s.jsx)(u.Col, { children: (0, s.jsxs)(u.Radio.Group, {
+					}), i.length > 0 && (0, s.jsxs)(s.Fragment, { children: [(0, s.jsx)(d.Col, { children: (0, s.jsxs)(d.Radio.Group, {
 						defaultValue: "",
-						onChange: (a) => h((m) => ({
-							...m,
+						onChange: (a) => h((y) => ({
+							...y,
 							orientation: a.target.value
 						})),
 						children: [
-							(0, s.jsx)(u.Tooltip, {
-								title: v("All"),
+							(0, s.jsx)(d.Tooltip, {
+								title: g("All"),
 								placement: "top",
-								children: (0, s.jsx)(u.Radio.Button, {
+								children: (0, s.jsx)(d.Radio.Button, {
 									value: "",
-									children: (0, s.jsx)(B.EmIcons, { icon: "MixedView" })
+									children: (0, s.jsx)(U.EmIcons, { icon: "MixedView" })
 								})
 							}),
-							(0, s.jsx)(u.Tooltip, {
-								title: v("Landscape"),
+							(0, s.jsx)(d.Tooltip, {
+								title: g("Landscape"),
 								placement: "top",
-								children: (0, s.jsx)(u.Radio.Button, {
+								children: (0, s.jsx)(d.Radio.Button, {
 									value: "landscape",
-									children: (0, s.jsx)(B.EmIcons, { icon: "LandscapeView" })
+									children: (0, s.jsx)(U.EmIcons, { icon: "LandscapeView" })
 								})
 							}),
-							(0, s.jsx)(u.Tooltip, {
-								title: v("Portrait"),
+							(0, s.jsx)(d.Tooltip, {
+								title: g("Portrait"),
 								placement: "top",
-								children: (0, s.jsx)(u.Radio.Button, {
+								children: (0, s.jsx)(d.Radio.Button, {
 									value: "portrait",
-									children: (0, s.jsx)(B.EmIcons, { icon: "PortraitView" })
+									children: (0, s.jsx)(U.EmIcons, { icon: "PortraitView" })
 								})
 							}),
-							(0, s.jsx)(u.Tooltip, {
-								title: v("Squarish"),
+							(0, s.jsx)(d.Tooltip, {
+								title: g("Squarish"),
 								placement: "top",
-								children: (0, s.jsx)(u.Radio.Button, {
+								children: (0, s.jsx)(d.Radio.Button, {
 									value: "squarish",
-									children: (0, s.jsx)(B.EmIcons, { icon: "SquareView" })
+									children: (0, s.jsx)(U.EmIcons, { icon: "SquareView" })
 								})
 							})
 						]
-					}) }), (0, s.jsx)(u.Col, { children: (0, s.jsx)(u.RadioColorFilter, {
+					}) }), (0, s.jsx)(d.Col, { children: (0, s.jsx)(d.RadioColorFilter, {
 						defaultValue: "",
-						onChange: (a) => h((m) => ({
-							...m,
+						onChange: (a) => h((y) => ({
+							...y,
 							color: a.target.value
 						})),
 						options: [
 							{
 								value: "",
 								colorClass: "all-colors",
-								label: v("All")
+								label: g("All")
 							},
 							{
 								value: "black",
 								colorClass: "black-color",
-								label: v("Black")
+								label: g("Black")
 							},
 							{
 								value: "black_and_white",
 								colorClass: "bw-color",
-								label: v("Black and White")
+								label: g("Black and White")
 							},
 							{
 								value: "white",
 								colorClass: "white-color",
-								label: v("White")
+								label: g("White")
 							},
 							{
 								value: "orange",
 								colorClass: "orange-color",
-								label: v("Orange")
+								label: g("Orange")
 							},
 							{
 								value: "red",
 								colorClass: "red-color",
-								label: v("Red")
+								label: g("Red")
 							},
 							{
 								value: "purple",
 								colorClass: "purple-color",
-								label: v("Purple")
+								label: g("Purple")
 							},
 							{
 								value: "magenta",
 								colorClass: "magenta-color",
-								label: v("Magenta")
+								label: g("Magenta")
 							},
 							{
 								value: "green",
 								colorClass: "green-color",
-								label: v("Green")
+								label: g("Green")
 							},
 							{
 								value: "teal",
 								colorClass: "teal-color",
-								label: v("Teal")
+								label: g("Teal")
 							},
 							{
 								value: "blue",
 								colorClass: "blue-color",
-								label: v("Blue")
+								label: g("Blue")
 							}
 						],
 						tooltipPlacement: "top"
@@ -979,42 +991,42 @@ __useblocks__.define("static/core/ff830d19.js", [
 						lineHeight: "0",
 						boxSizing: "unset"
 					},
-					children: (0, s.jsx)(ot, {
+					children: (0, s.jsx)(et, {
 						dataLength: i && i.length,
-						next: D,
+						next: B,
 						hasMore: i,
-						endMessage: (0, s.jsxs)(u.Divider, {
+						endMessage: (0, s.jsxs)(d.Divider, {
 							plain: !0,
-							children: [v("That`s all we could find."), " 🤐"]
+							children: [g("That`s all we could find."), " 🤐"]
 						}),
 						scrollableTarget: "scrollableDiv",
 						style: { overflow: "visible" },
 						loader: null,
-						children: (0, s.jsx)(We, {
+						children: (0, s.jsx)(Ne, {
 							breakpointCols: { default: 3 },
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
 							children: i.map((a) => (0, s.jsxs)("div", {
 								className: "list-item",
-								onClick: () => _(a.urls, a.links, a.id),
+								onClick: () => Y(a.urls, a.links, a.id),
 								children: [
 									(0, s.jsx)("img", {
 										className: Z === a.id ? "loaded-image" : "",
 										width: "322px",
-										src: O(a),
+										src: S(a),
 										alt: a.description,
-										onLoad: W(a),
+										onLoad: _(a),
 										onError: X(a)
 									}),
 									(0, s.jsxs)("p", {
 										className: "creator-info",
-										onClick: (m) => m.stopPropagation(),
+										onClick: (y) => y.stopPropagation(),
 										children: [
 											"Photo by",
 											" ",
 											(0, s.jsx)("a", {
 												target: "_blank",
-												href: `${a.user.links.html}?utm_source=${lt}&utm_medium=referral`,
+												href: `${a.user.links.html}?utm_source=${nt}&utm_medium=referral`,
 												rel: "noreferrer",
 												children: a.user.name
 											}),
@@ -1023,13 +1035,13 @@ __useblocks__.define("static/core/ff830d19.js", [
 											" ",
 											(0, s.jsx)("a", {
 												target: "_blank",
-												href: `https://unsplash.com/?utm_source=${lt}&utm_medium=referral`,
+												href: `https://unsplash.com/?utm_source=${nt}&utm_medium=referral`,
 												rel: "noreferrer",
 												children: "Unsplash"
 											})
 										]
 									}),
-									Z === a.id && (0, s.jsx)(u.Spin, {
+									Z === a.id && (0, s.jsx)(d.Spin, {
 										className: "ant-spin",
 										size: "small"
 									})
@@ -1040,11 +1052,11 @@ __useblocks__.define("static/core/ff830d19.js", [
 				})
 			})]
 		});
-	}, Bt = ({ images: n, transitionDuration: e = 1e3 }) => {
-		const [r, t] = (0, o.useState)([]);
+	}, Mt = ({ images: r, transitionDuration: e = 1e3 }) => {
+		const [n, t] = (0, o.useState)([]);
 		return (0, o.useEffect)(() => {
-			if (n.length > 0) {
-				const i = n[n.length - 1];
+			if (r.length > 0) {
+				const i = r[r.length - 1];
 				t((l) => [...l, {
 					src: i,
 					opacity: 0
@@ -1055,9 +1067,9 @@ __useblocks__.define("static/core/ff830d19.js", [
 					} : h));
 				}, 1e3);
 			}
-		}, [n]), (0, s.jsx)("div", {
+		}, [r]), (0, s.jsx)("div", {
 			className: "slideshow-container",
-			children: r.map((i, l) => (0, s.jsx)("img", {
+			children: n.map((i, l) => (0, s.jsx)("img", {
 				src: `data:image/jpeg;base64, ${i.src}`,
 				alt: `Slide ${l + 1}`,
 				className: "slideshow-image",
@@ -1068,271 +1080,271 @@ __useblocks__.define("static/core/ff830d19.js", [
 			}, l))
 		});
 	};
-	function Mt({ setModalHeight: n, customRequest: e, aiTabRef: r, isImageUploaded: t, setIsImageUploaded: i, aiImageRequest: l, imageAiList: h, setImageAiList: C, isLoadingAi: g, setIsLoadingAi: S, onPluginAiImageLimitExceeded: I, onImageGenerateLimitExceeded: p }) {
-		const { __: b } = u.useI18n(), j = d.useAppConfig(), y = u.useNotification(), M = d.usePushToDataLayer(), { emailId: v, blockId: k, projectId: R } = (0, Ge.useParams)(), [T] = z.useLazySendAiImageRequestQuery(), [H, { data: U = [] }] = z.useLazyGetAiImageSSEQuery(), [D] = z.useLazyGetLimitsStatsByTypeQuery(), F = j?.sendAIImageRequest || T, Z = j?.trigger || H, G = j?.handleLimitUsageEmitter || d.useEventEmitter(d.events.ON_LIMIT_ID), [E, L] = (0, o.useState)(0), [O, x] = (0, o.useState)(null), [Y, W] = (0, o.useState)(!1), [X, _] = (0, o.useState)(b("Evaluating the task")), [a, m] = (0, o.useState)(!1), K = v || k, { limits: pe } = j?.limits ? j : { limits: { ai_img_limit: 0 } }, { ai_img_limit: $ } = pe, he = $ > 0 && E >= $, P = !!(j.limits && j.counters) && d.PLUGIN.isPlugin, J = (0, o.useCallback)(() => {
-			G.fire({
+	function Ut({ setModalHeight: r, customRequest: e, aiTabRef: n, isImageUploaded: t, setIsImageUploaded: i, aiImageRequest: l, imageAiList: h, setImageAiList: C, isLoadingAi: p, setIsLoadingAi: b, onPluginAiImageLimitExceeded: j, onImageGenerateLimitExceeded: m }) {
+		const { __: v } = d.useI18n(), A = f.useAppConfig(), w = d.useNotification(), T = f.usePushToDataLayer(), { emailId: g, blockId: L, projectId: E } = (0, Me.useParams)(), [F] = H.useLazySendAiImageRequestQuery(), [K, { data: k = [] }] = H.useLazyGetAiImageSSEQuery(), [B] = H.useLazyGetLimitsStatsByTypeQuery(), G = A?.sendAIImageRequest || F, Z = A?.trigger || K, O = A?.handleLimitUsageEmitter || f.useEventEmitter(f.events.ON_LIMIT_ID), [M, R] = (0, o.useState)(0), [S, z] = (0, o.useState)(null), [D, _] = (0, o.useState)(!1), [X, Y] = (0, o.useState)(v("Evaluating the task")), [a, y] = (0, o.useState)(!1), W = g || L, { limits: ue } = A?.limits ? A : { limits: { ai_img_limit: 0 } }, { ai_img_limit: $ } = ue, de = $ > 0 && M >= $, P = !!(A.limits && A.counters) && f.PLUGIN.isPlugin, J = (0, o.useCallback)(() => {
+			O.fire({
 				name: "AiImgCount",
-				count: E + 1
+				count: M + 1
 			});
-		}, [G, E]), te = (0, o.useMemo)(() => !he && (!P || $ === 0 || E < $), [
-			he,
+		}, [O, M]), te = (0, o.useMemo)(() => !de && (!P || $ === 0 || M < $), [
+			de,
 			P,
-			E,
+			M,
 			$
-		]), Ie = (0, o.useCallback)(async () => {
-			_(b("Evaluating the task")), l !== "" && !g && (S(!0), m(!0), C([]), M({
+		]), Ae = (0, o.useCallback)(async () => {
+			Y(v("Evaluating the task")), l !== "" && !p && (b(!0), y(!0), C([]), T({
 				event: "submit_form",
 				action: "ai_image_generation",
-				entity_id: v,
-				project_id: R
-			}), F({ body: {
-				project_id: R,
+				entity_id: g,
+				project_id: E
+			}), G({ body: {
+				project_id: E,
 				request: "create-image",
 				connection: "midjourney",
 				message: l
-			} }).then(({ data: w, error: re }) => {
-				if (re) throw re;
-				if (w.data.status === 401) throw new Error(d.ERROR);
-				w?.data.status === 200 ? (w?.data.task.id && (_(w.data.task.message), x(w.data.task.id)), w.message && y.success({
+			} }).then(({ data: I, error: ne }) => {
+				if (ne) throw ne;
+				if (I.data.status === 401) throw new Error(f.ERROR);
+				I?.data.status === 200 ? (I?.data.task.id && (Y(I.data.task.message), z(I.data.task.id)), I.message && w.success({
 					id: "AI_IMAGE_SEND_SUCCESS",
-					title: w.message,
+					title: I.message,
 					placement: "bottomRight",
 					data: l
 				}), Z({
-					task_id: w?.data.task.id,
-					entity_id: K
-				})) : (S(!1), m(!1), y.error({
+					task_id: I?.data.task.id,
+					entity_id: W
+				})) : (b(!1), y(!1), w.error({
 					id: "AI_IMAGE_SEND_ERROR",
-					title: w?.message || b("Something went wrong, please try again"),
+					title: I?.message || v("Something went wrong, please try again"),
 					placement: "bottomRight",
 					data: l,
-					innerException: w
+					innerException: I
 				}));
-			}).catch((w) => {
-				S(!1), m(!1), (w?.error || w?.data) && y.fromError("AI_IMAGE_SEND_ERROR", l, w.error || w);
+			}).catch((I) => {
+				b(!1), y(!1), (I?.error || I?.data) && w.fromError("AI_IMAGE_SEND_ERROR", l, I.error || I);
 			}));
 		}, [
 			l,
-			g,
-			S,
-			m,
-			C,
-			M,
-			v,
-			R,
-			F,
+			p,
+			b,
 			y,
+			C,
+			T,
+			g,
+			E,
+			G,
+			w,
 			Z,
-			K,
-			b
-		]), De = (0, o.useCallback)(async () => {
+			W,
+			v
+		]), Re = (0, o.useCallback)(async () => {
 			if (te) {
 				if (!P) {
-					const w = B.resolveLimitActionPreflightExceededForType("image_generate", (await D("image_generate")).data?.stats);
-					if (w) {
-						p?.(w);
+					const I = U.resolveLimitActionPreflightExceededForType("image_generate", (await B("image_generate")).data?.stats);
+					if (I) {
+						m?.(I);
 						return;
 					}
 				}
-				P && (L((w) => w + 1), J()), Ie();
-			} else P && (I ? I() : y.error({
-				title: b("The usage limit has been exceeded"),
-				description: b(`The maximum number of requests for the current subscription period has been reached.
+				P && (R((I) => I + 1), J()), Ae();
+			} else P && (j ? j() : w.error({
+				title: v("The usage limit has been exceeded"),
+				description: v(`The maximum number of requests for the current subscription period has been reached.
 Select the appropriate plan to fulfil more requests`),
 				placement: "bottomRight"
 			}));
 		}, [
 			te,
 			P,
-			D,
-			p,
-			L,
+			B,
+			m,
+			R,
 			J,
-			Ie,
-			y,
-			b,
-			I
+			Ae,
+			w,
+			v,
+			j
 		]);
 		(0, o.useEffect)(() => {
-			P && L(j?.counters?.ai_img_counter || 0);
-		}, [j, P]);
-		const ue = (0, o.useCallback)((w) => {
+			P && R(A?.counters?.ai_img_counter || 0);
+		}, [A, P]);
+		const ie = (0, o.useCallback)((I) => {
 			if (!t) {
 				i(!0);
-				const re = w.match(/^data:image\/([A-Za-z-+/]+);base64,(.+)$/);
-				if (!re) return;
-				const Ee = re[1], Te = re[2], Ce = atob(Te), ae = new Array(Ce.length);
-				for (let me = 0; me < Ce.length; me++) ae[me] = Ce.charCodeAt(me);
-				const Ue = new Uint8Array(ae), Be = new Blob([Ue], { type: `image/${Ee}` });
-				e({ file: new File([Be], "image.jpeg", { type: Be.type }) });
+				try {
+					const ne = Xe(I);
+					e({ file: new File([ne], "image.jpeg", { type: ne.type || "image/jpeg" }) });
+				} catch {
+					i(!1);
+				}
 			}
 		}, [
 			t,
 			i,
 			e
-		]), be = (0, o.useCallback)((w) => {
-			w.status !== "error" && w.status !== "Canceled" ? w.images ? (_(w.status), w.progress === 100 && (C(w.images), _(b("Evaluating the task")), x(null), m(!1))) : (C([w.data]), S(!1)) : (S(!1), m(!1), y.error({
+		]), me = (0, o.useCallback)((I) => {
+			I.status !== "error" && I.status !== "Canceled" ? I.images ? (Y(I.status), I.progress === 100 && (C(I.images), Y(v("Evaluating the task")), z(null), y(!1))) : (C([I.data]), b(!1)) : (b(!1), y(!1), w.error({
 				id: "AI_IMAGE_GET_ERROR",
-				title: b("Something went wrong, please try again"),
+				title: v("Something went wrong, please try again"),
 				placement: "bottomRight",
-				data: O
+				data: S
 			}));
 		}, [
 			C,
-			_,
+			Y,
+			v,
 			b,
+			r,
 			S,
-			n,
-			O,
-			y,
-			m
+			w,
+			y
 		]);
 		return (0, o.useEffect)(() => {
-			U.length > 1 && be(U[U.length - 1]);
-		}, [U, be]), (0, o.useEffect)(() => {
-			(g || h.length > 0) && setTimeout(() => {
-				let w = 550;
-				r.current && (w = r.current.offsetHeight + 68), n(w);
+			k.length > 1 && me(k[k.length - 1]);
+		}, [k, me]), (0, o.useEffect)(() => {
+			(p || h.length > 0) && setTimeout(() => {
+				let I = 550;
+				n.current && (I = n.current.offsetHeight + 68), r(I);
 			}, 0);
 		}, [
-			r,
-			U,
+			n,
+			k,
 			h.length,
-			g,
-			n
+			p,
+			r
 		]), {
-			aiImageCounter: E,
-			setAiImageCounter: L,
+			aiImageCounter: M,
+			setAiImageCounter: R,
 			currentAiImgLimits: $,
-			isFieldsDisabled: he,
+			isFieldsDisabled: de,
 			canGenerateImage: te,
 			aiImageRequest: l,
 			imageAiList: h,
 			setImageAiList: C,
-			isLoadingAi: g,
-			setIsLoadingAi: S,
+			isLoadingAi: p,
+			setIsLoadingAi: b,
 			loadingDuringGeneration: a,
-			setLoadingDuringGeneration: m,
+			setLoadingDuringGeneration: y,
 			requestStatus: X,
-			setRequestStatus: _,
-			handleGenerate: De,
+			setRequestStatus: Y,
+			handleGenerate: Re,
 			handleLimitAiImgCount: J,
-			convertBase64ToFile: ue,
-			isShiftPressed: Y,
-			setIsShiftPressed: W,
-			currentReqId: O,
-			setCurrentReqId: x,
+			convertBase64ToFile: ie,
+			isShiftPressed: D,
+			setIsShiftPressed: _,
+			currentReqId: S,
+			setCurrentReqId: z,
 			limitsInPlugin: P
 		};
 	}
-	var Pt = ({ setModalHeight: n, customRequest: e, aiTabRef: r, inputAiRef: t, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: h, setAiImageRequest: C, imageAiList: g, setImageAiList: S, isLoadingAi: I, setIsLoadingAi: p }) => {
-		const b = (0, Ge.useNavigate)(), j = d.useDispatch(), { __: y, _n: M } = u.useI18n(), v = d.useAppConfig(), [k, R] = (0, o.useState)(!1), [T, H] = (0, o.useState)(null), { aiImageCounter: U, currentAiImgLimits: D, loadingDuringGeneration: F, requestStatus: Z, handleGenerate: G, convertBase64ToFile: E, isShiftPressed: L, setIsShiftPressed: O, limitsInPlugin: x } = Mt({
-			setModalHeight: n,
+	var Pt = ({ setModalHeight: r, customRequest: e, aiTabRef: n, inputAiRef: t, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: h, setAiImageRequest: C, imageAiList: p, setImageAiList: b, isLoadingAi: j, setIsLoadingAi: m }) => {
+		const v = (0, Me.useNavigate)(), A = f.useDispatch(), { __: w, _n: T } = d.useI18n(), g = f.useAppConfig(), [L, E] = (0, o.useState)(!1), [F, K] = (0, o.useState)(null), { aiImageCounter: k, currentAiImgLimits: B, loadingDuringGeneration: G, requestStatus: Z, handleGenerate: O, convertBase64ToFile: M, isShiftPressed: R, setIsShiftPressed: S, limitsInPlugin: z } = Ut({
+			setModalHeight: r,
 			customRequest: e,
-			aiTabRef: r,
+			aiTabRef: n,
 			isImageUploaded: i,
 			setIsImageUploaded: l,
 			aiImageRequest: h,
-			imageAiList: g,
-			setImageAiList: S,
-			isLoadingAi: I,
-			setIsLoadingAi: p,
-			onPluginAiImageLimitExceeded: () => R(!0),
-			onImageGenerateLimitExceeded: H
-		}), Y = k && D > 0 ? q.getAiTariffUpgradeStep(D) : null, W = Y ? B.getLimitUpgradePresetDefinition(Y.presetId) : null, X = T ? B.getLimitUpgradePresetDefinition(T.presetId) : null, [_, a] = (0, o.useState)(!1), m = (0, o.useCallback)(() => a(!0), []), K = (0, o.useCallback)(() => a(!1), []), pe = (0, o.useCallback)((J) => C(J.target.value), [C]), $ = (0, o.useCallback)((J) => {
-			J.key === "Shift" ? O(!0) : J.key === "Enter" && !L && (J.preventDefault(), G());
+			imageAiList: p,
+			setImageAiList: b,
+			isLoadingAi: j,
+			setIsLoadingAi: m,
+			onPluginAiImageLimitExceeded: () => E(!0),
+			onImageGenerateLimitExceeded: K
+		}), D = L && B > 0 ? q.getAiTariffUpgradeStep(B) : null, _ = D ? U.getLimitUpgradePresetDefinition(D.presetId) : null, X = F ? U.getLimitUpgradePresetDefinition(F.presetId) : null, [Y, a] = (0, o.useState)(!1), y = (0, o.useCallback)(() => a(!0), []), W = (0, o.useCallback)(() => a(!1), []), ue = (0, o.useCallback)((J) => C(J.target.value), [C]), $ = (0, o.useCallback)((J) => {
+			J.key === "Shift" ? S(!0) : J.key === "Enter" && !R && (J.preventDefault(), O());
 		}, [
-			L,
-			G,
-			O
-		]), he = (0, o.useCallback)((J) => {
-			J.key === "Shift" && O(!1);
-		}, [O]), P = g[g.length - 1];
+			R,
+			O,
+			S
+		]), de = (0, o.useCallback)((J) => {
+			J.key === "Shift" && S(!1);
+		}, [S]), P = p[p.length - 1];
 		return (0, s.jsxs)("div", {
 			className: "image-ai",
 			children: [
-				W && Y ? (0, s.jsx)(B.LimitUpgradeModal, {
+				_ && D ? (0, s.jsx)(U.LimitUpgradeModal, {
 					open: !0,
-					onClose: () => R(!1),
-					title: y(W.titleKey),
-					subtitle: y(W.subtitleKey),
-					usageResource: W.usageResource,
-					previousDisplay: B.presetLimitDisplay(Y.previousLimit),
-					nextDisplay: B.presetLimitDisplay(Y.nextLimit),
+					onClose: () => E(!1),
+					title: w(_.titleKey),
+					subtitle: w(_.subtitleKey),
+					usageResource: _.usageResource,
+					previousDisplay: U.presetLimitDisplay(D.previousLimit),
+					nextDisplay: U.presetLimitDisplay(D.nextLimit),
 					onChangePlan: () => {
-						R(!1), document.body.classList.remove("editor"), b("/billing"), j(z.openModal(d.MODALS.SWITCH_TO_PLAN_MODAL));
+						E(!1), document.body.classList.remove("editor"), v("/billing"), A(H.openModal(f.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
-				X && T ? (0, s.jsx)(B.LimitUpgradeModal, {
+				X && F ? (0, s.jsx)(U.LimitUpgradeModal, {
 					open: !0,
-					onClose: () => H(null),
-					title: y(X.titleKey),
-					subtitle: y(X.subtitleKey),
+					onClose: () => K(null),
+					title: w(X.titleKey),
+					subtitle: w(X.subtitleKey),
 					usageResource: X.usageResource,
-					previousDisplay: B.presetLimitDisplay(T.previousLimit),
-					nextDisplay: B.presetLimitDisplay(T.nextLimit),
+					previousDisplay: U.presetLimitDisplay(F.previousLimit),
+					nextDisplay: U.presetLimitDisplay(F.nextLimit),
 					onChangePlan: () => {
-						H(null), document.body.classList.remove("editor"), b("/billing"), j(z.openModal(d.MODALS.SWITCH_TO_PLAN_MODAL));
+						K(null), document.body.classList.remove("editor"), v("/billing"), A(H.openModal(f.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
-				x && (0, s.jsx)(u.LimitsCounter, {
-					text: `${U} ${y("of")} ${D > 0 ? D : "∞"} images ${M("was used", "were used", U)}`,
-					exceeded: D > 0 && U >= D,
+				z && (0, s.jsx)(d.LimitsCounter, {
+					text: `${k} ${w("of")} ${B > 0 ? B : "∞"} images ${T("was used", "were used", k)}`,
+					exceeded: B > 0 && k >= B,
 					style: { marginTop: -25 },
 					extra: (0, s.jsx)("span", {
 						style: {
 							textDecoration: "underline",
 							cursor: "pointer"
 						},
-						onClick: () => b(v.billingPageUrl || d.APP_ROUTES.billing),
-						children: y("Need more?")
+						onClick: () => v(g.billingPageUrl || f.APP_ROUTES.billing),
+						children: w("Need more?")
 					})
 				}),
-				(0, s.jsx)(u.Row, {
+				(0, s.jsx)(d.Row, {
 					gutter: 24,
 					className: "image-ai__row",
-					children: (0, s.jsx)(u.Col, {
+					children: (0, s.jsx)(d.Col, {
 						span: 24,
-						children: (0, s.jsx)(u.Form.Item, {
+						children: (0, s.jsx)(d.Form.Item, {
 							style: { margin: 0 },
 							children: (0, s.jsxs)("span", {
-								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${_ ? " ant-input-affix-wrapper-focused" : ""}`,
-								children: [(0, s.jsx)(u.TextArea, {
+								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${Y ? " ant-input-affix-wrapper-focused" : ""}`,
+								children: [(0, s.jsx)(d.TextArea, {
 									ref: t,
 									onKeyDown: $,
-									onKeyUp: he,
-									onFocus: m,
-									onBlur: K,
+									onKeyUp: de,
+									onFocus: y,
+									onBlur: W,
 									autoSize: !0,
 									allowClear: !0,
 									className: "text-area-input-hybrid image-ai__textarea",
-									placeholder: y("Generate image"),
+									placeholder: w("Generate image"),
 									value: h,
-									onChange: pe,
+									onChange: ue,
 									spellCheck: "false"
 								}), (0, s.jsx)("span", {
 									className: "ant-input-suffix image-ai__input-suffix",
-									children: I || F ? (0, s.jsx)(B.EmIcons, {
+									children: j || G ? (0, s.jsx)(U.EmIcons, {
 										icon: "LoadingOutlined",
 										className: "input-icon image-ai__input-icon",
 										spin: !0
-									}) : (0, s.jsx)(B.EmIcons, {
+									}) : (0, s.jsx)(U.EmIcons, {
 										icon: "AI",
 										className: "input-icon image-ai__input-icon",
-										onClick: G
+										onClick: O
 									})
 								})]
 							})
 						})
 					})
 				}),
-				(I || g.length > 0) && (0, s.jsxs)("div", {
+				(j || p.length > 0) && (0, s.jsxs)("div", {
 					className: "image-ai__preview",
-					children: [I && g.length === 0 && (0, s.jsx)("div", {
+					children: [j && p.length === 0 && (0, s.jsx)("div", {
 						className: "image-ai__loading",
 						children: (0, s.jsxs)("div", {
 							className: "spin",
-							children: [(0, s.jsx)(B.EmIcons, {
+							children: [(0, s.jsx)(U.EmIcons, {
 								icon: "LoadingOutlined",
 								style: { fontSize: 48 },
 								spin: !0
@@ -1341,97 +1353,97 @@ Select the appropriate plan to fulfil more requests`),
 								children: Z
 							})]
 						})
-					}), g.length > 0 && (0, s.jsxs)("div", {
+					}), p.length > 0 && (0, s.jsxs)("div", {
 						className: "image-ai__image-item",
-						children: [(0, s.jsx)(Bt, { images: g }), (0, s.jsx)("div", {
+						children: [(0, s.jsx)(Mt, { images: p }), (0, s.jsx)("div", {
 							className: "buttons",
-							children: (0, s.jsx)(u.Button, {
-								onClick: () => E(`data:image/jpeg;base64, ${P}`),
-								icon: (0, s.jsx)(B.EmIcons, { icon: "CheckOutlined" }),
-								children: y("Use this one")
+							children: (0, s.jsx)(d.Button, {
+								onClick: () => M(`data:image/jpeg;base64, ${P}`),
+								icon: (0, s.jsx)(U.EmIcons, { icon: "CheckOutlined" }),
+								children: w("Use this one")
 							})
 						})]
 					})]
 				})
 			]
 		});
-	}, Nt = ({ setNewLink: n, setCurrentImageLink: e, setModalHeight: r, setModalWidth: t, setImageGifList: i, imageGifList: l, currentReqGif: h, setCurrentReqGif: C, inputRef: g, setStockLink: S, customRequest: I }) => {
-		const { __: p } = u.useI18n(), b = d.useAppConfig(), j = d.useIsStandalone(), y = u.useNotification(), [M, v] = (0, o.useState)(null), [k, R] = (0, o.useState)(!1), [T, H] = (0, o.useState)(25), [U] = z.useLazyGetSearchGifQuery(), D = (0, o.useCallback)((a) => a instanceof Error || typeof a?.message == "string" && a.message ? a.message : typeof a?.error?.message == "string" && a.error.message ? a.error.message : p("Failed to load GIFs through the configured proxy chain."), [p]), F = (0, o.useCallback)((a) => {
-			y.error({
+	}, Nt = ({ setNewLink: r, setCurrentImageLink: e, setModalHeight: n, setModalWidth: t, setImageGifList: i, imageGifList: l, currentReqGif: h, setCurrentReqGif: C, inputRef: p, setStockLink: b, customRequest: j }) => {
+		const { __: m } = d.useI18n(), v = f.useAppConfig(), A = f.useIsStandalone(), w = d.useNotification(), [T, g] = (0, o.useState)(null), [L, E] = (0, o.useState)(!1), [F, K] = (0, o.useState)(25), [k] = H.useLazyGetSearchGifQuery(), B = (0, o.useCallback)((a) => a instanceof Error || typeof a?.message == "string" && a.message ? a.message : typeof a?.error?.message == "string" && a.error.message ? a.error.message : m("Failed to load GIFs through the configured proxy chain."), [m]), G = (0, o.useCallback)((a) => {
+			w.error({
 				id: "STOCK_GIFS_SEARCH_FAILED",
-				title: p("Failed to load GIFs"),
-				description: D(a)
+				title: m("Failed to load GIFs"),
+				description: B(a)
 			});
 		}, [
-			p,
-			D,
-			y
+			m,
+			B,
+			w
 		]), Z = async () => {
-			k || (R(!0), U({
+			L || (E(!0), k({
 				query: h,
-				page: T
+				page: F
 			}).then((a) => {
 				if (a?.error) {
-					F(a.error), R(!1);
+					G(a.error), E(!1);
 					return;
 				}
-				i((m) => [...m, ...a.data.data]), R(!1), H((m) => m + 25);
+				i((y) => [...y, ...a.data.data]), E(!1), K((y) => y + 25);
 			}).catch(() => {
-				R(!1);
+				E(!1);
 			}));
-		}, G = async () => {
-			const a = await U({
+		}, O = async () => {
+			const a = await k({
 				query: h,
 				page: 0
 			});
 			if (a?.error) {
-				F(a.error), i([]);
+				G(a.error), i([]);
 				return;
 			}
 			a?.data?.data?.length > 0 && (i(a.data.data), setTimeout(() => {
-				r("84vh"), t(1060);
+				n("84vh"), t(1060);
 			}, 0));
-		}, E = (a, m) => {
-			v(m), setTimeout(() => {
-				v(null);
-			}, 2e3), S(`${a}`), e(`${a}`), I(`${a}`);
-		}, L = { default: 3 }, O = (0, o.useCallback)((a) => d.getProxiedUrl(a, {
-			config: b,
-			standalone: j,
+		}, M = (a, y) => {
+			g(y), setTimeout(() => {
+				g(null);
+			}, 2e3), b(`${a}`), e(`${a}`), j(`${a}`);
+		}, R = { default: 3 }, S = (0, o.useCallback)((a) => f.getProxiedUrl(a, {
+			config: v,
+			standalone: A,
 			resourceType: "generic",
 			intent: "display"
-		}), [b, j]), { getDisplaySrc: x, handleLoad: Y, handleError: W } = it({
+		}), [v, A]), { getDisplaySrc: z, handleLoad: D, handleError: _ } = rt({
 			items: l,
 			getItemId: (0, o.useCallback)((a) => a.id, []),
 			getRequestUrl: (0, o.useCallback)((a) => a.images.downsized.url, []),
-			createController: O
-		}), X = (a) => (m) => {
-			Y(a), m.target.parentNode.classList.add("loaded");
-		}, _ = (a) => () => {
-			W(a);
+			createController: S
+		}), X = (a) => (y) => {
+			D(a), y.target.parentNode.classList.add("loaded");
+		}, Y = (a) => () => {
+			_(a);
 		};
 		return (0, s.jsxs)("div", {
 			className: "stock-tab",
-			children: [(0, s.jsxs)(u.Form, {
-				onValuesChange: G,
+			children: [(0, s.jsxs)(d.Form, {
+				onValuesChange: O,
 				className: l.length > 0 ? "serach-results" : "",
-				children: [(0, s.jsx)(u.Row, {
+				children: [(0, s.jsx)(d.Row, {
 					gutter: 24,
-					children: (0, s.jsx)(u.Col, {
+					children: (0, s.jsx)(d.Col, {
 						span: l.length > 0 ? "" : 24,
-						children: (0, s.jsx)(u.Form.Item, {
+						children: (0, s.jsx)(d.Form.Item, {
 							className: "stock-search-input",
-							children: (0, s.jsx)(u.SearchInput, {
-								onSearch: G,
+							children: (0, s.jsx)(d.SearchInput, {
+								onSearch: O,
 								allowClear: !0,
 								size: l.length > 0 ? "medium" : "large",
-								placeholder: p("Search GIFs"),
+								placeholder: m("Search GIFs"),
 								value: h.keywords,
-								onChange: (a) => C((m) => ({
-									...m,
+								onChange: (a) => C((y) => ({
+									...y,
 									keywords: a.target.value
 								})),
-								ref: g,
+								ref: p,
 								spellCheck: "false",
 								enterButton: !1
 							})
@@ -1460,353 +1472,356 @@ Select the appropriate plan to fulfil more requests`),
 						lineHeight: "0",
 						boxSizing: "unset"
 					},
-					children: (0, s.jsx)(ot, {
+					children: (0, s.jsx)(et, {
 						dataLength: l && l.length,
 						next: Z,
 						hasMore: l,
-						endMessage: (0, s.jsxs)(u.Divider, {
+						endMessage: (0, s.jsxs)(d.Divider, {
 							plain: !0,
-							children: [p("That`s all we could find."), " 🤐"]
+							children: [m("That`s all we could find."), " 🤐"]
 						}),
 						scrollableTarget: "scrollableDiv",
 						style: { overflow: "visible" },
-						loader: (0, s.jsx)(u.Spin, { size: "small" }),
-						children: (0, s.jsx)(We, {
-							breakpointCols: L,
+						loader: (0, s.jsx)(d.Spin, { size: "small" }),
+						children: (0, s.jsx)(Ne, {
+							breakpointCols: R,
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
-							children: l.map((a, m) => (0, s.jsxs)("div", {
+							children: l.map((a, y) => (0, s.jsxs)("div", {
 								className: "list-item",
-								onClick: () => E(a.images.downsized.url, a.id),
+								onClick: () => M(a.images.downsized.url, a.id),
 								children: [
 									(0, s.jsx)("img", {
-										className: M === a.id ? "loaded-image" : "",
+										className: T === a.id ? "loaded-image" : "",
 										width: "322px",
-										src: x(a),
+										src: z(a),
 										alt: a.title,
 										onLoad: X(a),
-										onError: _(a)
+										onError: Y(a)
 									}),
 									(0, s.jsx)("a", {
 										rel: "noreferrer",
 										href: "https://giphy.com/",
 										target: "_blank",
-										onClick: (K) => K.stopPropagation(),
+										onClick: (W) => W.stopPropagation(),
 										children: (0, s.jsx)("div", {
 											className: "overlay-image",
 											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=)" }
 										})
 									}),
-									M === a.id && (0, s.jsx)(u.Spin, {
+									T === a.id && (0, s.jsx)(d.Spin, {
 										className: "ant-spin",
 										size: "small"
 									})
 								]
-							}, a.id + m))
+							}, a.id + y))
 						})
 					})
 				})
 			})]
 		});
 	};
-	function Ft(n) {
-		if (!(n == null || n === "")) return n;
+	function Ft(r) {
+		if (!(r == null || r === "")) return r;
 	}
-	async function Gt(n, e) {
-		if (n) {
-			if (n.url) return n.url;
-			if (typeof e.getFileById == "function" && n.id) {
-				const r = await e.getFileById(n.id);
-				if (r?.url) return r.url;
-				if (r?.thumbnailUrl) return r.thumbnailUrl;
-				if (r?.thumbnail) return r.thumbnail;
+	async function Gt(r, e) {
+		if (r) {
+			if (r.url) return r.url;
+			if (typeof e.getFileById == "function" && r.id) {
+				const n = await e.getFileById(r.id);
+				if (n?.url) return n.url;
+				if (n?.thumbnailUrl) return n.thumbnailUrl;
+				if (n?.thumbnail) return n.thumbnail;
 			}
-			if (typeof e.getFileUrl == "function" && n.folderId !== void 0 && n.name) {
-				const r = await e.getFileUrl(n.folderId || "", n.name);
-				if (r) return r;
+			if (typeof e.getFileUrl == "function" && r.folderId !== void 0 && r.name) {
+				const n = await e.getFileUrl(r.folderId || "", r.name);
+				if (n) return n;
 			}
-			if (typeof e.getUrl == "function" && n.name) {
-				const r = await e.getUrl(n);
-				if (r) return r;
+			if (typeof e.getUrl == "function" && r.name) {
+				const n = await e.getUrl(r);
+				if (n) return n;
 			}
-			return n.thumbnail || n.thumbnailUrl;
+			return r.thumbnail || r.thumbnailUrl;
 		}
 	}
-	function zt(n) {
-		if (!(!n?.success || !Array.isArray(n.detailed))) return n.detailed.find((e) => e?.success && e.data)?.data;
+	function zt(r) {
+		if (!(!r?.success || !Array.isArray(r.detailed))) return r.detailed.find((e) => e?.success && e.data)?.data;
 	}
-	function Ht(n, e, r) {
-		if (n) return {
-			id: n.id,
-			name: n.name || e.name,
-			size: n.size ?? e.size,
-			type: n.type || e.type,
-			folderId: n.folderId ?? r ?? "",
-			url: n.url,
-			thumbnail: n.thumbnail,
-			thumbnailUrl: n.thumbnailUrl,
-			date: n.date,
-			dimensions: n.dimensions,
-			aspectRatio: n.aspectRatio,
-			extension: n.extension,
-			selected: n.selected,
-			isFolder: n.isFolder,
-			lastEdited: n.lastEdited,
-			childrenCount: n.childrenCount
+	function Ht(r, e, n) {
+		if (r) return {
+			id: r.id,
+			name: r.name || e.name,
+			size: r.size ?? e.size,
+			type: r.type || e.type,
+			folderId: r.folderId ?? n ?? "",
+			url: r.url,
+			thumbnail: r.thumbnail,
+			thumbnailUrl: r.thumbnailUrl,
+			date: r.date,
+			dimensions: r.dimensions,
+			aspectRatio: r.aspectRatio,
+			extension: r.extension,
+			selected: r.selected,
+			isFolder: r.isFolder,
+			lastEdited: r.lastEdited,
+			childrenCount: r.childrenCount
 		};
 	}
-	async function Wt(n, e, r) {
+	async function Kt(r, e, n) {
 		if (!e) return;
-		const t = Ft(r ?? e.rootId);
+		const t = Ft(n ?? e.rootId);
 		let i;
 		typeof e.uploadFiles == "function" ? i = zt(await e.uploadFiles({
 			folderId: t,
 			items: [{
-				name: n.name,
-				size: n.size,
-				type: n.type,
+				name: r.name,
+				size: r.size,
+				type: r.type,
 				folderId: t,
-				data: n
+				data: r
 			}]
 		})) : typeof e.uploadFile == "function" && (i = Ht(await e.uploadFile({
-			name: n.name,
-			size: n.size,
-			type: n.type,
+			name: r.name,
+			size: r.size,
+			type: r.type,
 			folderId: t,
-			data: n
-		}), n, t));
+			data: r
+		}), r, t));
 		const l = await Gt(i, e);
 		return l ? {
 			item: i,
 			url: l
 		} : void 0;
 	}
-	var ct = "IMG", ut = "BACKGROUND", Kt = "GALLERY", ve = "EDITOR", oe = "UPLOAD", Ye = "STOCK", _e = "GIF", Ve = "AI", { Dragger: Yt } = u.Upload, _t = (n, e = "image") => {
+	var st = "IMG", ot = "BACKGROUND", Wt = "GALLERY", he = "EDITOR", oe = "UPLOAD", Ge = "STOCK", ze = "GIF", He = "AI", _t = { mode: "select" }, Yt = { mode: "save" }, { Dragger: Vt } = d.Upload, Qt = (r, e = "image") => {
 		try {
-			const r = new URL(n).pathname.split("/").pop();
-			return r && decodeURIComponent(r) || e;
+			const n = new URL(r).pathname.split("/").pop();
+			return n && decodeURIComponent(n) || e;
 		} catch {
 			return e;
 		}
-	}, Se = q.normalizeImageFormatForDisplay, Vt = (n, e) => {
-		const r = Se(e);
-		return !r || n.includes(".") ? n : `${n}.${r}`;
-	}, Qt = (n, e) => new File([n], Vt(_t(e), n.type), { type: n.type || "application/octet-stream" }), dt = ({ dataProvider: n }) => {
-		const e = d.useAppConfig(), r = d.useIsStandalone(), { __: t } = u.useI18n(), i = d.useDispatch(), { projectId: l } = (0, Ge.useParams)(), [h] = z.useLazyGetImageInfoQuery(), { modal: C } = u.App.useApp(), g = u.useNotification(), S = d.useSelector(d.selectedIsUserPaySmth), I = d.useSelector(d.selectedCurrentUser), p = d.useSelector(z.selectActiveModal), { request: b, resolveImagePicker: j } = B.useImagePicker(), [y, M] = (0, o.useState)(""), [v, k] = (0, o.useState)(""), [R, T] = (0, o.useState)(""), [H, U] = (0, o.useState)(""), [D, F] = (0, o.useState)(oe), [Z, G] = (0, o.useState)({
+	}, be = q.normalizeImageFormatForDisplay, qt = (r, e) => {
+		const n = be(e);
+		return !n || r.includes(".") ? r : `${r}.${n}`;
+	}, Zt = (r, e) => new File([r], qt(Qt(e), r.type), { type: r.type || "application/octet-stream" }), at = ({ dataProvider: r }) => {
+		const e = f.useAppConfig(), n = f.useIsStandalone(), { __: t } = d.useI18n(), i = f.useDispatch(), { projectId: l } = (0, Me.useParams)(), [h] = H.useLazyGetImageInfoQuery(), { modal: C } = d.App.useApp(), p = d.useNotification(), b = f.useSelector(f.selectedIsUserPaySmth), j = f.useSelector(f.selectedCurrentUser), m = f.useSelector(H.selectActiveModal), { request: v, resolveImagePicker: A } = U.useImagePicker(), [w, T] = (0, o.useState)(""), [g, L] = (0, o.useState)(""), [E, F] = (0, o.useState)(""), [K, k] = (0, o.useState)(""), [B, G] = (0, o.useState)(oe), [Z, O] = (0, o.useState)({
 			width: "",
 			height: "",
 			size: "",
 			format: ""
-		}), [E, L] = (0, o.useState)("success"), [O, x] = (0, o.useState)(!1), Y = o.default.useRef(null), W = o.default.useRef(null), X = o.default.useRef(null), _ = o.default.useRef(null), a = o.default.useRef(null), m = o.default.useRef(null), K = o.default.useRef(null), pe = o.default.useRef(null), $ = o.default.useRef(null), [he, P] = (0, o.useState)("auto"), [J, te] = (0, o.useState)(572), [Ie, De] = (0, o.useState)(!1), [ue, be] = (0, o.useState)({
+		}), [M, R] = (0, o.useState)("success"), [S, z] = (0, o.useState)(!1), D = o.default.useRef(null), _ = o.default.useRef(null), X = o.default.useRef(null), Y = o.default.useRef(null), a = o.default.useRef(null), y = o.default.useRef(null), W = o.default.useRef(null), ue = o.default.useRef(null), $ = o.default.useRef(null), [de, P] = (0, o.useState)("auto"), [J, te] = (0, o.useState)(572), [Ae, Re] = (0, o.useState)(!1), [ie, me] = (0, o.useState)({
 			keywords: "",
 			color: "",
 			orientation: ""
-		}), [w, re] = (0, o.useState)({ keywords: "" }), [Ee, Te] = (0, o.useState)([]), [Ce, ae] = (0, o.useState)([]), [Ue, Be] = (0, o.useState)([]), [me, ft] = (0, o.useState)(!1), [pt, Qe] = (0, o.useState)(""), [qt, xe] = (0, o.useState)(!1), [Zt, Me] = (0, o.useState)(0), qe = d.useSelector(d.selectProject), ht = qe?.id !== void 0 ? String(qe.id) : l || "", mt = d.useEventEmitter(d.events.UPLOAD_EVENT_ID), je = o.default.useRef(q.createImageUrlBlobResolver()), Ze = o.default.useRef(""), ge = o.default.useRef(0), ie = o.default.useRef(""), [Xt, Xe] = (0, o.useState)(""), [Jt, Je] = (0, o.useState)(""), le = (0, o.useCallback)(() => {
-			ie.current && (URL.revokeObjectURL(ie.current), ie.current = ""), Xe("");
-		}, []), ne = (0, o.useCallback)(() => {
-			Je("");
+		}), [I, ne] = (0, o.useState)({ keywords: "" }), [it, lt] = (0, o.useState)([]), [ct, ge] = (0, o.useState)([]), [ut, Xt] = (0, o.useState)([]), [dt, ft] = (0, o.useState)(!1), [pt, Ke] = (0, o.useState)(""), [Jt, Se] = (0, o.useState)(!1), [$t, Le] = (0, o.useState)(0), We = f.useSelector(f.selectProject), ht = We?.id !== void 0 ? String(We.id) : l || "", mt = f.useEventEmitter(f.events.UPLOAD_EVENT_ID), Ie = o.default.useRef(q.createImageUrlBlobResolver()), _e = o.default.useRef(""), fe = o.default.useRef(0), ye = o.default.useRef(""), [er, gt] = (0, o.useState)(""), [tr, yt] = (0, o.useState)(null), [rr, Ye] = (0, o.useState)(""), ke = (0, o.useCallback)((c) => {
+			if (!(c instanceof Blob)) return;
+			ye.current && URL.revokeObjectURL(ye.current);
+			const u = URL.createObjectURL(c);
+			ye.current = u, gt(u), yt(c);
+		}, []), ae = (0, o.useCallback)(() => {
+			ye.current && (URL.revokeObjectURL(ye.current), ye.current = ""), gt(""), yt(null);
+		}, []), re = (0, o.useCallback)(() => {
+			Ye("");
 		}, []);
-		let de = !(S || I.id?.toString() !== qe?.members?.owner.ID);
-		const $t = (c) => {
-			k(c.target.value);
-		}, Pe = (0, o.useCallback)((c, f, A = t("The image could not be uploaded.")) => {
-			const N = f instanceof Error ? f.message : A;
-			g.error({
+		let le = !(b || j.id?.toString() !== We?.members?.owner.ID);
+		const nr = (c) => {
+			L(c.target.value);
+		}, De = (0, o.useCallback)((c, u, x = t("The image could not be uploaded.")) => {
+			const N = u instanceof Error ? u.message : x;
+			p.error({
 				id: "IMAGE_UPLOAD_ERROR",
 				data: c,
 				title: t("Upload failed"),
 				description: N
 			});
-		}, [t, g]), en = (0, o.useCallback)(async (c) => B.pickUploadImageUrlFromFireResults(await mt.fire({
+		}, [t, p]), sr = (0, o.useCallback)(async (c) => U.pickUploadImageUrlFromFireResults(await mt.fire({
 			file: c,
 			project: ht
-		})), [ht, mt]), Oe = q.useImageBlobFetch(), Ne = async (c) => {
+		})), [ht, mt]), xe = q.useImageBlobFetch(), Te = async (c) => {
 			if (c) try {
-				const f = await tn(c);
-				f && et(f) ? await Le({ file: f }) : f || Pe({ url: c }, null, t("Failed to download image from URL."));
-			} catch (f) {
-				Pe({ url: c }, f, t("Failed to process image URL."));
+				const u = await or(c);
+				u && Qe(u) ? await je({ file: u }) : u || De({ url: c }, null, t("Failed to download image from URL."));
+			} catch (u) {
+				De({ url: c }, u, t("Failed to process image URL."));
 			}
-		}, gt = o.default.useRef(Ne);
-		gt.current = Ne, o.default.useEffect(() => {
-			if (D !== oe || !H) return;
-			const c = v.trim();
+		}, vt = o.default.useRef(Te);
+		vt.current = Te, o.default.useEffect(() => {
+			if (B !== oe || !K) return;
+			const c = g.trim();
 			if (!c || !c.toLowerCase().startsWith("http")) return;
-			const f = setTimeout(() => {
-				gt.current(c);
+			const u = setTimeout(() => {
+				vt.current(c);
 			}, 1e3);
 			return () => {
-				clearTimeout(f);
+				clearTimeout(u);
 			};
 		}, [
-			v,
-			D,
-			H
+			g,
+			B,
+			K
 		]);
-		const tn = async (c) => {
+		const or = async (c) => {
 			try {
-				const f = q.canonicalImageUrlKey(c);
-				return Qt(await je.current.resolve(f, void 0, Oe), f);
+				const u = q.canonicalImageUrlKey(c);
+				return Zt(await Ie.current.resolve(u, void 0, xe), u);
 			} catch {}
 		};
 		document.onpaste = function(c) {
-			const f = c.clipboardData?.items?.[0];
-			if (D === oe && H) {
-				if (f?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
-					const N = f.getAsFile();
-					et(N);
+			const u = c.clipboardData?.items?.[0];
+			if (B === oe && K) {
+				if (u?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
+					const N = u.getAsFile();
+					Qe(N);
 					const Q = { file: N };
-					k(""), Le(Q);
+					L(""), je(Q);
 					return;
 				}
-				const A = c.clipboardData?.getData("text/plain");
-				if (A && A.trim().toLowerCase().startsWith("http")) {
-					c.preventDefault(), c.stopPropagation(), k(A.trim());
+				const x = c.clipboardData?.getData("text/plain");
+				if (x && x.trim().toLowerCase().startsWith("http")) {
+					c.preventDefault(), c.stopPropagation(), L(x.trim());
 					return;
 				}
-				f?.type?.indexOf("text") === 0 && f.getAsString((N) => {
-					if (N.trim().toLowerCase().startsWith("http")) k(N.trim());
+				u?.type?.indexOf("text") === 0 && u.getAsString((N) => {
+					if (N.trim().toLowerCase().startsWith("http")) L(N.trim());
 					else if (N.toString().slice(1, 5) === "meta") {
 						const Q = N.toString().split("\"")[1];
-						Q && k(Q);
+						Q && L(Q);
 					}
 				});
 			}
 		}, (0, o.useEffect)(() => {
-			const c = (f) => {
-				let A = null;
-				b?.kind === "background" ? (A = ut, U(ut)) : b?.kind === "img" && (U(ct), A = ct), b?.currentUrl && A && (M(b.currentUrl), F(f));
+			const c = (u) => {
+				let x = null;
+				v?.kind === "background" ? (x = ot, k(ot)) : v?.kind === "img" && (k(st), x = st), v?.currentUrl && x && (T(v.currentUrl), G(u));
 			};
-			p === d.MODALS.UPLOAD_IMAGE_MODAL || p === d.MODALS.UPLOAD_BACKGROUND_MODAL ? c(ve) : p === d.MODALS.UPLOAD_IMAGE_MODAL_AI || p === d.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (de ? (xe(!0), Me(2)) : c(Ve), setTimeout(() => $.current?.focus({ cursor: "start" }), 100)) : p === d.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || p === d.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(oe), setTimeout(() => m.current?.focus({ cursor: "start" }), 100)) : p === d.MODALS.UPLOAD_IMAGE_MODAL_STOCK || p === d.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (de ? (xe(!0), Me(3)) : c(Ye), setTimeout(() => pe.current?.focus({ cursor: "start" }), 100)) : p === d.MODALS.UPLOAD_IMAGE_MODAL_GIF || p === d.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (de ? (xe(!0), Me(3)) : c(_e), setTimeout(() => K.current?.focus({ cursor: "start" }), 100)) : p === d.MODALS.UPLOAD_IMAGE_MODAL_EDIT || p === d.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (de ? (xe(!0), Me(5)) : c(ve), i(z.openSecondModal(d.MODALS.IMAGE_EDITOR_MODAL))) : U("");
+			m === f.MODALS.UPLOAD_IMAGE_MODAL || m === f.MODALS.UPLOAD_BACKGROUND_MODAL ? c(he) : m === f.MODALS.UPLOAD_IMAGE_MODAL_AI || m === f.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (le ? (Se(!0), Le(2)) : c(He), setTimeout(() => $.current?.focus({ cursor: "start" }), 100)) : m === f.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || m === f.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(oe), setTimeout(() => y.current?.focus({ cursor: "start" }), 100)) : m === f.MODALS.UPLOAD_IMAGE_MODAL_STOCK || m === f.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (le ? (Se(!0), Le(3)) : c(Ge), setTimeout(() => ue.current?.focus({ cursor: "start" }), 100)) : m === f.MODALS.UPLOAD_IMAGE_MODAL_GIF || m === f.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (le ? (Se(!0), Le(3)) : c(ze), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : m === f.MODALS.UPLOAD_IMAGE_MODAL_EDIT || m === f.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (le ? (Se(!0), Le(5)) : c(he), i(H.openSecondModal(f.MODALS.IMAGE_EDITOR_MODAL))) : k("");
 		}, [
-			p,
+			m,
 			i,
-			de,
-			b
+			le,
+			v
 		]);
-		const $e = (0, o.useCallback)(({ url: c = y || "" }) => {
-			M(c), j({
+		const Ve = (0, o.useCallback)(({ url: c = w || "", meta: u = _t }) => {
+			T(c), A({
 				url: c,
-				meta: { mode: "select" }
+				meta: u
 			}), setTimeout(() => {
-				ne(), le(), be({
+				re(), ae(), me({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), re({ keywords: "" }), ae([]), Te([]), U(""), Qe(""), ft(!1), T(""), k(""), F(oe);
-			}, 200), i(z.closeModal()), i(z.closeSecondModal());
+				}), ne({ keywords: "" }), ge([]), lt([]), k(""), Ke(""), ft(!1), F(""), L(""), G(oe);
+			}, 200), i(H.closeModal()), i(H.closeSecondModal());
 		}, [
-			y,
-			ne,
+			w,
+			re,
 			i,
-			j,
-			le
-		]), yt = (0, o.useCallback)((c, f) => (P("auto"), x(!1), $e({ url: c }), g.success({
+			A,
+			ae
+		]), Ct = (0, o.useCallback)((c, u) => (P("auto"), z(!1), Ve({
+			url: c,
+			meta: Yt
+		}), p.success({
 			id: "IMAGE_UPLOAD_SUCCESS",
-			data: f,
+			data: u,
 			title: t("The image was successfully uploaded.")
 		}), c), [
 			t,
-			$e,
-			g
+			Ve,
+			p
 		]);
 		(0, o.useEffect)(() => {
-			const c = v || R, f = q.canonicalImageUrlKey(c);
-			if (!c || !f) {
-				L(""), Ze.current = "", ne(), le(), je.current.invalidateAll();
+			const c = g || E, u = q.canonicalImageUrlKey(c);
+			if (!c || !u) {
+				R(""), _e.current = "", re(), ae(), Ie.current.invalidateAll();
 				return;
 			}
-			const A = Ze.current;
-			A && A !== f && (je.current.abandonKey(A), ne(), le()), Ze.current = f;
-			const N = new AbortController(), Q = v ? 800 : 0, V = ++ge.current, tt = setTimeout(async () => {
+			const x = _e.current;
+			x && x !== u && (Ie.current.abandonKey(x), re(), ae()), _e.current = u;
+			const N = new AbortController(), Q = g ? 800 : 0, V = ++fe.current, qe = setTimeout(async () => {
 				try {
-					const ce = async () => {
-						const se = await je.current.resolve(f, N.signal, Oe);
-						if (V !== ge.current) return;
-						const { width: fe, height: on } = await q.getImageDimensionsFromBlob(se);
-						if (V !== ge.current) return;
-						G({
-							width: fe,
-							height: on,
+					const ve = async () => {
+						const se = await Ie.current.resolve(u, N.signal, xe);
+						if (V !== fe.current) return;
+						const { width: ce, height: cr } = await q.getImageDimensionsFromBlob(se);
+						V === fe.current && (O({
+							width: ce,
+							height: cr,
 							size: (se.size / 1024).toFixed(2),
-							format: Se(se.type)
-						}), ne(), ie.current && URL.revokeObjectURL(ie.current);
-						const vt = URL.createObjectURL(se);
-						ie.current = vt, Xe(vt);
+							format: be(se.type)
+						}), re(), ke(se));
 					};
-					if (r) await ce();
+					if (n) await ve();
 					else {
-						const se = await q.resolveDataProviderPreview(n, f);
-						if (se?.previewUrl && V === ge.current) {
-							Je(se.previewUrl), le();
+						const se = await q.resolveDataProviderPreview(r, u);
+						if (se?.previewUrl && V === fe.current) {
+							Ye(se.previewUrl), ae();
 							try {
-								const { data: fe } = await h(f);
-								if (V !== ge.current) return;
-								fe ? G({
-									width: fe?.width,
-									height: fe?.height,
-									size: fe?.fileSize != null ? (fe.fileSize / 1024).toFixed(2) : "",
-									format: Se(fe?.format)
-								}) : await ce();
+								const { data: ce } = await h(u);
+								if (V !== fe.current) return;
+								ce ? O({
+									width: ce?.width,
+									height: ce?.height,
+									size: ce?.fileSize != null ? (ce.fileSize / 1024).toFixed(2) : "",
+									format: be(ce?.format)
+								}) : await ve();
 							} catch {
-								await ce();
+								await ve();
 							}
-						} else await ce();
+						} else await ve();
 					}
-					if (V !== ge.current) return;
-					L("success"), M(c), te(572), setTimeout(() => {
+					if (V !== fe.current) return;
+					R("success"), T(c), te(572), setTimeout(() => {
 						let se = 0;
-						W.current && (se = W.current.offsetHeight + 62), P(se);
+						_.current && (se = _.current.offsetHeight + 62), P(se);
 					}, 0);
-				} catch (ce) {
-					if (ce?.name === "AbortError" || N.signal.aborted || V !== ge.current) return;
-					ne(), le(), L("error");
+				} catch (ve) {
+					if (ve?.name === "AbortError" || N.signal.aborted || V !== fe.current) return;
+					re(), ae(), R("error");
 				}
 			}, Q);
 			return () => {
-				clearTimeout(tt), N.abort();
+				clearTimeout(qe), N.abort();
 			};
 		}, [
-			v,
-			R,
-			r,
-			ne,
-			Oe,
+			g,
+			E,
+			n,
+			re,
+			xe,
 			h,
-			le,
-			n
+			ae,
+			r,
+			ke
 		]), (0, o.useEffect)(() => {
-			if (!y || v || R) return;
-			const c = q.canonicalImageUrlKey(y), f = new AbortController();
-			let A = !1;
+			if (!w || g || E) return;
+			const c = q.canonicalImageUrlKey(w), u = new AbortController();
+			let x = !1;
 			const N = async () => {
-				const Q = await je.current.resolve(c, f.signal, Oe);
-				if (A) return;
-				const { width: V, height: tt } = await q.getImageDimensionsFromBlob(Q);
-				if (A) return;
-				ne(), ie.current && URL.revokeObjectURL(ie.current);
-				const ce = URL.createObjectURL(Q);
-				ie.current = ce, Xe(ce), G({
+				const Q = await Ie.current.resolve(c, u.signal, xe);
+				if (x) return;
+				const { width: V, height: qe } = await q.getImageDimensionsFromBlob(Q);
+				x || (re(), ke(Q), O({
 					width: V,
-					height: tt,
+					height: qe,
 					size: (Q.size / 1024).toFixed(2),
-					format: Se(Q.type)
-				});
+					format: be(Q.type)
+				}));
 			};
 			return (async () => {
 				try {
-					if (!r) {
-						const Q = await q.resolveDataProviderPreview(n, c);
-						if (Q?.previewUrl && !A) {
-							Je(Q.previewUrl), le();
+					if (!n) {
+						const Q = await q.resolveDataProviderPreview(r, c);
+						if (Q?.previewUrl && !x) {
+							Ye(Q.previewUrl), ae();
 							try {
 								const { data: V } = await h(c);
-								if (A) return;
-								V ? G({
+								if (x) return;
+								V ? O({
 									width: V?.width,
 									height: V?.height,
 									size: V?.fileSize != null ? (V.fileSize / 1024).toFixed(2) : "",
-									format: Se(V?.format)
+									format: be(V?.format)
 								}) : await N();
 								return;
 							} catch {
@@ -1816,103 +1831,104 @@ Select the appropriate plan to fulfil more requests`),
 					}
 					await N();
 				} catch {
-					A || ne();
+					x || re();
 				}
 			})(), () => {
-				A = !0, f.abort();
+				x = !0, u.abort();
 			};
 		}, [
-			r,
-			ne,
-			y,
-			Oe,
-			h,
 			n,
-			v,
-			R
+			re,
+			w,
+			xe,
+			h,
+			r,
+			g,
+			E,
+			ke
 		]);
-		const nn = () => {
-			i(z.closeModal()), setTimeout(() => {
-				ne(), le(), M(""), k(""), ae([]), ae([]), be({
+		const ar = () => {
+			i(H.closeModal()), setTimeout(() => {
+				re(), ae(), T(""), L(""), ge([]), ge([]), me({
 					keywords: "",
 					color: "",
 					orientation: ""
-				}), re({ keywords: "" }), P("auto"), !me && Qe(""), te(572), F(oe);
+				}), ne({ keywords: "" }), P("auto"), !dt && Ke(""), te(572), G(oe);
 			}, 200);
-		}, rn = (c) => {
-			c === Kt ? C.success({
+		}, ir = (c) => {
+			c === Wt ? C.success({
 				mask: { closable: !0 },
 				centered: !0,
 				title: t("Coming soon"),
 				content: t("The feature is under development."),
 				okText: t("Ok. I'll be waiting"),
 				onOk: () => {}
-			}) : c === ve && y === "" ? C.warning({
+			}) : c === he && w === "" ? C.warning({
 				mask: { closable: !0 },
 				centered: !0,
 				title: t(""),
 				content: t("To preview and edit the uploaded image"),
 				okText: t("Upload Image"),
 				onOk: () => {
-					F(oe);
+					G(oe);
 				}
 			}) : (setTimeout(() => {
-				let f = 0, A = 0;
-				c === oe && Y.current ? (ue.keywords === "" && m.current?.focus({ cursor: "start" }), f = 300, A = 572) : c === ve && W.current ? (f = W.current.offsetHeight + 62, A = 572) : c === Ye && X.current ? (ue.keywords === "" && pe.current?.focus({ cursor: "start" }), f = 130, A = 572, Ce.length > 0 && (A = 1060, f = "84vh")) : c === _e && _.current ? (ue.keywords === "" && K.current?.focus({ cursor: "start" }), f = 130, A = 572, Ee.length > 0 && (A = 1060, f = "84vh")) : c === Ve && a.current && (pt === "" && Ue.length === 0 ? ($.current?.focus({ cursor: "start" }), f = 130) : f = a.current.offsetHeight + 82, A = 572), P(f), te(A);
-			}, 0), F(c));
+				let u = 0, x = 0;
+				c === oe && D.current ? (ie.keywords === "" && y.current?.focus({ cursor: "start" }), u = 300, x = 572) : c === he && _.current ? (u = _.current.offsetHeight + 62, x = 572) : c === Ge && X.current ? (ie.keywords === "" && ue.current?.focus({ cursor: "start" }), u = 130, x = 572, ct.length > 0 && (x = 1060, u = "84vh")) : c === ze && Y.current ? (ie.keywords === "" && W.current?.focus({ cursor: "start" }), u = 130, x = 572, it.length > 0 && (x = 1060, u = "84vh")) : c === He && a.current && (pt === "" && ut.length === 0 ? ($.current?.focus({ cursor: "start" }), u = 130) : u = a.current.offsetHeight + 82, x = 572), P(u), te(x);
+			}, 0), G(c));
 		};
 		(0, o.useEffect)(() => {
-			ue.keywords === "" && (m?.current?.focus({ cursor: "start" }), ae([]), setTimeout(() => {
+			ie.keywords === "" && (y?.current?.focus({ cursor: "start" }), ge([]), setTimeout(() => {
 				P("auto"), te(572);
 			}, 0));
 		}, [
-			ue,
-			ae,
+			ie,
+			ge,
 			P,
 			te
 		]);
-		const et = (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 || g.error({
+		const Qe = (c) => {
+			const u = 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 u || p.error({
 				id: "IMAGE_UPLOAD_WRONG_FORMAT",
 				data: c,
 				title: "Upload",
 				description: "You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"
-			}), f;
-		}, Le = async ({ file: c }) => {
+			}), u;
+		}, je = async ({ file: c }) => {
 			try {
-				De(!0);
-				const f = await q.prepareImageForEditorUpload(c, e), A = await en(f);
-				if (A) return yt(A, f), A;
-				const N = await Wt(f, n);
-				if (N?.url) return yt(N.url, f), N.url;
-				Pe(f, null);
+				Re(!0);
+				const u = await q.prepareImageForEditorUpload(c, e), x = await sr(u);
+				if (x) return Ct(x, u), x;
+				const N = await Kt(u, r);
+				if (N?.url) return Ct(N.url, u), N.url;
+				De(u, null);
 				return;
-			} catch (f) {
-				Pe(c, f);
+			} catch (u) {
+				De(c, u);
 				return;
 			} finally {
-				De(!1);
+				Re(!1);
 			}
-		}, sn = (c) => Le({ file: c });
-		let Re = [{
+		}, lr = (c) => je({ file: c });
+		let Ee = [{
 			label: t("Upload"),
 			key: oe,
 			children: (0, s.jsxs)("div", {
-				ref: Y,
+				ref: D,
 				style: { paddingBottom: 24 },
-				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, s.jsxs)(Yt, {
+				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, s.jsxs)(Vt, {
 					showUploadList: !1,
 					name: "Image",
-					beforeUpload: et,
-					customRequest: Le,
+					beforeUpload: Qe,
+					customRequest: je,
 					style: { marginBottom: 10 },
 					multiple: !1,
 					accept: "image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml",
 					children: [
 						(0, s.jsx)("p", {
 							className: "ant-upload-drag-icon",
-							children: (0, s.jsx)(B.EmIcons, { icon: "InboxOutlined" })
+							children: (0, s.jsx)(U.EmIcons, { icon: "InboxOutlined" })
 						}),
 						(0, s.jsx)("p", {
 							className: "ant-upload-text",
@@ -1923,124 +1939,125 @@ Select the appropriate plan to fulfil more requests`),
 							children: t("Accepted formats: PNG, JPG, WEBP, SVG or GIF.")
 						})
 					]
-				}), (0, s.jsx)(u.Form, {
+				}), (0, s.jsx)(d.Form, {
 					style: { padding: "0 2px 0 2px" },
-					children: (0, s.jsx)(u.Form.Item, {
-						validateStatus: E,
-						children: (0, s.jsx)(u.Input, {
-							ref: m,
+					children: (0, s.jsx)(d.Form.Item, {
+						validateStatus: M,
+						children: (0, s.jsx)(d.Input, {
+							ref: y,
 							allowClear: !0,
 							size: "large",
 							placeholder: t("Paste image URL here"),
-							value: v,
-							onChange: $t,
+							value: g,
+							onChange: nr,
 							spellCheck: "false"
 						})
 					})
 				})]
 			})
 		}];
-		return e.imageCenterStockEnabled && !de && Re.push({
+		return e.imageCenterStockEnabled && !le && Ee.push({
 			label: t("Stock"),
-			key: Ye,
+			key: Ge,
 			children: (0, s.jsx)("div", {
 				ref: X,
 				style: { paddingBottom: 24 },
-				children: (0, s.jsx)(Ut, {
-					currentReq: ue,
-					setCurrentReq: be,
-					imageStockList: Ce,
-					setImageStockList: ae,
+				children: (0, s.jsx)(Bt, {
+					currentReq: ie,
+					setCurrentReq: me,
+					imageStockList: ct,
+					setImageStockList: ge,
 					setModalWidth: te,
 					setModalHeight: P,
-					setStockLink: T,
-					setCurrentImageLink: M,
-					inputRef: pe,
-					customRequest: Ne
+					setStockLink: F,
+					setCurrentImageLink: T,
+					inputRef: ue,
+					customRequest: Te
 				})
 			})
-		}), e.imageCenterGifEnabled && !de && Re.push({
+		}), e.imageCenterGifEnabled && !le && Ee.push({
 			label: t("GIF"),
-			key: _e,
+			key: ze,
 			children: (0, s.jsx)("div", {
-				ref: _,
+				ref: Y,
 				style: { paddingBottom: 24 },
 				children: (0, s.jsx)(Nt, {
-					currentReqGif: w,
-					setCurrentReqGif: re,
-					imageGifList: Ee,
-					setImageGifList: Te,
+					currentReqGif: I,
+					setCurrentReqGif: ne,
+					imageGifList: it,
+					setImageGifList: lt,
 					setModalWidth: te,
 					setModalHeight: P,
-					setStockLink: T,
-					setCurrentImageLink: M,
-					inputRef: K,
-					customRequest: Ne
+					setStockLink: F,
+					setCurrentImageLink: T,
+					inputRef: W,
+					customRequest: Te
 				})
 			})
-		}), e.elementAIimageEnabled && !de && Re.push({
+		}), e.elementAIimageEnabled && !le && Ee.push({
 			label: t("AI"),
-			key: Ve,
+			key: He,
 			children: (0, s.jsx)("div", {
 				ref: a,
 				style: { paddingBottom: 24 },
 				children: (0, s.jsx)(Pt, {
 					setModalHeight: P,
-					customRequest: Le,
+					customRequest: je,
 					aiImageRequest: pt,
-					setAiImageRequest: Qe,
-					imageAiList: Ue,
-					setImageAiList: Be,
-					isLoadingAi: me,
+					setAiImageRequest: Ke,
+					imageAiList: ut,
+					setImageAiList: Xt,
+					isLoadingAi: dt,
 					setIsLoadingAi: ft,
 					aiTabRef: a,
 					inputAiRef: $,
-					isImageUploaded: O,
-					setIsImageUploaded: x
+					isImageUploaded: S,
+					setIsImageUploaded: z
 				})
 			})
-		}), e.imageCenterEditorEnabled && Re.push({
+		}), e.imageCenterEditorEnabled && Ee.push({
 			label: "",
-			key: ve,
+			key: he,
 			children: (0, s.jsx)("div", {
-				ref: W,
-				children: (0, s.jsx)(Ot, {
-					currentImageLink: y,
-					newLink: v,
-					previewDisplayUrl: Jt,
-					resolvedPreviewObjectUrl: Xt,
+				ref: _,
+				children: (0, s.jsx)(Et, {
+					currentImageLink: w,
+					newLink: g,
+					previewDisplayUrl: rr,
+					resolvedPreviewObjectUrl: er,
+					resolvedPreviewBlob: tr,
 					imageSize: Z,
-					onSave: sn,
-					uploadImageResultIsLoading: Ie || !1
+					onSave: lr,
+					uploadImageResultIsLoading: Ae || !1
 				})
 			})
-		}), (0, s.jsxs)(s.Fragment, { children: [(0, s.jsx)(u.Modal, {
+		}), (0, s.jsxs)(s.Fragment, { children: [(0, s.jsx)(d.Modal, {
 			width: J,
 			className: "image-center",
 			title: t("Image Center"),
 			style: { minHeight: 390 },
-			open: !!H,
-			onOk: $e,
-			onCancel: nn,
-			footer: D === ve ? (0, s.jsx)(s.Fragment, {}) : null,
-			children: (0, s.jsx)(u.Spin, {
-				spinning: Ie,
-				children: (0, s.jsx)(u.Tabs, {
-					activeKey: D,
-					onChange: rn,
-					items: Re,
+			open: !!K,
+			onOk: Ve,
+			onCancel: ar,
+			footer: B === he ? (0, s.jsx)(s.Fragment, {}) : null,
+			children: (0, s.jsx)(d.Spin, {
+				spinning: Ae,
+				children: (0, s.jsx)(d.Tabs, {
+					activeKey: B,
+					onChange: ir,
+					items: Ee,
 					className: "modal-tabs",
 					style: {
-						height: he,
+						height: de,
 						minHeight: 130
 					}
 				})
 			})
-		}), (0, s.jsx)(B.ModalToChangeConfigOnFree, {
-			open: qt,
-			onCancel: () => xe(!1),
-			initialSlide: Zt
+		}), (0, s.jsx)(U.ModalToChangeConfigOnFree, {
+			open: Jt,
+			onCancel: () => Se(!1),
+			initialSlide: $t
 		})] });
 	};
-	dt.propTypes = { dataProvider: Fe.default.object }, bt.default = dt;
+	at.propTypes = { dataProvider: Be.default.object }, wt.default = at;
 });