useblocks 1.1.64 → 1.1.70

package/static/core/90f16a4b.js

@@ -1,2089 +0,0 @@
-(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/90f16a4b.js", [
-	"require",
-	"exports",
-	"module",
-	"static/core/63b7b25e.js",
-	"static/core/bcee99d6.js",
-	"static/core/6c0b4555.js",
-	"static/core/b0712bbb.js",
-	"static/core/411c06d9.js",
-	"static/core/40f1c391.js",
-	"react",
-	"react/jsx-runtime"
-], function(ge, gt, on) {
-	const Ze = ge("./63b7b25e.js"), u = ge("./bcee99d6.js"), Z = ge("./6c0b4555.js"), ne = ge("./b0712bbb.js"), m = ge("./411c06d9.js"), P = ge("./40f1c391.js");
-	let n = ge("react");
-	n = Ze.__toESM(n);
-	let r = ge("react/jsx-runtime");
-	var ht = Ze.__toESM(ne.require_prop_types());
-	function yt(t, e) {
-		return { [t]: {
-			Filter: e("Filter"),
-			filter: e("filter"),
-			Resize: e("Resize"),
-			resize: e("resize"),
-			Crop: e("Crop"),
-			Width: e("Width"),
-			width: e("width"),
-			Height: e("Height"),
-			height: e("height"),
-			"Background color": e("Background color"),
-			Cancel: e("Cancel"),
-			Create: e("Create"),
-			Objects: e("Objects"),
-			Quality: e("Quality"),
-			Save: e("Save"),
-			"Loading Canvas": e("Loading Canvas"),
-			"Loading Image": e("Loading Image"),
-			"Loading State": e("Loading State"),
-			"Processing Image": e("Processing Image"),
-			Close: e("Close"),
-			Apply: e("Apply"),
-			Font: e("Font"),
-			Color: e("Color"),
-			Background: e("Background"),
-			Image: e("Image"),
-			Opacity: e("Opacity"),
-			Outline: e("Outline"),
-			Shadow: e("Shadow"),
-			Gradient: e("Gradient"),
-			Texture: e("Texture"),
-			"Replace Image": e("Replace Image"),
-			"Outline Color": e("Outline Color"),
-			"Shadow Color": e("Shadow Color"),
-			"Font Size": e("Font Size"),
-			Radius: e("Radius"),
-			"Brush Color": e("Brush Color"),
-			"Brush Type": e("Brush Type"),
-			"Brush Size": e("Brush Size"),
-			History: e("History"),
-			"Maintain aspect ratio": e("Maintain aspect ratio"),
-			"New Text": e("New Text"),
-			Size: e("Size"),
-			Draw: e("Draw"),
-			Text: e("Text"),
-			Stickers: e("Stickers"),
-			Frame: e("Frame"),
-			Shapes: e("Shapes"),
-			Corners: e("Corners"),
-			corners: e("corners"),
-			Done: e("Done"),
-			"Applied Filters": e("Applied Filters"),
-			"Resized Image": e("Resized Image"),
-			"Cropped Image": e("Cropped Image"),
-			"Added Drawing": e("Added Drawing"),
-			"Added Text": e("Added Text"),
-			"Added Shape": e("Added Shape"),
-			"Added Sticker": e("Added Sticker"),
-			"Added Frame": e("Added Frame"),
-			"Merged Objects": e("Merged Objects"),
-			"Rounded Corner": e("Rounded Corner"),
-			"Replaced Background Image": e("Replaced Background Image"),
-			"Added Image": e("Added Image"),
-			Initial: e("Initial"),
-			"Loaded State": e("Loaded State"),
-			"Changed Style": e("Changed Style"),
-			"Deleted object": e("Deleted object"),
-			Merge: e("Merge"),
-			Emoticons: e("Emoticons"),
-			Doodles: e("Doodles"),
-			Landmarks: e("Landmarks"),
-			Bubbles: e("Bubbles"),
-			Transportation: e("Transportation"),
-			Beach: e("Beach"),
-			PencilBrush: e("PencilBrush"),
-			SprayBrush: e("SprayBrush"),
-			CircleBrush: e("CircleBrush"),
-			DiamondBrush: e("DiamondBrush"),
-			VLineBrush: e("VLineBrush"),
-			HLineBrush: e("HLineBrush"),
-			SquareBrush: e("SquareBrush"),
-			Square: e("Square"),
-			square: e("square")
-		} };
-	}
-	function Xe(t, e = "application/octet-stream") {
-		let o = t.trim(), a = e?.trim() || "application/octet-stream";
-		const i = o.indexOf(",");
-		if (o.startsWith("data:") && i >= 0) {
-			const d = o.slice(5, i).split(";")[0]?.trim();
-			d && (a = d), o = o.slice(i + 1);
-		}
-		const l = o.replace(/\s/g, ""), b = atob(l), p = new Uint8Array(b.length);
-		for (let d = 0; d < b.length; d++) p[d] = b.charCodeAt(d);
-		return new Blob([p], { type: a });
-	}
-	var vt = "static/media/image-editor", Ct = { text: {
-		replaceDefaultItems: !0,
-		defaultText: "Handwriting",
-		items: [
-			{
-				family: "Inter",
-				src: "fonts/inter-v20-cyrillic_latin-regular.woff2"
-			},
-			{
-				family: "Commissioner",
-				src: "fonts/commissioner-v24-cyrillic_latin-regular.woff2"
-			},
-			{
-				family: "Montserrat Light",
-				src: "fonts/Montserrat-Light.woff2"
-			},
-			{
-				family: "Montserrat Regular",
-				src: "fonts/Montserrat-Regular.woff2"
-			},
-			{
-				family: "Montserrat Bold",
-				src: "fonts/Montserrat-Bold.woff2"
-			},
-			{
-				family: "Montserrat Black",
-				src: "fonts/Montserrat-Black.woff2"
-			},
-			{
-				family: "Roboto Light",
-				src: "fonts/Roboto-Light.woff2"
-			},
-			{
-				family: "Roboto Regular",
-				src: "fonts/Roboto-Regular.woff2"
-			},
-			{
-				family: "Roboto Bold",
-				src: "fonts/Roboto-Bold.woff2"
-			},
-			{
-				family: "Roboto Black",
-				src: "fonts/Roboto-Black.woff2"
-			},
-			{
-				family: "Lato Light",
-				src: "fonts/Lato-Light.woff2"
-			},
-			{
-				family: "Lato Regular",
-				src: "fonts/Lato-Regular.woff2"
-			},
-			{
-				family: "Lato Bold",
-				src: "fonts/Lato-Bold.woff2"
-			},
-			{
-				family: "Lato Black",
-				src: "fonts/Lato-Black.woff2"
-			},
-			{
-				family: "Rubik Light",
-				src: "fonts/Rubik-Light.woff2"
-			},
-			{
-				family: "Rubik Regular",
-				src: "fonts/Rubik-Regular.woff2"
-			},
-			{
-				family: "Rubik Bold",
-				src: "fonts/Rubik-Bold.woff2"
-			},
-			{
-				family: "Rubik Black",
-				src: "fonts/Rubik-Black.woff2"
-			},
-			{
-				family: "Bebas Neue Light",
-				src: "fonts/BebasNeueLight.woff2"
-			},
-			{
-				family: "Bebas Neue Regular",
-				src: "fonts/BebasNeueRegular.woff2"
-			},
-			{
-				family: "Bebas Neue Book",
-				src: "fonts/BebasNeueBook.woff2"
-			},
-			{
-				family: "Bebas Neue Bold",
-				src: "fonts/BebasNeueBold.woff2"
-			},
-			{
-				family: "Fira Sans",
-				src: "fonts/fira-sans-v11-latin-ext_latin_cyrillic-regular.woff2"
-			},
-			{
-				family: "Lobster",
-				src: "fonts/Lobster.woff2"
-			},
-			{
-				family: "Pacifico",
-				src: "fonts/pacifico-v23-cyrillic_latin-regular.woff2"
-			},
-			{
-				family: "Playfair Display",
-				src: "fonts/playfair-display-v40-cyrillic_latin-regular.woff2"
-			},
-			{
-				family: "Oswald",
-				src: "fonts/oswald-v57-cyrillic_latin-regular.woff2"
-			},
-			{
-				family: "Caveat",
-				src: "fonts/caveat-v23-cyrillic_latin-regular.woff2"
-			}
-		]
-	} };
-	function bt(t, e) {
-		if (t === "json") return new Blob([e], { type: "application/json" });
-		if (t === "svg") return new Blob([e], { type: "image/svg+xml" });
-		const o = `image/${t}`;
-		return Xe(e.replace(/data:image\/([a-z]*)?;base64,/, ""), o);
-	}
-	var wt = ({ currentImageLink: t, prefetchedBlob: e, resolveImageBlob: o, onSave: a, uploadImageResultIsLoading: i }) => {
-		const l = P.useCookieManager(), [b, p] = (0, n.useState)(), [d, v] = (0, n.useState)(), { __: I } = m.useI18n();
-		let w = u.useDispatch();
-		const C = u.useStore(), R = u.useAppConfig(), y = u.useSelector(u.selectedCurrentUser), L = u.useSelector(Z.selectSecondModal), A = u.useSelector(u.selectProject), F = (0, n.useMemo)(() => {
-			if (!R?.icons) return;
-			const j = {};
-			for (const [T, E] of Object.entries(R.icons)) typeof E == "string" && (j[T] = P.sanitizeHtml(E));
-			return Object.keys(j).length > 0 ? j : void 0;
-		}, [R?.icons]), O = (0, n.useRef)(!1), [D, H] = (0, n.useState)(), B = u.useEventEmitter(u.events.FILE_PROXY_EVENT_ID);
-		(0, n.useEffect)(() => {
-			let j = !1;
-			return (async () => {
-				const E = t;
-				if (!E && !e) return;
-				let x = e;
-				if (!x && E) try {
-					typeof o == "function" ? x = await o(E) : x = await (await fetch(E)).blob();
-				} catch {
-					if (j) return;
-					if (x = await B.fire({
-						url: E,
-						project: A
-					}).filter((U) => U instanceof Blob)[0], !x) {
-						const U = l.get(u.APP_COOKIES.em_token) || await u.di.getInstance(C, Z.TOKEN_ID);
-						x = await (await fetch(`https://app.useblocks.io/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(E)}`, { headers: { authorization: `Bearer ${U}` } })).blob();
-					}
-				}
-				if (j || !x) return;
-				const S = new FileReader();
-				S.onload = () => {
-					if (j) return;
-					const U = S.result;
-					typeof U == "string" && (p(U), v(x.type), D?.tools.import.openBackgroundImage(U));
-				}, S.onerror = () => {}, S.readAsDataURL(x);
-			})().catch((E) => {}), () => {
-				j = !0;
-			};
-		}, [
-			t,
-			e,
-			o,
-			l,
-			D,
-			B,
-			A,
-			C
-		]);
-		const z = (0, n.useCallback)(() => {
-			p(null), v(null), w(Z.closeSecondModal()), w(Z.closeModal(u.MODALS.UPLOAD_IMAGE_MODAL));
-		}, [w]), V = (0, n.useRef)();
-		V.current = async function(j, T, E) {
-			try {
-				const x = bt(E, j);
-				a && await a(new File([x], T, {
-					lastModified: Date.now(),
-					type: x.type
-				}));
-			} catch (x) {
-				throw x;
-			}
-		};
-		const ee = (0, n.useCallback)((j) => {
-			if (j && !(O.current && D)) {
-				O.current = !0;
-				const T = y.locale ? y.locale.replace("_", "-") : "en-US", E = y.theme === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? u.DARK : u.LIGHT : y.theme;
-				P.Tf.init({
-					selector: "#pixie-editor",
-					baseUrl: m.getBundledHostAssetUrl(vt),
-					image: b,
-					activeLanguage: T,
-					languages: yt(T, I),
-					tools: Ct,
-					ui: {
-						menubar: {
-							replaceDefaultItems: !0,
-							items: [
-								{
-									type: "undoWidget",
-									align: "left"
-								},
-								{
-									type: "zoomWidget",
-									align: "center",
-									desktopOnly: !0
-								},
-								{
-									type: "button",
-									icon: (0, r.jsx)(m.EmIcons, {
-										icon: "HistoryOutlined",
-										configIcons: F,
-										style: { fontSize: 20 }
-									}),
-									align: "right",
-									desktopOnly: !0,
-									action: (x) => {
-										x.togglePanel("history");
-									}
-								},
-								{
-									type: "button",
-									icon: (0, r.jsx)(m.EmIcons, {
-										icon: "CloseOutlined",
-										configIcons: F,
-										style: { fontSize: 20 }
-									}),
-									align: "right",
-									desktopOnly: !0,
-									action: () => z()
-								}
-							]
-						},
-						nav: { position: "top" },
-						activeTheme: E,
-						mode: "inline",
-						forceOverlayModeOnMobile: !1
-					},
-					onSave: async function(x, S, U) {
-						try {
-							await V.current(x, S, U);
-						} catch {}
-					}
-				}).then((x) => {
-					H(x);
-				}).catch((x) => {});
-			}
-		}, [
-			y.theme,
-			b,
-			D,
-			H,
-			y.locale,
-			I,
-			z,
-			F
-		]), q = (0, n.useCallback)(() => {
-			D?.tools.export.save(t?.split("/").pop().split(".")[0], d?.split("/")[1]);
-		}, [
-			D,
-			t,
-			d
-		]);
-		return (0, r.jsxs)(m.Modal, {
-			afterOpenChange: ee,
-			width: "100%",
-			style: {
-				maxWidth: "100%",
-				minHeight: "100vh"
-			},
-			className: "image-editor-modal",
-			centered: !0,
-			closable: !1,
-			zIndex: 1100,
-			mask: !1,
-			open: L,
-			footer: [(0, r.jsx)(m.Button, {
-				className: "em-analytics__profile-cancel",
-				onClick: z,
-				children: I("Cancel")
-			}, "Cancel"), (0, r.jsx)(m.Button, {
-				className: "em-analytics__profile-updapixiete",
-				id: "save",
-				type: "primary",
-				onClick: q,
-				children: I("Update")
-			}, "Ok")],
-			children: [i && (0, r.jsx)("div", {
-				style: {
-					position: "absolute",
-					height: "100%",
-					width: "100%",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					background: "var(--colorBgLayout)",
-					zIndex: 10,
-					opacity: .7
-				},
-				children: (0, r.jsx)(m.Spin, { size: "large" })
-			}), (0, r.jsx)("div", { id: "pixie-editor" })]
-		});
-	}, At = ({ currentImageLink: t, newLink: e, previewDisplayUrl: o, resolvedPreviewObjectUrl: a, resolvedPreviewBlob: i, resolveImageBlob: l, onSave: b, uploadImageResultIsLoading: p }) => {
-		const d = o || a;
-		return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)("div", { children: (0, r.jsxs)("div", {
-			className: "image-preview",
-			children: [p && (0, r.jsx)("div", {
-				style: {
-					position: "absolute",
-					height: "100%",
-					width: "100%",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					background: "var(--colorBgLayout)",
-					zIndex: 10,
-					opacity: .7
-				},
-				children: (0, r.jsx)(m.Spin, { size: "large" })
-			}), d && (0, r.jsx)("img", {
-				alt: "uploadedImage",
-				src: d
-			})]
-		}) }), (0, r.jsx)(wt, {
-			currentImageLink: t,
-			prefetchedBlob: i,
-			resolveImageBlob: l,
-			newLink: e,
-			onSave: b,
-			uploadImageResultIsLoading: p
-		})] });
-	}, Re = {
-		Pixel: "Pixel",
-		Percent: "Percent"
-	}, Je = {
-		unit: Re.Percent,
-		value: 80
-	};
-	function It(t) {
-		return typeof t == "number" ? {
-			unit: Re.Percent,
-			value: t * 100
-		} : typeof t == "string" ? /^(\d*(\.\d+)?)px$/.exec(t) ? {
-			unit: Re.Pixel,
-			value: parseFloat(t)
-		} : /^(\d*(\.\d+)?)%$/.exec(t) ? {
-			unit: Re.Percent,
-			value: parseFloat(t)
-		} : Je : Je;
-	}
-	function xt(t, e) {
-		const o = It(t);
-		let a;
-		return o.unit === Re.Pixel ? a = `${o.value}px` : a = `${100 - o.value}%`, e ? `${a} 0px 0px 0px` : `0px 0px ${a} 0px`;
-	}
-	function $e({ next: t, hasMore: e, children: o, loader: a, scrollThreshold: i = .8, endMessage: l, style: b, height: p, scrollableTarget: d, hasChildren: v, inverse: I = !1, pullDownToRefresh: w = !1, pullDownToRefreshContent: C, releaseToRefreshContent: R, pullDownToRefreshThreshold: y = 100, refreshFunction: L, onScroll: A, dataLength: F, initialScrollY: O, className: D = "", role: H, tabIndex: B, id: z, ...V }) {
-		const [ee, q] = (0, n.useState)(!1), [j, T] = (0, n.useState)(!1), [E, x] = (0, n.useState)(0), S = (0, n.useRef)(null), U = (0, n.useRef)(null), Y = (0, n.useRef)(null), K = (0, n.useRef)(t);
-		K.current = t;
-		const s = (0, n.useRef)(L);
-		s.current = L;
-		const h = (0, n.useRef)(y);
-		h.current = y;
-		const W = (0, n.useRef)(!1), fe = (0, n.useRef)(!1), N = (0, n.useRef)(0), J = (0, n.useRef)(0), $ = (0, n.useRef)(0), G = (0, n.useCallback)(() => d instanceof HTMLElement ? d : typeof d == "string" ? document.getElementById(d) : null, [d]);
-		(0, n.useEffect)(() => {
-			if (typeof F > "u") throw new Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
-			if (w && typeof L != "function") throw new Error(`Mandatory prop "refreshFunction" missing.
-          Pull Down To Refresh functionality will not work
-          as expected. Check README.md for usage'`);
-			if (typeof O == "number") {
-				const _ = p ? S.current : G();
-				_ && _.scrollHeight > O && _.scrollTo(0, O);
-			}
-		}, []), (0, n.useEffect)(() => {
-			W.current = !1, q(!1);
-		}, [F]), (0, n.useEffect)(() => {
-			if (!e || typeof IntersectionObserver > "u") return;
-			const _ = U.current;
-			if (!_) return;
-			const re = p ? S.current : G(), M = new IntersectionObserver(([ae]) => {
-				!ae.isIntersecting || W.current || (W.current = !0, q(!0), K.current());
-			}, {
-				root: re,
-				rootMargin: xt(i, I),
-				threshold: 0
-			});
-			return M.observe(_), () => M.disconnect();
-		}, [
-			e,
-			i,
-			I,
-			p,
-			G
-		]), (0, n.useEffect)(() => {
-			var _;
-			if (!A) return;
-			const re = (_ = p ? S.current : G()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
-			if (!re) return;
-			const M = (ae) => {
-				setTimeout(() => A(ae), 0);
-			};
-			return re.addEventListener("scroll", M), () => re.removeEventListener("scroll", M);
-		}, [
-			A,
-			p,
-			G
-		]), (0, n.useEffect)(() => {
-			var _, re;
-			if (!w) return;
-			const M = (_ = p ? S.current : G()) !== null && _ !== void 0 ? _ : typeof window < "u" ? window : null;
-			if (!M) return;
-			if (!((re = Y.current) === null || re === void 0) && re.firstChild) {
-				const X = Y.current.firstChild.getBoundingClientRect().height;
-				$.current = X, x(X);
-			}
-			const ae = (X) => {
-				(M instanceof HTMLElement ? M.scrollTop : document.documentElement.scrollTop) > 0 || (fe.current = !0, X instanceof MouseEvent ? N.current = X.pageY : X instanceof TouchEvent && (N.current = X.touches[0].pageY), J.current = N.current, S.current && (S.current.style.willChange = "transform", S.current.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
-			}, g = (X) => {
-				if (!fe.current || (X instanceof MouseEvent ? J.current = X.pageY : X instanceof TouchEvent && (J.current = X.touches[0].pageY), J.current < N.current)) return;
-				const ce = J.current - N.current;
-				ce >= h.current && T(!0), !(ce > $.current * 1.5) && S.current && (S.current.style.overflow = "visible", S.current.style.transform = `translate3d(0px, ${ce}px, 0px)`);
-			}, te = () => {
-				N.current = 0, J.current = 0, fe.current = !1, T((X) => {
-					var ce;
-					return X && ((ce = s.current) === null || ce === void 0 || ce.call(s)), !1;
-				}), requestAnimationFrame(() => {
-					S.current && (S.current.style.overflow = "auto", S.current.style.transform = "none", S.current.style.willChange = "unset");
-				});
-			};
-			return M.addEventListener("touchstart", ae), M.addEventListener("touchmove", g), M.addEventListener("touchend", te), M.addEventListener("mousedown", ae), M.addEventListener("mousemove", g), M.addEventListener("mouseup", te), () => {
-				M.removeEventListener("touchstart", ae), M.removeEventListener("touchmove", g), M.removeEventListener("touchend", te), M.removeEventListener("mousedown", ae), M.removeEventListener("mousemove", g), M.removeEventListener("mouseup", te);
-			};
-		}, [
-			w,
-			p,
-			G
-		]);
-		const he = {
-			height: p ?? "auto",
-			overflow: "auto",
-			WebkitOverflowScrolling: "touch",
-			...b
-		}, ie = v || !!(o && o instanceof Array && o.length), me = w && p ? { overflow: "auto" } : {}, Ae = e ? (0, r.jsx)("div", {
-			ref: U,
-			style: { height: 1 }
-		}) : null;
-		return (0, r.jsx)("div", {
-			style: me,
-			className: "infinite-scroll-component__outerdiv",
-			children: (0, r.jsxs)("div", {
-				...V,
-				role: H,
-				tabIndex: B,
-				id: z,
-				className: ["infinite-scroll-component", D].filter(Boolean).join(" "),
-				ref: S,
-				style: he,
-				children: [
-					w && (0, r.jsx)("div", {
-						style: { position: "relative" },
-						ref: Y,
-						children: (0, r.jsx)("div", {
-							style: {
-								position: "absolute",
-								left: 0,
-								right: 0,
-								top: -1 * E
-							},
-							children: j ? R : C
-						})
-					}),
-					o,
-					!ee && !ie && e && a,
-					ee && e && a,
-					Ae,
-					!e && l
-				]
-			})
-		});
-	}
-	function St(t, e) {
-		if (t == null) return {};
-		var o = Rt(t, e), a, i;
-		if (Object.getOwnPropertySymbols) {
-			var l = Object.getOwnPropertySymbols(t);
-			for (i = 0; i < l.length; i++) a = l[i], !(e.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (o[a] = t[a]);
-		}
-		return o;
-	}
-	function Rt(t, e) {
-		if (t == null) return {};
-		var o = {}, a = Object.keys(t), i, l;
-		for (l = 0; l < a.length; l++) i = a[l], !(e.indexOf(i) >= 0) && (o[i] = t[i]);
-		return o;
-	}
-	function De() {
-		return De = Object.assign || function(t) {
-			for (var e = 1; e < arguments.length; e++) {
-				var o = arguments[e];
-				for (var a in o) Object.prototype.hasOwnProperty.call(o, a) && (t[a] = o[a]);
-			}
-			return t;
-		}, De.apply(this, arguments);
-	}
-	function et(t, e) {
-		var o = Object.keys(t);
-		if (Object.getOwnPropertySymbols) {
-			var a = Object.getOwnPropertySymbols(t);
-			e && (a = a.filter(function(i) {
-				return Object.getOwnPropertyDescriptor(t, i).enumerable;
-			})), o.push.apply(o, a);
-		}
-		return o;
-	}
-	function ke(t) {
-		for (var e = 1; e < arguments.length; e++) {
-			var o = arguments[e] != null ? arguments[e] : {};
-			e % 2 ? et(Object(o), !0).forEach(function(a) {
-				kt(t, a, o[a]);
-			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : et(Object(o)).forEach(function(a) {
-				Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(o, a));
-			});
-		}
-		return t;
-	}
-	function kt(t, e, o) {
-		return e in t ? Object.defineProperty(t, e, {
-			value: o,
-			enumerable: !0,
-			configurable: !0,
-			writable: !0
-		}) : t[e] = o, t;
-	}
-	var Et = {
-		breakpointCols: void 0,
-		className: void 0,
-		columnClassName: void 0,
-		children: void 0,
-		columnAttrs: void 0,
-		column: void 0
-	}, Te = 2, Ne = class extends n.default.Component {
-		constructor(t) {
-			super(t), this.reCalculateColumnCount = this.reCalculateColumnCount.bind(this), this.reCalculateColumnCountDebounce = this.reCalculateColumnCountDebounce.bind(this);
-			let e;
-			this.props.breakpointCols && this.props.breakpointCols.default ? e = this.props.breakpointCols.default : e = parseInt(this.props.breakpointCols) || Te, this.state = { columnCount: e };
-		}
-		componentDidMount() {
-			this.reCalculateColumnCount(), window && window.addEventListener("resize", this.reCalculateColumnCountDebounce);
-		}
-		componentDidUpdate() {
-			this.reCalculateColumnCount();
-		}
-		componentWillUnmount() {
-			window && window.removeEventListener("resize", this.reCalculateColumnCountDebounce);
-		}
-		reCalculateColumnCountDebounce() {
-			if (!window || !window.requestAnimationFrame) {
-				this.reCalculateColumnCount();
-				return;
-			}
-			window.cancelAnimationFrame && window.cancelAnimationFrame(this._lastRecalculateAnimationFrame), this._lastRecalculateAnimationFrame = window.requestAnimationFrame(() => {
-				this.reCalculateColumnCount();
-			});
-		}
-		reCalculateColumnCount() {
-			const t = window && window.innerWidth || Infinity;
-			let e = this.props.breakpointCols;
-			typeof e != "object" && (e = { default: parseInt(e) || Te });
-			let o = Infinity, a = e.default || Te;
-			for (let i in e) {
-				const l = parseInt(i);
-				l > 0 && t <= l && l < o && (o = l, a = e[i]);
-			}
-			a = Math.max(1, parseInt(a) || 1), this.state.columnCount !== a && this.setState({ columnCount: a });
-		}
-		itemsInColumns() {
-			const t = this.state.columnCount, e = new Array(t), o = n.default.Children.toArray(this.props.children);
-			for (let a = 0; a < o.length; a++) {
-				const i = a % t;
-				e[i] || (e[i] = []), e[i].push(o[a]);
-			}
-			return e;
-		}
-		renderColumns() {
-			const { column: t, columnAttrs: e = {}, columnClassName: o } = this.props, a = this.itemsInColumns(), i = `${100 / a.length}%`;
-			let l = o;
-			l && typeof l != "string" && (this.logDeprecated("The property \"columnClassName\" requires a string"), typeof l > "u" && (l = "my-masonry-grid_column"));
-			const b = ke(ke(ke({}, t), e), {}, {
-				style: ke(ke({}, e.style), {}, { width: i }),
-				className: l
-			});
-			return a.map((p, d) => n.default.createElement("div", De({}, b, { key: d }), p));
-		}
-		logDeprecated(t) {}
-		render() {
-			const t = this.props, { children: e, breakpointCols: o, columnClassName: a, columnAttrs: i, column: l, className: b } = t, p = St(t, [
-				"children",
-				"breakpointCols",
-				"columnClassName",
-				"columnAttrs",
-				"column",
-				"className"
-			]);
-			let d = b;
-			return typeof b != "string" && (this.logDeprecated("The property \"className\" requires a string"), typeof b > "u" && (d = "my-masonry-grid")), n.default.createElement("div", De({}, p, { className: d }), this.renderColumns());
-		}
-	};
-	Ne.defaultProps = Et;
-	function Fe(t, e) {
-		return t ? t.exhausted ? {
-			...t,
-			src: null
-		} : {
-			...t,
-			src: t.src || e || null
-		} : null;
-	}
-	function tt({ items: t, getItemId: e, getRequestUrl: o, createController: a }) {
-		const [i, l] = (0, n.useState)({}), b = (0, n.useRef)(new Map()), p = (0, n.useCallback)((d) => {
-			const v = e(d), I = o(d), w = `${v}:${I}`;
-			if (b.current.has(w)) return {
-				itemId: v,
-				requestUrl: I,
-				cacheKey: w,
-				controller: b.current.get(w)
-			};
-			const C = a(I);
-			return b.current.set(w, C), {
-				itemId: v,
-				requestUrl: I,
-				cacheKey: w,
-				controller: C
-			};
-		}, [
-			a,
-			e,
-			o
-		]);
-		return (0, n.useEffect)(() => {
-			const d = new Set(), v = {}, I = t.map((w) => {
-				const { itemId: C, cacheKey: R, controller: y } = p(w);
-				d.add(R), v[C] = y.src;
-				const L = Fe(y.handleChangeSrc?.(), y.src);
-				return L?.changed && L.src && (v[C] = L.src), y.subscribeToSrcChange?.((A) => {
-					const F = Fe(A, y.src);
-					!F?.changed || !F.src || l((O) => O[C] === F.src ? O : {
-						...O,
-						[C]: F.src
-					});
-				});
-			}).filter(Boolean);
-			return b.current.forEach((w, C) => {
-				d.has(C) || b.current.delete(C);
-			}), l(v), () => {
-				I.forEach((w) => w?.());
-			};
-		}, [p, t]), {
-			getDisplaySrc: (0, n.useCallback)((d) => {
-				const { itemId: v, requestUrl: I, controller: w } = p(d);
-				return i[v] || w.src || I;
-			}, [i, p]),
-			handleLoad: (0, n.useCallback)((d) => {
-				p(d).controller.handleSuccess();
-			}, [p]),
-			handleError: (0, n.useCallback)((d) => {
-				const { itemId: v, controller: I } = p(d), w = Fe(I.handleError(), I.src);
-				w?.changed && w.src && l((C) => ({
-					...C,
-					[v]: w.src
-				}));
-			}, [p])
-		};
-	}
-	var nt = "blocks", jt = ({ setCurrentImageLink: t, setModalHeight: e, setModalWidth: o, setImageStockList: a, imageStockList: i, currentReq: l, setCurrentReq: b, inputRef: p, setStockLink: d, customRequest: v }) => {
-		const I = u.useAppConfig(), w = u.useIsStandalone(), [C, R] = (0, n.useState)(!1), [y, L] = (0, n.useState)(2), { __: A } = m.useI18n(), F = m.useNotification(), [O] = Z.useLazyGetUnsplashImageQuery(), [D] = Z.useLazyGetSearchImageQuery(), H = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : A("Failed to load stock images through the configured proxy chain."), [A]), B = (0, n.useCallback)((s) => {
-			F.error({
-				id: "STOCK_IMAGES_SEARCH_FAILED",
-				title: A("Failed to load stock images"),
-				description: H(s)
-			});
-		}, [
-			A,
-			H,
-			F
-		]), z = async () => {
-			C || (R(!0), D({
-				query: l,
-				page: y
-			}).then((s) => {
-				if (s?.error) {
-					B(s.error), R(!1);
-					return;
-				}
-				const h = s?.data?.results || [];
-				a((W) => [...W, ...h]), R(!1), L((W) => W + 1);
-			}).catch(() => {
-				R(!1);
-			}));
-		};
-		(0, n.useEffect)(() => {
-			l.keywords !== "" && V();
-		}, [l.color, l.orientation]);
-		const V = async () => {
-			const s = await D({
-				query: l,
-				page: 1
-			});
-			if (s?.error) {
-				B(s.error), a([]);
-				return;
-			}
-			const h = s?.data?.results || [];
-			h.length > 0 ? (a(h), setTimeout(() => {
-				o(1060), e("84vh");
-			}, 0)) : a([]);
-		}, [ee, q] = (0, n.useState)(null), j = (0, n.useCallback)((s, h, W) => `${s}${s.includes("?") ? "&" : "?"}w=${h}&q=${W}`, []), T = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
-			config: I,
-			standalone: w,
-			resourceType: "stockImages",
-			intent: "display"
-		}), [I, w]), { getDisplaySrc: E, handleLoad: x, handleError: S } = tt({
-			items: i,
-			getItemId: (0, n.useCallback)((s) => s.id, []),
-			getRequestUrl: (0, n.useCallback)((s) => j(s.urls.raw, 644, 96), [j]),
-			createController: T
-		}), U = (s) => (h) => {
-			x(s), h.target.parentNode.classList.add("loaded");
-		}, Y = (s) => () => {
-			S(s);
-		}, K = (s, h, W) => {
-			O(h.download_location), q(W), setTimeout(() => q(null), 2e3), d(`${s.raw}&w=1200&q=96`), t(`${s.raw}&w=1200&q=96`), v(`${s.raw}&w=1200&q=96`);
-		};
-		return (0, r.jsxs)("div", {
-			className: "stock-tab",
-			children: [(0, r.jsxs)(m.Form, {
-				onValuesChange: V,
-				className: i.length > 0 ? "serach-results" : "",
-				children: [(0, r.jsxs)(m.Row, {
-					gutter: 24,
-					children: [(0, r.jsx)(m.Col, {
-						span: i.length > 0 ? "" : 24,
-						children: (0, r.jsx)(m.Form.Item, {
-							className: "stock-search-input",
-							children: (0, r.jsx)(m.SearchInput, {
-								onSearch: V,
-								allowClear: !0,
-								size: i.length > 0 ? "medium" : "large",
-								placeholder: A("Search image"),
-								value: l.keywords,
-								onChange: (s) => b((h) => ({
-									...h,
-									keywords: s.target.value
-								})),
-								ref: p,
-								spellCheck: "false",
-								enterButton: !1
-							})
-						})
-					}), i.length > 0 && (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(m.Col, { children: (0, r.jsxs)(m.Radio.Group, {
-						defaultValue: "",
-						onChange: (s) => b((h) => ({
-							...h,
-							orientation: s.target.value
-						})),
-						children: [
-							(0, r.jsx)(m.Tooltip, {
-								title: A("All"),
-								placement: "top",
-								children: (0, r.jsx)(m.Radio.Button, {
-									value: "",
-									children: (0, r.jsx)(P.EmIcons, { icon: "MixedView" })
-								})
-							}),
-							(0, r.jsx)(m.Tooltip, {
-								title: A("Landscape"),
-								placement: "top",
-								children: (0, r.jsx)(m.Radio.Button, {
-									value: "landscape",
-									children: (0, r.jsx)(P.EmIcons, { icon: "LandscapeView" })
-								})
-							}),
-							(0, r.jsx)(m.Tooltip, {
-								title: A("Portrait"),
-								placement: "top",
-								children: (0, r.jsx)(m.Radio.Button, {
-									value: "portrait",
-									children: (0, r.jsx)(P.EmIcons, { icon: "PortraitView" })
-								})
-							}),
-							(0, r.jsx)(m.Tooltip, {
-								title: A("Squarish"),
-								placement: "top",
-								children: (0, r.jsx)(m.Radio.Button, {
-									value: "squarish",
-									children: (0, r.jsx)(P.EmIcons, { icon: "SquareView" })
-								})
-							})
-						]
-					}) }), (0, r.jsx)(m.Col, { children: (0, r.jsx)(m.RadioColorFilter, {
-						defaultValue: "",
-						onChange: (s) => b((h) => ({
-							...h,
-							color: s.target.value
-						})),
-						options: [
-							{
-								value: "",
-								colorClass: "all-colors",
-								label: A("All")
-							},
-							{
-								value: "black",
-								colorClass: "black-color",
-								label: A("Black")
-							},
-							{
-								value: "black_and_white",
-								colorClass: "bw-color",
-								label: A("Black and White")
-							},
-							{
-								value: "white",
-								colorClass: "white-color",
-								label: A("White")
-							},
-							{
-								value: "orange",
-								colorClass: "orange-color",
-								label: A("Orange")
-							},
-							{
-								value: "red",
-								colorClass: "red-color",
-								label: A("Red")
-							},
-							{
-								value: "purple",
-								colorClass: "purple-color",
-								label: A("Purple")
-							},
-							{
-								value: "magenta",
-								colorClass: "magenta-color",
-								label: A("Magenta")
-							},
-							{
-								value: "green",
-								colorClass: "green-color",
-								label: A("Green")
-							},
-							{
-								value: "teal",
-								colorClass: "teal-color",
-								label: A("Teal")
-							},
-							{
-								value: "blue",
-								colorClass: "blue-color",
-								label: A("Blue")
-							}
-						],
-						tooltipPlacement: "top"
-					}) })] })]
-				}), i.length > 0 && (0, r.jsx)("div", {
-					className: "blocks-search__divider-wrapper",
-					children: (0, r.jsx)("div", {
-						className: "ant-divider ant-divider-horizontal",
-						role: "separator"
-					})
-				})]
-			}), (0, r.jsx)("div", {
-				className: "serach-output-wrapper",
-				style: { marginRight: -10 },
-				children: i.length > 0 && (0, r.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: (0, r.jsx)($e, {
-						dataLength: i && i.length,
-						next: z,
-						hasMore: i,
-						endMessage: (0, r.jsxs)(m.Divider, {
-							plain: !0,
-							children: [A("That`s all we could find."), " 🤐"]
-						}),
-						scrollableTarget: "scrollableDiv",
-						style: { overflow: "visible" },
-						loader: null,
-						children: (0, r.jsx)(Ne, {
-							breakpointCols: { default: 3 },
-							className: "my-masonry-grid",
-							columnClassName: "my-masonry-grid_column",
-							children: i.map((s) => (0, r.jsxs)("div", {
-								className: "list-item",
-								onClick: () => K(s.urls, s.links, s.id),
-								children: [
-									(0, r.jsx)("img", {
-										className: ee === s.id ? "loaded-image" : "",
-										width: "322px",
-										src: E(s),
-										alt: s.description,
-										onLoad: U(s),
-										onError: Y(s)
-									}),
-									(0, r.jsxs)("p", {
-										className: "creator-info",
-										onClick: (h) => h.stopPropagation(),
-										children: [
-											"Photo by",
-											" ",
-											(0, r.jsx)("a", {
-												target: "_blank",
-												href: `${s.user.links.html}?utm_source=${nt}&utm_medium=referral`,
-												rel: "noreferrer",
-												children: s.user.name
-											}),
-											" ",
-											"on",
-											" ",
-											(0, r.jsx)("a", {
-												target: "_blank",
-												href: `https://unsplash.com/?utm_source=${nt}&utm_medium=referral`,
-												rel: "noreferrer",
-												children: "Unsplash"
-											})
-										]
-									}),
-									ee === s.id && (0, r.jsx)(m.Spin, {
-										className: "ant-spin",
-										size: "small"
-									})
-								]
-							}, s.id))
-						})
-					})
-				})
-			})]
-		});
-	};
-	function rt(t) {
-		return /^(https?:)?\/\//i.test(t.trim());
-	}
-	function Ot(t) {
-		const e = t.trim();
-		return rt(e) || /^data:/i.test(e) ? e : `data:image/jpeg;base64, ${t}`;
-	}
-	var Lt = ({ images: t, transitionDuration: e = 1e3 }) => {
-		const [o, a] = (0, n.useState)([]);
-		return (0, n.useEffect)(() => {
-			if (t.length > 0) {
-				const i = t[t.length - 1];
-				a((l) => [...l, {
-					src: i,
-					opacity: 0
-				}]), setTimeout(() => {
-					a((l) => l.map((b, p) => p === l.length - 1 ? {
-						...b,
-						opacity: 1
-					} : b));
-				}, 1e3);
-			}
-		}, [t]), (0, r.jsx)("div", {
-			className: "slideshow-container",
-			children: o.map((i, l) => (0, r.jsx)("img", {
-				src: Ot(i.src),
-				alt: `Slide ${l + 1}`,
-				className: "slideshow-image",
-				style: {
-					opacity: i.opacity,
-					transition: `opacity ${e}ms linear`
-				}
-			}, l))
-		});
-	};
-	function Dt({ setModalHeight: t, customRequest: e, aiTabRef: o, isImageUploaded: a, setIsImageUploaded: i, aiImageRequest: l, imageAiList: b, setImageAiList: p, isLoadingAi: d, setIsLoadingAi: v, onPluginAiImageLimitExceeded: I, onImageGenerateLimitExceeded: w }) {
-		const { __: C } = m.useI18n(), R = u.useAppConfig(), y = m.useNotification(), L = u.usePushToDataLayer(), { emailId: A, blockId: F, projectId: O } = u.useParams(), [D] = Z.useLazySendAiImageRequestQuery(), [H, { data: B = [] }] = Z.useLazyGetAiImageSSEQuery(), [z] = Z.useLazyGetLimitsStatsByTypeQuery(), V = R?.sendAIImageRequest || D, ee = R?.trigger || H, q = R?.handleLimitUsageEmitter || u.useEventEmitter(u.events.ON_LIMIT_ID), [j, T] = (0, n.useState)(0), [E, x] = (0, n.useState)(null), [S, U] = (0, n.useState)(!1), [Y, K] = (0, n.useState)(C("Evaluating the task")), [s, h] = (0, n.useState)(!1), W = A || F, { limits: fe } = R?.limits ? R : { limits: { ai_img_limit: 0 } }, { ai_img_limit: N } = fe, J = !!(R.limits && R.counters) && u.PLUGIN.isPlugin, $ = u.useEventEmitter(u.events.AI_IMAGE_REQUEST_ID).hasListeners(), G = ne.shouldCountAiUsage({
-			limitsInPlugin: J,
-			hostedAiActive: $
-		}), he = !$ && N > 0 && j >= N, ie = (0, n.useCallback)(() => {
-			q.fire({
-				name: "AiImgCount",
-				count: j + 1
-			});
-		}, [q, j]), me = (0, n.useMemo)(() => !he && (!G || N === 0 || j < N), [
-			he,
-			G,
-			j,
-			N
-		]), Ae = (0, n.useCallback)(async () => {
-			K(C("Evaluating the task")), l !== "" && !d && (v(!0), h(!0), p([]), L({
-				event: "submit_form",
-				action: "ai_image_generation",
-				entity_id: A,
-				project_id: O
-			}), V({ body: {
-				project_id: O,
-				request: "create-image",
-				connection: "midjourney",
-				message: l
-			} }).then(({ data: g, error: te }) => {
-				if (te) throw te;
-				if (g.data.status === 401) throw new Error(u.ERROR);
-				if (g?.data?._eventResult) {
-					p(g.data.task.images), v(!1), h(!1), K(C("Evaluating the task"));
-					return;
-				}
-				g?.data.status === 200 ? (g?.data.task.id && (K(g.data.task.message), x(g.data.task.id)), g.message && y.success({
-					id: "AI_IMAGE_SEND_SUCCESS",
-					title: g.message,
-					placement: "bottomRight",
-					data: l
-				}), ee({
-					task_id: g?.data.task.id,
-					entity_id: W
-				})) : (v(!1), h(!1), y.error({
-					id: "AI_IMAGE_SEND_ERROR",
-					title: g?.message || C("Something went wrong, please try again"),
-					placement: "bottomRight",
-					data: l,
-					innerException: g
-				}));
-			}).catch((g) => {
-				v(!1), h(!1), (g?.error || g?.data) && y.fromError("AI_IMAGE_SEND_ERROR", l, g.error || g);
-			}));
-		}, [
-			l,
-			d,
-			v,
-			h,
-			p,
-			L,
-			A,
-			O,
-			V,
-			y,
-			ee,
-			W,
-			C
-		]), _ = (0, n.useCallback)(async () => {
-			if (me) {
-				if (!u.PLUGIN.isPlugin && !$) {
-					const g = P.resolveLimitActionPreflightExceededForType("image_generate", (await z("image_generate")).data?.stats);
-					if (g) {
-						w?.(g);
-						return;
-					}
-				}
-				G && (T((g) => g + 1), ie()), Ae();
-			} else J && (I ? I() : y.error({
-				title: C("The usage limit has been exceeded"),
-				description: C(`The maximum number of requests for the current subscription period has been reached.
-Select the appropriate plan to fulfil more requests`),
-				placement: "bottomRight"
-			}));
-		}, [
-			me,
-			J,
-			$,
-			G,
-			z,
-			w,
-			T,
-			ie,
-			Ae,
-			y,
-			C,
-			I
-		]);
-		(0, n.useEffect)(() => {
-			J && T(R?.counters?.ai_img_counter || 0);
-		}, [R, J]);
-		const re = u.useEventEmitter(u.events.AI_IMAGE_PROGRESS_ID);
-		(0, n.useEffect)(() => {
-			const g = re.event(({ progress: te, status: X }) => {
-				K(X || `${Math.round(te)}%`);
-			});
-			return () => g.dispose();
-		}, [re]);
-		const M = (0, n.useCallback)(async (g) => {
-			if (!a) {
-				i(!0);
-				try {
-					const te = rt(g) ? await (await fetch(g)).blob() : Xe(g);
-					e({ file: new File([te], "image.jpeg", { type: te.type || "image/jpeg" }) });
-				} catch {
-					i(!1);
-				}
-			}
-		}, [
-			a,
-			i,
-			e
-		]), ae = (0, n.useCallback)((g) => {
-			g.status !== "error" && g.status !== "Canceled" ? g.images ? (K(g.status), g.progress === 100 && (p(g.images), K(C("Evaluating the task")), x(null), h(!1))) : (p([g.data]), v(!1)) : (v(!1), h(!1), y.error({
-				id: "AI_IMAGE_GET_ERROR",
-				title: C("Something went wrong, please try again"),
-				placement: "bottomRight",
-				data: E
-			}));
-		}, [
-			p,
-			K,
-			C,
-			v,
-			t,
-			E,
-			y,
-			h
-		]);
-		return (0, n.useEffect)(() => {
-			B.length > 1 && ae(B[B.length - 1]);
-		}, [B, ae]), (0, n.useEffect)(() => {
-			(d || b.length > 0) && setTimeout(() => {
-				let g = 550;
-				o.current && (g = o.current.offsetHeight + 68), t(g);
-			}, 0);
-		}, [
-			o,
-			B,
-			b.length,
-			d,
-			t
-		]), {
-			aiImageCounter: j,
-			setAiImageCounter: T,
-			currentAiImgLimits: N,
-			isFieldsDisabled: he,
-			canGenerateImage: me,
-			aiImageRequest: l,
-			imageAiList: b,
-			setImageAiList: p,
-			isLoadingAi: d,
-			setIsLoadingAi: v,
-			loadingDuringGeneration: s,
-			setLoadingDuringGeneration: h,
-			requestStatus: Y,
-			setRequestStatus: K,
-			handleGenerate: _,
-			handleLimitAiImgCount: ie,
-			convertBase64ToFile: M,
-			isShiftPressed: S,
-			setIsShiftPressed: U,
-			currentReqId: E,
-			setCurrentReqId: x,
-			limitsInPlugin: J
-		};
-	}
-	var Bt = ({ setModalHeight: t, customRequest: e, aiTabRef: o, inputAiRef: a, isImageUploaded: i, setIsImageUploaded: l, aiImageRequest: b, setAiImageRequest: p, imageAiList: d, setImageAiList: v, isLoadingAi: I, setIsLoadingAi: w }) => {
-		const C = u.useNavigate(), R = u.useDispatch(), { __: y, _n: L } = m.useI18n(), A = u.useAppConfig(), [F, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(null), { aiImageCounter: B, currentAiImgLimits: z, loadingDuringGeneration: V, requestStatus: ee, handleGenerate: q, convertBase64ToFile: j, isShiftPressed: T, setIsShiftPressed: E, limitsInPlugin: x } = Dt({
-			setModalHeight: t,
-			customRequest: e,
-			aiTabRef: o,
-			isImageUploaded: i,
-			setIsImageUploaded: l,
-			aiImageRequest: b,
-			imageAiList: d,
-			setImageAiList: v,
-			isLoadingAi: I,
-			setIsLoadingAi: w,
-			onPluginAiImageLimitExceeded: () => O(!0),
-			onImageGenerateLimitExceeded: H
-		}), S = F && z > 0 ? ne.getAiTariffUpgradeStep(z) : null, U = S ? P.getLimitUpgradePresetDefinition(S.presetId) : null, Y = D ? P.getLimitUpgradePresetDefinition(D.presetId) : null, [K, s] = (0, n.useState)(!1), h = (0, n.useCallback)(() => s(!0), []), W = (0, n.useCallback)(() => s(!1), []), fe = (0, n.useCallback)((G) => p(G.target.value), [p]), N = (0, n.useCallback)((G) => {
-			G.key === "Shift" ? E(!0) : G.key === "Enter" && !T && (G.preventDefault(), q());
-		}, [
-			T,
-			q,
-			E
-		]), J = (0, n.useCallback)((G) => {
-			G.key === "Shift" && E(!1);
-		}, [E]), $ = d[d.length - 1];
-		return (0, r.jsxs)("div", {
-			className: "image-ai",
-			children: [
-				U && S ? (0, r.jsx)(P.LimitUpgradeModal, {
-					open: !0,
-					onClose: () => O(!1),
-					title: y(U.titleKey),
-					subtitle: y(U.subtitleKey),
-					usageResource: U.usageResource,
-					previousDisplay: P.presetLimitDisplay(S.previousLimit),
-					nextDisplay: P.presetLimitDisplay(S.nextLimit),
-					onChangePlan: () => {
-						O(!1), document.body.classList.remove("editor"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
-					}
-				}) : null,
-				Y && D ? (0, r.jsx)(P.LimitUpgradeModal, {
-					open: !0,
-					onClose: () => H(null),
-					title: y(Y.titleKey),
-					subtitle: y(Y.subtitleKey),
-					usageResource: Y.usageResource,
-					previousDisplay: P.presetLimitDisplay(D.previousLimit),
-					nextDisplay: P.presetLimitDisplay(D.nextLimit),
-					onChangePlan: () => {
-						H(null), document.body.classList.remove("editor"), C("/billing"), R(Z.openModal(u.MODALS.SWITCH_TO_PLAN_MODAL));
-					}
-				}) : null,
-				x && (0, r.jsx)(m.LimitsCounter, {
-					text: `${B} ${y("of")} ${z > 0 ? z : "∞"} images ${L("was used", "were used", B)}`,
-					exceeded: z > 0 && B >= z,
-					style: { marginTop: -25 },
-					extra: (0, r.jsx)("span", {
-						style: {
-							textDecoration: "underline",
-							cursor: "pointer"
-						},
-						onClick: () => C(A.billingPageUrl || u.APP_ROUTES.billing),
-						children: y("Need more?")
-					})
-				}),
-				(0, r.jsx)(m.Row, {
-					gutter: 24,
-					className: "image-ai__row",
-					children: (0, r.jsx)(m.Col, {
-						span: 24,
-						children: (0, r.jsx)(m.Form.Item, {
-							style: { margin: 0 },
-							children: (0, r.jsxs)("span", {
-								className: `ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${K ? " ant-input-affix-wrapper-focused" : ""}`,
-								children: [(0, r.jsx)(m.TextArea, {
-									ref: a,
-									onKeyDown: N,
-									onKeyUp: J,
-									onFocus: h,
-									onBlur: W,
-									autoSize: !0,
-									allowClear: !0,
-									className: "text-area-input-hybrid image-ai__textarea",
-									placeholder: y("Generate image"),
-									value: b,
-									onChange: fe,
-									spellCheck: "false"
-								}), (0, r.jsx)("span", {
-									className: "ant-input-suffix image-ai__input-suffix",
-									children: I || V ? (0, r.jsx)(P.EmIcons, {
-										icon: "LoadingOutlined",
-										className: "input-icon image-ai__input-icon",
-										spin: !0
-									}) : (0, r.jsx)(P.EmIcons, {
-										icon: "AI",
-										className: "input-icon image-ai__input-icon",
-										onClick: q
-									})
-								})]
-							})
-						})
-					})
-				}),
-				(I || d.length > 0) && (0, r.jsxs)("div", {
-					className: "image-ai__preview",
-					children: [I && d.length === 0 && (0, r.jsx)("div", {
-						className: "image-ai__loading",
-						children: (0, r.jsxs)("div", {
-							className: "spin",
-							children: [(0, r.jsx)(P.EmIcons, {
-								icon: "LoadingOutlined",
-								style: { fontSize: 48 },
-								spin: !0
-							}), (0, r.jsx)("p", {
-								className: "status",
-								children: ee
-							})]
-						})
-					}), d.length > 0 && (0, r.jsxs)("div", {
-						className: "image-ai__image-item",
-						children: [(0, r.jsx)(Lt, { images: d }), (0, r.jsx)("div", {
-							className: "buttons",
-							children: (0, r.jsx)(m.Button, {
-								onClick: () => j($),
-								icon: (0, r.jsx)(P.EmIcons, { icon: "CheckOutlined" }),
-								children: y("Use this one")
-							})
-						})]
-					})]
-				})
-			]
-		});
-	}, Ut = ({ setNewLink: t, setCurrentImageLink: e, setModalHeight: o, setModalWidth: a, setImageGifList: i, imageGifList: l, currentReqGif: b, setCurrentReqGif: p, inputRef: d, setStockLink: v, customRequest: I }) => {
-		const { __: w } = m.useI18n(), C = u.useAppConfig(), R = u.useIsStandalone(), y = m.useNotification(), [L, A] = (0, n.useState)(null), [F, O] = (0, n.useState)(!1), [D, H] = (0, n.useState)(25), [B] = Z.useLazyGetSearchGifQuery(), z = (0, n.useCallback)((s) => s instanceof Error || typeof s?.message == "string" && s.message ? s.message : typeof s?.error?.message == "string" && s.error.message ? s.error.message : w("Failed to load GIFs through the configured proxy chain."), [w]), V = (0, n.useCallback)((s) => {
-			y.error({
-				id: "STOCK_GIFS_SEARCH_FAILED",
-				title: w("Failed to load GIFs"),
-				description: z(s)
-			});
-		}, [
-			w,
-			z,
-			y
-		]), ee = async () => {
-			F || (O(!0), B({
-				query: b,
-				page: D
-			}).then((s) => {
-				if (s?.error) {
-					V(s.error), O(!1);
-					return;
-				}
-				i((h) => [...h, ...s.data.data]), O(!1), H((h) => h + 25);
-			}).catch(() => {
-				O(!1);
-			}));
-		}, q = async () => {
-			const s = await B({
-				query: b,
-				page: 0
-			});
-			if (s?.error) {
-				V(s.error), i([]);
-				return;
-			}
-			s?.data?.data?.length > 0 && (i(s.data.data), setTimeout(() => {
-				o("84vh"), a(1060);
-			}, 0));
-		}, j = (s, h) => {
-			A(h), setTimeout(() => {
-				A(null);
-			}, 2e3), v(`${s}`), e(`${s}`), I(`${s}`);
-		}, T = { default: 3 }, E = (0, n.useCallback)((s) => u.getProxiedUrl(s, {
-			config: C,
-			standalone: R,
-			resourceType: "generic",
-			intent: "display"
-		}), [C, R]), { getDisplaySrc: x, handleLoad: S, handleError: U } = tt({
-			items: l,
-			getItemId: (0, n.useCallback)((s) => s.id, []),
-			getRequestUrl: (0, n.useCallback)((s) => s.images.downsized.url, []),
-			createController: E
-		}), Y = (s) => (h) => {
-			S(s), h.target.parentNode.classList.add("loaded");
-		}, K = (s) => () => {
-			U(s);
-		};
-		return (0, r.jsxs)("div", {
-			className: "stock-tab",
-			children: [(0, r.jsxs)(m.Form, {
-				onValuesChange: q,
-				className: l.length > 0 ? "serach-results" : "",
-				children: [(0, r.jsx)(m.Row, {
-					gutter: 24,
-					children: (0, r.jsx)(m.Col, {
-						span: l.length > 0 ? "" : 24,
-						children: (0, r.jsx)(m.Form.Item, {
-							className: "stock-search-input",
-							children: (0, r.jsx)(m.SearchInput, {
-								onSearch: q,
-								allowClear: !0,
-								size: l.length > 0 ? "medium" : "large",
-								placeholder: w("Search GIFs"),
-								value: b.keywords,
-								onChange: (s) => p((h) => ({
-									...h,
-									keywords: s.target.value
-								})),
-								ref: d,
-								spellCheck: "false",
-								enterButton: !1
-							})
-						})
-					})
-				}), l.length > 0 && (0, r.jsx)("div", {
-					className: "blocks-search__divider-wrapper",
-					children: (0, r.jsx)("div", {
-						className: "ant-divider ant-divider-horizontal",
-						role: "separator"
-					})
-				})]
-			}), (0, r.jsx)("div", {
-				className: "serach-output-wrapper",
-				style: { marginRight: -10 },
-				children: l.length > 0 && (0, r.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: (0, r.jsx)($e, {
-						dataLength: l && l.length,
-						next: ee,
-						hasMore: l,
-						endMessage: (0, r.jsxs)(m.Divider, {
-							plain: !0,
-							children: [w("That`s all we could find."), " 🤐"]
-						}),
-						scrollableTarget: "scrollableDiv",
-						style: { overflow: "visible" },
-						loader: (0, r.jsx)(m.Spin, { size: "small" }),
-						children: (0, r.jsx)(Ne, {
-							breakpointCols: T,
-							className: "my-masonry-grid",
-							columnClassName: "my-masonry-grid_column",
-							children: l.map((s, h) => (0, r.jsxs)("div", {
-								className: "list-item",
-								onClick: () => j(s.images.downsized.url, s.id),
-								children: [
-									(0, r.jsx)("img", {
-										className: L === s.id ? "loaded-image" : "",
-										width: "322px",
-										src: x(s),
-										alt: s.title,
-										onLoad: Y(s),
-										onError: K(s)
-									}),
-									(0, r.jsx)("a", {
-										rel: "noreferrer",
-										href: "https://giphy.com/",
-										target: "_blank",
-										onClick: (W) => W.stopPropagation(),
-										children: (0, r.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=)" }
-										})
-									}),
-									L === s.id && (0, r.jsx)(m.Spin, {
-										className: "ant-spin",
-										size: "small"
-									})
-								]
-							}, s.id + h))
-						})
-					})
-				})
-			})]
-		});
-	};
-	function Mt(t) {
-		if (!(t == null || t === "")) return t;
-	}
-	async function Pt(t, e) {
-		if (t) {
-			if (t.url) return t.url;
-			if (typeof e.getFileById == "function" && t.id) {
-				const o = await e.getFileById(t.id);
-				if (o?.url) return o.url;
-				if (o?.thumbnailUrl) return o.thumbnailUrl;
-				if (o?.thumbnail) return o.thumbnail;
-			}
-			if (typeof e.getFileUrl == "function" && t.folderId !== void 0 && t.name) {
-				const o = await e.getFileUrl(t.folderId || "", t.name);
-				if (o) return o;
-			}
-			if (typeof e.getUrl == "function" && t.name) {
-				const o = await e.getUrl(t);
-				if (o) return o;
-			}
-			return t.thumbnail || t.thumbnailUrl;
-		}
-	}
-	function Tt(t) {
-		if (!(!t?.success || !Array.isArray(t.detailed))) return t.detailed.find((e) => e?.success && e.data)?.data;
-	}
-	function Nt(t, e, o) {
-		if (t) return {
-			id: t.id,
-			name: t.name || e.name,
-			size: t.size ?? e.size,
-			type: t.type || e.type,
-			folderId: t.folderId ?? o ?? "",
-			url: t.url,
-			thumbnail: t.thumbnail,
-			thumbnailUrl: t.thumbnailUrl,
-			date: t.date,
-			dimensions: t.dimensions,
-			aspectRatio: t.aspectRatio,
-			extension: t.extension,
-			selected: t.selected,
-			isFolder: t.isFolder,
-			lastEdited: t.lastEdited,
-			childrenCount: t.childrenCount
-		};
-	}
-	async function Ft(t, e, o) {
-		if (!e) return;
-		const a = Mt(o ?? e.rootId);
-		let i;
-		typeof e.uploadFiles == "function" ? i = Tt(await e.uploadFiles({
-			folderId: a,
-			items: [{
-				name: t.name,
-				size: t.size,
-				type: t.type,
-				folderId: a,
-				data: t
-			}]
-		})) : typeof e.uploadFile == "function" && (i = Nt(await e.uploadFile({
-			name: t.name,
-			size: t.size,
-			type: t.type,
-			folderId: a,
-			data: t
-		}), t, a));
-		const l = await Pt(i, e);
-		return l ? {
-			item: i,
-			url: l
-		} : void 0;
-	}
-	var st = "IMG", at = "BACKGROUND", Gt = "GALLERY", we = "EDITOR", de = "UPLOAD", Ge = "STOCK", ze = "GIF", Ke = "AI", zt = { mode: "select" }, Kt = { mode: "save" }, { Dragger: Wt } = m.Upload, Ht = (t, e = "image") => Z.decodeFileNameFromUrl(t) ?? e, Ee = ne.normalizeImageFormatForDisplay, Vt = (t, e) => {
-		const o = Ee(e);
-		return !o || t.includes(".") ? t : `${t}.${o}`;
-	}, qt = (t, e) => new File([t], Vt(Ht(e), t.type), { type: t.type || "application/octet-stream" }), ot = ({ dataProvider: t }) => {
-		const e = u.useAppConfig(), o = u.useIsStandalone(), { __: a } = m.useI18n(), i = u.useDispatch(), { projectId: l } = u.useParams(), [b] = Z.useLazyGetImageInfoQuery(), { modal: p } = m.App.useApp(), d = m.useNotification(), v = u.useSelector(Z.selectActiveModal), { request: I, resolveImagePicker: w } = P.useImagePicker(), [C, R] = (0, n.useState)(""), [y, L] = (0, n.useState)(""), [A, F] = (0, n.useState)(""), [O, D] = (0, n.useState)(""), [H, B] = (0, n.useState)(de), [z, V] = (0, n.useState)({
-			width: "",
-			height: "",
-			size: "",
-			format: ""
-		}), [ee, q] = (0, n.useState)("success"), [j, T] = (0, n.useState)(!1), E = n.default.useRef(null), x = n.default.useRef(null), S = n.default.useRef(null), U = n.default.useRef(null), Y = n.default.useRef(null), K = n.default.useRef(null), s = n.default.useRef(null), h = n.default.useRef(null), W = n.default.useRef(null), [fe, N] = (0, n.useState)("auto"), [J, $] = (0, n.useState)(572), [G, he] = (0, n.useState)(!1), [ie, me] = (0, n.useState)({
-			keywords: "",
-			color: "",
-			orientation: ""
-		}), [Ae, _] = (0, n.useState)({ keywords: "" }), [re, M] = (0, n.useState)([]), [ae, g] = (0, n.useState)([]), [te, X] = (0, n.useState)([]), [ce, it] = (0, n.useState)(!1), [lt, We] = (0, n.useState)(""), [Qt, je] = (0, n.useState)(!1), [Yt, Be] = (0, n.useState)(0), He = u.useSelector(u.selectProject), ct = He?.id !== void 0 ? String(He.id) : l || "", ut = u.useEventEmitter(u.events.UPLOAD_EVENT_ID), Ie = n.default.useRef(ne.createImageUrlBlobResolver()), Ve = n.default.useRef(""), Ce = n.default.useRef(0), xe = n.default.useRef(""), [_t, dt] = (0, n.useState)(""), [Zt, ft] = (0, n.useState)(null), [Xt, qe] = (0, n.useState)(""), Ue = (0, n.useCallback)((c) => {
-			if (!(c instanceof Blob)) return;
-			xe.current && URL.revokeObjectURL(xe.current);
-			const f = URL.createObjectURL(c);
-			xe.current = f, dt(f), ft(c);
-		}, []), pe = (0, n.useCallback)(() => {
-			xe.current && (URL.revokeObjectURL(xe.current), xe.current = ""), dt(""), ft(null);
-		}, []), le = (0, n.useCallback)(() => {
-			qe("");
-		}, []), ye = P.isEditorLockedByPlan(He, { isPlugin: u.PLUGIN.isPlugin }), Jt = (c) => {
-			L(c.target.value);
-		}, Me = (0, n.useCallback)((c, f, k = a("The image could not be uploaded.")) => {
-			const Q = f instanceof Error ? f.message : k;
-			d.error({
-				id: "IMAGE_UPLOAD_ERROR",
-				data: c,
-				title: a("Upload failed"),
-				description: Q
-			});
-		}, [a, d]), $t = (0, n.useCallback)(async (c) => P.pickUploadImageUrlFromFireResults(await ut.fire({
-			file: c,
-			project: ct
-		})), [ct, ut]), be = ne.useImageBlobFetch(), en = (0, n.useCallback)((c) => Ie.current.resolve(ne.canonicalImageUrlKey(c), void 0, be), [be]), Pe = async (c) => {
-			if (c) try {
-				const f = await tn(c);
-				f && Ye(f) ? await Oe({ file: f }) : f || Me({ url: c }, null, a("Failed to download image from URL."));
-			} catch (f) {
-				Me({ url: c }, f, a("Failed to process image URL."));
-			}
-		}, mt = n.default.useRef(Pe);
-		mt.current = Pe, n.default.useEffect(() => {
-			if (H !== de || !O) return;
-			const c = y.trim();
-			if (!c || !c.toLowerCase().startsWith("http")) return;
-			const f = setTimeout(() => {
-				mt.current(c);
-			}, 1e3);
-			return () => {
-				clearTimeout(f);
-			};
-		}, [
-			y,
-			H,
-			O
-		]);
-		const tn = async (c) => {
-			try {
-				const f = ne.canonicalImageUrlKey(c);
-				return qt(await Ie.current.resolve(f, void 0, be), f);
-			} catch {}
-		};
-		document.onpaste = function(c) {
-			const f = c.clipboardData?.items?.[0];
-			if (H === de && O) {
-				if (f?.type?.indexOf("image") === 0 && e.imageCenterLocalUploadEnabled !== !1) {
-					const Q = f.getAsFile();
-					Ye(Q);
-					const oe = { file: Q };
-					L(""), Oe(oe);
-					return;
-				}
-				const k = c.clipboardData?.getData("text/plain");
-				if (k && k.trim().toLowerCase().startsWith("http")) {
-					c.preventDefault(), c.stopPropagation(), L(k.trim());
-					return;
-				}
-				f?.type?.indexOf("text") === 0 && f.getAsString((Q) => {
-					if (Q.trim().toLowerCase().startsWith("http")) L(Q.trim());
-					else if (Q.toString().slice(1, 5) === "meta") {
-						const oe = Q.toString().split("\"")[1];
-						oe && L(oe);
-					}
-				});
-			}
-		}, (0, n.useEffect)(() => {
-			const c = (f) => {
-				let k = null;
-				I?.kind === "background" ? (k = at, D(at)) : I?.kind === "img" && (D(st), k = st), I?.currentUrl && k && (R(I.currentUrl), B(f));
-			};
-			v === u.MODALS.UPLOAD_IMAGE_MODAL || v === u.MODALS.UPLOAD_BACKGROUND_MODAL ? c(we) : v === u.MODALS.UPLOAD_IMAGE_MODAL_AI || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_AI ? (ye ? (je(!0), Be(2)) : c(Ke), setTimeout(() => W.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD ? (c(de), setTimeout(() => K.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_STOCK || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK ? (ye ? (je(!0), Be(3)) : c(Ge), setTimeout(() => h.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_GIF || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_GIF ? (ye ? (je(!0), Be(3)) : c(ze), setTimeout(() => s.current?.focus({ cursor: "start" }), 100)) : v === u.MODALS.UPLOAD_IMAGE_MODAL_EDIT || v === u.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT ? (ye ? (je(!0), Be(5)) : c(we), i(Z.openSecondModal(u.MODALS.IMAGE_EDITOR_MODAL))) : D("");
-		}, [
-			v,
-			i,
-			ye,
-			I
-		]);
-		const Qe = (0, n.useCallback)(({ url: c = C || "", meta: f = zt }) => {
-			R(c), w({
-				url: c,
-				meta: f
-			}), setTimeout(() => {
-				le(), pe(), me({
-					keywords: "",
-					color: "",
-					orientation: ""
-				}), _({ keywords: "" }), g([]), M([]), D(""), We(""), it(!1), F(""), L(""), B(de);
-			}, 200), i(Z.closeModal()), i(Z.closeSecondModal());
-		}, [
-			C,
-			le,
-			i,
-			w,
-			pe
-		]), pt = (0, n.useCallback)((c, f) => (N("auto"), T(!1), Qe({
-			url: c,
-			meta: Kt
-		}), d.success({
-			id: "IMAGE_UPLOAD_SUCCESS",
-			data: f,
-			title: a("The image was successfully uploaded.")
-		}), c), [
-			a,
-			Qe,
-			d
-		]);
-		(0, n.useEffect)(() => {
-			const c = y || A, f = ne.canonicalImageUrlKey(c);
-			if (!c || !f) {
-				q(""), Ve.current = "", le(), pe(), Ie.current.invalidateAll();
-				return;
-			}
-			const k = Ve.current;
-			k && k !== f && (Ie.current.abandonKey(k), le(), pe()), Ve.current = f;
-			const Q = new AbortController(), oe = y ? 800 : 0, se = ++Ce.current, _e = setTimeout(async () => {
-				try {
-					const Se = async () => {
-						const ue = await Ie.current.resolve(f, Q.signal, be);
-						if (se !== Ce.current) return;
-						const { width: ve, height: an } = await ne.getImageDimensionsFromBlob(ue);
-						se === Ce.current && (V({
-							width: ve,
-							height: an,
-							size: (ue.size / 1024).toFixed(2),
-							format: Ee(ue.type)
-						}), le(), Ue(ue));
-					};
-					if (o) await Se();
-					else {
-						const ue = await ne.resolveDataProviderPreview(t, f);
-						if (ue?.previewUrl && se === Ce.current) {
-							qe(ue.previewUrl), pe();
-							try {
-								const { data: ve } = await b(f);
-								if (se !== Ce.current) return;
-								ve ? V({
-									width: ve?.width,
-									height: ve?.height,
-									size: ve?.fileSize != null ? (ve.fileSize / 1024).toFixed(2) : "",
-									format: Ee(ve?.format)
-								}) : await Se();
-							} catch {
-								await Se();
-							}
-						} else await Se();
-					}
-					if (se !== Ce.current) return;
-					q("success"), R(c), $(572), setTimeout(() => {
-						let ue = 0;
-						x.current && (ue = x.current.offsetHeight + 62), N(ue);
-					}, 0);
-				} catch (Se) {
-					if (Se?.name === "AbortError" || Q.signal.aborted || se !== Ce.current) return;
-					le(), pe(), q("error");
-				}
-			}, oe);
-			return () => {
-				clearTimeout(_e), Q.abort();
-			};
-		}, [
-			y,
-			A,
-			o,
-			le,
-			be,
-			b,
-			pe,
-			t,
-			Ue
-		]), (0, n.useEffect)(() => {
-			if (!C || y || A) return;
-			const c = ne.canonicalImageUrlKey(C), f = new AbortController();
-			let k = !1;
-			const Q = async () => {
-				const oe = await Ie.current.resolve(c, f.signal, be);
-				if (k) return;
-				const { width: se, height: _e } = await ne.getImageDimensionsFromBlob(oe);
-				k || (le(), Ue(oe), V({
-					width: se,
-					height: _e,
-					size: (oe.size / 1024).toFixed(2),
-					format: Ee(oe.type)
-				}));
-			};
-			return (async () => {
-				try {
-					if (!o) {
-						const oe = await ne.resolveDataProviderPreview(t, c);
-						if (oe?.previewUrl && !k) {
-							qe(oe.previewUrl), pe();
-							try {
-								const { data: se } = await b(c);
-								if (k) return;
-								se ? V({
-									width: se?.width,
-									height: se?.height,
-									size: se?.fileSize != null ? (se.fileSize / 1024).toFixed(2) : "",
-									format: Ee(se?.format)
-								}) : await Q();
-								return;
-							} catch {
-								await Q();
-							}
-						}
-					}
-					await Q();
-				} catch {
-					k || le();
-				}
-			})(), () => {
-				k = !0, f.abort();
-			};
-		}, [
-			o,
-			le,
-			C,
-			be,
-			b,
-			t,
-			y,
-			A,
-			Ue
-		]);
-		const nn = () => {
-			i(Z.closeModal()), setTimeout(() => {
-				le(), pe(), R(""), L(""), g([]), g([]), me({
-					keywords: "",
-					color: "",
-					orientation: ""
-				}), _({ keywords: "" }), N("auto"), !ce && We(""), $(572), B(de);
-			}, 200);
-		}, rn = (c) => {
-			c === Gt ? p.success({
-				mask: { closable: !0 },
-				centered: !0,
-				title: a("Coming soon"),
-				content: a("The feature is under development."),
-				okText: a("Ok. I'll be waiting"),
-				onOk: () => {}
-			}) : c === we && C === "" ? p.warning({
-				mask: { closable: !0 },
-				centered: !0,
-				title: a(""),
-				content: a("To preview and edit the uploaded image"),
-				okText: a("Upload Image"),
-				onOk: () => {
-					B(de);
-				}
-			}) : (setTimeout(() => {
-				let f = 0, k = 0;
-				c === de && E.current ? (ie.keywords === "" && K.current?.focus({ cursor: "start" }), f = 300, k = 572) : c === we && x.current ? (f = x.current.offsetHeight + 62, k = 572) : c === Ge && S.current ? (ie.keywords === "" && h.current?.focus({ cursor: "start" }), f = 130, k = 572, ae.length > 0 && (k = 1060, f = "84vh")) : c === ze && U.current ? (ie.keywords === "" && s.current?.focus({ cursor: "start" }), f = 130, k = 572, re.length > 0 && (k = 1060, f = "84vh")) : c === Ke && Y.current && (lt === "" && te.length === 0 ? (W.current?.focus({ cursor: "start" }), f = 130) : f = Y.current.offsetHeight + 82, k = 572), N(f), $(k);
-			}, 0), B(c));
-		};
-		(0, n.useEffect)(() => {
-			ie.keywords === "" && (K?.current?.focus({ cursor: "start" }), g([]), setTimeout(() => {
-				N("auto"), $(572);
-			}, 0));
-		}, [
-			ie,
-			g,
-			N,
-			$
-		]);
-		const Ye = (c) => {
-			const f = c.type === "image/jpeg" || c.type === "image/png" || c.type === "image/jpg" || c.type === "image/webp" || c.type === "image/gif" || c.type === "image/svg+xml";
-			return f || d.error({
-				id: "IMAGE_UPLOAD_WRONG_FORMAT",
-				data: c,
-				title: "Upload",
-				description: "You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"
-			}), f;
-		}, Oe = async ({ file: c }) => {
-			try {
-				he(!0);
-				const f = await ne.prepareImageForEditorUpload(c, e), k = await $t(f);
-				if (k) return pt(k, f), k;
-				const Q = await Ft(f, t);
-				if (Q?.url) return pt(Q.url, f), Q.url;
-				Me(f, null);
-				return;
-			} catch (f) {
-				Me(c, f);
-				return;
-			} finally {
-				he(!1);
-			}
-		}, sn = (c) => Oe({ file: c });
-		let Le = [{
-			label: a("Upload"),
-			key: de,
-			children: (0, r.jsxs)("div", {
-				ref: E,
-				style: { paddingBottom: 24 },
-				children: [e.imageCenterLocalUploadEnabled !== !1 && (0, r.jsxs)(Wt, {
-					showUploadList: !1,
-					name: "Image",
-					beforeUpload: Ye,
-					customRequest: Oe,
-					style: { marginBottom: 10 },
-					multiple: !1,
-					accept: "image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml",
-					children: [
-						(0, r.jsx)("p", {
-							className: "ant-upload-drag-icon",
-							children: (0, r.jsx)(P.EmIcons, { icon: "InboxOutlined" })
-						}),
-						(0, r.jsx)("p", {
-							className: "ant-upload-text",
-							children: a("Click to select, paste from the clipboard, or drag and drop")
-						}),
-						(0, r.jsx)("p", {
-							className: "ant-upload-hint",
-							children: a("Accepted formats: PNG, JPG, WEBP, SVG or GIF.")
-						})
-					]
-				}), (0, r.jsx)(m.Form, {
-					style: { padding: "0 2px 0 2px" },
-					children: (0, r.jsx)(m.Form.Item, {
-						validateStatus: ee,
-						children: (0, r.jsx)(m.Input, {
-							ref: K,
-							allowClear: !0,
-							size: "large",
-							placeholder: a("Paste image URL here"),
-							value: y,
-							onChange: Jt,
-							spellCheck: "false"
-						})
-					})
-				})]
-			})
-		}];
-		return e.imageCenterStockEnabled && !ye && Le.push({
-			label: a("Stock"),
-			key: Ge,
-			children: (0, r.jsx)("div", {
-				ref: S,
-				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(jt, {
-					currentReq: ie,
-					setCurrentReq: me,
-					imageStockList: ae,
-					setImageStockList: g,
-					setModalWidth: $,
-					setModalHeight: N,
-					setStockLink: F,
-					setCurrentImageLink: R,
-					inputRef: h,
-					customRequest: Pe
-				})
-			})
-		}), e.imageCenterGifEnabled && !ye && Le.push({
-			label: a("GIF"),
-			key: ze,
-			children: (0, r.jsx)("div", {
-				ref: U,
-				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Ut, {
-					currentReqGif: Ae,
-					setCurrentReqGif: _,
-					imageGifList: re,
-					setImageGifList: M,
-					setModalWidth: $,
-					setModalHeight: N,
-					setStockLink: F,
-					setCurrentImageLink: R,
-					inputRef: s,
-					customRequest: Pe
-				})
-			})
-		}), e.elementAIimageEnabled && !ye && Le.push({
-			label: a("AI"),
-			key: Ke,
-			children: (0, r.jsx)("div", {
-				ref: Y,
-				style: { paddingBottom: 24 },
-				children: (0, r.jsx)(Bt, {
-					setModalHeight: N,
-					customRequest: Oe,
-					aiImageRequest: lt,
-					setAiImageRequest: We,
-					imageAiList: te,
-					setImageAiList: X,
-					isLoadingAi: ce,
-					setIsLoadingAi: it,
-					aiTabRef: Y,
-					inputAiRef: W,
-					isImageUploaded: j,
-					setIsImageUploaded: T
-				})
-			})
-		}), e.imageCenterEditorEnabled && Le.push({
-			label: "",
-			key: we,
-			children: (0, r.jsx)("div", {
-				ref: x,
-				children: (0, r.jsx)(At, {
-					currentImageLink: C,
-					newLink: y,
-					previewDisplayUrl: Xt,
-					resolvedPreviewObjectUrl: _t,
-					resolvedPreviewBlob: Zt,
-					resolveImageBlob: en,
-					imageSize: z,
-					onSave: sn,
-					uploadImageResultIsLoading: G || !1
-				})
-			})
-		}), (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(m.Modal, {
-			width: J,
-			className: "image-center",
-			title: a("Image Center"),
-			style: { minHeight: 390 },
-			open: !!O,
-			onOk: Qe,
-			onCancel: nn,
-			footer: H === we ? (0, r.jsx)(r.Fragment, {}) : null,
-			children: (0, r.jsx)(m.Spin, {
-				spinning: G,
-				children: (0, r.jsx)(m.Tabs, {
-					activeKey: H,
-					onChange: rn,
-					items: Le,
-					className: "modal-tabs",
-					style: {
-						height: fe,
-						minHeight: 130
-					}
-				})
-			})
-		}), (0, r.jsx)(P.PlanUpgradePrompt, {
-			open: Qt,
-			onCancel: () => je(!1),
-			initialSlide: Yt
-		})] });
-	};
-	ot.propTypes = { dataProvider: ht.default.object }, gt.default = ot;
-});