@builder.io/sdk-react-nextjs 0.7.1-4 → 0.7.2

package/types/esm/blocks/columns/columns.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+type Column = {
+    blocks: BuilderBlock[];
+    width?: number;
+};
+type StackColumnsAt = "tablet" | "mobile" | "never";
+export interface ColumnProps extends BuilderComponentsProp {
+    columns?: Column[];
+    builderBlock: BuilderBlock;
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+declare function Columns(props: PropsWithBuilderData<ColumnProps>): React.JSX.Element;
+export default Columns;

package/types/esm/blocks/columns/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/custom-code/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/custom-code/custom-code.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface CustomCodeProps {
+    code: string;
+    replaceNodes?: boolean;
+}
+declare function CustomCode(props: CustomCodeProps): React.JSX.Element;
+export default CustomCode;

package/types/esm/blocks/embed/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/embed/embed.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface EmbedProps {
+    content: string;
+}
+declare function Embed(props: EmbedProps): React.JSX.Element;
+export default Embed;

package/types/esm/blocks/embed/helpers.d.ts

@@ -0,0 +1 @@
+export declare const isJsScript: (script: HTMLScriptElement) => boolean;

package/types/esm/blocks/fragment/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/fragment/fragment.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}
+declare function FragmentComponent(props: FragmentProps): React.JSX.Element;
+export default FragmentComponent;

package/types/esm/blocks/helpers.d.ts

@@ -0,0 +1,13 @@
+export declare function filterAttrs(attrs: {
+    [index: string]: any;
+}, prefix: string, isEvent: boolean): {
+    [index: string]: any;
+};
+/**
+ * Svelte SDK: workaround to dynamically provide event handlers to components/elements.
+ * https://svelte.dev/repl/1246699e266f41218a8eeb45b9b58b54?version=3.24.1
+ */
+export declare function setAttrs(node: HTMLElement, attrs?: Record<string, (event: Event) => void>): {
+    update(attrs?: {}): void;
+    destroy(): void;
+};

package/types/esm/blocks/image/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/image/image.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Image(props: ImageProps): React.JSX.Element;
+export default Image;

package/types/esm/blocks/image/image.helpers.d.ts

@@ -0,0 +1 @@
+export declare function getSrcSet(url: string): string;

package/types/esm/blocks/img/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/img/img.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ImgProps {
+    attributes?: any;
+    imgSrc?: string;
+    image?: string;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+declare function ImgComponent(props: ImgProps): React.JSX.Element;
+export default ImgComponent;

package/types/esm/blocks/section/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/section/section.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}
+declare function SectionComponent(props: SectionProps): React.JSX.Element;
+export default SectionComponent;

package/types/esm/blocks/symbol/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/symbol/symbol.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface SymbolProps extends BuilderComponentsProp {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    attributes?: any;
+    inheritState?: boolean;
+}
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
+declare function Symbol(props: PropsWithBuilderData<SymbolProps>): Promise<React.JSX.Element>;
+export default Symbol;

package/types/esm/blocks/symbol/symbol.helpers.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export declare const fetchSymbolContent: ({ builderContextValue, symbol }: {
+    symbol: SymbolInfo | undefined;
+    builderContextValue: BuilderContextInterface;
+}) => Promise<any>;

package/types/esm/blocks/text/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/text/text.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface TextProps {
+    text?: string;
+}
+declare function Text(props: TextProps): React.JSX.Element;
+export default Text;

package/types/esm/blocks/video/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/video/video.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface VideoProps {
+    attributes?: any;
+    video?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    fit?: "contain" | "cover" | "fill";
+    preload?: "auto" | "metadata" | "none";
+    position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    posterImage?: string;
+    lazyLoad?: boolean;
+}
+declare function Video(props: VideoProps): React.JSX.Element;
+export default Video;

package/types/esm/components/block/block.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type BlockProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Block(props: BlockProps): React.JSX.Element;
+export default Block;

package/types/esm/components/block/block.helpers.d.ts

@@ -0,0 +1,13 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { RepeatData } from './types.js';
+export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
+export declare const getComponent: ({ block, context, registeredComponents }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+}) => import("../../context/types.js").RegisteredComponent;
+export declare const getRepeatItemData: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => RepeatData[] | undefined;

package/types/esm/components/block/components/block-styles.d.ts

@@ -0,0 +1,9 @@
+import * as React from "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): React.JSX.Element;
+export default BlockStyles;

package/types/esm/components/block/components/block-wrapper.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+type BlockWrapperProps = {
+    Wrapper: string;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    hasChildren: boolean;
+};
+/**
+ * This component renders a block's wrapper HTML element (from the block's `tagName` property).
+ * It reuses the exact same logic as the `InteractiveElement` component, but we need to have 2 separate components for
+ * Svelte's sake, as it needs to know at compile-time whether to use: *  - `<svelte:element>` (for HTML element) or *  - `<svelte:component>` (for custom components) */ import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { PropsWithChildren } from "../../../types/typescript.js";
+declare function BlockWrapper(props: PropsWithChildren<BlockWrapperProps>): React.JSX.Element;
+export default BlockWrapper;

package/types/esm/components/block/components/component-ref/component-ref.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ComponentProps } from "./component-ref.helpers.js";
+declare function ComponentRef(props: ComponentProps): React.JSX.Element;
+export default ComponentRef;

package/types/esm/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -0,0 +1,28 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
+import type { BuilderBlock } from '../../../../types/builder-block.js';
+import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { InteractiveElementProps } from '../interactive-element.js';
+type ComponentOptions = PropsWithBuilderData<{
+    [index: string]: any;
+    attributes?: {
+        [index: string]: any;
+    };
+}>;
+export interface ComponentProps {
+    componentRef: any;
+    componentOptions: ComponentOptions;
+    blockChildren: BuilderBlock[];
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+    builderBlock: BuilderBlock;
+    includeBlockProps: boolean;
+    isInteractive: boolean | undefined;
+}
+export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
+    contextValue: BuilderContextInterface;
+}) => InteractiveElementProps | {
+    attributes?: any;
+    builderBlock: BuilderBlock;
+    builderContext: BuilderContextInterface;
+};
+export {};

package/types/esm/components/block/components/interactive-element.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type InteractiveElementProps = {
+    Wrapper: any;
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    wrapperProps: object;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { PropsWithChildren } from "../../../types/typescript.js";
+declare function InteractiveElement(props: PropsWithChildren<InteractiveElementProps>): React.JSX.Element;
+export default InteractiveElement;

package/types/esm/components/block/components/repeated-block.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type Props = {
+    block: BuilderBlock;
+    repeatContext: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+declare function RepeatedBlock(props: Props): React.JSX.Element;
+export default RepeatedBlock;

package/types/esm/components/block/types.d.ts

@@ -0,0 +1,6 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface RepeatData {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}

package/types/esm/components/blocks/blocks-wrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type BlocksWrapperProps = {
+    blocks: BuilderBlock[] | undefined;
+    parent: string | undefined;
+    path: string | undefined;
+    styleProp: Record<string, any> | undefined;
+};
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { PropsWithChildren } from "../../types/typescript.js";
+declare function BlocksWrapper(props: PropsWithChildren<BlocksWrapperProps>): React.JSX.Element;
+export default BlocksWrapper;

package/types/esm/components/blocks/blocks.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type BlocksProps = Partial<BlocksWrapperProps> & {
+    context?: BuilderContextInterface;
+    registeredComponents?: RegisteredComponents;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
+import type { BlocksWrapperProps } from "./blocks-wrapper.js";
+declare function Blocks(props: BlocksProps): React.JSX.Element;
+export default Blocks;

package/types/esm/components/content/components/enable-editor.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
+    builderContextSignal: BuilderContextInterface;
+    setBuilderContextSignal?: (signal: any) => any;
+    children?: any;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { ContentProps } from "../content.types.js";
+declare function EnableEditor(props: BuilderEditorProps): React.JSX.Element;
+export default EnableEditor;

package/types/esm/components/content/components/styles.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface Props {
+    cssCode?: string;
+    customFonts?: CustomFont[];
+    contentId?: string;
+}
+import type { CustomFont } from "./styles.helpers.js";
+declare function ContentStyles(props: Props): React.JSX.Element;
+export default ContentStyles;

package/types/esm/components/content/components/styles.helpers.d.ts

@@ -0,0 +1,15 @@
+export interface CustomFont {
+    family?: string;
+    kind?: string;
+    fileUrl?: string;
+    files?: {
+        [key: string]: string;
+    };
+}
+export declare const getFontCss: ({ customFonts }: {
+    customFonts?: CustomFont[];
+}) => string;
+export declare const getCss: ({ cssCode, contentId }: {
+    cssCode?: string;
+    contentId?: string;
+}) => string;

package/types/esm/components/content/content.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ContentProps } from "./content.types.js";
+declare function ContentComponent(props: ContentProps): React.JSX.Element;
+export default ContentComponent;

package/types/esm/components/content/content.helpers.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { Nullable } from '../../types/typescript.js';
+import type { ContentProps } from './content.types.js';
+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/types/esm/components/content/content.types.d.ts

@@ -0,0 +1,24 @@
+import type { BuilderRenderState } from '../../context/types.js';
+import type { EnforcePartials } from '../../types/enforced-partials.js';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+interface InternalRenderProps {
+    /**
+     * TO-DO: improve qwik generator to not remap this name for non-HTML tags, then name it `className`
+     */
+    classNameProp: string | undefined;
+    showContent: boolean;
+    isSsrAbTest: boolean;
+}
+export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export interface BuilderComponentStateChange {
+    state: BuilderRenderState;
+    ref: {
+        name?: string;
+        props?: {
+            builderBlock?: {
+                id?: string;
+            };
+        };
+    };
+}
+export {};

package/types/esm/components/content/wrap-component-ref.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Apply target-specific transformations to the component reference.
+ *
+ * See overrides/* for examples.
+ */
+export declare const wrapComponentRef: (component: any) => any;

package/types/esm/components/content-variants/content-variants.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type VariantsProviderProps = ContentVariantsPrps & {
+    /**
+     * For internal use only. Do not provide this prop.
+     */
+    __isNestedRender?: boolean;
+};
+import type { ContentVariantsPrps } from "./content-variants.types.js";
+declare function ContentVariants(props: VariantsProviderProps): React.JSX.Element;
+export default ContentVariants;

package/types/esm/components/content-variants/content-variants.types.d.ts

@@ -0,0 +1,20 @@
+import type { BuilderRenderContext, RegisteredComponent } from '../../context/types.js';
+import type { ApiVersion } from '../../types/api-version.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { Nullable } from '../../types/typescript.js';
+export interface ContentVariantsPrps {
+    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;
+}

package/types/esm/components/content-variants/helpers.d.ts

@@ -0,0 +1,41 @@
+import type { Nullable } from '../../helpers/nullable.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+export declare const getVariants: (content: Nullable<BuilderContent>) => {
+    testVariationId: string;
+    id: string;
+    data?: {
+        [key: string]: any;
+        title?: string;
+        blocks?: import("../../types/builder-block.js").BuilderBlock[];
+        inputs?: import("../../types/input.js").Input[];
+        state?: {
+            [key: string]: any;
+        };
+        jsCode?: string;
+        tsCode?: string;
+        httpRequests?: {
+            [key: string]: string;
+        };
+    };
+    name?: string;
+    testRatio?: number;
+    meta?: {
+        [key: string]: any;
+        breakpoints?: import("../../types/builder-content.js").Breakpoints;
+    };
+}[];
+export declare const checkShouldRunVariants: ({ canTrack, content }: {
+    canTrack: Nullable<boolean>;
+    content: Nullable<BuilderContent>;
+}) => boolean;
+type VariantData = {
+    id: string;
+    testRatio?: number;
+};
+export declare const getScriptString: () => string;
+export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
+export declare const getRenderContentScriptString: ({ contentId, variationId }: {
+    variationId: string;
+    contentId: string;
+}) => string;
+export {};

package/types/esm/components/inlined-script.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface Props {
+    scriptStr: string;
+    id?: string;
+}
+declare function InlinedScript(props: Props): React.JSX.Element;
+export default InlinedScript;

package/types/esm/components/inlined-styles.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface Props {
+    styles: string;
+    id?: string;
+}
+declare function InlinedStyles(props: Props): React.JSX.Element;
+export default InlinedStyles;

package/types/esm/constants/builder-registered-components.d.ts

@@ -0,0 +1,6 @@
+import type { RegisteredComponent } from '../context/types.js';
+/**
+ * Returns a list of all registered components.
+ * NOTE: This needs to be a function to work around ESM circular dependencies.
+ */
+export declare const getDefaultRegisteredComponents: () => RegisteredComponent[];

package/types/esm/constants/device-sizes.d.ts

@@ -0,0 +1,13 @@
+export type SizeName = 'large' | 'medium' | 'small';
+interface Size {
+    min: number;
+    default: number;
+    max: number;
+}
+export declare const getMaxWidthQueryForSize: (size: SizeName, sizeValues?: Record<SizeName, Size>) => string;
+interface Breakpoints {
+    small?: number;
+    medium?: number;
+}
+export declare const getSizesForBreakpoints: ({ small, medium }: Breakpoints) => Record<SizeName, Size>;
+export {};

package/types/esm/constants/sdk-version.d.ts

@@ -0,0 +1 @@
+export declare const SDK_VERSION = "0.7.2";

package/types/esm/constants/target.d.ts

@@ -0,0 +1,2 @@
+/** This file should be overriden for each framework. Ideally this would be implemented in Mitosis.  */
+export declare const TARGET: any;

package/types/esm/context/builder.context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+declare const _default: import("react").Context<any>;
+export default _default;

package/types/esm/context/components.context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+declare const _default: import("react").Context<any>;
+export default _default;