@developer_tribe/react-builder 0.1.0 → 0.1.2

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 (107) hide show
  1. package/package.json +4 -2
  2. package/scripts/build-components.js +550 -0
  3. package/scripts/prebuild.js +11 -0
  4. package/src/AttributesEditor.tsx +107 -0
  5. package/src/RenderMainNode.tsx +37 -0
  6. package/src/RenderPage.tsx +61 -0
  7. package/src/assets/devices.json +730 -0
  8. package/src/assets/samples/carousel-sample.json +108 -0
  9. package/src/assets/samples/getSamples.ts +28 -0
  10. package/src/assets/samples/simple-1.json +46 -0
  11. package/src/assets/samples/simple-2.json +233 -0
  12. package/src/assets/samples/vpn-onboard-1.json +799 -0
  13. package/src/assets/samples/vpn-onboard-2.json +790 -0
  14. package/src/assets/samples/vpn-onboard-3.json +803 -0
  15. package/src/assets/samples/vpn-onboard-4.json +804 -0
  16. package/src/build-components/Button/Button.tsx +13 -0
  17. package/src/build-components/Button/ButtonProps.generated.ts +21 -0
  18. package/src/build-components/Button/ButtonProps.ts +3 -0
  19. package/src/build-components/Button/pattern.json +25 -0
  20. package/src/build-components/Carousel/Carousel.tsx +27 -0
  21. package/src/build-components/Carousel/CarouselProps.generated.ts +6 -0
  22. package/src/build-components/Carousel/CarouselProps.ts +3 -0
  23. package/src/build-components/Carousel/pattern.json +9 -0
  24. package/src/build-components/CarouselButtons/CarouselButtons.tsx +47 -0
  25. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +9 -0
  26. package/src/build-components/CarouselButtons/CarouselButtonsProps.ts +3 -0
  27. package/src/build-components/CarouselButtons/pattern.json +12 -0
  28. package/src/build-components/CarouselDots/CarouselDots.tsx +40 -0
  29. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +14 -0
  30. package/src/build-components/CarouselDots/CarouselDotsProps.ts +3 -0
  31. package/src/build-components/CarouselDots/pattern.json +18 -0
  32. package/src/build-components/CarouselItem/CarouselItem.tsx +18 -0
  33. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +6 -0
  34. package/src/build-components/CarouselItem/CarouselItemProps.ts +3 -0
  35. package/src/build-components/CarouselItem/pattern.json +9 -0
  36. package/src/build-components/CarouselProvider/CarouselProvider.tsx +26 -0
  37. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +6 -0
  38. package/src/build-components/CarouselProvider/CarouselProviderProps.ts +3 -0
  39. package/src/build-components/CarouselProvider/pattern.json +9 -0
  40. package/src/build-components/Image/Image.tsx +35 -0
  41. package/src/build-components/Image/ImageProps.generated.ts +12 -0
  42. package/src/build-components/Image/ImageProps.ts +3 -0
  43. package/src/build-components/Image/pattern.json +15 -0
  44. package/src/build-components/Onboard/Onboard.tsx +14 -0
  45. package/src/build-components/Onboard/OnboardProps.generated.ts +6 -0
  46. package/src/build-components/Onboard/OnboardProps.ts +3 -0
  47. package/src/build-components/Onboard/pattern.json +9 -0
  48. package/src/build-components/OnboardBoardTitle/OnboardBoardTitle.tsx +28 -0
  49. package/src/build-components/OnboardBoardTitle/OnboardBoardTitleProps.generated.ts +21 -0
  50. package/src/build-components/OnboardBoardTitle/OnboardBoardTitleProps.ts +4 -0
  51. package/src/build-components/OnboardBoardTitle/pattern.json +25 -0
  52. package/src/build-components/OnboardButton/OnboardButton.tsx +59 -0
  53. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +13 -0
  54. package/src/build-components/OnboardButton/OnboardButtonProps.ts +3 -0
  55. package/src/build-components/OnboardButton/pattern.json +16 -0
  56. package/src/build-components/OnboardButtons/OnboardButtons.tsx +76 -0
  57. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +12 -0
  58. package/src/build-components/OnboardButtons/OnboardButtonsProps.ts +3 -0
  59. package/src/build-components/OnboardButtons/pattern.json +15 -0
  60. package/src/build-components/OnboardExpandingDot/OnboardExpandingDot.tsx +14 -0
  61. package/src/build-components/OnboardExpandingDot/OnboardExpandingDotProps.generated.ts +14 -0
  62. package/src/build-components/OnboardExpandingDot/OnboardExpandingDotProps.ts +4 -0
  63. package/src/build-components/OnboardExpandingDot/pattern.json +18 -0
  64. package/src/build-components/OnboardFooter/OnboardFooter.tsx +13 -0
  65. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +24 -0
  66. package/src/build-components/OnboardFooter/OnboardFooterProps.ts +3 -0
  67. package/src/build-components/OnboardFooter/pattern.json +28 -0
  68. package/src/build-components/OnboardImage/OnboardImage.tsx +14 -0
  69. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +12 -0
  70. package/src/build-components/OnboardImage/OnboardImageProps.ts +3 -0
  71. package/src/build-components/OnboardImage/pattern.json +15 -0
  72. package/src/build-components/OnboardItem/OnboardItem.tsx +29 -0
  73. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +6 -0
  74. package/src/build-components/OnboardItem/OnboardItemProps.ts +3 -0
  75. package/src/build-components/OnboardItem/pattern.json +9 -0
  76. package/src/build-components/OnboardProvider/OnboardProvider.tsx +65 -0
  77. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +6 -0
  78. package/src/build-components/OnboardProvider/OnboardProviderProps.ts +3 -0
  79. package/src/build-components/OnboardProvider/pattern.json +9 -0
  80. package/src/build-components/OnboardSubtitle/OnboardSubtitle.tsx +28 -0
  81. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +21 -0
  82. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.ts +3 -0
  83. package/src/build-components/OnboardSubtitle/pattern.json +25 -0
  84. package/src/build-components/RenderNode.generated.tsx +97 -0
  85. package/src/build-components/Text/Text.tsx +23 -0
  86. package/src/build-components/Text/TextProps.generated.ts +21 -0
  87. package/src/build-components/Text/TextProps.ts +3 -0
  88. package/src/build-components/Text/pattern.json +26 -0
  89. package/src/build-components/View/View.tsx +62 -0
  90. package/src/build-components/View/ViewProps.generated.ts +24 -0
  91. package/src/build-components/View/ViewProps.ts +3 -0
  92. package/src/build-components/View/pattern.json +28 -0
  93. package/src/build-components/other.ts +6 -0
  94. package/src/index.ts +24 -0
  95. package/src/styles/index.scss +114 -0
  96. package/src/types/Device.ts +12 -0
  97. package/src/types/Node.ts +19 -0
  98. package/src/types/PreviewConfig.ts +19 -0
  99. package/src/types/Project.ts +11 -0
  100. package/src/types/TargetedScreenSize.ts +4 -0
  101. package/src/utils/analyseNode.ts +77 -0
  102. package/src/utils/generateRandomKeyForNode.ts +3 -0
  103. package/src/utils/getDevices.ts +6 -0
  104. package/src/utils/isCarousel.ts +36 -0
  105. package/src/utils/isOnboard.ts +54 -0
  106. package/src/utils/novaToJson.ts +254 -0
  107. package/src/utils/patterns.ts +63 -0
@@ -0,0 +1,803 @@
1
+ {
2
+ "name": "vpn-onboard-3 (legacy)",
3
+ "version": "0.0.0",
4
+ "previewConfig": {
5
+ "theme": "light",
6
+ "screenSize": { "width": 375, "height": 812 },
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": "Light TextCall Onboard - 2",
74
+ "key": "app_onboard_ab_classic",
75
+ "theme": "light",
76
+ "order": 7,
77
+ "data": {
78
+ "layout": "onboard-layout",
79
+ "key": "ckcw0WXRY8sNR2SF",
80
+ "attributes": {
81
+ "use_safe_area_inset": true,
82
+ "general_components": [
83
+ {
84
+ "layout": "dots-layout",
85
+ "key": "cGCRrFJjSzYghZ4Q",
86
+ "attributes": {
87
+ "position": "before_buttons",
88
+ "dots_type": "Dots Type Info",
89
+ "dot": [
90
+ {
91
+ "layout": "expanding_dot",
92
+ "key": "cgk7eew2LNqwIfdl",
93
+ "attributes": {
94
+ "inactive_dot_opacity": null,
95
+ "active_dot_color": null,
96
+ "expanding_dot_width": null,
97
+ "dot_style": null,
98
+ "container_style": null
99
+ }
100
+ }
101
+ ],
102
+ "styles": []
103
+ }
104
+ },
105
+ {
106
+ "layout": "footer-layout",
107
+ "key": "cqkMhW1f0q0tDK1r",
108
+ "attributes": {
109
+ "texts": [
110
+ {
111
+ "layout": "Text",
112
+ "key": "cAxC6cU3U9i1jxTq",
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": "cLISLCL0ybiWxpze",
121
+ "attributes": {
122
+ "linked_word_localization_key": "view.onboarding.btnPrivacy",
123
+ "linked_word_color": "#81838F",
124
+ "page": "privacy"
125
+ }
126
+ },
127
+ {
128
+ "layout": "LinkedWords",
129
+ "key": "ccsI2OTvUzQJLo6g",
130
+ "attributes": {
131
+ "linked_word_localization_key": "view.onboarding.btnTerms",
132
+ "linked_word_color": "#81838F",
133
+ "page": "terms"
134
+ }
135
+ }
136
+ ],
137
+ "styles": []
138
+ }
139
+ }
140
+ ]
141
+ }
142
+ }
143
+ ],
144
+ "data": [
145
+ {
146
+ "layout": "simple-onboard-layout",
147
+ "key": "cFxlMJ99IXCFJfba",
148
+ "attributes": {
149
+ "key": "app_onboard-page1",
150
+ "min_android_version": null,
151
+ "components": [
152
+ {
153
+ "layout": "title-layout",
154
+ "key": "cEgDUYy0F2959VoY",
155
+ "attributes": {
156
+ "title_localization_key": "onboard.title.one-page2",
157
+ "number_of_lines": "2",
158
+ "adaptive_font_size": false,
159
+ "title_color": "#12131A",
160
+ "coloredwords": [],
161
+ "styles": [
162
+ {
163
+ "layout": "style-layout",
164
+ "key": "cIflKK6zz4926DQA",
165
+ "attributes": {
166
+ "styles": [
167
+ {
168
+ "layout": "Styles",
169
+ "key": "cXGRCly7sTM1wPXp",
170
+ "attributes": {
171
+ "type": "textStyle",
172
+ "style": {
173
+ "textAlign": "center",
174
+ "marginTop": 40
175
+ }
176
+ }
177
+ }
178
+ ]
179
+ }
180
+ }
181
+ ]
182
+ }
183
+ },
184
+ {
185
+ "layout": "image-layout",
186
+ "key": "cd3LFLBcjBfEz90D",
187
+ "attributes": {
188
+ "is_bg_image": false,
189
+ "height": "350",
190
+ "android_height": "350",
191
+ "ios_height": "350",
192
+ "styles": [],
193
+ "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/c68cca84580d6920c883c220e57346c0.jpg"
194
+ }
195
+ },
196
+ {
197
+ "layout": "subtitle-layout",
198
+ "key": "cumoZTMcp3Ewdgtq",
199
+ "attributes": {
200
+ "subtitle_localization_key": "onboard.subtitle.one-page2",
201
+ "subtitle_color": "#44454D",
202
+ "subtitle_font": null,
203
+ "styles": [
204
+ {
205
+ "layout": "style-layout",
206
+ "key": "c8iENqCAEKDzSNEq",
207
+ "attributes": {
208
+ "styles": [
209
+ {
210
+ "layout": "Styles",
211
+ "key": "cRjElXN8FhsCbwbt",
212
+ "attributes": {
213
+ "type": "textStyle",
214
+ "style": {
215
+ "textAlign": "center",
216
+ "fontSize": 16
217
+ }
218
+ }
219
+ }
220
+ ]
221
+ }
222
+ }
223
+ ]
224
+ }
225
+ },
226
+ {
227
+ "layout": "Buttons",
228
+ "key": "cQgWwz7oN0lXiGnV",
229
+ "attributes": {
230
+ "buttons_direction": "row",
231
+ "buttons": [
232
+ {
233
+ "layout": "skip-button-layout",
234
+ "key": "cmbJYRjfh25VI7pA",
235
+ "attributes": {
236
+ "flex": "1",
237
+ "button_text_localization_key": "onboard.skip.one-page",
238
+ "button_text_color": "#81838F",
239
+ "is_transparant_bg": false,
240
+ "button_background_color": "#ffffff00",
241
+ "actions": [
242
+ {
243
+ "layout": "action-layout",
244
+ "key": "c8fR08Jp0GWJtW4U",
245
+ "attributes": {
246
+ "events": [
247
+ {
248
+ "layout": "Navigate",
249
+ "key": "cGFaKCTZ6RkGAKw7",
250
+ "attributes": {
251
+ "next_page_key": "app_onboard-page4",
252
+ "if_allowed_this_permissions": null,
253
+ "if_not_allowed_this_permissions": null,
254
+ "navigate_backward": null,
255
+ "close_button_delay": null
256
+ }
257
+ }
258
+ ]
259
+ }
260
+ }
261
+ ],
262
+ "styles": [],
263
+ "animation": null,
264
+ "animation_color": null
265
+ }
266
+ },
267
+ {
268
+ "layout": "button-layout",
269
+ "key": "cBx6we1fBvBHNCdM",
270
+ "attributes": {
271
+ "show_text": true,
272
+ "button_text_localization_key": "onboard.next.one-page",
273
+ "is_passive_button": false,
274
+ "flex": "1",
275
+ "button_text_color": "#FFFFFF",
276
+ "button_background_color": "#0066FF",
277
+ "show_icon": false,
278
+ "icons": [],
279
+ "actions": [
280
+ {
281
+ "layout": "action-layout",
282
+ "key": "cqC2H6ygkjzKj1TW",
283
+ "attributes": {
284
+ "events": [
285
+ {
286
+ "layout": "Navigate",
287
+ "key": "cMmDIAW9MAUNcPQA",
288
+ "attributes": {
289
+ "next_page_key": "app_onboard-page2",
290
+ "if_allowed_this_permissions": null,
291
+ "if_not_allowed_this_permissions": null,
292
+ "navigate_backward": null,
293
+ "close_button_delay": null
294
+ }
295
+ }
296
+ ]
297
+ }
298
+ }
299
+ ],
300
+ "styles": [],
301
+ "animation": null,
302
+ "animation_color": null
303
+ }
304
+ }
305
+ ]
306
+ }
307
+ }
308
+ ]
309
+ }
310
+ },
311
+ {
312
+ "layout": "simple-onboard-layout",
313
+ "key": "cgh6jEnSF0m2MrAE",
314
+ "attributes": {
315
+ "key": "app_onboard-page2",
316
+ "min_android_version": null,
317
+ "components": [
318
+ {
319
+ "layout": "title-layout",
320
+ "key": "cuIDsIKqy8wnkxWO",
321
+ "attributes": {
322
+ "title_localization_key": "onboard.title.two-page2",
323
+ "number_of_lines": "2",
324
+ "adaptive_font_size": false,
325
+ "title_color": "#12131A",
326
+ "coloredwords": [],
327
+ "styles": [
328
+ {
329
+ "layout": "style-layout",
330
+ "key": "c1wm3B4Avb8ewdwB",
331
+ "attributes": {
332
+ "styles": [
333
+ {
334
+ "layout": "Styles",
335
+ "key": "cS5KY2wak36qZ7Po",
336
+ "attributes": {
337
+ "type": "textStyle",
338
+ "style": {
339
+ "textAlign": "center",
340
+ "marginTop": 40
341
+ }
342
+ }
343
+ }
344
+ ]
345
+ }
346
+ }
347
+ ]
348
+ }
349
+ },
350
+ {
351
+ "layout": "image-layout",
352
+ "key": "c0uaSOOOFSldTX3O",
353
+ "attributes": {
354
+ "is_bg_image": false,
355
+ "height": "350",
356
+ "android_height": "350",
357
+ "ios_height": "350",
358
+ "styles": []
359
+ }
360
+ },
361
+ {
362
+ "layout": "subtitle-layout",
363
+ "key": "cJUPKqGxDQLJhF3r",
364
+ "attributes": {
365
+ "subtitle_localization_key": "onboard.subtitle.two-page",
366
+ "subtitle_color": "#44454D",
367
+ "subtitle_font": null,
368
+ "styles": [
369
+ {
370
+ "layout": "style-layout",
371
+ "key": "cjgSBQCcdIHlgqAL",
372
+ "attributes": {
373
+ "styles": [
374
+ {
375
+ "layout": "Styles",
376
+ "key": "cRmpdFLYvNtRBrjZ",
377
+ "attributes": {
378
+ "type": "textStyle",
379
+ "style": {
380
+ "textAlign": "center",
381
+ "fontSize": 16
382
+ }
383
+ }
384
+ }
385
+ ]
386
+ }
387
+ }
388
+ ]
389
+ }
390
+ },
391
+ {
392
+ "layout": "Buttons",
393
+ "key": "chGpEveV4xybUQje",
394
+ "attributes": {
395
+ "buttons_direction": "row",
396
+ "buttons": [
397
+ {
398
+ "layout": "skip-button-layout",
399
+ "key": "cdjnq57fneiIxBd2",
400
+ "attributes": {
401
+ "flex": "1",
402
+ "button_text_localization_key": "onboard.skip.two-page",
403
+ "button_text_color": "#81838F",
404
+ "is_transparant_bg": false,
405
+ "button_background_color": "#ffffff00",
406
+ "actions": [
407
+ {
408
+ "layout": "action-layout",
409
+ "key": "c8XixwmhiXnhSWJN",
410
+ "attributes": {
411
+ "events": [
412
+ {
413
+ "layout": "Permission",
414
+ "key": "cBsbZMsU90ojXQqO",
415
+ "attributes": {
416
+ "permission": "att"
417
+ }
418
+ },
419
+ {
420
+ "layout": "Navigate",
421
+ "key": "c3ByPHQlA5V0EDfL",
422
+ "attributes": {
423
+ "next_page_key": "app_onboard-page4",
424
+ "if_allowed_this_permissions": null,
425
+ "if_not_allowed_this_permissions": null,
426
+ "navigate_backward": null,
427
+ "close_button_delay": null
428
+ }
429
+ }
430
+ ]
431
+ }
432
+ }
433
+ ],
434
+ "styles": [],
435
+ "animation": null,
436
+ "animation_color": null
437
+ }
438
+ },
439
+ {
440
+ "layout": "button-layout",
441
+ "key": "cQEeZInlfh7u3vXB",
442
+ "attributes": {
443
+ "show_text": true,
444
+ "button_text_localization_key": "onboard.next.two-page",
445
+ "is_passive_button": false,
446
+ "flex": "1",
447
+ "button_text_color": "#FFFFFF",
448
+ "button_background_color": "#0066FF",
449
+ "show_icon": false,
450
+ "icons": [],
451
+ "actions": [
452
+ {
453
+ "layout": "action-layout",
454
+ "key": "cmu069qysyrgassB",
455
+ "attributes": {
456
+ "events": [
457
+ {
458
+ "layout": "Permission",
459
+ "key": "c4hcnecQIMrouWCy",
460
+ "attributes": {
461
+ "permission": "att"
462
+ }
463
+ },
464
+ {
465
+ "layout": "Navigate",
466
+ "key": "cxHcZeIJBXHmR779",
467
+ "attributes": {
468
+ "next_page_key": "app_onboard-page3",
469
+ "if_allowed_this_permissions": null,
470
+ "if_not_allowed_this_permissions": null,
471
+ "navigate_backward": null,
472
+ "close_button_delay": null
473
+ }
474
+ }
475
+ ]
476
+ }
477
+ }
478
+ ],
479
+ "styles": [],
480
+ "animation": null,
481
+ "animation_color": null
482
+ }
483
+ }
484
+ ]
485
+ }
486
+ }
487
+ ]
488
+ }
489
+ },
490
+ {
491
+ "layout": "simple-onboard-layout",
492
+ "key": "cSvSxn9VJuC5Ld7i",
493
+ "attributes": {
494
+ "key": "app_onboard-page3",
495
+ "min_android_version": null,
496
+ "components": [
497
+ {
498
+ "layout": "title-layout",
499
+ "key": "cKrfdMzfUxGdYhst",
500
+ "attributes": {
501
+ "title_localization_key": "onboard.title.three-page2",
502
+ "number_of_lines": "2",
503
+ "adaptive_font_size": false,
504
+ "title_color": "#12131A",
505
+ "coloredwords": [],
506
+ "styles": [
507
+ {
508
+ "layout": "style-layout",
509
+ "key": "cO0uTIgytvIPus6O",
510
+ "attributes": {
511
+ "styles": [
512
+ {
513
+ "layout": "Styles",
514
+ "key": "ccUpxb1n3yNqZig0",
515
+ "attributes": {
516
+ "type": "textStyle",
517
+ "style": {
518
+ "textAlign": "center",
519
+ "marginTop": 40
520
+ }
521
+ }
522
+ }
523
+ ]
524
+ }
525
+ }
526
+ ]
527
+ }
528
+ },
529
+ {
530
+ "layout": "image-layout",
531
+ "key": "cW7eKTK8kwrmHPZF",
532
+ "attributes": {
533
+ "is_bg_image": false,
534
+ "height": "350",
535
+ "android_height": "350",
536
+ "ios_height": "350",
537
+ "styles": []
538
+ }
539
+ },
540
+ {
541
+ "layout": "subtitle-layout",
542
+ "key": "cKeCJntAd8La4kt6",
543
+ "attributes": {
544
+ "subtitle_localization_key": "onboard.subtitle.three-page2",
545
+ "subtitle_color": "#44454D",
546
+ "subtitle_font": null,
547
+ "styles": [
548
+ {
549
+ "layout": "style-layout",
550
+ "key": "cl8QMTgTLyRZEo5d",
551
+ "attributes": {
552
+ "styles": [
553
+ {
554
+ "layout": "Styles",
555
+ "key": "c7IfOTlsraVDcxsv",
556
+ "attributes": {
557
+ "type": "textStyle",
558
+ "style": {
559
+ "textAlign": "center",
560
+ "fontSize": 16
561
+ }
562
+ }
563
+ }
564
+ ]
565
+ }
566
+ }
567
+ ]
568
+ }
569
+ },
570
+ {
571
+ "layout": "Buttons",
572
+ "key": "cVnKizCpTO9oedvX",
573
+ "attributes": {
574
+ "buttons_direction": "row",
575
+ "buttons": [
576
+ {
577
+ "layout": "skip-button-layout",
578
+ "key": "cQh6Yr0AySTv7JTJ",
579
+ "attributes": {
580
+ "flex": "1",
581
+ "button_text_localization_key": "onboard.skip.three-page",
582
+ "button_text_color": "#81838F",
583
+ "is_transparant_bg": false,
584
+ "button_background_color": "#ffffff00",
585
+ "actions": [
586
+ {
587
+ "layout": "action-layout",
588
+ "key": "cXBXIWhYO8sMiAea",
589
+ "attributes": {
590
+ "events": [
591
+ {
592
+ "layout": "Navigate",
593
+ "key": "ckR5hy3gdEX9Tbcp",
594
+ "attributes": {
595
+ "next_page_key": "app_onboard-page4",
596
+ "if_allowed_this_permissions": null,
597
+ "if_not_allowed_this_permissions": null,
598
+ "navigate_backward": null,
599
+ "close_button_delay": null
600
+ }
601
+ }
602
+ ]
603
+ }
604
+ }
605
+ ],
606
+ "styles": [],
607
+ "animation": null,
608
+ "animation_color": null
609
+ }
610
+ },
611
+ {
612
+ "layout": "button-layout",
613
+ "key": "caD93TUBvqM9stiK",
614
+ "attributes": {
615
+ "show_text": true,
616
+ "button_text_localization_key": "onboard.next.three-page",
617
+ "is_passive_button": false,
618
+ "flex": "1",
619
+ "button_text_color": "#FFFFFF",
620
+ "button_background_color": "#0066FF",
621
+ "show_icon": false,
622
+ "icons": [],
623
+ "actions": [
624
+ {
625
+ "layout": "action-layout",
626
+ "key": "cUWsk6ZaobgtjygM",
627
+ "attributes": {
628
+ "events": [
629
+ {
630
+ "layout": "Permission",
631
+ "key": "cAD0IWOPG8glmDtL",
632
+ "attributes": {
633
+ "permission": "rating"
634
+ }
635
+ },
636
+ {
637
+ "layout": "Navigate",
638
+ "key": "cvdgLEu69Or72lJh",
639
+ "attributes": {
640
+ "next_page_key": "app_onboard-page4",
641
+ "if_allowed_this_permissions": null,
642
+ "if_not_allowed_this_permissions": null,
643
+ "navigate_backward": null,
644
+ "close_button_delay": null
645
+ }
646
+ }
647
+ ]
648
+ }
649
+ }
650
+ ],
651
+ "styles": [],
652
+ "animation": null,
653
+ "animation_color": null
654
+ }
655
+ }
656
+ ]
657
+ }
658
+ }
659
+ ]
660
+ }
661
+ },
662
+ {
663
+ "layout": "simple-onboard-layout",
664
+ "key": "cmx3sT3YRgACNoBv",
665
+ "attributes": {
666
+ "key": "app_onboard-page4",
667
+ "min_android_version": "12",
668
+ "components": [
669
+ {
670
+ "layout": "title-layout",
671
+ "key": "cLijTCmxd6N2beqg",
672
+ "attributes": {
673
+ "title_localization_key": "onboard.title.four-page2",
674
+ "number_of_lines": "2",
675
+ "adaptive_font_size": false,
676
+ "title_color": "#12131A",
677
+ "coloredwords": [],
678
+ "styles": [
679
+ {
680
+ "layout": "style-layout",
681
+ "key": "c9E18gzzew8i3c0i",
682
+ "attributes": {
683
+ "styles": [
684
+ {
685
+ "layout": "Styles",
686
+ "key": "cEgw4X1DFG20kX7Y",
687
+ "attributes": {
688
+ "type": "textStyle",
689
+ "style": {
690
+ "textAlign": "center",
691
+ "marginTop": 40
692
+ }
693
+ }
694
+ }
695
+ ]
696
+ }
697
+ }
698
+ ]
699
+ }
700
+ },
701
+ {
702
+ "layout": "image-layout",
703
+ "key": "cZoslaVC3xb7mcWc",
704
+ "attributes": {
705
+ "is_bg_image": false,
706
+ "height": "350",
707
+ "android_height": "350",
708
+ "ios_height": "350",
709
+ "styles": []
710
+ }
711
+ },
712
+ {
713
+ "layout": "subtitle-layout",
714
+ "key": "cdCwD5nJ2DlDO5KY",
715
+ "attributes": {
716
+ "subtitle_localization_key": "onboard.subtitle.four-page2",
717
+ "subtitle_color": "#44454D",
718
+ "subtitle_font": null,
719
+ "styles": [
720
+ {
721
+ "layout": "style-layout",
722
+ "key": "cNc4qj0KNwAXFENj",
723
+ "attributes": {
724
+ "styles": [
725
+ {
726
+ "layout": "Styles",
727
+ "key": "c2GDBOndoaWxghsj",
728
+ "attributes": {
729
+ "type": "textStyle",
730
+ "style": {
731
+ "textAlign": "center",
732
+ "fontSize": 16
733
+ }
734
+ }
735
+ }
736
+ ]
737
+ }
738
+ }
739
+ ]
740
+ }
741
+ },
742
+ {
743
+ "layout": "Buttons",
744
+ "key": "cAOcd1hyFKZNzosk",
745
+ "attributes": {
746
+ "buttons_direction": "row",
747
+ "buttons": [
748
+ {
749
+ "layout": "button-layout",
750
+ "key": "cxFfSJNZcJqPavkh",
751
+ "attributes": {
752
+ "show_text": true,
753
+ "button_text_localization_key": "onboard.allow.four-page",
754
+ "is_passive_button": false,
755
+ "flex": "1",
756
+ "button_text_color": "#FFFFFF",
757
+ "button_background_color": "#0066FF",
758
+ "show_icon": false,
759
+ "icons": [],
760
+ "actions": [
761
+ {
762
+ "layout": "action-layout",
763
+ "key": "cgtBZJvdDVlzDAIE",
764
+ "attributes": {
765
+ "events": [
766
+ {
767
+ "layout": "Permission",
768
+ "key": "cO5VtdbSc4xVTEUo",
769
+ "attributes": {
770
+ "permission": "notification"
771
+ }
772
+ },
773
+ {
774
+ "layout": "Navigate",
775
+ "key": "cTEG49LslKtvx85s",
776
+ "attributes": {
777
+ "next_page_key": "home",
778
+ "if_allowed_this_permissions": null,
779
+ "if_not_allowed_this_permissions": null,
780
+ "navigate_backward": null,
781
+ "close_button_delay": null
782
+ }
783
+ }
784
+ ]
785
+ }
786
+ }
787
+ ],
788
+ "styles": [],
789
+ "animation": null,
790
+ "animation_color": null
791
+ }
792
+ }
793
+ ]
794
+ }
795
+ }
796
+ ]
797
+ }
798
+ }
799
+ ]
800
+ }
801
+ }
802
+ }
803
+ }