useblocks 1.1.56 → 1.1.60

package/static/core/{bf446743.js → dbf19c2e.js}

@@ -1,12 +1,12 @@
-(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", [
+(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{max-width:calc(100vw - 24px)}.blocks-app .trial-suggest-modal .ant-modal-container{border-radius:16px;padding:0;overflow:hidden}.blocks-app .trial-suggest-modal__layout{align-items:stretch;display:flex}.blocks-app .trial-suggest-modal__gallery{background:var(--colorFillQuaternary);flex:0 0 300px;width:300px;max-width:300px;position:relative;overflow:hidden}.blocks-app .trial-suggest-modal__slide-image{border-right:1px solid var(--colorFillSecondary);background-repeat:no-repeat;background-size:cover;transition:opacity .4s;position:absolute;inset:0}.blocks-app .trial-suggest-modal__content{flex:auto;min-width:0;max-width:100%;padding:32px}.blocks-app .trial-suggest-modal__badge{background:var(--colorPrimaryBg);color:var(--colorPrimary);border-radius:12px;margin-bottom:12px;padding:2px 10px;font-size:12px;font-weight:600;line-height:20px;display:inline-block}.blocks-app .trial-suggest-modal__title{color:var(--colorText);margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.25}.blocks-app .trial-suggest-modal__intro{color:var(--colorTextSecondary);margin:0 0 16px}.blocks-app .trial-suggest-modal__features{margin:0 0 20px;padding:0;list-style:none}.blocks-app .trial-suggest-modal__features li{color:var(--colorText);align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.blocks-app .trial-suggest-modal__feature-icon,.blocks-app .trial-suggest-modal__promise-icon{flex:none;width:20px;height:20px;margin-top:2px;font-size:20px;line-height:20px}.blocks-app .trial-suggest-modal__feature-icon svg,.blocks-app .trial-suggest-modal__promise-icon svg{width:100%;height:100%}.blocks-app .trial-suggest-modal__feature-icon{color:var(--colorPrimary)}.blocks-app .trial-suggest-modal__promise{background:var(--colorFillQuaternary);color:var(--colorText);border-radius:8px;align-items:flex-start;gap:10px;margin:0 0 8px;padding:12px;display:flex}.blocks-app .trial-suggest-modal__promise-icon{color:var(--colorSuccess)}.blocks-app .trial-suggest-modal__note{color:var(--colorTextTertiary);margin:0 0 24px;font-size:12px;line-height:140%}.blocks-app .trial-suggest-modal__buttons{justify-content:space-between;align-items:center;gap:8px;display:flex}.blocks-app .trial-suggest-modal__decline.ant-btn{box-shadow:none;color:var(--colorTextSecondary);border:1px solid #0000}.blocks-app .trial-suggest-modal__decline.ant-btn:hover,.blocks-app .trial-suggest-modal__decline.ant-btn:focus,.blocks-app .trial-suggest-modal__decline.ant-btn:focus-visible,.blocks-app .trial-suggest-modal__decline.ant-btn:active{box-shadow:none;border:1px solid #0000;transform:none}.blocks-app .trial-suggest-modal__decline.ant-btn:hover:not(:disabled){background:var(--colorFillTertiary);color:var(--colorText)}@media (width<=720px){.blocks-app .trial-suggest-modal__layout{flex-direction:column}.blocks-app .trial-suggest-modal__gallery{flex:none;width:auto;max-width:none;height:180px}.blocks-app .trial-suggest-modal__content{padding:24px}}.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(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+__useblocks__.define("static/core/dbf19c2e.js", [
 	"require",
 	"exports",
 	"module",
 	"static/core/bd36b180.js",
-	"static/core/b9bb2c5f.js",
-	"static/core/4d493eba.js",
-	"static/core/4dadf572.js",
+	"static/core/c9e59b34.js",
+	"static/core/161d1254.js",
+	"static/core/40f73dfb.js",
 	"static/core/951903fb.js",
 	"react",
 	"react-dom",
@@ -15,18 +15,18 @@ __useblocks__.define("static/core/bf446743.js", [
 	"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");
+], function(y, p, re) {
+	const A = y("./bd36b180.js"), m = y("./c9e59b34.js"), k = y("./161d1254.js"), h = y("./40f73dfb.js");
 	y("./951903fb.js");
 	let u = y("react");
-	u = E.__toESM(u);
+	u = A.__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) {
+	function R(e, i) {
 		return e == null || i == null ? !1 : String(e) === String(i);
 	}
 	function x(e, i) {
@@ -34,23 +34,27 @@ __useblocks__.define("static/core/bf446743.js", [
 		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));
+		const t = r.find((s) => R(s?.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;
+		const l = i.email?.trim().toLowerCase();
+		return l && n.some((s) => s?.email?.trim().toLowerCase() === l) ? "invited" : null;
 	}
 	function j(e, i) {
-		return x(e, i) === "owner";
+		return i.isPlugin ? !1 : e?.ownerPlan?.isPaid !== !0;
 	}
-	function A(e) {
-		const { isUserPay: i, isProjectOwner: r, trialEnabled: n, isPlugin: t } = e;
-		return t || i || !r || n ? "upsell" : "trial";
+	function T(e, i) {
+		const r = x(e, i);
+		return r === null || r === "owner";
 	}
-	var P = () => l.di.useInstance(l.COOKIE_MANAGER_ID);
-	function K(e, i, r) {
+	function O(e) {
+		const { isPlanLocked: i, trialEnabled: r, canStartTrial: n } = e;
+		return !i || r || !n ? "upsell" : "trial";
+	}
+	var P = () => m.di.useInstance(m.COOKIE_MANAGER_ID);
+	function M(e, i, r) {
 		const n = e.data?.status, t = typeof e.status == "number" ? e.status : void 0;
 		return n === 403 || t === 403 ? {
 			kind: "failure",
@@ -61,60 +65,61 @@ __useblocks__.define("static/core/bf446743.js", [
 			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.");
+	async function K(e, i, r, n, t, l, s) {
+		const d = await i(e), c = 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;
+			const o = d.error, g = "data" in o ? o.data : void 0;
+			return s((g && typeof g == "object" && g !== null && "message" in g ? String(g.message) : void 0) || c), !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);
+			const o = M(d.data, c, r("Trial period activated."));
+			return o.kind === "failure" ? (s(o.userMessage), !1) : (n(m.changeConfig("pro")), await t(void 0), o.description ? l({
+				title: o.title,
+				description: o.description
+			}) : l(o.title), !0);
 		}
-		return n(l.changeConfig("pro")), await t(void 0), c(r("Trial period activated.")), !0;
+		return n(m.changeConfig("pro")), await t(void 0), l(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) => {
+	function Y() {
+		const { __: e } = h.useI18n(), i = m.useDispatch(), r = P(), { success: n, notify: t } = h.useNotification(), l = m.usePushToDataLayer(), [s] = m.useLazyGetMeQuery(), [d, { isLoading: c }] = m.useActivateTrialMutation(), [o] = k.useInvalidatePlanCacheMutation(), g = (0, u.useCallback)((f) => {
 			t({
-				title: p,
+				title: f,
 				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;
+				const f = r.get(m.APP_COOKIES.em_token);
+				if (!f) return g(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({
+					const _ = await K(f, d, e, i, s, n, g);
+					return _ && (await o(), i(m.projectsApi.util.invalidateTags(["project"])), l({
 						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;
+					})), _;
+				} catch (_) {
+					return g(_?.data?.message || e("Could not activate the trial. Please try again later or contact support.")), !1;
 				}
 			}, [
 				e,
 				d,
 				r,
 				i,
-				o,
 				s,
+				o,
+				g,
 				n,
-				c
+				l
 			]),
-			isActivating: g
+			isActivating: c
 		};
 	}
-	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);
+	var B = ({ open: e, sideOnOk: i, onCancel: r, initialSlide: n = 0 }) => {
+		const { __: t } = h.useI18n(), l = m.useNavigate(), [s, d] = (0, u.useState)(n), c = (0, u.useRef)(null), o = m.usePushToDataLayer(), g = () => {
+			i && i(), l("/billing"), r(!1);
 		};
 		(0, u.useEffect)(() => {
-			e && g.current && (g.current.goTo(n, !0), d(n));
+			e && c.current && (c.current.goTo(n, !0), d(n));
 		}, [e, n]);
 		const f = (0, u.useMemo)(() => [
 			{
@@ -179,10 +184,10 @@ __useblocks__.define("static/core/bf446743.js", [
 			}
 		], [t]);
 		return (0, u.useEffect)(() => {
-			if (e && g.current) {
-				g.current.goTo(n, !0), d(n);
+			if (e && c.current) {
+				c.current.goTo(n, !0), d(n);
 				const _ = f[n];
-				s({
+				o({
 					event: "open_modal",
 					action: "open_premium-features_modal",
 					modal_id: "premium-features",
@@ -193,7 +198,7 @@ __useblocks__.define("static/core/bf446743.js", [
 			e,
 			f,
 			n,
-			s
+			o
 		]), (0, a.jsxs)(h.Modal, {
 			open: e,
 			footer: null,
@@ -213,8 +218,8 @@ __useblocks__.define("static/core/bf446743.js", [
 					className: "carousel-slider",
 					draggable: !0,
 					autoplaySpeed: 5e3,
-					initialSlide: o,
-					ref: g,
+					initialSlide: s,
+					ref: c,
 					children: f.map((_, v) => (0, a.jsx)("div", { children: (0, a.jsxs)("div", {
 						className: "carousel-slide",
 						style: { background: `${_.backgroundColor}` },
@@ -249,125 +254,170 @@ __useblocks__.define("static/core/bf446743.js", [
 					}), (0, a.jsx)(h.Button, {
 						type: "primary",
 						size: "large",
-						onClick: p,
+						onClick: g,
 						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, {
+	};
+	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 = m.useAppConfig();
+		return (0, a.jsx)(h.EmIcons, {
+			ref: r,
+			icon: e,
+			configIcons: (0, u.useMemo)(() => {
+				if (!n?.icons) return;
+				const t = {};
+				for (const [l, s] of Object.entries(n.icons)) typeof s == "string" && (t[l] = w(s));
+				return Object.keys(t).length > 0 ? t : void 0;
+			}, [n?.icons]),
+			strokeWidth: n?.iconStrokeWidth,
+			...i
+		});
+	});
+	b.displayName = "EmIcons";
+	var D = "CheckCircleVerified", F = [
+		"Export to HTML, AMP, PDF and PNG",
+		"Code editing and version history",
+		"AI assistant and AI image generation",
+		"Stock photos, GIFs and icons, plus the image editor",
+		"Email checks and teamwork"
+	], L = [
+		"https://cdn.useblocks.io/1351/241017_18_1sGjUaZ.png",
+		"https://cdn.useblocks.io/1351/241017_18_J7QtvZ3.png",
+		"https://cdn.useblocks.io/1351/241017_18_2fjDRfL.png",
+		"https://cdn.useblocks.io/1351/241017_18_D5C25Zp.png",
+		"https://cdn.useblocks.io/1351/241017_18_NDYloAO.png",
+		"https://cdn.useblocks.io/1351/241017_18_g5mVlmh.png",
+		"https://cdn.useblocks.io/1351/241017_18_ur8Lh3W.png",
+		"https://cdn.useblocks.io/1351/241017_18_S5Pld9p.png",
+		"https://cdn.useblocks.io/1351/241017_18_tGbb2j9.png",
+		"https://cdn.useblocks.io/1351/241017_18_gDXi4uM.png"
+	], U = 5e3, G = ({ open: e, onCancel: i, onConfirm: r, loading: n = !1 }) => {
+		const { __: t } = h.useI18n(), [l, s] = (0, u.useState)(0), d = (0, u.useMemo)(() => L.map((c) => ({ backgroundImage: `url(${t(c)})` })), [t]);
+		return (0, u.useEffect)(() => {
+			if (!e) {
+				s(0);
+				return;
+			}
+			const c = setInterval(() => s((o) => (o + 1) % L.length), U);
+			return () => clearInterval(c);
+		}, [e]), (0, a.jsx)(h.Modal, {
 			open: e,
 			onCancel: i,
 			footer: null,
 			closable: !1,
 			centered: !0,
-			width: 520,
+			width: 760,
 			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.jsxs)("div", {
+				className: "trial-suggest-modal__layout",
+				children: [(0, a.jsx)("div", {
+					className: "trial-suggest-modal__gallery",
+					children: (0, a.jsx)("div", {
+						className: "trial-suggest-modal__slide-image",
+						style: d[l]
+					})
+				}), (0, a.jsxs)("div", {
+					className: "trial-suggest-modal__content",
 					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.jsxs)("span", {
+							className: "trial-suggest-modal__badge",
+							children: [t("14 days free"), " "]
+						}),
+						(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.jsx)("ul", {
+							className: "trial-suggest-modal__features",
+							children: F.map((c) => (0, a.jsxs)("li", { children: [(0, a.jsx)(b, {
+								icon: D,
+								className: "trial-suggest-modal__feature-icon"
+							}), (0, a.jsx)("span", { children: t(c) })] }, c))
+						}),
+						(0, a.jsxs)("p", {
+							className: "trial-suggest-modal__promise",
+							children: [(0, a.jsx)(b, {
+								icon: "ShieldTickIcon",
+								className: "trial-suggest-modal__promise-icon"
+							}), (0, a.jsx)("span", { children: t("No card required: we ask for no payment or personal details.") })]
+						}),
+						(0, a.jsx)("p", {
+							className: "trial-suggest-modal__note",
+							children: t("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, {
+								type: "text",
+								size: "large",
+								onClick: i,
+								className: "trial-suggest-modal__decline",
+								children: [t("Not now"), " "]
+							}), (0, a.jsxs)(h.Button, {
+								type: "primary",
+								size: "large",
+								loading: n,
+								onClick: r,
+								children: [t("Start the trial"), " "]
+							})]
+						})
 					]
-				}),
-				(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
+	}, z = ({ open: e, onCancel: i, initialSlide: r = 0, onTrialActivated: n, sideOnOk: t }) => {
+		const l = m.useSelector(m.selectedCurrentUser), s = m.useSelector(m.selectProject), d = m.usePushToDataLayer(), { activate: c, isActivating: o } = Y(), g = O({
+			isPlanLocked: j(s, { isPlugin: m.PLUGIN.isPlugin }),
+			trialEnabled: !!l?.trial_enabled,
+			canStartTrial: T(s, l)
 		}) === "trial";
 		(0, u.useEffect)(() => {
-			!e || !f || g({
+			!e || !g || d({
 				event: "open_modal",
 				action: "open_trial-suggest_modal",
 				modal_id: "trial-suggest"
 			});
 		}, [
 			e,
-			f,
-			g
+			g,
+			d
 		]);
-		const _ = (0, u.useCallback)(() => {
+		const f = (0, u.useCallback)(() => {
 			(async () => {
-				if (await s()) {
+				if (await c()) {
 					(n ?? i)();
 					return;
 				}
 				i();
 			})();
 		}, [
-			s,
+			c,
 			i,
 			n
 		]);
-		return f ? (0, a.jsx)(B, {
+		return g ? (0, a.jsx)(G, {
 			open: e,
 			onCancel: i,
-			onConfirm: _,
-			loading: p
-		}) : (0, a.jsx)(M, {
+			onConfirm: f,
+			loading: o
+		}) : (0, a.jsx)(B, {
 			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 = {
+	}, I = {
 		ai: "AIRequests",
 		email_generate: "EmailEnvelope",
 		image_generate: "Image",
@@ -381,7 +431,7 @@ __useblocks__.define("static/core/bf446743.js", [
 		blocks: "Block",
 		users: "SliderGroup"
 	};
-	function I(e, i) {
+	function C(e, i) {
 		if (e == null) return null;
 		if (typeof e == "number" || typeof e == "string") {
 			const r = e === "∞" || typeof e == "string" && e.toLowerCase() === "infinity";
@@ -392,8 +442,8 @@ __useblocks__.define("static/core/bf446743.js", [
 		}
 		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;
+	var W = ({ open: e, onClose: i, title: r, subtitle: n, usageResource: t, icon: l, previousDisplay: s, nextDisplay: d, onChangePlan: c, secondaryAction: o, changePlanLabel: g }) => {
+		const { __: f } = h.useI18n(), _ = g ?? f("Change plan"), v = !!o, ae = t != null ? (0, a.jsx)(b, { icon: I[t] }) : l ?? null;
 		return (0, a.jsx)(h.Modal, {
 			open: e,
 			onCancel: i,
@@ -434,9 +484,9 @@ __useblocks__.define("static/core/bf446743.js", [
 									(0, a.jsx)("div", {
 										className: "limit-upgrade-modal__icon-circle",
 										"aria-hidden": !0,
-										children: J
+										children: ae
 									}),
-									I(o, "old"),
+									C(s, "old"),
 									(0, a.jsx)("div", {
 										className: "limit-upgrade-modal__arrow-btn",
 										"aria-hidden": !0,
@@ -445,7 +495,7 @@ __useblocks__.define("static/core/bf446743.js", [
 											className: "limit-upgrade-modal__arrow-icon"
 										})
 									}),
-									I(d, "new")
+									C(d, "new")
 								]
 							})
 						]
@@ -453,26 +503,26 @@ __useblocks__.define("static/core/bf446743.js", [
 					(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, {
+						children: o ? (0, a.jsxs)(a.Fragment, { children: [(0, a.jsx)(h.Button, {
 							className: "limit-upgrade-modal__cta-secondary",
-							onClick: s.onClick,
-							children: s.label
+							onClick: o.onClick,
+							children: o.label
 						}), (0, a.jsx)(h.Button, {
 							type: "primary",
 							className: "limit-upgrade-modal__cta",
-							onClick: g,
+							onClick: c,
 							children: _
 						})] }) : (0, a.jsx)(h.Button, {
 							type: "primary",
 							className: "limit-upgrade-modal__cta",
-							onClick: g,
+							onClick: c,
 							children: _
 						})
 					})
 				]
 			})
 		});
-	}, D = {
+	}, H = {
 		email_10_30: {
 			id: "email_10_30",
 			titleKey: "You have used up the number of emails you can create on your current plan",
@@ -594,13 +644,13 @@ __useblocks__.define("static/core/bf446743.js", [
 			debugLabelKey: "Limit modal: spam_check exhausted"
 		}
 	};
-	function U(e) {
-		return D[e];
+	function Z(e) {
+		return H[e];
 	}
-	function z(e) {
+	function V(e) {
 		return e === "infinity" ? "∞" : e;
 	}
-	var G = {
+	var $ = {
 		ai: "ai_150_inf",
 		email_generate: "email_300_inf",
 		image_generate: "image_generate_exceeded",
@@ -609,153 +659,153 @@ __useblocks__.define("static/core/bf446743.js", [
 		image_check: "image_check_exceeded",
 		spam_check: "spam_check_exceeded"
 	};
-	function C(e) {
+	function N(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],
+		return N(i) ? {
+			presetId: $[e],
 			previousLimit: i?.total_limit ?? 0,
 			nextLimit: "infinity"
 		} : null;
 	}
-	function W(e, i) {
+	function Q(e, i) {
 		return S(e, i);
 	}
-	function H(e) {
+	function X(e) {
 		for (let i = e.length - 1; i >= 0; i--) {
 			const r = e[i];
 			if (typeof r == "string" && r) return r;
 		}
 	}
-	function Z(e) {
+	function J(e) {
 		for (let i = 0; i < e.length; i++) {
 			const r = e[i];
 			if (r instanceof Blob) return r;
 		}
 	}
-	function $(e, i) {
+	function q(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]);
+	var E = (0, u.createContext)(null), ee = (e) => e.includes("UPLOAD_IMAGE_") || e.includes("UPLOAD_BACKGROUND_"), te = ({ children: e }) => {
+		const i = m.useDispatch(), r = m.useSelector(k.selectActiveModal), [n, t] = (0, u.useState)(null), l = (0, u.useRef)(null), s = (0, u.useCallback)((o) => {
+			l.current?.(o), l.current = null;
+		}, []), d = (0, u.useCallback)((o) => (s(null), t(o), i(k.openModal(o.entryModal)), new Promise((g) => {
+			l.current = g;
+		})), [i, s]);
 		(0, u.useEffect)(() => {
-			Q(r) || (t(null), c.current && o(null));
-		}, [r, o]);
-		const g = (0, u.useMemo)(() => ({
+			ee(r) || (t(null), l.current && s(null));
+		}, [r, s]);
+		const c = (0, u.useMemo)(() => ({
 			request: n,
 			openImagePicker: d,
-			resolveImagePicker: o
+			resolveImagePicker: s
 		}), [
 			n,
 			d,
-			o
+			s
 		]);
-		return (0, a.jsx)(N.Provider, {
-			value: g,
+		return (0, a.jsx)(E.Provider, {
+			value: c,
 			children: e
 		});
-	}, X = () => {
-		const e = (0, u.useContext)(N);
+	}, ie = () => {
+		const e = (0, u.useContext)(E);
 		if (!e) throw new Error("useImagePicker must be used within ImagePickerProvider");
 		return e;
 	};
-	Object.defineProperty(m, "EmIcons", {
+	Object.defineProperty(p, "EmIcons", {
 		enumerable: !0,
 		get: function() {
 			return b;
 		}
-	}), Object.defineProperty(m, "ImagePickerProvider", {
+	}), Object.defineProperty(p, "ImagePickerProvider", {
 		enumerable: !0,
 		get: function() {
-			return V;
+			return te;
 		}
-	}), Object.defineProperty(m, "LIMIT_TYPE_TO_USAGE_CARD_ICON", {
+	}), Object.defineProperty(p, "LIMIT_TYPE_TO_USAGE_CARD_ICON", {
 		enumerable: !0,
 		get: function() {
-			return L;
+			return I;
 		}
-	}), Object.defineProperty(m, "LimitUpgradeModal", {
+	}), Object.defineProperty(p, "LimitUpgradeModal", {
 		enumerable: !0,
 		get: function() {
-			return F;
+			return W;
 		}
-	}), Object.defineProperty(m, "PlanUpgradePrompt", {
+	}), Object.defineProperty(p, "PlanUpgradePrompt", {
 		enumerable: !0,
 		get: function() {
-			return Y;
+			return z;
 		}
-	}), Object.defineProperty(m, "getLimitUpgradePresetDefinition", {
+	}), Object.defineProperty(p, "getLimitUpgradePresetDefinition", {
 		enumerable: !0,
 		get: function() {
-			return U;
+			return Z;
 		}
-	}), Object.defineProperty(m, "getMyProjectRole", {
+	}), Object.defineProperty(p, "getMyProjectRole", {
 		enumerable: !0,
 		get: function() {
 			return x;
 		}
-	}), Object.defineProperty(m, "isLimitStatsBlockExhausted", {
+	}), Object.defineProperty(p, "isEditorLockedByPlan", {
 		enumerable: !0,
 		get: function() {
-			return C;
+			return j;
 		}
-	}), Object.defineProperty(m, "isProjectOwner", {
+	}), Object.defineProperty(p, "isLimitStatsBlockExhausted", {
 		enumerable: !0,
 		get: function() {
-			return j;
+			return N;
 		}
-	}), Object.defineProperty(m, "pickFileProxyBlobFromFireResults", {
+	}), Object.defineProperty(p, "pickFileProxyBlobFromFireResults", {
 		enumerable: !0,
 		get: function() {
-			return Z;
+			return J;
 		}
-	}), Object.defineProperty(m, "pickProxyUrlOverrideFromFireResults", {
+	}), Object.defineProperty(p, "pickProxyUrlOverrideFromFireResults", {
 		enumerable: !0,
 		get: function() {
-			return $;
+			return q;
 		}
-	}), Object.defineProperty(m, "pickUploadImageUrlFromFireResults", {
+	}), Object.defineProperty(p, "pickUploadImageUrlFromFireResults", {
 		enumerable: !0,
 		get: function() {
-			return H;
+			return X;
 		}
-	}), Object.defineProperty(m, "presetLimitDisplay", {
+	}), Object.defineProperty(p, "presetLimitDisplay", {
 		enumerable: !0,
 		get: function() {
-			return z;
+			return V;
 		}
-	}), Object.defineProperty(m, "resolveLimitActionPreflightExceeded", {
+	}), Object.defineProperty(p, "resolveLimitActionPreflightExceeded", {
 		enumerable: !0,
 		get: function() {
 			return S;
 		}
-	}), Object.defineProperty(m, "resolveLimitActionPreflightExceededForType", {
+	}), Object.defineProperty(p, "resolveLimitActionPreflightExceededForType", {
 		enumerable: !0,
 		get: function() {
-			return W;
+			return Q;
 		}
-	}), Object.defineProperty(m, "sanitizeHtml", {
+	}), Object.defineProperty(p, "sanitizeHtml", {
 		enumerable: !0,
 		get: function() {
 			return w;
 		}
-	}), Object.defineProperty(m, "useCookieManager", {
+	}), Object.defineProperty(p, "useCookieManager", {
 		enumerable: !0,
 		get: function() {
 			return P;
 		}
-	}), Object.defineProperty(m, "useImagePicker", {
+	}), Object.defineProperty(p, "useImagePicker", {
 		enumerable: !0,
 		get: function() {
-			return X;
+			return ie;
 		}
 	});
 });