@builder.io/sdk-react-native 0.0.1-44 → 0.0.1-50

package/src/functions/register.js

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

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

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

package/src/functions/set.js

@@ -3,19 +3,10 @@ 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;
+  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 };
+export {
+  set
+};

package/src/functions/set.test.js

@@ -1,18 +1,17 @@
 import * as React from 'react';
-import { expect, test } from '@jest/globals';
-import { set } from './set';
-test('can shallow set a property', () => {
-  const obj = { foo: 'bar' };
-  set(obj, 'foo', 'baz');
-  expect(obj.foo).toBe('baz');
+import { set } from "./set";
+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 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']);
+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,17 +1,23 @@
 import * as React from 'react';
-import { isBrowser } from './is-browser';
-import { isReactNative } from './is-react-native';
+import { isBrowser } from "./is-browser";
+import { isEditing } from "./is-editing";
+import { isReactNative } from "./is-react-native";
 function track(event, properties) {
+  if (isEditing()) {
+    return;
+  }
   if (!(isBrowser() || isReactNative())) {
     return;
   }
   return fetch(`https://builder.io/api/v1/track`, {
-    method: 'POST',
+    method: "POST",
     body: JSON.stringify({ events: [{ type: event, data: properties }] }),
     headers: {
-      'content-type': 'application/json',
+      "content-type": "application/json"
     },
-    mode: 'cors',
+    mode: "cors"
   });
 }
-export { track };
+export {
+  track
+};

package/src/functions/transform-block.js

@@ -5,38 +5,34 @@ 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 __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 (__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]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function transformBlock(block) {
-  if (block.id.startsWith('builder-pixel-') && !block.component) {
+  if (block.id.startsWith("builder-pixel-") && !block.component) {
     return __spreadProps(__spreadValues({}, block), {
       component: {
-        name: 'Image',
+        name: "Image",
         options: {
           image: block.properties.src,
           width: 1,
-          height: 1,
-        },
-      },
+          height: 1
+        }
+      }
     });
   }
   return block;
 }
-export { transformBlock };
+export {
+  transformBlock
+};

package/src/index-helpers/blocks-exports.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { default as default2 } from "../blocks/columns";
+import { default as default3 } from "../blocks/image";
+import { default as default4 } from "../blocks/text";
+import { default as default5 } from "../blocks/symbol";
+import { default as default6 } from "../blocks/button";
+import { default as default7 } from "../blocks/section";
+import { default as default8 } from "../blocks/fragment";
+import { default as default9 } from "../components/render-content";
+export {
+  default6 as Button,
+  default2 as Columns,
+  default8 as Fragment,
+  default3 as Image,
+  default9 as RenderContent,
+  default7 as Section,
+  default5 as Symbol,
+  default4 as Text
+};

package/src/index-helpers/top-of-file.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+import "react-native-url-polyfill/auto";

package/src/index.js

@@ -1,29 +1,14 @@
 import * as React from 'react';
-import 'react-native-url-polyfill/auto';
-import { isEditing } from './functions/is-editing';
+import("./index-helpers/top-of-file");
+import { isEditing } from "./functions/is-editing";
 if (isEditing()) {
-  import('./scripts/init-editing');
+  import("./scripts/init-editing");
 }
-import { default as default2 } from './blocks/columns';
-import { default as default3 } from './blocks/image';
-import { default as default4 } from './blocks/text';
-import { default as default5 } from './blocks/symbol';
-import { default as default6 } from './blocks/section';
-import { default as default7 } from './blocks/fragment';
-import { default as default8 } from './components/render-content';
-import { default as default9 } from './blocks/button';
-export * from './functions/is-editing';
-export * from './functions/register-component';
-export * from './functions/register';
-export * from './functions/set-editor-settings';
-export * from './functions/get-content';
-export {
-  default9 as Button,
-  default2 as Columns,
-  default7 as Fragment,
-  default3 as Image,
-  default8 as RenderContent,
-  default6 as Section,
-  default5 as Symbol,
-  default4 as Text,
-};
+export * from "./index-helpers/blocks-exports";
+export * from "./functions/is-editing";
+export * from "./functions/is-previewing";
+export * from "./functions/register-component";
+export * from "./functions/register";
+export * from "./functions/set-editor-settings";
+export * from "./functions/get-content";
+export * from "./functions/get-builder-search-params";

package/src/scripts/init-editing.js

@@ -1,43 +1,36 @@
 import * as React from 'react';
 var _a;
-import { isBrowser } from '../functions/is-browser';
-import { register } from '../functions/register';
-register('insertMenu', {
-  name: '_default',
+import { isBrowser } from "../functions/is-browser";
+import { register } from "../functions/register";
+register("insertMenu", {
+  name: "_default",
   default: true,
   items: [
-    { name: 'Box' },
-    { name: 'Text' },
-    { name: 'Image' },
-    { name: 'Columns' },
-    ...(true
-      ? []
-      : [
-          { name: 'Core:Section' },
-          { name: 'Core:Button' },
-          { name: 'Embed' },
-          { name: 'Custom Code' },
-        ]),
-  ],
+    { name: "Box" },
+    { name: "Text" },
+    { name: "Image" },
+    { name: "Columns" },
+    ...true ? [] : [
+      { name: "Core:Section" },
+      { name: "Core:Button" },
+      { name: "Embed" },
+      { name: "Custom Code" }
+    ]
+  ]
 });
 if (isBrowser()) {
-  (_a = window.parent) == null
-    ? void 0
-    : _a.postMessage(
-        {
-          type: 'builder.sdkInfo',
-          data: {
-            target: 'reactNative',
-            supportsPatchUpdates: false,
-          },
-        },
-        '*'
-      );
-  window.addEventListener('message', ({ data }) => {
+  (_a = window.parent) == null ? void 0 : _a.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: "reactNative",
+      supportsPatchUpdates: false
+    }
+  }, "*");
+  window.addEventListener("message", ({ data }) => {
     var _a2, _b;
     if (data) {
       switch (data.type) {
-        case 'builder.evaluate': {
+        case "builder.evaluate": {
           const text = data.data.text;
           const args = data.data.arguments || [];
           const id = data.data.id;
@@ -50,41 +43,24 @@ if (isBrowser()) {
             error = err;
           }
           if (error) {
-            (_a2 = window.parent) == null
-              ? void 0
-              : _a2.postMessage(
-                  {
-                    type: 'builder.evaluateError',
-                    data: { id, error: error.message },
-                  },
-                  '*'
-                );
+            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+              type: "builder.evaluateError",
+              data: { id, error: error.message }
+            }, "*");
           } else {
-            if (result && typeof result.then === 'function') {
-              result
-                .then((finalResult) => {
-                  var _a3;
-                  (_a3 = window.parent) == null
-                    ? void 0
-                    : _a3.postMessage(
-                        {
-                          type: 'builder.evaluateResult',
-                          data: { id, result: finalResult },
-                        },
-                        '*'
-                      );
-                })
-                .catch(console.error);
+            if (result && typeof result.then === "function") {
+              result.then((finalResult) => {
+                var _a3;
+                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                  type: "builder.evaluateResult",
+                  data: { id, result: finalResult }
+                }, "*");
+              }).catch(console.error);
             } else {
-              (_b = window.parent) == null
-                ? void 0
-                : _b.postMessage(
-                    {
-                      type: 'builder.evaluateResult',
-                      data: { result, id },
-                    },
-                    '*'
-                  );
+              (_b = window.parent) == null ? void 0 : _b.postMessage({
+                type: "builder.evaluateResult",
+                data: { result, id }
+              }, "*");
             }
           }
           break;

package/src/types/typescript.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/src/functions/get-content.js

@@ -1,152 +0,0 @@
-import * as React from 'react';
-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 { getFetch } from './get-fetch';
-const fetch = getFetch();
-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 });
-  }, {});
-}
-function getContent(options) {
-  return __async(this, null, function* () {
-    return (
-      (yield getAllContent(
-        __spreadProps(__spreadValues({}, options), { limit: 1 })
-      )).results[0] || null
-    );
-  });
-}
-function getAllContent(options) {
-  return __async(this, null, function* () {
-    const { model, apiKey } = options;
-    const { limit, testGroups, userAttributes, query, noTraverse } =
-      __spreadValues(
-        {
-          limit: 1,
-          userAttributes: null,
-          testGroups: null,
-          noTraverse: false,
-        },
-        options
-      );
-    const url = new URL(
-      `https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`
-    );
-    if (options.options) {
-      const flattened = flatten(options.options);
-      for (const key in flattened) {
-        url.searchParams.set(key, String(flattened[key]));
-      }
-    }
-    if (userAttributes) {
-      url.searchParams.set('userAttributes', JSON.stringify(userAttributes));
-    }
-    if (query) {
-      const flattened = flatten({ query });
-      for (const key in flattened) {
-        url.searchParams.set(key, JSON.stringify(flattened[key]));
-      }
-    }
-    const content = yield fetch(url.href).then((res) => res.json());
-    if (testGroups) {
-      for (const item of content.results) {
-        if (item.variations && Object.keys(item.variations).length) {
-          const testGroup = testGroups[item.id];
-          const variationValue = item.variations[testGroup];
-          if (testGroup && variationValue) {
-            item.data = variationValue.data;
-            item.testVariationId = variationValue.id;
-            item.testVariationName = variationValue.name;
-          } else {
-            let n = 0;
-            const random = Math.random();
-            let set = false;
-            for (const id in item.variations) {
-              const variation = item.variations[id];
-              const testRatio = variation.testRatio;
-              n += testRatio;
-              if (random < n) {
-                const variationName =
-                  variation.name ||
-                  (variation.id === item.id ? 'Default variation' : '');
-                set = true;
-                Object.assign(item, {
-                  data: variation.data,
-                  testVariationId: variation.id,
-                  testVariationName: variationName,
-                });
-              }
-            }
-            if (!set) {
-              Object.assign(item, {
-                testVariationId: item.id,
-                testVariationName: 'Default',
-              });
-            }
-          }
-        }
-      }
-    }
-    return content;
-  });
-}
-export { getAllContent, getContent };

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

@@ -1,58 +0,0 @@
-import * as React from 'react';
-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 fetchMock from 'jest-fetch-mock';
-fetchMock.enableMocks();
-import { test, beforeEach, expect } from '@jest/globals';
-import { getContent } from './get-content';
-const testKey = 'YJIGb4i01jvw0SRdL5Bt';
-const testModel = 'page';
-const testId = 'c1b81bab59704599b997574eb0736def';
-beforeEach(() => {});
-test.skip('Get content', () =>
-  __async(void 0, null, function* () {
-    var _a, _b;
-    expect(
-      (_a = yield getContent({
-        apiKey: testKey,
-        model: testModel,
-        query: {
-          id: testId,
-        },
-      })) == null
-        ? void 0
-        : _a.id
-    ).toEqual(testId);
-    expect(
-      (_b = yield getContent({
-        apiKey: testKey,
-        model: testModel,
-        userAttributes: {
-          urlPath: '/test-page',
-        },
-      })) == null
-        ? void 0
-        : _b.id
-    ).toEqual(testId);
-  }));