@builder.io/sdk-react-native 0.0.6-0 → 0.0.6-1

package/src/functions/get-builder-search-params/index.js

@@ -1,37 +0,0 @@
-import { isBrowser } from "../is-browser.js";
-const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
-const convertSearchParamsToQueryObject = (searchParams) => {
-  const options = {};
-  searchParams.forEach((value, key) => {
-    options[key] = value;
-  });
-  return options;
-};
-const getBuilderSearchParams = (_options) => {
-  if (!_options) {
-    return {};
-  }
-  const options = normalizeSearchParams(_options);
-  const newOptions = {};
-  Object.keys(options).forEach((key) => {
-    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "");
-      newOptions[trimmedKey] = options[key];
-    }
-  });
-  return newOptions;
-};
-const getBuilderSearchParamsFromWindow = () => {
-  if (!isBrowser()) {
-    return {};
-  }
-  const searchParams = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(searchParams);
-};
-const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
-export {
-  convertSearchParamsToQueryObject,
-  getBuilderSearchParams,
-  getBuilderSearchParamsFromWindow,
-  normalizeSearchParams
-};

package/src/functions/get-content/ab-testing.js

@@ -1,84 +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 {
-  getContentVariationCookie,
-  setContentVariationCookie
-} from "../../helpers/ab-tests.js";
-const getRandomTestGroupId = (variations) => {
-  let n = 0;
-  const random = Math.random();
-  for (const id in variations) {
-    const testRatio = variations[id].testRatio;
-    n += testRatio;
-    if (random < n) {
-      return id;
-    }
-  }
-  return void 0;
-};
-const getContentVariation = (_0) => __async(void 0, [_0], function* ({
-  item,
-  orgId
-}) {
-  if (!item.id || !item.variations || Object.keys(item.variations).length === 0) {
-    return;
-  }
-  const testGroupId = yield getContentVariationCookie({
-    canTrack: true,
-    contentId: item.id,
-    orgId
-  });
-  console.log("found test group id", testGroupId);
-  const variationValue = testGroupId ? item.variations[testGroupId] : void 0;
-  if (variationValue) {
-    return variationValue;
-  } else {
-    const randomTestGroupId = getRandomTestGroupId(item.variations);
-    if (randomTestGroupId) {
-      yield setContentVariationCookie({
-        contentId: item.id,
-        value: randomTestGroupId,
-        canTrack: true,
-        orgId
-      });
-    }
-    const randomVariationValue = randomTestGroupId ? item.variations[randomTestGroupId] : void 0;
-    return randomVariationValue;
-  }
-});
-const handleABTesting = (_0) => __async(void 0, [_0], function* ({
-  item,
-  orgId
-}) {
-  const variationValue = yield getContentVariation({ item, orgId });
-  const newValues = variationValue ? {
-    data: variationValue.data,
-    testVariationId: variationValue.id,
-    testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
-  } : {
-    testVariationId: item.id,
-    testVariationName: "Default"
-  };
-  Object.assign(item, newValues);
-});
-export {
-  handleABTesting
-};

package/src/functions/get-content/fn.test.js

@@ -1,31 +0,0 @@
-import { generateContentUrl } from ".";
-const testKey = "YJIGb4i01jvw0SRdL5Bt";
-const testModel = "page";
-const testId = "c1b81bab59704599b997574eb0736def";
-const options = {
-  cachebust: "true",
-  noCache: "true",
-  "overrides.037948e52eaf4743afed464f02c70da4": "037948e52eaf4743afed464f02c70da4",
-  "overrides.page": "037948e52eaf4743afed464f02c70da4",
-  "overrides.page:/": "037948e52eaf4743afed464f02c70da4",
-  preview: "page"
-};
-describe("Generate Content URL", () => {
-  test("generates the proper value for a simple query", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId }
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("Handles overrides correctly", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId },
-      options
-    });
-    expect(output).toMatchSnapshot();
-  });
-});

package/src/functions/get-content/index.js

@@ -1,93 +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 __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 { flatten } from "../../helpers/flatten.js";
-import {
-  getBuilderSearchParamsFromWindow,
-  normalizeSearchParams
-} from "../get-builder-search-params/index.js";
-import { getFetch } from "../get-fetch.js";
-import { handleABTesting } from "./ab-testing.js";
-function getContent(options) {
-  return __async(this, null, function* () {
-    return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
-  });
-}
-const generateContentUrl = (options) => {
-  const {
-    limit = 30,
-    userAttributes,
-    query,
-    noTraverse = false,
-    model,
-    apiKey
-  } = options;
-  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
-  const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
-  const flattened = flatten(queryOptions);
-  for (const key in flattened) {
-    url.searchParams.set(key, String(flattened[key]));
-  }
-  if (userAttributes) {
-    url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
-  }
-  if (query) {
-    const flattened2 = flatten({ query });
-    for (const key in flattened2) {
-      url.searchParams.set(key, JSON.stringify(flattened2[key]));
-    }
-  }
-  return url;
-};
-function getAllContent(options) {
-  return __async(this, null, function* () {
-    const url = generateContentUrl(options);
-    const fetch = yield getFetch();
-    const content = yield fetch(url.href).then((res) => res.json());
-    for (const item of content.results) {
-      yield handleABTesting({ item, orgId: options.apiKey });
-    }
-    return content;
-  });
-}
-export {
-  generateContentUrl,
-  getAllContent,
-  getContent
-};

package/src/functions/get-fetch.js

@@ -1,34 +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 { getGlobalThis } from "./get-global-this.js";
-function getFetch() {
-  return __async(this, null, function* () {
-    const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
-      const nodeFetch = import("node-fetch").then((d) => d.default);
-      return nodeFetch.default || nodeFetch;
-    }
-    return globalFetch.default || globalFetch;
-  });
-}
-export {
-  getFetch
-};

package/src/functions/get-global-this.js

@@ -1,18 +0,0 @@
-function getGlobalThis() {
-  if (typeof globalThis !== "undefined") {
-    return globalThis;
-  }
-  if (typeof window !== "undefined") {
-    return window;
-  }
-  if (typeof global !== "undefined") {
-    return global;
-  }
-  if (typeof self !== "undefined") {
-    return self;
-  }
-  return null;
-}
-export {
-  getGlobalThis
-};

package/src/functions/get-processed-block.js

@@ -1,57 +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));
-import { evaluate } from "./evaluate.js";
-import { set } from "./set.js";
-import { transformBlock } from "./transform-block.js";
-const evaluateBindings = ({
-  block,
-  context,
-  state
-}) => {
-  if (!block.bindings) {
-    return block;
-  }
-  const copied = __spreadProps(__spreadValues({}, block), {
-    properties: __spreadValues({}, block.properties),
-    actions: __spreadValues({}, block.actions)
-  });
-  for (const binding in block.bindings) {
-    const expression = block.bindings[binding];
-    const value = evaluate({ code: expression, state, context });
-    set(copied, binding, value);
-  }
-  return copied;
-};
-function getProcessedBlock({
-  block,
-  context,
-  shouldEvaluateBindings,
-  state
-}) {
-  const transformedBlock = transformBlock(block);
-  if (shouldEvaluateBindings) {
-    return evaluateBindings({ block: transformedBlock, state, context });
-  } else {
-    return transformedBlock;
-  }
-}
-export {
-  getProcessedBlock
-};

package/src/functions/get-processed-block.test.js

@@ -1,32 +0,0 @@
-import { getProcessedBlock } from "./get-processed-block.js";
-test("Can process bindings", () => {
-  var _a, _b, _c, _d, _e, _f;
-  const block = {
-    "@type": "@builder.io/sdk:Element",
-    properties: {
-      foo: "bar"
-    },
-    bindings: {
-      "properties.foo": '"baz"',
-      "responsiveStyles.large.zIndex": "1 + 1",
-      "properties.test": "state.test",
-      "properties.block": `
-        const foo = 'bar';
-        return foo;
-      `,
-      "properties.isEditing": "builder.isEditing"
-    }
-  };
-  const processed = getProcessedBlock({
-    block,
-    context: {},
-    state: { test: "hello" },
-    shouldEvaluateBindings: true
-  });
-  expect(processed).not.toEqual(block);
-  expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
-  expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
-  expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
-  expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
-  expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
-});

package/src/functions/if-target.js

@@ -1,15 +0,0 @@
-import { TARGET } from "../constants/target.js";
-function ifTarget({
-  targets,
-  doThing,
-  elseThing
-}) {
-  if (TARGET && targets.includes(TARGET)) {
-    return doThing();
-  } else {
-    return elseThing == null ? void 0 : elseThing();
-  }
-}
-export {
-  ifTarget
-};

package/src/functions/is-browser.js

@@ -1,6 +0,0 @@
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
-export {
-  isBrowser
-};

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/mark-mutable.js

@@ -1,10 +0,0 @@
-function markMutable(value) {
-  return value;
-}
-function markPropsMutable(props) {
-  return props;
-}
-export {
-  markMutable,
-  markPropsMutable
-};

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,72 +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;
-};
-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 fastClone = (obj) => JSON.parse(JSON.stringify(obj));
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeFn = (fnValue) => {
-  const fnStr = fnValue.toString().trim();
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-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-styles.js

@@ -1,62 +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 sanitizeBlockStyles = (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" && propertyValue.match(/^-?(\d*)(\.?)(\d*)*px/)) {
-      const newValue = parseFloat(propertyValue);
-      const normalizedValue = normalizeNumber(newValue);
-      if (normalizedValue) {
-        const valueWithUnits = propertyValue.endsWith("%") ? `${normalizedValue}%` : "";
-        return __spreadProps(__spreadValues({}, acc), { [key]: valueWithUnits });
-      } else {
-        return acc;
-      }
-    }
-    return __spreadProps(__spreadValues({}, acc), { [key]: propertyValue });
-  }, {});
-};
-export {
-  sanitizeBlockStyles
-};