@developer_tribe/react-builder 1.2.40 → 1.2.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/attributes-editor/FallbackLocalizationField.d.ts +6 -0
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.web.cjs.js +2 -2
  7. package/dist/index.web.cjs.js.map +1 -1
  8. package/dist/index.web.d.ts +8 -0
  9. package/dist/index.web.esm.js +2 -2
  10. package/dist/index.web.esm.js.map +1 -1
  11. package/dist/product-base/types.d.ts +3 -0
  12. package/dist/store.d.ts +25 -0
  13. package/dist/types/PreviewConfig.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/scripts/public/bin.js +0 -0
  16. package/src/assets/meta.json +1 -1
  17. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  18. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  19. package/src/assets/samples/paywall-1.json +1 -1
  20. package/src/assets/samples/paywall-2.json +2 -2
  21. package/src/assets/samples/paywall-app-delete-offer.json +2 -2
  22. package/src/assets/samples/paywall-app-open-offer.json +2 -2
  23. package/src/assets/samples/paywall-back-offer.json +1 -1
  24. package/src/assets/samples/paywall-notification-offer.json +1 -1
  25. package/src/attributes-editor/AttributesEditorView.tsx +17 -6
  26. package/src/attributes-editor/FallbackLocalizationField.tsx +384 -0
  27. package/src/components/BottomBar.tsx +135 -31
  28. package/src/hooks/useLocalize.ts +3 -1
  29. package/src/index.web.ts +19 -0
  30. package/src/modals/InspectModal.tsx +112 -4
  31. package/src/product-base/buildPaywallLocalizationParams.ts +3 -0
  32. package/src/product-base/types.ts +3 -0
  33. package/src/store.ts +39 -0
  34. package/src/types/PreviewConfig.ts +6 -0
@@ -1,4 +1,4 @@
1
1
  /* AUTO-GENERATED FILE - DO NOT EDIT */
2
2
  /* Prompt scheme for paywall screens. Generated by generate-prompt-schemes.js */
3
3
 
4
- export const paywallPromptScheme: string = "You are a React Native UI builder assistant. Your goal is to generate a valid **paywall** screen node tree in XML format.\n\n## Available Components & Their Props\n\nEach component is listed as `ComponentName: {attr: TypeScriptType, styles: {prop: TypeScriptType}}`. Use ONLY these component names and attribute names. Do NOT invent new components or attributes.\n\nUnion enum values must match exactly (e.g. `\"expanding_dot\"` not `expandingDot`). Color values: prefer `THEME_COLORS.KEY` or `STATIC_COLORS.KEY` for theme-aware colors. Literal values like `\"red\"` or `\"#000fff\"` are also valid when a specific color is intended. Localization string values should use a localization key from the **Available Localization Keys** section. Do NOT invent new keys.\n\n```\nBIcon:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,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}}\nCountDown:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,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}}\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:{scrollable:boolean,testID:\"onboardSkip\"|\"onboardNext\",labelKey:string,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,events:[obj],styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string}}\nOnboardButtons:{scrollable:boolean,testID:string,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,buttons_direction:\"row\"|\"column\",forIndex:number,seperatorColor:string,condition:\"carousel-index\",conditionVariable:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardDot:{scrollable:boolean,testID:string,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardFooter:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,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,showEllipsis:boolean,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,showEllipsis:boolean,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,showEllipsis:boolean,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}}\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,showEllipsis:boolean,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,showEllipsis:boolean,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,showEllipsis:boolean,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}}\nText:{scrollable:boolean,testID:string,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string}}\nView:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\n```\n\n## Available Icons\n\nUse one of these values for `iconType` attributes:\n\n```\n\n```\n\n## XML Rules\n\n- Root element must always be `<Main isMain=\"true\">`.\n- Text content (children) goes as element body text, not as an attribute.\n- `styles` value must be a JSON object string (escape inner quotes): `styles=\"{&quot;flex&quot;:1,&quot;color&quot;:&quot;THEME_COLORS.TEXT&quot;}\"`.\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.onboard.title.one-page\nbase.onboard.title.two-page\nbase.onboard.title.three-page\nbase.onboard.title.four-page\nbase.onboard.title.five-page\nbase.onboard.title.six-page\nbase.onboard.title.one-page2\nbase.onboard.title.two-page2\nbase.onboard.title.three-page2\nbase.onboard.title.four-page2\nbase.onboard.subtitle.one-page\nbase.onboard.subtitle.two-page\nbase.onboard.subtitle.three-page\nbase.onboard.subtitle.four-page\nbase.onboard.subtitle.five-page\nbase.onboard.subtitle.six-page\nbase.onboard.subtitle.one-page2\nbase.onboard.subtitle.two-page2\nbase.onboard.subtitle.three-page2\nbase.onboard.subtitle.four-page2\nbase.onboard.next.one-page\nbase.onboard.next.two-page\nbase.onboard.next.three-page\nbase.onboard.next.five-page\nbase.onboard.skip.one-page\nbase.onboard.skip.two-page\nbase.onboard.skip.three-page\nbase.onboard.skip.five-page\nbase.onboard.allow.four-page\nview.onboarding.footer.description\nview.onboarding.btnPrivacy\nview.onboarding.btnTerms\n```\n\n## Default Colors\n\nReference color tokens already defined in the project. Prefer these over hard-coded hex values.\n\n```\n STATIC_COLORS.BLACK: \"#000\"\n STATIC_COLORS.WHITE: \"#FFFFFF\"\n STATIC_COLORS.TRANSPARENT: \"#ffffff00\"\n STATIC_COLORS.ONBOARD_DOT_INACTIVE: \"#E4E5E7\"\n STATIC_COLORS.ONBOARD_DOT_ACTIVE: \"#007AFF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND: \"#0066FF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT: \"#FFFFFF\"\n STATIC_COLORS.ONBOARD_LINK_COLOR: \"#1778F2\"\n STATIC_COLORS.ONBOARD_SEPARATOR_COLOR: \"#44454D\"\n STATIC_COLORS.RADIO_BUTTON_COLOR: \"#A6A6A6\"\n THEME_COLORS.TEXT (light): \"#161827\"\n THEME_COLORS.BACKGROUND (light): \"#F4F5FF\"\n THEME_COLORS.ICON (light): \"#0450E2\"\n THEME_COLORS.LINE (light): \"#E9EBF9\"\n THEME_COLORS.ONBOARD_TITLE (light): \"#161827\"\n THEME_COLORS.ONBOARD_SUBTITLE (light): \"#44454D\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (light): \"#81838F\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (light): \"#81838F\"\n THEME_COLORS.TEXT (dark): \"#E9EBF9\"\n THEME_COLORS.BACKGROUND (dark): \"#080A17\"\n THEME_COLORS.ICON (dark): \"#0450E2\"\n THEME_COLORS.LINE (dark): \"#161827\"\n THEME_COLORS.ONBOARD_TITLE (dark): \"#FDFDFD\"\n THEME_COLORS.ONBOARD_SUBTITLE (dark): \"#C7C7C7\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (dark): \"#A9AAAC\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (dark): \"#A2A4B1\"\n```\n\n## Default Localization (en)\n\n```\n{\n \"base.builder.paywall.period.monthly\": \"per month\",\n \"base.builder.paywall.period.annual\": \"per year\",\n \"base.builder.paywall.period.weekly\": \"per week\",\n \"base.builder.paywall.period.daily\": \"per day\",\n \"base.builder.paywall.period.monthlyPromo\": \"per month\",\n \"base.builder.paywall.period.annualPromo\": \"per year\",\n \"base.builder.paywall.pricing.default.text\": \"@promoPrice for the first @promoPeriod, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.builder.paywall.promo.default.text\": \"Save @discountPercentage%!\",\n \"base.builder.paywall.promo.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial\",\n \"base.builder.paywall.promo.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.onboard.title.one-page\": \"Secure your connection\",\n \"base.onboard.title.two-page\": \"Access content worldwide\",\n \"base.onboard.title.three-page\": \"Fast and reliable\",\n \"base.onboard.title.four-page\": \"Stay notified and safe\",\n \"base.onboard.title.five-page\": \"Enhance your experience\",\n \"base.onboard.title.six-page\": \"You are all set!\",\n \"base.onboard.title.one-page2\": \"Secure your connection\",\n \"base.onboard.title.two-page2\": \"Access content worldwide\",\n \"base.onboard.title.three-page2\": \"Fast and reliable\",\n \"base.onboard.title.four-page2\": \"Stay notified and safe\",\n \"base.onboard.subtitle.one-page\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"base.onboard.subtitle.two-page\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"base.onboard.subtitle.three-page\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"base.onboard.subtitle.four-page\": \"Enable notifications for connection status and security tips.\",\n \"base.onboard.subtitle.five-page\": \"Get the most out of our app with premium features.\",\n \"base.onboard.subtitle.six-page\": \"Enjoy secure and fast browsing.\",\n \"base.onboard.subtitle.one-page2\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n \"base.onboard.subtitle.two-page2\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n \"base.onboard.subtitle.three-page2\": \"Auto\\u2011connect to the best server for speed and stability.\",\n \"base.onboard.subtitle.four-page2\": \"Enable notifications for connection status and security tips.\",\n \"base.onboard.next.one-page\": \"Next\",\n \"base.onboard.next.two-page\": \"Next\",\n \"base.onboard.next.three-page\": \"Next\",\n \"base.onboard.next.five-page\": \"Next\",\n \"base.onboard.skip.one-page\": \"Skip\",\n \"base.onboard.skip.two-page\": \"Skip\",\n \"base.onboard.skip.three-page\": \"Skip\",\n \"base.onboard.skip.five-page\": \"Skip\",\n \"base.onboard.allow.four-page\": \"Allow\",\n \"view.onboarding.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"view.onboarding.btnPrivacy\": \"Privacy Policy\",\n \"view.onboarding.btnTerms\": \"Terms of Service\"\n}\n```\n\n## Reference Example\n\nA complete, valid paywall XML:\n\n```xml\n<Main isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main\" testID=\"Main-test-id-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&amp;fit=crop&amp;w=1200&amp;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\":4}' testID=\"Text-test-id-4\">\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":1,\"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 </View>\n </View>\n </PaywallProvider>\n</Main>\n```\n\n## Task\n\nGenerate a node tree XML for the user's request below. Output ONLY raw XML — no markdown fences, no explanation.\n";
4
+ export const paywallPromptScheme: string = "You are a React Native UI builder assistant. Your goal is to generate a valid **paywall** screen node tree in XML format.\n\n## Available Components & Their Props\n\nEach component is listed as `ComponentName: {attr: TypeScriptType, styles: {prop: TypeScriptType}}`. Use ONLY these component names and attribute names. Do NOT invent new components or attributes.\n\nUnion enum values must match exactly (e.g. `\"expanding_dot\"` not `expandingDot`). Color values: prefer `THEME_COLORS.KEY` or `STATIC_COLORS.KEY` for theme-aware colors. Literal values like `\"red\"` or `\"#000fff\"` are also valid when a specific color is intended. Localization string values should use a localization key from the **Available Localization Keys** section. Do NOT invent new keys.\n\n```\nBIcon:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,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}}\nCountDown:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,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}}\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:{scrollable:boolean,testID:\"onboardSkip\"|\"onboardNext\",labelKey:string,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,events:[obj],styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string}}\nOnboardButtons:{scrollable:boolean,testID:string,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,buttons_direction:\"row\"|\"column\",forIndex:number,seperatorColor:string,condition:\"carousel-index\",conditionVariable:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardDot:{scrollable:boolean,testID:string,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardFooter:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,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,showEllipsis:boolean,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,showEllipsis:boolean,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,showEllipsis:boolean,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}}\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,showEllipsis:boolean,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,showEllipsis:boolean,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,showEllipsis:boolean,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}}\nText:{scrollable:boolean,testID:string,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontFamily:string,fontWeight:string,textAlign:string}}\nView:{scrollable:boolean,testID:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\n```\n\n## Available Icons\n\nUse one of these values for `iconType` attributes:\n\n```\n\n```\n\n## XML Rules\n\n- Root element must always be `<Main isMain=\"true\">`.\n- Text content (children) goes as element body text, not as an attribute.\n- `styles` value must be a JSON object string (escape inner quotes): `styles=\"{&quot;flex&quot;:1,&quot;color&quot;:&quot;THEME_COLORS.TEXT&quot;}\"`.\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\nview.onboarding.footer.description\nview.onboarding.btnPrivacy\nview.onboarding.btnTerms\n```\n\n## Default Colors\n\nReference color tokens already defined in the project. Prefer these over hard-coded hex values.\n\n```\n STATIC_COLORS.BLACK: \"#000\"\n STATIC_COLORS.WHITE: \"#FFFFFF\"\n STATIC_COLORS.TRANSPARENT: \"#ffffff00\"\n STATIC_COLORS.ONBOARD_DOT_INACTIVE: \"#E4E5E7\"\n STATIC_COLORS.ONBOARD_DOT_ACTIVE: \"#007AFF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND: \"#0066FF\"\n STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT: \"#FFFFFF\"\n STATIC_COLORS.ONBOARD_LINK_COLOR: \"#1778F2\"\n STATIC_COLORS.ONBOARD_SEPARATOR_COLOR: \"#44454D\"\n STATIC_COLORS.RADIO_BUTTON_COLOR: \"#A6A6A6\"\n THEME_COLORS.TEXT (light): \"#161827\"\n THEME_COLORS.BACKGROUND (light): \"#F4F5FF\"\n THEME_COLORS.ICON (light): \"#0450E2\"\n THEME_COLORS.LINE (light): \"#E9EBF9\"\n THEME_COLORS.ONBOARD_TITLE (light): \"#161827\"\n THEME_COLORS.ONBOARD_SUBTITLE (light): \"#44454D\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (light): \"#81838F\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (light): \"#81838F\"\n THEME_COLORS.TEXT (dark): \"#E9EBF9\"\n THEME_COLORS.BACKGROUND (dark): \"#080A17\"\n THEME_COLORS.ICON (dark): \"#0450E2\"\n THEME_COLORS.LINE (dark): \"#161827\"\n THEME_COLORS.ONBOARD_TITLE (dark): \"#FDFDFD\"\n THEME_COLORS.ONBOARD_SUBTITLE (dark): \"#C7C7C7\"\n THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (dark): \"#A9AAAC\"\n THEME_COLORS.ONBOARD_FOOTER_TEXT (dark): \"#A2A4B1\"\n```\n\n## Default Localization (en)\n\n```\n{\n \"base.builder.paywall.period.monthly\": \"per month\",\n \"base.builder.paywall.period.annual\": \"per year\",\n \"base.builder.paywall.period.weekly\": \"per week\",\n \"base.builder.paywall.period.daily\": \"per day\",\n \"base.builder.paywall.period.monthlyPromo\": \"per month\",\n \"base.builder.paywall.period.annualPromo\": \"per year\",\n \"base.builder.paywall.pricing.default.text\": \"@promoPrice for the first @promoPeriod, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial, then @localizedPrice @localizedPeriod\",\n \"base.builder.paywall.pricing.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.builder.paywall.promo.default.text\": \"Save @discountPercentage%!\",\n \"base.builder.paywall.promo.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial\",\n \"base.builder.paywall.promo.regular.text\": \"@localizedPrice @localizedPeriod\",\n \"base.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 \"view.onboarding.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n \"view.onboarding.btnPrivacy\": \"Privacy Policy\",\n \"view.onboarding.btnTerms\": \"Terms of Service\"\n}\n```\n\n## Reference Example\n\nA complete, valid paywall XML:\n\n```xml\n<Main isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main\" testID=\"Main-test-id-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&amp;fit=crop&amp;w=1200&amp;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\":4}' testID=\"Text-test-id-4\">\n @productDescription\n </Text>\n <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":1,\"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 </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";
@@ -389,7 +389,7 @@
389
389
  },
390
390
  {
391
391
  "type": "PaywallSubscribeButton",
392
- "children": "Subscribe",
392
+ "children": "@subscribe",
393
393
  "attributes": {
394
394
  "description": "Abonelik onay butonu. (#1)",
395
395
  "title": "Subscribe",
@@ -349,9 +349,9 @@
349
349
  "children": [
350
350
  {
351
351
  "type": "PaywallSubscribeButton",
352
- "children": "Subscribe Now",
352
+ "children": "@subscribe",
353
353
  "attributes": {
354
- "description": "Subscription confirm button.",
354
+ "description": "Abonelik onay butonu. (#1)",
355
355
  "title": "Subscribe",
356
356
  "testID": "PaywallSubscribeButton-test-id-1"
357
357
  }
@@ -363,9 +363,9 @@
363
363
  "children": [
364
364
  {
365
365
  "type": "PaywallSubscribeButton",
366
- "children": "Subscribe Now",
366
+ "children": "@subscribe",
367
367
  "attributes": {
368
- "description": "Subscription confirm button.",
368
+ "description": "Abonelik onay butonu. (#1)",
369
369
  "title": "Subscribe",
370
370
  "testID": "PaywallSubscribeButton-test-id-1"
371
371
  }
@@ -363,9 +363,9 @@
363
363
  "children": [
364
364
  {
365
365
  "type": "PaywallSubscribeButton",
366
- "children": "Subscribe Now",
366
+ "children": "@subscribe",
367
367
  "attributes": {
368
- "description": "Subscription confirm button.",
368
+ "description": "Abonelik onay butonu. (#1)",
369
369
  "title": "Subscribe",
370
370
  "testID": "PaywallSubscribeButton-test-id-1"
371
371
  }
@@ -363,7 +363,7 @@
363
363
  "children": [
364
364
  {
365
365
  "type": "PaywallSubscribeButton",
366
- "children": "Subscribe Now",
366
+ "children": "@subscribe",
367
367
  "attributes": {
368
368
  "description": "Subscription confirm button.",
369
369
  "title": "Subscribe",
@@ -363,7 +363,7 @@
363
363
  "children": [
364
364
  {
365
365
  "type": "PaywallSubscribeButton",
366
- "children": "Subscribe Now",
366
+ "children": "@subscribe",
367
367
  "attributes": {
368
368
  "description": "Subscription confirm button.",
369
369
  "title": "Subscribe",
@@ -9,6 +9,8 @@ import {
9
9
  FontFamilyPickerField,
10
10
  IconTypePickerField,
11
11
  } from './AttributesEditorFields';
12
+ import { useRenderStore } from '../store';
13
+ import { FallbackLocalizationField } from './FallbackLocalizationField';
12
14
  import type {
13
15
  AttributesEditorModel,
14
16
  AttributesEditorSpecialSection,
@@ -192,15 +194,24 @@ export function AttributesEditorView(props: AttributesEditorViewProps) {
192
194
  </div>
193
195
  );
194
196
 
197
+ const CustomChildrenField = useRenderStore(
198
+ (s) => s.renderStringChildrenField,
199
+ );
200
+
195
201
  const childrenSection = hasStringChildren ? (
196
202
  <div className="attributes-editor__field-wrapper attributes-editor__field-wrapper--children">
197
203
  <p className="attributes-editor__field-label">Text</p>
198
- <input
199
- type="text"
200
- className="attributes-editor__text-input"
201
- value={childrenValue}
202
- onChange={(e) => handleChildrenChange(e.target.value)}
203
- />
204
+ {CustomChildrenField ? (
205
+ <CustomChildrenField
206
+ value={childrenValue}
207
+ onChange={handleChildrenChange}
208
+ />
209
+ ) : (
210
+ <FallbackLocalizationField
211
+ value={childrenValue}
212
+ onChange={handleChildrenChange}
213
+ />
214
+ )}
204
215
  </div>
205
216
  ) : null;
206
217