@developer_tribe/react-builder 1.2.29 → 1.2.31

package/dist/RenderPage.d.ts

@@ -1,5 +1,5 @@
 import { Node } from './types/Node';
-import { type BuilderProviderParams } from './components/BuilderProvider';
+import { BuilderProviderParams } from './components/BuilderProvider';
 export type ScreenStyle = {
     light: {
         backgroundColor: string;
@@ -16,7 +16,12 @@ interface RenderPageProps {
     data: Node;
     name: string;
     onSelectNode?: (node: Node | null) => void;
-    params: BuilderProviderParams;
+    /**
+     * Optional overrides for the builder provider.
+     * Useful for debug views or isolated rendering where we want to Inject
+     * specific mocks (products, benefits) instead of reading from the global store.
+     */
+    params?: Partial<BuilderProviderParams>;
 }
 export declare function RenderPage({ data, name, onSelectNode, params, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/attributes-editor/attributesEditorModelTypes.d.ts

@@ -32,7 +32,6 @@ export type AttributesEditorModel = {
     isInvalidNode: boolean;
     baseData: NodeData<NodeDefaultAttribute>;
     data: NodeData<NodeDefaultAttribute>;
-    appConfig: unknown;
     projectFonts: Fonts;
     loadedFonts: string[] | undefined;
     markFontLoaded: (fontFamily: string) => void;

package/dist/build-components/BIcon/BIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { BIconComponentProps } from './BIconProps.generated';
-declare function BIcon({ node }: BIconComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function BIcon({ node }: BIconComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof BIcon>;
 export default _default;

package/dist/build-components/BackgroundImage/BackgroundImage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { BackgroundImageComponentProps } from './BackgroundImageProps.generated';
-declare function BackgroundImage({ node }: BackgroundImageComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackgroundImage({ node }: BackgroundImageComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof BackgroundImage>;
 export default _default;

package/dist/build-components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonComponentProps } from './ButtonProps.generated';
-declare function Button({ node }: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ node }: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Button>;
 export default _default;

package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts

@@ -47,6 +47,10 @@ export interface CarouselDotsPropsGenerated {
         style?: CarouselDotsStyleGenerated;
         scrollable?: boolean;
         dotType?: DotTypeOptionType;
+        dot_thickness?: string;
+        inactive_dot_opacity?: number;
+        inactive_dot_color?: string;
+        active_dot_color?: string;
     };
 }
 export interface CarouselDotsComponentProps {

package/dist/build-components/OnboardButton/OnboardButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { OnboardButtonComponentProps } from './OnboardButtonProps.generated';
-declare function OnboardButton({ node }: OnboardButtonComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardButton({ node }: OnboardButtonComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OnboardButton>;
 export default _default;

package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts

@@ -55,10 +55,8 @@ export interface OnboardButtonPropsGenerated {
         style?: OnboardButtonStyleGenerated;
         scrollable?: boolean;
         labelKey?: string;
-        button_text_color?: string;
         animation?: AnimationOptionType;
         animation_color?: string;
-        button_background_color?: string;
         flex?: number;
         events?: EventObjectGenerated[];
     };

package/dist/build-components/OnboardDot/OnboardDot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { OnboardDotComponentProps } from './OnboardDotProps.generated';
-declare function OnboardDot({ node }: OnboardDotComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardDot({ node }: OnboardDotComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OnboardDot>;
 export default _default;

package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { PaywallCloseButtonComponentProps } from './PaywallCloseButtonProps.generated';
-declare function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof PaywallCloseButton>;
 export default _default;

package/dist/build-components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TextComponentProps } from './TextProps.generated';
-declare function Text({ node }: TextComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ node }: TextComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Text>;
 export default _default;

package/dist/build-components/index.generated.d.ts

@@ -0,0 +1,38 @@
+export { default as RenderNode } from './RenderNode.generated';
+export { patterns } from './patterns.generated';
+export declare const allcomponentNames: readonly ["BIcon", "BackgroundImage", "Button", "Carousel", "CarouselButtons", "CarouselDots", "CarouselItem", "CarouselProvider", "CountDown", "Image", "Main", "NavigationBarColor", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "PaywallBackground", "PaywallCloseButton", "PaywallOptions", "PaywallProvider", "PaywallSubscribeButton", "PriceTag", "Pricing", "Promo", "RadioButton", "Separator", "StatusBarColor", "Text", "View"];
+export type { BIconPropsGenerated, BIconComponentProps, } from './BIcon/BIconProps.generated';
+export type { BackgroundImagePropsGenerated, BackgroundImageComponentProps, } from './BackgroundImage/BackgroundImageProps.generated';
+export type { ButtonPropsGenerated, ButtonComponentProps, } from './Button/ButtonProps.generated';
+export type { CarouselPropsGenerated, CarouselComponentProps, } from './Carousel/CarouselProps.generated';
+export type { CarouselButtonsPropsGenerated, CarouselButtonsComponentProps, } from './CarouselButtons/CarouselButtonsProps.generated';
+export type { CarouselDotsPropsGenerated, CarouselDotsComponentProps, } from './CarouselDots/CarouselDotsProps.generated';
+export type { CarouselItemPropsGenerated, CarouselItemComponentProps, } from './CarouselItem/CarouselItemProps.generated';
+export type { CarouselProviderPropsGenerated, CarouselProviderComponentProps, } from './CarouselProvider/CarouselProviderProps.generated';
+export type { CountDownPropsGenerated, CountDownComponentProps, } from './CountDown/CountDownProps.generated';
+export type { ImagePropsGenerated, ImageComponentProps, } from './Image/ImageProps.generated';
+export type { MainPropsGenerated, MainComponentProps, } from './Main/MainProps.generated';
+export type { NavigationBarColorPropsGenerated, NavigationBarColorComponentProps, } from './NavigationBarColor/NavigationBarColorProps.generated';
+export type { OnboardPropsGenerated, OnboardComponentProps, } from './Onboard/OnboardProps.generated';
+export type { OnboardButtonPropsGenerated, OnboardButtonComponentProps, } from './OnboardButton/OnboardButtonProps.generated';
+export type { OnboardButtonsPropsGenerated, OnboardButtonsComponentProps, } from './OnboardButtons/OnboardButtonsProps.generated';
+export type { OnboardDotPropsGenerated, OnboardDotComponentProps, } from './OnboardDot/OnboardDotProps.generated';
+export type { OnboardFooterPropsGenerated, OnboardFooterComponentProps, } from './OnboardFooter/OnboardFooterProps.generated';
+export type { OnboardImagePropsGenerated, OnboardImageComponentProps, } from './OnboardImage/OnboardImageProps.generated';
+export type { OnboardItemPropsGenerated, OnboardItemComponentProps, } from './OnboardItem/OnboardItemProps.generated';
+export type { OnboardProviderPropsGenerated, OnboardProviderComponentProps, } from './OnboardProvider/OnboardProviderProps.generated';
+export type { OnboardSubtitlePropsGenerated, OnboardSubtitleComponentProps, } from './OnboardSubtitle/OnboardSubtitleProps.generated';
+export type { OnboardTitlePropsGenerated, OnboardTitleComponentProps, } from './OnboardTitle/OnboardTitleProps.generated';
+export type { PaywallBackgroundPropsGenerated, PaywallBackgroundComponentProps, } from './PaywallBackground/PaywallBackgroundProps.generated';
+export type { PaywallCloseButtonPropsGenerated, PaywallCloseButtonComponentProps, } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
+export type { PaywallOptionsPropsGenerated, PaywallOptionsComponentProps, } from './PaywallOptions/PaywallOptionsProps.generated';
+export type { PaywallProviderPropsGenerated, PaywallProviderComponentProps, } from './PaywallProvider/PaywallProviderProps.generated';
+export type { PaywallSubscribeButtonPropsGenerated, PaywallSubscribeButtonComponentProps, } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
+export type { PriceTagPropsGenerated, PriceTagComponentProps, } from './PriceTag/PriceTagProps.generated';
+export type { PricingPropsGenerated, PricingComponentProps, } from './Pricing/PricingProps.generated';
+export type { PromoPropsGenerated, PromoComponentProps, } from './Promo/PromoProps.generated';
+export type { RadioButtonPropsGenerated, RadioButtonComponentProps, } from './RadioButton/RadioButtonProps.generated';
+export type { SeparatorPropsGenerated, SeparatorComponentProps, } from './Separator/SeparatorProps.generated';
+export type { StatusBarColorPropsGenerated, StatusBarColorComponentProps, } from './StatusBarColor/StatusBarColorProps.generated';
+export type { TextPropsGenerated, TextComponentProps, } from './Text/TextProps.generated';
+export type { ViewPropsGenerated, ViewComponentProps, } from './View/ViewProps.generated';

package/dist/build-components/patterns.generated.d.ts

@@ -2021,6 +2021,10 @@ export declare const patterns: readonly [{
                 readonly zIndex: "number";
             };
             readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
+            readonly dot_thickness: "size";
+            readonly inactive_dot_opacity: "number";
+            readonly inactive_dot_color: "color";
+            readonly active_dot_color: "color";
         };
     };
     readonly meta: {
@@ -2345,6 +2349,11 @@ export declare const patterns: readonly [{
             readonly flexGrow: 0;
             readonly flexShrink: 0;
         };
+        readonly dotType: "expanding_dot";
+        readonly dot_thickness: 10;
+        readonly inactive_dot_opacity: 0.3;
+        readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
+        readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
     };
     readonly types: {};
 }, {
@@ -5047,10 +5056,8 @@ export declare const patterns: readonly [{
                 readonly zIndex: "number";
             };
             readonly labelKey: "string";
-            readonly button_text_color: "color";
             readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
             readonly animation_color: "color";
-            readonly button_background_color: "color";
             readonly flex: "number";
             readonly events: "EventObject[]";
         };
@@ -5101,13 +5108,6 @@ export declare const patterns: readonly [{
                 readonly sort: 21;
                 readonly preferredScale: "s";
             };
-            readonly button_text_color: {
-                readonly label: "Button Text Color";
-                readonly description: "Text color of the button.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 2;
-            };
             readonly animation: {
                 readonly label: "Animation";
                 readonly description: "Animation style for the button.";
@@ -5122,13 +5122,6 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 4;
             };
-            readonly button_background_color: {
-                readonly label: "Button Background Color";
-                readonly description: "Background color of the button.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 5;
-            };
         };
         readonly attributes: {
             readonly scrollable: {
@@ -6260,7 +6253,8 @@ export declare const patterns: readonly [{
         readonly dotType: "expanding_dot";
         readonly dot_thickness: 10;
         readonly inactive_dot_opacity: 0.3;
-        readonly active_dot_color: "#007AFF";
+        readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
+        readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
     };
     readonly types: {};
 }, {

package/dist/components/BuilderProvider.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
 import type { Product } from '../paywall/types/paywall-types';
 import type { PaywallBenefits } from '../paywall/types/benefits';
-import { type AppConfig, type Theme } from '../types/PreviewConfig';
+import { type Theme, type Localication, type BaseSize } from '../types/PreviewConfig';
 import type { Fonts } from '../types/Fonts';
 import type { ProjectColors } from '../types/Project';
 export type Products = Product;
 export type BuilderProviderParams = {
-    mockProducts: Products[];
-    mockBenefits: PaywallBenefits;
     /**
      * Render platform for style extraction + meta filtering.
      * - 'web' (default): returns CSS-friendly styles for DOM rendering.
@@ -15,22 +13,18 @@ export type BuilderProviderParams = {
      */
     platform?: 'web' | 'native';
     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`.
-     */
-    theme?: Theme;
-    defaultLanguage?: string;
-    appConfig?: AppConfig;
+    mockProducts?: Products[];
+    mockBenefits?: PaywallBenefits;
+    mockTheme?: Theme;
+    mockDefaultLanguage?: string;
+    localization?: Localication;
+    baseSize?: BaseSize;
     projectColors?: ProjectColors;
     fonts?: Fonts;
-    appFont?: string | undefined;
-    /**
-     * Optional selection info (used by builder UI; ignored by host runtime).
-     */
     previewMode?: boolean;
     selectedKey?: string;
+    theme?: Theme;
+    defaultLanguage?: string;
 };
 type BuilderProviderProps = {
     params: BuilderProviderParams;

package/dist/hooks/useLocalize.d.ts

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

package/dist/hooks/usePreviewSelection.d.ts

@@ -0,0 +1,12 @@
+import { type RefObject } from 'react';
+import type { Node } from '../types/Node';
+type UsePreviewSelectionParams = {
+    previewMode: boolean;
+    data: Node;
+    rootRef: RefObject<HTMLDivElement>;
+    onSelectNode?: (node: Node | null) => void;
+    setCurrent: (node: Node) => void;
+    forceRender: number;
+};
+export declare function usePreviewSelection({ previewMode, data, rootRef, onSelectNode, setCurrent, forceRender, }: UsePreviewSelectionParams): void;
+export {};