@builder.io/sdk 4.0.1 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @builder.io/sdk
 
+## 4.0.2
+
+### Patch Changes
+
+- dda2ba4: Fix: Restrict event listening to when `isEditing === true`
+
 ## 4.0.1
 
 ### Patch Changes

package/dist/index.browser.js

@@ -1052,7 +1052,7 @@
 
     var DEFAULT_API_VERSION = 'v3';
 
-    var SDK_VERSION = '4.0.1';
+    var SDK_VERSION = '4.0.2';
 
     function datePlusMinutes(minutes) {
         if (minutes === void 0) { minutes = 30; }
@@ -1247,8 +1247,8 @@
                 this.authToken = authToken;
             }
             if (isBrowser) {
-                this.bindMessageListeners();
                 if (Builder.isEditing) {
+                    this.bindMessageListeners();
                     parent.postMessage({
                         type: 'builder.animatorOptions',
                         data: {
@@ -1936,182 +1936,179 @@
         };
         Builder.prototype.bindMessageListeners = function () {
             var _this = this;
-            if (isBrowser) {
-                addEventListener('message', function (event) {
-                    var _a, _b, _c, _d;
-                    var isTrusted = Builder.isTrustedHostForEvent(event);
-                    if (!isTrusted) {
-                        return;
-                    }
-                    var data = event.data;
-                    if (data) {
-                        switch (data.type) {
-                            case 'builder.ping': {
-                                (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
-                                    type: 'builder.pong',
-                                    data: {},
-                                }, '*');
+            addEventListener('message', function (event) {
+                var _a, _b, _c, _d;
+                var isTrusted = Builder.isTrustedHostForEvent(event);
+                if (!isTrusted)
+                    return;
+                var data = event.data;
+                if (data) {
+                    switch (data.type) {
+                        case 'builder.ping': {
+                            (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
+                                type: 'builder.pong',
+                                data: {},
+                            }, '*');
+                            break;
+                        }
+                        case 'builder.register': {
+                            // TODO: possibly do this for all...
+                            if (event.source === window) {
                                 break;
                             }
-                            case 'builder.register': {
-                                // TODO: possibly do this for all...
-                                if (event.source === window) {
-                                    break;
-                                }
-                                var options = data.data;
-                                if (!options) {
-                                    break;
-                                }
-                                var type = options.type, info = options.info;
-                                // TODO: all must have name and can't conflict?
-                                var typeList = Builder.registry[type];
-                                if (!typeList) {
-                                    typeList = Builder.registry[type] = [];
-                                }
-                                typeList.push(info);
-                                Builder.registryChange.next(Builder.registry);
+                            var options = data.data;
+                            if (!options) {
                                 break;
                             }
-                            case 'builder.settingsChange': {
-                                // TODO: possibly do this for all...
-                                if (event.source === window) {
-                                    break;
-                                }
-                                var settings = data.data;
-                                if (!settings) {
-                                    break;
-                                }
-                                Object.assign(Builder.settings, settings);
-                                Builder.settingsChange.next(Builder.settings);
-                                break;
+                            var type = options.type, info = options.info;
+                            // TODO: all must have name and can't conflict?
+                            var typeList = Builder.registry[type];
+                            if (!typeList) {
+                                typeList = Builder.registry[type] = [];
                             }
-                            case 'builder.registerEditor': {
-                                // TODO: possibly do this for all...
-                                if (event.source === window) {
-                                    break;
-                                }
-                                var info_1 = data.data;
-                                if (!info_1) {
-                                    break;
-                                }
-                                var hasComponent_1 = !!info_1.component;
-                                Builder.editors.every(function (thisInfo, index) {
-                                    if (info_1.name === thisInfo.name) {
-                                        if (thisInfo.component && !hasComponent_1) {
-                                            return false;
-                                        }
-                                        else {
-                                            Builder.editors[index] = thisInfo;
-                                        }
-                                        return false;
-                                    }
-                                    return true;
-                                });
+                            typeList.push(info);
+                            Builder.registryChange.next(Builder.registry);
+                            break;
+                        }
+                        case 'builder.settingsChange': {
+                            // TODO: possibly do this for all...
+                            if (event.source === window) {
                                 break;
                             }
-                            case 'builder.triggerAnimation': {
-                                Builder.animator.triggerAnimation(data.data);
+                            var settings = data.data;
+                            if (!settings) {
                                 break;
                             }
-                            case 'builder.contentUpdate':
-                                var key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
-                                var contentData = data.data.data; // hmmm...
-                                var observer = _this.observersByKey[key];
-                                if (observer && !_this.noEditorUpdates[key]) {
-                                    observer.next([contentData]);
-                                }
-                                break;
-                            case 'builder.getComponents':
-                                (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
-                                    type: 'builder.components',
-                                    data: Builder.components.map(function (item) { return Builder.prepareComponentSpecToSend(item); }),
-                                }, '*');
-                                break;
-                            case 'builder.editingModel':
-                                _this.editingModel = data.data.model;
-                                break;
-                            case 'builder.registerComponent':
-                                var componentData = data.data;
-                                Builder.addComponent(componentData);
-                                break;
-                            case 'builder.blockContentLoading':
-                                if (typeof data.data.model === 'string') {
-                                    _this.blockContentLoading = data.data.model;
-                                }
-                                break;
-                            case 'builder.editingMode':
-                                var editingMode = data.data;
-                                if (editingMode) {
-                                    _this.editingMode = true;
-                                    document.body.classList.add('builder-editing');
-                                }
-                                else {
-                                    _this.editingMode = false;
-                                    document.body.classList.remove('builder-editing');
-                                }
-                                break;
-                            case 'builder.editingPageMode':
-                                var editingPageMode = data.data;
-                                Builder.editingPage = editingPageMode;
-                                break;
-                            case 'builder.overrideUserAttributes':
-                                var userAttributes = data.data;
-                                assign(Builder.overrideUserAttributes, userAttributes);
-                                _this.flushGetContentQueue(true);
-                                // TODO: refetch too
+                            Object.assign(Builder.settings, settings);
+                            Builder.settingsChange.next(Builder.settings);
+                            break;
+                        }
+                        case 'builder.registerEditor': {
+                            // TODO: possibly do this for all...
+                            if (event.source === window) {
                                 break;
-                            case 'builder.overrideTestGroup':
-                                var _e = data.data, variationId = _e.variationId, contentId = _e.contentId;
-                                if (variationId && contentId) {
-                                    _this.setTestCookie(contentId, variationId);
-                                    _this.flushGetContentQueue(true);
-                                }
+                            }
+                            var info_1 = data.data;
+                            if (!info_1) {
                                 break;
-                            case 'builder.evaluate': {
-                                var text = data.data.text;
-                                var args = data.data.arguments || [];
-                                var id_1 = data.data.id;
-                                // tslint:disable-next-line:no-function-constructor-with-string-args
-                                var fn = new Function(text);
-                                var result = void 0;
-                                var error = null;
-                                try {
-                                    result = fn.apply(_this, args);
-                                }
-                                catch (err) {
-                                    error = toError(err);
-                                }
-                                if (error) {
-                                    (_c = window.parent) === null || _c === void 0 ? void 0 : _c.postMessage({
-                                        type: 'builder.evaluateError',
-                                        data: { id: id_1, error: error.message },
-                                    }, '*');
-                                }
-                                else {
-                                    if (result && typeof result.then === 'function') {
-                                        result
-                                            .then(function (finalResult) {
-                                            var _a;
-                                            (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
-                                                type: 'builder.evaluateResult',
-                                                data: { id: id_1, result: finalResult },
-                                            }, '*');
-                                        })
-                                            .catch(console.error);
+                            }
+                            var hasComponent_1 = !!info_1.component;
+                            Builder.editors.every(function (thisInfo, index) {
+                                if (info_1.name === thisInfo.name) {
+                                    if (thisInfo.component && !hasComponent_1) {
+                                        return false;
                                     }
                                     else {
-                                        (_d = window.parent) === null || _d === void 0 ? void 0 : _d.postMessage({
+                                        Builder.editors[index] = thisInfo;
+                                    }
+                                    return false;
+                                }
+                                return true;
+                            });
+                            break;
+                        }
+                        case 'builder.triggerAnimation': {
+                            Builder.animator.triggerAnimation(data.data);
+                            break;
+                        }
+                        case 'builder.contentUpdate':
+                            var key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
+                            var contentData = data.data.data; // hmmm...
+                            var observer = _this.observersByKey[key];
+                            if (observer && !_this.noEditorUpdates[key]) {
+                                observer.next([contentData]);
+                            }
+                            break;
+                        case 'builder.getComponents':
+                            (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
+                                type: 'builder.components',
+                                data: Builder.components.map(function (item) { return Builder.prepareComponentSpecToSend(item); }),
+                            }, '*');
+                            break;
+                        case 'builder.editingModel':
+                            _this.editingModel = data.data.model;
+                            break;
+                        case 'builder.registerComponent':
+                            var componentData = data.data;
+                            Builder.addComponent(componentData);
+                            break;
+                        case 'builder.blockContentLoading':
+                            if (typeof data.data.model === 'string') {
+                                _this.blockContentLoading = data.data.model;
+                            }
+                            break;
+                        case 'builder.editingMode':
+                            var editingMode = data.data;
+                            if (editingMode) {
+                                _this.editingMode = true;
+                                document.body.classList.add('builder-editing');
+                            }
+                            else {
+                                _this.editingMode = false;
+                                document.body.classList.remove('builder-editing');
+                            }
+                            break;
+                        case 'builder.editingPageMode':
+                            var editingPageMode = data.data;
+                            Builder.editingPage = editingPageMode;
+                            break;
+                        case 'builder.overrideUserAttributes':
+                            var userAttributes = data.data;
+                            assign(Builder.overrideUserAttributes, userAttributes);
+                            _this.flushGetContentQueue(true);
+                            // TODO: refetch too
+                            break;
+                        case 'builder.overrideTestGroup':
+                            var _e = data.data, variationId = _e.variationId, contentId = _e.contentId;
+                            if (variationId && contentId) {
+                                _this.setTestCookie(contentId, variationId);
+                                _this.flushGetContentQueue(true);
+                            }
+                            break;
+                        case 'builder.evaluate': {
+                            var text = data.data.text;
+                            var args = data.data.arguments || [];
+                            var id_1 = data.data.id;
+                            // tslint:disable-next-line:no-function-constructor-with-string-args
+                            var fn = new Function(text);
+                            var result = void 0;
+                            var error = null;
+                            try {
+                                result = fn.apply(_this, args);
+                            }
+                            catch (err) {
+                                error = toError(err);
+                            }
+                            if (error) {
+                                (_c = window.parent) === null || _c === void 0 ? void 0 : _c.postMessage({
+                                    type: 'builder.evaluateError',
+                                    data: { id: id_1, error: error.message },
+                                }, '*');
+                            }
+                            else {
+                                if (result && typeof result.then === 'function') {
+                                    result
+                                        .then(function (finalResult) {
+                                        var _a;
+                                        (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
                                             type: 'builder.evaluateResult',
-                                            data: { result: result, id: id_1 },
+                                            data: { id: id_1, result: finalResult },
                                         }, '*');
-                                    }
+                                    })
+                                        .catch(console.error);
+                                }
+                                else {
+                                    (_d = window.parent) === null || _d === void 0 ? void 0 : _d.postMessage({
+                                        type: 'builder.evaluateResult',
+                                        data: { result: result, id: id_1 },
+                                    }, '*');
                                 }
-                                break;
                             }
+                            break;
                         }
                     }
-                });
-            }
+                }
+            });
         };
         Object.defineProperty(Builder.prototype, "defaultCanTrack", {
             get: function () {