@developer_tribe/react-builder 1.2.38 → 1.2.40

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "children": "node",
-    "extends": "View",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "View"
   },
   "meta": {
     "desiredParent": ["=OnboardProvider"],

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

@@ -13,8 +13,7 @@
       "forIndex": "number",
       "seperatorColor": "color",
       "condition": ["carousel-index"],
-      "conditionVariable": "number",
-      "testID": "string"
+      "conditionVariable": "number"
     },
     "defaults": {
       "styles": {

package/src/build-components/OnboardDot/OnboardDot.tsx

@@ -34,6 +34,7 @@ export function OnboardDot({ node }: OnboardDotComponentProps) {
     selectedTheme: theme,
     projectColors,
     baseSize,
+    device,
   } = useBuilderParams();
   // OnboardDot specific attributes
   const inactiveDotOpacity =
@@ -74,12 +75,12 @@ export function OnboardDot({ node }: OnboardDotComponentProps) {
     (attrRecord.dot_thickness as string | number | undefined) ??
     (stylesBag?.dot_thickness as string | number | undefined);
   const dotSizeCss = useMemo((): string => {
-    const parsed = parseSize(dotThicknessRaw, baseSize);
+    const parsed = parseSize(dotThicknessRaw, baseSize, device!);
     if (parsed === undefined) return '10px';
     if (typeof parsed === 'number') return `${parsed}px`;
     if (typeof parsed === 'string' && parsed.trim()) return parsed;
     return '10px';
-  }, [dotThicknessRaw, baseSize]);
+  }, [dotThicknessRaw, baseSize, device]);
   const dotGapCss = useMemo((): string => {
     // Prefer px math when possible; otherwise fall back to 10px/3.
     const px =

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

@@ -21,8 +21,7 @@
       "dot_thickness": "size",
       "inactive_dot_opacity": "number",
       "inactive_dot_color": "color",
-      "active_dot_color": "color",
-      "testID": "string"
+      "active_dot_color": "color"
     }
   },
   "defaults": {

package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts

@@ -68,8 +68,8 @@ export interface OnboardFooterPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
     textLocalizationKey?: string;
     linkedWordFirstLocalizationKey?: string;
     linkedWordFirstColor?: string;

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

@@ -13,8 +13,7 @@
       "linkedWordFirstPage": "string",
       "linkedWordSecondLocalizationKey": "string",
       "linkedWordSecondColor": "color",
-      "linkedWordSecondPage": "string",
-      "testID": "string"
+      "linkedWordSecondPage": "string"
     }
   },
   "defaults": {

package/src/build-components/OnboardImage/OnboardImageProps.generated.ts

@@ -2,6 +2,11 @@
 
 import type { NodeData } from '../../types/Node';
 
+export type FetchStrategyOptionType =
+  | 'highIfItsAppLaunch'
+  | 'normal'
+  | 'lazy'
+  | 'none';
 export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -63,8 +68,9 @@ export interface OnboardImagePropsGenerated {
   attributes: {
     styles?: OnboardImageStyleGenerated;
     src?: string;
-    testID?: string;
+    fetchStrategy?: FetchStrategyOptionType;
     scrollable?: boolean;
+    testID?: string;
     video_url?: string;
     lottie?: string;
   };

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

@@ -8,8 +8,7 @@
     "extends": "Image",
     "attributes": {
       "video_url": "string",
-      "lottie": "string",
-      "testID": "string"
+      "lottie": "string"
     }
   },
   "meta": {

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

@@ -12,8 +12,7 @@
         "gap": "size",
         "flexDirection": ["row", "column"],
         "paddingHorizontal": "size"
-      },
-      "testID": "string"
+      }
     }
   },
   "defaults": {

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

@@ -8,8 +8,7 @@
     "extends": "View",
     "attributes": {
       "theme": ["light", "dark", "all"],
-      "borderRadius": "never",
-      "testID": "string"
+      "borderRadius": "never"
     }
   },
   "defaults": {

package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts

@@ -68,8 +68,8 @@ export interface OnboardSubtitlePropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "styles": {

package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts

@@ -68,8 +68,8 @@ export interface OnboardTitlePropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "styles": {

package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts

@@ -63,8 +63,8 @@ export interface PaywallBackgroundPropsGenerated {
     styles?: PaywallBackgroundStyleGenerated;
     src?: string;
     resizeMode?: ResizeModeOptionType;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -17,9 +17,6 @@
         "right": 0,
         "bottom": 0
       }
-    },
-    "attributes": {
-      "testID": "string"
     }
   },
   "meta": {

package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts

@@ -68,11 +68,11 @@ export interface PaywallCloseButtonPropsGenerated {
     iconType?: string;
     size?: number;
     strokeWidth?: number;
-    testID?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "children": "never",
-    "extends": "BIcon",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "BIcon"
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],
@@ -17,6 +14,7 @@
     "styles": {}
   },
   "defaults": {
+    "testID": "paywall-close-button",
     "iconType": "close",
     "size": 24,
     "styles": {

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "extends": "View",
-    "children": "node",
-    "attributes": {
-      "testID": "string"
-    }
+    "children": "node"
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],

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

@@ -7,8 +7,7 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "delay": "number",
-      "testID": "string"
+      "delay": "number"
     }
   },
   "defaults": {

package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts

@@ -75,8 +75,8 @@ export interface PaywallSubscribeButtonPropsGenerated {
   child: string;
   attributes: {
     styles?: PaywallSubscribeButtonStyleGenerated;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Button",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "Button"
   },
   "defaults": {
     "styles": {

package/src/build-components/PriceTag/PriceTagProps.generated.ts

@@ -73,8 +73,8 @@ export interface PriceTagPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
     showOriginalPricePossible?: boolean;
     hideIfItsNotDiscount?: boolean;
   };

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

@@ -11,8 +11,7 @@
       "hideIfItsNotDiscount": "boolean",
       "styles": {
         "textDecorationLine": ["none", "underline", "line-through"]
-      },
-      "testID": "string"
+      }
     }
   },
   "defaults": {

package/src/build-components/Pricing/PricingProps.generated.ts

@@ -68,8 +68,8 @@ export interface PricingPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "base.builder.paywall.pricing.default.text",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "translateCounter": 2,

package/src/build-components/Promo/PromoProps.generated.ts

@@ -68,8 +68,8 @@ export interface PromoPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
-    testID?: string;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -5,10 +5,7 @@
     "title": "title",
     "description": "base.builder.paywall.promo.default.text",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "testID": "string"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "translateCounter": 2,

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

@@ -9,8 +9,7 @@
     "attributes": {
       "selected": "boolean",
       "color": "color",
-      "size": "number",
-      "testID": "string"
+      "size": "number"
     }
   },
   "meta": {

package/src/build-components/StatusBarColor/StatusBarColor.tsx

@@ -15,6 +15,9 @@ function StatusBarColor({ node }: StatusBarColorComponentProps) {
   const setStatusBarOverrideColor = useRenderStore(
     (s) => s.setStatusBarOverrideColor,
   );
+  const setStatusBarOverrideTranslucent = useRenderStore(
+    (s) => s.setStatusBarOverrideTranslucent,
+  );
 
   const rawBg = getStyleBag(node.attributes)?.backgroundColor as
     | string
@@ -24,14 +27,25 @@ function StatusBarColor({ node }: StatusBarColorComponentProps) {
     theme,
   });
 
+  const translucent = node.attributes?.translucent;
+
   useEffect(() => {
     if (resolvedColor) {
       setStatusBarOverrideColor(resolvedColor);
     }
+    if (translucent !== undefined) {
+      setStatusBarOverrideTranslucent(translucent);
+    }
     return () => {
       setStatusBarOverrideColor(null);
+      setStatusBarOverrideTranslucent(null);
     };
-  }, [resolvedColor, setStatusBarOverrideColor]);
+  }, [
+    resolvedColor,
+    setStatusBarOverrideColor,
+    translucent,
+    setStatusBarOverrideTranslucent,
+  ]);
 
   return null;
 }

package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts

@@ -10,7 +10,7 @@ export interface StatusBarColorPropsGenerated {
   child: string;
   attributes: {
     styles?: StatusBarColorStyleGenerated;
-    testID?: string;
+    translucent?: boolean;
   };
 }
 

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

@@ -9,7 +9,7 @@
       "styles": {
         "backgroundColor": "color"
       },
-      "testID": "string"
+      "translucent": "boolean"
     }
   },
   "meta": {
@@ -24,6 +24,15 @@
         "specialCategory": null,
         "sort": 1
       }
+    },
+    "attributes": {
+      "translucent": {
+        "label": "Translucent",
+        "description": "Sets the status bar to translucent.",
+        "category": "style",
+        "specialCategory": null,
+        "sort": 2
+      }
     }
   },
   "defaults": {

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

@@ -16,8 +16,7 @@
         "fontFamily": "fontFamily",
         "fontWeight": "fontWeight",
         "textAlign": "string"
-      },
-      "testID": "string"
+      }
     },
     "defaults": {
       "translateCounter": 1,