@builder.io/sdk 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -950,7 +950,7 @@ function toError(err) {
950
950
 
951
951
  var DEFAULT_API_VERSION = 'v3';
952
952
 
953
- var SDK_VERSION = '4.0.1';
953
+ var SDK_VERSION = '4.0.2';
954
954
 
955
955
  function datePlusMinutes(minutes) {
956
956
  if (minutes === void 0) { minutes = 30; }
@@ -1145,8 +1145,8 @@ var Builder = /** @class */ (function () {
1145
1145
  this.authToken = authToken;
1146
1146
  }
1147
1147
  if (isBrowser) {
1148
- this.bindMessageListeners();
1149
1148
  if (Builder.isEditing) {
1149
+ this.bindMessageListeners();
1150
1150
  parent.postMessage({
1151
1151
  type: 'builder.animatorOptions',
1152
1152
  data: {
@@ -1834,182 +1834,179 @@ var Builder = /** @class */ (function () {
1834
1834
  };
1835
1835
  Builder.prototype.bindMessageListeners = function () {
1836
1836
  var _this = this;
1837
- if (isBrowser) {
1838
- addEventListener('message', function (event) {
1839
- var _a, _b, _c, _d;
1840
- var isTrusted = Builder.isTrustedHostForEvent(event);
1841
- if (!isTrusted) {
1842
- return;
1843
- }
1844
- var data = event.data;
1845
- if (data) {
1846
- switch (data.type) {
1847
- case 'builder.ping': {
1848
- (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
1849
- type: 'builder.pong',
1850
- data: {},
1851
- }, '*');
1837
+ addEventListener('message', function (event) {
1838
+ var _a, _b, _c, _d;
1839
+ var isTrusted = Builder.isTrustedHostForEvent(event);
1840
+ if (!isTrusted)
1841
+ return;
1842
+ var data = event.data;
1843
+ if (data) {
1844
+ switch (data.type) {
1845
+ case 'builder.ping': {
1846
+ (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
1847
+ type: 'builder.pong',
1848
+ data: {},
1849
+ }, '*');
1850
+ break;
1851
+ }
1852
+ case 'builder.register': {
1853
+ // TODO: possibly do this for all...
1854
+ if (event.source === window) {
1852
1855
  break;
1853
1856
  }
1854
- case 'builder.register': {
1855
- // TODO: possibly do this for all...
1856
- if (event.source === window) {
1857
- break;
1858
- }
1859
- var options = data.data;
1860
- if (!options) {
1861
- break;
1862
- }
1863
- var type = options.type, info = options.info;
1864
- // TODO: all must have name and can't conflict?
1865
- var typeList = Builder.registry[type];
1866
- if (!typeList) {
1867
- typeList = Builder.registry[type] = [];
1868
- }
1869
- typeList.push(info);
1870
- Builder.registryChange.next(Builder.registry);
1857
+ var options = data.data;
1858
+ if (!options) {
1871
1859
  break;
1872
1860
  }
1873
- case 'builder.settingsChange': {
1874
- // TODO: possibly do this for all...
1875
- if (event.source === window) {
1876
- break;
1877
- }
1878
- var settings = data.data;
1879
- if (!settings) {
1880
- break;
1881
- }
1882
- Object.assign(Builder.settings, settings);
1883
- Builder.settingsChange.next(Builder.settings);
1884
- break;
1861
+ var type = options.type, info = options.info;
1862
+ // TODO: all must have name and can't conflict?
1863
+ var typeList = Builder.registry[type];
1864
+ if (!typeList) {
1865
+ typeList = Builder.registry[type] = [];
1885
1866
  }
1886
- case 'builder.registerEditor': {
1887
- // TODO: possibly do this for all...
1888
- if (event.source === window) {
1889
- break;
1890
- }
1891
- var info_1 = data.data;
1892
- if (!info_1) {
1893
- break;
1894
- }
1895
- var hasComponent_1 = !!info_1.component;
1896
- Builder.editors.every(function (thisInfo, index) {
1897
- if (info_1.name === thisInfo.name) {
1898
- if (thisInfo.component && !hasComponent_1) {
1899
- return false;
1900
- }
1901
- else {
1902
- Builder.editors[index] = thisInfo;
1903
- }
1904
- return false;
1905
- }
1906
- return true;
1907
- });
1867
+ typeList.push(info);
1868
+ Builder.registryChange.next(Builder.registry);
1869
+ break;
1870
+ }
1871
+ case 'builder.settingsChange': {
1872
+ // TODO: possibly do this for all...
1873
+ if (event.source === window) {
1908
1874
  break;
1909
1875
  }
1910
- case 'builder.triggerAnimation': {
1911
- Builder.animator.triggerAnimation(data.data);
1876
+ var settings = data.data;
1877
+ if (!settings) {
1912
1878
  break;
1913
1879
  }
1914
- case 'builder.contentUpdate':
1915
- var key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
1916
- var contentData = data.data.data; // hmmm...
1917
- var observer = _this.observersByKey[key];
1918
- if (observer && !_this.noEditorUpdates[key]) {
1919
- observer.next([contentData]);
1920
- }
1921
- break;
1922
- case 'builder.getComponents':
1923
- (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
1924
- type: 'builder.components',
1925
- data: Builder.components.map(function (item) { return Builder.prepareComponentSpecToSend(item); }),
1926
- }, '*');
1927
- break;
1928
- case 'builder.editingModel':
1929
- _this.editingModel = data.data.model;
1930
- break;
1931
- case 'builder.registerComponent':
1932
- var componentData = data.data;
1933
- Builder.addComponent(componentData);
1934
- break;
1935
- case 'builder.blockContentLoading':
1936
- if (typeof data.data.model === 'string') {
1937
- _this.blockContentLoading = data.data.model;
1938
- }
1939
- break;
1940
- case 'builder.editingMode':
1941
- var editingMode = data.data;
1942
- if (editingMode) {
1943
- _this.editingMode = true;
1944
- document.body.classList.add('builder-editing');
1945
- }
1946
- else {
1947
- _this.editingMode = false;
1948
- document.body.classList.remove('builder-editing');
1949
- }
1950
- break;
1951
- case 'builder.editingPageMode':
1952
- var editingPageMode = data.data;
1953
- Builder.editingPage = editingPageMode;
1954
- break;
1955
- case 'builder.overrideUserAttributes':
1956
- var userAttributes = data.data;
1957
- assign(Builder.overrideUserAttributes, userAttributes);
1958
- _this.flushGetContentQueue(true);
1959
- // TODO: refetch too
1880
+ Object.assign(Builder.settings, settings);
1881
+ Builder.settingsChange.next(Builder.settings);
1882
+ break;
1883
+ }
1884
+ case 'builder.registerEditor': {
1885
+ // TODO: possibly do this for all...
1886
+ if (event.source === window) {
1960
1887
  break;
1961
- case 'builder.overrideTestGroup':
1962
- var _e = data.data, variationId = _e.variationId, contentId = _e.contentId;
1963
- if (variationId && contentId) {
1964
- _this.setTestCookie(contentId, variationId);
1965
- _this.flushGetContentQueue(true);
1966
- }
1888
+ }
1889
+ var info_1 = data.data;
1890
+ if (!info_1) {
1967
1891
  break;
1968
- case 'builder.evaluate': {
1969
- var text = data.data.text;
1970
- var args = data.data.arguments || [];
1971
- var id_1 = data.data.id;
1972
- // tslint:disable-next-line:no-function-constructor-with-string-args
1973
- var fn = new Function(text);
1974
- var result = void 0;
1975
- var error = null;
1976
- try {
1977
- result = fn.apply(_this, args);
1978
- }
1979
- catch (err) {
1980
- error = toError(err);
1981
- }
1982
- if (error) {
1983
- (_c = window.parent) === null || _c === void 0 ? void 0 : _c.postMessage({
1984
- type: 'builder.evaluateError',
1985
- data: { id: id_1, error: error.message },
1986
- }, '*');
1987
- }
1988
- else {
1989
- if (result && typeof result.then === 'function') {
1990
- result
1991
- .then(function (finalResult) {
1992
- var _a;
1993
- (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
1994
- type: 'builder.evaluateResult',
1995
- data: { id: id_1, result: finalResult },
1996
- }, '*');
1997
- })
1998
- .catch(console.error);
1892
+ }
1893
+ var hasComponent_1 = !!info_1.component;
1894
+ Builder.editors.every(function (thisInfo, index) {
1895
+ if (info_1.name === thisInfo.name) {
1896
+ if (thisInfo.component && !hasComponent_1) {
1897
+ return false;
1999
1898
  }
2000
1899
  else {
2001
- (_d = window.parent) === null || _d === void 0 ? void 0 : _d.postMessage({
1900
+ Builder.editors[index] = thisInfo;
1901
+ }
1902
+ return false;
1903
+ }
1904
+ return true;
1905
+ });
1906
+ break;
1907
+ }
1908
+ case 'builder.triggerAnimation': {
1909
+ Builder.animator.triggerAnimation(data.data);
1910
+ break;
1911
+ }
1912
+ case 'builder.contentUpdate':
1913
+ var key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
1914
+ var contentData = data.data.data; // hmmm...
1915
+ var observer = _this.observersByKey[key];
1916
+ if (observer && !_this.noEditorUpdates[key]) {
1917
+ observer.next([contentData]);
1918
+ }
1919
+ break;
1920
+ case 'builder.getComponents':
1921
+ (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
1922
+ type: 'builder.components',
1923
+ data: Builder.components.map(function (item) { return Builder.prepareComponentSpecToSend(item); }),
1924
+ }, '*');
1925
+ break;
1926
+ case 'builder.editingModel':
1927
+ _this.editingModel = data.data.model;
1928
+ break;
1929
+ case 'builder.registerComponent':
1930
+ var componentData = data.data;
1931
+ Builder.addComponent(componentData);
1932
+ break;
1933
+ case 'builder.blockContentLoading':
1934
+ if (typeof data.data.model === 'string') {
1935
+ _this.blockContentLoading = data.data.model;
1936
+ }
1937
+ break;
1938
+ case 'builder.editingMode':
1939
+ var editingMode = data.data;
1940
+ if (editingMode) {
1941
+ _this.editingMode = true;
1942
+ document.body.classList.add('builder-editing');
1943
+ }
1944
+ else {
1945
+ _this.editingMode = false;
1946
+ document.body.classList.remove('builder-editing');
1947
+ }
1948
+ break;
1949
+ case 'builder.editingPageMode':
1950
+ var editingPageMode = data.data;
1951
+ Builder.editingPage = editingPageMode;
1952
+ break;
1953
+ case 'builder.overrideUserAttributes':
1954
+ var userAttributes = data.data;
1955
+ assign(Builder.overrideUserAttributes, userAttributes);
1956
+ _this.flushGetContentQueue(true);
1957
+ // TODO: refetch too
1958
+ break;
1959
+ case 'builder.overrideTestGroup':
1960
+ var _e = data.data, variationId = _e.variationId, contentId = _e.contentId;
1961
+ if (variationId && contentId) {
1962
+ _this.setTestCookie(contentId, variationId);
1963
+ _this.flushGetContentQueue(true);
1964
+ }
1965
+ break;
1966
+ case 'builder.evaluate': {
1967
+ var text = data.data.text;
1968
+ var args = data.data.arguments || [];
1969
+ var id_1 = data.data.id;
1970
+ // tslint:disable-next-line:no-function-constructor-with-string-args
1971
+ var fn = new Function(text);
1972
+ var result = void 0;
1973
+ var error = null;
1974
+ try {
1975
+ result = fn.apply(_this, args);
1976
+ }
1977
+ catch (err) {
1978
+ error = toError(err);
1979
+ }
1980
+ if (error) {
1981
+ (_c = window.parent) === null || _c === void 0 ? void 0 : _c.postMessage({
1982
+ type: 'builder.evaluateError',
1983
+ data: { id: id_1, error: error.message },
1984
+ }, '*');
1985
+ }
1986
+ else {
1987
+ if (result && typeof result.then === 'function') {
1988
+ result
1989
+ .then(function (finalResult) {
1990
+ var _a;
1991
+ (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
2002
1992
  type: 'builder.evaluateResult',
2003
- data: { result: result, id: id_1 },
1993
+ data: { id: id_1, result: finalResult },
2004
1994
  }, '*');
2005
- }
1995
+ })
1996
+ .catch(console.error);
1997
+ }
1998
+ else {
1999
+ (_d = window.parent) === null || _d === void 0 ? void 0 : _d.postMessage({
2000
+ type: 'builder.evaluateResult',
2001
+ data: { result: result, id: id_1 },
2002
+ }, '*');
2006
2003
  }
2007
- break;
2008
2004
  }
2005
+ break;
2009
2006
  }
2010
2007
  }
2011
- });
2012
- }
2008
+ }
2009
+ });
2013
2010
  };
2014
2011
  Object.defineProperty(Builder.prototype, "defaultCanTrack", {
2015
2012
  get: function () {