@builder.io/sdk-react 0.4.5 → 0.5.0

package/dist/sdk/components/block/block.js

@@ -1,124 +0,0 @@
-'use client';
-import * as React from "react";
-import { useState } from "react";
-import { getBlockActions } from "../../functions/get-block-actions.js";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
-import { getBlockProperties } from "../../functions/get-block-properties.js";
-import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import BlockStyles from "./components/block-styles";
-import { getComponent, getRepeatItemData, isEmptyHtmlElement, } from "./block.helpers.js";
-import RepeatedBlock from "./components/repeated-block";
-import { TARGET } from "../../constants/target.js";
-import Component from "./components/component";
-import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
-function Block(props) {
-    const [component, setComponent] = useState(() => getComponent({
-        block: props.block,
-        context: props.context,
-    }));
-    function repeatItem() {
-        return getRepeatItemData({
-            block: props.block,
-            context: props.context,
-        });
-    }
-    function processedBlock() {
-        return repeatItem()
-            ? props.block
-            : getProcessedBlock({
-                block: props.block,
-                localState: props.context.localState,
-                rootState: props.context.rootState,
-                rootSetState: props.context.rootSetState,
-                context: props.context.context,
-                shouldEvaluateBindings: true,
-            });
-    }
-    const [Tag, setTag] = useState(() => props.block.tagName || "div");
-    function canShowBlock() {
-        if ("hide" in processedBlock()) {
-            return !processedBlock().hide;
-        }
-        if ("show" in processedBlock()) {
-            return processedBlock().show;
-        }
-        return true;
-    }
-    function actions() {
-        return getBlockActions({
-            block: processedBlock(),
-            rootState: props.context.rootState,
-            rootSetState: props.context.rootSetState,
-            localState: props.context.localState,
-            context: props.context.context,
-        });
-    }
-    function attributes() {
-        const blockProperties = getBlockProperties(processedBlock());
-        return {
-            ...blockProperties,
-            ...(TARGET === "reactNative"
-                ? {
-                    style: getReactNativeBlockStyles({
-                        block: processedBlock(),
-                        context: props.context,
-                        blockStyles: blockProperties.style,
-                    }),
-                }
-                : {}),
-        };
-    }
-    function childrenWithoutParentComponent() {
-        /**
-         * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
-         * we render them outside of `componentRef`.
-         * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of
-         * blocks, and the children will be repeated within those blocks.
-         */
-        const shouldRenderChildrenOutsideRef = !component?.component && !repeatItem();
-        return shouldRenderChildrenOutsideRef
-            ? processedBlock().children ?? []
-            : [];
-    }
-    function renderComponentProps() {
-        return {
-            blockChildren: processedBlock().children ?? [],
-            componentRef: component?.component,
-            componentOptions: {
-                ...getBlockComponentOptions(processedBlock()),
-                /**
-                 * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
-                 * they are provided to the component itself directly.
-                 */
-                ...(!component?.noWrap
-                    ? {}
-                    : {
-                        attributes: {
-                            ...attributes(),
-                            ...actions(),
-                        },
-                    }),
-                builderContext: props.context,
-                ...(component?.name === "Symbol" || component?.name === "Columns"
-                    ? {
-                        builderComponents: props.components,
-                    }
-                    : {}),
-            },
-            context: childrenContext,
-            components: props.components,
-        };
-    }
-    const [childrenContext, setChildrenContext] = useState(() => props.context);
-    return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !component?.noWrap ? (React.createElement(React.Fragment, null,
-        isEmptyHtmlElement(Tag) ? (React.createElement(React.Fragment, null,
-            React.createElement(Tag, { ...attributes(), ...actions() }))) : null,
-        !isEmptyHtmlElement(Tag) && repeatItem() ? (React.createElement(React.Fragment, null, repeatItem()?.map((data, index) => (React.createElement(RepeatedBlock, { key: index, repeatContext: data.context, block: data.block, components: props.components }))))) : null,
-        !isEmptyHtmlElement(Tag) && !repeatItem() ? (React.createElement(React.Fragment, null,
-            React.createElement(Tag, { ...attributes(), ...actions() },
-                React.createElement(Component, { ...renderComponentProps() }),
-                childrenWithoutParentComponent()?.map((child) => (React.createElement(Block, { key: "render-block-" + child.id, block: child, context: childrenContext, components: props.components }))),
-                childrenWithoutParentComponent()?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: childrenContext })))))) : null)) : (React.createElement(React.Fragment, null,
-        React.createElement(Component, { ...renderComponentProps() }))))) : null));
-}
-export default Block;

package/dist/sdk/components/block/components/component.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-type ComponentOptions = PropsWithBuilderData<{
-    [index: string]: any;
-    attributes?: {
-        [index: string]: any;
-    };
-}>;
-export interface ComponentProps {
-    componentRef: any;
-    componentOptions: ComponentOptions;
-    blockChildren: BuilderBlock[];
-    context: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
-}
-import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { BuilderContextInterface, RegisteredComponent } from "../../../context/types.js";
-import type { PropsWithBuilderData } from "../../../types/builder-props.js";
-import type { Dictionary } from "../../../types/typescript.js";
-declare function Component(props: ComponentProps): JSX.Element;
-export default Component;

package/dist/sdk/components/block/components/component.js

@@ -1,11 +0,0 @@
-'use client';
-import * as React from "react";
-import BlockStyles from "./block-styles";
-import Block from "../block";
-function Component(props) {
-    return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
-        React.createElement(props.componentRef, { ...props.componentOptions },
-            props.blockChildren?.map((child) => (React.createElement(Block, { key: "render-block-" + child.id, block: child, context: props.context, components: props.components }))),
-            props.blockChildren?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
-}
-export default Component;

package/dist/sdk/components/block/components/repeated-block.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    block: BuilderBlock;
-    repeatContext: BuilderContextInterface;
-    components: Dictionary<RegisteredComponent>;
-};
-import type { BuilderContextInterface, RegisteredComponent } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block";
-import type { Dictionary } from "../../../types/typescript";
-declare function RepeatedBlock(props: Props): JSX.Element;
-export default RepeatedBlock;

package/dist/sdk/components/content/components/enable-editor.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type BuilderEditorProps = Omit<ContentProps, "customComponents"> & {
-    customComponents: Dictionary<ComponentInfo>;
-    builderContextSignal: BuilderContextInterface;
-    setBuilderContextSignal: any;
-    children?: any;
-};
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { ContentProps } from "../content.types.js";
-import type { Dictionary } from "../../../types/typescript.js";
-import type { ComponentInfo } from "../../../types/components.js";
-declare function EnableEditor(props: BuilderEditorProps): JSX.Element;
-export default EnableEditor;

package/dist/sdk/components/content/content.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { ContentProps } from "./content.types.js";
-declare function Content(props: ContentProps): JSX.Element;
-export default Content;

package/dist/sdk/components/content/content.helpers.d.ts

@@ -1,7 +0,0 @@
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-import type { ContentProps } from './content.types';
-export declare const getContextStateInitialValue: ({ content, data, locale, }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
-    [x: string]: unknown;
-};
-export declare const getContentInitialValue: ({ content, data, }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

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

@@ -1,30 +0,0 @@
-export const getContextStateInitialValue = ({ content, data, locale, }) => {
-    const defaultValues = {};
-    // set default values for content state inputs
-    content?.data?.inputs?.forEach((input) => {
-        if (input.name &&
-            input.defaultValue !== undefined &&
-            content?.data?.state &&
-            content.data.state[input.name] === undefined) {
-            defaultValues[input.name] = input.defaultValue;
-        }
-    });
-    const stateToUse = {
-        ...content?.data?.state,
-        ...data,
-        ...(locale ? { locale } : {}),
-    };
-    return { ...defaultValues, ...stateToUse };
-};
-export const getContentInitialValue = ({ content, data, }) => {
-    return !content
-        ? undefined
-        : {
-            ...content,
-            data: {
-                ...content?.data,
-                ...data,
-            },
-            meta: content?.meta,
-        };
-};

package/dist/sdk/components/content/content.js

@@ -1,97 +0,0 @@
-'use client';
-import * as React from "react";
-import { useState, useEffect } from "react";
-import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import { components } from "../../functions/register-component.js";
-import Blocks from "../blocks/blocks";
-import ContentStyles from "./components/content-styles";
-import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
-import { TARGET } from "../../constants/target.js";
-import { getRenderContentScriptString } from "../content-variants/helpers.js";
-import { wrapComponentRef } from "./wrap-component-ref.js";
-import EnableEditor from "./components/enable-editor";
-function Content(props) {
-    const [scriptStr, setScriptStr] = useState(() => getRenderContentScriptString({
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: props.content?.id,
-        parentContentId: props.parentContentId,
-    }));
-    function contentSetState(newRootState) {
-        setBuilderContextSignal((PREVIOUS_VALUE) => ({
-            ...PREVIOUS_VALUE,
-            rootState: newRootState,
-        }));
-    }
-    const [customComps, setCustomComps] = useState(() => [
-        ...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.
-        ...components,
-        ...(props.customComponents || []),
-    ].reduce((acc, info) => ({
-        ...acc,
-        [info.name]: info,
-    }), {}));
-    function customComponentsInfo() {
-        // TO-DO: fix once we remove `useStore<any>` hack in Qwik generator.
-        return Object.values(customComps).reduce((acc, { component: _, ...info }) => ({
-            ...acc,
-            [info.name]: info,
-        }), {});
-    }
-    function tempContextSignalSetter() {
-        return setBuilderContextSignal;
-    }
-    const [builderContextSignal, setBuilderContextSignal] = useState(() => ({
-        content: getContentInitialValue({
-            content: props.content,
-            data: props.data,
-        }),
-        localState: undefined,
-        rootState: getContextStateInitialValue({
-            content: props.content,
-            data: props.data,
-            locale: props.locale,
-        }),
-        rootSetState: undefined,
-        context: props.context || {},
-        apiKey: props.apiKey,
-        apiVersion: props.apiVersion,
-        registeredComponents: [
-            ...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.
-            ...components,
-            ...(props.customComponents || []),
-        ].reduce((acc, { component, ...curr }) => ({
-            ...acc,
-            [curr.name]: {
-                component: TARGET === "vue3" ? wrapComponentRef(component) : component,
-                ...curr,
-            },
-        }), {}),
-        inheritedStyles: {},
-    }));
-    useEffect(() => {
-        if (!builderContextSignal.content) {
-            builderContextSignal.content = getContentInitialValue({
-                content: props.content,
-                data: props.data,
-            });
-        }
-    }, [props.content, props.data, props.locale]);
-    return (React.createElement(React.Fragment, null, builderContextSignal.content ? (React.createElement(React.Fragment, null,
-        React.createElement(EnableEditor, { content: props.content, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: customComponentsInfo(), canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, hideContent: props.hideContent, parentContentId: props.parentContentId, isSsrAbTest: props.isSsrAbTest, builderContextSignal: builderContextSignal, setBuilderContextSignal: tempContextSignalSetter() },
-            props.isSsrAbTest ? (React.createElement(React.Fragment, null,
-                React.createElement("script", { dangerouslySetInnerHTML: { __html: scriptStr } }))) : null,
-            TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-                React.createElement(ContentStyles, { contentId: builderContextSignal.content?.id, cssCode: builderContextSignal.content?.data?.cssCode, customFonts: builderContextSignal.content?.data?.customFonts }))) : null,
-            React.createElement(Blocks, { blocks: builderContextSignal.content?.data?.blocks, context: builderContextSignal, components: customComps })))) : null));
-}
-export default Content;

package/dist/sdk/components/content/content.types.d.ts

@@ -1,38 +0,0 @@
-import type { BuilderRenderContext, RegisteredComponent, BuilderRenderState } from '../../context/types';
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-import type { ApiVersion } from '../../types/api-version';
-export interface ContentProps {
-    content?: Nullable<BuilderContent>;
-    model?: string;
-    data?: {
-        [key: string]: any;
-    };
-    context?: BuilderRenderContext;
-    apiKey: string;
-    apiVersion?: ApiVersion;
-    customComponents?: RegisteredComponent[];
-    canTrack?: boolean;
-    locale?: string;
-    /** @deprecated use `enrich` instead **/
-    includeRefs?: boolean;
-    enrich?: boolean;
-    /**
-     * TO-DO: improve qwik generator to not remap this name for non-HTML tags, then name it `className`
-     */
-    classNameProp?: string;
-    hideContent?: boolean;
-    parentContentId?: string;
-    isSsrAbTest?: boolean;
-}
-export interface BuilderComponentStateChange {
-    state: BuilderRenderState;
-    ref: {
-        name?: string;
-        props?: {
-            builderBlock?: {
-                id?: string;
-            };
-        };
-    };
-}

package/dist/sdk/components/content-variants/content-variants.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-type VariantsProviderProps = ContentProps;
-import type { ContentProps } from "../content/content.types";
-declare function RenderContentVariants(props: VariantsProviderProps): JSX.Element;
-export default RenderContentVariants;

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

@@ -1,37 +0,0 @@
-'use client';
-import * as React from "react";
-import { useState } from "react";
-import { checkShouldRunVariants, getVariants, getVariantsScriptString, } from "./helpers";
-import Content from "../content/content";
-import { getDefaultCanTrack } from "../../helpers/canTrack";
-import InlinedStyles from "../inlined-styles";
-import { handleABTestingSync } from "../../helpers/ab-tests";
-function RenderContentVariants(props) {
-    const [variantScriptStr, setVariantScriptStr] = useState(() => getVariantsScriptString(getVariants(props.content).map((value) => ({
-        id: value.id,
-        testRatio: value.testRatio,
-    })), props.content?.id || ""));
-    const [shouldRenderVariants, setShouldRenderVariants] = useState(() => checkShouldRunVariants({
-        canTrack: getDefaultCanTrack(props.canTrack),
-        content: props.content,
-    }));
-    const [hideVariantsStyleString, setHideVariantsStyleString] = useState(() => getVariants(props.content)
-        .map((value) => `.variant-${value.id} { display: none; } `)
-        .join(""));
-    const [contentToRender, setContentToRender] = useState(() => checkShouldRunVariants({
-        canTrack: getDefaultCanTrack(props.canTrack),
-        content: props.content,
-    })
-        ? props.content
-        : handleABTestingSync({
-            item: props.content,
-            canTrack: getDefaultCanTrack(props.canTrack),
-        }));
-    return (React.createElement(React.Fragment, null,
-        shouldRenderVariants ? (React.createElement(React.Fragment, null,
-            React.createElement(InlinedStyles, { id: `variants-styles-${props.content?.id}`, styles: hideVariantsStyleString }),
-            React.createElement("script", { id: `variants-script-${props.content?.id}`, dangerouslySetInnerHTML: { __html: variantScriptStr } }),
-            getVariants(props.content)?.map((variant) => (React.createElement(Content, { key: variant.id, content: variant, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents, hideContent: true, parentContentId: props.content?.id, isSsrAbTest: shouldRenderVariants }))))) : null,
-        React.createElement(Content, { model: props.model, content: contentToRender, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents, classNameProp: `variant-${props.content?.id}`, parentContentId: props.content?.id, isSsrAbTest: shouldRenderVariants })));
-}
-export default RenderContentVariants;

package/dist/sdk/components/content-variants/helpers.d.ts

@@ -1,17 +0,0 @@
-import type { Nullable } from '../../helpers/nullable';
-import type { BuilderContent } from '../../types/builder-content';
-export declare const getVariants: (content: Nullable<BuilderContent>) => import("../../types/builder-content").BuilderContentVariation[];
-export declare const checkShouldRunVariants: ({ canTrack, content, }: {
-    canTrack: Nullable<boolean>;
-    content: Nullable<BuilderContent>;
-}) => boolean;
-type VariantData = {
-    id: string;
-    testRatio?: number;
-};
-export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
-export declare const getRenderContentScriptString: ({ parentContentId, contentId, }: {
-    contentId: string;
-    parentContentId: string;
-}) => string;
-export {};

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

@@ -1,184 +0,0 @@
-import { TARGET } from '../../constants/target';
-import { isBrowser } from '../../functions/is-browser';
-export const getVariants = (content) => Object.values(content?.variations || {});
-export const checkShouldRunVariants = ({ canTrack, content, }) => {
-    const hasVariants = getVariants(content).length > 0;
-    if (!hasVariants) {
-        return false;
-    }
-    if (!canTrack) {
-        return false;
-    }
-    if (isBrowser()) {
-        return false;
-    }
-    return true;
-};
-/**
- * NOTE: when this function is stringified, single-line comments can cause weird issues when compiled by Sveltekit.
- * Make sure to write multi-line comments only.
- */
-function bldrAbTest(contentId, variants, isHydrationTarget) {
-    function getAndSetVariantId() {
-        function setCookie(name, value, days) {
-            let expires = '';
-            if (days) {
-                const date = new Date();
-                date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-                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);
-        /**
-         * cookie already exists
-         */
-        if (variantInCookie && availableIDs.includes(variantInCookie)) {
-            return variantInCookie;
-        }
-        /**
-         * no cookie exists, find variant
-         */
-        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;
-            }
-        }
-        /**
-         * no variant found, assign default content
-         */
-        setCookie(cookieName, contentId);
-        return contentId;
-    }
-    const winningVariantId = getAndSetVariantId();
-    const styleEl = document.getElementById(`variants-styles-${contentId}`);
-    /**
-     * For React to work, we need hydration to match SSR, so we completely remove this node and the styles tag.
-     */
-    if (isHydrationTarget) {
-        styleEl.remove();
-        const thisScriptEl = document.getElementById(`variants-script-${contentId}`);
-        thisScriptEl?.remove();
-    }
-    else {
-        /* update styles to hide all variants except the winning variant */
-        const newStyleStr = variants
-            .concat({ id: contentId })
-            .filter((variant) => variant.id !== winningVariantId)
-            .map((value) => {
-            return `.variant-${value.id} {  display: none; }
-        `;
-        })
-            .join('');
-        /* TO-DO: check if this actually updates the style */
-        styleEl.innerHTML = newStyleStr;
-    }
-}
-/**
- * NOTE: when this function is stringified, single-line comments can cause weird issues when compiled by Sveltekit.
- * Make sure to write multi-line comments only.
- */
-function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget) {
-    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);
-    /** get parent div by searching on `builder-content-id` attr */
-    const parentDiv = document.querySelector(`[builder-content-id="${variantContentId}"]`);
-    const variantIsDefaultContent = variantContentId === defaultContentId;
-    if (variantId === variantContentId) {
-        if (variantIsDefaultContent) {
-            /** the default content is already visible, no need to do anything */
-            return;
-        }
-        /** this is the winning variant and not already visible: remove `hidden` and `aria-hidden` attr */
-        parentDiv?.removeAttribute('hidden');
-        parentDiv?.removeAttribute('aria-hidden');
-    }
-    else {
-        if (variantIsDefaultContent) {
-            if (isHydrationTarget) {
-                /**
-                 * For React to work, we need to support hydration, in which case the first CSR will have none of the hidden variants.
-                 * So we completely remove that node.
-                 */
-                parentDiv?.remove();
-            }
-            else {
-                /** this is not the winning variant, add `hidden` attr */
-                parentDiv?.setAttribute('hidden', 'true');
-                parentDiv?.setAttribute('aria-hidden', 'true');
-            }
-        }
-        /** This is not the winning variant, and it's not the default content.
-         * There's no need to hide it, because it's already hidden.
-         */
-        return;
-    }
-    return;
-}
-const getIsHydrationTarget = (target) => target === 'react' ||
-    target === 'reactNative' ||
-    target === 'vue3' ||
-    target === 'vue2';
-const isHydrationTarget = getIsHydrationTarget(TARGET);
-/**
- * We hardcode explicit function names here, because the `.toString()` of a function can change depending on the bundler.
- * Some bundlers will minify the fn name, etc.
- *
- * So we hardcode the function names here, and then use those names in the script string to make sure the function names are consistent.
- */
-const AB_TEST_FN_NAME = 'bldrAbTest';
-const CONTENT_FN_NAME = 'bldrCntntScrpt';
-export const getVariantsScriptString = (variants, contentId) => {
-    const fnStr = bldrAbTest.toString().replace(/\s+/g, ' ');
-    const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, ' ');
-    return `
-  const ${AB_TEST_FN_NAME} = ${fnStr}
-  const ${CONTENT_FN_NAME} = ${fnStr2}
-  ${AB_TEST_FN_NAME}("${contentId}", ${JSON.stringify(variants)}, ${isHydrationTarget})
-  `;
-};
-export const getRenderContentScriptString = ({ parentContentId, contentId, }) => {
-    return `
-  ${CONTENT_FN_NAME}("${contentId}", "${parentContentId}", ${isHydrationTarget})`;
-};

package/dist/sdk/components/render-block/block-styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type BlockStylesProps = {
-    block: BuilderBlock;
-    context: BuilderContextInterface;
-};
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
-declare function BlockStyles(props: BlockStylesProps): JSX.Element;
-export default BlockStyles;