@builder.io/sdk-react-native 0.0.1-31 → 0.0.1-35

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

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext, useEffect } from 'react';
-import { isBrowser } from '../functions/is-browser';
-import RenderBlock from './render-block.lite';
-import BuilderContext from '../context/builder.context.lite';
-import { track } from '../functions/track';
-import { ifTarget } from '../functions/if-target';
-import { onChange } from '../functions/on-change';
-import { isReactNative } from '../functions/is-react-native';
-import { isEditing } from '../functions/is-editing';
-import { isPreviewing } from '../functions/is-previewing';
-import { previewingModelName } from '../functions/previewing-model-name';
-import { getContent } from '../functions/get-content';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
+import { useState, useContext, useEffect } from "react";
+import { isBrowser } from "../functions/is-browser";
+import RenderBlock from "./render-block.lite";
+import BuilderContext from "../context/builder.context.lite";
+import { track } from "../functions/track";
+import { ifTarget } from "../functions/if-target";
+import { onChange } from "../functions/on-change";
+import { isReactNative } from "../functions/is-react-native";
+import { isEditing } from "../functions/is-editing";
+import { isPreviewing } from "../functions/is-previewing";
+import { previewingModelName } from "../functions/previewing-model-name";
+import { getContent } from "../functions/get-content";
 
 export default function RenderContent(props) {
   function useContent() {
@@ -28,10 +28,12 @@ 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 name = family.split(',')[0];
+    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 = '';
+    let str = "";
 
     if (url && family && name) {
       str += `
@@ -79,8 +81,10 @@ 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(" ")) ||
+      ""
     );
   }
 
@@ -89,8 +93,12 @@ 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;
+        case "builder.contentUpdate": {
+          const key =
+            data.data.key ||
+            data.data.alias ||
+            data.data.entry ||
+            data.data.modelName;
           const contentData = data.data.data; // oof
 
           if (key === props.model) {
@@ -100,7 +108,7 @@ export default function RenderContent(props) {
           break;
         }
 
-        case 'builder.patchUpdates': {
+        case "builder.patchUpdates": {
           // TODO
           break;
         }
@@ -111,11 +119,11 @@ export default function RenderContent(props) {
   useEffect(() => {
     if (isBrowser()) {
       if (isEditing()) {
-        window.addEventListener('message', processMessage);
+        window.addEventListener("message", processMessage);
       }
 
       if (useContent() && !isEditing()) {
-        track('impression', {
+        track("impression", {
           contentId: useContent().id,
         });
       }
@@ -124,13 +132,13 @@ export default function RenderContent(props) {
         if (props.model && previewingModelName() === props.model) {
           const options = {};
           const currentUrl = new URL(location.href);
-          const apiKey = currentUrl.searchParams.get('apiKey');
+          const apiKey = currentUrl.searchParams.get("apiKey");
 
           if (apiKey) {
-            const builderPrefix = 'builder.';
+            const builderPrefix = "builder.";
             currentUrl.searchParams.forEach((value, key) => {
               if (key.startsWith(builderPrefix)) {
-                options[key.replace(builderPrefix, '')] = value;
+                options[key.replace(builderPrefix, "")] = value;
               }
             }); // TODO: need access to API key
 
@@ -138,7 +146,7 @@ export default function RenderContent(props) {
               model: props.model,
               apiKey,
               options,
-            }).then(content => {
+            }).then((content) => {
               if (content) {
                 setOverrideContent(content);
               }
@@ -168,9 +176,9 @@ export default function RenderContent(props) {
       {useContent() ? (
         <>
           <View
-            onClick={event => {
+            onClick={(event) => {
               if (!isEditing()) {
-                track('click', {
+                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/constants/device-sizes.js

@@ -1,25 +1,25 @@
 import * as React from 'react';
-const sizeNames = ['xsmall', 'small', 'medium', 'large'];
+const sizeNames = ["xsmall", "small", "medium", "large"];
 const sizes = {
   xsmall: {
     min: 0,
     default: 0,
-    max: 0,
+    max: 0
   },
   small: {
     min: 320,
     default: 321,
-    max: 640,
+    max: 640
   },
   medium: {
     min: 641,
     default: 642,
-    max: 991,
+    max: 991
   },
   large: {
     min: 990,
     default: 991,
-    max: 1200,
+    max: 1200
   },
   getWidthForSize(size) {
     return this[size].default;
@@ -31,7 +31,10 @@ const sizes = {
         return size;
       }
     }
-    return 'large';
-  },
+    return "large";
+  }
+};
+export {
+  sizeNames,
+  sizes
 };
-export { sizeNames, sizes };

package/src/context/builder.context.js

@@ -1,3 +1,5 @@
-import { createContext } from 'react';
+import { createContext } from "react";
 var stdin_default = createContext({ content: null, context: {}, state: {} });
-export { stdin_default as default };
+export {
+  stdin_default as default
+};

package/src/functions/evaluate.js

@@ -1,28 +1,20 @@
 import * as React from 'react';
-import { isBrowser } from './is-browser';
-import { isEditing } from './is-editing';
+import { isBrowser } from "./is-browser";
+import { isEditing } from "./is-editing";
 function evaluate(options) {
   const { code } = options;
   const builder = {
     isEditing: isEditing(),
-    isBrowser: isBrowser(),
+    isBrowser: isBrowser()
   };
-  const useReturn = !(
-    code.includes(';') ||
-    code.includes(' return ') ||
-    code.trim().startsWith('return ')
-  );
+  const useReturn = !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
   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 };
+export {
+  evaluate
+};

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { evaluate } from './evaluate';
+import { evaluate } from "./evaluate";
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
@@ -8,15 +8,16 @@ function getBlockActions(options) {
   if (options.block.actions) {
     for (const key in options.block.actions) {
       const value = options.block.actions[key];
-      obj['on' + capitalizeFirstLetter(key)] = event =>
-        evaluate({
-          code: value,
-          context: options.context,
-          state: options.state,
-          event,
-        });
+      obj["on" + capitalizeFirstLetter(key)] = (event) => evaluate({
+        code: value,
+        context: options.context,
+        state: options.state,
+        event
+      });
     }
   }
   return obj;
 }
-export { getBlockActions };
+export {
+  getBlockActions
+};

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

@@ -3,23 +3,22 @@ var __defProp = Object.defineProperty;
 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]);
+  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]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
 function getBlockComponentOptions(block) {
   var _a;
-  return __spreadValues(
-    __spreadValues({}, (_a = block.component) == null ? void 0 : _a.options),
-    block.options
-  );
+  return __spreadValues(__spreadValues({}, (_a = block.component) == null ? void 0 : _a.options), block.options);
 }
-export { getBlockComponentOptions };
+export {
+  getBlockComponentOptions
+};

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

@@ -5,37 +5,39 @@ 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]);
+  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]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { findDOMNode } from 'react-dom';
-import { isBrowser } from './is-browser';
-import { isReactNative } from './is-react-native';
+import { findDOMNode } from "react-dom";
+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) {
-          el.setAttribute('builder-id', block.id);
+          el.setAttribute("builder-id", block.id);
           el.classList.add(block.id);
         }
       }
     },
     dataSet: {
-      'builder-id': block.id,
-      class: [block.id, 'builder-block', block.class].filter(Boolean).join(' '),
-    },
+      "builder-id": block.id,
+      class: [block.id, "builder-block", block.class].filter(Boolean).join(" ")
+    }
   });
 }
-export { getBlockProperties };
+export {
+  getBlockProperties
+};

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

@@ -3,42 +3,40 @@ var __defProp = Object.defineProperty;
 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]);
+  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]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
-const propertiesThatMustBeNumber = new Set(['lineHeight']);
-const displayValues = new Set(['flex', 'none']);
+const propertiesThatMustBeNumber = new Set(["lineHeight"]);
+const displayValues = new Set(["flex", "none"]);
 const SHOW_WARNINGS = false;
 function validateReactNativeStyles(styles) {
   for (const key in styles) {
     const propertyValue = styles[key];
-    if (key === 'display' && !displayValues.has(propertyValue)) {
+    if (key === "display" && !displayValues.has(propertyValue)) {
       if (SHOW_WARNINGS) {
-        console.warn(
-          `Style value for key "display" must be "flex" or "none" but had ${propertyValue}`
-        );
+        console.warn(`Style value for key "display" must be "flex" or "none" but had ${propertyValue}`);
       }
       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;
       }
-      if (typeof newValue === 'number' && newValue < 0) {
+      if (typeof newValue === "number" && newValue < 0) {
         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]}\``);
       }
@@ -48,10 +46,7 @@ function validateReactNativeStyles(styles) {
 }
 function getBlockStyles(block) {
   var _a, _b, _c;
-  const styles = __spreadValues(
-    __spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large),
-    block.styles
-  );
+  const styles = __spreadValues(__spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large), block.styles);
   if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
     Object.assign(styles, block.responsiveStyles.medium);
   }
@@ -61,4 +56,6 @@ function getBlockStyles(block) {
   validateReactNativeStyles(styles);
   return styles;
 }
-export { getBlockStyles };
+export {
+  getBlockStyles
+};

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
-import { View } from 'react-native';
+import { View } from "react-native";
 function getBlockTag(block) {
   return View;
 }
-export { getBlockTag };
+export {
+  getBlockTag
+};

package/src/functions/get-content.js

@@ -5,78 +5,67 @@ 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]);
+  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]);
+      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 => {
+    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());
   });
 };
-import { getFetch } from './get-fetch';
+import { getFetch } from "./get-fetch";
 const fetch = getFetch();
-function flatten(object, path = null, separator = '.') {
+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',
+      typeof value === "object",
       value !== null,
-      !(Array.isArray(value) && value.length === 0),
+      !(Array.isArray(value) && value.length === 0)
     ].every(Boolean);
-    return isObject
-      ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator))
-      : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
+    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
-    );
+    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 } = __spreadValues(
-      {
-        limit: 1,
-        userAttributes: null,
-        testGroups: null,
-      },
-      options
-    );
-    const url = new URL(
-      `https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}`
-    );
+    const { limit, testGroups, userAttributes, query } = __spreadValues({
+      limit: 1,
+      userAttributes: null,
+      testGroups: null
+    }, options);
+    const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}`);
     if (options.options) {
       const flattened = flatten(options.options);
       for (const key in flattened) {
@@ -84,7 +73,7 @@ function getAllContent(options) {
       }
     }
     if (userAttributes) {
-      url.searchParams.set('userAttributes', JSON.stringify(userAttributes));
+      url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
     }
     if (query) {
       const flattened = flatten({ query });
@@ -92,7 +81,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) {
@@ -111,20 +100,19 @@ function getAllContent(options) {
               const testRatio = variation.testRatio;
               n += testRatio;
               if (random < n) {
-                const variationName =
-                  variation.name || (variation.id === item.id ? 'Default variation' : '');
+                const variationName = variation.name || (variation.id === item.id ? "Default variation" : "");
                 set = true;
                 Object.assign(item, {
                   data: variation.data,
                   testVariationId: variation.id,
-                  testVariationName: variationName,
+                  testVariationName: variationName
                 });
               }
             }
             if (!set) {
               Object.assign(item, {
                 testVariationId: item.id,
-                testVariationName: 'Default',
+                testVariationName: "Default"
               });
             }
           }
@@ -134,4 +122,7 @@ function getAllContent(options) {
     return content;
   });
 }
-export { getAllContent, getContent };
+export {
+  getAllContent,
+  getContent
+};