@developer_tribe/react-builder 1.2.39 → 1.2.41

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 (93) hide show
  1. package/dist/attributes-editor/FallbackLocalizationField.d.ts +6 -0
  2. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -40
  3. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -1
  4. package/dist/build-components/patterns.generated.d.ts +21 -344
  5. package/dist/components/BuilderProvider.d.ts +1 -0
  6. package/dist/components/DeviceButton.d.ts +4 -1
  7. package/dist/index.cjs.js +1 -1
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.esm.js +1 -1
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.web.cjs.js +4 -4
  12. package/dist/index.web.cjs.js.map +1 -1
  13. package/dist/index.web.d.ts +8 -0
  14. package/dist/index.web.esm.js +4 -4
  15. package/dist/index.web.esm.js.map +1 -1
  16. package/dist/mockOS/context/MockOSContext.d.ts +3 -1
  17. package/dist/product-base/types.d.ts +3 -0
  18. package/dist/size-matters/index.d.ts +1 -1
  19. package/dist/store.d.ts +31 -0
  20. package/dist/styles.css +1 -1
  21. package/dist/types/Device.d.ts +5 -0
  22. package/dist/types/PreviewConfig.d.ts +1 -1
  23. package/dist/utils/extractTextStyle/extractTextStyle.d.ts +1 -0
  24. package/dist/utils/extractViewStyle/extractViewStyle.d.ts +1 -0
  25. package/package.json +1 -1
  26. package/scripts/prebuild/assets/prompt_scheme.md +7 -0
  27. package/scripts/public/bin.js +0 -0
  28. package/src/DeviceMockFrame.tsx +8 -0
  29. package/src/RenderPage.tsx +3 -0
  30. package/src/assets/devices.json +747 -183
  31. package/src/assets/meta.json +1 -1
  32. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  33. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  34. package/src/assets/samples/carousel-sample.json +30 -26
  35. package/src/assets/samples/paywall-1.json +31 -31
  36. package/src/assets/samples/paywall-2.json +28 -28
  37. package/src/assets/samples/paywall-app-delete-offer.json +29 -29
  38. package/src/assets/samples/paywall-app-open-offer.json +29 -29
  39. package/src/assets/samples/paywall-back-offer.json +28 -28
  40. package/src/assets/samples/paywall-notification-offer.json +28 -28
  41. package/src/assets/samples/simple-1.json +4 -4
  42. package/src/assets/samples/simple-2.json +25 -25
  43. package/src/assets/samples/unmigrated-builder-1.1.1.json +7 -7
  44. package/src/assets/samples/unmigrated-builder1.json +4 -4
  45. package/src/assets/samples/unvalidated-builder1.json +4 -4
  46. package/src/assets/samples/unvalidated-crash1.json +2 -2
  47. package/src/assets/samples/unvalidated-crashcomponent1.json +2 -2
  48. package/src/assets/samples/vpn-onboard-1.json +30 -30
  49. package/src/assets/samples/vpn-onboard-2.json +30 -30
  50. package/src/assets/samples/vpn-onboard-3.json +27 -27
  51. package/src/assets/samples/vpn-onboard-4.json +27 -27
  52. package/src/assets/samples/vpn-onboard-5.json +40 -40
  53. package/src/assets/samples/vpn-onboard-6.json +30 -30
  54. package/src/assets/samples/vpn-onboard-7.json +29 -29
  55. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +8 -3
  56. package/src/attribute-analyser/style/web/useExtractViewStyle.ts +8 -3
  57. package/src/attributes-editor/AttributesEditorView.tsx +17 -6
  58. package/src/attributes-editor/FallbackLocalizationField.tsx +384 -0
  59. package/src/build-components/CarouselDots/CarouselDots.tsx +8 -3
  60. package/src/build-components/Main/Main.tsx +3 -1
  61. package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +15 -1
  62. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -52
  63. package/src/build-components/NavigationBarColor/pattern.json +11 -2
  64. package/src/build-components/OnboardDot/OnboardDot.tsx +3 -2
  65. package/src/build-components/PaywallCloseButton/pattern.json +1 -0
  66. package/src/build-components/StatusBarColor/StatusBarColor.tsx +15 -1
  67. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -1
  68. package/src/build-components/StatusBarColor/pattern.json +10 -1
  69. package/src/build-components/patterns.generated.ts +25 -364
  70. package/src/components/BottomBar.tsx +135 -31
  71. package/src/components/BuilderProvider.tsx +1 -0
  72. package/src/components/DeviceButton.tsx +35 -0
  73. package/src/components/EditorHeader.tsx +16 -1
  74. package/src/hooks/useLocalize.ts +3 -1
  75. package/src/hooks/useSafeAreaViewStyle.ts +24 -4
  76. package/src/index.web.ts +19 -0
  77. package/src/mockOS/context/MockOSContext.tsx +41 -13
  78. package/src/modals/DeviceSelectorModal.tsx +94 -10
  79. package/src/modals/InspectModal.tsx +112 -4
  80. package/src/product-base/buildPaywallLocalizationParams.ts +3 -0
  81. package/src/product-base/extractAndroidParams.ts +38 -8
  82. package/src/product-base/types.ts +3 -0
  83. package/src/size-matters/index.ts +15 -9
  84. package/src/store.ts +66 -0
  85. package/src/styles/modals/_product-edit-modal.scss +2 -2
  86. package/src/types/Device.ts +5 -0
  87. package/src/types/PreviewConfig.ts +6 -0
  88. package/src/utils/analyseNodeByPatterns.ts +6 -2
  89. package/src/utils/extractTextStyle/extractTextStyle.ts +3 -1
  90. package/src/utils/extractTextStyle/extractTextStyleNative.ts +1 -1
  91. package/src/utils/extractViewStyle/extractViewStyle.ts +19 -5
  92. package/src/utils/extractViewStyle/extractViewStyleNative.ts +5 -1
  93. package/src/utils/replaceLocalizationParams.ts +5 -7
package/src/assets/samples/paywall-2.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "useSafeAreaView": true,
10
10
  "description": "Main container for Paywall 2.",
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
  {
@@ -59,7 +59,7 @@
59
59
  "resizeMode": "cover",
60
60
  "description": "Paywall background.",
61
61
  "title": "Paywall Background",
62
- "testID": "PaywallBackground-test-id"
62
+ "testID": "PaywallBackground-test-id-1"
63
63
  },
64
64
  "children": null
65
65
  },
@@ -73,7 +73,7 @@
73
73
  "gap": 16,
74
74
  "flex": 1
75
75
  },
76
- "testID": "View-test-id"
76
+ "testID": "View-test-id-1"
77
77
  },
78
78
  "children": [
79
79
  {
@@ -89,7 +89,7 @@
89
89
  "alignItems": "center",
90
90
  "justifyContent": "center"
91
91
  },
92
- "testID": "PaywallCloseButton-test-id"
92
+ "testID": "PaywallCloseButton-test-id-1"
93
93
  },
94
94
  "children": null
95
95
  },
@@ -103,7 +103,7 @@
103
103
  "gap": 4,
104
104
  "marginTop": "12%"
105
105
  },
106
- "testID": "View-test-id"
106
+ "testID": "View-test-id-2"
107
107
  },
108
108
  "children": [
109
109
  {
@@ -118,7 +118,7 @@
118
118
  "paddingVertical": 8,
119
119
  "paddingHorizontal": 12
120
120
  },
121
- "testID": "View-test-id"
121
+ "testID": "View-test-id-3"
122
122
  },
123
123
  "children": [
124
124
  {
@@ -133,7 +133,7 @@
133
133
  "fontSize": "16",
134
134
  "flex": 0
135
135
  },
136
- "testID": "BIcon-test-id"
136
+ "testID": "BIcon-test-id-1"
137
137
  },
138
138
  "children": null
139
139
  },
@@ -147,7 +147,7 @@
147
147
  "color": "STATIC_COLORS.WHITE",
148
148
  "fontWeight": "700"
149
149
  },
150
- "testID": "Text-test-id"
150
+ "testID": "Text-test-id-1"
151
151
  },
152
152
  "children": "@benefit1 — Unlimited access"
153
153
  }
@@ -165,7 +165,7 @@
165
165
  "paddingVertical": 8,
166
166
  "paddingHorizontal": 12
167
167
  },
168
- "testID": "View-test-id"
168
+ "testID": "View-test-id-4"
169
169
  },
170
170
  "children": [
171
171
  {
@@ -180,7 +180,7 @@
180
180
  "fontSize": "16",
181
181
  "flex": 0
182
182
  },
183
- "testID": "BIcon-test-id"
183
+ "testID": "BIcon-test-id-2"
184
184
  },
185
185
  "children": null
186
186
  },
@@ -194,7 +194,7 @@
194
194
  "color": "STATIC_COLORS.WHITE",
195
195
  "fontWeight": "700"
196
196
  },
197
- "testID": "Text-test-id"
197
+ "testID": "Text-test-id-2"
198
198
  },
199
199
  "children": "@benefit2 — 7-day free trial"
200
200
  }
@@ -212,7 +212,7 @@
212
212
  "paddingVertical": 8,
213
213
  "paddingHorizontal": 12
214
214
  },
215
- "testID": "View-test-id"
215
+ "testID": "View-test-id-5"
216
216
  },
217
217
  "children": [
218
218
  {
@@ -227,7 +227,7 @@
227
227
  "fontSize": "16",
228
228
  "flex": 0
229
229
  },
230
- "testID": "BIcon-test-id"
230
+ "testID": "BIcon-test-id-3"
231
231
  },
232
232
  "children": null
233
233
  },
@@ -241,7 +241,7 @@
241
241
  "color": "STATIC_COLORS.WHITE",
242
242
  "fontWeight": "700"
243
243
  },
244
- "testID": "Text-test-id"
244
+ "testID": "Text-test-id-3"
245
245
  },
246
246
  "children": "@benefit3 — Cancel anytime"
247
247
  }
@@ -258,7 +258,7 @@
258
258
  "borderRadius": 12,
259
259
  "backgroundColor": "THEME_COLORS.BACKGROUND"
260
260
  },
261
- "testID": "PaywallOptions-test-id"
261
+ "testID": "PaywallOptions-test-id-1"
262
262
  },
263
263
  "children": [
264
264
  {
@@ -269,7 +269,7 @@
269
269
  "styles": {
270
270
  "flex": 1
271
271
  },
272
- "testID": "RadioButton-test-id"
272
+ "testID": "RadioButton-test-id-1"
273
273
  },
274
274
  "children": null
275
275
  },
@@ -281,7 +281,7 @@
281
281
  "styles": {
282
282
  "flex": 4
283
283
  },
284
- "testID": "Text-test-id"
284
+ "testID": "Text-test-id-4"
285
285
  },
286
286
  "children": "@productDescription — Unlock all premium features for a month."
287
287
  },
@@ -294,7 +294,7 @@
294
294
  "flex": 1,
295
295
  "textAlign": "right"
296
296
  },
297
- "testID": "Text-test-id"
297
+ "testID": "Text-test-id-5"
298
298
  },
299
299
  "children": "@localizedPrice"
300
300
  },
@@ -311,7 +311,7 @@
311
311
  "width": 32,
312
312
  "color": "STATIC_COLORS.BLACK"
313
313
  },
314
- "testID": "BIcon-test-id"
314
+ "testID": "BIcon-test-id-4"
315
315
  },
316
316
  "children": null
317
317
  }
@@ -328,7 +328,7 @@
328
328
  "fontSize": 40,
329
329
  "textAlign": "center"
330
330
  },
331
- "testID": "CountDown-test-id"
331
+ "testID": "CountDown-test-id-1"
332
332
  },
333
333
  "children": null
334
334
  },
@@ -344,16 +344,16 @@
344
344
  "alignItems": "stretch",
345
345
  "paddingBottom": "50px"
346
346
  },
347
- "testID": "View-test-id"
347
+ "testID": "View-test-id-6"
348
348
  },
349
349
  "children": [
350
350
  {
351
351
  "type": "PaywallSubscribeButton",
352
- "children": "Subscribe Now",
352
+ "children": "@subscribe",
353
353
  "attributes": {
354
- "description": "Subscription confirm button.",
354
+ "description": "Abonelik onay butonu. (#1)",
355
355
  "title": "Subscribe",
356
- "testID": "PaywallSubscribeButton-test-id"
356
+ "testID": "PaywallSubscribeButton-test-id-1"
357
357
  }
358
358
  }
359
359
  ]
@@ -365,6 +365,6 @@
365
365
  ]
366
366
  },
367
367
  "attributes": {
368
- "testID": "paywall-test-id"
368
+ "testID": "paywall-test-id-1"
369
369
  }
370
370
  }
package/src/assets/samples/paywall-app-delete-offer.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "useSafeAreaView": true,
10
10
  "description": "Main container for App Delete 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-1496307042754-b4aa456c4a2d?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 Delete 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,16 +358,16 @@
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
  {
365
365
  "type": "PaywallSubscribeButton",
366
- "children": "Subscribe Now",
366
+ "children": "@subscribe",
367
367
  "attributes": {
368
- "description": "Subscription confirm button.",
368
+ "description": "Abonelik onay butonu. (#1)",
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
  }