@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.37

package/dist/dialogComponent/index.es.js

@@ -1,7 +1,7 @@
-const x = "app.grapesjs.com", S = "app-stage.grapesjs.com", C = "app2.grapesjs.com", _ = "app-stage2.grapesjs.com", T = [
-  x,
-  C,
-  S,
+const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.com", _ = "app-stage2.grapesjs.com", x = [
+  A,
+  R,
+  k,
   _,
   "localhost",
   "127.0.0.1",
@@ -9,103 +9,129 @@ const x = "app.grapesjs.com", S = "app-stage.grapesjs.com", C = "app2.grapesjs.c
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], $ = "license:check:start", N = "license:check:end", k = () => typeof window < "u", D = ({
-  isDev: n,
-  isStage: l,
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], $ = "license:check:end", G = () => typeof window < "u", N = ({
+  isDev: e,
+  isStage: s,
   isPlatform: r
-}) => `${n ? "" : `https://${l ? S : x}`}/${r ? "platform-api" : "api"}`, A = () => {
-  const n = k() && window.location.hostname;
-  return !!n && (T.includes(n) || T.some((l) => n.endsWith(l)));
+}) => `${e ? "" : `https://${s ? k : A}`}/${r ? "platform-api" : "api"}`, B = () => {
+  if (!G()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, m = () => {
+  const e = B();
+  return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
 };
-async function I({
-  path: n,
-  baseApiUrl: l,
+async function M({
+  path: e,
+  baseApiUrl: s,
   method: r = "GET",
-  headers: o = {},
-  params: a,
+  headers: n = {},
+  params: c,
   body: i
 }) {
-  const d = `${l || D({ isDev: !1, isStage: !1 })}${n}`, p = {
+  const a = `${s || N({ isDev: !1, isStage: !1 })}${e}`, g = {
     method: r,
     headers: {
       "Content-Type": "application/json",
-      ...o
+      ...n
     }
   };
-  i && (p.body = JSON.stringify(i));
-  const c = a ? new URLSearchParams(a).toString() : "", g = c ? `?${c}` : "", t = await fetch(`${d}${g}`, p);
-  if (!t.ok)
-    throw new Error(`HTTP error! status: ${t.status}`);
-  return t.json();
+  i && (g.body = JSON.stringify(i));
+  const p = c ? new URLSearchParams(c).toString() : "", d = p ? `?${p}` : "", o = await fetch(`${a}${d}`, g);
+  if (!o.ok)
+    throw new Error(`HTTP error! status: ${o.status}`);
+  return o.json();
 }
-var W = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(W || {});
+var W = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(W || {}), T = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(T || {});
 const O = {
   [W.free]: 0,
   [W.startup]: 10,
   [W.business]: 20,
   [W.enterprise]: 30
 };
-function q(n) {
-  const l = n;
-  return l.init = (r) => (o) => n(o, r), l;
+function I(e) {
+  const s = e;
+  return s.init = (r) => (n) => e(n, r), s;
 }
-const U = (n) => /* @__PURE__ */ q(n);
-async function X({
-  editor: n,
-  plan: l,
+const U = (e) => /* @__PURE__ */ I(e);
+async function q({
+  editor: e,
+  plan: s,
   pluginName: r,
-  licenseKey: o,
-  onLicenseCheckResponse: a,
+  licenseKey: n,
+  onLicenseCheckResponse: c,
   cleanup: i
 }) {
-  let u = "", d = !1;
-  const p = A(), c = (t) => {
-    console.warn("Cleanup plugin:", r, "Reason:", t), i();
-  }, g = (t = {}) => {
-    var v;
-    const { error: m, sdkLicense: P } = t, s = (v = t.plan) == null ? void 0 : v.category;
-    if (!(P || t.license) || m)
-      c(m || "Invalid license");
-    else if (s) {
-      const b = O[l], w = O[s];
-      b > w && c({ pluginRequiredPlan: l, licensePlan: s });
+  let u = "", a;
+  const g = (o) => {
+    console.warn("Cleanup plugin:", r, "Reason:", o), i();
+  }, p = (o = {}) => {
+    var b;
+    const { error: v, sdkLicense: L } = o, l = (b = o.plan) == null ? void 0 : b.category;
+    if (!(L || o.license) || v)
+      g(v || "Invalid license");
+    else if (l) {
+      const P = O[s], w = O[l];
+      P > w && g({ pluginRequiredPlan: s, licensePlan: l });
     }
   };
-  n.on($, (t) => {
-    u = t == null ? void 0 : t.baseApiUrl, d = !0;
-  }), n.on(N, (t) => {
-    a == null || a(t), g(t);
-  }), setTimeout(async () => {
-    if (!d) {
-      if (p) return;
-      if (o) {
-        const t = await M({ licenseKey: o, pluginName: r, baseApiUrl: u });
-        a == null || a(t), t && g(t);
-      } else
-        c("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  e.Commands.has(T.settings) && (a = e.runCommand(T.settings), u = (a == null ? void 0 : a.baseUrl) || "");
+  const d = (o) => {
+    c == null || c(o), o && p(o);
+  };
+  if (!a) {
+    e.onReady(async () => {
+      if (!m())
+        if (n) {
+          const o = await F({ licenseKey: n, pluginName: r, baseApiUrl: u });
+          d(o);
+        } else
+          g("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (a.licensePlan || a.licenseError) {
+    const o = X(a);
+    d(o);
+    return;
+  }
+  e.on($, (o) => d(o));
 }
-async function M(n) {
-  const { licenseKey: l, pluginName: r, baseApiUrl: o } = n;
+const X = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function F(e) {
+  const { licenseKey: s, pluginName: r, baseApiUrl: n } = e;
   try {
-    return (await I({
-      baseApiUrl: o,
-      path: `/sdk/${l || "na"}`,
+    return (await M({
+      baseApiUrl: n,
+      path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: r
       }
     })).result || {};
-  } catch (a) {
-    return console.error("Error during SDK license check:", a), !1;
+  } catch (c) {
+    return console.error("Error during SDK license check:", c), !1;
   }
 }
-const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialogComponent", z = function(n, l = {}) {
-  const { Blocks: r, Components: o } = n, { licenseKey: a } = l, i = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", d = "gjs-plg-dialog-content", p = "gjs-plg-dialog-close", c = "gjs-plg-dialog-title", g = "gjs-plg-dialog-body", t = "gjs-plg-dialog-description", m = "gjs-plg-dialog-placeholder";
+const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialogComponent", H = function(e, s = {}) {
+  const { Blocks: r, Components: n } = e, { licenseKey: c } = s, i = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", a = "gjs-plg-dialog-content", g = "gjs-plg-dialog-close", p = "gjs-plg-dialog-title", d = "gjs-plg-dialog-body", o = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
   r.add(i, {
     label: "Dialog",
     media: `
@@ -116,15 +142,15 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
     category: "Extra",
     content: { type: i },
     activate: !0,
-    ...l.block
-  }), o.addType(i, {
+    ...s.block
+  }), n.addType(i, {
     model: {
       defaults: {
         tagName: "div",
         attributes: { class: i, "data-type-role": i },
-        components: [{ type: u }, { type: m }],
-        draggable: L("wrapper"),
-        droppable: L(i),
+        components: [{ type: u }, { type: v }],
+        draggable: j("wrapper"),
+        droppable: j(i),
         styles: `
           .${i} {
             position: relative;
@@ -137,9 +163,9 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
             label: "Open dialog",
             name: "onActive",
             changeProp: !0,
-            command(s) {
-              var e;
-              (e = s.getSelected()) == null || e.trigger("active");
+            command(l) {
+              var t;
+              (t = l.getSelected()) == null || t.trigger("active");
             }
           },
           {
@@ -177,38 +203,38 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
           "openWhenLeavingWindow",
           "openWhenScrollingToLevel"
         ],
-        script: function(s) {
-          const e = this;
-          function v(h) {
-            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), y = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
+        script: function(l) {
+          const t = this;
+          function b(y) {
+            const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), h = t.querySelector('[data-type-role="gjs-plg-dialog-close"]');
             function E() {
               f.style.display = "none";
             }
-            h ? (e._onCloseWhenPressingX = E, y.addEventListener("click", e._onCloseWhenPressingX)) : (y.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
+            y ? (t._onCloseWhenPressingX = E, h.addEventListener("click", t._onCloseWhenPressingX)) : (h.removeEventListener("click", t._onCloseWhenPressingX), t._onCloseWhenPressingX = null);
           }
-          function b(h) {
-            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function y(E) {
+          function P(y) {
+            const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function h(E) {
               E.key === "Escape" && (f.style.display = "none");
             }
-            h ? (e._onCloseWhenPressingEsc = y, e.addEventListener("keydown", e._onCloseWhenPressingEsc)) : (e.removeEventListener("keydown", e._onCloseWhenPressingEsc), e._onCloseWhenPressingEsc = null);
+            y ? (t._onCloseWhenPressingEsc = h, t.addEventListener("keydown", t._onCloseWhenPressingEsc)) : (t.removeEventListener("keydown", t._onCloseWhenPressingEsc), t._onCloseWhenPressingEsc = null);
           }
-          function w(h) {
-            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function y() {
+          function w(y) {
+            const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function h() {
               f.style.display = "flex";
             }
-            h ? (e._onOpenWhenLeavingWindow = y, document.addEventListener("mouseleave", e._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", e._onOpenWhenLeavingWindow), e._onOpenWhenLeavingWindow = null);
+            y ? (t._onOpenWhenLeavingWindow = h, document.addEventListener("mouseleave", t._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", t._onOpenWhenLeavingWindow), t._onOpenWhenLeavingWindow = null);
           }
-          function j(h) {
-            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function y() {
+          function D(y) {
+            const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function h() {
               const E = document.documentElement.scrollTop;
-              h && E >= Number(h) && (f.style.display = "flex");
+              y && E >= Number(y) && (f.style.display = "flex");
             }
-            h ? (e._onOpenWhenScrollingToLevel = y, document.addEventListener("scroll", e._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", e._onOpenWhenScrollingToLevel), e._onOpenWhenScrollingToLevel = null);
+            y ? (t._onOpenWhenScrollingToLevel = h, document.addEventListener("scroll", t._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", t._onOpenWhenScrollingToLevel), t._onOpenWhenScrollingToLevel = null);
           }
-          v(s.closeWhenPressingX), b(s.closeWhenPressingEsc), w(s.openWhenLeavingWindow), j(s.openWhenScrollingToLevel);
+          b(l.closeWhenPressingX), P(l.closeWhenPressingEsc), w(l.openWhenLeavingWindow), D(l.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -218,25 +244,25 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
         this.view.el.querySelector(
           '[data-type-role="gjs-plg-dialog-placeholder"]'
         ).addEventListener("click", () => {
-          const e = this.view.el.querySelector(
+          const t = this.view.el.querySelector(
             '[data-type-role="gjs-plg-dialog-overlay"]'
           );
-          e.style.display = "flex";
+          t.style.display = "flex";
         });
       }
     },
     view: {
       onActive() {
-        const s = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-        s.style.display = "flex";
+        const l = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+        l.style.display = "flex";
       }
     }
-  }), o.addType(u, {
+  }), n.addType(u, {
     model: {
       defaults: {
         tagName: "div",
         attributes: { class: u, "data-type-role": u },
-        components: { type: d },
+        components: { type: a },
         droppable: !1,
         draggable: !1,
         styles: `
@@ -254,16 +280,16 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(d, {
+  }), n.addType(a, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: d, "data-type-role": d },
-        components: [{ type: p }, { type: c }, { type: g }],
+        attributes: { class: a, "data-type-role": a },
+        components: [{ type: g }, { type: p }, { type: d }],
         droppable: !1,
         draggable: !1,
         styles: `
-          .${d} {
+          .${a} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -276,16 +302,16 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(p, {
+  }), n.addType(g, {
     model: {
       defaults: {
         tagName: "button",
-        attributes: { class: p, "data-type-role": p },
+        attributes: { class: g, "data-type-role": g },
         components: "&times;",
         droppable: !1,
         draggable: !1,
         styles: `
-          .${p} {
+          .${g} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -299,59 +325,59 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(c, {
+  }), n.addType(p, {
     model: {
       defaults: {
         tagName: "h2",
-        attributes: { class: c, "data-type-role": c },
+        attributes: { class: p, "data-type-role": p },
         components: "Dialog Title",
         editable: !0,
         droppable: !1,
         draggable: !1,
         styles: `
-          .${c} {
+          .${p} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
         `
       }
     }
-  }), o.addType(g, {
+  }), n.addType(d, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: g, "data-type-role": g },
-        components: [{ type: t }],
+        attributes: { class: d, "data-type-role": d },
+        components: [{ type: o }],
         styles: `
-          .${g} {
+          .${d} {
             height: 90%;
             overflow: auto;
           }
         `
       }
     }
-  }), o.addType(t, {
+  }), n.addType(o, {
     model: {
       defaults: {
         tagName: "p",
-        attributes: { class: t, "data-type-role": t },
+        attributes: { class: o, "data-type-role": o },
         components: "This is a customizable dialog!",
         editable: !0,
         styles: `
-          .${t} {
+          .${o} {
             margin: 0;
           }
         `
       }
     }
-  }), o.addType(m, {
+  }), n.addType(v, {
     model: {
       toHTML() {
         return "";
       },
       defaults: {
         tagName: "button",
-        attributes: { class: m, "data-type-role": m },
+        attributes: { class: v, "data-type-role": v },
         components: "Dialog (click me to open)",
         droppable: !1,
         draggable: !1
@@ -359,24 +385,24 @@ const L = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), B = "dialo
     },
     view: {
       init() {
-        const { em: s, el: e } = this, v = "core:preview", b = s.Commands.events;
-        this.listenTo(s, `${b.runCommand}${v}`, () => {
-          e.style.display = "none";
-        }), this.listenTo(s, `${b.stopCommand}${v}`, () => {
-          e.style.display = "";
+        const { em: l, el: t } = this, b = "core:preview", P = l.Commands.events;
+        this.listenTo(l, `${P.runCommand}${b}`, () => {
+          t.style.display = "none";
+        }), this.listenTo(l, `${P.stopCommand}${b}`, () => {
+          t.style.display = "";
         });
       }
     }
-  }), X({
-    editor: n,
-    licenseKey: a,
+  }), q({
+    editor: e,
+    licenseKey: c,
     plan: W.startup,
-    pluginName: B,
+    pluginName: z,
     cleanup: () => {
-      r.remove(i), o.removeType(i);
+      r.remove(i), n.removeType(i);
     }
   });
-}, H = U(z);
+}, K = U(H);
 export {
-  H as default
+  K as default
 };

package/dist/dialogComponent/index.umd.js

@@ -1,13 +1,13 @@
-(function(b,W){typeof exports=="object"&&typeof module<"u"?module.exports=W():typeof define=="function"&&define.amd?define(W):(b=typeof globalThis<"u"?globalThis:b||self,b.StudioSdkPlugins_dialogComponent=W())})(this,function(){"use strict";const b="app.grapesjs.com",W="app-stage.grapesjs.com",O=[b,"app2.grapesjs.com",W,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],_="license:check:start",j="license:check:end",C=()=>typeof window<"u",N=({isDev:n,isStage:l,isPlatform:r})=>`${n?"":`https://${l?W:b}`}/${r?"platform-api":"api"}`,$=()=>{const n=C()&&window.location.hostname;return!!n&&(O.includes(n)||O.some(l=>n.endsWith(l)))};async function k({path:n,baseApiUrl:l,method:r="GET",headers:o={},params:a,body:i}){const d=`${l||N({isDev:!1,isStage:!1})}${n}`,p={method:r,headers:{"Content-Type":"application/json",...o}};i&&(p.body=JSON.stringify(i));const c=a?new URLSearchParams(a).toString():"",g=c?`?${c}`:"",t=await fetch(`${d}${g}`,p);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var E=(n=>(n.free="free",n.startup="startup",n.business="business",n.enterprise="enterprise",n))(E||{});const x={[E.free]:0,[E.startup]:10,[E.business]:20,[E.enterprise]:30};function D(n){const l=n;return l.init=r=>o=>n(o,r),l}const A=n=>D(n);async function I({editor:n,plan:l,pluginName:r,licenseKey:o,onLicenseCheckResponse:a,cleanup:i}){let u="",d=!1;const p=$(),c=t=>{console.warn("Cleanup plugin:",r,"Reason:",t),i()},g=(t={})=>{var f;const{error:m,sdkLicense:L}=t,s=(f=t.plan)==null?void 0:f.category;if(!(L||t.license)||m)c(m||"Invalid license");else if(s){const w=x[l],T=x[s];w>T&&c({pluginRequiredPlan:l,licensePlan:s})}};n.on(_,t=>{u=t==null?void 0:t.baseApiUrl,d=!0}),n.on(j,t=>{a==null||a(t),g(t)}),setTimeout(async()=>{if(!d){if(p)return;if(o){const t=await q({licenseKey:o,pluginName:r,baseApiUrl:u});a==null||a(t),t&&g(t)}else c("The `licenseKey` option not provided")}},2e3)}async function q(n){const{licenseKey:l,pluginName:r,baseApiUrl:o}=n;try{return(await k({baseApiUrl:o,path:`/sdk/${l||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const S=(...n)=>n.map(l=>`[data-gjs-type="${l}"]`).join(","),U="dialogComponent";return A(function(n,l={}){const{Blocks:r,Components:o}=n,{licenseKey:a}=l,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",d="gjs-plg-dialog-content",p="gjs-plg-dialog-close",c="gjs-plg-dialog-title",g="gjs-plg-dialog-body",t="gjs-plg-dialog-description",m="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
+(function(P,T){typeof exports=="object"&&typeof module<"u"?module.exports=T():typeof define=="function"&&define.amd?define(T):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=T())})(this,function(){"use strict";const P="app.grapesjs.com",T="app-stage.grapesjs.com",O=[P,"app2.grapesjs.com",T,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],k="license:check:end",_=()=>typeof window<"u",R=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?T:P}`}/${r?"platform-api":"api"}`,$=()=>{if(!_())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},G=()=>{const e=$();return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))};async function N({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||R({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var W=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(W||{}),L=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(L||{});const A={[W.free]:0,[W.startup]:10,[W.business]:20,[W.enterprise]:30};function m(e){const s=e;return s.init=r=>n=>e(n,r),s}const M=e=>m(e);async function B({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const E=A[s],x=A[l];E>x&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(L.settings)&&(a=e.runCommand(L.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!G())if(n){const o=await U({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=I(a);d(o);return}e.on(k,o=>d(o))}const I=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function U(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await N({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),q="dialogComponent";return M(function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
     <svg viewBox="0 0 24 24">
       <path d="M4 4h16v10H8l-4 4V4z"></path>
     </svg>
-  `,category:"Extra",content:{type:i},activate:!0,...l.block}),o.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:u},{type:m}],draggable:S("wrapper"),droppable:S(i),styles:`
+  `,category:"Extra",content:{type:i},activate:!0,...s.block}),n.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:u},{type:f}],draggable:j("wrapper"),droppable:j(i),styles:`
           .${i} {
             position: relative;
             z-index: 1;
           }
-        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(s){var e;(e=s.getSelected())==null||e.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(s){const e=this;function f(h){const v=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),y=e.querySelector('[data-type-role="gjs-plg-dialog-close"]');function P(){v.style.display="none"}h?(e._onCloseWhenPressingX=P,y.addEventListener("click",e._onCloseWhenPressingX)):(y.removeEventListener("click",e._onCloseWhenPressingX),e._onCloseWhenPressingX=null)}function w(h){const v=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(P){P.key==="Escape"&&(v.style.display="none")}h?(e._onCloseWhenPressingEsc=y,e.addEventListener("keydown",e._onCloseWhenPressingEsc)):(e.removeEventListener("keydown",e._onCloseWhenPressingEsc),e._onCloseWhenPressingEsc=null)}function T(h){const v=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){v.style.display="flex"}h?(e._onOpenWhenLeavingWindow=y,document.addEventListener("mouseleave",e._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",e._onOpenWhenLeavingWindow),e._onOpenWhenLeavingWindow=null)}function X(h){const v=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){const P=document.documentElement.scrollTop;h&&P>=Number(h)&&(v.style.display="flex")}h?(e._onOpenWhenScrollingToLevel=y,document.addEventListener("scroll",e._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",e._onOpenWhenScrollingToLevel),e._onOpenWhenScrollingToLevel=null)}f(s.closeWhenPressingX),w(s.closeWhenPressingEsc),T(s.openWhenLeavingWindow),X(s.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const e=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');e.style.display="flex"})}},view:{onActive(){const s=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');s.style.display="flex"}}}),o.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:d},droppable:!1,draggable:!1,styles:`
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function E(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function x(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function X(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),E(l.closeWhenPressingEsc),x(l.openWhenLeavingWindow),X(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
           .${u} {
             position: fixed;
             top: 0;
@@ -19,8 +19,8 @@
             justify-content: center;
             background-color: rgba(0, 0, 0, 0.5);
           }
-        `}}}),o.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:p},{type:c},{type:g}],droppable:!1,draggable:!1,styles:`
-          .${d} {
+        `}}}),n.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
+          .${a} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -30,8 +30,8 @@
             height: 600px;
             box-sizing: border-box;
           }
-        `}}}),o.addType(p,{model:{defaults:{tagName:"button",attributes:{class:p,"data-type-role":p},components:"&times;",droppable:!1,draggable:!1,styles:`
-          .${p} {
+        `}}}),n.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
+          .${g} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -42,18 +42,18 @@
             font-size: 20px;
             cursor: pointer;
           }
-        `}}}),o.addType(c,{model:{defaults:{tagName:"h2",attributes:{class:c,"data-type-role":c},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
-          .${c} {
+        `}}}),n.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
+          .${p} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
-        `}}}),o.addType(g,{model:{defaults:{tagName:"div",attributes:{class:g,"data-type-role":g},components:[{type:t}],styles:`
-          .${g} {
+        `}}}),n.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
+          .${d} {
             height: 90%;
             overflow: auto;
           }
-        `}}}),o.addType(t,{model:{defaults:{tagName:"p",attributes:{class:t,"data-type-role":t},components:"This is a customizable dialog!",editable:!0,styles:`
-          .${t} {
+        `}}}),n.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
+          .${o} {
             margin: 0;
           }
-        `}}}),o.addType(m,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:m,"data-type-role":m},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:s,el:e}=this,f="core:preview",w=s.Commands.events;this.listenTo(s,`${w.runCommand}${f}`,()=>{e.style.display="none"}),this.listenTo(s,`${w.stopCommand}${f}`,()=>{e.style.display=""})}}}),I({editor:n,licenseKey:a,plan:E.startup,pluginName:U,cleanup:()=>{r.remove(i),o.removeType(i)}})})});
+        `}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",E=l.Commands.events;this.listenTo(l,`${E.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${E.stopCommand}${v}`,()=>{t.style.display=""})}}}),B({editor:e,licenseKey:c,plan:W.startup,pluginName:q,cleanup:()=>{r.remove(i),n.removeType(i)}})})});