@developer_tribe/react-builder 1.2.18 → 1.2.20
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.
- package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -1
- package/dist/build-components/patterns.generated.d.ts +23 -8
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.web.cjs.js +4 -4
- package/dist/index.web.cjs.js.map +1 -1
- package/dist/index.web.esm.js +3 -3
- package/dist/index.web.esm.js.map +1 -1
- package/dist/pages/ProjectDebug.d.ts +9 -1
- package/dist/pages/ProjectMigrationPage.d.ts +3 -1
- package/dist/pages/ProjectValidationPage.d.ts +3 -2
- package/dist/styles.css +1 -1
- package/dist/utils/applyJsonTransform.d.ts +13 -0
- package/dist/utils/repairNodeKeys.d.ts +11 -0
- package/dist/utils/safeJsonStringify.d.ts +1 -0
- package/dist/utils/wrapNodeInMain.d.ts +2 -0
- package/package.json +1 -1
- package/src/RenderPage.tsx +17 -46
- package/src/assets/meta.json +1 -1
- package/src/assets/samples/carousel-sample.json +51 -51
- package/src/assets/samples/paywall-1.json +77 -77
- package/src/assets/samples/paywall-2.json +76 -76
- package/src/assets/samples/simple-1.json +13 -13
- package/src/assets/samples/simple-2.json +97 -97
- package/src/assets/samples/unmigrated-builder-1.1.1.json +25 -25
- package/src/assets/samples/unmigrated-builder1.json +1 -1
- package/src/assets/samples/unvalidated-builder1.json +15 -15
- package/src/assets/samples/unvalidated-crash1.json +4 -4
- package/src/assets/samples/vpn-onboard-1.json +100 -78
- package/src/assets/samples/vpn-onboard-2.json +97 -75
- package/src/assets/samples/vpn-onboard-3.json +103 -79
- package/src/assets/samples/vpn-onboard-4.json +103 -79
- package/src/assets/samples/vpn-onboard-5.json +139 -108
- package/src/assets/samples/vpn-onboard-6.json +100 -81
- package/src/build-components/CarouselDots/CarouselDots.tsx +112 -12
- package/src/build-components/OnboardDot/OnboardDot.tsx +74 -40
- package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +2 -1
- package/src/build-components/OnboardDot/pattern.json +28 -10
- package/src/build-components/PaywallProvider/PaywallProvider.tsx +2 -3
- package/src/build-components/Text/Text.tsx +4 -9
- package/src/build-components/patterns.generated.ts +23 -8
- package/src/build-components/useNode.ts +20 -4
- package/src/components/AttributesEditorPanel.tsx +13 -1
- package/src/components/Builder.tsx +19 -5
- package/src/components/EditorHeader.tsx +16 -6
- package/src/components/JsonTextEditor.tsx +41 -0
- package/src/pages/DebugJsonPage.tsx +104 -4
- package/src/pages/ProjectDebug.tsx +66 -28
- package/src/pages/ProjectMigrationPage.tsx +15 -0
- package/src/pages/ProjectPage.tsx +160 -23
- package/src/pages/ProjectValidationPage.tsx +64 -1
- package/src/styles/layout/_project-validation.scss +29 -0
- package/src/styles/utilities/_carousel.scss +0 -32
- package/src/utils/__special_exceptions.ts +9 -3
- package/src/utils/analyseNodeByPatterns.ts +16 -6
- package/src/utils/applyJsonTransform.ts +19 -0
- package/src/utils/novaToJson.ts +7 -3
- package/src/utils/repairNodeKeys.ts +90 -0
- package/src/utils/safeJsonStringify.ts +18 -0
- package/src/utils/wrapNodeInMain.ts +67 -0
|
@@ -45,32 +45,32 @@
|
|
|
45
45
|
"view.onboarding.btnTerms": "Terms"
|
|
46
46
|
},
|
|
47
47
|
"ar": {
|
|
48
|
-
"onboard.title.one-page": "
|
|
49
|
-
"onboard.title.one-page2": "
|
|
50
|
-
"onboard.title.two-page": "
|
|
51
|
-
"onboard.title.two-page2": "
|
|
52
|
-
"onboard.title.three-page": "
|
|
53
|
-
"onboard.title.three-page2": "
|
|
54
|
-
"onboard.title.four-page": "
|
|
55
|
-
"onboard.title.four-page2": "
|
|
56
|
-
"onboard.subtitle.one-page": "
|
|
57
|
-
"onboard.subtitle.one-page2": "
|
|
58
|
-
"onboard.subtitle.two-page": "
|
|
59
|
-
"onboard.subtitle.two-page2": "
|
|
60
|
-
"onboard.subtitle.three-page": "
|
|
61
|
-
"onboard.subtitle.three-page2": "
|
|
62
|
-
"onboard.subtitle.four-page": "
|
|
63
|
-
"onboard.subtitle.four-page2": "
|
|
64
|
-
"onboard.next.one-page": "
|
|
65
|
-
"onboard.next.two-page": "
|
|
66
|
-
"onboard.next.three-page": "
|
|
67
|
-
"onboard.skip.one-page": "
|
|
68
|
-
"onboard.skip.two-page": "
|
|
69
|
-
"onboard.skip.three-page": "
|
|
70
|
-
"onboard.allow.four-page": "
|
|
71
|
-
"view.onboarding.footer.description": "
|
|
72
|
-
"view.onboarding.btnPrivacy": "
|
|
73
|
-
"view.onboarding.btnTerms": "
|
|
48
|
+
"onboard.title.one-page": " العربية",
|
|
49
|
+
"onboard.title.one-page2": " العربية",
|
|
50
|
+
"onboard.title.two-page": " العربية",
|
|
51
|
+
"onboard.title.two-page2": " العربية",
|
|
52
|
+
"onboard.title.three-page": " العربية",
|
|
53
|
+
"onboard.title.three-page2": " العربية",
|
|
54
|
+
"onboard.title.four-page": " العربية",
|
|
55
|
+
"onboard.title.four-page2": " العربية",
|
|
56
|
+
"onboard.subtitle.one-page": " العربية",
|
|
57
|
+
"onboard.subtitle.one-page2": " العربية",
|
|
58
|
+
"onboard.subtitle.two-page": " العربية",
|
|
59
|
+
"onboard.subtitle.two-page2": " العربية",
|
|
60
|
+
"onboard.subtitle.three-page": " العربية",
|
|
61
|
+
"onboard.subtitle.three-page2": " العربية",
|
|
62
|
+
"onboard.subtitle.four-page": " العربية",
|
|
63
|
+
"onboard.subtitle.four-page2": " العربية",
|
|
64
|
+
"onboard.next.one-page": "التالي",
|
|
65
|
+
"onboard.next.two-page": "التالي",
|
|
66
|
+
"onboard.next.three-page": "التالي",
|
|
67
|
+
"onboard.skip.one-page": "تخطي",
|
|
68
|
+
"onboard.skip.two-page": "تخطي",
|
|
69
|
+
"onboard.skip.three-page": "تخطي",
|
|
70
|
+
"onboard.allow.four-page": "السماح",
|
|
71
|
+
"view.onboarding.footer.description": "بالمتابعة فإنك توافق على",
|
|
72
|
+
"view.onboarding.btnPrivacy": "الخصوصية",
|
|
73
|
+
"view.onboarding.btnTerms": "الشروط"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
"defaultLanguage": "en"
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"key": "ckcw0WXRY8sNR2SF",
|
|
82
82
|
"attributes": {
|
|
83
83
|
"useSafeAreaView": true,
|
|
84
|
-
"description": "
|
|
84
|
+
"description": "Ekranın ana kapsayıcısı. (#1)",
|
|
85
85
|
"title": "Main 1"
|
|
86
86
|
},
|
|
87
87
|
"children": [
|
|
@@ -98,13 +98,13 @@
|
|
|
98
98
|
{
|
|
99
99
|
"type": "OnboardTitle",
|
|
100
100
|
"attributes": {
|
|
101
|
-
"
|
|
101
|
+
"description": "Sayfa başlığı. (#1)",
|
|
102
|
+
"title": "OnboardTitle 1",
|
|
103
|
+
"styles": {
|
|
102
104
|
"color": "#12131A",
|
|
103
105
|
"textAlign": "center",
|
|
104
106
|
"marginTop": 40
|
|
105
|
-
}
|
|
106
|
-
"description": "Sayfa ba\u015fl\u0131\u011f\u0131. (#1)",
|
|
107
|
-
"title": "OnboardTitle 1"
|
|
107
|
+
}
|
|
108
108
|
},
|
|
109
109
|
"children": "onboard.title.one-page2"
|
|
110
110
|
},
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"attributes": {
|
|
114
114
|
"src": "https://textcall-dev.s3.amazonaws.com/onboard/high/c68cca84580d6920c883c220e57346c0.jpg",
|
|
115
115
|
"resizeMode": "contain",
|
|
116
|
-
"
|
|
116
|
+
"styles": {
|
|
117
117
|
"height": 350
|
|
118
118
|
}
|
|
119
119
|
}
|
|
@@ -121,19 +121,19 @@
|
|
|
121
121
|
{
|
|
122
122
|
"type": "OnboardSubtitle",
|
|
123
123
|
"attributes": {
|
|
124
|
-
"
|
|
124
|
+
"description": "Sayfa alt başlığı. (#1)",
|
|
125
|
+
"title": "OnboardSubtitle 1",
|
|
126
|
+
"styles": {
|
|
125
127
|
"color": "#44454D",
|
|
126
128
|
"fontSize": 16,
|
|
127
129
|
"textAlign": "center"
|
|
128
|
-
}
|
|
129
|
-
"description": "Sayfa alt ba\u015fl\u0131\u011f\u0131. (#1)",
|
|
130
|
-
"title": "OnboardSubtitle 1"
|
|
130
|
+
}
|
|
131
131
|
},
|
|
132
132
|
"children": "onboard.subtitle.one-page2"
|
|
133
133
|
}
|
|
134
134
|
],
|
|
135
135
|
"attributes": {
|
|
136
|
-
"description": "Onboarding sayfas
|
|
136
|
+
"description": "Onboarding sayfası. (#1)",
|
|
137
137
|
"title": "OnboardItem 1"
|
|
138
138
|
}
|
|
139
139
|
},
|
|
@@ -144,32 +144,32 @@
|
|
|
144
144
|
{
|
|
145
145
|
"type": "OnboardTitle",
|
|
146
146
|
"attributes": {
|
|
147
|
-
"
|
|
147
|
+
"description": "Sayfa başlığı. (#2)",
|
|
148
|
+
"title": "OnboardTitle 2",
|
|
149
|
+
"styles": {
|
|
148
150
|
"color": "#12131A",
|
|
149
151
|
"textAlign": "center",
|
|
150
152
|
"marginTop": 40
|
|
151
|
-
}
|
|
152
|
-
"description": "Sayfa ba\u015fl\u0131\u011f\u0131. (#2)",
|
|
153
|
-
"title": "OnboardTitle 2"
|
|
153
|
+
}
|
|
154
154
|
},
|
|
155
155
|
"children": "onboard.title.two-page2"
|
|
156
156
|
},
|
|
157
157
|
{
|
|
158
158
|
"type": "OnboardSubtitle",
|
|
159
159
|
"attributes": {
|
|
160
|
-
"
|
|
160
|
+
"description": "Sayfa alt başlığı. (#2)",
|
|
161
|
+
"title": "OnboardSubtitle 2",
|
|
162
|
+
"styles": {
|
|
161
163
|
"color": "#44454D",
|
|
162
164
|
"fontSize": 16,
|
|
163
165
|
"textAlign": "center"
|
|
164
|
-
}
|
|
165
|
-
"description": "Sayfa alt ba\u015fl\u0131\u011f\u0131. (#2)",
|
|
166
|
-
"title": "OnboardSubtitle 2"
|
|
166
|
+
}
|
|
167
167
|
},
|
|
168
168
|
"children": "onboard.subtitle.two-page"
|
|
169
169
|
}
|
|
170
170
|
],
|
|
171
171
|
"attributes": {
|
|
172
|
-
"description": "Onboarding sayfas
|
|
172
|
+
"description": "Onboarding sayfası. (#2)",
|
|
173
173
|
"title": "OnboardItem 2"
|
|
174
174
|
}
|
|
175
175
|
},
|
|
@@ -180,32 +180,32 @@
|
|
|
180
180
|
{
|
|
181
181
|
"type": "OnboardTitle",
|
|
182
182
|
"attributes": {
|
|
183
|
-
"
|
|
183
|
+
"description": "Sayfa başlığı. (#3)",
|
|
184
|
+
"title": "OnboardTitle 3",
|
|
185
|
+
"styles": {
|
|
184
186
|
"color": "#12131A",
|
|
185
187
|
"textAlign": "center",
|
|
186
188
|
"marginTop": 40
|
|
187
|
-
}
|
|
188
|
-
"description": "Sayfa ba\u015fl\u0131\u011f\u0131. (#3)",
|
|
189
|
-
"title": "OnboardTitle 3"
|
|
189
|
+
}
|
|
190
190
|
},
|
|
191
191
|
"children": "onboard.title.three-page2"
|
|
192
192
|
},
|
|
193
193
|
{
|
|
194
194
|
"type": "OnboardSubtitle",
|
|
195
195
|
"attributes": {
|
|
196
|
-
"
|
|
196
|
+
"description": "Sayfa alt başlığı. (#3)",
|
|
197
|
+
"title": "OnboardSubtitle 3",
|
|
198
|
+
"styles": {
|
|
197
199
|
"color": "#44454D",
|
|
198
200
|
"fontSize": 16,
|
|
199
201
|
"textAlign": "center"
|
|
200
|
-
}
|
|
201
|
-
"description": "Sayfa alt ba\u015fl\u0131\u011f\u0131. (#3)",
|
|
202
|
-
"title": "OnboardSubtitle 3"
|
|
202
|
+
}
|
|
203
203
|
},
|
|
204
204
|
"children": "onboard.subtitle.three-page2"
|
|
205
205
|
}
|
|
206
206
|
],
|
|
207
207
|
"attributes": {
|
|
208
|
-
"description": "Onboarding sayfas
|
|
208
|
+
"description": "Onboarding sayfası. (#3)",
|
|
209
209
|
"title": "OnboardItem 3"
|
|
210
210
|
}
|
|
211
211
|
},
|
|
@@ -216,45 +216,52 @@
|
|
|
216
216
|
{
|
|
217
217
|
"type": "OnboardTitle",
|
|
218
218
|
"attributes": {
|
|
219
|
-
"
|
|
219
|
+
"description": "Sayfa başlığı. (#4)",
|
|
220
|
+
"title": "OnboardTitle 4",
|
|
221
|
+
"styles": {
|
|
220
222
|
"color": "#12131A",
|
|
221
223
|
"textAlign": "center",
|
|
222
224
|
"marginTop": 40
|
|
223
|
-
}
|
|
224
|
-
"description": "Sayfa ba\u015fl\u0131\u011f\u0131. (#4)",
|
|
225
|
-
"title": "OnboardTitle 4"
|
|
225
|
+
}
|
|
226
226
|
},
|
|
227
227
|
"children": "onboard.title.four-page2"
|
|
228
228
|
},
|
|
229
229
|
{
|
|
230
230
|
"type": "OnboardSubtitle",
|
|
231
231
|
"attributes": {
|
|
232
|
-
"
|
|
232
|
+
"description": "Sayfa alt başlığı. (#4)",
|
|
233
|
+
"title": "OnboardSubtitle 4",
|
|
234
|
+
"styles": {
|
|
233
235
|
"color": "#44454D",
|
|
234
236
|
"fontSize": 16,
|
|
235
237
|
"textAlign": "center"
|
|
236
|
-
}
|
|
237
|
-
"description": "Sayfa alt ba\u015fl\u0131\u011f\u0131. (#4)",
|
|
238
|
-
"title": "OnboardSubtitle 4"
|
|
238
|
+
}
|
|
239
239
|
},
|
|
240
240
|
"children": "onboard.subtitle.four-page2"
|
|
241
241
|
}
|
|
242
242
|
],
|
|
243
243
|
"attributes": {
|
|
244
|
-
"description": "Onboarding sayfas
|
|
244
|
+
"description": "Onboarding sayfası. (#4)",
|
|
245
245
|
"title": "OnboardItem 4"
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
],
|
|
249
249
|
"attributes": {
|
|
250
|
-
"description": "Onboarding ana
|
|
250
|
+
"description": "Onboarding ana yapısı. (#1)",
|
|
251
251
|
"title": "Onboard 1"
|
|
252
252
|
}
|
|
253
253
|
},
|
|
254
254
|
{
|
|
255
255
|
"type": "OnboardDot",
|
|
256
256
|
"attributes": {
|
|
257
|
-
"dotType": "expanding_dot"
|
|
257
|
+
"dotType": "expanding_dot",
|
|
258
|
+
"dot_thickness": 20,
|
|
259
|
+
"inactive_dot_opacity": 0.3,
|
|
260
|
+
"inactive_dot_color": "#F7F7F9",
|
|
261
|
+
"active_dot_color": "#007AFF",
|
|
262
|
+
"styles": {
|
|
263
|
+
"flex": 2
|
|
264
|
+
}
|
|
258
265
|
}
|
|
259
266
|
},
|
|
260
267
|
{
|
|
@@ -264,7 +271,11 @@
|
|
|
264
271
|
"condition": "carousel-index",
|
|
265
272
|
"conditionVariable": 0,
|
|
266
273
|
"description": "Sayfa buton grubu. (#1)",
|
|
267
|
-
"title": "OnboardButtons 1"
|
|
274
|
+
"title": "OnboardButtons 1",
|
|
275
|
+
"styles": {
|
|
276
|
+
"flex": 2,
|
|
277
|
+
"justifyContent": "flex-end"
|
|
278
|
+
}
|
|
268
279
|
},
|
|
269
280
|
"children": [
|
|
270
281
|
{
|
|
@@ -280,7 +291,7 @@
|
|
|
280
291
|
"targetIndex": 3
|
|
281
292
|
}
|
|
282
293
|
],
|
|
283
|
-
"
|
|
294
|
+
"styles": {
|
|
284
295
|
"flex": 1
|
|
285
296
|
}
|
|
286
297
|
}
|
|
@@ -298,7 +309,7 @@
|
|
|
298
309
|
"targetIndex": 1
|
|
299
310
|
}
|
|
300
311
|
],
|
|
301
|
-
"
|
|
312
|
+
"styles": {
|
|
302
313
|
"flex": 1
|
|
303
314
|
}
|
|
304
315
|
}
|
|
@@ -312,7 +323,11 @@
|
|
|
312
323
|
"condition": "carousel-index",
|
|
313
324
|
"conditionVariable": 1,
|
|
314
325
|
"description": "Sayfa buton grubu. (#2)",
|
|
315
|
-
"title": "OnboardButtons 2"
|
|
326
|
+
"title": "OnboardButtons 2",
|
|
327
|
+
"styles": {
|
|
328
|
+
"flex": 2,
|
|
329
|
+
"justifyContent": "flex-end"
|
|
330
|
+
}
|
|
316
331
|
},
|
|
317
332
|
"children": [
|
|
318
333
|
{
|
|
@@ -332,7 +347,7 @@
|
|
|
332
347
|
"targetIndex": 3
|
|
333
348
|
}
|
|
334
349
|
],
|
|
335
|
-
"
|
|
350
|
+
"styles": {
|
|
336
351
|
"flex": 1
|
|
337
352
|
}
|
|
338
353
|
}
|
|
@@ -354,7 +369,7 @@
|
|
|
354
369
|
"targetIndex": 2
|
|
355
370
|
}
|
|
356
371
|
],
|
|
357
|
-
"
|
|
372
|
+
"styles": {
|
|
358
373
|
"flex": 1
|
|
359
374
|
}
|
|
360
375
|
}
|
|
@@ -368,7 +383,11 @@
|
|
|
368
383
|
"condition": "carousel-index",
|
|
369
384
|
"conditionVariable": 2,
|
|
370
385
|
"description": "Sayfa buton grubu. (#3)",
|
|
371
|
-
"title": "OnboardButtons 3"
|
|
386
|
+
"title": "OnboardButtons 3",
|
|
387
|
+
"styles": {
|
|
388
|
+
"flex": 2,
|
|
389
|
+
"justifyContent": "flex-end"
|
|
390
|
+
}
|
|
372
391
|
},
|
|
373
392
|
"children": [
|
|
374
393
|
{
|
|
@@ -384,7 +403,7 @@
|
|
|
384
403
|
"targetIndex": 3
|
|
385
404
|
}
|
|
386
405
|
],
|
|
387
|
-
"
|
|
406
|
+
"styles": {
|
|
388
407
|
"flex": 1
|
|
389
408
|
}
|
|
390
409
|
}
|
|
@@ -406,7 +425,7 @@
|
|
|
406
425
|
"targetIndex": 3
|
|
407
426
|
}
|
|
408
427
|
],
|
|
409
|
-
"
|
|
428
|
+
"styles": {
|
|
410
429
|
"flex": 1
|
|
411
430
|
}
|
|
412
431
|
}
|
|
@@ -420,7 +439,11 @@
|
|
|
420
439
|
"condition": "carousel-index",
|
|
421
440
|
"conditionVariable": 3,
|
|
422
441
|
"description": "Sayfa buton grubu. (#4)",
|
|
423
|
-
"title": "OnboardButtons 4"
|
|
442
|
+
"title": "OnboardButtons 4",
|
|
443
|
+
"styles": {
|
|
444
|
+
"flex": 2,
|
|
445
|
+
"justifyContent": "flex-end"
|
|
446
|
+
}
|
|
424
447
|
},
|
|
425
448
|
"children": [
|
|
426
449
|
{
|
|
@@ -439,7 +462,7 @@
|
|
|
439
462
|
"navigate_to": "home"
|
|
440
463
|
}
|
|
441
464
|
],
|
|
442
|
-
"
|
|
465
|
+
"styles": {
|
|
443
466
|
"flex": 1
|
|
444
467
|
}
|
|
445
468
|
}
|
|
@@ -456,7 +479,8 @@
|
|
|
456
479
|
"linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
|
|
457
480
|
"linkedWordSecondColor": "#81838F",
|
|
458
481
|
"linkedWordSecondPage": "terms",
|
|
459
|
-
"
|
|
482
|
+
"styles": {
|
|
483
|
+
"flex": 2,
|
|
460
484
|
"gap": 8,
|
|
461
485
|
"color": "#81838F"
|
|
462
486
|
}
|
|
@@ -465,7 +489,7 @@
|
|
|
465
489
|
],
|
|
466
490
|
"attributes": {
|
|
467
491
|
"theme": "light",
|
|
468
|
-
"description": "Onboarding
|
|
492
|
+
"description": "Onboarding sağlayıcısı. (#1)",
|
|
469
493
|
"title": "OnboardProvider 1"
|
|
470
494
|
}
|
|
471
495
|
}
|