@developer_tribe/react-builder 1.0.3 → 1.0.5

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 (532) hide show
  1. package/README.md +6 -0
  2. package/dist/android.svg +43 -0
  3. package/dist/apple.svg +16 -0
  4. package/dist/assets/samples/getSamples.d.ts +1 -0
  5. package/dist/attributes-editor/Field.d.ts +2 -1
  6. package/dist/attributes-editor/SizeField.d.ts +9 -0
  7. package/dist/background.jpg +0 -0
  8. package/dist/build-components/BIcon/BIcon.d.ts +5 -0
  9. package/dist/build-components/BIcon/BIconProps.generated.d.ts +55 -0
  10. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +5 -0
  11. package/dist/build-components/Button/ButtonProps.generated.d.ts +5 -0
  12. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +5 -0
  13. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +5 -0
  14. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +5 -0
  15. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +5 -0
  16. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +5 -0
  17. package/dist/build-components/Image/ImageProps.generated.d.ts +5 -0
  18. package/dist/build-components/Main/Main.d.ts +5 -0
  19. package/dist/build-components/Main/MainProps.generated.d.ts +48 -0
  20. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +5 -0
  21. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +5 -1
  22. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +5 -0
  23. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +6 -3
  24. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +5 -0
  25. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +6 -1
  26. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +5 -0
  27. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +5 -1
  28. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +5 -0
  29. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +5 -0
  30. package/dist/build-components/PaywallBackground/PaywallBackground.d.ts +5 -0
  31. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +47 -0
  32. package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +5 -0
  33. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +56 -0
  34. package/dist/build-components/PaywallOptions/PaywallOptionButton.d.ts +9 -0
  35. package/dist/build-components/PaywallOptions/PaywallOptions.d.ts +5 -0
  36. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +47 -0
  37. package/dist/build-components/PaywallOptions/usePaywallOptionParamsFactory.d.ts +10 -0
  38. package/dist/build-components/PaywallProvider/PaywallProvider.d.ts +5 -0
  39. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +47 -0
  40. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts +5 -0
  41. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts +50 -0
  42. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButton.d.ts +5 -0
  43. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +50 -0
  44. package/dist/build-components/RadioButton/RadioButton.d.ts +11 -0
  45. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +50 -0
  46. package/dist/build-components/RenderNode.generated.d.ts +1 -1
  47. package/dist/build-components/Text/TextProps.generated.d.ts +5 -0
  48. package/dist/build-components/View/ViewProps.generated.d.ts +5 -0
  49. package/dist/build-components/index.d.ts +10 -1
  50. package/dist/build-components/patterns.generated.d.ts +5030 -723
  51. package/dist/components/AttributesEditorPanel.d.ts +2 -1
  52. package/dist/components/Builder.d.ts +1 -1
  53. package/dist/components/BuilderButton.d.ts +1 -1
  54. package/dist/components/BuilderProvider.d.ts +15 -0
  55. package/dist/components/EditorHeader.d.ts +1 -1
  56. package/dist/components/Icon.generated.d.ts +11 -0
  57. package/dist/components/JsonTextEditor.d.ts +9 -0
  58. package/dist/components/LocalizationParamsProvider.d.ts +11 -0
  59. package/dist/components/ParamsProvider.d.ts +14 -0
  60. package/dist/hooks/useLocalizationParams.d.ts +1 -0
  61. package/dist/hooks/useLocalize.d.ts +2 -0
  62. package/dist/hooks/useParams.d.ts +1 -0
  63. package/dist/hooks/useSafeAreaViewStyle.d.ts +1 -0
  64. package/dist/index.cjs.js +5 -5
  65. package/dist/index.cjs.js.map +1 -1
  66. package/dist/index.d.ts +8 -0
  67. package/dist/index.esm.js +5 -5
  68. package/dist/index.esm.js.map +1 -1
  69. package/dist/index.native.cjs.js +29 -0
  70. package/dist/index.native.cjs.js.map +1 -0
  71. package/dist/index.native.d.ts +31 -0
  72. package/dist/index.native.esm.js +29 -0
  73. package/dist/index.native.esm.js.map +1 -0
  74. package/dist/mockOS/components/MockOSRouter.d.ts +1 -1
  75. package/dist/mockOS/context/MockOSContext.d.ts +4 -18
  76. package/dist/mockOS/context/MockOSContextBase.d.ts +21 -0
  77. package/dist/mockOS/index.d.ts +3 -2
  78. package/dist/modals/BenefitEditModal.d.ts +13 -0
  79. package/dist/modals/BenefitPresetsModal.d.ts +9 -0
  80. package/dist/modals/IconPickerModal.d.ts +9 -0
  81. package/dist/modals/MockableFeatureModal.d.ts +6 -0
  82. package/dist/modals/ProductEditModal.d.ts +9 -0
  83. package/dist/modals/ProductPresetsModal.d.ts +9 -0
  84. package/dist/modals/index.d.ts +6 -0
  85. package/dist/pages/ProjectPage.d.ts +3 -2
  86. package/dist/pages/tabs/BuilderPanel.d.ts +1 -1
  87. package/dist/pages/tabs/SideTool.d.ts +3 -2
  88. package/dist/paywall/hooks/index.d.ts +5 -0
  89. package/dist/paywall/hooks/useCalculateLocalizedPrice.d.ts +4 -0
  90. package/dist/paywall/hooks/useCarouselOptionsSeperator.d.ts +6 -0
  91. package/dist/paywall/hooks/useCloseStatusPaywall.d.ts +4 -0
  92. package/dist/paywall/hooks/useDiscountRate.d.ts +4 -0
  93. package/dist/paywall/hooks/usePaywallCounter.d.ts +4 -0
  94. package/dist/paywall/types/benefits.d.ts +14 -0
  95. package/dist/paywall/types/paywall-types.d.ts +43 -0
  96. package/dist/store.d.ts +31 -1
  97. package/dist/styles.css +1 -1
  98. package/dist/types/Icons.d.ts +2 -0
  99. package/dist/types/Project.d.ts +5 -0
  100. package/dist/utils/analyseNode.d.ts +1 -4
  101. package/dist/utils/analyseNodeByPatterns.d.ts +16 -0
  102. package/dist/utils/analyseNodeStructural.d.ts +11 -0
  103. package/dist/utils/extractImageStyle.d.ts +2 -1
  104. package/dist/utils/extractViewStyle.d.ts +1 -2
  105. package/dist/utils/findNodeByKeyNested.d.ts +2 -0
  106. package/dist/utils/nodeGuards.d.ts +5 -0
  107. package/dist/utils/novaToJson.d.ts +5 -0
  108. package/dist/utils/patterns.d.ts +14 -0
  109. package/dist/utils/replaceLocalizationParams.d.ts +1 -0
  110. package/dist/utils/selection.d.ts +7 -0
  111. package/dist/utils/useMergedStyle.d.ts +2 -0
  112. package/package.json +33 -6
  113. package/scripts/prebuild/assets/icon.template +71 -0
  114. package/scripts/prebuild/build-components.js +5 -0
  115. package/scripts/prebuild/icon-generator.js +206 -0
  116. package/scripts/prebuild/prebuild.js +10 -1
  117. package/scripts/prebuild/utils/createComponentTsx.js +6 -3
  118. package/scripts/prebuild/utils/createGeneratedProps.js +4 -2
  119. package/scripts/prebuild/utils/createRenderNodeGenerated.js +43 -8
  120. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +20 -9
  121. package/scripts/prebuild/utils/validatePatternJson.js +3 -2
  122. package/src/.DS_Store +0 -0
  123. package/src/AttributesEditor.tsx +185 -36
  124. package/src/DeviceMockFrame.tsx +41 -43
  125. package/src/RenderPage.tsx +6 -43
  126. package/src/assets/benefits.json +24 -0
  127. package/src/assets/iconset/activity-heart.svg +3 -0
  128. package/src/assets/iconset/activity.svg +3 -0
  129. package/src/assets/iconset/alert-circle.svg +3 -0
  130. package/src/assets/iconset/alert-triangle.svg +3 -0
  131. package/src/assets/iconset/anchor.svg +3 -0
  132. package/src/assets/iconset/archive.svg +3 -0
  133. package/src/assets/iconset/arrow-down.svg +3 -0
  134. package/src/assets/iconset/arrow-left.svg +3 -0
  135. package/src/assets/iconset/arrow-narrow-down-left.svg +3 -0
  136. package/src/assets/iconset/arrow-narrow-up-right.svg +3 -0
  137. package/src/assets/iconset/arrow-right-smooth.svg +4 -0
  138. package/src/assets/iconset/arrow-right.svg +7 -0
  139. package/src/assets/iconset/asterisk-01.svg +3 -0
  140. package/src/assets/iconset/asterisk-02.svg +3 -0
  141. package/src/assets/iconset/at-sign.svg +3 -0
  142. package/src/assets/iconset/award.svg +4 -0
  143. package/src/assets/iconset/battery-charging.svg +6 -0
  144. package/src/assets/iconset/bell-01.svg +5 -0
  145. package/src/assets/iconset/bell-02.svg +3 -0
  146. package/src/assets/iconset/bell-ringing-02.svg +3 -0
  147. package/src/assets/iconset/bookmark-add.svg +3 -0
  148. package/src/assets/iconset/bookmark-check.svg +3 -0
  149. package/src/assets/iconset/bookmark-minus.svg +3 -0
  150. package/src/assets/iconset/bookmark-x.svg +3 -0
  151. package/src/assets/iconset/bookmark.svg +3 -0
  152. package/src/assets/iconset/bubble.svg +5 -0
  153. package/src/assets/iconset/building-01.svg +3 -0
  154. package/src/assets/iconset/building-02.svg +3 -0
  155. package/src/assets/iconset/building-03.svg +3 -0
  156. package/src/assets/iconset/building-04.svg +3 -0
  157. package/src/assets/iconset/building-05.svg +3 -0
  158. package/src/assets/iconset/building-06.svg +3 -0
  159. package/src/assets/iconset/building-07.svg +3 -0
  160. package/src/assets/iconset/building-08.svg +3 -0
  161. package/src/assets/iconset/building-09.svg +3 -0
  162. package/src/assets/iconset/camera-01.svg +8 -0
  163. package/src/assets/iconset/camera-steel.svg +4 -0
  164. package/src/assets/iconset/camera.svg +4 -0
  165. package/src/assets/iconset/check-circle-bold.svg +3 -0
  166. package/src/assets/iconset/check-circle-broken.svg +3 -0
  167. package/src/assets/iconset/check-circle.svg +3 -0
  168. package/src/assets/iconset/check-done-01.svg +3 -0
  169. package/src/assets/iconset/check-done-02.svg +3 -0
  170. package/src/assets/iconset/check-heart.svg +3 -0
  171. package/src/assets/iconset/check-square-broken.svg +3 -0
  172. package/src/assets/iconset/check-square.svg +3 -0
  173. package/src/assets/iconset/check-verified-01.svg +3 -0
  174. package/src/assets/iconset/check-verified-02.svg +3 -0
  175. package/src/assets/iconset/check-verified-03.svg +3 -0
  176. package/src/assets/iconset/check.svg +3 -0
  177. package/src/assets/iconset/checkbox.svg +4 -0
  178. package/src/assets/iconset/checkv.svg +3 -0
  179. package/src/assets/iconset/chevron-down.svg +3 -0
  180. package/src/assets/iconset/chevron-down2.svg +3 -0
  181. package/src/assets/iconset/chevron-left-2.svg +3 -0
  182. package/src/assets/iconset/chevron-left.svg +3 -0
  183. package/src/assets/iconset/chevron-right-empty.svg +3 -0
  184. package/src/assets/iconset/chevron-right-smooth.svg +3 -0
  185. package/src/assets/iconset/chevron-right.svg +3 -0
  186. package/src/assets/iconset/chevron-up.svg +3 -0
  187. package/src/assets/iconset/circle.svg +32 -0
  188. package/src/assets/iconset/clock-fast-forward.svg +10 -0
  189. package/src/assets/iconset/clock.svg +3 -0
  190. package/src/assets/iconset/close-circle.svg +3 -0
  191. package/src/assets/iconset/close.svg +3 -0
  192. package/src/assets/iconset/cloud-01.svg +5 -0
  193. package/src/assets/iconset/cloud-blank-01.svg +3 -0
  194. package/src/assets/iconset/cloud-blank-02.svg +3 -0
  195. package/src/assets/iconset/coin.svg +5 -0
  196. package/src/assets/iconset/coins-02.svg +3 -0
  197. package/src/assets/iconset/colors.svg +3 -0
  198. package/src/assets/iconset/copy-01.svg +3 -0
  199. package/src/assets/iconset/copy-02.svg +3 -0
  200. package/src/assets/iconset/copy-03.svg +3 -0
  201. package/src/assets/iconset/copy-04.svg +3 -0
  202. package/src/assets/iconset/copy-05.svg +3 -0
  203. package/src/assets/iconset/copy-06.svg +3 -0
  204. package/src/assets/iconset/copy-07.svg +3 -0
  205. package/src/assets/iconset/corner-down-right.svg +3 -0
  206. package/src/assets/iconset/crypto-bold.svg +4 -0
  207. package/src/assets/iconset/delete-icon.svg +5 -0
  208. package/src/assets/iconset/diamond.svg +3 -0
  209. package/src/assets/iconset/dice-3.svg +3 -0
  210. package/src/assets/iconset/divide-01.svg +3 -0
  211. package/src/assets/iconset/divide-02.svg +3 -0
  212. package/src/assets/iconset/divide-03.svg +3 -0
  213. package/src/assets/iconset/document-check-bold.svg +4 -0
  214. package/src/assets/iconset/dots-circle.svg +10 -0
  215. package/src/assets/iconset/dots-grid.svg +11 -0
  216. package/src/assets/iconset/dots-horizontal.svg +5 -0
  217. package/src/assets/iconset/dots-vertical.svg +5 -0
  218. package/src/assets/iconset/download-01.svg +3 -0
  219. package/src/assets/iconset/download-02.svg +3 -0
  220. package/src/assets/iconset/download-03.svg +3 -0
  221. package/src/assets/iconset/edit-03.svg +3 -0
  222. package/src/assets/iconset/edit-04.svg +3 -0
  223. package/src/assets/iconset/edit-05.svg +3 -0
  224. package/src/assets/iconset/element-3.svg +6 -0
  225. package/src/assets/iconset/ellipse-127.svg +3 -0
  226. package/src/assets/iconset/exclaimation-circle.svg +8 -0
  227. package/src/assets/iconset/eye-off-line.svg +5 -0
  228. package/src/assets/iconset/face-smile.svg +5 -0
  229. package/src/assets/iconset/file-04.svg +3 -0
  230. package/src/assets/iconset/file-05.svg +3 -0
  231. package/src/assets/iconset/file-check-02.svg +3 -0
  232. package/src/assets/iconset/file-plus-01.svg +5 -0
  233. package/src/assets/iconset/file-shield-02.svg +5 -0
  234. package/src/assets/iconset/filter-funnel-01.svg +3 -0
  235. package/src/assets/iconset/flag-03.svg +3 -0
  236. package/src/assets/iconset/flash.svg +3 -0
  237. package/src/assets/iconset/folder-plus.svg +3 -0
  238. package/src/assets/iconset/folder.svg +3 -0
  239. package/src/assets/iconset/gallery.svg +3 -0
  240. package/src/assets/iconset/globe-01.svg +3 -0
  241. package/src/assets/iconset/globe-04.svg +5 -0
  242. package/src/assets/iconset/globe-bold.svg +4 -0
  243. package/src/assets/iconset/guard.svg +3 -0
  244. package/src/assets/iconset/headphones-01.svg +3 -0
  245. package/src/assets/iconset/headphones-02.svg +5 -0
  246. package/src/assets/iconset/headset-bold.svg +4 -0
  247. package/src/assets/iconset/heart-bold.svg +3 -0
  248. package/src/assets/iconset/heart.svg +3 -0
  249. package/src/assets/iconset/help-circle.svg +5 -0
  250. package/src/assets/iconset/home-2.svg +4 -0
  251. package/src/assets/iconset/home-line.svg +3 -0
  252. package/src/assets/iconset/hourglass-02.svg +5 -0
  253. package/src/assets/iconset/image-01.svg +5 -0
  254. package/src/assets/iconset/image-03.svg +3 -0
  255. package/src/assets/iconset/image.svg +4 -0
  256. package/src/assets/iconset/inbox-01.svg +3 -0
  257. package/src/assets/iconset/inbox-arrow-down.svg +3 -0
  258. package/src/assets/iconset/info-circle.svg +3 -0
  259. package/src/assets/iconset/keyboard-line.svg +9 -0
  260. package/src/assets/iconset/lamp-charge.svg +5 -0
  261. package/src/assets/iconset/layer.svg +3 -0
  262. package/src/assets/iconset/light.svg +6 -0
  263. package/src/assets/iconset/like-dislike.svg +6 -0
  264. package/src/assets/iconset/lock-03.svg +3 -0
  265. package/src/assets/iconset/logout.svg +3 -0
  266. package/src/assets/iconset/magicpen.svg +7 -0
  267. package/src/assets/iconset/mail-01.svg +5 -0
  268. package/src/assets/iconset/mail.svg +3 -0
  269. package/src/assets/iconset/marker.svg +3 -0
  270. package/src/assets/iconset/medal-star.svg +5 -0
  271. package/src/assets/iconset/menu-04.svg +3 -0
  272. package/src/assets/iconset/menu.svg +5 -0
  273. package/src/assets/iconset/message-circle-01.svg +5 -0
  274. package/src/assets/iconset/message-plus-circle.svg +3 -0
  275. package/src/assets/iconset/message-question-circle.svg +5 -0
  276. package/src/assets/iconset/message-text-circle-01.svg +5 -0
  277. package/src/assets/iconset/message-text-square-02.svg +3 -0
  278. package/src/assets/iconset/message-x-square.svg +3 -0
  279. package/src/assets/iconset/microphone-02.svg +3 -0
  280. package/src/assets/iconset/microphone-slash.svg +8 -0
  281. package/src/assets/iconset/mirror.svg +4 -0
  282. package/src/assets/iconset/moon-01.svg +3 -0
  283. package/src/assets/iconset/moon-bold.svg +3 -0
  284. package/src/assets/iconset/mouse-circle.svg +4 -0
  285. package/src/assets/iconset/move.svg +5 -0
  286. package/src/assets/iconset/notification-fill.svg +3 -0
  287. package/src/assets/iconset/notification-text.svg +3 -0
  288. package/src/assets/iconset/notification.svg +5 -0
  289. package/src/assets/iconset/pdf-01.svg +6 -0
  290. package/src/assets/iconset/pencil-01.svg +5 -0
  291. package/src/assets/iconset/phone-01.svg +3 -0
  292. package/src/assets/iconset/phone-arrow-down-left.svg +4 -0
  293. package/src/assets/iconset/phone-arrow-up-right.svg +8 -0
  294. package/src/assets/iconset/phone-hang-up.svg +5 -0
  295. package/src/assets/iconset/phone-hangup2.svg +8 -0
  296. package/src/assets/iconset/phone-incoming-01.svg +3 -0
  297. package/src/assets/iconset/phone-outgoing-01.svg +3 -0
  298. package/src/assets/iconset/phone-plus.svg +3 -0
  299. package/src/assets/iconset/phone-x.svg +3 -0
  300. package/src/assets/iconset/phone.svg +3 -0
  301. package/src/assets/iconset/plus-circle.svg +3 -0
  302. package/src/assets/iconset/plus.svg +4 -0
  303. package/src/assets/iconset/printer.svg +3 -0
  304. package/src/assets/iconset/question-mark-circle.svg +5 -0
  305. package/src/assets/iconset/refresh-ccw-01.svg +3 -0
  306. package/src/assets/iconset/refresh-cw-01.svg +3 -0
  307. package/src/assets/iconset/refresh-cw-04.svg +3 -0
  308. package/src/assets/iconset/refresh-right-square-bold.svg +3 -0
  309. package/src/assets/iconset/remove-circle.svg +12 -0
  310. package/src/assets/iconset/repeat-04.svg +3 -0
  311. package/src/assets/iconset/repeat-bold.svg +3 -0
  312. package/src/assets/iconset/ruler-pen.svg +4 -0
  313. package/src/assets/iconset/search-lg.svg +3 -0
  314. package/src/assets/iconset/search-md.svg +5 -0
  315. package/src/assets/iconset/search-refraction.svg +5 -0
  316. package/src/assets/iconset/search.svg +3 -0
  317. package/src/assets/iconset/send-01.svg +3 -0
  318. package/src/assets/iconset/send-02.svg +5 -0
  319. package/src/assets/iconset/send-diagonal.svg +3 -0
  320. package/src/assets/iconset/setting-2.svg +4 -0
  321. package/src/assets/iconset/settings-02.svg +4 -0
  322. package/src/assets/iconset/settings-04.svg +5 -0
  323. package/src/assets/iconset/settings-2.svg +4 -0
  324. package/src/assets/iconset/settings-cog.svg +3 -0
  325. package/src/assets/iconset/settings.svg +4 -0
  326. package/src/assets/iconset/share-01.svg +4 -0
  327. package/src/assets/iconset/share-03.svg +3 -0
  328. package/src/assets/iconset/share-04.svg +3 -0
  329. package/src/assets/iconset/share-05.svg +5 -0
  330. package/src/assets/iconset/share-06.svg +3 -0
  331. package/src/assets/iconset/share-bold.svg +3 -0
  332. package/src/assets/iconset/shield-01.svg +3 -0
  333. package/src/assets/iconset/shield-bold.svg +3 -0
  334. package/src/assets/iconset/solar-check.svg +3 -0
  335. package/src/assets/iconset/speaker-wave.svg +9 -0
  336. package/src/assets/iconset/speaker.svg +5 -0
  337. package/src/assets/iconset/speedometer-03.svg +3 -0
  338. package/src/assets/iconset/star-rounded.svg +3 -0
  339. package/src/assets/iconset/star.svg +3 -0
  340. package/src/assets/iconset/sun.svg +5 -0
  341. package/src/assets/iconset/target-03.svg +3 -0
  342. package/src/assets/iconset/text-input.svg +3 -0
  343. package/src/assets/iconset/translate.svg +7 -0
  344. package/src/assets/iconset/trash-02.svg +3 -0
  345. package/src/assets/iconset/trash-03.svg +5 -0
  346. package/src/assets/iconset/trash-04.svg +3 -0
  347. package/src/assets/iconset/trash.svg +7 -0
  348. package/src/assets/iconset/trush-square-bold.svg +3 -0
  349. package/src/assets/iconset/unlimited.svg +3 -0
  350. package/src/assets/iconset/user-circle.svg +3 -0
  351. package/src/assets/iconset/user-jogging.svg +3 -0
  352. package/src/assets/iconset/user-plus-01.svg +5 -0
  353. package/src/assets/iconset/user-square.svg +5 -0
  354. package/src/assets/iconset/user-x-01.svg +5 -0
  355. package/src/assets/iconset/user-x-02.svg +3 -0
  356. package/src/assets/iconset/user2.svg +3 -0
  357. package/src/assets/iconset/users-02.svg +5 -0
  358. package/src/assets/iconset/users-speaker.svg +7 -0
  359. package/src/assets/iconset/verify.svg +3 -0
  360. package/src/assets/iconset/voice-cricle.svg +8 -0
  361. package/src/assets/iconset/x-circle.svg +3 -0
  362. package/src/assets/iconset/x-close.svg +3 -0
  363. package/src/assets/iconset/x-sm.svg +3 -0
  364. package/src/assets/iconset/zap.svg +3 -0
  365. package/src/assets/images/background.jpg +0 -0
  366. package/src/assets/loading_animation.json +1 -0
  367. package/src/assets/products.json +98 -0
  368. package/src/assets/samples/carousel-sample.json +1 -0
  369. package/src/assets/samples/getSamples.ts +39 -66
  370. package/src/assets/samples/paywall-1.json +220 -0
  371. package/src/assets/samples/simple-1.json +1 -0
  372. package/src/assets/samples/simple-2.json +1 -0
  373. package/src/assets/samples/vpn-onboard-1.json +324 -720
  374. package/src/assets/samples/vpn-onboard-2.json +299 -683
  375. package/src/assets/samples/vpn-onboard-3.json +270 -680
  376. package/src/assets/samples/vpn-onboard-4.json +270 -681
  377. package/src/assets/samples/vpn-onboard-5.json +408 -893
  378. package/src/assets/samples/vpn-onboard-6.json +279 -594
  379. package/src/attributes-editor/Field.tsx +48 -160
  380. package/src/attributes-editor/SizeField.tsx +184 -0
  381. package/src/attributes-editor/SpecialCategorySection.tsx +11 -4
  382. package/src/build-components/BIcon/BIcon.tsx +56 -0
  383. package/src/build-components/BIcon/BIconProps.generated.ts +82 -0
  384. package/src/build-components/BIcon/pattern.json +47 -0
  385. package/src/build-components/BackgroundImage/BackgroundImage.tsx +7 -17
  386. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +5 -0
  387. package/src/build-components/BackgroundImage/pattern.json +2 -2
  388. package/src/build-components/Button/Button.tsx +20 -9
  389. package/src/build-components/Button/ButtonProps.generated.ts +5 -0
  390. package/src/build-components/Button/pattern.json +4 -1
  391. package/src/build-components/Carousel/Carousel.tsx +7 -9
  392. package/src/build-components/Carousel/CarouselProps.generated.ts +5 -0
  393. package/src/build-components/Carousel/pattern.json +2 -2
  394. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +5 -0
  395. package/src/build-components/CarouselButtons/pattern.json +1 -1
  396. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +5 -0
  397. package/src/build-components/CarouselDots/pattern.json +1 -1
  398. package/src/build-components/CarouselItem/CarouselItem.tsx +1 -1
  399. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +5 -0
  400. package/src/build-components/CarouselItem/pattern.json +1 -1
  401. package/src/build-components/CarouselProvider/CarouselProvider.tsx +1 -1
  402. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +5 -0
  403. package/src/build-components/CarouselProvider/pattern.json +1 -1
  404. package/src/build-components/Image/Image.tsx +11 -18
  405. package/src/build-components/Image/ImageProps.generated.ts +5 -0
  406. package/src/build-components/Image/pattern.json +2 -10
  407. package/src/build-components/Main/Main.tsx +61 -0
  408. package/src/build-components/Main/MainProps.generated.ts +64 -0
  409. package/src/build-components/Main/pattern.json +35 -0
  410. package/src/build-components/Onboard/OnboardProps.generated.ts +5 -0
  411. package/src/build-components/OnboardButton/OnboardButton.tsx +0 -3
  412. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +5 -1
  413. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +5 -0
  414. package/src/build-components/OnboardDot/OnboardDot.tsx +59 -39
  415. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +6 -3
  416. package/src/build-components/OnboardDot/pattern.json +2 -18
  417. package/src/build-components/OnboardFooter/OnboardFooter.tsx +28 -15
  418. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +5 -0
  419. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +6 -1
  420. package/src/build-components/OnboardItem/OnboardItem.tsx +2 -12
  421. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +5 -0
  422. package/src/build-components/OnboardProvider/OnboardProvider.tsx +1 -8
  423. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +5 -1
  424. package/src/build-components/OnboardProvider/pattern.json +6 -16
  425. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +5 -0
  426. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +5 -0
  427. package/src/build-components/PaywallBackground/PaywallBackground.tsx +47 -0
  428. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +63 -0
  429. package/src/build-components/PaywallBackground/pattern.json +16 -0
  430. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +62 -0
  431. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +83 -0
  432. package/src/build-components/PaywallCloseButton/pattern.json +23 -0
  433. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +64 -0
  434. package/src/build-components/PaywallOptions/PaywallOptions.tsx +92 -0
  435. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +63 -0
  436. package/src/build-components/PaywallOptions/pattern.json +22 -0
  437. package/src/build-components/PaywallOptions/usePaywallOptionParamsFactory.ts +42 -0
  438. package/src/build-components/PaywallProvider/PaywallProvider.tsx +78 -0
  439. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +63 -0
  440. package/src/build-components/PaywallProvider/pattern.json +24 -0
  441. package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx +10 -0
  442. package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts +77 -0
  443. package/src/build-components/PaywallSubscriButton/pattern.json +27 -0
  444. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +60 -0
  445. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +77 -0
  446. package/src/build-components/PaywallSubscribeButton/pattern.json +27 -0
  447. package/src/build-components/RadioButton/RadioButton.tsx +123 -0
  448. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +66 -0
  449. package/src/build-components/RadioButton/pattern.json +42 -0
  450. package/src/build-components/RenderNode.generated.tsx +140 -37
  451. package/src/build-components/Text/Text.tsx +12 -18
  452. package/src/build-components/Text/TextProps.generated.ts +5 -0
  453. package/src/build-components/Text/pattern.json +1 -1
  454. package/src/build-components/View/View.tsx +7 -9
  455. package/src/build-components/View/ViewProps.generated.ts +5 -0
  456. package/src/build-components/View/pattern.json +50 -4
  457. package/src/build-components/index.ts +55 -10
  458. package/src/build-components/patterns.generated.ts +5085 -745
  459. package/src/components/AttributesEditorPanel.tsx +3 -1
  460. package/src/components/Builder.tsx +64 -22
  461. package/src/components/BuilderButton.tsx +2 -7
  462. package/src/components/BuilderProvider.tsx +45 -0
  463. package/src/components/DeviceNavigationBar.tsx +1 -2
  464. package/src/components/EditorHeader.tsx +15 -2
  465. package/src/components/Icon.generated.tsx +540 -0
  466. package/src/components/JsonTextEditor.tsx +185 -0
  467. package/src/components/LocalizationParamsProvider.tsx +22 -0
  468. package/src/components/ParamsProvider.tsx +38 -0
  469. package/src/hooks/useLocalizationParams.ts +5 -0
  470. package/src/hooks/useLocalize.ts +23 -0
  471. package/src/hooks/useParams.ts +8 -0
  472. package/src/hooks/useSafeAreaViewStyle.ts +67 -0
  473. package/src/index.native.ts +75 -0
  474. package/src/index.ts +26 -0
  475. package/src/mockOS/components/MockOSRouter.tsx +12 -11
  476. package/src/mockOS/context/MockOSContext.tsx +12 -41
  477. package/src/mockOS/context/MockOSContextBase.ts +35 -0
  478. package/src/mockOS/index.ts +3 -2
  479. package/src/mockOS/managers/mockPermissionManager.ts +0 -4
  480. package/src/mockOS/managers/navigationManager.ts +1 -6
  481. package/src/modals/AddComponentModal.tsx +1 -0
  482. package/src/modals/BenefitEditModal.tsx +160 -0
  483. package/src/modals/BenefitPresetsModal.tsx +166 -0
  484. package/src/modals/ColorModal.tsx +103 -25
  485. package/src/modals/IconPickerModal.tsx +109 -0
  486. package/src/modals/LocalicationModal.tsx +4 -5
  487. package/src/modals/MockableFeatureModal.tsx +292 -0
  488. package/src/modals/Modal.tsx +8 -1
  489. package/src/modals/ProductEditModal.tsx +215 -0
  490. package/src/modals/ProductPresetsModal.tsx +151 -0
  491. package/src/modals/index.ts +6 -0
  492. package/src/pages/ProjectPage.tsx +79 -16
  493. package/src/pages/tabs/BuilderPanel.tsx +1 -1
  494. package/src/pages/tabs/SideTool.tsx +13 -19
  495. package/src/paywall/hooks/index.ts +5 -0
  496. package/src/paywall/hooks/useCalculateLocalizedPrice.ts +6 -0
  497. package/src/paywall/hooks/useCarouselOptionsSeperator.ts +8 -0
  498. package/src/paywall/hooks/useCloseStatusPaywall.ts +6 -0
  499. package/src/paywall/hooks/useDiscountRate.ts +6 -0
  500. package/src/paywall/hooks/usePaywallCounter.ts +6 -0
  501. package/src/paywall/types/benefits.ts +44 -0
  502. package/src/paywall/types/paywall-types.ts +51 -0
  503. package/src/store.ts +157 -38
  504. package/src/styles/base/_global.scss +54 -41
  505. package/src/styles/components/_attributes-editor.scss +40 -5
  506. package/src/styles/components/_editor-shell.scss +5 -9
  507. package/src/styles/components/_ui-components.scss +2 -1
  508. package/src/styles/index.scss +5 -0
  509. package/src/styles/modals/_benefit-edit-modal.scss +17 -0
  510. package/src/styles/modals/_benefit-presets-modal.scss +79 -0
  511. package/src/styles/modals/_color-modal.scss +30 -1
  512. package/src/styles/modals/_mockable-feature-modal.scss +15 -0
  513. package/src/styles/modals/_product-edit-modal.scss +23 -0
  514. package/src/styles/modals/_product-presets-modal.scss +81 -0
  515. package/src/styles/utilities/_carousel.scss +9 -8
  516. package/src/types/Icons.ts +244 -0
  517. package/src/types/Project.ts +5 -0
  518. package/src/types/jest-globals.d.ts +13 -0
  519. package/src/utils/analyseNode.ts +22 -109
  520. package/src/utils/analyseNodeByPatterns.ts +438 -0
  521. package/src/utils/analyseNodeStructural.ts +52 -0
  522. package/src/utils/extractImageStyle.ts +3 -6
  523. package/src/utils/extractTextStyle.ts +2 -81
  524. package/src/utils/extractViewStyle.ts +39 -15
  525. package/src/utils/findNodeByKeyNested.ts +32 -0
  526. package/src/utils/isCarousel.ts +21 -5
  527. package/src/utils/nodeGuards.ts +26 -0
  528. package/src/utils/novaToJson.ts +21 -9
  529. package/src/utils/patterns.ts +62 -3
  530. package/src/utils/replaceLocalizationParams.ts +15 -0
  531. package/src/utils/selection.ts +24 -0
  532. package/src/utils/useMergedStyle.ts +16 -0
@@ -1,13 +1,19 @@
1
1
  {
2
2
  "name": "vpn-onboard-6 (legacy)",
3
- "version": "0.0.0",
4
- "type": "nova",
3
+ "version": "1.0.0",
4
+ "type": "onboard",
5
5
  "appConfig": {
6
6
  "theme": "dark",
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,639 +76,318 @@
70
76
  "defaultLanguage": "en"
71
77
  },
72
78
  "data": {
73
- "name": "app_onboard1",
74
- "key": "app_onboard",
75
- "theme": "dark",
76
- "order": 3,
77
- "data": {
78
- "layout": "onboard-layout",
79
- "key": "cJVVSS7q9Qe1trnb",
80
- "attributes": {
81
- "use_safe_area_inset": true,
82
- "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": [
89
+ {
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/9cb1d668b3724655f93a91e5eee771c5.png",
100
+ "height": 400,
101
+ "resizeMode": "contain"
102
+ }
103
+ },
104
+ {
105
+ "type": "OnboardTitle",
106
+ "attributes": {
107
+ "color": "#F4F5FF"
108
+ },
109
+ "children": "onboard.title.one-page"
110
+ },
111
+ {
112
+ "type": "OnboardSubtitle",
113
+ "attributes": {
114
+ "color": "#DBDDEB"
115
+ },
116
+ "children": "onboard.subtitle.one-page"
117
+ }
118
+ ]
119
+ },
120
+ {
121
+ "type": "OnboardItem",
122
+ "key": "app_onboard-page2",
123
+ "children": [
124
+ {
125
+ "type": "OnboardImage",
126
+ "attributes": {
127
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/f8d0c64bf89cc5f2f14126d0544ba174.png",
128
+ "height": 400,
129
+ "resizeMode": "contain"
130
+ }
131
+ },
132
+ {
133
+ "type": "OnboardTitle",
134
+ "attributes": {
135
+ "color": "#F4F5FF"
136
+ },
137
+ "children": "onboard.title.two-page"
138
+ },
139
+ {
140
+ "type": "OnboardSubtitle",
141
+ "attributes": {
142
+ "color": "#DBDDEB"
143
+ },
144
+ "children": "onboard.subtitle.two-page"
145
+ }
146
+ ]
147
+ },
148
+ {
149
+ "type": "OnboardItem",
150
+ "key": "app_onboard-page3",
151
+ "children": [
152
+ {
153
+ "type": "OnboardImage",
154
+ "attributes": {
155
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ad823809885c1a2a8e4632039f35a94e.png",
156
+ "height": 400,
157
+ "resizeMode": "contain"
158
+ }
159
+ },
160
+ {
161
+ "type": "OnboardTitle",
162
+ "attributes": {
163
+ "color": "#F4F5FF"
164
+ },
165
+ "children": "onboard.title.three-page"
166
+ },
167
+ {
168
+ "type": "OnboardSubtitle",
169
+ "attributes": {
170
+ "color": "#DBDDEB"
171
+ },
172
+ "children": "onboard.subtitle.three-page"
173
+ }
174
+ ]
175
+ },
83
176
  {
84
- "layout": "dots-layout",
85
- "key": "cdNahru8m9BDyVr9",
177
+ "type": "OnboardItem",
178
+ "key": "app_onboard-page4",
179
+ "children": [
180
+ {
181
+ "type": "OnboardImage",
182
+ "attributes": {
183
+ "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ede1705c51f3434ae9053ed5f29bf5dd.png",
184
+ "height": 400,
185
+ "resizeMode": "contain"
186
+ }
187
+ },
188
+ {
189
+ "type": "OnboardTitle",
190
+ "attributes": {
191
+ "color": "#F4F5FF"
192
+ },
193
+ "children": "onboard.title.four-page"
194
+ },
195
+ {
196
+ "type": "OnboardSubtitle",
197
+ "attributes": {
198
+ "color": "#DBDDEB"
199
+ },
200
+ "children": "onboard.subtitle.four-page"
201
+ }
202
+ ]
203
+ }
204
+ ]
205
+ },
206
+ {
207
+ "type": "OnboardDot",
208
+ "attributes": {
209
+ "dotType": "expanding_dot",
210
+ "expanding_dot_width": 20
211
+ }
212
+ },
213
+ {
214
+ "type": "OnboardButtons",
215
+ "attributes": {
216
+ "buttons_direction": "row",
217
+ "condition": "carousel-index",
218
+ "conditionVariable": 0
219
+ },
220
+ "children": [
221
+ {
222
+ "type": "OnboardButton",
86
223
  "attributes": {
87
- "position": "before_buttons",
88
- "dots_type": "Dots Type Info",
89
- "dot": [
224
+ "labelKey": "onboard.skip.one-page",
225
+ "button_text_color": "#0450E2",
226
+ "button_background_color": "#161827",
227
+ "flex": 1,
228
+ "events": [
90
229
  {
91
- "layout": "expanding_dot",
92
- "key": "ctWoX6jkgKy1nNGQ",
93
- "attributes": {
94
- "inactive_dot_opacity": null,
95
- "expanding_dot_width": "20",
96
- "dot_style": null,
97
- "container_style": null,
98
- "active_dot_color": null
99
- }
230
+ "type": "Navigate",
231
+ "navigate_to": null,
232
+ "targetIndex": 3
100
233
  }
101
- ],
102
- "styles": []
234
+ ]
103
235
  }
104
236
  },
105
237
  {
106
- "layout": "footer-layout",
107
- "key": "cgOl0PVI66a51Xr3",
238
+ "type": "OnboardButton",
108
239
  "attributes": {
109
- "texts": [
240
+ "labelKey": "onboard.next.one-page",
241
+ "button_text_color": "#FFFFFF",
242
+ "button_background_color": "#0450E2",
243
+ "flex": 1,
244
+ "events": [
110
245
  {
111
- "layout": "Text",
112
- "key": "cAqUfPg1uA4PjtmV",
113
- "attributes": {
114
- "text_localization_key": "view.onboarding.footer.description",
115
- "text_color": "#81838F",
116
- "width": null,
117
- "linkedwords": [
118
- {
119
- "layout": "LinkedWords",
120
- "key": "c0wJnbvQu8vLB0BJ",
121
- "attributes": {
122
- "linked_word_localization_key": "view.onboarding.btnPrivacy",
123
- "linked_word_color": "#0450E2",
124
- "page": "privacy"
125
- }
126
- },
127
- {
128
- "layout": "LinkedWords",
129
- "key": "cyoIya4E71u4OHWq",
130
- "attributes": {
131
- "linked_word_localization_key": "view.onboarding.btnTerms",
132
- "linked_word_color": "#0450E2",
133
- "page": "terms"
134
- }
135
- }
136
- ],
137
- "styles": []
138
- }
246
+ "type": "Navigate",
247
+ "navigate_to": null,
248
+ "targetIndex": 1
139
249
  }
140
250
  ]
141
251
  }
142
252
  }
143
- ],
144
- "data": [
253
+ ]
254
+ },
255
+ {
256
+ "type": "OnboardButtons",
257
+ "attributes": {
258
+ "buttons_direction": "row",
259
+ "condition": "carousel-index",
260
+ "conditionVariable": 1
261
+ },
262
+ "children": [
145
263
  {
146
- "layout": "simple-onboard-layout",
147
- "key": "cQcJZFJji41pTo1Q",
264
+ "type": "OnboardButton",
148
265
  "attributes": {
149
- "key": "app_onboard-page1",
150
- "components": [
151
- {
152
- "layout": "image-layout",
153
- "key": "cXoQJuJ7cxH4s64I",
154
- "attributes": {
155
- "is_bg_image": false,
156
- "height": "400",
157
- "styles": [
158
- {
159
- "layout": "style-layout",
160
- "key": "c5j5kKdUlw2FPgpj",
161
- "attributes": {
162
- "styles": [
163
- {
164
- "layout": "Styles",
165
- "key": "c2wx1diAfvoO73UE",
166
- "attributes": {
167
- "type": "containerStyle",
168
- "style": {
169
- "marginTop": 40
170
- }
171
- }
172
- }
173
- ]
174
- }
175
- }
176
- ],
177
- "android_height": "400",
178
- "ios_height": "400",
179
- "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/9cb1d668b3724655f93a91e5eee771c5.png"
180
- }
181
- },
182
- {
183
- "layout": "title-layout",
184
- "key": "cDhqeMQJnHwrKDWx",
185
- "attributes": {
186
- "title_localization_key": "onboard.title.one-page",
187
- "title_color": "#F4F5FF",
188
- "coloredwords": [],
189
- "styles": [],
190
- "number_of_lines": "2",
191
- "adaptive_font_size": false
192
- }
193
- },
266
+ "labelKey": "onboard.skip.two-page",
267
+ "button_text_color": "#0450E2",
268
+ "button_background_color": "#161827",
269
+ "flex": 1,
270
+ "events": [
194
271
  {
195
- "layout": "subtitle-layout",
196
- "key": "cNXYD8CPZaJoOKjR",
197
- "attributes": {
198
- "subtitle_localization_key": "onboard.subtitle.one-page",
199
- "subtitle_color": "#DBDDEB",
200
- "subtitle_font": null,
201
- "styles": []
202
- }
203
- },
204
- {
205
- "layout": "Buttons",
206
- "key": "cWgBUJIek4XF9XfH",
207
- "attributes": {
208
- "buttons_direction": "row",
209
- "buttons": [
210
- {
211
- "layout": "skip-button-layout",
212
- "key": "cG54WG2pH8LVehkt",
213
- "attributes": {
214
- "flex": "1",
215
- "button_text_localization_key": "onboard.skip.one-page",
216
- "button_text_color": "#0450E2",
217
- "is_transparant_bg": false,
218
- "button_background_color": "#161827",
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
- "if_allowed_this_permissions": null,
231
- "if_not_allowed_this_permissions": null,
232
- "navigate_backward": null,
233
- "close_button_delay": null
234
- }
235
- }
236
- ]
237
- }
238
- }
239
- ],
240
- "styles": [],
241
- "animation": null,
242
- "animation_color": null
243
- }
244
- },
245
- {
246
- "layout": "button-layout",
247
- "key": "c8r6biKAKhGKBZXn",
248
- "attributes": {
249
- "show_text": true,
250
- "button_text_localization_key": "onboard.next.one-page",
251
- "is_passive_button": false,
252
- "flex": "1",
253
- "show_icon": false,
254
- "icons": [],
255
- "actions": [
256
- {
257
- "layout": "action-layout",
258
- "key": "c7fcavpy1HpWKAHU",
259
- "attributes": {
260
- "events": [
261
- {
262
- "layout": "Navigate",
263
- "key": "cEgzPBOiNNrbshp5",
264
- "attributes": {
265
- "next_page_key": "app_onboard-page2",
266
- "if_allowed_this_permissions": null,
267
- "if_not_allowed_this_permissions": null,
268
- "navigate_backward": null,
269
- "close_button_delay": null
270
- }
271
- }
272
- ]
273
- }
274
- }
275
- ],
276
- "styles": [],
277
- "button_text_color": "#FFFFFF",
278
- "button_background_color": "#0450E2",
279
- "animation": null,
280
- "animation_color": null
281
- }
282
- }
283
- ]
284
- }
272
+ "type": "Navigate",
273
+ "navigate_to": null,
274
+ "targetIndex": 3
285
275
  }
286
- ],
287
- "min_android_version": null
276
+ ]
288
277
  }
289
278
  },
290
279
  {
291
- "layout": "simple-onboard-layout",
292
- "key": "crIFXHKvOoOdLFbc",
280
+ "type": "OnboardButton",
293
281
  "attributes": {
294
- "key": "app_onboard-page2",
295
- "components": [
296
- {
297
- "layout": "image-layout",
298
- "key": "crGN7ZD9Al0KDbyO",
299
- "attributes": {
300
- "is_bg_image": false,
301
- "height": "400",
302
- "styles": [
303
- {
304
- "layout": "style-layout",
305
- "key": "ctLDm5bItpLEGj67",
306
- "attributes": {
307
- "styles": [
308
- {
309
- "layout": "Styles",
310
- "key": "cjvTMl0iVyMoSLJX",
311
- "attributes": {
312
- "type": "containerStyle",
313
- "style": {
314
- "marginTop": 40
315
- }
316
- }
317
- }
318
- ]
319
- }
320
- }
321
- ],
322
- "android_height": "400",
323
- "ios_height": "400",
324
- "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/f8d0c64bf89cc5f2f14126d0544ba174.png"
325
- }
326
- },
327
- {
328
- "layout": "title-layout",
329
- "key": "cSlHcp6WVRGdj233",
330
- "attributes": {
331
- "title_localization_key": "onboard.title.two-page",
332
- "title_color": "#F4F5FF",
333
- "coloredwords": [],
334
- "styles": [],
335
- "number_of_lines": "2",
336
- "adaptive_font_size": false
337
- }
338
- },
339
- {
340
- "layout": "subtitle-layout",
341
- "key": "ciJuUH1g7kHrcZDq",
342
- "attributes": {
343
- "subtitle_localization_key": "onboard.subtitle.two-page",
344
- "subtitle_color": "#DBDDEB",
345
- "subtitle_font": null,
346
- "styles": []
347
- }
348
- },
282
+ "labelKey": "onboard.next.two-page",
283
+ "button_text_color": "#FFFFFF",
284
+ "button_background_color": "#0450E2",
285
+ "flex": 1,
286
+ "events": [
349
287
  {
350
- "layout": "Buttons",
351
- "key": "cSDr8RbSvsWaHgVS",
352
- "attributes": {
353
- "buttons_direction": "row",
354
- "buttons": [
355
- {
356
- "layout": "skip-button-layout",
357
- "key": "cl9p09wdxNez5TmI",
358
- "attributes": {
359
- "flex": "1",
360
- "button_text_localization_key": "onboard.skip.two-page",
361
- "button_text_color": "#0450E2",
362
- "is_transparant_bg": false,
363
- "button_background_color": "#161827",
364
- "actions": [
365
- {
366
- "layout": "action-layout",
367
- "key": "cOARcdUyemgWucuS",
368
- "attributes": {
369
- "events": [
370
- {
371
- "layout": "Navigate",
372
- "key": "cdF9gJjTW63M4S3c",
373
- "attributes": {
374
- "next_page_key": "app_onboard-page4",
375
- "if_allowed_this_permissions": null,
376
- "if_not_allowed_this_permissions": null,
377
- "navigate_backward": null,
378
- "close_button_delay": null
379
- }
380
- }
381
- ]
382
- }
383
- }
384
- ],
385
- "styles": [],
386
- "animation": null,
387
- "animation_color": null
388
- }
389
- },
390
- {
391
- "layout": "button-layout",
392
- "key": "cC9C4xf7Kwnryduw",
393
- "attributes": {
394
- "show_text": true,
395
- "button_text_localization_key": "onboard.next.two-page",
396
- "is_passive_button": false,
397
- "flex": "1",
398
- "show_icon": false,
399
- "icons": [],
400
- "actions": [
401
- {
402
- "layout": "action-layout",
403
- "key": "cO0ZNlY08Wa33OUp",
404
- "attributes": {
405
- "events": [
406
- {
407
- "layout": "Navigate",
408
- "key": "cOwrXBiSMDOXAARa",
409
- "attributes": {
410
- "next_page_key": "app_onboard-page3",
411
- "if_allowed_this_permissions": null,
412
- "if_not_allowed_this_permissions": null,
413
- "navigate_backward": null,
414
- "close_button_delay": null
415
- }
416
- }
417
- ]
418
- }
419
- }
420
- ],
421
- "styles": [],
422
- "button_text_color": "#FFFFFF",
423
- "button_background_color": "#0450E2",
424
- "animation": null,
425
- "animation_color": null
426
- }
427
- }
428
- ]
429
- }
288
+ "type": "Navigate",
289
+ "navigate_to": null,
290
+ "targetIndex": 2
430
291
  }
431
- ],
432
- "min_android_version": null
292
+ ]
433
293
  }
434
- },
294
+ }
295
+ ]
296
+ },
297
+ {
298
+ "type": "OnboardButtons",
299
+ "attributes": {
300
+ "buttons_direction": "row",
301
+ "condition": "carousel-index",
302
+ "conditionVariable": 2
303
+ },
304
+ "children": [
435
305
  {
436
- "layout": "simple-onboard-layout",
437
- "key": "cRcBQOfcmficdPUY",
306
+ "type": "OnboardButton",
438
307
  "attributes": {
439
- "key": "app_onboard-page3",
440
- "components": [
441
- {
442
- "layout": "image-layout",
443
- "key": "chWqWfotZ42DTHkU",
444
- "attributes": {
445
- "is_bg_image": false,
446
- "height": "400",
447
- "styles": [
448
- {
449
- "layout": "style-layout",
450
- "key": "cjqEEYogrLEzZRtY",
451
- "attributes": {
452
- "styles": [
453
- {
454
- "layout": "Styles",
455
- "key": "c5PHmIfw5M0ncTMb",
456
- "attributes": {
457
- "type": "containerStyle",
458
- "style": {
459
- "marginTop": 40
460
- }
461
- }
462
- }
463
- ]
464
- }
465
- }
466
- ],
467
- "android_height": "400",
468
- "ios_height": "400",
469
- "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ad823809885c1a2a8e4632039f35a94e.png"
470
- }
471
- },
308
+ "labelKey": "onboard.skip.three-page",
309
+ "button_text_color": "#0450E2",
310
+ "button_background_color": "#161827",
311
+ "flex": 1,
312
+ "events": [
472
313
  {
473
- "layout": "title-layout",
474
- "key": "cc69aqukeCYi6zuO",
475
- "attributes": {
476
- "title_localization_key": "onboard.title.three-page",
477
- "title_color": "#F4F5FF",
478
- "coloredwords": [],
479
- "styles": [],
480
- "number_of_lines": "2",
481
- "adaptive_font_size": false
482
- }
483
- },
484
- {
485
- "layout": "subtitle-layout",
486
- "key": "cNtG6fvLNACSZliB",
487
- "attributes": {
488
- "subtitle_localization_key": "onboard.subtitle.three-page",
489
- "subtitle_color": "#DBDDEB",
490
- "subtitle_font": null,
491
- "styles": []
492
- }
493
- },
494
- {
495
- "layout": "Buttons",
496
- "key": "cRNaL0iEMtwOMqVT",
497
- "attributes": {
498
- "buttons_direction": "row",
499
- "buttons": [
500
- {
501
- "layout": "skip-button-layout",
502
- "key": "c70LtlMO3Nv6Cgb4",
503
- "attributes": {
504
- "flex": "1",
505
- "button_text_localization_key": "onboard.skip.three-page",
506
- "button_text_color": "#0450E2",
507
- "is_transparant_bg": false,
508
- "button_background_color": "#161827",
509
- "actions": [
510
- {
511
- "layout": "action-layout",
512
- "key": "cmLkX9THQz0n5cmC",
513
- "attributes": {
514
- "events": [
515
- {
516
- "layout": "Navigate",
517
- "key": "cUsGGKCMR6jtd041",
518
- "attributes": {
519
- "next_page_key": "app_onboard-page4",
520
- "if_allowed_this_permissions": null,
521
- "if_not_allowed_this_permissions": null,
522
- "navigate_backward": null,
523
- "close_button_delay": null
524
- }
525
- }
526
- ]
527
- }
528
- }
529
- ],
530
- "styles": [],
531
- "animation": null,
532
- "animation_color": null
533
- }
534
- },
535
- {
536
- "layout": "button-layout",
537
- "key": "cFjtaB6BOUV3Ip29",
538
- "attributes": {
539
- "show_text": true,
540
- "button_text_localization_key": "onboard.next.three-page",
541
- "is_passive_button": false,
542
- "flex": "1",
543
- "show_icon": false,
544
- "icons": [],
545
- "actions": [
546
- {
547
- "layout": "action-layout",
548
- "key": "cWnCp8SEvoozyzHt",
549
- "attributes": {
550
- "events": [
551
- {
552
- "layout": "Permission",
553
- "key": "cuBXgAPhZi9KjP9e",
554
- "attributes": {
555
- "permission": "rating"
556
- }
557
- },
558
- {
559
- "layout": "Navigate",
560
- "key": "cuDh9kCby5zuxxM2",
561
- "attributes": {
562
- "next_page_key": "app_onboard-page4",
563
- "if_allowed_this_permissions": null,
564
- "if_not_allowed_this_permissions": null,
565
- "navigate_backward": null,
566
- "close_button_delay": null
567
- }
568
- }
569
- ]
570
- }
571
- }
572
- ],
573
- "styles": [],
574
- "button_text_color": "#FFFFFF",
575
- "button_background_color": "#0450E2",
576
- "animation": null,
577
- "animation_color": null
578
- }
579
- }
580
- ]
581
- }
314
+ "type": "Navigate",
315
+ "navigate_to": null,
316
+ "targetIndex": 3
582
317
  }
583
- ],
584
- "min_android_version": null
318
+ ]
585
319
  }
586
320
  },
587
321
  {
588
- "layout": "simple-onboard-layout",
589
- "key": "cvF8znA2sZJvJKV5",
322
+ "type": "OnboardButton",
590
323
  "attributes": {
591
- "key": "app_onboard-page4",
592
- "components": [
324
+ "labelKey": "onboard.next.three-page",
325
+ "button_text_color": "#FFFFFF",
326
+ "button_background_color": "#0450E2",
327
+ "flex": 1,
328
+ "events": [
593
329
  {
594
- "layout": "image-layout",
595
- "key": "cmw7qmHSA52Mttez",
596
- "attributes": {
597
- "is_bg_image": false,
598
- "height": "400",
599
- "styles": [
600
- {
601
- "layout": "style-layout",
602
- "key": "clFXKiPX8Zc5DZa9",
603
- "attributes": {
604
- "styles": [
605
- {
606
- "layout": "Styles",
607
- "key": "cPLa5Mzc2mMNHcVS",
608
- "attributes": {
609
- "type": "containerStyle",
610
- "style": {
611
- "marginTop": 40
612
- }
613
- }
614
- }
615
- ]
616
- }
617
- }
618
- ],
619
- "android_height": "400",
620
- "ios_height": "400",
621
- "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ede1705c51f3434ae9053ed5f29bf5dd.png"
622
- }
330
+ "type": "Permission",
331
+ "permission": "rating"
623
332
  },
624
333
  {
625
- "layout": "title-layout",
626
- "key": "cMW4PNcuTdZKSngn",
627
- "attributes": {
628
- "title_localization_key": "onboard.title.four-page",
629
- "title_color": "#F4F5FF",
630
- "coloredwords": [],
631
- "styles": [],
632
- "number_of_lines": "2",
633
- "adaptive_font_size": false
634
- }
635
- },
334
+ "type": "Navigate",
335
+ "navigate_to": null,
336
+ "targetIndex": 3
337
+ }
338
+ ]
339
+ }
340
+ }
341
+ ]
342
+ },
343
+ {
344
+ "type": "OnboardButtons",
345
+ "attributes": {
346
+ "buttons_direction": "row",
347
+ "condition": "carousel-index",
348
+ "conditionVariable": 3
349
+ },
350
+ "children": [
351
+ {
352
+ "type": "OnboardButton",
353
+ "attributes": {
354
+ "labelKey": "onboard.allow.four-page",
355
+ "button_text_color": "#FFFFFF",
356
+ "button_background_color": "#0450E2",
357
+ "flex": 1,
358
+ "events": [
636
359
  {
637
- "layout": "subtitle-layout",
638
- "key": "ccpicN327gsRyFJp",
639
- "attributes": {
640
- "subtitle_localization_key": "onboard.subtitle.four-page",
641
- "subtitle_color": "#DBDDEB",
642
- "subtitle_font": null,
643
- "styles": []
644
- }
360
+ "type": "Permission",
361
+ "permission": "notification"
645
362
  },
646
363
  {
647
- "layout": "Buttons",
648
- "key": "cdm2DIT7kD4SvwxW",
649
- "attributes": {
650
- "buttons_direction": "row",
651
- "buttons": [
652
- {
653
- "layout": "button-layout",
654
- "key": "cc4zDTvmHh5AhjTr",
655
- "attributes": {
656
- "show_text": true,
657
- "button_text_localization_key": "onboard.allow.four-page",
658
- "is_passive_button": false,
659
- "flex": "1",
660
- "show_icon": false,
661
- "icons": [],
662
- "actions": [
663
- {
664
- "layout": "action-layout",
665
- "key": "cab9Uvd4nqeUA4Hb",
666
- "attributes": {
667
- "events": [
668
- {
669
- "layout": "Permission",
670
- "key": "cW6WWySokxpYwV9w",
671
- "attributes": {
672
- "permission": "notification"
673
- }
674
- },
675
- {
676
- "layout": "Navigate",
677
- "key": "cBdaRtFk5Iqo1FGu",
678
- "attributes": {
679
- "next_page_key": "subscriptions",
680
- "if_allowed_this_permissions": null,
681
- "if_not_allowed_this_permissions": null,
682
- "navigate_backward": "home",
683
- "close_button_delay": null
684
- }
685
- }
686
- ]
687
- }
688
- }
689
- ],
690
- "styles": [],
691
- "button_text_color": "#FFFFFF",
692
- "button_background_color": "#0450E2",
693
- "animation": null,
694
- "animation_color": null
695
- }
696
- }
697
- ]
698
- }
364
+ "type": "Navigate",
365
+ "navigate_to": "subscriptions"
699
366
  }
700
- ],
701
- "min_android_version": "12"
367
+ ]
702
368
  }
703
369
  }
704
370
  ]
371
+ },
372
+ {
373
+ "type": "OnboardFooter",
374
+ "attributes": {
375
+ "gap": 8,
376
+ "textLocalizationKey": "view.onboarding.footer.description",
377
+ "textColor": "#81838F",
378
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
379
+ "linkedWordFirstColor": "#0450E2",
380
+ "linkedWordFirstPage": "privacy",
381
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
382
+ "linkedWordSecondColor": "#0450E2",
383
+ "linkedWordSecondPage": "terms"
384
+ }
705
385
  }
386
+ ],
387
+ "attributes": {
388
+ "theme": "dark"
706
389
  }
390
+ }
391
+ ]
707
392
  }
708
393
  }