@builder.io/sdk-react 0.2.3-0 → 0.2.3-2

package/dist/react/cjs/functions/get-block-properties.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBlockProperties = 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));
+const target_js_1 = require("../constants/target.js");
+const css_js_1 = require("../helpers/css.js");
+const transform_block_properties_js_1 = require("./transform-block-properties.js");
+const extractRelevantRootBlockProperties = (block) => {
+    return { href: block.href };
+};
+function getBlockProperties(block) {
+    var _a;
+    const properties = __spreadProps(__spreadValues(__spreadValues({}, extractRelevantRootBlockProperties(block)), block.properties), {
+        "builder-id": block.id,
+        style: getStyleAttribute(block.style),
+        class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")
+    });
+    return (0, transform_block_properties_js_1.transformBlockProperties)(properties);
+}
+exports.getBlockProperties = getBlockProperties;
+function getStyleAttribute(style) {
+    if (!style) {
+        return void 0;
+    }
+    switch (target_js_1.TARGET) {
+        case "svelte":
+        case "vue2":
+        case "vue3":
+        case "solid":
+            return (0, css_js_1.convertStyleMapToCSSArray)(style).join(" ");
+        case "qwik":
+        case "reactNative":
+        case "react":
+            return style;
+    }
+}

package/dist/react/cjs/functions/get-builder-search-params/fn.test.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require(".");
+const querystring = "someotherValue=jklsjfdal&abc=klfdjklgfds&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=037948e52eaf4743afed464f02c70da4&builder.overrides.037948e52eaf4743afed464f02c70da4=037948e52eaf4743afed464f02c70da4&builder.overrides.page%3A%2F=037948e52eaf4743afed464f02c70da4&preview_theme_id=128854393017";
+const url = new URL(`localhost:3000/about-us?${querystring}`);
+describe("Get Builder SearchParams", () => {
+    test("correctly converts URLSearchParams to object", () => {
+        const output = (0, _1.convertSearchParamsToQueryObject)(url.searchParams);
+        expect(output).toMatchSnapshot();
+    });
+    test("correctly extracts all builder params from a query object", () => {
+        const output = (0, _1.getBuilderSearchParams)((0, _1.convertSearchParamsToQueryObject)(url.searchParams));
+        expect(output).toMatchSnapshot();
+    });
+});

package/dist/react/cjs/functions/get-builder-search-params/index.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeSearchParams = exports.getBuilderSearchParamsFromWindow = exports.getBuilderSearchParams = exports.convertSearchParamsToQueryObject = void 0;
+const is_browser_js_1 = require("../is-browser.js");
+const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
+const BUILDER_OPTIONS_PREFIX = "options.";
+const convertSearchParamsToQueryObject = (searchParams) => {
+    const options = {};
+    searchParams.forEach((value, key) => {
+        options[key] = value;
+    });
+    return options;
+};
+exports.convertSearchParamsToQueryObject = convertSearchParamsToQueryObject;
+const getBuilderSearchParams = (_options) => {
+    if (!_options) {
+        return {};
+    }
+    const options = normalizeSearchParams(_options);
+    const newOptions = {};
+    Object.keys(options).forEach((key) => {
+        if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+            const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
+            newOptions[trimmedKey] = options[key];
+        }
+    });
+    return newOptions;
+};
+exports.getBuilderSearchParams = getBuilderSearchParams;
+const getBuilderSearchParamsFromWindow = () => {
+    if (!(0, is_browser_js_1.isBrowser)()) {
+        return {};
+    }
+    const searchParams = new URLSearchParams(window.location.search);
+    return getBuilderSearchParams(searchParams);
+};
+exports.getBuilderSearchParamsFromWindow = getBuilderSearchParamsFromWindow;
+const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
+exports.normalizeSearchParams = normalizeSearchParams;

package/dist/react/cjs/functions/get-content/ab-testing.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleABTesting = void 0;
+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 ab_tests_js_1 = require("../../helpers/ab-tests.js");
+const nullable_js_1 = require("../../helpers/nullable.js");
+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 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 getContentVariation = (_0) => __async(void 0, [_0], function* ({ item, canTrack }) {
+    const testGroupId = yield (0, ab_tests_js_1.getContentVariationCookie)({
+        canTrack,
+        contentId: item.id
+    });
+    const testFields = testGroupId ? getTestFields({ item, testGroupId }) : void 0;
+    if (testFields) {
+        return testFields;
+    }
+    else {
+        const randomVariationId = getRandomVariationId({
+            variations: item.variations,
+            id: item.id
+        });
+        (0, ab_tests_js_1.setContentVariationCookie)({
+            contentId: item.id,
+            value: randomVariationId,
+            canTrack
+        }).catch((err) => {
+            console.error("could not store A/B test variation: ", err);
+        });
+        return getTestFields({ item, testGroupId: randomVariationId });
+    }
+});
+const handleABTesting = (_0) => __async(void 0, [_0], function* ({ item, canTrack }) {
+    if (!checkIsBuilderContentWithVariations(item)) {
+        return;
+    }
+    const variationValue = yield getContentVariation({ item, canTrack });
+    Object.assign(item, variationValue);
+});
+exports.handleABTesting = handleABTesting;

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateContentUrl = 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;
+};
+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;
+    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 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) {
+        url.searchParams.set(key, String(flattened[key]));
+    }
+    if (userAttributes) {
+        url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
+    }
+    if (query) {
+        const flattened2 = (0, flatten_js_1.flatten)({ query });
+        for (const key in flattened2) {
+            url.searchParams.set(key, JSON.stringify(flattened2[key]));
+        }
+    }
+    return url;
+};
+exports.generateContentUrl = generateContentUrl;

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_content_url_1 = require("./generate-content-url");
+const testKey = "YJIGb4i01jvw0SRdL5Bt";
+const testModel = "page";
+const testId = "c1b81bab59704599b997574eb0736def";
+const options = {
+    cachebust: "true",
+    noCache: "true",
+    "overrides.037948e52eaf4743afed464f02c70da4": "037948e52eaf4743afed464f02c70da4",
+    "overrides.page": "037948e52eaf4743afed464f02c70da4",
+    "overrides.page:/": "037948e52eaf4743afed464f02c70da4",
+    preview: "page"
+};
+describe("Generate Content URL", () => {
+    test("generates the proper value for a simple query", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            query: { id: testId }
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("Handles overrides correctly", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            query: { id: testId },
+            options
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("generate content url with apiVersion as default", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            query: { id: testId },
+            options
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("generate content url with apiVersion as v2", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            query: { id: testId },
+            options,
+            apiVersion: "v2"
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("generate content url with apiVersion as v3", () => {
+        const output = (0, generate_content_url_1.generateContentUrl)({
+            apiKey: testKey,
+            model: testModel,
+            query: { id: testId },
+            options,
+            apiVersion: "v3"
+        });
+        expect(output).toMatchSnapshot();
+    });
+    test("throw error when trying to generate content url with apiVersion as v1", () => {
+        expect(() => {
+            (0, generate_content_url_1.generateContentUrl)({
+                apiKey: testKey,
+                model: testModel,
+                query: { id: testId },
+                options,
+                apiVersion: "v1"
+            });
+        }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'v1'`);
+    });
+    test("throw error when trying to generate content url with an invalid apiVersion value", () => {
+        expect(() => {
+            (0, generate_content_url_1.generateContentUrl)({
+                apiKey: testKey,
+                model: testModel,
+                query: { id: testId },
+                options,
+                apiVersion: "INVALID_API_VERSION"
+            });
+        }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'INVALID_API_VERSION'`);
+    });
+});

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContent = exports.getAllContent = 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 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 generate_content_url_js_1 = require("./generate-content-url.js");
+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;
+        }
+        return null;
+    });
+}
+exports.getContent = getContent;
+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)) {
+                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;
+        }
+        catch (error) {
+            logger_js_1.logger.error("Error fetching data. ", error);
+            return null;
+        }
+    });
+}
+exports.getAllContent = getAllContent;

package/dist/react/cjs/functions/get-fetch.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetch = void 0;
+const get_global_this_js_1 = require("./get-global-this.js");
+function getFetch() {
+    const globalFetch = (0, get_global_this_js_1.getGlobalThis)().fetch;
+    if (typeof globalFetch === "undefined") {
+        console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
+        throw new Error("Builder SDK could not find a global `fetch` function");
+    }
+    return globalFetch;
+}
+const fetch = getFetch();
+exports.fetch = fetch;

package/dist/react/cjs/functions/get-global-this.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGlobalThis = void 0;
+function getGlobalThis() {
+    if (typeof globalThis !== "undefined") {
+        return globalThis;
+    }
+    if (typeof window !== "undefined") {
+        return window;
+    }
+    if (typeof global !== "undefined") {
+        return global;
+    }
+    if (typeof self !== "undefined") {
+        return self;
+    }
+    return globalThis;
+}
+exports.getGlobalThis = getGlobalThis;

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProcessedBlock = 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));
+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 }) => {
+    if (!block.bindings) {
+        return block;
+    }
+    const copy = (0, fast_clone_js_1.fastClone)(block);
+    const copied = __spreadProps(__spreadValues({}, copy), {
+        properties: __spreadValues({}, copy.properties),
+        actions: __spreadValues({}, copy.actions)
+    });
+    for (const binding in block.bindings) {
+        const expression = block.bindings[binding];
+        const value = (0, evaluate_js_1.evaluate)({ code: expression, state, context });
+        (0, set_js_1.set)(copied, binding, value);
+    }
+    return copied;
+};
+function getProcessedBlock({ block, context, shouldEvaluateBindings, state }) {
+    const transformedBlock = (0, transform_block_js_1.transformBlock)(block);
+    if (shouldEvaluateBindings) {
+        return evaluateBindings({ block: transformedBlock, state, context });
+    }
+    else {
+        return transformedBlock;
+    }
+}
+exports.getProcessedBlock = getProcessedBlock;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_processed_block_js_1 = require("./get-processed-block.js");
+test("Can process bindings", () => {
+    var _a, _b, _c, _d, _e, _f;
+    const block = {
+        "@type": "@builder.io/sdk:Element",
+        properties: {
+            foo: "bar"
+        },
+        bindings: {
+            "properties.foo": '"baz"',
+            "responsiveStyles.large.zIndex": "1 + 1",
+            "properties.test": "state.test",
+            "properties.block": `
+        const foo = 'bar';
+        return foo;
+      `,
+            "properties.isEditing": "builder.isEditing"
+        }
+    };
+    const processed = (0, get_processed_block_js_1.getProcessedBlock)({
+        block,
+        context: {},
+        state: { test: "hello" },
+        shouldEvaluateBindings: true
+    });
+    expect(processed).not.toEqual(block);
+    expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
+    expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
+    expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
+    expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
+    expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
+});

package/dist/react/cjs/functions/get-react-native-block-styles.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getReactNativeBlockStyles = 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;
+};
+const sanitize_react_native_block_styles_js_1 = require("./sanitize-react-native-block-styles.js");
+function getReactNativeBlockStyles({ block, context, blockStyles }) {
+    const responsiveStyles = block.responsiveStyles;
+    if (!responsiveStyles) {
+        return {};
+    }
+    const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), responsiveStyles.large || {}), responsiveStyles.medium || {}), responsiveStyles.small || {}), blockStyles);
+    const newStyles = (0, sanitize_react_native_block_styles_js_1.sanitizeReactNativeBlockStyles)(styles);
+    return newStyles;
+}
+exports.getReactNativeBlockStyles = getReactNativeBlockStyles;

package/dist/react/cjs/functions/if-target.js

@@ -0,0 +1,13 @@
+"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/dist/react/cjs/functions/is-browser.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBrowser = void 0;
+function isBrowser() {
+    return typeof window !== "undefined" && typeof document !== "undefined";
+}
+exports.isBrowser = isBrowser;

package/dist/react/cjs/functions/is-editing.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isEditing = void 0;
+const target_js_1 = require("../constants/target.js");
+const is_iframe_js_1 = require("./is-iframe.js");
+function isEditing() {
+    return (0, is_iframe_js_1.isIframe)() && (target_js_1.TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+}
+exports.isEditing = isEditing;

package/dist/react/cjs/functions/is-iframe.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isIframe = void 0;
+const is_browser_js_1 = require("./is-browser.js");
+function isIframe() {
+    return (0, is_browser_js_1.isBrowser)() && window.self !== window.top;
+}
+exports.isIframe = isIframe;

package/dist/react/cjs/functions/is-previewing.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPreviewing = void 0;
+const is_browser_js_1 = require("./is-browser.js");
+const is_editing_js_1 = require("./is-editing.js");
+function isPreviewing() {
+    if (!(0, is_browser_js_1.isBrowser)()) {
+        return false;
+    }
+    if ((0, is_editing_js_1.isEditing)()) {
+        return false;
+    }
+    return Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+exports.isPreviewing = isPreviewing;

package/dist/react/cjs/functions/on-change.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onChangeProxySymbol = exports.onChange = void 0;
+const onChangeProxySymbol = Symbol("onChangeProxySymbol");
+exports.onChangeProxySymbol = onChangeProxySymbol;
+function onChange(obj, cb) {
+    return new Proxy(obj, {
+        get(target, key) {
+            if (key === onChangeProxySymbol) {
+                return true;
+            }
+            const value = Reflect.get(target, key);
+            if (value && typeof value === "object") {
+                if (value[onChangeProxySymbol]) {
+                    return value;
+                }
+                return onChange(value, cb);
+            }
+            return value;
+        },
+        set(target, key, value) {
+            const returnValue = Reflect.set(target, key, value);
+            cb();
+            return returnValue;
+        }
+    });
+}
+exports.onChange = onChange;