@emailmaker/emailmaker 1.0.107-dev.3 → 1.0.107-dev.4

package/static/core/e5bff179.js

@@ -1,1302 +0,0 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.setAttribute(`data-emailmaker`,`true`),e.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-content{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 .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 .ant-carousel{border-radius:6px;overflow:hidden}.blocks-app .image-ai .ant-carousel .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__arrow{z-index:3000;opacity:.8;background-color:#0000;display:block;position:absolute;top:50%;transform:translateY(-50%)}.blocks-app .image-ai .image-ai__arrow--next{right:0;transform:translateY(-50%)translate(-100%)}.blocks-app .image-ai .image-ai__arrow--prev{left:0}.blocks-app .image-ai .image-ai__arrow-btn{border-radius:100px}.blocks-app .image-ai .image-ai__arrow-btn--next{right:10px}.blocks-app .image-ai .image-ai__arrow-btn--prev{left:10px}.blocks-app .image-ai .image-ai__row{padding:0 2px}.blocks-app .image-ai .image-ai__input-affix-wrapper{padding-left:0}.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}.blocks-app .image-ai .image-ai__carousel{margin-top:24px}.dark .blocks-app .image-ai .ant-carousel .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-tab .ant-divider-horizontal.ant-divider-with-text:before,.blocks-app .stock-tab .ant-divider-horizontal.ant-divider-with-text:after{transform: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}.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);overflow-y:clip}.blocks-app .ant-modal{transition:width .7s ease-in-out}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { s as e } from "./d6d2d2d0.js";
-import "./4091ba5b.js";
-import { B as t, Bt as n, Ft as r, K as i, P as a, c as o, k as s, r as c, v as l } from "./cdc9ba92.js";
-import { I as u, Rt as d } from "./4ac4908c.js";
-import "./a513adfd.js";
-import { a as f, i as p, r as m } from "./a2fa7b5b.js";
-import { a as h, d as g, i as _, l as v, n as y, r as b, u as x } from "./972b15b0.js";
-import { $t as S, en as C } from "./5fa1772b.js";
-import "./eb029366.js";
-import { O as w, at as T, b as ee, h as te, i as E, t as D, ut as ne, v as O, x as k, xt as A } from "./df1a1225.js";
-import { C as j, D as M, E as N, O as re, T as ie, b as ae, f as P, h as oe, i as F, l as se, o as ce, p as I, r as le, s as L, t as ue, u as de, v as fe, w as pe } from "./3469930c.js";
-import { f as me, o as he, r as ge, s as R } from "./2b250af6.js";
-//#region src/modules/components/ImagePreview/ImagePreview.scss
-var z = /* @__PURE__ */ e(x()), _e = A(), B = /* @__PURE__ */ e(g()), V = /* @__PURE__ */ e(n()), H = v(), U = (e, t = "application/octet-stream") => fetch(`data:${t};base64,${e}`).then((e) => e.blob());
-function ve(e, t) {
-	if (e === "json") return new Blob([t], { type: "application/json" });
-	if (e === "svg") return new Blob([t], { type: "image/svg+xml" });
-	let n = `image/${e}`;
-	return t = t.replace(/data:image\/([a-z]*)?;base64,/, ""), U(t, n);
-}
-var ye = /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-	style: { fontSize: 48 },
-	spin: !0
-}), be = ({ currentImageLink: e, newLink: n, onSave: i, uploadImageResultIsLoading: s }) => {
-	let u = ue(), [h, g] = (0, V.useState)(), [v, x] = (0, V.useState)(), { __: S } = O(), C = p(), w = f(), E = m(ee), ne = m(ae), k = m(T), A = (0, V.useRef)(!1), [j, M] = (0, V.useState)(), N = te(r.FILE_PROXY_EVENT_ID);
-	(0, V.useEffect)(() => {
-		(async () => {
-			let t;
-			try {
-				t = await (await fetch(e)).blob();
-			} catch {
-				if (t = await N.fire({
-					url: e,
-					project: k
-				}).filter((e) => e instanceof Blob)[0], !t) {
-					let n = u.get(o.em_token) || await d.getInstance(w, c);
-					t = await (await fetch(`https://app.emailmaker.ru/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(e)}`, { headers: { authorization: `Bearer ${n}` } })).blob();
-				}
-			}
-			if (t) {
-				let e = new FileReader();
-				e.onload = () => {
-					j?.tools.import.openBackgroundImage(h), e.result !== h && (g(e.result), x(t.type));
-				}, e.readAsDataURL(t);
-			}
-		})().catch((e) => console.log(e));
-	}, [
-		e,
-		n,
-		g,
-		u,
-		h,
-		j,
-		N,
-		k,
-		w
-	]);
-	let re = (0, V.useCallback)(() => {
-		g(null), x(null), C(F()), C(I()), C(P(t.UPLOAD_IMAGE_MODAL));
-	}, [C]), ie = (0, V.useRef)();
-	ie.current = async function(e, t, n) {
-		let r = await ve(n, e);
-		i && i(new File([r], t, {
-			lastModified: (/* @__PURE__ */ new Date()).getTime(),
-			type: r.type
-		}));
-	};
-	let oe = (0, V.useCallback)((e) => {
-		if (e && !(A.current && j)) {
-			A.current = !0;
-			let e = E.locale ? E.locale.replace("_", "-") : "ru-RU", t = E.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? l : a : E.theme;
-			b.init({
-				selector: "#pixie-editor",
-				baseUrl: D() + "assets/pixie",
-				image: h,
-				activeLanguage: e,
-				languages: _(e, S),
-				tools: y,
-				ui: {
-					menubar: {
-						replaceDefaultItems: !0,
-						items: [
-							{
-								type: "undoWidget",
-								align: "left"
-							},
-							{
-								type: "zoomWidget",
-								align: "center",
-								desktopOnly: !0
-							},
-							{
-								type: "button",
-								icon: /* @__PURE__ */ (0, H.jsx)(z.HistoryOutlined, { style: { fontSize: 20 } }),
-								align: "right",
-								desktopOnly: !0,
-								action: (e) => {
-									e.togglePanel("history");
-								}
-							},
-							{
-								type: "button",
-								icon: /* @__PURE__ */ (0, H.jsx)(z.CloseOutlined, { style: { fontSize: 20 } }),
-								align: "right",
-								desktopOnly: !0,
-								action: () => re()
-							}
-						]
-					},
-					nav: { position: "top" },
-					activeTheme: t,
-					mode: "inline",
-					forceOverlayModeOnMobile: !1
-				},
-				onSave: async function(e, t, n) {
-					ie.current(e, t, n);
-				}
-			}).then((e) => {
-				M(e);
-			}).catch((e) => console.log(e));
-		}
-	}, [
-		E.theme,
-		h,
-		j,
-		M,
-		E.locale,
-		S,
-		re
-	]), se = (0, V.useCallback)(() => {
-		j?.tools.export.save(e?.split("/").pop().split(".")[0], v?.split("/")[1]);
-	}, [
-		j,
-		e,
-		v
-	]);
-	return /* @__PURE__ */ (0, H.jsxs)(B.Modal, {
-		afterOpenChange: oe,
-		width: "100%",
-		style: {
-			maxWidth: "100%",
-			minHeight: "100vh"
-		},
-		className: "image-editor-modal blocks-modal",
-		centered: !0,
-		closable: !1,
-		zIndex: 1100,
-		mask: !1,
-		open: ne,
-		footer: [/* @__PURE__ */ (0, H.jsx)(B.Button, {
-			className: "em-analytics__profile-cancel",
-			onClick: re,
-			children: S("Cancel")
-		}, "Cancel"), /* @__PURE__ */ (0, H.jsx)(B.Button, {
-			className: "em-analytics__profile-updapixiete",
-			id: "save",
-			type: "primary",
-			onClick: se,
-			children: S("Update")
-		}, "Ok")],
-		children: [s && /* @__PURE__ */ (0, H.jsx)("div", {
-			style: {
-				position: "absolute",
-				height: "100%",
-				width: "100%",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				background: "var(--colorBgLayout)",
-				zIndex: 10,
-				opacity: .7
-			},
-			children: /* @__PURE__ */ (0, H.jsx)(B.Spin, {
-				size: "large",
-				indicator: ye
-			})
-		}), /* @__PURE__ */ (0, H.jsx)("div", { id: "pixie-editor" })]
-	});
-}, xe = /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-	style: { fontSize: 48 },
-	spin: !0
-}), Se = ({ currentImageLink: e, newLink: t, onSave: n, uploadImageResultIsLoading: r }) => /* @__PURE__ */ (0, H.jsxs)(H.Fragment, { children: [/* @__PURE__ */ (0, H.jsx)("div", { children: /* @__PURE__ */ (0, H.jsxs)("div", {
-	className: "image-preview",
-	children: [r && /* @__PURE__ */ (0, H.jsx)("div", {
-		style: {
-			position: "absolute",
-			height: "100%",
-			width: "100%",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			background: "var(--colorBgLayout)",
-			zIndex: 10,
-			opacity: .7
-		},
-		children: /* @__PURE__ */ (0, H.jsx)(B.Spin, {
-			size: "large",
-			indicator: xe
-		})
-	}), (t || e) && /* @__PURE__ */ (0, H.jsx)("img", {
-		alt: "uploadedImage",
-		src: t || e
-	})]
-}) }), /* @__PURE__ */ (0, H.jsx)(be, {
-	currentImageLink: e,
-	newLink: t,
-	onSave: n,
-	uploadImageResultIsLoading: r
-})] }), W = "emailmaker", Ce = ({ setCurrentImageLink: e, setModalHeight: t, setModalWidth: n, setImageStockList: r, imageStockList: i, currentReq: a, setCurrentReq: o, inputRef: s, setStockLink: c, customRequest: l }) => {
-	let [u, d] = (0, V.useState)(!1), [f, p] = (0, V.useState)(2), { __: m } = O(), [h] = M(), [g] = N(), _ = async () => {
-		u || (d(!0), g({
-			query: a,
-			page: f
-		}).then((e) => {
-			r((t) => [...t, ...e.data.results]), d(!1), p((e) => e + 1);
-		}).catch(() => {
-			d(!1);
-		}));
-	};
-	(0, V.useEffect)(() => {
-		a.keywords !== "" && v();
-	}, [a.color, a.orientation]);
-	let v = async () => {
-		let e = await g({
-			query: a,
-			page: 1
-		});
-		e.data.results.length > 0 && (r(e.data.results), setTimeout(() => {
-			n(1060), t("84vh");
-		}, 0));
-	}, [y, b] = (0, V.useState)(null), x = (e, t, n) => {
-		try {
-			let r = new URL(e), i = r.pathname.split("/").filter(Boolean), a = i.pop() || "", o = i.join("/"), s = `https://${r.host}${o ? "/" + o : ""}`, c = `https://px2.racs.rest/${a}`, l = r.search ? r.search.slice(1) : "";
-			return `${c}?${`${l ? `${l}&w=${t}&q=${n}` : "w=644&q=96"}&proxy_url=${s}`}`;
-		} catch {
-			return e;
-		}
-	}, w = (t, n, r) => {
-		h(n.download_location), b(r), setTimeout(() => b(null), 2e3), c(`${t.raw}&w=1200&q=96`), e(`${t.raw}&w=1200&q=96`), l(`${t.raw}&w=1200&q=96`);
-	};
-	return /* @__PURE__ */ (0, H.jsxs)("div", {
-		className: "stock-tab",
-		children: [/* @__PURE__ */ (0, H.jsxs)(B.Form, {
-			onValuesChange: v,
-			className: i.length > 0 ? "serach-results" : "",
-			children: [/* @__PURE__ */ (0, H.jsxs)(B.Row, {
-				gutter: 24,
-				children: [/* @__PURE__ */ (0, H.jsx)(B.Col, {
-					span: i.length > 0 ? "" : 24,
-					children: /* @__PURE__ */ (0, H.jsx)(B.Form.Item, {
-						className: "stock-search-input",
-						children: /* @__PURE__ */ (0, H.jsx)(B.Input, {
-							onKeyDown: (e) => e.code === "Space" && v(),
-							onPressEnter: (e) => v(),
-							allowClear: !0,
-							size: i.length > 0 ? "medium" : "large",
-							placeholder: m("Search image"),
-							value: a.keywords,
-							onChange: (e) => o((t) => ({
-								...t,
-								keywords: e.target.value
-							})),
-							ref: s,
-							spellCheck: "false",
-							suffix: /* @__PURE__ */ (0, H.jsx)(z.SearchOutlined, {
-								onClick: v,
-								className: "cards-search__search-icon, input-icon",
-								style: {
-									fontSize: "16px",
-									cursor: "pointer"
-								}
-							})
-						})
-					})
-				}), i.length > 0 && /* @__PURE__ */ (0, H.jsxs)(H.Fragment, { children: [/* @__PURE__ */ (0, H.jsx)(B.Col, { children: /* @__PURE__ */ (0, H.jsxs)(B.Radio.Group, {
-					defaultValue: "",
-					onChange: (e) => o((t) => ({
-						...t,
-						orientation: e.target.value
-					})),
-					children: [
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("All"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								value: "",
-								children: /* @__PURE__ */ (0, H.jsx)(R, { icon: "MixedView" })
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Landscape"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								value: "landscape",
-								children: /* @__PURE__ */ (0, H.jsx)(R, { icon: "LandscapeView" })
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Portrait"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								value: "portrait",
-								children: /* @__PURE__ */ (0, H.jsx)(R, { icon: "PortraitView" })
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Squarish"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								value: "squarish",
-								children: /* @__PURE__ */ (0, H.jsx)(R, { icon: "SquareView" })
-							})
-						})
-					]
-				}) }), /* @__PURE__ */ (0, H.jsx)(B.Col, { children: /* @__PURE__ */ (0, H.jsxs)(B.Radio.Group, {
-					defaultValue: "",
-					className: "stock-color-filter",
-					onChange: (e) => o((t) => ({
-						...t,
-						color: e.target.value
-					})),
-					children: [
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("All"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "all-colors",
-								value: "",
-								children: "All"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Black"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "black-color",
-								value: "black",
-								children: "B"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Black and White"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "bw-color",
-								value: "black_and_white",
-								children: "B&§W"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("White"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "white-color",
-								value: "white",
-								children: "W"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Orange"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "orange-color",
-								value: "orange",
-								children: "O"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Red"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "red-color",
-								value: "red",
-								children: "R"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Purple"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "purple-color",
-								value: "purple",
-								children: "P"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Magenta"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "magenta-color",
-								value: "magenta",
-								children: "M"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Green"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "green-color",
-								value: "green",
-								children: "G"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Teal"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "teal-color",
-								value: "teal",
-								children: "T"
-							})
-						}),
-						/* @__PURE__ */ (0, H.jsx)(B.Tooltip, {
-							title: m("Blue"),
-							placement: "top",
-							children: /* @__PURE__ */ (0, H.jsx)(B.Radio.Button, {
-								className: "blue-color",
-								value: "blue",
-								children: "Blue"
-							})
-						})
-					]
-				}) })] })]
-			}), i.length > 0 && /* @__PURE__ */ (0, H.jsx)("div", {
-				className: "blocks-search__divider-wrapper",
-				children: /* @__PURE__ */ (0, H.jsx)("div", {
-					className: "ant-divider ant-divider-horizontal",
-					role: "separator"
-				})
-			})]
-		}), /* @__PURE__ */ (0, H.jsx)("div", {
-			className: "serach-output-wrapper",
-			style: { marginRight: -10 },
-			children: i.length > 0 && /* @__PURE__ */ (0, H.jsx)("div", {
-				id: "scrollableDiv",
-				style: {
-					width: "100%",
-					height: "calc(84vh - 148px)",
-					overflow: "auto",
-					paddingTop: 24,
-					paddingRight: 14,
-					paddingLeft: 24,
-					marginLeft: -24,
-					lineHeight: "0",
-					boxSizing: "unset"
-				},
-				children: /* @__PURE__ */ (0, H.jsx)(C, {
-					dataLength: i && i.length,
-					next: _,
-					hasMore: i,
-					endMessage: /* @__PURE__ */ (0, H.jsxs)(B.Divider, {
-						plain: !0,
-						children: [m("That`s all we could find."), " 🤐"]
-					}),
-					scrollableTarget: "scrollableDiv",
-					style: { overflow: "visible" },
-					loader: null,
-					children: /* @__PURE__ */ (0, H.jsx)(S, {
-						breakpointCols: { default: 3 },
-						className: "my-masonry-grid",
-						columnClassName: "my-masonry-grid_column",
-						children: i.map((e) => /* @__PURE__ */ (0, H.jsxs)("div", {
-							className: "list-item",
-							onClick: () => w(e.urls, e.links, e.id),
-							children: [
-								/* @__PURE__ */ (0, H.jsx)("img", {
-									className: y === e.id ? "loaded-image" : "",
-									width: "322px",
-									src: x(e.urls.raw, 644, 96),
-									alt: e.description,
-									onLoad: (e) => e.target.parentNode.classList.add("loaded")
-								}),
-								/* @__PURE__ */ (0, H.jsxs)("p", {
-									className: "creator-info",
-									onClick: (e) => e.stopPropagation(),
-									children: [
-										"Photo by",
-										" ",
-										/* @__PURE__ */ (0, H.jsx)("a", {
-											target: "_blank",
-											href: `${e.user.links.html}?utm_source=${W}&utm_medium=referral`,
-											rel: "noreferrer",
-											children: e.user.name
-										}),
-										" ",
-										"on",
-										" ",
-										/* @__PURE__ */ (0, H.jsx)("a", {
-											target: "_blank",
-											href: `https://unsplash.com/?utm_source=${W}&utm_medium=referral`,
-											rel: "noreferrer",
-											children: "Unsplash"
-										})
-									]
-								}),
-								y === e.id && /* @__PURE__ */ (0, H.jsx)(B.Spin, {
-									className: "ant-spin",
-									indicator: /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, { spin: !0 })
-								})
-							]
-						}, e.id))
-					})
-				})
-			})
-		})]
-	});
-}, we = ({ images: e, transitionDuration: t = 1e3 }) => {
-	let [n, r] = (0, V.useState)([]);
-	return (0, V.useEffect)(() => {
-		if (e.length > 0) {
-			let t = e[e.length - 1];
-			r((e) => [...e, {
-				src: t,
-				opacity: 0
-			}]), setTimeout(() => {
-				r((e) => e.map((t, n) => n === e.length - 1 ? {
-					...t,
-					opacity: 1
-				} : t));
-			}, 1e3);
-		}
-	}, [e]), /* @__PURE__ */ (0, H.jsx)("div", {
-		className: "slideshow-container",
-		children: n.map((e, n) => /* @__PURE__ */ (0, H.jsx)("img", {
-			src: `data:image/jpeg;base64, ${e.src}`,
-			alt: `Slide ${n + 1}`,
-			className: "slideshow-image",
-			style: {
-				opacity: e.opacity,
-				transition: `opacity ${t}ms linear`
-			}
-		}, n))
-	});
-};
-//#endregion
-//#region src/modules/components/ImageAI/useImageAIGeneration.ts
-function Te({ setModalHeight: e, customRequest: t, aiTabRef: n, isImageUploaded: a, setIsImageUploaded: o, aiImageRequest: c, imageAiList: l, setImageAiList: d, isLoadingAi: f, setIsLoadingAi: p }) {
-	let { __: m } = O(), h = u(), g = E(), _ = ne(), { emailId: v, blockId: y, projectId: b } = (0, _e.useParams)(), [x] = re(), [S, { data: C = [] }] = j(), w = h?.sendAIImageRequest || x, T = h?.trigger || S, ee = h?.handleLimitUsageEmitter || te(r.ON_LIMIT_ID), [D, k] = (0, V.useState)(0), [A, M] = (0, V.useState)(null), [N, ie] = (0, V.useState)(!1), [ae, P] = (0, V.useState)(m("Evaluating the task")), [oe, F] = (0, V.useState)(!1), se = v || y, { limits: ce } = h?.limits ? h : { limits: { ai_img_limit: 0 } }, { ai_img_limit: I } = ce, le = I > 0 && D >= I, L = !!(h.limits && h.counters) && i.isPlugin, ue = (0, V.useCallback)(() => {
-		ee.fire({
-			name: "AiImgCount",
-			count: D + 1
-		});
-	}, [ee, D]), de = (0, V.useMemo)(() => !le && (!L || I === 0 || D < I), [
-		le,
-		L,
-		D,
-		I
-	]), fe = (0, V.useCallback)(async () => {
-		P(m("Evaluating the task")), c !== "" && !f && (p(!0), F(!0), d([]), _({
-			event: "submit_form",
-			action: "ai_image_generation",
-			entity_id: v,
-			project_id: b
-		}), w({ body: {
-			project_id: b,
-			request: "create-image",
-			connection: "midjourney",
-			message: c
-		} }).then(({ data: e, error: t }) => {
-			if (t) throw t;
-			if (e.data.status === 401) throw Error(s);
-			e?.data.status === 200 ? (e?.data.task.id && (P(e.data.task.message), M(e.data.task.id)), e.message && g.success({
-				id: "AI_IMAGE_SEND_SUCCESS",
-				message: e.message,
-				placement: "bottomRight",
-				data: c
-			}), T({
-				task_id: e?.data.task.id,
-				entity_id: se
-			})) : (p(!1), F(!1), g.error({
-				id: "AI_IMAGE_SEND_ERROR",
-				message: e?.message || m("Something went wrong, please try again"),
-				placement: "bottomRight",
-				data: c,
-				innerException: e
-			}));
-		}).catch((e) => {
-			p(!1), F(!1), (e?.error || e?.data) && g.fromError("AI_IMAGE_SEND_ERROR", c, e.error || e);
-		}));
-	}, [
-		c,
-		f,
-		p,
-		F,
-		d,
-		_,
-		v,
-		b,
-		w,
-		g,
-		T,
-		se,
-		m
-	]), pe = (0, V.useCallback)(() => {
-		de ? (L && (k((e) => e + 1), ue()), fe()) : L && g.error({
-			message: m("The usage limit has been exceeded"),
-			description: m("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests"),
-			placement: "bottomRight"
-		});
-	}, [
-		de,
-		L,
-		k,
-		ue,
-		fe,
-		g,
-		m
-	]);
-	(0, V.useEffect)(() => {
-		L && k(h?.counters?.ai_img_counter || 0);
-	}, [h, L]);
-	let me = (0, V.useCallback)((e) => {
-		if (!a) {
-			o(!0);
-			let n = e.match(/^data:image\/([A-Za-z-+/]+);base64,(.+)$/);
-			if (!n) return;
-			let r = n[1], i = n[2], a = atob(i), s = Array(a.length);
-			for (let e = 0; e < a.length; e++) s[e] = a.charCodeAt(e);
-			let c = new Blob([new Uint8Array(s)], { type: `image/${r}` });
-			t({ file: new File([c], "image.jpeg", { type: c.type }) });
-		}
-	}, [
-		a,
-		o,
-		t
-	]), he = (0, V.useCallback)((e) => {
-		e.status !== "error" && e.status !== "Canceled" ? e.images ? (P(e.status), e.progress === 100 && (d(e.images), P(m("Evaluating the task")), M(null), F(!1))) : (d([e.data]), p(!1)) : (p(!1), F(!1), g.error({
-			id: "AI_IMAGE_GET_ERROR",
-			message: m("Something went wrong, please try again"),
-			placement: "bottomRight",
-			data: A
-		}));
-	}, [
-		d,
-		P,
-		m,
-		p,
-		e,
-		A,
-		g,
-		F
-	]);
-	return (0, V.useEffect)(() => {
-		C.length > 1 && he(C[C.length - 1]);
-	}, [C, he]), (0, V.useEffect)(() => {
-		(f || l.length > 0) && setTimeout(() => {
-			let t = 550;
-			n.current && (t = n.current.offsetHeight + 68), e(t);
-		}, 0);
-	}, [
-		n,
-		C,
-		l.length,
-		f,
-		e
-	]), {
-		aiImageCounter: D,
-		setAiImageCounter: k,
-		currentAiImgLimits: I,
-		isFieldsDisabled: le,
-		canGenerateImage: de,
-		aiImageRequest: c,
-		imageAiList: l,
-		setImageAiList: d,
-		isLoadingAi: f,
-		setIsLoadingAi: p,
-		loadingDuringGeneration: oe,
-		setLoadingDuringGeneration: F,
-		requestStatus: ae,
-		setRequestStatus: P,
-		handleGenerate: pe,
-		handleLimitAiImgCount: ue,
-		convertBase64ToFile: me,
-		isShiftPressed: N,
-		setIsShiftPressed: ie,
-		currentReqId: A,
-		setCurrentReqId: M,
-		limitsInPlugin: L
-	};
-}
-//#endregion
-//#region src/modules/components/ImageAI/ImageAI.tsx
-var Ee = (0, V.memo)(({ className: e, onClick: t }) => /* @__PURE__ */ (0, H.jsx)("div", {
-	className: `image-ai__arrow image-ai__arrow--next ${e || ""}`,
-	onClick: t,
-	children: /* @__PURE__ */ (0, H.jsx)(B.Button, {
-		className: "image-ai__arrow-btn image-ai__arrow-btn--next",
-		size: "large",
-		icon: /* @__PURE__ */ (0, H.jsx)(z.ArrowRightOutlined, {})
-	})
-}));
-Ee.displayName = "SampleNextArrow";
-var G = (0, V.memo)(({ className: e, onClick: t }) => /* @__PURE__ */ (0, H.jsx)("div", {
-	className: `image-ai__arrow image-ai__arrow--prev ${e || ""}`,
-	onClick: t,
-	children: /* @__PURE__ */ (0, H.jsx)(B.Button, {
-		className: "image-ai__arrow-btn image-ai__arrow-btn--prev",
-		size: "large",
-		icon: /* @__PURE__ */ (0, H.jsx)(z.ArrowLeftOutlined, {})
-	})
-}));
-G.displayName = "SamplePrevArrow";
-var De = ({ setModalHeight: e, customRequest: t, aiTabRef: n, inputAiRef: r, isImageUploaded: i, setIsImageUploaded: a, aiImageRequest: o, setAiImageRequest: s, imageAiList: c, setImageAiList: l, isLoadingAi: u, setIsLoadingAi: d }) => {
-	let { aiImageCounter: f, currentAiImgLimits: p, loadingDuringGeneration: m, requestStatus: h, handleGenerate: g, convertBase64ToFile: _, isShiftPressed: v, setIsShiftPressed: y, limitsInPlugin: b } = Te({
-		setModalHeight: e,
-		customRequest: t,
-		aiTabRef: n,
-		isImageUploaded: i,
-		setIsImageUploaded: a,
-		aiImageRequest: o,
-		imageAiList: c,
-		setImageAiList: l,
-		isLoadingAi: u,
-		setIsLoadingAi: d
-	}), { __: x } = O(), [S, C] = (0, V.useState)(!1), w = (0, V.useCallback)(() => C(!0), []), T = (0, V.useCallback)(() => C(!1), []), ee = (0, V.useCallback)((e) => s(e.target.value), [s]), te = (0, V.useCallback)((e) => {
-		e.key === "Shift" ? y(!0) : e.key === "Enter" && !v && (e.preventDefault(), g());
-	}, [
-		v,
-		g,
-		y
-	]), E = (0, V.useCallback)((e) => {
-		e.key === "Shift" && y(!1);
-	}, [y]);
-	return /* @__PURE__ */ (0, H.jsxs)("div", {
-		className: "image-ai",
-		children: [
-			b && /* @__PURE__ */ (0, H.jsx)(he, {
-				text: "images",
-				counter: f,
-				limits: p,
-				wrapperStyles: { marginTop: -25 }
-			}),
-			/* @__PURE__ */ (0, H.jsx)(B.Row, {
-				gutter: 24,
-				className: "image-ai__row",
-				children: /* @__PURE__ */ (0, H.jsx)(B.Col, {
-					span: 24,
-					children: /* @__PURE__ */ (0, H.jsx)(B.Form.Item, {
-						style: { margin: 0 },
-						children: /* @__PURE__ */ (0, H.jsxs)("span", {
-							className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${S ? " ant-input-affix-wrapper-focused" : ""}`,
-							children: [/* @__PURE__ */ (0, H.jsx)(B.Input.TextArea, {
-								ref: r,
-								onKeyDown: te,
-								onKeyUp: E,
-								onFocus: w,
-								onBlur: T,
-								autoSize: !0,
-								allowClear: !0,
-								className: "text-area-input-hybrid image-ai__textarea",
-								placeholder: x("Generate image"),
-								value: o,
-								onChange: ee,
-								spellCheck: "false"
-							}), /* @__PURE__ */ (0, H.jsx)("span", {
-								className: "ant-input-suffix image-ai__input-suffix",
-								children: u || m ? /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-									className: "input-icon image-ai__input-icon",
-									spin: !0
-								}) : /* @__PURE__ */ (0, H.jsx)(R, {
-									icon: "AI",
-									className: "input-icon image-ai__input-icon",
-									onClick: g
-								})
-							})]
-						})
-					})
-				})
-			}),
-			(u || c.length > 0) && /* @__PURE__ */ (0, H.jsxs)(B.Carousel, {
-				dotPosition: "top",
-				arrows: !0,
-				nextArrow: /* @__PURE__ */ (0, H.jsx)(Ee, {}),
-				prevArrow: /* @__PURE__ */ (0, H.jsx)(G, {}),
-				className: "image-ai__carousel",
-				children: [u && /* @__PURE__ */ (0, H.jsx)("div", {
-					className: "image-ai__loading",
-					children: /* @__PURE__ */ (0, H.jsxs)("div", {
-						className: "spin",
-						children: [/* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-							style: { fontSize: 48 },
-							spin: !0
-						}), /* @__PURE__ */ (0, H.jsx)("p", {
-							className: "status",
-							children: h
-						})]
-					})
-				}), c.length > 0 && c.map((e, t) => /* @__PURE__ */ (0, H.jsxs)("div", {
-					className: "image-ai__image-item",
-					children: [/* @__PURE__ */ (0, H.jsx)(we, { images: c }), /* @__PURE__ */ (0, H.jsx)("div", {
-						className: "buttons",
-						children: c.length > 0 && /* @__PURE__ */ (0, H.jsx)(B.Button, {
-							onClick: () => _(`data:image/jpeg;base64, ${e}`),
-							icon: /* @__PURE__ */ (0, H.jsx)(z.CheckOutlined, {}),
-							children: x("Use this one")
-						})
-					})]
-				}, t))]
-			})
-		]
-	});
-}, Oe = ({ setNewLink: e, setCurrentImageLink: t, setModalHeight: n, setModalWidth: r, setImageGifList: i, imageGifList: a, currentReqGif: o, setCurrentReqGif: s, inputRef: c, setStockLink: l, customRequest: u }) => {
-	let { __: d } = O(), [f, p] = (0, V.useState)(null), [m, h] = (0, V.useState)(!1), [g, _] = (0, V.useState)(25), [v] = ie(), y = async () => {
-		m || (h(!0), v({
-			query: o,
-			page: g
-		}).then((e) => {
-			i((t) => [...t, ...e.data.data]), h(!1), _((e) => e + 25);
-		}).catch(() => {
-			h(!1);
-		}));
-	}, b = async () => {
-		let e = await v({
-			query: o,
-			page: 0
-		});
-		e?.data?.data?.length > 0 && (i(e.data.data), setTimeout(() => {
-			n("84vh"), r(1060);
-		}, 0));
-	}, x = (e, n) => {
-		p(n), setTimeout(() => {
-			p(null);
-		}, 2e3), l(`${e}`), t(`${e}`), u(`${e}`);
-	}, w = { default: 3 }, T = /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-		style: { fontSize: 20 },
-		spin: !0
-	});
-	return /* @__PURE__ */ (0, H.jsxs)("div", {
-		className: "stock-tab",
-		children: [/* @__PURE__ */ (0, H.jsxs)(B.Form, {
-			onValuesChange: b,
-			className: a.length > 0 ? "serach-results" : "",
-			children: [/* @__PURE__ */ (0, H.jsx)(B.Row, {
-				gutter: 24,
-				children: /* @__PURE__ */ (0, H.jsx)(B.Col, {
-					span: a.length > 0 ? "" : 24,
-					children: /* @__PURE__ */ (0, H.jsx)(B.Form.Item, {
-						className: "stock-search-input",
-						children: /* @__PURE__ */ (0, H.jsx)(B.Input, {
-							onKeyDown: (e) => e.code === "Space" && b(),
-							onPressEnter: (e) => b(),
-							allowClear: !0,
-							size: a.length > 0 ? "medium" : "large",
-							placeholder: d("Search GIFs"),
-							value: o.keywords,
-							onChange: (e) => s((t) => ({
-								...t,
-								keywords: e.target.value
-							})),
-							ref: c,
-							spellCheck: "false",
-							suffix: /* @__PURE__ */ (0, H.jsx)(z.SearchOutlined, {
-								onClick: b,
-								className: "cards-search__search-icon, input-icon",
-								style: {
-									fontSize: "16px",
-									cursor: "pointer"
-								}
-							})
-						})
-					})
-				})
-			}), a.length > 0 && /* @__PURE__ */ (0, H.jsx)("div", {
-				className: "blocks-search__divider-wrapper",
-				children: /* @__PURE__ */ (0, H.jsx)("div", {
-					className: "ant-divider ant-divider-horizontal blocks-search__divider",
-					role: "separator"
-				})
-			})]
-		}), /* @__PURE__ */ (0, H.jsx)("div", {
-			className: "serach-output-wrapper",
-			style: { marginRight: -10 },
-			children: a.length > 0 && /* @__PURE__ */ (0, H.jsx)("div", {
-				id: "scrollableDiv",
-				style: {
-					width: "100%",
-					height: "calc(84vh - 148px)",
-					overflow: "auto",
-					paddingTop: 24,
-					paddingRight: 14,
-					paddingLeft: 24,
-					marginLeft: -24,
-					lineHeight: "0",
-					boxSizing: "unset"
-				},
-				children: /* @__PURE__ */ (0, H.jsx)(C, {
-					dataLength: a && a.length,
-					next: y,
-					hasMore: a,
-					endMessage: /* @__PURE__ */ (0, H.jsxs)(B.Divider, {
-						plain: !0,
-						children: [d("That`s all we could find."), " 🤐"]
-					}),
-					scrollableTarget: "scrollableDiv",
-					style: { overflow: "visible" },
-					loader: /* @__PURE__ */ (0, H.jsx)(B.Spin, { indicator: T }),
-					children: /* @__PURE__ */ (0, H.jsx)(S, {
-						breakpointCols: w,
-						className: "my-masonry-grid",
-						columnClassName: "my-masonry-grid_column",
-						children: a.map((e, t) => /* @__PURE__ */ (0, H.jsxs)("div", {
-							className: "list-item",
-							onClick: () => x(e.images.downsized.url, e.id),
-							children: [
-								/* @__PURE__ */ (0, H.jsx)("img", {
-									className: f === e.id ? "loaded-image" : "",
-									width: "322px",
-									src: `${e.images.downsized.url}`,
-									alt: e.title,
-									onLoad: (e) => e.target.parentNode.classList.add("loaded")
-								}),
-								/* @__PURE__ */ (0, H.jsx)("a", {
-									rel: "noreferrer",
-									href: "https://giphy.com/",
-									target: "_blank",
-									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ (0, H.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=)" }
-									})
-								}),
-								f === e.id && /* @__PURE__ */ (0, H.jsx)(B.Spin, {
-									className: "ant-spin",
-									indicator: /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, { spin: !0 })
-								})
-							]
-						}, e.id + t))
-					})
-				})
-			})
-		})]
-	});
-}, ke = "IMG", Ae = "BACKGROUND", je = "GALLERY", K = "EDITOR", q = "UPLOAD", Me = "STOCK", Ne = "GIF", Pe = "AI", { Dragger: Fe } = B.Upload, Ie = () => {
-	let e = u(), { __: n } = O(), i = p(), { projectId: a } = (0, _e.useParams)(), [o, s] = me(), [c] = pe(), { modal: l } = B.App.useApp(), d = E(), f = m(k), g = m(ee), _ = m(fe), v = m(L), y = m(ce), [b, x] = (0, V.useState)(""), [S, C] = (0, V.useState)(""), [D, ne] = (0, V.useState)(""), [A, j] = (0, V.useState)(""), [M, N] = (0, V.useState)(q), [re, ie] = (0, V.useState)({
-		width: "",
-		height: "",
-		size: "",
-		format: ""
-	}), [ae, F] = (0, V.useState)("success"), [ue, he] = (0, V.useState)(!1), R = V.default.useRef(null), U = V.default.useRef(null), ve = V.default.useRef(null), ye = V.default.useRef(null), be = V.default.useRef(null), xe = V.default.useRef(null), W = V.default.useRef(null), we = V.default.useRef(null), Te = V.default.useRef(null), [Ee, G] = (0, V.useState)("auto"), [Ie, J] = (0, V.useState)(572), [Le, Re] = (0, V.useState)(null), [ze, Be] = (0, V.useState)(!1), [Y, Ve] = (0, V.useState)({
-		keywords: "",
-		color: "",
-		orientation: ""
-	}), [He, Ue] = (0, V.useState)({ keywords: "" }), [We, Ge] = (0, V.useState)([]), [Ke, X] = (0, V.useState)([]), [qe, Je] = (0, V.useState)([]), [Ye, Xe] = (0, V.useState)(!1), [Ze, Qe] = (0, V.useState)(""), [$e, et] = (0, V.useState)(!1), [tt, nt] = (0, V.useState)(0), rt = m(T), it = te(r.FILE_PROXY_EVENT_ID), Z = !(f || g.id?.toString() !== rt?.members?.owner.ID), at = (e) => {
-		let t = e.target.value;
-		C(t), Le && clearTimeout(Le), Re(setTimeout(() => ot(t), 1e3));
-	}, ot = async (e) => {
-		if (e) try {
-			let t = await st(e);
-			Q({ url: e }), t && dt(t) && ft({ file: t });
-		} catch (e) {
-			console.error("Ошибка при обработке URL:", e);
-		}
-	}, st = async (e) => {
-		try {
-			let t = (await it.fire({
-				url: e,
-				project: rt
-			})).filter((e) => e instanceof Blob)[0];
-			if (t) return t;
-			let n = `https://api.emailmaker.ru/tools/file-proxy.php?url=${encodeURIComponent(e)}`, r = await fetch(n);
-			if (!r.ok) throw Error(`Server returned ${r.status}`);
-			let i = await r.blob();
-			return new File([i], e.split("/").pop(), { type: i.type });
-		} catch (e) {
-			console.error("Ошибка при скачивании файла:", e);
-		}
-	};
-	document.onpaste = function(t) {
-		let n = t.clipboardData.items[0];
-		if (M === q && A) {
-			if (n?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
-				let e = n.getAsFile();
-				dt(e);
-				let t = { file: e };
-				C(""), ft(t);
-			}
-			n.type.indexOf("text") === 0 && n.getAsString((e) => {
-				e.slice(0, 4) === "http" ? (C(""), x(e), Q({ url: e })) : e.toString().slice(1, 5) === "meta" && (C(""), x(e.toString().split("\"")[1]), Q({ url: e.toString().split("\"")[1] }));
-			});
-		}
-	};
-	let ct = (0, V.useMemo)(() => ({
-		IMG: v,
-		BACKGROUND: y
-	}), [v, y]);
-	(0, V.useEffect)(() => {
-		let e = (e) => {
-			let t = null;
-			_.includes("UPLOAD_BACKGROUND_MODAL") ? (t = Ae, j(Ae)) : _.includes("UPLOAD_IMAGE_MODAL") && (j(ke), t = ke), ct[t] && (x(ct[t]), N(e));
-		};
-		_ === t.UPLOAD_IMAGE_MODAL || _ === t.UPLOAD_BACKGROUND_MODAL ? e(K) : _ === t.UPLOAD_IMAGE_MODAL_AI || _ === t.UPLOAD_BACKGROUND_MODAL_AI ? (Z ? (et(!0), nt(2)) : e(Pe), setTimeout(() => Te.current?.focus({ cursor: "start" }), 100)) : _ === t.UPLOAD_IMAGE_MODAL_UPLOAD || _ === t.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (e(q), setTimeout(() => xe.current?.focus({ cursor: "start" }), 100)) : _ === t.UPLOAD_IMAGE_MODAL_STOCK || _ === t.UPLOAD_BACKGROUND_MODAL_STOCK ? (Z ? (et(!0), nt(3)) : e(Me), setTimeout(() => we.current?.focus({ cursor: "start" }), 100)) : _ === t.UPLOAD_IMAGE_MODAL_GIF || _ === t.UPLOAD_BACKGROUND_MODAL_GIF ? (Z ? (et(!0), nt(3)) : e(Ne), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : _ === t.UPLOAD_IMAGE_MODAL_EDIT || _ === t.UPLOAD_BACKGROUND_MODAL_EDIT ? (Z ? (et(!0), nt(5)) : e(K), i(oe(t.IMAGE_EDITOR_MODAL))) : j("");
-	}, [
-		_,
-		i,
-		Z,
-		ct
-	]);
-	let Q = (0, V.useCallback)(({ url: e = b || "" }) => {
-		x(e), A === ke && i(de(e)), A === Ae && i(se(e)), setTimeout(() => {
-			Ve({
-				keywords: "",
-				color: "",
-				orientation: ""
-			}), Ue({ keywords: "" }), X([]), Ge([]), j(""), Qe(""), Xe(!1), ne(""), C(""), N(q);
-		}, 200), i(P()), i(I());
-	}, [
-		b,
-		i,
-		A
-	]);
-	(0, V.useEffect)(() => {
-		let e = S || D;
-		e ? w(e).then((t) => {
-			F(t), J(572), setTimeout(() => {
-				let e = 0;
-				U.current && (e = U.current.offsetHeight + 62), G(e);
-			}, 0), Q(e);
-		}).catch((e) => {
-			F(e);
-		}) : F("");
-	}, [
-		S,
-		D,
-		Q
-	]), (0, V.useEffect)(() => {
-		b && c(b).then(({ data: e }) => {
-			ie({
-				width: e?.width,
-				height: e?.height,
-				size: (e?.fileSize / 1024).toFixed(2),
-				format: e?.format
-			});
-		});
-	}, [b, c]);
-	let lt = () => {
-		i(P()), setTimeout(() => {
-			x(""), C(""), X([]), X([]), Ve({
-				keywords: "",
-				color: "",
-				orientation: ""
-			}), Ue({ keywords: "" }), G("auto"), !Ye && Qe(""), J(572), N(q);
-		}, 200);
-	}, ut = (e) => {
-		e === je ? l.success({
-			maskClosable: !0,
-			centered: !0,
-			title: n("Coming soon"),
-			content: n("The feature is under development."),
-			okText: n("Ok. I'll be waiting"),
-			onOk: () => {}
-		}) : e === K && b === "" ? l.warning({
-			maskClosable: !0,
-			centered: !0,
-			title: n(""),
-			content: n("To preview and edit the uploaded image"),
-			okText: n("Upload Image"),
-			onOk: () => {
-				N(q);
-			}
-		}) : (setTimeout(() => {
-			let t = 0, n = 0;
-			e === q && R.current ? (Y.keywords === "" && xe.current?.focus({ cursor: "start" }), t = 300, n = 572) : e === K && U.current ? (t = U.current.offsetHeight + 62, n = 572) : e === Me && ve.current ? (Y.keywords === "" && we.current?.focus({ cursor: "start" }), t = 130, n = 572, Ke.length > 0 && (n = 1060, t = "84vh")) : e === Ne && ye.current ? (Y.keywords === "" && W.current?.focus({ cursor: "start" }), t = 130, n = 572, We.length > 0 && (n = 1060, t = "84vh")) : e === Pe && be.current && (Ze === "" && qe.length === 0 ? (Te.current?.focus({ cursor: "start" }), t = 130) : t = be.current.offsetHeight + 82, n = 572), G(t), J(n);
-		}, 0), N(e));
-	};
-	(0, V.useEffect)(() => {
-		Y.keywords === "" && (xe?.current?.focus({ cursor: "start" }), X([]), setTimeout(() => {
-			G("auto"), J(572);
-		}, 0));
-	}, [
-		Y,
-		X,
-		G,
-		J
-	]);
-	let dt = (e) => {
-		let t = e.type === "image/jpeg" || e.type === "image/png" || e.type === "image/jpg" || e.type === "image/webp" || e.type === "image/gif" || e.type === "image/svg+xml";
-		return t || d.error({
-			id: "IMAGE_UPLOAD_WRONG_FORMAT",
-			data: e,
-			message: "Upload",
-			description: "You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"
-		}), t;
-	}, ft = ({ file: t }) => {
-		let r = t.type === "image/svg+xml", i = t.type === "image/webp", s = async (t) => {
-			Be(!0);
-			let r = t.file;
-			try {
-				r.type !== "image/gif" && (t.file = await h(r, {
-					maxSizeMB: e.compressMaxSize || .45,
-					maxWidthOrHeight: e.compressMaxWidthOrHeight || 2e3
-				})), o(t).then(({ error: e, data: t }) => {
-					if (e) d.fromError("IMAGE_UPLOAD_ERROR", r, e);
-					else {
-						let e = ge(t);
-						e.error ? d.error({
-							id: "IMAGE_UPLOAD_ERROR",
-							data: r,
-							innerException: e.error.status === 400 ? t?.data || t?.[0]?.data : void 0,
-							message: e.error.code || n("Upload failed"),
-							description: e.error.message || n("File upload failed with status 400")
-						}) : e.file_url && (G("auto"), he(!1), Q({ url: e.file_url }), d.success({
-							id: "IMAGE_UPLOAD_SUCCESS",
-							data: r,
-							message: n("The image was successfully uploaded.")
-						}));
-					}
-				}).catch((e) => {}).finally(() => {
-					Be(!1);
-				});
-			} catch (e) {
-				console.error(e), Be(!1);
-			}
-		}, c = (e, t) => {
-			let n = new FileReader();
-			n.onload = function(n) {
-				let r = n.target.result, i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image();
-				o.onload = function() {
-					let n = document.createElement("canvas");
-					n.width = o.width * 2, n.height = o.height * 2, n.getContext("2d").drawImage(o, 0, 0, n.width, n.height), n.toBlob((n) => {
-						t(new File([n], e.name.replace(".svg", ".png"), { type: "image/png" })), URL.revokeObjectURL(a);
-					}, "image/png");
-				}, o.src = a;
-			}, n.readAsText(e);
-		}, l = (e, t, n = 90) => {
-			let r = new Image();
-			r.src = URL.createObjectURL(e), r.onload = () => {
-				let e = document.createElement("canvas");
-				e.width = r.width, e.height = r.height;
-				let i = e.getContext("2d");
-				i.imageSmoothingEnabled = !0, i.imageSmoothingQuality = "high", i.drawImage(r, 0, 0, e.width, e.height), e.toBlob((e) => {
-					t(new File([e], "converted.jpg", { type: "image/jpeg" }));
-				}, "image/jpeg", n / 100);
-			}, r.onerror = (e) => {
-				console.error("Error loading image:", e), t(null);
-			};
-		}, u = (e) => {
-			let t = new Image();
-			t.src = URL.createObjectURL(e), t.onload = () => {
-				s({
-					user_id: g.id,
-					folder: a,
-					file: e
-				});
-			};
-		};
-		r ? c(t, (e) => u(e)) : i ? l(t, (e) => u(e)) : u(t);
-	}, pt = (e) => ft({ file: e }), $ = [{
-		label: n("Upload"),
-		key: q,
-		children: /* @__PURE__ */ (0, H.jsxs)("div", {
-			ref: R,
-			style: { paddingBottom: 24 },
-			children: [e.imageCenterLocalUploadEnabled !== !1 && /* @__PURE__ */ (0, H.jsxs)(Fe, {
-				showUploadList: !1,
-				name: "Image",
-				beforeUpload: dt,
-				customRequest: ft,
-				style: { marginBottom: 10 },
-				multiple: !1,
-				accept: "image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml",
-				children: [
-					/* @__PURE__ */ (0, H.jsx)("p", {
-						className: "ant-upload-drag-icon",
-						children: /* @__PURE__ */ (0, H.jsx)(z.InboxOutlined, {})
-					}),
-					/* @__PURE__ */ (0, H.jsx)("p", {
-						className: "ant-upload-text",
-						children: n("Click to select, paste from the clipboard, or drag and drop")
-					}),
-					/* @__PURE__ */ (0, H.jsx)("p", {
-						className: "ant-upload-hint",
-						children: n("Accepted formats: PNG, JPG, WEBP, SVG or GIF.")
-					})
-				]
-			}), /* @__PURE__ */ (0, H.jsx)(B.Form, {
-				style: { padding: "0 2px 0 2px" },
-				children: /* @__PURE__ */ (0, H.jsx)(B.Form.Item, {
-					validateStatus: ae,
-					children: /* @__PURE__ */ (0, H.jsx)(B.Input, {
-						ref: xe,
-						allowClear: !0,
-						size: "large",
-						placeholder: n("Paste image URL here"),
-						value: S,
-						onChange: at,
-						spellCheck: "false"
-					})
-				})
-			})]
-		})
-	}];
-	e.imageCenterStockEnabled && !Z && $.push({
-		label: n("Stock"),
-		key: Me,
-		children: /* @__PURE__ */ (0, H.jsx)("div", {
-			ref: ve,
-			style: { paddingBottom: 24 },
-			children: /* @__PURE__ */ (0, H.jsx)(Ce, {
-				currentReq: Y,
-				setCurrentReq: Ve,
-				imageStockList: Ke,
-				setImageStockList: X,
-				setModalWidth: J,
-				setModalHeight: G,
-				setStockLink: ne,
-				setCurrentImageLink: x,
-				inputRef: we,
-				customRequest: ot
-			})
-		})
-	}), e.imageCenterGifEnabled && !Z && $.push({
-		label: n("GIF"),
-		key: Ne,
-		children: /* @__PURE__ */ (0, H.jsx)("div", {
-			ref: ye,
-			style: { paddingBottom: 24 },
-			children: /* @__PURE__ */ (0, H.jsx)(Oe, {
-				currentReqGif: He,
-				setCurrentReqGif: Ue,
-				imageGifList: We,
-				setImageGifList: Ge,
-				setModalWidth: J,
-				setModalHeight: G,
-				setStockLink: ne,
-				setCurrentImageLink: x,
-				inputRef: W,
-				customRequest: ot
-			})
-		})
-	}), e.elementAIimageEnabled && !Z && $.push({
-		label: n("AI"),
-		key: Pe,
-		children: /* @__PURE__ */ (0, H.jsx)("div", {
-			ref: be,
-			style: { paddingBottom: 24 },
-			children: /* @__PURE__ */ (0, H.jsx)(De, {
-				setModalHeight: G,
-				customRequest: ft,
-				aiImageRequest: Ze,
-				setAiImageRequest: Qe,
-				imageAiList: qe,
-				setImageAiList: Je,
-				isLoadingAi: Ye,
-				setIsLoadingAi: Xe,
-				aiTabRef: be,
-				inputAiRef: Te,
-				isImageUploaded: ue,
-				setIsImageUploaded: he
-			})
-		})
-	}), e.imageCenterEditorEnabled && $.push({
-		label: "",
-		key: K,
-		children: /* @__PURE__ */ (0, H.jsx)("div", {
-			ref: U,
-			children: /* @__PURE__ */ (0, H.jsx)(Se, {
-				currentImageLink: b,
-				newLink: S,
-				imageSize: re,
-				onSave: pt,
-				uploadImageResultIsLoading: s.isLoading || !1
-			})
-		})
-	});
-	let mt = /* @__PURE__ */ (0, H.jsx)(z.LoadingOutlined, {
-		style: {
-			fontSize: 32,
-			margin: -16
-		},
-		spin: !0
-	});
-	return /* @__PURE__ */ (0, H.jsxs)(H.Fragment, { children: [/* @__PURE__ */ (0, H.jsx)(B.Modal, {
-		width: Ie,
-		className: "image-center blocks-modal",
-		title: n("Image Center"),
-		centered: !0,
-		style: { minHeight: 390 },
-		open: !!A,
-		onOk: Q,
-		onCancel: lt,
-		footer: M === K ? /* @__PURE__ */ (0, H.jsx)(H.Fragment, {}) : null,
-		children: /* @__PURE__ */ (0, H.jsx)(B.Spin, {
-			spinning: ze,
-			indicator: mt,
-			children: /* @__PURE__ */ (0, H.jsx)(B.Tabs, {
-				activeKey: M,
-				onChange: ut,
-				items: $,
-				style: {
-					height: Ee,
-					minHeight: 130
-				}
-			})
-		})
-	}), /* @__PURE__ */ (0, H.jsx)(le, {
-		open: $e,
-		onCancel: () => et(!1),
-		initialSlide: tt
-	})] });
-};
-//#endregion
-export { Ie as default };