@developer_tribe/react-builder 1.2.37 → 1.2.39

package/src/assets/samples/vpn-onboard-7.json

@@ -12,7 +12,8 @@
       "title": "Main 1",
       "styles": {
         "paddingBottom": 16
-      }
+      },
+      "testID": "Main-test-id"
     },
     "children": [
       {
@@ -22,7 +23,8 @@
           "description": "Status bar background color.",
           "styles": {
             "backgroundColor": "THEME_COLORS.BACKGROUND"
-          }
+          },
+          "testID": "StatusBarColor-test-id"
         },
         "children": null,
         "key": "StatusBarColor-sxj19suwkrn"
@@ -34,7 +36,8 @@
           "description": "Navigation bar background color.",
           "styles": {
             "backgroundColor": "THEME_COLORS.BACKGROUND"
-          }
+          },
+          "testID": "NavigationBarColor-test-id"
         },
         "children": null,
         "key": "NavigationBarColor-rhzn570dc5o"
@@ -59,9 +62,10 @@
                         "textAlign": "center",
                         "marginTop": 40,
                         "fontSize": "28@fs"
-                      }
+                      },
+                      "testID": "OnboardTitle-test-id"
                     },
-                    "children": "onboard.title.one-page",
+                    "children": "base.onboard.title.one-page",
                     "key": "OnboardTitle-5t0p86nj13m"
                   },
                   {
@@ -71,7 +75,9 @@
                       "resizeMode": "contain",
                       "styles": {
                         "height": 350
-                      }
+                      },
+                      "testID": "OnboardImage-test-id",
+                      "fetchStrategy": "highIfItsAppLaunch"
                     }
                   },
                   {
@@ -84,15 +90,17 @@
                         "fontSize": 16,
                         "textAlign": "center",
                         "paddingTop": "30@vs"
-                      }
+                      },
+                      "testID": "OnboardSubtitle-test-id"
                     },
-                    "children": "onboard.subtitle.one-page",
+                    "children": "base.onboard.subtitle.one-page",
                     "key": "OnboardSubtitle-0max8wno7l5b"
                   }
                 ],
                 "attributes": {
                   "description": "Onboarding sayfası. (#1)",
-                  "title": "OnboardItem 1"
+                  "title": "OnboardItem 1",
+                  "testID": "OnboardItem-test-id"
                 }
               },
               {
@@ -109,9 +117,10 @@
                         "textAlign": "center",
                         "marginTop": 40,
                         "fontSize": "28@fs"
-                      }
+                      },
+                      "testID": "OnboardTitle-test-id"
                     },
-                    "children": "onboard.title.two-page",
+                    "children": "base.onboard.title.two-page",
                     "key": "OnboardTitle-ne9iihu925k"
                   },
                   {
@@ -121,7 +130,9 @@
                       "resizeMode": "contain",
                       "styles": {
                         "height": 350
-                      }
+                      },
+                      "testID": "OnboardImage-test-id",
+                      "fetchStrategy": "normal"
                     }
                   },
                   {
@@ -134,15 +145,17 @@
                         "fontSize": 16,
                         "textAlign": "center",
                         "paddingTop": "30@vs"
-                      }
+                      },
+                      "testID": "OnboardSubtitle-test-id"
                     },
-                    "children": "onboard.subtitle.two-page",
+                    "children": "base.onboard.subtitle.two-page",
                     "key": "OnboardSubtitle-jq9469r7c2"
                   }
                 ],
                 "attributes": {
                   "description": "Onboarding sayfası. (#2)",
-                  "title": "OnboardItem 2"
+                  "title": "OnboardItem 2",
+                  "testID": "OnboardItem-test-id"
                 }
               },
               {
@@ -159,9 +172,10 @@
                         "textAlign": "center",
                         "marginTop": 40,
                         "fontSize": "28@fs"
-                      }
+                      },
+                      "testID": "OnboardTitle-test-id"
                     },
-                    "children": "onboard.title.three-page",
+                    "children": "base.onboard.title.three-page",
                     "key": "OnboardTitle-hczvlbg7gqj"
                   },
                   {
@@ -171,7 +185,9 @@
                       "resizeMode": "contain",
                       "styles": {
                         "height": 350
-                      }
+                      },
+                      "testID": "OnboardImage-test-id",
+                      "fetchStrategy": "normal"
                     }
                   },
                   {
@@ -184,15 +200,17 @@
                         "fontSize": 16,
                         "textAlign": "center",
                         "paddingTop": "30@vs"
-                      }
+                      },
+                      "testID": "OnboardSubtitle-test-id"
                     },
-                    "children": "onboard.subtitle.three-page",
+                    "children": "base.onboard.subtitle.three-page",
                     "key": "OnboardSubtitle-rufjwid9yug"
                   }
                 ],
                 "attributes": {
                   "description": "Onboarding sayfası. (#3)",
-                  "title": "OnboardItem 3"
+                  "title": "OnboardItem 3",
+                  "testID": "OnboardItem-test-id"
                 }
               },
               {
@@ -209,9 +227,10 @@
                         "textAlign": "center",
                         "marginTop": 40,
                         "fontSize": "28@fs"
-                      }
+                      },
+                      "testID": "OnboardTitle-test-id"
                     },
-                    "children": "onboard.title.four-page",
+                    "children": "base.onboard.title.four-page",
                     "key": "OnboardTitle-f2ekfc0wcbl"
                   },
                   {
@@ -221,7 +240,9 @@
                       "resizeMode": "contain",
                       "styles": {
                         "height": 350
-                      }
+                      },
+                      "testID": "OnboardImage-test-id",
+                      "fetchStrategy": "normal"
                     }
                   },
                   {
@@ -234,15 +255,17 @@
                         "fontSize": 16,
                         "textAlign": "center",
                         "paddingTop": "30@vs"
-                      }
+                      },
+                      "testID": "OnboardSubtitle-test-id"
                     },
-                    "children": "onboard.subtitle.four-page",
+                    "children": "base.onboard.subtitle.four-page",
                     "key": "OnboardSubtitle-qkw2jn84xem"
                   }
                 ],
                 "attributes": {
                   "description": "Onboarding sayfası. (#4)",
-                  "title": "OnboardItem 4"
+                  "title": "OnboardItem 4",
+                  "testID": "OnboardItem-test-id"
                 }
               }
             ],
@@ -251,7 +274,8 @@
               "title": "Onboard 1",
               "styles": {
                 "flex": 1
-              }
+              },
+              "testID": "Onboard-test-id"
             },
             "key": "Onboard-dg1zmwdawmg"
           },
@@ -265,7 +289,8 @@
               "styles": {
                 "paddingVertical": 12,
                 "dot_thickness": "10@s"
-              }
+              },
+              "testID": "OnboardDot-test-id"
             }
           },
           {
@@ -281,13 +306,14 @@
                 "marginVertical": 12,
                 "flexShrink": 0,
                 "paddingBottom": "5@s"
-              }
+              },
+              "testID": "OnboardButtons-test-id"
             },
             "children": [
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.skip.one-page",
+                  "labelKey": "base.onboard.skip.one-page",
                   "events": [
                     {
                       "type": "Navigate",
@@ -299,13 +325,14 @@
                     "flex": 1,
                     "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
                     "backgroundColor": "STATIC_COLORS.TRANSPARENT"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               },
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.next.one-page",
+                  "labelKey": "base.onboard.next.one-page",
                   "events": [
                     {
                       "type": "Navigate",
@@ -317,7 +344,8 @@
                     "flex": 1,
                     "color": "STATIC_COLORS.WHITE",
                     "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               }
             ],
@@ -336,13 +364,14 @@
                 "marginVertical": 12,
                 "flexShrink": 0,
                 "paddingBottom": "5@s"
-              }
+              },
+              "testID": "OnboardButtons-test-id"
             },
             "children": [
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.skip.two-page",
+                  "labelKey": "base.onboard.skip.two-page",
                   "events": [
                     {
                       "type": "Permission",
@@ -358,13 +387,14 @@
                     "flex": 1,
                     "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
                     "backgroundColor": "STATIC_COLORS.TRANSPARENT"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               },
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.next.two-page",
+                  "labelKey": "base.onboard.next.two-page",
                   "events": [
                     {
                       "type": "Permission",
@@ -380,7 +410,8 @@
                     "flex": 1,
                     "color": "STATIC_COLORS.WHITE",
                     "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               }
             ],
@@ -399,13 +430,14 @@
                 "marginVertical": 12,
                 "flexShrink": 0,
                 "paddingBottom": "5@s"
-              }
+              },
+              "testID": "OnboardButtons-test-id"
             },
             "children": [
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.skip.three-page",
+                  "labelKey": "base.onboard.skip.three-page",
                   "events": [
                     {
                       "type": "Navigate",
@@ -417,13 +449,14 @@
                     "flex": 1,
                     "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
                     "backgroundColor": "STATIC_COLORS.TRANSPARENT"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               },
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.next.three-page",
+                  "labelKey": "base.onboard.next.three-page",
                   "events": [
                     {
                       "type": "Permission",
@@ -439,7 +472,8 @@
                     "flex": 1,
                     "color": "STATIC_COLORS.WHITE",
                     "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               }
             ],
@@ -458,13 +492,14 @@
                 "marginVertical": 12,
                 "flexShrink": 0,
                 "paddingBottom": "5@s"
-              }
+              },
+              "testID": "OnboardButtons-test-id"
             },
             "children": [
               {
                 "type": "OnboardButton",
                 "attributes": {
-                  "labelKey": "onboard.allow.four-page",
+                  "labelKey": "base.onboard.allow.four-page",
                   "events": [
                     {
                       "type": "Permission",
@@ -479,7 +514,8 @@
                     "flex": 1,
                     "color": "STATIC_COLORS.WHITE",
                     "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
-                  }
+                  },
+                  "testID": "onboardNext"
                 }
               }
             ],
@@ -493,7 +529,8 @@
               "styles": {
                 "marginHorizontal": 25,
                 "flexShrink": 0
-              }
+              },
+              "testID": "View-test-id"
             },
             "children": [
               {
@@ -510,7 +547,8 @@
                     "gap": 8,
                     "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT",
                     "fontSize": "12@fs"
-                  }
+                  },
+                  "testID": "OnboardFooter-test-id"
                 }
               }
             ],
@@ -520,10 +558,14 @@
         "attributes": {
           "theme": "dark",
           "description": "Onboarding sağlayıcısı. (#1)",
-          "title": "OnboardProvider 1"
+          "title": "OnboardProvider 1",
+          "testID": "OnboardProvider-test-id"
         },
         "key": "OnboardProvider-pvc5b6o5gu"
       }
     ]
+  },
+  "attributes": {
+    "testID": "onboard-test-id"
   }
 }

package/src/build-components/BIcon/BIconProps.generated.ts

@@ -69,6 +69,7 @@ export interface BIconPropsGenerated {
     showEllipsis?: boolean;
     translateCounter?: number;
     scrollable?: boolean;
+    testID?: string;
     iconType?: string;
     size?: number;
     strokeWidth?: number;

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

@@ -62,6 +62,7 @@ export interface BackgroundImagePropsGenerated {
   attributes: {
     styles?: BackgroundImageStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     src?: string;
     resizeMode?: ResizeModeOptionType;
   };

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

@@ -76,6 +76,7 @@ export interface ButtonPropsGenerated {
   attributes: {
     styles?: ButtonStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -62,6 +62,7 @@ export interface CarouselPropsGenerated {
   attributes: {
     styles?: CarouselStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     loop?: boolean;
     dragFree?: boolean;
     align?: AlignOptionType;

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

@@ -65,6 +65,7 @@ export interface CarouselButtonsPropsGenerated {
   attributes: {
     styles?: CarouselButtonsStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
   };

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

@@ -68,6 +68,7 @@ export interface CarouselDotsPropsGenerated {
   attributes: {
     styles?: CarouselDotsStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     dotType?: DotTypeOptionType;
     dot_thickness?: string;
     inactive_dot_opacity?: number;

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

@@ -61,6 +61,7 @@ export interface CarouselItemPropsGenerated {
   attributes: {
     styles?: CarouselItemStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -61,6 +61,7 @@ export interface CarouselProviderPropsGenerated {
   attributes: {
     styles?: CarouselProviderStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

package/src/build-components/CountDown/CountDownProps.generated.ts

@@ -69,6 +69,7 @@ export interface CountDownPropsGenerated {
     showEllipsis?: boolean;
     translateCounter?: number;
     scrollable?: boolean;
+    testID?: string;
     count?: number;
   };
 }

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

@@ -2,6 +2,11 @@
 
 import type { NodeData } from '../../types/Node';
 
+export type FetchStrategyOptionType =
+  | 'highIfItsAppLaunch'
+  | 'normal'
+  | 'lazy'
+  | 'none';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
 export type AlignItemsOptionType =
@@ -63,7 +68,9 @@ export interface ImagePropsGenerated {
   attributes: {
     styles?: ImageStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     src?: string;
+    fetchStrategy?: FetchStrategyOptionType;
   };
 }
 

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

@@ -8,11 +8,13 @@
     "extends": "View",
     "attributes": {
       "src": "string",
+      "fetchStrategy": ["highIfItsAppLaunch", "normal", "lazy", "none"],
       "styles": {
         "resizeMode": ["cover", "contain", "stretch", "center"]
       }
     },
     "defaults": {
+      "fetchStrategy": "normal",
       "styles": {
         "resizeMode": "contain"
       }
@@ -38,6 +40,13 @@
         "category": "other",
         "specialCategory": null,
         "sort": 1
+      },
+      "fetchStrategy": {
+        "label": "Fetch Strategy",
+        "description": "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
+        "category": "other",
+        "specialCategory": null,
+        "sort": 2
       }
     }
   }

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

@@ -61,6 +61,7 @@ export interface MainPropsGenerated {
   attributes: {
     styles?: MainStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     useSafeAreaView?: boolean;
   };
 }

package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts

@@ -61,6 +61,7 @@ export interface NavigationBarColorPropsGenerated {
   attributes: {
     styles?: NavigationBarColorStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -61,6 +61,7 @@ export interface OnboardPropsGenerated {
   attributes: {
     styles?: OnboardStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }
 

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

@@ -16,7 +16,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   useLogRender('OnboardButton');
   node = useNode(node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardButton';
-  const { emblaApi } = useContext(onboardContext) ?? {};
+  const { emblaApi, selectedIndex } = useContext(onboardContext) ?? {};
   const { selectedTheme: theme, projectColors } = useBuilderParams();
   const context = useMockOSContext();
   const mockPermissionManager = useMockPermission(context);
@@ -30,7 +30,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   const rawTextColor = attrs?.styles?.color as string | undefined;
   const textColor = parseColor(rawTextColor, { projectColors, theme });
   const viewStyle = useExtractViewStyle(node);
-  const handleClick = () => {
+  const handleClick = async () => {
     //TODO: any ??
     const events: EventObjectGenerated[] = attrs?.events ?? [];
 
@@ -42,20 +42,17 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
 
       if (e.type === 'Permission') {
         const permission = e.permission ?? 'camera';
-        mockPermissionManager.requestPermission(permission);
+        await mockPermissionManager.requestPermission(permission);
         handledEventsRef.current.push(e);
-        //TODO: cause user to click second time
       } else if (e.type === 'Navigate') {
         const eventTargetIndex = e.targetIndex;
         if (typeof eventTargetIndex === 'number') {
           emblaApi?.scrollTo(eventTargetIndex);
           handledEventsRef.current.push(e);
-          //TODO: cause user to click second time
         } else if (e.navigate_to) {
           const eventTarget = e.navigate_to;
           if (typeof eventTarget === 'string') {
             handledEventsRef.current.push(e);
-            //TODO: cause user to click second time
             if (context) {
               context.navigation(eventTarget as any);
             } else {
@@ -70,6 +67,9 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
 
   return (
     <button
+      {...(attrs?.testID
+        ? { 'data-testid': `${attrs.testID}-${selectedIndex ?? 0}` }
+        : {})}
       attribute-name={attributeName}
       attribute-key={attributeKey}
       onClick={handleClick}

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

@@ -4,6 +4,7 @@ import type { NodeData } from '../../types/Node';
 
 export type TypeOptionType = 'Permission' | 'Navigate';
 export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
+export type TestIDOptionType = 'onboardSkip' | 'onboardNext';
 export type AnimationOptionType =
   | 'simple-animation'
   | 'line-animation'
@@ -77,6 +78,7 @@ export interface OnboardButtonPropsGenerated {
   attributes: {
     styles?: OnboardButtonStyleGenerated;
     scrollable?: boolean;
+    testID?: TestIDOptionType;
     labelKey?: string;
     animation?: AnimationOptionType;
     animation_color?: string;

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

@@ -19,7 +19,8 @@
       "events": "EventObject[]",
       "styles": {
         "color": "color"
-      }
+      },
+      "testID": ["onboardSkip", "onboardNext"]
     },
     "defaults": {
       "styles": {

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

@@ -67,6 +67,7 @@ export interface OnboardButtonsPropsGenerated {
   attributes: {
     styles?: OnboardButtonsStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
     buttons_direction?: ButtonsDirectionOptionType;

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

@@ -68,6 +68,7 @@ export interface OnboardDotPropsGenerated {
   attributes: {
     styles?: OnboardDotStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     dotType?: DotTypeOptionType;
     flexDirection?: never;
     alignItems?: never;