@builder.io/sdk-react-native 0.4.4 → 0.5.0

package/dist/components/content/components/styles.helpers.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontCss = exports.getCss = void 0;
+const getCssFromFont = font => {
+    var _a, _b;
+    const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
+    const name = family.split(",")[0];
+    const url = (_b = font.fileUrl) != null ? _b : (_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular;
+    let str = "";
+    if (url && family && name) {
+        str += `
+@font-face {
+font-family: "${family}";
+src: local("${name}"), url('${url}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim();
+    }
+    if (font.files) {
+        for (const weight in font.files) {
+            const isNumber = String(Number(weight)) === weight;
+            if (!isNumber) {
+                continue;
+            }
+            const weightUrl = font.files[weight];
+            if (weightUrl && weightUrl !== url) {
+                str += `
+@font-face {
+font-family: "${family}";
+src: url('${weightUrl}') format('woff2');
+font-display: fallback;
+font-weight: ${weight};
+}
+        `.trim();
+            }
+        }
+    }
+    return str;
+};
+const getFontCss = ({ customFonts }) => {
+    var _a;
+    return ((_a = customFonts == null ? void 0 : customFonts.map(font => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
+};
+exports.getFontCss = getFontCss;
+const getCss = ({ cssCode, contentId }) => {
+    if (!cssCode) {
+        return "";
+    }
+    if (!contentId) {
+        return cssCode;
+    }
+    return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
+};
+exports.getCss = getCss;

package/dist/components/content/components/styles.js

@@ -0,0 +1,61 @@
+"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 inlined_styles_1 = __importDefault(require("../../inlined-styles"));
+const styles_helpers_js_1 = require("./styles.helpers.js");
+const styles_helpers_js_2 = require("./styles.helpers.js");
+function ContentStyles(props) {
+    const [injectedStyles, setInjectedStyles] = (0, react_1.useState)(() => `
+${(0, styles_helpers_js_1.getCss)({
+        cssCode: props.cssCode,
+        contentId: props.contentId,
+    })}
+${(0, styles_helpers_js_2.getFontCss)({
+        customFonts: props.customFonts,
+    })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim());
+    return React.createElement(inlined_styles_1.default, { styles: injectedStyles });
+}
+exports.default = ContentStyles;

package/dist/components/content/content.helpers.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContextStateInitialValue = exports.getContentInitialValue = 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 getContextStateInitialValue = ({ content, data, locale }) => {
+    var _a, _b, _c;
+    const defaultValues = {};
+    (_b = (_a = content == null ? void 0 : content.data) == null ? void 0 : _a.inputs) == null ? void 0 : _b.forEach(input => {
+        var _a2;
+        if (input.name && input.defaultValue !== void 0 && ((_a2 = content == null ? void 0 : content.data) == null ? void 0 : _a2.state) && content.data.state[input.name] === void 0) {
+            defaultValues[input.name] = input.defaultValue;
+        }
+    });
+    const stateToUse = __spreadValues(__spreadValues(__spreadValues({}, (_c = content == null ? void 0 : content.data) == null ? void 0 : _c.state), data), locale ? {
+        locale
+    } : {});
+    return __spreadValues(__spreadValues({}, defaultValues), stateToUse);
+};
+exports.getContextStateInitialValue = getContextStateInitialValue;
+const getContentInitialValue = ({ content, data }) => {
+    return !content ? void 0 : __spreadProps(__spreadValues({}, content), {
+        data: __spreadValues(__spreadValues({}, content == null ? void 0 : content.data), data),
+        meta: content == null ? void 0 : content.meta
+    });
+};
+exports.getContentInitialValue = getContentInitialValue;

package/dist/components/content/content.js

@@ -0,0 +1,110 @@
+"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 builder_registered_components_js_1 = require("../../constants/builder-registered-components.js");
+const register_component_js_1 = require("../../functions/register-component.js");
+const blocks_1 = __importDefault(require("../blocks/blocks"));
+const styles_1 = __importDefault(require("./components/styles"));
+const content_helpers_js_1 = require("./content.helpers.js");
+const target_js_1 = require("../../constants/target.js");
+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");
+function ContentComponent(props) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [scriptStr, setScriptStr] = (0, react_1.useState)(() => {
+        var _a, _b;
+        return (0, helpers_js_1.getRenderContentScriptString)({
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+            variationId: (_a = props.content) === null || _a === void 0 ? void 0 : _a.testVariationId,
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+            contentId: (_b = props.content) === null || _b === void 0 ? void 0 : _b.id,
+        });
+    });
+    function contentSetState(newRootState) {
+        builderContextSignal.rootState = newRootState;
+    }
+    const [registeredComponents, setRegisteredComponents] = (0, react_1.useState)(() => [
+        ...(0, builder_registered_components_js_1.getDefaultRegisteredComponents)(),
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
+        ...register_component_js_1.components,
+        ...(props.customComponents || []),
+    ].reduce((acc, { component, ...info }) => ({
+        ...acc,
+        [info.name]: {
+            component: component,
+            ...(0, register_component_js_1.serializeComponentInfo)(info),
+        },
+    }), {}));
+    const [builderContextSignal, setBuilderContextSignal] = (0, react_1.useState)(() => ({
+        content: (0, content_helpers_js_1.getContentInitialValue)({
+            content: props.content,
+            data: props.data,
+        }),
+        localState: undefined,
+        rootState: (0, content_helpers_js_1.getContextStateInitialValue)({
+            content: props.content,
+            data: props.data,
+            locale: props.locale,
+        }),
+        rootSetState: contentSetState,
+        context: props.context || {},
+        apiKey: props.apiKey,
+        apiVersion: props.apiVersion,
+        componentInfos: [
+            ...(0, builder_registered_components_js_1.getDefaultRegisteredComponents)(),
+            // While this `components` object is deprecated, we must maintain support for it.
+            // Since users are able to override our default components, we need to make sure that we do not break such
+            // existing usage.
+            // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+            // which is the new standard way of providing custom components, and must therefore take precedence.
+            ...register_component_js_1.components,
+            ...(props.customComponents || []),
+        ].reduce((acc, { component: _, ...info }) => ({
+            ...acc,
+            [info.name]: (0, register_component_js_1.serializeComponentInfo)(info),
+        }), {}),
+        inheritedStyles: {},
+    }));
+    return (React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
+        props.isSsrAbTest ? (React.createElement(React.Fragment, null,
+            React.createElement(inlined_script_1.default, { scriptStr: scriptStr }))) : null,
+        target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
+            React.createElement(styles_1.default, { contentId: (_a = builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.id, cssCode: (_c = (_b = builderContextSignal.content) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.cssCode, customFonts: (_e = (_d = builderContextSignal.content) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.customFonts }))) : null,
+        React.createElement(blocks_1.default, { blocks: (_g = (_f = builderContextSignal.content) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.blocks, context: builderContextSignal, registeredComponents: registeredComponents })));
+}
+exports.default = ContentComponent;

package/dist/components/content/content.types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/content/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const content_1 = __importDefault(require("./content"));
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return content_1.default; } });

package/dist/components/content/wrap-component-ref.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapComponentRef = void 0;
+const wrapComponentRef = component => component;
+exports.wrapComponentRef = wrapComponentRef;

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

@@ -0,0 +1,77 @@
+"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_js_1 = require("./helpers.js");
+const content_1 = __importDefault(require("../content/content"));
+const canTrack_js_1 = require("../../helpers/canTrack.js");
+const inlined_styles_1 = __importDefault(require("../inlined-styles"));
+const ab_tests_js_1 = require("../../helpers/ab-tests.js");
+const inlined_script_1 = __importDefault(require("../inlined-script"));
+const target_js_1 = require("../../constants/target.js");
+function ContentVariants(props) {
+    var _a, _b, _c;
+    const [shouldRenderVariants, setShouldRenderVariants] = (0, react_1.useState)(() => (0, helpers_js_1.checkShouldRunVariants)({
+        canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
+        content: props.content,
+    }));
+    function variantScriptStr() {
+        var _a;
+        return (0, helpers_js_1.getVariantsScriptString)((0, helpers_js_1.getVariants)(props.content).map((value) => ({
+            id: value.testVariationId,
+            testRatio: value.testRatio,
+        })), ((_a = props.content) === null || _a === void 0 ? void 0 : _a.id) || "");
+    }
+    function hideVariantsStyleString() {
+        return (0, helpers_js_1.getVariants)(props.content)
+            .map((value) => `.variant-${value.testVariationId} { display: none; } `)
+            .join("");
+    }
+    (0, react_1.useEffect)(() => {
+        /**
+         * We unmount the non-winning variants post-hydration in Vue.
+         */
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        !props.__isNestedRender && target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
+            React.createElement(inlined_script_1.default, { scriptStr: (0, helpers_js_1.getScriptString)() }))) : null,
+        shouldRenderVariants ? (React.createElement(React.Fragment, null,
+            React.createElement(inlined_styles_1.default, { id: `variants-styles-${(_a = props.content) === null || _a === void 0 ? void 0 : _a.id}`, styles: hideVariantsStyleString() }),
+            React.createElement(inlined_script_1.default, { scriptStr: variantScriptStr() }), (_b = (0, helpers_js_1.getVariants)(props.content)) === null || _b === void 0 ? void 0 :
+            _b.map((variant) => (React.createElement(content_1.default, { key: variant.testVariationId, content: variant, showContent: false, classNameProp: undefined, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants }))))) : null,
+        React.createElement(content_1.default, { content: shouldRenderVariants
+                ? props.content
+                : (0, ab_tests_js_1.handleABTestingSync)({
+                    item: props.content,
+                    canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
+                }), classNameProp: `variant-${(_c = props.content) === null || _c === void 0 ? void 0 : _c.id}`, showContent: true, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants })));
+}
+exports.default = ContentVariants;

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVariantsScriptString = exports.getVariants = exports.getScriptString = exports.getRenderContentScriptString = exports.checkShouldRunVariants = 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 is_browser_js_1 = require("../../functions/is-browser.js");
+const getVariants = content => Object.values((content == null ? void 0 : content.variations) || {}).map(variant => __spreadProps(__spreadValues({}, variant), {
+    testVariationId: variant.id,
+    id: content == null ? void 0 : content.id
+}));
+exports.getVariants = getVariants;
+const checkShouldRunVariants = ({ canTrack, content }) => {
+    const hasVariants = getVariants(content).length > 0;
+    if (target_js_1.TARGET === "reactNative")
+        return false;
+    if (!hasVariants)
+        return false;
+    if (!canTrack)
+        return false;
+    if (target_js_1.TARGET === "vue2" || target_js_1.TARGET === "vue3")
+        return true;
+    if ((0, is_browser_js_1.isBrowser)())
+        return false;
+    return true;
+};
+exports.checkShouldRunVariants = checkShouldRunVariants;
+function bldrAbTest(contentId, variants, isHydrationTarget2) {
+    var _a;
+    function getAndSetVariantId() {
+        function setCookie(name, value, days) {
+            let expires = "";
+            if (days) {
+                const date = new Date();
+                date.setTime(date.getTime() + days * 24 * 60 * 60 * 1e3);
+                expires = "; expires=" + date.toUTCString();
+            }
+            document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
+        }
+        function getCookie(name) {
+            const nameEQ = name + "=";
+            const ca = document.cookie.split(";");
+            for (let i = 0; i < ca.length; i++) {
+                let c = ca[i];
+                while (c.charAt(0) === " ")
+                    c = c.substring(1, c.length);
+                if (c.indexOf(nameEQ) === 0)
+                    return c.substring(nameEQ.length, c.length);
+            }
+            return null;
+        }
+        const cookieName = `builder.tests.${contentId}`;
+        const variantInCookie = getCookie(cookieName);
+        const availableIDs = variants.map(vr => vr.id).concat(contentId);
+        if (variantInCookie && availableIDs.includes(variantInCookie)) {
+            return variantInCookie;
+        }
+        let n = 0;
+        const random = Math.random();
+        for (let i = 0; i < variants.length; i++) {
+            const variant = variants[i];
+            const testRatio = variant.testRatio;
+            n += testRatio;
+            if (random < n) {
+                setCookie(cookieName, variant.id);
+                return variant.id;
+            }
+        }
+        setCookie(cookieName, contentId);
+        return contentId;
+    }
+    const winningVariantId = getAndSetVariantId();
+    const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
+    if (isHydrationTarget2) {
+        styleEl.remove();
+        const thisScriptEl = document.currentScript;
+        thisScriptEl == null ? void 0 : thisScriptEl.remove();
+    }
+    else {
+        const newStyleStr = variants.concat({
+            id: contentId
+        }).filter(variant => variant.id !== winningVariantId).map(value => {
+            return `.variant-${value.id} {  display: none; }
+        `;
+        }).join("");
+        styleEl.innerHTML = newStyleStr;
+    }
+}
+function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
+    var _a;
+    if (!navigator.cookieEnabled) {
+        return;
+    }
+    function getCookie(name) {
+        const nameEQ = name + "=";
+        const ca = document.cookie.split(";");
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === " ")
+                c = c.substring(1, c.length);
+            if (c.indexOf(nameEQ) === 0)
+                return c.substring(nameEQ.length, c.length);
+        }
+        return null;
+    }
+    const cookieName = `builder.tests.${defaultContentId}`;
+    const variantId = getCookie(cookieName);
+    const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
+    const variantIsDefaultContent = variantContentId === defaultContentId;
+    if (variantId === variantContentId) {
+        if (variantIsDefaultContent) {
+            return;
+        }
+        parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
+        parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
+    }
+    else {
+        if (variantIsDefaultContent) {
+            if (isHydrationTarget2) {
+                parentDiv == null ? void 0 : parentDiv.remove();
+            }
+            else {
+                parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
+                parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
+            }
+        }
+        return;
+    }
+    return;
+}
+const getIsHydrationTarget = target => target === "react" || target === "reactNative";
+const isHydrationTarget = getIsHydrationTarget(target_js_1.TARGET);
+const AB_TEST_FN_NAME = "builderIoAbTest";
+const CONTENT_FN_NAME = "builderIoRenderContent";
+const getScriptString = () => {
+    const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
+    const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
+    return `
+  window.${AB_TEST_FN_NAME} = ${fnStr}
+  window.${CONTENT_FN_NAME} = ${fnStr2}
+  `;
+};
+exports.getScriptString = getScriptString;
+const getVariantsScriptString = (variants, contentId) => {
+    return `
+  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
+};
+exports.getVariantsScriptString = getVariantsScriptString;
+const getRenderContentScriptString = ({ contentId, variationId }) => {
+    return `
+  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
+};
+exports.getRenderContentScriptString = getRenderContentScriptString;

package/dist/components/inlined-script.js

@@ -0,0 +1,32 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+function InlinedScript(props) {
+    return (React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.scriptStr }, id: props.id }));
+}
+exports.default = InlinedScript;

package/dist/components/{render-inlined-styles.js → inlined-styles.js}

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);
@@ -26,7 +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");
-function RenderInlinedStyles(props) {
+function InlinedStyles(props) {
     return (React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.styles }, id: props.id }));
 }
-exports.default = RenderInlinedStyles;
+exports.default = InlinedStyles;

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

@@ -34,7 +34,7 @@ const target_js_1 = require("../../constants/target.js");
 const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
 const css_js_1 = require("../../helpers/css.js");
 const nullable_js_1 = require("../../helpers/nullable.js");
-const render_inlined_styles_1 = __importDefault(require("../render-inlined-styles"));
+const inlined_styles_1 = __importDefault(require("../inlined-styles"));
 function BlockStyles(props) {
     function useBlock() {
         return (0, get_processed_block_js_1.getProcessedBlock)({
@@ -91,6 +91,6 @@ function BlockStyles(props) {
         return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
     }
     return (React.createElement(React.Fragment, null, target_js_1.TARGET !== "reactNative" && css() && canShowBlock() ? (React.createElement(React.Fragment, null,
-        React.createElement(render_inlined_styles_1.default, { styles: css() }))) : null));
+        React.createElement(inlined_styles_1.default, { styles: css() }))) : null));
 }
 exports.default = BlockStyles;

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

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const render_inlined_styles_1 = __importDefault(require("../../render-inlined-styles"));
+const inlined_styles_1 = __importDefault(require("../../inlined-styles"));
 const render_styles_helpers_1 = require("./render-styles.helpers");
 const render_styles_helpers_2 = require("./render-styles.helpers");
 function RenderContentStyles(props) {
@@ -56,6 +56,6 @@ ${(0, render_styles_helpers_2.getFontCss)({
   font-family: inherit;
 }
 `.trim());
-    return React.createElement(render_inlined_styles_1.default, { styles: injectedStyles });
+    return React.createElement(inlined_styles_1.default, { styles: injectedStyles });
 }
 exports.default = RenderContentStyles;