@developer_tribe/react-builder 0.1.31 → 1.0.1

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 (120) 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 +8 -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 +11 -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 +17 -18
  33. package/dist/styles.css +1 -1
  34. package/dist/types/PreviewConfig.d.ts +6 -3
  35. package/dist/types/Project.d.ts +12 -2
  36. package/dist/utils/copyNode.d.ts +2 -0
  37. package/dist/utils/logger.d.ts +11 -0
  38. package/dist/utils/useLogRender.d.ts +1 -0
  39. package/package.json +17 -9
  40. package/scripts/prebuild/utils/createBuildComponentsIndex.js +15 -1
  41. package/scripts/prebuild/utils/createGeneratedProps.js +64 -5
  42. package/src/AttributesEditor.tsx +2 -0
  43. package/src/DeviceMockFrame.tsx +22 -31
  44. package/src/RenderPage.tsx +5 -42
  45. package/src/assets/images/android.svg +43 -0
  46. package/src/assets/images/apple.svg +16 -0
  47. package/src/assets/images/background.jpg +0 -0
  48. package/src/assets/samples/carousel-sample.json +2 -3
  49. package/src/assets/samples/getSamples.ts +51 -8
  50. package/src/assets/samples/simple-1.json +1 -2
  51. package/src/assets/samples/simple-2.json +1 -2
  52. package/src/assets/samples/vpn-onboard-1.json +1 -2
  53. package/src/assets/samples/vpn-onboard-2.json +1 -2
  54. package/src/assets/samples/vpn-onboard-3.json +1 -2
  55. package/src/assets/samples/vpn-onboard-4.json +1 -2
  56. package/src/assets/samples/vpn-onboard-5.json +1024 -0
  57. package/src/assets/samples/vpn-onboard-6.json +708 -0
  58. package/src/build-components/Button/Button.tsx +2 -0
  59. package/src/build-components/Button/ButtonProps.generated.ts +14 -12
  60. package/src/build-components/Carousel/Carousel.tsx +2 -0
  61. package/src/build-components/CarouselButtons/CarouselButtons.tsx +2 -0
  62. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +6 -1
  63. package/src/build-components/CarouselDots/CarouselDots.tsx +2 -0
  64. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +9 -7
  65. package/src/build-components/CarouselItem/CarouselItem.tsx +2 -0
  66. package/src/build-components/Image/Image.tsx +2 -0
  67. package/src/build-components/Image/ImageProps.generated.ts +3 -1
  68. package/src/build-components/Onboard/Onboard.tsx +2 -0
  69. package/src/build-components/OnboardButton/OnboardButton.tsx +7 -4
  70. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +14 -9
  71. package/src/build-components/OnboardButton/pattern.json +3 -2
  72. package/src/build-components/OnboardButtons/OnboardButtons.tsx +7 -7
  73. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +10 -3
  74. package/src/build-components/OnboardDot/OnboardDot.tsx +2 -0
  75. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +9 -7
  76. package/src/build-components/OnboardFooter/OnboardFooter.tsx +5 -3
  77. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +33 -22
  78. package/src/build-components/OnboardImage/OnboardImage.tsx +26 -1
  79. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +5 -1
  80. package/src/build-components/OnboardImage/pattern.json +3 -5
  81. package/src/build-components/OnboardItem/OnboardItem.tsx +2 -0
  82. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +5 -2
  83. package/src/build-components/OnboardProvider/OnboardProvider.tsx +2 -0
  84. package/src/build-components/OnboardSubtitle/OnboardSubtitle.tsx +2 -0
  85. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +33 -22
  86. package/src/build-components/OnboardTitle/OnboardTitle.tsx +2 -0
  87. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +33 -22
  88. package/src/build-components/Text/Text.tsx +5 -3
  89. package/src/build-components/Text/TextProps.generated.ts +33 -22
  90. package/src/build-components/View/View.tsx +2 -0
  91. package/src/build-components/View/ViewProps.generated.ts +18 -9
  92. package/src/build-components/index.ts +22 -0
  93. package/src/build-components/patterns.generated.ts +7 -2
  94. package/src/components/AttributesEditorPanel.tsx +112 -0
  95. package/src/components/Breadcrumb.tsx +48 -0
  96. package/src/components/Builder.tsx +272 -0
  97. package/src/components/EditorHeader.tsx +186 -0
  98. package/src/index.ts +8 -4
  99. package/src/pages/ProjectPage.tsx +152 -0
  100. package/src/pages/tabs/BuilderTab.tsx +33 -0
  101. package/src/pages/tabs/DebugTab.tsx +23 -0
  102. package/src/pages/tabs/PreviewTab.tsx +194 -0
  103. package/src/size-matters/index.ts +5 -1
  104. package/src/store.ts +60 -38
  105. package/src/styles/_mixins.scss +21 -0
  106. package/src/styles/_variables.scss +27 -0
  107. package/src/styles/builder.scss +60 -0
  108. package/src/styles/components.scss +88 -0
  109. package/src/styles/editor.scss +174 -0
  110. package/src/styles/global.scss +200 -0
  111. package/src/styles/index.scss +7 -0
  112. package/src/styles/pages.scss +2 -0
  113. package/src/types/PreviewConfig.ts +14 -5
  114. package/src/types/Project.ts +15 -2
  115. package/src/utils/copyNode.ts +7 -0
  116. package/src/utils/extractTextStyle.ts +4 -2
  117. package/src/utils/getDevices.ts +1 -0
  118. package/src/utils/logger.ts +76 -0
  119. package/src/utils/novaToJson.ts +5 -0
  120. package/src/utils/useLogRender.ts +13 -0
package/src/assets/samples/vpn-onboard-5.json ADDED
@@ -0,0 +1,1024 @@
1
+ {
2
+ "name": "vpn-onboard-5 (legacy)",
3
+ "version": "0.0.0",
4
+ "type": "nova",
5
+ "appConfig": {
6
+ "theme": "light",
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_onboard",
74
+ "key": "app_onboard",
75
+ "theme": "all",
76
+ "order": 2,
77
+ "data": {
78
+ "layout": "onboard-layout",
79
+ "key": "cJVVSS7q9Qe1trnb",
80
+ "attributes": {
81
+ "general_components": [
82
+ {
83
+ "layout": "dots-layout",
84
+ "key": "cdNahru8m9BDyVr9",
85
+ "attributes": {
86
+ "position": "before_buttons",
87
+ "dots_type": null,
88
+ "dot": [
89
+ {
90
+ "layout": "expanding_dot",
91
+ "key": "ctWoX6jkgKy1nNGQ",
92
+ "attributes": {
93
+ "inactive_dot_opacity": null,
94
+ "expanding_dot_width": "20",
95
+ "dot_style": null,
96
+ "container_style": null,
97
+ "active_dot_color": null
98
+ }
99
+ }
100
+ ],
101
+ "styles": []
102
+ }
103
+ },
104
+ {
105
+ "layout": "footer-layout",
106
+ "key": "cgOl0PVI66a51Xr3",
107
+ "attributes": {
108
+ "texts": [
109
+ {
110
+ "layout": "Text",
111
+ "key": "cAqUfPg1uA4PjtmV",
112
+ "attributes": {
113
+ "text_localization_key": "view.onboarding.footer.description",
114
+ "text_color": "#A2A4B1",
115
+ "width": null,
116
+ "linkedwords": [
117
+ {
118
+ "layout": "LinkedWords",
119
+ "key": "c0wJnbvQu8vLB0BJ",
120
+ "attributes": {
121
+ "linked_word_localization_key": "view.onboarding.btnPrivacy",
122
+ "linked_word_color": "#0450E2",
123
+ "page": "privacy"
124
+ }
125
+ },
126
+ {
127
+ "layout": "LinkedWords",
128
+ "key": "cyoIya4E71u4OHWq",
129
+ "attributes": {
130
+ "linked_word_localization_key": "view.onboarding.btnTerms",
131
+ "linked_word_color": "#0450E2",
132
+ "page": "terms"
133
+ }
134
+ }
135
+ ],
136
+ "styles": []
137
+ }
138
+ }
139
+ ]
140
+ }
141
+ }
142
+ ],
143
+ "data": [
144
+ {
145
+ "layout": "simple-onboard-layout",
146
+ "key": "cQcJZFJji41pTo1Q",
147
+ "attributes": {
148
+ "key": "app_onboard-page1",
149
+ "components": [
150
+ {
151
+ "layout": "image-layout",
152
+ "key": "cXoQJuJ7cxH4s64I",
153
+ "attributes": {
154
+ "is_bg_image?": false,
155
+ "styles": [
156
+ {
157
+ "layout": "style-layout",
158
+ "key": "c8qXZHfKYcivItNT",
159
+ "attributes": {
160
+ "styles": [
161
+ {
162
+ "layout": "Styles",
163
+ "key": "ckUXExyauqNBUAwB",
164
+ "attributes": {
165
+ "type": "containerStyle",
166
+ "style": {
167
+ "marginTop": 40
168
+ }
169
+ }
170
+ }
171
+ ]
172
+ }
173
+ }
174
+ ],
175
+ "is_bg_image": false,
176
+ "height": "400",
177
+ "android_height": "400",
178
+ "ios_height": "400",
179
+ "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json",
180
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png"
181
+ }
182
+ },
183
+ {
184
+ "layout": "title-layout",
185
+ "key": "cDhqeMQJnHwrKDWx",
186
+ "attributes": {
187
+ "title_localization_key": "onboard.title.one-page",
188
+ "title_color": "#080A17",
189
+ "coloredwords": [],
190
+ "styles": [],
191
+ "number_of_lines": "2",
192
+ "adaptive_font_size": false
193
+ }
194
+ },
195
+ {
196
+ "layout": "subtitle-layout",
197
+ "key": "cNXYD8CPZaJoOKjR",
198
+ "attributes": {
199
+ "subtitle_localization_key": "onboard.subtitle.one-page",
200
+ "subtitle_color": "#272737",
201
+ "subtitle_font": null,
202
+ "styles": []
203
+ }
204
+ },
205
+ {
206
+ "layout": "Buttons",
207
+ "key": "cWgBUJIek4XF9XfH",
208
+ "attributes": {
209
+ "buttons_direction": "row",
210
+ "buttons": [
211
+ {
212
+ "layout": "skip-button-layout",
213
+ "key": "cG54WG2pH8LVehkt",
214
+ "attributes": {
215
+ "button_text_localization_key": "onboard.skip.one-page",
216
+ "button_text_color": "#0450E2",
217
+ "is_transparant_bg": false,
218
+ "button_background_color": "#E9EBF9",
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
+ "i̇f_allowed_this_permissions": null,
231
+ "i̇f_not_allowed_this_permissions": null,
232
+ "if_allowed_this_permissions": null,
233
+ "if_not_allowed_this_permissions": null,
234
+ "navigate_backward": null,
235
+ "close_button_delay": null
236
+ }
237
+ }
238
+ ]
239
+ }
240
+ }
241
+ ],
242
+ "styles": [],
243
+ "width": "50",
244
+ "flex": "1",
245
+ "animation": null,
246
+ "animation_color": null
247
+ }
248
+ },
249
+ {
250
+ "layout": "button-layout",
251
+ "key": "c8r6biKAKhGKBZXn",
252
+ "attributes": {
253
+ "show_text": true,
254
+ "button_text_localization_key": "onboard.next.one-page",
255
+ "is_passive_button": false,
256
+ "width": "50",
257
+ "show_icon": false,
258
+ "icons": [],
259
+ "actions": [
260
+ {
261
+ "layout": "action-layout",
262
+ "key": "c7fcavpy1HpWKAHU",
263
+ "attributes": {
264
+ "events": [
265
+ {
266
+ "layout": "Navigate",
267
+ "key": "cEgzPBOiNNrbshp5",
268
+ "attributes": {
269
+ "next_page_key": "app_onboard-page2",
270
+ "i̇f_allowed_this_permissions": null,
271
+ "i̇f_not_allowed_this_permissions": null,
272
+ "if_allowed_this_permissions": null,
273
+ "if_not_allowed_this_permissions": null,
274
+ "navigate_backward": null,
275
+ "close_button_delay": null
276
+ }
277
+ }
278
+ ]
279
+ }
280
+ }
281
+ ],
282
+ "styles": [],
283
+ "flex": "1",
284
+ "button_text_color": "#ffffff",
285
+ "button_background_color": "#0450E2",
286
+ "animation": null,
287
+ "animation_color": null
288
+ }
289
+ }
290
+ ]
291
+ }
292
+ }
293
+ ],
294
+ "min_android_version": null
295
+ }
296
+ },
297
+ {
298
+ "layout": "simple-onboard-layout",
299
+ "key": "crIFXHKvOoOdLFbc",
300
+ "attributes": {
301
+ "key": "app_onboard-page2",
302
+ "components": [
303
+ {
304
+ "layout": "image-layout",
305
+ "key": "crGN7ZD9Al0KDbyO",
306
+ "attributes": {
307
+ "is_bg_image?": false,
308
+ "styles": [
309
+ {
310
+ "layout": "style-layout",
311
+ "key": "cw0P5mczWuONhEbg",
312
+ "attributes": {
313
+ "styles": [
314
+ {
315
+ "layout": "Styles",
316
+ "key": "cHzPzMduoxMt2IY1",
317
+ "attributes": {
318
+ "type": "containerStyle",
319
+ "style": {
320
+ "marginTop": 40
321
+ }
322
+ }
323
+ }
324
+ ]
325
+ }
326
+ }
327
+ ],
328
+ "is_bg_image": false,
329
+ "height": "400",
330
+ "android_height": "400",
331
+ "ios_height": "400",
332
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
333
+ "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4"
334
+ }
335
+ },
336
+ {
337
+ "layout": "title-layout",
338
+ "key": "cSlHcp6WVRGdj233",
339
+ "attributes": {
340
+ "title_localization_key": "onboard.title.two-page",
341
+ "title_color": "#080A17",
342
+ "coloredwords": [],
343
+ "styles": [],
344
+ "number_of_lines": "2",
345
+ "adaptive_font_size": false
346
+ }
347
+ },
348
+ {
349
+ "layout": "subtitle-layout",
350
+ "key": "ciJuUH1g7kHrcZDq",
351
+ "attributes": {
352
+ "subtitle_localization_key": "onboard.subtitle.two-page",
353
+ "subtitle_color": "#272737",
354
+ "subtitle_font": null,
355
+ "styles": []
356
+ }
357
+ },
358
+ {
359
+ "layout": "Buttons",
360
+ "key": "cSDr8RbSvsWaHgVS",
361
+ "attributes": {
362
+ "buttons_direction": "row",
363
+ "buttons": [
364
+ {
365
+ "layout": "skip-button-layout",
366
+ "key": "cl9p09wdxNez5TmI",
367
+ "attributes": {
368
+ "button_text_localization_key": "onboard.skip.two-page",
369
+ "button_text_color": "#0450E2",
370
+ "is_transparant_bg": false,
371
+ "button_background_color": "#E9EBF9",
372
+ "actions": [
373
+ {
374
+ "layout": "action-layout",
375
+ "key": "cOARcdUyemgWucuS",
376
+ "attributes": {
377
+ "events": [
378
+ {
379
+ "layout": "Navigate",
380
+ "key": "cdF9gJjTW63M4S3c",
381
+ "attributes": {
382
+ "next_page_key": "app_onboard-page4",
383
+ "i̇f_allowed_this_permissions": null,
384
+ "i̇f_not_allowed_this_permissions": null,
385
+ "if_allowed_this_permissions": null,
386
+ "if_not_allowed_this_permissions": null,
387
+ "navigate_backward": null,
388
+ "close_button_delay": null
389
+ }
390
+ }
391
+ ]
392
+ }
393
+ }
394
+ ],
395
+ "styles": [],
396
+ "width": "50",
397
+ "flex": "1",
398
+ "animation": null,
399
+ "animation_color": null
400
+ }
401
+ },
402
+ {
403
+ "layout": "button-layout",
404
+ "key": "cC9C4xf7Kwnryduw",
405
+ "attributes": {
406
+ "show_text": true,
407
+ "button_text_localization_key": "onboard.next.two-page",
408
+ "is_passive_button": false,
409
+ "width": "50",
410
+ "show_icon": false,
411
+ "icons": [],
412
+ "actions": [
413
+ {
414
+ "layout": "action-layout",
415
+ "key": "cO0ZNlY08Wa33OUp",
416
+ "attributes": {
417
+ "events": [
418
+ {
419
+ "layout": "Navigate",
420
+ "key": "cOwrXBiSMDOXAARa",
421
+ "attributes": {
422
+ "next_page_key": "app_onboard-page3",
423
+ "i̇f_allowed_this_permissions": null,
424
+ "i̇f_not_allowed_this_permissions": null,
425
+ "if_allowed_this_permissions": null,
426
+ "if_not_allowed_this_permissions": null,
427
+ "navigate_backward": null,
428
+ "close_button_delay": null
429
+ }
430
+ }
431
+ ]
432
+ }
433
+ }
434
+ ],
435
+ "styles": [],
436
+ "flex": "1",
437
+ "button_text_color": "#ffffff",
438
+ "button_background_color": "#0450E2",
439
+ "animation": null,
440
+ "animation_color": null
441
+ }
442
+ }
443
+ ]
444
+ }
445
+ }
446
+ ],
447
+ "min_android_version": null
448
+ }
449
+ },
450
+ {
451
+ "layout": "simple-onboard-layout",
452
+ "key": "cRcBQOfcmficdPUY",
453
+ "attributes": {
454
+ "key": "app_onboard-page3",
455
+ "components": [
456
+ {
457
+ "layout": "image-layout",
458
+ "key": "chWqWfotZ42DTHkU",
459
+ "attributes": {
460
+ "is_bg_image?": false,
461
+ "styles": [
462
+ {
463
+ "layout": "style-layout",
464
+ "key": "cOyhSl2d6xD4YBT8",
465
+ "attributes": {
466
+ "styles": [
467
+ {
468
+ "layout": "Styles",
469
+ "key": "cStijuDpCE47LXF4",
470
+ "attributes": {
471
+ "type": "containerStyle",
472
+ "style": {
473
+ "marginTop": 40
474
+ }
475
+ }
476
+ }
477
+ ]
478
+ }
479
+ }
480
+ ],
481
+ "is_bg_image": false,
482
+ "height": "400",
483
+ "android_height": "400",
484
+ "ios_height": "400",
485
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png"
486
+ }
487
+ },
488
+ {
489
+ "layout": "title-layout",
490
+ "key": "cc69aqukeCYi6zuO",
491
+ "attributes": {
492
+ "title_localization_key": "onboard.title.three-page",
493
+ "title_color": "#080A17",
494
+ "coloredwords": [],
495
+ "styles": [],
496
+ "number_of_lines": "2",
497
+ "adaptive_font_size": false
498
+ }
499
+ },
500
+ {
501
+ "layout": "subtitle-layout",
502
+ "key": "cNtG6fvLNACSZliB",
503
+ "attributes": {
504
+ "subtitle_localization_key": "onboard.subtitle.three-page",
505
+ "subtitle_color": "#272737",
506
+ "subtitle_font": null,
507
+ "styles": []
508
+ }
509
+ },
510
+ {
511
+ "layout": "Buttons",
512
+ "key": "cRNaL0iEMtwOMqVT",
513
+ "attributes": {
514
+ "buttons_direction": "row",
515
+ "buttons": [
516
+ {
517
+ "layout": "skip-button-layout",
518
+ "key": "ceQNn3ve4OdblaEm",
519
+ "attributes": {
520
+ "flex": "1",
521
+ "button_text_localization_key": "onboard.skip.three-page",
522
+ "button_text_color": "#0450E2",
523
+ "is_transparant_bg": false,
524
+ "button_background_color": "#E9EBF9",
525
+ "actions": [
526
+ {
527
+ "layout": "action-layout",
528
+ "key": "cM9lBEdgv8VzYR0t",
529
+ "attributes": {
530
+ "events": [
531
+ {
532
+ "layout": "Navigate",
533
+ "key": "cEt0vTfkypQWrkrx",
534
+ "attributes": {
535
+ "next_page_key": "app_onboard-page4",
536
+ "if_allowed_this_permissions": null,
537
+ "if_not_allowed_this_permissions": null,
538
+ "navigate_backward": null,
539
+ "close_button_delay": null
540
+ }
541
+ }
542
+ ]
543
+ }
544
+ }
545
+ ],
546
+ "styles": [],
547
+ "animation": null,
548
+ "animation_color": null
549
+ }
550
+ },
551
+ {
552
+ "layout": "button-layout",
553
+ "key": "cFjtaB6BOUV3Ip29",
554
+ "attributes": {
555
+ "show_text": true,
556
+ "button_text_localization_key": "onboard.next.three-page",
557
+ "is_passive_button": false,
558
+ "width": "50",
559
+ "show_icon": false,
560
+ "icons": [],
561
+ "actions": [
562
+ {
563
+ "layout": "action-layout",
564
+ "key": "cuPFPKGosJNEU49L",
565
+ "attributes": {
566
+ "events": [
567
+ {
568
+ "layout": "Navigate",
569
+ "key": "c47aYuDXDJXnpdCF",
570
+ "attributes": {
571
+ "next_page_key": "app_onboard-page4",
572
+ "if_allowed_this_permissions": null,
573
+ "if_not_allowed_this_permissions": null,
574
+ "navigate_backward": null,
575
+ "close_button_delay": null
576
+ }
577
+ }
578
+ ]
579
+ }
580
+ }
581
+ ],
582
+ "styles": [],
583
+ "flex": "1",
584
+ "button_text_color": "#ffffff",
585
+ "button_background_color": "#0450E2",
586
+ "animation": null,
587
+ "animation_color": null
588
+ }
589
+ }
590
+ ]
591
+ }
592
+ }
593
+ ],
594
+ "min_android_version": null
595
+ }
596
+ },
597
+ {
598
+ "layout": "simple-onboard-layout",
599
+ "key": "cvF8znA2sZJvJKV5",
600
+ "attributes": {
601
+ "key": "app_onboard-page4",
602
+ "components": [
603
+ {
604
+ "layout": "image-layout",
605
+ "key": "cmw7qmHSA52Mttez",
606
+ "attributes": {
607
+ "is_bg_image?": false,
608
+ "styles": [
609
+ {
610
+ "layout": "style-layout",
611
+ "key": "cDnXLpY6QmMXPGhT",
612
+ "attributes": {
613
+ "styles": [
614
+ {
615
+ "layout": "Styles",
616
+ "key": "cVzDRXhfx5P3NQKQ",
617
+ "attributes": {
618
+ "type": "containerStyle",
619
+ "style": {
620
+ "marginTop": 40
621
+ }
622
+ }
623
+ }
624
+ ]
625
+ }
626
+ }
627
+ ],
628
+ "is_bg_image": false,
629
+ "height": "400",
630
+ "android_height": "400",
631
+ "ios_height": "400",
632
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png"
633
+ }
634
+ },
635
+ {
636
+ "layout": "title-layout",
637
+ "key": "cMW4PNcuTdZKSngn",
638
+ "attributes": {
639
+ "title_localization_key": "onboard.title.five-page",
640
+ "title_color": "#080A17",
641
+ "coloredwords": [],
642
+ "styles": [],
643
+ "number_of_lines": "2",
644
+ "adaptive_font_size": false
645
+ }
646
+ },
647
+ {
648
+ "layout": "subtitle-layout",
649
+ "key": "ccpicN327gsRyFJp",
650
+ "attributes": {
651
+ "subtitle_localization_key": "onboard.subtitle.five-page",
652
+ "subtitle_color": "#272737",
653
+ "subtitle_font": null,
654
+ "styles": []
655
+ }
656
+ },
657
+ {
658
+ "layout": "Buttons",
659
+ "key": "cdm2DIT7kD4SvwxW",
660
+ "attributes": {
661
+ "buttons_direction": "row",
662
+ "buttons": [
663
+ {
664
+ "layout": "skip-button-layout",
665
+ "key": "cDDu4EvIPgtDFSOe",
666
+ "attributes": {
667
+ "flex": "1",
668
+ "button_text_localization_key": "onboard.skip.five-page",
669
+ "button_text_color": "#0450E2",
670
+ "is_transparant_bg": false,
671
+ "button_background_color": "#E9EBF9",
672
+ "actions": [
673
+ {
674
+ "layout": "action-layout",
675
+ "key": "ciNwcrOQRS8rUQWX",
676
+ "attributes": {
677
+ "events": [
678
+ {
679
+ "layout": "Navigate",
680
+ "key": "ceoJdn5Vi8VlKwGB",
681
+ "attributes": {
682
+ "next_page_key": "app_onboard-page6",
683
+ "if_allowed_this_permissions": null,
684
+ "if_not_allowed_this_permissions": null,
685
+ "navigate_backward": null,
686
+ "close_button_delay": null
687
+ }
688
+ }
689
+ ]
690
+ }
691
+ }
692
+ ],
693
+ "styles": [],
694
+ "animation": null,
695
+ "animation_color": null
696
+ }
697
+ },
698
+ {
699
+ "layout": "button-layout",
700
+ "key": "cvNQ3BzQKrtWrLaK",
701
+ "attributes": {
702
+ "show_text": true,
703
+ "button_text_localization_key": "onboard.next.five-page",
704
+ "is_passive_button": false,
705
+ "flex": "1",
706
+ "button_text_color": "#ffffff",
707
+ "button_background_color": "#0450E2",
708
+ "show_icon": false,
709
+ "icons": [],
710
+ "actions": [
711
+ {
712
+ "layout": "action-layout",
713
+ "key": "cixURShcsDonDzuS",
714
+ "attributes": {
715
+ "events": [
716
+ {
717
+ "layout": "Permission",
718
+ "key": "cYiDsu5eOu4VHjTb",
719
+ "attributes": {
720
+ "permission": "GDPR"
721
+ }
722
+ },
723
+ {
724
+ "layout": "Navigate",
725
+ "key": "c424DHuSbxJtA4m8",
726
+ "attributes": {
727
+ "next_page_key": "app_onboard-page6",
728
+ "if_allowed_this_permissions": null,
729
+ "if_not_allowed_this_permissions": null,
730
+ "navigate_backward": null,
731
+ "close_button_delay": null
732
+ }
733
+ }
734
+ ]
735
+ }
736
+ }
737
+ ],
738
+ "styles": [],
739
+ "animation": null,
740
+ "animation_color": null
741
+ }
742
+ }
743
+ ]
744
+ }
745
+ }
746
+ ],
747
+ "min_android_version": null
748
+ }
749
+ },
750
+ {
751
+ "layout": "simple-onboard-layout",
752
+ "key": "cULySX5qq2hxSO5N",
753
+ "attributes": {
754
+ "key": "app_onboard-page6",
755
+ "min_android_version": "12",
756
+ "components": [
757
+ {
758
+ "layout": "image-layout",
759
+ "key": "cZCzg1jcXG2rXy1b",
760
+ "attributes": {
761
+ "is_bg_image": false,
762
+ "height": "400",
763
+ "android_height": "400",
764
+ "ios_height": "400",
765
+ "styles": [
766
+ {
767
+ "layout": "style-layout",
768
+ "key": "ckoRsXLKpMCILG9F",
769
+ "attributes": {
770
+ "styles": [
771
+ {
772
+ "layout": "Styles",
773
+ "key": "cHURGqbxNgt96chA",
774
+ "attributes": {
775
+ "type": "containerStyle",
776
+ "style": {
777
+ "marginTop": 40
778
+ }
779
+ }
780
+ }
781
+ ]
782
+ }
783
+ }
784
+ ],
785
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png"
786
+ }
787
+ },
788
+ {
789
+ "layout": "title-layout",
790
+ "key": "cO6wWotYOuJPLDbc",
791
+ "attributes": {
792
+ "title_localization_key": "onboard.title.six-page",
793
+ "number_of_lines": "2",
794
+ "adaptive_font_size": false,
795
+ "title_color": "#080A17",
796
+ "coloredwords": [],
797
+ "styles": []
798
+ }
799
+ },
800
+ {
801
+ "layout": "subtitle-layout",
802
+ "key": "cDIVj9rl0VIBxbI2",
803
+ "attributes": {
804
+ "subtitle_localization_key": "onboard.subtitle.six-page",
805
+ "subtitle_color": "#272737",
806
+ "subtitle_font": null,
807
+ "styles": []
808
+ }
809
+ },
810
+ {
811
+ "layout": "Buttons",
812
+ "key": "cxRVdgxRS50IFXeQ",
813
+ "attributes": {
814
+ "buttons_direction": "row",
815
+ "buttons": [
816
+ {
817
+ "layout": "skip-button-layout",
818
+ "key": "ckLBCEjo9LbNbgtq",
819
+ "attributes": {
820
+ "flex": "1",
821
+ "button_text_localization_key": "onboard.skip.five-page",
822
+ "button_text_color": "#0450E2",
823
+ "is_transparant_bg": false,
824
+ "button_background_color": "#E9EBF9",
825
+ "actions": [
826
+ {
827
+ "layout": "action-layout",
828
+ "key": "cXZQSRK1d7cHi73U",
829
+ "attributes": {
830
+ "events": [
831
+ {
832
+ "layout": "Navigate",
833
+ "key": "cINgrHJRYvVyheTR",
834
+ "attributes": {
835
+ "next_page_key": "app_onboard-page5",
836
+ "if_allowed_this_permissions": null,
837
+ "if_not_allowed_this_permissions": null,
838
+ "navigate_backward": null,
839
+ "close_button_delay": null
840
+ }
841
+ }
842
+ ]
843
+ }
844
+ }
845
+ ],
846
+ "styles": [],
847
+ "animation": null,
848
+ "animation_color": null
849
+ }
850
+ },
851
+ {
852
+ "layout": "button-layout",
853
+ "key": "chWb7guVX17iKROt",
854
+ "attributes": {
855
+ "show_text": true,
856
+ "button_text_localization_key": "onboard.next.five-page",
857
+ "is_passive_button": false,
858
+ "flex": "1",
859
+ "button_text_color": "#ffffff",
860
+ "button_background_color": "#0450E2",
861
+ "show_icon": false,
862
+ "icons": [],
863
+ "actions": [
864
+ {
865
+ "layout": "action-layout",
866
+ "key": "cYIevROTAbCVnyyQ",
867
+ "attributes": {
868
+ "events": [
869
+ {
870
+ "layout": "Permission",
871
+ "key": "cm5mY6ECMFw1WyMB",
872
+ "attributes": {
873
+ "permission": "rating"
874
+ }
875
+ },
876
+ {
877
+ "layout": "Navigate",
878
+ "key": "cQ3RIXG05B7MHlKH",
879
+ "attributes": {
880
+ "next_page_key": "app_onboard-page5",
881
+ "if_allowed_this_permissions": null,
882
+ "if_not_allowed_this_permissions": null,
883
+ "navigate_backward": null,
884
+ "close_button_delay": null
885
+ }
886
+ }
887
+ ]
888
+ }
889
+ }
890
+ ],
891
+ "styles": [],
892
+ "animation": null,
893
+ "animation_color": null
894
+ }
895
+ }
896
+ ]
897
+ }
898
+ }
899
+ ]
900
+ }
901
+ },
902
+ {
903
+ "layout": "simple-onboard-layout",
904
+ "key": "cvwqV44zsCpvLwy7",
905
+ "attributes": {
906
+ "key": "app_onboard-page5",
907
+ "min_android_version": "12",
908
+ "components": [
909
+ {
910
+ "layout": "image-layout",
911
+ "key": "chRCiye8FT1Cy6SA",
912
+ "attributes": {
913
+ "is_bg_image": false,
914
+ "height": "400",
915
+ "android_height": "400",
916
+ "ios_height": "400",
917
+ "styles": [
918
+ {
919
+ "layout": "style-layout",
920
+ "key": "c3b9w6meMhe7XkUE",
921
+ "attributes": {
922
+ "styles": [
923
+ {
924
+ "layout": "Styles",
925
+ "key": "cPy0O9UunlzDGjHK",
926
+ "attributes": {
927
+ "type": "containerStyle",
928
+ "style": {
929
+ "marginTop": 40
930
+ }
931
+ }
932
+ }
933
+ ]
934
+ }
935
+ }
936
+ ],
937
+ "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png"
938
+ }
939
+ },
940
+ {
941
+ "layout": "title-layout",
942
+ "key": "chcc2uafpnDHXSD8",
943
+ "attributes": {
944
+ "title_localization_key": "onboard.title.four-page",
945
+ "number_of_lines": "2",
946
+ "adaptive_font_size": false,
947
+ "title_color": "#080A17",
948
+ "coloredwords": [],
949
+ "styles": []
950
+ }
951
+ },
952
+ {
953
+ "layout": "subtitle-layout",
954
+ "key": "c0VwHBlerb8RtnWH",
955
+ "attributes": {
956
+ "subtitle_localization_key": "onboard.subtitle.four-page",
957
+ "subtitle_color": "#272737",
958
+ "subtitle_font": null,
959
+ "styles": []
960
+ }
961
+ },
962
+ {
963
+ "layout": "Buttons",
964
+ "key": "ccaVCvljoCGjS7Rk",
965
+ "attributes": {
966
+ "buttons_direction": "row",
967
+ "buttons": [
968
+ {
969
+ "layout": "button-layout",
970
+ "key": "cizDbKCkioVCtGHQ",
971
+ "attributes": {
972
+ "show_text": true,
973
+ "button_text_localization_key": "onboard.allow.four-page",
974
+ "is_passive_button": false,
975
+ "flex": "1",
976
+ "button_text_color": "#ffffff",
977
+ "button_background_color": "#0450E2",
978
+ "show_icon": false,
979
+ "icons": [],
980
+ "actions": [
981
+ {
982
+ "layout": "action-layout",
983
+ "key": "ck2MWHW68aJnpBxI",
984
+ "attributes": {
985
+ "events": [
986
+ {
987
+ "layout": "Permission",
988
+ "key": "cSpEVuZ4QYflHoCs",
989
+ "attributes": {
990
+ "permission": "notification"
991
+ }
992
+ },
993
+ {
994
+ "layout": "Navigate",
995
+ "key": "cqEcD9va4vTra00o",
996
+ "attributes": {
997
+ "next_page_key": "subscriptions",
998
+ "if_allowed_this_permissions": null,
999
+ "if_not_allowed_this_permissions": null,
1000
+ "navigate_backward": "home",
1001
+ "close_button_delay": null
1002
+ }
1003
+ }
1004
+ ]
1005
+ }
1006
+ }
1007
+ ],
1008
+ "styles": [],
1009
+ "animation": null,
1010
+ "animation_color": null
1011
+ }
1012
+ }
1013
+ ]
1014
+ }
1015
+ }
1016
+ ]
1017
+ }
1018
+ }
1019
+ ],
1020
+ "use_safe_area_inset": true
1021
+ }
1022
+ }
1023
+ }
1024
+ }