@developer_tribe/react-builder 1.2.19 → 1.2.20

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 (38) hide show
  1. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -1
  2. package/dist/build-components/patterns.generated.d.ts +23 -8
  3. package/dist/index.cjs.js +3 -3
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +1 -1
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.web.cjs.js +6 -6
  8. package/dist/index.web.cjs.js.map +1 -1
  9. package/dist/index.web.esm.js +3 -3
  10. package/dist/index.web.esm.js.map +1 -1
  11. package/dist/styles.css +1 -1
  12. package/package.json +1 -1
  13. package/src/assets/meta.json +1 -1
  14. package/src/assets/samples/carousel-sample.json +51 -51
  15. package/src/assets/samples/paywall-1.json +77 -77
  16. package/src/assets/samples/paywall-2.json +76 -76
  17. package/src/assets/samples/simple-1.json +13 -13
  18. package/src/assets/samples/simple-2.json +97 -97
  19. package/src/assets/samples/unmigrated-builder-1.1.1.json +25 -25
  20. package/src/assets/samples/unmigrated-builder1.json +1 -1
  21. package/src/assets/samples/unvalidated-builder1.json +15 -15
  22. package/src/assets/samples/unvalidated-crash1.json +4 -4
  23. package/src/assets/samples/vpn-onboard-1.json +100 -78
  24. package/src/assets/samples/vpn-onboard-2.json +97 -75
  25. package/src/assets/samples/vpn-onboard-3.json +103 -79
  26. package/src/assets/samples/vpn-onboard-4.json +103 -79
  27. package/src/assets/samples/vpn-onboard-5.json +139 -108
  28. package/src/assets/samples/vpn-onboard-6.json +100 -81
  29. package/src/build-components/CarouselDots/CarouselDots.tsx +112 -12
  30. package/src/build-components/OnboardDot/OnboardDot.tsx +74 -40
  31. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +2 -1
  32. package/src/build-components/OnboardDot/pattern.json +28 -10
  33. package/src/build-components/patterns.generated.ts +23 -8
  34. package/src/build-components/useNode.ts +20 -4
  35. package/src/pages/DebugJsonPage.tsx +80 -1
  36. package/src/styles/utilities/_carousel.scss +0 -32
  37. package/src/utils/analyseNodeByPatterns.ts +16 -6
  38. package/src/utils/novaToJson.ts +7 -3
package/src/assets/samples/paywall-1.json CHANGED
@@ -22,23 +22,23 @@
22
22
  "isMain": true,
23
23
  "attributes": {
24
24
  "useSafeAreaView": true,
25
- "description": "Ekran\u0131n ana kapsay\u0131c\u0131s\u0131. (#1)",
25
+ "description": "Ekranın ana kapsayıcısı. (#1)",
26
26
  "title": "Main"
27
27
  },
28
28
  "children": [
29
29
  {
30
30
  "type": "PaywallProvider",
31
31
  "attributes": {
32
- "style": {
32
+ "scrollable": true,
33
+ "description": "Paywall ana sağlayıcısı. (#1)",
34
+ "title": "Main Paywall",
35
+ "styles": {
33
36
  "flexDirection": "column",
34
37
  "alignItems": "stretch",
35
38
  "justifyContent": "flex-start",
36
39
  "position": "relative",
37
40
  "backgroundColor": "#F5F7FA"
38
- },
39
- "scrollable": true,
40
- "description": "Paywall ana sa\u011flay\u0131c\u0131s\u0131. (#1)",
41
- "title": "Main Paywall"
41
+ }
42
42
  },
43
43
  "children": [
44
44
  {
@@ -47,7 +47,7 @@
47
47
  "attributes": {
48
48
  "src": "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80",
49
49
  "resizeMode": "cover",
50
- "description": "Paywall arka plan\u0131. (#1)",
50
+ "description": "Paywall arka planı. (#1)",
51
51
  "title": "Paywall Background"
52
52
  },
53
53
  "children": null
@@ -56,7 +56,7 @@
56
56
  "type": "View",
57
57
  "title": "Paywall Inner",
58
58
  "attributes": {
59
- "style": {
59
+ "styles": {
60
60
  "paddingTop": 56,
61
61
  "paddingHorizontal": 16,
62
62
  "paddingBottom": 16,
@@ -68,7 +68,7 @@
68
68
  {
69
69
  "type": "PaywallCloseButton",
70
70
  "attributes": {
71
- "style": {
71
+ "styles": {
72
72
  "width": 32,
73
73
  "height": 32,
74
74
  "borderRadius": 16,
@@ -84,27 +84,27 @@
84
84
  {
85
85
  "type": "View",
86
86
  "attributes": {
87
- "style": {
87
+ "description": "Düzen ve yerleşim konteyneri. (#2)",
88
+ "title": "Benefits",
89
+ "styles": {
88
90
  "flexDirection": "column",
89
91
  "gap": 0,
90
92
  "marginTop": "16%"
91
- },
92
- "description": "D\u00fczen ve yerle\u015fim konteyneri. (#2)",
93
- "title": "Benefits"
93
+ }
94
94
  },
95
95
  "children": [
96
96
  {
97
97
  "type": "View",
98
98
  "attributes": {
99
- "style": {
99
+ "description": "Düzen ve yerleşim konteyneri. (#3)",
100
+ "title": "Benefit #1",
101
+ "styles": {
100
102
  "flexDirection": "row",
101
103
  "alignItems": "center",
102
104
  "gap": 8,
103
105
  "paddingVertical": 8,
104
106
  "paddingHorizontal": 12
105
- },
106
- "description": "D\u00fczen ve yerle\u015fim konteyneri. (#3)",
107
- "title": "Benefit #1"
107
+ }
108
108
  },
109
109
  "children": [
110
110
  {
@@ -112,43 +112,43 @@
112
112
  "attributes": {
113
113
  "iconType": "check",
114
114
  "strokeWidth": 3,
115
- "style": {
115
+ "description": "İkon öğesi. (#1)",
116
+ "title": "BIcon 1",
117
+ "styles": {
116
118
  "color": "#22c55e",
117
119
  "fontSize": "16",
118
120
  "flex": 0
119
- },
120
- "description": "\u0130kon \u00f6\u011fesi. (#1)",
121
- "title": "BIcon 1"
121
+ }
122
122
  },
123
123
  "children": null
124
124
  },
125
125
  {
126
126
  "type": "text",
127
127
  "attributes": {
128
- "style": {
128
+ "description": "Metin öğesi. (#1)",
129
+ "title": "text 1",
130
+ "styles": {
129
131
  "flex": 1,
130
132
  "color": "#FFFFFF",
131
133
  "fontWeight": "700"
132
- },
133
- "description": "Metin \u00f6\u011fesi. (#1)",
134
- "title": "text 1"
134
+ }
135
135
  },
136
- "children": "@benefit1 \u2014 Unlimited access"
136
+ "children": "@benefit1 — Unlimited access"
137
137
  }
138
138
  ]
139
139
  },
140
140
  {
141
141
  "type": "View",
142
142
  "attributes": {
143
- "style": {
143
+ "description": "Düzen ve yerleşim konteyneri. (#4)",
144
+ "title": "Benefit #2",
145
+ "styles": {
144
146
  "flexDirection": "row",
145
147
  "alignItems": "center",
146
148
  "gap": 8,
147
149
  "paddingVertical": 8,
148
150
  "paddingHorizontal": 12
149
- },
150
- "description": "D\u00fczen ve yerle\u015fim konteyneri. (#4)",
151
- "title": "Benefit #2"
151
+ }
152
152
  },
153
153
  "children": [
154
154
  {
@@ -156,43 +156,43 @@
156
156
  "attributes": {
157
157
  "iconType": "check",
158
158
  "strokeWidth": 3,
159
- "style": {
159
+ "description": "İkon öğesi. (#2)",
160
+ "title": "BIcon 2",
161
+ "styles": {
160
162
  "color": "#22c55e",
161
163
  "fontSize": "16",
162
164
  "flex": 0
163
- },
164
- "description": "\u0130kon \u00f6\u011fesi. (#2)",
165
- "title": "BIcon 2"
165
+ }
166
166
  },
167
167
  "children": null
168
168
  },
169
169
  {
170
170
  "type": "text",
171
171
  "attributes": {
172
- "style": {
172
+ "description": "Metin öğesi. (#2)",
173
+ "title": "text 2",
174
+ "styles": {
173
175
  "flex": 1,
174
176
  "color": "#FFFFFF",
175
177
  "fontWeight": "700"
176
- },
177
- "description": "Metin \u00f6\u011fesi. (#2)",
178
- "title": "text 2"
178
+ }
179
179
  },
180
- "children": "@benefit2 \u2014 7-day free trial"
180
+ "children": "@benefit2 — 7-day free trial"
181
181
  }
182
182
  ]
183
183
  },
184
184
  {
185
185
  "type": "View",
186
186
  "attributes": {
187
- "style": {
187
+ "description": "Düzen ve yerleşim konteyneri. (#5)",
188
+ "title": "Benefit #3",
189
+ "styles": {
188
190
  "flexDirection": "row",
189
191
  "alignItems": "center",
190
192
  "gap": 8,
191
193
  "paddingVertical": 8,
192
194
  "paddingHorizontal": 12
193
- },
194
- "description": "D\u00fczen ve yerle\u015fim konteyneri. (#5)",
195
- "title": "Benefit #3"
195
+ }
196
196
  },
197
197
  "children": [
198
198
  {
@@ -200,28 +200,28 @@
200
200
  "attributes": {
201
201
  "iconType": "check",
202
202
  "strokeWidth": 3,
203
- "style": {
203
+ "description": "İkon öğesi. (#3)",
204
+ "title": "BIcon 3",
205
+ "styles": {
204
206
  "color": "#22c55e",
205
207
  "fontSize": "16",
206
208
  "flex": 0
207
- },
208
- "description": "\u0130kon \u00f6\u011fesi. (#3)",
209
- "title": "BIcon 3"
209
+ }
210
210
  },
211
211
  "children": null
212
212
  },
213
213
  {
214
214
  "type": "text",
215
215
  "attributes": {
216
- "style": {
216
+ "description": "Metin öğesi. (#3)",
217
+ "title": "text 3",
218
+ "styles": {
217
219
  "flex": 1,
218
220
  "color": "#FFFFFF",
219
221
  "fontWeight": "700"
220
- },
221
- "description": "Metin \u00f6\u011fesi. (#3)",
222
- "title": "text 3"
222
+ }
223
223
  },
224
- "children": "@benefit3 \u2014 Cancel anytime"
224
+ "children": "@benefit3 — Cancel anytime"
225
225
  }
226
226
  ]
227
227
  }
@@ -230,47 +230,47 @@
230
230
  {
231
231
  "type": "PaywallOptions",
232
232
  "attributes": {
233
- "style": {
233
+ "description": "Abonelik seçenekleri alanı. (#1)",
234
+ "title": "Option(s)",
235
+ "styles": {
234
236
  "borderRadius": 12,
235
237
  "backgroundColor": "#FFFFFF"
236
- },
237
- "description": "Abonelik se\u00e7enekleri alan\u0131. (#1)",
238
- "title": "Option(s)"
238
+ }
239
239
  },
240
240
  "children": [
241
241
  {
242
242
  "type": "RadioButton",
243
243
  "attributes": {
244
- "style": {
244
+ "description": "Seçim satırı öğesi. (#1)",
245
+ "title": "Product Radio(s)",
246
+ "styles": {
245
247
  "flex": 1
246
- },
247
- "description": "Se\u00e7im sat\u0131r\u0131 \u00f6\u011fesi. (#1)",
248
- "title": "Product Radio(s)"
248
+ }
249
249
  },
250
250
  "children": null
251
251
  },
252
252
  {
253
253
  "type": "text",
254
254
  "attributes": {
255
- "style": {
255
+ "description": "Metin öğesi. (#4)",
256
+ "title": "Product Desc(s)",
257
+ "styles": {
256
258
  "flex": 4,
257
259
  "color": "#000"
258
- },
259
- "description": "Metin \u00f6\u011fesi. (#4)",
260
- "title": "Product Desc(s)"
260
+ }
261
261
  },
262
- "children": "@productDescription \u2014 Unlock all premium features for a month."
262
+ "children": "@productDescription — Unlock all premium features for a month."
263
263
  },
264
264
  {
265
265
  "type": "text",
266
266
  "attributes": {
267
- "style": {
267
+ "description": "Metin öğesi. (#5)",
268
+ "title": "Product Price(s)",
269
+ "styles": {
268
270
  "flex": 1,
269
271
  "textAlign": "right",
270
272
  "color": "#000"
271
- },
272
- "description": "Metin \u00f6\u011fesi. (#5)",
273
- "title": "Product Price(s)"
273
+ }
274
274
  },
275
275
  "children": "@localizedPrice"
276
276
  },
@@ -279,14 +279,14 @@
279
279
  "attributes": {
280
280
  "iconType": "chevron-right",
281
281
  "size": 16,
282
- "style": {
282
+ "description": "İkon öğesi. (#4)",
283
+ "title": "Product BIcon(s)",
284
+ "styles": {
283
285
  "marginRight": 4,
284
286
  "flex": 0,
285
287
  "width": 32,
286
288
  "color": "#000"
287
- },
288
- "description": "\u0130kon \u00f6\u011fesi. (#4)",
289
- "title": "Product BIcon(s)"
289
+ }
290
290
  },
291
291
  "children": null
292
292
  }
@@ -295,15 +295,15 @@
295
295
  {
296
296
  "type": "View",
297
297
  "attributes": {
298
- "style": {
298
+ "description": "Subscription butonu kapsayıcısı. (#1)",
299
+ "title": "Subs Container",
300
+ "styles": {
299
301
  "flex": 1,
300
302
  "flexDirection": "column",
301
303
  "justifyContent": "flex-end",
302
304
  "alignItems": "stretch",
303
305
  "paddingBottom": "50px"
304
- },
305
- "description": "Subscription butonu kapsay\u0131c\u0131s\u0131. (#1)",
306
- "title": "Subs Container"
306
+ }
307
307
  },
308
308
  "children": [
309
309
  {