{"title":"Napas card Redirect Component","category":"default","creationDate":1776961628,"content":"<p>This page explains how to add Napas card to your existing iOS Components integration.<\/p>\n<h2>Requirements<\/h2>\n<table>\n<thead>\n<tr>\n<th style=\"text-align: left;\">Requirement<\/th>\n<th style=\"text-align: left;\">Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: left;\"><strong>Integration type<\/strong><\/td>\n<td style=\"text-align: left;\">Make sure that you have built your <a href=\"\/pt\/online-payments\/build-your-integration\">iOS Components integration<\/a>.  <\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>Setup steps<\/strong><\/td>\n<td style=\"text-align: left;\">Before you begin, <a href=\"\/pt\/payment-methods\/add-payment-methods\">add Napas card in your test Customer Area<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>API reference<\/h2>\n<p>You do not need to send additional fields for Napas card. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:<\/p>\n<ul>\n<li> <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/sessions\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/sessions<\/a>&#58; This is the default with <a href=\"\/pt\/online-payments\/build-your-integration\/sessions-flow?platform=iOS&amp;integration=Components\">Components v5.0.0<\/a> or later.<\/li>\n<li> <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/payments<\/a>&#58; If you implemented an <a href=\"\/pt\/online-payments\/build-your-integration\">additional use case<\/a>.<\/li>\n<\/ul>\n<h2>Component configuration<\/h2>\n<h3>v5.0.0 or later<\/h3>\n<p>If your integration uses iOS Components v5.0.0 or later, configure and create an instance of the Napas card Component:<\/p>\n\n<div id=\"tabfHAPl\">\n    <div data-component-wrapper=\"tabs\">\n        <tabs\n                        :items=\"[{&quot;title&quot;:&quot;\\\/sessions&quot;,&quot;content&quot;:&quot;\\n  &lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Component configuration&#039;\\&quot; :id=\\&quot;&#039;instant_component_sessions&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;swift\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;let paymentMethods = session.sessionContext.paymentMethods\\\\n\\\\\\\/\\\\\\\/ Check that the payment method is supported before showing the Component.\\\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: .other(\\\\\\&quot;momo_atm\\\\\\&quot;)) else { return }\\\\nlet component = InstantPaymentComponent(paymentMethod: paymentMethod,\\\\n                                        context: context,\\\\n                                        order: nil)\\\\nself.currentComponent = component\\\\n\\\\\\\/\\\\\\\/ Set the session as the delegate.\\\\ncomponent.delegate = session\\\\ncomponent.initiatePayment()\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n    &quot;,&quot;altTitle&quot;:&quot;sessions-5-config&quot;,&quot;oldTabId&quot;:&quot;sessions-5-config_1&quot;,&quot;relation&quot;:&quot;&quot;},{&quot;title&quot;:&quot;Advanced flow&quot;,&quot;content&quot;:&quot;\\n  &lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Component configuration&#039;\\&quot; :id=\\&quot;&#039;instant_component_advanced&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;swift\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;\\\\\\\/\\\\\\\/ Check that the payment method is supported before showing the Component.\\\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: .other(\\\\\\&quot;momo_atm\\\\\\&quot;)) else { return }\\\\nlet component = InstantPaymentComponent(paymentMethod: paymentMethod,\\\\n                                        context: context,\\\\n                                        order: nil)\\\\nself.currentComponent = component\\\\n\\\\\\\/\\\\\\\/ Set the component as the delegate.\\\\ncomponent.delegate = self\\\\ncomponent.initiatePayment()\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n    &quot;,&quot;altTitle&quot;:&quot;advanced-5-config&quot;,&quot;oldTabId&quot;:&quot;advanced-5-config_2&quot;,&quot;relation&quot;:&quot;&quot;}]\"\n            :should-update-when-url-changes='true'>\n        <\/tabs>\n    <\/div>\n<\/div>\n\n<h3>v4.x.x<\/h3>\n<p>If your integration uses an earlier version of iOS Components:<\/p>\n<div data-component-wrapper=\"code-sample\">\n    <code-sample :title=\"'Component configuration'\" :id=\"''\" :code-data=\"[{&quot;language&quot;:&quot;swift&quot;,&quot;tabTitle&quot;:&quot;&quot;,&quot;content&quot;:&quot;\\\/\\\/ Check that the payment method is supported before showing the Component.\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: PaymentMethod.self) else { return }\\nlet style = FormComponentStyle()\\nlet component = Component(paymentMethod: paymentMethod,\\n                                apiContext: context,\\n                                style: style)\\npresent(component)&quot;}]\" :enable-copy-link-to-code-block=\"true\" :code-sample-card-size=\"'fullsize'\"><\/code-sample>\n<\/div>\n<p>There are no configuration steps specific to Napas card required for Components.<\/p>\n<h2 id=\"test-and-go-live\">Test and go live<\/h2>\n<p>To test Napas card payments, select any bank from the list and use the following test cards and credentials:<\/p>\n<table>\n<thead>\n<tr>\n<th>Scenario<\/th>\n<th>Card name<\/th>\n<th>Card number<\/th>\n<th>Expiry<\/th>\n<th style=\"text-align: center;\">One-time password<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Successful<\/td>\n<td>Nguyen Van A<\/td>\n<td>9704000000000018<\/td>\n<td>03\/07<\/td>\n<td style=\"text-align: center;\">otp<\/td>\n<\/tr>\n<tr>\n<td>Card blocked<\/td>\n<td>Nguyen Van A<\/td>\n<td>9704000000000026<\/td>\n<td>03\/07<\/td>\n<td style=\"text-align: center;\">otp<\/td>\n<\/tr>\n<tr>\n<td>Insufficient funds<\/td>\n<td>Nguyen Van A<\/td>\n<td>9704000000000034<\/td>\n<td>03\/07<\/td>\n<td style=\"text-align: center;\">otp<\/td>\n<\/tr>\n<tr>\n<td>Amount exceeded limit<\/td>\n<td>Nguyen Van A<\/td>\n<td>9704000000000042<\/td>\n<td>03\/07<\/td>\n<td style=\"text-align: center;\">otp<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p>Check the status of Napas card  test payments in your\u00a0<a href=\"https:\/\/ca-test.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Customer Area<\/a>\u00a0&gt;\u00a0<strong>Transactions<\/strong>\u00a0&gt;\u00a0<strong>Payments<\/strong>.<\/p>\n<p><\/p>\n<p>Before you can accept live Napas card  payments, you need to submit a request for Napas card  in your <a href=\"https:\/\/ca-live.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">live Customer Area<\/a>.<\/p>\n<h2 id=\"see-also\">See also<\/h2>\n<div class=\"see-also-links output-inline\" id=\"see-also\">\n<ul><li><a href=\"\/online-payments\/build-your-integration\/sessions-flow?platform=iOS&amp;integration=Components\"\n                        target=\"_self\"\n                        >\n                    iOS Components integration guide\n                <\/a><\/li><li><a href=\"\/development-resources\/webhooks\"\n                        target=\"_self\"\n                        >\n                    Webhooks\n                <\/a><\/li><li><a href=\"https:\/\/docs.adyen.com\/api-explorer\/#\/CheckoutService\/latest\/overview\"\n                        target=\"_blank\"\n                         class=\"external\">\n                    API Explorer\n                <\/a><\/li><\/ul><\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/napas-card\/ios-component","articleFields":{"description":"Add Napas card  to your existing iOS Components integration.","parameters":{"payment_method":"Napas card","country_code":"VN","currency":"VND","payment_method_type":"momo_atm","return_url":"my-app:\/\/adyen","channel":"iOS","integration":"Components","platform":"iOS","integration_guide_url":"build-your-integration\/sessions-flow?platform=iOS&integration=Components","component_name":"the Napas card Component","ios_config_component_type":"InstantPaymentComponent"},"feedback_component":true},"algolia":{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/napas-card\/ios-component","title":"Napas card Redirect Component","content":"This page explains how to add Napas card to your existing iOS Components integration.\nRequirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have built your iOS Components integration.  \n\n\nSetup steps\nBefore you begin, add Napas card in your test Customer Area.\n\n\n\nAPI reference\nYou do not need to send additional fields for Napas card. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:\n\n \/sessions&#58; This is the default with Components v5.0.0 or later.\n \/payments&#58; If you implemented an additional use case.\n\nComponent configuration\nv5.0.0 or later\nIf your integration uses iOS Components v5.0.0 or later, configure and create an instance of the Napas card Component:\n\n\n    \n        \n        \n    \n\n\nv4.x.x\nIf your integration uses an earlier version of iOS Components:\n\n    \n\nThere are no configuration steps specific to Napas card required for Components.\nTest and go live\nTo test Napas card payments, select any bank from the list and use the following test cards and credentials:\n\n\n\nScenario\nCard name\nCard number\nExpiry\nOne-time password\n\n\n\n\nSuccessful\nNguyen Van A\n9704000000000018\n03\/07\notp\n\n\nCard blocked\nNguyen Van A\n9704000000000026\n03\/07\notp\n\n\nInsufficient funds\nNguyen Van A\n9704000000000034\n03\/07\notp\n\n\nAmount exceeded limit\nNguyen Van A\n9704000000000042\n03\/07\notp\n\n\n\n\nCheck the status of Napas card  test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n\nBefore you can accept live Napas card  payments, you need to submit a request for Napas card  in your live Customer Area.\nSee also\n\n\n                    iOS Components integration guide\n                \n                    Webhooks\n                \n                    API Explorer\n                \n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Napas card","lvl3":"Napas card Redirect Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/napas-card","lvl3":"\/pt\/payment-methods\/napas-card\/ios-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Napas","Redirect","Component"]},"articleFiles":{"ios-payments.js":"<p alt=\"\">ios-payments.js<\/p>"}}