@developer_tribe/react-builder 1.2.37 → 1.2.38

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 (152) 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 +1 -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 +1 -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 +1445 -1015
  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 +90 -51
  68. package/src/assets/samples/vpn-onboard-2.json +90 -51
  69. package/src/assets/samples/vpn-onboard-3.json +84 -48
  70. package/src/assets/samples/vpn-onboard-4.json +84 -48
  71. package/src/assets/samples/vpn-onboard-5.json +126 -73
  72. package/src/assets/samples/vpn-onboard-6.json +90 -51
  73. package/src/assets/samples/vpn-onboard-7.json +88 -50
  74. package/src/build-components/BIcon/BIconProps.generated.ts +1 -0
  75. package/src/build-components/BIcon/pattern.json +2 -1
  76. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  77. package/src/build-components/BackgroundImage/pattern.json +2 -1
  78. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  79. package/src/build-components/Button/pattern.json +2 -1
  80. package/src/build-components/Carousel/CarouselProps.generated.ts +1 -0
  81. package/src/build-components/Carousel/pattern.json +2 -1
  82. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  83. package/src/build-components/CarouselButtons/pattern.json +2 -1
  84. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  85. package/src/build-components/CarouselDots/pattern.json +2 -1
  86. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  87. package/src/build-components/CarouselItem/pattern.json +4 -1
  88. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  89. package/src/build-components/CarouselProvider/pattern.json +3 -0
  90. package/src/build-components/CountDown/CountDownProps.generated.ts +1 -0
  91. package/src/build-components/CountDown/pattern.json +2 -1
  92. package/src/build-components/Image/ImageProps.generated.ts +1 -0
  93. package/src/build-components/Image/pattern.json +2 -1
  94. package/src/build-components/Main/MainProps.generated.ts +1 -0
  95. package/src/build-components/Main/pattern.json +2 -1
  96. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -0
  97. package/src/build-components/NavigationBarColor/pattern.json +2 -1
  98. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  99. package/src/build-components/Onboard/pattern.json +4 -1
  100. package/src/build-components/OnboardButton/OnboardButton.tsx +6 -6
  101. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +2 -0
  102. package/src/build-components/OnboardButton/pattern.json +2 -1
  103. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  104. package/src/build-components/OnboardButtons/pattern.json +2 -1
  105. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -0
  106. package/src/build-components/OnboardDot/pattern.json +2 -1
  107. package/src/build-components/OnboardFooter/OnboardFooter.tsx +3 -3
  108. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -0
  109. package/src/build-components/OnboardFooter/pattern.json +2 -1
  110. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -0
  111. package/src/build-components/OnboardImage/pattern.json +2 -1
  112. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  113. package/src/build-components/OnboardItem/pattern.json +2 -1
  114. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -0
  115. package/src/build-components/OnboardProvider/pattern.json +2 -1
  116. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -0
  117. package/src/build-components/OnboardSubtitle/pattern.json +4 -1
  118. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -0
  119. package/src/build-components/OnboardTitle/pattern.json +4 -1
  120. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -0
  121. package/src/build-components/PaywallBackground/pattern.json +3 -0
  122. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -0
  123. package/src/build-components/PaywallCloseButton/pattern.json +4 -1
  124. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -0
  125. package/src/build-components/PaywallOptions/pattern.json +4 -1
  126. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -0
  127. package/src/build-components/PaywallProvider/pattern.json +2 -1
  128. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -0
  129. package/src/build-components/PaywallSubscribeButton/pattern.json +4 -1
  130. package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -0
  131. package/src/build-components/PriceTag/pattern.json +2 -1
  132. package/src/build-components/Pricing/PricingProps.generated.ts +1 -0
  133. package/src/build-components/Pricing/pattern.json +4 -1
  134. package/src/build-components/Promo/PromoProps.generated.ts +1 -0
  135. package/src/build-components/Promo/pattern.json +4 -1
  136. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -0
  137. package/src/build-components/RadioButton/pattern.json +2 -1
  138. package/src/build-components/Separator/SeparatorProps.generated.ts +1 -0
  139. package/src/build-components/Separator/pattern.json +2 -1
  140. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -51
  141. package/src/build-components/StatusBarColor/pattern.json +2 -2
  142. package/src/build-components/Text/TextProps.generated.ts +1 -0
  143. package/src/build-components/Text/pattern.json +3 -2
  144. package/src/build-components/View/ViewProps.generated.ts +1 -0
  145. package/src/build-components/View/pattern.json +2 -1
  146. package/src/build-components/patterns.generated.ts +1544 -1136
  147. package/src/mockOS/context/MockOSContext.tsx +32 -0
  148. package/src/mockOS/context/MockOSContextBase.ts +3 -0
  149. package/src/mockOS/managers/mockPermissionManager.ts +9 -3
  150. package/src/modals/InspectModal.tsx +37 -8
  151. package/src/product-base/buildPaywallLocalizationParams.ts +12 -3
  152. package/src/types/PreviewConfig.ts +70 -46
@@ -15,7 +15,8 @@
15
15
  "gap": 16,
16
16
  "padding": 16,
17
17
  "backgroundColor": "#F3F4F6"
18
- }
18
+ },
19
+ "testID": "view-test-id"
19
20
  },
20
21
  "children": [
21
22
  {
@@ -30,7 +31,8 @@
30
31
  "padding": 12,
31
32
  "backgroundColor": "#111827",
32
33
  "borderRadius": 12
33
- }
34
+ },
35
+ "testID": "view-test-id"
34
36
  },
35
37
  "children": [
36
38
  {
@@ -43,7 +45,8 @@
43
45
  "color": "#FFFFFF",
44
46
  "fontSize": 20,
45
47
  "fontWeight": "600"
46
- }
48
+ },
49
+ "testID": "text-test-id"
47
50
  }
48
51
  },
49
52
  {
@@ -54,7 +57,8 @@
54
57
  "styles": {
55
58
  "flexDirection": "row",
56
59
  "gap": 8
57
- }
60
+ },
61
+ "testID": "view-test-id"
58
62
  },
59
63
  "children": [
60
64
  {
@@ -66,7 +70,8 @@
66
70
  "styles": {
67
71
  "color": "#D1D5DB",
68
72
  "fontSize": 14
69
- }
73
+ },
74
+ "testID": "text-test-id"
70
75
  }
71
76
  },
72
77
  {
@@ -78,7 +83,8 @@
78
83
  "styles": {
79
84
  "color": "#D1D5DB",
80
85
  "fontSize": 14
81
- }
86
+ },
87
+ "testID": "text-test-id"
82
88
  }
83
89
  }
84
90
  ]
@@ -95,7 +101,8 @@
95
101
  "width": 358,
96
102
  "height": 160,
97
103
  "borderRadius": 12
98
- }
104
+ },
105
+ "testID": "image-test-id"
99
106
  },
100
107
  "children": null
101
108
  },
@@ -110,7 +117,8 @@
110
117
  "padding": 12,
111
118
  "backgroundColor": "#FFFFFF",
112
119
  "borderRadius": 12
113
- }
120
+ },
121
+ "testID": "view-test-id"
114
122
  },
115
123
  "children": [
116
124
  {
@@ -123,7 +131,8 @@
123
131
  "color": "#111827",
124
132
  "fontSize": 18,
125
133
  "fontWeight": "600"
126
- }
134
+ },
135
+ "testID": "text-test-id"
127
136
  }
128
137
  },
129
138
  {
@@ -135,7 +144,8 @@
135
144
  "styles": {
136
145
  "color": "#6B7280",
137
146
  "fontSize": 14
138
- }
147
+ },
148
+ "testID": "text-test-id"
139
149
  }
140
150
  }
141
151
  ]
@@ -148,7 +158,8 @@
148
158
  "styles": {
149
159
  "flexDirection": "column",
150
160
  "gap": 12
151
- }
161
+ },
162
+ "testID": "view-test-id"
152
163
  },
153
164
  "children": [
154
165
  {
@@ -163,7 +174,8 @@
163
174
  "padding": 12,
164
175
  "backgroundColor": "#FFFFFF",
165
176
  "borderRadius": 8
166
- }
177
+ },
178
+ "testID": "view-test-id"
167
179
  },
168
180
  "children": [
169
181
  {
@@ -176,7 +188,8 @@
176
188
  "color": "#111827",
177
189
  "fontSize": 16,
178
190
  "fontWeight": "500"
179
- }
191
+ },
192
+ "testID": "text-test-id"
180
193
  }
181
194
  },
182
195
  {
@@ -189,7 +202,8 @@
189
202
  "color": "#059669",
190
203
  "fontSize": 12,
191
204
  "fontWeight": "600"
192
- }
205
+ },
206
+ "testID": "text-test-id"
193
207
  }
194
208
  }
195
209
  ]
@@ -206,7 +220,8 @@
206
220
  "padding": 12,
207
221
  "backgroundColor": "#FFFFFF",
208
222
  "borderRadius": 8
209
- }
223
+ },
224
+ "testID": "view-test-id"
210
225
  },
211
226
  "children": [
212
227
  {
@@ -219,7 +234,8 @@
219
234
  "color": "#111827",
220
235
  "fontSize": 16,
221
236
  "fontWeight": "500"
222
- }
237
+ },
238
+ "testID": "text-test-id"
223
239
  }
224
240
  },
225
241
  {
@@ -232,7 +248,8 @@
232
248
  "color": "#D97706",
233
249
  "fontSize": 12,
234
250
  "fontWeight": "600"
235
- }
251
+ },
252
+ "testID": "text-test-id"
236
253
  }
237
254
  }
238
255
  ]
@@ -249,7 +266,8 @@
249
266
  "padding": 12,
250
267
  "backgroundColor": "#FFFFFF",
251
268
  "borderRadius": 8
252
- }
269
+ },
270
+ "testID": "view-test-id"
253
271
  },
254
272
  "children": [
255
273
  {
@@ -262,7 +280,8 @@
262
280
  "color": "#111827",
263
281
  "fontSize": 16,
264
282
  "fontWeight": "500"
265
- }
283
+ },
284
+ "testID": "text-test-id"
266
285
  }
267
286
  },
268
287
  {
@@ -275,7 +294,8 @@
275
294
  "color": "#6B7280",
276
295
  "fontSize": 12,
277
296
  "fontWeight": "600"
278
- }
297
+ },
298
+ "testID": "text-test-id"
279
299
  }
280
300
  }
281
301
  ]
@@ -294,7 +314,8 @@
294
314
  "padding": 12,
295
315
  "backgroundColor": "#111827",
296
316
  "borderRadius": 12
297
- }
317
+ },
318
+ "testID": "view-test-id"
298
319
  },
299
320
  "children": [
300
321
  {
@@ -306,7 +327,8 @@
306
327
  "styles": {
307
328
  "color": "#FFFFFF",
308
329
  "fontSize": 14
309
- }
330
+ },
331
+ "testID": "text-test-id"
310
332
  }
311
333
  },
312
334
  {
@@ -318,7 +340,8 @@
318
340
  "styles": {
319
341
  "color": "#9CA3AF",
320
342
  "fontSize": 14
321
- }
343
+ },
344
+ "testID": "text-test-id"
322
345
  }
323
346
  },
324
347
  {
@@ -330,11 +353,15 @@
330
353
  "styles": {
331
354
  "color": "#9CA3AF",
332
355
  "fontSize": 14
333
- }
356
+ },
357
+ "testID": "text-test-id"
334
358
  }
335
359
  }
336
360
  ]
337
361
  }
338
362
  ]
363
+ },
364
+ "attributes": {
365
+ "testID": "other-test-id"
339
366
  }
340
367
  }
@@ -15,7 +15,8 @@
15
15
  "gap": 12,
16
16
  "padding": 24,
17
17
  "backgroundColor": "#F5F7FA"
18
- }
18
+ },
19
+ "testID": "view-test-id"
19
20
  },
20
21
  "children": [
21
22
  {
@@ -28,7 +29,8 @@
28
29
  "fontWeight": "700",
29
30
  "color": "#111827",
30
31
  "textAlign": "center"
31
- }
32
+ },
33
+ "testID": "text-test-id"
32
34
  },
33
35
  "children": "Intentionally unmigrated sample (for combined 1.1.2)"
34
36
  },
@@ -42,7 +44,8 @@
42
44
  "color": "#6B7280",
43
45
  "textAlign": "center",
44
46
  "paddingHorizontal": 8
45
- }
47
+ },
48
+ "testID": "text-test-id"
46
49
  },
47
50
  "children": "This project has version 1.1.1 so the Migration page should appear. Click “Migrate now” to move component props and non-style flags out of attributes.style (combined 1.1.2)."
48
51
  },
@@ -57,7 +60,8 @@
57
60
  "justifyContent": "center",
58
61
  "gap": 12,
59
62
  "marginTop": 16
60
- }
63
+ },
64
+ "testID": "view-test-id"
61
65
  },
62
66
  "children": [
63
67
  {
@@ -70,7 +74,8 @@
70
74
  "strokeWidth": 3,
71
75
  "color": "#22c55e",
72
76
  "fontSize": "18"
73
- }
77
+ },
78
+ "testID": "BIcon-test-id"
74
79
  },
75
80
  "children": null
76
81
  },
@@ -85,12 +90,16 @@
85
90
  "styles": {
86
91
  "resizeMode": "contain",
87
92
  "borderRadius": 12
88
- }
93
+ },
94
+ "testID": "image-test-id"
89
95
  },
90
96
  "children": null
91
97
  }
92
98
  ]
93
99
  }
94
100
  ]
101
+ },
102
+ "attributes": {
103
+ "testID": "other-test-id"
95
104
  }
96
105
  }
@@ -13,7 +13,8 @@
13
13
  "padding": 24,
14
14
  "backgroundColor": "#F5F7FA",
15
15
  "description": "view element 1 in sample.",
16
- "title": "view 1"
16
+ "title": "view 1",
17
+ "testID": "view-test-id"
17
18
  },
18
19
  "children": [
19
20
  {
@@ -24,7 +25,8 @@
24
25
  "color": "#111827",
25
26
  "textAlign": "center",
26
27
  "description": "text element 1 in sample.",
27
- "title": "text 1"
28
+ "title": "text 1",
29
+ "testID": "text-test-id"
28
30
  },
29
31
  "children": "Intentionally unmigrated sample"
30
32
  },
@@ -36,10 +38,14 @@
36
38
  "textAlign": "center",
37
39
  "paddingHorizontal": 8,
38
40
  "description": "text element 2 in sample.",
39
- "title": "text 2"
41
+ "title": "text 2",
42
+ "testID": "text-test-id"
40
43
  },
41
44
  "children": "This project has version 1.0.0 so the Migration page should appear. Click “Migrate now” to normalize legacy flat style keys into attributes.style and move misplaced props out of style (combined 1.1.2)."
42
45
  }
43
46
  ]
47
+ },
48
+ "attributes": {
49
+ "testID": "other-test-id"
44
50
  }
45
51
  }
@@ -16,7 +16,8 @@
16
16
  "gap": 12,
17
17
  "padding": 24,
18
18
  "backgroundColor": "#F5F7FA"
19
- }
19
+ },
20
+ "testID": "view-test-id"
20
21
  },
21
22
  "children": [
22
23
  {
@@ -29,7 +30,8 @@
29
30
  "fontWeight": "700",
30
31
  "color": "#111827",
31
32
  "textAlign": "center"
32
- }
33
+ },
34
+ "testID": "text-test-id"
33
35
  },
34
36
  "children": "Intentionally unvalidated sample"
35
37
  },
@@ -43,10 +45,14 @@
43
45
  "color": "#6B7280",
44
46
  "textAlign": "center",
45
47
  "paddingHorizontal": 8
46
- }
48
+ },
49
+ "testID": "text-test-id"
47
50
  },
48
51
  "children": "This project should fail validation (unknown attribute: foo). In the UI, choose “Continue without validation” to load it anyway."
49
52
  }
50
53
  ]
54
+ },
55
+ "attributes": {
56
+ "testID": "other-test-id"
51
57
  }
52
58
  }
@@ -11,8 +11,12 @@
11
11
  "styles": {
12
12
  "paddingHorizontal": 24,
13
13
  "paddingVertical": 16
14
- }
14
+ },
15
+ "testID": "OnboardFooter-test-id"
15
16
  },
16
17
  "children": null
18
+ },
19
+ "attributes": {
20
+ "testID": "other-test-id"
17
21
  }
18
22
  }
@@ -8,8 +8,12 @@
8
8
  "reason": "Intentional crash for GUI testing",
9
9
  "note": "This component is not in the Add Component modal; it only exists via JSON.",
10
10
  "description": "CrashComponent element 1 in sample.",
11
- "title": "CrashComponent 1"
11
+ "title": "CrashComponent 1",
12
+ "testID": "CrashComponent-test-id"
12
13
  },
13
14
  "children": null
15
+ },
16
+ "attributes": {
17
+ "testID": "other-test-id"
14
18
  }
15
19
  }