@developer_tribe/react-builder 1.2.39 → 1.2.40

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 (79) hide show
  1. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -40
  2. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -1
  3. package/dist/build-components/patterns.generated.d.ts +21 -344
  4. package/dist/components/BuilderProvider.d.ts +1 -0
  5. package/dist/components/DeviceButton.d.ts +4 -1
  6. package/dist/index.cjs.js +1 -1
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.esm.js +1 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.web.cjs.js +4 -4
  11. package/dist/index.web.cjs.js.map +1 -1
  12. package/dist/index.web.esm.js +4 -4
  13. package/dist/index.web.esm.js.map +1 -1
  14. package/dist/mockOS/context/MockOSContext.d.ts +3 -1
  15. package/dist/size-matters/index.d.ts +1 -1
  16. package/dist/store.d.ts +6 -0
  17. package/dist/styles.css +1 -1
  18. package/dist/types/Device.d.ts +5 -0
  19. package/dist/utils/extractTextStyle/extractTextStyle.d.ts +1 -0
  20. package/dist/utils/extractViewStyle/extractViewStyle.d.ts +1 -0
  21. package/package.json +1 -1
  22. package/scripts/prebuild/assets/prompt_scheme.md +7 -0
  23. package/src/DeviceMockFrame.tsx +8 -0
  24. package/src/RenderPage.tsx +3 -0
  25. package/src/assets/devices.json +747 -183
  26. package/src/assets/meta.json +1 -1
  27. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  28. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  29. package/src/assets/samples/carousel-sample.json +30 -26
  30. package/src/assets/samples/paywall-1.json +30 -30
  31. package/src/assets/samples/paywall-2.json +26 -26
  32. package/src/assets/samples/paywall-app-delete-offer.json +27 -27
  33. package/src/assets/samples/paywall-app-open-offer.json +27 -27
  34. package/src/assets/samples/paywall-back-offer.json +27 -27
  35. package/src/assets/samples/paywall-notification-offer.json +27 -27
  36. package/src/assets/samples/simple-1.json +4 -4
  37. package/src/assets/samples/simple-2.json +25 -25
  38. package/src/assets/samples/unmigrated-builder-1.1.1.json +7 -7
  39. package/src/assets/samples/unmigrated-builder1.json +4 -4
  40. package/src/assets/samples/unvalidated-builder1.json +4 -4
  41. package/src/assets/samples/unvalidated-crash1.json +2 -2
  42. package/src/assets/samples/unvalidated-crashcomponent1.json +2 -2
  43. package/src/assets/samples/vpn-onboard-1.json +30 -30
  44. package/src/assets/samples/vpn-onboard-2.json +30 -30
  45. package/src/assets/samples/vpn-onboard-3.json +27 -27
  46. package/src/assets/samples/vpn-onboard-4.json +27 -27
  47. package/src/assets/samples/vpn-onboard-5.json +40 -40
  48. package/src/assets/samples/vpn-onboard-6.json +30 -30
  49. package/src/assets/samples/vpn-onboard-7.json +29 -29
  50. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +8 -3
  51. package/src/attribute-analyser/style/web/useExtractViewStyle.ts +8 -3
  52. package/src/build-components/CarouselDots/CarouselDots.tsx +8 -3
  53. package/src/build-components/Main/Main.tsx +3 -1
  54. package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +15 -1
  55. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -52
  56. package/src/build-components/NavigationBarColor/pattern.json +11 -2
  57. package/src/build-components/OnboardDot/OnboardDot.tsx +3 -2
  58. package/src/build-components/PaywallCloseButton/pattern.json +1 -0
  59. package/src/build-components/StatusBarColor/StatusBarColor.tsx +15 -1
  60. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -1
  61. package/src/build-components/StatusBarColor/pattern.json +10 -1
  62. package/src/build-components/patterns.generated.ts +25 -364
  63. package/src/components/BuilderProvider.tsx +1 -0
  64. package/src/components/DeviceButton.tsx +35 -0
  65. package/src/components/EditorHeader.tsx +16 -1
  66. package/src/hooks/useSafeAreaViewStyle.ts +24 -4
  67. package/src/mockOS/context/MockOSContext.tsx +41 -13
  68. package/src/modals/DeviceSelectorModal.tsx +94 -10
  69. package/src/product-base/extractAndroidParams.ts +38 -8
  70. package/src/size-matters/index.ts +15 -9
  71. package/src/store.ts +27 -0
  72. package/src/styles/modals/_product-edit-modal.scss +2 -2
  73. package/src/types/Device.ts +5 -0
  74. package/src/utils/analyseNodeByPatterns.ts +6 -2
  75. package/src/utils/extractTextStyle/extractTextStyle.ts +3 -1
  76. package/src/utils/extractTextStyle/extractTextStyleNative.ts +1 -1
  77. package/src/utils/extractViewStyle/extractViewStyle.ts +19 -5
  78. package/src/utils/extractViewStyle/extractViewStyleNative.ts +5 -1
  79. package/src/utils/replaceLocalizationParams.ts +5 -7
package/src/assets/samples/paywall-app-open-offer.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "useSafeAreaView": true,
10
10
  "description": "Main container for App Open Offer.",
11
11
  "title": "Main",
12
- "testID": "Main-test-id"
12
+ "testID": "Main-test-id-1"
13
13
  },
14
14
  "children": [
15
15
  {
@@ -20,7 +20,7 @@
20
20
  "styles": {
21
21
  "backgroundColor": "THEME_COLORS.BACKGROUND"
22
22
  },
23
- "testID": "StatusBarColor-test-id"
23
+ "testID": "StatusBarColor-test-id-1"
24
24
  },
25
25
  "children": null
26
26
  },
@@ -32,7 +32,7 @@
32
32
  "styles": {
33
33
  "backgroundColor": "THEME_COLORS.BACKGROUND"
34
34
  },
35
- "testID": "NavigationBarColor-test-id"
35
+ "testID": "NavigationBarColor-test-id-1"
36
36
  },
37
37
  "children": null
38
38
  },
@@ -49,7 +49,7 @@
49
49
  "position": "relative",
50
50
  "backgroundColor": "THEME_COLORS.BACKGROUND"
51
51
  },
52
- "testID": "PaywallProvider-test-id"
52
+ "testID": "PaywallProvider-test-id-1"
53
53
  },
54
54
  "children": [
55
55
  {
@@ -58,7 +58,7 @@
58
58
  "src": "https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1200&q=80",
59
59
  "description": "Paywall background.",
60
60
  "title": "Paywall Background",
61
- "testID": "PaywallBackground-test-id"
61
+ "testID": "PaywallBackground-test-id-1"
62
62
  },
63
63
  "children": null
64
64
  },
@@ -72,7 +72,7 @@
72
72
  "gap": 16,
73
73
  "flex": 1
74
74
  },
75
- "testID": "View-test-id"
75
+ "testID": "View-test-id-1"
76
76
  },
77
77
  "children": [
78
78
  {
@@ -88,7 +88,7 @@
88
88
  "alignItems": "center",
89
89
  "justifyContent": "center"
90
90
  },
91
- "testID": "PaywallCloseButton-test-id"
91
+ "testID": "PaywallCloseButton-test-id-1"
92
92
  },
93
93
  "children": null
94
94
  },
@@ -103,7 +103,7 @@
103
103
  "fontSize": 28,
104
104
  "textAlign": "center"
105
105
  },
106
- "testID": "text-test-id"
106
+ "testID": "text-test-id-1"
107
107
  },
108
108
  "children": "App Open Offer"
109
109
  },
@@ -117,7 +117,7 @@
117
117
  "gap": 4,
118
118
  "marginTop": "12%"
119
119
  },
120
- "testID": "View-test-id"
120
+ "testID": "View-test-id-2"
121
121
  },
122
122
  "children": [
123
123
  {
@@ -132,7 +132,7 @@
132
132
  "paddingVertical": 8,
133
133
  "paddingHorizontal": 12
134
134
  },
135
- "testID": "View-test-id"
135
+ "testID": "View-test-id-3"
136
136
  },
137
137
  "children": [
138
138
  {
@@ -147,7 +147,7 @@
147
147
  "fontSize": "16",
148
148
  "flex": 0
149
149
  },
150
- "testID": "BIcon-test-id"
150
+ "testID": "BIcon-test-id-1"
151
151
  },
152
152
  "children": null
153
153
  },
@@ -161,7 +161,7 @@
161
161
  "color": "STATIC_COLORS.WHITE",
162
162
  "fontWeight": "700"
163
163
  },
164
- "testID": "text-test-id"
164
+ "testID": "text-test-id-2"
165
165
  },
166
166
  "children": "@benefit1 — Unlimited access"
167
167
  }
@@ -179,7 +179,7 @@
179
179
  "paddingVertical": 8,
180
180
  "paddingHorizontal": 12
181
181
  },
182
- "testID": "View-test-id"
182
+ "testID": "View-test-id-4"
183
183
  },
184
184
  "children": [
185
185
  {
@@ -194,7 +194,7 @@
194
194
  "fontSize": "16",
195
195
  "flex": 0
196
196
  },
197
- "testID": "BIcon-test-id"
197
+ "testID": "BIcon-test-id-2"
198
198
  },
199
199
  "children": null
200
200
  },
@@ -208,7 +208,7 @@
208
208
  "color": "STATIC_COLORS.WHITE",
209
209
  "fontWeight": "700"
210
210
  },
211
- "testID": "text-test-id"
211
+ "testID": "text-test-id-3"
212
212
  },
213
213
  "children": "@benefit2 — 7-day free trial"
214
214
  }
@@ -226,7 +226,7 @@
226
226
  "paddingVertical": 8,
227
227
  "paddingHorizontal": 12
228
228
  },
229
- "testID": "View-test-id"
229
+ "testID": "View-test-id-5"
230
230
  },
231
231
  "children": [
232
232
  {
@@ -241,7 +241,7 @@
241
241
  "fontSize": "16",
242
242
  "flex": 0
243
243
  },
244
- "testID": "BIcon-test-id"
244
+ "testID": "BIcon-test-id-3"
245
245
  },
246
246
  "children": null
247
247
  },
@@ -255,7 +255,7 @@
255
255
  "color": "STATIC_COLORS.WHITE",
256
256
  "fontWeight": "700"
257
257
  },
258
- "testID": "text-test-id"
258
+ "testID": "text-test-id-4"
259
259
  },
260
260
  "children": "@benefit3 — Cancel anytime"
261
261
  }
@@ -272,7 +272,7 @@
272
272
  "borderRadius": 12,
273
273
  "backgroundColor": "THEME_COLORS.BACKGROUND"
274
274
  },
275
- "testID": "PaywallOptions-test-id"
275
+ "testID": "PaywallOptions-test-id-1"
276
276
  },
277
277
  "children": [
278
278
  {
@@ -283,7 +283,7 @@
283
283
  "styles": {
284
284
  "flex": 1
285
285
  },
286
- "testID": "RadioButton-test-id"
286
+ "testID": "RadioButton-test-id-1"
287
287
  },
288
288
  "children": null
289
289
  },
@@ -295,7 +295,7 @@
295
295
  "styles": {
296
296
  "flex": 4
297
297
  },
298
- "testID": "text-test-id"
298
+ "testID": "text-test-id-5"
299
299
  },
300
300
  "children": "@productDescription — Unlock all premium features for a month."
301
301
  },
@@ -308,7 +308,7 @@
308
308
  "flex": 1,
309
309
  "textAlign": "right"
310
310
  },
311
- "testID": "text-test-id"
311
+ "testID": "text-test-id-6"
312
312
  },
313
313
  "children": "@localizedPrice"
314
314
  },
@@ -325,7 +325,7 @@
325
325
  "width": 32,
326
326
  "color": "STATIC_COLORS.BLACK"
327
327
  },
328
- "testID": "BIcon-test-id"
328
+ "testID": "BIcon-test-id-4"
329
329
  },
330
330
  "children": null
331
331
  }
@@ -342,7 +342,7 @@
342
342
  "fontSize": 40,
343
343
  "textAlign": "center"
344
344
  },
345
- "testID": "CountDown-test-id"
345
+ "testID": "CountDown-test-id-1"
346
346
  },
347
347
  "children": null
348
348
  },
@@ -358,7 +358,7 @@
358
358
  "alignItems": "stretch",
359
359
  "paddingBottom": "50px"
360
360
  },
361
- "testID": "View-test-id"
361
+ "testID": "View-test-id-6"
362
362
  },
363
363
  "children": [
364
364
  {
@@ -367,7 +367,7 @@
367
367
  "attributes": {
368
368
  "description": "Subscription confirm button.",
369
369
  "title": "Subscribe",
370
- "testID": "PaywallSubscribeButton-test-id"
370
+ "testID": "PaywallSubscribeButton-test-id-1"
371
371
  }
372
372
  }
373
373
  ]
@@ -379,6 +379,6 @@
379
379
  ]
380
380
  },
381
381
  "attributes": {
382
- "testID": "paywall-test-id"
382
+ "testID": "paywall-test-id-1"
383
383
  }
384
384
  }
package/src/assets/samples/paywall-back-offer.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "useSafeAreaView": true,
10
10
  "description": "Main container for Back Offer.",
11
11
  "title": "Main",
12
- "testID": "Main-test-id"
12
+ "testID": "Main-test-id-1"
13
13
  },
14
14
  "children": [
15
15
  {
@@ -20,7 +20,7 @@
20
20
  "styles": {
21
21
  "backgroundColor": "THEME_COLORS.BACKGROUND"
22
22
  },
23
- "testID": "StatusBarColor-test-id"
23
+ "testID": "StatusBarColor-test-id-1"
24
24
  },
25
25
  "children": null
26
26
  },
@@ -32,7 +32,7 @@
32
32
  "styles": {
33
33
  "backgroundColor": "THEME_COLORS.BACKGROUND"
34
34
  },
35
- "testID": "NavigationBarColor-test-id"
35
+ "testID": "NavigationBarColor-test-id-1"
36
36
  },
37
37
  "children": null
38
38
  },
@@ -49,7 +49,7 @@
49
49
  "position": "relative",
50
50
  "backgroundColor": "THEME_COLORS.BACKGROUND"
51
51
  },
52
- "testID": "PaywallProvider-test-id"
52
+ "testID": "PaywallProvider-test-id-1"
53
53
  },
54
54
  "children": [
55
55
  {
@@ -58,7 +58,7 @@
58
58
  "src": "https://images.unsplash.com/photo-1470770903676-69b98201ea1c?auto=format&fit=crop&w=1200&q=80",
59
59
  "description": "Paywall background.",
60
60
  "title": "Paywall Background",
61
- "testID": "PaywallBackground-test-id"
61
+ "testID": "PaywallBackground-test-id-1"
62
62
  },
63
63
  "children": null
64
64
  },
@@ -72,7 +72,7 @@
72
72
  "gap": 16,
73
73
  "flex": 1
74
74
  },
75
- "testID": "View-test-id"
75
+ "testID": "View-test-id-1"
76
76
  },
77
77
  "children": [
78
78
  {
@@ -88,7 +88,7 @@
88
88
  "alignItems": "center",
89
89
  "justifyContent": "center"
90
90
  },
91
- "testID": "PaywallCloseButton-test-id"
91
+ "testID": "PaywallCloseButton-test-id-1"
92
92
  },
93
93
  "children": null
94
94
  },
@@ -103,7 +103,7 @@
103
103
  "fontSize": 28,
104
104
  "textAlign": "center"
105
105
  },
106
- "testID": "text-test-id"
106
+ "testID": "text-test-id-1"
107
107
  },
108
108
  "children": "Back Offer"
109
109
  },
@@ -117,7 +117,7 @@
117
117
  "gap": 4,
118
118
  "marginTop": "12%"
119
119
  },
120
- "testID": "View-test-id"
120
+ "testID": "View-test-id-2"
121
121
  },
122
122
  "children": [
123
123
  {
@@ -132,7 +132,7 @@
132
132
  "paddingVertical": 8,
133
133
  "paddingHorizontal": 12
134
134
  },
135
- "testID": "View-test-id"
135
+ "testID": "View-test-id-3"
136
136
  },
137
137
  "children": [
138
138
  {
@@ -147,7 +147,7 @@
147
147
  "fontSize": "16",
148
148
  "flex": 0
149
149
  },
150
- "testID": "BIcon-test-id"
150
+ "testID": "BIcon-test-id-1"
151
151
  },
152
152
  "children": null
153
153
  },
@@ -161,7 +161,7 @@
161
161
  "color": "STATIC_COLORS.WHITE",
162
162
  "fontWeight": "700"
163
163
  },
164
- "testID": "text-test-id"
164
+ "testID": "text-test-id-2"
165
165
  },
166
166
  "children": "@benefit1 — Unlimited access"
167
167
  }
@@ -179,7 +179,7 @@
179
179
  "paddingVertical": 8,
180
180
  "paddingHorizontal": 12
181
181
  },
182
- "testID": "View-test-id"
182
+ "testID": "View-test-id-4"
183
183
  },
184
184
  "children": [
185
185
  {
@@ -194,7 +194,7 @@
194
194
  "fontSize": "16",
195
195
  "flex": 0
196
196
  },
197
- "testID": "BIcon-test-id"
197
+ "testID": "BIcon-test-id-2"
198
198
  },
199
199
  "children": null
200
200
  },
@@ -208,7 +208,7 @@
208
208
  "color": "STATIC_COLORS.WHITE",
209
209
  "fontWeight": "700"
210
210
  },
211
- "testID": "text-test-id"
211
+ "testID": "text-test-id-3"
212
212
  },
213
213
  "children": "@benefit2 — 7-day free trial"
214
214
  }
@@ -226,7 +226,7 @@
226
226
  "paddingVertical": 8,
227
227
  "paddingHorizontal": 12
228
228
  },
229
- "testID": "View-test-id"
229
+ "testID": "View-test-id-5"
230
230
  },
231
231
  "children": [
232
232
  {
@@ -241,7 +241,7 @@
241
241
  "fontSize": "16",
242
242
  "flex": 0
243
243
  },
244
- "testID": "BIcon-test-id"
244
+ "testID": "BIcon-test-id-3"
245
245
  },
246
246
  "children": null
247
247
  },
@@ -255,7 +255,7 @@
255
255
  "color": "STATIC_COLORS.WHITE",
256
256
  "fontWeight": "700"
257
257
  },
258
- "testID": "text-test-id"
258
+ "testID": "text-test-id-4"
259
259
  },
260
260
  "children": "@benefit3 — Cancel anytime"
261
261
  }
@@ -272,7 +272,7 @@
272
272
  "borderRadius": 12,
273
273
  "backgroundColor": "THEME_COLORS.BACKGROUND"
274
274
  },
275
- "testID": "PaywallOptions-test-id"
275
+ "testID": "PaywallOptions-test-id-1"
276
276
  },
277
277
  "children": [
278
278
  {
@@ -283,7 +283,7 @@
283
283
  "styles": {
284
284
  "flex": 1
285
285
  },
286
- "testID": "RadioButton-test-id"
286
+ "testID": "RadioButton-test-id-1"
287
287
  },
288
288
  "children": null
289
289
  },
@@ -295,7 +295,7 @@
295
295
  "styles": {
296
296
  "flex": 4
297
297
  },
298
- "testID": "text-test-id"
298
+ "testID": "text-test-id-5"
299
299
  },
300
300
  "children": "@productDescription — Unlock all premium features for a month."
301
301
  },
@@ -308,7 +308,7 @@
308
308
  "flex": 1,
309
309
  "textAlign": "right"
310
310
  },
311
- "testID": "text-test-id"
311
+ "testID": "text-test-id-6"
312
312
  },
313
313
  "children": "@localizedPrice"
314
314
  },
@@ -325,7 +325,7 @@
325
325
  "width": 32,
326
326
  "color": "STATIC_COLORS.BLACK"
327
327
  },
328
- "testID": "BIcon-test-id"
328
+ "testID": "BIcon-test-id-4"
329
329
  },
330
330
  "children": null
331
331
  }
@@ -342,7 +342,7 @@
342
342
  "fontSize": 40,
343
343
  "textAlign": "center"
344
344
  },
345
- "testID": "CountDown-test-id"
345
+ "testID": "CountDown-test-id-1"
346
346
  },
347
347
  "children": null
348
348
  },
@@ -358,7 +358,7 @@
358
358
  "alignItems": "stretch",
359
359
  "paddingBottom": "50px"
360
360
  },
361
- "testID": "View-test-id"
361
+ "testID": "View-test-id-6"
362
362
  },
363
363
  "children": [
364
364
  {
@@ -367,7 +367,7 @@
367
367
  "attributes": {
368
368
  "description": "Subscription confirm button.",
369
369
  "title": "Subscribe",
370
- "testID": "PaywallSubscribeButton-test-id"
370
+ "testID": "PaywallSubscribeButton-test-id-1"
371
371
  }
372
372
  }
373
373
  ]
@@ -379,6 +379,6 @@
379
379
  ]
380
380
  },
381
381
  "attributes": {
382
- "testID": "paywall-test-id"
382
+ "testID": "paywall-test-id-1"
383
383
  }
384
384
  }