@builder.io/sdk-react-native 0.0.1-33 → 0.0.1-37

package/src/components/render-content.js

@@ -20,7 +20,9 @@ function RenderContent(props) {
   const [context, setContext] = useState(() => ({}));
   const [overrideContent, setOverrideContent] = useState(() => null);
   function getCssFromFont(font, data) {
-    const family = font.family + (font.kind && !font.kind.includes('#') ? ', ' + font.kind : '');
+    const family =
+      font.family +
+      (font.kind && !font.kind.includes('#') ? ', ' + font.kind : '');
     const name = family.split(',')[0];
     const url = font.fileUrl ? font.fileUrl : font.files && font.files.regular;
     let str = '';
@@ -59,7 +61,9 @@ function RenderContent(props) {
     return (
       ((data == null ? void 0 : data.customFonts) &&
         data.customFonts.length &&
-        data.customFonts.map(font => this.getCssFromFont(font, data)).join(' ')) ||
+        data.customFonts
+          .map((font) => this.getCssFromFont(font, data))
+          .join(' ')) ||
       ''
     );
   }
@@ -68,7 +72,11 @@ function RenderContent(props) {
     if (data) {
       switch (data.type) {
         case 'builder.contentUpdate': {
-          const key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
+          const key =
+            data.data.key ||
+            data.data.alias ||
+            data.data.entry ||
+            data.data.modelName;
           const contentData = data.data.data;
           if (key === props.model) {
             setOverrideContent(contentData);
@@ -107,7 +115,7 @@ function RenderContent(props) {
               model: props.model,
               apiKey,
               options,
-            }).then(content => {
+            }).then((content) => {
               if (content) {
                 setOverrideContent(content);
               }
@@ -139,7 +147,7 @@ function RenderContent(props) {
           /* @__PURE__ */ React.createElement(
             View,
             {
-              onClick: event => {
+              onClick: (event) => {
                 if (!isEditing()) {
                   track('click', {
                     contentId: useContent().id,
@@ -147,37 +155,53 @@ function RenderContent(props) {
                 }
               },
               'data-builder-content-id':
-                (_a = useContent == null ? void 0 : useContent()) == null ? void 0 : _a.id,
+                (_a = useContent == null ? void 0 : useContent()) == null
+                  ? void 0
+                  : _a.id,
             },
-            (((_c = (_b = useContent == null ? void 0 : useContent()) == null ? void 0 : _b.data) ==
-            null
+            (((_c =
+              (_b = useContent == null ? void 0 : useContent()) == null
+                ? void 0
+                : _b.data) == null
               ? void 0
               : _c.cssCode) ||
               (((_e =
-                (_d = useContent == null ? void 0 : useContent()) == null ? void 0 : _d.data) ==
-              null
+                (_d = useContent == null ? void 0 : useContent()) == null
+                  ? void 0
+                  : _d.data) == null
                 ? void 0
                 : _e.customFonts) &&
                 ((_g =
-                  (_f = useContent == null ? void 0 : useContent()) == null ? void 0 : _f.data) ==
-                null
+                  (_f = useContent == null ? void 0 : useContent()) == null
+                    ? void 0
+                    : _f.data) == null
                   ? void 0
                   : _g.customFonts.length))) &&
               !isReactNative()
               ? /* @__PURE__ */ React.createElement(
                   View,
                   null,
-                  /* @__PURE__ */ React.createElement(Text, null, useContent().data.cssCode),
-                  /* @__PURE__ */ React.createElement(Text, null, getFontCss(useContent().data))
+                  /* @__PURE__ */ React.createElement(
+                    Text,
+                    null,
+                    useContent().data.cssCode
+                  ),
+                  /* @__PURE__ */ React.createElement(
+                    Text,
+                    null,
+                    getFontCss(useContent().data)
+                  )
                 )
               : null,
             (_j =
-              (_i = (_h = useContent == null ? void 0 : useContent()) == null ? void 0 : _h.data) ==
-              null
+              (_i =
+                (_h = useContent == null ? void 0 : useContent()) == null
+                  ? void 0
+                  : _h.data) == null
                 ? void 0
                 : _i.blocks) == null
               ? void 0
-              : _j.map(block =>
+              : _j.map((block) =>
                   /* @__PURE__ */ React.createElement(RenderBlock, {
                     key: block.id,
                     block,

package/src/components/render-content.lite.tsx

@@ -28,7 +28,9 @@ export default function RenderContent(props) {
 
   function getCssFromFont(font, data) {
     // TODO: compute what font sizes are used and only load those.......
-    const family = font.family + (font.kind && !font.kind.includes('#') ? ', ' + font.kind : '');
+    const family =
+      font.family +
+      (font.kind && !font.kind.includes('#') ? ', ' + font.kind : '');
     const name = family.split(',')[0];
     const url = font.fileUrl ? font.fileUrl : font.files && font.files.regular;
     let str = '';
@@ -79,7 +81,9 @@ export default function RenderContent(props) {
     return (
       (data?.customFonts &&
         data.customFonts.length &&
-        data.customFonts.map(font => this.getCssFromFont(font, data)).join(' ')) ||
+        data.customFonts
+          .map((font) => this.getCssFromFont(font, data))
+          .join(' ')) ||
       ''
     );
   }
@@ -90,7 +94,11 @@ export default function RenderContent(props) {
     if (data) {
       switch (data.type) {
         case 'builder.contentUpdate': {
-          const key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
+          const key =
+            data.data.key ||
+            data.data.alias ||
+            data.data.entry ||
+            data.data.modelName;
           const contentData = data.data.data; // oof
 
           if (key === props.model) {
@@ -138,7 +146,7 @@ export default function RenderContent(props) {
               model: props.model,
               apiKey,
               options,
-            }).then(content => {
+            }).then((content) => {
               if (content) {
                 setOverrideContent(content);
               }
@@ -168,7 +176,7 @@ export default function RenderContent(props) {
       {useContent() ? (
         <>
           <View
-            onClick={event => {
+            onClick={(event) => {
               if (!isEditing()) {
                 track('click', {
                   contentId: useContent().id,
@@ -178,7 +186,8 @@ export default function RenderContent(props) {
             data-builder-content-id={useContent?.()?.id}
           >
             {(useContent?.()?.data?.cssCode ||
-              (useContent?.()?.data?.customFonts && useContent?.()?.data?.customFonts.length)) &&
+              (useContent?.()?.data?.customFonts &&
+                useContent?.()?.data?.customFonts.length)) &&
             !isReactNative() ? (
               <View>
                 <Text>{useContent().data.cssCode}</Text>
@@ -187,7 +196,7 @@ export default function RenderContent(props) {
               </View>
             ) : null}
 
-            {useContent?.()?.data?.blocks?.map(block => (
+            {useContent?.()?.data?.blocks?.map((block) => (
               <RenderBlock key={block.id} block={block} />
             ))}
           </View>

package/src/functions/evaluate.js

@@ -14,15 +14,16 @@ function evaluate(options) {
   );
   const useCode = `${useReturn ? `return (${code});` : code}`;
   try {
-    return new Function('builder', 'Builder', 'state', 'context', 'event', useCode)(
-      builder,
-      builder,
-      options.state,
-      options.context,
-      options.event
-    );
+    return new Function(
+      'builder',
+      'Builder',
+      'state',
+      'context',
+      'event',
+      useCode
+    )(builder, builder, options.state, options.context, options.event);
   } catch (e) {
-    console.warn('Builder custom code error', e);
+    console.warn('Builder custom code error: ', e);
   }
 }
 export { evaluate };

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

@@ -7,8 +7,11 @@ function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
     for (const key in options.block.actions) {
+      if (!options.block.actions.hasOwnProperty(key)) {
+        continue;
+      }
       const value = options.block.actions[key];
-      obj['on' + capitalizeFirstLetter(key)] = event =>
+      obj['on' + capitalizeFirstLetter(key)] = (event) =>
         evaluate({
           code: value,
           context: options.context,

package/src/functions/get-block-component-options.js

@@ -5,10 +5,16 @@ 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 })
+    ? __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]);
+  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]);

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

@@ -7,10 +7,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -23,7 +29,7 @@ import { isBrowser } from './is-browser';
 import { isReactNative } from './is-react-native';
 function getBlockProperties(block) {
   return __spreadProps(__spreadValues({}, block.properties), {
-    ref: ref => {
+    ref: (ref) => {
       if (isBrowser() && !isReactNative()) {
         const el = findDOMNode(ref);
         if (el) {

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

@@ -5,10 +5,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -29,7 +35,7 @@ function validateReactNativeStyles(styles) {
       }
       delete styles[key];
     }
-    if (typeof propertyValue === 'string' && propertyValue.match(/^\d/)) {
+    if (typeof propertyValue === 'string' && propertyValue.match(/^\-?\d/)) {
       const newValue = parseFloat(propertyValue);
       if (!isNaN(newValue)) {
         styles[key] = newValue;
@@ -38,9 +44,14 @@ function validateReactNativeStyles(styles) {
         styles[key] = 0;
       }
     }
-    if (propertiesThatMustBeNumber.has(key) && typeof styles[key] !== 'number') {
+    if (
+      propertiesThatMustBeNumber.has(key) &&
+      typeof styles[key] !== 'number'
+    ) {
       if (SHOW_WARNINGS) {
-        console.warn(`Style key ${key} must be a number, but had value \`${styles[key]}\``);
+        console.warn(
+          `Style key ${key} must be a number, but had value \`${styles[key]}\``
+        );
       }
       delete styles[key];
     }
@@ -49,7 +60,10 @@ function validateReactNativeStyles(styles) {
 function getBlockStyles(block) {
   var _a, _b, _c;
   const styles = __spreadValues(
-    __spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large),
+    __spreadValues(
+      {},
+      (_a = block.responsiveStyles) == null ? void 0 : _a.large
+    ),
     block.styles
   );
   if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {

package/src/functions/get-content.js

@@ -7,10 +7,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -20,22 +26,24 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = value => {
+    var fulfilled = (value) => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = value => {
+    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);
+    var step = (x) =>
+      x.done
+        ? resolve(x.value)
+        : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -51,15 +59,19 @@ function flatten(object, path = null, separator = '.') {
       !(Array.isArray(value) && value.length === 0),
     ].every(Boolean);
     return isObject
-      ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator))
+      ? __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
+      (yield getAllContent(
+        __spreadProps(__spreadValues({}, options), { limit: 1 })
+      )).results[0] || null
     );
   });
 }
@@ -92,7 +104,7 @@ function getAllContent(options) {
         url.searchParams.set(key, JSON.stringify(flattened[key]));
       }
     }
-    const content = yield fetch(url.href).then(res => res.json());
+    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) {
@@ -112,7 +124,8 @@ function getAllContent(options) {
               n += testRatio;
               if (random < n) {
                 const variationName =
-                  variation.name || (variation.id === item.id ? 'Default variation' : '');
+                  variation.name ||
+                  (variation.id === item.id ? 'Default variation' : '');
                 set = true;
                 Object.assign(item, {
                   data: variation.data,

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

@@ -1,22 +1,24 @@
 import * as React from 'react';
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = value => {
+    var fulfilled = (value) => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = value => {
+    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);
+    var step = (x) =>
+      x.done
+        ? resolve(x.value)
+        : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };

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

@@ -7,10 +7,16 @@ 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 })
+    ? __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]);
+  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]);

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

@@ -17,7 +17,11 @@ test('Can process bindings', () => {
       'properties.isEditing': 'builder.isEditing',
     },
   };
-  const processed = getProcessedBlock({ block, context: {}, state: { test: 'hello' } });
+  const processed = getProcessedBlock({
+    block,
+    context: {},
+    state: { test: 'hello' },
+  });
   expect(processed).not.toEqual(block);
   expect(processed.properties.foo).toEqual('baz');
   expect(processed.properties.test).toEqual('hello');

package/src/functions/is-browser.js

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { isReactNative } from './is-react-native';
 function isBrowser() {
-  return typeof window !== 'undefined' && typeof document !== 'undefined' && !isReactNative();
+  return (
+    typeof window !== 'undefined' &&
+    typeof document !== 'undefined' &&
+    !isReactNative()
+  );
 }
 export { isBrowser };

package/src/functions/is-editing.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { isIframe } from './is-iframe';
 function isEditing() {
-  return isIframe() && window.location.search.indexOf('builder.frameEditing=') !== -1;
+  return (
+    isIframe() && window.location.search.indexOf('builder.frameEditing=') !== -1
+  );
 }
 export { isEditing };

package/src/functions/register-component.js

@@ -7,10 +7,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -41,7 +47,7 @@ function prepareComponentInfoToSend(info) {
   return __spreadValues(
     __spreadValues({}, info),
     info.inputs && {
-      inputs: info.inputs.map(input => {
+      inputs: info.inputs.map((input) => {
         const keysToConvertFnToString = ['onChange', 'showIf'];
         for (const key of keysToConvertFnToString) {
           if (input[key] && typeof input[key] === 'function') {

package/src/functions/set.js

@@ -3,14 +3,17 @@ const set = (obj, _path, value) => {
   if (Object(obj) !== obj) {
     return obj;
   }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
+  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] ? [] : {}),
+          : (a[c] =
+              Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}),
       obj
     )[path[path.length - 1]] = value;
   return obj;

package/src/index.js

@@ -6,22 +6,21 @@ if (isEditing()) {
 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/video';
-import { default as default6 } from './blocks/symbol';
-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 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';
+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 {
   default2 as Columns,
-  default8 as Fragment,
+  default7 as Fragment,
   default3 as Image,
-  default9 as RenderContent,
-  default7 as Section,
-  default6 as Symbol,
+  default8 as RenderContent,
+  default6 as Section,
+  default5 as Symbol,
   default4 as Text,
-  default5 as Video,
 };

package/src/scripts/init-editing.js

@@ -62,7 +62,7 @@ if (isBrowser()) {
           } else {
             if (result && typeof result.then === 'function') {
               result
-                .then(finalResult => {
+                .then((finalResult) => {
                   var _a3;
                   (_a3 = window.parent) == null
                     ? void 0

package/src/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "@builder.io/sdk-react-native",
-  "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-1",
-  "main": "src/index.js",
-  "scripts": {
-    "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
-  },
-  "dependencies": {
-    "react-native-render-html": "^5.1.1"
-  },
-  "peerDependencies": {
-    "react-native": "^0.64.2"
-  },
-  "devDependencies": {
-    "react-native": "^0.64.2"
-  }
-}