@builder.io/sdk-react-native 0.0.1-49 → 0.0.1-51

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

@@ -1,21 +1,20 @@
 import * as React from 'react';
-import { expect, test } from '@jest/globals';
-import { onChange } from './on-change';
-test('onChange can observe a shallow change', () => {
+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';
+  const obj = onChange({ foo: "hi" }, () => changeHappend = true);
+  obj.foo = "yo";
   expect(changeHappend).toBe(true);
 });
-test('onChange can observe a deep change', () => {
+test("onChange can observe a deep change", () => {
   let changeHappend = false;
-  const obj = onChange({ foo: { bar: 'hi' } }, () => (changeHappend = true));
-  obj.foo.bar = 'yo';
+  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', () => {
+test("Smoke test: callback is not fired if no properties updated", () => {
   let changeHappend = false;
-  const obj = onChange({ foo: { bar: 'hi' } }, () => (changeHappend = true));
+  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
   obj.foo.bar;
   expect(changeHappend).toBe(false);
 });

package/src/functions/previewing-model-name.js

@@ -1,10 +1,12 @@
 import * as React from 'react';
-import { isPreviewing } from './is-previewing';
+import { isPreviewing } from "./is-previewing.js";
 function previewingModelName() {
   if (!isPreviewing()) {
     return null;
   }
   const url = new URL(location.href);
-  return url.searchParams.get('builder.preview');
+  return url.searchParams.get("builder.preview");
 }
-export { previewingModelName };
+export {
+  previewingModelName
+};

package/src/functions/register-component.js

@@ -5,61 +5,50 @@ 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));
-import { isBrowser } from './is-browser';
-const components = {};
+import { fastClone } from "./fast-clone.js";
+const components = [];
 function registerComponent(component, info) {
-  var _a;
-  components[info.name] = { component, info };
-  if (isBrowser()) {
-    const sendInfo = prepareComponentInfoToSend(info);
-    (_a = window.parent) == null
-      ? void 0
-      : _a.postMessage(
-          {
-            type: 'builder.registerComponent',
-            data: sendInfo,
-          },
-          '*'
-        );
-  }
+  components.push({ 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 = ({
+  info
+}) => ({
+  type: "builder.registerComponent",
+  data: prepareComponentInfoToSend(fastClone(info))
+});
 function prepareComponentInfoToSend(info) {
-  return __spreadValues(
-    __spreadValues({}, info),
-    info.inputs && {
-      inputs: info.inputs.map((input) => {
-        const keysToConvertFnToString = ['onChange', 'showIf'];
-        for (const key of keysToConvertFnToString) {
-          if (input[key] && typeof input[key] === 'function') {
-            const fn = input[key];
-            input = __spreadProps(__spreadValues({}, input), {
-              [key]: `return (${fn.toString()}).apply(this, arguments)`,
-            });
-          }
+  return __spreadValues(__spreadValues({}, info), info.inputs && {
+    inputs: info.inputs.map((input) => {
+      const keysToConvertFnToString = ["onChange", "showIf"];
+      for (const key of keysToConvertFnToString) {
+        const fn = input[key];
+        if (fn && typeof fn === "function") {
+          input = __spreadProps(__spreadValues({}, input), {
+            [key]: `return (${fn.toString()}).apply(this, arguments)`
+          });
         }
-        return input;
-      }),
-    }
-  );
+      }
+      return input;
+    })
+  });
 }
-export { components, registerComponent };
+export {
+  components,
+  createRegisterComponentMessage,
+  registerComponent
+};

package/src/functions/register.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { isBrowser } from './is-browser';
+import { isBrowser } from "./is-browser.js";
 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.js";
 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.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 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 { TARGET } from "../constants/target.js";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function track(event, properties) {
-  if (!(isBrowser() || isReactNative())) {
+  if (isEditing()) {
+    return;
+  }
+  if (!(isBrowser() || TARGET === "reactNative")) {
     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

@@ -1,12 +1,12 @@
 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';
+import { default as default2 } from "../blocks/columns/columns.js";
+import { default as default3 } from "../blocks/image/image.js";
+import { default as default4 } from "../blocks/text/text.js";
+import { default as default5 } from "../blocks/symbol/symbol.js";
+import { default as default6 } from "../blocks/button/button.js";
+import { default as default7 } from "../blocks/section/section.js";
+import { default as default8 } from "../blocks/fragment/fragment.js";
+import { default as default9 } from "../components/render-content/render-content.js";
 export {
   default6 as Button,
   default2 as Columns,
@@ -15,5 +15,5 @@ export {
   default9 as RenderContent,
   default7 as Section,
   default5 as Symbol,
-  default4 as Text,
+  default4 as Text
 };

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

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

package/src/index.js

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import('./index-helpers/top-of-file');
-import { isEditing } from './functions/is-editing';
-if (isEditing()) {
-  import('./scripts/init-editing');
-}
-export * from './index-helpers/blocks-exports';
-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 * from './functions/get-builder-search-params';
+import "./index-helpers/top-of-file.js";
+import "./scripts/init-editing.js";
+export * from "./index-helpers/blocks-exports.js";
+export * from "./functions/is-editing.js";
+export * from "./functions/is-previewing.js";
+export * from "./functions/register-component.js";
+export * from "./functions/register.js";
+export * from "./functions/set-editor-settings.js";
+export * from "./functions/get-content/index.js";
+export * from "./functions/get-builder-search-params/index.js";

package/src/scripts/init-editing.js

@@ -1,95 +1,81 @@
 import * as React from 'react';
-var _a;
-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' },
-        ]),
-  ],
-});
-if (isBrowser()) {
-  (_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': {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error) {
-            (_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);
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "../functions/is-browser.js";
+import { isEditing } from "../functions/is-editing.js";
+import { register } from "../functions/register.js";
+const registerInsertMenu = () => {
+  register("insertMenu", {
+    name: "_default",
+    default: true,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      ...TARGET === "reactNative" ? [] : [
+        { name: "Core:Section" },
+        { name: "Core:Button" },
+        { name: "Embed" },
+        { name: "Custom Code" }
+      ]
+    ]
+  });
+};
+const setupBrowserForEditing = () => {
+  var _a;
+  if (isBrowser()) {
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.sdkInfo",
+      data: {
+        target: TARGET,
+        supportsPatchUpdates: false
+      }
+    }, "*");
+    window.addEventListener("message", ({ data }) => {
+      var _a2, _b;
+      if (data) {
+        switch (data.type) {
+          case "builder.evaluate": {
+            const text = data.data.text;
+            const args = data.data.arguments || [];
+            const id = data.data.id;
+            const fn = new Function(text);
+            let result;
+            let error = null;
+            try {
+              result = fn.apply(null, args);
+            } catch (err) {
+              error = err;
+            }
+            if (error) {
+              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                type: "builder.evaluateError",
+                data: { id, error: error.message }
+              }, "*");
             } else {
-              (_b = window.parent) == null
-                ? void 0
-                : _b.postMessage(
-                    {
-                      type: 'builder.evaluateResult',
-                      data: { result, id },
-                    },
-                    '*'
-                  );
+              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 }
+                }, "*");
+              }
             }
+            break;
           }
-          break;
         }
       }
-    }
-  });
+    });
+  }
+};
+if (isEditing()) {
+  registerInsertMenu();
+  setupBrowserForEditing();
 }

package/src/types/components.js

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

package/src/types/element.js

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

package/src/types/targets.js

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

package/src/types/typescript.js

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