@developer_tribe/react-builder 1.0.4 → 1.0.6

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 (512) hide show
  1. package/README.md +6 -0
  2. package/dist/assets/samples/getSamples.d.ts +1 -0
  3. package/dist/background.jpg +0 -0
  4. package/dist/build-components/BIcon/BIcon.d.ts +5 -0
  5. package/dist/build-components/BIcon/BIconProps.generated.d.ts +55 -0
  6. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +4 -0
  7. package/dist/build-components/Button/ButtonProps.generated.d.ts +4 -0
  8. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +4 -0
  9. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +4 -0
  10. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +4 -0
  11. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +4 -0
  12. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +4 -0
  13. package/dist/build-components/Image/ImageProps.generated.d.ts +4 -0
  14. package/dist/build-components/Main/Main.d.ts +5 -0
  15. package/dist/build-components/Main/MainProps.generated.d.ts +48 -0
  16. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +4 -0
  17. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +4 -0
  18. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +4 -0
  19. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +4 -0
  20. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +4 -0
  21. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +4 -0
  22. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +4 -0
  23. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +4 -1
  24. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +4 -0
  25. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +4 -0
  26. package/dist/build-components/PaywallBackground/PaywallBackground.d.ts +5 -0
  27. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +47 -0
  28. package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +5 -0
  29. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +56 -0
  30. package/dist/build-components/PaywallOptions/PaywallOptionButton.d.ts +9 -0
  31. package/dist/build-components/PaywallOptions/PaywallOptions.d.ts +5 -0
  32. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +47 -0
  33. package/dist/build-components/PaywallOptions/usePaywallOptionParamsFactory.d.ts +10 -0
  34. package/dist/build-components/PaywallProvider/PaywallProvider.d.ts +5 -0
  35. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +47 -0
  36. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButton.d.ts +5 -0
  37. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +50 -0
  38. package/dist/build-components/RadioButton/RadioButton.d.ts +11 -0
  39. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +50 -0
  40. package/dist/build-components/RenderNode.generated.d.ts +1 -1
  41. package/dist/build-components/Text/TextProps.generated.d.ts +4 -0
  42. package/dist/build-components/View/ViewProps.generated.d.ts +4 -0
  43. package/dist/build-components/index.d.ts +9 -1
  44. package/dist/build-components/patterns.generated.d.ts +4442 -655
  45. package/dist/components/AttributesEditorPanel.d.ts +4 -3
  46. package/dist/components/BottomBar.d.ts +8 -0
  47. package/dist/components/Builder.d.ts +1 -1
  48. package/dist/components/BuilderButton.d.ts +1 -1
  49. package/dist/components/BuilderProvider.d.ts +15 -0
  50. package/dist/components/Checkbox.d.ts +1 -1
  51. package/dist/components/EditorHeader.d.ts +1 -1
  52. package/dist/components/Icon.generated.d.ts +11 -0
  53. package/dist/components/LoadingComponent.d.ts +1 -0
  54. package/dist/components/LocalizationParamsProvider.d.ts +11 -0
  55. package/dist/components/MobilePanelToggleButton.d.ts +8 -0
  56. package/dist/components/ParamsProvider.d.ts +14 -0
  57. package/dist/hooks/useLocalizationParams.d.ts +1 -0
  58. package/dist/hooks/useLocalize.d.ts +2 -0
  59. package/dist/hooks/useMinimumDelay.d.ts +7 -0
  60. package/dist/hooks/useMobileEditorPanels.d.ts +12 -0
  61. package/dist/hooks/useParams.d.ts +1 -0
  62. package/dist/hooks/useSafeAreaViewStyle.d.ts +1 -0
  63. package/dist/hooks/useSyncProjectPageStore.d.ts +15 -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/ScreenColorsModal.d.ts +8 -0
  85. package/dist/modals/index.d.ts +7 -0
  86. package/dist/pages/ProjectPage.d.ts +3 -2
  87. package/dist/pages/tabs/BuilderPanel.d.ts +3 -3
  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 +35 -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/findNodeByKeyNested.d.ts +2 -0
  104. package/dist/utils/nodeGuards.d.ts +5 -0
  105. package/dist/utils/nodeTree.d.ts +5 -0
  106. package/dist/utils/novaToJson.d.ts +5 -0
  107. package/dist/utils/patterns.d.ts +14 -0
  108. package/dist/utils/replaceLocalizationParams.d.ts +1 -0
  109. package/package.json +33 -3
  110. package/scripts/prebuild/assets/icon.template +71 -0
  111. package/scripts/prebuild/build-components.js +5 -0
  112. package/scripts/prebuild/icon-generator.js +206 -0
  113. package/scripts/prebuild/prebuild.js +10 -1
  114. package/scripts/prebuild/utils/createComponentTsx.js +6 -3
  115. package/scripts/prebuild/utils/createGeneratedProps.js +4 -2
  116. package/scripts/prebuild/utils/createRenderNodeGenerated.js +43 -8
  117. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +20 -9
  118. package/scripts/prebuild/utils/validatePatternJson.js +3 -2
  119. package/src/AttributesEditor.tsx +178 -34
  120. package/src/DeviceMockFrame.tsx +41 -43
  121. package/src/RenderPage.tsx +11 -49
  122. package/src/assets/benefits.json +24 -0
  123. package/src/assets/iconset/activity-heart.svg +3 -0
  124. package/src/assets/iconset/activity.svg +3 -0
  125. package/src/assets/iconset/alert-circle.svg +3 -0
  126. package/src/assets/iconset/alert-triangle.svg +3 -0
  127. package/src/assets/iconset/anchor.svg +3 -0
  128. package/src/assets/iconset/archive.svg +3 -0
  129. package/src/assets/iconset/arrow-down.svg +3 -0
  130. package/src/assets/iconset/arrow-left.svg +3 -0
  131. package/src/assets/iconset/arrow-narrow-down-left.svg +3 -0
  132. package/src/assets/iconset/arrow-narrow-up-right.svg +3 -0
  133. package/src/assets/iconset/arrow-right-smooth.svg +4 -0
  134. package/src/assets/iconset/arrow-right.svg +7 -0
  135. package/src/assets/iconset/asterisk-01.svg +3 -0
  136. package/src/assets/iconset/asterisk-02.svg +3 -0
  137. package/src/assets/iconset/at-sign.svg +3 -0
  138. package/src/assets/iconset/award.svg +4 -0
  139. package/src/assets/iconset/battery-charging.svg +6 -0
  140. package/src/assets/iconset/bell-01.svg +5 -0
  141. package/src/assets/iconset/bell-02.svg +3 -0
  142. package/src/assets/iconset/bell-ringing-02.svg +3 -0
  143. package/src/assets/iconset/bookmark-add.svg +3 -0
  144. package/src/assets/iconset/bookmark-check.svg +3 -0
  145. package/src/assets/iconset/bookmark-minus.svg +3 -0
  146. package/src/assets/iconset/bookmark-x.svg +3 -0
  147. package/src/assets/iconset/bookmark.svg +3 -0
  148. package/src/assets/iconset/bubble.svg +5 -0
  149. package/src/assets/iconset/building-01.svg +3 -0
  150. package/src/assets/iconset/building-02.svg +3 -0
  151. package/src/assets/iconset/building-03.svg +3 -0
  152. package/src/assets/iconset/building-04.svg +3 -0
  153. package/src/assets/iconset/building-05.svg +3 -0
  154. package/src/assets/iconset/building-06.svg +3 -0
  155. package/src/assets/iconset/building-07.svg +3 -0
  156. package/src/assets/iconset/building-08.svg +3 -0
  157. package/src/assets/iconset/building-09.svg +3 -0
  158. package/src/assets/iconset/camera-01.svg +8 -0
  159. package/src/assets/iconset/camera-steel.svg +4 -0
  160. package/src/assets/iconset/camera.svg +4 -0
  161. package/src/assets/iconset/check-circle-bold.svg +3 -0
  162. package/src/assets/iconset/check-circle-broken.svg +3 -0
  163. package/src/assets/iconset/check-circle.svg +3 -0
  164. package/src/assets/iconset/check-done-01.svg +3 -0
  165. package/src/assets/iconset/check-done-02.svg +3 -0
  166. package/src/assets/iconset/check-heart.svg +3 -0
  167. package/src/assets/iconset/check-square-broken.svg +3 -0
  168. package/src/assets/iconset/check-square.svg +3 -0
  169. package/src/assets/iconset/check-verified-01.svg +3 -0
  170. package/src/assets/iconset/check-verified-02.svg +3 -0
  171. package/src/assets/iconset/check-verified-03.svg +3 -0
  172. package/src/assets/iconset/check.svg +3 -0
  173. package/src/assets/iconset/checkbox.svg +4 -0
  174. package/src/assets/iconset/checkv.svg +3 -0
  175. package/src/assets/iconset/chevron-down.svg +3 -0
  176. package/src/assets/iconset/chevron-down2.svg +3 -0
  177. package/src/assets/iconset/chevron-left-2.svg +3 -0
  178. package/src/assets/iconset/chevron-left.svg +3 -0
  179. package/src/assets/iconset/chevron-right-empty.svg +3 -0
  180. package/src/assets/iconset/chevron-right-smooth.svg +3 -0
  181. package/src/assets/iconset/chevron-right.svg +3 -0
  182. package/src/assets/iconset/chevron-up.svg +3 -0
  183. package/src/assets/iconset/circle.svg +32 -0
  184. package/src/assets/iconset/clock-fast-forward.svg +10 -0
  185. package/src/assets/iconset/clock.svg +3 -0
  186. package/src/assets/iconset/close-circle.svg +3 -0
  187. package/src/assets/iconset/close.svg +3 -0
  188. package/src/assets/iconset/cloud-01.svg +5 -0
  189. package/src/assets/iconset/cloud-blank-01.svg +3 -0
  190. package/src/assets/iconset/cloud-blank-02.svg +3 -0
  191. package/src/assets/iconset/coin.svg +5 -0
  192. package/src/assets/iconset/coins-02.svg +3 -0
  193. package/src/assets/iconset/colors.svg +3 -0
  194. package/src/assets/iconset/copy-01.svg +3 -0
  195. package/src/assets/iconset/copy-02.svg +3 -0
  196. package/src/assets/iconset/copy-03.svg +3 -0
  197. package/src/assets/iconset/copy-04.svg +3 -0
  198. package/src/assets/iconset/copy-05.svg +3 -0
  199. package/src/assets/iconset/copy-06.svg +3 -0
  200. package/src/assets/iconset/copy-07.svg +3 -0
  201. package/src/assets/iconset/corner-down-right.svg +3 -0
  202. package/src/assets/iconset/crypto-bold.svg +4 -0
  203. package/src/assets/iconset/delete-icon.svg +5 -0
  204. package/src/assets/iconset/diamond.svg +3 -0
  205. package/src/assets/iconset/dice-3.svg +3 -0
  206. package/src/assets/iconset/divide-01.svg +3 -0
  207. package/src/assets/iconset/divide-02.svg +3 -0
  208. package/src/assets/iconset/divide-03.svg +3 -0
  209. package/src/assets/iconset/document-check-bold.svg +4 -0
  210. package/src/assets/iconset/dots-circle.svg +10 -0
  211. package/src/assets/iconset/dots-grid.svg +11 -0
  212. package/src/assets/iconset/dots-horizontal.svg +5 -0
  213. package/src/assets/iconset/dots-vertical.svg +5 -0
  214. package/src/assets/iconset/download-01.svg +3 -0
  215. package/src/assets/iconset/download-02.svg +3 -0
  216. package/src/assets/iconset/download-03.svg +3 -0
  217. package/src/assets/iconset/edit-03.svg +3 -0
  218. package/src/assets/iconset/edit-04.svg +3 -0
  219. package/src/assets/iconset/edit-05.svg +3 -0
  220. package/src/assets/iconset/element-3.svg +6 -0
  221. package/src/assets/iconset/ellipse-127.svg +3 -0
  222. package/src/assets/iconset/exclaimation-circle.svg +8 -0
  223. package/src/assets/iconset/eye-off-line.svg +5 -0
  224. package/src/assets/iconset/face-smile.svg +5 -0
  225. package/src/assets/iconset/file-04.svg +3 -0
  226. package/src/assets/iconset/file-05.svg +3 -0
  227. package/src/assets/iconset/file-check-02.svg +3 -0
  228. package/src/assets/iconset/file-plus-01.svg +5 -0
  229. package/src/assets/iconset/file-shield-02.svg +5 -0
  230. package/src/assets/iconset/filter-funnel-01.svg +3 -0
  231. package/src/assets/iconset/flag-03.svg +3 -0
  232. package/src/assets/iconset/flash.svg +3 -0
  233. package/src/assets/iconset/folder-plus.svg +3 -0
  234. package/src/assets/iconset/folder.svg +3 -0
  235. package/src/assets/iconset/gallery.svg +3 -0
  236. package/src/assets/iconset/globe-01.svg +3 -0
  237. package/src/assets/iconset/globe-04.svg +5 -0
  238. package/src/assets/iconset/globe-bold.svg +4 -0
  239. package/src/assets/iconset/guard.svg +3 -0
  240. package/src/assets/iconset/headphones-01.svg +3 -0
  241. package/src/assets/iconset/headphones-02.svg +5 -0
  242. package/src/assets/iconset/headset-bold.svg +4 -0
  243. package/src/assets/iconset/heart-bold.svg +3 -0
  244. package/src/assets/iconset/heart.svg +3 -0
  245. package/src/assets/iconset/help-circle.svg +5 -0
  246. package/src/assets/iconset/home-2.svg +4 -0
  247. package/src/assets/iconset/home-line.svg +3 -0
  248. package/src/assets/iconset/hourglass-02.svg +5 -0
  249. package/src/assets/iconset/image-01.svg +5 -0
  250. package/src/assets/iconset/image-03.svg +3 -0
  251. package/src/assets/iconset/image.svg +4 -0
  252. package/src/assets/iconset/inbox-01.svg +3 -0
  253. package/src/assets/iconset/inbox-arrow-down.svg +3 -0
  254. package/src/assets/iconset/info-circle.svg +3 -0
  255. package/src/assets/iconset/keyboard-line.svg +9 -0
  256. package/src/assets/iconset/lamp-charge.svg +5 -0
  257. package/src/assets/iconset/layer.svg +3 -0
  258. package/src/assets/iconset/light.svg +6 -0
  259. package/src/assets/iconset/like-dislike.svg +6 -0
  260. package/src/assets/iconset/lock-03.svg +3 -0
  261. package/src/assets/iconset/logout.svg +3 -0
  262. package/src/assets/iconset/magicpen.svg +7 -0
  263. package/src/assets/iconset/mail-01.svg +5 -0
  264. package/src/assets/iconset/mail.svg +3 -0
  265. package/src/assets/iconset/marker.svg +3 -0
  266. package/src/assets/iconset/medal-star.svg +5 -0
  267. package/src/assets/iconset/menu-04.svg +3 -0
  268. package/src/assets/iconset/menu.svg +5 -0
  269. package/src/assets/iconset/message-circle-01.svg +5 -0
  270. package/src/assets/iconset/message-plus-circle.svg +3 -0
  271. package/src/assets/iconset/message-question-circle.svg +5 -0
  272. package/src/assets/iconset/message-text-circle-01.svg +5 -0
  273. package/src/assets/iconset/message-text-square-02.svg +3 -0
  274. package/src/assets/iconset/message-x-square.svg +3 -0
  275. package/src/assets/iconset/microphone-02.svg +3 -0
  276. package/src/assets/iconset/microphone-slash.svg +8 -0
  277. package/src/assets/iconset/mirror.svg +4 -0
  278. package/src/assets/iconset/moon-01.svg +3 -0
  279. package/src/assets/iconset/moon-bold.svg +3 -0
  280. package/src/assets/iconset/mouse-circle.svg +4 -0
  281. package/src/assets/iconset/move.svg +5 -0
  282. package/src/assets/iconset/notification-fill.svg +3 -0
  283. package/src/assets/iconset/notification-text.svg +3 -0
  284. package/src/assets/iconset/notification.svg +5 -0
  285. package/src/assets/iconset/pdf-01.svg +6 -0
  286. package/src/assets/iconset/pencil-01.svg +5 -0
  287. package/src/assets/iconset/phone-01.svg +3 -0
  288. package/src/assets/iconset/phone-arrow-down-left.svg +4 -0
  289. package/src/assets/iconset/phone-arrow-up-right.svg +8 -0
  290. package/src/assets/iconset/phone-hang-up.svg +5 -0
  291. package/src/assets/iconset/phone-hangup2.svg +8 -0
  292. package/src/assets/iconset/phone-incoming-01.svg +3 -0
  293. package/src/assets/iconset/phone-outgoing-01.svg +3 -0
  294. package/src/assets/iconset/phone-plus.svg +3 -0
  295. package/src/assets/iconset/phone-x.svg +3 -0
  296. package/src/assets/iconset/phone.svg +3 -0
  297. package/src/assets/iconset/plus-circle.svg +3 -0
  298. package/src/assets/iconset/plus.svg +4 -0
  299. package/src/assets/iconset/printer.svg +3 -0
  300. package/src/assets/iconset/question-mark-circle.svg +5 -0
  301. package/src/assets/iconset/refresh-ccw-01.svg +3 -0
  302. package/src/assets/iconset/refresh-cw-01.svg +3 -0
  303. package/src/assets/iconset/refresh-cw-04.svg +3 -0
  304. package/src/assets/iconset/refresh-right-square-bold.svg +3 -0
  305. package/src/assets/iconset/remove-circle.svg +12 -0
  306. package/src/assets/iconset/repeat-04.svg +3 -0
  307. package/src/assets/iconset/repeat-bold.svg +3 -0
  308. package/src/assets/iconset/ruler-pen.svg +4 -0
  309. package/src/assets/iconset/search-lg.svg +3 -0
  310. package/src/assets/iconset/search-md.svg +5 -0
  311. package/src/assets/iconset/search-refraction.svg +5 -0
  312. package/src/assets/iconset/search.svg +3 -0
  313. package/src/assets/iconset/send-01.svg +3 -0
  314. package/src/assets/iconset/send-02.svg +5 -0
  315. package/src/assets/iconset/send-diagonal.svg +3 -0
  316. package/src/assets/iconset/setting-2.svg +4 -0
  317. package/src/assets/iconset/settings-02.svg +4 -0
  318. package/src/assets/iconset/settings-04.svg +5 -0
  319. package/src/assets/iconset/settings-2.svg +4 -0
  320. package/src/assets/iconset/settings-cog.svg +3 -0
  321. package/src/assets/iconset/settings.svg +4 -0
  322. package/src/assets/iconset/share-01.svg +4 -0
  323. package/src/assets/iconset/share-03.svg +3 -0
  324. package/src/assets/iconset/share-04.svg +3 -0
  325. package/src/assets/iconset/share-05.svg +5 -0
  326. package/src/assets/iconset/share-06.svg +3 -0
  327. package/src/assets/iconset/share-bold.svg +3 -0
  328. package/src/assets/iconset/shield-01.svg +3 -0
  329. package/src/assets/iconset/shield-bold.svg +3 -0
  330. package/src/assets/iconset/solar-check.svg +3 -0
  331. package/src/assets/iconset/speaker-wave.svg +9 -0
  332. package/src/assets/iconset/speaker.svg +5 -0
  333. package/src/assets/iconset/speedometer-03.svg +3 -0
  334. package/src/assets/iconset/star-rounded.svg +3 -0
  335. package/src/assets/iconset/star.svg +3 -0
  336. package/src/assets/iconset/sun.svg +5 -0
  337. package/src/assets/iconset/target-03.svg +3 -0
  338. package/src/assets/iconset/text-input.svg +3 -0
  339. package/src/assets/iconset/translate.svg +7 -0
  340. package/src/assets/iconset/trash-02.svg +3 -0
  341. package/src/assets/iconset/trash-03.svg +5 -0
  342. package/src/assets/iconset/trash-04.svg +3 -0
  343. package/src/assets/iconset/trash.svg +7 -0
  344. package/src/assets/iconset/trush-square-bold.svg +3 -0
  345. package/src/assets/iconset/unlimited.svg +3 -0
  346. package/src/assets/iconset/user-circle.svg +3 -0
  347. package/src/assets/iconset/user-jogging.svg +3 -0
  348. package/src/assets/iconset/user-plus-01.svg +5 -0
  349. package/src/assets/iconset/user-square.svg +5 -0
  350. package/src/assets/iconset/user-x-01.svg +5 -0
  351. package/src/assets/iconset/user-x-02.svg +3 -0
  352. package/src/assets/iconset/user2.svg +3 -0
  353. package/src/assets/iconset/users-02.svg +5 -0
  354. package/src/assets/iconset/users-speaker.svg +7 -0
  355. package/src/assets/iconset/verify.svg +3 -0
  356. package/src/assets/iconset/voice-cricle.svg +8 -0
  357. package/src/assets/iconset/x-circle.svg +3 -0
  358. package/src/assets/iconset/x-close.svg +3 -0
  359. package/src/assets/iconset/x-sm.svg +3 -0
  360. package/src/assets/iconset/zap.svg +3 -0
  361. package/src/assets/images/background.jpg +0 -0
  362. package/src/assets/loading_animation.json +1 -0
  363. package/src/assets/products.json +98 -0
  364. package/src/assets/samples/carousel-sample.json +100 -81
  365. package/src/assets/samples/getSamples.ts +39 -66
  366. package/src/assets/samples/paywall-1.json +220 -0
  367. package/src/assets/samples/simple-1.json +9 -2
  368. package/src/assets/samples/simple-2.json +37 -9
  369. package/src/assets/samples/vpn-onboard-1.json +326 -718
  370. package/src/assets/samples/vpn-onboard-2.json +329 -709
  371. package/src/assets/samples/vpn-onboard-3.json +297 -706
  372. package/src/assets/samples/vpn-onboard-4.json +297 -707
  373. package/src/assets/samples/vpn-onboard-5.json +440 -919
  374. package/src/assets/samples/vpn-onboard-6.json +301 -612
  375. package/src/attributes-editor/SpecialCategorySection.tsx +1 -1
  376. package/src/build-components/BIcon/BIcon.tsx +56 -0
  377. package/src/build-components/BIcon/BIconProps.generated.ts +82 -0
  378. package/src/build-components/BIcon/pattern.json +47 -0
  379. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +4 -0
  380. package/src/build-components/BackgroundImage/pattern.json +2 -2
  381. package/src/build-components/Button/Button.tsx +14 -1
  382. package/src/build-components/Button/ButtonProps.generated.ts +4 -0
  383. package/src/build-components/Button/pattern.json +4 -1
  384. package/src/build-components/Carousel/CarouselProps.generated.ts +4 -0
  385. package/src/build-components/Carousel/pattern.json +2 -2
  386. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +4 -0
  387. package/src/build-components/CarouselButtons/pattern.json +1 -1
  388. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +4 -0
  389. package/src/build-components/CarouselDots/pattern.json +1 -1
  390. package/src/build-components/CarouselItem/CarouselItem.tsx +1 -1
  391. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +4 -0
  392. package/src/build-components/CarouselItem/pattern.json +1 -1
  393. package/src/build-components/CarouselProvider/CarouselProvider.tsx +1 -1
  394. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +4 -0
  395. package/src/build-components/CarouselProvider/pattern.json +1 -1
  396. package/src/build-components/Image/ImageProps.generated.ts +4 -0
  397. package/src/build-components/Image/pattern.json +1 -1
  398. package/src/build-components/Main/Main.tsx +61 -0
  399. package/src/build-components/Main/MainProps.generated.ts +64 -0
  400. package/src/build-components/Main/pattern.json +35 -0
  401. package/src/build-components/Onboard/OnboardProps.generated.ts +4 -0
  402. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +4 -0
  403. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +4 -0
  404. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +4 -0
  405. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +4 -0
  406. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +4 -0
  407. package/src/build-components/OnboardItem/OnboardItem.tsx +1 -1
  408. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +4 -0
  409. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +4 -1
  410. package/src/build-components/OnboardProvider/pattern.json +6 -16
  411. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +4 -0
  412. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +4 -0
  413. package/src/build-components/PaywallBackground/PaywallBackground.tsx +47 -0
  414. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +63 -0
  415. package/src/build-components/PaywallBackground/pattern.json +16 -0
  416. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +62 -0
  417. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +83 -0
  418. package/src/build-components/PaywallCloseButton/pattern.json +23 -0
  419. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +64 -0
  420. package/src/build-components/PaywallOptions/PaywallOptions.tsx +92 -0
  421. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +63 -0
  422. package/src/build-components/PaywallOptions/pattern.json +22 -0
  423. package/src/build-components/PaywallOptions/usePaywallOptionParamsFactory.ts +42 -0
  424. package/src/build-components/PaywallProvider/PaywallProvider.tsx +78 -0
  425. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +63 -0
  426. package/src/build-components/PaywallProvider/pattern.json +24 -0
  427. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +60 -0
  428. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +77 -0
  429. package/src/build-components/PaywallSubscribeButton/pattern.json +27 -0
  430. package/src/build-components/RadioButton/RadioButton.tsx +123 -0
  431. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +66 -0
  432. package/src/build-components/RadioButton/pattern.json +42 -0
  433. package/src/build-components/RenderNode.generated.tsx +133 -37
  434. package/src/build-components/Text/Text.tsx +3 -3
  435. package/src/build-components/Text/TextProps.generated.ts +4 -0
  436. package/src/build-components/Text/pattern.json +1 -1
  437. package/src/build-components/View/ViewProps.generated.ts +4 -0
  438. package/src/build-components/View/pattern.json +44 -6
  439. package/src/build-components/index.ts +50 -10
  440. package/src/build-components/patterns.generated.ts +4516 -712
  441. package/src/components/AttributesEditorPanel.tsx +15 -9
  442. package/src/components/BottomBar.tsx +236 -0
  443. package/src/components/Builder.tsx +3 -5
  444. package/src/components/BuilderButton.tsx +2 -7
  445. package/src/components/BuilderProvider.tsx +45 -0
  446. package/src/components/DeviceNavigationBar.tsx +1 -1
  447. package/src/components/EditorHeader.tsx +15 -5
  448. package/src/components/Icon.generated.tsx +540 -0
  449. package/src/components/LoadingComponent.tsx +10 -0
  450. package/src/components/LocalizationParamsProvider.tsx +22 -0
  451. package/src/components/MobilePanelToggleButton.tsx +39 -0
  452. package/src/components/ParamsProvider.tsx +38 -0
  453. package/src/hooks/useLocalizationParams.ts +5 -0
  454. package/src/hooks/useLocalize.ts +23 -0
  455. package/src/hooks/useMinimumDelay.ts +20 -0
  456. package/src/hooks/useMobileEditorPanels.ts +56 -0
  457. package/src/hooks/useParams.ts +8 -0
  458. package/src/hooks/useSafeAreaViewStyle.ts +67 -0
  459. package/src/hooks/useSyncProjectPageStore.ts +40 -0
  460. package/src/index.native.ts +75 -0
  461. package/src/index.ts +26 -0
  462. package/src/mockOS/components/MockOSRouter.tsx +9 -14
  463. package/src/mockOS/context/MockOSContext.tsx +12 -36
  464. package/src/mockOS/context/MockOSContextBase.ts +35 -0
  465. package/src/mockOS/index.ts +3 -2
  466. package/src/modals/AddComponentModal.tsx +1 -0
  467. package/src/modals/BenefitEditModal.tsx +160 -0
  468. package/src/modals/BenefitPresetsModal.tsx +166 -0
  469. package/src/modals/IconPickerModal.tsx +109 -0
  470. package/src/modals/MockableFeatureModal.tsx +292 -0
  471. package/src/modals/ProductEditModal.tsx +215 -0
  472. package/src/modals/ProductPresetsModal.tsx +151 -0
  473. package/src/modals/ScreenColorsModal.tsx +115 -0
  474. package/src/modals/index.ts +7 -0
  475. package/src/pages/ProjectPage.tsx +99 -232
  476. package/src/pages/tabs/BuilderPanel.tsx +15 -9
  477. package/src/paywall/hooks/index.ts +5 -0
  478. package/src/paywall/hooks/useCalculateLocalizedPrice.ts +6 -0
  479. package/src/paywall/hooks/useCarouselOptionsSeperator.ts +8 -0
  480. package/src/paywall/hooks/useCloseStatusPaywall.ts +6 -0
  481. package/src/paywall/hooks/useDiscountRate.ts +6 -0
  482. package/src/paywall/hooks/usePaywallCounter.ts +6 -0
  483. package/src/paywall/types/benefits.ts +44 -0
  484. package/src/paywall/types/paywall-types.ts +51 -0
  485. package/src/store.ts +165 -47
  486. package/src/styles/base/_global.scss +61 -45
  487. package/src/styles/components/_attributes-editor.scss +49 -6
  488. package/src/styles/components/_bottom-bar.scss +113 -0
  489. package/src/styles/components/_editor-shell.scss +0 -25
  490. package/src/styles/components/_ui-components.scss +2 -1
  491. package/src/styles/index.scss +6 -0
  492. package/src/styles/modals/_benefit-edit-modal.scss +17 -0
  493. package/src/styles/modals/_benefit-presets-modal.scss +79 -0
  494. package/src/styles/modals/_mockable-feature-modal.scss +15 -0
  495. package/src/styles/modals/_product-edit-modal.scss +23 -0
  496. package/src/styles/modals/_product-presets-modal.scss +81 -0
  497. package/src/types/Icons.ts +244 -0
  498. package/src/types/Project.ts +5 -0
  499. package/src/types/jest-globals.d.ts +13 -0
  500. package/src/utils/analyseNode.ts +22 -109
  501. package/src/utils/analyseNodeByPatterns.ts +453 -0
  502. package/src/utils/analyseNodeStructural.ts +52 -0
  503. package/src/utils/extractViewStyle.ts +19 -0
  504. package/src/utils/findNodeByKeyNested.ts +32 -0
  505. package/src/utils/isCarousel.ts +21 -5
  506. package/src/utils/nodeGuards.ts +26 -0
  507. package/src/utils/nodeTree.ts +99 -0
  508. package/src/utils/novaToJson.ts +21 -9
  509. package/src/utils/patterns.ts +62 -3
  510. package/src/utils/replaceLocalizationParams.ts +15 -0
  511. package/dist/pages/tabs/SideTool.d.ts +0 -8
  512. package/src/pages/tabs/SideTool.tsx +0 -260
@@ -1,13 +1,19 @@
1
1
  {
2
2
  "name": "vpn-onboard-4 (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,734 +76,318 @@
70
76
  "defaultLanguage": "en"
71
77
  },
72
78
  "data": {
73
- "name": "Dark TextCall Onboard - 2",
74
- "key": "app_onboard_ab_classic",
75
- "theme": "dark",
76
- "order": 8,
77
- "data": {
78
- "layout": "onboard-layout",
79
- "key": "c92tR8J5wbTb3fav",
80
- "attributes": {
81
- "use_safe_area_inset": true,
82
- "general_components": [
79
+ "type": "Main",
80
+ "isMain": true,
81
+ "key": "c92tR8J5wbTb3fav",
82
+ "attributes": {
83
+ "useSafeAreaView": true
84
+ },
85
+ "children": [
86
+ {
87
+ "type": "OnboardProvider",
88
+ "children": [
83
89
  {
84
- "layout": "dots-layout",
85
- "key": "cfVlTs4XoBH6eHhy",
86
- "attributes": {
87
- "position": "before_buttons",
88
- "dots_type": "Dots Type Info",
89
- "dot": [
90
- {
91
- "layout": "expanding_dot",
92
- "key": "ca08ia4pBmSgWK9o",
93
- "attributes": {
94
- "inactive_dot_opacity": null,
95
- "active_dot_color": null,
96
- "expanding_dot_width": null,
97
- "dot_style": null,
98
- "container_style": null
90
+ "type": "Onboard",
91
+ "children": [
92
+ {
93
+ "type": "OnboardItem",
94
+ "key": "app_onboard-page1",
95
+ "children": [
96
+ {
97
+ "type": "OnboardTitle",
98
+ "attributes": {
99
+ "color": "#FDFDFD",
100
+ "textAlign": "center",
101
+ "marginTop": 40
102
+ },
103
+ "children": "onboard.title.one-page2"
104
+ },
105
+ {
106
+ "type": "OnboardImage",
107
+ "attributes": {
108
+ "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/aadf6191a8f1091831647b3a01e1a1aa.jpg",
109
+ "height": 350,
110
+ "resizeMode": "contain"
111
+ },
112
+ "children": null
113
+ },
114
+ {
115
+ "type": "OnboardSubtitle",
116
+ "attributes": {
117
+ "color": "#C7C7C7",
118
+ "fontSize": 16,
119
+ "textAlign": "center"
120
+ },
121
+ "children": "onboard.subtitle.one-page2"
99
122
  }
100
- }
101
- ],
102
- "styles": []
103
- }
123
+ ]
124
+ },
125
+ {
126
+ "type": "OnboardItem",
127
+ "key": "app_onboard-page2",
128
+ "children": [
129
+ {
130
+ "type": "OnboardTitle",
131
+ "attributes": {
132
+ "color": "#FDFDFD",
133
+ "textAlign": "center",
134
+ "marginTop": 40
135
+ },
136
+ "children": "onboard.title.two-page2"
137
+ },
138
+ {
139
+ "type": "OnboardSubtitle",
140
+ "attributes": {
141
+ "color": "#C7C7C7",
142
+ "fontSize": 16,
143
+ "textAlign": "center"
144
+ },
145
+ "children": "onboard.subtitle.two-page2"
146
+ }
147
+ ]
148
+ },
149
+ {
150
+ "type": "OnboardItem",
151
+ "key": "app_onboard-page3",
152
+ "children": [
153
+ {
154
+ "type": "OnboardTitle",
155
+ "attributes": {
156
+ "color": "#FDFDFD",
157
+ "textAlign": "center",
158
+ "marginTop": 40
159
+ },
160
+ "children": "onboard.title.three-page2"
161
+ },
162
+ {
163
+ "type": "OnboardSubtitle",
164
+ "attributes": {
165
+ "color": "#C7C7C7",
166
+ "fontSize": 16,
167
+ "textAlign": "center"
168
+ },
169
+ "children": "onboard.subtitle.three-page2"
170
+ }
171
+ ]
172
+ },
173
+ {
174
+ "type": "OnboardItem",
175
+ "key": "app_onboard-page4",
176
+ "children": [
177
+ {
178
+ "type": "OnboardTitle",
179
+ "attributes": {
180
+ "color": "#FDFDFD",
181
+ "textAlign": "center",
182
+ "marginTop": 40
183
+ },
184
+ "children": "onboard.title.four-page2"
185
+ },
186
+ {
187
+ "type": "OnboardSubtitle",
188
+ "attributes": {
189
+ "color": "#C7C7C7",
190
+ "fontSize": 16,
191
+ "textAlign": "center"
192
+ },
193
+ "children": "onboard.subtitle.four-page2"
194
+ }
195
+ ]
196
+ }
197
+ ]
104
198
  },
105
199
  {
106
- "layout": "footer-layout",
107
- "key": "c1yg0ajCz15VwbXO",
200
+ "type": "OnboardDot",
108
201
  "attributes": {
109
- "texts": [
110
- {
111
- "layout": "Text",
112
- "key": "cUEOEGlJHu98Bm4M",
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": "clmIqcwqLbpf5lIC",
121
- "attributes": {
122
- "linked_word_localization_key": "view.onboarding.btnPrivacy",
123
- "linked_word_color": "#81838F",
124
- "page": "privacy"
125
- }
126
- },
127
- {
128
- "layout": "LinkedWords",
129
- "key": "cR2iFjXZv6aKSipt",
130
- "attributes": {
131
- "linked_word_localization_key": "view.onboarding.btnTerms",
132
- "linked_word_color": "#81838F",
133
- "page": "terms"
134
- }
135
- }
136
- ],
137
- "styles": []
138
- }
139
- }
140
- ]
141
- }
142
- }
143
- ],
144
- "data": [
202
+ "dotType": "expanding_dot"
203
+ },
204
+ "children": null
205
+ },
145
206
  {
146
- "layout": "simple-onboard-layout",
147
- "key": "ctJKE0JpoyY2U2py",
207
+ "type": "OnboardButtons",
148
208
  "attributes": {
149
- "key": "app_onboard-page1",
150
- "min_android_version": null,
151
- "components": [
152
- {
153
- "layout": "title-layout",
154
- "key": "czW0y11EJ3Gh2zzu",
155
- "attributes": {
156
- "title_localization_key": "onboard.title.one-page2",
157
- "number_of_lines": "2",
158
- "adaptive_font_size": false,
159
- "title_color": "#FDFDFD",
160
- "coloredwords": [],
161
- "styles": [
162
- {
163
- "layout": "style-layout",
164
- "key": "cFtkJ7cGjlbh0Onm",
165
- "attributes": {
166
- "styles": [
167
- {
168
- "layout": "Styles",
169
- "key": "cRfjSLASNf4EfmRk",
170
- "attributes": {
171
- "type": "textStyle",
172
- "style": {
173
- "textAlign": "center",
174
- "marginTop": 40
175
- }
176
- }
177
- }
178
- ]
179
- }
180
- }
181
- ]
182
- }
209
+ "buttons_direction": "row",
210
+ "condition": "carousel-index",
211
+ "conditionVariable": 0
212
+ },
213
+ "children": [
214
+ {
215
+ "type": "OnboardButton",
216
+ "attributes": {
217
+ "labelKey": "onboard.skip.one-page",
218
+ "button_text_color": "#A9AAAC",
219
+ "button_background_color": "#ffffff00",
220
+ "flex": 1,
221
+ "events": [
222
+ {
223
+ "type": "Navigate",
224
+ "targetIndex": 3
225
+ }
226
+ ]
183
227
  },
184
- {
185
- "layout": "image-layout",
186
- "key": "ccaPDeW3TvadGknh",
187
- "attributes": {
188
- "is_bg_image": false,
189
- "height": "350",
190
- "android_height": "350",
191
- "ios_height": "350",
192
- "styles": [],
193
- "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/aadf6191a8f1091831647b3a01e1a1aa.jpg"
194
- }
228
+ "children": null
229
+ },
230
+ {
231
+ "type": "OnboardButton",
232
+ "attributes": {
233
+ "labelKey": "onboard.next.one-page",
234
+ "button_text_color": "#FFFFFF",
235
+ "button_background_color": "#0066FF",
236
+ "flex": 1,
237
+ "events": [
238
+ {
239
+ "type": "Navigate",
240
+ "targetIndex": 1
241
+ }
242
+ ]
195
243
  },
196
- {
197
- "layout": "subtitle-layout",
198
- "key": "cS8AJFtYl83g6N7l",
199
- "attributes": {
200
- "subtitle_localization_key": "onboard.subtitle.one-page2",
201
- "subtitle_color": "#C7C7C7",
202
- "subtitle_font": null,
203
- "styles": [
204
- {
205
- "layout": "style-layout",
206
- "key": "cfxys3dqXXQIoWib",
207
- "attributes": {
208
- "styles": [
209
- {
210
- "layout": "Styles",
211
- "key": "cdqzVzWecbtQHHOZ",
212
- "attributes": {
213
- "type": "textStyle",
214
- "style": {
215
- "textAlign": "center",
216
- "fontSize": 16
217
- }
218
- }
219
- }
220
- ]
221
- }
222
- }
223
- ]
224
- }
225
- },
226
- {
227
- "layout": "Buttons",
228
- "key": "cADNBYmKZhuqHDe3",
229
- "attributes": {
230
- "buttons_direction": "row",
231
- "buttons": [
232
- {
233
- "layout": "skip-button-layout",
234
- "key": "cvgeWjSVK9714zE4",
235
- "attributes": {
236
- "flex": "1",
237
- "button_text_localization_key": "onboard.skip.one-page",
238
- "button_text_color": "#A9AAAC",
239
- "is_transparant_bg": false,
240
- "button_background_color": "#ffffff00",
241
- "actions": [
242
- {
243
- "layout": "action-layout",
244
- "key": "cYbS4tQuDbqRjJP6",
245
- "attributes": {
246
- "events": [
247
- {
248
- "layout": "Navigate",
249
- "key": "cnwVlRVwR2Oa37Wa",
250
- "attributes": {
251
- "next_page_key": "app_onboard-page4",
252
- "if_allowed_this_permissions": null,
253
- "if_not_allowed_this_permissions": null,
254
- "navigate_backward": null,
255
- "close_button_delay": null
256
- }
257
- }
258
- ]
259
- }
260
- }
261
- ],
262
- "styles": [],
263
- "animation": null,
264
- "animation_color": null
265
- }
266
- },
267
- {
268
- "layout": "button-layout",
269
- "key": "cO7EfoP6WnwCbZFN",
270
- "attributes": {
271
- "show_text": true,
272
- "button_text_localization_key": "onboard.next.one-page",
273
- "is_passive_button": false,
274
- "flex": "1",
275
- "button_text_color": "#FFFFFF",
276
- "button_background_color": "#0066FF",
277
- "show_icon": false,
278
- "icons": [],
279
- "actions": [
280
- {
281
- "layout": "action-layout",
282
- "key": "cLDTXbDjepmRilZP",
283
- "attributes": {
284
- "events": [
285
- {
286
- "layout": "Navigate",
287
- "key": "cVe34D6lvpt6jfkc",
288
- "attributes": {
289
- "next_page_key": "app_onboard-page2",
290
- "if_allowed_this_permissions": null,
291
- "if_not_allowed_this_permissions": null,
292
- "navigate_backward": null,
293
- "close_button_delay": null
294
- }
295
- }
296
- ]
297
- }
298
- }
299
- ],
300
- "styles": [],
301
- "animation": null,
302
- "animation_color": null
303
- }
304
- }
305
- ]
306
- }
307
- }
308
- ]
309
- }
244
+ "children": null
245
+ }
246
+ ]
310
247
  },
311
248
  {
312
- "layout": "simple-onboard-layout",
313
- "key": "cJ5P9VObBmpapdIz",
249
+ "type": "OnboardButtons",
314
250
  "attributes": {
315
- "key": "app_onboard-page2",
316
- "min_android_version": null,
317
- "components": [
318
- {
319
- "layout": "title-layout",
320
- "key": "cWaHDeqd8N5LpAdr",
321
- "attributes": {
322
- "title_localization_key": "onboard.title.two-page2",
323
- "number_of_lines": "2",
324
- "adaptive_font_size": false,
325
- "title_color": "#FDFDFD",
326
- "coloredwords": [],
327
- "styles": [
328
- {
329
- "layout": "style-layout",
330
- "key": "c5n7fUy2koZD1iY5",
331
- "attributes": {
332
- "styles": [
333
- {
334
- "layout": "Styles",
335
- "key": "c7uK89glQz4MHrZc",
336
- "attributes": {
337
- "type": "textStyle",
338
- "style": {
339
- "textAlign": "center",
340
- "marginTop": 40
341
- }
342
- }
343
- }
344
- ]
345
- }
346
- }
347
- ]
348
- }
251
+ "buttons_direction": "row",
252
+ "condition": "carousel-index",
253
+ "conditionVariable": 1
254
+ },
255
+ "children": [
256
+ {
257
+ "type": "OnboardButton",
258
+ "attributes": {
259
+ "labelKey": "onboard.skip.two-page",
260
+ "button_text_color": "#A9AAAC",
261
+ "button_background_color": "#ffffff00",
262
+ "flex": 1,
263
+ "events": [
264
+ {
265
+ "type": "Permission",
266
+ "permission": "att"
267
+ },
268
+ {
269
+ "type": "Navigate",
270
+ "targetIndex": 3
271
+ }
272
+ ]
349
273
  },
350
- {
351
- "layout": "image-layout",
352
- "key": "czvCm7FXp4sQrlBi",
353
- "attributes": {
354
- "is_bg_image": false,
355
- "height": "350",
356
- "android_height": "350",
357
- "ios_height": "350",
358
- "styles": []
359
- }
274
+ "children": null
275
+ },
276
+ {
277
+ "type": "OnboardButton",
278
+ "attributes": {
279
+ "labelKey": "onboard.next.two-page",
280
+ "button_text_color": "#FFFFFF",
281
+ "button_background_color": "#0066FF",
282
+ "flex": 1,
283
+ "events": [
284
+ {
285
+ "type": "Permission",
286
+ "permission": "att"
287
+ },
288
+ {
289
+ "type": "Navigate",
290
+ "targetIndex": 2
291
+ }
292
+ ]
360
293
  },
361
- {
362
- "layout": "subtitle-layout",
363
- "key": "cJO33EgsbvxZVV57",
364
- "attributes": {
365
- "subtitle_localization_key": "onboard.subtitle.two-page2",
366
- "subtitle_color": "#C7C7C7",
367
- "subtitle_font": null,
368
- "styles": [
369
- {
370
- "layout": "style-layout",
371
- "key": "cKZLIPtywsfi5Mbz",
372
- "attributes": {
373
- "styles": [
374
- {
375
- "layout": "Styles",
376
- "key": "cce8Yv695FQgSOIH",
377
- "attributes": {
378
- "type": "textStyle",
379
- "style": {
380
- "textAlign": "center",
381
- "fontSize": 16
382
- }
383
- }
384
- }
385
- ]
386
- }
387
- }
388
- ]
389
- }
390
- },
391
- {
392
- "layout": "Buttons",
393
- "key": "cR43NhA7k4XN4bFU",
394
- "attributes": {
395
- "buttons_direction": "row",
396
- "buttons": [
397
- {
398
- "layout": "skip-button-layout",
399
- "key": "cZbvXpcCDBzCy4xq",
400
- "attributes": {
401
- "flex": "1",
402
- "button_text_localization_key": "onboard.skip.two-page",
403
- "button_text_color": "#A9AAAC",
404
- "is_transparant_bg": false,
405
- "button_background_color": "#ffffff00",
406
- "actions": [
407
- {
408
- "layout": "action-layout",
409
- "key": "cOweHSx9FF1rKmXE",
410
- "attributes": {
411
- "events": [
412
- {
413
- "layout": "Permission",
414
- "key": "cfnK7ww1nyzVLquV",
415
- "attributes": {
416
- "permission": "att"
417
- }
418
- },
419
- {
420
- "layout": "Navigate",
421
- "key": "cdQXhjSGC97aDV5Q",
422
- "attributes": {
423
- "next_page_key": "app_onboard-page4",
424
- "if_allowed_this_permissions": null,
425
- "if_not_allowed_this_permissions": null,
426
- "navigate_backward": null,
427
- "close_button_delay": null
428
- }
429
- }
430
- ]
431
- }
432
- }
433
- ],
434
- "styles": [],
435
- "animation": null,
436
- "animation_color": null
437
- }
438
- },
439
- {
440
- "layout": "button-layout",
441
- "key": "cP3ZMgA0DgYBMTjH",
442
- "attributes": {
443
- "show_text": true,
444
- "button_text_localization_key": "onboard.next.two-page",
445
- "is_passive_button": false,
446
- "flex": "1",
447
- "button_text_color": "#FFFFFF",
448
- "button_background_color": "#0066FF",
449
- "show_icon": false,
450
- "icons": [],
451
- "actions": [
452
- {
453
- "layout": "action-layout",
454
- "key": "c5ud1yXzSHQOl99m",
455
- "attributes": {
456
- "events": [
457
- {
458
- "layout": "Permission",
459
- "key": "caWvIjHlpzkWsSkU",
460
- "attributes": {
461
- "permission": "att"
462
- }
463
- },
464
- {
465
- "layout": "Navigate",
466
- "key": "cqCP16bRc8OrVYnj",
467
- "attributes": {
468
- "next_page_key": "app_onboard-page3",
469
- "if_allowed_this_permissions": null,
470
- "if_not_allowed_this_permissions": null,
471
- "navigate_backward": null,
472
- "close_button_delay": null
473
- }
474
- }
475
- ]
476
- }
477
- }
478
- ],
479
- "styles": [],
480
- "animation": null,
481
- "animation_color": null
482
- }
483
- }
484
- ]
485
- }
486
- }
487
- ]
488
- }
294
+ "children": null
295
+ }
296
+ ]
489
297
  },
490
298
  {
491
- "layout": "simple-onboard-layout",
492
- "key": "cxNW3BfLJV7m1Rwb",
299
+ "type": "OnboardButtons",
493
300
  "attributes": {
494
- "key": "app_onboard-page3",
495
- "min_android_version": null,
496
- "components": [
497
- {
498
- "layout": "title-layout",
499
- "key": "c4jWJqatyNrpRDv5",
500
- "attributes": {
501
- "title_localization_key": "onboard.title.three-page2",
502
- "number_of_lines": "2",
503
- "adaptive_font_size": false,
504
- "title_color": "#FDFDFD",
505
- "coloredwords": [],
506
- "styles": [
507
- {
508
- "layout": "style-layout",
509
- "key": "cyxWxkO4H6GcLGpV",
510
- "attributes": {
511
- "styles": [
512
- {
513
- "layout": "Styles",
514
- "key": "c2EQHxoKIHqE6usb",
515
- "attributes": {
516
- "type": "textStyle",
517
- "style": {
518
- "textAlign": "center",
519
- "marginTop": 40
520
- }
521
- }
522
- }
523
- ]
524
- }
525
- }
526
- ]
527
- }
301
+ "buttons_direction": "row",
302
+ "condition": "carousel-index",
303
+ "conditionVariable": 2
304
+ },
305
+ "children": [
306
+ {
307
+ "type": "OnboardButton",
308
+ "attributes": {
309
+ "labelKey": "onboard.skip.three-page",
310
+ "button_text_color": "#A9AAAC",
311
+ "button_background_color": "#ffffff00",
312
+ "flex": 1,
313
+ "events": [
314
+ {
315
+ "type": "Navigate",
316
+ "targetIndex": 3
317
+ }
318
+ ]
528
319
  },
529
- {
530
- "layout": "image-layout",
531
- "key": "cQPrCUhAFzzvZvFL",
532
- "attributes": {
533
- "is_bg_image": false,
534
- "height": "350",
535
- "android_height": "350",
536
- "ios_height": "350",
537
- "styles": []
538
- }
320
+ "children": null
321
+ },
322
+ {
323
+ "type": "OnboardButton",
324
+ "attributes": {
325
+ "labelKey": "onboard.next.three-page",
326
+ "button_text_color": "#FFFFFF",
327
+ "button_background_color": "#0066FF",
328
+ "flex": 1,
329
+ "events": [
330
+ {
331
+ "type": "Permission",
332
+ "permission": "rating"
333
+ },
334
+ {
335
+ "type": "Navigate",
336
+ "targetIndex": 3
337
+ }
338
+ ]
539
339
  },
540
- {
541
- "layout": "subtitle-layout",
542
- "key": "c845kgEFTytoeb5n",
543
- "attributes": {
544
- "subtitle_localization_key": "onboard.subtitle.three-page2",
545
- "subtitle_color": "#C7C7C7",
546
- "subtitle_font": null,
547
- "styles": [
548
- {
549
- "layout": "style-layout",
550
- "key": "c8I866TChSrcTxLA",
551
- "attributes": {
552
- "styles": [
553
- {
554
- "layout": "Styles",
555
- "key": "cPi4CsGpMpnyl1Qo",
556
- "attributes": {
557
- "type": "textStyle",
558
- "style": {
559
- "textAlign": "center",
560
- "fontSize": 16
561
- }
562
- }
563
- }
564
- ]
565
- }
566
- }
567
- ]
568
- }
569
- },
570
- {
571
- "layout": "Buttons",
572
- "key": "cHRet3F1pMbLLv4e",
573
- "attributes": {
574
- "buttons_direction": "row",
575
- "buttons": [
576
- {
577
- "layout": "skip-button-layout",
578
- "key": "cPjaITcYuN3jYXaz",
579
- "attributes": {
580
- "flex": "1",
581
- "button_text_localization_key": "onboard.skip.three-page",
582
- "button_text_color": "#A9AAAC",
583
- "is_transparant_bg": false,
584
- "button_background_color": "#ffffff00",
585
- "actions": [
586
- {
587
- "layout": "action-layout",
588
- "key": "cwHy3RdNIAhrdyk9",
589
- "attributes": {
590
- "events": [
591
- {
592
- "layout": "Navigate",
593
- "key": "c9tQ5JwLNEl4m6iE",
594
- "attributes": {
595
- "next_page_key": "app_onboard-page4",
596
- "if_allowed_this_permissions": null,
597
- "if_not_allowed_this_permissions": null,
598
- "navigate_backward": null,
599
- "close_button_delay": null
600
- }
601
- }
602
- ]
603
- }
604
- }
605
- ],
606
- "styles": [],
607
- "animation": null,
608
- "animation_color": null
609
- }
610
- },
611
- {
612
- "layout": "button-layout",
613
- "key": "calWhCnS7bVqDLSm",
614
- "attributes": {
615
- "show_text": true,
616
- "button_text_localization_key": "onboard.next.three-page",
617
- "is_passive_button": false,
618
- "flex": "1",
619
- "button_text_color": "#FFFFFF",
620
- "button_background_color": "#0066FF",
621
- "show_icon": false,
622
- "icons": [],
623
- "actions": [
624
- {
625
- "layout": "action-layout",
626
- "key": "c5WDaaMMyzF6wbMw",
627
- "attributes": {
628
- "events": [
629
- {
630
- "layout": "Permission",
631
- "key": "cVbu3bzJMfCd2WQY",
632
- "attributes": {
633
- "permission": "rating"
634
- }
635
- },
636
- {
637
- "layout": "Navigate",
638
- "key": "csga6VsmtRL4dJoH",
639
- "attributes": {
640
- "next_page_key": "app_onboard-page4",
641
- "if_allowed_this_permissions": null,
642
- "if_not_allowed_this_permissions": null,
643
- "navigate_backward": null,
644
- "close_button_delay": null
645
- }
646
- }
647
- ]
648
- }
649
- }
650
- ],
651
- "styles": [],
652
- "animation": null,
653
- "animation_color": null
654
- }
655
- }
656
- ]
657
- }
658
- }
659
- ]
660
- }
340
+ "children": null
341
+ }
342
+ ]
661
343
  },
662
344
  {
663
- "layout": "simple-onboard-layout",
664
- "key": "c6OPQRoj7nIYq8qP",
345
+ "type": "OnboardButtons",
665
346
  "attributes": {
666
- "key": "app_onboard-page4",
667
- "min_android_version": null,
668
- "components": [
669
- {
670
- "layout": "title-layout",
671
- "key": "cY7hE2QfCFUpAvIr",
672
- "attributes": {
673
- "title_localization_key": "onboard.title.four-page2",
674
- "number_of_lines": "2",
675
- "adaptive_font_size": false,
676
- "title_color": "#FDFDFD",
677
- "coloredwords": [],
678
- "styles": [
679
- {
680
- "layout": "style-layout",
681
- "key": "ch0psI5S3gY93lkS",
682
- "attributes": {
683
- "styles": [
684
- {
685
- "layout": "Styles",
686
- "key": "ci8SBK0k6Ox0cAY4",
687
- "attributes": {
688
- "type": "textStyle",
689
- "style": {
690
- "textAlign": "center",
691
- "marginTop": 40
692
- }
693
- }
694
- }
695
- ]
696
- }
697
- }
698
- ]
699
- }
347
+ "buttons_direction": "row",
348
+ "condition": "carousel-index",
349
+ "conditionVariable": 3
350
+ },
351
+ "children": [
352
+ {
353
+ "type": "OnboardButton",
354
+ "attributes": {
355
+ "labelKey": "onboard.allow.four-page",
356
+ "button_text_color": "#FFFFFF",
357
+ "button_background_color": "#0066FF",
358
+ "flex": 1,
359
+ "events": [
360
+ {
361
+ "type": "Permission",
362
+ "permission": "notification"
363
+ },
364
+ {
365
+ "type": "Navigate",
366
+ "navigate_to": "home"
367
+ }
368
+ ]
700
369
  },
701
- {
702
- "layout": "image-layout",
703
- "key": "cyzRYhHdmYpSZKWz",
704
- "attributes": {
705
- "is_bg_image": false,
706
- "height": "350",
707
- "android_height": "350",
708
- "ios_height": "350",
709
- "styles": []
710
- }
711
- },
712
- {
713
- "layout": "subtitle-layout",
714
- "key": "cEtGSW5s89pVPO3p",
715
- "attributes": {
716
- "subtitle_localization_key": "onboard.subtitle.four-page2",
717
- "subtitle_color": "#C7C7C7",
718
- "subtitle_font": null,
719
- "styles": [
720
- {
721
- "layout": "style-layout",
722
- "key": "c7q1e8klEqvuTib2",
723
- "attributes": {
724
- "styles": [
725
- {
726
- "layout": "Styles",
727
- "key": "cRoSg4908XkN9tLr",
728
- "attributes": {
729
- "type": "textStyle",
730
- "style": {
731
- "textAlign": "center",
732
- "fontSize": 16
733
- }
734
- }
735
- }
736
- ]
737
- }
738
- }
739
- ]
740
- }
741
- },
742
- {
743
- "layout": "Buttons",
744
- "key": "cFOXUx3qf7wvRQPK",
745
- "attributes": {
746
- "buttons_direction": "row",
747
- "buttons": [
748
- {
749
- "layout": "button-layout",
750
- "key": "cILIurDiN8C6Nk9t",
751
- "attributes": {
752
- "show_text": true,
753
- "button_text_localization_key": "onboard.allow.four-page",
754
- "is_passive_button": false,
755
- "flex": "1",
756
- "button_text_color": "#FFFFFF",
757
- "button_background_color": "#0066FF",
758
- "show_icon": false,
759
- "icons": [],
760
- "actions": [
761
- {
762
- "layout": "action-layout",
763
- "key": "cPkTX9lI025TuA2d",
764
- "attributes": {
765
- "events": [
766
- {
767
- "layout": "Permission",
768
- "key": "cenFPRHcA87TmbkC",
769
- "attributes": {
770
- "permission": "notification"
771
- }
772
- },
773
- {
774
- "layout": "Navigate",
775
- "key": "c0ZQIOWZ81XjaWmA",
776
- "attributes": {
777
- "next_page_key": "home",
778
- "if_allowed_this_permissions": null,
779
- "if_not_allowed_this_permissions": null,
780
- "navigate_backward": null,
781
- "close_button_delay": null
782
- }
783
- }
784
- ]
785
- }
786
- }
787
- ],
788
- "styles": [],
789
- "animation": null,
790
- "animation_color": null
791
- }
792
- }
793
- ]
794
- }
795
- }
796
- ]
797
- }
370
+ "children": null
371
+ }
372
+ ]
373
+ },
374
+ {
375
+ "type": "OnboardFooter",
376
+ "attributes": {
377
+ "gap": 8,
378
+ "textLocalizationKey": "view.onboarding.footer.description",
379
+ "textColor": "#81838F",
380
+ "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
381
+ "linkedWordFirstColor": "#81838F",
382
+ "linkedWordFirstPage": "privacy",
383
+ "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
384
+ "linkedWordSecondColor": "#81838F",
385
+ "linkedWordSecondPage": "terms"
386
+ },
387
+ "children": null
798
388
  }
799
389
  ]
800
390
  }
801
- }
391
+ ]
802
392
  }
803
393
  }