@builder.io/sdk 1.1.23 → 1.1.25

package/dist/index.cjs.js

@@ -50,6 +50,7 @@ function nextTick(fn) {
     element.data = String((called = ++called));
 }
 
+var PROPERTY_NAME_DENY_LIST = Object.freeze(['__proto__', 'prototype', 'constructor']);
 // TODO: unit tests
 var QueryString = /** @class */ (function () {
     function QueryString() {
@@ -91,13 +92,16 @@ var QueryString = /** @class */ (function () {
         return str;
     };
     QueryString.deepen = function (map) {
+        // FIXME; Should be type Tree = Record<string, string | Tree>
+        // requires a typescript upgrade.
         var output = {};
         for (var k in map) {
             var t = output;
             var parts = k.split('.');
             var key = parts.pop();
-            while (parts.length) {
-                var part = parts.shift();
+            for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {
+                var part = parts_1[_i];
+                assertAllowedPropertyName(part);
                 t = t[part] = t[part] || {};
             }
             t[key] = map[k];
@@ -119,9 +123,13 @@ var QueryString = /** @class */ (function () {
         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.25-0";
 
 var Subscription = /** @class */ (function () {
     function Subscription(listeners, listener) {
@@ -978,13 +986,13 @@ function BuilderComponent(info) {
     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();
@@ -1005,6 +1013,7 @@ var Builder = /** @class */ (function () {
         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?)
@@ -1040,6 +1049,9 @@ var Builder = /** @class */ (function () {
         if (apiKey) {
             this.apiKey = apiKey;
         }
+        if (authToken) {
+            this.authToken = authToken;
+        }
         if (isBrowser) {
             this.bindMessageListeners();
             // TODO: postmessage to parent the builder info for every package
@@ -1236,7 +1248,10 @@ var Builder = /** @class */ (function () {
         var _a;
         var spec = tslib.__assign(tslib.__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',
@@ -1406,9 +1421,14 @@ var Builder = /** @class */ (function () {
         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: tslib.__assign(tslib.__assign({}, omit(properties, 'meta')), { metadata: tslib.__assign(tslib.__assign({ sdkVersion: Builder.VERSION, url: location.href }, properties.meta), properties.metadata), ownerId: this.apiKey, userAttributes: this.getUserAttributes(), sessionId: this.sessionId, visitorId: this.visitorId }),
+            data: tslib.__assign(tslib.__assign({}, omit(properties, 'meta')), { metadata: tslib.__assign(tslib.__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];
@@ -1573,6 +1593,16 @@ var Builder = /** @class */ (function () {
         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, '.') + '='; });
     };
@@ -1837,7 +1867,7 @@ var Builder = /** @class */ (function () {
         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;
@@ -1847,6 +1877,9 @@ var Builder = /** @class */ (function () {
         }
         this.canTrack = canTrack;
         this.apiKey = apiKey;
+        if (authToken) {
+            this.authToken = authToken;
+        }
         return this;
     };
     Object.defineProperty(Builder.prototype, "previewingModel", {
@@ -1928,13 +1961,16 @@ var Builder = /** @class */ (function () {
         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) {
@@ -2036,21 +2072,21 @@ var Builder = /** @class */ (function () {
         }
         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: tslib.__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) {
@@ -2228,7 +2264,11 @@ var Builder = /** @class */ (function () {
         }
         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 = tslib.__assign(tslib.__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;
@@ -2366,7 +2406,9 @@ var Builder = /** @class */ (function () {
             .getContent(modelName, tslib.__assign(tslib.__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 + ":" + hash(omit(options, 'initialContent', 'req', 'res')) : undefined }))
+                Builder.isBrowser
+                ? modelName + ":" + hash(omit(options, 'initialContent', 'req', 'res'))
+                : undefined }))
             .promise();
     };
     Builder.VERSION = version;