@developer_tribe/react-builder 1.0.5 → 1.0.6

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 (66) hide show
  1. package/dist/build-components/index.d.ts +1 -2
  2. package/dist/build-components/patterns.generated.d.ts +56 -439
  3. package/dist/components/AttributesEditorPanel.d.ts +2 -2
  4. package/dist/components/BottomBar.d.ts +8 -0
  5. package/dist/components/Checkbox.d.ts +1 -1
  6. package/dist/components/LoadingComponent.d.ts +1 -0
  7. package/dist/components/MobilePanelToggleButton.d.ts +8 -0
  8. package/dist/hooks/useMinimumDelay.d.ts +7 -0
  9. package/dist/hooks/useMobileEditorPanels.d.ts +12 -0
  10. package/dist/hooks/useSyncProjectPageStore.d.ts +15 -0
  11. package/dist/index.cjs.js +3 -3
  12. package/dist/index.cjs.js.map +1 -1
  13. package/dist/index.esm.js +3 -3
  14. package/dist/index.esm.js.map +1 -1
  15. package/dist/index.native.cjs.js +1 -1
  16. package/dist/index.native.cjs.js.map +1 -1
  17. package/dist/index.native.esm.js +4 -4
  18. package/dist/index.native.esm.js.map +1 -1
  19. package/dist/modals/ScreenColorsModal.d.ts +8 -0
  20. package/dist/modals/index.d.ts +1 -0
  21. package/dist/pages/tabs/BuilderPanel.d.ts +2 -2
  22. package/dist/store.d.ts +6 -0
  23. package/dist/styles.css +1 -1
  24. package/dist/utils/nodeTree.d.ts +5 -0
  25. package/package.json +1 -1
  26. package/src/RenderPage.tsx +4 -1
  27. package/src/assets/samples/carousel-sample.json +99 -81
  28. package/src/assets/samples/simple-1.json +8 -2
  29. package/src/assets/samples/simple-2.json +36 -9
  30. package/src/assets/samples/vpn-onboard-1.json +27 -23
  31. package/src/assets/samples/vpn-onboard-2.json +279 -275
  32. package/src/assets/samples/vpn-onboard-3.json +247 -246
  33. package/src/assets/samples/vpn-onboard-4.json +247 -246
  34. package/src/assets/samples/vpn-onboard-5.json +375 -369
  35. package/src/assets/samples/vpn-onboard-6.json +252 -248
  36. package/src/build-components/RenderNode.generated.tsx +0 -7
  37. package/src/build-components/View/pattern.json +2 -2
  38. package/src/build-components/index.ts +0 -5
  39. package/src/build-components/patterns.generated.ts +56 -455
  40. package/src/components/AttributesEditorPanel.tsx +12 -8
  41. package/src/components/BottomBar.tsx +236 -0
  42. package/src/components/EditorHeader.tsx +11 -4
  43. package/src/components/LoadingComponent.tsx +10 -0
  44. package/src/components/MobilePanelToggleButton.tsx +39 -0
  45. package/src/hooks/useMinimumDelay.ts +20 -0
  46. package/src/hooks/useMobileEditorPanels.ts +56 -0
  47. package/src/hooks/useSyncProjectPageStore.ts +40 -0
  48. package/src/modals/ScreenColorsModal.tsx +115 -0
  49. package/src/modals/index.ts +1 -0
  50. package/src/pages/ProjectPage.tsx +53 -243
  51. package/src/pages/tabs/BuilderPanel.tsx +14 -8
  52. package/src/store.ts +10 -6
  53. package/src/styles/base/_global.scss +12 -4
  54. package/src/styles/components/_attributes-editor.scss +9 -1
  55. package/src/styles/components/_bottom-bar.scss +113 -0
  56. package/src/styles/components/_editor-shell.scss +0 -19
  57. package/src/styles/index.scss +1 -0
  58. package/src/utils/analyseNodeByPatterns.ts +15 -0
  59. package/src/utils/nodeTree.ts +99 -0
  60. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts +0 -5
  61. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts +0 -50
  62. package/dist/pages/tabs/SideTool.d.ts +0 -8
  63. package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx +0 -10
  64. package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts +0 -77
  65. package/src/build-components/PaywallSubscriButton/pattern.json +0 -27
  66. package/src/pages/tabs/SideTool.tsx +0 -253
package/src/assets/samples/vpn-onboard-5.json CHANGED
@@ -85,454 +85,460 @@
85
85
  "children": [
86
86
  {
87
87
  "type": "OnboardProvider",
88
- "children": [
89
- {
90
- "type": "Onboard",
91
88
  "children": [
92
89
  {
93
- "type": "OnboardItem",
94
- "key": "app_onboard-page1",
90
+ "type": "Onboard",
95
91
  "children": [
96
92
  {
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
- }
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
+ ]
104
121
  },
105
122
  {
106
- "type": "OnboardTitle",
107
- "attributes": {
108
- "color": "#080A17"
109
- },
110
- "children": "onboard.title.one-page"
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
+ ]
111
151
  },
112
152
  {
113
- "type": "OnboardSubtitle",
114
- "attributes": {
115
- "color": "#272737"
116
- },
117
- "children": "onboard.subtitle.one-page"
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
+ ]
209
+ },
210
+ {
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
+ ]
238
+ },
239
+ {
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
+ ]
118
267
  }
119
268
  ]
120
269
  },
121
270
  {
122
- "type": "OnboardItem",
123
- "key": "app_onboard-page2",
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
+ },
124
285
  "children": [
125
286
  {
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",
287
+ "type": "OnboardButton",
136
288
  "attributes": {
137
- "color": "#080A17"
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
+ ]
138
299
  },
139
- "children": "onboard.title.two-page"
300
+ "children": null
140
301
  },
141
302
  {
142
- "type": "OnboardSubtitle",
303
+ "type": "OnboardButton",
143
304
  "attributes": {
144
- "color": "#272737"
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
+ ]
145
315
  },
146
- "children": "onboard.subtitle.two-page"
316
+ "children": null
147
317
  }
148
318
  ]
149
319
  },
150
320
  {
151
- "type": "OnboardItem",
152
- "key": "app_onboard-page3",
321
+ "type": "OnboardButtons",
322
+ "attributes": {
323
+ "buttons_direction": "row",
324
+ "condition": "carousel-index",
325
+ "conditionVariable": 1
326
+ },
153
327
  "children": [
154
328
  {
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",
329
+ "type": "OnboardButton",
164
330
  "attributes": {
165
- "color": "#080A17"
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
+ ]
166
341
  },
167
- "children": "onboard.title.three-page"
342
+ "children": null
168
343
  },
169
344
  {
170
- "type": "OnboardSubtitle",
345
+ "type": "OnboardButton",
171
346
  "attributes": {
172
- "color": "#272737"
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
+ ]
173
357
  },
174
- "children": "onboard.subtitle.three-page"
358
+ "children": null
175
359
  }
176
360
  ]
177
361
  },
178
362
  {
179
- "type": "OnboardItem",
180
- "key": "app_onboard-page4",
363
+ "type": "OnboardButtons",
364
+ "attributes": {
365
+ "buttons_direction": "row",
366
+ "condition": "carousel-index",
367
+ "conditionVariable": 2
368
+ },
181
369
  "children": [
182
370
  {
183
- "type": "OnboardImage",
371
+ "type": "OnboardButton",
184
372
  "attributes": {
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"
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
+ ]
194
383
  },
195
- "children": "onboard.title.five-page"
384
+ "children": null
196
385
  },
197
386
  {
198
- "type": "OnboardSubtitle",
387
+ "type": "OnboardButton",
199
388
  "attributes": {
200
- "color": "#272737"
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
+ ]
201
399
  },
202
- "children": "onboard.subtitle.five-page"
400
+ "children": null
203
401
  }
204
402
  ]
205
403
  },
206
404
  {
207
- "type": "OnboardItem",
208
- "key": "app_onboard-page6",
405
+ "type": "OnboardButtons",
406
+ "attributes": {
407
+ "buttons_direction": "row",
408
+ "condition": "carousel-index",
409
+ "conditionVariable": 3
410
+ },
209
411
  "children": [
210
412
  {
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",
413
+ "type": "OnboardButton",
220
414
  "attributes": {
221
- "color": "#080A17"
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
+ ]
222
425
  },
223
- "children": "onboard.title.six-page"
426
+ "children": null
224
427
  },
225
428
  {
226
- "type": "OnboardSubtitle",
429
+ "type": "OnboardButton",
227
430
  "attributes": {
228
- "color": "#272737"
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
+ ]
229
445
  },
230
- "children": "onboard.subtitle.six-page"
446
+ "children": null
231
447
  }
232
448
  ]
233
449
  },
234
450
  {
235
- "type": "OnboardItem",
236
- "key": "app_onboard-page5",
451
+ "type": "OnboardButtons",
452
+ "attributes": {
453
+ "buttons_direction": "row",
454
+ "condition": "carousel-index",
455
+ "conditionVariable": 4
456
+ },
237
457
  "children": [
238
458
  {
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",
459
+ "type": "OnboardButton",
248
460
  "attributes": {
249
- "color": "#080A17"
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
+ ]
250
471
  },
251
- "children": "onboard.title.four-page"
472
+ "children": null
252
473
  },
253
474
  {
254
- "type": "OnboardSubtitle",
475
+ "type": "OnboardButton",
255
476
  "attributes": {
256
- "color": "#272737"
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
+ ]
257
491
  },
258
- "children": "onboard.subtitle.four-page"
492
+ "children": null
259
493
  }
260
494
  ]
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
- }
294
- },
295
- {
296
- "type": "OnboardButton",
297
- "attributes": {
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
495
  },
421
496
  {
422
- "type": "OnboardButton",
497
+ "type": "OnboardButtons",
423
498
  "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"
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
+ ]
432
521
  },
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
- }
522
+ "children": null
523
+ }
524
+ ]
466
525
  },
467
526
  {
468
- "type": "OnboardButton",
527
+ "type": "OnboardFooter",
469
528
  "attributes": {
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
- }
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
486
540
  }
487
541
  ]
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
- }
536
542
  }
537
543
  ]
538
544
  }