@developer_tribe/react-builder 1.2.44-test.2 → 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/attributes-editor/Field.d.ts +1 -3
- package/dist/attributes-editor/attributesEditorModelTypes.d.ts +0 -3
- package/dist/attributes-editor/useAttributesEditorModel.d.ts +1 -1
- package/dist/build-components/FormSubmitButton/FormSubmitButtonProps.generated.d.ts +3 -8
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +3 -8
- 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/SystemButtonProps.generated.d.ts +3 -8
- package/dist/build-components/SystemButton/usePlacementButtonEvents.d.ts +2 -15
- package/dist/build-components/index.d.ts +1 -3
- package/dist/build-components/patterns.generated.d.ts +1334 -2129
- 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/dist/utils/nodeTree.d.ts +0 -18
- package/package.json +1 -1
- package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +4 -68
- 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/assets/samples/terms-and-privacy-no-form.json +1 -1
- package/src/assets/samples/terms-and-privacy.json +1 -1
- package/src/attributes-editor/AttributesEditorView.tsx +0 -3
- package/src/attributes-editor/Field.tsx +2 -91
- package/src/attributes-editor/attributesEditorModelTypes.ts +0 -3
- package/src/attributes-editor/useAttributesEditorModel.ts +0 -8
- package/src/build-components/FormCheckbox/FormCheckbox.tsx +1 -3
- package/src/build-components/FormSubmitButton/FormSubmitButton.tsx +0 -6
- package/src/build-components/FormSubmitButton/FormSubmitButtonProps.generated.ts +3 -26
- package/src/build-components/OnboardButton/OnboardButton.tsx +1 -8
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +3 -26
- package/src/build-components/OnboardButton/pattern.json +3 -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 -6
- package/src/build-components/SystemButton/SystemButtonProps.generated.ts +3 -26
- package/src/build-components/SystemButton/pattern.json +3 -5
- package/src/build-components/SystemButton/usePlacementButtonEvents.ts +27 -51
- package/src/build-components/index.ts +0 -10
- package/src/build-components/patterns.generated.ts +1379 -2270
- package/src/components/AttributesEditorPanel.tsx +0 -1
- package/src/styles/index.scss +0 -1
- package/src/utils/analyseNodeByPatterns.ts +2 -5
- package/src/utils/nodeTree.ts +0 -115
- 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 -28
- package/dist/build-components/GlobalProvider/useGlobalNavigation.d.ts +0 -19
- package/dist/build-components/GlobalProvider/useGlobalProviderLogic.d.ts +0 -15
- 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 -735
- package/src/build-components/GlobalProvider/GlobalContext.ts +0 -48
- package/src/build-components/GlobalProvider/GlobalProvider.tsx +0 -51
- package/src/build-components/GlobalProvider/GlobalProviderProps.generated.ts +0 -78
- package/src/build-components/GlobalProvider/globalProviderUtils.ts +0 -204
- package/src/build-components/GlobalProvider/pattern.json +0 -55
- package/src/build-components/GlobalProvider/useGlobalNavigation.ts +0 -65
- package/src/build-components/GlobalProvider/useGlobalProviderLogic.ts +0 -172
- 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/patterns/event-constants.json +0 -19
- 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
|
}
|
|
@@ -81,7 +81,6 @@ export function AttributesEditorView(props: AttributesEditorViewProps) {
|
|
|
81
81
|
loadedFonts,
|
|
82
82
|
markFontLoaded,
|
|
83
83
|
addError,
|
|
84
|
-
projectOptions,
|
|
85
84
|
} = props;
|
|
86
85
|
|
|
87
86
|
const headerSection = (
|
|
@@ -278,7 +277,6 @@ export function AttributesEditorView(props: AttributesEditorViewProps) {
|
|
|
278
277
|
viewAttributes={viewAttributes}
|
|
279
278
|
label={isBoolean ? label : undefined}
|
|
280
279
|
preferredScale={preferredScale}
|
|
281
|
-
projectOptions={projectOptions}
|
|
282
280
|
/>
|
|
283
281
|
)}
|
|
284
282
|
</div>
|
|
@@ -357,7 +355,6 @@ export function AttributesEditorView(props: AttributesEditorViewProps) {
|
|
|
357
355
|
viewAttributes={viewAttributes}
|
|
358
356
|
label={isBoolean ? label : undefined}
|
|
359
357
|
preferredScale={preferredScale}
|
|
360
|
-
projectOptions={projectOptions}
|
|
361
358
|
/>
|
|
362
359
|
)}
|
|
363
360
|
</div>
|
|
@@ -12,7 +12,6 @@ import { Checkbox } from '../components/Checkbox';
|
|
|
12
12
|
import { LayoutPreviewPicker } from './LayoutPreviewPicker';
|
|
13
13
|
import { SizeField, type PreferredScale } from './SizeField';
|
|
14
14
|
import { LayoutContext, LayoutFieldName, isBooleanFieldType } from './types';
|
|
15
|
-
import type { ProjectOptions } from '../utils/nodeTree';
|
|
16
15
|
|
|
17
16
|
type FieldProps = {
|
|
18
17
|
name: string;
|
|
@@ -25,7 +24,6 @@ type FieldProps = {
|
|
|
25
24
|
viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
|
|
26
25
|
label?: React.ReactNode;
|
|
27
26
|
preferredScale?: PreferredScale;
|
|
28
|
-
projectOptions?: ProjectOptions;
|
|
29
27
|
};
|
|
30
28
|
|
|
31
29
|
const layoutFieldNames: LayoutFieldName[] = [
|
|
@@ -49,7 +47,6 @@ export function Field({
|
|
|
49
47
|
viewAttributes,
|
|
50
48
|
label,
|
|
51
49
|
preferredScale,
|
|
52
|
-
projectOptions,
|
|
53
50
|
}: FieldProps) {
|
|
54
51
|
if (Array.isArray(type)) {
|
|
55
52
|
if (isLayoutField(name)) {
|
|
@@ -67,11 +64,6 @@ export function Field({
|
|
|
67
64
|
/>
|
|
68
65
|
);
|
|
69
66
|
}
|
|
70
|
-
const options =
|
|
71
|
-
name === 'type'
|
|
72
|
-
? Array.from(new Set([...type, ...(projectOptions?.eventTypes ?? [])]))
|
|
73
|
-
: type;
|
|
74
|
-
|
|
75
67
|
return (
|
|
76
68
|
<select
|
|
77
69
|
value={value ?? ''}
|
|
@@ -79,7 +71,7 @@ export function Field({
|
|
|
79
71
|
className="input"
|
|
80
72
|
>
|
|
81
73
|
<option value="">(none)</option>
|
|
82
|
-
{
|
|
74
|
+
{type.map((opt) => (
|
|
83
75
|
<option key={opt} value={opt}>
|
|
84
76
|
{opt}
|
|
85
77
|
</option>
|
|
@@ -125,54 +117,6 @@ export function Field({
|
|
|
125
117
|
);
|
|
126
118
|
case 'string':
|
|
127
119
|
case 'description':
|
|
128
|
-
if (name === 'validation') {
|
|
129
|
-
const options = projectOptions?.validationTypes ?? [];
|
|
130
|
-
return (
|
|
131
|
-
<select
|
|
132
|
-
value={itemValue ?? ''}
|
|
133
|
-
onChange={(e) => {
|
|
134
|
-
const next = [...arr];
|
|
135
|
-
next[idx] =
|
|
136
|
-
e.target.value === '' ? undefined : e.target.value;
|
|
137
|
-
onChange(next);
|
|
138
|
-
}}
|
|
139
|
-
className="input"
|
|
140
|
-
style={{ flex: 1 }}
|
|
141
|
-
>
|
|
142
|
-
<option value="">(none)</option>
|
|
143
|
-
{options.map((opt) => (
|
|
144
|
-
<option key={opt} value={opt}>
|
|
145
|
-
{opt}
|
|
146
|
-
</option>
|
|
147
|
-
))}
|
|
148
|
-
</select>
|
|
149
|
-
);
|
|
150
|
-
}
|
|
151
|
-
if (name === 'type') {
|
|
152
|
-
const options = projectOptions?.eventTypes ?? [];
|
|
153
|
-
if (options.length > 0) {
|
|
154
|
-
return (
|
|
155
|
-
<select
|
|
156
|
-
value={itemValue ?? ''}
|
|
157
|
-
onChange={(e) => {
|
|
158
|
-
const next = [...arr];
|
|
159
|
-
next[idx] =
|
|
160
|
-
e.target.value === '' ? undefined : e.target.value;
|
|
161
|
-
onChange(next);
|
|
162
|
-
}}
|
|
163
|
-
className="input"
|
|
164
|
-
style={{ flex: 1 }}
|
|
165
|
-
>
|
|
166
|
-
<option value="">(none)</option>
|
|
167
|
-
{options.map((opt) => (
|
|
168
|
-
<option key={opt} value={opt}>
|
|
169
|
-
{opt}
|
|
170
|
-
</option>
|
|
171
|
-
))}
|
|
172
|
-
</select>
|
|
173
|
-
);
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
120
|
return (
|
|
177
121
|
<input
|
|
178
122
|
type="text"
|
|
@@ -300,7 +244,6 @@ export function Field({
|
|
|
300
244
|
layoutContext={layoutContext}
|
|
301
245
|
viewAttributes={viewAttributes}
|
|
302
246
|
label={fieldName}
|
|
303
|
-
projectOptions={projectOptions}
|
|
304
247
|
/>
|
|
305
248
|
</div>
|
|
306
249
|
);
|
|
@@ -322,7 +265,6 @@ export function Field({
|
|
|
322
265
|
projectColors={projectColors}
|
|
323
266
|
layoutContext={layoutContext}
|
|
324
267
|
viewAttributes={viewAttributes}
|
|
325
|
-
projectOptions={projectOptions}
|
|
326
268
|
/>
|
|
327
269
|
</React.Fragment>
|
|
328
270
|
);
|
|
@@ -427,7 +369,6 @@ export function Field({
|
|
|
427
369
|
layoutContext={layoutContext}
|
|
428
370
|
viewAttributes={viewAttributes}
|
|
429
371
|
label={fieldName}
|
|
430
|
-
projectOptions={projectOptions}
|
|
431
372
|
/>
|
|
432
373
|
</div>
|
|
433
374
|
);
|
|
@@ -447,7 +388,6 @@ export function Field({
|
|
|
447
388
|
projectColors={projectColors}
|
|
448
389
|
layoutContext={layoutContext}
|
|
449
390
|
viewAttributes={viewAttributes}
|
|
450
|
-
projectOptions={projectOptions}
|
|
451
391
|
/>
|
|
452
392
|
</React.Fragment>
|
|
453
393
|
);
|
|
@@ -556,35 +496,7 @@ export function Field({
|
|
|
556
496
|
/>
|
|
557
497
|
);
|
|
558
498
|
case 'string':
|
|
559
|
-
case 'description':
|
|
560
|
-
let options: string[] = [];
|
|
561
|
-
if (name === 'navigate_to' || name === 'pageKey') {
|
|
562
|
-
options = projectOptions?.pageKeys ?? [];
|
|
563
|
-
} else if (name === 'conditionKey') {
|
|
564
|
-
options = projectOptions?.conditionKeys ?? [];
|
|
565
|
-
} else if (name === 'placementKey') {
|
|
566
|
-
options = projectOptions?.placementKeys ?? [];
|
|
567
|
-
} else if (name === 'name' && componentType?.startsWith('Form')) {
|
|
568
|
-
options = projectOptions?.formFieldNames ?? [];
|
|
569
|
-
}
|
|
570
|
-
|
|
571
|
-
if (options.length > 0) {
|
|
572
|
-
return (
|
|
573
|
-
<select
|
|
574
|
-
value={value ?? ''}
|
|
575
|
-
onChange={(e) => onChange(e.target.value || undefined)}
|
|
576
|
-
className="input"
|
|
577
|
-
>
|
|
578
|
-
<option value="">(none)</option>
|
|
579
|
-
{options.map((opt) => (
|
|
580
|
-
<option key={opt} value={opt}>
|
|
581
|
-
{opt}
|
|
582
|
-
</option>
|
|
583
|
-
))}
|
|
584
|
-
</select>
|
|
585
|
-
);
|
|
586
|
-
}
|
|
587
|
-
|
|
499
|
+
case 'description':
|
|
588
500
|
return (
|
|
589
501
|
<input
|
|
590
502
|
type="text"
|
|
@@ -595,7 +507,6 @@ export function Field({
|
|
|
595
507
|
className="input"
|
|
596
508
|
/>
|
|
597
509
|
);
|
|
598
|
-
}
|
|
599
510
|
case 'title':
|
|
600
511
|
return (
|
|
601
512
|
<input
|
|
@@ -3,7 +3,6 @@ import type { ProjectColors } from '../types/Project';
|
|
|
3
3
|
import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
|
|
4
4
|
import type { Fonts } from '../types/Fonts';
|
|
5
5
|
import type { LayoutContext, SchemaEntry } from './types';
|
|
6
|
-
import type { ProjectOptions } from '../utils/nodeTree';
|
|
7
6
|
|
|
8
7
|
export type TabId = 'style' | 'container' | 'other';
|
|
9
8
|
|
|
@@ -11,7 +10,6 @@ export type AttributesEditorProps = {
|
|
|
11
10
|
node: Node;
|
|
12
11
|
onChange: (next: Node) => void;
|
|
13
12
|
projectColors?: ProjectColors;
|
|
14
|
-
projectRoot?: Node;
|
|
15
13
|
};
|
|
16
14
|
|
|
17
15
|
export type AttributesEditorTabConfig = {
|
|
@@ -62,7 +60,6 @@ export type AttributesEditorModel = {
|
|
|
62
60
|
projectColorsForPicker?: ProjectColors;
|
|
63
61
|
viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
|
|
64
62
|
layoutContext: LayoutContext;
|
|
65
|
-
projectOptions: ProjectOptions;
|
|
66
63
|
getAttributeValue: (name: string) => unknown;
|
|
67
64
|
handleAttributeChange: (name: string, val: unknown) => void;
|
|
68
65
|
handleChildrenChange: (val: string) => void;
|
|
@@ -13,7 +13,6 @@ import {
|
|
|
13
13
|
} from '../utils/patterns';
|
|
14
14
|
import { useRenderStore } from '../store';
|
|
15
15
|
import type { LayoutContext, SchemaEntry } from './types';
|
|
16
|
-
import { collectProjectMetadata } from '../utils/nodeTree';
|
|
17
16
|
import {
|
|
18
17
|
buildAttributesEditorEntries,
|
|
19
18
|
findLegacyFlatStyleKeys,
|
|
@@ -37,7 +36,6 @@ export function useAttributesEditorModel({
|
|
|
37
36
|
node,
|
|
38
37
|
onChange,
|
|
39
38
|
projectColors,
|
|
40
|
-
projectRoot,
|
|
41
39
|
}: AttributesEditorProps): AttributesEditorModel {
|
|
42
40
|
const isInvalidNode = !node || isNodeString(node);
|
|
43
41
|
// Memoize baseData to prevent it from changing on every render
|
|
@@ -143,11 +141,6 @@ export function useAttributesEditorModel({
|
|
|
143
141
|
[projectColors],
|
|
144
142
|
);
|
|
145
143
|
|
|
146
|
-
const projectOptions = useMemo(
|
|
147
|
-
() => collectProjectMetadata(projectRoot || baseData),
|
|
148
|
-
[projectRoot, baseData],
|
|
149
|
-
);
|
|
150
|
-
|
|
151
144
|
const viewAttributes = useMemo<
|
|
152
145
|
Partial<ViewPropsGenerated['attributes']> | undefined
|
|
153
146
|
>(
|
|
@@ -435,7 +428,6 @@ export function useAttributesEditorModel({
|
|
|
435
428
|
projectColorsForPicker,
|
|
436
429
|
viewAttributes,
|
|
437
430
|
layoutContext,
|
|
438
|
-
projectOptions,
|
|
439
431
|
getAttributeValue,
|
|
440
432
|
handleAttributeChange,
|
|
441
433
|
handleChildrenChange,
|