@developer_tribe/react-builder 1.2.44-test.1 → 1.2.44
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/OnboardProvider/OnboardProviderProps.generated.d.ts +0 -2
- package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +0 -2
- package/dist/build-components/SystemButton/usePlacementButtonEvents.d.ts +0 -6
- package/dist/build-components/index.d.ts +1 -3
- package/dist/build-components/patterns.generated.d.ts +1391 -2180
- 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 +3 -3
- package/dist/index.web.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- 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/getSamples.ts +0 -2
- package/src/build-components/FormSubmitButton/FormSubmitButton.tsx +0 -3
- package/src/build-components/OnboardButton/OnboardButton.tsx +1 -5
- package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +0 -12
- package/src/build-components/OnboardProvider/pattern.json +1 -9
- package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +0 -12
- package/src/build-components/PaywallProvider/pattern.json +1 -9
- package/src/build-components/RenderNode.generated.tsx +0 -10
- package/src/build-components/SystemButton/SystemButton.tsx +0 -3
- package/src/build-components/SystemButton/usePlacementButtonEvents.ts +25 -36
- package/src/build-components/index.ts +0 -10
- package/src/build-components/patterns.generated.ts +1381 -2236
- package/src/styles/index.scss +0 -1
- package/src/utils/analyseNodeByPatterns.ts +2 -5
- package/dist/build-components/GlobalProvider/GlobalContext.d.ts +0 -28
- package/dist/build-components/GlobalProvider/GlobalProvider.d.ts +0 -5
- package/dist/build-components/GlobalProvider/GlobalProviderProps.generated.d.ts +0 -60
- package/dist/build-components/GlobalProvider/globalProviderUtils.d.ts +0 -37
- package/dist/build-components/GlobalProvider/useGlobalNavigation.d.ts +0 -19
- package/dist/build-components/TermsProvider/TermsProvider.d.ts +0 -5
- package/dist/build-components/TermsProvider/TermsProviderProps.generated.d.ts +0 -55
- package/src/assets/samples/global-onboard-flow.json +0 -729
- package/src/build-components/GlobalProvider/GlobalContext.ts +0 -48
- package/src/build-components/GlobalProvider/GlobalProvider.tsx +0 -191
- package/src/build-components/GlobalProvider/GlobalProviderProps.generated.ts +0 -78
- package/src/build-components/GlobalProvider/globalProviderUtils.ts +0 -163
- package/src/build-components/GlobalProvider/pattern.json +0 -55
- package/src/build-components/GlobalProvider/useGlobalNavigation.ts +0 -70
- package/src/build-components/TermsProvider/TermsProvider.tsx +0 -45
- package/src/build-components/TermsProvider/TermsProviderProps.generated.ts +0 -82
- package/src/build-components/TermsProvider/pattern.json +0 -35
- package/src/styles/components/_global-provider.scss +0 -131
|
@@ -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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\nCheckbox:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,checked:boolean,label:string,checkedColor:string,syncTermsAccepted: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:number,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,checkIconSize:number,checkIconStrokeWidth:number}}\nCountDown:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\nFormCheckbox:{checked:boolean,label:string,checkedColor:string,syncTermsAccepted:boolean,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,name:string,validation:[string],styles:{borderRadius:string,checkIconSize:number,checkIconStrokeWidth:number,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,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}}\nFormErrorText:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nFormProvider:{scrollable:boolean,testID:string,defaultValues:string,validationErrorMessageKey: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}}\nFormSubmitButton:{labelKey:string,events:[obj],testID:string,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,disableIfUnvalidated:boolean,validationRequired:boolean,styles:{color:string,backgroundColor:string,height:string,borderRadius:string,fontSize:string,fontWeight:string,fontFamily: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,width:string,minWidth:string,maxWidth:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nGlobalProvider:{scrollable:boolean,testID:string,initialPage:string,persistProgress:boolean,skipConditions:[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}}\nImage:{scrollable:boolean,testID:string,src:string,fetchStrategy:\"highIfItsAppLaunch\"|\"normal\"|\"lazy\"|\"none\",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:{translucent:boolean,styles:{backgroundColor:string}}\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:{labelKey:string,events:[obj],testID:\"onboardSkip\"|\"onboardNext\",adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,styles:{color:string,backgroundColor:string,height:string,borderRadius:string,fontSize:string,fontWeight:string,fontFamily: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,width:string,minWidth:string,maxWidth:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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,fetchStrategy:\"highIfItsAppLaunch\"|\"normal\"|\"lazy\"|\"none\",scrollable:boolean,testID:string,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\",animation:\"default\"|\"fade\"|\"fade_from_bottom\"|\"fade_from_right\"|\"reveal_from_bottom\"|\"scale_from_center\"|\"slide_from_right\"|\"slide_from_left\"|\"slide_from_bottom\"|\"none\",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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nOnboardTitle:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPaywallBackground:{src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",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}}\nPaywallCloseButton:{iconType:string,size:number,strokeWidth:number,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPaywallFooter:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\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,animation:\"default\"|\"fade\"|\"fade_from_bottom\"|\"fade_from_right\"|\"reveal_from_bottom\"|\"scale_from_center\"|\"slide_from_right\"|\"slide_from_left\"|\"slide_from_bottom\"|\"none\",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,testID:string,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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPromo:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\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:{translucent:boolean,styles:{backgroundColor:string}}\nSystemButton:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,labelKey:string,events:[obj],styles:{color:string,fontSize:number,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:number,width:string,minWidth:string,maxWidth:string,height:number,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nTermsProvider:{scrollable:boolean,testID:string,animation:\"default\"|\"fade\"|\"fade_from_bottom\"|\"fade_from_right\"|\"reveal_from_bottom\"|\"scale_from_center\"|\"slide_from_right\"|\"slide_from_left\"|\"slide_from_bottom\"|\"none\",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,testID:string,adjustsFontSizeToFit:boolean,numberOfLines:number,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}}\nWebView:{scrollable:boolean,testID:string,iosUrl:string,androidUrl: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,loaderColor:string,loaderSize:number,loaderBorderWidth:number,loaderAnimationDuration: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## Component & Layout Constraints\n\n- **Mobile Limits**: When applying absolute sizes (width, height, testing dimensions), do NOT exceed typical mobile screen dimensions (e.g., max width ~360-400, max height ~800).\n- **testID**: Every component MUST have a unique `testID` attribute, **EXCEPT** `OnboardButton` (do not provide `testID` for `OnboardButton` as it handles it internally).\n- **PaywallOptions**: When using `PaywallOptions`, generate ONLY ONE layout template inside it. The app repeats this template for each product dynamically.\n- **PriceTag Placement**: If `PriceTag` is placed **inside** `PaywallOptions`, it displays the price of that specific option in the loop. If placed **outside** of `PaywallOptions`, it displays the price of the user's currently *selected* option.\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.builder.paywall.button.subscribe\nbase.builder.paywall.button.subscribe-free\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\nbase.onboard.footer.description\nbase.onboard.btnPrivacy\nbase.onboard.btnTerms\nbase.builder.paywall.footer.description\nbase.builder.paywall.btnPrivacy\nbase.builder.paywall.btnTerms\nview.terms.header.title\nview.terms.accept.button\nview.terms.checkbox.label\nview.terms.error.must_accept\nform.error.validation_required\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.CHECKBOX_ACTIVE_COLOR (light): \"#0066FF\"\n THEME_COLORS.FORM_ERROR_TEXT_COLOR (light): \"#B91C1C\"\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 THEME_COLORS.CHECKBOX_ACTIVE_COLOR (dark): \"#0066FF\"\n THEME_COLORS.FORM_ERROR_TEXT_COLOR (dark): \"#B91C1C\"\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.builder.paywall.button.subscribe\": \"Subscribe\",\n \"base.builder.paywall.button.subscribe-free\": \"Subscribe with Free Trial\",\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 \"base.onboard.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"base.onboard.btnPrivacy\": \"Privacy Policy\",\n \"base.onboard.btnTerms\": \"Terms of Service\",\n \"base.builder.paywall.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"base.builder.paywall.btnPrivacy\": \"Privacy Policy\",\n \"base.builder.paywall.btnTerms\": \"Terms of Service\",\n \"view.terms.header.title\": \"Terms & Privacy\",\n \"view.terms.accept.button\": \"Accept\",\n \"view.terms.checkbox.label\": \"I accept the terms and privacy policy\",\n \"view.terms.error.must_accept\": \"You must accept to continue\",\n \"form.error.validation_required\": \"Please complete the required fields.\"\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-1\">\n <StatusBarColor title=\"Status Bar Color\" description=\"Status bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"StatusBarColor-test-id-1\" />\n <NavigationBarColor title=\"Navigation Bar Color\" description=\"Navigation bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"NavigationBarColor-test-id-1\" />\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-1\">\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-1\" />\n <View styles='{\"paddingTop\":56,\"paddingHorizontal\":16,\"paddingBottom\":16,\"gap\":12,\"flex\":1}' testID=\"View-test-id-1\">\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-1\" />\n <View description=\"Düzen ve yerleşim konteyneri. (#2)\" title=\"Benefits\" styles='{\"flexDirection\":\"column\",\"gap\":0,\"marginTop\":\"4%\"}' testID=\"View-test-id-2\">\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-3\">\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-1\" />\n <Text description=\"Metin öğesi. (#1)\" title=\"text 1\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-1\">\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-4\">\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-2\" />\n <Text description=\"Metin öğesi. (#2)\" title=\"text 2\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-2\">\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-5\">\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-3\" />\n <Text description=\"Metin öğesi. (#3)\" title=\"text 3\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-3\">\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-1\">\n <RadioButton description=\"Seçim satırı öğesi. (#1)\" title=\"Product Radio(s)\" styles='{\"flex\":1}' testID=\"RadioButton-test-id-1\" />\n <Text description=\"Metin öğesi. (#4)\" title=\"Product Desc(s)\" styles='{\"flex\":6}' testID=\"Text-test-id-4\">\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":2,\"alignItems\":\"flex-end\"}' testID=\"View-test-id-6\">\n <PriceTag title=\"Promo Price\" styles='{\"textAlign\":\"right\",\"fontWeight\":\"700\"}' testID=\"PriceTag-test-id-1\">\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-2\">\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-4\" />\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-7\">\n <Pricing description=\"Pricing breakdown for promo/trial.\" title=\"Pricing Detail\" testID=\"Pricing-test-id-1\">\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-5\">\n @trialPeriod days free, then @price/@period\n </Text>\n <PaywallSubscribeButton description=\"Abonelik onay butonu. (#1)\" title=\"Subscribe\" testID=\"PaywallSubscribeButton-test-id-1\">\n @subscribe\n </PaywallSubscribeButton>\n <Promo description=\"Discount badge / promo text.\" title=\"Promo Badge\" testID=\"Promo-test-id-1\">\n @baseLocalizedPromoText\n </Promo>\n <PaywallFooter textLocalizationKey=\"base.builder.paywall.footer.description\" linkedWordFirstLocalizationKey=\"base.builder.paywall.btnPrivacy\" linkedWordFirstColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordFirstPage=\"privacy\" linkedWordSecondLocalizationKey=\"base.builder.paywall.btnTerms\" linkedWordSecondColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordSecondPage=\"terms\" styles='{\"gap\":8,\"color\":\"THEME_COLORS.ONBOARD_FOOTER_TEXT\"}' testID=\"PaywallFooter-test-id-1\" />\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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\nCheckbox:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,checked:boolean,label:string,checkedColor:string,syncTermsAccepted: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:number,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,checkIconSize:number,checkIconStrokeWidth:number}}\nCountDown:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\nFormCheckbox:{checked:boolean,label:string,checkedColor:string,syncTermsAccepted:boolean,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,name:string,validation:[string],styles:{borderRadius:string,checkIconSize:number,checkIconStrokeWidth:number,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,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}}\nFormErrorText:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nFormProvider:{scrollable:boolean,testID:string,defaultValues:string,validationErrorMessageKey: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}}\nFormSubmitButton:{labelKey:string,events:[obj],testID:string,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,disableIfUnvalidated:boolean,validationRequired:boolean,styles:{color:string,backgroundColor:string,height:string,borderRadius:string,fontSize:string,fontWeight:string,fontFamily: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,width:string,minWidth:string,maxWidth: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,fetchStrategy:\"highIfItsAppLaunch\"|\"normal\"|\"lazy\"|\"none\",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:{translucent:boolean,styles:{backgroundColor:string}}\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:{labelKey:string,events:[obj],testID:\"onboardSkip\"|\"onboardNext\",adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,styles:{color:string,backgroundColor:string,height:string,borderRadius:string,fontSize:string,fontWeight:string,fontFamily: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,width:string,minWidth:string,maxWidth:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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,fetchStrategy:\"highIfItsAppLaunch\"|\"normal\"|\"lazy\"|\"none\",scrollable:boolean,testID:string,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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nOnboardTitle:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPaywallBackground:{src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",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}}\nPaywallCloseButton:{iconType:string,size:number,strokeWidth:number,adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPaywallFooter:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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}}\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:{scrollable:boolean,testID:string,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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,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,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\nPromo:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID: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}}\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:{translucent:boolean,styles:{backgroundColor:string}}\nSystemButton:{adjustsFontSizeToFit:boolean,numberOfLines:number,translateCounter:number,scrollable:boolean,testID:string,labelKey:string,events:[obj],styles:{color:string,fontSize:number,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:number,width:string,minWidth:string,maxWidth:string,height:number,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nText:{scrollable:boolean,testID:string,adjustsFontSizeToFit:boolean,numberOfLines:number,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}}\nWebView:{scrollable:boolean,testID:string,iosUrl:string,androidUrl: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,loaderColor:string,loaderSize:number,loaderBorderWidth:number,loaderAnimationDuration: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## Component & Layout Constraints\n\n- **Mobile Limits**: When applying absolute sizes (width, height, testing dimensions), do NOT exceed typical mobile screen dimensions (e.g., max width ~360-400, max height ~800).\n- **testID**: Every component MUST have a unique `testID` attribute, **EXCEPT** `OnboardButton` (do not provide `testID` for `OnboardButton` as it handles it internally).\n- **PaywallOptions**: When using `PaywallOptions`, generate ONLY ONE layout template inside it. The app repeats this template for each product dynamically.\n- **PriceTag Placement**: If `PriceTag` is placed **inside** `PaywallOptions`, it displays the price of that specific option in the loop. If placed **outside** of `PaywallOptions`, it displays the price of the user's currently *selected* option.\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.builder.paywall.button.subscribe\nbase.builder.paywall.button.subscribe-free\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\nbase.onboard.footer.description\nbase.onboard.btnPrivacy\nbase.onboard.btnTerms\nbase.builder.paywall.footer.description\nbase.builder.paywall.btnPrivacy\nbase.builder.paywall.btnTerms\nview.terms.header.title\nview.terms.accept.button\nview.terms.checkbox.label\nview.terms.error.must_accept\nform.error.validation_required\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.CHECKBOX_ACTIVE_COLOR (light): \"#0066FF\"\n THEME_COLORS.FORM_ERROR_TEXT_COLOR (light): \"#B91C1C\"\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 THEME_COLORS.CHECKBOX_ACTIVE_COLOR (dark): \"#0066FF\"\n THEME_COLORS.FORM_ERROR_TEXT_COLOR (dark): \"#B91C1C\"\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.builder.paywall.button.subscribe\": \"Subscribe\",\n \"base.builder.paywall.button.subscribe-free\": \"Subscribe with Free Trial\",\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 \"base.onboard.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"base.onboard.btnPrivacy\": \"Privacy Policy\",\n \"base.onboard.btnTerms\": \"Terms of Service\",\n \"base.builder.paywall.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"base.builder.paywall.btnPrivacy\": \"Privacy Policy\",\n \"base.builder.paywall.btnTerms\": \"Terms of Service\",\n \"view.terms.header.title\": \"Terms & Privacy\",\n \"view.terms.accept.button\": \"Accept\",\n \"view.terms.checkbox.label\": \"I accept the terms and privacy policy\",\n \"view.terms.error.must_accept\": \"You must accept to continue\",\n \"form.error.validation_required\": \"Please complete the required fields.\"\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-1\">\n <StatusBarColor title=\"Status Bar Color\" description=\"Status bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"StatusBarColor-test-id-1\" />\n <NavigationBarColor title=\"Navigation Bar Color\" description=\"Navigation bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' testID=\"NavigationBarColor-test-id-1\" />\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-1\">\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-1\" />\n <View styles='{\"paddingTop\":56,\"paddingHorizontal\":16,\"paddingBottom\":16,\"gap\":12,\"flex\":1}' testID=\"View-test-id-1\">\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-1\" />\n <View description=\"Düzen ve yerleşim konteyneri. (#2)\" title=\"Benefits\" styles='{\"flexDirection\":\"column\",\"gap\":0,\"marginTop\":\"4%\"}' testID=\"View-test-id-2\">\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-3\">\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-1\" />\n <Text description=\"Metin öğesi. (#1)\" title=\"text 1\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-1\">\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-4\">\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-2\" />\n <Text description=\"Metin öğesi. (#2)\" title=\"text 2\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-2\">\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-5\">\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-3\" />\n <Text description=\"Metin öğesi. (#3)\" title=\"text 3\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}' testID=\"Text-test-id-3\">\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-1\">\n <RadioButton description=\"Seçim satırı öğesi. (#1)\" title=\"Product Radio(s)\" styles='{\"flex\":1}' testID=\"RadioButton-test-id-1\" />\n <Text description=\"Metin öğesi. (#4)\" title=\"Product Desc(s)\" styles='{\"flex\":6}' testID=\"Text-test-id-4\">\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":2,\"alignItems\":\"flex-end\"}' testID=\"View-test-id-6\">\n <PriceTag title=\"Promo Price\" styles='{\"textAlign\":\"right\",\"fontWeight\":\"700\"}' testID=\"PriceTag-test-id-1\">\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-2\">\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-4\" />\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-7\">\n <Pricing description=\"Pricing breakdown for promo/trial.\" title=\"Pricing Detail\" testID=\"Pricing-test-id-1\">\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-5\">\n @trialPeriod days free, then @price/@period\n </Text>\n <PaywallSubscribeButton description=\"Abonelik onay butonu. (#1)\" title=\"Subscribe\" testID=\"PaywallSubscribeButton-test-id-1\">\n @subscribe\n </PaywallSubscribeButton>\n <Promo description=\"Discount badge / promo text.\" title=\"Promo Badge\" testID=\"Promo-test-id-1\">\n @baseLocalizedPromoText\n </Promo>\n <PaywallFooter textLocalizationKey=\"base.builder.paywall.footer.description\" linkedWordFirstLocalizationKey=\"base.builder.paywall.btnPrivacy\" linkedWordFirstColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordFirstPage=\"privacy\" linkedWordSecondLocalizationKey=\"base.builder.paywall.btnTerms\" linkedWordSecondColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordSecondPage=\"terms\" styles='{\"gap\":8,\"color\":\"THEME_COLORS.ONBOARD_FOOTER_TEXT\"}' testID=\"PaywallFooter-test-id-1\" />\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";
|
|
@@ -22,7 +22,6 @@ import vpnOnboard6 from './vpn-onboard-6.json';
|
|
|
22
22
|
import vpnOnboard7 from './vpn-onboard-7.json';
|
|
23
23
|
import termsAndPrivacy from './terms-and-privacy.json';
|
|
24
24
|
import termsAndPrivacyNoForm from './terms-and-privacy-no-form.json';
|
|
25
|
-
import globalOnboardFlow from './global-onboard-flow.json';
|
|
26
25
|
|
|
27
26
|
import {
|
|
28
27
|
defaultBaseSize,
|
|
@@ -68,6 +67,5 @@ export function getSamples(): Project[] {
|
|
|
68
67
|
vpnOnboard7,
|
|
69
68
|
termsAndPrivacy,
|
|
70
69
|
termsAndPrivacyNoForm,
|
|
71
|
-
globalOnboardFlow,
|
|
72
70
|
].map(normalizeSample);
|
|
73
71
|
}
|
|
@@ -6,7 +6,6 @@ import useNode from '../useNode';
|
|
|
6
6
|
import { useLogRender } from '../../utils/useLogRender';
|
|
7
7
|
import { useMockOSContext, useMockPermission } from '../../mockOS';
|
|
8
8
|
import { usePlacementButtonEvents } from '../SystemButton/usePlacementButtonEvents';
|
|
9
|
-
import { useGlobalNavigation } from '../GlobalProvider/useGlobalNavigation';
|
|
10
9
|
|
|
11
10
|
export function FormSubmitButton({ node }: FormSubmitButtonComponentProps) {
|
|
12
11
|
useLogRender('FormSubmitButton');
|
|
@@ -14,14 +13,12 @@ export function FormSubmitButton({ node }: FormSubmitButtonComponentProps) {
|
|
|
14
13
|
const ctx = useContext(formContext);
|
|
15
14
|
const context = useMockOSContext();
|
|
16
15
|
const mockPermissionManager = useMockPermission(context);
|
|
17
|
-
const globalNavigate = useGlobalNavigation();
|
|
18
16
|
const attrs = node.attributes;
|
|
19
17
|
|
|
20
18
|
const runPlacementEvents = usePlacementButtonEvents(attrs?.events, {
|
|
21
19
|
context,
|
|
22
20
|
requestPermission: (permission) =>
|
|
23
21
|
mockPermissionManager.requestPermission(permission),
|
|
24
|
-
globalNavigate,
|
|
25
22
|
});
|
|
26
23
|
|
|
27
24
|
const validationRequired =
|
|
@@ -12,7 +12,6 @@ import {
|
|
|
12
12
|
usePlacementButtonEvents,
|
|
13
13
|
type PlacementEventObject,
|
|
14
14
|
} from '../SystemButton/usePlacementButtonEvents';
|
|
15
|
-
import { useGlobalNavigation } from '../GlobalProvider/useGlobalNavigation';
|
|
16
15
|
|
|
17
16
|
export function OnboardButton({ node }: OnboardButtonComponentProps) {
|
|
18
17
|
useLogRender('OnboardButton');
|
|
@@ -22,7 +21,6 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
|
|
|
22
21
|
const { selectedTheme: theme, projectColors } = useBuilderParams();
|
|
23
22
|
const context = useMockOSContext();
|
|
24
23
|
const mockPermissionManager = useMockPermission(context);
|
|
25
|
-
const globalNavigate = useGlobalNavigation();
|
|
26
24
|
const generatedId = useId();
|
|
27
25
|
const attributeKey = node.key ?? generatedId;
|
|
28
26
|
const attrs = node.attributes;
|
|
@@ -41,7 +39,6 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
|
|
|
41
39
|
return true;
|
|
42
40
|
}
|
|
43
41
|
if (e.navigate_to && typeof e.navigate_to === 'string') {
|
|
44
|
-
if (globalNavigate(e.navigate_to)) return true;
|
|
45
42
|
if (context) {
|
|
46
43
|
context.navigation(
|
|
47
44
|
e.navigate_to as
|
|
@@ -59,7 +56,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
|
|
|
59
56
|
}
|
|
60
57
|
return false;
|
|
61
58
|
},
|
|
62
|
-
[emblaApi, context
|
|
59
|
+
[emblaApi, context],
|
|
63
60
|
);
|
|
64
61
|
|
|
65
62
|
const handleClick = usePlacementButtonEvents(attrs?.events, {
|
|
@@ -67,7 +64,6 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
|
|
|
67
64
|
requestPermission: (permission) =>
|
|
68
65
|
mockPermissionManager.requestPermission(permission),
|
|
69
66
|
onNavigateWithoutPlacement,
|
|
70
|
-
globalNavigate,
|
|
71
67
|
});
|
|
72
68
|
|
|
73
69
|
return (
|
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
import type { NodeData } from '../../types/Node';
|
|
4
4
|
|
|
5
5
|
export type ThemeOptionType = 'light' | 'dark' | 'all';
|
|
6
|
-
export type AnimationOptionType =
|
|
7
|
-
| 'default'
|
|
8
|
-
| 'fade'
|
|
9
|
-
| 'fade_from_bottom'
|
|
10
|
-
| 'fade_from_right'
|
|
11
|
-
| 'reveal_from_bottom'
|
|
12
|
-
| 'scale_from_center'
|
|
13
|
-
| 'slide_from_right'
|
|
14
|
-
| 'slide_from_left'
|
|
15
|
-
| 'slide_from_bottom'
|
|
16
|
-
| 'none';
|
|
17
6
|
export type FlexDirectionOptionType = 'row' | 'column';
|
|
18
7
|
export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
19
8
|
export type AlignItemsOptionType =
|
|
@@ -76,7 +65,6 @@ export interface OnboardProviderPropsGenerated {
|
|
|
76
65
|
testID?: string;
|
|
77
66
|
theme?: ThemeOptionType;
|
|
78
67
|
borderRadius?: never;
|
|
79
|
-
animation?: AnimationOptionType;
|
|
80
68
|
};
|
|
81
69
|
}
|
|
82
70
|
|
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
"extends": "View",
|
|
9
9
|
"attributes": {
|
|
10
10
|
"theme": ["light", "dark", "all"],
|
|
11
|
-
"borderRadius": "never"
|
|
12
|
-
"animation": ["default", "fade", "fade_from_bottom", "fade_from_right", "reveal_from_bottom", "scale_from_center", "slide_from_right", "slide_from_left", "slide_from_bottom", "none"]
|
|
11
|
+
"borderRadius": "never"
|
|
13
12
|
}
|
|
14
13
|
},
|
|
15
14
|
"defaults": {
|
|
@@ -31,13 +30,6 @@
|
|
|
31
30
|
"specialCategory": null,
|
|
32
31
|
"sort": -10
|
|
33
32
|
},
|
|
34
|
-
"animation": {
|
|
35
|
-
"label": "Page transition animation",
|
|
36
|
-
"description": "When this component is a GlobalProvider page: animation used when navigating to this screen.",
|
|
37
|
-
"category": "other",
|
|
38
|
-
"specialCategory": null,
|
|
39
|
-
"sort": 2
|
|
40
|
-
},
|
|
41
33
|
"styles": {
|
|
42
34
|
"paddingTop": {
|
|
43
35
|
"label": "Padding Top",
|
|
@@ -2,17 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import type { NodeData } from '../../types/Node';
|
|
4
4
|
|
|
5
|
-
export type AnimationOptionType =
|
|
6
|
-
| 'default'
|
|
7
|
-
| 'fade'
|
|
8
|
-
| 'fade_from_bottom'
|
|
9
|
-
| 'fade_from_right'
|
|
10
|
-
| 'reveal_from_bottom'
|
|
11
|
-
| 'scale_from_center'
|
|
12
|
-
| 'slide_from_right'
|
|
13
|
-
| 'slide_from_left'
|
|
14
|
-
| 'slide_from_bottom'
|
|
15
|
-
| 'none';
|
|
16
5
|
export type FlexDirectionOptionType = 'row' | 'column';
|
|
17
6
|
export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
18
7
|
export type AlignItemsOptionType =
|
|
@@ -74,7 +63,6 @@ export interface PaywallProviderPropsGenerated {
|
|
|
74
63
|
scrollable?: boolean;
|
|
75
64
|
testID?: string;
|
|
76
65
|
delay?: number;
|
|
77
|
-
animation?: AnimationOptionType;
|
|
78
66
|
};
|
|
79
67
|
}
|
|
80
68
|
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
"children": "node",
|
|
8
8
|
"extends": "View",
|
|
9
9
|
"attributes": {
|
|
10
|
-
"delay": "number"
|
|
11
|
-
"animation": ["default", "fade", "fade_from_bottom", "fade_from_right", "reveal_from_bottom", "scale_from_center", "slide_from_right", "slide_from_left", "slide_from_bottom", "none"]
|
|
10
|
+
"delay": "number"
|
|
12
11
|
}
|
|
13
12
|
},
|
|
14
13
|
"defaults": {
|
|
@@ -28,13 +27,6 @@
|
|
|
28
27
|
"category": "other",
|
|
29
28
|
"specialCategory": null,
|
|
30
29
|
"sort": 1
|
|
31
|
-
},
|
|
32
|
-
"animation": {
|
|
33
|
-
"label": "Page transition animation",
|
|
34
|
-
"description": "When this component is a GlobalProvider page: animation used when navigating to this screen.",
|
|
35
|
-
"category": "other",
|
|
36
|
-
"specialCategory": null,
|
|
37
|
-
"sort": 2
|
|
38
30
|
}
|
|
39
31
|
},
|
|
40
32
|
"mockableFeatures": {
|
|
@@ -27,7 +27,6 @@ import type { FormCheckboxComponentProps } from './FormCheckbox/FormCheckboxProp
|
|
|
27
27
|
import type { FormErrorTextComponentProps } from './FormErrorText/FormErrorTextProps.generated';
|
|
28
28
|
import type { FormProviderComponentProps } from './FormProvider/FormProviderProps.generated';
|
|
29
29
|
import type { FormSubmitButtonComponentProps } from './FormSubmitButton/FormSubmitButtonProps.generated';
|
|
30
|
-
import type { GlobalProviderComponentProps } from './GlobalProvider/GlobalProviderProps.generated';
|
|
31
30
|
import type { ImageComponentProps } from './Image/ImageProps.generated';
|
|
32
31
|
import type { MainComponentProps } from './Main/MainProps.generated';
|
|
33
32
|
import type { NavigationBarColorComponentProps } from './NavigationBarColor/NavigationBarColorProps.generated';
|
|
@@ -54,7 +53,6 @@ import type { RadioButtonComponentProps } from './RadioButton/RadioButtonProps.g
|
|
|
54
53
|
import type { SeparatorComponentProps } from './Separator/SeparatorProps.generated';
|
|
55
54
|
import type { StatusBarColorComponentProps } from './StatusBarColor/StatusBarColorProps.generated';
|
|
56
55
|
import type { SystemButtonComponentProps } from './SystemButton/SystemButtonProps.generated';
|
|
57
|
-
import type { TermsProviderComponentProps } from './TermsProvider/TermsProviderProps.generated';
|
|
58
56
|
import type { TextComponentProps } from './Text/TextProps.generated';
|
|
59
57
|
import type { ViewComponentProps } from './View/ViewProps.generated';
|
|
60
58
|
import type { WebViewComponentProps } from './WebView/WebViewProps.generated';
|
|
@@ -72,7 +70,6 @@ import { FormCheckbox } from './FormCheckbox/FormCheckbox';
|
|
|
72
70
|
import { FormErrorText } from './FormErrorText/FormErrorText';
|
|
73
71
|
import { FormProvider } from './FormProvider/FormProvider';
|
|
74
72
|
import { FormSubmitButton } from './FormSubmitButton/FormSubmitButton';
|
|
75
|
-
import GlobalProvider from './GlobalProvider/GlobalProvider';
|
|
76
73
|
import Image from './Image/Image';
|
|
77
74
|
import Main from './Main/Main';
|
|
78
75
|
import NavigationBarColor from './NavigationBarColor/NavigationBarColor';
|
|
@@ -99,7 +96,6 @@ import RadioButton from './RadioButton/RadioButton';
|
|
|
99
96
|
import Separator from './Separator/Separator';
|
|
100
97
|
import StatusBarColor from './StatusBarColor/StatusBarColor';
|
|
101
98
|
import { SystemButton } from './SystemButton/SystemButton';
|
|
102
|
-
import TermsProvider from './TermsProvider/TermsProvider';
|
|
103
99
|
import { Text } from './Text/Text';
|
|
104
100
|
import View from './View/View';
|
|
105
101
|
import { WebView } from './WebView/WebView';
|
|
@@ -119,7 +115,6 @@ type BuilderNode =
|
|
|
119
115
|
| (FormErrorTextComponentProps['node'] & { type: 'FormErrorText' })
|
|
120
116
|
| (FormProviderComponentProps['node'] & { type: 'FormProvider' })
|
|
121
117
|
| (FormSubmitButtonComponentProps['node'] & { type: 'FormSubmitButton' })
|
|
122
|
-
| (GlobalProviderComponentProps['node'] & { type: 'GlobalProvider' })
|
|
123
118
|
| (ImageComponentProps['node'] & { type: 'Image' })
|
|
124
119
|
| (MainComponentProps['node'] & { type: 'Main' })
|
|
125
120
|
| (NavigationBarColorComponentProps['node'] & { type: 'NavigationBarColor' })
|
|
@@ -148,7 +143,6 @@ type BuilderNode =
|
|
|
148
143
|
| (SeparatorComponentProps['node'] & { type: 'Separator' })
|
|
149
144
|
| (StatusBarColorComponentProps['node'] & { type: 'StatusBarColor' })
|
|
150
145
|
| (SystemButtonComponentProps['node'] & { type: 'SystemButton' })
|
|
151
|
-
| (TermsProviderComponentProps['node'] & { type: 'TermsProvider' })
|
|
152
146
|
| (TextComponentProps['node'] & { type: 'Text' })
|
|
153
147
|
| (ViewComponentProps['node'] & { type: 'View' })
|
|
154
148
|
| (WebViewComponentProps['node'] & { type: 'WebView' });
|
|
@@ -211,8 +205,6 @@ function RenderNode({ node }: { node: Node }) {
|
|
|
211
205
|
return <FormProvider node={normalizedNode} />;
|
|
212
206
|
case 'FormSubmitButton':
|
|
213
207
|
return <FormSubmitButton node={normalizedNode} />;
|
|
214
|
-
case 'GlobalProvider':
|
|
215
|
-
return <GlobalProvider node={normalizedNode} />;
|
|
216
208
|
case 'Image':
|
|
217
209
|
return <Image node={normalizedNode} />;
|
|
218
210
|
case 'Main':
|
|
@@ -265,8 +257,6 @@ function RenderNode({ node }: { node: Node }) {
|
|
|
265
257
|
return <StatusBarColor node={normalizedNode} />;
|
|
266
258
|
case 'SystemButton':
|
|
267
259
|
return <SystemButton node={normalizedNode} />;
|
|
268
|
-
case 'TermsProvider':
|
|
269
|
-
return <TermsProvider node={normalizedNode} />;
|
|
270
260
|
case 'Text':
|
|
271
261
|
return <Text node={normalizedNode} />;
|
|
272
262
|
case 'View':
|
|
@@ -8,7 +8,6 @@ import { useMergedStyle } from '../../utils/useMergedStyle';
|
|
|
8
8
|
import { useMockOSContext, useMockPermission } from '../../mockOS';
|
|
9
9
|
import { useLocalize } from '../../hooks/useLocalize';
|
|
10
10
|
import { usePlacementButtonEvents } from './usePlacementButtonEvents';
|
|
11
|
-
import { useGlobalNavigation } from '../GlobalProvider/useGlobalNavigation';
|
|
12
11
|
|
|
13
12
|
export type SystemButtonOptionalProps = {
|
|
14
13
|
onClick?: () => void;
|
|
@@ -25,7 +24,6 @@ export function SystemButton({
|
|
|
25
24
|
const attributeName = node.sourceType ?? node.type ?? 'SystemButton';
|
|
26
25
|
const context = useMockOSContext();
|
|
27
26
|
const mockPermissionManager = useMockPermission(context);
|
|
28
|
-
const globalNavigate = useGlobalNavigation();
|
|
29
27
|
const generatedId = useId();
|
|
30
28
|
const attributeKey = node.key ?? generatedId;
|
|
31
29
|
const attrs = node.attributes;
|
|
@@ -39,7 +37,6 @@ export function SystemButton({
|
|
|
39
37
|
context,
|
|
40
38
|
requestPermission: (permission) =>
|
|
41
39
|
mockPermissionManager.requestPermission(permission),
|
|
42
|
-
globalNavigate,
|
|
43
40
|
});
|
|
44
41
|
|
|
45
42
|
const handleClick = onClickProp ?? placementClick;
|