@developer_tribe/react-builder 1.2.32 → 1.2.34

package/src/assets/prompt-scheme-paywall.generated.ts

@@ -0,0 +1,4 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+/* Prompt scheme for paywall screens. Generated by generate-prompt-schemes.js */
+
+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}}`.\nUse 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`).\nColor 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.\nLocalization string values should use a localization key from the **Available Localization Keys** section. Do NOT invent new keys.\n\n```\nBIcon:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,iconType:string,size:number,strokeWidth:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nBackgroundImage:{scrollable:boolean,src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nButton:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\"}}\nCarousel:{scrollable:boolean,loop:boolean,dragFree:boolean,align:\"start\"|\"center\"|\"end\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselButtons:{scrollable:boolean,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselDots:{scrollable:boolean,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselItem:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCarouselProvider:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nCountDown:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,count:number,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom: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,textAlign:obj}}\nImage:{scrollable:boolean,src:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\"}}\nMain:{scrollable:boolean,useSafeAreaView:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nNavigationBarColor:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboard:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardButton:{scrollable:boolean,labelKey:string,animation:\"simple-animation\"|\"line-animation\"|\"blur\"|\"blur-animation\"|\"blur-line-animation\",animation_color:string,events:[obj],styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string}}\nOnboardButtons:{scrollable:boolean,buttonType:\"previous_button\"|\"next_button\"|\"skip_button\",skipNumber:number,buttons_direction:\"row\"|\"column\",forIndex:number,seperatorColor:string,condition:\"carousel-index\",conditionVariable:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardDot:{scrollable:boolean,dotType:\"expanding_dot\"|\"normal_dot\"|\"scaling_dot\"|\"sliding_border\"|\"sliding_dot\"|\"liquid_like\",dot_thickness:string,inactive_dot_opacity:number,inactive_dot_color:string,active_dot_color:string,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardFooter:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,textLocalizationKey:string,linkedWordFirstLocalizationKey:string,linkedWordFirstColor:string,linkedWordFirstPage:string,linkedWordSecondLocalizationKey:string,linkedWordSecondColor:string,linkedWordSecondPage:string,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardImage:{src:string,scrollable:boolean,video_url:string,lottie:string,styles:{resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardItem:{scrollable:boolean,display:\"flex\"|\"block\",gap:string,flexDirection:\"row\"|\"column\",paddingHorizontal: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}}\nOnboardProvider:{scrollable:boolean,theme:\"light\"|\"dark\"|\"all\",styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardSubtitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nOnboardTitle:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallBackground:{src:string,resizeMode:\"cover\"|\"contain\"|\"stretch\"|\"center\",scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallCloseButton:{iconType:string,size:number,strokeWidth:number,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallOptions:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallProvider:{scrollable:boolean,delay:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPaywallSubscribeButton:{scrollable:boolean,styles:{color:string,fontSize:string,fontWeight:\"normal\"|\"bold\"|\"100\"|\"200\"|\"300\"|\"400\"|\"500\"|\"600\"|\"700\"|\"800\"|\"900\",flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPriceTag:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,showOriginalPricePossible:boolean,hideIfItsNotDiscount:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,textDecorationLine:\"none\"|\"underline\"|\"line-through\"}}\nPricing:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nPromo:{adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,scrollable:boolean,styles:{color:string,fontSize:string,fontFamily:string,fontWeight:string,flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nRadioButton:{scrollable:boolean,selected:boolean,color:string,size:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nSeparator:{styles:{backgroundColor:string,width:string,height:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string}}\nStatusBarColor:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\nText:{scrollable:boolean,adjustsFontSizeToFit:boolean,showEllipsis:boolean,translateCounter:number,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number,color:string,fontSize:string,fontFamily:string,fontWeight:string}}\nView:{scrollable:boolean,styles:{flexDirection:\"row\"|\"column\",flexWrap:\"nowrap\"|\"wrap\"|\"wrap-reverse\",alignItems:\"flex-start\"|\"center\"|\"flex-end\"|\"stretch\"|\"baseline\",justifyContent:\"flex-start\"|\"center\"|\"flex-end\"|\"space-between\"|\"space-around\"|\"space-evenly\",gap:string,padding:string,paddingHorizontal:string,paddingVertical:string,paddingTop:string,paddingBottom:string,paddingLeft:string,paddingRight:string,margin:string,marginHorizontal:string,marginVertical:string,marginTop:string,marginBottom:string,marginLeft:string,marginRight:string,backgroundColor:string,borderRadius:string,width:string,minWidth:string,maxWidth:string,height:string,minHeight:string,maxHeight:string,flex:number,position:\"relative\"|\"absolute\",top:string,bottom:string,left:string,right:string,zIndex:number}}\n```\n\n## Available Icons\n\nUse one of these values for `iconType` attributes:\n\n```\n\n```\n\n## XML Rules\n\n- Root element must always be `<Main isMain=\"true\">`.\n- Text content (children) goes as element body text, not as an attribute.\n- `styles` value must be a JSON object string (escape inner quotes): `styles=\"{&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## Embla Carousel Constraints\n\n> **IMPORTANT – Web uses Embla carousel under the hood.**\n> 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`:\n> `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.).\nDo NOT invent new keys or use keys not in this list.\n\n```\nbase.builder.paywall.period.monthly\nbase.builder.paywall.period.annual\nbase.builder.paywall.period.weekly\nbase.builder.paywall.period.daily\nbase.builder.paywall.period.monthlyPromo\nbase.builder.paywall.period.annualPromo\nbase.builder.paywall.pricing.default.text\nbase.builder.paywall.pricing.freeTrial.text\nbase.builder.paywall.pricing.regular.text\nbase.builder.paywall.promo.default.text\nbase.builder.paywall.promo.freeTrial.text\nbase.builder.paywall.promo.regular.text\nonboard.title.one-page\nonboard.title.two-page\nonboard.title.three-page\nonboard.title.four-page\nonboard.title.one-page2\nonboard.title.two-page2\nonboard.title.three-page2\nonboard.title.four-page2\nonboard.subtitle.one-page\nonboard.subtitle.two-page\nonboard.subtitle.three-page\nonboard.subtitle.four-page\nonboard.subtitle.one-page2\nonboard.subtitle.two-page2\nonboard.subtitle.three-page2\nonboard.subtitle.four-page2\nonboard.next.one-page\nonboard.next.two-page\nonboard.next.three-page\nonboard.skip.one-page\nonboard.skip.two-page\nonboard.skip.three-page\nonboard.allow.four-page\nview.onboarding.footer.description\nview.onboarding.btnPrivacy\nview.onboarding.btnTerms\n```\n\n## Default Colors\n\nReference color tokens already defined in the project. Prefer these over hard-coded hex values.\n\n```\n  STATIC_COLORS.BLACK: \"#000\"\n  STATIC_COLORS.WHITE: \"#FFFFFF\"\n  STATIC_COLORS.TRANSPARENT: \"#ffffff00\"\n  STATIC_COLORS.ONBOARD_DOT_INACTIVE: \"#E4E5E7\"\n  STATIC_COLORS.ONBOARD_DOT_ACTIVE: \"#007AFF\"\n  STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND: \"#0066FF\"\n  STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT: \"#FFFFFF\"\n  STATIC_COLORS.ONBOARD_LINK_COLOR: \"#1778F2\"\n  STATIC_COLORS.ONBOARD_SEPARATOR_COLOR: \"#44454D\"\n  STATIC_COLORS.RADIO_BUTTON_COLOR: \"#A6A6A6\"\n  THEME_COLORS.TEXT (light): \"#161827\"\n  THEME_COLORS.BACKGROUND (light): \"#F4F5FF\"\n  THEME_COLORS.ICON (light): \"#0450E2\"\n  THEME_COLORS.LINE (light): \"#E9EBF9\"\n  THEME_COLORS.ONBOARD_TITLE (light): \"#161827\"\n  THEME_COLORS.ONBOARD_SUBTITLE (light): \"#44454D\"\n  THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (light): \"#81838F\"\n  THEME_COLORS.ONBOARD_FOOTER_TEXT (light): \"#81838F\"\n  THEME_COLORS.TEXT (dark): \"#E9EBF9\"\n  THEME_COLORS.BACKGROUND (dark): \"#080A17\"\n  THEME_COLORS.ICON (dark): \"#0450E2\"\n  THEME_COLORS.LINE (dark): \"#161827\"\n  THEME_COLORS.ONBOARD_TITLE (dark): \"#FDFDFD\"\n  THEME_COLORS.ONBOARD_SUBTITLE (dark): \"#C7C7C7\"\n  THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT (dark): \"#A9AAAC\"\n  THEME_COLORS.ONBOARD_FOOTER_TEXT (dark): \"#A2A4B1\"\n```\n\n## Default Localization (en)\n\n```\n{\n  \"base.builder.paywall.period.monthly\": \"per month\",\n  \"base.builder.paywall.period.annual\": \"per year\",\n  \"base.builder.paywall.period.weekly\": \"per week\",\n  \"base.builder.paywall.period.daily\": \"per day\",\n  \"base.builder.paywall.period.monthlyPromo\": \"per month\",\n  \"base.builder.paywall.period.annualPromo\": \"per year\",\n  \"base.builder.paywall.pricing.default.text\": \"@promoPrice for the first @promoPeriod, then @localizedPrice @localizedPeriod\",\n  \"base.builder.paywall.pricing.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial, then @localizedPrice @localizedPeriod\",\n  \"base.builder.paywall.pricing.regular.text\": \"@localizedPrice @localizedPeriod\",\n  \"base.builder.paywall.promo.default.text\": \"Save @discountPercentage%!\",\n  \"base.builder.paywall.promo.freeTrial.text\": \"@trialPeriod-@trialPeriodUnit free trial\",\n  \"base.builder.paywall.promo.regular.text\": \"@localizedPrice @localizedPeriod\",\n  \"onboard.title.one-page\": \"Secure your connection\",\n  \"onboard.title.two-page\": \"Access content worldwide\",\n  \"onboard.title.three-page\": \"Fast and reliable\",\n  \"onboard.title.four-page\": \"Stay notified and safe\",\n  \"onboard.title.one-page2\": \"Secure your connection\",\n  \"onboard.title.two-page2\": \"Access content worldwide\",\n  \"onboard.title.three-page2\": \"Fast and reliable\",\n  \"onboard.title.four-page2\": \"Stay notified and safe\",\n  \"onboard.subtitle.one-page\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n  \"onboard.subtitle.two-page\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n  \"onboard.subtitle.three-page\": \"Auto\\u2011connect to the best server for speed and stability.\",\n  \"onboard.subtitle.four-page\": \"Enable notifications for connection status and security tips.\",\n  \"onboard.subtitle.one-page2\": \"Encrypt your traffic and protect your privacy on public Wi\\u2011Fi.\",\n  \"onboard.subtitle.two-page2\": \"Connect to high\\u2011speed servers in many countries with one tap.\",\n  \"onboard.subtitle.three-page2\": \"Auto\\u2011connect to the best server for speed and stability.\",\n  \"onboard.subtitle.four-page2\": \"Enable notifications for connection status and security tips.\",\n  \"onboard.next.one-page\": \"Next\",\n  \"onboard.next.two-page\": \"Next\",\n  \"onboard.next.three-page\": \"Next\",\n  \"onboard.skip.one-page\": \"Skip\",\n  \"onboard.skip.two-page\": \"Skip\",\n  \"onboard.skip.three-page\": \"Skip\",\n  \"onboard.allow.four-page\": \"Allow\",\n  \"view.onboarding.footer.description\": \"By clicking continue, you will be accepting the Terms of service and privacy policy\",\n  \"view.onboarding.btnPrivacy\": \"Privacy Policy\",\n  \"view.onboarding.btnTerms\": \"Terms of Service\"\n}\n```\n\n## Reference Example\n\nA complete, valid paywall XML:\n\n```xml\n<Main isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main\">\n  <StatusBarColor title=\"Status Bar Color\" description=\"Status bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' />\n  <NavigationBarColor title=\"Navigation Bar Color\" description=\"Navigation bar background color.\" styles='{\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}' />\n  <PaywallProvider scrollable=\"true\" description=\"Paywall ana sağlayıcısı. (#1)\" title=\"Main Paywall\" styles='{\"flexDirection\":\"column\",\"alignItems\":\"stretch\",\"justifyContent\":\"flex-start\",\"position\":\"relative\",\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}'>\n    <PaywallBackground src=\"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&amp;fit=crop&amp;w=1200&amp;q=80\" resizeMode=\"cover\" description=\"Paywall arka planı. (#1)\" title=\"Paywall Background\" />\n    <View styles='{\"paddingTop\":56,\"paddingHorizontal\":16,\"paddingBottom\":16,\"gap\":12,\"flex\":1}'>\n      <PaywallCloseButton styles='{\"width\":32,\"height\":32,\"borderRadius\":16,\"backgroundColor\":\"STATIC_COLORS.WHITE\",\"color\":\"STATIC_COLORS.BLACK\",\"zIndex\":10,\"alignItems\":\"center\",\"justifyContent\":\"center\"}' />\n      <View description=\"Düzen ve yerleşim konteyneri. (#2)\" title=\"Benefits\" styles='{\"flexDirection\":\"column\",\"gap\":0,\"marginTop\":\"4%\"}'>\n        <View description=\"Düzen ve yerleşim konteyneri. (#3)\" title=\"Benefit #1\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n          <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#1)\" title=\"BIcon 1\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n          <Text description=\"Metin öğesi. (#1)\" title=\"text 1\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n            @benefit1 — Unlimited access\n          </Text>\n        </View>\n        <View description=\"Düzen ve yerleşim konteyneri. (#4)\" title=\"Benefit #2\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n          <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#2)\" title=\"BIcon 2\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n          <Text description=\"Metin öğesi. (#2)\" title=\"text 2\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n            @benefit2 — 7-day free trial\n          </Text>\n        </View>\n        <View description=\"Düzen ve yerleşim konteyneri. (#5)\" title=\"Benefit #3\" styles='{\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":8,\"paddingVertical\":8,\"paddingHorizontal\":12}'>\n          <BIcon iconType=\"check\" strokeWidth=\"3\" description=\"İkon öğesi. (#3)\" title=\"BIcon 3\" styles='{\"color\":\"THEME_COLORS.ICON\",\"fontSize\":\"16\",\"flex\":0}' />\n          <Text description=\"Metin öğesi. (#3)\" title=\"text 3\" styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"fontWeight\":\"700\"}'>\n            @benefit3 — Cancel anytime\n          </Text>\n        </View>\n      </View>\n      <PaywallOptions description=\"Abonelik seçenekleri alanı. (#1)\" title=\"Option(s)\" styles='{\"borderRadius\":12,\"backgroundColor\":\"THEME_COLORS.BACKGROUND\"}'>\n        <RadioButton description=\"Seçim satırı öğesi. (#1)\" title=\"Product Radio(s)\" styles='{\"flex\":1}' />\n        <Text description=\"Metin öğesi. (#4)\" title=\"Product Desc(s)\" styles='{\"flex\":4}'>\n          @productDescription\n        </Text>\n        <View title=\"Price Column\" styles='{\"flexDirection\":\"column\",\"flex\":1,\"alignItems\":\"flex-end\"}'>\n          <PriceTag title=\"Promo Price\" styles='{\"textAlign\":\"right\",\"fontWeight\":\"700\"}'>\n            @localizedCalculatedPrice\n          </PriceTag>\n          <PriceTag title=\"Original Price\" hideIfItsNotDiscount=\"true\" styles='{\"textAlign\":\"right\",\"textDecorationLine\":\"line-through\",\"fontSize\":\"12@fs\",\"fontWeight\":\"400\",\"color\":\"#999999\"}'>\n            @localizedPrice\n          </PriceTag>\n        </View>\n        <BIcon iconType=\"chevron-right\" size=\"16\" description=\"İkon öğesi. (#4)\" title=\"Product BIcon(s)\" styles='{\"marginRight\":4,\"flex\":0,\"width\":32,\"color\":\"STATIC_COLORS.BLACK\"}' />\n      </PaywallOptions>\n      <View description=\"Subscription butonu kapsayıcısı. (#1)\" title=\"Subs Container\" styles='{\"flex\":1,\"flexDirection\":\"column\",\"justifyContent\":\"flex-end\",\"alignItems\":\"stretch\",\"gap\":8,\"paddingBottom\":\"50px\"}'>\n        <Pricing description=\"Pricing breakdown for promo/trial.\" title=\"Pricing Detail\">\n          @baseLocalizedPricingText\n        </Pricing>\n        <Text description=\"Trial detayı.\" title=\"Trial Full\" styles='{\"textAlign\":\"center\",\"fontSize\":12,\"color\":\"rgba(255,255,255,0.6)\"}'>\n          @trialPeriod days free, then @price/@period\n        </Text>\n        <PaywallSubscribeButton description=\"Abonelik onay butonu. (#1)\" title=\"Subscribe\">\n          Subscribe\n        </PaywallSubscribeButton>\n        <Promo description=\"Discount badge / promo text.\" title=\"Promo Badge\">\n          @baseLocalizedPromoText\n        </Promo>\n      </View>\n    </View>\n  </PaywallProvider>\n</Main>\n```\n\n## Task\n\nGenerate a node tree XML for the user's request below. Output ONLY raw XML — no markdown fences, no explanation.\n";

package/src/attribute-analyser/style/native/useExtractImageStyle.ts

@@ -22,7 +22,7 @@ export function useExtractImageStyle<
   style: ImageStyle;
   other: Omit<T, StyleAttrKey> & { resizeMode?: ResizeModeOptionType };
 } {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
 
   return useMemo(() => {
     // extractImageStyleNative returns Record<string, unknown> that may include resizeMode.

package/src/attribute-analyser/style/native/useExtractTextStyle.ts

@@ -21,7 +21,7 @@ export function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(
   };
 } {
   const {
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     fonts,
     baseSize,

package/src/attribute-analyser/style/native/useExtractViewStyle.ts

@@ -17,7 +17,7 @@ export function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(
   style: ViewStyle;
   other: Omit<T, StyleAttrKey> & { scrollable?: boolean };
 } {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
 
   return useMemo(() => {
     const style = extractViewStyleNative(node, {

package/src/attribute-analyser/style/web/useExtractImageStyle.ts

@@ -8,7 +8,7 @@ import { extractImageStyle } from '../../../utils/extractImageStyle';
 export function useExtractImageStyle<
   T extends ImagePropsGenerated['attributes'],
 >(node: NodeData<T>): CSSProperties {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
 
   return useMemo(
     () => extractImageStyle(node, { theme, projectColors, baseSize }),

package/src/attribute-analyser/style/web/useExtractTextStyle.ts

@@ -10,7 +10,7 @@ export function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(
   directlyTextStyle = false,
 ): CSSProperties {
   const {
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     fonts,
     baseSize,

package/src/attribute-analyser/style/web/useExtractViewStyle.ts

@@ -8,7 +8,7 @@ import { extractViewStyle } from '../../../utils/extractViewStyle';
 export function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(
   node: NodeData<T>,
 ): CSSProperties {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
 
   return useMemo(
     () => extractViewStyle(node, { theme, projectColors, baseSize }),

package/src/build-components/BIcon/pattern.json

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "BIcon",
     "description": "Renders an icon from the icon set.",
     "styles": {},

package/src/build-components/BackgroundImage/pattern.json

@@ -8,12 +8,7 @@
     "extends": "View",
     "attributes": {
       "src": "string",
-      "resizeMode": [
-        "cover",
-        "contain",
-        "stretch",
-        "center"
-      ]
+      "resizeMode": ["cover", "contain", "stretch", "center"]
     },
     "defaults": {
       "resizeMode": "cover",
@@ -29,10 +24,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all",
-      "background"
-    ],
+    "desiredParent": ["all", "background"],
     "label": "Background Image",
     "description": "Background image.",
     "styles": {

package/src/build-components/Button/pattern.json

@@ -27,9 +27,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Button",
     "description": "Simple action button.",
     "styles": {

package/src/build-components/Carousel/pattern.json

@@ -9,17 +9,11 @@
     "attributes": {
       "loop": "boolean",
       "dragFree": "boolean",
-      "align": [
-        "start",
-        "center",
-        "end"
-      ]
+      "align": ["start", "center", "end"]
     }
   },
   "meta": {
-    "desiredParent": [
-      "=CarouselProvider"
-    ],
+    "desiredParent": ["=CarouselProvider"],
     "label": "Carousel",
     "description": "Container for carousel items.",
     "styles": {}

package/src/build-components/CarouselDots/CarouselDots.tsx

@@ -34,7 +34,7 @@ function CarouselDots({ node }: CarouselDotsComponentProps) {
   const onboardApi = useContext(onboardContext);
   const emblaApi = isOnboard ? onboardApi?.emblaApi : carouselApi;
 
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
   const inactiveDotOpacity =
     (stylesBag?.inactive_dot_opacity as number | undefined) ??
     (attrRecord.inactive_dot_opacity as number | undefined) ??

package/src/build-components/CarouselProvider/pattern.json

@@ -15,10 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root",
-      ">View"
-    ],
+    "desiredParent": ["root", ">View"],
     "label": "Carousel Provider",
     "description": "Provides carousel context to its children.",
     "attributes": {}

package/src/build-components/CountDown/pattern.json

@@ -15,9 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Count Down",
     "description": "Displays a countdown timer.",
     "attributes": {

package/src/build-components/Image/pattern.json

@@ -9,12 +9,7 @@
     "attributes": {
       "src": "string",
       "styles": {
-        "resizeMode": [
-          "cover",
-          "contain",
-          "stretch",
-          "center"
-        ]
+        "resizeMode": ["cover", "contain", "stretch", "center"]
       }
     },
     "defaults": {
@@ -24,9 +19,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Image",
     "description": "Shows an image or graphic.",
     "styles": {

package/src/build-components/Main/pattern.json

@@ -20,9 +20,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root"
-    ],
+    "desiredParent": ["root"],
     "label": "Main",
     "description": "Top-level screen wrapper (safe area, base layout).",
     "hideAllAttributes": true,

package/src/build-components/NavigationBarColor/NavigationBarColor.tsx

@@ -11,7 +11,7 @@ function NavigationBarColor({ node }: NavigationBarColorComponentProps) {
   useLogRender('NavigationBarColor');
   node = useNode(node);
 
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const setNavBarOverrideColor = useRenderStore(
     (s) => s.setNavBarOverrideColor,
   );

package/src/build-components/NavigationBarColor/pattern.json

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Navigation Bar Color",
     "description": "Sets the OS navigation bar background color.",
     "styles": {

package/src/build-components/Onboard/pattern.json

@@ -8,12 +8,8 @@
     "extends": "View"
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardProvider"
-    ],
-    "desiredChildren": [
-      "=OnboardItem"
-    ],
+    "desiredParent": ["=OnboardProvider"],
+    "desiredChildren": ["=OnboardItem"],
     "label": "Onboard",
     "description": "Wraps the onboarding flow.",
     "styles": {}

package/src/build-components/OnboardButton/OnboardButton.tsx

@@ -18,7 +18,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   node = useNode(node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardButton';
   const { emblaApi } = useContext(onboardContext) ?? {};
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const context = useMockOSContext();
   const mockPermissionManager = useMockPermission(context);
   const handledEventsRef = useRef<EventObjectGenerated[]>([]);

package/src/build-components/OnboardButton/pattern.json

@@ -31,25 +31,14 @@
   },
   "types": {
     "EventObject": {
-      "type": [
-        "Permission",
-        "Navigate"
-      ],
-      "permission": [
-        "att",
-        "notification",
-        "rating",
-        "GDPR",
-        "null"
-      ],
+      "type": ["Permission", "Navigate"],
+      "permission": ["att", "notification", "rating", "GDPR", "null"],
       "navigate_to": "string",
       "targetIndex": "number"
     }
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardButtons"
-    ],
+    "desiredParent": ["=OnboardButtons"],
     "label": "Onboard Button",
     "description": "Single action button for onboarding.",
     "attributes": {

package/src/build-components/OnboardButtons/pattern.json

@@ -7,21 +7,12 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "buttonType": [
-        "previous_button",
-        "next_button",
-        "skip_button"
-      ],
+      "buttonType": ["previous_button", "next_button", "skip_button"],
       "skipNumber": "number",
-      "buttons_direction": [
-        "row",
-        "column"
-      ],
+      "buttons_direction": ["row", "column"],
       "forIndex": "number",
       "seperatorColor": "color",
-      "condition": [
-        "carousel-index"
-      ],
+      "condition": ["carousel-index"],
       "conditionVariable": "number"
     },
     "defaults": {
@@ -37,9 +28,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardItem"
-    ],
+    "desiredParent": ["=OnboardItem"],
     "label": "Onboard Buttons",
     "description": "Wrapper for onboarding button set.",
     "styles": {

package/src/build-components/OnboardDot/OnboardDot.tsx

@@ -29,7 +29,7 @@ export function OnboardDot({ node }: OnboardDotComponentProps) {
   const {
     previewMode,
     selectedKey,
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     baseSize,
   } = useBuilderParams();

package/src/build-components/OnboardDot/OnboardDotProps.generated.ts

@@ -69,13 +69,13 @@ export interface OnboardDotPropsGenerated {
     styles?: OnboardDotStyleGenerated;
     scrollable?: boolean;
     dotType?: DotTypeOptionType;
+    flexDirection?: never;
+    alignItems?: never;
+    justifyContent?: never;
     dot_thickness?: string;
     inactive_dot_opacity?: number;
     inactive_dot_color?: string;
     active_dot_color?: string;
-    flexDirection?: never;
-    alignItems?: never;
-    justifyContent?: never;
   };
 }
 

package/src/build-components/OnboardDot/pattern.json

@@ -15,13 +15,13 @@
         "sliding_dot",
         "liquid_like"
       ],
+      "flexDirection": "never",
+      "alignItems": "never",
+      "justifyContent": "never",
       "dot_thickness": "size",
       "inactive_dot_opacity": "number",
       "inactive_dot_color": "color",
-      "active_dot_color": "color",
-      "flexDirection": "never",
-      "alignItems": "never",
-      "justifyContent": "never"
+      "active_dot_color": "color"
     }
   },
   "defaults": {
@@ -38,18 +38,23 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardProvider"
-    ],
+    "desiredParent": [">OnboardProvider"],
     "label": "Onboard Dot",
     "description": "Renders onboarding progress dots.",
-    "styles": {
+    "attributes": {
       "dotType": {
         "label": "Dot Type",
         "description": "Dot animation style.",
         "category": "style",
         "specialCategory": null,
         "sort": 1
+      },
+          "dot_thickness": {
+        "label": "Dot Thickness",
+        "description": "Dot size/diameter.",
+        "category": "style",
+        "specialCategory": null,
+        "sort": 2
       },
       "inactive_dot_opacity": {
         "label": "Inactive Dot Opacity",
@@ -65,13 +70,6 @@
         "specialCategory": null,
         "sort": 4
       },
-      "dot_thickness": {
-        "label": "Dot Thickness",
-        "description": "Dot size/diameter.",
-        "category": "style",
-        "specialCategory": null,
-        "sort": 2
-      },
       "active_dot_color": {
         "label": "Active Dot Color",
         "description": "Color of the active dot.",
@@ -79,6 +77,7 @@
         "specialCategory": null,
         "sort": 5
       }
-    }
+  }
   }
 }
+ 

package/src/build-components/OnboardFooter/OnboardFooter.tsx

@@ -97,15 +97,15 @@ function OnboardFooter({ node }: OnboardFooterComponentProps) {
   const attributeName = node.sourceType ?? node.type ?? 'OnboardFooter';
   const {
     localization: builderLocalization,
-    theme,
-    defaultLanguage,
+    selectedTheme: theme,
+    selectedLanguage,
     previewMode,
     selectedKey,
     projectColors: builderProjectColors,
   } = useBuilderParams();
   const localization = builderLocalization ?? defaultLocalization;
   const projectColors = builderProjectColors;
-  const lang = defaultLanguage ?? 'en';
+  const lang = selectedLanguage ?? 'en';
   const t = (key?: string) => (key ? (localization?.[lang]?.[key] ?? key) : '');
 
   const attrs = node?.attributes;

package/src/build-components/OnboardFooter/pattern.json

@@ -27,27 +27,9 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardItem"
-    ],
+    "desiredParent": [">OnboardItem"],
     "label": "Onboard Footer",
     "description": "Footer text with optional links.",
-    "styles": {
-      "linkedWordFirstColor": {
-        "label": "Linked Word First Color",
-        "description": "Color of the first linked word.",
-        "category": "style",
-        "specialCategory": null,
-        "sort": 3
-      },
-      "linkedWordSecondColor": {
-        "label": "Linked Word Second Color",
-        "description": "Color of the second linked word.",
-        "category": "style",
-        "specialCategory": null,
-        "sort": 6
-      }
-    },
     "attributes": {
       "textLocalizationKey": {
         "label": "Text Localization Key",
@@ -63,6 +45,13 @@
         "specialCategory": null,
         "sort": 2
       },
+      "linkedWordFirstColor": {
+        "label": "Linked Word First Color",
+        "description": "Color of the first linked word.",
+        "category": "other",
+        "specialCategory": null,
+        "sort": 3
+      },
       "linkedWordFirstPage": {
         "label": "Linked Word First Page",
         "description": "Page opened by the first link.",
@@ -77,6 +66,13 @@
         "specialCategory": null,
         "sort": 5
       },
+      "linkedWordSecondColor": {
+        "label": "Linked Word Second Color",
+        "description": "Color of the second linked word.",
+        "category": "other",
+        "specialCategory": null,
+        "sort": 6
+      },
       "linkedWordSecondPage": {
         "label": "Linked Word Second Page",
         "description": "Page opened by the second link.",