@developer_tribe/react-builder 1.2.17 → 1.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-builder",
-  "version": "1.2.17",
+  "version": "1.2.18",
   "license": "UNLICENSED",
   "type": "module",
   "restricted": true,

package/src/RenderPage.tsx

@@ -84,60 +84,37 @@ export function RenderPage({
   const showEmptyState = isEmptyPreview(data);
 
   useEffect(() => {
-    console.info('[preview] RenderPage effect', {
-      previewMode,
-      forceRender,
-      hasRoot: !!previewRootRef.current,
-    });
-
     if (!previewMode) {
       return;
     }
 
     const root = previewRootRef.current;
     if (!root) {
-      console.info('[preview] RenderPage effect skipped (no root)');
       return;
     }
 
-    console.info('[preview] RenderPage effect bound', {
-      rootTag: root.tagName,
-      rootClass: root.className,
-    });
-
     const handleClick = (event: MouseEvent) => {
       const target = event.target as HTMLElement | null;
-      console.info('[preview] click', {
-        target: target ? target.tagName : null,
-        className: target ? target.className : null,
-      });
 
       if (!target) return;
 
       // Ignore clicks on carousel dots to avoid interfering with navigation
       if (target.closest('.embla__dot')) {
-        console.info('[preview] click ignored (embla dot)');
         return;
       }
 
       const element = target.closest('[attribute-key]') as HTMLElement | null;
       if (!element) {
-        console.info('[preview] click ignored (no attribute-key ancestor)');
         return;
       }
 
       const key = element.getAttribute('attribute-key');
 
       if (!key) {
-        console.info('[preview] click ignored (no attribute-key value)');
         return;
       }
 
       const node = findNodeByKeyNested(data, key);
-      console.info('[preview] click resolved', {
-        key,
-        foundNode: !!node,
-      });
       setCurrent(node);
       onSelectNode?.(node);
     };
@@ -145,7 +122,6 @@ export function RenderPage({
     root.addEventListener('click', handleClick);
 
     return () => {
-      console.info('[preview] RenderPage effect cleanup');
       root.removeEventListener('click', handleClick);
     };
   }, [previewMode, data, onSelectNode, setCurrent, forceRender]); // forceRender: retrigger effect when we want to force a refresh (e.g. route change)

package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts

@@ -59,9 +59,9 @@ export interface BackgroundImagePropsGenerated {
   child: string;
   attributes: {
     style?: BackgroundImageStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     src?: string;
     resizeMode?: ResizeModeOptionType;
   };

package/src/build-components/Button/ButtonProps.generated.ts

@@ -73,9 +73,9 @@ export interface ButtonPropsGenerated {
   child: string;
   attributes: {
     style?: ButtonStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
   };
 }
 

package/src/build-components/Carousel/CarouselProps.generated.ts

@@ -59,9 +59,9 @@ export interface CarouselPropsGenerated {
   child: string;
   attributes: {
     style?: CarouselStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     loop?: boolean;
     dragFree?: boolean;
     align?: AlignOptionType;

package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts

@@ -62,9 +62,9 @@ export interface CarouselButtonsPropsGenerated {
   child: string;
   attributes: {
     style?: CarouselButtonsStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
   };

package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts

@@ -65,9 +65,9 @@ export interface CarouselDotsPropsGenerated {
   child: string;
   attributes: {
     style?: CarouselDotsStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     dotType?: DotTypeOptionType;
   };
 }

package/src/build-components/CarouselItem/CarouselItemProps.generated.ts

@@ -58,9 +58,9 @@ export interface CarouselItemPropsGenerated {
   child: string;
   attributes: {
     style?: CarouselItemStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
   };
 }
 

package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts

@@ -58,9 +58,9 @@ export interface CarouselProviderPropsGenerated {
   child: string;
   attributes: {
     style?: CarouselProviderStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
   };
 }
 

package/src/build-components/Image/ImageProps.generated.ts

@@ -59,9 +59,9 @@ export interface ImagePropsGenerated {
   child: string;
   attributes: {
     style?: ImageStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     src?: string;
     width?: string;
     height?: string;

package/src/build-components/Main/MainProps.generated.ts

@@ -58,9 +58,9 @@ export interface MainPropsGenerated {
   child: string;
   attributes: {
     style?: MainStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     useSafeAreaView?: boolean;
   };
 }

package/src/build-components/Onboard/OnboardProps.generated.ts

@@ -58,9 +58,9 @@ export interface OnboardPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
   };
 }
 

package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts

@@ -73,9 +73,9 @@ export interface OnboardButtonPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardButtonStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     labelKey?: string;
     button_text_color?: string;
     animation?: AnimationOptionType;

package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts

@@ -64,9 +64,9 @@ export interface OnboardButtonsPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardButtonsStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
     buttons_direction?: ButtonsDirectionOptionType;

package/src/build-components/OnboardDot/OnboardDotProps.generated.ts

@@ -65,9 +65,9 @@ export interface OnboardDotPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardDotStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     dotType?: DotTypeOptionType;
     inactive_dot_opacity?: number;
     expanding_dot_width?: string;

package/src/build-components/OnboardItem/OnboardItemProps.generated.ts

@@ -59,9 +59,9 @@ export interface OnboardItemPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardItemStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     display?: DisplayOptionType;
     gap?: string;
     flexDirection?: FlexDirectionOptionType;

package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts

@@ -59,9 +59,9 @@ export interface OnboardProviderPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardProviderStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     theme?: ThemeOptionType;
     borderRadius?: never;
   };

package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts

@@ -58,9 +58,9 @@ export interface PaywallOptionsPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallOptionsStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
   };
 }
 

package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts

@@ -58,9 +58,9 @@ export interface PaywallProviderPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallProviderStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     delay?: number;
   };
 }

package/src/build-components/RadioButton/RadioButtonProps.generated.ts

@@ -58,9 +58,9 @@ export interface RadioButtonPropsGenerated {
   child: string;
   attributes: {
     style?: RadioButtonStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     selected?: boolean;
     color?: string;
     size?: number;

package/src/build-components/Text/TextProps.generated.ts

@@ -64,9 +64,9 @@ export interface TextPropsGenerated {
   child: string;
   attributes: {
     style?: TextStyleGenerated;
+    scrollable?: boolean;
     title?: string;
     description?: string;
-    scrollable?: boolean;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
   };

package/src/build-components/View/ViewProps.generated.ts

@@ -58,8 +58,6 @@ export interface ViewPropsGenerated {
   child: string;
   attributes: {
     style?: ViewStyleGenerated;
-    title?: string;
-    description?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/View/pattern.json

@@ -4,8 +4,6 @@
     "type": "View",
     "children": "node",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "scrollable": "boolean",
       "style": {
         "flexDirection": ["row", "column"],

package/src/build-components/patterns.generated.ts

@@ -466,8 +466,6 @@ export const patterns = [
       type: 'BackgroundImage',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -517,6 +515,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         src: 'string',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
       },
@@ -871,8 +871,6 @@ export const patterns = [
       type: 'Button',
       children: 'string',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -937,6 +935,8 @@ export const patterns = [
             '900',
           ],
         },
+        title: 'title',
+        description: 'description',
       },
     },
     meta: {
@@ -1281,8 +1281,6 @@ export const patterns = [
       type: 'Carousel',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -1332,6 +1330,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         loop: 'boolean',
         dragFree: 'boolean',
         align: ['start', 'center', 'end'],
@@ -1654,8 +1654,6 @@ export const patterns = [
       type: 'CarouselButtons',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -1705,6 +1703,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         buttonType: ['previous_button', 'next_button', 'skip_button'],
         skipNumber: 'number',
       },
@@ -2040,8 +2040,6 @@ export const patterns = [
       type: 'CarouselDots',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -2091,6 +2089,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         dotType: [
           'expanding_dot',
           'normal_dot',
@@ -2425,8 +2425,6 @@ export const patterns = [
       type: 'CarouselItem',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -2476,6 +2474,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
       },
     },
     meta: {
@@ -2795,8 +2795,6 @@ export const patterns = [
       type: 'CarouselProvider',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -2846,6 +2844,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
       },
     },
     meta: {
@@ -4044,8 +4044,6 @@ export const patterns = [
       type: 'Image',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -4095,6 +4093,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         src: 'string',
         width: 'size',
         height: 'size',
@@ -4430,8 +4430,6 @@ export const patterns = [
       type: 'Main',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -4481,6 +4479,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         useSafeAreaView: 'boolean',
       },
     },
@@ -4815,8 +4815,6 @@ export const patterns = [
       type: 'Onboard',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -4866,6 +4864,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
       },
     },
     meta: {
@@ -5186,8 +5186,6 @@ export const patterns = [
       type: 'OnboardButton',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -5237,6 +5235,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         labelKey: 'string',
         button_text_color: 'color',
         animation: [
@@ -5618,8 +5618,6 @@ export const patterns = [
       type: 'OnboardButtons',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -5669,6 +5667,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         buttonType: ['previous_button', 'next_button', 'skip_button'],
         skipNumber: 'number',
         buttons_direction: ['row', 'column'],
@@ -6044,8 +6044,6 @@ export const patterns = [
       type: 'OnboardDot',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -6095,6 +6093,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         dotType: [
           'expanding_dot',
           'normal_dot',
@@ -7348,8 +7348,6 @@ export const patterns = [
       type: 'OnboardItem',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -7399,6 +7397,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         display: ['flex', 'block'],
         gap: 'size',
         flexDirection: ['row', 'column'],
@@ -7730,8 +7730,6 @@ export const patterns = [
       type: 'OnboardProvider',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -7781,6 +7779,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         theme: ['light', 'dark', 'all'],
         borderRadius: 'never',
       },
@@ -10283,8 +10283,6 @@ export const patterns = [
       type: 'PaywallOptions',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -10334,6 +10332,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
       },
     },
     meta: {
@@ -10656,8 +10656,6 @@ export const patterns = [
       type: 'PaywallProvider',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -10707,6 +10705,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         delay: 'number',
       },
     },
@@ -11454,8 +11454,6 @@ export const patterns = [
       type: 'RadioButton',
       children: 'never',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -11505,6 +11503,8 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        title: 'title',
+        description: 'description',
         selected: 'boolean',
         color: 'color',
         size: 'number',
@@ -11848,8 +11848,6 @@ export const patterns = [
       type: 'Text',
       children: 'string',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
@@ -11904,6 +11902,8 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
         },
+        title: 'title',
+        description: 'description',
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
       },
@@ -12279,8 +12279,6 @@ export const patterns = [
       type: 'View',
       children: 'node',
       attributes: {
-        title: 'title',
-        description: 'description',
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],

package/src/components/BuilderProvider.tsx

@@ -90,15 +90,6 @@ export function BuilderProvider({ params, children }: BuilderProviderProps) {
     ],
   );
 
-  useEffect(() => {
-    console.info('[preview] BuilderProvider params', {
-      previewMode: value.previewMode,
-      selectedKey: value.selectedKey,
-      platform: value.platform,
-      productsCount: Array.isArray(value.products) ? value.products.length : 0,
-    });
-  }, [value.previewMode, value.selectedKey, value.platform, value.products]);
-
   return (
     <BuilderContext.Provider value={value}>{children}</BuilderContext.Provider>
   );