@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
package/src/assets/samples/paywall-1.json ADDED
@@ -0,0 +1,220 @@
1
+ {
2
+ "name": "Simple Paywall",
3
+ "version": "1.0.0",
4
+ "type": "paywall",
5
+ "appConfig": {
6
+ "theme": "light",
7
+ "isRtl": false,
8
+ "screenStyle": {
9
+ "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
10
+ "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
11
+ },
12
+ "defaultLanguage": "en"
13
+ },
14
+ "data": {
15
+ "type": "Main",
16
+ "isMain": true,
17
+ "attributes": {
18
+ "useSafeAreaView": true
19
+ },
20
+ "children": [
21
+ {
22
+ "type": "PaywallProvider",
23
+ "attributes": {
24
+ "scrollable": true,
25
+ "flexDirection": "column",
26
+ "alignItems": "stretch",
27
+ "justifyContent": "flex-start",
28
+ "position": "relative",
29
+ "paddingTop": 56,
30
+ "paddingHorizontal": 16,
31
+ "paddingBottom": 16,
32
+ "gap": 12,
33
+ "backgroundColor": "#F5F7FA"
34
+ },
35
+ "children": [
36
+ {
37
+ "type": "BackgroundImage",
38
+ "attributes": {
39
+ "src": "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80",
40
+ "resizeMode": "cover"
41
+ },
42
+ "children": null
43
+ },
44
+ {
45
+ "type": "PaywallCloseButton",
46
+ "attributes": {
47
+ "position": "absolute",
48
+ "top": 16,
49
+ "left": 16,
50
+ "width": 32,
51
+ "height": 32,
52
+ "borderRadius": 16,
53
+ "backgroundColor": "#FFFFFF",
54
+ "zIndex": 10
55
+ },
56
+ "children": null
57
+ },
58
+ {
59
+ "type": "View",
60
+ "attributes": {
61
+ "flexDirection": "column",
62
+ "gap": 0,
63
+ "marginTop": "16%"
64
+ },
65
+ "children": [
66
+ {
67
+ "type": "View",
68
+ "attributes": {
69
+ "flexDirection": "row",
70
+ "alignItems": "center",
71
+ "gap": 8,
72
+ "paddingVertical": 8,
73
+ "paddingHorizontal": 12
74
+ },
75
+ "children": [
76
+ {
77
+ "type": "BIcon",
78
+ "attributes": {
79
+ "iconType": "check",
80
+ "color": "#22c55e",
81
+ "strokeWidth": 3,
82
+ "fontSize": "16",
83
+ "flex": 0
84
+ },
85
+ "children": null
86
+ },
87
+ {
88
+ "type": "text",
89
+ "attributes": {
90
+ "flex": 1,
91
+ "color": "#FFFFFF",
92
+ "fontWeight": "700"
93
+ },
94
+ "children": "@benefit1 — Unlimited access"
95
+ }
96
+ ]
97
+ },
98
+ {
99
+ "type": "View",
100
+ "attributes": {
101
+ "flexDirection": "row",
102
+ "alignItems": "center",
103
+ "gap": 8,
104
+ "paddingVertical": 8,
105
+ "paddingHorizontal": 12
106
+ },
107
+ "children": [
108
+ {
109
+ "type": "BIcon",
110
+ "attributes": {
111
+ "iconType": "check",
112
+ "color": "#22c55e",
113
+ "strokeWidth": 3,
114
+ "fontSize": "16",
115
+ "flex": 0
116
+ },
117
+ "children": null
118
+ },
119
+ {
120
+ "type": "text",
121
+ "attributes": {
122
+ "flex": 1,
123
+ "color": "#FFFFFF",
124
+ "fontWeight": "700"
125
+ },
126
+ "children": "@benefit2 — 7-day free trial"
127
+ }
128
+ ]
129
+ },
130
+ {
131
+ "type": "View",
132
+ "attributes": {
133
+ "flexDirection": "row",
134
+ "alignItems": "center",
135
+ "gap": 8,
136
+ "paddingVertical": 8,
137
+ "paddingHorizontal": 12
138
+ },
139
+ "children": [
140
+ {
141
+ "type": "BIcon",
142
+ "attributes": {
143
+ "iconType": "check",
144
+ "color": "#22c55e",
145
+ "strokeWidth": 3,
146
+ "fontSize": "16",
147
+ "flex": 0
148
+ },
149
+ "children": null
150
+ },
151
+ {
152
+ "type": "text",
153
+ "attributes": {
154
+ "flex": 1,
155
+ "color": "#FFFFFF",
156
+ "fontWeight": "700"
157
+ },
158
+ "children": "@benefit3 — Cancel anytime"
159
+ }
160
+ ]
161
+ }
162
+ ]
163
+ },
164
+ {
165
+ "type": "PaywallOptions",
166
+ "attributes": {
167
+ "borderRadius": 12,
168
+ "backgroundColor": "#FFFFFF"
169
+ },
170
+ "children": [
171
+ {
172
+ "type": "RadioButton",
173
+ "attributes": { "flex": 1 },
174
+ "children": null
175
+ },
176
+
177
+ {
178
+ "type": "text",
179
+ "attributes": { "flex": 4 },
180
+ "children": "@productDescription — Unlock all premium features for a month."
181
+ },
182
+ {
183
+ "type": "text",
184
+ "attributes": { "flex": 1, "textAlign": "right" },
185
+ "children": "@localizedPrice"
186
+ },
187
+ {
188
+ "type": "BIcon",
189
+ "attributes": {
190
+ "iconType": "chevron-right",
191
+ "size": 16,
192
+ "marginRight": 4,
193
+ "flex": 0,
194
+ "width": 32
195
+ },
196
+ "children": null
197
+ }
198
+ ]
199
+ },
200
+ {
201
+ "type": "View",
202
+ "attributes": {
203
+ "flex": 1,
204
+ "flexDirection": "column",
205
+ "justifyContent": "flex-end",
206
+ "alignItems": "stretch",
207
+ "paddingBottom": "50px"
208
+ },
209
+ "children": [
210
+ {
211
+ "type": "PaywallSubscribeButton",
212
+ "children": "Subscribe"
213
+ }
214
+ ]
215
+ }
216
+ ]
217
+ }
218
+ ]
219
+ }
220
+ }
package/src/assets/samples/simple-1.json CHANGED
@@ -1,12 +1,19 @@
1
1
  {
2
2
  "name": "hello-world",
3
3
  "version": "1.0.0",
4
+ "type": "other",
4
5
  "appConfig": {
5
6
  "theme": "light",
6
7
  "isRtl": false,
7
8
  "screenStyle": {
8
- "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
9
- "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
9
+ "light": {
10
+ "backgroundColor": "#FDFDFD",
11
+ "color": "#161827"
12
+ },
13
+ "dark": {
14
+ "backgroundColor": "#12131A",
15
+ "color": "#E9EBF9"
16
+ }
10
17
  },
11
18
  "defaultLanguage": "en"
12
19
  },
package/src/assets/samples/simple-2.json CHANGED
@@ -1,12 +1,19 @@
1
1
  {
2
2
  "name": "hello-world-2-advanced",
3
3
  "version": "1.0.0",
4
+ "type": "other",
4
5
  "appConfig": {
5
6
  "theme": "light",
6
7
  "isRtl": false,
7
8
  "screenStyle": {
8
- "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
9
- "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
9
+ "light": {
10
+ "backgroundColor": "#FDFDFD",
11
+ "color": "#161827"
12
+ },
13
+ "dark": {
14
+ "backgroundColor": "#12131A",
15
+ "color": "#E9EBF9"
16
+ }
10
17
  },
11
18
  "defaultLanguage": "en"
12
19
  },
@@ -44,17 +51,26 @@
44
51
  },
45
52
  {
46
53
  "type": "view",
47
- "attributes": { "flexDirection": "row", "gap": 8 },
54
+ "attributes": {
55
+ "flexDirection": "row",
56
+ "gap": 8
57
+ },
48
58
  "children": [
49
59
  {
50
60
  "type": "text",
51
61
  "children": "Help",
52
- "attributes": { "color": "#D1D5DB", "fontSize": 14 }
62
+ "attributes": {
63
+ "color": "#D1D5DB",
64
+ "fontSize": 14
65
+ }
53
66
  },
54
67
  {
55
68
  "type": "text",
56
69
  "children": "Profile",
57
- "attributes": { "color": "#D1D5DB", "fontSize": 14 }
70
+ "attributes": {
71
+ "color": "#D1D5DB",
72
+ "fontSize": 14
73
+ }
58
74
  }
59
75
  ]
60
76
  }
@@ -93,7 +109,10 @@
93
109
  {
94
110
  "type": "text",
95
111
  "children": "Here's what's new today.",
96
- "attributes": { "color": "#6B7280", "fontSize": 14 }
112
+ "attributes": {
113
+ "color": "#6B7280",
114
+ "fontSize": 14
115
+ }
97
116
  }
98
117
  ]
99
118
  },
@@ -213,17 +232,26 @@
213
232
  {
214
233
  "type": "text",
215
234
  "children": "Home",
216
- "attributes": { "color": "#FFFFFF", "fontSize": 14 }
235
+ "attributes": {
236
+ "color": "#FFFFFF",
237
+ "fontSize": 14
238
+ }
217
239
  },
218
240
  {
219
241
  "type": "text",
220
242
  "children": "Search",
221
- "attributes": { "color": "#9CA3AF", "fontSize": 14 }
243
+ "attributes": {
244
+ "color": "#9CA3AF",
245
+ "fontSize": 14
246
+ }
222
247
  },
223
248
  {
224
249
  "type": "text",
225
250
  "children": "Settings",
226
- "attributes": { "color": "#9CA3AF", "fontSize": 14 }
251
+ "attributes": {
252
+ "color": "#9CA3AF",
253
+ "fontSize": 14
254
+ }
227
255
  }
228
256
  ]
229
257
  }