@builder.io/sdk-react-nextjs 0.5.2 → 0.5.3

package/dist/blocks/button/button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This import is used by the Svelte SDK. Do not remove.
  */ export interface ButtonProps {

package/dist/blocks/columns/columns.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Column = {
     blocks: BuilderBlock[];
     width?: number;

package/dist/blocks/custom-code/custom-code.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CustomCodeProps {
     code: string;
     replaceNodes?: boolean;

package/dist/blocks/embed/embed.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface EmbedProps {
     content: string;
 }

package/dist/blocks/fragment/fragment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FragmentProps {
     maxWidth?: number;
     attributes?: any;

package/dist/blocks/image/image.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ImageProps {
     className?: string;
     image: string;

package/dist/blocks/img/img.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This import is used by the Svelte SDK. Do not remove.
  */ export interface ImgProps {

package/dist/blocks/section/section.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This import is used by the Svelte SDK. Do not remove.
  */ export interface SectionProps {

package/dist/blocks/symbol/symbol.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This import is used by the Svelte SDK. Do not remove.
  */ export interface SymbolInfo {

package/dist/blocks/text/text.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TextProps {
     text?: string;
 }

package/dist/blocks/video/video.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface VideoProps {
     attributes?: any;
     video?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;

package/dist/components/block/components/block-wrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This import is used by the Svelte SDK. Do not remove.
  */ type BlockWrapperProps = {

package/dist/components/block/components/component-ref/component-ref.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentProps } from "./component-ref.helpers.js";
 declare function ComponentRef(props: ComponentProps): JSX.Element;
 export default ComponentRef;

package/dist/components/block/components/interactive-element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;

package/dist/components/blocks/blocks-wrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type BlocksWrapperProps = {
     blocks: BuilderBlock[] | undefined;
     parent: string | undefined;

package/dist/components/blocks/blocks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type BlocksProps = Partial<BlocksWrapperProps> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
     builderContextSignal: BuilderContextInterface;
     setBuilderContextSignal?: (signal: any) => any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     cssCode?: string;
     customFonts?: CustomFont[];

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type VariantsProviderProps = ContentVariantsProps & {
     /**
      * For internal use only. Do not provide this prop.

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

@@ -22,6 +22,17 @@ function ContentVariants(props) {
             .map((value) => `.variant-${value.testVariationId} { display: none; } `)
             .join("");
     };
+    const defaultContent = function defaultContent() {
+        return shouldRenderVariants
+            ? {
+                ...props.content,
+                testVariationId: props.content?.id,
+            }
+            : handleABTestingSync({
+                item: props.content,
+                canTrack: getDefaultCanTrack(props.canTrack),
+            });
+    };
     return (React.createElement(React.Fragment, null,
         !props.__isNestedRender && TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
             React.createElement(InlinedScript, { scriptStr: getScriptString() }))) : null,
@@ -29,11 +40,6 @@ function ContentVariants(props) {
             React.createElement(InlinedStyles, { id: `variants-styles-${props.content?.id}`, styles: hideVariantsStyleString() }),
             React.createElement(InlinedScript, { scriptStr: variantScriptStr() }),
             getVariants(props.content)?.map((variant) => (React.createElement(ContentComponent, { 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(ContentComponent, { content: shouldRenderVariants
-                ? props.content
-                : handleABTestingSync({
-                    item: props.content,
-                    canTrack: getDefaultCanTrack(props.canTrack),
-                }), classNameProp: `variant-${props.content?.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 })));
+        React.createElement(ContentComponent, { content: defaultContent(), classNameProp: `variant-${props.content?.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 })));
 }
 export default ContentVariants;

package/dist/components/inlined-script.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     scriptStr: string;
     id?: string;

package/dist/components/inlined-styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     styles: string;
     id?: string;

package/dist/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.5.2";
+export declare const SDK_VERSION = "UNKNOWN_VERSION";

package/dist/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.2";
+export const SDK_VERSION = 'UNKNOWN_VERSION';