@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-2 (legacy)",
3
- "version": "1.0.0",
2
+ "name": "vpn-onboard-2",
3
+ "version": "1.1.0",
4
4
  "type": "onboard",
5
5
  "appConfig": {
6
6
  "theme": "light",
@@ -69,337 +69,377 @@
69
69
  "children": [
70
70
  {
71
71
  "type": "OnboardProvider",
72
- "children": [
73
- {
74
- "type": "Onboard",
75
72
  "children": [
76
73
  {
77
- "type": "OnboardItem",
78
- "key": "app_onboard-page1",
74
+ "type": "Onboard",
79
75
  "children": [
80
76
  {
81
- "type": "OnboardTitle",
82
- "attributes": {
83
- "color": "#12131A",
84
- "textAlign": "center",
85
- "marginTop": 40
86
- },
87
- "children": "onboard.title.one-page"
77
+ "type": "OnboardItem",
78
+ "key": "app_onboard-page1",
79
+ "children": [
80
+ {
81
+ "type": "OnboardTitle",
82
+ "attributes": {
83
+ "style": {
84
+ "color": "#12131A",
85
+ "textAlign": "center",
86
+ "marginTop": 40
87
+ }
88
+ },
89
+ "children": "onboard.title.one-page"
90
+ },
91
+ {
92
+ "type": "OnboardImage",
93
+ "attributes": {
94
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/0c65cbe8e0c2e1242146e15dfd50a486.png",
95
+ "resizeMode": "contain",
96
+ "style": {
97
+ "height": 350
98
+ }
99
+ }
100
+ },
101
+ {
102
+ "type": "OnboardSubtitle",
103
+ "attributes": {
104
+ "style": {
105
+ "color": "#44454D",
106
+ "fontSize": 16,
107
+ "textAlign": "center"
108
+ }
109
+ },
110
+ "children": "onboard.subtitle.one-page"
111
+ }
112
+ ]
88
113
  },
89
114
  {
90
- "type": "OnboardImage",
91
- "attributes": {
92
- "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/0c65cbe8e0c2e1242146e15dfd50a486.png",
93
- "height": 350,
94
- "resizeMode": "contain"
95
- }
115
+ "type": "OnboardItem",
116
+ "key": "app_onboard-page2",
117
+ "children": [
118
+ {
119
+ "type": "OnboardTitle",
120
+ "attributes": {
121
+ "style": {
122
+ "color": "#12131A",
123
+ "textAlign": "center",
124
+ "marginTop": 40
125
+ }
126
+ },
127
+ "children": "onboard.title.two-page"
128
+ },
129
+ {
130
+ "type": "OnboardImage",
131
+ "attributes": {
132
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/e8bbdde825cd23bdc44a9b2b32af22dc.png",
133
+ "resizeMode": "contain",
134
+ "style": {
135
+ "height": 350
136
+ }
137
+ }
138
+ },
139
+ {
140
+ "type": "OnboardSubtitle",
141
+ "attributes": {
142
+ "style": {
143
+ "color": "#44454D",
144
+ "fontSize": 16,
145
+ "textAlign": "center"
146
+ }
147
+ },
148
+ "children": "onboard.subtitle.two-page"
149
+ }
150
+ ]
96
151
  },
97
152
  {
98
- "type": "OnboardSubtitle",
99
- "attributes": {
100
- "color": "#44454D",
101
- "fontSize": 16,
102
- "textAlign": "center"
103
- },
104
- "children": "onboard.subtitle.one-page"
153
+ "type": "OnboardItem",
154
+ "key": "app_onboard-page3",
155
+ "children": [
156
+ {
157
+ "type": "OnboardTitle",
158
+ "attributes": {
159
+ "style": {
160
+ "color": "#12131A",
161
+ "textAlign": "center",
162
+ "marginTop": 40
163
+ }
164
+ },
165
+ "children": "onboard.title.three-page"
166
+ },
167
+ {
168
+ "type": "OnboardImage",
169
+ "attributes": {
170
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/3f312b38faf844746250cd54f27f91da.png",
171
+ "resizeMode": "contain",
172
+ "style": {
173
+ "height": 350
174
+ }
175
+ }
176
+ },
177
+ {
178
+ "type": "OnboardSubtitle",
179
+ "attributes": {
180
+ "style": {
181
+ "color": "#44454D",
182
+ "fontSize": 16,
183
+ "textAlign": "center"
184
+ }
185
+ },
186
+ "children": "onboard.subtitle.three-page"
187
+ }
188
+ ]
189
+ },
190
+ {
191
+ "type": "OnboardItem",
192
+ "key": "app_onboard-page4",
193
+ "children": [
194
+ {
195
+ "type": "OnboardTitle",
196
+ "attributes": {
197
+ "style": {
198
+ "color": "#12131A",
199
+ "textAlign": "center",
200
+ "marginTop": 40
201
+ }
202
+ },
203
+ "children": "onboard.title.four-page"
204
+ },
205
+ {
206
+ "type": "OnboardImage",
207
+ "attributes": {
208
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/f4db2a32a43239c3bbbe742cb0f18b61.png",
209
+ "resizeMode": "contain",
210
+ "style": {
211
+ "height": 350
212
+ }
213
+ }
214
+ },
215
+ {
216
+ "type": "OnboardSubtitle",
217
+ "attributes": {
218
+ "style": {
219
+ "color": "#44454D",
220
+ "fontSize": 16,
221
+ "textAlign": "center"
222
+ }
223
+ },
224
+ "children": "onboard.subtitle.four-page"
225
+ }
226
+ ]
105
227
  }
106
228
  ]
107
229
  },
108
230
  {
109
- "type": "OnboardItem",
110
- "key": "app_onboard-page2",
231
+ "type": "OnboardDot",
232
+ "attributes": {
233
+ "dotType": "expanding_dot",
234
+ "expanding_dot_width": 20,
235
+ "active_dot_color": "#007AFF"
236
+ }
237
+ },
238
+ {
239
+ "type": "OnboardButtons",
240
+ "attributes": {
241
+ "buttons_direction": "row",
242
+ "condition": "carousel-index",
243
+ "conditionVariable": 0
244
+ },
111
245
  "children": [
112
246
  {
113
- "type": "OnboardTitle",
114
- "attributes": {
115
- "color": "#12131A",
116
- "textAlign": "center",
117
- "marginTop": 40
118
- },
119
- "children": "onboard.title.two-page"
120
- },
121
- {
122
- "type": "OnboardImage",
247
+ "type": "OnboardButton",
123
248
  "attributes": {
124
- "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/e8bbdde825cd23bdc44a9b2b32af22dc.png",
125
- "height": 350,
126
- "resizeMode": "contain"
249
+ "labelKey": "onboard.skip.one-page",
250
+ "button_text_color": "#81838F",
251
+ "animation": "line-animation",
252
+ "animation_color": "#FFFFFF",
253
+ "button_background_color": "#ffffff00",
254
+ "events": [
255
+ {
256
+ "type": "Navigate",
257
+ "navigate_to": null,
258
+ "targetIndex": 3
259
+ }
260
+ ],
261
+ "style": {
262
+ "flex": 1
263
+ }
127
264
  }
128
265
  },
129
266
  {
130
- "type": "OnboardSubtitle",
267
+ "type": "OnboardButton",
131
268
  "attributes": {
132
- "color": "#44454D",
133
- "fontSize": 16,
134
- "textAlign": "center"
135
- },
136
- "children": "onboard.subtitle.two-page"
269
+ "labelKey": "onboard.next.one-page",
270
+ "button_text_color": "#FFFFFF",
271
+ "animation": "simple-animation",
272
+ "button_background_color": "#0066FF",
273
+ "events": [
274
+ {
275
+ "type": "Navigate",
276
+ "navigate_to": null,
277
+ "targetIndex": 1
278
+ }
279
+ ],
280
+ "style": {
281
+ "flex": 1
282
+ }
283
+ }
137
284
  }
138
285
  ]
139
286
  },
140
287
  {
141
- "type": "OnboardItem",
142
- "key": "app_onboard-page3",
288
+ "type": "OnboardButtons",
289
+ "attributes": {
290
+ "buttons_direction": "row",
291
+ "condition": "carousel-index",
292
+ "conditionVariable": 1
293
+ },
143
294
  "children": [
144
295
  {
145
- "type": "OnboardTitle",
146
- "attributes": {
147
- "color": "#12131A",
148
- "textAlign": "center",
149
- "marginTop": 40
150
- },
151
- "children": "onboard.title.three-page"
152
- },
153
- {
154
- "type": "OnboardImage",
296
+ "type": "OnboardButton",
155
297
  "attributes": {
156
- "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/3f312b38faf844746250cd54f27f91da.png",
157
- "height": 350,
158
- "resizeMode": "contain"
298
+ "labelKey": "onboard.skip.two-page",
299
+ "button_text_color": "#81838F",
300
+ "button_background_color": "#ffffff00",
301
+ "events": [
302
+ {
303
+ "type": "Permission",
304
+ "permission": "att"
305
+ },
306
+ {
307
+ "type": "Navigate",
308
+ "navigate_to": null,
309
+ "targetIndex": 3
310
+ }
311
+ ],
312
+ "style": {
313
+ "flex": 1
314
+ }
159
315
  }
160
316
  },
161
317
  {
162
- "type": "OnboardSubtitle",
318
+ "type": "OnboardButton",
163
319
  "attributes": {
164
- "color": "#44454D",
165
- "fontSize": 16,
166
- "textAlign": "center"
167
- },
168
- "children": "onboard.subtitle.three-page"
320
+ "labelKey": "onboard.next.two-page",
321
+ "button_text_color": "#FFFFFF",
322
+ "button_background_color": "#0066FF",
323
+ "events": [
324
+ {
325
+ "type": "Permission",
326
+ "permission": "att"
327
+ },
328
+ {
329
+ "type": "Navigate",
330
+ "navigate_to": null,
331
+ "targetIndex": 2
332
+ }
333
+ ],
334
+ "style": {
335
+ "flex": 1
336
+ }
337
+ }
169
338
  }
170
339
  ]
171
340
  },
172
341
  {
173
- "type": "OnboardItem",
174
- "key": "app_onboard-page4",
342
+ "type": "OnboardButtons",
343
+ "attributes": {
344
+ "buttons_direction": "row",
345
+ "condition": "carousel-index",
346
+ "conditionVariable": 2
347
+ },
175
348
  "children": [
176
349
  {
177
- "type": "OnboardTitle",
178
- "attributes": {
179
- "color": "#12131A",
180
- "textAlign": "center",
181
- "marginTop": 40
182
- },
183
- "children": "onboard.title.four-page"
184
- },
185
- {
186
- "type": "OnboardImage",
350
+ "type": "OnboardButton",
187
351
  "attributes": {
188
- "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/f4db2a32a43239c3bbbe742cb0f18b61.png",
189
- "height": 350,
190
- "resizeMode": "contain"
352
+ "labelKey": "onboard.skip.three-page",
353
+ "button_text_color": "#81838F",
354
+ "button_background_color": "#ffffff00",
355
+ "events": [
356
+ {
357
+ "type": "Navigate",
358
+ "navigate_to": null,
359
+ "targetIndex": 3
360
+ }
361
+ ],
362
+ "style": {
363
+ "flex": 1
364
+ }
191
365
  }
192
366
  },
193
367
  {
194
- "type": "OnboardSubtitle",
368
+ "type": "OnboardButton",
195
369
  "attributes": {
196
- "color": "#44454D",
197
- "fontSize": 16,
198
- "textAlign": "center"
199
- },
200
- "children": "onboard.subtitle.four-page"
370
+ "labelKey": "onboard.next.three-page",
371
+ "button_text_color": "#FFFFFF",
372
+ "button_background_color": "#0066FF",
373
+ "events": [
374
+ {
375
+ "type": "Permission",
376
+ "permission": "rating"
377
+ },
378
+ {
379
+ "type": "Navigate",
380
+ "navigate_to": null,
381
+ "targetIndex": 3
382
+ }
383
+ ],
384
+ "style": {
385
+ "flex": 1
386
+ }
387
+ }
201
388
  }
202
389
  ]
203
- }
204
- ]
205
- },
206
- {
207
- "type": "OnboardDot",
208
- "attributes": {
209
- "dotType": "expanding_dot",
210
- "expanding_dot_width": 20,
211
- "active_dot_color": "#007AFF"
212
- }
213
- },
214
- {
215
- "type": "OnboardButtons",
216
- "attributes": {
217
- "buttons_direction": "row",
218
- "condition": "carousel-index",
219
- "conditionVariable": 0
220
- },
221
- "children": [
222
- {
223
- "type": "OnboardButton",
224
- "attributes": {
225
- "labelKey": "onboard.skip.one-page",
226
- "button_text_color": "#81838F",
227
- "animation": "line-animation",
228
- "animation_color": "#FFFFFF",
229
- "button_background_color": "#ffffff00",
230
- "flex": 1,
231
- "events": [
232
- {
233
- "type": "Navigate",
234
- "navigate_to": null,
235
- "targetIndex": 3
236
- }
237
- ]
238
- }
239
- },
240
- {
241
- "type": "OnboardButton",
242
- "attributes": {
243
- "labelKey": "onboard.next.one-page",
244
- "button_text_color": "#FFFFFF",
245
- "animation": "simple-animation",
246
- "button_background_color": "#0066FF",
247
- "flex": 1,
248
- "events": [
249
- {
250
- "type": "Navigate",
251
- "navigate_to": null,
252
- "targetIndex": 1
253
- }
254
- ]
255
- }
256
- }
257
- ]
258
- },
259
- {
260
- "type": "OnboardButtons",
261
- "attributes": {
262
- "buttons_direction": "row",
263
- "condition": "carousel-index",
264
- "conditionVariable": 1
265
- },
266
- "children": [
267
- {
268
- "type": "OnboardButton",
269
- "attributes": {
270
- "labelKey": "onboard.skip.two-page",
271
- "button_text_color": "#81838F",
272
- "button_background_color": "#ffffff00",
273
- "flex": 1,
274
- "events": [
275
- {
276
- "type": "Permission",
277
- "permission": "att"
278
- },
279
- {
280
- "type": "Navigate",
281
- "navigate_to": null,
282
- "targetIndex": 3
283
- }
284
- ]
285
- }
286
390
  },
287
391
  {
288
- "type": "OnboardButton",
289
- "attributes": {
290
- "labelKey": "onboard.next.two-page",
291
- "button_text_color": "#FFFFFF",
292
- "button_background_color": "#0066FF",
293
- "flex": 1,
294
- "events": [
295
- {
296
- "type": "Permission",
297
- "permission": "att"
298
- },
299
- {
300
- "type": "Navigate",
301
- "navigate_to": null,
302
- "targetIndex": 2
303
- }
304
- ]
305
- }
306
- }
307
- ]
308
- },
309
- {
310
- "type": "OnboardButtons",
311
- "attributes": {
312
- "buttons_direction": "row",
313
- "condition": "carousel-index",
314
- "conditionVariable": 2
315
- },
316
- "children": [
317
- {
318
- "type": "OnboardButton",
392
+ "type": "OnboardButtons",
319
393
  "attributes": {
320
- "labelKey": "onboard.skip.three-page",
321
- "button_text_color": "#81838F",
322
- "button_background_color": "#ffffff00",
323
- "flex": 1,
324
- "events": [
325
- {
326
- "type": "Navigate",
327
- "navigate_to": null,
328
- "targetIndex": 3
394
+ "buttons_direction": "row",
395
+ "condition": "carousel-index",
396
+ "conditionVariable": 3
397
+ },
398
+ "children": [
399
+ {
400
+ "type": "OnboardButton",
401
+ "attributes": {
402
+ "labelKey": "onboard.allow.four-page",
403
+ "button_text_color": "#FFFFFF",
404
+ "button_background_color": "#0066FF",
405
+ "events": [
406
+ {
407
+ "type": "Permission",
408
+ "permission": "notification"
409
+ },
410
+ {
411
+ "type": "Navigate",
412
+ "navigate_to": "home"
413
+ }
414
+ ],
415
+ "style": {
416
+ "flex": 1
417
+ }
329
418
  }
330
- ]
331
- }
419
+ }
420
+ ]
332
421
  },
333
422
  {
334
- "type": "OnboardButton",
423
+ "type": "OnboardFooter",
335
424
  "attributes": {
336
- "labelKey": "onboard.next.three-page",
337
- "button_text_color": "#FFFFFF",
338
- "button_background_color": "#0066FF",
339
- "flex": 1,
340
- "events": [
341
- {
342
- "type": "Permission",
343
- "permission": "rating"
344
- },
345
- {
346
- "type": "Navigate",
347
- "navigate_to": null,
348
- "targetIndex": 3
349
- }
350
- ]
351
- }
352
- }
353
- ]
354
- },
355
- {
356
- "type": "OnboardButtons",
357
- "attributes": {
358
- "buttons_direction": "row",
359
- "condition": "carousel-index",
360
- "conditionVariable": 3
361
- },
362
- "children": [
363
- {
364
- "type": "OnboardButton",
365
- "attributes": {
366
- "labelKey": "onboard.allow.four-page",
367
- "button_text_color": "#FFFFFF",
368
- "button_background_color": "#0066FF",
369
- "flex": 1,
370
- "events": [
371
- {
372
- "type": "Permission",
373
- "permission": "notification"
374
- },
375
- {
376
- "type": "Navigate",
377
- "navigate_to": "home"
378
- }
379
- ]
425
+ "textLocalizationKey": "view.onboarding.footer.description",
426
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
427
+ "linkedWordFirstColor": "#1778F2",
428
+ "linkedWordFirstPage": "privacy",
429
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
430
+ "linkedWordSecondColor": "#1778F2",
431
+ "linkedWordSecondPage": "terms",
432
+ "style": {
433
+ "gap": 8,
434
+ "color": "#A2A4B1"
435
+ }
380
436
  }
381
437
  }
382
- ]
383
- },
384
- {
385
- "type": "OnboardFooter",
438
+ ],
386
439
  "attributes": {
387
- "gap": 8,
388
- "textLocalizationKey": "view.onboarding.footer.description",
389
- "textColor": "#A2A4B1",
390
- "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
391
- "linkedWordFirstColor": "#1778F2",
392
- "linkedWordFirstPage": "privacy",
393
- "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
394
- "linkedWordSecondColor": "#1778F2",
395
- "linkedWordSecondPage": "terms"
440
+ "theme": "light"
396
441
  }
397
442
  }
398
- ],
399
- "attributes": {
400
- "theme": "light"
401
- }
402
- }
403
443
  ]
404
444
  }
405
445
  }