@builder.io/sdk-react-native 0.2.3 → 0.4.0

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

@@ -0,0 +1,73 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+const helpers_1 = require("./helpers");
+const render_content_1 = __importDefault(require("../render-content/render-content"));
+const canTrack_1 = require("../../helpers/canTrack");
+const render_inlined_styles_1 = __importDefault(require("../render-inlined-styles"));
+const ab_tests_1 = require("../../helpers/ab-tests");
+function RenderContentVariants(props) {
+    var _a, _b, _c, _d, _e;
+    const [variantScriptStr, setVariantScriptStr] = (0, react_1.useState)(() => {
+        var _a;
+        return (0, helpers_1.getVariantsScriptString)((0, helpers_1.getVariants)(props.content).map((value) => ({
+            id: value.id,
+            testRatio: value.testRatio,
+        })), ((_a = props.content) === null || _a === void 0 ? void 0 : _a.id) || "");
+    });
+    const [shouldRenderVariants, setShouldRenderVariants] = (0, react_1.useState)(() => (0, helpers_1.checkShouldRunVariants)({
+        canTrack: (0, canTrack_1.getDefaultCanTrack)(props.canTrack),
+        content: props.content,
+    }));
+    const [hideVariantsStyleString, setHideVariantsStyleString] = (0, react_1.useState)(() => (0, helpers_1.getVariants)(props.content)
+        .map((value) => `.variant-${value.id} { display: none; } `)
+        .join(""));
+    const [contentToRender, setContentToRender] = (0, react_1.useState)(() => (0, helpers_1.checkShouldRunVariants)({
+        canTrack: (0, canTrack_1.getDefaultCanTrack)(props.canTrack),
+        content: props.content,
+    })
+        ? props.content
+        : (0, ab_tests_1.handleABTestingSync)({
+            item: props.content,
+            canTrack: (0, canTrack_1.getDefaultCanTrack)(props.canTrack),
+        }));
+    return (React.createElement(React.Fragment, null,
+        shouldRenderVariants ? (React.createElement(React.Fragment, null,
+            React.createElement(render_inlined_styles_1.default, { id: `variants-styles-${(_a = props.content) === null || _a === void 0 ? void 0 : _a.id}`, styles: hideVariantsStyleString }),
+            React.createElement(react_native_1.View, { id: `variants-script-${(_b = props.content) === null || _b === void 0 ? void 0 : _b.id}`, dangerouslySetInnerHTML: { __html: variantScriptStr } }), (_c = (0, helpers_1.getVariants)(props.content)) === null || _c === void 0 ? void 0 :
+            _c.map((variant) => {
+                var _a;
+                return (React.createElement(render_content_1.default, { key: variant.id, content: variant, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents, hideContent: true, parentContentId: (_a = props.content) === null || _a === void 0 ? void 0 : _a.id, isSsrAbTest: shouldRenderVariants }));
+            }))) : null,
+        React.createElement(render_content_1.default, { model: props.model, content: contentToRender, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents, classNameProp: `variant-${(_d = props.content) === null || _d === void 0 ? void 0 : _d.id}`, parentContentId: (_e = props.content) === null || _e === void 0 ? void 0 : _e.id, isSsrAbTest: shouldRenderVariants })));
+}
+exports.default = RenderContentVariants;

package/dist/components/render-inlined-styles.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -25,18 +26,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const target_js_1 = require("../constants/target.js");
 function RenderInlinedStyles(props) {
-    function tag() {
-        // NOTE: we have to obfusctate the name of the tag due to a limitation in the svelte-preprocessor plugin.
-        // https://github.com/sveltejs/vite-plugin-svelte/issues/315#issuecomment-1109000027
-        return "sty" + "le";
-    }
-    function injectedStyleScript() {
-        return `<${tag()}>${props.styles}</${tag()}>`;
-    }
-    return (React.createElement(React.Fragment, null, target_js_1.TARGET === "svelte" || target_js_1.TARGET === "qwik" ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.styles } }))) : (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, props.styles)))));
+    return (React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.styles }, id: props.id }));
 }
 exports.default = RenderInlinedStyles;

package/dist/constants/sdk-version.js

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

package/dist/context/builder.context.js

@@ -5,9 +5,10 @@ const react_1 = require("react");
 var stdin_default = (0, react_1.createContext)({
     content: null,
     context: {},
-    state: {},
-    setState() {
+    localState: void 0,
+    rootSetState() {
     },
+    rootState: {},
     apiKey: null,
     apiVersion: void 0,
     registeredComponents: {},

package/dist/functions/evaluate.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.evaluate = void 0;
+exports.flattenState = exports.evaluate = void 0;
 const is_browser_js_1 = require("./is-browser.js");
 const is_editing_js_1 = require("./is-editing.js");
-function evaluate({ code, context, state, event, isExpression = true }) {
+function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
     if (code === "") {
         console.warn("Skipping evaluation of empty code block.");
         return;
@@ -16,10 +16,32 @@ function evaluate({ code, context, state, event, isExpression = true }) {
     const useReturn = isExpression && !(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, state, context, event);
+        return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, flattenState(rootState, localState, rootSetState), context, event);
     }
     catch (e) {
         console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
     }
 }
 exports.evaluate = evaluate;
+function flattenState(rootState, localState, rootSetState) {
+    if (rootState === localState) {
+        throw new Error("rootState === localState");
+    }
+    return new Proxy(rootState, {
+        get: (_, prop) => {
+            if (localState && prop in localState) {
+                return localState[prop];
+            }
+            return rootState[prop];
+        },
+        set: (_, prop, value) => {
+            if (localState && prop in localState) {
+                throw new Error("Writing to local state is not allowed as it is read-only.");
+            }
+            rootState[prop] = value;
+            rootSetState == null ? void 0 : rootSetState(rootState);
+            return true;
+        }
+    });
+}
+exports.flattenState = flattenState;

package/dist/functions/evaluate.test.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const evaluate_1 = require("./evaluate");
+describe("flatten state", () => {
+    it("should behave normally when no PROTO_STATE", () => {
+        const localState = {};
+        const rootState = { foo: "bar" };
+        const flattened = (0, evaluate_1.flattenState)(rootState, localState, void 0);
+        expect(flattened.foo).toEqual("bar");
+        flattened.foo = "baz";
+        expect(rootState.foo).toEqual("baz");
+    });
+    it("should shadow write ", () => {
+        const rootState = { foo: "foo" };
+        const localState = { foo: "baz" };
+        const flattened = (0, evaluate_1.flattenState)(rootState, localState, void 0);
+        expect(() => flattened.foo = "bar").toThrow("Writing to local state is not allowed as it is read-only.");
+    });
+});

package/dist/functions/get-block-actions-handler.js

@@ -5,7 +5,9 @@ const evaluate_js_1 = require("./evaluate.js");
 const createEventHandler = (value, options) => (event) => (0, evaluate_js_1.evaluate)({
     code: value,
     context: options.context,
-    state: options.state,
+    localState: options.localState,
+    rootState: options.rootState,
+    rootSetState: options.rootSetState,
     event,
     isExpression: false
 });

package/dist/functions/get-content/generate-content-url.js

@@ -21,14 +21,14 @@ const flatten_js_1 = require("../../helpers/flatten.js");
 const index_js_1 = require("../get-builder-search-params/index.js");
 const api_version_1 = require("../../types/api-version");
 const generateContentUrl = (options) => {
-    const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey, includeRefs = true, locale, apiVersion = api_version_1.DEFAULT_API_VERSION } = options;
+    const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey, includeRefs = true, enrich, locale, apiVersion = api_version_1.DEFAULT_API_VERSION } = options;
     if (!apiKey) {
         throw new Error("Missing API key");
     }
     if (!["v2", "v3"].includes(apiVersion)) {
         throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
     }
-    const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
+    const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}${enrich ? `&enrich=${enrich}` : ""}`);
     const queryOptions = __spreadValues(__spreadValues({}, (0, index_js_1.getBuilderSearchParamsFromWindow)()), (0, index_js_1.normalizeSearchParams)(options.options || {}));
     const flattened = (0, flatten_js_1.flatten)(queryOptions);
     for (const key in flattened) {

package/dist/functions/get-content/generate-content-url.test.js

@@ -81,4 +81,19 @@ describe("Generate Content URL", () => {
             });
         }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'INVALID_API_VERSION'`);
     });
+    test("generate content url with enrich option true", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            enrich: true
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("generate content url with enrich option not present", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel
+        });
+        expect(output).toMatchSnapshot();
+    });
 });

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getContent = exports.getAllContent = void 0;
+exports.processContentResult = exports.getContent = exports.getAllContent = void 0;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -42,42 +42,59 @@ var __async = (__this, __arguments, generator) => {
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
+const target_js_1 = require("../../constants/target.js");
+const ab_tests_js_1 = require("../../helpers/ab-tests.js");
+const canTrack_js_1 = require("../../helpers/canTrack.js");
 const logger_js_1 = require("../../helpers/logger.js");
 const get_fetch_js_1 = require("../get-fetch.js");
-const ab_testing_js_1 = require("./ab-testing.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) {
     return __async(this, null, function* () {
         const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }));
-        if (allContent && "results" in allContent) {
-            return (allContent == null ? void 0 : allContent.results[0]) || null;
+        if (allContent && checkContentHasResults(allContent)) {
+            return allContent.results[0] || null;
         }
         return null;
     });
 }
 exports.getContent = getContent;
+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 = (options, content) => __async(void 0, null, function* () {
+    const canTrack = (0, canTrack_js_1.getDefaultCanTrack)(options.canTrack);
+    if (!canTrack)
+        return content;
+    if (!((0, is_browser_js_1.isBrowser)() || target_js_1.TARGET === "reactNative"))
+        return content;
+    try {
+        const newResults = [];
+        for (const item of content.results) {
+            newResults.push(yield (0, ab_tests_js_1.handleABTesting)({ item, canTrack }));
+        }
+        content.results = newResults;
+    }
+    catch (e) {
+        logger_js_1.logger.error("Could not process A/B tests. ", e);
+    }
+    return content;
+});
+exports.processContentResult = processContentResult;
 function getAllContent(options) {
     return __async(this, null, function* () {
         try {
             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)) {
+            const content = yield fetchContent(options);
+            if (!checkContentHasResults(content)) {
                 logger_js_1.logger.error("Error fetching data. ", { url, content, options });
                 return content;
             }
-            const canTrack = options.canTrack !== false;
-            try {
-                if (canTrack && Array.isArray(content.results)) {
-                    for (const item of content.results) {
-                        yield (0, ab_testing_js_1.handleABTesting)({ item, canTrack });
-                    }
-                }
-            }
-            catch (e) {
-                logger_js_1.logger.error("Could not setup A/B testing. ", e);
-            }
-            return content;
+            return processContentResult(options, content);
         }
         catch (error) {
             logger_js_1.logger.error("Error fetching data. ", error);

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

@@ -24,7 +24,7 @@ const evaluate_js_1 = require("./evaluate.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");
-const evaluateBindings = ({ block, context, state }) => {
+const evaluateBindings = ({ block, context, localState, rootState, rootSetState }) => {
     if (!block.bindings) {
         return block;
     }
@@ -35,15 +35,27 @@ const evaluateBindings = ({ block, context, state }) => {
     });
     for (const binding in block.bindings) {
         const expression = block.bindings[binding];
-        const value = (0, evaluate_js_1.evaluate)({ code: expression, state, context });
+        const value = (0, evaluate_js_1.evaluate)({
+            code: expression,
+            localState,
+            rootState,
+            rootSetState,
+            context
+        });
         (0, set_js_1.set)(copied, binding, value);
     }
     return copied;
 };
-function getProcessedBlock({ block, context, shouldEvaluateBindings, state }) {
+function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
     const transformedBlock = (0, transform_block_js_1.transformBlock)(block);
     if (shouldEvaluateBindings) {
-        return evaluateBindings({ block: transformedBlock, state, context });
+        return evaluateBindings({
+            block: transformedBlock,
+            localState,
+            rootState,
+            rootSetState,
+            context
+        });
     }
     else {
         return transformedBlock;

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

@@ -22,7 +22,9 @@ test("Can process bindings", () => {
     const processed = (0, get_processed_block_js_1.getProcessedBlock)({
         block,
         context: {},
-        state: { test: "hello" },
+        rootState: { test: "hello" },
+        rootSetState: void 0,
+        localState: void 0,
         shouldEvaluateBindings: true
     });
     expect(processed).not.toEqual(block);

package/dist/helpers/ab-tests.js

@@ -1,10 +1,127 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setContentVariationCookie = exports.getContentVariationCookie = void 0;
+exports.handleABTestingSync = exports.handleABTesting = void 0;
+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 __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 __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 cookie_js_1 = require("./cookie.js");
-const BUILDER_STORE_PREFIX = "builderio.variations";
+const nullable_js_1 = require("../helpers/nullable.js");
+const logger_js_1 = require("./logger.js");
+const BUILDER_STORE_PREFIX = "builder.tests";
 const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
-const getContentVariationCookie = ({ contentId, canTrack }) => (0, cookie_js_1.getCookie)({ name: getContentTestKey(contentId), canTrack });
-exports.getContentVariationCookie = getContentVariationCookie;
-const setContentVariationCookie = ({ contentId, canTrack, value }) => (0, cookie_js_1.setCookie)({ name: getContentTestKey(contentId), value, canTrack });
-exports.setContentVariationCookie = setContentVariationCookie;
+const getContentVariationCookie = ({ contentId }) => (0, cookie_js_1.getCookie)({ name: getContentTestKey(contentId), canTrack: true });
+const getContentVariationCookieSync = ({ contentId }) => (0, cookie_js_1.getCookieSync)({ name: getContentTestKey(contentId), canTrack: true });
+const setContentVariationCookie = ({ contentId, value }) => (0, cookie_js_1.setCookie)({ name: getContentTestKey(contentId), value, canTrack: true });
+const checkIsBuilderContentWithVariations = (item) => (0, nullable_js_1.checkIsDefined)(item.id) && (0, nullable_js_1.checkIsDefined)(item.variations) && Object.keys(item.variations).length > 0;
+const getRandomVariationId = ({ id, variations }) => {
+    var _a;
+    let n = 0;
+    const random = Math.random();
+    for (const id2 in variations) {
+        const testRatio = (_a = variations[id2]) == null ? void 0 : _a.testRatio;
+        n += testRatio;
+        if (random < n) {
+            return id2;
+        }
+    }
+    return id;
+};
+const getAndSetVariantId = (args) => {
+    const randomVariationId = getRandomVariationId(args);
+    setContentVariationCookie({
+        contentId: args.id,
+        value: randomVariationId
+    }).catch((err) => {
+        logger_js_1.logger.error("could not store A/B test variation: ", err);
+    });
+    return randomVariationId;
+};
+const getTestFields = ({ item, testGroupId }) => {
+    const variationValue = item.variations[testGroupId];
+    if (testGroupId === item.id || !variationValue) {
+        return {
+            testVariationId: item.id,
+            testVariationName: "Default"
+        };
+    }
+    else {
+        return {
+            data: variationValue.data,
+            testVariationId: variationValue.id,
+            testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
+        };
+    }
+};
+const handleABTestingSync = ({ item, canTrack }) => {
+    if (!canTrack) {
+        return item;
+    }
+    if (!item) {
+        return void 0;
+    }
+    if (!checkIsBuilderContentWithVariations(item)) {
+        return item;
+    }
+    const testGroupId = getContentVariationCookieSync({
+        contentId: item.id
+    }) || getAndSetVariantId({
+        variations: item.variations,
+        id: item.id
+    });
+    const variationValue = getTestFields({ item, testGroupId });
+    return __spreadValues(__spreadValues({}, item), variationValue);
+};
+exports.handleABTestingSync = handleABTestingSync;
+const handleABTesting = (_0) => __async(void 0, [_0], function* ({ item, canTrack }) {
+    if (!canTrack) {
+        return item;
+    }
+    if (!checkIsBuilderContentWithVariations(item)) {
+        return item;
+    }
+    const cookieValue = yield getContentVariationCookie({
+        contentId: item.id
+    });
+    const testGroupId = cookieValue || getAndSetVariantId({
+        variations: item.variations,
+        id: item.id
+    });
+    const variationValue = getTestFields({ item, testGroupId });
+    return __spreadValues(__spreadValues({}, item), variationValue);
+});
+exports.handleABTesting = handleABTesting;

package/dist/helpers/canTrack.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultCanTrack = void 0;
+const nullable_1 = require("./nullable");
+const getDefaultCanTrack = (canTrack) => (0, nullable_1.checkIsDefined)(canTrack) ? canTrack : true;
+exports.getDefaultCanTrack = getDefaultCanTrack;

package/dist/helpers/cookie.js

@@ -26,6 +26,7 @@ var __async = (__this, __arguments, generator) => {
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
+const logger_js_1 = require("./logger.js");
 const react_native_storage_1 = __importDefault(require("react-native-storage"));
 const is_browser_js_1 = require("../functions/is-browser.js");
 const async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
@@ -52,7 +53,10 @@ const getCookie = (_0) => __async(void 0, [_0], function* ({ name, canTrack }) {
         return data.value;
     }
     catch (err) {
-        console.debug("[COOKIE] GET error: ", err);
+        if ((err == null ? void 0 : err.name) !== "NotFoundError") {
+            logger_js_1.logger.warn("[COOKIE] GET error: ", (err == null ? void 0 : err.message) || err);
+        }
+        return void 0;
     }
 });
 exports.getCookie = getCookie;
@@ -64,7 +68,10 @@ const setCookie = (_0) => __async(void 0, [_0], function* ({ name, value, expire
         yield storage.save({ key: getStorageName(name), data: { value }, expires });
     }
     catch (err) {
-        console.warn("[COOKIE] SET error: ", err);
+        if ((err == null ? void 0 : err.name) !== "NotFoundError") {
+            logger_js_1.logger.warn("[COOKIE] SET error: ", (err == null ? void 0 : err.message) || err);
+        }
+        return void 0;
     }
 });
 exports.setCookie = setCookie;

package/dist/helpers/logger.js

@@ -5,6 +5,7 @@ const MSG_PREFIX = "[Builder.io]: ";
 const logger = {
     log: (...message) => console.log(MSG_PREFIX, ...message),
     error: (...message) => console.error(MSG_PREFIX, ...message),
-    warn: (...message) => console.warn(MSG_PREFIX, ...message)
+    warn: (...message) => console.warn(MSG_PREFIX, ...message),
+    debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
 exports.logger = logger;

package/dist/index.js

@@ -14,15 +14,22 @@ 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 = void 0;
+exports.track = exports.setEditorSettings = exports.register = exports.processContentResult = exports.isPreviewing = exports.isEditing = exports.getContent = exports.getAllContent = exports.createRegisterComponentMessage = void 0;
 __exportStar(require("./index-helpers/top-of-file.js"), exports);
 __exportStar(require("./index-helpers/blocks-exports.js"), exports);
-__exportStar(require("./functions/is-editing.js"), exports);
-__exportStar(require("./functions/is-previewing.js"), exports);
-__exportStar(require("./functions/register-component.js"), exports);
-__exportStar(require("./functions/register.js"), exports);
-__exportStar(require("./functions/set-editor-settings.js"), exports);
-__exportStar(require("./functions/get-content/index.js"), exports);
-__exportStar(require("./functions/get-builder-search-params/index.js"), exports);
-const index_js_1 = require("./functions/track/index.js");
-Object.defineProperty(exports, "track", { enumerable: true, get: function () { return index_js_1.track; } });
+const is_editing_js_1 = require("./functions/is-editing.js");
+Object.defineProperty(exports, "isEditing", { enumerable: true, get: function () { return is_editing_js_1.isEditing; } });
+const is_previewing_js_1 = require("./functions/is-previewing.js");
+Object.defineProperty(exports, "isPreviewing", { enumerable: true, get: function () { return is_previewing_js_1.isPreviewing; } });
+const register_component_js_1 = require("./functions/register-component.js");
+Object.defineProperty(exports, "createRegisterComponentMessage", { enumerable: true, get: function () { return register_component_js_1.createRegisterComponentMessage; } });
+const register_js_1 = require("./functions/register.js");
+Object.defineProperty(exports, "register", { enumerable: true, get: function () { return register_js_1.register; } });
+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, "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; } });
+const index_js_2 = require("./functions/track/index.js");
+Object.defineProperty(exports, "track", { enumerable: true, get: function () { return index_js_2.track; } });

package/dist/scripts/init-editing.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupBrowserForEditing = exports.registerInsertMenu = void 0;
+const sdk_version_js_1 = require("../constants/sdk-version.js");
 const target_js_1 = require("../constants/target.js");
 const is_browser_js_1 = require("../functions/is-browser.js");
 const register_js_1 = require("../functions/register.js");
@@ -35,6 +36,7 @@ const setupBrowserForEditing = (options = {}) => {
             type: "builder.sdkInfo",
             data: {
                 target: target_js_1.TARGET,
+                version: sdk_version_js_1.SDK_VERSION,
                 supportsPatchUpdates: false,
                 supportsAddBlockScoping: true,
                 supportsCustomBreakpoints: true

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.2.3",
+  "version": "0.4.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,10 +13,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
-    "release:patch": "yarn run build && npm version patch && npm publish",
-    "release:minor": "yarn run build && npm version minor && npm publish",
-    "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
+    "build": "tsc"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.17.10",

package/src/blocks/button/button.jsx

@@ -1,3 +1,4 @@
+'use client';
 import BaseText from "../BaseText";
 import * as React from "react";
 import {