@developer_tribe/react-builder 1.2.31 → 1.2.33

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

@@ -0,0 +1,328 @@
+#!/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');
+
+/* ------------------------------------------------------------------ */
+/*  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*(.+?);/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*(.+?);/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. 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 and convert to XML
+  const sampleJson = JSON.parse(fs.readFileSync(sampleJsonPath, 'utf8'));
+  const exampleXml = nodeToXml(sampleJson.data);
+
+  // Load icon list
+  const icons = collectIcons();
+
+  // Fill template — replace ALL occurrences of {screen_type}
+  const filled = template
+    .replaceAll('{screen_type}', schemeType)
+    .replace('{patterns}', patterns)
+    .replace('{icons}', icons)
+    .replace('{example}', exampleXml);
+
+  // 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)`
+  );
+}
+
+/* ------------------------------------------------------------------ */
+/*  6. 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/scripts/prebuild/utils/createGeneratedProps.js

@@ -142,11 +142,11 @@ export async function createGeneratedProps(
     return `    ${key}?: ${tsType};`;
   });
 
-  // In schema v2, the source of truth for "style bag" fields is `pattern.attributes.style`.
+  // In schema v2, the source of truth for "style bag" fields is `pattern.attributes.styles`.
   // `meta.styles` is UI metadata (and can include non-style fields like "scrollable" or "condition"),
-  // so we must NOT treat its keys as belonging to `attributes.style`.
-  const nestedStyleSchema = isPlainObject(attributes?.style)
-    ? attributes.style
+  // so we must NOT treat its keys as belonging to `attributes.styles`.
+  const nestedStyleSchema = isPlainObject(attributes?.styles)
+    ? attributes.styles
     : {};
   const styleKeys = Object.keys(nestedStyleSchema);
   const styleInterfaceName = `${componentName}StyleGenerated`;
@@ -173,17 +173,17 @@ export async function createGeneratedProps(
         `\n}\n`
       : '';
 
-  // In schema v2 we always allow a nested `style` object.
+  // In schema v2 we always allow a nested `styles` object.
   // If pattern.json declares meta.styles keys, we expose them for autocomplete while keeping flexibility via an index signature.
   const styleLine =
     styleKeys.length > 0
-      ? `    style?: ${styleInterfaceName};`
-      : `    style?: Record<string, unknown>;`;
+      ? `    styles?: ${styleInterfaceName};`
+      : `    styles?: Record<string, unknown>;`;
 
-  // Avoid emitting `attributes.style?: string;` when `pattern.attributes.style` is the nested style schema object.
+  // Avoid emitting `attributes.styles?: string;` when `pattern.attributes.styles` is the nested style schema object.
   const attributeLinesWithoutNestedStyle =
     styleKeys.length > 0
-      ? attributeLines.filter(line => !line.trim().startsWith('style?:'))
+      ? attributeLines.filter(line => !line.trim().startsWith('styles?:'))
       : attributeLines;
 
   const childTsType =

package/scripts/prebuild/utils/validateAllComponentsOrThrow.js

@@ -203,17 +203,17 @@ async function validatePatternJson(componentDir, componentName) {
 
   // Validate attributes accept primitive, enum array, or custom type refs (including X[])
   for (const [attrName, attrType] of Object.entries(pattern.attributes)) {
-    if (attrName === 'style') {
+    if (attrName === 'styles') {
       if (!isPlainObject(attrType)) {
         return fail(
-          `[${componentName}] pattern.json -> 'pattern.attributes.style' must be an object`
+          `[${componentName}] pattern.json -> 'pattern.attributes.styles' must be an object`
         );
       }
       for (const [styleKey, styleType] of Object.entries(attrType)) {
         const res = validateAttrType(
           styleKey,
           styleType,
-          'pattern.attributes.style'
+          'pattern.attributes.styles'
         );
         if (res) return res;
       }
@@ -335,15 +335,15 @@ async function validatePatternJson(componentDir, componentName) {
     const parentAttributes = parentData?.pattern?.attributes || {};
     const childAttributes = data?.pattern?.attributes || {};
     const mergedAttributes = { ...parentAttributes, ...childAttributes };
-    // Deep-merge nested schema `attributes.style` when present (so parent style keys propagate).
-    const parentStyle = isPlainObject(parentAttributes?.style)
-      ? parentAttributes.style
+    // Deep-merge nested schema `attributes.styles` when present (so parent style keys propagate).
+    const parentStyle = isPlainObject(parentAttributes?.styles)
+      ? parentAttributes.styles
       : null;
-    const childStyle = isPlainObject(childAttributes?.style)
-      ? childAttributes.style
+    const childStyle = isPlainObject(childAttributes?.styles)
+      ? childAttributes.styles
       : null;
     if (parentStyle || childStyle) {
-      mergedAttributes.style = {
+      mergedAttributes.styles = {
         ...(parentStyle || {}),
         ...(childStyle || {}),
       };

package/src/RenderPage.tsx

@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { DeviceMockFrame } from './DeviceMockFrame';
 import { Node } from './types/Node';
 import { RenderNode } from './build-components';
@@ -10,6 +10,8 @@ import {
 } from './components/BuilderProvider';
 import { RenderErrorBoundary } from './components/RenderErrorBoundary';
 import { usePreviewSelection } from './hooks/usePreviewSelection';
+import { defaultLocalization } from './types/PreviewConfig';
+import { defaultProjectColors } from './utils/projectColors';
 export type ScreenStyle = {
   light: { backgroundColor: string; color: string; seperatorColor?: string };
   dark: { backgroundColor: string; color: string; seperatorColor?: string };
@@ -40,8 +42,8 @@ export function RenderPage({
   const {
     products,
     benefits,
-    mockTheme,
-    mockDefaultLanguage,
+    selectedTheme,
+    selectedLanguage,
     overrideLocalization,
     overrideBaseSize,
     overrideProjectColors,
@@ -54,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,
@@ -67,6 +69,7 @@ export function RenderPage({
     setCurrent: s.setCurrent,
   }));
   const previewRootRef = useRef<HTMLDivElement | null>(null);
+  const hasAlertedRef = useRef(false);
   const showEmptyState = isNullish(data);
 
   usePreviewSelection({
@@ -78,13 +81,51 @@ export function RenderPage({
     forceRender,
   });
 
+  // Alert once per page when default localization or project colors are used
+  useEffect(() => {
+    if (hasAlertedRef.current) return;
+
+    const locKeys = overrideLocalization
+      ? Object.keys(overrideLocalization)
+      : [];
+    const pcKeys = overrideProjectColors
+      ? [
+          ...Object.keys(overrideProjectColors.STATIC_COLORS ?? {}),
+          ...Object.keys(overrideProjectColors.THEME_COLORS ?? {}),
+        ]
+      : [];
+
+    const isDefaultLocalization =
+      !overrideLocalization ||
+      locKeys.length === 0 ||
+      JSON.stringify(overrideLocalization) ===
+        JSON.stringify(defaultLocalization);
+
+    const isDefaultProjectColors =
+      !overrideProjectColors ||
+      JSON.stringify(overrideProjectColors) ===
+        JSON.stringify(defaultProjectColors);
+
+    if (isDefaultLocalization || isDefaultProjectColors) {
+      const parts: string[] = [];
+      if (isDefaultLocalization) parts.push('localization');
+      if (isDefaultProjectColors) parts.push('projectColors');
+
+      hasAlertedRef.current = true;
+      alert(
+        `[RenderPage] ⚠️ Using default ${parts.join(' & ')}. ` +
+          'Provide overrides via the store or params to avoid fallback values.',
+      );
+    }
+  }, [overrideLocalization, overrideProjectColors]);
+
   return (
     <RenderErrorBoundary subtitle="caught by 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.30"
+  "reactBuilderVersion": "1.2.32"
 }

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 like `\"screen.section.label\"`.\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```\nactivity, activity-heart, alert-circle, alert-triangle, anchor, archive, arrow-down, arrow-left, arrow-narrow-down-left, arrow-narrow-up-right, arrow-right, arrow-right-smooth, asterisk-01, asterisk-02, at-sign, award, battery-charging, bell-01, bell-02, bell-ringing-02, bookmark, bookmark-add, bookmark-check, bookmark-minus, bookmark-x, bubble, building-01, building-02, building-03, building-04, building-05, building-06, building-07, building-08, building-09, camera, camera-01, camera-steel, check, check-circle, check-circle-bold, check-circle-broken, check-done-01, check-done-02, check-heart, check-square, check-square-broken, check-verified-01, check-verified-02, check-verified-03, checkbox, checkv, chevron-down, chevron-down2, chevron-left, chevron-left-2, chevron-right, chevron-right-empty, chevron-right-smooth, chevron-up, circle, clock, clock-fast-forward, close, close-circle, cloud-01, cloud-blank-01, cloud-blank-02, coin, coins-02, colors, copy-01, copy-02, copy-03, copy-04, copy-05, copy-06, copy-07, corner-down-right, crypto-bold, delete-icon, diamond, dice-3, display, divide-01, divide-02, divide-03, document-check-bold, dots-circle, dots-grid, dots-horizontal, dots-vertical, download-01, download-02, download-03, edit-03, edit-04, edit-05, element-3, ellipse-127, exclaimation-circle, eye-off-line, face-smile, file-04, file-05, file-check-02, file-plus-01, file-shield-02, filter-funnel-01, flag-03, flash, folder, folder-plus, gallery, globe-01, globe-04, globe-bold, guard, headphones-01, headphones-02, headset-bold, heart, heart-bold, help-circle, home-2, home-line, hourglass-02, iconType, image, image-01, image-03, inbox-01, inbox-arrow-down, info-circle, keyboard-line, lamp-charge, layer, light, like-dislike, lineHeight, lock-03, logout, magicpen, mail, mail-01, marker, medal-star, menu, menu-04, message-circle-01, message-plus-circle, message-question-circle, message-text-circle-01, message-text-square-02, message-x-square, microphone-02, microphone-slash, mirror, moon-01, moon-bold, mouse-circle, move, notification, notification-fill, notification-text, pdf-01, pencil-01, phone, phone-01, phone-arrow-down-left, phone-arrow-up-right, phone-hang-up, phone-hangup2, phone-incoming-01, phone-outgoing-01, phone-plus, phone-x, plus, plus-circle, printer, question-mark-circle, refresh-ccw-01, refresh-cw-01, refresh-cw-04, refresh-right-square-bold, remove-circle, repeat-04, repeat-bold, ruler-pen, search, search-lg, search-md, search-refraction, send-01, send-02, send-diagonal, setting-2, settings, settings-02, settings-04, settings-2, settings-cog, share-01, share-03, share-04, share-05, share-06, share-bold, shield-01, shield-bold, solar-check, speaker, speaker-wave, speedometer-03, star, star-rounded, sun, target-03, text-input, translate, trash, trash-02, trash-03, trash-04, trush-square-bold, unlimited, user-circle, user-jogging, user-plus-01, user-square, user-x-01, user-x-02, user2, users-02, users-speaker, verify, voice-cricle, x-circle, x-close, x-sm, zap\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## 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";