@contentstack/live-preview-utils 3.2.4 → 3.2.5

package/README.md

@@ -16,7 +16,7 @@ Alternatively, if you want to include the package directly in your website HTML
 
 ```html
 <script type='module'  integrity='sha384-b6G+ggU20rGxqCqsgaS6zludFgj5N11xsuXhMEIARMuQY2PtyDS04TU0H5goP+32' crossorigin="anonymous">
-     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.2.4';
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.2.5';
 
      ContentstackLivePreview.init({
         stackDetails: {

package/dist/legacy/index.d.cts

@@ -5,7 +5,7 @@ import './livePreview/types/onEntryChangeCallback.type.cjs';
 import './visualBuilder/types/collab.types.cjs';
 
 type IStackSdk = IStackSdk$1;
-declare const ContentstackLivePreview: typeof ContentstackLivePreview$1 | typeof LightLivePreviewHoC;
+declare const ContentstackLivePreview: typeof LightLivePreviewHoC | typeof ContentstackLivePreview$1;
 declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
 export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/legacy/index.d.ts

@@ -5,7 +5,7 @@ import './livePreview/types/onEntryChangeCallback.type.js';
 import './visualBuilder/types/collab.types.js';
 
 type IStackSdk = IStackSdk$1;
-declare const ContentstackLivePreview: typeof ContentstackLivePreview$1 | typeof LightLivePreviewHoC;
+declare const ContentstackLivePreview: typeof LightLivePreviewHoC | typeof ContentstackLivePreview$1;
 declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
 export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/legacy/light-sdk.cjs

@@ -60,7 +60,7 @@ var _LightLivePreviewHoC = class _LightLivePreviewHoC {
   static unsubscribeOnEntryChange() {
   }
   static getSdkVersion() {
-    return "3.2.4";
+    return "3.2.5";
   }
 };
 _LightLivePreviewHoC.previewConstructors = {};

package/dist/legacy/light-sdk.js

@@ -38,7 +38,7 @@ var _LightLivePreviewHoC = class _LightLivePreviewHoC {
   static unsubscribeOnEntryChange() {
   }
   static getSdkVersion() {
-    return "3.2.4";
+    return "3.2.5";
   }
 };
 _LightLivePreviewHoC.previewConstructors = {};

package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.cjs

@@ -89,7 +89,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: import_configManager.default.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.2.4",
+        sdkVersion: "3.2.5",
         mode: import_configManager.default.get().mode
       }
     }

package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.js

@@ -55,7 +55,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: Config.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.2.4",
+        sdkVersion: "3.2.5",
         mode: Config.get().mode
       }
     }

package/dist/legacy/livePreview/live-preview.cjs

@@ -59,8 +59,12 @@ var LivePreview = class {
       );
     }
     if (config.enable) {
-      if (typeof document !== void 0 && document.readyState === "complete") {
-        this.requestDataSync();
+      if (typeof document !== void 0) {
+        if (document.readyState === "interactive" || document.readyState === "complete") {
+          this.requestDataSync();
+        } else {
+          document.addEventListener("DOMContentLoaded", this.requestDataSync);
+        }
       } else {
         window.addEventListener("load", this.requestDataSync);
       }

package/dist/legacy/livePreview/live-preview.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmB;AACnB,oBAA6B;AAC7B,mBAAuC;AACvC,mBAA6D;AAC7D,wBAAsC;AACtC,8BAA0D;AAC1D,0CAA+B;AAC/B,2CAA8C;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,iCAAa;AAAA,QACT;AAAA,QACA,qBAAAA,QAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,UACpB,SAAS,eAAe,YAC1B;AACE,aAAK,gBAAgB;AAAA,MACzB,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,KAAC,kCAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,oCAAuB,UACxC;AACE,gDAAsB,wBAClB,IAAI,wCAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,8DAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,yBAAAA,QAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,2EAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,4EAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":["Config"]}
+{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmB;AACnB,oBAA6B;AAC7B,mBAAuC;AACvC,mBAA6D;AAC7D,wBAAsC;AACtC,8BAA0D;AAC1D,0CAA+B;AAC/B,2CAA8C;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,iCAAa;AAAA,QACT;AAAA,QACA,qBAAAA,QAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,KAAC,kCAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,oCAAuB,UACxC;AACE,gDAAsB,wBAClB,IAAI,wCAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,8DAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,yBAAAA,QAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,2EAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,4EAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":["Config"]}

package/dist/legacy/livePreview/live-preview.js

@@ -27,8 +27,12 @@ var LivePreview = class {
       );
     }
     if (config.enable) {
-      if (typeof document !== void 0 && document.readyState === "complete") {
-        this.requestDataSync();
+      if (typeof document !== void 0) {
+        if (document.readyState === "interactive" || document.readyState === "complete") {
+          this.requestDataSync();
+        } else {
+          document.addEventListener("DOMContentLoaded", this.requestDataSync);
+        }
       } else {
         window.addEventListener("load", this.requestDataSync);
       }

package/dist/legacy/livePreview/live-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;AAAA,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAkC,2BAA2B;AAC7D,SAAS,6BAA6B;AACtC,SAAS,iDAAiD;AAC1D,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,OAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,mBAAa;AAAA,QACT;AAAA,QACA,OAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,UACpB,SAAS,eAAe,YAC1B;AACE,aAAK,gBAAgB;AAAA,MACzB,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,CAAC,oBAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,uBAAuB,UACxC;AACE,8BAAsB,wBAClB,IAAI,sBAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,qBAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,OAAO,IAAI;AAE1B,WAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,8CAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,kCAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":[]}
+{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;AAAA,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAkC,2BAA2B;AAC7D,SAAS,6BAA6B;AACtC,SAAS,iDAAiD;AAC1D,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,OAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,mBAAa;AAAA,QACT;AAAA,QACA,OAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,CAAC,oBAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,uBAAuB,UACxC;AACE,8BAAsB,wBAClB,IAAI,sBAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,qBAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,OAAO,IAAI;AAE1B,WAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,8CAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,kCAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":[]}

package/dist/legacy/preview/contentstack-live-preview-HOC.cjs

@@ -227,7 +227,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.2.4";
+    return "3.2.5";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/preview/contentstack-live-preview-HOC.js

@@ -195,7 +195,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.2.4";
+    return "3.2.5";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/utils/index.cjs

@@ -23,6 +23,7 @@ __export(utils_exports, {
   addLivePreviewQueryTags: () => import_addLivePreviewQueryTags.addLivePreviewQueryTags,
   addParamsToUrl: () => addParamsToUrl,
   hasWindow: () => hasWindow,
+  isOpenInBuilder: () => isOpenInBuilder,
   isOpeningInTimeline: () => isOpeningInTimeline
 });
 module.exports = __toCommonJS(utils_exports);
@@ -49,11 +50,20 @@ function isOpeningInTimeline() {
   }
   return false;
 }
+function isOpenInBuilder() {
+  if (hasWindow()) {
+    const urlParams = new URLSearchParams(window.location.search);
+    const builder = urlParams.get("builder");
+    return !!builder;
+  }
+  return false;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addLivePreviewQueryTags,
   addParamsToUrl,
   hasWindow,
+  isOpenInBuilder,
   isOpeningInTimeline
 });
 //# sourceMappingURL=index.cjs.map

package/dist/legacy/utils/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { PublicLogger } from \"../logger/logger\";\nimport { addLivePreviewQueryTags } from \"./addLivePreviewQueryTags\";\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\nexport { addLivePreviewQueryTags };\nexport function addParamsToUrl() {\n    // Setting the query params to all the click events related to current domain\n    window.addEventListener(\"click\", (event: any) => {\n        const target: any = event.target;\n        const targetHref: string | any = target.href;\n        const docOrigin: string = document.location.origin;\n        if (\n            targetHref &&\n            targetHref.includes(docOrigin) &&\n            !targetHref.includes(\"live_preview\")\n        ) {\n            const newUrl = addLivePreviewQueryTags(target.href);\n            event.target.href = newUrl || target.href;\n        }\n    });\n}\nexport function isOpeningInTimeline(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const previewTimestamp = urlParams.get(\"preview_timestamp\");\n        return !!previewTimestamp;\n    }\n    return false;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qCAAwC;AACjC,SAAS,YAAqB;AACjC,SAAO,OAAO,WAAW;AAC7B;AAEO,SAAS,iBAAiB;AAE7B,SAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,UAAM,SAAc,MAAM;AAC1B,UAAM,aAA2B,OAAO;AACxC,UAAM,YAAoB,SAAS,SAAS;AAC5C,QACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,YAAM,aAAS,wDAAwB,OAAO,IAAI;AAClD,YAAM,OAAO,OAAO,UAAU,OAAO;AAAA,IACzC;AAAA,EACJ,CAAC;AACL;AACO,SAAS,sBAA+B;AAC3C,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,mBAAmB,UAAU,IAAI,mBAAmB;AAC1D,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { PublicLogger } from \"../logger/logger\";\nimport { addLivePreviewQueryTags } from \"./addLivePreviewQueryTags\";\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\nexport { addLivePreviewQueryTags };\nexport function addParamsToUrl() {\n    // Setting the query params to all the click events related to current domain\n    window.addEventListener(\"click\", (event: any) => {\n        const target: any = event.target;\n        const targetHref: string | any = target.href;\n        const docOrigin: string = document.location.origin;\n        if (\n            targetHref &&\n            targetHref.includes(docOrigin) &&\n            !targetHref.includes(\"live_preview\")\n        ) {\n            const newUrl = addLivePreviewQueryTags(target.href);\n            event.target.href = newUrl || target.href;\n        }\n    });\n}\nexport function isOpeningInTimeline(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const previewTimestamp = urlParams.get(\"preview_timestamp\");\n        return !!previewTimestamp;\n    }\n    return false;\n}\n\nexport function isOpenInBuilder(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const builder = urlParams.get(\"builder\");\n        return !!builder;\n    }\n    return false;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qCAAwC;AACjC,SAAS,YAAqB;AACjC,SAAO,OAAO,WAAW;AAC7B;AAEO,SAAS,iBAAiB;AAE7B,SAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,UAAM,SAAc,MAAM;AAC1B,UAAM,aAA2B,OAAO;AACxC,UAAM,YAAoB,SAAS,SAAS;AAC5C,QACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,YAAM,aAAS,wDAAwB,OAAO,IAAI;AAClD,YAAM,OAAO,OAAO,UAAU,OAAO;AAAA,IACzC;AAAA,EACJ,CAAC;AACL;AACO,SAAS,sBAA+B;AAC3C,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,mBAAmB,UAAU,IAAI,mBAAmB;AAC1D,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;AAEO,SAAS,kBAA2B;AACvC,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,UAAU,UAAU,IAAI,SAAS;AACvC,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;","names":[]}

package/dist/legacy/utils/index.d.cts

@@ -4,5 +4,6 @@ declare function hasWindow(): boolean;
 
 declare function addParamsToUrl(): void;
 declare function isOpeningInTimeline(): boolean;
+declare function isOpenInBuilder(): boolean;
 
-export { addParamsToUrl, hasWindow, isOpeningInTimeline };
+export { addParamsToUrl, hasWindow, isOpenInBuilder, isOpeningInTimeline };

package/dist/legacy/utils/index.d.ts

@@ -4,5 +4,6 @@ declare function hasWindow(): boolean;
 
 declare function addParamsToUrl(): void;
 declare function isOpeningInTimeline(): boolean;
+declare function isOpenInBuilder(): boolean;
 
-export { addParamsToUrl, hasWindow, isOpeningInTimeline };
+export { addParamsToUrl, hasWindow, isOpenInBuilder, isOpeningInTimeline };

package/dist/legacy/utils/index.js

@@ -24,10 +24,19 @@ function isOpeningInTimeline() {
   }
   return false;
 }
+function isOpenInBuilder() {
+  if (hasWindow()) {
+    const urlParams = new URLSearchParams(window.location.search);
+    const builder = urlParams.get("builder");
+    return !!builder;
+  }
+  return false;
+}
 export {
   addLivePreviewQueryTags,
   addParamsToUrl,
   hasWindow,
+  isOpenInBuilder,
   isOpeningInTimeline
 };
 //# sourceMappingURL=index.js.map

package/dist/legacy/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { PublicLogger } from \"../logger/logger\";\nimport { addLivePreviewQueryTags } from \"./addLivePreviewQueryTags\";\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\nexport { addLivePreviewQueryTags };\nexport function addParamsToUrl() {\n    // Setting the query params to all the click events related to current domain\n    window.addEventListener(\"click\", (event: any) => {\n        const target: any = event.target;\n        const targetHref: string | any = target.href;\n        const docOrigin: string = document.location.origin;\n        if (\n            targetHref &&\n            targetHref.includes(docOrigin) &&\n            !targetHref.includes(\"live_preview\")\n        ) {\n            const newUrl = addLivePreviewQueryTags(target.href);\n            event.target.href = newUrl || target.href;\n        }\n    });\n}\nexport function isOpeningInTimeline(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const previewTimestamp = urlParams.get(\"preview_timestamp\");\n        return !!previewTimestamp;\n    }\n    return false;\n}"],"mappings":";;;AACA,SAAS,+BAA+B;AACjC,SAAS,YAAqB;AACjC,SAAO,OAAO,WAAW;AAC7B;AAEO,SAAS,iBAAiB;AAE7B,SAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,UAAM,SAAc,MAAM;AAC1B,UAAM,aAA2B,OAAO;AACxC,UAAM,YAAoB,SAAS,SAAS;AAC5C,QACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,YAAM,SAAS,wBAAwB,OAAO,IAAI;AAClD,YAAM,OAAO,OAAO,UAAU,OAAO;AAAA,IACzC;AAAA,EACJ,CAAC;AACL;AACO,SAAS,sBAA+B;AAC3C,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,mBAAmB,UAAU,IAAI,mBAAmB;AAC1D,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { PublicLogger } from \"../logger/logger\";\nimport { addLivePreviewQueryTags } from \"./addLivePreviewQueryTags\";\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\nexport { addLivePreviewQueryTags };\nexport function addParamsToUrl() {\n    // Setting the query params to all the click events related to current domain\n    window.addEventListener(\"click\", (event: any) => {\n        const target: any = event.target;\n        const targetHref: string | any = target.href;\n        const docOrigin: string = document.location.origin;\n        if (\n            targetHref &&\n            targetHref.includes(docOrigin) &&\n            !targetHref.includes(\"live_preview\")\n        ) {\n            const newUrl = addLivePreviewQueryTags(target.href);\n            event.target.href = newUrl || target.href;\n        }\n    });\n}\nexport function isOpeningInTimeline(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const previewTimestamp = urlParams.get(\"preview_timestamp\");\n        return !!previewTimestamp;\n    }\n    return false;\n}\n\nexport function isOpenInBuilder(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const builder = urlParams.get(\"builder\");\n        return !!builder;\n    }\n    return false;\n}\n"],"mappings":";;;AACA,SAAS,+BAA+B;AACjC,SAAS,YAAqB;AACjC,SAAO,OAAO,WAAW;AAC7B;AAEO,SAAS,iBAAiB;AAE7B,SAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,UAAM,SAAc,MAAM;AAC1B,UAAM,aAA2B,OAAO;AACxC,UAAM,YAAoB,SAAS,SAAS;AAC5C,QACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,YAAM,SAAS,wBAAwB,OAAO,IAAI;AAClD,YAAM,OAAO,OAAO,UAAU,OAAO;AAAA,IACzC;AAAA,EACJ,CAAC;AACL;AACO,SAAS,sBAA+B;AAC3C,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,mBAAmB,UAAU,IAAI,mBAAmB;AAC1D,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;AAEO,SAAS,kBAA2B;AACvC,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,UAAU,UAAU,IAAI,SAAS;AACvC,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;","names":[]}

package/dist/legacy/visualBuilder/components/VisualBuilder.cjs

@@ -36,8 +36,12 @@ module.exports = __toCommonJS(VisualBuilder_exports);
 var import_classnames = __toESM(require("classnames"), 1);
 var import_generateOverlay = require("../generators/generateOverlay.cjs");
 var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_utils = require("../../utils/index.cjs");
 var import_jsx_runtime = require("preact/jsx-runtime");
 function VisualBuilderComponent(props) {
+  if (!(0, import_utils.isOpenInBuilder)()) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "style",

package/dist/legacy/visualBuilder/components/VisualBuilder.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element {\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,6BAA4B;AAC5B,2BAGO;AAUC;AAFR,SAAS,uBAAuB,OAAwC;AACpE,SACI,4EAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,kDAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,+BAA+B;AAAA,cACrD,0CAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":["classNames"]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport { isOpenInBuilder } from \"../../utils\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element | null {\n    if (!isOpenInBuilder()) {\n        return null;\n    }\n\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,6BAA4B;AAC5B,2BAGO;AAEP,mBAAgC;AAaxB;AANR,SAAS,uBAAuB,OAA+C;AAC3E,MAAI,KAAC,8BAAgB,GAAG;AACpB,WAAO;AAAA,EACX;AAEA,SACI,4EAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,kDAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,+BAA+B;AAAA,cACrD,0CAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":["classNames"]}

package/dist/legacy/visualBuilder/components/VisualBuilder.d.cts

@@ -2,6 +2,6 @@ interface VisualBuilderProps {
     visualBuilderContainer: HTMLDivElement | null;
     resizeObserver: ResizeObserver;
 }
-declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element;
+declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element | null;
 
 export { VisualBuilderComponent as default };

package/dist/legacy/visualBuilder/components/VisualBuilder.d.ts

@@ -2,6 +2,6 @@ interface VisualBuilderProps {
     visualBuilderContainer: HTMLDivElement | null;
     resizeObserver: ResizeObserver;
 }
-declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element;
+declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element | null;
 
 export { VisualBuilderComponent as default };

package/dist/legacy/visualBuilder/components/VisualBuilder.js

@@ -7,8 +7,12 @@ import {
   visualBuilderStyles,
   VisualBuilderGlobalStyles
 } from "../visualBuilder.style.js";
+import { isOpenInBuilder } from "../../utils/index.js";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 function VisualBuilderComponent(props) {
+  if (!isOpenInBuilder()) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "style",

package/dist/legacy/visualBuilder/components/VisualBuilder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element {\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,SAAS,mBAAmB;AAC5B;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAUC,mBAGI,KAYA,YAfJ;AAFR,SAAS,uBAAuB,OAAwC;AACpE,SACI,iCAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,sBAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,+BAA+B;AAAA,UACrD,oBAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport { isOpenInBuilder } from \"../../utils\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element | null {\n    if (!isOpenInBuilder()) {\n        return null;\n    }\n\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,SAAS,mBAAmB;AAC5B;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,uBAAuB;AAaxB,mBAGI,KAYA,YAfJ;AANR,SAAS,uBAAuB,OAA+C;AAC3E,MAAI,CAAC,gBAAgB,GAAG;AACpB,WAAO;AAAA,EACX;AAEA,SACI,iCAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,sBAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,+BAA+B;AAAA,UACrD,oBAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/index.cjs

@@ -36,12 +36,14 @@ module.exports = __toCommonJS(components_exports);
 var import_preact = require("preact");
 var import_VisualBuilder = __toESM(require("./VisualBuilder.cjs"), 1);
 var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_utils = require("../../utils/index.cjs");
 var import_jsx_runtime = require("preact/jsx-runtime");
 function initUI(props) {
   const visualBuilderDOM = document.querySelector(
     `.visual-builder__container`
   );
-  if (!visualBuilderDOM) {
+  const isInBuilder = (0, import_utils.isOpenInBuilder)();
+  if (!visualBuilderDOM && isInBuilder) {
     const visualBuilderContainer = document.createElement("div");
     visualBuilderContainer.classList.add(
       (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__container"],

package/dist/legacy/visualBuilder/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/index.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport VisualBuilderComponent from \"./VisualBuilder\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface InitUIParams {\n    resizeObserver: ResizeObserver;\n}\n\nfunction initUI(props: InitUIParams): void {\n    const visualBuilderDOM = document.querySelector(\n        `.visual-builder__container`\n    );\n    if (!visualBuilderDOM) {\n        const visualBuilderContainer = document.createElement(\"div\");\n        visualBuilderContainer.classList.add(\n            visualBuilderStyles()[\"visual-builder__container\"],\n            \"visual-builder__container\"\n        );\n        visualBuilderContainer.setAttribute(\n            \"data-testid\",\n            \"visual-builder__container\"\n        );\n\n        document.body.appendChild(visualBuilderContainer);\n\n        render(\n            <VisualBuilderComponent\n                visualBuilderContainer={visualBuilderContainer}\n                resizeObserver={props.resizeObserver}\n            />,\n            visualBuilderContainer\n        );\n    }\n\n    return;\n}\n\nexport default initUI;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,2BAAmC;AACnC,2BAAoC;AAyBxB;AAlBZ,SAAS,OAAO,OAA2B;AACvC,QAAM,mBAAmB,SAAS;AAAA,IAC9B;AAAA,EACJ;AACA,MAAI,CAAC,kBAAkB;AACnB,UAAM,yBAAyB,SAAS,cAAc,KAAK;AAC3D,2BAAuB,UAAU;AAAA,UAC7B,0CAAoB,EAAE,2BAA2B;AAAA,MACjD;AAAA,IACJ;AACA,2BAAuB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,aAAS,KAAK,YAAY,sBAAsB;AAEhD;AAAA,MACI;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UACG;AAAA,UACA,gBAAgB,MAAM;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA;AACJ;AAEA,IAAO,qBAAQ;","names":["VisualBuilderComponent"]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/index.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport VisualBuilderComponent from \"./VisualBuilder\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport { isOpenInBuilder } from \"../../utils\";\n\ninterface InitUIParams {\n    resizeObserver: ResizeObserver;\n}\n\nfunction initUI(props: InitUIParams): void {\n    const visualBuilderDOM = document.querySelector(\n        `.visual-builder__container`\n    );\n\n    const isInBuilder = isOpenInBuilder();\n\n    if (!visualBuilderDOM && isInBuilder) {\n        const visualBuilderContainer = document.createElement(\"div\");\n        visualBuilderContainer.classList.add(\n            visualBuilderStyles()[\"visual-builder__container\"],\n            \"visual-builder__container\"\n        );\n        visualBuilderContainer.setAttribute(\n            \"data-testid\",\n            \"visual-builder__container\"\n        );\n\n        document.body.appendChild(visualBuilderContainer);\n\n        render(\n            <VisualBuilderComponent\n                visualBuilderContainer={visualBuilderContainer}\n                resizeObserver={props.resizeObserver}\n            />,\n            visualBuilderContainer\n        );\n    }\n\n    return;\n}\n\nexport default initUI;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,2BAAmC;AACnC,2BAAoC;AAEpC,mBAAgC;AA2BpB;AArBZ,SAAS,OAAO,OAA2B;AACvC,QAAM,mBAAmB,SAAS;AAAA,IAC9B;AAAA,EACJ;AAEA,QAAM,kBAAc,8BAAgB;AAEpC,MAAI,CAAC,oBAAoB,aAAa;AAClC,UAAM,yBAAyB,SAAS,cAAc,KAAK;AAC3D,2BAAuB,UAAU;AAAA,UAC7B,0CAAoB,EAAE,2BAA2B;AAAA,MACjD;AAAA,IACJ;AACA,2BAAuB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,aAAS,KAAK,YAAY,sBAAsB;AAEhD;AAAA,MACI;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UACG;AAAA,UACA,gBAAgB,MAAM;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA;AACJ;AAEA,IAAO,qBAAQ;","names":["VisualBuilderComponent"]}

package/dist/legacy/visualBuilder/components/index.js

@@ -4,12 +4,14 @@ import "../../chunk-5WRI5ZAA.js";
 import { render } from "preact";
 import VisualBuilderComponent from "./VisualBuilder.js";
 import { visualBuilderStyles } from "../visualBuilder.style.js";
+import { isOpenInBuilder } from "../../utils/index.js";
 import { jsx } from "preact/jsx-runtime";
 function initUI(props) {
   const visualBuilderDOM = document.querySelector(
     `.visual-builder__container`
   );
-  if (!visualBuilderDOM) {
+  const isInBuilder = isOpenInBuilder();
+  if (!visualBuilderDOM && isInBuilder) {
     const visualBuilderContainer = document.createElement("div");
     visualBuilderContainer.classList.add(
       visualBuilderStyles()["visual-builder__container"],

package/dist/legacy/visualBuilder/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/index.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport VisualBuilderComponent from \"./VisualBuilder\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface InitUIParams {\n    resizeObserver: ResizeObserver;\n}\n\nfunction initUI(props: InitUIParams): void {\n    const visualBuilderDOM = document.querySelector(\n        `.visual-builder__container`\n    );\n    if (!visualBuilderDOM) {\n        const visualBuilderContainer = document.createElement(\"div\");\n        visualBuilderContainer.classList.add(\n            visualBuilderStyles()[\"visual-builder__container\"],\n            \"visual-builder__container\"\n        );\n        visualBuilderContainer.setAttribute(\n            \"data-testid\",\n            \"visual-builder__container\"\n        );\n\n        document.body.appendChild(visualBuilderContainer);\n\n        render(\n            <VisualBuilderComponent\n                visualBuilderContainer={visualBuilderContainer}\n                resizeObserver={props.resizeObserver}\n            />,\n            visualBuilderContainer\n        );\n    }\n\n    return;\n}\n\nexport default initUI;\n"],"mappings":";;;AAAA,SAAS,cAAc;AACvB,OAAO,4BAA4B;AACnC,SAAS,2BAA2B;AAyBxB;AAlBZ,SAAS,OAAO,OAA2B;AACvC,QAAM,mBAAmB,SAAS;AAAA,IAC9B;AAAA,EACJ;AACA,MAAI,CAAC,kBAAkB;AACnB,UAAM,yBAAyB,SAAS,cAAc,KAAK;AAC3D,2BAAuB,UAAU;AAAA,MAC7B,oBAAoB,EAAE,2BAA2B;AAAA,MACjD;AAAA,IACJ;AACA,2BAAuB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,aAAS,KAAK,YAAY,sBAAsB;AAEhD;AAAA,MACI;AAAA,QAAC;AAAA;AAAA,UACG;AAAA,UACA,gBAAgB,MAAM;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA;AACJ;AAEA,IAAO,qBAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/index.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport VisualBuilderComponent from \"./VisualBuilder\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport { isOpenInBuilder } from \"../../utils\";\n\ninterface InitUIParams {\n    resizeObserver: ResizeObserver;\n}\n\nfunction initUI(props: InitUIParams): void {\n    const visualBuilderDOM = document.querySelector(\n        `.visual-builder__container`\n    );\n\n    const isInBuilder = isOpenInBuilder();\n\n    if (!visualBuilderDOM && isInBuilder) {\n        const visualBuilderContainer = document.createElement(\"div\");\n        visualBuilderContainer.classList.add(\n            visualBuilderStyles()[\"visual-builder__container\"],\n            \"visual-builder__container\"\n        );\n        visualBuilderContainer.setAttribute(\n            \"data-testid\",\n            \"visual-builder__container\"\n        );\n\n        document.body.appendChild(visualBuilderContainer);\n\n        render(\n            <VisualBuilderComponent\n                visualBuilderContainer={visualBuilderContainer}\n                resizeObserver={props.resizeObserver}\n            />,\n            visualBuilderContainer\n        );\n    }\n\n    return;\n}\n\nexport default initUI;\n"],"mappings":";;;AAAA,SAAS,cAAc;AACvB,OAAO,4BAA4B;AACnC,SAAS,2BAA2B;AAEpC,SAAS,uBAAuB;AA2BpB;AArBZ,SAAS,OAAO,OAA2B;AACvC,QAAM,mBAAmB,SAAS;AAAA,IAC9B;AAAA,EACJ;AAEA,QAAM,cAAc,gBAAgB;AAEpC,MAAI,CAAC,oBAAoB,aAAa;AAClC,UAAM,yBAAyB,SAAS,cAAc,KAAK;AAC3D,2BAAuB,UAAU;AAAA,MAC7B,oBAAoB,EAAE,2BAA2B;AAAA,MACjD;AAAA,IACJ;AACA,2BAAuB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,aAAS,KAAK,YAAY,sBAAsB;AAEhD;AAAA,MACI;AAAA,QAAC;AAAA;AAAA,UACG;AAAA,UACA,gBAAgB,MAAM;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA;AACJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.cjs

@@ -34,17 +34,21 @@ __export(generateStartEditingButton_exports, {
 });
 module.exports = __toCommonJS(generateStartEditingButton_exports);
 var import_preact = require("preact");
-var import_logger = require("../../logger/logger.cjs");
 var import_startEditingButton = __toESM(require("../components/startEditingButton.cjs"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
-function generateStartEditingButton(visualBuilderContainer) {
-  if (!visualBuilderContainer) {
-    import_logger.PublicLogger.warn("Visual builder overlay not found.");
-    return;
+function generateStartEditingButton() {
+  const existingButton = document.querySelector(
+    ".visual-builder__start-editing-btn"
+  );
+  if (existingButton) {
+    return existingButton;
   }
   const wrapper = document.createDocumentFragment();
   (0, import_preact.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_startEditingButton.default, {}), wrapper);
-  visualBuilderContainer == null ? void 0 : visualBuilderContainer.appendChild(wrapper);
+  if (wrapper.children.length === 0) {
+    return void 0;
+  }
+  document.body.appendChild(wrapper);
   const startEditingButton = document.querySelector(
     ".visual-builder__start-editing-btn"
   );

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/generators/generateStartEditingButton.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport StartEditingButtonComponent from \"../components/startEditingButton\";\n\n/**\n * Generates a start editing button for the visual builder.\n *\n * @param visualBuilderContainer - The HTMLDivElement that wraps the visual builder.\n * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the visualBuilderContainer is null.\n */\nexport function generateStartEditingButton(\n    visualBuilderContainer: HTMLDivElement | null\n): HTMLAnchorElement | undefined {\n    if (!visualBuilderContainer) {\n        PublicLogger.warn(\"Visual builder overlay not found.\");\n        return;\n    }\n\n    const wrapper = document.createDocumentFragment();\n    render(<StartEditingButtonComponent />, wrapper);\n\n    visualBuilderContainer?.appendChild(wrapper);\n\n    const startEditingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    return startEditingButton;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,oBAA6B;AAC7B,gCAAwC;AAiB7B;AATJ,SAAS,2BACZ,wBAC6B;AAC7B,MAAI,CAAC,wBAAwB;AACzB,+BAAa,KAAK,mCAAmC;AACrD;AAAA,EACJ;AAEA,QAAM,UAAU,SAAS,uBAAuB;AAChD,4BAAO,4CAAC,0BAAAA,SAAA,EAA4B,GAAI,OAAO;AAE/C,mEAAwB,YAAY;AAEpC,QAAM,qBAAqB,SAAS;AAAA,IAChC;AAAA,EACJ;AAEA,SAAO;AACX;","names":["StartEditingButtonComponent"]}
+{"version":3,"sources":["../../../../src/visualBuilder/generators/generateStartEditingButton.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport StartEditingButtonComponent from \"../components/startEditingButton\";\n\n/**\n * Generates a start editing button for the visual builder.\n *\n * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the button cannot be created.\n */\nexport function generateStartEditingButton(): HTMLAnchorElement | undefined {\n    const existingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    if (existingButton) {\n        return existingButton;\n    }\n\n    const wrapper = document.createDocumentFragment();\n    render(<StartEditingButtonComponent />, wrapper);\n\n    if (wrapper.children.length === 0) {\n        return undefined;\n    }\n\n    document.body.appendChild(wrapper);\n\n    const startEditingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    return startEditingButton;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AAEvB,gCAAwC;AAiB7B;AAVJ,SAAS,6BAA4D;AACxE,QAAM,iBAAiB,SAAS;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,gBAAgB;AAChB,WAAO;AAAA,EACX;AAEA,QAAM,UAAU,SAAS,uBAAuB;AAChD,4BAAO,4CAAC,0BAAAA,SAAA,EAA4B,GAAI,OAAO;AAE/C,MAAI,QAAQ,SAAS,WAAW,GAAG;AAC/B,WAAO;AAAA,EACX;AAEA,WAAS,KAAK,YAAY,OAAO;AAEjC,QAAM,qBAAqB,SAAS;AAAA,IAChC;AAAA,EACJ;AAEA,SAAO;AACX;","names":["StartEditingButtonComponent"]}

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.d.cts

@@ -1,9 +1,8 @@
 /**
  * Generates a start editing button for the visual builder.
  *
- * @param visualBuilderContainer - The HTMLDivElement that wraps the visual builder.
- * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the visualBuilderContainer is null.
+ * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the button cannot be created.
  */
-declare function generateStartEditingButton(visualBuilderContainer: HTMLDivElement | null): HTMLAnchorElement | undefined;
+declare function generateStartEditingButton(): HTMLAnchorElement | undefined;
 
 export { generateStartEditingButton };

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.d.ts

@@ -1,9 +1,8 @@
 /**
  * Generates a start editing button for the visual builder.
  *
- * @param visualBuilderContainer - The HTMLDivElement that wraps the visual builder.
- * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the visualBuilderContainer is null.
+ * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the button cannot be created.
  */
-declare function generateStartEditingButton(visualBuilderContainer: HTMLDivElement | null): HTMLAnchorElement | undefined;
+declare function generateStartEditingButton(): HTMLAnchorElement | undefined;
 
 export { generateStartEditingButton };

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.js

@@ -2,17 +2,21 @@ import "../../chunk-5WRI5ZAA.js";
 
 // src/visualBuilder/generators/generateStartEditingButton.tsx
 import { render } from "preact";
-import { PublicLogger } from "../../logger/logger.js";
 import StartEditingButtonComponent from "../components/startEditingButton.js";
 import { jsx } from "preact/jsx-runtime";
-function generateStartEditingButton(visualBuilderContainer) {
-  if (!visualBuilderContainer) {
-    PublicLogger.warn("Visual builder overlay not found.");
-    return;
+function generateStartEditingButton() {
+  const existingButton = document.querySelector(
+    ".visual-builder__start-editing-btn"
+  );
+  if (existingButton) {
+    return existingButton;
   }
   const wrapper = document.createDocumentFragment();
   render(/* @__PURE__ */ jsx(StartEditingButtonComponent, {}), wrapper);
-  visualBuilderContainer == null ? void 0 : visualBuilderContainer.appendChild(wrapper);
+  if (wrapper.children.length === 0) {
+    return void 0;
+  }
+  document.body.appendChild(wrapper);
   const startEditingButton = document.querySelector(
     ".visual-builder__start-editing-btn"
   );

package/dist/legacy/visualBuilder/generators/generateStartEditingButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/generators/generateStartEditingButton.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport StartEditingButtonComponent from \"../components/startEditingButton\";\n\n/**\n * Generates a start editing button for the visual builder.\n *\n * @param visualBuilderContainer - The HTMLDivElement that wraps the visual builder.\n * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the visualBuilderContainer is null.\n */\nexport function generateStartEditingButton(\n    visualBuilderContainer: HTMLDivElement | null\n): HTMLAnchorElement | undefined {\n    if (!visualBuilderContainer) {\n        PublicLogger.warn(\"Visual builder overlay not found.\");\n        return;\n    }\n\n    const wrapper = document.createDocumentFragment();\n    render(<StartEditingButtonComponent />, wrapper);\n\n    visualBuilderContainer?.appendChild(wrapper);\n\n    const startEditingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    return startEditingButton;\n}\n"],"mappings":";;;AAAA,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,OAAO,iCAAiC;AAiB7B;AATJ,SAAS,2BACZ,wBAC6B;AAC7B,MAAI,CAAC,wBAAwB;AACzB,iBAAa,KAAK,mCAAmC;AACrD;AAAA,EACJ;AAEA,QAAM,UAAU,SAAS,uBAAuB;AAChD,SAAO,oBAAC,+BAA4B,GAAI,OAAO;AAE/C,mEAAwB,YAAY;AAEpC,QAAM,qBAAqB,SAAS;AAAA,IAChC;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/generators/generateStartEditingButton.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport StartEditingButtonComponent from \"../components/startEditingButton\";\n\n/**\n * Generates a start editing button for the visual builder.\n *\n * @returns The generated HTMLAnchorElement representing the start editing button, or undefined if the button cannot be created.\n */\nexport function generateStartEditingButton(): HTMLAnchorElement | undefined {\n    const existingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    if (existingButton) {\n        return existingButton;\n    }\n\n    const wrapper = document.createDocumentFragment();\n    render(<StartEditingButtonComponent />, wrapper);\n\n    if (wrapper.children.length === 0) {\n        return undefined;\n    }\n\n    document.body.appendChild(wrapper);\n\n    const startEditingButton = document.querySelector(\n        \".visual-builder__start-editing-btn\"\n    ) as HTMLAnchorElement;\n\n    return startEditingButton;\n}\n"],"mappings":";;;AAAA,SAAS,cAAc;AAEvB,OAAO,iCAAiC;AAiB7B;AAVJ,SAAS,6BAA4D;AACxE,QAAM,iBAAiB,SAAS;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,gBAAgB;AAChB,WAAO;AAAA,EACX;AAEA,QAAM,UAAU,SAAS,uBAAuB;AAChD,SAAO,oBAAC,+BAA4B,GAAI,OAAO;AAE/C,MAAI,QAAQ,SAAS,WAAW,GAAG;AAC/B,WAAO;AAAA,EACX;AAEA,WAAS,KAAK,YAAY,OAAO;AAEjC,QAAM,qBAAqB,SAAS;AAAA,IAChC;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}

package/dist/legacy/visualBuilder/index.cjs

@@ -325,7 +325,7 @@ var _VisualBuilder = class _VisualBuilder {
       }
     }).catch(() => {
       if (!(0, import_inIframe.inIframe)()) {
-        (0, import_generateStartEditingButton.generateStartEditingButton)(this.visualBuilderContainer);
+        (0, import_generateStartEditingButton.generateStartEditingButton)();
       }
     });
   }