@builder.io/sdk-react-native 0.5.2 → 0.5.4

package/README.md

@@ -21,3 +21,7 @@ Take a look at [our example repo](/examples/react-native) for how to use this SD
 ## Fetch
 
 This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
+
+## Non-Node.js Runtimes (Edge, Serverless)
+
+If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/dist/blocks/button/button.js

@@ -33,9 +33,9 @@ const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function Button(props) {
     return (React.createElement(React.Fragment, null, props.link ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { role: "button", ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined },
+        React.createElement(react_native_1.View, { role: "button", ...{}, ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined },
             React.createElement(BaseText_1.default, null, props.text)))) : (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { ...props.attributes, style: {
+        React.createElement(react_native_1.View, { ...{}, ...props.attributes, style: {
                 ...styles.view1,
                 ...props.attributes.style,
             } },

package/dist/blocks/columns/columns.js

@@ -131,16 +131,20 @@ function Columns(props) {
     return (React.createElement(react_native_1.View, { style: {
             ...styles.view1,
             ...columnsCssVars(),
-        }, dataSet: {
-            "builder-block-name": "builder-columns",
+        }, ...{
+            dataSet: {
+                "builder-block-name": "builder-columns",
+            },
         } },
         target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
             React.createElement(inlined_styles_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :
         _a.map((column, index) => (React.createElement(react_native_1.View, { style: {
                 ...styles.view2,
                 ...columnCssVars(index),
-            }, dataSet: {
-                "builder-block-name": "builder-column",
+            }, ...{
+                dataSet: {
+                    "builder-block-name": "builder-column",
+                },
             }, key: index },
             React.createElement(blocks_1.default, { blocks: column.blocks, path: `component.options.columns.${index}.blocks`, parent: props.builderBlock.id, styleProp: {
                     flexGrow: "1",

package/dist/blocks/img/img.js

@@ -32,6 +32,6 @@ function ImgComponent(props) {
     return (React.createElement(react_native_1.View, { style: {
             objectFit: props.backgroundSize || "cover",
             objectPosition: props.backgroundPosition || "center",
-        }, key: ((0, is_editing_js_1.isEditing)() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...props.attributes }));
+        }, key: ((0, is_editing_js_1.isEditing)() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...{}, ...props.attributes }));
 }
 exports.default = ImgComponent;

package/dist/blocks/input/input.js

@@ -29,6 +29,6 @@ const react_native_1 = require("react-native");
 const is_editing_js_1 = require("../../functions/is-editing.js");
 const helpers_js_1 = require("../helpers.js");
 function FormInputComponent(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
 }
 exports.default = FormInputComponent;

package/dist/blocks/section/section.js

@@ -28,7 +28,7 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function SectionComponent(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, style: {
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, style: {
             width: "100%",
             alignSelf: "stretch",
             flexGrow: 1,

package/dist/blocks/select/select.js

@@ -34,7 +34,7 @@ const is_editing_js_1 = require("../../functions/is-editing.js");
 const helpers_js_1 = require("../helpers.js");
 function SelectComponent(props) {
     var _a;
-    return (React.createElement(react_native_1.View, { ...props.attributes, value: props.value, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, (_a = props.options) === null || _a === void 0 ? void 0 : _a.map((option) => (React.createElement(react_native_1.View, { value: option.value },
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, value: props.value, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, (_a = props.options) === null || _a === void 0 ? void 0 : _a.map((option) => (React.createElement(react_native_1.View, { value: option.value },
         React.createElement(BaseText_1.default, null, option.name || option.value))))));
 }
 exports.default = SelectComponent;

package/dist/blocks/submit-button/submit-button.js

@@ -32,7 +32,7 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function SubmitButton(props) {
-    return (React.createElement(react_native_1.View, { type: "submit", ...props.attributes },
+    return (React.createElement(react_native_1.View, { type: "submit", ...{}, ...props.attributes },
         React.createElement(BaseText_1.default, null, props.text)));
 }
 exports.default = SubmitButton;

package/dist/blocks/symbol/symbol.js

@@ -67,8 +67,10 @@ function Symbol(props) {
     (0, react_1.useEffect)(() => {
         setContent();
     }, [props.symbol]);
-    return (React.createElement(react_native_1.View, { ...props.attributes, dataSet: {
-            class: className(),
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, ...{
+            dataSet: {
+                class: className(),
+            },
         } },
         React.createElement(content_variants_1.default, { __isNestedRender: true, apiVersion: props.builderContext.apiVersion, apiKey: props.builderContext.apiKey, context: props.builderContext.context, customComponents: Object.values(props.builderComponents), data: {
                 ...(_a = props.symbol) === null || _a === void 0 ? void 0 : _a.data,

package/dist/blocks/textarea/textarea.js

@@ -28,6 +28,6 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function Textarea(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
 }
 exports.default = Textarea;

package/dist/components/blocks/blocks-wrapper.js

@@ -56,8 +56,10 @@ function BlocksWrapper(props) {
             }, "*");
         }
     }
-    return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
-            class: className(),
+    return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, ...{
+            dataSet: {
+                class: className(),
+            },
         }, style: {
             ...styles.view1,
             ...props.styleProp,

package/dist/components/content/components/enable-editor.js

@@ -296,10 +296,11 @@ function EnableEditor(props) {
         };
     }, []);
     return (React.createElement(builder_context_1.default.Provider, { value: props.builderContextSignal }, props.builderContextSignal.content ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { key: forceReRenderCount, ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = props.builderContextSignal.content) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model, 
-            // currently, we can't set the actual ID here. // we don't need it right now, we just need to identify content divs for testing.
-            dataSet: {
-                "builder-content-id": "",
+        React.createElement(react_native_1.View, { key: forceReRenderCount, ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = props.builderContextSignal.content) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model, ...{
+                // currently, we can't set the actual ID here. // we don't need it right now, we just need to identify content divs for testing.
+                dataSet: {
+                    "builder-content-id": "",
+                },
             }, ...(props.showContent
                 ? {}
                 : {

package/dist/components/content/content.js

@@ -104,7 +104,9 @@ function ContentComponent(props) {
     return (React.createElement(components_context_1.default.Provider, { value: {
             registeredComponents: registeredComponents,
         } },
-        React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
+        React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, ...{
+                setBuilderContextSignal: setBuilderContextSignal,
+            } },
             props.isSsrAbTest ? (React.createElement(React.Fragment, null,
                 React.createElement(inlined_script_1.default, { scriptStr: scriptStr }))) : null,
             target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,

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

@@ -55,6 +55,18 @@ function ContentVariants(props) {
             .map((value) => `.variant-${value.testVariationId} { display: none; } `)
             .join("");
     }
+    function defaultContent() {
+        var _a;
+        return shouldRenderVariants
+            ? {
+                ...props.content,
+                testVariationId: (_a = props.content) === null || _a === void 0 ? void 0 : _a.id,
+            }
+            : (0, ab_tests_js_1.handleABTestingSync)({
+                item: props.content,
+                canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
+            });
+    }
     (0, react_1.useEffect)(() => {
         /**
          * We unmount the non-winning variants post-hydration in Vue.
@@ -67,11 +79,6 @@ function ContentVariants(props) {
             React.createElement(inlined_styles_1.default, { id: `variants-styles-${(_a = props.content) === null || _a === void 0 ? void 0 : _a.id}`, styles: hideVariantsStyleString() }),
             React.createElement(inlined_script_1.default, { scriptStr: variantScriptStr() }), (_b = (0, helpers_js_1.getVariants)(props.content)) === null || _b === void 0 ? void 0 :
             _b.map((variant) => (React.createElement(content_1.default, { key: variant.testVariationId, content: variant, showContent: false, classNameProp: undefined, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants }))))) : null,
-        React.createElement(content_1.default, { content: shouldRenderVariants
-                ? props.content
-                : (0, ab_tests_js_1.handleABTestingSync)({
-                    item: props.content,
-                    canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
-                }), classNameProp: `variant-${(_c = props.content) === null || _c === void 0 ? void 0 : _c.id}`, showContent: true, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants })));
+        React.createElement(content_1.default, { ...{}, content: defaultContent(), classNameProp: `variant-${(_c = props.content) === null || _c === void 0 ? void 0 : _c.id}`, showContent: true, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants })));
 }
 exports.default = ContentVariants;

package/dist/constants/sdk-version.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = "0.5.2";
+const SDK_VERSION = "UNKNOWN_VERSION";
+exports.SDK_VERSION = SDK_VERSION;