@developer_tribe/react-builder 1.0.8 → 1.0.9

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 (216) hide show
  1. package/dist/build-components/BIcon/BIconProps.generated.d.ts +3 -0
  2. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
  4. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +5 -0
  5. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
  6. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
  7. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
  8. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
  9. package/dist/build-components/Image/ImageProps.generated.d.ts +1 -0
  10. package/dist/build-components/Main/MainProps.generated.d.ts +1 -1
  11. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
  12. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +1 -0
  13. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
  14. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +1 -0
  15. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +3 -0
  16. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -0
  17. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
  18. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +3 -0
  19. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +3 -0
  20. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +3 -0
  21. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -1
  22. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +3 -1
  23. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -1
  24. package/dist/build-components/PaywallProvider/PaywallContext.d.ts +12 -0
  25. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -1
  26. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -0
  27. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +1 -1
  28. package/dist/build-components/Text/TextProps.generated.d.ts +3 -0
  29. package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
  30. package/dist/build-components/patterns.generated.d.ts +372 -374
  31. package/dist/components/BuilderProvider.d.ts +2 -0
  32. package/dist/components/ParamsProvider.d.ts +5 -0
  33. package/dist/components/RenderErrorBoundary.d.ts +28 -0
  34. package/dist/hooks/useSyncHtmlThemeClass.d.ts +7 -0
  35. package/dist/index.cjs.js +5 -5
  36. package/dist/index.cjs.js.map +1 -1
  37. package/dist/index.d.ts +2 -0
  38. package/dist/index.esm.js +3 -3
  39. package/dist/index.esm.js.map +1 -1
  40. package/dist/index.native.cjs.js +4 -4
  41. package/dist/index.native.cjs.js.map +1 -1
  42. package/dist/index.native.d.ts +1 -0
  43. package/dist/index.native.esm.js +4 -4
  44. package/dist/index.native.esm.js.map +1 -1
  45. package/dist/migrations/migratePipe.d.ts +14 -0
  46. package/dist/migrations/migrations/1.1.0_normalize_style_attributes.d.ts +2 -0
  47. package/dist/migrations/semver.d.ts +8 -0
  48. package/dist/migrations/types.d.ts +8 -0
  49. package/dist/mockOS/components/SubscriptionModal.d.ts +7 -0
  50. package/dist/mockOS/context/MockOSContextBase.d.ts +1 -0
  51. package/dist/mockOS/hooks/useMockIap.d.ts +3 -0
  52. package/dist/mockOS/index.d.ts +4 -0
  53. package/dist/mockOS/managers/mockOSIapManager.d.ts +6 -0
  54. package/dist/mockOS/managers/subscriptionManager.d.ts +10 -0
  55. package/dist/pages/ProjectDebug.d.ts +14 -0
  56. package/dist/pages/ProjectMigrationPage.d.ts +23 -0
  57. package/dist/pages/ProjectValidationPage.d.ts +15 -0
  58. package/dist/styles.css +1 -1
  59. package/dist/types/Device.d.ts +5 -0
  60. package/dist/utils/__special_exceptions.d.ts +7 -0
  61. package/dist/utils/getImage.d.ts +23 -0
  62. package/dist/utils/pasteNode.d.ts +15 -0
  63. package/dist/utils/patterns.d.ts +1 -2
  64. package/package.json +6 -2
  65. package/scripts/migrate-patterns-to-v2.mjs +131 -0
  66. package/scripts/migrate-samples-to-current.ts +79 -0
  67. package/scripts/prebuild/utils/createGeneratedProps.js +4 -5
  68. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +32 -21
  69. package/scripts/prebuild/utils/validatePatternJson.js +12 -10
  70. package/src/.DS_Store +0 -0
  71. package/src/AttributesEditor.tsx +41 -11
  72. package/src/RenderPage.tsx +55 -0
  73. package/src/assets/.DS_Store +0 -0
  74. package/src/assets/devices.json +91 -0
  75. package/src/assets/samples/carousel-sample.json +141 -29
  76. package/src/assets/samples/getSamples.ts +9 -0
  77. package/src/assets/samples/paywall-1.json +119 -71
  78. package/src/assets/samples/simple-1.json +28 -16
  79. package/src/assets/samples/simple-2.json +157 -82
  80. package/src/assets/samples/unmigrated-builder1.json +42 -0
  81. package/src/assets/samples/unvalidated-builder1.json +49 -0
  82. package/src/assets/samples/unvalidated-crash1.json +19 -0
  83. package/src/assets/samples/unvalidated-crashcomponent1.json +16 -0
  84. package/src/assets/samples/vpn-onboard-1.json +91 -51
  85. package/src/assets/samples/vpn-onboard-2.json +318 -278
  86. package/src/assets/samples/vpn-onboard-3.json +286 -252
  87. package/src/assets/samples/vpn-onboard-4.json +286 -252
  88. package/src/assets/samples/vpn-onboard-5.json +434 -374
  89. package/src/assets/samples/vpn-onboard-6.json +290 -250
  90. package/src/attributes-editor/Field.tsx +1 -1
  91. package/src/attributes-editor/LayoutPreviewPicker.tsx +5 -2
  92. package/src/build-components/BIcon/BIconProps.generated.ts +3 -0
  93. package/src/build-components/BIcon/pattern.json +12 -9
  94. package/src/build-components/BackgroundImage/BackgroundImage.tsx +3 -1
  95. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  96. package/src/build-components/BackgroundImage/pattern.json +25 -16
  97. package/src/build-components/Button/Button.tsx +26 -3
  98. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  99. package/src/build-components/Button/pattern.json +10 -6
  100. package/src/build-components/Carousel/CarouselProps.generated.ts +5 -0
  101. package/src/build-components/Carousel/pattern.json +19 -8
  102. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  103. package/src/build-components/CarouselButtons/pattern.json +11 -5
  104. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  105. package/src/build-components/CarouselDots/pattern.json +5 -4
  106. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  107. package/src/build-components/CarouselItem/pattern.json +5 -4
  108. package/src/build-components/CarouselProvider/CarouselProvider.tsx +44 -2
  109. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  110. package/src/build-components/Image/Image.tsx +2 -1
  111. package/src/build-components/Image/ImageProps.generated.ts +1 -0
  112. package/src/build-components/Image/pattern.json +11 -5
  113. package/src/build-components/Main/MainProps.generated.ts +1 -1
  114. package/src/build-components/Main/pattern.json +12 -9
  115. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  116. package/src/build-components/Onboard/pattern.json +14 -9
  117. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +1 -0
  118. package/src/build-components/OnboardButton/pattern.json +5 -4
  119. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  120. package/src/build-components/OnboardButtons/pattern.json +5 -4
  121. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -0
  122. package/src/build-components/OnboardDot/pattern.json +5 -4
  123. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +3 -0
  124. package/src/build-components/OnboardFooter/pattern.json +8 -5
  125. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -0
  126. package/src/build-components/OnboardImage/pattern.json +7 -4
  127. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  128. package/src/build-components/OnboardItem/pattern.json +18 -9
  129. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +3 -0
  130. package/src/build-components/OnboardProvider/pattern.json +21 -6
  131. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +3 -0
  132. package/src/build-components/OnboardSubtitle/pattern.json +10 -6
  133. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +3 -0
  134. package/src/build-components/OnboardTitle/pattern.json +11 -7
  135. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -1
  136. package/src/build-components/PaywallBackground/pattern.json +5 -4
  137. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +6 -1
  138. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +3 -1
  139. package/src/build-components/PaywallCloseButton/pattern.json +15 -12
  140. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +0 -1
  141. package/src/build-components/PaywallOptions/PaywallOptions.tsx +3 -2
  142. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -1
  143. package/src/build-components/PaywallOptions/pattern.json +14 -11
  144. package/src/build-components/PaywallProvider/PaywallContext.ts +25 -0
  145. package/src/build-components/PaywallProvider/PaywallProvider.tsx +102 -5
  146. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -1
  147. package/src/build-components/PaywallProvider/pattern.json +11 -8
  148. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +7 -0
  149. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -0
  150. package/src/build-components/PaywallSubscribeButton/pattern.json +16 -13
  151. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -1
  152. package/src/build-components/RadioButton/pattern.json +5 -4
  153. package/src/build-components/Text/Text.tsx +107 -4
  154. package/src/build-components/Text/TextProps.generated.ts +3 -0
  155. package/src/build-components/Text/pattern.json +19 -4
  156. package/src/build-components/View/ViewProps.generated.ts +1 -0
  157. package/src/build-components/View/pattern.json +28 -13
  158. package/src/build-components/other.tsx +15 -0
  159. package/src/build-components/patterns.generated.ts +340 -235
  160. package/src/build-components/useNode.ts +22 -3
  161. package/src/components/Builder.tsx +20 -6
  162. package/src/components/BuilderButton.tsx +75 -38
  163. package/src/components/BuilderProvider.tsx +22 -2
  164. package/src/components/DeviceButton.tsx +12 -5
  165. package/src/components/EditorHeader.tsx +296 -38
  166. package/src/components/ParamsProvider.tsx +7 -0
  167. package/src/components/RenderErrorBoundary.tsx +200 -0
  168. package/src/hooks/useParams.ts +5 -1
  169. package/src/hooks/useSyncHtmlThemeClass.ts +19 -0
  170. package/src/index.native.ts +7 -0
  171. package/src/index.ts +8 -0
  172. package/src/migrations/migratePipe.ts +59 -0
  173. package/src/migrations/migrations/1.1.0_normalize_style_attributes.ts +80 -0
  174. package/src/migrations/semver.ts +24 -0
  175. package/src/migrations/types.ts +9 -0
  176. package/src/mockOS/components/PermissionModal.tsx +3 -2
  177. package/src/mockOS/components/SubscriptionModal.tsx +400 -0
  178. package/src/mockOS/context/MockOSContext.tsx +61 -10
  179. package/src/mockOS/context/MockOSContextBase.ts +1 -0
  180. package/src/mockOS/hooks/useMockIap.ts +11 -0
  181. package/src/mockOS/index.ts +7 -0
  182. package/src/mockOS/managers/mockOSIapManager.ts +10 -0
  183. package/src/mockOS/managers/subscriptionManager.ts +36 -0
  184. package/src/modals/IconPickerModal.tsx +1 -1
  185. package/src/pages/ProjectDebug.tsx +331 -0
  186. package/src/pages/ProjectMigrationPage.tsx +92 -0
  187. package/src/pages/ProjectPage.tsx +313 -161
  188. package/src/pages/ProjectValidationPage.tsx +54 -0
  189. package/src/styles/base/_global.scss +58 -11
  190. package/src/styles/components/_attributes-editor.scss +1 -1
  191. package/src/styles/components/_bottom-bar.scss +7 -4
  192. package/src/styles/components/_editor-shell.scss +126 -4
  193. package/src/styles/components/_mockos-router.scss +3 -2
  194. package/src/styles/components/_ui-components.scss +10 -5
  195. package/src/styles/foundation/_colors.scss +78 -11
  196. package/src/styles/foundation/_mixins.scss +4 -1
  197. package/src/styles/foundation/_sizes.scss +4 -2
  198. package/src/styles/index.scss +1 -0
  199. package/src/styles/layout/_builder.scss +61 -0
  200. package/src/styles/layout/_project-validation.scss +214 -0
  201. package/src/styles/modals/_add-component.scss +4 -2
  202. package/src/styles/modals/_color-modal.scss +4 -2
  203. package/src/styles/modals/_modal-shell.scss +3 -1
  204. package/src/types/Device.ts +5 -0
  205. package/src/utils/__special_exceptions.ts +88 -0
  206. package/src/utils/analyseNode.ts +8 -2
  207. package/src/utils/analyseNodeByPatterns.ts +43 -9
  208. package/src/utils/extractTextStyle.ts +19 -6
  209. package/src/utils/extractViewStyle.ts +68 -59
  210. package/src/utils/getImage.ts +76 -0
  211. package/src/utils/novaToJson.ts +2 -1
  212. package/src/utils/pasteNode.ts +172 -0
  213. package/src/utils/patterns.ts +4 -3
  214. package/dist/android.svg +0 -43
  215. package/dist/apple.svg +0 -16
  216. package/dist/background.jpg +0 -0
@@ -1,6 +1,6 @@
1
1
  {
2
- "name": "vpn-onboard-4 (legacy)",
3
- "version": "1.0.0",
2
+ "name": "vpn-onboard-4",
3
+ "version": "1.1.0",
4
4
  "type": "onboard",
5
5
  "appConfig": {
6
6
  "theme": "dark",
@@ -85,308 +85,342 @@
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": "OnboardTitle",
98
- "attributes": {
99
- "color": "#FDFDFD",
100
- "textAlign": "center",
101
- "marginTop": 40
102
- },
103
- "children": "onboard.title.one-page2"
93
+ "type": "OnboardItem",
94
+ "key": "app_onboard-page1",
95
+ "children": [
96
+ {
97
+ "type": "OnboardTitle",
98
+ "attributes": {
99
+ "style": {
100
+ "color": "#FDFDFD",
101
+ "textAlign": "center",
102
+ "marginTop": 40
103
+ }
104
+ },
105
+ "children": "onboard.title.one-page2"
106
+ },
107
+ {
108
+ "type": "OnboardImage",
109
+ "attributes": {
110
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/aadf6191a8f1091831647b3a01e1a1aa.jpg",
111
+ "resizeMode": "contain",
112
+ "style": {
113
+ "height": 350
114
+ }
115
+ }
116
+ },
117
+ {
118
+ "type": "OnboardSubtitle",
119
+ "attributes": {
120
+ "style": {
121
+ "color": "#C7C7C7",
122
+ "fontSize": 16,
123
+ "textAlign": "center"
124
+ }
125
+ },
126
+ "children": "onboard.subtitle.one-page2"
127
+ }
128
+ ]
104
129
  },
105
130
  {
106
- "type": "OnboardImage",
107
- "attributes": {
108
- "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/aadf6191a8f1091831647b3a01e1a1aa.jpg",
109
- "height": 350,
110
- "resizeMode": "contain"
111
- }
131
+ "type": "OnboardItem",
132
+ "key": "app_onboard-page2",
133
+ "children": [
134
+ {
135
+ "type": "OnboardTitle",
136
+ "attributes": {
137
+ "style": {
138
+ "color": "#FDFDFD",
139
+ "textAlign": "center",
140
+ "marginTop": 40
141
+ }
142
+ },
143
+ "children": "onboard.title.two-page2"
144
+ },
145
+ {
146
+ "type": "OnboardSubtitle",
147
+ "attributes": {
148
+ "style": {
149
+ "color": "#C7C7C7",
150
+ "fontSize": 16,
151
+ "textAlign": "center"
152
+ }
153
+ },
154
+ "children": "onboard.subtitle.two-page2"
155
+ }
156
+ ]
112
157
  },
113
158
  {
114
- "type": "OnboardSubtitle",
115
- "attributes": {
116
- "color": "#C7C7C7",
117
- "fontSize": 16,
118
- "textAlign": "center"
119
- },
120
- "children": "onboard.subtitle.one-page2"
159
+ "type": "OnboardItem",
160
+ "key": "app_onboard-page3",
161
+ "children": [
162
+ {
163
+ "type": "OnboardTitle",
164
+ "attributes": {
165
+ "style": {
166
+ "color": "#FDFDFD",
167
+ "textAlign": "center",
168
+ "marginTop": 40
169
+ }
170
+ },
171
+ "children": "onboard.title.three-page2"
172
+ },
173
+ {
174
+ "type": "OnboardSubtitle",
175
+ "attributes": {
176
+ "style": {
177
+ "color": "#C7C7C7",
178
+ "fontSize": 16,
179
+ "textAlign": "center"
180
+ }
181
+ },
182
+ "children": "onboard.subtitle.three-page2"
183
+ }
184
+ ]
185
+ },
186
+ {
187
+ "type": "OnboardItem",
188
+ "key": "app_onboard-page4",
189
+ "children": [
190
+ {
191
+ "type": "OnboardTitle",
192
+ "attributes": {
193
+ "style": {
194
+ "color": "#FDFDFD",
195
+ "textAlign": "center",
196
+ "marginTop": 40
197
+ }
198
+ },
199
+ "children": "onboard.title.four-page2"
200
+ },
201
+ {
202
+ "type": "OnboardSubtitle",
203
+ "attributes": {
204
+ "style": {
205
+ "color": "#C7C7C7",
206
+ "fontSize": 16,
207
+ "textAlign": "center"
208
+ }
209
+ },
210
+ "children": "onboard.subtitle.four-page2"
211
+ }
212
+ ]
121
213
  }
122
214
  ]
123
215
  },
124
216
  {
125
- "type": "OnboardItem",
126
- "key": "app_onboard-page2",
217
+ "type": "OnboardDot",
218
+ "attributes": {
219
+ "dotType": "expanding_dot"
220
+ }
221
+ },
222
+ {
223
+ "type": "OnboardButtons",
224
+ "attributes": {
225
+ "buttons_direction": "row",
226
+ "condition": "carousel-index",
227
+ "conditionVariable": 0
228
+ },
127
229
  "children": [
128
230
  {
129
- "type": "OnboardTitle",
231
+ "type": "OnboardButton",
130
232
  "attributes": {
131
- "color": "#FDFDFD",
132
- "textAlign": "center",
133
- "marginTop": 40
134
- },
135
- "children": "onboard.title.two-page2"
233
+ "labelKey": "onboard.skip.one-page",
234
+ "button_text_color": "#A9AAAC",
235
+ "button_background_color": "#ffffff00",
236
+ "events": [
237
+ {
238
+ "type": "Navigate",
239
+ "navigate_to": null,
240
+ "targetIndex": 3
241
+ }
242
+ ],
243
+ "style": {
244
+ "flex": 1
245
+ }
246
+ }
136
247
  },
137
248
  {
138
- "type": "OnboardSubtitle",
249
+ "type": "OnboardButton",
139
250
  "attributes": {
140
- "color": "#C7C7C7",
141
- "fontSize": 16,
142
- "textAlign": "center"
143
- },
144
- "children": "onboard.subtitle.two-page2"
251
+ "labelKey": "onboard.next.one-page",
252
+ "button_text_color": "#FFFFFF",
253
+ "button_background_color": "#0066FF",
254
+ "events": [
255
+ {
256
+ "type": "Navigate",
257
+ "navigate_to": null,
258
+ "targetIndex": 1
259
+ }
260
+ ],
261
+ "style": {
262
+ "flex": 1
263
+ }
264
+ }
145
265
  }
146
266
  ]
147
267
  },
148
268
  {
149
- "type": "OnboardItem",
150
- "key": "app_onboard-page3",
269
+ "type": "OnboardButtons",
270
+ "attributes": {
271
+ "buttons_direction": "row",
272
+ "condition": "carousel-index",
273
+ "conditionVariable": 1
274
+ },
151
275
  "children": [
152
276
  {
153
- "type": "OnboardTitle",
277
+ "type": "OnboardButton",
154
278
  "attributes": {
155
- "color": "#FDFDFD",
156
- "textAlign": "center",
157
- "marginTop": 40
158
- },
159
- "children": "onboard.title.three-page2"
279
+ "labelKey": "onboard.skip.two-page",
280
+ "button_text_color": "#A9AAAC",
281
+ "button_background_color": "#ffffff00",
282
+ "events": [
283
+ {
284
+ "type": "Permission",
285
+ "permission": "att"
286
+ },
287
+ {
288
+ "type": "Navigate",
289
+ "navigate_to": null,
290
+ "targetIndex": 3
291
+ }
292
+ ],
293
+ "style": {
294
+ "flex": 1
295
+ }
296
+ }
160
297
  },
161
298
  {
162
- "type": "OnboardSubtitle",
299
+ "type": "OnboardButton",
163
300
  "attributes": {
164
- "color": "#C7C7C7",
165
- "fontSize": 16,
166
- "textAlign": "center"
167
- },
168
- "children": "onboard.subtitle.three-page2"
301
+ "labelKey": "onboard.next.two-page",
302
+ "button_text_color": "#FFFFFF",
303
+ "button_background_color": "#0066FF",
304
+ "events": [
305
+ {
306
+ "type": "Permission",
307
+ "permission": "att"
308
+ },
309
+ {
310
+ "type": "Navigate",
311
+ "navigate_to": null,
312
+ "targetIndex": 2
313
+ }
314
+ ],
315
+ "style": {
316
+ "flex": 1
317
+ }
318
+ }
169
319
  }
170
320
  ]
171
321
  },
172
322
  {
173
- "type": "OnboardItem",
174
- "key": "app_onboard-page4",
323
+ "type": "OnboardButtons",
324
+ "attributes": {
325
+ "buttons_direction": "row",
326
+ "condition": "carousel-index",
327
+ "conditionVariable": 2
328
+ },
175
329
  "children": [
176
330
  {
177
- "type": "OnboardTitle",
331
+ "type": "OnboardButton",
178
332
  "attributes": {
179
- "color": "#FDFDFD",
180
- "textAlign": "center",
181
- "marginTop": 40
182
- },
183
- "children": "onboard.title.four-page2"
333
+ "labelKey": "onboard.skip.three-page",
334
+ "button_text_color": "#A9AAAC",
335
+ "button_background_color": "#ffffff00",
336
+ "events": [
337
+ {
338
+ "type": "Navigate",
339
+ "navigate_to": null,
340
+ "targetIndex": 3
341
+ }
342
+ ],
343
+ "style": {
344
+ "flex": 1
345
+ }
346
+ }
184
347
  },
185
348
  {
186
- "type": "OnboardSubtitle",
349
+ "type": "OnboardButton",
187
350
  "attributes": {
188
- "color": "#C7C7C7",
189
- "fontSize": 16,
190
- "textAlign": "center"
191
- },
192
- "children": "onboard.subtitle.four-page2"
351
+ "labelKey": "onboard.next.three-page",
352
+ "button_text_color": "#FFFFFF",
353
+ "button_background_color": "#0066FF",
354
+ "events": [
355
+ {
356
+ "type": "Permission",
357
+ "permission": "rating"
358
+ },
359
+ {
360
+ "type": "Navigate",
361
+ "navigate_to": null,
362
+ "targetIndex": 3
363
+ }
364
+ ],
365
+ "style": {
366
+ "flex": 1
367
+ }
368
+ }
193
369
  }
194
370
  ]
195
- }
196
- ]
197
- },
198
- {
199
- "type": "OnboardDot",
200
- "attributes": {
201
- "dotType": "expanding_dot"
202
- }
203
- },
204
- {
205
- "type": "OnboardButtons",
206
- "attributes": {
207
- "buttons_direction": "row",
208
- "condition": "carousel-index",
209
- "conditionVariable": 0
210
- },
211
- "children": [
212
- {
213
- "type": "OnboardButton",
214
- "attributes": {
215
- "labelKey": "onboard.skip.one-page",
216
- "button_text_color": "#A9AAAC",
217
- "button_background_color": "#ffffff00",
218
- "flex": 1,
219
- "events": [
220
- {
221
- "type": "Navigate",
222
- "navigate_to": null,
223
- "targetIndex": 3
224
- }
225
- ]
226
- }
227
- },
228
- {
229
- "type": "OnboardButton",
230
- "attributes": {
231
- "labelKey": "onboard.next.one-page",
232
- "button_text_color": "#FFFFFF",
233
- "button_background_color": "#0066FF",
234
- "flex": 1,
235
- "events": [
236
- {
237
- "type": "Navigate",
238
- "navigate_to": null,
239
- "targetIndex": 1
240
- }
241
- ]
242
- }
243
- }
244
- ]
245
- },
246
- {
247
- "type": "OnboardButtons",
248
- "attributes": {
249
- "buttons_direction": "row",
250
- "condition": "carousel-index",
251
- "conditionVariable": 1
252
- },
253
- "children": [
254
- {
255
- "type": "OnboardButton",
256
- "attributes": {
257
- "labelKey": "onboard.skip.two-page",
258
- "button_text_color": "#A9AAAC",
259
- "button_background_color": "#ffffff00",
260
- "flex": 1,
261
- "events": [
262
- {
263
- "type": "Permission",
264
- "permission": "att"
265
- },
266
- {
267
- "type": "Navigate",
268
- "navigate_to": null,
269
- "targetIndex": 3
270
- }
271
- ]
272
- }
273
371
  },
274
372
  {
275
- "type": "OnboardButton",
276
- "attributes": {
277
- "labelKey": "onboard.next.two-page",
278
- "button_text_color": "#FFFFFF",
279
- "button_background_color": "#0066FF",
280
- "flex": 1,
281
- "events": [
282
- {
283
- "type": "Permission",
284
- "permission": "att"
285
- },
286
- {
287
- "type": "Navigate",
288
- "navigate_to": null,
289
- "targetIndex": 2
290
- }
291
- ]
292
- }
293
- }
294
- ]
295
- },
296
- {
297
- "type": "OnboardButtons",
298
- "attributes": {
299
- "buttons_direction": "row",
300
- "condition": "carousel-index",
301
- "conditionVariable": 2
302
- },
303
- "children": [
304
- {
305
- "type": "OnboardButton",
373
+ "type": "OnboardButtons",
306
374
  "attributes": {
307
- "labelKey": "onboard.skip.three-page",
308
- "button_text_color": "#A9AAAC",
309
- "button_background_color": "#ffffff00",
310
- "flex": 1,
311
- "events": [
312
- {
313
- "type": "Navigate",
314
- "navigate_to": null,
315
- "targetIndex": 3
375
+ "buttons_direction": "row",
376
+ "condition": "carousel-index",
377
+ "conditionVariable": 3
378
+ },
379
+ "children": [
380
+ {
381
+ "type": "OnboardButton",
382
+ "attributes": {
383
+ "labelKey": "onboard.allow.four-page",
384
+ "button_text_color": "#FFFFFF",
385
+ "button_background_color": "#0066FF",
386
+ "events": [
387
+ {
388
+ "type": "Permission",
389
+ "permission": "notification"
390
+ },
391
+ {
392
+ "type": "Navigate",
393
+ "navigate_to": "home"
394
+ }
395
+ ],
396
+ "style": {
397
+ "flex": 1
398
+ }
316
399
  }
317
- ]
318
- }
400
+ }
401
+ ]
319
402
  },
320
403
  {
321
- "type": "OnboardButton",
404
+ "type": "OnboardFooter",
322
405
  "attributes": {
323
- "labelKey": "onboard.next.three-page",
324
- "button_text_color": "#FFFFFF",
325
- "button_background_color": "#0066FF",
326
- "flex": 1,
327
- "events": [
328
- {
329
- "type": "Permission",
330
- "permission": "rating"
331
- },
332
- {
333
- "type": "Navigate",
334
- "navigate_to": null,
335
- "targetIndex": 3
336
- }
337
- ]
338
- }
339
- }
340
- ]
341
- },
342
- {
343
- "type": "OnboardButtons",
344
- "attributes": {
345
- "buttons_direction": "row",
346
- "condition": "carousel-index",
347
- "conditionVariable": 3
348
- },
349
- "children": [
350
- {
351
- "type": "OnboardButton",
352
- "attributes": {
353
- "labelKey": "onboard.allow.four-page",
354
- "button_text_color": "#FFFFFF",
355
- "button_background_color": "#0066FF",
356
- "flex": 1,
357
- "events": [
358
- {
359
- "type": "Permission",
360
- "permission": "notification"
361
- },
362
- {
363
- "type": "Navigate",
364
- "navigate_to": "home"
365
- }
366
- ]
406
+ "textLocalizationKey": "view.onboarding.footer.description",
407
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
408
+ "linkedWordFirstColor": "#81838F",
409
+ "linkedWordFirstPage": "privacy",
410
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
411
+ "linkedWordSecondColor": "#81838F",
412
+ "linkedWordSecondPage": "terms",
413
+ "style": {
414
+ "gap": 8,
415
+ "color": "#81838F"
416
+ }
367
417
  }
368
418
  }
369
- ]
370
- },
371
- {
372
- "type": "OnboardFooter",
419
+ ],
373
420
  "attributes": {
374
- "gap": 8,
375
- "textLocalizationKey": "view.onboarding.footer.description",
376
- "textColor": "#81838F",
377
- "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
378
- "linkedWordFirstColor": "#81838F",
379
- "linkedWordFirstPage": "privacy",
380
- "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
381
- "linkedWordSecondColor": "#81838F",
382
- "linkedWordSecondPage": "terms"
421
+ "theme": "dark"
383
422
  }
384
423
  }
385
- ],
386
- "attributes": {
387
- "theme": "dark"
388
- }
389
- }
390
424
  ]
391
425
  }
392
426
  }