@developer_tribe/react-builder 1.2.37 → 1.2.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/dist/build-components/BIcon/BIconProps.generated.d.ts +1 -0
  2. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
  4. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +1 -0
  5. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
  6. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
  7. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
  8. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
  9. package/dist/build-components/CountDown/CountDownProps.generated.d.ts +1 -0
  10. package/dist/build-components/Image/ImageProps.generated.d.ts +3 -0
  11. package/dist/build-components/Main/MainProps.generated.d.ts +1 -0
  12. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -0
  13. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
  14. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +2 -0
  15. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
  16. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +1 -0
  17. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -0
  18. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +3 -0
  19. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
  20. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +1 -0
  21. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -0
  22. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -0
  23. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -0
  24. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -0
  25. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -0
  26. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -0
  27. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -0
  28. package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +1 -0
  29. package/dist/build-components/Pricing/PricingProps.generated.d.ts +1 -0
  30. package/dist/build-components/Promo/PromoProps.generated.d.ts +1 -0
  31. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +1 -0
  32. package/dist/build-components/Separator/SeparatorProps.generated.d.ts +1 -0
  33. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -39
  34. package/dist/build-components/Text/TextProps.generated.d.ts +1 -0
  35. package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
  36. package/dist/build-components/patterns.generated.d.ts +1455 -1007
  37. package/dist/index.cjs.js +1 -1
  38. package/dist/index.cjs.js.map +1 -1
  39. package/dist/index.esm.js +1 -1
  40. package/dist/index.esm.js.map +1 -1
  41. package/dist/index.web.cjs.js +4 -4
  42. package/dist/index.web.cjs.js.map +1 -1
  43. package/dist/index.web.esm.js +4 -4
  44. package/dist/index.web.esm.js.map +1 -1
  45. package/dist/mockOS/context/MockOSContextBase.d.ts +1 -0
  46. package/dist/mockOS/managers/mockPermissionManager.d.ts +1 -1
  47. package/dist/types/PreviewConfig.d.ts +1 -1
  48. package/package.json +1 -1
  49. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +18 -0
  50. package/src/assets/meta.json +1 -1
  51. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  52. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  53. package/src/assets/samples/carousel-sample.json +49 -23
  54. package/src/assets/samples/paywall-1.json +61 -29
  55. package/src/assets/samples/paywall-2.json +53 -25
  56. package/src/assets/samples/paywall-app-delete-offer.json +55 -26
  57. package/src/assets/samples/paywall-app-open-offer.json +55 -26
  58. package/src/assets/samples/paywall-back-offer.json +55 -26
  59. package/src/assets/samples/paywall-notification-offer.json +55 -26
  60. package/src/assets/samples/simple-1.json +9 -3
  61. package/src/assets/samples/simple-2.json +51 -24
  62. package/src/assets/samples/unmigrated-builder-1.1.1.json +15 -6
  63. package/src/assets/samples/unmigrated-builder1.json +9 -3
  64. package/src/assets/samples/unvalidated-builder1.json +9 -3
  65. package/src/assets/samples/unvalidated-crash1.json +5 -1
  66. package/src/assets/samples/unvalidated-crashcomponent1.json +5 -1
  67. package/src/assets/samples/vpn-onboard-1.json +94 -51
  68. package/src/assets/samples/vpn-onboard-2.json +94 -51
  69. package/src/assets/samples/vpn-onboard-3.json +85 -48
  70. package/src/assets/samples/vpn-onboard-4.json +85 -48
  71. package/src/assets/samples/vpn-onboard-5.json +132 -73
  72. package/src/assets/samples/vpn-onboard-6.json +94 -51
  73. package/src/assets/samples/vpn-onboard-7.json +92 -50
  74. package/src/build-components/BIcon/BIconProps.generated.ts +1 -0
  75. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  76. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  77. package/src/build-components/Carousel/CarouselProps.generated.ts +1 -0
  78. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  79. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  80. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  81. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  82. package/src/build-components/CountDown/CountDownProps.generated.ts +1 -0
  83. package/src/build-components/Image/ImageProps.generated.ts +7 -0
  84. package/src/build-components/Image/pattern.json +9 -0
  85. package/src/build-components/Main/MainProps.generated.ts +1 -0
  86. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -0
  87. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  88. package/src/build-components/OnboardButton/OnboardButton.tsx +6 -6
  89. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +2 -0
  90. package/src/build-components/OnboardButton/pattern.json +2 -1
  91. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  92. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -0
  93. package/src/build-components/OnboardFooter/OnboardFooter.tsx +3 -3
  94. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -0
  95. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +7 -0
  96. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  97. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -0
  98. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -0
  99. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -0
  100. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -0
  101. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -0
  102. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -0
  103. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -0
  104. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -0
  105. package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -0
  106. package/src/build-components/Pricing/PricingProps.generated.ts +1 -0
  107. package/src/build-components/Promo/PromoProps.generated.ts +1 -0
  108. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -0
  109. package/src/build-components/Separator/SeparatorProps.generated.ts +1 -0
  110. package/src/build-components/Separator/pattern.json +2 -1
  111. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -51
  112. package/src/build-components/StatusBarColor/pattern.json +2 -2
  113. package/src/build-components/Text/TextProps.generated.ts +1 -0
  114. package/src/build-components/Text/pattern.json +1 -1
  115. package/src/build-components/View/ViewProps.generated.ts +1 -0
  116. package/src/build-components/View/pattern.json +2 -1
  117. package/src/build-components/patterns.generated.ts +1567 -1139
  118. package/src/mockOS/context/MockOSContext.tsx +32 -0
  119. package/src/mockOS/context/MockOSContextBase.ts +3 -0
  120. package/src/mockOS/managers/mockPermissionManager.ts +9 -3
  121. package/src/modals/InspectModal.tsx +37 -8
  122. package/src/product-base/buildPaywallLocalizationParams.ts +12 -3
  123. package/src/types/PreviewConfig.ts +70 -46
@@ -40,7 +40,7 @@ function buildSegments(
40
40
 
41
41
  for (const p of patterns) {
42
42
  if (!p.value) continue;
43
- const re = new RegExp(escapeRegExp(p.value), 'g');
43
+ const re = new RegExp(escapeRegExp(p.value), 'gi');
44
44
  for (const m of text.matchAll(re)) {
45
45
  if (m.index == null) continue;
46
46
  const matched = m[0];
@@ -114,8 +114,8 @@ function OnboardFooter({ node }: OnboardFooterComponentProps) {
114
114
  const textStyle = useExtractTextStyle(node, true);
115
115
  const viewStyle = useExtractViewStyle(node);
116
116
 
117
- const rawFirstColor = attrRecord.linkedWordFirstColor as string | undefined;
118
- const rawSecondColor = attrRecord.linkedWordSecondColor as string | undefined;
117
+ const rawFirstColor = attrRecord.linkedWordSecondColor as string | undefined;
118
+ const rawSecondColor = attrRecord.linkedWordFirstColor as string | undefined;
119
119
 
120
120
  // Parse colors for linked words
121
121
  const parsedFirstColor = useMemo(
@@ -69,6 +69,7 @@ export interface OnboardFooterPropsGenerated {
69
69
  showEllipsis?: boolean;
70
70
  translateCounter?: number;
71
71
  scrollable?: boolean;
72
+ testID?: string;
72
73
  textLocalizationKey?: string;
73
74
  linkedWordFirstLocalizationKey?: string;
74
75
  linkedWordFirstColor?: string;
@@ -2,6 +2,11 @@
2
2
 
3
3
  import type { NodeData } from '../../types/Node';
4
4
 
5
+ export type FetchStrategyOptionType =
6
+ | 'highIfItsAppLaunch'
7
+ | 'normal'
8
+ | 'lazy'
9
+ | 'none';
5
10
  export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
6
11
  export type FlexDirectionOptionType = 'row' | 'column';
7
12
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -63,7 +68,9 @@ export interface OnboardImagePropsGenerated {
63
68
  attributes: {
64
69
  styles?: OnboardImageStyleGenerated;
65
70
  src?: string;
71
+ fetchStrategy?: FetchStrategyOptionType;
66
72
  scrollable?: boolean;
73
+ testID?: string;
67
74
  video_url?: string;
68
75
  lottie?: string;
69
76
  };
@@ -62,6 +62,7 @@ export interface OnboardItemPropsGenerated {
62
62
  attributes: {
63
63
  styles?: OnboardItemStyleGenerated;
64
64
  scrollable?: boolean;
65
+ testID?: string;
65
66
  display?: DisplayOptionType;
66
67
  };
67
68
  }
@@ -62,6 +62,7 @@ export interface OnboardProviderPropsGenerated {
62
62
  attributes: {
63
63
  styles?: OnboardProviderStyleGenerated;
64
64
  scrollable?: boolean;
65
+ testID?: string;
65
66
  theme?: ThemeOptionType;
66
67
  borderRadius?: never;
67
68
  };
@@ -69,6 +69,7 @@ export interface OnboardSubtitlePropsGenerated {
69
69
  showEllipsis?: boolean;
70
70
  translateCounter?: number;
71
71
  scrollable?: boolean;
72
+ testID?: string;
72
73
  };
73
74
  }
74
75
 
@@ -69,6 +69,7 @@ export interface OnboardTitlePropsGenerated {
69
69
  showEllipsis?: boolean;
70
70
  translateCounter?: number;
71
71
  scrollable?: boolean;
72
+ testID?: string;
72
73
  };
73
74
  }
74
75
 
@@ -64,6 +64,7 @@ export interface PaywallBackgroundPropsGenerated {
64
64
  src?: string;
65
65
  resizeMode?: ResizeModeOptionType;
66
66
  scrollable?: boolean;
67
+ testID?: string;
67
68
  };
68
69
  }
69
70
 
@@ -72,6 +72,7 @@ export interface PaywallCloseButtonPropsGenerated {
72
72
  showEllipsis?: boolean;
73
73
  translateCounter?: number;
74
74
  scrollable?: boolean;
75
+ testID?: string;
75
76
  };
76
77
  }
77
78
 
@@ -61,6 +61,7 @@ export interface PaywallOptionsPropsGenerated {
61
61
  attributes: {
62
62
  styles?: PaywallOptionsStyleGenerated;
63
63
  scrollable?: boolean;
64
+ testID?: string;
64
65
  };
65
66
  }
66
67
 
@@ -61,6 +61,7 @@ export interface PaywallProviderPropsGenerated {
61
61
  attributes: {
62
62
  styles?: PaywallProviderStyleGenerated;
63
63
  scrollable?: boolean;
64
+ testID?: string;
64
65
  delay?: number;
65
66
  };
66
67
  }
@@ -76,6 +76,7 @@ export interface PaywallSubscribeButtonPropsGenerated {
76
76
  attributes: {
77
77
  styles?: PaywallSubscribeButtonStyleGenerated;
78
78
  scrollable?: boolean;
79
+ testID?: string;
79
80
  };
80
81
  }
81
82
 
@@ -74,6 +74,7 @@ export interface PriceTagPropsGenerated {
74
74
  showEllipsis?: boolean;
75
75
  translateCounter?: number;
76
76
  scrollable?: boolean;
77
+ testID?: string;
77
78
  showOriginalPricePossible?: boolean;
78
79
  hideIfItsNotDiscount?: boolean;
79
80
  };
@@ -69,6 +69,7 @@ export interface PricingPropsGenerated {
69
69
  showEllipsis?: boolean;
70
70
  translateCounter?: number;
71
71
  scrollable?: boolean;
72
+ testID?: string;
72
73
  };
73
74
  }
74
75
 
@@ -69,6 +69,7 @@ export interface PromoPropsGenerated {
69
69
  showEllipsis?: boolean;
70
70
  translateCounter?: number;
71
71
  scrollable?: boolean;
72
+ testID?: string;
72
73
  };
73
74
  }
74
75
 
@@ -61,6 +61,7 @@ export interface RadioButtonPropsGenerated {
61
61
  attributes: {
62
62
  styles?: RadioButtonStyleGenerated;
63
63
  scrollable?: boolean;
64
+ testID?: string;
64
65
  selected?: boolean;
65
66
  color?: string;
66
67
  size?: number;
@@ -16,6 +16,7 @@ export interface SeparatorPropsGenerated {
16
16
  child: string;
17
17
  attributes: {
18
18
  styles?: SeparatorStyleGenerated;
19
+ testID?: string;
19
20
  };
20
21
  }
21
22
 
@@ -14,7 +14,8 @@
14
14
  "marginVertical": "size",
15
15
  "marginTop": "size",
16
16
  "marginBottom": "size"
17
- }
17
+ },
18
+ "testID": "string"
18
19
  }
19
20
  },
20
21
  "meta": {
@@ -2,65 +2,15 @@
2
2
 
3
3
  import type { NodeData } from '../../types/Node';
4
4
 
5
- export type FlexDirectionOptionType = 'row' | 'column';
6
- export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
7
- export type AlignItemsOptionType =
8
- | 'flex-start'
9
- | 'center'
10
- | 'flex-end'
11
- | 'stretch'
12
- | 'baseline';
13
- export type JustifyContentOptionType =
14
- | 'flex-start'
15
- | 'center'
16
- | 'flex-end'
17
- | 'space-between'
18
- | 'space-around'
19
- | 'space-evenly';
20
- export type PositionOptionType = 'relative' | 'absolute';
21
-
22
5
  export interface StatusBarColorStyleGenerated {
23
- flexDirection?: FlexDirectionOptionType;
24
- flexWrap?: FlexWrapOptionType;
25
- alignItems?: AlignItemsOptionType;
26
- justifyContent?: JustifyContentOptionType;
27
- gap?: string;
28
- padding?: string;
29
- paddingHorizontal?: string;
30
- paddingVertical?: string;
31
- paddingTop?: string;
32
- paddingBottom?: string;
33
- paddingLeft?: string;
34
- paddingRight?: string;
35
- margin?: string;
36
- marginHorizontal?: string;
37
- marginVertical?: string;
38
- marginTop?: string;
39
- marginBottom?: string;
40
- marginLeft?: string;
41
- marginRight?: string;
42
6
  backgroundColor?: string;
43
- borderRadius?: string;
44
- width?: string;
45
- minWidth?: string;
46
- maxWidth?: string;
47
- height?: string;
48
- minHeight?: string;
49
- maxHeight?: string;
50
- flex?: number;
51
- position?: PositionOptionType;
52
- top?: string;
53
- bottom?: string;
54
- left?: string;
55
- right?: string;
56
- zIndex?: number;
57
7
  }
58
8
 
59
9
  export interface StatusBarColorPropsGenerated {
60
10
  child: string;
61
11
  attributes: {
62
12
  styles?: StatusBarColorStyleGenerated;
63
- scrollable?: boolean;
13
+ testID?: string;
64
14
  };
65
15
  }
66
16
 
@@ -5,11 +5,11 @@
5
5
  "title": "title",
6
6
  "description": "description",
7
7
  "children": "never",
8
- "extends": "View",
9
8
  "attributes": {
10
9
  "styles": {
11
10
  "backgroundColor": "color"
12
- }
11
+ },
12
+ "testID": "string"
13
13
  }
14
14
  },
15
15
  "meta": {
@@ -66,6 +66,7 @@ export interface TextPropsGenerated {
66
66
  attributes: {
67
67
  styles?: TextStyleGenerated;
68
68
  scrollable?: boolean;
69
+ testID?: string;
69
70
  adjustsFontSizeToFit?: boolean;
70
71
  showEllipsis?: boolean;
71
72
  translateCounter?: number;
@@ -45,7 +45,7 @@
45
45
  "category": "style",
46
46
  "specialCategory": null,
47
47
  "sort": 2,
48
- "preferredScale": "s"
48
+ "preferredScale": "f"
49
49
  },
50
50
  "fontFamily": {
51
51
  "label": "Font Family",
@@ -61,6 +61,7 @@ export interface ViewPropsGenerated {
61
61
  attributes: {
62
62
  styles?: ViewStyleGenerated;
63
63
  scrollable?: boolean;
64
+ testID?: string;
64
65
  };
65
66
  }
66
67
 
@@ -55,7 +55,8 @@
55
55
  "left": "size",
56
56
  "right": "size",
57
57
  "zIndex": "number"
58
- }
58
+ },
59
+ "testID": "string"
59
60
  }
60
61
  },
61
62
  "meta": {