@builder.io/sdk-react-native 0.1.14 → 0.1.16

package/dist/blocks/columns/columns.js

@@ -73,26 +73,26 @@ function Columns(props) {
         };
     }
     function columnCssVars(index) {
-        const width = getColumnCssWidth(index);
-        const gutter = `${index === 0 ? 0 : gutterSize}px`;
+        const gutter = index === 0 ? 0 : gutterSize;
         if (target_js_1.TARGET === "reactNative") {
             return {
-                width,
                 marginLeft: props.stackColumnsAt === "never" ? gutter : 0,
             };
         }
+        const width = getColumnCssWidth(index);
+        const gutterPixels = `${gutterSize}px`;
         const mobileWidth = "100%";
         const mobileMarginLeft = 0;
         return {
             width,
-            "margin-left": gutter,
+            "margin-left": gutterPixels,
             "--column-width-mobile": getMobileStyle({
                 stackedStyle: mobileWidth,
                 desktopStyle: width,
             }),
             "--column-margin-left-mobile": getMobileStyle({
                 stackedStyle: mobileMarginLeft,
-                desktopStyle: gutter,
+                desktopStyle: gutterPixels,
             }),
             "--column-width-tablet": getTabletStyle({
                 stackedStyle: mobileWidth,
@@ -100,7 +100,7 @@ function Columns(props) {
             }),
             "--column-margin-left-tablet": getTabletStyle({
                 stackedStyle: mobileMarginLeft,
-                desktopStyle: gutter,
+                desktopStyle: gutterPixels,
             }),
         };
     }

package/dist/components/render-block/render-block.js

@@ -160,6 +160,7 @@ function RenderBlock(props) {
         };
         return {
             apiKey: props.context.apiKey,
+            apiVersion: props.context.apiVersion,
             state: props.context.state,
             content: props.context.content,
             context: props.context.context,

package/dist/components/render-block/render-component.js

@@ -42,6 +42,7 @@ function RenderComponent(props) {
             apiKey: props.context.apiKey,
             registeredComponents: props.context.registeredComponents,
             inheritedStyles: props.context.inheritedStyles,
+            apiVersion: props.context.apiVersion,
         } }, props.componentRef ? (React.createElement(React.Fragment, null,
         React.createElement(ComponentRefRef, { ...props.componentOptions }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
             _a.map((child) => (React.createElement(render_block_1.default, { key: "render-block-" + child.id, block: child, context: props.context }))), (_b = props.blockChildren) === null || _b === void 0 ? void 0 :

package/dist/components/render-content/render-content.js

@@ -189,7 +189,7 @@ function RenderContent(props) {
             setContextState(newState);
         })
             .catch((err) => {
-            console.log("error fetching dynamic data", url, err);
+            console.error("error fetching dynamic data", url, err);
         });
     }
     function runHttpRequests() {

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

@@ -47,7 +47,11 @@ const ab_testing_js_1 = require("./ab-testing.js");
 const generate_content_url_js_1 = require("./generate-content-url.js");
 function getContent(options) {
     return __async(this, null, function* () {
-        return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
+        const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }));
+        if ("results" in allContent) {
+            return (allContent == null ? void 0 : allContent.results[0]) || null;
+        }
+        return null;
     });
 }
 exports.getContent = getContent;
@@ -56,12 +60,21 @@ function getAllContent(options) {
         const url = (0, generate_content_url_js_1.generateContentUrl)(options);
         const res = yield (0, get_fetch_js_1.fetch)(url.href);
         const content = yield res.json();
+        if ("status" in content && !("results" in content)) {
+            console.error("[Builder.io]: Error fetching data. ", content, options);
+            return content;
+        }
         const canTrack = options.canTrack !== false;
-        if (canTrack && Array.isArray(content.results)) {
-            for (const item of content.results) {
-                yield (0, ab_testing_js_1.handleABTesting)({ item, canTrack });
+        try {
+            if (canTrack && Array.isArray(content.results)) {
+                for (const item of content.results) {
+                    yield (0, ab_testing_js_1.handleABTesting)({ item, canTrack });
+                }
             }
         }
+        catch (e) {
+            console.error("[Builder.io]: Could not setup A/B testing. ", e);
+        }
         return content;
     });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/blocks/columns/columns.jsx

@@ -66,26 +66,26 @@ function Columns(props) {
   }
 
   function columnCssVars(index) {
-    const width = getColumnCssWidth(index);
-    const gutter = `${index === 0 ? 0 : gutterSize}px`;
+    const gutter = index === 0 ? 0 : gutterSize;
     if (TARGET === "reactNative") {
       return {
-        width,
         marginLeft: props.stackColumnsAt === "never" ? gutter : 0,
       };
     }
+    const width = getColumnCssWidth(index);
+    const gutterPixels = `${gutterSize}px`;
     const mobileWidth = "100%";
     const mobileMarginLeft = 0;
     return {
       width,
-      "margin-left": gutter,
+      "margin-left": gutterPixels,
       "--column-width-mobile": getMobileStyle({
         stackedStyle: mobileWidth,
         desktopStyle: width,
       }),
       "--column-margin-left-mobile": getMobileStyle({
         stackedStyle: mobileMarginLeft,
-        desktopStyle: gutter,
+        desktopStyle: gutterPixels,
       }),
       "--column-width-tablet": getTabletStyle({
         stackedStyle: mobileWidth,
@@ -93,7 +93,7 @@ function Columns(props) {
       }),
       "--column-margin-left-tablet": getTabletStyle({
         stackedStyle: mobileMarginLeft,
-        desktopStyle: gutter,
+        desktopStyle: gutterPixels,
       }),
     };
   }

package/src/components/render-block/render-block.jsx

@@ -160,6 +160,7 @@ function RenderBlock(props) {
     };
     return {
       apiKey: props.context.apiKey,
+      apiVersion: props.context.apiVersion,
       state: props.context.state,
       content: props.context.content,
       context: props.context.context,

package/src/components/render-block/render-component.jsx

@@ -24,6 +24,7 @@ function RenderComponent(props) {
         apiKey: props.context.apiKey,
         registeredComponents: props.context.registeredComponents,
         inheritedStyles: props.context.inheritedStyles,
+        apiVersion: props.context.apiVersion,
       }}
     >
       {props.componentRef ? (

package/src/components/render-content/render-content.jsx

@@ -207,7 +207,7 @@ function RenderContent(props) {
         setContextState(newState);
       })
       .catch((err) => {
-        console.log("error fetching dynamic data", url, err);
+        console.error("error fetching dynamic data", url, err);
       });
   }
 

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

@@ -42,7 +42,11 @@ import { handleABTesting } from "./ab-testing.js";
 import { generateContentUrl } from "./generate-content-url.js";
 function getContent(options) {
   return __async(this, null, function* () {
-    return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
+    const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }));
+    if ("results" in allContent) {
+      return (allContent == null ? void 0 : allContent.results[0]) || null;
+    }
+    return null;
   });
 }
 function getAllContent(options) {
@@ -50,11 +54,19 @@ function getAllContent(options) {
     const url = generateContentUrl(options);
     const res = yield fetch(url.href);
     const content = yield res.json();
+    if ("status" in content && !("results" in content)) {
+      console.error("[Builder.io]: Error fetching data. ", content, options);
+      return content;
+    }
     const canTrack = options.canTrack !== false;
-    if (canTrack && Array.isArray(content.results)) {
-      for (const item of content.results) {
-        yield handleABTesting({ item, canTrack });
+    try {
+      if (canTrack && Array.isArray(content.results)) {
+        for (const item of content.results) {
+          yield handleABTesting({ item, canTrack });
+        }
       }
+    } catch (e) {
+      console.error("[Builder.io]: Could not setup A/B testing. ", e);
     }
     return content;
   });