@developer_tribe/react-builder 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (682) hide show
  1. package/README.md +6 -0
  2. package/dist/AttributesEditor.d.ts +3 -1
  3. package/dist/DeviceMockFrame.d.ts +2 -1
  4. package/dist/RenderPage.d.ts +5 -3
  5. package/dist/assets/samples/getSamples.d.ts +1 -0
  6. package/dist/attributes-editor/Field.d.ts +18 -0
  7. package/dist/attributes-editor/FieldInfoTooltip.d.ts +7 -0
  8. package/dist/attributes-editor/LayoutPreviewPicker.d.ts +12 -0
  9. package/dist/attributes-editor/SizeField.d.ts +9 -0
  10. package/dist/attributes-editor/SpecialCategorySection.d.ts +20 -0
  11. package/dist/attributes-editor/types.d.ts +14 -0
  12. package/dist/build-components/BIcon/BIcon.d.ts +5 -0
  13. package/dist/build-components/BIcon/BIconProps.generated.d.ts +58 -0
  14. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +5 -0
  15. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +50 -0
  16. package/dist/build-components/Button/Button.d.ts +1 -1
  17. package/dist/build-components/Button/ButtonProps.generated.d.ts +39 -1
  18. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +44 -1
  19. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +38 -0
  20. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +38 -0
  21. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +40 -1
  22. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +40 -1
  23. package/dist/build-components/Image/ImageProps.generated.d.ts +38 -3
  24. package/dist/build-components/Main/Main.d.ts +5 -0
  25. package/dist/build-components/Main/MainProps.generated.d.ts +48 -0
  26. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +40 -1
  27. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +38 -1
  28. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +38 -0
  29. package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
  30. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +36 -3
  31. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +21 -7
  32. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +38 -3
  33. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +37 -3
  34. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +40 -6
  35. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +21 -7
  36. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +21 -7
  37. package/dist/build-components/PaywallBackground/PaywallBackground.d.ts +5 -0
  38. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +47 -0
  39. package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +5 -0
  40. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +58 -0
  41. package/dist/build-components/PaywallOptions/PaywallOptionButton.d.ts +9 -0
  42. package/dist/build-components/PaywallOptions/PaywallOptions.d.ts +5 -0
  43. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +47 -0
  44. package/dist/build-components/PaywallOptions/usePaywallOptionParamsFactory.d.ts +10 -0
  45. package/dist/build-components/PaywallProvider/PaywallContext.d.ts +12 -0
  46. package/dist/build-components/PaywallProvider/PaywallProvider.d.ts +5 -0
  47. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +47 -0
  48. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButton.d.ts +5 -0
  49. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +51 -0
  50. package/dist/build-components/RadioButton/RadioButton.d.ts +11 -0
  51. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +50 -0
  52. package/dist/build-components/RenderNode.generated.d.ts +1 -1
  53. package/dist/build-components/Text/TextProps.generated.d.ts +21 -7
  54. package/dist/build-components/View/ViewProps.generated.d.ts +16 -4
  55. package/dist/build-components/index.d.ts +10 -1
  56. package/dist/build-components/patterns.generated.d.ts +10325 -203
  57. package/dist/components/AttributesEditorPanel.d.ts +4 -4
  58. package/dist/components/BottomBar.d.ts +12 -0
  59. package/dist/components/Breadcrumb.d.ts +3 -1
  60. package/dist/components/Builder.d.ts +3 -2
  61. package/dist/components/BuilderButton.d.ts +9 -0
  62. package/dist/components/BuilderProvider.d.ts +17 -0
  63. package/dist/components/Checkbox.d.ts +17 -0
  64. package/dist/components/DeviceButton.d.ts +8 -0
  65. package/dist/components/DeviceNavigationBar.d.ts +10 -0
  66. package/dist/components/DeviceStatusBar.d.ts +9 -0
  67. package/dist/components/EditorHeader.d.ts +3 -8
  68. package/dist/components/Icon.generated.d.ts +11 -0
  69. package/dist/components/JsonTextEditor.d.ts +9 -0
  70. package/dist/components/LoadingComponent.d.ts +1 -0
  71. package/dist/components/LocalizationParamsProvider.d.ts +11 -0
  72. package/dist/components/ParamsProvider.d.ts +19 -0
  73. package/dist/components/RenderErrorBoundary.d.ts +28 -0
  74. package/dist/hooks/useLocalizationParams.d.ts +1 -0
  75. package/dist/hooks/useLocalize.d.ts +2 -0
  76. package/dist/hooks/useParams.d.ts +1 -0
  77. package/dist/hooks/useProjectFonts.d.ts +13 -0
  78. package/dist/hooks/useSafeAreaViewStyle.d.ts +1 -0
  79. package/dist/hooks/useSyncHtmlThemeClass.d.ts +7 -0
  80. package/dist/index.cjs.js +5 -5
  81. package/dist/index.cjs.js.map +1 -1
  82. package/dist/index.d.ts +17 -2
  83. package/dist/index.esm.js +5 -5
  84. package/dist/index.esm.js.map +1 -1
  85. package/dist/index.native.cjs.js +29 -0
  86. package/dist/index.native.cjs.js.map +1 -0
  87. package/dist/index.native.d.ts +32 -0
  88. package/dist/index.native.esm.js +29 -0
  89. package/dist/index.native.esm.js.map +1 -0
  90. package/dist/migrations/migratePipe.d.ts +14 -0
  91. package/dist/migrations/migrations/1.1.0_normalize_style_attributes.d.ts +2 -0
  92. package/dist/migrations/semver.d.ts +8 -0
  93. package/dist/migrations/types.d.ts +8 -0
  94. package/dist/mockOS/components/MockLaunchScreenComponent.d.ts +6 -0
  95. package/dist/mockOS/components/MockOSRouter.d.ts +8 -0
  96. package/dist/mockOS/components/PermissionModal.d.ts +9 -0
  97. package/dist/mockOS/components/SubscriptionModal.d.ts +7 -0
  98. package/dist/mockOS/context/MockOSContext.d.ts +22 -0
  99. package/dist/mockOS/context/MockOSContextBase.d.ts +22 -0
  100. package/dist/mockOS/hooks/useMockIap.d.ts +3 -0
  101. package/dist/mockOS/hooks/useMockNavigation.d.ts +3 -0
  102. package/dist/mockOS/hooks/useMockPermission.d.ts +3 -0
  103. package/dist/mockOS/index.d.ts +14 -0
  104. package/dist/mockOS/managers/mockOSIapManager.d.ts +6 -0
  105. package/dist/mockOS/managers/mockPermissionManager.d.ts +10 -0
  106. package/dist/mockOS/managers/navigationManager.d.ts +17 -0
  107. package/dist/mockOS/managers/subscriptionManager.d.ts +10 -0
  108. package/dist/modals/AddComponentModal.d.ts +8 -0
  109. package/dist/modals/BenefitEditModal.d.ts +13 -0
  110. package/dist/modals/BenefitPresetsModal.d.ts +9 -0
  111. package/dist/modals/ColorModal.d.ts +11 -0
  112. package/dist/modals/DeviceSelectorModal.d.ts +9 -0
  113. package/dist/modals/IconPickerModal.d.ts +9 -0
  114. package/dist/modals/LocalicationModal.d.ts +8 -0
  115. package/dist/modals/MockableFeatureModal.d.ts +6 -0
  116. package/dist/modals/Modal.d.ts +12 -0
  117. package/dist/modals/ProductEditModal.d.ts +9 -0
  118. package/dist/modals/ProductPresetsModal.d.ts +9 -0
  119. package/dist/modals/ScreenColorsModal.d.ts +8 -0
  120. package/dist/modals/index.d.ts +12 -0
  121. package/dist/pages/ProjectDebug.d.ts +14 -0
  122. package/dist/pages/ProjectMigrationPage.d.ts +23 -0
  123. package/dist/pages/ProjectPage.d.ts +11 -4
  124. package/dist/pages/ProjectValidationPage.d.ts +15 -0
  125. package/dist/pages/tabs/BuilderPanel.d.ts +8 -0
  126. package/dist/pages/tabs/SideTool.d.ts +8 -0
  127. package/dist/paywall/hooks/index.d.ts +5 -0
  128. package/dist/paywall/hooks/useCalculateLocalizedPrice.d.ts +4 -0
  129. package/dist/paywall/hooks/useCarouselOptionsSeperator.d.ts +6 -0
  130. package/dist/paywall/hooks/useCloseStatusPaywall.d.ts +4 -0
  131. package/dist/paywall/hooks/useDiscountRate.d.ts +4 -0
  132. package/dist/paywall/hooks/usePaywallCounter.d.ts +4 -0
  133. package/dist/paywall/types/benefits.d.ts +14 -0
  134. package/dist/paywall/types/paywall-types.d.ts +43 -0
  135. package/dist/store.d.ts +57 -3
  136. package/dist/styles.css +1 -1
  137. package/dist/types/Device.d.ts +5 -0
  138. package/dist/types/Fonts.d.ts +12 -0
  139. package/dist/types/Icons.d.ts +2 -0
  140. package/dist/types/Project.d.ts +26 -0
  141. package/dist/utils/__special_exceptions.d.ts +7 -0
  142. package/dist/utils/analyseNode.d.ts +2 -4
  143. package/dist/utils/analyseNodeByPatterns.d.ts +16 -0
  144. package/dist/utils/analyseNodeStructural.d.ts +11 -0
  145. package/dist/utils/extractImageStyle.d.ts +2 -1
  146. package/dist/utils/extractTextStyle.d.ts +8 -1
  147. package/dist/utils/extractViewStyle.d.ts +7 -1
  148. package/dist/utils/findNodeByKeyNested.d.ts +2 -0
  149. package/dist/utils/fontWeight.d.ts +3 -0
  150. package/dist/utils/fontsDebug.d.ts +12 -0
  151. package/dist/utils/getImage.d.ts +23 -0
  152. package/dist/utils/loadFontFamily.d.ts +30 -0
  153. package/dist/utils/logger.d.ts +11 -0
  154. package/dist/utils/nodeGuards.d.ts +5 -0
  155. package/dist/utils/nodeTree.d.ts +5 -0
  156. package/dist/utils/novaToJson.d.ts +5 -0
  157. package/dist/utils/parseColor.d.ts +7 -0
  158. package/dist/utils/pasteNode.d.ts +15 -0
  159. package/dist/utils/patterns.d.ts +39 -2
  160. package/dist/utils/replaceLocalizationParams.d.ts +1 -0
  161. package/dist/utils/selection.d.ts +7 -0
  162. package/dist/utils/useLogRender.d.ts +1 -0
  163. package/dist/utils/useMergedStyle.d.ts +2 -0
  164. package/package.json +42 -7
  165. package/scripts/migrate-patterns-to-v2.mjs +131 -0
  166. package/scripts/migrate-samples-to-current.ts +79 -0
  167. package/scripts/prebuild/assets/icon.template +71 -0
  168. package/scripts/prebuild/build-components.js +5 -0
  169. package/scripts/prebuild/icon-generator.js +206 -0
  170. package/scripts/prebuild/prebuild.js +10 -1
  171. package/scripts/prebuild/utils/createComponentTsx.js +6 -3
  172. package/scripts/prebuild/utils/createGeneratedProps.js +25 -8
  173. package/scripts/prebuild/utils/createRenderNodeGenerated.js +43 -8
  174. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +92 -29
  175. package/scripts/prebuild/utils/validatePatternJson.js +26 -15
  176. package/src/.DS_Store +0 -0
  177. package/src/AttributesEditor.tsx +903 -303
  178. package/src/DeviceMockFrame.tsx +50 -66
  179. package/src/RenderPage.tsx +120 -16
  180. package/src/assets/.DS_Store +0 -0
  181. package/src/assets/benefits.json +24 -0
  182. package/src/assets/devices.json +91 -0
  183. package/src/assets/iconset/activity-heart.svg +3 -0
  184. package/src/assets/iconset/activity.svg +3 -0
  185. package/src/assets/iconset/alert-circle.svg +3 -0
  186. package/src/assets/iconset/alert-triangle.svg +3 -0
  187. package/src/assets/iconset/anchor.svg +3 -0
  188. package/src/assets/iconset/archive.svg +3 -0
  189. package/src/assets/iconset/arrow-down.svg +3 -0
  190. package/src/assets/iconset/arrow-left.svg +3 -0
  191. package/src/assets/iconset/arrow-narrow-down-left.svg +3 -0
  192. package/src/assets/iconset/arrow-narrow-up-right.svg +3 -0
  193. package/src/assets/iconset/arrow-right-smooth.svg +4 -0
  194. package/src/assets/iconset/arrow-right.svg +7 -0
  195. package/src/assets/iconset/asterisk-01.svg +3 -0
  196. package/src/assets/iconset/asterisk-02.svg +3 -0
  197. package/src/assets/iconset/at-sign.svg +3 -0
  198. package/src/assets/iconset/award.svg +4 -0
  199. package/src/assets/iconset/battery-charging.svg +6 -0
  200. package/src/assets/iconset/bell-01.svg +5 -0
  201. package/src/assets/iconset/bell-02.svg +3 -0
  202. package/src/assets/iconset/bell-ringing-02.svg +3 -0
  203. package/src/assets/iconset/bookmark-add.svg +3 -0
  204. package/src/assets/iconset/bookmark-check.svg +3 -0
  205. package/src/assets/iconset/bookmark-minus.svg +3 -0
  206. package/src/assets/iconset/bookmark-x.svg +3 -0
  207. package/src/assets/iconset/bookmark.svg +3 -0
  208. package/src/assets/iconset/bubble.svg +5 -0
  209. package/src/assets/iconset/building-01.svg +3 -0
  210. package/src/assets/iconset/building-02.svg +3 -0
  211. package/src/assets/iconset/building-03.svg +3 -0
  212. package/src/assets/iconset/building-04.svg +3 -0
  213. package/src/assets/iconset/building-05.svg +3 -0
  214. package/src/assets/iconset/building-06.svg +3 -0
  215. package/src/assets/iconset/building-07.svg +3 -0
  216. package/src/assets/iconset/building-08.svg +3 -0
  217. package/src/assets/iconset/building-09.svg +3 -0
  218. package/src/assets/iconset/camera-01.svg +8 -0
  219. package/src/assets/iconset/camera-steel.svg +4 -0
  220. package/src/assets/iconset/camera.svg +4 -0
  221. package/src/assets/iconset/check-circle-bold.svg +3 -0
  222. package/src/assets/iconset/check-circle-broken.svg +3 -0
  223. package/src/assets/iconset/check-circle.svg +3 -0
  224. package/src/assets/iconset/check-done-01.svg +3 -0
  225. package/src/assets/iconset/check-done-02.svg +3 -0
  226. package/src/assets/iconset/check-heart.svg +3 -0
  227. package/src/assets/iconset/check-square-broken.svg +3 -0
  228. package/src/assets/iconset/check-square.svg +3 -0
  229. package/src/assets/iconset/check-verified-01.svg +3 -0
  230. package/src/assets/iconset/check-verified-02.svg +3 -0
  231. package/src/assets/iconset/check-verified-03.svg +3 -0
  232. package/src/assets/iconset/check.svg +3 -0
  233. package/src/assets/iconset/checkbox.svg +4 -0
  234. package/src/assets/iconset/checkv.svg +3 -0
  235. package/src/assets/iconset/chevron-down.svg +3 -0
  236. package/src/assets/iconset/chevron-down2.svg +3 -0
  237. package/src/assets/iconset/chevron-left-2.svg +3 -0
  238. package/src/assets/iconset/chevron-left.svg +3 -0
  239. package/src/assets/iconset/chevron-right-empty.svg +3 -0
  240. package/src/assets/iconset/chevron-right-smooth.svg +3 -0
  241. package/src/assets/iconset/chevron-right.svg +3 -0
  242. package/src/assets/iconset/chevron-up.svg +3 -0
  243. package/src/assets/iconset/circle.svg +32 -0
  244. package/src/assets/iconset/clock-fast-forward.svg +10 -0
  245. package/src/assets/iconset/clock.svg +3 -0
  246. package/src/assets/iconset/close-circle.svg +3 -0
  247. package/src/assets/iconset/close.svg +3 -0
  248. package/src/assets/iconset/cloud-01.svg +5 -0
  249. package/src/assets/iconset/cloud-blank-01.svg +3 -0
  250. package/src/assets/iconset/cloud-blank-02.svg +3 -0
  251. package/src/assets/iconset/coin.svg +5 -0
  252. package/src/assets/iconset/coins-02.svg +3 -0
  253. package/src/assets/iconset/colors.svg +3 -0
  254. package/src/assets/iconset/copy-01.svg +3 -0
  255. package/src/assets/iconset/copy-02.svg +3 -0
  256. package/src/assets/iconset/copy-03.svg +3 -0
  257. package/src/assets/iconset/copy-04.svg +3 -0
  258. package/src/assets/iconset/copy-05.svg +3 -0
  259. package/src/assets/iconset/copy-06.svg +3 -0
  260. package/src/assets/iconset/copy-07.svg +3 -0
  261. package/src/assets/iconset/corner-down-right.svg +3 -0
  262. package/src/assets/iconset/crypto-bold.svg +4 -0
  263. package/src/assets/iconset/delete-icon.svg +5 -0
  264. package/src/assets/iconset/diamond.svg +3 -0
  265. package/src/assets/iconset/dice-3.svg +3 -0
  266. package/src/assets/iconset/divide-01.svg +3 -0
  267. package/src/assets/iconset/divide-02.svg +3 -0
  268. package/src/assets/iconset/divide-03.svg +3 -0
  269. package/src/assets/iconset/document-check-bold.svg +4 -0
  270. package/src/assets/iconset/dots-circle.svg +10 -0
  271. package/src/assets/iconset/dots-grid.svg +11 -0
  272. package/src/assets/iconset/dots-horizontal.svg +5 -0
  273. package/src/assets/iconset/dots-vertical.svg +5 -0
  274. package/src/assets/iconset/download-01.svg +3 -0
  275. package/src/assets/iconset/download-02.svg +3 -0
  276. package/src/assets/iconset/download-03.svg +3 -0
  277. package/src/assets/iconset/edit-03.svg +3 -0
  278. package/src/assets/iconset/edit-04.svg +3 -0
  279. package/src/assets/iconset/edit-05.svg +3 -0
  280. package/src/assets/iconset/element-3.svg +6 -0
  281. package/src/assets/iconset/ellipse-127.svg +3 -0
  282. package/src/assets/iconset/exclaimation-circle.svg +8 -0
  283. package/src/assets/iconset/eye-off-line.svg +5 -0
  284. package/src/assets/iconset/face-smile.svg +5 -0
  285. package/src/assets/iconset/file-04.svg +3 -0
  286. package/src/assets/iconset/file-05.svg +3 -0
  287. package/src/assets/iconset/file-check-02.svg +3 -0
  288. package/src/assets/iconset/file-plus-01.svg +5 -0
  289. package/src/assets/iconset/file-shield-02.svg +5 -0
  290. package/src/assets/iconset/filter-funnel-01.svg +3 -0
  291. package/src/assets/iconset/flag-03.svg +3 -0
  292. package/src/assets/iconset/flash.svg +3 -0
  293. package/src/assets/iconset/folder-plus.svg +3 -0
  294. package/src/assets/iconset/folder.svg +3 -0
  295. package/src/assets/iconset/gallery.svg +3 -0
  296. package/src/assets/iconset/globe-01.svg +3 -0
  297. package/src/assets/iconset/globe-04.svg +5 -0
  298. package/src/assets/iconset/globe-bold.svg +4 -0
  299. package/src/assets/iconset/guard.svg +3 -0
  300. package/src/assets/iconset/headphones-01.svg +3 -0
  301. package/src/assets/iconset/headphones-02.svg +5 -0
  302. package/src/assets/iconset/headset-bold.svg +4 -0
  303. package/src/assets/iconset/heart-bold.svg +3 -0
  304. package/src/assets/iconset/heart.svg +3 -0
  305. package/src/assets/iconset/help-circle.svg +5 -0
  306. package/src/assets/iconset/home-2.svg +4 -0
  307. package/src/assets/iconset/home-line.svg +3 -0
  308. package/src/assets/iconset/hourglass-02.svg +5 -0
  309. package/src/assets/iconset/image-01.svg +5 -0
  310. package/src/assets/iconset/image-03.svg +3 -0
  311. package/src/assets/iconset/image.svg +4 -0
  312. package/src/assets/iconset/inbox-01.svg +3 -0
  313. package/src/assets/iconset/inbox-arrow-down.svg +3 -0
  314. package/src/assets/iconset/info-circle.svg +3 -0
  315. package/src/assets/iconset/keyboard-line.svg +9 -0
  316. package/src/assets/iconset/lamp-charge.svg +5 -0
  317. package/src/assets/iconset/layer.svg +3 -0
  318. package/src/assets/iconset/light.svg +6 -0
  319. package/src/assets/iconset/like-dislike.svg +6 -0
  320. package/src/assets/iconset/lock-03.svg +3 -0
  321. package/src/assets/iconset/logout.svg +3 -0
  322. package/src/assets/iconset/magicpen.svg +7 -0
  323. package/src/assets/iconset/mail-01.svg +5 -0
  324. package/src/assets/iconset/mail.svg +3 -0
  325. package/src/assets/iconset/marker.svg +3 -0
  326. package/src/assets/iconset/medal-star.svg +5 -0
  327. package/src/assets/iconset/menu-04.svg +3 -0
  328. package/src/assets/iconset/menu.svg +5 -0
  329. package/src/assets/iconset/message-circle-01.svg +5 -0
  330. package/src/assets/iconset/message-plus-circle.svg +3 -0
  331. package/src/assets/iconset/message-question-circle.svg +5 -0
  332. package/src/assets/iconset/message-text-circle-01.svg +5 -0
  333. package/src/assets/iconset/message-text-square-02.svg +3 -0
  334. package/src/assets/iconset/message-x-square.svg +3 -0
  335. package/src/assets/iconset/microphone-02.svg +3 -0
  336. package/src/assets/iconset/microphone-slash.svg +8 -0
  337. package/src/assets/iconset/mirror.svg +4 -0
  338. package/src/assets/iconset/moon-01.svg +3 -0
  339. package/src/assets/iconset/moon-bold.svg +3 -0
  340. package/src/assets/iconset/mouse-circle.svg +4 -0
  341. package/src/assets/iconset/move.svg +5 -0
  342. package/src/assets/iconset/notification-fill.svg +3 -0
  343. package/src/assets/iconset/notification-text.svg +3 -0
  344. package/src/assets/iconset/notification.svg +5 -0
  345. package/src/assets/iconset/pdf-01.svg +6 -0
  346. package/src/assets/iconset/pencil-01.svg +5 -0
  347. package/src/assets/iconset/phone-01.svg +3 -0
  348. package/src/assets/iconset/phone-arrow-down-left.svg +4 -0
  349. package/src/assets/iconset/phone-arrow-up-right.svg +8 -0
  350. package/src/assets/iconset/phone-hang-up.svg +5 -0
  351. package/src/assets/iconset/phone-hangup2.svg +8 -0
  352. package/src/assets/iconset/phone-incoming-01.svg +3 -0
  353. package/src/assets/iconset/phone-outgoing-01.svg +3 -0
  354. package/src/assets/iconset/phone-plus.svg +3 -0
  355. package/src/assets/iconset/phone-x.svg +3 -0
  356. package/src/assets/iconset/phone.svg +3 -0
  357. package/src/assets/iconset/plus-circle.svg +3 -0
  358. package/src/assets/iconset/plus.svg +4 -0
  359. package/src/assets/iconset/printer.svg +3 -0
  360. package/src/assets/iconset/question-mark-circle.svg +5 -0
  361. package/src/assets/iconset/refresh-ccw-01.svg +3 -0
  362. package/src/assets/iconset/refresh-cw-01.svg +3 -0
  363. package/src/assets/iconset/refresh-cw-04.svg +3 -0
  364. package/src/assets/iconset/refresh-right-square-bold.svg +3 -0
  365. package/src/assets/iconset/remove-circle.svg +12 -0
  366. package/src/assets/iconset/repeat-04.svg +3 -0
  367. package/src/assets/iconset/repeat-bold.svg +3 -0
  368. package/src/assets/iconset/ruler-pen.svg +4 -0
  369. package/src/assets/iconset/search-lg.svg +3 -0
  370. package/src/assets/iconset/search-md.svg +5 -0
  371. package/src/assets/iconset/search-refraction.svg +5 -0
  372. package/src/assets/iconset/search.svg +3 -0
  373. package/src/assets/iconset/send-01.svg +3 -0
  374. package/src/assets/iconset/send-02.svg +5 -0
  375. package/src/assets/iconset/send-diagonal.svg +3 -0
  376. package/src/assets/iconset/setting-2.svg +4 -0
  377. package/src/assets/iconset/settings-02.svg +4 -0
  378. package/src/assets/iconset/settings-04.svg +5 -0
  379. package/src/assets/iconset/settings-2.svg +4 -0
  380. package/src/assets/iconset/settings-cog.svg +3 -0
  381. package/src/assets/iconset/settings.svg +4 -0
  382. package/src/assets/iconset/share-01.svg +4 -0
  383. package/src/assets/iconset/share-03.svg +3 -0
  384. package/src/assets/iconset/share-04.svg +3 -0
  385. package/src/assets/iconset/share-05.svg +5 -0
  386. package/src/assets/iconset/share-06.svg +3 -0
  387. package/src/assets/iconset/share-bold.svg +3 -0
  388. package/src/assets/iconset/shield-01.svg +3 -0
  389. package/src/assets/iconset/shield-bold.svg +3 -0
  390. package/src/assets/iconset/solar-check.svg +3 -0
  391. package/src/assets/iconset/speaker-wave.svg +9 -0
  392. package/src/assets/iconset/speaker.svg +5 -0
  393. package/src/assets/iconset/speedometer-03.svg +3 -0
  394. package/src/assets/iconset/star-rounded.svg +3 -0
  395. package/src/assets/iconset/star.svg +3 -0
  396. package/src/assets/iconset/sun.svg +5 -0
  397. package/src/assets/iconset/target-03.svg +3 -0
  398. package/src/assets/iconset/text-input.svg +3 -0
  399. package/src/assets/iconset/translate.svg +7 -0
  400. package/src/assets/iconset/trash-02.svg +3 -0
  401. package/src/assets/iconset/trash-03.svg +5 -0
  402. package/src/assets/iconset/trash-04.svg +3 -0
  403. package/src/assets/iconset/trash.svg +7 -0
  404. package/src/assets/iconset/trush-square-bold.svg +3 -0
  405. package/src/assets/iconset/unlimited.svg +3 -0
  406. package/src/assets/iconset/user-circle.svg +3 -0
  407. package/src/assets/iconset/user-jogging.svg +3 -0
  408. package/src/assets/iconset/user-plus-01.svg +5 -0
  409. package/src/assets/iconset/user-square.svg +5 -0
  410. package/src/assets/iconset/user-x-01.svg +5 -0
  411. package/src/assets/iconset/user-x-02.svg +3 -0
  412. package/src/assets/iconset/user2.svg +3 -0
  413. package/src/assets/iconset/users-02.svg +5 -0
  414. package/src/assets/iconset/users-speaker.svg +7 -0
  415. package/src/assets/iconset/verify.svg +3 -0
  416. package/src/assets/iconset/voice-cricle.svg +8 -0
  417. package/src/assets/iconset/x-circle.svg +3 -0
  418. package/src/assets/iconset/x-close.svg +3 -0
  419. package/src/assets/iconset/x-sm.svg +3 -0
  420. package/src/assets/iconset/zap.svg +3 -0
  421. package/src/assets/images/android.svg +42 -42
  422. package/src/assets/images/apple.svg +15 -15
  423. package/src/assets/images/background.jpg +0 -0
  424. package/src/assets/loading_animation.json +1 -0
  425. package/src/assets/products.json +98 -0
  426. package/src/assets/samples/carousel-sample.json +142 -29
  427. package/src/assets/samples/getSamples.ts +48 -66
  428. package/src/assets/samples/paywall-1.json +268 -0
  429. package/src/assets/samples/simple-1.json +29 -16
  430. package/src/assets/samples/simple-2.json +158 -82
  431. package/src/assets/samples/unmigrated-builder1.json +42 -0
  432. package/src/assets/samples/unvalidated-builder1.json +49 -0
  433. package/src/assets/samples/unvalidated-crash1.json +19 -0
  434. package/src/assets/samples/unvalidated-crashcomponent1.json +16 -0
  435. package/src/assets/samples/vpn-onboard-1.json +357 -713
  436. package/src/assets/samples/vpn-onboard-2.json +360 -704
  437. package/src/assets/samples/vpn-onboard-3.json +325 -701
  438. package/src/assets/samples/vpn-onboard-4.json +325 -702
  439. package/src/assets/samples/vpn-onboard-5.json +484 -909
  440. package/src/assets/samples/vpn-onboard-6.json +333 -608
  441. package/src/attributes-editor/Field.tsx +575 -0
  442. package/src/attributes-editor/FieldInfoTooltip.tsx +49 -0
  443. package/src/attributes-editor/LayoutPreviewPicker.tsx +202 -0
  444. package/src/attributes-editor/SizeField.tsx +184 -0
  445. package/src/attributes-editor/SpecialCategorySection.tsx +292 -0
  446. package/src/attributes-editor/types.ts +30 -0
  447. package/src/build-components/BIcon/BIcon.tsx +56 -0
  448. package/src/build-components/BIcon/BIconProps.generated.ts +74 -0
  449. package/src/build-components/BIcon/pattern.json +50 -0
  450. package/src/build-components/BackgroundImage/BackgroundImage.tsx +79 -0
  451. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +66 -0
  452. package/src/build-components/BackgroundImage/pattern.json +54 -0
  453. package/src/build-components/Button/Button.tsx +73 -2
  454. package/src/build-components/Button/ButtonProps.generated.ts +50 -1
  455. package/src/build-components/Button/pattern.json +41 -5
  456. package/src/build-components/Carousel/Carousel.tsx +39 -2
  457. package/src/build-components/Carousel/CarouselProps.generated.ts +56 -1
  458. package/src/build-components/Carousel/pattern.json +26 -5
  459. package/src/build-components/CarouselButtons/CarouselButtons.tsx +23 -2
  460. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +49 -0
  461. package/src/build-components/CarouselButtons/pattern.json +32 -4
  462. package/src/build-components/CarouselDots/CarouselDots.tsx +51 -8
  463. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +49 -0
  464. package/src/build-components/CarouselDots/pattern.json +19 -3
  465. package/src/build-components/CarouselItem/CarouselItem.tsx +24 -3
  466. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +52 -1
  467. package/src/build-components/CarouselItem/pattern.json +11 -3
  468. package/src/build-components/CarouselProvider/CarouselProvider.tsx +66 -5
  469. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +52 -1
  470. package/src/build-components/CarouselProvider/pattern.json +8 -1
  471. package/src/build-components/Image/Image.tsx +33 -6
  472. package/src/build-components/Image/ImageProps.generated.ts +49 -3
  473. package/src/build-components/Image/pattern.json +48 -7
  474. package/src/build-components/Main/Main.tsx +61 -0
  475. package/src/build-components/Main/MainProps.generated.ts +64 -0
  476. package/src/build-components/Main/pattern.json +38 -0
  477. package/src/build-components/Onboard/Onboard.tsx +8 -1
  478. package/src/build-components/Onboard/OnboardProps.generated.ts +52 -1
  479. package/src/build-components/Onboard/pattern.json +18 -2
  480. package/src/build-components/OnboardButton/OnboardButton.tsx +53 -6
  481. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +49 -1
  482. package/src/build-components/OnboardButton/pattern.json +74 -7
  483. package/src/build-components/OnboardButtons/OnboardButtons.tsx +35 -11
  484. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +49 -0
  485. package/src/build-components/OnboardButtons/pattern.json +73 -6
  486. package/src/build-components/OnboardDot/OnboardDot.tsx +135 -4
  487. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +36 -3
  488. package/src/build-components/OnboardDot/pattern.json +45 -7
  489. package/src/build-components/OnboardFooter/OnboardFooter.tsx +42 -11
  490. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +21 -18
  491. package/src/build-components/OnboardFooter/pattern.json +64 -5
  492. package/src/build-components/OnboardImage/OnboardImage.tsx +51 -5
  493. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +49 -3
  494. package/src/build-components/OnboardImage/pattern.json +26 -2
  495. package/src/build-components/OnboardItem/OnboardItem.tsx +20 -12
  496. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +48 -3
  497. package/src/build-components/OnboardItem/pattern.json +54 -9
  498. package/src/build-components/OnboardProvider/OnboardProvider.tsx +50 -21
  499. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +52 -6
  500. package/src/build-components/OnboardProvider/pattern.json +56 -12
  501. package/src/build-components/OnboardSubtitle/OnboardSubtitle.tsx +2 -0
  502. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +21 -18
  503. package/src/build-components/OnboardSubtitle/pattern.json +15 -5
  504. package/src/build-components/OnboardTitle/OnboardTitle.tsx +2 -0
  505. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +21 -18
  506. package/src/build-components/OnboardTitle/pattern.json +16 -6
  507. package/src/build-components/PaywallBackground/PaywallBackground.tsx +47 -0
  508. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +63 -0
  509. package/src/build-components/PaywallBackground/pattern.json +17 -0
  510. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +67 -0
  511. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +74 -0
  512. package/src/build-components/PaywallCloseButton/pattern.json +26 -0
  513. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +63 -0
  514. package/src/build-components/PaywallOptions/PaywallOptions.tsx +93 -0
  515. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +63 -0
  516. package/src/build-components/PaywallOptions/pattern.json +25 -0
  517. package/src/build-components/PaywallOptions/usePaywallOptionParamsFactory.ts +42 -0
  518. package/src/build-components/PaywallProvider/PaywallContext.ts +25 -0
  519. package/src/build-components/PaywallProvider/PaywallProvider.tsx +175 -0
  520. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +63 -0
  521. package/src/build-components/PaywallProvider/pattern.json +27 -0
  522. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +67 -0
  523. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +78 -0
  524. package/src/build-components/PaywallSubscribeButton/pattern.json +30 -0
  525. package/src/build-components/RadioButton/RadioButton.tsx +123 -0
  526. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +66 -0
  527. package/src/build-components/RadioButton/pattern.json +43 -0
  528. package/src/build-components/RenderNode.generated.tsx +134 -35
  529. package/src/build-components/Text/Text.tsx +135 -8
  530. package/src/build-components/Text/TextProps.generated.ts +21 -18
  531. package/src/build-components/Text/pattern.json +66 -19
  532. package/src/build-components/View/View.tsx +33 -6
  533. package/src/build-components/View/ViewProps.generated.ts +16 -4
  534. package/src/build-components/View/pattern.json +352 -25
  535. package/src/build-components/index.ts +54 -9
  536. package/src/build-components/other.tsx +15 -0
  537. package/src/build-components/patterns.generated.ts +10505 -280
  538. package/src/build-components/useNode.ts +22 -3
  539. package/src/components/AttributesEditorPanel.tsx +21 -64
  540. package/src/components/BottomBar.tsx +242 -0
  541. package/src/components/Breadcrumb.tsx +39 -5
  542. package/src/components/Builder.tsx +389 -128
  543. package/src/components/BuilderButton.tsx +161 -0
  544. package/src/components/BuilderProvider.tsx +65 -0
  545. package/src/components/Checkbox.tsx +81 -0
  546. package/src/components/DeviceButton.tsx +46 -0
  547. package/src/components/DeviceNavigationBar.tsx +200 -0
  548. package/src/components/DeviceStatusBar.tsx +85 -0
  549. package/src/components/EditorHeader.tsx +328 -103
  550. package/src/components/Icon.generated.tsx +540 -0
  551. package/src/components/JsonTextEditor.tsx +185 -0
  552. package/src/components/LoadingComponent.tsx +10 -0
  553. package/src/components/LocalizationParamsProvider.tsx +22 -0
  554. package/src/components/ParamsProvider.tsx +45 -0
  555. package/src/components/RenderErrorBoundary.tsx +200 -0
  556. package/src/hooks/useLocalizationParams.ts +5 -0
  557. package/src/hooks/useLocalize.ts +23 -0
  558. package/src/hooks/useParams.ts +12 -0
  559. package/src/hooks/useProjectFonts.ts +130 -0
  560. package/src/hooks/useSafeAreaViewStyle.ts +67 -0
  561. package/src/hooks/useSyncHtmlThemeClass.ts +19 -0
  562. package/src/index.native.ts +82 -0
  563. package/src/index.ts +41 -2
  564. package/src/migrations/migratePipe.ts +59 -0
  565. package/src/migrations/migrations/1.1.0_normalize_style_attributes.ts +80 -0
  566. package/src/migrations/semver.ts +24 -0
  567. package/src/migrations/types.ts +9 -0
  568. package/src/mockOS/components/MockLaunchScreenComponent.tsx +43 -0
  569. package/src/mockOS/components/MockOSRouter.tsx +124 -0
  570. package/src/mockOS/components/PermissionModal.tsx +271 -0
  571. package/src/mockOS/components/SubscriptionModal.tsx +400 -0
  572. package/src/mockOS/context/MockOSContext.tsx +201 -0
  573. package/src/mockOS/context/MockOSContextBase.ts +36 -0
  574. package/src/mockOS/hooks/useMockIap.ts +11 -0
  575. package/src/mockOS/hooks/useMockNavigation.ts +11 -0
  576. package/src/mockOS/hooks/useMockPermission.ts +11 -0
  577. package/src/mockOS/index.ts +34 -0
  578. package/src/mockOS/managers/mockOSIapManager.ts +10 -0
  579. package/src/mockOS/managers/mockPermissionManager.ts +50 -0
  580. package/src/mockOS/managers/navigationManager.ts +86 -0
  581. package/src/mockOS/managers/subscriptionManager.ts +36 -0
  582. package/src/modals/AddComponentModal.tsx +314 -0
  583. package/src/modals/BenefitEditModal.tsx +160 -0
  584. package/src/modals/BenefitPresetsModal.tsx +166 -0
  585. package/src/modals/ColorModal.tsx +503 -0
  586. package/src/modals/DeviceSelectorModal.tsx +57 -0
  587. package/src/modals/IconPickerModal.tsx +109 -0
  588. package/src/modals/LocalicationModal.tsx +53 -0
  589. package/src/modals/MockableFeatureModal.tsx +292 -0
  590. package/src/modals/Modal.tsx +64 -0
  591. package/src/modals/ProductEditModal.tsx +215 -0
  592. package/src/modals/ProductPresetsModal.tsx +151 -0
  593. package/src/modals/ScreenColorsModal.tsx +121 -0
  594. package/src/modals/index.ts +12 -0
  595. package/src/pages/ProjectDebug.tsx +331 -0
  596. package/src/pages/ProjectMigrationPage.tsx +92 -0
  597. package/src/pages/ProjectPage.tsx +478 -70
  598. package/src/pages/ProjectValidationPage.tsx +54 -0
  599. package/src/pages/tabs/BuilderPanel.tsx +37 -0
  600. package/src/pages/tabs/SideTool.tsx +253 -0
  601. package/src/paywall/hooks/index.ts +5 -0
  602. package/src/paywall/hooks/useCalculateLocalizedPrice.ts +6 -0
  603. package/src/paywall/hooks/useCarouselOptionsSeperator.ts +8 -0
  604. package/src/paywall/hooks/useCloseStatusPaywall.ts +6 -0
  605. package/src/paywall/hooks/useDiscountRate.ts +6 -0
  606. package/src/paywall/hooks/usePaywallCounter.ts +6 -0
  607. package/src/paywall/types/benefits.ts +44 -0
  608. package/src/paywall/types/paywall-types.ts +51 -0
  609. package/src/size-matters/index.ts +27 -5
  610. package/src/store.ts +222 -16
  611. package/src/styles/base/_global.scss +469 -0
  612. package/src/styles/components/_attributes-editor.scss +310 -0
  613. package/src/styles/components/_bottom-bar.scss +104 -0
  614. package/src/styles/components/_editor-shell.scss +331 -0
  615. package/src/styles/components/_mockos-router.scss +143 -0
  616. package/src/styles/components/_ui-components.scss +188 -0
  617. package/src/styles/foundation/_colors.scss +95 -0
  618. package/src/styles/foundation/_mixins.scss +25 -0
  619. package/src/styles/{_reset.scss → foundation/_reset.scss} +5 -2
  620. package/src/styles/foundation/_sizes.scss +41 -0
  621. package/src/styles/foundation/_typography.scss +4 -0
  622. package/src/styles/foundation/_variables.scss +3 -0
  623. package/src/styles/index.scss +29 -136
  624. package/src/styles/layout/_builder.scss +185 -0
  625. package/src/styles/layout/_pages.scss +3 -0
  626. package/src/styles/layout/_project-validation.scss +214 -0
  627. package/src/styles/modals/_add-component.scss +124 -0
  628. package/src/styles/modals/_benefit-edit-modal.scss +17 -0
  629. package/src/styles/modals/_benefit-presets-modal.scss +79 -0
  630. package/src/styles/modals/_color-modal.scss +190 -0
  631. package/src/styles/modals/_device-selector.scss +18 -0
  632. package/src/styles/modals/_localication-modal.scss +68 -0
  633. package/src/styles/modals/_mockable-feature-modal.scss +15 -0
  634. package/src/styles/modals/_modal-shell.scss +48 -0
  635. package/src/styles/modals/_product-edit-modal.scss +23 -0
  636. package/src/styles/modals/_product-presets-modal.scss +81 -0
  637. package/src/styles/utilities/_carousel.scss +126 -0
  638. package/src/types/Device.ts +5 -0
  639. package/src/types/Fonts.ts +16 -0
  640. package/src/types/Icons.ts +244 -0
  641. package/src/types/Project.ts +32 -0
  642. package/src/types/images.d.ts +8 -0
  643. package/src/types/jest-globals.d.ts +13 -0
  644. package/src/utils/__special_exceptions.ts +88 -0
  645. package/src/utils/analyseNode.ts +79 -62
  646. package/src/utils/analyseNodeByPatterns.ts +481 -0
  647. package/src/utils/analyseNodeStructural.ts +52 -0
  648. package/src/utils/extractImageStyle.ts +3 -6
  649. package/src/utils/extractTextStyle.ts +130 -81
  650. package/src/utils/extractViewStyle.ts +118 -17
  651. package/src/utils/findNodeByKeyNested.ts +32 -0
  652. package/src/utils/fontWeight.ts +29 -0
  653. package/src/utils/fontsDebug.ts +16 -0
  654. package/src/utils/getImage.ts +76 -0
  655. package/src/utils/isCarousel.ts +21 -5
  656. package/src/utils/loadFontFamily.ts +318 -0
  657. package/src/utils/logger.ts +76 -0
  658. package/src/utils/nodeGuards.ts +26 -0
  659. package/src/utils/nodeTree.ts +99 -0
  660. package/src/utils/novaToJson.ts +23 -10
  661. package/src/utils/parseColor.ts +43 -0
  662. package/src/utils/pasteNode.ts +172 -0
  663. package/src/utils/patterns.ts +100 -5
  664. package/src/utils/replaceLocalizationParams.ts +15 -0
  665. package/src/utils/selection.ts +24 -0
  666. package/src/utils/useLogRender.ts +13 -0
  667. package/src/utils/useMergedStyle.ts +16 -0
  668. package/dist/build-components/OnboardDot/OnboardExpandingDotProps.generated.d.ts +0 -10
  669. package/dist/pages/tabs/BuilderTab.d.ts +0 -9
  670. package/dist/pages/tabs/DebugTab.d.ts +0 -7
  671. package/dist/pages/tabs/PreviewTab.d.ts +0 -3
  672. package/src/build-components/OnboardDot/OnboardExpandingDotProps.generated.ts +0 -20
  673. package/src/pages/tabs/BuilderTab.tsx +0 -31
  674. package/src/pages/tabs/DebugTab.tsx +0 -21
  675. package/src/pages/tabs/PreviewTab.tsx +0 -192
  676. package/src/styles/_mixins.scss +0 -21
  677. package/src/styles/_variables.scss +0 -27
  678. package/src/styles/builder.scss +0 -60
  679. package/src/styles/components.scss +0 -88
  680. package/src/styles/editor.scss +0 -174
  681. package/src/styles/global.scss +0 -200
  682. package/src/styles/pages.scss +0 -2
package/src/assets/samples/vpn-onboard-5.json CHANGED
@@ -1,13 +1,19 @@
1
1
  {
2
- "name": "vpn-onboard-5 (legacy)",
3
- "version": "0.0.0",
4
- "type": "nova",
2
+ "name": "vpn-onboard-5",
3
+ "version": "1.1.0",
4
+ "type": "onboard",
5
5
  "appConfig": {
6
6
  "theme": "light",
7
7
  "isRtl": false,
8
8
  "screenStyle": {
9
- "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
10
- "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
9
+ "light": {
10
+ "backgroundColor": "#FDFDFD",
11
+ "color": "#161827"
12
+ },
13
+ "dark": {
14
+ "backgroundColor": "#12131A",
15
+ "color": "#E9EBF9"
16
+ }
11
17
  },
12
18
  "localication": {
13
19
  "en": {
@@ -70,955 +76,524 @@
70
76
  "defaultLanguage": "en"
71
77
  },
72
78
  "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": [
79
+ "type": "Main",
80
+ "isMain": true,
81
+ "key": "cJVVSS7q9Qe1trnb",
82
+ "attributes": {
83
+ "useSafeAreaView": true
84
+ },
85
+ "children": [
86
+ {
87
+ "type": "OnboardProvider",
88
+ "children": [
82
89
  {
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
90
+ "type": "Onboard",
91
+ "children": [
92
+ {
93
+ "type": "OnboardItem",
94
+ "key": "app_onboard-page1",
95
+ "children": [
96
+ {
97
+ "type": "OnboardImage",
98
+ "attributes": {
99
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png",
100
+ "resizeMode": "contain",
101
+ "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json",
102
+ "style": {
103
+ "height": 400
104
+ }
105
+ }
106
+ },
107
+ {
108
+ "type": "OnboardTitle",
109
+ "attributes": {
110
+ "style": {
111
+ "color": "#080A17"
112
+ }
113
+ },
114
+ "children": "onboard.title.one-page"
115
+ },
116
+ {
117
+ "type": "OnboardSubtitle",
118
+ "attributes": {
119
+ "style": {
120
+ "color": "#272737"
121
+ }
122
+ },
123
+ "children": "onboard.subtitle.one-page"
98
124
  }
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
- }
125
+ ]
126
+ },
127
+ {
128
+ "type": "OnboardItem",
129
+ "key": "app_onboard-page2",
130
+ "children": [
131
+ {
132
+ "type": "OnboardImage",
133
+ "attributes": {
134
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
135
+ "resizeMode": "contain",
136
+ "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4",
137
+ "style": {
138
+ "height": 400
139
+ }
140
+ }
141
+ },
142
+ {
143
+ "type": "OnboardTitle",
144
+ "attributes": {
145
+ "style": {
146
+ "color": "#080A17"
147
+ }
148
+ },
149
+ "children": "onboard.title.two-page"
150
+ },
151
+ {
152
+ "type": "OnboardSubtitle",
153
+ "attributes": {
154
+ "style": {
155
+ "color": "#272737"
134
156
  }
135
- ],
136
- "styles": []
157
+ },
158
+ "children": "onboard.subtitle.two-page"
137
159
  }
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
- }
160
+ ]
161
+ },
162
+ {
163
+ "type": "OnboardItem",
164
+ "key": "app_onboard-page3",
165
+ "children": [
166
+ {
167
+ "type": "OnboardImage",
168
+ "attributes": {
169
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png",
170
+ "resizeMode": "contain",
171
+ "style": {
172
+ "height": 400
173
+ }
174
+ }
175
+ },
176
+ {
177
+ "type": "OnboardTitle",
178
+ "attributes": {
179
+ "style": {
180
+ "color": "#080A17"
173
181
  }
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"
182
+ },
183
+ "children": "onboard.title.three-page"
184
+ },
185
+ {
186
+ "type": "OnboardSubtitle",
187
+ "attributes": {
188
+ "style": {
189
+ "color": "#272737"
190
+ }
191
+ },
192
+ "children": "onboard.subtitle.three-page"
181
193
  }
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
194
+ ]
195
+ },
196
+ {
197
+ "type": "OnboardItem",
198
+ "key": "app_onboard-page4",
199
+ "children": [
200
+ {
201
+ "type": "OnboardImage",
202
+ "attributes": {
203
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
204
+ "resizeMode": "contain",
205
+ "style": {
206
+ "height": 400
207
+ }
208
+ }
209
+ },
210
+ {
211
+ "type": "OnboardTitle",
212
+ "attributes": {
213
+ "style": {
214
+ "color": "#080A17"
215
+ }
216
+ },
217
+ "children": "onboard.title.five-page"
218
+ },
219
+ {
220
+ "type": "OnboardSubtitle",
221
+ "attributes": {
222
+ "style": {
223
+ "color": "#272737"
224
+ }
225
+ },
226
+ "children": "onboard.subtitle.five-page"
193
227
  }
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": []
228
+ ]
229
+ },
230
+ {
231
+ "type": "OnboardItem",
232
+ "key": "app_onboard-page6",
233
+ "children": [
234
+ {
235
+ "type": "OnboardImage",
236
+ "attributes": {
237
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png",
238
+ "resizeMode": "contain",
239
+ "style": {
240
+ "height": 400
241
+ }
242
+ }
243
+ },
244
+ {
245
+ "type": "OnboardTitle",
246
+ "attributes": {
247
+ "style": {
248
+ "color": "#080A17"
249
+ }
250
+ },
251
+ "children": "onboard.title.six-page"
252
+ },
253
+ {
254
+ "type": "OnboardSubtitle",
255
+ "attributes": {
256
+ "style": {
257
+ "color": "#272737"
258
+ }
259
+ },
260
+ "children": "onboard.subtitle.six-page"
203
261
  }
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
- }
262
+ ]
263
+ },
264
+ {
265
+ "type": "OnboardItem",
266
+ "key": "app_onboard-page5",
267
+ "children": [
268
+ {
269
+ "type": "OnboardImage",
270
+ "attributes": {
271
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png",
272
+ "resizeMode": "contain",
273
+ "style": {
274
+ "height": 400
275
+ }
276
+ }
277
+ },
278
+ {
279
+ "type": "OnboardTitle",
280
+ "attributes": {
281
+ "style": {
282
+ "color": "#080A17"
289
283
  }
290
- ]
284
+ },
285
+ "children": "onboard.title.four-page"
286
+ },
287
+ {
288
+ "type": "OnboardSubtitle",
289
+ "attributes": {
290
+ "style": {
291
+ "color": "#272737"
292
+ }
293
+ },
294
+ "children": "onboard.subtitle.four-page"
291
295
  }
292
- }
293
- ],
294
- "min_android_version": null
296
+ ]
297
+ }
298
+ ]
299
+ },
300
+ {
301
+ "type": "OnboardDot",
302
+ "attributes": {
303
+ "dotType": "expanding_dot",
304
+ "expanding_dot_width": 20
295
305
  }
296
306
  },
297
307
  {
298
- "layout": "simple-onboard-layout",
299
- "key": "crIFXHKvOoOdLFbc",
308
+ "type": "OnboardButtons",
300
309
  "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"
310
+ "buttons_direction": "row",
311
+ "condition": "carousel-index",
312
+ "conditionVariable": 0
313
+ },
314
+ "children": [
315
+ {
316
+ "type": "OnboardButton",
317
+ "attributes": {
318
+ "labelKey": "onboard.skip.one-page",
319
+ "button_text_color": "#0450E2",
320
+ "button_background_color": "#E9EBF9",
321
+ "events": [
322
+ {
323
+ "type": "Navigate",
324
+ "navigate_to": null,
325
+ "targetIndex": 3
326
+ }
327
+ ],
328
+ "style": {
329
+ "flex": 1
334
330
  }
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
- ]
331
+ }
332
+ },
333
+ {
334
+ "type": "OnboardButton",
335
+ "attributes": {
336
+ "labelKey": "onboard.next.one-page",
337
+ "button_text_color": "#ffffff",
338
+ "button_background_color": "#0450E2",
339
+ "events": [
340
+ {
341
+ "type": "Navigate",
342
+ "navigate_to": null,
343
+ "targetIndex": 1
344
+ }
345
+ ],
346
+ "style": {
347
+ "flex": 1
444
348
  }
445
349
  }
446
- ],
447
- "min_android_version": null
448
- }
350
+ }
351
+ ]
449
352
  },
450
353
  {
451
- "layout": "simple-onboard-layout",
452
- "key": "cRcBQOfcmficdPUY",
354
+ "type": "OnboardButtons",
453
355
  "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
356
+ "buttons_direction": "row",
357
+ "condition": "carousel-index",
358
+ "conditionVariable": 1
359
+ },
360
+ "children": [
361
+ {
362
+ "type": "OnboardButton",
363
+ "attributes": {
364
+ "labelKey": "onboard.skip.two-page",
365
+ "button_text_color": "#0450E2",
366
+ "button_background_color": "#E9EBF9",
367
+ "events": [
368
+ {
369
+ "type": "Navigate",
370
+ "navigate_to": null,
371
+ "targetIndex": 3
372
+ }
373
+ ],
374
+ "style": {
375
+ "flex": 1
498
376
  }
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
- ]
377
+ }
378
+ },
379
+ {
380
+ "type": "OnboardButton",
381
+ "attributes": {
382
+ "labelKey": "onboard.next.two-page",
383
+ "button_text_color": "#ffffff",
384
+ "button_background_color": "#0450E2",
385
+ "events": [
386
+ {
387
+ "type": "Navigate",
388
+ "navigate_to": null,
389
+ "targetIndex": 2
390
+ }
391
+ ],
392
+ "style": {
393
+ "flex": 1
591
394
  }
592
395
  }
593
- ],
594
- "min_android_version": null
595
- }
396
+ }
397
+ ]
596
398
  },
597
399
  {
598
- "layout": "simple-onboard-layout",
599
- "key": "cvF8znA2sZJvJKV5",
400
+ "type": "OnboardButtons",
600
401
  "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
402
+ "buttons_direction": "row",
403
+ "condition": "carousel-index",
404
+ "conditionVariable": 2
405
+ },
406
+ "children": [
407
+ {
408
+ "type": "OnboardButton",
409
+ "attributes": {
410
+ "labelKey": "onboard.skip.three-page",
411
+ "button_text_color": "#0450E2",
412
+ "button_background_color": "#E9EBF9",
413
+ "events": [
414
+ {
415
+ "type": "Navigate",
416
+ "navigate_to": null,
417
+ "targetIndex": 3
418
+ }
419
+ ],
420
+ "style": {
421
+ "flex": 1
645
422
  }
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
- ]
423
+ }
424
+ },
425
+ {
426
+ "type": "OnboardButton",
427
+ "attributes": {
428
+ "labelKey": "onboard.next.three-page",
429
+ "button_text_color": "#ffffff",
430
+ "button_background_color": "#0450E2",
431
+ "events": [
432
+ {
433
+ "type": "Navigate",
434
+ "navigate_to": null,
435
+ "targetIndex": 3
436
+ }
437
+ ],
438
+ "style": {
439
+ "flex": 1
744
440
  }
745
441
  }
746
- ],
747
- "min_android_version": null
748
- }
442
+ }
443
+ ]
749
444
  },
750
445
  {
751
- "layout": "simple-onboard-layout",
752
- "key": "cULySX5qq2hxSO5N",
446
+ "type": "OnboardButtons",
753
447
  "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": []
448
+ "buttons_direction": "row",
449
+ "condition": "carousel-index",
450
+ "conditionVariable": 3
451
+ },
452
+ "children": [
453
+ {
454
+ "type": "OnboardButton",
455
+ "attributes": {
456
+ "labelKey": "onboard.skip.five-page",
457
+ "button_text_color": "#0450E2",
458
+ "button_background_color": "#E9EBF9",
459
+ "events": [
460
+ {
461
+ "type": "Navigate",
462
+ "navigate_to": null,
463
+ "targetIndex": 4
464
+ }
465
+ ],
466
+ "style": {
467
+ "flex": 1
808
468
  }
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
- ]
469
+ }
470
+ },
471
+ {
472
+ "type": "OnboardButton",
473
+ "attributes": {
474
+ "labelKey": "onboard.next.five-page",
475
+ "button_text_color": "#ffffff",
476
+ "button_background_color": "#0450E2",
477
+ "events": [
478
+ {
479
+ "type": "Permission",
480
+ "permission": "GDPR"
481
+ },
482
+ {
483
+ "type": "Navigate",
484
+ "navigate_to": null,
485
+ "targetIndex": 4
486
+ }
487
+ ],
488
+ "style": {
489
+ "flex": 1
897
490
  }
898
491
  }
899
- ]
900
- }
492
+ }
493
+ ]
901
494
  },
902
495
  {
903
- "layout": "simple-onboard-layout",
904
- "key": "cvwqV44zsCpvLwy7",
496
+ "type": "OnboardButtons",
905
497
  "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"
498
+ "buttons_direction": "row",
499
+ "condition": "carousel-index",
500
+ "conditionVariable": 4
501
+ },
502
+ "children": [
503
+ {
504
+ "type": "OnboardButton",
505
+ "attributes": {
506
+ "labelKey": "onboard.skip.five-page",
507
+ "button_text_color": "#0450E2",
508
+ "button_background_color": "#E9EBF9",
509
+ "events": [
510
+ {
511
+ "type": "Navigate",
512
+ "navigate_to": null,
513
+ "targetIndex": 5
514
+ }
515
+ ],
516
+ "style": {
517
+ "flex": 1
938
518
  }
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": []
519
+ }
520
+ },
521
+ {
522
+ "type": "OnboardButton",
523
+ "attributes": {
524
+ "labelKey": "onboard.next.five-page",
525
+ "button_text_color": "#ffffff",
526
+ "button_background_color": "#0450E2",
527
+ "events": [
528
+ {
529
+ "type": "Permission",
530
+ "permission": "rating"
531
+ },
532
+ {
533
+ "type": "Navigate",
534
+ "navigate_to": null,
535
+ "targetIndex": 5
536
+ }
537
+ ],
538
+ "style": {
539
+ "flex": 1
960
540
  }
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
- ]
541
+ }
542
+ }
543
+ ]
544
+ },
545
+ {
546
+ "type": "OnboardButtons",
547
+ "attributes": {
548
+ "buttons_direction": "row",
549
+ "condition": "carousel-index",
550
+ "conditionVariable": 5
551
+ },
552
+ "children": [
553
+ {
554
+ "type": "OnboardButton",
555
+ "attributes": {
556
+ "labelKey": "onboard.allow.four-page",
557
+ "button_text_color": "#ffffff",
558
+ "button_background_color": "#0450E2",
559
+ "events": [
560
+ {
561
+ "type": "Permission",
562
+ "permission": "notification"
563
+ },
564
+ {
565
+ "type": "Navigate",
566
+ "navigate_to": "subscriptions"
567
+ }
568
+ ],
569
+ "style": {
570
+ "flex": 1
1014
571
  }
1015
572
  }
1016
- ]
573
+ }
574
+ ]
575
+ },
576
+ {
577
+ "type": "OnboardFooter",
578
+ "attributes": {
579
+ "textLocalizationKey": "view.onboarding.footer.description",
580
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
581
+ "linkedWordFirstColor": "#0450E2",
582
+ "linkedWordFirstPage": "privacy",
583
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
584
+ "linkedWordSecondColor": "#0450E2",
585
+ "linkedWordSecondPage": "terms",
586
+ "style": {
587
+ "gap": 8,
588
+ "color": "#A2A4B1"
589
+ }
1017
590
  }
1018
591
  }
1019
592
  ],
1020
- "use_safe_area_inset": true
593
+ "attributes": {
594
+ "theme": "all"
595
+ }
1021
596
  }
1022
- }
597
+ ]
1023
598
  }
1024
599
  }