@builder.io/sdk 1.1.23 → 1.1.24

package/dist/index.umd.js

@@ -73,6 +73,7 @@
         element.data = String((called = ++called));
     }
 
+    var PROPERTY_NAME_DENY_LIST = Object.freeze(['__proto__', 'prototype']);
     // TODO: unit tests
     var QueryString = /** @class */ (function () {
         function QueryString() {
@@ -114,14 +115,17 @@
             return str;
         };
         QueryString.deepen = function (map) {
-            var output = {};
+            // FIXME; Should be type Tree = Record<string, string | Tree>
+            // requires a typescript upgrade.
+            var output = Object.create(null);
             for (var k in map) {
                 var t = output;
                 var parts = k.split('.');
                 var key = parts.pop();
-                while (parts.length) {
-                    var part = parts.shift();
-                    t = t[part] = t[part] || {};
+                for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {
+                    var part = parts_1[_i];
+                    assertAllowedPropertyName(part);
+                    t = t[part] = t[part] || Object.create(null);
                 }
                 t[key] = map[k];
             }
@@ -142,9 +146,13 @@
             return _res;
         };
         return QueryString;
-    }());
+    }());
+    function assertAllowedPropertyName(name) {
+        if (PROPERTY_NAME_DENY_LIST.indexOf(name) >= 0)
+            throw new Error("Property name \"" + name + "\" is not allowed");
+    }
 
-    var version = "1.1.23-14";
+    var version = "1.1.23";
 
     var Subscription = /** @class */ (function () {
         function Subscription(listeners, listener) {
@@ -1069,13 +1077,13 @@
         return Builder.Component(info);
     }
     var Builder = /** @class */ (function () {
-        function Builder(apiKey, request, response, forceNewInstance) {
+        function Builder(apiKey, request, response, forceNewInstance, authToken) {
             var _this = this;
             if (apiKey === void 0) { apiKey = null; }
             if (forceNewInstance === void 0) { forceNewInstance = false; }
+            if (authToken === void 0) { authToken = null; }
             this.request = request;
             this.response = response;
-            this.authToken = '';
             this.eventsQueue = [];
             this.throttledClearEventsQueue = throttle(function () {
                 _this.processEventsQueue();
@@ -1096,6 +1104,7 @@
             this.preview = false;
             this.canTrack$ = new BehaviorSubject(!this.browserTrackingDisabled);
             this.apiKey$ = new BehaviorSubject(null);
+            this.authToken$ = new BehaviorSubject(null);
             this.userAttributesChanged = new BehaviorSubject(null);
             this.editingMode$ = new BehaviorSubject(isIframe);
             // TODO: decorator to do this stuff with the get/set (how do with typing too? compiler?)
@@ -1131,6 +1140,9 @@
             if (apiKey) {
                 this.apiKey = apiKey;
             }
+            if (authToken) {
+                this.authToken = authToken;
+            }
             if (isBrowser) {
                 this.bindMessageListeners();
                 // TODO: postmessage to parent the builder info for every package
@@ -1327,7 +1339,10 @@
             var _a;
             var spec = __assign(__assign({ class: component }, component.builderOptions), options);
             this.addComponent(spec);
-            if (isBrowser) {
+            var editable = options.models && this.singletonInstance.editingModel
+                ? isBrowser && options.models.includes(this.singletonInstance.editingModel)
+                : isBrowser;
+            if (editable) {
                 var sendSpec = this.prepareComponentSpecToSend(spec);
                 (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
                     type: 'builder.registerComponent',
@@ -1497,9 +1512,14 @@
             if (isIframe || !isBrowser || Builder.isPreviewing) {
                 return;
             }
+            var apiKey = this.apiKey;
+            if (!apiKey) {
+                console.error('Builder integration error: Looks like the Builder SDK has not been initialized properly (your API key has not been set). Make sure you are calling `builder.init("«YOUR-API-KEY»");` as early as possible in your application\'s code.');
+                return;
+            }
             var eventData = JSON.parse(JSON.stringify({
                 type: eventName,
-                data: __assign(__assign({}, omit(properties, 'meta')), { metadata: __assign(__assign({ sdkVersion: Builder.VERSION, url: location.href }, properties.meta), properties.metadata), ownerId: this.apiKey, userAttributes: this.getUserAttributes(), sessionId: this.sessionId, visitorId: this.visitorId }),
+                data: __assign(__assign({}, omit(properties, 'meta')), { metadata: __assign(__assign({ sdkVersion: Builder.VERSION, url: location.href }, properties.meta), properties.metadata), ownerId: apiKey, userAttributes: this.getUserAttributes(), sessionId: this.sessionId, visitorId: this.visitorId }),
             }));
             for (var _i = 0, _a = this.trackingHooks; _i < _a.length; _i++) {
                 var hook = _a[_i];
@@ -1664,6 +1684,16 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(Builder.prototype, "authToken", {
+            get: function () {
+                return this.authToken$.value;
+            },
+            set: function (token) {
+                this.authToken$.next(token);
+            },
+            enumerable: true,
+            configurable: true
+        });
         Builder.prototype.modifySearch = function (search) {
             return search.replace(/(^|&|\?)(builder_.*?)=/gi, function (_match, group1, group2) { return group1 + group2.replace(/_/g, '.') + '='; });
         };
@@ -1928,7 +1958,7 @@
             enumerable: true,
             configurable: true
         });
-        Builder.prototype.init = function (apiKey, canTrack, req, res) {
+        Builder.prototype.init = function (apiKey, canTrack, req, res, authToken) {
             if (canTrack === void 0) { canTrack = this.defaultCanTrack; }
             if (req) {
                 this.request = req;
@@ -1938,6 +1968,9 @@
             }
             this.canTrack = canTrack;
             this.apiKey = apiKey;
+            if (authToken) {
+                this.authToken = authToken;
+            }
             return this;
         };
         Object.defineProperty(Builder.prototype, "previewingModel", {
@@ -2019,13 +2052,16 @@
             if (options === void 0) { options = {}; }
             var instance = this;
             if (!Builder.isBrowser) {
-                instance = new Builder(options.apiKey || this.apiKey, options.req, options.res);
+                instance = new Builder(options.apiKey || this.apiKey, options.req, options.res, undefined, options.authToken || this.authToken);
                 instance.setUserAttributes(this.getUserAttributes());
             }
             else {
                 if (options.apiKey && !this.apiKey) {
                     this.apiKey = options.apiKey;
                 }
+                if (options.authToken && !this.authToken) {
+                    this.authToken = options.authToken;
+                }
             }
             return instance.queueGetContent(modelName, options).map(
             /* map( */ function (matches) {
@@ -2127,21 +2163,21 @@
             }
             return observable;
         };
-        Builder.prototype.requestUrl = function (url) {
+        Builder.prototype.requestUrl = function (url, options) {
             if (Builder.isBrowser) {
-                // TODO: send auth header if builder.authToken
-                return fetch(url, this.authToken
-                    ? {
-                        headers: {
-                            Authorization: "Bearer " + this.authToken,
-                        },
-                    }
-                    : undefined).then(function (res) { return res.json(); });
+                return fetch(url, options).then(function (res) { return res.json(); });
             }
             return new Promise(function (resolve, reject) {
-                var module = url.indexOf('http:') === 0 ? serverOnlyRequire$1('http') : serverOnlyRequire$1('https');
+                var parsedUrl = parse(url);
+                var module = parsedUrl.protocol === 'http:' ? serverOnlyRequire$1('http') : serverOnlyRequire$1('https');
+                var requestOptions = {
+                    host: parsedUrl.hostname,
+                    port: parsedUrl.port,
+                    path: parsedUrl.pathname + parsedUrl.search,
+                    headers: __assign({}, options === null || options === void 0 ? void 0 : options.headers),
+                };
                 module
-                    .get(url, function (resp) {
+                    .get(requestOptions, function (resp) {
                     var data = '';
                     // A chunk of data has been recieved.
                     resp.on('data', function (chunk) {
@@ -2319,7 +2355,11 @@
             }
             var queryStr = QueryString.stringifyDeep(queryParams);
             var format = queryParams.format;
-            var promise = this.requestUrl(host + "/api/v1/" + (format === 'solid' || format === 'react' ? 'codegen' : 'query') + "/" + this.apiKey + "/" + keyNames + (queryParams && hasParams ? "?" + queryStr : '')).then(function (result) {
+            var requestOptions = { headers: {} };
+            if (this.authToken) {
+                requestOptions.headers = __assign(__assign({}, requestOptions.headers), { Authorization: "Bearer " + this.authToken });
+            }
+            var promise = this.requestUrl(host + "/api/v1/" + (format === 'solid' || format === 'react' ? 'codegen' : 'query') + "/" + this.apiKey + "/" + keyNames + (queryParams && hasParams ? "?" + queryStr : ''), requestOptions).then(function (result) {
                 for (var _i = 0, queue_3 = queue; _i < queue_3.length; _i++) {
                     var options = queue_3[_i];
                     var keyName = options.key;
@@ -2457,7 +2497,9 @@
                 .getContent(modelName, __assign(__assign({ limit: 30 }, options), { key: options.key ||
                     // Make the key include all options so we don't reuse cache for the same conent fetched
                     // with different options
-                    Builder.isBrowser ? modelName + ":" + hashSum(omit(options, 'initialContent', 'req', 'res')) : undefined }))
+                    Builder.isBrowser
+                    ? modelName + ":" + hashSum(omit(options, 'initialContent', 'req', 'res'))
+                    : undefined }))
                 .promise();
         };
         Builder.VERSION = version;