{"templateId":"markdown","versions":[{"version":"v1","label":"v1","link":"/products/checkout/react-native/v1/card-only","default":false,"active":false,"folderId":"26950148"},{"version":"v2","label":"v2","link":"/products/checkout/react-native/v2/card-only","default":false,"active":false,"folderId":"26950148"},{"version":"v3","label":"v3","link":"/products/checkout/react-native/v3/card-only","default":false,"active":false,"folderId":"26950148"},{"version":"v4","label":"v4 (Latest)","link":"/products/checkout/react-native/card-only","default":true,"active":true,"folderId":"26950148"}],"sharedDataIds":{"sidebar":"sidebar-products/checkout/react-native/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["partial","box","badge","admonition","tabs","tab","code-snippet","cards","card"]},"custom_product":"Checkout","type":"markdown"},"seo":{"title":"Create a session to pay with a card","description":"Worldpay for Developers - docs, code examples, resources and tools. Everything you need to build your omnichannel payment solution.","siteUrl":"https://docs.worldpay.com/access","image":"/access/assets/worldpay-logo-light.21b7daf79984773a9fcd7d4fbcb07ae5289dfffd6023c4c3dca720c7058e53dc.33f780a6.svg","keywords":"documentation, api, openapi, sdks, developer, payments, json, payouts, 3ds","jsonLd":{"@context":"https://schema.org","@type":"Organization","url":"https://docs.worldpay.com/access","name":"Worldpay"},"meta":[{"name":"google-site-verification","content":"zjziIKaP3ImsqsfhYnEBnq1R85UabiSwl7HTXuwtZuo"},{"name":"doc_product","content":"Access"},{"name":"doc_category","content":"Documentation"}],"llmstxt":{"hide":false,"sections":[{"title":"Payments API","description":"Payment orchestration API combining fraud assessment, 3ds authentication, SCA exemptions, Worldpay Token creation and a card or wallet based payment.","includeFiles":["products/payments/@20240601/**/*"],"excludeFiles":[]},{"title":"Payment Queries API","description":"Querying your payments data, based on a variety of parameters.","includeFiles":["products/payment-queries/@v1/**/*"],"excludeFiles":[]},{"title":"Card BIN Data API","description":"Provides detailed information about a card.","includeFiles":["products/card-bin/@v1/**/*"],"excludeFiles":[]},{"title":"3DS Authentication API","description":"Request 3DS authentication to protect against fraud, be SCA compliant and to shift liability using this standalone API.","includeFiles":["products/3ds/@v3/**/*"],"excludeFiles":[]},{"title":"FraudSight API","description":"Request a risk assessment and receive a response with an outcome (e.g. lowRisk) using this standalone API.","includeFiles":["products/fraudsight/@v1/**/*"],"excludeFiles":[]},{"title":"Checkout SDK","description":"Integrate using our clientside SDKs for both web and native devices. Benefit from SAQ-A/PCI-SSF compliance.","includeFiles":["products/checkout/web/@v2/**/*","products/checkout/ios/@v4/**/*","products/checkout/android/@v4/**/*","products/checkout/react-native/@v3/**/*","products/checkout/flutter/@v1/**/*"],"excludeFiles":[]},{"title":"Tokens API","description":"Minimizes the exposure of sensitive card details and increases the security of your customer's card details.","includeFiles":["products/tokens/@v3/**/*"],"excludeFiles":[]},{"title":"Card Payments API","description":"Request a card payment using this standalone API, requires separate requests for 3DS, Fraud assessment etc.","includeFiles":["products/card-payments/@v7/**/*"],"excludeFiles":[]},{"title":"Card Verifications API","description":"Verify your customer's card to maximize your authentication rates.","includeFiles":["products/card-verifications/@v6/**/*"],"excludeFiles":[]},{"title":"Account Payouts API","description":"Send funds to your customer's bank accounts and search for payouts using parameters.","includeFiles":["products/account-payouts/@20250101/**/*"],"excludeFiles":[]},{"title":"APMs","description":"Pay using eWallets, bank transfers, direct debits, local card schemes, Postpay and eInvoice/ Buy Now Pay Later.","includeFiles":["products/apms/@20240701/**/*"],"excludeFiles":[]},{"title":"Balance API","description":"Request your account details for a single account or all accounts under an entity.","includeFiles":["products/balance/@20250101/**/*"],"excludeFiles":[]},{"title":"Card Payouts API","description":"Send funds to your customer's cards.","includeFiles":["products/card-payouts/@v4/**/*"],"excludeFiles":[]},{"title":"Events (Webhooks)","description":"Receive status updates from Access Worldpay by setting up a webhook.","includeFiles":["products/events/@v1/**/*"],"excludeFiles":[]},{"title":"FX API","description":"Manage Foreign Exchange (FX) on your payments.","includeFiles":["products/fx/@v1/**/*"],"excludeFiles":[]},{"title":"Hosted Payment Pages (HPP) API","description":"Our low-code option to take payments securely at the lowest PCI compliance level - SAQ A.","includeFiles":["products/hosted-payment-pages/@v1/**/*"],"excludeFiles":[]},{"title":"Money Transfers API","description":"Money Transfer OCTs (Original Credit Transaction) allow funds to be pushed to an eligible card in 30 minutes or less.","includeFiles":["products/money-transfers/@v1/**/*"],"excludeFiles":[]},{"title":"Parties API","description":"Create parties, manage your payout instruments and beneficial owners and carry out identity verification checks.","includeFiles":["products/parties/@20250101/**/*"],"excludeFiles":[]},{"title":"SCA Exemptions API","description":"Maximize a frictionless checkout experience by using issuer data insights to apply exemptions.","includeFiles":["products/sca-exemptions/@v1/**/*"],"excludeFiles":[]},{"title":"Split Payments API","description":"Divide funds from a single payment amongst yourself and your parties/sellers.","includeFiles":["products/split-payments/@20250625/**/*"],"excludeFiles":[]},{"title":"Statements API","description":"Retrieve your account statement and see individual entries for all credits and debits.","includeFiles":["products/statements/@20250101/**/*"],"excludeFiles":[]},{"title":"Transfers API","description":"Transfer funds from source account to target account.","includeFiles":["products/transfers/@20250101/**/*"],"excludeFiles":[]},{"title":"Verified Tokens API","description":"Verified Tokens ensures that your customer's payment details are valid and CIT compliant when creating a token.","includeFiles":["products/verified-tokens/@v3/**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Last updated"]},": 20 November 2025 | ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/checkout/react-native/changelog/"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Change log"]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"create-a-session-to-pay-with-a-card","__idx":0},"children":["Create a session to pay with a card"]},{"$$mdtype":"Tag","name":"Box","attributes":{"display":"inline-flex","gridTemplateColumns":["1fr 1fr","1fr 1fr 1fr","1fr 1fr 1fr"],"gridGap":"0.5rem","mt":"1rem","mb":"1rem"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Badge","attributes":{"size":"small","to":"/","fontWeight":"bold","color":"var(--wp-colour-black)","mt":"0rem","mb":"0.5rem","px":"1rem","py":"0.5rem","borderRadius":"6rem","bg":"#E0D5FC"},"children":["Enterprise"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Badge","attributes":{"size":"small","to":"/products/smb/","fontWeight":"bold","color":"var(--wp-colour-black)","mt":"0rem","mb":"0.5rem","px":"1rem","py":"0.5rem","borderRadius":"6rem","bg":"#A5EFFF"},"children":["SMB (Worldpay eCommerce)"]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use our React Native SDK to secure your customer's card details by creating a ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["session"]},"."]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Full sample integration"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can see an example of the session generation ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://github.com/Worldpay/access-checkout-react-native/tree/v4.0.1/demo-app"},"children":["here"]},"."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"set-your-views","__idx":1},"children":["Set your views"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["As part of our SDK, we provide the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["AccessCheckoutTextInput"]}," UI component dedicated to capturing your customer’s card details to minimize your exposure to PCI data, allowing you to qualify for the lowest level of PCI compliance. When you create your checkout form, you must use this component, add the views that your customers use to enter and submit their card details, and set unique identifiers for each of them."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You must do this by defining the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["nativeID"]}," property for each field."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Here's an example of how you would set your view configurations."]},{"$$mdtype":"Tag","name":"Tabs","attributes":{"size":"medium"},"children":[{"$$mdtype":"Tag","name":"div","attributes":{"label":"JavaScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/create-view/create-view-card-and-cvc.js","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import React from 'react';\nimport {View} from 'react-native';\nimport {AccessCheckoutTextInput} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  return (\n    <View>\n      <AccessCheckoutTextInput\n        nativeID=\"panInput\"\n        placeholder=\"Card Number\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"expiryDateInput\"\n        placeholder=\"MM/YY\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"cvcInput\"\n        placeholder=\"CVC\"\n      />\n    </View>\n  );\n}"},"children":[]}]},{"$$mdtype":"Tag","name":"div","attributes":{"label":"TypeScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/create-view/create-view-card-and-cvc.tsx","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import React from 'react';\nimport {View} from 'react-native';\nimport {AccessCheckoutTextInput} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  return (\n    <View>\n      <AccessCheckoutTextInput\n        nativeID=\"panInput\"\n        placeholder=\"Card Number\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"expiryDateInput\"\n        placeholder=\"MM/YY\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"cvcInput\"\n        placeholder=\"CVC\"\n      />\n    </View>\n  );\n}\n"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"validate-card-details","__idx":2},"children":["Validate card details"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can optionally validate your customer's card details. You can find instructions ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/checkout/react-native/card-validator"},"children":["here"]},"."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"create-a-session","__idx":3},"children":["Create a session"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"initialize-the-useaccesscheckout-hook","__idx":4},"children":["Initialize the useAccessCheckout hook"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You must first configure the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useAccessCheckout"]}," hook by providing your ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["baseUrl"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["checkoutId"]}," and the identifiers which you defined as the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["nativeID"]}," property in the previous step within the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["AccessCheckoutTextInput"]}," components."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You must provide this configuration using the helper hook ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useCardConfig"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Here's an example of how to initialize it."]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/initialize-access-checkout/initialize.js","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import {\n  //...\n  useAccessCheckout, useCardConfig\n} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  const {generateSessions} = useAccessCheckout({\n    baseUrl: 'https://try.access.worldpay.com',\n    checkoutId: 'YOUR_CHECKOUT_ID',\n    config: useCardConfig({\n      panId: 'panInput',\n      expiryDateId: 'expiryDateInput',\n      cvcId: 'cvcInput'\n    }),\n  });\n}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"parameters","__idx":5},"children":["Parameters"]},{"$$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":{"data-label":"Parameter"},"children":["Parameter"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["baseUrl"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For testing use: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["https://try.access.worldpay.com/"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For live use: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["https://access.worldpay.com/"]}]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["checkoutId"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Your unique checkout ID."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["panId"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The nativeID assigned to your PAN ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["AccessCheckoutTextInput"]}," Component."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["expiryDateId"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The nativeID assigned to your Expiry date ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["AccessCheckoutTextInput"]}," component."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["cvcId"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The nativeID assigned to your CVC ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["AccessCheckoutTextInput"]}," component."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"generate-card-session","__idx":6},"children":["Generate CARD session"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useAccessCheckout"]}," hook returns an object made of a ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["generateSessions"]}," property which is a function. To generate a session, call the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["generateSessions"]}," function and pass in argument an array containing the session type(s) that you wish to generate, CARD in this instance. Note that session types are imported from our SDK."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Here's an example of what you should do when your customer submits their card details."]},{"$$mdtype":"Tag","name":"Tabs","attributes":{"size":"medium"},"children":[{"$$mdtype":"Tag","name":"div","attributes":{"label":"JavaScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/session/card/session-card.js","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import {Button, View} from 'react-native';\nimport {\n  //...\n  CARD,\n} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  function handleOnPress() {\n    const sessionTypes = [CARD];\n\n    generateSessions(sessionTypes)\n      .then((sessions) => {\n        const cardSession = sessions.card;\n        // do something with the card session ...\n      })\n      .catch((error) => {\n        // do something in case of error\n      });\n  }\n\n  return (\n    <View>\n      ...\n      <Button\n        title=\"Submit\"\n        onPress={handleOnPress}\n      />\n    </View>\n  );\n}\n"},"children":[]}]},{"$$mdtype":"Tag","name":"div","attributes":{"label":"TypeScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/session/card/session-card.tsx","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import {Button, View} from 'react-native';\nimport {\n  //...\n  CARD,\n  Sessions,\n} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  function handleOnPress() {\n    const sessionTypes: Array<string> = [CARD];\n\n    generateSessions(sessionTypes)\n        .then((sessions: Sessions) => {\n          const cardSession = sessions.card;\n          // do something with the card sessions ...\n        })\n        .catch((error) => {\n          // do something in case of error\n        });\n  }\n\n  return (\n    <View>\n      ...\n      <Button\n        title=\"Submit\"\n        onPress={handleOnPress}\n      />\n    </View>\n  );\n}\n"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"full-code-sample","__idx":7},"children":["Full code sample"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Here's the full code sample of the steps above."]},{"$$mdtype":"Tag","name":"Tabs","attributes":{"size":"medium"},"children":[{"$$mdtype":"Tag","name":"div","attributes":{"label":"JavaScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/session/card/full-sample.js","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import React from 'react';\nimport {Button, View} from 'react-native';\nimport {\n  AccessCheckoutTextInput,\n  CARD,\n  useAccessCheckout,\n  useCardConfig,\n} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  const {generateSessions} = useAccessCheckout({\n    baseUrl: 'https://try.access.worldpay.com',\n    checkoutId: 'YOUR_CHECKOUT_ID',\n    config: useCardConfig({\n      panId: 'panInput',\n      expiryDateId: 'expiryDateInput',\n      cvcId: 'cvcInput'\n    }),\n  });\n\n    function handleOnPress() {\n        const sessionTypes = [CARD];\n\n        generateSessions(sessionTypes)\n            .then((sessions) => {\n                const cardSession = sessions.card;\n                // do something with the card and cvc sessions ...\n            })\n            .catch((error) => {\n                // do something in case of error\n            });\n    }\n\n  return (\n    <View>\n      <AccessCheckoutTextInput\n        nativeID=\"panInput\"\n        placeholder=\"Card Number\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"expiryDateInput\"\n        placeholder=\"MM/YY\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"cvcInput\"\n        placeholder=\"CVC\"\n      />\n      <Button\n        title=\"Submit\"\n        onPress={handleOnPress}\n      />\n    </View>\n  );\n}\n"},"children":[]}]},{"$$mdtype":"Tag","name":"div","attributes":{"label":"TypeScript","disable":false},"children":[{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"file":"./code/session/card/full-sample.tsx","language":"json","header":{"controls":{"copy":{}}},"lang":"json","source":"import React from 'react';\nimport {Button, View} from 'react-native';\nimport {\n  AccessCheckoutTextInput,\n  CARD,\n  Sessions,\n  useAccessCheckout,\n  useCardConfig,\n} from '@worldpay/access-worldpay-checkout-react-native-sdk';\n\nexport default function CardFlow() {\n\n  const {generateSessions} = useAccessCheckout({\n    baseUrl: 'https://try.access.worldpay.com',\n    checkoutId: 'YOUR_CHECKOUT_ID',\n    config: useCardConfig({\n      panId: 'panInput',\n      expiryDateId: 'expiryDateInput',\n      cvcId: 'cvcInput'\n    }),\n  });\n\n    function handleOnPress() {\n        const sessionTypes: Array<string> = [CARD];\n\n        generateSessions(sessionTypes)\n            .then((sessions: Sessions) => {\n                const cardSession = sessions.card;\n                // do something with the card and cvc sessions ...\n            })\n            .catch((error) => {\n                // do something in case of error\n            });\n    }\n\n  return (\n    <View>\n      <AccessCheckoutTextInput\n        nativeID=\"panInput\"\n        placeholder=\"Card Number\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"expiryDateInput\"\n        placeholder=\"MM/YY\"\n      />\n      <AccessCheckoutTextInput\n        nativeID=\"cvcInput\"\n        placeholder=\"CVC\"\n      />\n      <Button\n        title=\"Submit\"\n        onPress={handleOnPress}\n      />\n    </View>\n  );\n}\n"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Caution"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Do ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["not"]}," validate the structure or length of the session resources. We follow HATEOS standard to allow us the flexibility to extend our APIs with non-breaking changes."]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Important"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The CARD ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["session"]}," has a lifespan of ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["one minute"]}," and you can use it ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["only once"]},". If you do not create a token within that time, you must create a new CARD ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["session"]}," value."]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Next steps"]}]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":2,"cardMinWidth":180},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Using the Payments API","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"center","variant":"filled","to":"/products/payments/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Apply the session in the payment request"]},{"$$mdtype":"Tag","name":"Box","attributes":{"display":"inline-flex","gridTemplateColumns":["1fr 1fr","1fr 1fr 1fr","1fr 1fr 1fr"],"gridGap":"0.5rem","mt":"1rem","mb":"1rem"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Badge","attributes":{"size":"small","to":"/","fontWeight":"bold","color":"var(--wp-colour-black)","mt":"0rem","mb":"0.5rem","px":"1rem","py":"0.5rem","borderRadius":"6rem","bg":"#E0D5FC"},"children":["Enterprise"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Badge","attributes":{"size":"small","to":"/products/smb/","fontWeight":"bold","color":"var(--wp-colour-black)","mt":"0rem","mb":"0.5rem","px":"1rem","py":"0.5rem","borderRadius":"6rem","bg":"#A5EFFF"},"children":["SMB (Worldpay eCommerce)"]}]}]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Using our Modular APIs","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"center","variant":"filled","to":"/products/verified-tokens/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Create a verified token"]},{"$$mdtype":"Tag","name":"Box","attributes":{"display":"inline-flex","gridTemplateColumns":["1fr 1fr","1fr 1fr 1fr","1fr 1fr 1fr"],"gridGap":"0.5rem","mt":"1rem","mb":"1rem"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Badge","attributes":{"size":"small","to":"/","fontWeight":"bold","color":"var(--wp-colour-black)","mt":"0rem","mb":"0.5rem","px":"1rem","py":"0.5rem","borderRadius":"6rem","bg":"#E0D5FC"},"children":["Enterprise"]}]}]}]}]}]},"headings":[{"value":"Create a session to pay with a card","id":"create-a-session-to-pay-with-a-card","depth":1},{"value":"Set your views","id":"set-your-views","depth":2},{"value":"Validate card details","id":"validate-card-details","depth":2},{"value":"Create a session","id":"create-a-session","depth":2},{"value":"Initialize the useAccessCheckout hook","id":"initialize-the-useaccesscheckout-hook","depth":3},{"value":"Parameters","id":"parameters","depth":3},{"value":"Generate CARD session","id":"generate-card-session","depth":3},{"value":"Full code sample","id":"full-code-sample","depth":3}],"frontmatter":{"seo":{"title":"Create a session to pay with a card"}},"lastModified":"2025-11-26T15:05:30.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/products/checkout/react-native/card-only","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}