@developer_tribe/react-builder 1.2.37 → 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/types/PreviewConfig.d.ts +1 -1
- package/package.json +1 -1
- package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +18 -0
- 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 +3 -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/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/product-base/buildPaywallLocalizationParams.ts +12 -3
- package/src/types/PreviewConfig.ts +70 -46
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* AUTO-GENERATED FILE - DO NOT EDIT */
|
|
2
2
|
/* Prompt scheme for paywall screens. Generated by generate-prompt-schemes.js */
|
|
3
3
|
|
|
4
|
-
export const paywallPromptScheme: string = "You are a React Native UI builder assistant. Your goal is to generate a valid **paywall** screen node tree in XML format.\n\n## Available Components & Their Props\n\nEach component is listed as `ComponentName: {attr: TypeScriptType, styles: {prop: TypeScriptType}}`. Use ONLY these component names and attribute names. Do NOT invent new components or attributes.\n\nUnion enum values must match exactly (e.g. `\"expanding_dot\"` not `expandingDot`). Color values: prefer `THEME_COLORS.KEY` or `STATIC_COLORS.KEY` for theme-aware colors. Literal values like `\"red\"` or `\"#000fff\"` are also valid when a specific color is intended. Localization string values should use a localization key from the **Available Localization Keys** section. Do NOT invent new keys.\n\n```\nBIcon:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,iconType:string,size:number,strokeWidth:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nBackgroundImage:{scrollable:boolean,src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nButton:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\"}}\nCarousel:{scrollable:boolean,loop:boolean,dragFree:boolean,align:\"start\"|\"center\"|\"end\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselButtons:{scrollable:boolean,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselDots:{scrollable:boolean,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselItem:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselProvider:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCountDown:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,count:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:obj,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:obj,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nImage:{scrollable:boolean,src:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\"}}\nMain:{scrollable:boolean,useSafeAreaView:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nNavigationBarColor:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboard:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardButton:{scrollable:boolean,labelKey:string,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,events:[obj],styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string}}\nOnboardButtons:{scrollable:boolean,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,buttons_direction:\"row\"|\"column\",forIndex:number,seperatorColor:string,condition:\"carousel-index\",conditionVariable:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardDot:{scrollable:boolean,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardFooter:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,textLocalizationKey:string,linkedWordFirstLocalizationKey:string,linkedWordFirstColor:string,linkedWordFirstPage:string,linkedWordSecondLocalizationKey:string,linkedWordSecondColor:string,linkedWordSecondPage:string,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardImage:{src:string,scrollable:boolean,video_url:string,lottie:string,styles:{resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardItem:{scrollable:boolean,display:\"flex\"|\"block\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardProvider:{scrollable:boolean,theme:\"light\"|\"dark\"|\"all\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardSubtitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardTitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallBackground:{src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallCloseButton:{iconType:string,size:number,strokeWidth:number,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallOptions:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallProvider:{scrollable:boolean,delay:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallSubscribeButton:{scrollable:boolean,styles:{color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPriceTag:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,showOriginalPricePossible:boolean,hideIfItsNotDiscount:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,textDecorationLine:\"none\"|\"underline\"|\"line-through\"}}\nPricing:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPromo:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nRadioButton:{scrollable:boolean,selected:boolean,color:string,size:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nSeparator:{styles:{backgroundColor:string,width:string,height:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string}}\nStatusBarColor:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nText:{scrollable:boolean,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string}}\nView:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\n```\n\n## Available Icons\n\nUse one of these values for `iconType` attributes:\n\n```\n\n```\n\n## XML Rules\n\n- Root element must always be `<Main isMain=\"true\">`.\n- Text content (children) goes as element body text, not as an attribute.\n- `styles` value must be a JSON object string (escape inner quotes): `styles=\"{"flex":1,"color":"THEME_COLORS.TEXT"}\"`.\n- `events` value must be a JSON array string.\n- Omit any attribute that has no value — no nulls, no empty strings.\n- Use a short unique slug for `key` when the component needs one.\n- Only use components appropriate for a paywall screen.\n\n## Embla Carousel Constraints\n\n> **IMPORTANT – Web uses Embla carousel under the hood.** For `OnboardProvider` and `OnboardItem`, do **NOT** set any of the following outer layout styles via `styles`, because Embla manages them internally through its own CSS classes (`embla`, `embla__viewport`, `embla__slide`):\n>\n> `flex`, `flexGrow`, `flexShrink`, `margin`, `marginTop`, `marginBottom`, `marginLeft`, `marginRight`, `marginHorizontal`, `marginVertical`, `height`, `minHeight`, `maxHeight`, `width`, `minWidth`, `maxWidth`, `position`, `top`, `bottom`, `left`, `right`, `zIndex`, `display`\n>\n> Only **visual** styles are safe to set on `OnboardProvider` and `OnboardItem`: `padding`, `paddingTop`, `paddingBottom`, `paddingLeft`, `paddingRight`, `paddingHorizontal`, `paddingVertical`, `backgroundColor`, `borderRadius`, `gap`, `alignItems`, `justifyContent`, `flexDirection`, `flexWrap`\n\n## Available Localization Keys\n\nUse ONLY the keys listed below for localization attributes (`labelKey`, `textLocalizationKey`, etc.). Do NOT invent new keys or use keys not in this list.\n\n```\nbase.builder.paywall.period.monthly\nbase.builder.paywall.period.annual\nbase.builder.paywall.period.weekly\nbase.builder.paywall.period.daily\nbase.builder.paywall.period.monthlyPromo\nbase.builder.paywall.period.annualPromo\nbase.builder.paywall.pricing.default.text\nbase.builder.paywall.pricing.freeTrial.text\nbase.builder.paywall.pricing.regular.text\nbase.builder.paywall.promo.default.text\nbase.builder.paywall.promo.freeTrial.text\nbase.builder.paywall.promo.regular.text\nonboard.title.one-page\nonboard.title.two-page\nonboard.title.three-page\nonboard.title.four-page\nonboard.title.one-page2\nonboard.title.two-page2\nonboard.title.three-page2\nonboard.title.four-page2\nonboard.subtitle.one-page\nonboard.subtitle.two-page\nonboard.subtitle.three-page\nonboard.subtitle.four-page\nonboard.subtitle.one-page2\nonboard.subtitle.two-page2\nonboard.subtitle.three-page2\nonboard.subtitle.four-page2\nonboard.next.one-page\nonboard.next.two-page\nonboard.next.three-page\nonboard.skip.one-page\nonboard.skip.two-page\nonboard.skip.three-page\nonboard.allow.four-page\nview.onboarding.footer.description\nview.onboarding.btnPrivacy\nview.onboarding.btnTerms\n```\n\n## Default Colors\n\nReference color tokens already defined in the project. Prefer these over hard-coded hex values.\n\n```\n STATIC_COLORS.BLACK: \"#000\"\n STATIC_COLORS.WHITE: \"#FFFFFF\"\n STATIC_COLORS.TRANSPARENT: \"#ffffff00\"\n STATIC_COLORS.ONBOARD_DOT_INACTIVE: \"#E4E5E7\"\n STATIC_COLORS.ONBOARD_DOT_ACTIVE: \"#007AFF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND: \"#0066FF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT: \"#FFFFFF\"\n STATIC_COLORS.ONBOARD_LINK_COLOR: \"#1778F2\"\n STATIC_COLORS.ONBOARD_SEPARATOR_COLOR: \"#44454D\"\n STATIC_COLORS.RADIO_BUTTON_COLOR: \"#A6A6A6\"\n THEME_COLORS.TEXT (light): \"#161827\"\n THEME_COLORS.BACKGROUND (light): \"#F4F5FF\"\n THEME_COLORS.ICON (light): \"#0450E2\"\n THEME_COLORS.LINE (light): \"#E9EBF9\"\n THEME_COLORS.ONBOARD_TITLE (light): \"#161827\"\n THEME_COLORS.ONBOARD_SUBTITLE (light): \"#44454D\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (light): \"#81838F\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (light): \"#81838F\"\n THEME_COLORS.TEXT (dark): \"#E9EBF9\"\n THEME_COLORS.BACKGROUND (dark): \"#080A17\"\n THEME_COLORS.ICON (dark): \"#0450E2\"\n THEME_COLORS.LINE (dark): \"#161827\"\n THEME_COLORS.ONBOARD_TITLE (dark): \"#FDFDFD\"\n THEME_COLORS.ONBOARD_SUBTITLE (dark): \"#C7C7C7\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (dark): \"#A9AAAC\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (dark): \"#A2A4B1\"\n```\n\n## Default Localization (en)\n\n```\n{\n \"base.builder.paywall.period.monthly\": \"per month\",\n \"base.builder.paywall.period.annual\": \"per year\",\n \"base.builder.paywall.period.weekly\": \"per week\",\n \"base.builder.paywall.period.daily\": \"per day\",\n \"base.builder.paywall.period.monthlyPromo\": \"per month\",\n \"base.builder.paywall.period.annualPromo\": \"per year\",\n \"base.builder.paywall.pricing.default.text\": \"@promoPrice for the first @promoPeriod, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.builder.paywall.promo.default.text\": \"Save @discountPercentage%!\",\n \"base.builder.paywall.promo.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial\",\n \"base.builder.paywall.promo.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"onboard.title.one-page\": \"Secure your connection\",\n \"onboard.title.two-page\": \"Access content worldwide\",\n \"onboard.title.three-page\": \"Fast and reliable\",\n \"onboard.title.four-page\": \"Stay notified and safe\",\n \"onboard.title.one-page2\": \"Secure your connection\",\n \"onboard.title.two-page2\": \"Access content worldwide\",\n \"onboard.title.three-page2\": \"Fast and reliable\",\n \"onboard.title.four-page2\": \"Stay notified and safe\",\n \"onboard.subtitle.one-page\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"onboard.subtitle.two-page\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"onboard.subtitle.three-page\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"onboard.subtitle.four-page\": \"Enable notifications for connection status and security tips.\",\n \"onboard.subtitle.one-page2\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"onboard.subtitle.two-page2\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"onboard.subtitle.three-page2\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"onboard.subtitle.four-page2\": \"Enable notifications for connection status and security tips.\",\n \"onboard.next.one-page\": \"Next\",\n \"onboard.next.two-page\": \"Next\",\n \"onboard.next.three-page\": \"Next\",\n \"onboard.skip.one-page\": \"Skip\",\n \"onboard.skip.two-page\": \"Skip\",\n \"onboard.skip.three-page\": \"Skip\",\n \"onboard.allow.four-page\": \"Allow\",\n \"view.onboarding.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"view.onboarding.btnPrivacy\": \"Privacy Policy\",\n \"view.onboarding.btnTerms\": \"Terms of Service\"\n}\n```\n\n## Reference Example\n\nA complete, valid paywall XML:\n\n```xml\n<Main isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main\">\n <StatusBarColor title=\"Status Bar Color\" description=\"Status bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' />\n <NavigationBarColor title=\"Navigation Bar Color\" description=\"Navigation bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' />\n <PaywallProvider scrollable=\"true\" description=\"Paywall ana sağlayıcısı. (#1)\" title=\"Main Paywall\" styles='{\"flexDirection\":\"column\",\"alignItems\":\"stretch\",\"justifyContent\":\"flex-start\",\"position\":\"relative\",\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}'>\n <PaywallBackground src=\"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80\" resizeMode=\"cover\" description=\"Paywall arka planı. (#1)\" title=\"Paywall Background\" />\n <View styles='{\"paddingTop\":56,\"paddingHorizontal\":16,\"paddingBottom\":16,\"gap\":12,\"flex\":1}'>\n <PaywallCloseButton styles='{\"width\":32,\"height\":32,\"borderRadius\":16,\"backgroundColor\":\"STATIC_COLORS.WHITE\",\"color\":\"STATIC_COLORS.BLACK\",\"zIndex\":10,\"alignItems\":\"center\",\"justifyContent\":\"center\"}' />\n <View description=\"Düzen ve yerleşim konteyneri. (#2)\" title=\"Benefits\" styles='{\"flexDirection\":\"column\",\"gap\":0,\"marginTop\":\"4%\"}'>\n <View description=\"Düzen ve yerleşim konteyneri. (#3)\" title=\"Benefit #1\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#1)\" title=\"BIcon 1\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n <Text description=\"Metin öğesi. (#1)\" title=\"text 1\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n @benefit1 — Unlimited access\n </Text>\n </View>\n <View description=\"Düzen ve yerleşim konteyneri. (#4)\" title=\"Benefit #2\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#2)\" title=\"BIcon 2\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n <Text description=\"Metin öğesi. (#2)\" title=\"text 2\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n @benefit2 — 7-day free trial\n </Text>\n </View>\n <View description=\"Düzen ve yerleşim konteyneri. (#5)\" title=\"Benefit #3\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#3)\" title=\"BIcon 3\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n <Text description=\"Metin öğesi. (#3)\" title=\"text 3\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n @benefit3 — Cancel anytime\n </Text>\n </View>\n </View>\n <PaywallOptions description=\"Abonelik seçenekleri alanı. (#1)\" title=\"Option(s)\" styles='{\"borderRadius\":12,\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}'>\n <RadioButton description=\"Seçim satırı öğesi. (#1)\" title=\"Product Radio(s)\" styles='{\"flex\":1}' />\n <Text description=\"Metin öğesi. (#4)\" title=\"Product Desc(s)\" styles='{\"flex\":4}'>\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":1,\"alignItems\":\"flex-end\"}'>\n <PriceTag title=\"Promo Price\" styles='{\"textAlign\":\"right\",\"fontWeight\":\"700\"}'>\n @localizedCalculatedPrice\n </PriceTag>\n <PriceTag title=\"Original Price\" hideIfItsNotDiscount=\"true\" styles='{\"textAlign\":\"right\",\"textDecorationLine\":\"line-through\",\"fontSize\":\"12@fs\",\"fontWeight\":\"400\",\"color\":\"#999999\"}'>\n @localizedPrice\n </PriceTag>\n </View>\n <BIcon iconType=\"chevron-right\" size=\"16\" description=\"İkon öğesi. (#4)\" title=\"Product BIcon(s)\" styles='{\"marginRight\":4,\"flex\":0,\"width\":32,\"color\":\"STATIC_COLORS.BLACK\"}' />\n </PaywallOptions>\n <View description=\"Subscription butonu kapsayıcısı. (#1)\" title=\"Subs Container\" styles='{\"flex\":1,\"flexDirection\":\"column\",\"justifyContent\":\"flex-end\",\"alignItems\":\"stretch\",\"gap\":8,\"paddingBottom\":\"50px\"}'>\n <Pricing description=\"Pricing breakdown for promo/trial.\" title=\"Pricing Detail\">\n @baseLocalizedPricingText\n </Pricing>\n <Text description=\"Trial detayı.\" title=\"Trial Full\" styles='{\"textAlign\":\"center\",\"fontSize\":12,\"color\":\"rgba(255,255,255,0.6)\"}'>\n @trialPeriod days free, then @price/@period\n </Text>\n <PaywallSubscribeButton description=\"Abonelik onay butonu. (#1)\" title=\"Subscribe\">\n Subscribe\n </PaywallSubscribeButton>\n <Promo description=\"Discount badge / promo text.\" title=\"Promo Badge\">\n @baseLocalizedPromoText\n </Promo>\n </View>\n </View>\n </PaywallProvider>\n</Main>\n```\n\n## Task\n\nGenerate a node tree XML for the user's request below. Output ONLY raw XML — no markdown fences, no explanation.\n";
|
|
4
|
+
export const paywallPromptScheme: string = "You are a React Native UI builder assistant. Your goal is to generate a valid **paywall** screen node tree in XML format.\n\n## Available Components & Their Props\n\nEach component is listed as `ComponentName: {attr: TypeScriptType, styles: {prop: TypeScriptType}}`. Use ONLY these component names and attribute names. Do NOT invent new components or attributes.\n\nUnion enum values must match exactly (e.g. `\"expanding_dot\"` not `expandingDot`). Color values: prefer `THEME_COLORS.KEY` or `STATIC_COLORS.KEY` for theme-aware colors. Literal values like `\"red\"` or `\"#000fff\"` are also valid when a specific color is intended. Localization string values should use a localization key from the **Available Localization Keys** section. Do NOT invent new keys.\n\n```\nBIcon:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,iconType:string,size:number,strokeWidth:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nBackgroundImage:{scrollable:boolean,testID:string,src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nButton:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\"}}\nCarousel:{scrollable:boolean,testID:string,loop:boolean,dragFree:boolean,align:\"start\"|\"center\"|\"end\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselButtons:{scrollable:boolean,testID:string,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselDots:{scrollable:boolean,testID:string,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselItem:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselProvider:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCountDown:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,count:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:obj,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:obj,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nImage:{scrollable:boolean,testID:string,src:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\"}}\nMain:{scrollable:boolean,testID:string,useSafeAreaView:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nNavigationBarColor:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboard:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardButton:{scrollable:boolean,testID:\"onboardSkip\"|\"onboardNext\",labelKey:string,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,events:[obj],styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string}}\nOnboardButtons:{scrollable:boolean,testID:string,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,buttons_direction:\"row\"|\"column\",forIndex:number,seperatorColor:string,condition:\"carousel-index\",conditionVariable:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardDot:{scrollable:boolean,testID:string,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardFooter:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,textLocalizationKey:string,linkedWordFirstLocalizationKey:string,linkedWordFirstColor:string,linkedWordFirstPage:string,linkedWordSecondLocalizationKey:string,linkedWordSecondColor:string,linkedWordSecondPage:string,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardImage:{src:string,testID:string,scrollable:boolean,video_url:string,lottie:string,styles:{resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardItem:{scrollable:boolean,testID:string,display:\"flex\"|\"block\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardProvider:{scrollable:boolean,testID:string,theme:\"light\"|\"dark\"|\"all\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardSubtitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardTitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallBackground:{src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",testID:string,scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallCloseButton:{iconType:string,size:number,strokeWidth:number,testID:string,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallOptions:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallProvider:{scrollable:boolean,testID:string,delay:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallSubscribeButton:{testID:string,scrollable:boolean,styles:{color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPriceTag:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,showOriginalPricePossible:boolean,hideIfItsNotDiscount:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,textDecorationLine:\"none\"|\"underline\"|\"line-through\"}}\nPricing:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPromo:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,testID:string,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nRadioButton:{scrollable:boolean,testID:string,selected:boolean,color:string,size:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nSeparator:{testID:string,styles:{backgroundColor:string,width:string,height:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string}}\nStatusBarColor:{testID:string,styles:{backgroundColor:string}}\nText:{scrollable:boolean,testID:string,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string}}\nView:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\n```\n\n## Available Icons\n\nUse one of these values for `iconType` attributes:\n\n```\n\n```\n\n## XML Rules\n\n- Root element must always be `<Main isMain=\"true\">`.\n- Text content (children) goes as element body text, not as an attribute.\n- `styles` value must be a JSON object string (escape inner quotes): `styles=\"{"flex":1,"color":"THEME_COLORS.TEXT"}\"`.\n- `events` value must be a JSON array string.\n- Omit any attribute that has no value — no nulls, no empty strings.\n- Use a short unique slug for `key` when the component needs one.\n- Only use components appropriate for a paywall screen.\n\n## Embla Carousel Constraints\n\n> **IMPORTANT – Web uses Embla carousel under the hood.** For `OnboardProvider` and `OnboardItem`, do **NOT** set any of the following outer layout styles via `styles`, because Embla manages them internally through its own CSS classes (`embla`, `embla__viewport`, `embla__slide`):\n>\n> `flex`, `flexGrow`, `flexShrink`, `margin`, `marginTop`, `marginBottom`, `marginLeft`, `marginRight`, `marginHorizontal`, `marginVertical`, `height`, `minHeight`, `maxHeight`, `width`, `minWidth`, `maxWidth`, `position`, `top`, `bottom`, `left`, `right`, `zIndex`, `display`\n>\n> Only **visual** styles are safe to set on `OnboardProvider` and `OnboardItem`: `padding`, `paddingTop`, `paddingBottom`, `paddingLeft`, `paddingRight`, `paddingHorizontal`, `paddingVertical`, `backgroundColor`, `borderRadius`, `gap`, `alignItems`, `justifyContent`, `flexDirection`, `flexWrap`\n\n## Available Localization Keys\n\nUse ONLY the keys listed below for localization attributes (`labelKey`, `textLocalizationKey`, etc.). Do NOT invent new keys or use keys not in this list.\n\n```\nbase.builder.paywall.period.monthly\nbase.builder.paywall.period.annual\nbase.builder.paywall.period.weekly\nbase.builder.paywall.period.daily\nbase.builder.paywall.period.monthlyPromo\nbase.builder.paywall.period.annualPromo\nbase.builder.paywall.pricing.default.text\nbase.builder.paywall.pricing.freeTrial.text\nbase.builder.paywall.pricing.regular.text\nbase.builder.paywall.promo.default.text\nbase.builder.paywall.promo.freeTrial.text\nbase.builder.paywall.promo.regular.text\nbase.onboard.title.one-page\nbase.onboard.title.two-page\nbase.onboard.title.three-page\nbase.onboard.title.four-page\nbase.onboard.title.five-page\nbase.onboard.title.six-page\nbase.onboard.title.one-page2\nbase.onboard.title.two-page2\nbase.onboard.title.three-page2\nbase.onboard.title.four-page2\nbase.onboard.subtitle.one-page\nbase.onboard.subtitle.two-page\nbase.onboard.subtitle.three-page\nbase.onboard.subtitle.four-page\nbase.onboard.subtitle.five-page\nbase.onboard.subtitle.six-page\nbase.onboard.subtitle.one-page2\nbase.onboard.subtitle.two-page2\nbase.onboard.subtitle.three-page2\nbase.onboard.subtitle.four-page2\nbase.onboard.next.one-page\nbase.onboard.next.two-page\nbase.onboard.next.three-page\nbase.onboard.next.five-page\nbase.onboard.skip.one-page\nbase.onboard.skip.two-page\nbase.onboard.skip.three-page\nbase.onboard.skip.five-page\nbase.onboard.allow.four-page\nview.onboarding.footer.description\nview.onboarding.btnPrivacy\nview.onboarding.btnTerms\n```\n\n## Default Colors\n\nReference color tokens already defined in the project. Prefer these over hard-coded hex values.\n\n```\n STATIC_COLORS.BLACK: \"#000\"\n STATIC_COLORS.WHITE: \"#FFFFFF\"\n STATIC_COLORS.TRANSPARENT: \"#ffffff00\"\n STATIC_COLORS.ONBOARD_DOT_INACTIVE: \"#E4E5E7\"\n STATIC_COLORS.ONBOARD_DOT_ACTIVE: \"#007AFF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND: \"#0066FF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT: \"#FFFFFF\"\n STATIC_COLORS.ONBOARD_LINK_COLOR: \"#1778F2\"\n STATIC_COLORS.ONBOARD_SEPARATOR_COLOR: \"#44454D\"\n STATIC_COLORS.RADIO_BUTTON_COLOR: \"#A6A6A6\"\n THEME_COLORS.TEXT (light): \"#161827\"\n THEME_COLORS.BACKGROUND (light): \"#F4F5FF\"\n THEME_COLORS.ICON (light): \"#0450E2\"\n THEME_COLORS.LINE (light): \"#E9EBF9\"\n THEME_COLORS.ONBOARD_TITLE (light): \"#161827\"\n THEME_COLORS.ONBOARD_SUBTITLE (light): \"#44454D\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (light): \"#81838F\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (light): \"#81838F\"\n THEME_COLORS.TEXT (dark): \"#E9EBF9\"\n THEME_COLORS.BACKGROUND (dark): \"#080A17\"\n THEME_COLORS.ICON (dark): \"#0450E2\"\n THEME_COLORS.LINE (dark): \"#161827\"\n THEME_COLORS.ONBOARD_TITLE (dark): \"#FDFDFD\"\n THEME_COLORS.ONBOARD_SUBTITLE (dark): \"#C7C7C7\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (dark): \"#A9AAAC\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (dark): \"#A2A4B1\"\n```\n\n## Default Localization (en)\n\n```\n{\n \"base.builder.paywall.period.monthly\": \"per month\",\n \"base.builder.paywall.period.annual\": \"per year\",\n \"base.builder.paywall.period.weekly\": \"per week\",\n \"base.builder.paywall.period.daily\": \"per day\",\n \"base.builder.paywall.period.monthlyPromo\": \"per month\",\n \"base.builder.paywall.period.annualPromo\": \"per year\",\n \"base.builder.paywall.pricing.default.text\": \"@promoPrice for the first @promoPeriod, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.builder.paywall.promo.default.text\": \"Save @discountPercentage%!\",\n \"base.builder.paywall.promo.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial\",\n \"base.builder.paywall.promo.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.onboard.title.one-page\": \"Secure your connection\",\n \"base.onboard.title.two-page\": \"Access content worldwide\",\n \"base.onboard.title.three-page\": \"Fast and reliable\",\n \"base.onboard.title.four-page\": \"Stay notified and safe\",\n \"base.onboard.title.five-page\": \"Enhance your experience\",\n \"base.onboard.title.six-page\": \"You are all set!\",\n \"base.onboard.title.one-page2\": \"Secure your connection\",\n \"base.onboard.title.two-page2\": \"Access content worldwide\",\n \"base.onboard.title.three-page2\": \"Fast and reliable\",\n \"base.onboard.title.four-page2\": \"Stay notified and safe\",\n \"base.onboard.subtitle.one-page\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"base.onboard.subtitle.two-page\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"base.onboard.subtitle.three-page\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"base.onboard.subtitle.four-page\": \"Enable notifications for connection status and security tips.\",\n \"base.onboard.subtitle.five-page\": \"Get the most out of our app with premium features.\",\n \"base.onboard.subtitle.six-page\": \"Enjoy secure and fast browsing.\",\n \"base.onboard.subtitle.one-page2\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"base.onboard.subtitle.two-page2\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"base.onboard.subtitle.three-page2\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"base.onboard.subtitle.four-page2\": \"Enable notifications for connection status and security tips.\",\n \"base.onboard.next.one-page\": \"Next\",\n \"base.onboard.next.two-page\": \"Next\",\n \"base.onboard.next.three-page\": \"Next\",\n \"base.onboard.next.five-page\": \"Next\",\n \"base.onboard.skip.one-page\": \"Skip\",\n \"base.onboard.skip.two-page\": \"Skip\",\n \"base.onboard.skip.three-page\": \"Skip\",\n \"base.onboard.skip.five-page\": \"Skip\",\n \"base.onboard.allow.four-page\": \"Allow\",\n \"view.onboarding.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"view.onboarding.btnPrivacy\": \"Privacy Policy\",\n \"view.onboarding.btnTerms\": \"Terms of Service\"\n}\n```\n\n## Reference Example\n\nA complete, valid paywall XML:\n\n```xml\n<Main isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main\" testID=\"Main-test-id\">\n <StatusBarColor title=\"Status Bar Color\" description=\"Status bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"StatusBarColor-test-id\" />\n <NavigationBarColor title=\"Navigation Bar Color\" description=\"Navigation bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"NavigationBarColor-test-id\" />\n <PaywallProvider scrollable=\"true\" description=\"Paywall ana sağlayıcısı. (#1)\" title=\"Main Paywall\" styles='{\"flexDirection\":\"column\",\"alignItems\":\"stretch\",\"justifyContent\":\"flex-start\",\"position\":\"relative\",\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"PaywallProvider-test-id\">\n <PaywallBackground src=\"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80\" resizeMode=\"cover\" description=\"Paywall arka planı. (#1)\" title=\"Paywall Background\" testID=\"PaywallBackground-test-id\" />\n <View styles='{\"paddingTop\":56,\"paddingHorizontal\":16,\"paddingBottom\":16,\"gap\":12,\"flex\":1}' testID=\"View-test-id\">\n <PaywallCloseButton styles='{\"width\":32,\"height\":32,\"borderRadius\":16,\"backgroundColor\":\"STATIC_COLORS.WHITE\",\"color\":\"STATIC_COLORS.BLACK\",\"zIndex\":10,\"alignItems\":\"center\",\"justifyContent\":\"center\"}' testID=\"PaywallCloseButton-test-id\" />\n <View description=\"Düzen ve yerleşim konteyneri. (#2)\" title=\"Benefits\" styles='{\"flexDirection\":\"column\",\"gap\":0,\"marginTop\":\"4%\"}' testID=\"View-test-id\">\n <View description=\"Düzen ve yerleşim konteyneri. (#3)\" title=\"Benefit #1\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}' testID=\"View-test-id\">\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#1)\" title=\"BIcon 1\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' testID=\"BIcon-test-id\" />\n <Text description=\"Metin öğesi. (#1)\" title=\"text 1\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id\">\n @benefit1 — Unlimited access\n </Text>\n </View>\n <View description=\"Düzen ve yerleşim konteyneri. (#4)\" title=\"Benefit #2\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}' testID=\"View-test-id\">\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#2)\" title=\"BIcon 2\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' testID=\"BIcon-test-id\" />\n <Text description=\"Metin öğesi. (#2)\" title=\"text 2\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id\">\n @benefit2 — 7-day free trial\n </Text>\n </View>\n <View description=\"Düzen ve yerleşim konteyneri. (#5)\" title=\"Benefit #3\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}' testID=\"View-test-id\">\n <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#3)\" title=\"BIcon 3\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' testID=\"BIcon-test-id\" />\n <Text description=\"Metin öğesi. (#3)\" title=\"text 3\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id\">\n @benefit3 — Cancel anytime\n </Text>\n </View>\n </View>\n <PaywallOptions description=\"Abonelik seçenekleri alanı. (#1)\" title=\"Option(s)\" styles='{\"borderRadius\":12,\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"PaywallOptions-test-id\">\n <RadioButton description=\"Seçim satırı öğesi. (#1)\" title=\"Product Radio(s)\" styles='{\"flex\":1}' testID=\"RadioButton-test-id\" />\n <Text description=\"Metin öğesi. (#4)\" title=\"Product Desc(s)\" styles='{\"flex\":4}' testID=\"Text-test-id\">\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":1,\"alignItems\":\"flex-end\"}' testID=\"View-test-id\">\n <PriceTag title=\"Promo Price\" styles='{\"textAlign\":\"right\",\"fontWeight\":\"700\"}' testID=\"PriceTag-test-id\">\n @localizedCalculatedPrice\n </PriceTag>\n <PriceTag title=\"Original Price\" hideIfItsNotDiscount=\"true\" styles='{\"textAlign\":\"right\",\"textDecorationLine\":\"line-through\",\"fontSize\":\"12@fs\",\"fontWeight\":\"400\",\"color\":\"#999999\"}' testID=\"PriceTag-test-id\">\n @localizedPrice\n </PriceTag>\n </View>\n <BIcon iconType=\"chevron-right\" size=\"16\" description=\"İkon öğesi. (#4)\" title=\"Product BIcon(s)\" styles='{\"marginRight\":4,\"flex\":0,\"width\":32,\"color\":\"STATIC_COLORS.BLACK\"}' testID=\"BIcon-test-id\" />\n </PaywallOptions>\n <View description=\"Subscription butonu kapsayıcısı. (#1)\" title=\"Subs Container\" styles='{\"flex\":1,\"flexDirection\":\"column\",\"justifyContent\":\"flex-end\",\"alignItems\":\"stretch\",\"gap\":8,\"paddingBottom\":\"50px\"}' testID=\"View-test-id\">\n <Pricing description=\"Pricing breakdown for promo/trial.\" title=\"Pricing Detail\" testID=\"Pricing-test-id\">\n @baseLocalizedPricingText\n </Pricing>\n <Text description=\"Trial detayı.\" title=\"Trial Full\" styles='{\"textAlign\":\"center\",\"fontSize\":12,\"color\":\"rgba(255,255,255,0.6)\"}' testID=\"Text-test-id\">\n @trialPeriod days free, then @price/@period\n </Text>\n <PaywallSubscribeButton description=\"Abonelik onay butonu. (#1)\" title=\"Subscribe\" testID=\"PaywallSubscribeButton-test-id\">\n Subscribe\n </PaywallSubscribeButton>\n <Promo description=\"Discount badge / promo text.\" title=\"Promo Badge\" testID=\"Promo-test-id\">\n @baseLocalizedPromoText\n </Promo>\n </View>\n </View>\n </PaywallProvider>\n</Main>\n```\n\n## Task\n\nGenerate a node tree XML for the user's request below. Output ONLY raw XML — no markdown fences, no explanation.\n";
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
"backgroundColor": "#f8fafc",
|
|
11
11
|
"minHeight": "100vh",
|
|
12
12
|
"padding": "24px"
|
|
13
|
-
}
|
|
13
|
+
},
|
|
14
|
+
"testID": "Main-test-id"
|
|
14
15
|
},
|
|
15
16
|
"children": {
|
|
16
17
|
"type": "carouselProvider",
|
|
@@ -22,7 +23,8 @@
|
|
|
22
23
|
"align": "center",
|
|
23
24
|
"dragFree": true,
|
|
24
25
|
"description": "carousel element 1 in sample.",
|
|
25
|
-
"title": "carousel 1"
|
|
26
|
+
"title": "carousel 1",
|
|
27
|
+
"testID": "carousel-test-id"
|
|
26
28
|
},
|
|
27
29
|
"children": [
|
|
28
30
|
{
|
|
@@ -32,7 +34,8 @@
|
|
|
32
34
|
"title": "carouselItem 1",
|
|
33
35
|
"styles": {
|
|
34
36
|
"minWidth": 0
|
|
35
|
-
}
|
|
37
|
+
},
|
|
38
|
+
"testID": "carouselItem-test-id"
|
|
36
39
|
},
|
|
37
40
|
"children": {
|
|
38
41
|
"type": "view",
|
|
@@ -46,7 +49,8 @@
|
|
|
46
49
|
"boxShadow": "0 10px 30px rgba(15, 23, 42, 0.10)",
|
|
47
50
|
"gap": 14,
|
|
48
51
|
"height": "100%"
|
|
49
|
-
}
|
|
52
|
+
},
|
|
53
|
+
"testID": "view-test-id"
|
|
50
54
|
},
|
|
51
55
|
"children": [
|
|
52
56
|
{
|
|
@@ -58,7 +62,8 @@
|
|
|
58
62
|
"width": "auto",
|
|
59
63
|
"maxWidth": "100%",
|
|
60
64
|
"borderRadius": 14
|
|
61
|
-
}
|
|
65
|
+
},
|
|
66
|
+
"testID": "image-test-id"
|
|
62
67
|
},
|
|
63
68
|
"key": "image-49ojfyhl4d7"
|
|
64
69
|
},
|
|
@@ -72,7 +77,8 @@
|
|
|
72
77
|
"fontWeight": "700",
|
|
73
78
|
"textAlign": "center",
|
|
74
79
|
"color": "#0f172a"
|
|
75
|
-
}
|
|
80
|
+
},
|
|
81
|
+
"testID": "text-test-id"
|
|
76
82
|
},
|
|
77
83
|
"children": "Welcome aboard",
|
|
78
84
|
"key": "text-3ougfj4mxnh"
|
|
@@ -87,7 +93,8 @@
|
|
|
87
93
|
"textAlign": "center",
|
|
88
94
|
"color": "#334155",
|
|
89
95
|
"paddingHorizontal": 8
|
|
90
|
-
}
|
|
96
|
+
},
|
|
97
|
+
"testID": "text-test-id"
|
|
91
98
|
},
|
|
92
99
|
"children": "Swipe through a beautiful, validated carousel sample with images.",
|
|
93
100
|
"key": "text-2dol8grshke"
|
|
@@ -104,7 +111,8 @@
|
|
|
104
111
|
"title": "carouselItem 2",
|
|
105
112
|
"styles": {
|
|
106
113
|
"minWidth": 0
|
|
107
|
-
}
|
|
114
|
+
},
|
|
115
|
+
"testID": "carouselItem-test-id"
|
|
108
116
|
},
|
|
109
117
|
"children": {
|
|
110
118
|
"type": "view",
|
|
@@ -118,7 +126,8 @@
|
|
|
118
126
|
"boxShadow": "0 10px 30px rgba(15, 23, 42, 0.10)",
|
|
119
127
|
"gap": 14,
|
|
120
128
|
"height": "100%"
|
|
121
|
-
}
|
|
129
|
+
},
|
|
130
|
+
"testID": "view-test-id"
|
|
122
131
|
},
|
|
123
132
|
"children": [
|
|
124
133
|
{
|
|
@@ -130,7 +139,8 @@
|
|
|
130
139
|
"width": "auto",
|
|
131
140
|
"maxWidth": "100%",
|
|
132
141
|
"borderRadius": 14
|
|
133
|
-
}
|
|
142
|
+
},
|
|
143
|
+
"testID": "image-test-id"
|
|
134
144
|
},
|
|
135
145
|
"key": "image-riwntk91k9"
|
|
136
146
|
},
|
|
@@ -144,7 +154,8 @@
|
|
|
144
154
|
"fontWeight": "700",
|
|
145
155
|
"textAlign": "center",
|
|
146
156
|
"color": "#0f172a"
|
|
147
|
-
}
|
|
157
|
+
},
|
|
158
|
+
"testID": "text-test-id"
|
|
148
159
|
},
|
|
149
160
|
"children": "Discover features",
|
|
150
161
|
"key": "text-hmuk6f7ml4v"
|
|
@@ -159,7 +170,8 @@
|
|
|
159
170
|
"textAlign": "center",
|
|
160
171
|
"color": "#334155",
|
|
161
172
|
"paddingHorizontal": 8
|
|
162
|
-
}
|
|
173
|
+
},
|
|
174
|
+
"testID": "text-test-id"
|
|
163
175
|
},
|
|
164
176
|
"children": "Dots + buttons are included, and slide sizing comes from the carousel CSS.",
|
|
165
177
|
"key": "text-dnhhoqiiri"
|
|
@@ -176,7 +188,8 @@
|
|
|
176
188
|
"title": "carouselItem 3",
|
|
177
189
|
"styles": {
|
|
178
190
|
"minWidth": 0
|
|
179
|
-
}
|
|
191
|
+
},
|
|
192
|
+
"testID": "carouselItem-test-id"
|
|
180
193
|
},
|
|
181
194
|
"children": {
|
|
182
195
|
"type": "view",
|
|
@@ -190,7 +203,8 @@
|
|
|
190
203
|
"boxShadow": "0 10px 30px rgba(15, 23, 42, 0.10)",
|
|
191
204
|
"gap": 14,
|
|
192
205
|
"height": "100%"
|
|
193
|
-
}
|
|
206
|
+
},
|
|
207
|
+
"testID": "view-test-id"
|
|
194
208
|
},
|
|
195
209
|
"children": [
|
|
196
210
|
{
|
|
@@ -202,7 +216,8 @@
|
|
|
202
216
|
"width": "auto",
|
|
203
217
|
"maxWidth": "100%",
|
|
204
218
|
"borderRadius": 14
|
|
205
|
-
}
|
|
219
|
+
},
|
|
220
|
+
"testID": "image-test-id"
|
|
206
221
|
},
|
|
207
222
|
"key": "image-j9ru3r8g7km"
|
|
208
223
|
},
|
|
@@ -216,7 +231,8 @@
|
|
|
216
231
|
"fontWeight": "700",
|
|
217
232
|
"textAlign": "center",
|
|
218
233
|
"color": "#0f172a"
|
|
219
|
-
}
|
|
234
|
+
},
|
|
235
|
+
"testID": "text-test-id"
|
|
220
236
|
},
|
|
221
237
|
"children": "Get started",
|
|
222
238
|
"key": "text-01u3fwwtkd8p"
|
|
@@ -231,7 +247,8 @@
|
|
|
231
247
|
"textAlign": "center",
|
|
232
248
|
"color": "#334155",
|
|
233
249
|
"paddingHorizontal": 8
|
|
234
|
-
}
|
|
250
|
+
},
|
|
251
|
+
"testID": "text-test-id"
|
|
235
252
|
},
|
|
236
253
|
"children": "This sample stays within validation rules (no string flex shorthand).",
|
|
237
254
|
"key": "text-w8rwg9y1hj"
|
|
@@ -254,13 +271,15 @@
|
|
|
254
271
|
"gap": 24,
|
|
255
272
|
"alignItems": "center",
|
|
256
273
|
"paddingTop": 32
|
|
257
|
-
}
|
|
274
|
+
},
|
|
275
|
+
"testID": "view-test-id"
|
|
258
276
|
},
|
|
259
277
|
"children": [
|
|
260
278
|
{
|
|
261
279
|
"type": "carouselDots",
|
|
262
280
|
"attributes": {
|
|
263
|
-
"dotType": "expanding_dot"
|
|
281
|
+
"dotType": "expanding_dot",
|
|
282
|
+
"testID": "carouselDots-test-id"
|
|
264
283
|
},
|
|
265
284
|
"key": "carouselDots-r5ji67uoxxg"
|
|
266
285
|
},
|
|
@@ -274,7 +293,8 @@
|
|
|
274
293
|
"gap": 12,
|
|
275
294
|
"alignItems": "center",
|
|
276
295
|
"justifyContent": "center"
|
|
277
|
-
}
|
|
296
|
+
},
|
|
297
|
+
"testID": "view-test-id"
|
|
278
298
|
},
|
|
279
299
|
"children": [
|
|
280
300
|
{
|
|
@@ -286,7 +306,8 @@
|
|
|
286
306
|
"borderRadius": 12,
|
|
287
307
|
"padding": "12px 24px",
|
|
288
308
|
"minWidth": 100
|
|
289
|
-
}
|
|
309
|
+
},
|
|
310
|
+
"testID": "carouselButtons-test-id"
|
|
290
311
|
},
|
|
291
312
|
"key": "carouselButtons-prev"
|
|
292
313
|
},
|
|
@@ -299,7 +320,8 @@
|
|
|
299
320
|
"borderRadius": 12,
|
|
300
321
|
"padding": "12px 24px",
|
|
301
322
|
"minWidth": 100
|
|
302
|
-
}
|
|
323
|
+
},
|
|
324
|
+
"testID": "carouselButtons-test-id"
|
|
303
325
|
},
|
|
304
326
|
"key": "carouselButtons-next"
|
|
305
327
|
}
|
|
@@ -320,10 +342,14 @@
|
|
|
320
342
|
"boxShadow": "0 4px 20px rgba(0, 0, 0, 0.08)",
|
|
321
343
|
"maxWidth": "600px",
|
|
322
344
|
"margin": "0 auto"
|
|
323
|
-
}
|
|
345
|
+
},
|
|
346
|
+
"testID": "carouselProvider-test-id"
|
|
324
347
|
},
|
|
325
348
|
"key": "carouselProvider-152n4dkqvam"
|
|
326
349
|
},
|
|
327
350
|
"key": "Main-u1cavjag9sr"
|
|
351
|
+
},
|
|
352
|
+
"attributes": {
|
|
353
|
+
"testID": "other-test-id"
|
|
328
354
|
}
|
|
329
355
|
}
|