@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
@@ -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
  }