@developer_tribe/react-builder 1.2.36 → 1.2.38
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.
- package/dist/build-components/BIcon/BIconProps.generated.d.ts +1 -0
- package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
- package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
- package/dist/build-components/Carousel/CarouselProps.generated.d.ts +1 -0
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
- package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
- package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
- package/dist/build-components/CountDown/CountDownProps.generated.d.ts +1 -0
- package/dist/build-components/Image/ImageProps.generated.d.ts +1 -0
- package/dist/build-components/Main/MainProps.generated.d.ts +1 -0
- package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -0
- package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +2 -0
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -0
- package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -0
- package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -0
- package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -0
- package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -0
- package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -0
- package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -0
- package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +1 -0
- package/dist/build-components/Pricing/PricingProps.generated.d.ts +1 -0
- package/dist/build-components/Promo/PromoProps.generated.d.ts +1 -0
- package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +1 -0
- package/dist/build-components/Separator/SeparatorProps.generated.d.ts +1 -0
- package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -39
- package/dist/build-components/Text/TextProps.generated.d.ts +1 -0
- package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
- package/dist/build-components/patterns.generated.d.ts +1445 -1015
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.web.cjs.js +4 -4
- package/dist/index.web.cjs.js.map +1 -1
- package/dist/index.web.esm.js +4 -4
- package/dist/index.web.esm.js.map +1 -1
- package/dist/mockOS/context/MockOSContextBase.d.ts +1 -0
- package/dist/mockOS/managers/mockPermissionManager.d.ts +1 -1
- package/dist/pages/tabs/SideTool.d.ts +8 -1
- package/dist/types/PreviewConfig.d.ts +1 -1
- package/package.json +1 -1
- package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +18 -0
- package/src/RenderPage.tsx +1 -4
- package/src/assets/meta.json +1 -1
- package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
- package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
- package/src/assets/samples/carousel-sample.json +49 -23
- package/src/assets/samples/paywall-1.json +61 -29
- package/src/assets/samples/paywall-2.json +53 -25
- package/src/assets/samples/paywall-app-delete-offer.json +55 -26
- package/src/assets/samples/paywall-app-open-offer.json +55 -26
- package/src/assets/samples/paywall-back-offer.json +55 -26
- package/src/assets/samples/paywall-notification-offer.json +55 -26
- package/src/assets/samples/simple-1.json +9 -3
- package/src/assets/samples/simple-2.json +51 -24
- package/src/assets/samples/unmigrated-builder-1.1.1.json +15 -6
- package/src/assets/samples/unmigrated-builder1.json +9 -3
- package/src/assets/samples/unvalidated-builder1.json +9 -3
- package/src/assets/samples/unvalidated-crash1.json +5 -1
- package/src/assets/samples/unvalidated-crashcomponent1.json +5 -1
- package/src/assets/samples/vpn-onboard-1.json +90 -51
- package/src/assets/samples/vpn-onboard-2.json +90 -51
- package/src/assets/samples/vpn-onboard-3.json +84 -48
- package/src/assets/samples/vpn-onboard-4.json +84 -48
- package/src/assets/samples/vpn-onboard-5.json +126 -73
- package/src/assets/samples/vpn-onboard-6.json +90 -51
- package/src/assets/samples/vpn-onboard-7.json +88 -50
- package/src/build-components/BIcon/BIconProps.generated.ts +1 -0
- package/src/build-components/BIcon/pattern.json +2 -1
- package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
- package/src/build-components/BackgroundImage/pattern.json +2 -1
- package/src/build-components/Button/ButtonProps.generated.ts +1 -0
- package/src/build-components/Button/pattern.json +2 -1
- package/src/build-components/Carousel/CarouselProps.generated.ts +1 -0
- package/src/build-components/Carousel/pattern.json +2 -1
- package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
- package/src/build-components/CarouselButtons/pattern.json +2 -1
- package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
- package/src/build-components/CarouselDots/pattern.json +2 -1
- package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
- package/src/build-components/CarouselItem/pattern.json +4 -1
- package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
- package/src/build-components/CarouselProvider/pattern.json +3 -0
- package/src/build-components/CountDown/CountDownProps.generated.ts +1 -0
- package/src/build-components/CountDown/pattern.json +2 -1
- package/src/build-components/Image/ImageProps.generated.ts +1 -0
- package/src/build-components/Image/pattern.json +2 -1
- package/src/build-components/Main/MainProps.generated.ts +1 -0
- package/src/build-components/Main/pattern.json +2 -1
- package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -0
- package/src/build-components/NavigationBarColor/pattern.json +2 -1
- package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
- package/src/build-components/Onboard/pattern.json +4 -1
- package/src/build-components/OnboardButton/OnboardButton.tsx +6 -6
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +2 -0
- package/src/build-components/OnboardButton/pattern.json +2 -1
- package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
- package/src/build-components/OnboardButtons/pattern.json +2 -1
- package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -0
- package/src/build-components/OnboardDot/pattern.json +2 -1
- package/src/build-components/OnboardFooter/OnboardFooter.tsx +2 -3
- package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -0
- package/src/build-components/OnboardFooter/pattern.json +2 -1
- package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -0
- package/src/build-components/OnboardImage/pattern.json +2 -1
- package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
- package/src/build-components/OnboardItem/pattern.json +2 -1
- package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -0
- package/src/build-components/OnboardProvider/pattern.json +2 -1
- package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -0
- package/src/build-components/OnboardSubtitle/pattern.json +4 -1
- package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -0
- package/src/build-components/OnboardTitle/pattern.json +4 -1
- package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -0
- package/src/build-components/PaywallBackground/pattern.json +3 -0
- package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -0
- package/src/build-components/PaywallCloseButton/pattern.json +4 -1
- package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -0
- package/src/build-components/PaywallOptions/pattern.json +4 -1
- package/src/build-components/PaywallProvider/PaywallProvider.tsx +0 -10
- package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -0
- package/src/build-components/PaywallProvider/pattern.json +2 -1
- package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -0
- package/src/build-components/PaywallSubscribeButton/pattern.json +4 -1
- package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -0
- package/src/build-components/PriceTag/pattern.json +2 -1
- package/src/build-components/Pricing/PricingProps.generated.ts +1 -0
- package/src/build-components/Pricing/pattern.json +4 -1
- package/src/build-components/Promo/PromoProps.generated.ts +1 -0
- package/src/build-components/Promo/pattern.json +4 -1
- package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -0
- package/src/build-components/RadioButton/pattern.json +2 -1
- package/src/build-components/Separator/SeparatorProps.generated.ts +1 -0
- package/src/build-components/Separator/pattern.json +2 -1
- package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -51
- package/src/build-components/StatusBarColor/pattern.json +2 -2
- package/src/build-components/Text/TextProps.generated.ts +1 -0
- package/src/build-components/Text/pattern.json +3 -2
- package/src/build-components/View/ViewProps.generated.ts +1 -0
- package/src/build-components/View/pattern.json +2 -1
- package/src/build-components/patterns.generated.ts +1544 -1136
- package/src/mockOS/context/MockOSContext.tsx +32 -0
- package/src/mockOS/context/MockOSContextBase.ts +3 -0
- package/src/mockOS/managers/mockPermissionManager.ts +9 -3
- package/src/modals/InspectModal.tsx +37 -8
- package/src/pages/tabs/SideTool.tsx +2 -0
- package/src/product-base/buildPaywallLocalizationParams.ts +12 -3
- package/src/types/PreviewConfig.ts +70 -46
- package/src/utils/useMergedStyle.ts +1 -1
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
"attributes": {
|
|
9
9
|
"useSafeAreaView": true,
|
|
10
10
|
"description": "Ekranın ana kapsayıcısı. (#1)",
|
|
11
|
-
"title": "Main"
|
|
11
|
+
"title": "Main",
|
|
12
|
+
"testID": "Main-test-id"
|
|
12
13
|
},
|
|
13
14
|
"children": [
|
|
14
15
|
{
|
|
@@ -18,7 +19,8 @@
|
|
|
18
19
|
"description": "Status bar background color.",
|
|
19
20
|
"styles": {
|
|
20
21
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
21
|
-
}
|
|
22
|
+
},
|
|
23
|
+
"testID": "StatusBarColor-test-id"
|
|
22
24
|
},
|
|
23
25
|
"children": null
|
|
24
26
|
},
|
|
@@ -29,7 +31,8 @@
|
|
|
29
31
|
"description": "Navigation bar background color.",
|
|
30
32
|
"styles": {
|
|
31
33
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
32
|
-
}
|
|
34
|
+
},
|
|
35
|
+
"testID": "NavigationBarColor-test-id"
|
|
33
36
|
},
|
|
34
37
|
"children": null
|
|
35
38
|
},
|
|
@@ -45,7 +48,8 @@
|
|
|
45
48
|
"justifyContent": "flex-start",
|
|
46
49
|
"position": "relative",
|
|
47
50
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
48
|
-
}
|
|
51
|
+
},
|
|
52
|
+
"testID": "PaywallProvider-test-id"
|
|
49
53
|
},
|
|
50
54
|
"children": [
|
|
51
55
|
{
|
|
@@ -55,7 +59,8 @@
|
|
|
55
59
|
"src": "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80",
|
|
56
60
|
"resizeMode": "cover",
|
|
57
61
|
"description": "Paywall arka planı. (#1)",
|
|
58
|
-
"title": "Paywall Background"
|
|
62
|
+
"title": "Paywall Background",
|
|
63
|
+
"testID": "PaywallBackground-test-id"
|
|
59
64
|
},
|
|
60
65
|
"children": null
|
|
61
66
|
},
|
|
@@ -69,7 +74,8 @@
|
|
|
69
74
|
"paddingBottom": 16,
|
|
70
75
|
"gap": 12,
|
|
71
76
|
"flex": 1
|
|
72
|
-
}
|
|
77
|
+
},
|
|
78
|
+
"testID": "View-test-id"
|
|
73
79
|
},
|
|
74
80
|
"children": [
|
|
75
81
|
{
|
|
@@ -84,7 +90,8 @@
|
|
|
84
90
|
"zIndex": 10,
|
|
85
91
|
"alignItems": "center",
|
|
86
92
|
"justifyContent": "center"
|
|
87
|
-
}
|
|
93
|
+
},
|
|
94
|
+
"testID": "PaywallCloseButton-test-id"
|
|
88
95
|
},
|
|
89
96
|
"children": null
|
|
90
97
|
},
|
|
@@ -97,7 +104,8 @@
|
|
|
97
104
|
"flexDirection": "column",
|
|
98
105
|
"gap": 0,
|
|
99
106
|
"marginTop": "4%"
|
|
100
|
-
}
|
|
107
|
+
},
|
|
108
|
+
"testID": "View-test-id"
|
|
101
109
|
},
|
|
102
110
|
"children": [
|
|
103
111
|
{
|
|
@@ -111,7 +119,8 @@
|
|
|
111
119
|
"gap": 8,
|
|
112
120
|
"paddingVertical": 8,
|
|
113
121
|
"paddingHorizontal": 12
|
|
114
|
-
}
|
|
122
|
+
},
|
|
123
|
+
"testID": "View-test-id"
|
|
115
124
|
},
|
|
116
125
|
"children": [
|
|
117
126
|
{
|
|
@@ -125,7 +134,8 @@
|
|
|
125
134
|
"color": "THEME_COLORS.ICON",
|
|
126
135
|
"fontSize": "16",
|
|
127
136
|
"flex": 0
|
|
128
|
-
}
|
|
137
|
+
},
|
|
138
|
+
"testID": "BIcon-test-id"
|
|
129
139
|
},
|
|
130
140
|
"children": null
|
|
131
141
|
},
|
|
@@ -138,7 +148,8 @@
|
|
|
138
148
|
"flex": 1,
|
|
139
149
|
"color": "STATIC_COLORS.WHITE",
|
|
140
150
|
"fontWeight": "700"
|
|
141
|
-
}
|
|
151
|
+
},
|
|
152
|
+
"testID": "Text-test-id"
|
|
142
153
|
},
|
|
143
154
|
"children": "@benefit1 — Unlimited access"
|
|
144
155
|
}
|
|
@@ -155,7 +166,8 @@
|
|
|
155
166
|
"gap": 8,
|
|
156
167
|
"paddingVertical": 8,
|
|
157
168
|
"paddingHorizontal": 12
|
|
158
|
-
}
|
|
169
|
+
},
|
|
170
|
+
"testID": "View-test-id"
|
|
159
171
|
},
|
|
160
172
|
"children": [
|
|
161
173
|
{
|
|
@@ -169,7 +181,8 @@
|
|
|
169
181
|
"color": "THEME_COLORS.ICON",
|
|
170
182
|
"fontSize": "16",
|
|
171
183
|
"flex": 0
|
|
172
|
-
}
|
|
184
|
+
},
|
|
185
|
+
"testID": "BIcon-test-id"
|
|
173
186
|
},
|
|
174
187
|
"children": null
|
|
175
188
|
},
|
|
@@ -182,7 +195,8 @@
|
|
|
182
195
|
"flex": 1,
|
|
183
196
|
"color": "STATIC_COLORS.WHITE",
|
|
184
197
|
"fontWeight": "700"
|
|
185
|
-
}
|
|
198
|
+
},
|
|
199
|
+
"testID": "Text-test-id"
|
|
186
200
|
},
|
|
187
201
|
"children": "@benefit2 — 7-day free trial"
|
|
188
202
|
}
|
|
@@ -199,7 +213,8 @@
|
|
|
199
213
|
"gap": 8,
|
|
200
214
|
"paddingVertical": 8,
|
|
201
215
|
"paddingHorizontal": 12
|
|
202
|
-
}
|
|
216
|
+
},
|
|
217
|
+
"testID": "View-test-id"
|
|
203
218
|
},
|
|
204
219
|
"children": [
|
|
205
220
|
{
|
|
@@ -213,7 +228,8 @@
|
|
|
213
228
|
"color": "THEME_COLORS.ICON",
|
|
214
229
|
"fontSize": "16",
|
|
215
230
|
"flex": 0
|
|
216
|
-
}
|
|
231
|
+
},
|
|
232
|
+
"testID": "BIcon-test-id"
|
|
217
233
|
},
|
|
218
234
|
"children": null
|
|
219
235
|
},
|
|
@@ -226,7 +242,8 @@
|
|
|
226
242
|
"flex": 1,
|
|
227
243
|
"color": "STATIC_COLORS.WHITE",
|
|
228
244
|
"fontWeight": "700"
|
|
229
|
-
}
|
|
245
|
+
},
|
|
246
|
+
"testID": "Text-test-id"
|
|
230
247
|
},
|
|
231
248
|
"children": "@benefit3 — Cancel anytime"
|
|
232
249
|
}
|
|
@@ -242,7 +259,8 @@
|
|
|
242
259
|
"styles": {
|
|
243
260
|
"borderRadius": 12,
|
|
244
261
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
245
|
-
}
|
|
262
|
+
},
|
|
263
|
+
"testID": "PaywallOptions-test-id"
|
|
246
264
|
},
|
|
247
265
|
"children": [
|
|
248
266
|
{
|
|
@@ -252,7 +270,8 @@
|
|
|
252
270
|
"title": "Product Radio(s)",
|
|
253
271
|
"styles": {
|
|
254
272
|
"flex": 1
|
|
255
|
-
}
|
|
273
|
+
},
|
|
274
|
+
"testID": "RadioButton-test-id"
|
|
256
275
|
},
|
|
257
276
|
"children": null
|
|
258
277
|
},
|
|
@@ -263,7 +282,8 @@
|
|
|
263
282
|
"title": "Product Desc(s)",
|
|
264
283
|
"styles": {
|
|
265
284
|
"flex": 4
|
|
266
|
-
}
|
|
285
|
+
},
|
|
286
|
+
"testID": "Text-test-id"
|
|
267
287
|
},
|
|
268
288
|
"children": "@productDescription"
|
|
269
289
|
},
|
|
@@ -275,7 +295,8 @@
|
|
|
275
295
|
"flexDirection": "column",
|
|
276
296
|
"flex": 1,
|
|
277
297
|
"alignItems": "flex-end"
|
|
278
|
-
}
|
|
298
|
+
},
|
|
299
|
+
"testID": "View-test-id"
|
|
279
300
|
},
|
|
280
301
|
"children": [
|
|
281
302
|
{
|
|
@@ -285,7 +306,8 @@
|
|
|
285
306
|
"styles": {
|
|
286
307
|
"textAlign": "right",
|
|
287
308
|
"fontWeight": "700"
|
|
288
|
-
}
|
|
309
|
+
},
|
|
310
|
+
"testID": "PriceTag-test-id"
|
|
289
311
|
},
|
|
290
312
|
"children": "@localizedCalculatedPrice"
|
|
291
313
|
},
|
|
@@ -300,7 +322,8 @@
|
|
|
300
322
|
"fontSize": "12@fs",
|
|
301
323
|
"fontWeight": "400",
|
|
302
324
|
"color": "#999999"
|
|
303
|
-
}
|
|
325
|
+
},
|
|
326
|
+
"testID": "PriceTag-test-id"
|
|
304
327
|
},
|
|
305
328
|
"children": "@localizedPrice"
|
|
306
329
|
}
|
|
@@ -318,7 +341,8 @@
|
|
|
318
341
|
"flex": 0,
|
|
319
342
|
"width": 32,
|
|
320
343
|
"color": "STATIC_COLORS.BLACK"
|
|
321
|
-
}
|
|
344
|
+
},
|
|
345
|
+
"testID": "BIcon-test-id"
|
|
322
346
|
},
|
|
323
347
|
"children": null
|
|
324
348
|
}
|
|
@@ -336,14 +360,16 @@
|
|
|
336
360
|
"alignItems": "stretch",
|
|
337
361
|
"gap": 8,
|
|
338
362
|
"paddingBottom": "50px"
|
|
339
|
-
}
|
|
363
|
+
},
|
|
364
|
+
"testID": "View-test-id"
|
|
340
365
|
},
|
|
341
366
|
"children": [
|
|
342
367
|
{
|
|
343
368
|
"type": "Pricing",
|
|
344
369
|
"attributes": {
|
|
345
370
|
"description": "Pricing breakdown for promo/trial.",
|
|
346
|
-
"title": "Pricing Detail"
|
|
371
|
+
"title": "Pricing Detail",
|
|
372
|
+
"testID": "Pricing-test-id"
|
|
347
373
|
},
|
|
348
374
|
"children": "@baseLocalizedPricingText"
|
|
349
375
|
},
|
|
@@ -356,7 +382,8 @@
|
|
|
356
382
|
"textAlign": "center",
|
|
357
383
|
"fontSize": 12,
|
|
358
384
|
"color": "rgba(255,255,255,0.6)"
|
|
359
|
-
}
|
|
385
|
+
},
|
|
386
|
+
"testID": "Text-test-id"
|
|
360
387
|
},
|
|
361
388
|
"children": "@trialPeriod days free, then @price/@period"
|
|
362
389
|
},
|
|
@@ -365,14 +392,16 @@
|
|
|
365
392
|
"children": "Subscribe",
|
|
366
393
|
"attributes": {
|
|
367
394
|
"description": "Abonelik onay butonu. (#1)",
|
|
368
|
-
"title": "Subscribe"
|
|
395
|
+
"title": "Subscribe",
|
|
396
|
+
"testID": "PaywallSubscribeButton-test-id"
|
|
369
397
|
}
|
|
370
398
|
},
|
|
371
399
|
{
|
|
372
400
|
"type": "Promo",
|
|
373
401
|
"attributes": {
|
|
374
402
|
"description": "Discount badge / promo text.",
|
|
375
|
-
"title": "Promo Badge"
|
|
403
|
+
"title": "Promo Badge",
|
|
404
|
+
"testID": "Promo-test-id"
|
|
376
405
|
},
|
|
377
406
|
"children": "@baseLocalizedPromoText"
|
|
378
407
|
}
|
|
@@ -383,5 +412,8 @@
|
|
|
383
412
|
]
|
|
384
413
|
}
|
|
385
414
|
]
|
|
415
|
+
},
|
|
416
|
+
"attributes": {
|
|
417
|
+
"testID": "paywall-test-id"
|
|
386
418
|
}
|
|
387
419
|
}
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
"attributes": {
|
|
9
9
|
"useSafeAreaView": true,
|
|
10
10
|
"description": "Main container for Paywall 2.",
|
|
11
|
-
"title": "Main"
|
|
11
|
+
"title": "Main",
|
|
12
|
+
"testID": "Main-test-id"
|
|
12
13
|
},
|
|
13
14
|
"children": [
|
|
14
15
|
{
|
|
@@ -18,7 +19,8 @@
|
|
|
18
19
|
"description": "Status bar background color.",
|
|
19
20
|
"styles": {
|
|
20
21
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
21
|
-
}
|
|
22
|
+
},
|
|
23
|
+
"testID": "StatusBarColor-test-id"
|
|
22
24
|
},
|
|
23
25
|
"children": null
|
|
24
26
|
},
|
|
@@ -29,7 +31,8 @@
|
|
|
29
31
|
"description": "Navigation bar background color.",
|
|
30
32
|
"styles": {
|
|
31
33
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
32
|
-
}
|
|
34
|
+
},
|
|
35
|
+
"testID": "NavigationBarColor-test-id"
|
|
33
36
|
},
|
|
34
37
|
"children": null
|
|
35
38
|
},
|
|
@@ -45,7 +48,8 @@
|
|
|
45
48
|
"justifyContent": "flex-start",
|
|
46
49
|
"position": "relative",
|
|
47
50
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
48
|
-
}
|
|
51
|
+
},
|
|
52
|
+
"testID": "PaywallProvider-test-id"
|
|
49
53
|
},
|
|
50
54
|
"children": [
|
|
51
55
|
{
|
|
@@ -54,7 +58,8 @@
|
|
|
54
58
|
"src": "https://images.unsplash.com/photo-1482192596544-9eb780fc7f66?auto=format&fit=crop&w=1200&q=80",
|
|
55
59
|
"resizeMode": "cover",
|
|
56
60
|
"description": "Paywall background.",
|
|
57
|
-
"title": "Paywall Background"
|
|
61
|
+
"title": "Paywall Background",
|
|
62
|
+
"testID": "PaywallBackground-test-id"
|
|
58
63
|
},
|
|
59
64
|
"children": null
|
|
60
65
|
},
|
|
@@ -67,7 +72,8 @@
|
|
|
67
72
|
"paddingBottom": 16,
|
|
68
73
|
"gap": 16,
|
|
69
74
|
"flex": 1
|
|
70
|
-
}
|
|
75
|
+
},
|
|
76
|
+
"testID": "View-test-id"
|
|
71
77
|
},
|
|
72
78
|
"children": [
|
|
73
79
|
{
|
|
@@ -82,7 +88,8 @@
|
|
|
82
88
|
"zIndex": 10,
|
|
83
89
|
"alignItems": "center",
|
|
84
90
|
"justifyContent": "center"
|
|
85
|
-
}
|
|
91
|
+
},
|
|
92
|
+
"testID": "PaywallCloseButton-test-id"
|
|
86
93
|
},
|
|
87
94
|
"children": null
|
|
88
95
|
},
|
|
@@ -95,7 +102,8 @@
|
|
|
95
102
|
"flexDirection": "column",
|
|
96
103
|
"gap": 4,
|
|
97
104
|
"marginTop": "12%"
|
|
98
|
-
}
|
|
105
|
+
},
|
|
106
|
+
"testID": "View-test-id"
|
|
99
107
|
},
|
|
100
108
|
"children": [
|
|
101
109
|
{
|
|
@@ -109,7 +117,8 @@
|
|
|
109
117
|
"gap": 8,
|
|
110
118
|
"paddingVertical": 8,
|
|
111
119
|
"paddingHorizontal": 12
|
|
112
|
-
}
|
|
120
|
+
},
|
|
121
|
+
"testID": "View-test-id"
|
|
113
122
|
},
|
|
114
123
|
"children": [
|
|
115
124
|
{
|
|
@@ -123,7 +132,8 @@
|
|
|
123
132
|
"color": "THEME_COLORS.ICON",
|
|
124
133
|
"fontSize": "16",
|
|
125
134
|
"flex": 0
|
|
126
|
-
}
|
|
135
|
+
},
|
|
136
|
+
"testID": "BIcon-test-id"
|
|
127
137
|
},
|
|
128
138
|
"children": null
|
|
129
139
|
},
|
|
@@ -136,7 +146,8 @@
|
|
|
136
146
|
"flex": 1,
|
|
137
147
|
"color": "STATIC_COLORS.WHITE",
|
|
138
148
|
"fontWeight": "700"
|
|
139
|
-
}
|
|
149
|
+
},
|
|
150
|
+
"testID": "Text-test-id"
|
|
140
151
|
},
|
|
141
152
|
"children": "@benefit1 — Unlimited access"
|
|
142
153
|
}
|
|
@@ -153,7 +164,8 @@
|
|
|
153
164
|
"gap": 8,
|
|
154
165
|
"paddingVertical": 8,
|
|
155
166
|
"paddingHorizontal": 12
|
|
156
|
-
}
|
|
167
|
+
},
|
|
168
|
+
"testID": "View-test-id"
|
|
157
169
|
},
|
|
158
170
|
"children": [
|
|
159
171
|
{
|
|
@@ -167,7 +179,8 @@
|
|
|
167
179
|
"color": "THEME_COLORS.ICON",
|
|
168
180
|
"fontSize": "16",
|
|
169
181
|
"flex": 0
|
|
170
|
-
}
|
|
182
|
+
},
|
|
183
|
+
"testID": "BIcon-test-id"
|
|
171
184
|
},
|
|
172
185
|
"children": null
|
|
173
186
|
},
|
|
@@ -180,7 +193,8 @@
|
|
|
180
193
|
"flex": 1,
|
|
181
194
|
"color": "STATIC_COLORS.WHITE",
|
|
182
195
|
"fontWeight": "700"
|
|
183
|
-
}
|
|
196
|
+
},
|
|
197
|
+
"testID": "Text-test-id"
|
|
184
198
|
},
|
|
185
199
|
"children": "@benefit2 — 7-day free trial"
|
|
186
200
|
}
|
|
@@ -197,7 +211,8 @@
|
|
|
197
211
|
"gap": 8,
|
|
198
212
|
"paddingVertical": 8,
|
|
199
213
|
"paddingHorizontal": 12
|
|
200
|
-
}
|
|
214
|
+
},
|
|
215
|
+
"testID": "View-test-id"
|
|
201
216
|
},
|
|
202
217
|
"children": [
|
|
203
218
|
{
|
|
@@ -211,7 +226,8 @@
|
|
|
211
226
|
"color": "THEME_COLORS.ICON",
|
|
212
227
|
"fontSize": "16",
|
|
213
228
|
"flex": 0
|
|
214
|
-
}
|
|
229
|
+
},
|
|
230
|
+
"testID": "BIcon-test-id"
|
|
215
231
|
},
|
|
216
232
|
"children": null
|
|
217
233
|
},
|
|
@@ -224,7 +240,8 @@
|
|
|
224
240
|
"flex": 1,
|
|
225
241
|
"color": "STATIC_COLORS.WHITE",
|
|
226
242
|
"fontWeight": "700"
|
|
227
|
-
}
|
|
243
|
+
},
|
|
244
|
+
"testID": "Text-test-id"
|
|
228
245
|
},
|
|
229
246
|
"children": "@benefit3 — Cancel anytime"
|
|
230
247
|
}
|
|
@@ -240,7 +257,8 @@
|
|
|
240
257
|
"styles": {
|
|
241
258
|
"borderRadius": 12,
|
|
242
259
|
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
243
|
-
}
|
|
260
|
+
},
|
|
261
|
+
"testID": "PaywallOptions-test-id"
|
|
244
262
|
},
|
|
245
263
|
"children": [
|
|
246
264
|
{
|
|
@@ -250,7 +268,8 @@
|
|
|
250
268
|
"title": "Product Radio(s)",
|
|
251
269
|
"styles": {
|
|
252
270
|
"flex": 1
|
|
253
|
-
}
|
|
271
|
+
},
|
|
272
|
+
"testID": "RadioButton-test-id"
|
|
254
273
|
},
|
|
255
274
|
"children": null
|
|
256
275
|
},
|
|
@@ -261,7 +280,8 @@
|
|
|
261
280
|
"title": "Product Desc(s)",
|
|
262
281
|
"styles": {
|
|
263
282
|
"flex": 4
|
|
264
|
-
}
|
|
283
|
+
},
|
|
284
|
+
"testID": "Text-test-id"
|
|
265
285
|
},
|
|
266
286
|
"children": "@productDescription — Unlock all premium features for a month."
|
|
267
287
|
},
|
|
@@ -273,7 +293,8 @@
|
|
|
273
293
|
"styles": {
|
|
274
294
|
"flex": 1,
|
|
275
295
|
"textAlign": "right"
|
|
276
|
-
}
|
|
296
|
+
},
|
|
297
|
+
"testID": "Text-test-id"
|
|
277
298
|
},
|
|
278
299
|
"children": "@localizedPrice"
|
|
279
300
|
},
|
|
@@ -289,7 +310,8 @@
|
|
|
289
310
|
"flex": 0,
|
|
290
311
|
"width": 32,
|
|
291
312
|
"color": "STATIC_COLORS.BLACK"
|
|
292
|
-
}
|
|
313
|
+
},
|
|
314
|
+
"testID": "BIcon-test-id"
|
|
293
315
|
},
|
|
294
316
|
"children": null
|
|
295
317
|
}
|
|
@@ -305,7 +327,8 @@
|
|
|
305
327
|
"fontWeight": "700",
|
|
306
328
|
"fontSize": 40,
|
|
307
329
|
"textAlign": "center"
|
|
308
|
-
}
|
|
330
|
+
},
|
|
331
|
+
"testID": "CountDown-test-id"
|
|
309
332
|
},
|
|
310
333
|
"children": null
|
|
311
334
|
},
|
|
@@ -320,7 +343,8 @@
|
|
|
320
343
|
"justifyContent": "flex-end",
|
|
321
344
|
"alignItems": "stretch",
|
|
322
345
|
"paddingBottom": "50px"
|
|
323
|
-
}
|
|
346
|
+
},
|
|
347
|
+
"testID": "View-test-id"
|
|
324
348
|
},
|
|
325
349
|
"children": [
|
|
326
350
|
{
|
|
@@ -328,7 +352,8 @@
|
|
|
328
352
|
"children": "Subscribe Now",
|
|
329
353
|
"attributes": {
|
|
330
354
|
"description": "Subscription confirm button.",
|
|
331
|
-
"title": "Subscribe"
|
|
355
|
+
"title": "Subscribe",
|
|
356
|
+
"testID": "PaywallSubscribeButton-test-id"
|
|
332
357
|
}
|
|
333
358
|
}
|
|
334
359
|
]
|
|
@@ -338,5 +363,8 @@
|
|
|
338
363
|
]
|
|
339
364
|
}
|
|
340
365
|
]
|
|
366
|
+
},
|
|
367
|
+
"attributes": {
|
|
368
|
+
"testID": "paywall-test-id"
|
|
341
369
|
}
|
|
342
370
|
}
|