useblocks 1.1.43 → 1.1.44

package/static/core/{922866fe.js → d8749999.js}

@@ -1,5 +1,5 @@
 (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/922866fe.js", [
+__useblocks__.define("static/core/d8749999.js", [
 	"require",
 	"exports",
 	"module",
@@ -7,15 +7,15 @@ __useblocks__.define("static/core/922866fe.js", [
 	"static/core/bb774fb9.js",
 	"static/core/632d894f.js",
 	"static/core/04557bf3.js",
-	"static/core/f99bda3c.js",
-	"static/core/e97665732.js",
-	"static/core/db330968.js",
+	"static/core/94f2c0df.js",
+	"static/core/a59902082.js",
+	"static/core/d2b26db6.js",
 	"react",
 	"prop-types",
 	"react-router-dom",
 	"react/jsx-runtime"
 ], function(ee, bt, on) {
-	const nt = ee("./bd36b180.js"), d = ee("./bb774fb9.js"), z = ee("./632d894f.js"), u = ee("./04557bf3.js"), Ct = ee("./f99bda3c.js"), U = ee("./e97665732.js"), q = ee("./db330968.js");
+	const nt = ee("./bd36b180.js"), d = ee("./bb774fb9.js"), z = ee("./632d894f.js"), u = ee("./04557bf3.js"), Ct = ee("./94f2c0df.js"), U = ee("./a59902082.js"), q = ee("./d2b26db6.js");
 	let o = ee("react");
 	o = nt.__toESM(o);
 	let Fe = ee("prop-types");
@@ -213,38 +213,38 @@ __useblocks__.define("static/core/922866fe.js", [
 		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, R] of Object.entries(j.icons)) typeof R == "string" && (E[L] = U.sanitizeHtml(R));
+			for (const [R, O] of Object.entries(j.icons)) typeof O == "string" && (E[R] = U.sanitizeHtml(O));
 			return Object.keys(E).length > 0 ? E : void 0;
-		}, [j?.icons]), O = (0, o.useRef)(!1), [T, H] = (0, o.useState)(), B = d.useEventEmitter(d.events.FILE_PROXY_EVENT_ID);
+		}, [j?.icons]), L = (0, o.useRef)(!1), [T, H] = (0, o.useState)(), B = d.useEventEmitter(d.events.FILE_PROXY_EVENT_ID);
 		(0, o.useEffect)(() => {
 			(async () => {
-				const L = n;
-				if (!L && !e) return;
-				let R;
+				const R = n;
+				if (!R && !e) return;
+				let O;
 				if (e) try {
 					const I = await fetch(e);
-					I.ok && (R = await I.blob());
+					I.ok && (O = await I.blob());
 				} catch {
-					R = void 0;
+					O = void 0;
 				}
-				if (!R && L) try {
-					R = await (await fetch(L)).blob();
+				if (!O && R) try {
+					O = await (await fetch(R)).blob();
 				} catch {
-					if (R = await B.fire({
-						url: L,
+					if (O = await B.fire({
+						url: R,
 						project: v
-					}).filter((I) => I instanceof Blob)[0], !R) {
+					}).filter((I) => I instanceof Blob)[0], !O) {
 						const I = l.get(d.APP_COOKIES.em_token) || await d.di.getInstance(b, z.TOKEN_ID);
-						R = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(L)}`, { headers: { authorization: `Bearer ${I}` } })).blob();
+						O = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(R)}`, { headers: { authorization: `Bearer ${I}` } })).blob();
 					}
 				}
-				if (R) {
+				if (O) {
 					let I = new FileReader();
 					I.onload = () => {
-						T?.tools.import.openBackgroundImage(h), I.result !== h && (C(I.result), S(R.type));
-					}, I.readAsDataURL(R);
+						T?.tools.import.openBackgroundImage(h), I.result !== h && (C(I.result), S(O.type));
+					}, I.readAsDataURL(O);
 				}
-			})().catch((L) => {});
+			})().catch((R) => {});
 		}, [
 			n,
 			e,
@@ -260,23 +260,23 @@ __useblocks__.define("static/core/922866fe.js", [
 		const D = (0, o.useCallback)(() => {
 			C(null), S(null), f(z.closeSecondModal()), f(z.closeModal(d.MODALS.UPLOAD_IMAGE_MODAL));
 		}, [f]), F = (0, o.useRef)();
-		F.current = async function(E, L, R) {
-			const I = await xt(R, E);
-			t && t(new File([I], L, {
+		F.current = async function(E, R, O) {
+			const I = await xt(O, E);
+			t && t(new File([I], R, {
 				lastModified: new Date().getTime(),
 				type: I.type
 			}));
 		};
 		const Z = (0, o.useCallback)((E) => {
-			if (E && !(O.current && T)) {
-				O.current = !0;
-				const L = y.locale ? y.locale.replace("_", "-") : "en-US", R = y.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? d.DARK : d.LIGHT : y.theme;
+			if (E && !(L.current && T)) {
+				L.current = !0;
+				const R = 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({
 					selector: "#pixie-editor",
 					baseUrl: u.getAssetUrl("assets/pixie"),
 					image: h,
-					activeLanguage: L,
-					languages: wt(L, x),
+					activeLanguage: R,
+					languages: wt(R, x),
 					tools: At,
 					ui: {
 						menubar: {
@@ -318,7 +318,7 @@ __useblocks__.define("static/core/922866fe.js", [
 							]
 						},
 						nav: { position: "top" },
-						activeTheme: R,
+						activeTheme: O,
 						mode: "inline",
 						forceOverlayModeOnMobile: !1
 					},
@@ -419,7 +419,7 @@ __useblocks__.define("static/core/922866fe.js", [
 			for (var i in t) t.hasOwnProperty(i) && (s[i] = t[i]);
 		}, ze(n, e);
 	};
-	function Rt(n, e) {
+	function Ot(n, e) {
 		ze(n, e);
 		function s() {
 			this.constructor = n;
@@ -435,7 +435,7 @@ __useblocks__.define("static/core/922866fe.js", [
 			return e;
 		}, we.apply(this, arguments);
 	};
-	function Lt(n, e, s, t) {
+	function Rt(n, e, s, t) {
 		var i, l = !1, h = 0;
 		function C() {
 			i && clearTimeout(i);
@@ -477,7 +477,7 @@ __useblocks__.define("static/core/922866fe.js", [
 		} : st : st;
 	}
 	var ot = (function(n) {
-		Rt(e, n);
+		Ot(e, n);
 		function e(s) {
 			var t = n.call(this, s) || this;
 			return t.lastScrollTop = 0, t.actionTriggered = !1, t.startY = 0, t.currentY = 0, t.dragging = !1, t.maxPullDownDistance = 0, t.getScrollableTarget = function() {
@@ -500,7 +500,7 @@ __useblocks__.define("static/core/922866fe.js", [
 				showLoader: !1,
 				pullToRefreshThresholdBreached: !1,
 				prevDataLength: s.dataLength
-			}, t.throttledOnScrollListener = Lt(150, t.onScrollListener).bind(t), t.onStart = t.onStart.bind(t), t.onMove = t.onMove.bind(t), t.onEnd = t.onEnd.bind(t), t;
+			}, 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() {
 			if (typeof this.props.dataLength > "u") throw new Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
@@ -549,7 +549,7 @@ __useblocks__.define("static/core/922866fe.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 Ot(n, e) {
+	function Lt(n, e) {
 		if (n == null) return {};
 		var s = kt(n, e), t, i;
 		if (Object.getOwnPropertySymbols) {
@@ -664,7 +664,7 @@ __useblocks__.define("static/core/922866fe.js", [
 		}
 		logDeprecated(n) {}
 		render() {
-			const n = this.props, { children: e, breakpointCols: s, columnClassName: t, columnAttrs: i, column: l, className: h } = n, C = Ot(n, [
+			const n = this.props, { children: e, breakpointCols: s, columnClassName: t, columnAttrs: i, column: l, className: h } = n, C = Lt(n, [
 				"children",
 				"breakpointCols",
 				"columnClassName",
@@ -714,8 +714,8 @@ __useblocks__.define("static/core/922866fe.js", [
 				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((O) => O[b] === k.src ? O : {
-						...O,
+					!k?.changed || !k.src || l((L) => L[b] === k.src ? L : {
+						...L,
 						[b]: k.src
 					});
 				});
@@ -743,7 +743,7 @@ __useblocks__.define("static/core/922866fe.js", [
 		};
 	}
 	var lt = "blocks", Tt = ({ setCurrentImageLink: n, setModalHeight: e, setModalWidth: s, setImageStockList: t, imageStockList: i, currentReq: l, setCurrentReq: h, inputRef: C, setStockLink: g, customRequest: S }) => {
-		const x = d.useAppConfig(), f = d.useIsStandalone(), [b, j] = (0, o.useState)(!1), [y, M] = (0, o.useState)(2), { __: v } = u.useI18n(), k = u.useNotification(), [O] = 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]), B = (0, o.useCallback)((a) => {
+		const x = d.useAppConfig(), f = d.useIsStandalone(), [b, j] = (0, o.useState)(!1), [y, M] = (0, o.useState)(2), { __: v } = u.useI18n(), k = u.useNotification(), [L] = 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]), B = (0, o.useCallback)((a) => {
 			k.error({
 				id: "STOCK_IMAGES_SEARCH_FAILED",
 				title: v("Failed to load stock images"),
@@ -784,22 +784,22 @@ __useblocks__.define("static/core/922866fe.js", [
 			m.length > 0 ? (t(m), setTimeout(() => {
 				s(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, {
+		}, [Z, G] = (0, o.useState)(null), E = (0, o.useCallback)((a, m, K) => `${a}${a.includes("?") ? "&" : "?"}w=${m}&q=${K}`, []), R = (0, o.useCallback)((a) => d.getProxiedUrl(a, {
 			config: x,
 			standalone: f,
 			resourceType: "stockImages",
 			intent: "display"
-		}), [x, f]), { getDisplaySrc: R, handleLoad: I, handleError: Y } = it({
+		}), [x, f]), { getDisplaySrc: O, handleLoad: I, handleError: Y } = it({
 			items: i,
 			getItemId: (0, o.useCallback)((a) => a.id, []),
 			getRequestUrl: (0, o.useCallback)((a) => E(a.urls.raw, 644, 96), [E]),
-			createController: L
+			createController: R
 		}), W = (a) => (m) => {
 			I(a), m.target.parentNode.classList.add("loaded");
 		}, X = (a) => () => {
 			Y(a);
 		}, V = (a, m, K) => {
-			O(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`);
+			L(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`);
 		};
 		return (0, r.jsxs)("div", {
 			className: "stock-tab",
@@ -977,7 +977,7 @@ __useblocks__.define("static/core/922866fe.js", [
 									(0, r.jsx)("img", {
 										className: Z === a.id ? "loaded-image" : "",
 										width: "322px",
-										src: R(a),
+										src: O(a),
 										alt: a.description,
 										onLoad: W(a),
 										onError: X(a)
@@ -1045,7 +1045,7 @@ __useblocks__.define("static/core/922866fe.js", [
 		});
 	};
 	function Ut({ setModalHeight: n, customRequest: e, aiTabRef: s, isImageUploaded: t, setIsImageUploaded: i, aiImageRequest: l, imageAiList: h, setImageAiList: C, isLoadingAi: g, setIsLoadingAi: S, onPluginAiImageLimitExceeded: x, onImageGenerateLimitExceeded: f }) {
-		const { __: b } = u.useI18n(), j = d.useAppConfig(), y = u.useNotification(), M = d.usePushToDataLayer(), { emailId: v, blockId: k, projectId: O } = (0, Ge.useParams)(), [T] = z.useLazySendAiImageRequestQuery(), [H, { data: B = [] }] = 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), [R, I] = (0, o.useState)(null), [Y, W] = (0, o.useState)(!1), [X, V] = (0, o.useState)(b("Evaluating the task")), [a, m] = (0, o.useState)(!1), K = v || k, { limits: fe } = j?.limits ? j : { limits: { ai_img_limit: 0 } }, { ai_img_limit: $ } = fe, he = $ > 0 && E >= $, P = !!(j.limits && j.counters) && d.PLUGIN.isPlugin, J = (0, o.useCallback)(() => {
+		const { __: b } = u.useI18n(), j = d.useAppConfig(), y = u.useNotification(), M = d.usePushToDataLayer(), { emailId: v, blockId: k, projectId: L } = (0, Ge.useParams)(), [T] = z.useLazySendAiImageRequestQuery(), [H, { data: B = [] }] = z.useLazyGetAiImageSSEQuery(), [D] = z.useLazyGetLimitsStatsByTypeQuery(), F = j?.sendAIImageRequest || T, Z = j?.trigger || H, G = j?.handleLimitUsageEmitter || d.useEventEmitter(d.events.ON_LIMIT_ID), [E, R] = (0, o.useState)(0), [O, I] = (0, o.useState)(null), [Y, W] = (0, o.useState)(!1), [X, V] = (0, o.useState)(b("Evaluating the task")), [a, m] = (0, o.useState)(!1), K = v || k, { limits: fe } = j?.limits ? j : { limits: { ai_img_limit: 0 } }, { ai_img_limit: $ } = fe, he = $ > 0 && E >= $, P = !!(j.limits && j.counters) && d.PLUGIN.isPlugin, J = (0, o.useCallback)(() => {
 			G.fire({
 				name: "AiImgCount",
 				count: E + 1
@@ -1060,9 +1060,9 @@ __useblocks__.define("static/core/922866fe.js", [
 				event: "submit_form",
 				action: "ai_image_generation",
 				entity_id: v,
-				project_id: O
+				project_id: L
 			}), F({ body: {
-				project_id: O,
+				project_id: L,
 				request: "create-image",
 				connection: "midjourney",
 				message: l
@@ -1095,7 +1095,7 @@ __useblocks__.define("static/core/922866fe.js", [
 			C,
 			M,
 			v,
-			O,
+			L,
 			F,
 			y,
 			Z,
@@ -1110,7 +1110,7 @@ __useblocks__.define("static/core/922866fe.js", [
 						return;
 					}
 				}
-				P && (L((w) => w + 1), J()), xe();
+				P && (R((w) => w + 1), J()), xe();
 			} else P && (x ? x() : 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.
@@ -1122,7 +1122,7 @@ Select the appropriate plan to fulfil more requests`),
 			P,
 			D,
 			f,
-			L,
+			R,
 			J,
 			xe,
 			y,
@@ -1130,7 +1130,7 @@ Select the appropriate plan to fulfil more requests`),
 			x
 		]);
 		(0, o.useEffect)(() => {
-			P && L(j?.counters?.ai_img_counter || 0);
+			P && R(j?.counters?.ai_img_counter || 0);
 		}, [j, P]);
 		const ue = (0, o.useCallback)((w) => {
 			if (!t) {
@@ -1151,7 +1151,7 @@ Select the appropriate plan to fulfil more requests`),
 				id: "AI_IMAGE_GET_ERROR",
 				title: b("Something went wrong, please try again"),
 				placement: "bottomRight",
-				data: R
+				data: O
 			}));
 		}, [
 			C,
@@ -1159,7 +1159,7 @@ Select the appropriate plan to fulfil more requests`),
 			b,
 			S,
 			n,
-			R,
+			O,
 			y,
 			m
 		]);
@@ -1178,7 +1178,7 @@ Select the appropriate plan to fulfil more requests`),
 			n
 		]), {
 			aiImageCounter: E,
-			setAiImageCounter: L,
+			setAiImageCounter: R,
 			currentAiImgLimits: $,
 			isFieldsDisabled: he,
 			canGenerateImage: te,
@@ -1196,13 +1196,13 @@ Select the appropriate plan to fulfil more requests`),
 			convertBase64ToFile: ue,
 			isShiftPressed: Y,
 			setIsShiftPressed: W,
-			currentReqId: R,
+			currentReqId: O,
 			setCurrentReqId: I,
 			limitsInPlugin: P
 		};
 	}
 	var Mt = ({ setModalHeight: n, customRequest: e, aiTabRef: s, inputAiRef: t, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: h, setAiImageRequest: C, imageAiList: g, setImageAiList: S, isLoadingAi: x, setIsLoadingAi: f }) => {
-		const b = (0, Ge.useNavigate)(), j = d.useDispatch(), { __: y, _n: M } = u.useI18n(), v = d.useAppConfig(), [k, O] = (0, o.useState)(!1), [T, H] = (0, o.useState)(null), { aiImageCounter: B, currentAiImgLimits: D, loadingDuringGeneration: F, requestStatus: Z, handleGenerate: G, convertBase64ToFile: E, isShiftPressed: L, setIsShiftPressed: R, limitsInPlugin: I } = Ut({
+		const b = (0, Ge.useNavigate)(), j = d.useDispatch(), { __: y, _n: M } = u.useI18n(), v = d.useAppConfig(), [k, L] = (0, o.useState)(!1), [T, H] = (0, o.useState)(null), { aiImageCounter: B, currentAiImgLimits: D, loadingDuringGeneration: F, requestStatus: Z, handleGenerate: G, convertBase64ToFile: E, isShiftPressed: R, setIsShiftPressed: O, limitsInPlugin: I } = Ut({
 			setModalHeight: n,
 			customRequest: e,
 			aiTabRef: s,
@@ -1213,30 +1213,30 @@ Select the appropriate plan to fulfil more requests`),
 			setImageAiList: S,
 			isLoadingAi: x,
 			setIsLoadingAi: f,
-			onPluginAiImageLimitExceeded: () => O(!0),
+			onPluginAiImageLimitExceeded: () => L(!0),
 			onImageGenerateLimitExceeded: H
 		}), Y = k && D > 0 ? q.getAiTariffUpgradeStep(D) : null, W = Y ? U.getLimitUpgradePresetDefinition(Y.presetId) : null, X = T ? U.getLimitUpgradePresetDefinition(T.presetId) : null, [V, a] = (0, o.useState)(!1), m = (0, o.useCallback)(() => a(!0), []), K = (0, o.useCallback)(() => a(!1), []), fe = (0, o.useCallback)((J) => C(J.target.value), [C]), $ = (0, o.useCallback)((J) => {
-			J.key === "Shift" ? R(!0) : J.key === "Enter" && !L && (J.preventDefault(), G());
+			J.key === "Shift" ? O(!0) : J.key === "Enter" && !R && (J.preventDefault(), G());
 		}, [
-			L,
+			R,
 			G,
-			R
+			O
 		]), he = (0, o.useCallback)((J) => {
-			J.key === "Shift" && R(!1);
-		}, [R]), P = g[g.length - 1];
+			J.key === "Shift" && O(!1);
+		}, [O]), P = g[g.length - 1];
 		return (0, r.jsxs)("div", {
 			className: "image-ai",
 			children: [
 				W && Y ? (0, r.jsx)(U.LimitUpgradeModal, {
 					open: !0,
-					onClose: () => O(!1),
+					onClose: () => L(!1),
 					title: y(W.titleKey),
 					subtitle: y(W.subtitleKey),
 					usageResource: W.usageResource,
 					previousDisplay: U.presetLimitDisplay(Y.previousLimit),
 					nextDisplay: U.presetLimitDisplay(Y.nextLimit),
 					onChangePlan: () => {
-						O(!1), document.body.classList.remove("editor"), b("/billing"), j(z.openModal(d.MODALS.SWITCH_TO_PLAN_MODAL));
+						L(!1), document.body.classList.remove("editor"), b("/billing"), j(z.openModal(d.MODALS.SWITCH_TO_PLAN_MODAL));
 					}
 				}) : null,
 				X && T ? (0, r.jsx)(U.LimitUpgradeModal, {
@@ -1332,7 +1332,7 @@ Select the appropriate plan to fulfil more requests`),
 			]
 		});
 	}, Pt = ({ setNewLink: n, setCurrentImageLink: e, setModalHeight: s, setModalWidth: t, setImageGifList: i, imageGifList: l, currentReqGif: h, setCurrentReqGif: C, inputRef: g, setStockLink: S, customRequest: x }) => {
-		const { __: f } = u.useI18n(), b = d.useAppConfig(), j = d.useIsStandalone(), y = u.useNotification(), [M, v] = (0, o.useState)(null), [k, O] = (0, o.useState)(!1), [T, H] = (0, o.useState)(25), [B] = 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 : f("Failed to load GIFs through the configured proxy chain."), [f]), F = (0, o.useCallback)((a) => {
+		const { __: f } = u.useI18n(), b = d.useAppConfig(), j = d.useIsStandalone(), y = u.useNotification(), [M, v] = (0, o.useState)(null), [k, L] = (0, o.useState)(!1), [T, H] = (0, o.useState)(25), [B] = 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 : f("Failed to load GIFs through the configured proxy chain."), [f]), F = (0, o.useCallback)((a) => {
 			y.error({
 				id: "STOCK_GIFS_SEARCH_FAILED",
 				title: f("Failed to load GIFs"),
@@ -1343,17 +1343,17 @@ Select the appropriate plan to fulfil more requests`),
 			D,
 			y
 		]), Z = async () => {
-			k || (O(!0), B({
+			k || (L(!0), B({
 				query: h,
 				page: T
 			}).then((a) => {
 				if (a?.error) {
-					F(a.error), O(!1);
+					F(a.error), L(!1);
 					return;
 				}
-				i((m) => [...m, ...a.data.data]), O(!1), H((m) => m + 25);
+				i((m) => [...m, ...a.data.data]), L(!1), H((m) => m + 25);
 			}).catch(() => {
-				O(!1);
+				L(!1);
 			}));
 		}, G = async () => {
 			const a = await B({
@@ -1371,7 +1371,7 @@ Select the appropriate plan to fulfil more requests`),
 			v(m), setTimeout(() => {
 				v(null);
 			}, 2e3), S(`${a}`), e(`${a}`), x(`${a}`);
-		}, L = { default: 3 }, R = (0, o.useCallback)((a) => d.getProxiedUrl(a, {
+		}, R = { default: 3 }, O = (0, o.useCallback)((a) => d.getProxiedUrl(a, {
 			config: b,
 			standalone: j,
 			resourceType: "generic",
@@ -1380,7 +1380,7 @@ Select the appropriate plan to fulfil more requests`),
 			items: l,
 			getItemId: (0, o.useCallback)((a) => a.id, []),
 			getRequestUrl: (0, o.useCallback)((a) => a.images.downsized.url, []),
-			createController: R
+			createController: O
 		}), X = (a) => (m) => {
 			Y(a), m.target.parentNode.classList.add("loaded");
 		}, V = (a) => () => {
@@ -1448,7 +1448,7 @@ Select the appropriate plan to fulfil more requests`),
 						style: { overflow: "visible" },
 						loader: (0, r.jsx)(u.Spin, { size: "small" }),
 						children: (0, r.jsx)(We, {
-							breakpointCols: L,
+							breakpointCols: R,
 							className: "my-masonry-grid",
 							columnClassName: "my-masonry-grid_column",
 							children: l.map((a, m) => (0, r.jsxs)("div", {
@@ -1568,12 +1568,12 @@ Select the appropriate plan to fulfil more requests`),
 		const s = Se(e);
 		return !s || n.includes(".") ? n : `${n}.${s}`;
 	}, _t = (n, e) => new File([n], Vt(Yt(e), n.type), { type: n.type || "application/octet-stream" }), dt = ({ dataProvider: n }) => {
-		const e = d.useAppConfig(), s = 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), x = d.useSelector(d.selectedCurrentUser), f = d.useSelector(z.selectActiveModal), { request: b, resolveImagePicker: j } = U.useImagePicker(), [y, M] = (0, o.useState)(""), [v, k] = (0, o.useState)(""), [O, T] = (0, o.useState)(""), [H, B] = (0, o.useState)(""), [D, F] = (0, o.useState)(oe), [Z, G] = (0, o.useState)({
+		const e = d.useAppConfig(), s = 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), x = d.useSelector(d.selectedCurrentUser), f = d.useSelector(z.selectActiveModal), { request: b, resolveImagePicker: j } = U.useImagePicker(), [y, M] = (0, o.useState)(""), [v, k] = (0, o.useState)(""), [L, T] = (0, o.useState)(""), [H, B] = (0, o.useState)(""), [D, F] = (0, o.useState)(oe), [Z, G] = (0, o.useState)({
 			width: "",
 			height: "",
 			size: "",
 			format: ""
-		}), [E, L] = (0, o.useState)("success"), [R, I] = (0, o.useState)(!1), Y = o.default.useRef(null), W = o.default.useRef(null), X = o.default.useRef(null), V = o.default.useRef(null), a = o.default.useRef(null), m = o.default.useRef(null), K = o.default.useRef(null), fe = o.default.useRef(null), $ = o.default.useRef(null), [he, P] = (0, o.useState)("auto"), [J, te] = (0, o.useState)(572), [xe, De] = (0, o.useState)(!1), [ue, be] = (0, o.useState)({
+		}), [E, R] = (0, o.useState)("success"), [O, I] = (0, o.useState)(!1), Y = o.default.useRef(null), W = o.default.useRef(null), X = o.default.useRef(null), V = o.default.useRef(null), a = o.default.useRef(null), m = o.default.useRef(null), K = o.default.useRef(null), fe = o.default.useRef(null), $ = o.default.useRef(null), [he, P] = (0, o.useState)("auto"), [J, te] = (0, o.useState)(572), [xe, De] = (0, o.useState)(!1), [ue, be] = (0, o.useState)({
 			keywords: "",
 			color: "",
 			orientation: ""
@@ -1596,10 +1596,10 @@ Select the appropriate plan to fulfil more requests`),
 		}, [t, g]), $t = (0, o.useCallback)(async (c) => U.pickUploadImageUrlFromFireResults(await mt.fire({
 			file: c,
 			project: ht
-		})), [ht, mt]), Re = q.useImageBlobFetch(), Ne = async (c) => {
+		})), [ht, mt]), Oe = q.useImageBlobFetch(), Ne = async (c) => {
 			if (c) try {
 				const p = await en(c);
-				p && et(p) ? await Le({ file: p }) : p || Pe({ url: c }, null, t("Failed to download image from URL."));
+				p && et(p) ? await Re({ file: p }) : p || Pe({ url: c }, null, t("Failed to download image from URL."));
 			} catch (p) {
 				Pe({ url: c }, p, t("Failed to process image URL."));
 			}
@@ -1622,7 +1622,7 @@ Select the appropriate plan to fulfil more requests`),
 		const en = async (c) => {
 			try {
 				const p = q.canonicalImageUrlKey(c);
-				return _t(await je.current.resolve(p, void 0, Re), p);
+				return _t(await je.current.resolve(p, void 0, Oe), p);
 			} catch {}
 		};
 		document.onpaste = function(c) {
@@ -1632,7 +1632,7 @@ Select the appropriate plan to fulfil more requests`),
 					const N = p.getAsFile();
 					et(N);
 					const Q = { file: N };
-					k(""), Le(Q);
+					k(""), Re(Q);
 					return;
 				}
 				const A = c.clipboardData?.getData("text/plain");
@@ -1687,9 +1687,9 @@ Select the appropriate plan to fulfil more requests`),
 			g
 		]);
 		(0, o.useEffect)(() => {
-			const c = v || O, p = q.canonicalImageUrlKey(c);
+			const c = v || L, p = q.canonicalImageUrlKey(c);
 			if (!c || !p) {
-				L(""), Ze.current = "", ne(), le(), je.current.invalidateAll();
+				R(""), Ze.current = "", ne(), le(), je.current.invalidateAll();
 				return;
 			}
 			const A = Ze.current;
@@ -1697,7 +1697,7 @@ Select the appropriate plan to fulfil more requests`),
 			const N = new AbortController(), Q = v ? 800 : 0, _ = ++ge.current, tt = setTimeout(async () => {
 				try {
 					const ce = async () => {
-						const re = await je.current.resolve(p, N.signal, Re);
+						const re = await je.current.resolve(p, N.signal, Oe);
 						if (_ !== ge.current) return;
 						const { width: pe, height: rn } = await q.getImageDimensionsFromBlob(re);
 						if (_ !== ge.current) return;
@@ -1730,13 +1730,13 @@ Select the appropriate plan to fulfil more requests`),
 						} else await ce();
 					}
 					if (_ !== ge.current) return;
-					L("success"), M(c), te(572), setTimeout(() => {
+					R("success"), M(c), te(572), setTimeout(() => {
 						let re = 0;
 						W.current && (re = W.current.offsetHeight + 62), P(re);
 					}, 0);
 				} catch (ce) {
 					if (ce?.name === "AbortError" || N.signal.aborted || _ !== ge.current) return;
-					ne(), le(), L("error");
+					ne(), le(), R("error");
 				}
 			}, Q);
 			return () => {
@@ -1744,19 +1744,19 @@ Select the appropriate plan to fulfil more requests`),
 			};
 		}, [
 			v,
-			O,
+			L,
 			s,
 			ne,
-			Re,
+			Oe,
 			h,
 			le,
 			n
 		]), (0, o.useEffect)(() => {
-			if (!y || v || O) return;
+			if (!y || v || L) return;
 			const c = q.canonicalImageUrlKey(y), p = new AbortController();
 			let A = !1;
 			const N = async () => {
-				const Q = await je.current.resolve(c, p.signal, Re);
+				const Q = await je.current.resolve(c, p.signal, Oe);
 				if (A) return;
 				const { width: _, height: tt } = await q.getImageDimensionsFromBlob(Q);
 				if (A) return;
@@ -1801,11 +1801,11 @@ Select the appropriate plan to fulfil more requests`),
 			s,
 			ne,
 			y,
-			Re,
+			Oe,
 			h,
 			n,
 			v,
-			O
+			L
 		]);
 		const tn = () => {
 			i(z.closeModal()), setTimeout(() => {
@@ -1855,7 +1855,7 @@ Select the appropriate plan to fulfil more requests`),
 				title: "Upload",
 				description: "You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"
 			}), p;
-		}, Le = async ({ file: c }) => {
+		}, Re = async ({ file: c }) => {
 			try {
 				De(!0);
 				const p = await q.prepareImageForEditorUpload(c, e), A = await $t(p);
@@ -1870,8 +1870,8 @@ Select the appropriate plan to fulfil more requests`),
 			} finally {
 				De(!1);
 			}
-		}, sn = (c) => Le({ file: c });
-		let Oe = [{
+		}, sn = (c) => Re({ file: c });
+		let Le = [{
 			label: t("Upload"),
 			key: oe,
 			children: (0, r.jsxs)("div", {
@@ -1881,7 +1881,7 @@ Select the appropriate plan to fulfil more requests`),
 					showUploadList: !1,
 					name: "Image",
 					beforeUpload: et,
-					customRequest: Le,
+					customRequest: Re,
 					style: { marginBottom: 10 },
 					multiple: !1,
 					accept: "image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml",
@@ -1916,7 +1916,7 @@ Select the appropriate plan to fulfil more requests`),
 				})]
 			})
 		}];
-		return e.imageCenterStockEnabled && !de && Oe.push({
+		return e.imageCenterStockEnabled && !de && Le.push({
 			label: t("Stock"),
 			key: Ye,
 			children: (0, r.jsx)("div", {
@@ -1935,7 +1935,7 @@ Select the appropriate plan to fulfil more requests`),
 					customRequest: Ne
 				})
 			})
-		}), e.imageCenterGifEnabled && !de && Oe.push({
+		}), e.imageCenterGifEnabled && !de && Le.push({
 			label: t("GIF"),
 			key: Ve,
 			children: (0, r.jsx)("div", {
@@ -1954,7 +1954,7 @@ Select the appropriate plan to fulfil more requests`),
 					customRequest: Ne
 				})
 			})
-		}), e.elementAIimageEnabled && !de && Oe.push({
+		}), e.elementAIimageEnabled && !de && Le.push({
 			label: t("AI"),
 			key: _e,
 			children: (0, r.jsx)("div", {
@@ -1962,7 +1962,7 @@ Select the appropriate plan to fulfil more requests`),
 				style: { paddingBottom: 24 },
 				children: (0, r.jsx)(Mt, {
 					setModalHeight: P,
-					customRequest: Le,
+					customRequest: Re,
 					aiImageRequest: ft,
 					setAiImageRequest: Qe,
 					imageAiList: Be,
@@ -1971,11 +1971,11 @@ Select the appropriate plan to fulfil more requests`),
 					setIsLoadingAi: pt,
 					aiTabRef: a,
 					inputAiRef: $,
-					isImageUploaded: R,
+					isImageUploaded: O,
 					setIsImageUploaded: I
 				})
 			})
-		}), e.imageCenterEditorEnabled && Oe.push({
+		}), e.imageCenterEditorEnabled && Le.push({
 			label: "",
 			key: ve,
 			children: (0, r.jsx)("div", {
@@ -2004,7 +2004,7 @@ Select the appropriate plan to fulfil more requests`),
 				children: (0, r.jsx)(u.Tabs, {
 					activeKey: D,
 					onChange: nn,
-					items: Oe,
+					items: Le,
 					className: "modal-tabs",
 					style: {
 						height: he,

package/two_step_headless_plugin.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Two-step flow: design → subject/preheader (headless)</title>
-    <script id="plugin-script" type="text/javascript" src="useblocks.js?56efb32e"></script>
+    <script id="plugin-script" type="text/javascript" src="useblocks.js?bb621219"></script>
     <style>
       body {
         margin: 0;