useblocks 1.1.53 → 1.1.56

package/static/core/bf446743.js

@@ -0,0 +1,761 @@
+(function(){try{if(typeof document<"u"){var o=document.createElement("style");o.setAttribute("data-useblocks","true"),o.appendChild(document.createTextNode('@import "https://fonts.googleapis.com/css2?family=Geologica:wght@300;600&display=swap";.blocks-app .ant-modal.premium-features-modal .ant-modal-container{border-radius:calc(var(--borderRadiusXL) * 2px);padding:20px 19px}.blocks-app .premium-features-modal .modal-title{text-align:center;margin-bottom:0;font-size:32px}.blocks-app .premium-features-modal .ant-carousel .slick-dots li button{opacity:.5;background:#fff}.blocks-app .premium-features-modal .ant-carousel .slick-dots li.slick-active button{opacity:1}.blocks-app .premium-features-modal .modal-subtitle{text-align:center;margin-bottom:20px;font-size:18px}.blocks-app .premium-features-modal .carousel-slider{margin-bottom:20px}.blocks-app .premium-features-modal .slick-list{border-radius:calc(var(--borderRadiusXL) * 1.5px)}.blocks-app .premium-features-modal .slick-slide{padding:0 5px}.blocks-app .premium-features-modal .carousel-slide{border-radius:calc(var(--borderRadiusXL) * 1.5px);justify-content:flex-end;align-items:center;height:480px;display:flex}.blocks-app .premium-features-modal .slide-item-image{width:50%;padding:24px 0 24px 32px}.blocks-app .premium-features-modal .slide-item-image img{border-radius:calc(var(--borderRadiusXL) * 1.3px);width:100%}.blocks-app .premium-features-modal .slide-item-content{width:50%;padding:48px}.blocks-app .premium-features-modal .slide-title{margin-bottom:48px;font-size:50px;font-weight:700;line-height:1}.blocks-app .premium-features-modal .slide-description{font-size:22px}.blocks-app .premium-features-modal .modal-buttons{justify-content:center;gap:10px;display:flex}.blocks-app .premium-features-modal .modal-buttons button{padding:0 30px}.blocks-app .trial-suggest-modal .ant-modal-content{border-radius:16px;padding:32px}.blocks-app .trial-suggest-modal__title{color:var(--colorText);margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.3}.blocks-app .trial-suggest-modal__intro{color:var(--colorText);margin:0 0 12px}.blocks-app .trial-suggest-modal__features{color:var(--colorText);margin:0 0 20px;padding-left:20px}.blocks-app .trial-suggest-modal__features li{margin-bottom:6px}.blocks-app .trial-suggest-modal__disclaimer{color:var(--colorTextSecondary);margin:0 0 24px}.blocks-app .trial-suggest-modal__buttons{justify-content:flex-end;gap:12px;display:flex}.blocks-app .limit-upgrade-modal.ant-modal{max-width:calc(100vw - 24px)}.blocks-app .limit-upgrade-modal .ant-modal-content{border-radius:16px;padding:0;overflow:hidden;box-shadow:0 12px 24px -4px #191d3a14}.blocks-app .limit-upgrade-modal .ant-modal-header{display:none}.blocks-app .limit-upgrade-modal .ant-modal-content .ant-modal-body{padding:0}.blocks-app .limit-upgrade-modal__wrap{background:var(--colorBgContainer);flex-direction:column;align-items:center;width:400px;max-width:100%;display:flex}.blocks-app .limit-upgrade-modal__header{box-sizing:border-box;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;min-height:34px;padding:8px 8px 0;display:flex}.blocks-app .limit-upgrade-modal__close{background:var(--colorBgContainer);width:34px;height:34px;color:var(--colorTextSecondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:flex}.blocks-app .limit-upgrade-modal__close:hover{background:var(--colorFillTertiary);color:var(--colorText)}.blocks-app .limit-upgrade-modal__close .anticon{font-size:16px}.blocks-app .limit-upgrade-modal__body{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;padding:0 40px 24px;display:flex}.blocks-app .limit-upgrade-modal__title{text-align:center;max-width:320px;color:var(--colorText);margin:0;font-size:18px;font-weight:400;line-height:130%}.blocks-app .limit-upgrade-modal__subtitle{text-align:center;max-width:320px;color:var(--colorTextSecondary);margin:0;font-size:14px;font-weight:100;line-height:120%}.blocks-app .limit-upgrade-modal__limits-row{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;display:flex}.blocks-app .limit-upgrade-modal__icon-circle{box-sizing:border-box;border:1px solid var(--colorText);width:34px;height:34px;color:var(--colorText);border-radius:32px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}.blocks-app .limit-upgrade-modal__icon-circle .anticon{font-size:18px}.blocks-app .limit-upgrade-modal__icon-circle svg{flex-shrink:0;width:18px;height:18px;display:block}.blocks-app .limit-upgrade-modal__limit-old{color:#f85243;flex-shrink:0;font-size:40px;font-weight:100;line-height:100%}.blocks-app .limit-upgrade-modal__arrow-btn{color:#fff;background:#8946fb;border-radius:38px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.blocks-app .limit-upgrade-modal__arrow-icon{font-size:16px;transform:rotate(45deg)}.blocks-app .limit-upgrade-modal__limit-new{color:#7ed846;flex-shrink:0;font-size:40px;font-weight:400;line-height:100%}.blocks-app .limit-upgrade-modal__limit-new--infinity{font-size:36px;line-height:40px}.blocks-app .limit-upgrade-modal__divider{border:none;border-top:1px solid var(--colorBorderSecondary);width:100%;height:0;margin:0}.blocks-app .limit-upgrade-modal__footer{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0;display:flex}.blocks-app .limit-upgrade-modal__footer--dual{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;padding:16px}.blocks-app .limit-upgrade-modal__cta.ant-btn-primary{min-width:147px;height:32px;box-shadow:none;background:#2884ff;border-color:#2884ff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:400;line-height:19px}.blocks-app .limit-upgrade-modal__cta.ant-btn-primary:hover{background:#1a75f0;border-color:#1a75f0}.blocks-app .limit-upgrade-modal__cta-secondary.ant-btn-default{border-color:var(--colorBorder);min-width:147px;height:32px;color:var(--colorText);box-shadow:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:400;line-height:19px}.blocks-app .limit-upgrade-modal__cta-secondary.ant-btn-default:hover{color:#2884ff;border-color:#2884ff}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+__useblocks__.define("static/core/bf446743.js", [
+	"require",
+	"exports",
+	"module",
+	"static/core/bd36b180.js",
+	"static/core/b9bb2c5f.js",
+	"static/core/4d493eba.js",
+	"static/core/4dadf572.js",
+	"static/core/951903fb.js",
+	"react",
+	"react-dom",
+	"react/jsx-runtime",
+	"antd",
+	"react-dom/client",
+	"@ant-design/icons",
+	"@ant-design/cssinjs"
+], function(y, m, q) {
+	const E = y("./bd36b180.js"), l = y("./b9bb2c5f.js"), k = y("./4d493eba.js"), h = y("./4dadf572.js");
+	y("./951903fb.js");
+	let u = y("react");
+	u = E.__toESM(u);
+	y("react-dom");
+	let a = y("react/jsx-runtime");
+	y("antd");
+	y("react-dom/client");
+	y("@ant-design/icons");
+	y("@ant-design/cssinjs");
+	function O(e, i) {
+		return e == null || i == null ? !1 : String(e) === String(i);
+	}
+	function x(e, i) {
+		if (e?.myRole === "owner" || e?.myRole === "admin") return e.myRole;
+		if (e?.myRole === "user" || e?.myRole === "viewer") return "user";
+		const r = Array.isArray(e?.members) ? e.members : [], n = Array.isArray(e?.invites) ? e.invites : [];
+		if (i?.id == null || i.id === "") return null;
+		const t = r.find((o) => O(o?.userId, i.id));
+		if (t) {
+			if (t.role === "owner" || t.role === "admin") return t.role;
+			if (t.role === "user" || t.role === "viewer") return "user";
+		}
+		const c = i.email?.trim().toLowerCase();
+		return c && n.some((o) => o?.email?.trim().toLowerCase() === c) ? "invited" : null;
+	}
+	function j(e, i) {
+		return x(e, i) === "owner";
+	}
+	function A(e) {
+		const { isUserPay: i, isProjectOwner: r, trialEnabled: n, isPlugin: t } = e;
+		return t || i || !r || n ? "upsell" : "trial";
+	}
+	var P = () => l.di.useInstance(l.COOKIE_MANAGER_ID);
+	function K(e, i, r) {
+		const n = e.data?.status, t = typeof e.status == "number" ? e.status : void 0;
+		return n === 403 || t === 403 ? {
+			kind: "failure",
+			userMessage: e.message && String(e.message).trim() || i
+		} : {
+			kind: "success",
+			title: e.code && String(e.code).trim() || r,
+			description: e.message && String(e.message).trim() || void 0
+		};
+	}
+	async function T(e, i, r, n, t, c, o) {
+		const d = await i(e), g = r("Could not activate the trial. Please try again later or contact support.");
+		if ("error" in d && d.error) {
+			const s = d.error, p = "data" in s ? s.data : void 0;
+			return o((p && typeof p == "object" && p !== null && "message" in p ? String(p.message) : void 0) || g), !1;
+		}
+		if ("data" in d && d.data && typeof d.data == "object") {
+			const s = K(d.data, g, r("Trial period activated."));
+			return s.kind === "failure" ? (o(s.userMessage), !1) : (n(l.changeConfig("pro")), await t(void 0), s.description ? c({
+				title: s.title,
+				description: s.description
+			}) : c(s.title), !0);
+		}
+		return n(l.changeConfig("pro")), await t(void 0), c(r("Trial period activated.")), !0;
+	}
+	function R() {
+		const { __: e } = h.useI18n(), i = l.useDispatch(), r = P(), { success: n, notify: t } = h.useNotification(), c = l.usePushToDataLayer(), [o] = l.useLazyGetMeQuery(), [d, { isLoading: g }] = l.useActivateTrialMutation(), s = (0, u.useCallback)((p) => {
+			t({
+				title: p,
+				type: "error"
+			});
+		}, [t]);
+		return {
+			activate: (0, u.useCallback)(async () => {
+				const p = r.get(l.APP_COOKIES.em_token);
+				if (!p) return s(e("Sign in to your account to activate the trial period.")), !1;
+				try {
+					const f = await T(p, d, e, i, o, n, s);
+					return f && c({
+						event: "change",
+						action: "activate_trial"
+					}), f;
+				} catch (f) {
+					return s(f?.data?.message || e("Could not activate the trial. Please try again later or contact support.")), !1;
+				}
+			}, [
+				e,
+				d,
+				r,
+				i,
+				o,
+				s,
+				n,
+				c
+			]),
+			isActivating: g
+		};
+	}
+	var M = ({ open: e, sideOnOk: i, onCancel: r, initialSlide: n = 0 }) => {
+		const { __: t } = h.useI18n(), c = l.useNavigate(), [o, d] = (0, u.useState)(n), g = (0, u.useRef)(null), s = l.usePushToDataLayer(), p = () => {
+			i && i(), c("/billing"), r(!1);
+		};
+		(0, u.useEffect)(() => {
+			e && g.current && (g.current.goTo(n, !0), d(n));
+		}, [e, n]);
+		const f = (0, u.useMemo)(() => [
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_1sGjUaZ.png"),
+				backgroundColor: "var(--blue-2)",
+				title: t("More editing features"),
+				description: t("Use our visual editor to customize every element to your needs: change borders and their radius, box shadows, paddings, background, and much more.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_J7QtvZ3.png"),
+				backgroundColor: "var(--purple-2)",
+				title: t("Work with the HTML code"),
+				description: t("Edit the HTML version of your email template in the Code mode and see the changes in real time. Builder has no code restrictions — you can create templates of any complexity!")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_2fjDRfL.png"),
+				backgroundColor: "var(--cyan-2)",
+				title: t("AI image generation"),
+				description: t("Generate stunning visuals for your emails with ease. We have trained our AI model to ensure the highest quality images.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_D5C25Zp.png"),
+				backgroundColor: "var(--green-2)",
+				title: t("Stock photos and GIFs"),
+				description: t("Search the vast gallery of stock photos and GIFs to find visuals for any occasion. You can filter the results by image orientation, color scheme, and more.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_NDYloAO.png"),
+				backgroundColor: "var(--magenta-2)",
+				title: t("Version history"),
+				description: t("Check who and when made changes to the email template and, if necessary, restore one of the previous versions.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_g5mVlmh.png"),
+				backgroundColor: "var(--red-2)",
+				title: t("Image editor"),
+				description: t("Want to resize an image, add some text, or apply a filter? No need to leave builder! You can make all the basic changes in our image editor.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_ur8Lh3W.png"),
+				backgroundColor: "var(--orange-2)",
+				title: t("Email optimization"),
+				description: t("Check your email against broken links, missing alt texts, large images, and other issues that might prevent your emails from hitting inboxes.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_S5Pld9p.png"),
+				backgroundColor: "var(--volcano-2)",
+				title: t("Team collaboration"),
+				description: t("Share the project with your team and collaborate in real time. Add comments to individual email blocks and discuss necessary edits right in the builder.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_tGbb2j9.png"),
+				backgroundColor: "var(--geekblue-2)",
+				title: t("Email testing"),
+				description: t("Check how your email appears across various devices and email clients.")
+			},
+			{
+				image: t("https://cdn.useblocks.io/1351/241017_18_gDXi4uM.png"),
+				backgroundColor: "var(--geekblue-2)",
+				title: t("AI assistant"),
+				description: t("Let our AI assistant enhance your email template! From creating subject lines and preheaders based on the email copy to generating the whole email with your website in mind!")
+			}
+		], [t]);
+		return (0, u.useEffect)(() => {
+			if (e && g.current) {
+				g.current.goTo(n, !0), d(n);
+				const _ = f[n];
+				s({
+					event: "open_modal",
+					action: "open_premium-features_modal",
+					modal_id: "premium-features",
+					offer_id: _.title
+				});
+			}
+		}, [
+			e,
+			f,
+			n,
+			s
+		]), (0, a.jsxs)(h.Modal, {
+			open: e,
+			footer: null,
+			onCancel: r,
+			closable: !1,
+			className: "premium-features-modal",
+			classNames: { mask: "premium-features-modal-mask" },
+			styles: { mask: { background: "rgba(0, 0, 0, 0.65)" } },
+			width: 1100,
+			style: { maxWidth: "80%" },
+			children: [
+				(0, a.jsx)(h.Carousel, {
+					dots: !0,
+					slidesToShow: 1,
+					slidesToScroll: 1,
+					autoplay: !0,
+					className: "carousel-slider",
+					draggable: !0,
+					autoplaySpeed: 5e3,
+					initialSlide: o,
+					ref: g,
+					children: f.map((_, v) => (0, a.jsx)("div", { children: (0, a.jsxs)("div", {
+						className: "carousel-slide",
+						style: { background: `${_.backgroundColor}` },
+						children: [(0, a.jsx)("div", {
+							className: "slide-item-image",
+							children: (0, a.jsx)("img", {
+								src: _.image,
+								alt: `slide-${v}`
+							})
+						}), (0, a.jsxs)("div", {
+							className: "slide-item-content",
+							children: [(0, a.jsx)("h3", {
+								className: "slide-title",
+								children: _.title
+							}), (0, a.jsx)("p", {
+								className: "slide-description",
+								children: _.description
+							})]
+						})]
+					}) }, v))
+				}),
+				(0, a.jsx)("div", {
+					className: "modal-subtitle",
+					children: t("This and other features are available for you on any paid plan.")
+				}),
+				(0, a.jsxs)("div", {
+					className: "modal-buttons",
+					children: [(0, a.jsx)(h.Button, {
+						size: "large",
+						onClick: () => r(!1),
+						children: t("Cancel")
+					}), (0, a.jsx)(h.Button, {
+						type: "primary",
+						size: "large",
+						onClick: p,
+						style: { padding: "0 30px" },
+						children: t("Select plan")
+					})]
+				})
+			]
+		});
+	}, B = ({ open: e, onCancel: i, onConfirm: r, loading: n = !1 }) => {
+		const { __: t } = h.useI18n();
+		return (0, a.jsxs)(h.Modal, {
+			open: e,
+			onCancel: i,
+			footer: null,
+			closable: !1,
+			centered: !0,
+			width: 520,
+			className: "trial-suggest-modal",
+			children: [
+				(0, a.jsxs)("h2", {
+					className: "trial-suggest-modal__title",
+					children: [t("Try every editor feature — free"), " "]
+				}),
+				(0, a.jsx)("p", {
+					className: "trial-suggest-modal__intro",
+					children: t("Turn on a 14-day trial and the whole editor opens up:")
+				}),
+				(0, a.jsxs)("ul", {
+					className: "trial-suggest-modal__features",
+					children: [
+						(0, a.jsx)("li", { children: t("Export to HTML, AMP, PDF and PNG") }),
+						(0, a.jsx)("li", { children: t("Code editing and version history") }),
+						(0, a.jsx)("li", { children: t("AI assistant and AI image generation") }),
+						(0, a.jsx)("li", { children: t("Stock photos, GIFs and icons, plus the image editor") }),
+						(0, a.jsx)("li", { children: t("Email checks and teamwork") })
+					]
+				}),
+				(0, a.jsx)("p", {
+					className: "trial-suggest-modal__disclaimer",
+					children: t("No card required: we ask for no payment or personal details. When the trial ends, the service switches to the free plan.")
+				}),
+				(0, a.jsxs)("div", {
+					className: "trial-suggest-modal__buttons",
+					children: [(0, a.jsxs)(h.Button, {
+						size: "large",
+						onClick: i,
+						children: [t("Not now"), " "]
+					}), (0, a.jsxs)(h.Button, {
+						type: "primary",
+						size: "large",
+						loading: n,
+						onClick: r,
+						children: [t("Start the trial"), " "]
+					})]
+				})
+			]
+		});
+	}, Y = ({ open: e, onCancel: i, initialSlide: r = 0, onTrialActivated: n, sideOnOk: t }) => {
+		const c = l.useSelector(l.selectedIsUserPaySmth), o = l.useSelector(l.selectedCurrentUser), d = l.useSelector(l.selectProject), g = l.usePushToDataLayer(), { activate: s, isActivating: p } = R(), f = A({
+			isUserPay: c,
+			isProjectOwner: j(d, o),
+			trialEnabled: !!o?.trial_enabled,
+			isPlugin: l.PLUGIN.isPlugin
+		}) === "trial";
+		(0, u.useEffect)(() => {
+			!e || !f || g({
+				event: "open_modal",
+				action: "open_trial-suggest_modal",
+				modal_id: "trial-suggest"
+			});
+		}, [
+			e,
+			f,
+			g
+		]);
+		const _ = (0, u.useCallback)(() => {
+			(async () => {
+				if (await s()) {
+					(n ?? i)();
+					return;
+				}
+				i();
+			})();
+		}, [
+			s,
+			i,
+			n
+		]);
+		return f ? (0, a.jsx)(B, {
+			open: e,
+			onCancel: i,
+			onConfirm: _,
+			loading: p
+		}) : (0, a.jsx)(M, {
+			open: e,
+			onCancel: i,
+			initialSlide: r,
+			sideOnOk: t
+		});
+	};
+	function w(e) {
+		return e = e.replace(/<script[^>]*>([\S\s]*?)<\/script>/gim, ""), e = e.replace(/<\/?(?:script|embed|object|frameset|frame|iframe|applet|meta)[^>]*>/gi, ""), e = e.replace(/ on\w+="[^"]*"/g, ""), e = e.replace(/ on\w+='[^']*'/g, ""), e;
+	}
+	var b = u.default.forwardRef(({ icon: e, ...i }, r) => {
+		const n = l.useAppConfig();
+		return (0, a.jsx)(h.EmIcons, {
+			ref: r,
+			icon: e,
+			configIcons: (0, u.useMemo)(() => {
+				if (!n?.icons) return;
+				const t = {};
+				for (const [c, o] of Object.entries(n.icons)) typeof o == "string" && (t[c] = w(o));
+				return Object.keys(t).length > 0 ? t : void 0;
+			}, [n?.icons]),
+			strokeWidth: n?.iconStrokeWidth,
+			...i
+		});
+	});
+	b.displayName = "EmIcons";
+	var L = {
+		ai: "AIRequests",
+		email_generate: "EmailEnvelope",
+		image_generate: "Image",
+		optimization: "Optimization",
+		preview: "SendOutlined",
+		link_check: "Web",
+		image_check: "Image",
+		spam_check: "Block",
+		projects: "FolderOpen",
+		emails: "EmailEnvelope",
+		blocks: "Block",
+		users: "SliderGroup"
+	};
+	function I(e, i) {
+		if (e == null) return null;
+		if (typeof e == "number" || typeof e == "string") {
+			const r = e === "∞" || typeof e == "string" && e.toLowerCase() === "infinity";
+			return (0, a.jsx)("span", {
+				className: i === "old" ? "limit-upgrade-modal__limit-old" : `limit-upgrade-modal__limit-new${r ? " limit-upgrade-modal__limit-new--infinity" : ""}`,
+				children: r ? "∞" : e
+			});
+		}
+		return e;
+	}
+	var F = ({ open: e, onClose: i, title: r, subtitle: n, usageResource: t, icon: c, previousDisplay: o, nextDisplay: d, onChangePlan: g, secondaryAction: s, changePlanLabel: p }) => {
+		const { __: f } = h.useI18n(), _ = p ?? f("Change plan"), v = !!s, J = t != null ? (0, a.jsx)(b, { icon: L[t] }) : c ?? null;
+		return (0, a.jsx)(h.Modal, {
+			open: e,
+			onCancel: i,
+			footer: null,
+			closable: !1,
+			width: 400,
+			centered: !0,
+			className: "limit-upgrade-modal",
+			destroyOnHidden: !0,
+			mask: { closable: !0 },
+			children: (0, a.jsxs)("div", {
+				className: "limit-upgrade-modal__wrap",
+				children: [
+					(0, a.jsx)("div", {
+						className: "limit-upgrade-modal__header",
+						children: (0, a.jsx)("button", {
+							type: "button",
+							className: "limit-upgrade-modal__close",
+							onClick: i,
+							"aria-label": f("Close"),
+							children: (0, a.jsx)(b, { icon: "CloseOutlined" })
+						})
+					}),
+					(0, a.jsxs)("div", {
+						className: "limit-upgrade-modal__body",
+						children: [
+							(0, a.jsx)("h1", {
+								className: "limit-upgrade-modal__title",
+								children: r
+							}),
+							(0, a.jsx)("p", {
+								className: "limit-upgrade-modal__subtitle",
+								children: n
+							}),
+							(0, a.jsxs)("div", {
+								className: "limit-upgrade-modal__limits-row",
+								children: [
+									(0, a.jsx)("div", {
+										className: "limit-upgrade-modal__icon-circle",
+										"aria-hidden": !0,
+										children: J
+									}),
+									I(o, "old"),
+									(0, a.jsx)("div", {
+										className: "limit-upgrade-modal__arrow-btn",
+										"aria-hidden": !0,
+										children: (0, a.jsx)(b, {
+											icon: "ArrowUpOutlined",
+											className: "limit-upgrade-modal__arrow-icon"
+										})
+									}),
+									I(d, "new")
+								]
+							})
+						]
+					}),
+					(0, a.jsx)("hr", { className: "limit-upgrade-modal__divider" }),
+					(0, a.jsx)("div", {
+						className: v ? "limit-upgrade-modal__footer limit-upgrade-modal__footer--dual" : "limit-upgrade-modal__footer",
+						children: s ? (0, a.jsxs)(a.Fragment, { children: [(0, a.jsx)(h.Button, {
+							className: "limit-upgrade-modal__cta-secondary",
+							onClick: s.onClick,
+							children: s.label
+						}), (0, a.jsx)(h.Button, {
+							type: "primary",
+							className: "limit-upgrade-modal__cta",
+							onClick: g,
+							children: _
+						})] }) : (0, a.jsx)(h.Button, {
+							type: "primary",
+							className: "limit-upgrade-modal__cta",
+							onClick: g,
+							children: _
+						})
+					})
+				]
+			})
+		});
+	}, D = {
+		email_10_30: {
+			id: "email_10_30",
+			titleKey: "You have used up the number of emails you can create on your current plan",
+			subtitleKey: "You can increase the number of emails right now.",
+			usageResource: "email_generate",
+			previous: 10,
+			next: 30,
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: emails 10→30"
+		},
+		email_30_300: {
+			id: "email_30_300",
+			titleKey: "You have used up the number of emails you can create on your current plan",
+			subtitleKey: "You can increase the number of emails right now.",
+			usageResource: "email_generate",
+			previous: 30,
+			next: 300,
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: emails 30→300"
+		},
+		email_300_inf: {
+			id: "email_300_inf",
+			titleKey: "You have used up the number of emails you can create on your current plan",
+			subtitleKey: "You can increase the number of emails right now.",
+			usageResource: "email_generate",
+			previous: 300,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: emails 300→∞"
+		},
+		ai_10_50: {
+			id: "ai_10_50",
+			titleKey: "You have used up your AI generations",
+			subtitleKey: "You can add more generations right now; they are billed separately from the generations included in your plan.",
+			usageResource: "ai",
+			previous: 10,
+			next: 50,
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: AI 10→50"
+		},
+		ai_30_150: {
+			id: "ai_30_150",
+			titleKey: "You have used up your AI generations",
+			subtitleKey: "You can add more generations right now; they are billed separately from the generations included in your plan.",
+			usageResource: "ai",
+			previous: 30,
+			next: 150,
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: AI 30→150"
+		},
+		ai_150_inf: {
+			id: "ai_150_inf",
+			titleKey: "You have used up your AI generations",
+			subtitleKey: "You can add more generations right now; they are billed separately from the generations included in your plan.",
+			usageResource: "ai",
+			previous: 150,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: AI 150→∞"
+		},
+		optimization_exceeded: {
+			id: "optimization_exceeded",
+			titleKey: "You have used up your optimisation limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "optimization",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: optimization exhausted"
+		},
+		image_generate_exceeded: {
+			id: "image_generate_exceeded",
+			titleKey: "You have used up your image generation limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "image_generate",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: image_generate exhausted"
+		},
+		preview_exceeded: {
+			id: "preview_exceeded",
+			titleKey: "You have used up your preview (test send) limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "preview",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: preview exhausted"
+		},
+		link_check_exceeded: {
+			id: "link_check_exceeded",
+			titleKey: "You have used up your link check limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "link_check",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: link_check exhausted"
+		},
+		image_check_exceeded: {
+			id: "image_check_exceeded",
+			titleKey: "You have used up your image check limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "image_check",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: image_check exhausted"
+		},
+		spam_check_exceeded: {
+			id: "spam_check_exceeded",
+			titleKey: "You have used up your spam check limit",
+			subtitleKey: "You can increase the limit by changing your plan or buying an extra package.",
+			usageResource: "spam_check",
+			previous: 0,
+			next: "infinity",
+			showSecondaryBuy: !1,
+			debugLabelKey: "Limit modal: spam_check exhausted"
+		}
+	};
+	function U(e) {
+		return D[e];
+	}
+	function z(e) {
+		return e === "infinity" ? "∞" : e;
+	}
+	var G = {
+		ai: "ai_150_inf",
+		email_generate: "email_300_inf",
+		image_generate: "image_generate_exceeded",
+		preview: "preview_exceeded",
+		link_check: "link_check_exceeded",
+		image_check: "image_check_exceeded",
+		spam_check: "spam_check_exceeded"
+	};
+	function C(e) {
+		return !e || e.is_unlimited || e.total_limit <= 0 ? !1 : e.remaining <= 0 || e.used >= e.total_limit;
+	}
+	function S(e, i) {
+		return C(i) ? {
+			presetId: G[e],
+			previousLimit: i?.total_limit ?? 0,
+			nextLimit: "infinity"
+		} : null;
+	}
+	function W(e, i) {
+		return S(e, i);
+	}
+	function H(e) {
+		for (let i = e.length - 1; i >= 0; i--) {
+			const r = e[i];
+			if (typeof r == "string" && r) return r;
+		}
+	}
+	function Z(e) {
+		for (let i = 0; i < e.length; i++) {
+			const r = e[i];
+			if (r instanceof Blob) return r;
+		}
+	}
+	function $(e, i) {
+		for (let r = e.length - 1; r >= 0; r--) {
+			const n = e[r];
+			if (typeof n == "string" && n && n !== i) return n;
+		}
+	}
+	var N = (0, u.createContext)(null), Q = (e) => e.includes("UPLOAD_IMAGE_") || e.includes("UPLOAD_BACKGROUND_"), V = ({ children: e }) => {
+		const i = l.useDispatch(), r = l.useSelector(k.selectActiveModal), [n, t] = (0, u.useState)(null), c = (0, u.useRef)(null), o = (0, u.useCallback)((s) => {
+			c.current?.(s), c.current = null;
+		}, []), d = (0, u.useCallback)((s) => (o(null), t(s), i(k.openModal(s.entryModal)), new Promise((p) => {
+			c.current = p;
+		})), [i, o]);
+		(0, u.useEffect)(() => {
+			Q(r) || (t(null), c.current && o(null));
+		}, [r, o]);
+		const g = (0, u.useMemo)(() => ({
+			request: n,
+			openImagePicker: d,
+			resolveImagePicker: o
+		}), [
+			n,
+			d,
+			o
+		]);
+		return (0, a.jsx)(N.Provider, {
+			value: g,
+			children: e
+		});
+	}, X = () => {
+		const e = (0, u.useContext)(N);
+		if (!e) throw new Error("useImagePicker must be used within ImagePickerProvider");
+		return e;
+	};
+	Object.defineProperty(m, "EmIcons", {
+		enumerable: !0,
+		get: function() {
+			return b;
+		}
+	}), Object.defineProperty(m, "ImagePickerProvider", {
+		enumerable: !0,
+		get: function() {
+			return V;
+		}
+	}), Object.defineProperty(m, "LIMIT_TYPE_TO_USAGE_CARD_ICON", {
+		enumerable: !0,
+		get: function() {
+			return L;
+		}
+	}), Object.defineProperty(m, "LimitUpgradeModal", {
+		enumerable: !0,
+		get: function() {
+			return F;
+		}
+	}), Object.defineProperty(m, "PlanUpgradePrompt", {
+		enumerable: !0,
+		get: function() {
+			return Y;
+		}
+	}), Object.defineProperty(m, "getLimitUpgradePresetDefinition", {
+		enumerable: !0,
+		get: function() {
+			return U;
+		}
+	}), Object.defineProperty(m, "getMyProjectRole", {
+		enumerable: !0,
+		get: function() {
+			return x;
+		}
+	}), Object.defineProperty(m, "isLimitStatsBlockExhausted", {
+		enumerable: !0,
+		get: function() {
+			return C;
+		}
+	}), Object.defineProperty(m, "isProjectOwner", {
+		enumerable: !0,
+		get: function() {
+			return j;
+		}
+	}), Object.defineProperty(m, "pickFileProxyBlobFromFireResults", {
+		enumerable: !0,
+		get: function() {
+			return Z;
+		}
+	}), Object.defineProperty(m, "pickProxyUrlOverrideFromFireResults", {
+		enumerable: !0,
+		get: function() {
+			return $;
+		}
+	}), Object.defineProperty(m, "pickUploadImageUrlFromFireResults", {
+		enumerable: !0,
+		get: function() {
+			return H;
+		}
+	}), Object.defineProperty(m, "presetLimitDisplay", {
+		enumerable: !0,
+		get: function() {
+			return z;
+		}
+	}), Object.defineProperty(m, "resolveLimitActionPreflightExceeded", {
+		enumerable: !0,
+		get: function() {
+			return S;
+		}
+	}), Object.defineProperty(m, "resolveLimitActionPreflightExceededForType", {
+		enumerable: !0,
+		get: function() {
+			return W;
+		}
+	}), Object.defineProperty(m, "sanitizeHtml", {
+		enumerable: !0,
+		get: function() {
+			return w;
+		}
+	}), Object.defineProperty(m, "useCookieManager", {
+		enumerable: !0,
+		get: function() {
+			return P;
+		}
+	}), Object.defineProperty(m, "useImagePicker", {
+		enumerable: !0,
+		get: function() {
+			return X;
+		}
+	});
+});