@developer_tribe/react-builder 1.0.6 → 1.0.8

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 (63) hide show
  1. package/dist/build-components/patterns.generated.d.ts +56 -56
  2. package/dist/components/AttributesEditorPanel.d.ts +2 -2
  3. package/dist/components/BottomBar.d.ts +6 -2
  4. package/dist/components/Checkbox.d.ts +1 -1
  5. package/dist/index.cjs.js +3 -3
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.d.ts +2 -1
  8. package/dist/index.esm.js +3 -3
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.native.cjs.js +1 -1
  11. package/dist/index.native.cjs.js.map +1 -1
  12. package/dist/index.native.esm.js +4 -4
  13. package/dist/index.native.esm.js.map +1 -1
  14. package/dist/modals/ScreenColorsModal.d.ts +1 -1
  15. package/dist/pages/ProjectPage.d.ts +3 -2
  16. package/dist/pages/tabs/BuilderPanel.d.ts +2 -2
  17. package/dist/pages/tabs/SideTool.d.ts +8 -0
  18. package/dist/store.d.ts +0 -6
  19. package/dist/styles.css +1 -1
  20. package/package.json +5 -2
  21. package/src/RenderPage.tsx +1 -4
  22. package/src/assets/samples/carousel-sample.json +81 -99
  23. package/src/assets/samples/simple-1.json +2 -8
  24. package/src/assets/samples/simple-2.json +9 -36
  25. package/src/assets/samples/vpn-onboard-1.json +23 -27
  26. package/src/assets/samples/vpn-onboard-2.json +275 -279
  27. package/src/assets/samples/vpn-onboard-3.json +246 -247
  28. package/src/assets/samples/vpn-onboard-4.json +246 -247
  29. package/src/assets/samples/vpn-onboard-5.json +369 -375
  30. package/src/assets/samples/vpn-onboard-6.json +248 -252
  31. package/src/build-components/View/pattern.json +2 -2
  32. package/src/build-components/patterns.generated.ts +56 -56
  33. package/src/components/AttributesEditorPanel.tsx +8 -12
  34. package/src/components/BottomBar.tsx +31 -25
  35. package/src/components/EditorHeader.tsx +4 -11
  36. package/src/index.ts +2 -1
  37. package/src/modals/ScreenColorsModal.tsx +57 -51
  38. package/src/pages/ProjectPage.tsx +147 -48
  39. package/src/pages/tabs/BuilderPanel.tsx +8 -14
  40. package/src/pages/tabs/SideTool.tsx +253 -0
  41. package/src/store.ts +6 -10
  42. package/src/styles/base/_global.scss +29 -32
  43. package/src/styles/components/_attributes-editor.scss +27 -33
  44. package/src/styles/components/_bottom-bar.scss +11 -23
  45. package/src/styles/components/_editor-shell.scss +38 -18
  46. package/src/styles/components/_mockos-router.scss +16 -14
  47. package/src/styles/components/_ui-components.scss +14 -15
  48. package/src/styles/foundation/_colors.scss +28 -8
  49. package/src/styles/foundation/_mixins.scss +1 -1
  50. package/src/styles/foundation/_sizes.scss +4 -2
  51. package/src/styles/layout/_builder.scss +1 -1
  52. package/src/styles/modals/_add-component.scss +2 -2
  53. package/src/styles/modals/_color-modal.scss +2 -2
  54. package/src/styles/modals/_modal-shell.scss +1 -1
  55. package/src/utils/analyseNodeByPatterns.ts +0 -15
  56. package/dist/components/MobilePanelToggleButton.d.ts +0 -8
  57. package/dist/hooks/useMinimumDelay.d.ts +0 -7
  58. package/dist/hooks/useMobileEditorPanels.d.ts +0 -12
  59. package/dist/hooks/useSyncProjectPageStore.d.ts +0 -15
  60. package/src/components/MobilePanelToggleButton.tsx +0 -39
  61. package/src/hooks/useMinimumDelay.ts +0 -20
  62. package/src/hooks/useMobileEditorPanels.ts +0 -56
  63. package/src/hooks/useSyncProjectPageStore.ts +0 -40
package/src/assets/samples/vpn-onboard-5.json CHANGED
@@ -85,460 +85,454 @@
85
85
  "children": [
86
86
  {
87
87
  "type": "OnboardProvider",
88
+ "children": [
89
+ {
90
+ "type": "Onboard",
88
91
  "children": [
89
92
  {
90
- "type": "Onboard",
93
+ "type": "OnboardItem",
94
+ "key": "app_onboard-page1",
91
95
  "children": [
92
96
  {
93
- "type": "OnboardItem",
94
- "key": "app_onboard-page1",
95
- "children": [
96
- {
97
- "type": "OnboardImage",
98
- "attributes": {
99
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png",
100
- "height": 400,
101
- "resizeMode": "contain",
102
- "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json"
103
- },
104
- "children": null
105
- },
106
- {
107
- "type": "OnboardTitle",
108
- "attributes": {
109
- "color": "#080A17"
110
- },
111
- "children": "onboard.title.one-page"
112
- },
113
- {
114
- "type": "OnboardSubtitle",
115
- "attributes": {
116
- "color": "#272737"
117
- },
118
- "children": "onboard.subtitle.one-page"
119
- }
120
- ]
121
- },
122
- {
123
- "type": "OnboardItem",
124
- "key": "app_onboard-page2",
125
- "children": [
126
- {
127
- "type": "OnboardImage",
128
- "attributes": {
129
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
130
- "height": 400,
131
- "resizeMode": "contain",
132
- "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4"
133
- },
134
- "children": null
135
- },
136
- {
137
- "type": "OnboardTitle",
138
- "attributes": {
139
- "color": "#080A17"
140
- },
141
- "children": "onboard.title.two-page"
142
- },
143
- {
144
- "type": "OnboardSubtitle",
145
- "attributes": {
146
- "color": "#272737"
147
- },
148
- "children": "onboard.subtitle.two-page"
149
- }
150
- ]
151
- },
152
- {
153
- "type": "OnboardItem",
154
- "key": "app_onboard-page3",
155
- "children": [
156
- {
157
- "type": "OnboardImage",
158
- "attributes": {
159
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png",
160
- "height": 400,
161
- "resizeMode": "contain"
162
- },
163
- "children": null
164
- },
165
- {
166
- "type": "OnboardTitle",
167
- "attributes": {
168
- "color": "#080A17"
169
- },
170
- "children": "onboard.title.three-page"
171
- },
172
- {
173
- "type": "OnboardSubtitle",
174
- "attributes": {
175
- "color": "#272737"
176
- },
177
- "children": "onboard.subtitle.three-page"
178
- }
179
- ]
180
- },
181
- {
182
- "type": "OnboardItem",
183
- "key": "app_onboard-page4",
184
- "children": [
185
- {
186
- "type": "OnboardImage",
187
- "attributes": {
188
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
189
- "height": 400,
190
- "resizeMode": "contain"
191
- },
192
- "children": null
193
- },
194
- {
195
- "type": "OnboardTitle",
196
- "attributes": {
197
- "color": "#080A17"
198
- },
199
- "children": "onboard.title.five-page"
200
- },
201
- {
202
- "type": "OnboardSubtitle",
203
- "attributes": {
204
- "color": "#272737"
205
- },
206
- "children": "onboard.subtitle.five-page"
207
- }
208
- ]
97
+ "type": "OnboardImage",
98
+ "attributes": {
99
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png",
100
+ "height": 400,
101
+ "resizeMode": "contain",
102
+ "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json"
103
+ }
209
104
  },
210
105
  {
211
- "type": "OnboardItem",
212
- "key": "app_onboard-page6",
213
- "children": [
214
- {
215
- "type": "OnboardImage",
216
- "attributes": {
217
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png",
218
- "height": 400,
219
- "resizeMode": "contain"
220
- },
221
- "children": null
222
- },
223
- {
224
- "type": "OnboardTitle",
225
- "attributes": {
226
- "color": "#080A17"
227
- },
228
- "children": "onboard.title.six-page"
229
- },
230
- {
231
- "type": "OnboardSubtitle",
232
- "attributes": {
233
- "color": "#272737"
234
- },
235
- "children": "onboard.subtitle.six-page"
236
- }
237
- ]
106
+ "type": "OnboardTitle",
107
+ "attributes": {
108
+ "color": "#080A17"
109
+ },
110
+ "children": "onboard.title.one-page"
238
111
  },
239
112
  {
240
- "type": "OnboardItem",
241
- "key": "app_onboard-page5",
242
- "children": [
243
- {
244
- "type": "OnboardImage",
245
- "attributes": {
246
- "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png",
247
- "height": 400,
248
- "resizeMode": "contain"
249
- },
250
- "children": null
251
- },
252
- {
253
- "type": "OnboardTitle",
254
- "attributes": {
255
- "color": "#080A17"
256
- },
257
- "children": "onboard.title.four-page"
258
- },
259
- {
260
- "type": "OnboardSubtitle",
261
- "attributes": {
262
- "color": "#272737"
263
- },
264
- "children": "onboard.subtitle.four-page"
265
- }
266
- ]
113
+ "type": "OnboardSubtitle",
114
+ "attributes": {
115
+ "color": "#272737"
116
+ },
117
+ "children": "onboard.subtitle.one-page"
267
118
  }
268
119
  ]
269
120
  },
270
121
  {
271
- "type": "OnboardDot",
272
- "attributes": {
273
- "dotType": "expanding_dot",
274
- "expanding_dot_width": 20
275
- },
276
- "children": null
277
- },
278
- {
279
- "type": "OnboardButtons",
280
- "attributes": {
281
- "buttons_direction": "row",
282
- "condition": "carousel-index",
283
- "conditionVariable": 0
284
- },
122
+ "type": "OnboardItem",
123
+ "key": "app_onboard-page2",
285
124
  "children": [
286
125
  {
287
- "type": "OnboardButton",
126
+ "type": "OnboardImage",
127
+ "attributes": {
128
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
129
+ "height": 400,
130
+ "resizeMode": "contain",
131
+ "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4"
132
+ }
133
+ },
134
+ {
135
+ "type": "OnboardTitle",
288
136
  "attributes": {
289
- "labelKey": "onboard.skip.one-page",
290
- "button_text_color": "#0450E2",
291
- "button_background_color": "#E9EBF9",
292
- "flex": 1,
293
- "events": [
294
- {
295
- "type": "Navigate",
296
- "targetIndex": 3
297
- }
298
- ]
137
+ "color": "#080A17"
299
138
  },
300
- "children": null
139
+ "children": "onboard.title.two-page"
301
140
  },
302
141
  {
303
- "type": "OnboardButton",
142
+ "type": "OnboardSubtitle",
304
143
  "attributes": {
305
- "labelKey": "onboard.next.one-page",
306
- "button_text_color": "#ffffff",
307
- "button_background_color": "#0450E2",
308
- "flex": 1,
309
- "events": [
310
- {
311
- "type": "Navigate",
312
- "targetIndex": 1
313
- }
314
- ]
144
+ "color": "#272737"
315
145
  },
316
- "children": null
146
+ "children": "onboard.subtitle.two-page"
317
147
  }
318
148
  ]
319
149
  },
320
150
  {
321
- "type": "OnboardButtons",
322
- "attributes": {
323
- "buttons_direction": "row",
324
- "condition": "carousel-index",
325
- "conditionVariable": 1
326
- },
151
+ "type": "OnboardItem",
152
+ "key": "app_onboard-page3",
327
153
  "children": [
328
154
  {
329
- "type": "OnboardButton",
155
+ "type": "OnboardImage",
156
+ "attributes": {
157
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png",
158
+ "height": 400,
159
+ "resizeMode": "contain"
160
+ }
161
+ },
162
+ {
163
+ "type": "OnboardTitle",
330
164
  "attributes": {
331
- "labelKey": "onboard.skip.two-page",
332
- "button_text_color": "#0450E2",
333
- "button_background_color": "#E9EBF9",
334
- "flex": 1,
335
- "events": [
336
- {
337
- "type": "Navigate",
338
- "targetIndex": 3
339
- }
340
- ]
165
+ "color": "#080A17"
341
166
  },
342
- "children": null
167
+ "children": "onboard.title.three-page"
343
168
  },
344
169
  {
345
- "type": "OnboardButton",
170
+ "type": "OnboardSubtitle",
346
171
  "attributes": {
347
- "labelKey": "onboard.next.two-page",
348
- "button_text_color": "#ffffff",
349
- "button_background_color": "#0450E2",
350
- "flex": 1,
351
- "events": [
352
- {
353
- "type": "Navigate",
354
- "targetIndex": 2
355
- }
356
- ]
172
+ "color": "#272737"
357
173
  },
358
- "children": null
174
+ "children": "onboard.subtitle.three-page"
359
175
  }
360
176
  ]
361
177
  },
362
178
  {
363
- "type": "OnboardButtons",
364
- "attributes": {
365
- "buttons_direction": "row",
366
- "condition": "carousel-index",
367
- "conditionVariable": 2
368
- },
179
+ "type": "OnboardItem",
180
+ "key": "app_onboard-page4",
369
181
  "children": [
370
182
  {
371
- "type": "OnboardButton",
183
+ "type": "OnboardImage",
372
184
  "attributes": {
373
- "labelKey": "onboard.skip.three-page",
374
- "button_text_color": "#0450E2",
375
- "button_background_color": "#E9EBF9",
376
- "flex": 1,
377
- "events": [
378
- {
379
- "type": "Navigate",
380
- "targetIndex": 3
381
- }
382
- ]
185
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
186
+ "height": 400,
187
+ "resizeMode": "contain"
188
+ }
189
+ },
190
+ {
191
+ "type": "OnboardTitle",
192
+ "attributes": {
193
+ "color": "#080A17"
383
194
  },
384
- "children": null
195
+ "children": "onboard.title.five-page"
385
196
  },
386
197
  {
387
- "type": "OnboardButton",
198
+ "type": "OnboardSubtitle",
388
199
  "attributes": {
389
- "labelKey": "onboard.next.three-page",
390
- "button_text_color": "#ffffff",
391
- "button_background_color": "#0450E2",
392
- "flex": 1,
393
- "events": [
394
- {
395
- "type": "Navigate",
396
- "targetIndex": 3
397
- }
398
- ]
200
+ "color": "#272737"
399
201
  },
400
- "children": null
202
+ "children": "onboard.subtitle.five-page"
401
203
  }
402
204
  ]
403
205
  },
404
206
  {
405
- "type": "OnboardButtons",
406
- "attributes": {
407
- "buttons_direction": "row",
408
- "condition": "carousel-index",
409
- "conditionVariable": 3
410
- },
207
+ "type": "OnboardItem",
208
+ "key": "app_onboard-page6",
411
209
  "children": [
412
210
  {
413
- "type": "OnboardButton",
211
+ "type": "OnboardImage",
212
+ "attributes": {
213
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png",
214
+ "height": 400,
215
+ "resizeMode": "contain"
216
+ }
217
+ },
218
+ {
219
+ "type": "OnboardTitle",
414
220
  "attributes": {
415
- "labelKey": "onboard.skip.five-page",
416
- "button_text_color": "#0450E2",
417
- "button_background_color": "#E9EBF9",
418
- "flex": 1,
419
- "events": [
420
- {
421
- "type": "Navigate",
422
- "targetIndex": 4
423
- }
424
- ]
221
+ "color": "#080A17"
425
222
  },
426
- "children": null
223
+ "children": "onboard.title.six-page"
427
224
  },
428
225
  {
429
- "type": "OnboardButton",
226
+ "type": "OnboardSubtitle",
430
227
  "attributes": {
431
- "labelKey": "onboard.next.five-page",
432
- "button_text_color": "#ffffff",
433
- "button_background_color": "#0450E2",
434
- "flex": 1,
435
- "events": [
436
- {
437
- "type": "Permission",
438
- "permission": "GDPR"
439
- },
440
- {
441
- "type": "Navigate",
442
- "targetIndex": 4
443
- }
444
- ]
228
+ "color": "#272737"
445
229
  },
446
- "children": null
230
+ "children": "onboard.subtitle.six-page"
447
231
  }
448
232
  ]
449
233
  },
450
234
  {
451
- "type": "OnboardButtons",
452
- "attributes": {
453
- "buttons_direction": "row",
454
- "condition": "carousel-index",
455
- "conditionVariable": 4
456
- },
235
+ "type": "OnboardItem",
236
+ "key": "app_onboard-page5",
457
237
  "children": [
458
238
  {
459
- "type": "OnboardButton",
239
+ "type": "OnboardImage",
240
+ "attributes": {
241
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png",
242
+ "height": 400,
243
+ "resizeMode": "contain"
244
+ }
245
+ },
246
+ {
247
+ "type": "OnboardTitle",
460
248
  "attributes": {
461
- "labelKey": "onboard.skip.five-page",
462
- "button_text_color": "#0450E2",
463
- "button_background_color": "#E9EBF9",
464
- "flex": 1,
465
- "events": [
466
- {
467
- "type": "Navigate",
468
- "targetIndex": 5
469
- }
470
- ]
249
+ "color": "#080A17"
471
250
  },
472
- "children": null
251
+ "children": "onboard.title.four-page"
473
252
  },
474
253
  {
475
- "type": "OnboardButton",
254
+ "type": "OnboardSubtitle",
476
255
  "attributes": {
477
- "labelKey": "onboard.next.five-page",
478
- "button_text_color": "#ffffff",
479
- "button_background_color": "#0450E2",
480
- "flex": 1,
481
- "events": [
482
- {
483
- "type": "Permission",
484
- "permission": "rating"
485
- },
486
- {
487
- "type": "Navigate",
488
- "targetIndex": 5
489
- }
490
- ]
256
+ "color": "#272737"
491
257
  },
492
- "children": null
258
+ "children": "onboard.subtitle.four-page"
493
259
  }
494
260
  ]
261
+ }
262
+ ]
263
+ },
264
+ {
265
+ "type": "OnboardDot",
266
+ "attributes": {
267
+ "dotType": "expanding_dot",
268
+ "expanding_dot_width": 20
269
+ }
270
+ },
271
+ {
272
+ "type": "OnboardButtons",
273
+ "attributes": {
274
+ "buttons_direction": "row",
275
+ "condition": "carousel-index",
276
+ "conditionVariable": 0
277
+ },
278
+ "children": [
279
+ {
280
+ "type": "OnboardButton",
281
+ "attributes": {
282
+ "labelKey": "onboard.skip.one-page",
283
+ "button_text_color": "#0450E2",
284
+ "button_background_color": "#E9EBF9",
285
+ "flex": 1,
286
+ "events": [
287
+ {
288
+ "type": "Navigate",
289
+ "navigate_to": null,
290
+ "targetIndex": 3
291
+ }
292
+ ]
293
+ }
495
294
  },
496
295
  {
497
- "type": "OnboardButtons",
296
+ "type": "OnboardButton",
498
297
  "attributes": {
499
- "buttons_direction": "row",
500
- "condition": "carousel-index",
501
- "conditionVariable": 5
502
- },
503
- "children": [
504
- {
505
- "type": "OnboardButton",
506
- "attributes": {
507
- "labelKey": "onboard.allow.four-page",
508
- "button_text_color": "#ffffff",
509
- "button_background_color": "#0450E2",
510
- "flex": 1,
511
- "events": [
512
- {
513
- "type": "Permission",
514
- "permission": "notification"
515
- },
516
- {
517
- "type": "Navigate",
518
- "navigate_to": "subscriptions"
519
- }
520
- ]
298
+ "labelKey": "onboard.next.one-page",
299
+ "button_text_color": "#ffffff",
300
+ "button_background_color": "#0450E2",
301
+ "flex": 1,
302
+ "events": [
303
+ {
304
+ "type": "Navigate",
305
+ "navigate_to": null,
306
+ "targetIndex": 1
307
+ }
308
+ ]
309
+ }
310
+ }
311
+ ]
312
+ },
313
+ {
314
+ "type": "OnboardButtons",
315
+ "attributes": {
316
+ "buttons_direction": "row",
317
+ "condition": "carousel-index",
318
+ "conditionVariable": 1
319
+ },
320
+ "children": [
321
+ {
322
+ "type": "OnboardButton",
323
+ "attributes": {
324
+ "labelKey": "onboard.skip.two-page",
325
+ "button_text_color": "#0450E2",
326
+ "button_background_color": "#E9EBF9",
327
+ "flex": 1,
328
+ "events": [
329
+ {
330
+ "type": "Navigate",
331
+ "navigate_to": null,
332
+ "targetIndex": 3
333
+ }
334
+ ]
335
+ }
336
+ },
337
+ {
338
+ "type": "OnboardButton",
339
+ "attributes": {
340
+ "labelKey": "onboard.next.two-page",
341
+ "button_text_color": "#ffffff",
342
+ "button_background_color": "#0450E2",
343
+ "flex": 1,
344
+ "events": [
345
+ {
346
+ "type": "Navigate",
347
+ "navigate_to": null,
348
+ "targetIndex": 2
349
+ }
350
+ ]
351
+ }
352
+ }
353
+ ]
354
+ },
355
+ {
356
+ "type": "OnboardButtons",
357
+ "attributes": {
358
+ "buttons_direction": "row",
359
+ "condition": "carousel-index",
360
+ "conditionVariable": 2
361
+ },
362
+ "children": [
363
+ {
364
+ "type": "OnboardButton",
365
+ "attributes": {
366
+ "labelKey": "onboard.skip.three-page",
367
+ "button_text_color": "#0450E2",
368
+ "button_background_color": "#E9EBF9",
369
+ "flex": 1,
370
+ "events": [
371
+ {
372
+ "type": "Navigate",
373
+ "navigate_to": null,
374
+ "targetIndex": 3
375
+ }
376
+ ]
377
+ }
378
+ },
379
+ {
380
+ "type": "OnboardButton",
381
+ "attributes": {
382
+ "labelKey": "onboard.next.three-page",
383
+ "button_text_color": "#ffffff",
384
+ "button_background_color": "#0450E2",
385
+ "flex": 1,
386
+ "events": [
387
+ {
388
+ "type": "Navigate",
389
+ "navigate_to": null,
390
+ "targetIndex": 3
391
+ }
392
+ ]
393
+ }
394
+ }
395
+ ]
396
+ },
397
+ {
398
+ "type": "OnboardButtons",
399
+ "attributes": {
400
+ "buttons_direction": "row",
401
+ "condition": "carousel-index",
402
+ "conditionVariable": 3
403
+ },
404
+ "children": [
405
+ {
406
+ "type": "OnboardButton",
407
+ "attributes": {
408
+ "labelKey": "onboard.skip.five-page",
409
+ "button_text_color": "#0450E2",
410
+ "button_background_color": "#E9EBF9",
411
+ "flex": 1,
412
+ "events": [
413
+ {
414
+ "type": "Navigate",
415
+ "navigate_to": null,
416
+ "targetIndex": 4
417
+ }
418
+ ]
419
+ }
420
+ },
421
+ {
422
+ "type": "OnboardButton",
423
+ "attributes": {
424
+ "labelKey": "onboard.next.five-page",
425
+ "button_text_color": "#ffffff",
426
+ "button_background_color": "#0450E2",
427
+ "flex": 1,
428
+ "events": [
429
+ {
430
+ "type": "Permission",
431
+ "permission": "GDPR"
521
432
  },
522
- "children": null
523
- }
524
- ]
433
+ {
434
+ "type": "Navigate",
435
+ "navigate_to": null,
436
+ "targetIndex": 4
437
+ }
438
+ ]
439
+ }
440
+ }
441
+ ]
442
+ },
443
+ {
444
+ "type": "OnboardButtons",
445
+ "attributes": {
446
+ "buttons_direction": "row",
447
+ "condition": "carousel-index",
448
+ "conditionVariable": 4
449
+ },
450
+ "children": [
451
+ {
452
+ "type": "OnboardButton",
453
+ "attributes": {
454
+ "labelKey": "onboard.skip.five-page",
455
+ "button_text_color": "#0450E2",
456
+ "button_background_color": "#E9EBF9",
457
+ "flex": 1,
458
+ "events": [
459
+ {
460
+ "type": "Navigate",
461
+ "navigate_to": null,
462
+ "targetIndex": 5
463
+ }
464
+ ]
465
+ }
525
466
  },
526
467
  {
527
- "type": "OnboardFooter",
468
+ "type": "OnboardButton",
528
469
  "attributes": {
529
- "gap": 8,
530
- "textLocalizationKey": "view.onboarding.footer.description",
531
- "textColor": "#A2A4B1",
532
- "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
533
- "linkedWordFirstColor": "#0450E2",
534
- "linkedWordFirstPage": "privacy",
535
- "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
536
- "linkedWordSecondColor": "#0450E2",
537
- "linkedWordSecondPage": "terms"
538
- },
539
- "children": null
470
+ "labelKey": "onboard.next.five-page",
471
+ "button_text_color": "#ffffff",
472
+ "button_background_color": "#0450E2",
473
+ "flex": 1,
474
+ "events": [
475
+ {
476
+ "type": "Permission",
477
+ "permission": "rating"
478
+ },
479
+ {
480
+ "type": "Navigate",
481
+ "navigate_to": null,
482
+ "targetIndex": 5
483
+ }
484
+ ]
485
+ }
540
486
  }
541
487
  ]
488
+ },
489
+ {
490
+ "type": "OnboardButtons",
491
+ "attributes": {
492
+ "buttons_direction": "row",
493
+ "condition": "carousel-index",
494
+ "conditionVariable": 5
495
+ },
496
+ "children": [
497
+ {
498
+ "type": "OnboardButton",
499
+ "attributes": {
500
+ "labelKey": "onboard.allow.four-page",
501
+ "button_text_color": "#ffffff",
502
+ "button_background_color": "#0450E2",
503
+ "flex": 1,
504
+ "events": [
505
+ {
506
+ "type": "Permission",
507
+ "permission": "notification"
508
+ },
509
+ {
510
+ "type": "Navigate",
511
+ "navigate_to": "subscriptions"
512
+ }
513
+ ]
514
+ }
515
+ }
516
+ ]
517
+ },
518
+ {
519
+ "type": "OnboardFooter",
520
+ "attributes": {
521
+ "gap": 8,
522
+ "textLocalizationKey": "view.onboarding.footer.description",
523
+ "textColor": "#A2A4B1",
524
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
525
+ "linkedWordFirstColor": "#0450E2",
526
+ "linkedWordFirstPage": "privacy",
527
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
528
+ "linkedWordSecondColor": "#0450E2",
529
+ "linkedWordSecondPage": "terms"
530
+ }
531
+ }
532
+ ],
533
+ "attributes": {
534
+ "theme": "all"
535
+ }
542
536
  }
543
537
  ]
544
538
  }