@developer_tribe/react-builder 1.2.2 → 1.2.4

package/dist/RenderPage.d.ts

@@ -1,4 +1,5 @@
 import { Node } from './types/Node';
+import { type BuilderProviderParams } from './components/BuilderProvider';
 export type ScreenStyle = {
     light: {
         backgroundColor: string;
@@ -15,6 +16,7 @@ interface RenderPageProps {
     data: Node;
     name: string;
     onSelectNode?: (node: Node | null) => void;
+    params: BuilderProviderParams;
 }
-export declare function RenderPage({ data, name, onSelectNode }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenderPage({ data, name, onSelectNode, params, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/build-components/PaywallOptions/PaywallOptionButton.d.ts

@@ -4,6 +4,6 @@ export type OptionsButtonProps = {
     product: Product;
     selected: boolean;
     onPress: (productId: string) => void;
-    node: NodeData<any>;
+    node: NodeData<Record<string, unknown>>;
 };
 export declare function PaywallOptionButton({ product, selected, onPress, node, }: OptionsButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/BuilderProvider.d.ts

@@ -1,12 +1,29 @@
 import React from 'react';
 import type { Product } from '../paywall/types/paywall-types';
 import type { PaywallBenefits } from '../paywall/types/benefits';
+import type { AppConfig } from '../types/PreviewConfig';
+import type { Fonts } from '../types/Fonts';
+import type { ProjectColors } from '../types/Project';
 export type Products = Product;
 export type BuilderProviderParams = {
     products: Products[];
     benefits: PaywallBenefits;
     onPaywallClose?: () => void;
     onPaywallSubscribe?: (product?: Product) => void | boolean | Promise<boolean>;
+    /**
+     * Optional runtime config + styling inputs.
+     * These are intentionally passed down via BuilderProvider so `build-components`
+     * never need to touch `useRenderStore`.
+     */
+    appConfig?: AppConfig;
+    projectColors?: ProjectColors;
+    fonts?: Fonts;
+    appFont?: string | undefined;
+    /**
+     * Optional selection info (used by builder UI; ignored by host runtime).
+     */
+    previewMode?: boolean;
+    selectedKey?: string;
 };
 type BuilderProviderProps = {
     params: BuilderProviderParams;

package/dist/components/Checkbox.d.ts

@@ -7,7 +7,7 @@ export type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
     inputClassName?: string;
     onChange?: CheckboxChangeHandler;
 };
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "className"> & {
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "className"> & {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
     className?: string;

package/dist/components/RenderErrorBoundary.d.ts

@@ -23,6 +23,6 @@ export declare class RenderErrorBoundary extends React.Component<RenderErrorBoun
     private buildDetails;
     private copyDetails;
     private reset;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export {};

package/dist/hooks/useExtractImageStyle.d.ts

@@ -0,0 +1,3 @@
+import type { NodeData } from '../types/Node';
+import type { ImagePropsGenerated } from '../build-components/Image/ImageProps.generated';
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): import("react").CSSProperties;

package/dist/hooks/useExtractTextStyle.d.ts

@@ -1,9 +1,3 @@
 import type { NodeData } from '../types/Node';
 import type { TextPropsGenerated } from '../build-components/Text/TextProps.generated';
-import type { AppConfig } from '../types/PreviewConfig';
-import type { ProjectColors } from '../types/Project';
-export type UseExtractTextStyleOptions = {
-    appConfig?: AppConfig;
-    projectColors?: ProjectColors;
-};
-export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>, options?: UseExtractTextStyleOptions): import("react").CSSProperties;
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): import("react").CSSProperties;

package/dist/hooks/useExtractViewStyle.d.ts

@@ -1,9 +1,3 @@
 import type { NodeData } from '../types/Node';
 import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
-import type { AppConfig } from '../types/PreviewConfig';
-import type { ProjectColors } from '../types/Project';
-export type UseExtractViewStyleOptions = {
-    appConfig?: AppConfig;
-    projectColors?: ProjectColors;
-};
-export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>, options?: UseExtractViewStyleOptions): import("react").CSSProperties;
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): import("react").CSSProperties;

package/dist/hooks/useLocalize.d.ts

@@ -1,2 +1,5 @@
+import type { AppConfig } from '../types/PreviewConfig';
 export type LocalizeFn = (keyOrText: string) => string;
-export declare function useLocalize(): LocalizeFn;
+export declare function useLocalize(options?: {
+    appConfig?: AppConfig;
+}): LocalizeFn;

package/dist/hooks/useSafeAreaViewStyle.d.ts

@@ -1 +1,2 @@
-export declare function useSafeAreaViewStyle(baseStyle: React.CSSProperties, enabled: boolean): import("react").CSSProperties;
+import type { Device } from '../types/Device';
+export declare function useSafeAreaViewStyle(baseStyle: React.CSSProperties, enabled: boolean, device?: Device): import("react").CSSProperties;