@builder.io/sdk-react-native 0.5.5 → 0.5.6-1

package/dist/blocks/symbol/symbol.helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchContent = void 0;
+exports.fetchSymbolContent = void 0;
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -44,11 +44,11 @@ var __async = (__this, __arguments, generator) => {
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
-const index_js_1 = require("../../functions/get-content/index.js");
 const logger_js_1 = require("../../helpers/logger.js");
-const fetchContent = _0 => __async(void 0, [_0], function* ({ builderContextValue, symbol }) {
+const index_js_1 = require("../../index.js");
+const fetchSymbolContent = _0 => __async(void 0, [_0], function* ({ builderContextValue, symbol }) {
     if ((symbol == null ? void 0 : symbol.model) && (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
-        return (0, index_js_1.getContent)(__spreadValues({
+        return (0, index_js_1.fetchOneEntry)(__spreadValues({
             model: symbol.model,
             apiKey: builderContextValue.apiKey,
             apiVersion: builderContextValue.apiVersion
@@ -63,4 +63,4 @@ const fetchContent = _0 => __async(void 0, [_0], function* ({ builderContextValu
     }
     return void 0;
 });
-exports.fetchContent = fetchContent;
+exports.fetchSymbolContent = fetchSymbolContent;

package/dist/blocks/symbol/symbol.js

@@ -52,7 +52,7 @@ function Symbol(props) {
     function setContent() {
         if (contentToUse)
             return;
-        (0, symbol_helpers_js_1.fetchContent)({
+        (0, symbol_helpers_js_1.fetchSymbolContent)({
             symbol: props.symbol,
             builderContextValue: props.builderContext,
         }).then((newContent) => {

package/dist/components/block/block.helpers.js

@@ -37,7 +37,7 @@ var __objRest = (source, exclude) => {
         }
     return target;
 };
-const evaluate_1 = require("../../functions/evaluate");
+const index_js_1 = require("../../functions/evaluate/index.js");
 const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
 const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"];
 const isEmptyHtmlElement = tagName => {
@@ -74,7 +74,7 @@ const getRepeatItemData = ({ block, context }) => {
     if (!(repeat == null ? void 0 : repeat.collection)) {
         return void 0;
     }
-    const itemsArray = (0, evaluate_1.evaluate)({
+    const itemsArray = (0, index_js_1.evaluate)({
         code: repeat.collection,
         localState: context.localState,
         rootState: context.rootState,

package/dist/components/block/block.js

@@ -67,7 +67,7 @@ function Block(props) {
             });
     }
     function Tag() {
-        return props.block.tagName || "div";
+        return react_native_1.View;
     }
     function canShowBlock() {
         if ("hide" in processedBlock()) {

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

@@ -34,11 +34,11 @@ const block_styles_1 = __importDefault(require("../block-styles"));
 const block_1 = __importDefault(require("../../block"));
 const interactive_element_1 = __importDefault(require("../interactive-element"));
 const component_ref_helpers_js_1 = require("./component-ref.helpers.js");
-const builder_context_1 = __importDefault(require("../../../../context/builder.context"));
+const builder_context_js_1 = __importDefault(require("../../../../context/builder.context.js"));
 function ComponentRef(props) {
     var _a, _b;
     const [Wrapper, setWrapper] = (0, react_1.useState)(() => props.isInteractive ? interactive_element_1.default : props.componentRef);
-    return (React.createElement(builder_context_1.default.Provider, { value: {
+    return (React.createElement(builder_context_js_1.default.Provider, { value: {
             content: props.context.content,
             rootState: props.context.rootState,
             localState: props.context.localState,

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

@@ -30,11 +30,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const builder_context_1 = __importDefault(require("../../../context/builder.context"));
+const builder_context_js_1 = __importDefault(require("../../../context/builder.context.js"));
 const block_1 = __importDefault(require("../block"));
 function RepeatedBlock(props) {
     const [store, setStore] = (0, react_1.useState)(() => props.repeatContext);
-    return (React.createElement(builder_context_1.default.Provider, { value: store },
+    return (React.createElement(builder_context_js_1.default.Provider, { value: store },
         React.createElement(block_1.default, { block: props.block, context: store, registeredComponents: props.registeredComponents })));
 }
 exports.default = RepeatedBlock;

package/dist/components/blocks/blocks.js

@@ -33,12 +33,12 @@ const react_1 = require("react");
 const block_styles_1 = __importDefault(require("../block/components/block-styles"));
 const block_1 = __importDefault(require("../block/block"));
 const blocks_wrapper_1 = __importDefault(require("./blocks-wrapper"));
-const builder_context_1 = __importDefault(require("../../context/builder.context"));
-const components_context_1 = __importDefault(require("../../context/components.context"));
+const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
+const components_context_js_1 = __importDefault(require("../../context/components.context.js"));
 function Blocks(props) {
     var _a, _b;
-    const builderContext = (0, react_1.useContext)(builder_context_1.default);
-    const componentsContext = (0, react_1.useContext)(components_context_1.default);
+    const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
+    const componentsContext = (0, react_1.useContext)(components_context_js_1.default);
     return (React.createElement(blocks_wrapper_1.default, { blocks: props.blocks, parent: props.parent, path: props.path, styleProp: props.styleProp },
         props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(block_1.default, { key: "render-block-" + block.id, block: block, context: props.context || builderContext, registeredComponents: props.registeredComponents ||
                 componentsContext.registeredComponents }))))) : null,

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

@@ -30,18 +30,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const evaluate_1 = require("../../../functions/evaluate");
+const index_js_1 = require("../../../functions/evaluate/index.js");
 const get_fetch_js_1 = require("../../../functions/get-fetch.js");
 const is_browser_js_1 = require("../../../functions/is-browser.js");
 const is_editing_js_1 = require("../../../functions/is-editing.js");
 const register_component_js_1 = require("../../../functions/register-component.js");
-const index_js_1 = require("../../../functions/track/index.js");
-const builder_context_1 = __importDefault(require("../../../context/builder.context"));
+const index_js_2 = require("../../../functions/track/index.js");
+const builder_context_js_1 = __importDefault(require("../../../context/builder.context.js"));
 const init_editing_js_1 = require("../../../scripts/init-editing.js");
 const nullable_js_1 = require("../../../helpers/nullable.js");
 const interaction_js_1 = require("../../../functions/track/interaction.js");
 const logger_js_1 = require("../../../helpers/logger.js");
-const index_js_2 = require("../../../functions/get-content/index.js");
+const index_js_3 = require("../../../functions/get-content/index.js");
 const is_previewing_js_1 = require("../../../functions/is-previewing.js");
 const set_js_1 = require("../../../helpers/preview-lru-cache/set.js");
 function EnableEditor(props) {
@@ -112,7 +112,7 @@ function EnableEditor(props) {
         // run any dynamic JS code attached to content
         const jsCode = (_b = (_a = props.builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.jsCode;
         if (jsCode) {
-            (0, evaluate_1.evaluate)({
+            (0, index_js_1.evaluate)({
                 code: jsCode,
                 context: props.context || {},
                 localState: undefined,
@@ -128,7 +128,7 @@ function EnableEditor(props) {
         if (props.builderContextSignal.content) {
             const variationId = (_a = props.builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.testVariationId;
             const contentId = (_b = props.builderContextSignal.content) === null || _b === void 0 ? void 0 : _b.id;
-            (0, index_js_1._track)({
+            (0, index_js_2._track)({
                 type: "click",
                 canTrack: canTrackToUse,
                 contentId,
@@ -143,7 +143,7 @@ function EnableEditor(props) {
         }
     }
     function evalExpression(expression) {
-        return expression.replace(/{{([^}]+)}}/g, (_match, group) => (0, evaluate_1.evaluate)({
+        return expression.replace(/{{([^}]+)}}/g, (_match, group) => (0, index_js_1.evaluate)({
             code: group,
             context: props.context || {},
             localState: undefined,
@@ -229,7 +229,7 @@ function EnableEditor(props) {
             if (props.builderContextSignal.content) {
                 const variationId = (_a = props.builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.testVariationId;
                 const contentId = (_b = props.builderContextSignal.content) === null || _b === void 0 ? void 0 : _b.id;
-                (0, index_js_1._track)({
+                (0, index_js_2._track)({
                     type: "impression",
                     canTrack: canTrackToUse,
                     contentId,
@@ -253,7 +253,7 @@ function EnableEditor(props) {
                 if (searchParamPreviewModel === props.model &&
                     previewApiKey === props.apiKey &&
                     (!props.content || searchParamPreviewId === props.content.id)) {
-                    (0, index_js_2.getContent)({
+                    (0, index_js_3.fetchOneEntry)({
                         model: props.model,
                         apiKey: props.apiKey,
                         apiVersion: props.builderContextSignal.apiVersion,
@@ -295,8 +295,8 @@ 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, ...{
+    return (React.createElement(builder_context_js_1.default.Provider, { value: props.builderContextSignal }, props.builderContextSignal.content ? (React.createElement(React.Fragment, null,
+        React.createElement(react_native_1.ScrollView, { 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": "",

package/dist/components/content/content.js

@@ -40,7 +40,7 @@ const helpers_js_1 = require("../content-variants/helpers.js");
 const enable_editor_1 = __importDefault(require("./components/enable-editor"));
 const inlined_script_1 = __importDefault(require("../inlined-script"));
 const wrap_component_ref_js_1 = require("./wrap-component-ref.js");
-const components_context_1 = __importDefault(require("../../context/components.context"));
+const components_context_js_1 = __importDefault(require("../../context/components.context.js"));
 function ContentComponent(props) {
     var _a, _b, _c, _d, _e, _f, _g;
     const [scriptStr, setScriptStr] = (0, react_1.useState)(() => {
@@ -101,7 +101,7 @@ function ContentComponent(props) {
         }), {}),
         inheritedStyles: {},
     }));
-    return (React.createElement(components_context_1.default.Provider, { value: {
+    return (React.createElement(components_context_js_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, ...{

package/dist/functions/fetch-builder-props.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchBuilderProps = void 0;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+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 __spreadValues = (a, b) => {
+    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]);
+        }
+    return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+        var fulfilled = value => {
+            try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        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);
+        step((generator = generator.apply(__this, __arguments)).next());
+    });
+};
+const index_js_1 = require("./get-builder-search-params/index.js");
+const index_js_2 = require("./get-content/index.js");
+const fetchBuilderProps = _args => __async(void 0, null, function* () {
+    var _a, _b, _c;
+    const urlPath = _args.path || ((_a = _args.url) == null ? void 0 : _a.pathname) || ((_b = _args.userAttributes) == null ? void 0 : _b.urlPath);
+    const getContentArgs = __spreadProps(__spreadValues({}, _args), {
+        apiKey: _args.apiKey,
+        model: _args.model || "page",
+        userAttributes: __spreadValues(__spreadValues({}, _args.userAttributes), urlPath ? {
+            urlPath
+        } : {}),
+        options: (0, index_js_1.getBuilderSearchParams)(_args.searchParams || ((_c = _args.url) == null ? void 0 : _c.searchParams) || _args.options)
+    });
+    return {
+        apiKey: getContentArgs.apiKey,
+        model: getContentArgs.model,
+        content: yield (0, index_js_2.fetchOneEntry)(getContentArgs)
+    };
+});
+exports.fetchBuilderProps = fetchBuilderProps;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processContentResult = exports.getContent = exports.getAllContent = void 0;
+exports.getContent = exports.getAllContent = exports.fetchOneEntry = exports.fetchEntries = exports._processContentResult = void 0;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -56,9 +56,9 @@ const get_fetch_js_1 = require("../get-fetch.js");
 const is_browser_js_1 = require("../is-browser.js");
 const generate_content_url_js_1 = require("./generate-content-url.js");
 const checkContentHasResults = content => "results" in content;
-function getContent(options) {
+function fetchOneEntry(options) {
     return __async(this, null, function* () {
-        const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), {
+        const allContent = yield fetchEntries(__spreadProps(__spreadValues({}, options), {
             limit: 1
         }));
         if (allContent) {
@@ -67,14 +67,16 @@ function getContent(options) {
         return null;
     });
 }
+exports.fetchOneEntry = fetchOneEntry;
+const getContent = fetchOneEntry;
 exports.getContent = getContent;
-const fetchContent = options => __async(void 0, null, function* () {
+const _fetchContent = options => __async(void 0, null, function* () {
     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();
     return content;
 });
-const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = (0, generate_content_url_js_1.generateContentUrl)(options)) {
+const _processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = (0, generate_content_url_js_1.generateContentUrl)(options)) {
     const canTrack = (0, canTrack_js_1.getDefaultCanTrack)(options.canTrack);
     const isPreviewing = url.search.includes(`preview=`);
     if (target_js_1.TARGET === "rsc" && isPreviewing) {
@@ -104,12 +106,12 @@ const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2],
     }
     return content;
 });
-exports.processContentResult = processContentResult;
-function getAllContent(options) {
+exports._processContentResult = _processContentResult;
+function fetchEntries(options) {
     return __async(this, null, function* () {
         try {
             const url = (0, generate_content_url_js_1.generateContentUrl)(options);
-            const content = yield fetchContent(options);
+            const content = yield _fetchContent(options);
             if (!checkContentHasResults(content)) {
                 logger_js_1.logger.error("Error fetching data. ", {
                     url,
@@ -118,7 +120,7 @@ function getAllContent(options) {
                 });
                 return null;
             }
-            return processContentResult(options, content);
+            return _processContentResult(options, content);
         }
         catch (error) {
             logger_js_1.logger.error("Error fetching data. ", error);
@@ -126,4 +128,6 @@ function getAllContent(options) {
         }
     });
 }
+exports.fetchEntries = fetchEntries;
+const getAllContent = fetchEntries;
 exports.getAllContent = getAllContent;

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

@@ -25,7 +25,7 @@ var __spreadValues = (a, b) => {
     return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const evaluate_1 = require("./evaluate");
+const index_js_1 = require("./evaluate/index.js");
 const fast_clone_js_1 = require("./fast-clone.js");
 const set_js_1 = require("./set.js");
 const transform_block_js_1 = require("./transform-block.js");
@@ -40,7 +40,7 @@ const evaluateBindings = ({ block, context, localState, rootState, rootSetState
     });
     for (const binding in block.bindings) {
         const expression = block.bindings[binding];
-        const value = (0, evaluate_1.evaluate)({
+        const value = (0, index_js_1.evaluate)({
             code: expression,
             localState,
             rootState,

package/dist/functions/is-non-node-server.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isNonNodeServer = void 0;
-const is_browser_1 = require("./is-browser");
+const is_browser_js_1 = require("./is-browser.js");
 function isNonNodeServer() {
     const hasNode = () => {
         var _a;
         return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
     };
-    return !(0, is_browser_1.isBrowser)() && !hasNode();
+    return !(0, is_browser_js_1.isBrowser)() && !hasNode();
 }
 exports.isNonNodeServer = isNonNodeServer;

package/dist/functions/transform-block.js

@@ -23,6 +23,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function transformBlock(block) {
     if (block.id.startsWith("builder-pixel-") && !block.component) {
         return __spreadProps(__spreadValues({}, block), {
+            tagName: void 0,
             component: {
                 name: "Image",
                 options: {

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.track = exports.setEditorSettings = exports.register = exports.processContentResult = exports.isPreviewing = exports.isEditing = exports.getContent = exports.getBuilderSearchParams = exports.getAllContent = exports.createRegisterComponentMessage = void 0;
+exports.track = exports.setEditorSettings = exports.register = exports.isPreviewing = exports.isEditing = exports.getContent = exports.getBuilderSearchParams = exports.getAllContent = exports.fetchOneEntry = exports.fetchEntries = exports.fetchBuilderProps = exports.createRegisterComponentMessage = exports._processContentResult = void 0;
 __exportStar(require("./index-helpers/top-of-file.js"), exports);
 __exportStar(require("./index-helpers/blocks-exports.js"), exports);
 const is_editing_js_1 = require("./functions/is-editing.js");
@@ -28,10 +28,14 @@ Object.defineProperty(exports, "register", { enumerable: true, get: function ()
 const set_editor_settings_js_1 = require("./functions/set-editor-settings.js");
 Object.defineProperty(exports, "setEditorSettings", { enumerable: true, get: function () { return set_editor_settings_js_1.setEditorSettings; } });
 const index_js_1 = require("./functions/get-content/index.js");
+Object.defineProperty(exports, "fetchEntries", { enumerable: true, get: function () { return index_js_1.fetchEntries; } });
+Object.defineProperty(exports, "fetchOneEntry", { enumerable: true, get: function () { return index_js_1.fetchOneEntry; } });
 Object.defineProperty(exports, "getAllContent", { enumerable: true, get: function () { return index_js_1.getAllContent; } });
 Object.defineProperty(exports, "getContent", { enumerable: true, get: function () { return index_js_1.getContent; } });
-Object.defineProperty(exports, "processContentResult", { enumerable: true, get: function () { return index_js_1.processContentResult; } });
+Object.defineProperty(exports, "_processContentResult", { enumerable: true, get: function () { return index_js_1._processContentResult; } });
 const index_js_2 = require("./functions/get-builder-search-params/index.js");
 Object.defineProperty(exports, "getBuilderSearchParams", { enumerable: true, get: function () { return index_js_2.getBuilderSearchParams; } });
 const index_js_3 = require("./functions/track/index.js");
 Object.defineProperty(exports, "track", { enumerable: true, get: function () { return index_js_3.track; } });
+const fetch_builder_props_js_1 = require("./functions/fetch-builder-props.js");
+Object.defineProperty(exports, "fetchBuilderProps", { enumerable: true, get: function () { return fetch_builder_props_js_1.fetchBuilderProps; } });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.5.5",
+  "version": "0.5.6-1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -40,6 +40,14 @@
   "nx": {
     "implicitDependencies": [
       "@builder.io/sdks"
-    ]
+    ],
+    "targets": {
+      "build": {
+        "dependsOn": [
+          "^build:react-native",
+          "^build"
+        ]
+      }
+    }
   }
 }

package/src/blocks/symbol/symbol.helpers.js

@@ -35,14 +35,14 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getContent } from "../../functions/get-content/index.js";
 import { logger } from "../../helpers/logger.js";
-const fetchContent = _0 => __async(void 0, [_0], function* ({
+import { fetchOneEntry } from "../../index.js";
+const fetchSymbolContent = _0 => __async(void 0, [_0], function* ({
   builderContextValue,
   symbol
 }) {
   if ((symbol == null ? void 0 : symbol.model) && (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
-    return getContent(__spreadValues({
+    return fetchOneEntry(__spreadValues({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
       apiVersion: builderContextValue.apiVersion
@@ -57,4 +57,4 @@ const fetchContent = _0 => __async(void 0, [_0], function* ({
   }
   return void 0;
 });
-export { fetchContent }
+export { fetchSymbolContent }

package/src/blocks/symbol/symbol.jsx

@@ -11,7 +11,7 @@ import {
 import { useState, useEffect } from "react";
 import ContentVariants from "../../components/content-variants/content-variants";
 import { filterAttrs } from "../helpers.js";
-import { fetchContent } from "./symbol.helpers.js";
+import { fetchSymbolContent } from "./symbol.helpers.js";
 
 function Symbol(props) {
   function className() {
@@ -31,7 +31,7 @@ function Symbol(props) {
 
   function setContent() {
     if (contentToUse) return;
-    fetchContent({
+    fetchSymbolContent({
       symbol: props.symbol,
       builderContextValue: props.builderContext,
     }).then((newContent) => {

package/src/components/block/block.helpers.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-import { evaluate } from "../../functions/evaluate";
+import { evaluate } from "../../functions/evaluate/index.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"];
 const isEmptyHtmlElement = tagName => {

package/src/components/block/block.jsx

@@ -53,7 +53,7 @@ function Block(props) {
   }
 
   function Tag() {
-    return props.block.tagName || "div";
+    return View;
   }
 
   function canShowBlock() {

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

@@ -13,7 +13,7 @@ import BlockStyles from "../block-styles";
 import Block from "../../block";
 import InteractiveElement from "../interactive-element";
 import { getWrapperProps } from "./component-ref.helpers.js";
-import BuilderContext from "../../../../context/builder.context";
+import BuilderContext from "../../../../context/builder.context.js";
 
 function ComponentRef(props) {
   const [Wrapper, setWrapper] = useState(() =>

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

@@ -9,7 +9,7 @@ import {
   Text,
 } from "react-native";
 import { useState, useContext } from "react";
-import BuilderContext from "../../../context/builder.context";
+import BuilderContext from "../../../context/builder.context.js";
 import Block from "../block";
 
 function RepeatedBlock(props) {

package/src/components/blocks/blocks.jsx

@@ -12,8 +12,8 @@ import { useContext } from "react";
 import BlockStyles from "../block/components/block-styles";
 import Block from "../block/block";
 import BlocksWrapper from "./blocks-wrapper";
-import BuilderContext from "../../context/builder.context";
-import ComponentsContext from "../../context/components.context";
+import BuilderContext from "../../context/builder.context.js";
+import ComponentsContext from "../../context/components.context.js";
 
 function Blocks(props) {
   const builderContext = useContext(BuilderContext);

package/src/components/content/components/enable-editor.jsx

@@ -9,13 +9,13 @@ import {
   Text,
 } from "react-native";
 import { useState, useContext, useRef, useEffect } from "react";
-import { evaluate } from "../../../functions/evaluate";
+import { evaluate } from "../../../functions/evaluate/index.js";
 import { fetch } from "../../../functions/get-fetch.js";
 import { isBrowser } from "../../../functions/is-browser.js";
 import { isEditing } from "../../../functions/is-editing.js";
 import { createRegisterComponentMessage } from "../../../functions/register-component.js";
 import { _track } from "../../../functions/track/index.js";
-import builderContext from "../../../context/builder.context";
+import builderContext from "../../../context/builder.context.js";
 import {
   registerInsertMenu,
   setupBrowserForEditing,
@@ -23,7 +23,7 @@ import {
 import { checkIsDefined } from "../../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
 import { logger } from "../../../helpers/logger.js";
-import { getContent } from "../../../functions/get-content/index.js";
+import { fetchOneEntry } from "../../../functions/get-content/index.js";
 import { isPreviewing } from "../../../functions/is-previewing.js";
 import { postPreviewContent } from "../../../helpers/preview-lru-cache/set.js";
 
@@ -268,7 +268,7 @@ function EnableEditor(props) {
           previewApiKey === props.apiKey &&
           (!props.content || searchParamPreviewId === props.content.id)
         ) {
-          getContent({
+          fetchOneEntry({
             model: props.model,
             apiKey: props.apiKey,
             apiVersion: props.builderContextSignal.apiVersion,
@@ -320,7 +320,7 @@ function EnableEditor(props) {
     <builderContext.Provider value={props.builderContextSignal}>
       {props.builderContextSignal.content ? (
         <>
-          <View
+          <ScrollView
             key={forceReRenderCount}
             ref={elementRef}
             onClick={(event) => onClick(event)}
@@ -340,7 +340,7 @@ function EnableEditor(props) {
                 })}
           >
             {props.children}
-          </View>
+          </ScrollView>
         </>
       ) : null}
     </builderContext.Provider>

package/src/components/content/content.jsx

@@ -25,7 +25,7 @@ import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor";
 import InlinedScript from "../inlined-script";
 import { wrapComponentRef } from "./wrap-component-ref.js";
-import ComponentsContext from "../../context/components.context";
+import ComponentsContext from "../../context/components.context.js";
 
 function ContentComponent(props) {
   const [scriptStr, setScriptStr] = useState(() =>

package/src/functions/fetch-builder-props.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+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 __spreadValues = (a, b) => {
+  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]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = value => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    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);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { getBuilderSearchParams } from "./get-builder-search-params/index.js";
+import { fetchOneEntry } from "./get-content/index.js";
+const fetchBuilderProps = _args => __async(void 0, null, function* () {
+  var _a, _b, _c;
+  const urlPath = _args.path || ((_a = _args.url) == null ? void 0 : _a.pathname) || ((_b = _args.userAttributes) == null ? void 0 : _b.urlPath);
+  const getContentArgs = __spreadProps(__spreadValues({}, _args), {
+    apiKey: _args.apiKey,
+    model: _args.model || "page",
+    userAttributes: __spreadValues(__spreadValues({}, _args.userAttributes), urlPath ? {
+      urlPath
+    } : {}),
+    options: getBuilderSearchParams(_args.searchParams || ((_c = _args.url) == null ? void 0 : _c.searchParams) || _args.options)
+  });
+  return {
+    apiKey: getContentArgs.apiKey,
+    model: getContentArgs.model,
+    content: yield fetchOneEntry(getContentArgs)
+  };
+});
+export { fetchBuilderProps }

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

@@ -47,9 +47,9 @@ import { fetch } from "../get-fetch.js";
 import { isBrowser } from "../is-browser.js";
 import { generateContentUrl } from "./generate-content-url.js";
 const checkContentHasResults = content => "results" in content;
-function getContent(options) {
+function fetchOneEntry(options) {
   return __async(this, null, function* () {
-    const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), {
+    const allContent = yield fetchEntries(__spreadProps(__spreadValues({}, options), {
       limit: 1
     }));
     if (allContent) {
@@ -58,13 +58,14 @@ function getContent(options) {
     return null;
   });
 }
-const fetchContent = options => __async(void 0, null, function* () {
+const getContent = fetchOneEntry;
+const _fetchContent = options => __async(void 0, null, function* () {
   const url = generateContentUrl(options);
   const res = yield fetch(url.href);
   const content = yield res.json();
   return content;
 });
-const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = generateContentUrl(options)) {
+const _processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = generateContentUrl(options)) {
   const canTrack = getDefaultCanTrack(options.canTrack);
   const isPreviewing = url.search.includes(`preview=`);
   if (TARGET === "rsc" && isPreviewing) {
@@ -91,11 +92,11 @@ const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2],
   }
   return content;
 });
-function getAllContent(options) {
+function fetchEntries(options) {
   return __async(this, null, function* () {
     try {
       const url = generateContentUrl(options);
-      const content = yield fetchContent(options);
+      const content = yield _fetchContent(options);
       if (!checkContentHasResults(content)) {
         logger.error("Error fetching data. ", {
           url,
@@ -104,11 +105,12 @@ function getAllContent(options) {
         });
         return null;
       }
-      return processContentResult(options, content);
+      return _processContentResult(options, content);
     } catch (error) {
       logger.error("Error fetching data. ", error);
       return null;
     }
   });
 }
-export { getAllContent, getContent, processContentResult }
+const getAllContent = fetchEntries;
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent }

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

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { evaluate } from "./evaluate";
+import { evaluate } from "./evaluate/index.js";
 import { fastClone } from "./fast-clone.js";
 import { set } from "./set.js";
 import { transformBlock } from "./transform-block.js";

package/src/functions/is-non-node-server.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 function isNonNodeServer() {
   const hasNode = () => {
     var _a;

package/src/functions/transform-block.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function transformBlock(block) {
   if (block.id.startsWith("builder-pixel-") && !block.component) {
     return __spreadProps(__spreadValues({}, block), {
+      tagName: void 0,
       component: {
         name: "Image",
         options: {

package/src/index.js

@@ -5,7 +5,8 @@ import { isPreviewing } from "./functions/is-previewing.js";
 import { createRegisterComponentMessage } from "./functions/register-component.js";
 import { register } from "./functions/register.js";
 import { setEditorSettings } from "./functions/set-editor-settings.js";
-import { getAllContent, getContent, processContentResult } from "./functions/get-content/index.js";
+import { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from "./functions/get-content/index.js";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.js";
 import { track } from "./functions/track/index.js";
-export { createRegisterComponentMessage, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, processContentResult, register, setEditorSettings, track }
+import { fetchBuilderProps } from "./functions/fetch-builder-props.js";
+export { _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track }

package/dist/functions/if-target.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ifTarget = void 0;
-const target_js_1 = require("../constants/target.js");
-function ifTarget({ targets, doThing, elseThing }) {
-    if (target_js_1.TARGET && targets.includes(target_js_1.TARGET)) {
-        return doThing();
-    }
-    else {
-        return elseThing == null ? void 0 : elseThing();
-    }
-}
-exports.ifTarget = ifTarget;

package/src/functions/if-target.js

@@ -1,13 +0,0 @@
-import { TARGET } from "../constants/target.js";
-function ifTarget({
-  targets,
-  doThing,
-  elseThing
-}) {
-  if (TARGET && targets.includes(TARGET)) {
-    return doThing();
-  } else {
-    return elseThing == null ? void 0 : elseThing();
-  }
-}
-export { ifTarget }