{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["sub-heading","admonition"]},"type":"markdown"},"seo":{"title":"About configuration","description":"Transform your commerce with PXP's unified platform—seamless payments, real-time insights, and global growth in one powerful integration.","lang":"en-UK","siteUrl":"https://developer.pxp.io","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"about-configuration","__idx":0},"children":["About configuration"]},{"$$mdtype":"Tag","name":"SubHeading","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Learn about how to configure PayPal payout components for Android."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"overview","__idx":1},"children":["Overview"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The PayPal Android SDK provides configurable components for integrating PayPal payouts into your Android application. Each component is built with Jetpack Compose and offers comprehensive configuration options for styling, behaviour, and event handling."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"configuration-structure","__idx":2},"children":["Configuration structure"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["All payout components follow a consistent configuration pattern:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"// Create component with configuration\nval config = ComponentConfig(\n    // Required properties\n    requiredProperty = value,\n    \n    // Optional properties\n    optionalProperty = value,\n    \n    // Styling\n    style = StyleConfig(),\n    \n    // Event handlers\n    onEvent = { data ->\n        // Handle event\n    }\n)\n\nval component = pxpCheckout.createComponent(\n    type = ComponentType.COMPONENT_NAME,\n    config = config\n)\n\n// Render with Compose\npxpCheckout.buildComponentView(\n    component = component,\n    modifier = Modifier.fillMaxWidth()\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Authentication and environment are configured at SDK initialisation via ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["PxpCheckout.builder()"]},", not at the component level."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"basic-configuration","__idx":3},"children":["Basic configuration"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["At minimum, each component requires a few essential properties:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"import com.pxp.checkout.components.payoutamount.PayoutAmountComponentConfig\nimport com.pxp.checkout.components.paypalpayoutreceiver.PaypalPayoutReceiverComponentConfig\nimport com.pxp.checkout.components.payoutsubmission.PayoutSubmissionComponentConfig\nimport com.pxp.checkout.types.ComponentType\n\n// Payout amount component (display only)\nval amountConfig = PayoutAmountComponentConfig(\n    label = \"Withdrawal Amount\"\n)\n\n// PayPal receiver component (display only)\nval receiverConfig = PaypalPayoutReceiverComponentConfig(\n    label = \"PayPal Account\",\n    showMaskToggle = true\n)\n\n// Payout submission component\nval submitConfig = PayoutSubmissionComponentConfig(\n    recipientWallet = \"Paypal\",\n    buttonText = \"Withdraw with\"\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"advanced-configuration","__idx":4},"children":["Advanced configuration"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For more complex implementations, you can configure styling, callbacks, and additional features:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"import com.pxp.checkout.components.payoutsubmission.PayoutSubmissionComponentConfig\nimport com.pxp.checkout.models.payout.PrePayoutSubmitResult\n\nval submitConfig = PayoutSubmissionComponentConfig(\n    // Required\n    recipientWallet = \"Paypal\",\n    \n    // Custom button text\n    buttonText = \"Withdraw Funds\",\n    \n    // Styling for different states\n    style = PayoutSubmissionStyle(\n        // Custom styling options\n    ),\n    \n    // Event handlers\n    onClick = {\n        Log.d(\"Payout\", \"Button tapped\")\n    },\n    \n    onPrePayoutSubmit = {\n        val confirmed = showConfirmationDialog()\n        PrePayoutSubmitResult(\n            isApproved = confirmed\n        )\n    },\n    \n    onPostPayout = { result ->\n        handlePayoutSuccess(result)\n    },\n    \n    onError = { error ->\n        handlePayoutError(error)\n    }\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"styling-components","__idx":5},"children":["Styling components"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"default-styling","__idx":6},"children":["Default styling"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["All components come with PayPal-branded default styling:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Payout amount:"]}," Standard read-only display with customisable label."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Receiver display:"]}," Read-only field with optional masking and toggle."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Submission button (PayPal):"]}," Gold button with PayPal branding, customisable text."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"custom-styling","__idx":7},"children":["Custom styling"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Each component offers comprehensive styling options using Compose styling:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"import com.pxp.checkout.components.payoutamount.PayoutAmountStyle\nimport com.pxp.checkout.components.payoutamount.PayoutAmountComponentConfig\n\n// Amount component styling\nval amountConfig = PayoutAmountComponentConfig(\n    label = \"Withdrawal Amount\",\n    style = PayoutAmountStyle(\n        // Add your custom styling properties here\n    )\n)\n\n// Receiver component styling\nval receiverConfig = PaypalPayoutReceiverComponentConfig(\n    label = \"PayPal Email\",\n    showMaskToggle = true,\n    applyMask = true,\n    style = PaypalPayoutReceiverStyle(\n        // Add your custom styling properties here\n    )\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"event-handling","__idx":8},"children":["Event handling"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["All components provide event handlers for user interactions and lifecycle events. For a full list of supported callbacks and their payloads, see ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/android/paypal/payouts/events"},"children":["Events"]},"."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"common-event-patterns","__idx":9},"children":["Common event patterns"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"align":"left","data-label":"Pattern"},"children":["Pattern"]},{"$$mdtype":"Tag","name":"th","attributes":{"align":"left","data-label":"Description"},"children":["Description"]},{"$$mdtype":"Tag","name":"th","attributes":{"align":"left","data-label":"Example callbacks"},"children":["Example callbacks"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Tap handlers"]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":["Called when user taps."]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onClick"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Pre-action handlers"]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":["Called before processing, can approve/reject."]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onPrePayoutSubmit"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Success handlers"]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":["Called when operations complete."]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onPostPayout"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onAccountVerified"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Error handlers"]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":["Called when errors occur."]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onError"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Cancel handlers"]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":["Called when user cancels."]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"left"},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onCancel"]}]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"submission-component-events","__idx":10},"children":["Submission component events"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"val submitConfig = PayoutSubmissionComponentConfig(\n    recipientWallet = \"Paypal\",\n    \n    // Tap handling (before validation)\n    onClick = {\n        Log.d(\"Payout\", \"Withdrawal button tapped\")\n        showLoadingState()\n    },\n    \n    // Pre-payout approval (can approve/reject)\n    onPrePayoutSubmit = {\n        val confirmed = showConfirmationDialog()\n        PrePayoutSubmitResult(\n            isApproved = confirmed\n        )\n    },\n    \n    // Success handling\n    onPostPayout = { result ->\n        Log.d(\"Payout\", \"Payout successful: ${result.systemTransactionId}\")\n        navigateToSuccessScreen(result.merchantTransactionId)\n    },\n    \n    // Error handling\n    onError = { error ->\n        Log.e(\"Payout\", \"Payout failed: ${error.errorReason}\")\n        showErrorMessage(error.errorReason)\n    }\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"component-rendering","__idx":11},"children":["Component rendering"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Unlike web components that mount to DOM elements, Android components are rendered using Jetpack Compose:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"@Composable\nfun PayoutScreen() {\n    // Create component\n    val amountComponent = remember {\n        pxpCheckout.createComponent(\n            type = ComponentType.PAYOUT_AMOUNT,\n            config = PayoutAmountComponentConfig(\n                label = \"Amount\"\n            )\n        )\n    }\n    \n    // Render component\n    pxpCheckout.buildComponentView(\n        component = amountComponent,\n        modifier = Modifier.fillMaxWidth()\n    )\n}\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"compose-integration","__idx":12},"children":["Compose integration"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"@Composable\nfun PayoutForm() {\n    val amountComponent = remember { createAmountComponent() }\n    val receiverComponent = remember { createReceiverComponent() }\n    val submitComponent = remember { createSubmitComponent() }\n    \n    Column(\n        modifier = Modifier\n            .fillMaxWidth()\n            .padding(16.dp),\n        verticalArrangement = Arrangement.spacedBy(12.dp)\n    ) {\n        pxpCheckout.buildComponentView(\n            component = amountComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n        \n        pxpCheckout.buildComponentView(\n            component = receiverComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n        \n        pxpCheckout.buildComponentView(\n            component = submitComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n    }\n}\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"best-practices","__idx":13},"children":["Best practices"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"configure-for-your-brand","__idx":14},"children":["Configure for your brand"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Customise the styling to match your app's design:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"// Define brand styles\nobject BrandStyles {\n    val primary = Color(0xFF0066CC)\n    val surface = Color(0xFFF8F9FA)\n    val onSurface = Color(0xFF212529)\n    val accent = Color(0xFFFFC438)\n}\n\n// Apply to components\nval submitConfig = PayoutSubmissionComponentConfig(\n    recipientWallet = \"Paypal\",\n    style = PayoutSubmissionStyle(\n        // Apply your brand styling\n    )\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"handle-all-events","__idx":15},"children":["Handle all events"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Implement comprehensive event handling:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"val submitConfig = PayoutSubmissionComponentConfig(\n    recipientWallet = \"Paypal\",\n    onClick = { handleTap() },\n    onPrePayoutSubmit = { handlePreSubmit() },\n    onPostPayout = { result -> handleSuccess(result) },\n    onError = { error -> handleError(error) }\n)\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For more information about events, see ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/android/paypal/payouts/events"},"children":["Events"]},"."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"clean-up-components","__idx":16},"children":["Clean up components"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Components are automatically cleaned up by Compose when they leave the composition. However, you can explicitly handle cleanup if needed:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"@Composable\nfun PayoutScreen() {\n    val component = remember { createComponent() }\n    \n    // Automatic cleanup with DisposableEffect\n    DisposableEffect(component) {\n        onDispose {\n            // Component resources are cleaned up automatically\n            Log.d(\"Payout\", \"Component disposed\")\n        }\n    }\n    \n    pxpCheckout.buildComponentView(component)\n}\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"test-different-configurations","__idx":17},"children":["Test different configurations"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Test your components in various scenarios:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Light and dark themes."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Different screen sizes and orientations."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Various payout amounts and currencies."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Error conditions."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Network failures."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"complete-configuration-example","__idx":18},"children":["Complete configuration example"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Here's a comprehensive example showing all configuration options:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"kotlin","header":{"controls":{"copy":{}}},"source":"import com.pxp.checkout.PxpCheckout\nimport com.pxp.checkout.models.*\nimport com.pxp.checkout.components.payoutamount.PayoutAmountComponentConfig\nimport com.pxp.checkout.components.paypalpayoutreceiver.PaypalPayoutReceiverComponentConfig\nimport com.pxp.checkout.components.payoutsubmission.PayoutSubmissionComponentConfig\nimport com.pxp.checkout.models.payout.PrePayoutSubmitResult\nimport com.pxp.checkout.types.ComponentType\nimport java.util.UUID\n\n// Initialise SDK\nval pxpCheckout = PxpCheckout.builder()\n    .withConfig(\n        PxpSdkConfig(\n            environment = Environment.TEST,\n            session = sessionData,\n            ownerId = \"Unity\",\n            ownerType = \"MerchantGroup\",\n            clientId = \"your-client-id\",\n            transactionData = TransactionData(\n                amount = 100.0,\n                currency = \"USD\",\n                merchant = \"your-merchant-id\",\n                entryType = EntryType.Ecom,\n                intent = TransactionIntentData(paypal = IntentType.Payout),\n                merchantTransactionId = UUID.randomUUID().toString(),\n                merchantTransactionDate = { System.currentTimeMillis() }\n            ),\n            paypalConfig = PaypalConfig(\n                payout = PayoutConfig(\n                    proceedPayoutWithSdk = true,\n                    paypalWallet = PayPalPayOutWalletConfig(\n                        email = \"customer@example.com\",\n                        payerId = \"PAYER123456\"\n                    )\n                )\n            )\n        )\n    )\n    .withContext(context)\n    .build()\n\n// Create amount component with full configuration\nval amountComponent = pxpCheckout.createComponent(\n    type = ComponentType.PAYOUT_AMOUNT,\n    config = PayoutAmountComponentConfig(\n        label = \"Withdrawal Amount\",\n        style = PayoutAmountStyle(\n            // Custom styling\n        )\n    )\n)\n\n// Create receiver component with full configuration\nval receiverComponent = pxpCheckout.createComponent(\n    type = ComponentType.PAYPAL_PAYOUT_RECEIVER,\n    config = PaypalPayoutReceiverComponentConfig(\n        label = \"PayPal Email\",\n        showMaskToggle = true,\n        applyMask = true,\n        style = PaypalPayoutReceiverStyle(\n            // Custom styling\n        )\n    )\n)\n\n// Create submission component with full configuration\nval submitComponent = pxpCheckout.createComponent(\n    type = ComponentType.PAYOUT_SUBMISSION,\n    config = PayoutSubmissionComponentConfig(\n        // Required\n        recipientWallet = \"Paypal\",\n        \n        // Button text\n        buttonText = \"Withdraw to PayPal\",\n        \n        // Full styling\n        style = PayoutSubmissionStyle(\n            // Custom styling\n        ),\n        \n        // Event handlers\n        onClick = {\n            Log.d(\"Payout\", \"Button tapped\")\n            trackEvent(\"payout_button_tapped\")\n        },\n        \n        onPrePayoutSubmit = {\n            Log.d(\"Payout\", \"Pre-payout check\")\n            \n            // Show confirmation modal\n            val confirmed = showConfirmationDialog(\n                title = \"Confirm Withdrawal\",\n                message = \"Are you sure you want to withdraw $100.00 to your PayPal account?\"\n            )\n            \n            if (!confirmed) {\n                PrePayoutSubmitResult(isApproved = false)\n            } else {\n                // Perform validation\n                val validation = validateWithdrawal()\n                if (!validation.valid) {\n                    showErrorMessage(validation.message)\n                    PrePayoutSubmitResult(isApproved = false)\n                } else {\n                    PrePayoutSubmitResult(isApproved = true)\n                }\n            }\n        },\n        \n        onPostPayout = { result ->\n            Log.d(\"Payout\", \"Payout successful: ${result.systemTransactionId}\")\n            \n            // Track success\n            trackEvent(\"payout_completed\", mapOf(\n                \"transactionId\" to result.systemTransactionId,\n                \"amount\" to 100.0\n            ))\n            \n            // Redirect\n            navigateToSuccessScreen(result.merchantTransactionId)\n        },\n        \n        onError = { error ->\n            Log.e(\"Payout\", \"Payout error: ${error.errorReason}\")\n            \n            // Log error\n            logError(\"payout_error\", mapOf(\n                \"code\" to error.errorCode,\n                \"message\" to error.errorReason\n            ))\n            \n            // Show error message\n            showErrorMessage(\"Withdrawal failed. Please try again.\")\n        }\n    )\n)\n\n// Render components\n@Composable\nfun PayoutScreen() {\n    Column(\n        modifier = Modifier\n            .fillMaxSize()\n            .padding(16.dp),\n        verticalArrangement = Arrangement.spacedBy(16.dp)\n    ) {\n        pxpCheckout.buildComponentView(\n            component = amountComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n        \n        pxpCheckout.buildComponentView(\n            component = receiverComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n        \n        pxpCheckout.buildComponentView(\n            component = submitComponent,\n            modifier = Modifier.fillMaxWidth()\n        )\n    }\n}\n","lang":"kotlin"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"next-steps","__idx":19},"children":["Next steps"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Now that you understand component configuration fundamentals, dive into the detailed documentation for each component:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/android/paypal/payouts/amount-component"},"children":["Amount component"]},":"]}," Configure the payout amount display."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/android/paypal/payouts/receiver-component"},"children":["PayPal receiver component"]},":"]}," Display and configure PayPal receiver."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/android/paypal/payouts/submission-component"},"children":["Submission component"]},":"]}," Configure the withdrawal button for returning customers."]}]}]},"headings":[{"value":"About configuration","id":"about-configuration","depth":1},{"value":"Overview","id":"overview","depth":2},{"value":"Configuration structure","id":"configuration-structure","depth":2},{"value":"Basic configuration","id":"basic-configuration","depth":3},{"value":"Advanced configuration","id":"advanced-configuration","depth":3},{"value":"Styling components","id":"styling-components","depth":2},{"value":"Default styling","id":"default-styling","depth":3},{"value":"Custom styling","id":"custom-styling","depth":3},{"value":"Event handling","id":"event-handling","depth":2},{"value":"Common event patterns","id":"common-event-patterns","depth":3},{"value":"Submission component events","id":"submission-component-events","depth":3},{"value":"Component rendering","id":"component-rendering","depth":2},{"value":"Compose integration","id":"compose-integration","depth":3},{"value":"Best practices","id":"best-practices","depth":2},{"value":"Configure for your brand","id":"configure-for-your-brand","depth":3},{"value":"Handle all events","id":"handle-all-events","depth":3},{"value":"Clean up components","id":"clean-up-components","depth":3},{"value":"Test different configurations","id":"test-different-configurations","depth":3},{"value":"Complete configuration example","id":"complete-configuration-example","depth":2},{"value":"Next steps","id":"next-steps","depth":2}],"frontmatter":{"seo":{"title":"About configuration"}},"lastModified":"2026-02-26T12:14:32.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/guides/checkout/components/android/paypal/payouts/about-configuration","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}