@developer_tribe/react-builder 0.1.31 → 1.1.0

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 (102) hide show
  1. package/dist/DeviceMockFrame.d.ts +1 -17
  2. package/dist/RenderPage.d.ts +1 -9
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +2 -1
  4. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +2 -1
  5. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +2 -1
  6. package/dist/build-components/Image/ImageProps.generated.d.ts +2 -1
  7. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +8 -4
  8. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +6 -3
  9. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -1
  10. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +10 -5
  11. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +4 -1
  12. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +4 -2
  13. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +10 -5
  14. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +10 -5
  15. package/dist/build-components/Text/TextProps.generated.d.ts +10 -5
  16. package/dist/build-components/View/ViewProps.generated.d.ts +6 -3
  17. package/dist/build-components/index.d.ts +1 -0
  18. package/dist/build-components/patterns.generated.d.ts +7 -2
  19. package/dist/components/AttributesEditorPanel.d.ts +9 -0
  20. package/dist/components/Breadcrumb.d.ts +13 -0
  21. package/dist/components/Builder.d.ts +9 -0
  22. package/dist/components/EditorHeader.d.ts +15 -0
  23. package/dist/index.cjs.js +7 -4
  24. package/dist/index.cjs.js.map +1 -0
  25. package/dist/index.d.ts +5 -4
  26. package/dist/index.esm.js +7 -4
  27. package/dist/index.esm.js.map +1 -0
  28. package/dist/pages/ProjectPage.d.ts +9 -0
  29. package/dist/pages/tabs/BuilderTab.d.ts +9 -0
  30. package/dist/pages/tabs/DebugTab.d.ts +7 -0
  31. package/dist/pages/tabs/PreviewTab.d.ts +3 -0
  32. package/dist/store.d.ts +8 -18
  33. package/dist/styles.css +1 -1
  34. package/dist/types/PreviewConfig.d.ts +6 -3
  35. package/dist/types/Project.d.ts +2 -2
  36. package/dist/utils/copyNode.d.ts +2 -0
  37. package/package.json +17 -9
  38. package/scripts/prebuild/utils/createBuildComponentsIndex.js +15 -1
  39. package/scripts/prebuild/utils/createGeneratedProps.js +64 -5
  40. package/src/DeviceMockFrame.tsx +20 -31
  41. package/src/RenderPage.tsx +3 -38
  42. package/src/assets/images/android.svg +43 -0
  43. package/src/assets/images/apple.svg +16 -0
  44. package/src/assets/images/background.jpg +0 -0
  45. package/src/assets/samples/carousel-sample.json +2 -3
  46. package/src/assets/samples/getSamples.ts +51 -8
  47. package/src/assets/samples/simple-1.json +1 -2
  48. package/src/assets/samples/simple-2.json +1 -2
  49. package/src/assets/samples/vpn-onboard-1.json +1 -2
  50. package/src/assets/samples/vpn-onboard-2.json +1 -2
  51. package/src/assets/samples/vpn-onboard-3.json +1 -2
  52. package/src/assets/samples/vpn-onboard-4.json +1 -2
  53. package/src/assets/samples/vpn-onboard-5.json +1024 -0
  54. package/src/assets/samples/vpn-onboard-6.json +708 -0
  55. package/src/build-components/Button/ButtonProps.generated.ts +14 -12
  56. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +6 -1
  57. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +9 -7
  58. package/src/build-components/Image/ImageProps.generated.ts +3 -1
  59. package/src/build-components/OnboardButton/OnboardButton.tsx +5 -4
  60. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +14 -9
  61. package/src/build-components/OnboardButton/pattern.json +3 -2
  62. package/src/build-components/OnboardButtons/OnboardButtons.tsx +5 -7
  63. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +10 -3
  64. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +9 -7
  65. package/src/build-components/OnboardFooter/OnboardFooter.tsx +3 -3
  66. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +33 -22
  67. package/src/build-components/OnboardImage/OnboardImage.tsx +24 -1
  68. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +5 -1
  69. package/src/build-components/OnboardImage/pattern.json +3 -5
  70. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +5 -2
  71. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +33 -22
  72. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +33 -22
  73. package/src/build-components/Text/Text.tsx +3 -3
  74. package/src/build-components/Text/TextProps.generated.ts +33 -22
  75. package/src/build-components/View/ViewProps.generated.ts +18 -9
  76. package/src/build-components/index.ts +22 -0
  77. package/src/build-components/patterns.generated.ts +7 -2
  78. package/src/components/AttributesEditorPanel.tsx +110 -0
  79. package/src/components/Breadcrumb.tsx +46 -0
  80. package/src/components/Builder.tsx +270 -0
  81. package/src/components/EditorHeader.tsx +184 -0
  82. package/src/index.ts +5 -4
  83. package/src/pages/ProjectPage.tsx +112 -0
  84. package/src/pages/tabs/BuilderTab.tsx +31 -0
  85. package/src/pages/tabs/DebugTab.tsx +21 -0
  86. package/src/pages/tabs/PreviewTab.tsx +192 -0
  87. package/src/size-matters/index.ts +5 -1
  88. package/src/store.ts +26 -38
  89. package/src/styles/_mixins.scss +21 -0
  90. package/src/styles/_variables.scss +27 -0
  91. package/src/styles/builder.scss +60 -0
  92. package/src/styles/components.scss +88 -0
  93. package/src/styles/editor.scss +174 -0
  94. package/src/styles/global.scss +200 -0
  95. package/src/styles/index.scss +7 -0
  96. package/src/styles/pages.scss +2 -0
  97. package/src/types/PreviewConfig.ts +14 -5
  98. package/src/types/Project.ts +2 -2
  99. package/src/utils/copyNode.ts +7 -0
  100. package/src/utils/extractTextStyle.ts +4 -2
  101. package/src/utils/getDevices.ts +1 -0
  102. package/src/utils/novaToJson.ts +5 -0
package/src/assets/samples/vpn-onboard-6.json ADDED
@@ -0,0 +1,708 @@
1
+ {
2
+ "name": "vpn-onboard-6 (legacy)",
3
+ "version": "0.0.0",
4
+ "type": "nova",
5
+ "appConfig": {
6
+ "theme": "dark",
7
+ "isRtl": false,
8
+ "screenStyle": {
9
+ "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
10
+ "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
11
+ },
12
+ "localication": {
13
+ "en": {
14
+ "onboard.title.one-page": "One Page",
15
+ "onboard.title.one-page2": "One Page",
16
+ "onboard.title.two-page": "Two Page",
17
+ "onboard.title.two-page2": "Two Page",
18
+ "onboard.title.three-page": "Three Page",
19
+ "onboard.title.three-page2": "Three Page",
20
+ "onboard.title.four-page": "Four Page",
21
+ "onboard.title.four-page2": "Four Page",
22
+ "onboard.subtitle.one-page": "One Page",
23
+ "onboard.subtitle.one-page2": "One Page",
24
+ "onboard.subtitle.two-page": "Two Page",
25
+ "onboard.subtitle.two-page2": "Two Page",
26
+ "onboard.subtitle.three-page": "Three Page",
27
+ "onboard.subtitle.three-page2": "Three Page",
28
+ "onboard.subtitle.four-page": "Four Page",
29
+ "onboard.subtitle.four-page2": "Four Page",
30
+ "onboard.next.one-page": "Next",
31
+ "onboard.next.two-page": "Next",
32
+ "onboard.next.three-page": "Next",
33
+ "onboard.skip.one-page": "Skip",
34
+ "onboard.skip.two-page": "Skip",
35
+ "onboard.skip.three-page": "Skip",
36
+ "onboard.allow.four-page": "Allow",
37
+ "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
38
+ "view.onboarding.btnPrivacy": "Privacy",
39
+ "view.onboarding.btnTerms": "Terms"
40
+ },
41
+ "ar": {
42
+ "onboard.title.one-page": " العربية",
43
+ "onboard.title.one-page2": " العربية",
44
+ "onboard.title.two-page": " العربية",
45
+ "onboard.title.two-page2": " العربية",
46
+ "onboard.title.three-page": " العربية",
47
+ "onboard.title.three-page2": " العربية",
48
+ "onboard.title.four-page": " العربية",
49
+ "onboard.title.four-page2": " العربية",
50
+ "onboard.subtitle.one-page": " العربية",
51
+ "onboard.subtitle.one-page2": " العربية",
52
+ "onboard.subtitle.two-page": " العربية",
53
+ "onboard.subtitle.two-page2": " العربية",
54
+ "onboard.subtitle.three-page": " العربية",
55
+ "onboard.subtitle.three-page2": " العربية",
56
+ "onboard.subtitle.four-page": " العربية",
57
+ "onboard.subtitle.four-page2": " العربية",
58
+ "onboard.next.one-page": "التالي",
59
+ "onboard.next.two-page": "التالي",
60
+ "onboard.next.three-page": "التالي",
61
+ "onboard.skip.one-page": "تخطي",
62
+ "onboard.skip.two-page": "تخطي",
63
+ "onboard.skip.three-page": "تخطي",
64
+ "onboard.allow.four-page": "السماح",
65
+ "view.onboarding.footer.description": "بالمتابعة فإنك توافق على",
66
+ "view.onboarding.btnPrivacy": "الخصوصية",
67
+ "view.onboarding.btnTerms": "الشروط"
68
+ }
69
+ },
70
+ "defaultLanguage": "en"
71
+ },
72
+ "data": {
73
+ "name": "app_onboard1",
74
+ "key": "app_onboard",
75
+ "theme": "dark",
76
+ "order": 3,
77
+ "data": {
78
+ "layout": "onboard-layout",
79
+ "key": "cJVVSS7q9Qe1trnb",
80
+ "attributes": {
81
+ "use_safe_area_inset": true,
82
+ "general_components": [
83
+ {
84
+ "layout": "dots-layout",
85
+ "key": "cdNahru8m9BDyVr9",
86
+ "attributes": {
87
+ "position": "before_buttons",
88
+ "dots_type": "Dots Type Info",
89
+ "dot": [
90
+ {
91
+ "layout": "expanding_dot",
92
+ "key": "ctWoX6jkgKy1nNGQ",
93
+ "attributes": {
94
+ "inactive_dot_opacity": null,
95
+ "expanding_dot_width": "20",
96
+ "dot_style": null,
97
+ "container_style": null,
98
+ "active_dot_color": null
99
+ }
100
+ }
101
+ ],
102
+ "styles": []
103
+ }
104
+ },
105
+ {
106
+ "layout": "footer-layout",
107
+ "key": "cgOl0PVI66a51Xr3",
108
+ "attributes": {
109
+ "texts": [
110
+ {
111
+ "layout": "Text",
112
+ "key": "cAqUfPg1uA4PjtmV",
113
+ "attributes": {
114
+ "text_localization_key": "view.onboarding.footer.description",
115
+ "text_color": "#81838F",
116
+ "width": null,
117
+ "linkedwords": [
118
+ {
119
+ "layout": "LinkedWords",
120
+ "key": "c0wJnbvQu8vLB0BJ",
121
+ "attributes": {
122
+ "linked_word_localization_key": "view.onboarding.btnPrivacy",
123
+ "linked_word_color": "#0450E2",
124
+ "page": "privacy"
125
+ }
126
+ },
127
+ {
128
+ "layout": "LinkedWords",
129
+ "key": "cyoIya4E71u4OHWq",
130
+ "attributes": {
131
+ "linked_word_localization_key": "view.onboarding.btnTerms",
132
+ "linked_word_color": "#0450E2",
133
+ "page": "terms"
134
+ }
135
+ }
136
+ ],
137
+ "styles": []
138
+ }
139
+ }
140
+ ]
141
+ }
142
+ }
143
+ ],
144
+ "data": [
145
+ {
146
+ "layout": "simple-onboard-layout",
147
+ "key": "cQcJZFJji41pTo1Q",
148
+ "attributes": {
149
+ "key": "app_onboard-page1",
150
+ "components": [
151
+ {
152
+ "layout": "image-layout",
153
+ "key": "cXoQJuJ7cxH4s64I",
154
+ "attributes": {
155
+ "is_bg_image": false,
156
+ "height": "400",
157
+ "styles": [
158
+ {
159
+ "layout": "style-layout",
160
+ "key": "c5j5kKdUlw2FPgpj",
161
+ "attributes": {
162
+ "styles": [
163
+ {
164
+ "layout": "Styles",
165
+ "key": "c2wx1diAfvoO73UE",
166
+ "attributes": {
167
+ "type": "containerStyle",
168
+ "style": {
169
+ "marginTop": 40
170
+ }
171
+ }
172
+ }
173
+ ]
174
+ }
175
+ }
176
+ ],
177
+ "android_height": "400",
178
+ "ios_height": "400",
179
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/9cb1d668b3724655f93a91e5eee771c5.png"
180
+ }
181
+ },
182
+ {
183
+ "layout": "title-layout",
184
+ "key": "cDhqeMQJnHwrKDWx",
185
+ "attributes": {
186
+ "title_localization_key": "onboard.title.one-page",
187
+ "title_color": "#F4F5FF",
188
+ "coloredwords": [],
189
+ "styles": [],
190
+ "number_of_lines": "2",
191
+ "adaptive_font_size": false
192
+ }
193
+ },
194
+ {
195
+ "layout": "subtitle-layout",
196
+ "key": "cNXYD8CPZaJoOKjR",
197
+ "attributes": {
198
+ "subtitle_localization_key": "onboard.subtitle.one-page",
199
+ "subtitle_color": "#DBDDEB",
200
+ "subtitle_font": null,
201
+ "styles": []
202
+ }
203
+ },
204
+ {
205
+ "layout": "Buttons",
206
+ "key": "cWgBUJIek4XF9XfH",
207
+ "attributes": {
208
+ "buttons_direction": "row",
209
+ "buttons": [
210
+ {
211
+ "layout": "skip-button-layout",
212
+ "key": "cG54WG2pH8LVehkt",
213
+ "attributes": {
214
+ "flex": "1",
215
+ "button_text_localization_key": "onboard.skip.one-page",
216
+ "button_text_color": "#0450E2",
217
+ "is_transparant_bg": false,
218
+ "button_background_color": "#161827",
219
+ "actions": [
220
+ {
221
+ "layout": "action-layout",
222
+ "key": "cxo62SYr15CFXzWj",
223
+ "attributes": {
224
+ "events": [
225
+ {
226
+ "layout": "Navigate",
227
+ "key": "cLhVLu0pR5E3OuHk",
228
+ "attributes": {
229
+ "next_page_key": "app_onboard-page4",
230
+ "if_allowed_this_permissions": null,
231
+ "if_not_allowed_this_permissions": null,
232
+ "navigate_backward": null,
233
+ "close_button_delay": null
234
+ }
235
+ }
236
+ ]
237
+ }
238
+ }
239
+ ],
240
+ "styles": [],
241
+ "animation": null,
242
+ "animation_color": null
243
+ }
244
+ },
245
+ {
246
+ "layout": "button-layout",
247
+ "key": "c8r6biKAKhGKBZXn",
248
+ "attributes": {
249
+ "show_text": true,
250
+ "button_text_localization_key": "onboard.next.one-page",
251
+ "is_passive_button": false,
252
+ "flex": "1",
253
+ "show_icon": false,
254
+ "icons": [],
255
+ "actions": [
256
+ {
257
+ "layout": "action-layout",
258
+ "key": "c7fcavpy1HpWKAHU",
259
+ "attributes": {
260
+ "events": [
261
+ {
262
+ "layout": "Navigate",
263
+ "key": "cEgzPBOiNNrbshp5",
264
+ "attributes": {
265
+ "next_page_key": "app_onboard-page2",
266
+ "if_allowed_this_permissions": null,
267
+ "if_not_allowed_this_permissions": null,
268
+ "navigate_backward": null,
269
+ "close_button_delay": null
270
+ }
271
+ }
272
+ ]
273
+ }
274
+ }
275
+ ],
276
+ "styles": [],
277
+ "button_text_color": "#FFFFFF",
278
+ "button_background_color": "#0450E2",
279
+ "animation": null,
280
+ "animation_color": null
281
+ }
282
+ }
283
+ ]
284
+ }
285
+ }
286
+ ],
287
+ "min_android_version": null
288
+ }
289
+ },
290
+ {
291
+ "layout": "simple-onboard-layout",
292
+ "key": "crIFXHKvOoOdLFbc",
293
+ "attributes": {
294
+ "key": "app_onboard-page2",
295
+ "components": [
296
+ {
297
+ "layout": "image-layout",
298
+ "key": "crGN7ZD9Al0KDbyO",
299
+ "attributes": {
300
+ "is_bg_image": false,
301
+ "height": "400",
302
+ "styles": [
303
+ {
304
+ "layout": "style-layout",
305
+ "key": "ctLDm5bItpLEGj67",
306
+ "attributes": {
307
+ "styles": [
308
+ {
309
+ "layout": "Styles",
310
+ "key": "cjvTMl0iVyMoSLJX",
311
+ "attributes": {
312
+ "type": "containerStyle",
313
+ "style": {
314
+ "marginTop": 40
315
+ }
316
+ }
317
+ }
318
+ ]
319
+ }
320
+ }
321
+ ],
322
+ "android_height": "400",
323
+ "ios_height": "400",
324
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/f8d0c64bf89cc5f2f14126d0544ba174.png"
325
+ }
326
+ },
327
+ {
328
+ "layout": "title-layout",
329
+ "key": "cSlHcp6WVRGdj233",
330
+ "attributes": {
331
+ "title_localization_key": "onboard.title.two-page",
332
+ "title_color": "#F4F5FF",
333
+ "coloredwords": [],
334
+ "styles": [],
335
+ "number_of_lines": "2",
336
+ "adaptive_font_size": false
337
+ }
338
+ },
339
+ {
340
+ "layout": "subtitle-layout",
341
+ "key": "ciJuUH1g7kHrcZDq",
342
+ "attributes": {
343
+ "subtitle_localization_key": "onboard.subtitle.two-page",
344
+ "subtitle_color": "#DBDDEB",
345
+ "subtitle_font": null,
346
+ "styles": []
347
+ }
348
+ },
349
+ {
350
+ "layout": "Buttons",
351
+ "key": "cSDr8RbSvsWaHgVS",
352
+ "attributes": {
353
+ "buttons_direction": "row",
354
+ "buttons": [
355
+ {
356
+ "layout": "skip-button-layout",
357
+ "key": "cl9p09wdxNez5TmI",
358
+ "attributes": {
359
+ "flex": "1",
360
+ "button_text_localization_key": "onboard.skip.two-page",
361
+ "button_text_color": "#0450E2",
362
+ "is_transparant_bg": false,
363
+ "button_background_color": "#161827",
364
+ "actions": [
365
+ {
366
+ "layout": "action-layout",
367
+ "key": "cOARcdUyemgWucuS",
368
+ "attributes": {
369
+ "events": [
370
+ {
371
+ "layout": "Navigate",
372
+ "key": "cdF9gJjTW63M4S3c",
373
+ "attributes": {
374
+ "next_page_key": "app_onboard-page4",
375
+ "if_allowed_this_permissions": null,
376
+ "if_not_allowed_this_permissions": null,
377
+ "navigate_backward": null,
378
+ "close_button_delay": null
379
+ }
380
+ }
381
+ ]
382
+ }
383
+ }
384
+ ],
385
+ "styles": [],
386
+ "animation": null,
387
+ "animation_color": null
388
+ }
389
+ },
390
+ {
391
+ "layout": "button-layout",
392
+ "key": "cC9C4xf7Kwnryduw",
393
+ "attributes": {
394
+ "show_text": true,
395
+ "button_text_localization_key": "onboard.next.two-page",
396
+ "is_passive_button": false,
397
+ "flex": "1",
398
+ "show_icon": false,
399
+ "icons": [],
400
+ "actions": [
401
+ {
402
+ "layout": "action-layout",
403
+ "key": "cO0ZNlY08Wa33OUp",
404
+ "attributes": {
405
+ "events": [
406
+ {
407
+ "layout": "Navigate",
408
+ "key": "cOwrXBiSMDOXAARa",
409
+ "attributes": {
410
+ "next_page_key": "app_onboard-page3",
411
+ "if_allowed_this_permissions": null,
412
+ "if_not_allowed_this_permissions": null,
413
+ "navigate_backward": null,
414
+ "close_button_delay": null
415
+ }
416
+ }
417
+ ]
418
+ }
419
+ }
420
+ ],
421
+ "styles": [],
422
+ "button_text_color": "#FFFFFF",
423
+ "button_background_color": "#0450E2",
424
+ "animation": null,
425
+ "animation_color": null
426
+ }
427
+ }
428
+ ]
429
+ }
430
+ }
431
+ ],
432
+ "min_android_version": null
433
+ }
434
+ },
435
+ {
436
+ "layout": "simple-onboard-layout",
437
+ "key": "cRcBQOfcmficdPUY",
438
+ "attributes": {
439
+ "key": "app_onboard-page3",
440
+ "components": [
441
+ {
442
+ "layout": "image-layout",
443
+ "key": "chWqWfotZ42DTHkU",
444
+ "attributes": {
445
+ "is_bg_image": false,
446
+ "height": "400",
447
+ "styles": [
448
+ {
449
+ "layout": "style-layout",
450
+ "key": "cjqEEYogrLEzZRtY",
451
+ "attributes": {
452
+ "styles": [
453
+ {
454
+ "layout": "Styles",
455
+ "key": "c5PHmIfw5M0ncTMb",
456
+ "attributes": {
457
+ "type": "containerStyle",
458
+ "style": {
459
+ "marginTop": 40
460
+ }
461
+ }
462
+ }
463
+ ]
464
+ }
465
+ }
466
+ ],
467
+ "android_height": "400",
468
+ "ios_height": "400",
469
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ad823809885c1a2a8e4632039f35a94e.png"
470
+ }
471
+ },
472
+ {
473
+ "layout": "title-layout",
474
+ "key": "cc69aqukeCYi6zuO",
475
+ "attributes": {
476
+ "title_localization_key": "onboard.title.three-page",
477
+ "title_color": "#F4F5FF",
478
+ "coloredwords": [],
479
+ "styles": [],
480
+ "number_of_lines": "2",
481
+ "adaptive_font_size": false
482
+ }
483
+ },
484
+ {
485
+ "layout": "subtitle-layout",
486
+ "key": "cNtG6fvLNACSZliB",
487
+ "attributes": {
488
+ "subtitle_localization_key": "onboard.subtitle.three-page",
489
+ "subtitle_color": "#DBDDEB",
490
+ "subtitle_font": null,
491
+ "styles": []
492
+ }
493
+ },
494
+ {
495
+ "layout": "Buttons",
496
+ "key": "cRNaL0iEMtwOMqVT",
497
+ "attributes": {
498
+ "buttons_direction": "row",
499
+ "buttons": [
500
+ {
501
+ "layout": "skip-button-layout",
502
+ "key": "c70LtlMO3Nv6Cgb4",
503
+ "attributes": {
504
+ "flex": "1",
505
+ "button_text_localization_key": "onboard.skip.three-page",
506
+ "button_text_color": "#0450E2",
507
+ "is_transparant_bg": false,
508
+ "button_background_color": "#161827",
509
+ "actions": [
510
+ {
511
+ "layout": "action-layout",
512
+ "key": "cmLkX9THQz0n5cmC",
513
+ "attributes": {
514
+ "events": [
515
+ {
516
+ "layout": "Navigate",
517
+ "key": "cUsGGKCMR6jtd041",
518
+ "attributes": {
519
+ "next_page_key": "app_onboard-page4",
520
+ "if_allowed_this_permissions": null,
521
+ "if_not_allowed_this_permissions": null,
522
+ "navigate_backward": null,
523
+ "close_button_delay": null
524
+ }
525
+ }
526
+ ]
527
+ }
528
+ }
529
+ ],
530
+ "styles": [],
531
+ "animation": null,
532
+ "animation_color": null
533
+ }
534
+ },
535
+ {
536
+ "layout": "button-layout",
537
+ "key": "cFjtaB6BOUV3Ip29",
538
+ "attributes": {
539
+ "show_text": true,
540
+ "button_text_localization_key": "onboard.next.three-page",
541
+ "is_passive_button": false,
542
+ "flex": "1",
543
+ "show_icon": false,
544
+ "icons": [],
545
+ "actions": [
546
+ {
547
+ "layout": "action-layout",
548
+ "key": "cWnCp8SEvoozyzHt",
549
+ "attributes": {
550
+ "events": [
551
+ {
552
+ "layout": "Permission",
553
+ "key": "cuBXgAPhZi9KjP9e",
554
+ "attributes": {
555
+ "permission": "rating"
556
+ }
557
+ },
558
+ {
559
+ "layout": "Navigate",
560
+ "key": "cuDh9kCby5zuxxM2",
561
+ "attributes": {
562
+ "next_page_key": "app_onboard-page4",
563
+ "if_allowed_this_permissions": null,
564
+ "if_not_allowed_this_permissions": null,
565
+ "navigate_backward": null,
566
+ "close_button_delay": null
567
+ }
568
+ }
569
+ ]
570
+ }
571
+ }
572
+ ],
573
+ "styles": [],
574
+ "button_text_color": "#FFFFFF",
575
+ "button_background_color": "#0450E2",
576
+ "animation": null,
577
+ "animation_color": null
578
+ }
579
+ }
580
+ ]
581
+ }
582
+ }
583
+ ],
584
+ "min_android_version": null
585
+ }
586
+ },
587
+ {
588
+ "layout": "simple-onboard-layout",
589
+ "key": "cvF8znA2sZJvJKV5",
590
+ "attributes": {
591
+ "key": "app_onboard-page4",
592
+ "components": [
593
+ {
594
+ "layout": "image-layout",
595
+ "key": "cmw7qmHSA52Mttez",
596
+ "attributes": {
597
+ "is_bg_image": false,
598
+ "height": "400",
599
+ "styles": [
600
+ {
601
+ "layout": "style-layout",
602
+ "key": "clFXKiPX8Zc5DZa9",
603
+ "attributes": {
604
+ "styles": [
605
+ {
606
+ "layout": "Styles",
607
+ "key": "cPLa5Mzc2mMNHcVS",
608
+ "attributes": {
609
+ "type": "containerStyle",
610
+ "style": {
611
+ "marginTop": 40
612
+ }
613
+ }
614
+ }
615
+ ]
616
+ }
617
+ }
618
+ ],
619
+ "android_height": "400",
620
+ "ios_height": "400",
621
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ede1705c51f3434ae9053ed5f29bf5dd.png"
622
+ }
623
+ },
624
+ {
625
+ "layout": "title-layout",
626
+ "key": "cMW4PNcuTdZKSngn",
627
+ "attributes": {
628
+ "title_localization_key": "onboard.title.four-page",
629
+ "title_color": "#F4F5FF",
630
+ "coloredwords": [],
631
+ "styles": [],
632
+ "number_of_lines": "2",
633
+ "adaptive_font_size": false
634
+ }
635
+ },
636
+ {
637
+ "layout": "subtitle-layout",
638
+ "key": "ccpicN327gsRyFJp",
639
+ "attributes": {
640
+ "subtitle_localization_key": "onboard.subtitle.four-page",
641
+ "subtitle_color": "#DBDDEB",
642
+ "subtitle_font": null,
643
+ "styles": []
644
+ }
645
+ },
646
+ {
647
+ "layout": "Buttons",
648
+ "key": "cdm2DIT7kD4SvwxW",
649
+ "attributes": {
650
+ "buttons_direction": "row",
651
+ "buttons": [
652
+ {
653
+ "layout": "button-layout",
654
+ "key": "cc4zDTvmHh5AhjTr",
655
+ "attributes": {
656
+ "show_text": true,
657
+ "button_text_localization_key": "onboard.allow.four-page",
658
+ "is_passive_button": false,
659
+ "flex": "1",
660
+ "show_icon": false,
661
+ "icons": [],
662
+ "actions": [
663
+ {
664
+ "layout": "action-layout",
665
+ "key": "cab9Uvd4nqeUA4Hb",
666
+ "attributes": {
667
+ "events": [
668
+ {
669
+ "layout": "Permission",
670
+ "key": "cW6WWySokxpYwV9w",
671
+ "attributes": {
672
+ "permission": "notification"
673
+ }
674
+ },
675
+ {
676
+ "layout": "Navigate",
677
+ "key": "cBdaRtFk5Iqo1FGu",
678
+ "attributes": {
679
+ "next_page_key": "subscriptions",
680
+ "if_allowed_this_permissions": null,
681
+ "if_not_allowed_this_permissions": null,
682
+ "navigate_backward": "home",
683
+ "close_button_delay": null
684
+ }
685
+ }
686
+ ]
687
+ }
688
+ }
689
+ ],
690
+ "styles": [],
691
+ "button_text_color": "#FFFFFF",
692
+ "button_background_color": "#0450E2",
693
+ "animation": null,
694
+ "animation_color": null
695
+ }
696
+ }
697
+ ]
698
+ }
699
+ }
700
+ ],
701
+ "min_android_version": "12"
702
+ }
703
+ }
704
+ ]
705
+ }
706
+ }
707
+ }
708
+ }