@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/dataSourceHandlebars/index.umd.js

@@ -1,10 +1,10 @@
-(function(h,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("handlebars/dist/cjs/handlebars")):typeof define=="function"&&define.amd?define(["handlebars/dist/cjs/handlebars"],p):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_dataSourceHandlebars=p(h.Handlebars))})(this,function(h){"use strict";const p="app.grapesjs.com",P="app-stage.grapesjs.com",S=[p,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],E="license:check:start",x="license:check:end",I=()=>typeof window<"u",C=({isDev:i,isStage:t})=>`${i?"":`https://${t?P:p}`}/api`,k=()=>{const i=I()&&window.location.hostname;return!!i&&(S.includes(i)||S.some(t=>i.endsWith(t)))};async function N({path:i,baseApiUrl:t,method:e="GET",headers:n={},params:s,body:a}){const o=`${t||C({isDev:!1,isStage:!1})}${i}`,c={method:e,headers:{"Content-Type":"application/json",...n}};a&&(c.body=JSON.stringify(a));const u=s?new URLSearchParams(s).toString():"",l=u?`?${u}`:"",m=await fetch(`${o}${l}`,c);if(!m.ok)throw new Error(`HTTP error! status: ${m.status}`);return m.json()}var d=(i=>(i.free="free",i.startup="startup",i.business="business",i.enterprise="enterprise",i))(d||{});const y={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function _(i){const t=i;return t.init=e=>n=>i(n,e),t}const T=i=>_(i);async function v({editor:i,plan:t,pluginName:e,licenseKey:n,cleanup:s}){let a="",r=!1;const o=k(),c=l=>{console.warn("Cleanup plugin:",e,"Reason:",l),s()},u=(l={})=>{var $;const{error:m,sdkLicense:H}=l,g=($=l.plan)==null?void 0:$.category;if(!(H||l.license)||m)c(m||"Invalid license");else if(g){const U=y[t],B=y[g];U>B&&c({pluginRequiredPlan:t,licensePlan:g})}};i.on(E,l=>{a=l==null?void 0:l.baseApiUrl,r=!0}),i.on(x,l=>{u(l)}),setTimeout(async()=>{if(!r){if(o)return;if(n){const l=await O({licenseKey:n,pluginName:e,baseApiUrl:a});l&&u(l)}else c("The `licenseKey` option not provided")}},2e3)}async function O(i){const{licenseKey:t,pluginName:e,baseApiUrl:n}=i;try{return(await N({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(s){return console.error("Error during SDK license check:",s),!1}}const L=(i,t)=>(i.config.optsHtml={...i.config.optsHtml,exporter:t},()=>{i.config.optsHtml.exporter=void 0}),A=(i,t)=>{const e=s=>{const{input:a}=s,{contains:r}=t;(!r||a.includes(r))&&(s.input=t.importer.import(a))},n=i.Parser.events.htmlBefore;return i.on(n,e),()=>{i.off(n,e)}},b={equals:"equals",isTruthy:"isTruthy",isFalsy:"isFalsy",isDefined:"isDefined",isNull:"isNull",isUndefined:"isUndefined",isArray:"isArray",isObject:"isObject",isString:"isString",isNumber:"isNumber",isBoolean:"isBoolean",isDefaultValue:"isDefaultValue"},w={...b,...{">":"numGt","<":"numLt",">=":"numGte","<=":"numLte","=":"numEq","!=":"numNeq"},...{contains:"strContains",startsWith:"strStartsWith",endsWith:"strEndsWith",equalsIgnoreCase:"strEqualsIgnoreCase",trimEquals:"strTrimEquals"}};class j{getHelperId(t){return w[t]||t}getFullPath({collectionId:t,path:e}){let n=e;return t&&(n=[this._sanitizeVariableName(t),e].filter(Boolean).join(".")),n||""}getVariableSyntax({dataResolver:t}){const{defaultValue:e}=t,n=this.getFullPath(t);return e?`{{#if ${n}}}{{{${n}}}}{{else}}${e}{{/if}}`:`{{{${n}}}}`}getCollectionStartSyntax({dataResolver:t}){const{collectionId:e,dataSource:n}=t,s=n==null?void 0:n.path;let a="";if(t.startIndex!==void 0||t.endIndex!==void 0){const u=t.startIndex??0,l=t.endIndex!==void 0?t.endIndex:"";l!==""?a=` (slice ${s} ${u} ${l})`:a=` (slice ${s} ${u})`}const o=` as |${this._sanitizeVariableName(e)}|`;return`{{#each ${a||s}${o}}}`}getCollectionEndSyntax(){return"{{/each}}"}getConditionalStartSyntax({dataResolver:t}){const e=t.condition;if(!e)return"";const n=e,s=e;if(s.statements&&s.logicalOperator==="and"||s.logicalOperator==="or"){const{statements:a}=s,r=s.logicalOperator,o=a.map(u=>this._parseCondition(u)).join(" ");return`{{#if ${a.length>1?`(${r} ${o})`:o}}}`}else return`{{#if ${this._parseCondition(n)}}}`}_parseCondition(t){if(!t)return"";const e=t,n=t;if(n.statements&&n.logicalOperator==="and"||n.logicalOperator==="or"){const{statements:s}=n,a=n.logicalOperator,r=n.statements.map(o=>this._parseCondition(o)).join(" ");return s.length>1?`(${a} ${r})`:r}else{const s=e.operator,a=this.getHelperId(s),r=this._parseValue(e.left),o=this._parseValue(e.right);return this.getExpressionStr(a,r,o)}}getExpressionStr(t,e,n){return b[t]?t==="isTruthy"?e:t==="isFalsy"?`!${e}`:`${t} ${e}`:`(${t} ${e} ${n})`}_parseValue(t){return typeof t=="object"?this.getFullPath(t):typeof t=="string"?`'${t.replace(/'/g,"\\'")}'`:String(t)}_sanitizeVariableName(t){return t.replace(/[^a-zA-Z0-9_$]/g,"_")}getConditionElseSyntax(){return"{{else}}"}getConditionalEndSyntax(){return"{{/if}}"}}class D{constructor(){this.messages=[],this.collectionStack=[]}import(t){this.messages=[],this.collectionStack=[];const e=this.parse(t);return this.astToGrapesJS(e)}parse(t){try{return h.parse(t)}catch(e){if(e instanceof Error&&e.message.includes("Parse error")){const n=e.message.match(/line (\d+)/),s=n?parseInt(n[1]):0,a=e.message.match(/column (\d+)/),r=a?parseInt(a[1]):0;throw new Error(`Handlebars syntax error at line ${s}, column ${r}: ${e.message}`)}throw e}}astToGrapesJS(t){switch(t.type){case"Program":return this.handleProgram(t);case"ContentStatement":return this.handleContentStatement(t);case"MustacheStatement":return this.handleMustacheStatement(t);case"BlockStatement":return this.handleBlockStatement(t);case"PartialStatement":return this.handlePartialStatement(t);case"CommentStatement":return this.handleCommentStatement(t);case"ElementNode":return this.handleElementNode(t);case"TextNode":return this.handleTextNode(t);default:return this.addMessage("warning",`Unsupported node type: ${t.type}`,t.loc),""}}handleProgram(t){let e="";if(t.body)for(const n of t.body)e+=this.astToGrapesJS(n);return e}handleContentStatement(t){return t.value||""}handleMustacheStatement(t,e={}){const n=this.getExpressionString(t.path),s={...e};return this.collectionStack.length>0?this.processPathWithCollectionContext(n,s):s.path=n,`<data-variable data-gjs-data-resolver='${JSON.stringify(s)}'></data-variable>`}processPathWithCollectionContext(t,e){t.startsWith("@")?this.handleDirectCollectionReference(t,e):this.handleRelativePathReference(t,e)}handleDirectCollectionReference(t,e){if(this.isSpecialIterationVariable(t)){this.setSpecialVariableResolver(this.collectionStack[this.collectionStack.length-1],t,e);return}const[n,...s]=t.substring(1).split("/"),a=s.join(".");this.collectionStack.includes(n)?this.setCurrentItemResolver(n,a,e):this.handleParentReferenceFallback(t,e)}isSpecialIterationVariable(t){return["index","@index","key","@key"].includes(t)}setSpecialVariableResolver(t,e,n){n.collectionId=t;const s={index:"currentIndex","@index":"currentIndex",key:"currentKey","@key":"currentKey"};n.variableType=s[e]}setCurrentItemResolver(t,e,n){n.collectionId=t,n.variableType="currentItem",e&&(n.path=e)}handleRelativePathReference(t,e){const n=f(t),{parentLevel:s,remainingPathParts:a}=this.calculateParentLevel(n),r=a.join("."),o=this.collectionStack.length-1-s;o>=0&&o<this.collectionStack.length?this.resolveRelativePath(r,o,e):e.path=a.join(".")}calculateParentLevel(t){const e=this.collectionStack.findLastIndex(a=>a===t[0]);if(e!==-1)return{parentLevel:this.collectionStack.length-1-e,remainingPathParts:t.slice(1)};let n=0;const s=[...t];for(;s[0]==="..";)n++,s.shift();return{parentLevel:n,remainingPathParts:s}}resolveRelativePath(t,e,n){const s=this.collectionStack[e];n.collectionId=s,n.variableType="currentItem",t!=="this"&&(n.path=t.startsWith("this.")?t.split(".").slice(1).join("."):t)}handleParentReferenceFallback(t,e){const n=f(t),{parentLevel:s,remainingPathParts:a}=this.calculateParentLevel(n),r=a.join("."),o=this.collectionStack.length-1-s;o>=0&&o<this.collectionStack.length?this.resolveRelativePath(r,o,e):e.path=a.join(".")}handleBlockStatement(t){const e=t.path.original;switch(e){case"if":case"unless":return this.handleConditionalBlock(t,e);case"each":return this.handleEachBlock(t);default:return this.addMessage("warning",`Unsupported block helper: ${e}`,t.loc),this.handleGenericBlock(t)}}handleConditionalBlock(t,e){const a={logicalOperator:"and",statements:[{left:{type:"data-variable",path:this.getExpressionString(t.params[0])},operator:e==="unless"?"isFalsy":"isTruthy"}]},r=this.handleProgram(t.program),o=t.inverse?this.handleProgram(t.inverse):"";return`
-      <data-condition data-gjs-data-resolver='${JSON.stringify({condition:a})}'>
+(function(p,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("handlebars/dist/cjs/handlebars")):typeof define=="function"&&define.amd?define(["handlebars/dist/cjs/handlebars"],d):(p=typeof globalThis<"u"?globalThis:p||self,p.StudioSdkPlugins_dataSourceHandlebars=d(p.Handlebars))})(this,function(p){"use strict";const d="app.grapesjs.com",P="app-stage.grapesjs.com",S=[d,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],x="license:check:start",I="license:check:end",N=()=>typeof window<"u",_=({isDev:a,isStage:t,isPlatform:e})=>`${a?"":`https://${t?P:d}`}/${e?"platform-api":"api"}`,T=()=>{const a=N()&&window.location.hostname;return!!a&&(S.includes(a)||S.some(t=>a.endsWith(t)))};async function v({path:a,baseApiUrl:t,method:e="GET",headers:n={},params:s,body:i}){const l=`${t||_({isDev:!1,isStage:!1})}${a}`,u={method:e,headers:{"Content-Type":"application/json",...n}};i&&(u.body=JSON.stringify(i));const c=s?new URLSearchParams(s).toString():"",h=c?`?${c}`:"",o=await fetch(`${l}${h}`,u);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var m=(a=>(a.free="free",a.startup="startup",a.business="business",a.enterprise="enterprise",a))(m||{});const y={[m.free]:0,[m.startup]:10,[m.business]:20,[m.enterprise]:30};function C(a){const t=a;return t.init=e=>n=>a(n,e),t}const k=a=>C(a);async function O({editor:a,plan:t,pluginName:e,licenseKey:n,onLicenseCheckResponse:s,cleanup:i}){let r="",l=!1;const u=T(),c=o=>{console.warn("Cleanup plugin:",e,"Reason:",o),i()},h=(o={})=>{var E;const{error:$,sdkLicense:B}=o,g=(E=o.plan)==null?void 0:E.category;if(!(B||o.license)||$)c($||"Invalid license");else if(g){const W=y[t],G=y[g];W>G&&c({pluginRequiredPlan:t,licensePlan:g})}};a.on(x,o=>{r=o==null?void 0:o.baseApiUrl,l=!0}),a.on(I,o=>{s==null||s(o),h(o)}),setTimeout(async()=>{if(!l){if(u)return;if(n){const o=await A({licenseKey:n,pluginName:e,baseApiUrl:r});s==null||s(o),o&&h(o)}else c("The `licenseKey` option not provided")}},2e3)}async function A(a){const{licenseKey:t,pluginName:e,baseApiUrl:n}=a;try{return(await v({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(s){return console.error("Error during SDK license check:",s),!1}}const w=(a,t)=>(a.config.optsHtml={...a.config.optsHtml,exporter:t},()=>{a.config.optsHtml.exporter=void 0}),L=(a,t)=>{const e=s=>{const{input:i}=s,{contains:r}=t;(!r||i.includes(r))&&(s.input=t.importer.import(i))},n=a.Parser.events.htmlBefore;return a.on(n,e),()=>{a.off(n,e)}},b={equals:"equals",isTruthy:"isTruthy",isFalsy:"isFalsy",isDefined:"isDefined",isNull:"isNull",isUndefined:"isUndefined",isArray:"isArray",isObject:"isObject",isString:"isString",isNumber:"isNumber",isBoolean:"isBoolean",isDefaultValue:"isDefaultValue"},j={...b,...{">":"numGt","<":"numLt",">=":"numGte","<=":"numLte","=":"numEq","!=":"numNeq"},...{contains:"strContains",startsWith:"strStartsWith",endsWith:"strEndsWith",equalsIgnoreCase:"strEqualsIgnoreCase",trimEquals:"strTrimEquals"}};class D{getHelperId(t){return j[t]||t}getFullPath({collectionId:t,path:e}){let n=e;return t&&(n=[this._sanitizeVariableName(t),e].filter(Boolean).join(".")),n||""}getVariableSyntax({dataResolver:t}){const{defaultValue:e}=t,n=this.getFullPath(t);return e?`{{#if ${n}}}{{{${n}}}}{{else}}${e}{{/if}}`:`{{{${n}}}}`}getCollectionStartSyntax({dataResolver:t}){const{collectionId:e,dataSource:n}=t,s=n==null?void 0:n.path;let i="";if(t.startIndex!==void 0||t.endIndex!==void 0){const c=t.startIndex??0,h=t.endIndex!==void 0?t.endIndex:"";h!==""?i=` (slice ${s} ${c} ${h})`:i=` (slice ${s} ${c})`}const l=` as |${this._sanitizeVariableName(e)}|`;return`{{#each ${i||s}${l}}}`}getCollectionEndSyntax(){return"{{/each}}"}getConditionalStartSyntax({dataResolver:t}){const e=t.condition;if(!e)return"";const n=e,s=e;if(s.statements&&s.logicalOperator==="and"||s.logicalOperator==="or"){const{statements:i}=s,r=s.logicalOperator,l=i.map(c=>this._parseCondition(c)).join(" ");return`{{#if ${i.length>1?`(${r} ${l})`:l}}}`}else return`{{#if ${this._parseCondition(n)}}}`}_parseCondition(t){if(!t)return"";const e=t,n=t;if(n.statements&&n.logicalOperator==="and"||n.logicalOperator==="or"){const{statements:s}=n,i=n.logicalOperator,r=n.statements.map(l=>this._parseCondition(l)).join(" ");return s.length>1?`(${i} ${r})`:r}else{const s=e.operator,i=this.getHelperId(s),r=this._parseValue(e.left),l=this._parseValue(e.right);return this.getExpressionStr(i,r,l)}}getExpressionStr(t,e,n){return b[t]?t==="isTruthy"?e:t==="isFalsy"?`!${e}`:`${t} ${e}`:`(${t} ${e} ${n})`}_parseValue(t){return typeof t=="object"?this.getFullPath(t):typeof t=="string"?`'${t.replace(/'/g,"\\'")}'`:String(t)}_sanitizeVariableName(t){return t.replace(/[^a-zA-Z0-9_$]/g,"_")}getConditionElseSyntax(){return"{{else}}"}getConditionalEndSyntax(){return"{{/if}}"}}class M{constructor(){this.messages=[],this.collectionStack=[]}import(t){this.messages=[],this.collectionStack=[];const e=this.parse(t);return this.astToGrapesJS(e)}parse(t){try{return p.parse(t)}catch(e){if(e instanceof Error&&e.message.includes("Parse error")){const n=e.message.match(/line (\d+)/),s=n?parseInt(n[1]):0,i=e.message.match(/column (\d+)/),r=i?parseInt(i[1]):0;throw new Error(`Handlebars syntax error at line ${s}, column ${r}: ${e.message}`)}throw e}}astToGrapesJS(t){switch(t.type){case"Program":return this.handleProgram(t);case"ContentStatement":return this.handleContentStatement(t);case"MustacheStatement":return this.handleMustacheStatement(t);case"BlockStatement":return this.handleBlockStatement(t);case"PartialStatement":return this.handlePartialStatement(t);case"CommentStatement":return this.handleCommentStatement(t);case"ElementNode":return this.handleElementNode(t);case"TextNode":return this.handleTextNode(t);default:return this.addMessage("warning",`Unsupported node type: ${t.type}`,t.loc),""}}handleProgram(t){let e="";if(t.body)for(const n of t.body)e+=this.astToGrapesJS(n);return e}handleContentStatement(t){return t.value||""}handleMustacheStatement(t,e={}){const n=this.getExpressionString(t.path),s={...e};return this.collectionStack.length>0?this.processPathWithCollectionContext(n,s):s.path=n,`<data-variable data-gjs-data-resolver='${JSON.stringify(s)}'></data-variable>`}processPathWithCollectionContext(t,e){t.startsWith("@")?this.handleDirectCollectionReference(t,e):this.handleRelativePathReference(t,e)}handleDirectCollectionReference(t,e){if(this.isSpecialIterationVariable(t)){this.setSpecialVariableResolver(this.collectionStack[this.collectionStack.length-1],t,e);return}const[n,...s]=t.substring(1).split("/"),i=s.join(".");this.collectionStack.includes(n)?this.setCurrentItemResolver(n,i,e):this.handleParentReferenceFallback(t,e)}isSpecialIterationVariable(t){return["index","@index","key","@key"].includes(t)}setSpecialVariableResolver(t,e,n){n.collectionId=t;const s={index:"currentIndex","@index":"currentIndex",key:"currentKey","@key":"currentKey"};n.variableType=s[e]}setCurrentItemResolver(t,e,n){n.collectionId=t,n.variableType="currentItem",e&&(n.path=e)}handleRelativePathReference(t,e){const n=f(t),{parentLevel:s,remainingPathParts:i}=this.calculateParentLevel(n),r=i.join("."),l=this.collectionStack.length-1-s;l>=0&&l<this.collectionStack.length?this.resolveRelativePath(r,l,e):e.path=i.join(".")}calculateParentLevel(t){const e=this.collectionStack.findLastIndex(i=>i===t[0]);if(e!==-1)return{parentLevel:this.collectionStack.length-1-e,remainingPathParts:t.slice(1)};let n=0;const s=[...t];for(;s[0]==="..";)n++,s.shift();return{parentLevel:n,remainingPathParts:s}}resolveRelativePath(t,e,n){const s=this.collectionStack[e];n.collectionId=s,n.variableType="currentItem",t!=="this"&&(n.path=t.startsWith("this.")?t.split(".").slice(1).join("."):t)}handleParentReferenceFallback(t,e){const n=f(t),{parentLevel:s,remainingPathParts:i}=this.calculateParentLevel(n),r=i.join("."),l=this.collectionStack.length-1-s;l>=0&&l<this.collectionStack.length?this.resolveRelativePath(r,l,e):e.path=i.join(".")}handleBlockStatement(t){const e=t.path.original;switch(e){case"if":case"unless":return this.handleConditionalBlock(t,e);case"each":return this.handleEachBlock(t);default:return this.addMessage("warning",`Unsupported block helper: ${e}`,t.loc),this.handleGenericBlock(t)}}handleConditionalBlock(t,e){const i={logicalOperator:"and",statements:[{left:{type:"data-variable",path:this.getExpressionString(t.params[0])},operator:e==="unless"?"isFalsy":"isTruthy"}]},r=this.handleProgram(t.program),l=t.inverse?this.handleProgram(t.inverse):"";return`
+      <data-condition data-gjs-data-resolver='${JSON.stringify({condition:i})}'>
         <data-condition-true-content>${r}</data-condition-true-content>
-        <data-condition-false-content>${o}</data-condition-false-content>
+        <data-condition-false-content>${l}</data-condition-false-content>
       </data-condition>
-    `}handleEachBlock(t){var a,r,o;const e=this.getExpressionString(t.params[0]);let n;t.params.length>=3&&t.params[1]==="as"&&((a=t.params[2])==null?void 0:a.type)==="PathExpression"?n=t.params[2].original:(o=(r=t.program)==null?void 0:r.blockParams)!=null&&o.length?n=t.program.blockParams[0]:n=`collection-${Math.random().toString(36).substring(2,10)}`,this.collectionStack.push(n);const s=this.handleProgram(t.program);return this.collectionStack.pop(),`
+    `}handleEachBlock(t){var i,r,l;const e=this.getExpressionString(t.params[0]);let n;t.params.length>=3&&t.params[1]==="as"&&((i=t.params[2])==null?void 0:i.type)==="PathExpression"?n=t.params[2].original:(l=(r=t.program)==null?void 0:r.blockParams)!=null&&l.length?n=t.program.blockParams[0]:n=`collection-${Math.random().toString(36).substring(2,10)}`,this.collectionStack.push(n);const s=this.handleProgram(t.program);return this.collectionStack.pop(),`
       <data-collection data-gjs-data-resolver='${JSON.stringify({dataSource:{type:"data-variable",path:e},collectionId:n})}'>
         <data-collection-item>${s}</data-collection-item>
       </data-collection>
-    `}handleCommentStatement(t){return`<!--${t.value}-->`}handleElementNode(t){let e="";if(t.attributes)for(const s of t.attributes)s.value.type==="TextNode"?e+=` ${s.name}="${s.value.chars}"`:(this.addMessage("warning",`Complex attribute values not fully supported: ${s.name}`,t.loc),e+=` ${s.name}="${this.getExpressionString(s.value)}"`);let n="";if(t.children)for(const s of t.children)n+=this.astToGrapesJS(s);return`<${t.tag}${e}>${n}</${t.tag}>`}handleTextNode(t){return t.chars||""}handlePartialStatement(t){return this.addMessage("warning",`Partials are not fully supported: ${t.name.original}`,t.loc),`{{> ${t.name.original}}}`}handleGenericBlock(t){const e=this.handleProgram(t.program);return`<!-- Unsupported block: ${t.path.original} -->${e}`}getExpressionString(t){return t.type==="PathExpression"?t.original:t.type==="StringLiteral"?t.value:t.type==="NumberLiteral"?t.value.toString():t.type==="BooleanLiteral"?t.value?"true":"false":t.type==="SubExpression"?this.getExpressionString(t.params[0]):t.type==="Hash"?`{${t.pairs.map(n=>`${n.key}=${this.getExpressionString(n.value)}`).join(", ")}}`:(this.addMessage("warning",`Complex expression type not fully supported: ${t.type}`,t.loc),"")}addMessage(t,e,n){this.messages.push({type:t,message:e,location:n?{line:n.start.line,column:n.start.column}:void 0})}}const f=i=>{if(i==null||i==="")return[];if(i===".")return["this"];if(i===".."||i==="../")return[".."];if(i.startsWith("../")){const r=i.substring(3);return["..",...f(r)]}const t=[];let e=0,n=i.replace(/\[(?:(['"])(.*?)\1|([^\]]*))\]/g,(r,o,c,u)=>{const l=c!==void 0?c:u||"";return t[e]=l,`__HANDLEBARS_PLACEHOLDER_${e++}__`});n=n.replace(/\//g,".");const s=n.split("."),a=[];for(const r of s){const o=/^__HANDLEBARS_PLACEHOLDER_(\d+)__$/.exec(r);if(o){const c=parseInt(o[1],10);a.push(t[c])}else r!==""&&a.push(r)}return a},M="dataSourceHandlebars",R=d.startup;return T(function(i,t={}){const e=L(i,new j),n=A(i,{contains:"{{",importer:new D});v({editor:i,licenseKey:t.licenseKey,plan:R,pluginName:M,cleanup:()=>{e(),n()}})})});
+    `}handleCommentStatement(t){return`<!--${t.value}-->`}handleElementNode(t){let e="";if(t.attributes)for(const s of t.attributes)s.value.type==="TextNode"?e+=` ${s.name}="${s.value.chars}"`:(this.addMessage("warning",`Complex attribute values not fully supported: ${s.name}`,t.loc),e+=` ${s.name}="${this.getExpressionString(s.value)}"`);let n="";if(t.children)for(const s of t.children)n+=this.astToGrapesJS(s);return`<${t.tag}${e}>${n}</${t.tag}>`}handleTextNode(t){return t.chars||""}handlePartialStatement(t){return this.addMessage("warning",`Partials are not fully supported: ${t.name.original}`,t.loc),`{{> ${t.name.original}}}`}handleGenericBlock(t){const e=this.handleProgram(t.program);return`<!-- Unsupported block: ${t.path.original} -->${e}`}getExpressionString(t){return t.type==="PathExpression"?t.original:t.type==="StringLiteral"?t.value:t.type==="NumberLiteral"?t.value.toString():t.type==="BooleanLiteral"?t.value?"true":"false":t.type==="SubExpression"?this.getExpressionString(t.params[0]):t.type==="Hash"?`{${t.pairs.map(n=>`${n.key}=${this.getExpressionString(n.value)}`).join(", ")}}`:(this.addMessage("warning",`Complex expression type not fully supported: ${t.type}`,t.loc),"")}addMessage(t,e,n){this.messages.push({type:t,message:e,location:n?{line:n.start.line,column:n.start.column}:void 0})}}const f=a=>{if(a==null||a==="")return[];if(a===".")return["this"];if(a===".."||a==="../")return[".."];if(a.startsWith("../")){const r=a.substring(3);return["..",...f(r)]}const t=[];let e=0,n=a.replace(/\[(?:(['"])(.*?)\1|([^\]]*))\]/g,(r,l,u,c)=>{const h=u!==void 0?u:c||"";return t[e]=h,`__HANDLEBARS_PLACEHOLDER_${e++}__`});n=n.replace(/\//g,".");const s=n.split("."),i=[];for(const r of s){const l=/^__HANDLEBARS_PLACEHOLDER_(\d+)__$/.exec(r);if(l){const u=parseInt(l[1],10);i.push(t[u])}else r!==""&&i.push(r)}return i},H="dataSourceHandlebars",U=m.startup;return k(function(a,t={}){const e=w(a,new D),n=L(a,{contains:"{{",importer:new M});O({editor:a,licenseKey:t.licenseKey,plan:U,pluginName:H,cleanup:()=>{e(),n()}})})});

package/dist/dialogComponent/index.cjs.js

@@ -1,14 +1,14 @@
-"use strict";const C="app.grapesjs.com",O="app-stage.grapesjs.com",k="app2.grapesjs.com",j="app-stage2.grapesjs.com",L=[C,k,O,j,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],_="license:check:start",$="license:check:end",N=()=>typeof window<"u",D=({isDev:n,isStage:s})=>`${n?"":`https://${s?O:C}`}/api`,A=()=>{const n=N()&&window.location.hostname;return!!n&&(L.includes(n)||L.some(s=>n.endsWith(s)))};async function I({path:n,baseApiUrl:s,method:i="GET",headers:t={},params:p,body:l}){const u=`${s||D({isDev:!1,isStage:!1})}${n}`,r={method:i,headers:{"Content-Type":"application/json",...t}};l&&(r.body=JSON.stringify(l));const d=p?new URLSearchParams(p).toString():"",o=d?`?${d}`:"",c=await fetch(`${u}${o}`,r);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var W=(n=>(n.free="free",n.startup="startup",n.business="business",n.enterprise="enterprise",n))(W||{});const P={[W.free]:0,[W.startup]:10,[W.business]:20,[W.enterprise]:30};function q(n){const s=n;return s.init=i=>t=>n(t,i),s}const U=n=>q(n);async function X({editor:n,plan:s,pluginName:i,licenseKey:t,cleanup:p}){let l="",g=!1;const u=A(),r=o=>{console.warn("Cleanup plugin:",i,"Reason:",o),p()},d=(o={})=>{var e;const{error:c,sdkLicense:v}=o,w=(e=o.plan)==null?void 0:e.category;if(!(v||o.license)||c)r(c||"Invalid license");else if(w){const f=P[s],b=P[w];f>b&&r({pluginRequiredPlan:s,licensePlan:w})}};n.on(_,o=>{l=o==null?void 0:o.baseApiUrl,g=!0}),n.on($,o=>{d(o)}),setTimeout(async()=>{if(!g){if(u)return;if(t){const o=await M({licenseKey:t,pluginName:i,baseApiUrl:l});o&&d(o)}else r("The `licenseKey` option not provided")}},2e3)}async function M(n){const{licenseKey:s,pluginName:i,baseApiUrl:t}=n;try{return(await I({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(p){return console.error("Error during SDK license check:",p),!1}}const T=(...n)=>n.map(s=>`[data-gjs-type="${s}"]`).join(","),B="dialogComponent",R=function(n,s={}){const{Blocks:i,Components:t}=n,{licenseKey:p}=s,l="gjs-plg-dialog",g="gjs-plg-dialog-overlay",u="gjs-plg-dialog-content",r="gjs-plg-dialog-close",d="gjs-plg-dialog-title",o="gjs-plg-dialog-body",c="gjs-plg-dialog-description",v="gjs-plg-dialog-placeholder";i.add(l,{label:"Dialog",media:`
+"use strict";const x="app.grapesjs.com",S="app-stage.grapesjs.com",C="app2.grapesjs.com",_="app-stage2.grapesjs.com",T=[x,C,S,_,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",N="license:check:end",k=()=>typeof window<"u",D=({isDev:n,isStage:l,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)))};async function I({path:n,baseApiUrl:l,method:r="GET",headers:o={},params:a,body:i}){const d=`${l||D({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 W=(n=>(n.free="free",n.startup="startup",n.business="business",n.enterprise="enterprise",n))(W||{});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}const U=n=>q(n);async function X({editor:n,plan:l,pluginName:r,licenseKey:o,onLicenseCheckResponse:a,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})}};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)}async function M(n){const{licenseKey:l,pluginName:r,baseApiUrl:o}=n;try{return(await I({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 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";r.add(i,{label:"Dialog",media:`
     <svg viewBox="0 0 24 24">
       <path d="M4 4h16v10H8l-4 4V4z"></path>
     </svg>
-  `,category:"Extra",content:{type:l},activate:!0,...s.block}),t.addType(l,{model:{defaults:{tagName:"div",attributes:{class:l,"data-type-role":l},components:[{type:g},{type:v}],draggable:T("wrapper"),droppable:T(l),styles:`
-          .${l} {
+  `,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:L("wrapper"),droppable:L(i),styles:`
+          .${i} {
             position: relative;
             z-index: 1;
           }
-        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(a){var e;(e=a.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(a){const e=this;function f(h){const m=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),y=e.querySelector('[data-type-role="gjs-plg-dialog-close"]');function E(){m.style.display="none"}h?(e._onCloseWhenPressingX=E,y.addEventListener("click",e._onCloseWhenPressingX)):(y.removeEventListener("click",e._onCloseWhenPressingX),e._onCloseWhenPressingX=null)}function b(h){const m=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(E){E.key==="Escape"&&(m.style.display="none")}h?(e._onCloseWhenPressingEsc=y,e.addEventListener("keydown",e._onCloseWhenPressingEsc)):(e.removeEventListener("keydown",e._onCloseWhenPressingEsc),e._onCloseWhenPressingEsc=null)}function x(h){const m=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){m.style.display="flex"}h?(e._onOpenWhenLeavingWindow=y,document.addEventListener("mouseleave",e._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",e._onOpenWhenLeavingWindow),e._onOpenWhenLeavingWindow=null)}function S(h){const m=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){const E=document.documentElement.scrollTop;h&&E>=Number(h)&&(m.style.display="flex")}h?(e._onOpenWhenScrollingToLevel=y,document.addEventListener("scroll",e._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",e._onOpenWhenScrollingToLevel),e._onOpenWhenScrollingToLevel=null)}f(a.closeWhenPressingX),b(a.closeWhenPressingEsc),x(a.openWhenLeavingWindow),S(a.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 a=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');a.style.display="flex"}}}),t.addType(g,{model:{defaults:{tagName:"div",attributes:{class:g,"data-type-role":g},components:{type:u},droppable:!1,draggable:!1,styles:`
-          .${g} {
+        `,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 v(h){const f=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),y=e.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)}function b(h){const f=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(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)}function w(h){const f=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){f.style.display="flex"}h?(e._onOpenWhenLeavingWindow=y,document.addEventListener("mouseleave",e._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",e._onOpenWhenLeavingWindow),e._onOpenWhenLeavingWindow=null)}function j(h){const f=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function y(){const E=document.documentElement.scrollTop;h&&E>=Number(h)&&(f.style.display="flex")}h?(e._onOpenWhenScrollingToLevel=y,document.addEventListener("scroll",e._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",e._onOpenWhenScrollingToLevel),e._onOpenWhenScrollingToLevel=null)}v(s.closeWhenPressingX),b(s.closeWhenPressingEsc),w(s.openWhenLeavingWindow),j(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:`
+          .${u} {
             position: fixed;
             top: 0;
             left: 0;
@@ -19,8 +19,8 @@
             justify-content: center;
             background-color: rgba(0, 0, 0, 0.5);
           }
-        `}}}),t.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:[{type:r},{type:d},{type:o}],droppable:!1,draggable:!1,styles:`
-          .${u} {
+        `}}}),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} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -30,8 +30,8 @@
             height: 600px;
             box-sizing: border-box;
           }
-        `}}}),t.addType(r,{model:{defaults:{tagName:"button",attributes:{class:r,"data-type-role":r},components:"&times;",droppable:!1,draggable:!1,styles:`
-          .${r} {
+        `}}}),o.addType(p,{model:{defaults:{tagName:"button",attributes:{class:p,"data-type-role":p},components:"&times;",droppable:!1,draggable:!1,styles:`
+          .${p} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -42,18 +42,18 @@
             font-size: 20px;
             cursor: pointer;
           }
-        `}}}),t.addType(d,{model:{defaults:{tagName:"h2",attributes:{class:d,"data-type-role":d},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
-          .${d} {
+        `}}}),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} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
-        `}}}),t.addType(o,{model:{defaults:{tagName:"div",attributes:{class:o,"data-type-role":o},components:[{type:c}],styles:`
-          .${o} {
+        `}}}),o.addType(g,{model:{defaults:{tagName:"div",attributes:{class:g,"data-type-role":g},components:[{type:t}],styles:`
+          .${g} {
             height: 90%;
             overflow: auto;
           }
-        `}}}),t.addType(c,{model:{defaults:{tagName:"p",attributes:{class:c,"data-type-role":c},components:"This is a customizable dialog!",editable:!0,styles:`
-          .${c} {
+        `}}}),o.addType(t,{model:{defaults:{tagName:"p",attributes:{class:t,"data-type-role":t},components:"This is a customizable dialog!",editable:!0,styles:`
+          .${t} {
             margin: 0;
           }
-        `}}}),t.addType(v,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:v,"data-type-role":v},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:a,el:e}=this,f="core:preview",b=a.Commands.events;this.listenTo(a,`${b.runCommand}${f}`,()=>{e.style.display="none"}),this.listenTo(a,`${b.stopCommand}${f}`,()=>{e.style.display=""})}}}),X({editor:n,licenseKey:p,plan:W.startup,pluginName:B,cleanup:()=>{i.remove(l),t.removeType(l)}})},z=U(R);module.exports=z;
+        `}}}),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,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=""})}}}),X({editor:n,licenseKey:a,plan:W.startup,pluginName:B,cleanup:()=>{r.remove(i),o.removeType(i)}})},H=U(z);module.exports=H;

package/dist/dialogComponent/index.es.js

@@ -1,8 +1,8 @@
-const C = "app.grapesjs.com", O = "app-stage.grapesjs.com", k = "app2.grapesjs.com", j = "app-stage2.grapesjs.com", L = [
+const x = "app.grapesjs.com", S = "app-stage.grapesjs.com", C = "app2.grapesjs.com", _ = "app-stage2.grapesjs.com", T = [
+  x,
   C,
-  k,
-  O,
-  j,
+  S,
+  _,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,97 +11,102 @@ const C = "app.grapesjs.com", O = "app-stage.grapesjs.com", k = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], _ = "license:check:start", $ = "license:check:end", N = () => typeof window < "u", D = ({ isDev: n, isStage: s }) => `${n ? "" : `https://${s ? O : C}`}/api`, A = () => {
-  const n = N() && window.location.hostname;
-  return !!n && (L.includes(n) || L.some((s) => n.endsWith(s)));
+], $ = "license:check:start", N = "license:check:end", k = () => typeof window < "u", D = ({
+  isDev: n,
+  isStage: l,
+  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)));
 };
 async function I({
   path: n,
-  baseApiUrl: s,
-  method: i = "GET",
-  headers: t = {},
-  params: p,
-  body: l
+  baseApiUrl: l,
+  method: r = "GET",
+  headers: o = {},
+  params: a,
+  body: i
 }) {
-  const u = `${s || D({ isDev: !1, isStage: !1 })}${n}`, r = {
-    method: i,
+  const d = `${l || D({ isDev: !1, isStage: !1 })}${n}`, p = {
+    method: r,
     headers: {
       "Content-Type": "application/json",
-      ...t
+      ...o
     }
   };
-  l && (r.body = JSON.stringify(l));
-  const d = p ? new URLSearchParams(p).toString() : "", o = d ? `?${d}` : "", c = await fetch(`${u}${o}`, r);
-  if (!c.ok)
-    throw new Error(`HTTP error! status: ${c.status}`);
-  return c.json();
+  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 W = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(W || {});
-const P = {
+const O = {
   [W.free]: 0,
   [W.startup]: 10,
   [W.business]: 20,
   [W.enterprise]: 30
 };
 function q(n) {
-  const s = n;
-  return s.init = (i) => (t) => n(t, i), s;
+  const l = n;
+  return l.init = (r) => (o) => n(o, r), l;
 }
 const U = (n) => /* @__PURE__ */ q(n);
 async function X({
   editor: n,
-  plan: s,
-  pluginName: i,
-  licenseKey: t,
-  cleanup: p
+  plan: l,
+  pluginName: r,
+  licenseKey: o,
+  onLicenseCheckResponse: a,
+  cleanup: i
 }) {
-  let l = "", g = !1;
-  const u = A(), r = (o) => {
-    console.warn("Cleanup plugin:", i, "Reason:", o), p();
-  }, d = (o = {}) => {
-    var e;
-    const { error: c, sdkLicense: v } = o, w = (e = o.plan) == null ? void 0 : e.category;
-    if (!(v || o.license) || c)
-      r(c || "Invalid license");
-    else if (w) {
-      const f = P[s], b = P[w];
-      f > b && r({ pluginRequiredPlan: s, licensePlan: w });
+  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 });
     }
   };
-  n.on(_, (o) => {
-    l = o == null ? void 0 : o.baseApiUrl, g = !0;
-  }), n.on($, (o) => {
-    d(o);
+  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 (!g) {
-      if (u) return;
-      if (t) {
-        const o = await M({ licenseKey: t, pluginName: i, baseApiUrl: l });
-        o && d(o);
+    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
-        r("The `licenseKey` option not provided");
+        c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
 async function M(n) {
-  const { licenseKey: s, pluginName: i, baseApiUrl: t } = n;
+  const { licenseKey: l, pluginName: r, baseApiUrl: o } = n;
   try {
     return (await I({
-      baseApiUrl: t,
-      path: `/sdk/${s || "na"}`,
+      baseApiUrl: o,
+      path: `/sdk/${l || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: i
+        pn: r
       }
     })).result || {};
-  } catch (p) {
-    return console.error("Error during SDK license check:", p), !1;
+  } catch (a) {
+    return console.error("Error during SDK license check:", a), !1;
   }
 }
-const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialogComponent", R = function(n, s = {}) {
-  const { Blocks: i, Components: t } = n, { licenseKey: p } = s, l = "gjs-plg-dialog", g = "gjs-plg-dialog-overlay", u = "gjs-plg-dialog-content", r = "gjs-plg-dialog-close", d = "gjs-plg-dialog-title", o = "gjs-plg-dialog-body", c = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
-  i.add(l, {
+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";
+  r.add(i, {
     label: "Dialog",
     media: `
     <svg viewBox="0 0 24 24">
@@ -109,19 +114,19 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
     </svg>
   `,
     category: "Extra",
-    content: { type: l },
+    content: { type: i },
     activate: !0,
-    ...s.block
-  }), t.addType(l, {
+    ...l.block
+  }), o.addType(i, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: l, "data-type-role": l },
-        components: [{ type: g }, { type: v }],
-        draggable: T("wrapper"),
-        droppable: T(l),
+        attributes: { class: i, "data-type-role": i },
+        components: [{ type: u }, { type: m }],
+        draggable: L("wrapper"),
+        droppable: L(i),
         styles: `
-          .${l} {
+          .${i} {
             position: relative;
             z-index: 1;
           }
@@ -132,9 +137,9 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
             label: "Open dialog",
             name: "onActive",
             changeProp: !0,
-            command(a) {
+            command(s) {
               var e;
-              (e = a.getSelected()) == null || e.trigger("active");
+              (e = s.getSelected()) == null || e.trigger("active");
             }
           },
           {
@@ -172,38 +177,38 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
           "openWhenLeavingWindow",
           "openWhenScrollingToLevel"
         ],
-        script: function(a) {
+        script: function(s) {
           const e = this;
-          function f(h) {
-            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), y = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
+          function v(h) {
+            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), y = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
             function E() {
-              m.style.display = "none";
+              f.style.display = "none";
             }
             h ? (e._onCloseWhenPressingX = E, y.addEventListener("click", e._onCloseWhenPressingX)) : (y.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
           }
           function b(h) {
-            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function y(E) {
-              E.key === "Escape" && (m.style.display = "none");
+              E.key === "Escape" && (f.style.display = "none");
             }
             h ? (e._onCloseWhenPressingEsc = y, e.addEventListener("keydown", e._onCloseWhenPressingEsc)) : (e.removeEventListener("keydown", e._onCloseWhenPressingEsc), e._onCloseWhenPressingEsc = null);
           }
-          function x(h) {
-            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+          function w(h) {
+            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function y() {
-              m.style.display = "flex";
+              f.style.display = "flex";
             }
             h ? (e._onOpenWhenLeavingWindow = y, document.addEventListener("mouseleave", e._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", e._onOpenWhenLeavingWindow), e._onOpenWhenLeavingWindow = null);
           }
-          function S(h) {
-            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+          function j(h) {
+            const f = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function y() {
               const E = document.documentElement.scrollTop;
-              h && E >= Number(h) && (m.style.display = "flex");
+              h && E >= Number(h) && (f.style.display = "flex");
             }
             h ? (e._onOpenWhenScrollingToLevel = y, document.addEventListener("scroll", e._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", e._onOpenWhenScrollingToLevel), e._onOpenWhenScrollingToLevel = null);
           }
-          f(a.closeWhenPressingX), b(a.closeWhenPressingEsc), x(a.openWhenLeavingWindow), S(a.openWhenScrollingToLevel);
+          v(s.closeWhenPressingX), b(s.closeWhenPressingEsc), w(s.openWhenLeavingWindow), j(s.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -222,20 +227,20 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
     },
     view: {
       onActive() {
-        const a = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-        a.style.display = "flex";
+        const s = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+        s.style.display = "flex";
       }
     }
-  }), t.addType(g, {
+  }), o.addType(u, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: g, "data-type-role": g },
-        components: { type: u },
+        attributes: { class: u, "data-type-role": u },
+        components: { type: d },
         droppable: !1,
         draggable: !1,
         styles: `
-          .${g} {
+          .${u} {
             position: fixed;
             top: 0;
             left: 0;
@@ -249,16 +254,16 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
         `
       }
     }
-  }), t.addType(u, {
+  }), o.addType(d, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: u, "data-type-role": u },
-        components: [{ type: r }, { type: d }, { type: o }],
+        attributes: { class: d, "data-type-role": d },
+        components: [{ type: p }, { type: c }, { type: g }],
         droppable: !1,
         draggable: !1,
         styles: `
-          .${u} {
+          .${d} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -271,16 +276,16 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
         `
       }
     }
-  }), t.addType(r, {
+  }), o.addType(p, {
     model: {
       defaults: {
         tagName: "button",
-        attributes: { class: r, "data-type-role": r },
+        attributes: { class: p, "data-type-role": p },
         components: "&times;",
         droppable: !1,
         draggable: !1,
         styles: `
-          .${r} {
+          .${p} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -294,59 +299,59 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
         `
       }
     }
-  }), t.addType(d, {
+  }), o.addType(c, {
     model: {
       defaults: {
         tagName: "h2",
-        attributes: { class: d, "data-type-role": d },
+        attributes: { class: c, "data-type-role": c },
         components: "Dialog Title",
         editable: !0,
         droppable: !1,
         draggable: !1,
         styles: `
-          .${d} {
+          .${c} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
         `
       }
     }
-  }), t.addType(o, {
+  }), o.addType(g, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: o, "data-type-role": o },
-        components: [{ type: c }],
+        attributes: { class: g, "data-type-role": g },
+        components: [{ type: t }],
         styles: `
-          .${o} {
+          .${g} {
             height: 90%;
             overflow: auto;
           }
         `
       }
     }
-  }), t.addType(c, {
+  }), o.addType(t, {
     model: {
       defaults: {
         tagName: "p",
-        attributes: { class: c, "data-type-role": c },
+        attributes: { class: t, "data-type-role": t },
         components: "This is a customizable dialog!",
         editable: !0,
         styles: `
-          .${c} {
+          .${t} {
             margin: 0;
           }
         `
       }
     }
-  }), t.addType(v, {
+  }), o.addType(m, {
     model: {
       toHTML() {
         return "";
       },
       defaults: {
         tagName: "button",
-        attributes: { class: v, "data-type-role": v },
+        attributes: { class: m, "data-type-role": m },
         components: "Dialog (click me to open)",
         droppable: !1,
         draggable: !1
@@ -354,24 +359,24 @@ const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), B = "dialo
     },
     view: {
       init() {
-        const { em: a, el: e } = this, f = "core:preview", b = a.Commands.events;
-        this.listenTo(a, `${b.runCommand}${f}`, () => {
+        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(a, `${b.stopCommand}${f}`, () => {
+        }), this.listenTo(s, `${b.stopCommand}${v}`, () => {
           e.style.display = "";
         });
       }
     }
   }), X({
     editor: n,
-    licenseKey: p,
+    licenseKey: a,
     plan: W.startup,
     pluginName: B,
     cleanup: () => {
-      i.remove(l), t.removeType(l);
+      r.remove(i), o.removeType(i);
     }
   });
-}, z = U(R);
+}, H = U(z);
 export {
-  z as default
+  H as default
 };