@builder.io/sdk-react 0.2.1 → 0.2.3-0

package/src/functions/is-editing.js

@@ -1,7 +0,0 @@
-import { isIframe } from "./is-iframe.js";
-function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-export {
-  isEditing
-};

package/src/functions/is-iframe.js

@@ -1,7 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-function isIframe() {
-  return isBrowser() && window.self !== window.top;
-}
-export {
-  isIframe
-};

package/src/functions/is-previewing.js

@@ -1,14 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-import { isEditing } from "./is-editing.js";
-function isPreviewing() {
-  if (!isBrowser()) {
-    return false;
-  }
-  if (isEditing()) {
-    return false;
-  }
-  return Boolean(location.search.indexOf("builder.preview=") !== -1);
-}
-export {
-  isPreviewing
-};

package/src/functions/on-change.js

@@ -1,27 +0,0 @@
-const onChangeProxySymbol = Symbol("onChangeProxySymbol");
-function onChange(obj, cb) {
-  return new Proxy(obj, {
-    get(target, key) {
-      if (key === onChangeProxySymbol) {
-        return true;
-      }
-      const value = Reflect.get(target, key);
-      if (value && typeof value === "object") {
-        if (value[onChangeProxySymbol]) {
-          return value;
-        }
-        return onChange(value, cb);
-      }
-      return value;
-    },
-    set(target, key, value) {
-      const returnValue = Reflect.set(target, key, value);
-      cb();
-      return returnValue;
-    }
-  });
-}
-export {
-  onChange,
-  onChangeProxySymbol
-};

package/src/functions/on-change.test.js

@@ -1,19 +0,0 @@
-import { onChange } from "./on-change.js";
-test("onChange can observe a shallow change", () => {
-  let changeHappend = false;
-  const obj = onChange({ foo: "hi" }, () => changeHappend = true);
-  obj.foo = "yo";
-  expect(changeHappend).toBe(true);
-});
-test("onChange can observe a deep change", () => {
-  let changeHappend = false;
-  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
-  obj.foo.bar = "yo";
-  expect(changeHappend).toBe(true);
-});
-test("Smoke test: callback is not fired if no properties updated", () => {
-  let changeHappend = false;
-  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
-  obj.foo.bar;
-  expect(changeHappend).toBe(false);
-});

package/src/functions/register-component.js

@@ -1,68 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { serializeFn } from "../blocks/util.js";
-import { fastClone } from "./fast-clone.js";
-const components = [];
-function registerComponent(component, info) {
-  components.push(__spreadValues({ component }, info));
-  console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
-  return component;
-}
-const createRegisterComponentMessage = (_a) => {
-  var _b = _a, {
-    component: _
-  } = _b, info = __objRest(_b, [
-    "component"
-  ]);
-  return {
-    type: "builder.registerComponent",
-    data: prepareComponentInfoToSend(info)
-  };
-};
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const prepareComponentInfoToSend = (_c) => {
-  var _d = _c, {
-    inputs
-  } = _d, info = __objRest(_d, [
-    "inputs"
-  ]);
-  return __spreadProps(__spreadValues({}, fastClone(info)), {
-    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps(__spreadValues({}, acc), {
-      [key]: serializeValue(value)
-    }), {}))
-  });
-};
-export {
-  components,
-  createRegisterComponentMessage,
-  registerComponent
-};

package/src/functions/register.js

@@ -1,29 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-const registry = {};
-function register(type, info) {
-  let typeList = registry[type];
-  if (!typeList) {
-    typeList = registry[type] = [];
-  }
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window) {
-        window.postMessage(message, "*");
-      }
-    } catch (err) {
-      console.debug("Could not postmessage", err);
-    }
-  }
-}
-export {
-  register
-};

package/src/functions/sanitize-react-native-block-styles.js

@@ -1,66 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const propertiesThatMustBeNumber = new Set(["lineHeight"]);
-const displayValues = new Set(["flex", "none"]);
-const SHOW_WARNINGS = false;
-const normalizeNumber = (value) => {
-  if (Number.isNaN(value)) {
-    return void 0;
-  } else if (value < 0) {
-    return 0;
-  } else {
-    return value;
-  }
-};
-const sanitizeReactNativeBlockStyles = (styles) => {
-  return Object.keys(styles).reduce((acc, key) => {
-    const propertyValue = styles[key];
-    if (key === "display" && !displayValues.has(propertyValue)) {
-      if (SHOW_WARNINGS) {
-        console.warn(`Style value for key "display" must be "flex" or "none" but had ${propertyValue}`);
-      }
-      return acc;
-    }
-    if (propertiesThatMustBeNumber.has(key) && typeof propertyValue !== "number") {
-      if (SHOW_WARNINGS) {
-        console.warn(`Style key ${key} must be a number, but had value \`${styles[key]}\``);
-      }
-      return acc;
-    }
-    if (typeof propertyValue === "string") {
-      const isPixelUnit = propertyValue.match(/^-?(\d*)(\.?)(\d*)*px$/);
-      if (isPixelUnit) {
-        const newValue = parseFloat(propertyValue);
-        const normalizedValue = normalizeNumber(newValue);
-        if (normalizedValue) {
-          return __spreadProps(__spreadValues({}, acc), { [key]: normalizedValue });
-        } else {
-          return acc;
-        }
-      } else if (propertyValue === "0") {
-        return __spreadProps(__spreadValues({}, acc), { [key]: 0 });
-      }
-    }
-    return __spreadProps(__spreadValues({}, acc), { [key]: propertyValue });
-  }, {});
-};
-export {
-  sanitizeReactNativeBlockStyles
-};

package/src/functions/set-editor-settings.js

@@ -1,15 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-const settings = {};
-function setEditorSettings(newSettings) {
-  if (isBrowser()) {
-    Object.assign(settings, newSettings);
-    const message = {
-      type: "builder.settingsChange",
-      data: settings
-    };
-    parent.postMessage(message, "*");
-  }
-}
-export {
-  setEditorSettings
-};

package/src/functions/set.js

@@ -1,11 +0,0 @@
-const set = (obj, _path, value) => {
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
-  return obj;
-};
-export {
-  set
-};

package/src/functions/set.test.js

@@ -1,16 +0,0 @@
-import { set } from "./set.js";
-test("can shallow set a property", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo", "baz");
-  expect(obj.foo).toBe("baz");
-});
-test("can deeply set a property", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo.bar", "baz");
-  expect(obj.foo.bar).toBe("baz");
-});
-test("can deeply create arrays", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo.bar.0", "hi");
-  expect(obj.foo.bar).toEqual(["hi"]);
-});

package/src/functions/track.js

@@ -1,124 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { TARGET } from "../constants/target.js";
-import { getSessionId } from "../helpers/sessionId.js";
-import { getVisitorId } from "../helpers/visitorId.js";
-import { isBrowser } from "./is-browser.js";
-import { isEditing } from "./is-editing.js";
-const getTrackingEventData = (_0) => __async(void 0, [_0], function* ({
-  canTrack
-}) {
-  if (!canTrack) {
-    return { visitorId: void 0, sessionId: void 0 };
-  }
-  const sessionId = yield getSessionId({ canTrack });
-  const visitorId = getVisitorId({ canTrack });
-  return {
-    sessionId,
-    visitorId
-  };
-});
-const createEvent = (_a) => __async(void 0, null, function* () {
-  var _b = _a, {
-    type: eventType,
-    canTrack,
-    apiKey,
-    metadata
-  } = _b, properties = __objRest(_b, [
-    "type",
-    "canTrack",
-    "apiKey",
-    "metadata"
-  ]);
-  return {
-    type: eventType,
-    data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, properties), {
-      metadata: JSON.stringify(metadata)
-    }), yield getTrackingEventData({ canTrack })), {
-      ownerId: apiKey
-    })
-  };
-});
-function _track(eventProps) {
-  return __async(this, null, function* () {
-    if (!eventProps.apiKey) {
-      console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
-      return;
-    }
-    if (!eventProps.canTrack) {
-      return;
-    }
-    if (isEditing()) {
-      return;
-    }
-    if (!(isBrowser() || TARGET === "reactNative")) {
-      return;
-    }
-    return fetch(`https://builder.io/api/v1/track`, {
-      method: "POST",
-      body: JSON.stringify({
-        events: [yield createEvent(eventProps)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((err) => {
-      console.error("Failed to track: ", err);
-    });
-  });
-}
-const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
-export {
-  _track,
-  track
-};

package/src/functions/transform-block-properties.js

@@ -1,6 +0,0 @@
-function transformBlockProperties(properties) {
-  return properties;
-}
-export {
-  transformBlockProperties
-};

package/src/functions/transform-block.js

@@ -1,6 +0,0 @@
-function transformBlock(block) {
-  return block;
-}
-export {
-  transformBlock
-};

package/src/helpers/ab-tests.js

@@ -1,16 +0,0 @@
-import { getCookie, setCookie } from "./cookie.js";
-const BUILDER_STORE_PREFIX = "builderio.variations";
-const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
-const getContentVariationCookie = ({
-  contentId,
-  canTrack
-}) => getCookie({ name: getContentTestKey(contentId), canTrack });
-const setContentVariationCookie = ({
-  contentId,
-  canTrack,
-  value
-}) => setCookie({ name: getContentTestKey(contentId), value, canTrack });
-export {
-  getContentVariationCookie,
-  setContentVariationCookie
-};

package/src/helpers/cookie.js

@@ -1,81 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { isBrowser } from "../functions/is-browser.js";
-import { checkIsDefined } from "./nullable.js";
-import { getTopLevelDomain } from "./url.js";
-const getCookie = (_0) => __async(void 0, [_0], function* ({
-  name,
-  canTrack
-}) {
-  var _a;
-  try {
-    if (!canTrack) {
-      return void 0;
-    }
-    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
-  } catch (err) {
-    console.debug("[COOKIE] GET error: ", err);
-    return void 0;
-  }
-});
-const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
-const SECURE_CONFIG = [
-  ["secure", ""],
-  ["SameSite", "None"]
-];
-const createCookieString = ({
-  name,
-  value,
-  expires
-}) => {
-  const secure = isBrowser() ? location.protocol === "https:" : true;
-  const secureObj = secure ? SECURE_CONFIG : [[]];
-  const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
-  const cookieValue = [
-    [name, value],
-    ...expiresObj,
-    ["path", "/"],
-    ["domain", getTopLevelDomain(window.location.hostname)],
-    ...secureObj
-  ];
-  const cookie = stringifyCookie(cookieValue);
-  return cookie;
-};
-const setCookie = (_0) => __async(void 0, [_0], function* ({
-  name,
-  value,
-  expires,
-  canTrack
-}) {
-  try {
-    if (!canTrack) {
-      return;
-    }
-    const cookie = createCookieString({ name, value, expires });
-    document.cookie = cookie;
-  } catch (err) {
-    console.warn("[COOKIE] SET error: ", err);
-  }
-});
-export {
-  getCookie,
-  setCookie
-};

package/src/helpers/css.js

@@ -1,34 +0,0 @@
-import { camelToKebabCase } from "../functions/camel-to-kebab-case.js";
-import { checkIsDefined } from "./nullable.js";
-const convertStyleMapToCSSArray = (style) => {
-  const cssProps = Object.entries(style).map(([key, value]) => {
-    if (typeof value === "string") {
-      return `${camelToKebabCase(key)}: ${value};`;
-    } else {
-      return void 0;
-    }
-  });
-  return cssProps.filter(checkIsDefined);
-};
-const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
-const createCssClass = ({
-  mediaQuery,
-  className,
-  styles
-}) => {
-  const cssClass = `.${className} {
-    ${convertStyleMapToCSS(styles)}
-  }`;
-  if (mediaQuery) {
-    return `${mediaQuery} {
-      ${cssClass}
-    }`;
-  } else {
-    return cssClass;
-  }
-};
-export {
-  convertStyleMapToCSS,
-  convertStyleMapToCSSArray,
-  createCssClass
-};

package/src/helpers/flatten.js

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function flatten(object, path = null, separator = ".") {
-  return Object.keys(object).reduce((acc, key) => {
-    const value = object[key];
-    const newPath = [path, key].filter(Boolean).join(separator);
-    const isObject = [
-      typeof value === "object",
-      value !== null,
-      !(Array.isArray(value) && value.length === 0)
-    ].every(Boolean);
-    return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
-  }, {});
-}
-export {
-  flatten
-};

package/src/helpers/localStorage.js

@@ -1,35 +0,0 @@
-import { isBrowser } from "../functions/is-browser.js";
-const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
-const getLocalStorageItem = ({
-  key,
-  canTrack
-}) => {
-  var _a;
-  try {
-    if (canTrack) {
-      return (_a = getLocalStorage()) == null ? void 0 : _a.getItem(key);
-    }
-    return void 0;
-  } catch (err) {
-    console.debug("[LocalStorage] GET error: ", err);
-    return void 0;
-  }
-};
-const setLocalStorageItem = ({
-  key,
-  canTrack,
-  value
-}) => {
-  var _a;
-  try {
-    if (canTrack) {
-      (_a = getLocalStorage()) == null ? void 0 : _a.setItem(key, value);
-    }
-  } catch (err) {
-    console.debug("[LocalStorage] SET error: ", err);
-  }
-};
-export {
-  getLocalStorageItem,
-  setLocalStorageItem
-};

package/src/helpers/nullable.js

@@ -1,4 +0,0 @@
-const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
-export {
-  checkIsDefined
-};