@developer_tribe/react-builder 1.2.32 → 1.2.34

package/scripts/prebuild/generate-prompt-schemes.js

@@ -0,0 +1,464 @@
+#!/usr/bin/env node
+/**
+ * generate-prompt-schemes.js
+ *
+ * Reads all *Props.generated.ts files from src/build-components,
+ * extracts a compact (uglified) representation of each component's
+ * props/attributes, and combines them into a single patterns string.
+ *
+ * Then reads the prompt_scheme.md template and the two sample JSON
+ * files, converts each JSON to XML (Node.js-safe, no DOMParser),
+ * and generates two TypeScript assets:
+ *   src/assets/prompt-scheme-onboard.generated.ts
+ *   src/assets/prompt-scheme-paywall.generated.ts
+ */
+
+import fs from 'fs';
+import path from 'path';
+import url from 'url';
+
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const PROJECT_ROOT = path.resolve(__dirname, '../..');
+const SRC_ROOT = path.join(PROJECT_ROOT, 'src');
+const COMPONENTS_ROOT = path.join(SRC_ROOT, 'build-components');
+const ASSETS_ROOT = path.join(SRC_ROOT, 'assets');
+const SAMPLES_ROOT = path.join(ASSETS_ROOT, 'samples');
+const TEMPLATE_PATH = path.join(__dirname, 'assets', 'prompt_scheme.md');
+
+/* ------------------------------------------------------------------ */
+/*  0. Inline minified sample validator                                */
+/* ------------------------------------------------------------------ */
+
+// Validates a sample JSON root node tree. Throws with a descriptive message
+// if the structure is invalid. This is intentionally kept as a self-contained
+// function (uglified style) so it can be audited quickly.
+// prettier-ignore
+const validateSampleJson = (function(){
+  function v(n,p){
+    if(n===null||n===undefined)return;
+    const t=typeof n;
+    if(t==='string')return; // text node OK
+    if(Array.isArray(n)){n.forEach(function(c,i){v(c,p+'['+i+']');});return;}
+    if(t!=='object')throw new Error('validateSampleJson: expected object|string|array at '+p+', got '+t);
+    if(typeof n.type!=='string')throw new Error('validateSampleJson: missing string "type" at '+p);
+    if(n.attributes!==undefined&&n.attributes!==null&&typeof n.attributes!=='object')
+      throw new Error('validateSampleJson: "attributes" must be an object at '+p+'.'+n.type);
+    if(n.children!==undefined&&n.children!==null){
+      const ct=typeof n.children;
+      if(ct!=='string'&&ct!=='object')
+        throw new Error('validateSampleJson: "children" must be string|Node|Node[] at '+p+'.'+n.type);
+      v(n.children,p+'.'+n.type+'.children');
+    }
+  }
+  return function(sample){
+    if(typeof sample!=='object'||sample===null)
+      throw new Error('validateSampleJson: root sample must be an object');
+    if(typeof sample.data!=='object'||sample.data===null)
+      throw new Error('validateSampleJson: sample must have a "data" object field');
+    v(sample.data,'root');
+  };
+}());
+
+/* ------------------------------------------------------------------ */
+/*  1. JSON → XML converter (Node.js-safe, no DOMParser)              */
+/* ------------------------------------------------------------------ */
+
+function escapeXmlAttr(str, quote) {
+  let result = str
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+  if (quote === '"') {
+    result = result.replace(/"/g, '&quot;');
+  } else {
+    result = result.replace(/'/g, '&apos;');
+  }
+  return result;
+}
+
+function attrValueToString(value) {
+  if (value === null || value === undefined) return '';
+  if (typeof value === 'string') return value;
+  if (typeof value === 'number' || typeof value === 'boolean')
+    return String(value);
+  return JSON.stringify(value);
+}
+
+function nodeToXmlInner(node, indent) {
+  const pad = '  '.repeat(indent);
+
+  if (node === null || node === undefined) return '';
+  if (typeof node === 'string') return `${pad}${node}`;
+
+  if (Array.isArray(node)) {
+    return node.map((child) => nodeToXmlInner(child, indent)).join('\n');
+  }
+
+  if (typeof node !== 'object') return '';
+
+  const type = node.type;
+  if (!type) return '';
+
+  const attrs = [];
+
+  const addAttr = (key, val) => {
+    const strValue = attrValueToString(val);
+    const useSingle = strValue.includes('"') && !strValue.includes("'");
+    const quote = useSingle ? "'" : '"';
+    const escaped = escapeXmlAttr(strValue, quote);
+    attrs.push(`${key}=${quote}${escaped}${quote}`);
+  };
+
+  if (node.key) addAttr('key', node.key);
+  if (node.sourceType) addAttr('sourceType', node.sourceType);
+  if (node.isMain) addAttr('isMain', 'true');
+
+  if (node.attributes && typeof node.attributes === 'object') {
+    for (const [k, v] of Object.entries(node.attributes)) {
+      addAttr(k, v);
+    }
+  }
+
+  const attrStr = attrs.length > 0 ? ' ' + attrs.join(' ') : '';
+  const children = node.children;
+
+  if (
+    children === null ||
+    children === undefined ||
+    (Array.isArray(children) && children.length === 0)
+  ) {
+    return `${pad}<${type}${attrStr} />`;
+  }
+
+  const childXml = nodeToXmlInner(children, indent + 1);
+  return `${pad}<${type}${attrStr}>\n${childXml}\n${pad}</${type}>`;
+}
+
+function nodeToXml(node) {
+  if (node === null || node === undefined) return '';
+  return nodeToXmlInner(node, 0);
+}
+
+/* ------------------------------------------------------------------ */
+/*  2. Props.generated.ts parser → compact pattern string             */
+/* ------------------------------------------------------------------ */
+
+/**
+ * Parses a single *Props.generated.ts file and returns a compact
+ * one-liner representing the component's attributes.
+ *
+ * Format:  ComponentName: {attr1:type, attr2:"a"|"b", styles:{prop:type}}
+ */
+function parsePropsFile(filePath, componentName) {
+  const src = fs.readFileSync(filePath, 'utf8');
+
+  // ── Collect enum/union types ──────────────────────────────────────
+  // e.g.  export type DotTypeOptionType = 'a' | 'b';
+  const enumMap = {};
+  const enumRe =
+    /export\s+type\s+(\w+)\s*=\s*((?:'[^']*'|\||\s)+);/g;
+  let m;
+  while ((m = enumRe.exec(src)) !== null) {
+    const typeName = m[1];
+    // Collect all quoted values
+    const values = [...m[2].matchAll(/'([^']*)'/g)].map((x) => `"${x[1]}"`);
+    if (values.length > 0) enumMap[typeName] = values.join('|');
+  }
+
+  // ── Find the *PropsGenerated interface ───────────────────────────
+  const propsInterfaceRe =
+    /export\s+interface\s+\w+PropsGenerated\s*\{([\s\S]*?)\n\}/;
+  const piMatch = propsInterfaceRe.exec(src);
+  if (!piMatch) return null;
+
+  // ── Extract the `attributes` block ─────────────────────────────
+  const attrBlockRe = /attributes\s*:\s*\{([\s\S]*?)\}\s*;/;
+  const abMatch = attrBlockRe.exec(piMatch[1]);
+  if (!abMatch) return null;
+
+  const attrBlock = abMatch[1];
+
+  // ── Find the style interface ────────────────────────────────────
+  const styleInterfaceRe =
+    /export\s+interface\s+\w+StyleGenerated\s*\{([\s\S]*?)\n\}/;
+  const siMatch = styleInterfaceRe.exec(src);
+  const styleProps = [];
+  if (siMatch) {
+    const stylePropRe = /^\s+(\w+)\??\s*:\s*(.+?);/gm;
+    let sm;
+    while ((sm = stylePropRe.exec(siMatch[1])) !== null) {
+      const propName = sm[1];
+      const rawType = sm[2].trim();
+      // Map the TypeScript type to a compact form
+      const compact = resolveType(rawType, enumMap);
+      styleProps.push(`${propName}:${compact}`);
+    }
+  }
+
+  // ── Parse non-style attributes ──────────────────────────────────
+  const nonStyleAttrs = [];
+  const attrPropRe = /^\s+(\w+)\??\s*:\s*(.+?);/gm;
+  let ap;
+  while ((ap = attrPropRe.exec(attrBlock)) !== null) {
+    const propName = ap[1];
+    if (propName === 'styles') continue; // handled via style interface
+    const rawType = ap[2].trim();
+    if (rawType === 'never') continue; // excluded props
+    const compact = resolveType(rawType, enumMap);
+    nonStyleAttrs.push(`${propName}:${compact}`);
+  }
+
+  // ── Also check for child type ───────────────────────────────────
+  const childRe = /^\s+child\s*:\s*(.+?);/m;
+  const childMatch = childRe.exec(piMatch[1]);
+  const childType = childMatch ? resolveType(childMatch[1].trim(), enumMap) : null;
+
+  // ── Build compact string ────────────────────────────────────────
+  const parts = [];
+  if (childType && childType !== 'string') parts.push(`child:${childType}`);
+  parts.push(...nonStyleAttrs);
+  if (styleProps.length > 0) {
+    parts.push(`styles:{${styleProps.join(',')}}`);
+  }
+
+  return `${componentName}:{${parts.join(',')}}`;
+}
+
+function resolveType(rawType, enumMap) {
+  // Direct enum reference
+  if (enumMap[rawType]) return enumMap[rawType];
+
+  // Array type like: EventObjectGenerated[]
+  if (rawType.endsWith('[]')) {
+    const inner = rawType.slice(0, -2).trim();
+    return `[${resolveType(inner, enumMap)}]`;
+  }
+
+  // Union with null:  SomeType | null
+  const nullableMatch = rawType.match(/^(\w+)\s*\|\s*null$/);
+  if (nullableMatch) return resolveType(nullableMatch[1], enumMap) + '?';
+
+  // Simple primitives — keep as-is so LLMs understand them natively
+  if (rawType === 'string') return 'string';
+  if (rawType === 'number') return 'number';
+  if (rawType === 'boolean') return 'boolean';
+
+  // Interface reference (EventObjectGenerated etc.) — just label it "obj"
+  if (rawType.match(/^\w+$/)) return 'obj';
+
+  return rawType;
+}
+
+/* ------------------------------------------------------------------ */
+/*  3. Collect all patterns                                            */
+/* ------------------------------------------------------------------ */
+
+function collectPatterns() {
+  const entries = fs.readdirSync(COMPONENTS_ROOT, { withFileTypes: true });
+  const lines = [];
+
+  for (const entry of entries) {
+    if (!entry.isDirectory()) continue;
+    const componentName = entry.name;
+    const propsFile = path.join(
+      COMPONENTS_ROOT,
+      componentName,
+      `${componentName}Props.generated.ts`
+    );
+    if (!fs.existsSync(propsFile)) continue;
+
+    const line = parsePropsFile(propsFile, componentName);
+    if (line) lines.push(line);
+  }
+
+  return lines.join('\n');
+}
+
+/* ------------------------------------------------------------------ */
+/*  4. Collect icon list from Icon.generated.tsx                      */
+/* ------------------------------------------------------------------ */
+
+function collectIcons() {
+  const iconFile = path.join(SRC_ROOT, 'components', 'Icon.generated.tsx');
+  if (!fs.existsSync(iconFile)) return '(icon list unavailable)';
+
+  const src = fs.readFileSync(iconFile, 'utf8');
+
+  // Match all keys of ICON_SVGS: both bare words and quoted strings
+  //   activity:
+  //   'activity-heart':
+  const keyRe = /^\s+(?:'([^']+)'|(\w[\w-]*)?)\ s*:/gm;
+  const keys = [];
+  let m;
+  while ((m = keyRe.exec(src)) !== null) {
+    const key = m[1] ?? m[2];
+    if (key) keys.push(key);
+    // Stop once we leave the ICON_SVGS object (first export function)
+    if (src.slice(m.index, m.index + 200).includes('export function')) break;
+  }
+
+  // Dedup and sort
+  return [...new Set(keys)].sort().join(', ');
+}
+
+/* ------------------------------------------------------------------ */
+/*  5. Collect localization keys from PreviewConfig.ts                */
+/* ------------------------------------------------------------------ */
+
+/**
+ * Reads defaultLocalization from PreviewConfig.ts and returns:
+ * - localizationKeys: sorted list of all unique keys (for the "Available Keys" section)
+ * - defaultLocalizationEn: the English localization as a formatted block
+ * - defaultColors: the defaultProjectColors formatted
+ */
+function collectLocalizationAndColors() {
+  // ── defaultLocalization keys from PreviewConfig.ts ───────────────
+  const previewConfigPath = path.join(SRC_ROOT, 'types', 'PreviewConfig.ts');
+  const previewConfigSrc = fs.readFileSync(previewConfigPath, 'utf8');
+
+  // Extract all string literal keys from the LocalizationKey type union
+  const locKeyTypeRe = /export\s+type\s+LocalizationKey\s*=[\s\S]*?(?=export\s|$)/;
+  const locKeyTypeMatch = locKeyTypeRe.exec(previewConfigSrc);
+  const localizationKeys = [];
+  if (locKeyTypeMatch) {
+    const keyRe = /'\s*([^'()+]+?)\s*'/g;
+    let km;
+    while ((km = keyRe.exec(locKeyTypeMatch[0])) !== null) {
+      const key = km[1].trim();
+      if (key && !key.includes(' ') && key !== 'string') {
+        localizationKeys.push(key);
+      }
+    }
+  }
+
+  // ── Default localization (en) values ────────────────────────────
+  // Extract the `en` block from defaultLocalization
+  const enBlockRe = /en\s*:\s*\{([\s\S]*?)\},?\s*(?:tr\s*:|};)/;
+  const enBlockMatch = enBlockRe.exec(previewConfigSrc);
+  const enLines = [];
+  if (enBlockMatch) {
+    const entryRe = /'([^']+)'\s*:\s*'([^']*)'/g;
+    let em;
+    while ((em = entryRe.exec(enBlockMatch[1])) !== null) {
+      enLines.push(`  "${em[1]}": "${em[2]}"`);
+    }
+  }
+  const defaultLocalizationEn = `{\n${enLines.join(',\n')}\n}`;
+
+  // ── defaultProjectColors ────────────────────────────────────────
+  const projectColorsPath = path.join(SRC_ROOT, 'utils', 'projectColors.ts');
+  const projectColorsSrc = fs.readFileSync(projectColorsPath, 'utf8');
+
+  // Parse STATIC_COLORS block
+  const staticRe = /STATIC_COLORS\s*:\s*\{([\s\S]*?)\},?\s*THEME_COLORS/;
+  const staticMatch = staticRe.exec(projectColorsSrc);
+  const staticLines = [];
+  if (staticMatch) {
+    const entryRe = /(\w+)\s*:\s*'([^']*)'/g;
+    let sm;
+    while ((sm = entryRe.exec(staticMatch[1])) !== null) {
+      staticLines.push(`  STATIC_COLORS.${sm[1]}: "${sm[2]}"`);
+    }
+  }
+
+  // Parse THEME_COLORS light block
+  const lightRe = /light\s*:\s*\{([\s\S]*?)\},?\s*dark/;
+  const lightMatch = lightRe.exec(projectColorsSrc);
+  const lightLines = [];
+  if (lightMatch) {
+    const entryRe = /(\w+)\s*:\s*'([^']*)'/g;
+    let lm;
+    while ((lm = entryRe.exec(lightMatch[1])) !== null) {
+      lightLines.push(`  THEME_COLORS.${lm[1]} (light): "${lm[2]}"`);
+    }
+  }
+
+  // Parse THEME_COLORS dark block
+  const darkRe = /dark\s*:\s*\{([\s\S]*?)\},?\s*\}/;
+  const darkMatch = darkRe.exec(projectColorsSrc);
+  const darkLines = [];
+  if (darkMatch) {
+    const entryRe = /(\w+)\s*:\s*'([^']*)'/g;
+    let dm;
+    while ((dm = entryRe.exec(darkMatch[1])) !== null) {
+      darkLines.push(`  THEME_COLORS.${dm[1]} (dark): "${dm[2]}"`);
+    }
+  }
+
+  const defaultColors =
+    [...staticLines, ...lightLines, ...darkLines].join('\n');
+
+  return {
+    localizationKeys: localizationKeys.join('\n'),
+    defaultLocalizationEn,
+    defaultColors,
+  };
+}
+
+/* ------------------------------------------------------------------ */
+/*  6. Generate a .generated.ts asset file                            */
+/* ------------------------------------------------------------------ */
+
+function generateAsset(schemeType, sampleJsonPath, outputPath) {
+  // Load template
+  const template = fs.readFileSync(TEMPLATE_PATH, 'utf8');
+
+  // Load patterns
+  const patterns = collectPatterns();
+
+  // Load sample JSON, validate it, and convert to XML
+  const sampleJson = JSON.parse(fs.readFileSync(sampleJsonPath, 'utf8'));
+  validateSampleJson(sampleJson);
+  const exampleXml = nodeToXml(sampleJson.data);
+
+  // Load icon list
+  const icons = collectIcons();
+
+  // Collect localization keys, default colors and default localization
+  const { localizationKeys, defaultLocalizationEn, defaultColors } =
+    collectLocalizationAndColors();
+
+  // Fill template — replace ALL occurrences of {screen_type}
+  const filled = template
+    .replaceAll('{screen_type}', schemeType)
+    .replace('{patterns}', patterns)
+    .replace('{icons}', icons)
+    .replace('{example}', exampleXml)
+    .replace('{localization_keys}', localizationKeys)
+    .replace('{default_colors}', defaultColors)
+    .replace('{default_localization_en}', defaultLocalizationEn);
+
+  // Write as a TypeScript string export
+  const tsContent = `/* AUTO-GENERATED FILE - DO NOT EDIT */
+/* Prompt scheme for ${schemeType} screens. Generated by generate-prompt-schemes.js */
+
+export const ${schemeType}PromptScheme: string = ${JSON.stringify(filled)};
+`;
+
+  fs.writeFileSync(outputPath, tsContent, 'utf8');
+  console.info(
+    `  ✓ Generated ${path.relative(PROJECT_ROOT, outputPath)} (${filled.length.toLocaleString()} chars)`
+  );
+}
+
+/* ------------------------------------------------------------------ */
+/*  7. Main                                                            */
+/* ------------------------------------------------------------------ */
+
+export async function generatePromptSchemes() {
+  generateAsset(
+    'onboard',
+    path.join(SAMPLES_ROOT, 'vpn-onboard-1.json'),
+    path.join(ASSETS_ROOT, 'prompt-scheme-onboard.generated.ts')
+  );
+
+  generateAsset(
+    'paywall',
+    path.join(SAMPLES_ROOT, 'paywall-1.json'),
+    path.join(ASSETS_ROOT, 'prompt-scheme-paywall.generated.ts')
+  );
+}
+
+export default generatePromptSchemes;

package/scripts/prebuild/prebuild.js

@@ -5,6 +5,7 @@ import url from 'url';
 
 import run from './build-components.js';
 import runIconGenerator from './icon-generator.js';
+import generatePromptSchemes from './generate-prompt-schemes.js';
 import { updateMetaJson } from './utils/index.js';
 
 const __filename = url.fileURLToPath(import.meta.url);
@@ -28,6 +29,9 @@ try {
 
   console.info('Building components...');
   await run();
+
+  console.info('Generating prompt schemes...');
+  await generatePromptSchemes();
 } catch (err) {
   console.error(err?.stack || err?.message || err);
   process.exit(1);

package/src/RenderPage.tsx

@@ -42,8 +42,8 @@ export function RenderPage({
   const {
     products,
     benefits,
-    mockTheme,
-    mockDefaultLanguage,
+    selectedTheme,
+    selectedLanguage,
     overrideLocalization,
     overrideBaseSize,
     overrideProjectColors,
@@ -56,8 +56,8 @@ export function RenderPage({
   } = useRenderStore((s) => ({
     products: s.products,
     benefits: s.benefits,
-    mockTheme: s.theme,
-    mockDefaultLanguage: s.defaultLanguage,
+    selectedTheme: s.theme,
+    selectedLanguage: s.defaultLanguage,
     overrideLocalization: s.localization,
     overrideBaseSize: s.baseSize,
     overrideProjectColors: s.projectColors,
@@ -124,8 +124,8 @@ export function RenderPage({
       <BuilderProvider
         params={{
           // Store defaults
-          mockTheme: mockTheme,
-          mockDefaultLanguage: mockDefaultLanguage,
+          selectedTheme,
+          selectedLanguage,
           localization: overrideLocalization,
           baseSize: overrideBaseSize,
           mockProducts: products,

package/src/assets/meta.json

@@ -1,4 +1,4 @@
 {
   "supportedProjectVersion": "1.1.2",
-  "reactBuilderVersion": "1.2.31"
+  "reactBuilderVersion": "1.2.34"
 }

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

@@ -0,0 +1,4 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+/* Prompt scheme for onboard screens. Generated by generate-prompt-schemes.js */
+
+export const onboardPromptScheme: string = "You are a React Native UI builder assistant. Your goal is to generate a valid **onboard** 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 onboard 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 onboard XML:\n\n```xml\n<Main key=\"c92tR8J5wbTb3fav\" isMain=\"true\" useSafeAreaView=\"true\" description=\"Ekranın ana kapsayıcısı. (#1)\" title=\"Main 1\" styles='{\"paddingBottom\":16}'>\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  <OnboardProvider theme=\"dark\" description=\"Onboarding sağlayıcısı. (#1)\" title=\"OnboardProvider 1\">\n    <Onboard description=\"Onboarding ana yapısı. (#1)\" title=\"Onboard 1\" styles='{\"flex\":1}'>\n      <OnboardItem key=\"app_onboard-page1\" description=\"Onboarding sayfası. (#1)\" title=\"OnboardItem 1\">\n        <OnboardTitle description=\"Sayfa başlığı. (#1)\" title=\"OnboardTitle 1\" styles='{\"color\":\"THEME_COLORS.ONBOARD_TITLE\",\"textAlign\":\"center\",\"marginTop\":40}'>\n          onboard.title.one-page\n        </OnboardTitle>\n        <OnboardImage src=\"https://textcall-dev.s3.amazonaws.com/onboard/high/6c89e0da17a2d6fe2997e97a2b8a00a1.png\" resizeMode=\"contain\" styles='{\"height\":350}' />\n        <OnboardSubtitle description=\"Sayfa alt başlığı. (#1)\" title=\"OnboardSubtitle 1\" styles='{\"color\":\"THEME_COLORS.ONBOARD_SUBTITLE\",\"fontSize\":16,\"textAlign\":\"center\"}'>\n          onboard.subtitle.one-page\n        </OnboardSubtitle>\n      </OnboardItem>\n      <OnboardItem key=\"app_onboard-page2\" description=\"Onboarding sayfası. (#2)\" title=\"OnboardItem 2\">\n        <OnboardTitle description=\"Sayfa başlığı. (#2)\" title=\"OnboardTitle 2\" styles='{\"color\":\"THEME_COLORS.ONBOARD_TITLE\",\"textAlign\":\"center\",\"marginTop\":40}'>\n          onboard.title.two-page\n        </OnboardTitle>\n        <OnboardImage src=\"https://textcall-dev.s3.amazonaws.com/onboard/high/497a627b30ab4a0daaafa3d648a26b07.png\" resizeMode=\"contain\" styles='{\"height\":350}' />\n        <OnboardSubtitle description=\"Sayfa alt başlığı. (#2)\" title=\"OnboardSubtitle 2\" styles='{\"color\":\"THEME_COLORS.ONBOARD_SUBTITLE\",\"fontSize\":16,\"textAlign\":\"center\"}'>\n          onboard.subtitle.two-page\n        </OnboardSubtitle>\n      </OnboardItem>\n      <OnboardItem key=\"app_onboard-page3\" description=\"Onboarding sayfası. (#3)\" title=\"OnboardItem 3\">\n        <OnboardTitle description=\"Sayfa başlığı. (#3)\" title=\"OnboardTitle 3\" styles='{\"color\":\"THEME_COLORS.ONBOARD_TITLE\",\"textAlign\":\"center\",\"marginTop\":40}'>\n          onboard.title.three-page\n        </OnboardTitle>\n        <OnboardImage src=\"https://textcall-dev.s3.amazonaws.com/onboard/high/6e2bc370d38695f6845007fd302034c2.png\" resizeMode=\"contain\" styles='{\"height\":350}' />\n        <OnboardSubtitle description=\"Sayfa alt başlığı. (#3)\" title=\"OnboardSubtitle 3\" styles='{\"color\":\"THEME_COLORS.ONBOARD_SUBTITLE\",\"fontSize\":16,\"textAlign\":\"center\"}'>\n          onboard.subtitle.three-page\n        </OnboardSubtitle>\n      </OnboardItem>\n      <OnboardItem key=\"app_onboard-page4\" description=\"Onboarding sayfası. (#4)\" title=\"OnboardItem 4\">\n        <OnboardTitle description=\"Sayfa başlığı. (#4)\" title=\"OnboardTitle 4\" styles='{\"color\":\"THEME_COLORS.ONBOARD_TITLE\",\"textAlign\":\"center\",\"marginTop\":40}'>\n          onboard.title.four-page\n        </OnboardTitle>\n        <OnboardImage src=\"https://textcall-dev.s3.amazonaws.com/onboard/high/b6e978fe3362e857212163486c22cc7c.png\" resizeMode=\"contain\" styles='{\"height\":350}' />\n        <OnboardSubtitle description=\"Sayfa alt başlığı. (#4)\" title=\"OnboardSubtitle 4\" styles='{\"color\":\"THEME_COLORS.ONBOARD_SUBTITLE\",\"fontSize\":16,\"textAlign\":\"center\"}'>\n          onboard.subtitle.four-page\n        </OnboardSubtitle>\n      </OnboardItem>\n    </Onboard>\n    <OnboardDot dotType=\"expanding_dot\" dot_thickness=\"20\" inactive_dot_opacity=\"0.3\" inactive_dot_color=\"STATIC_COLORS.ONBOARD_DOT_INACTIVE\" active_dot_color=\"STATIC_COLORS.ONBOARD_DOT_ACTIVE\" styles='{\"paddingVertical\":12}' />\n    <Separator title=\"Separator\" description=\"Horizontal separator line\" styles='{\"width\":\"100%\",\"height\":2,\"backgroundColor\":\"STATIC_COLORS.ONBOARD_SEPARATOR_COLOR\"}' />\n    <OnboardButtons buttons_direction=\"row\" condition=\"carousel-index\" conditionVariable=\"0\" description=\"Sayfa buton grubu. (#1)\" title=\"OnboardButtons 1\" styles='{\"height\":40,\"marginVertical\":12,\"flexShrink\":0}'>\n      <OnboardButton labelKey=\"onboard.skip.one-page\" events='[{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":3}]' styles='{\"flex\":1,\"color\":\"THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT\",\"backgroundColor\":\"STATIC_COLORS.TRANSPARENT\"}' />\n      <OnboardButton labelKey=\"onboard.next.one-page\" events='[{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":1}]' styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"backgroundColor\":\"STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND\"}' />\n    </OnboardButtons>\n    <OnboardButtons buttons_direction=\"row\" condition=\"carousel-index\" conditionVariable=\"1\" description=\"Sayfa buton grubu. (#2)\" title=\"OnboardButtons 2\" styles='{\"height\":40,\"marginVertical\":12,\"flexShrink\":0}'>\n      <OnboardButton labelKey=\"onboard.skip.two-page\" events='[{\"type\":\"Permission\",\"permission\":\"att\"},{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":3}]' styles='{\"flex\":1,\"color\":\"THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT\",\"backgroundColor\":\"STATIC_COLORS.TRANSPARENT\"}' />\n      <OnboardButton labelKey=\"onboard.next.two-page\" events='[{\"type\":\"Permission\",\"permission\":\"att\"},{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":2}]' styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"backgroundColor\":\"STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND\"}' />\n    </OnboardButtons>\n    <OnboardButtons buttons_direction=\"row\" condition=\"carousel-index\" conditionVariable=\"2\" description=\"Sayfa buton grubu. (#3)\" title=\"OnboardButtons 3\" styles='{\"height\":40,\"marginVertical\":12,\"flexShrink\":0}'>\n      <OnboardButton labelKey=\"onboard.skip.three-page\" events='[{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":3}]' styles='{\"flex\":1,\"color\":\"THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT\",\"backgroundColor\":\"STATIC_COLORS.TRANSPARENT\"}' />\n      <OnboardButton labelKey=\"onboard.next.three-page\" events='[{\"type\":\"Permission\",\"permission\":\"rating\"},{\"type\":\"Navigate\",\"navigate_to\":null,\"targetIndex\":3}]' styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"backgroundColor\":\"STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND\"}' />\n    </OnboardButtons>\n    <OnboardButtons buttons_direction=\"row\" condition=\"carousel-index\" conditionVariable=\"3\" description=\"Sayfa buton grubu. (#4)\" title=\"OnboardButtons 4\" styles='{\"height\":40,\"marginVertical\":12,\"flexShrink\":0}'>\n      <OnboardButton labelKey=\"onboard.allow.four-page\" events='[{\"type\":\"Permission\",\"permission\":\"notification\"},{\"type\":\"Navigate\",\"navigate_to\":\"home\"}]' styles='{\"flex\":1,\"color\":\"STATIC_COLORS.WHITE\",\"backgroundColor\":\"STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND\"}' />\n    </OnboardButtons>\n    <View title=\"Onboard Footer Wrap\" description=\"Wrapper for OnboardFooter component\" styles='{\"marginHorizontal\":25,\"flexShrink\":0}'>\n      <OnboardFooter textLocalizationKey=\"view.onboarding.footer.description\" linkedWordFirstLocalizationKey=\"view.onboarding.btnPrivacy\" linkedWordFirstColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordFirstPage=\"privacy\" linkedWordSecondLocalizationKey=\"view.onboarding.btnTerms\" linkedWordSecondColor=\"STATIC_COLORS.ONBOARD_LINK_COLOR\" linkedWordSecondPage=\"terms\" styles='{\"gap\":8,\"color\":\"THEME_COLORS.ONBOARD_FOOTER_TEXT\"}' />\n    </View>\n  </OnboardProvider>\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";