# Collect card payments while offline Collect card payments when you have internet connectivity issues. # React Native The Terminal SDK allows your application to continue collecting payments using a mobile reader without a network connection. > When operating offline, payment information is collected at the time of sale, and authorization is only attempted after connectivity is restored and the payment is forwarded. You, as the user, assume all decline and tamper-related risks associated with an offline transaction. If your tampered reader can’t forward payments to Stripe, or the issuer declines the transaction, there’s no way to recover the funds, and you might not receive payment from the customer for goods or services already provided. > > To reduce the chances of an issuer decline, you’re encouraged to: > > - Reestablish internet connectivity as soon as possible to record the payments to Stripe. - Restrict transactions if they exceed a certain amount. - [Fail all offline payments](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#managing-risk) if the SDK has stored a set of transactions whose sum exceeds a certain amount. ## Collect payments while offline Offline payments follow the same steps as online payments: create, collect, process, and capture the payment. Your device can transition from online to offline at any step in the process. 1. [Enable offline mode](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#enable-offline-mode) 1. [Connect to a reader while offline](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#connect-while-offline) 1. [Handle offline events](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#handle-offline-events) 1. [Create a PaymentIntent while offline](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#create-payment-intent) 1. [Collect a payment method](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#collect-payment-method) 1. [Confirm the payment](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#confirm-payment) 1. [Wait for payments to forward](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#wait-for-forward) 1. (Optional) [Capture the payment](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#capture-payment) 1. (Optional) [Examine payments collected offline](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#examine-offline) ## Enable offline mode Use a [Configuration](https://docs.stripe.com/api/terminal/configuration.md) object or [the Dashboard](https://docs.stripe.com/terminal/fleet/configurations-overview.md?dashboard-or-api=dashboard#update-the-default-configuration-for-the-account) to enable offline mode for the [supported](https://docs.stripe.com/terminal/features/operate-offline/overview.md?reader-type=bluetooth#availability) devices at your `Location`. ```curl curl https://api.stripe.com/v1/terminal/configurations \ -u "<>:" \ -d "offline[enabled]=true" ``` After you enable offline mode on a `Configuration` object, you can [assign it](https://docs.stripe.com/terminal/fleet/configurations-overview.md?dashboard-or-api=api#create-a-configuration-for-an-individual-location) to a `Location`. You can also enable offline mode by default for all `Locations` by updating the [default](https://docs.stripe.com/terminal/fleet/configurations-overview.md?dashboard-or-api=api#retrieve-the-account-default-configuration) `Configuration` object for your account. Configuration API changes can take several minutes to propagate to your SDK and reader, and require you to disconnect from and reconnect to your reader to take effect. ## Connect to a reader while offline The SDK stores necessary `Location` information locally after connecting online. On subsequent offline connections, it uses the stored configuration information from that `Location`. To collect payments with a smart reader while offline, you must have previously connected to any mobile reader of the same type at the same `Location` while online within the last 30 days, and have updated your reader’s software within that time. If you attempt to connect to a reader while offline without meeting these requirements, the request fails with an error. | Error | Resolution | | ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **The SDK isn’t connected to the internet** | Make sure the `Location` you’re using is [configured](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#enable-offline-mode) for offline mode. Otherwise, connect to any reader while online, and then connect to a reader of the same type while offline. | | **The selected reader requires a software update before it can be used to collect payments offline.** | The reader’s software hasn’t been updated in 30 days or more. Connect to the reader while online to update it. | | **The selected reader must be paired online at this location before it can be used to collect payments offline.** | You’re attempting to connect to a reader type that your POS hasn’t previously connected to while online. You must first connect to this reader or any reader of the same type while online. Or, if you want to connect while offline, you can connect to a reader type that your POS previously connected to while online. | If you reinstall the application or perform any operation that clears the disk storage for the SDK (such as clearing your POS app’s cache in the POS device’s settings) you lose any payments that the SDK has stored and not yet forwarded. Make sure there are no stored payments before you perform any destructive action. ## Handle offline events [Client-side] - [UserCallbacks (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#UserCallbacks) - [OfflineStatus (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#OfflineStatus) To allow your application to receive updates about the SDK’s network status and the state of forwarded payments, implement the offline callbacks on the `useStripeTerminal` hook. ```js const { connectReader, disconnectReader, connectedReader } = useStripeTerminal({ onDidChangeOfflineStatus(status: OfflineStatus) { // Check the value of `offlineStatus` and update your UI accordingly. // // You can also check the SDK's current offline status calling // `getOfflineStatus`. }, onDidForwardingFailure(error) { // A non-specific error occurred while forwarding a PaymentIntent. // Check the error message and your integration implementation to // troubleshoot. }, onDidForwardPaymentIntent(paymentIntent, error) { // The PaymentIntent was successfully forwarded, or an error occurred. // Reconcile any local state using the backend-generated `paymentIntent.id` // and the metadata you supplied when creating the PaymentIntent. // // Note that the `paymentIntent.id` may still be null if creating the // PaymentIntent in the backend failed. }, }); ``` ## Create a PaymentIntent while offline [Client-side] - [createPaymentIntent (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/interfaces/StripeTerminalSdkType.html#createPaymentIntent) - [CreatePaymentIntentParams (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#CreatePaymentIntentParams) - [OfflineStatus (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#OfflineStatus) - [OfflineStatusDetails (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#OfflineStatusDetails) To support operating offline, use the SDK’s `createPaymentIntent` to create PaymentIntent objects. This allows the SDK to create PaymentIntents while offline and forward them to Stripe after you’ve re-established connectivity. While operating offline, `PaymentIntent` objects have a null `id`. We recommend adding a custom identifier to the PaymentIntent’s [metadata](https://docs.stripe.com/payments/payment-intents.md#storing-information-in-metadata) to help reconcile `PaymentIntent` objects created offline in your database. After the `PaymentIntent` has been successfully forwarded to Stripe in [Step 7](https://docs.stripe.com/terminal/features/operate-offline/collect-card-payments.md#wait-for-forward), use your custom identifier to reconcile it in the `onDidForwardPaymentIntent` callback. ```js const _createPaymentIntent = async (cart) => { const {error, paymentIntent} = await createPaymentIntent({ amount: cart.total, currency: cart.currency,metadata: { "unique-id": UUID().uuidString } }); } ``` The `Terminal.createPaymentIntent` accepts a `CreateConfiguration` parameter. By default, if you’re operating offline, the Terminal SDK stores all offline payments, then forwards them to Stripe’s backend when connectivity is restored. To customize this behavior, you can pass in a `CreateConfiguration` object with an `offlineBehavior` attribute set to as `REQUIRE_ONLINE`, `PREFER_ONLINE` or `FORCE_OFFLINE`. #### Managing risk Setting `offlineBehavior` to `REQUIRE_ONLINE` fails the current transaction if you’re operating offline. For example, you might want to disallow transactions above a certain amount or disallow all offline transactions if the SDK has stored a set of transactions whose sum exceeds a certain amount. The SDK exposes two properties to help you manage risk: 1. `OfflineStatus.sdk.offlinePaymentsCount` 1. `OfflineStatus.sdk.offlinePaymentAmountsByCurrency` #### Managing latency while offline Based on your network connectivity, the Terminal SDK automatically determines whether to collect payments online or offline. However, you might want to operate offline despite having an active network connection (for example, if you need to collect transactions quickly and your network connection is slow). You can set `offlineBehavior` to `force_offline` to collect the payment offline regardless of connectivity. Payments collected offline while the Terminal SDK has an active network connection are forwarded in the background. ```js const _createPaymentIntent = async (cart) => { // Your app might want to prevent offline payments for too large an amount. // Here, we require a network connection if the payment if the amount is over 1000 usd. // Otherwise, we allow collecting offline if the network connection is unavailable.let offlineBehavior; if (cart.total > 1000000) { offlineBehavior = 'require_online' } else { offlineBehavior = 'prefer_online' } const {error, paymentIntent} = await createPaymentIntent({ amount: cart.total, currency: cart.currency,offlineBehavior, }); } ``` ## Collect a payment method [Client-side] - [UserCallbacks (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#UserCallbacks) - [CollectPaymentMethodParams (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#CollectPaymentMethodParams) > Payment liability is your responsibility when operating your reader offline. Because magnetic stripe data is easy to spoof, Stripe disallows this option while operating offline. Tapping cards is also not supported in markets where *Strong Customer Authentication* (Strong Customer Authentication (SCA) is a regulatory requirement in effect as of September 14, 2019, that impacts many European online payments. It requires customers to use two-factor authentication like 3D Secure to verify their purchase) is required. Collecting payments while offline is similar to [collecting payments while online](https://docs.stripe.com/terminal/payments/collect-card-payment.md#collect-payment). Use the method to display the valid card presentment options to the customer. > [Inspecting payment method details before authorization](https://docs.stripe.com/terminal/payments/collect-card-payment.md?terminal-sdk-platform=react-native#collect-inspect-payment-method) isn’t supported while offline. Although you can still set the `updatePaymentIntent` parameter in `CollectConfiguration`, the `paymentMethod` field on the PaymentIntent is absent if the SDK is operating offline. ```js const _collectPaymentMethod_ = async () => { const { paymentIntent, error } = await collectPaymentMethod({ paymentIntent: paymentIntent }); if (error) { // Handle errors in your application. } // ... Confirm the payment } ``` ## Confirm payment [Client-side] Confirming payments while offline is similar to [confirming payments while online](https://docs.stripe.com/terminal/payments/collect-card-payment.md#confirm-payment). The primary difference is that your integration must handle offline-specific error cases, such as when the transaction exceeds the Stripe-enforced offline maximum of 10,000 USD or equivalent in your operating currency. In some cases, the SDK might create a `PaymentIntent` online, but confirm it while offline. When this happens, the `PaymentIntent` might have a non-null `id`. If it was confirmed offline, `offlineDetails` will be defined and populated. ```js const _confirmPaymentIntent = async () => { const { paymentIntent, error } = await confirmPaymentIntent({ paymentIntent: paymentIntent }); if (error) { // Handle offline-specific errors in your application (for example, // unsupported payment method). } if (paymentIntent.offlineDetails) { console.log('confirmed offline'); } else { console.log('confirmed online'); } } ``` #### Providing receipts You might require information about the card used to complete a payment while offline. For example, you might need to generate a receipt for customers who require one at the time of purchase. If the PaymentIntent is confirmed offline, retrieve its [OfflineCardPresentDetails](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#OfflineCardPresentDetails) from the `paymentIntent.offlineDetails.offlineCardPresentDetails` property. This hash contains a [ReceiptDetails](https://stripe.dev/stripe-terminal-react-native/api-reference/index.html#ReceiptDetails) property you can use to generate a receipt, as well as other card details like the cardholder name and card brand. The `account_type` and `authorization_response_code` receipt fields are unavailable on PaymentIntents processed offline. [Prebuilt email receipts](https://docs.stripe.com/terminal/features/receipts.md#prebuilt) are only sent after connectivity is restored and the payment is successfully captured. ## Wait for payments to forward [Client-side] When Internet access is restored, the SDK automatically begins forwarding the stored offline payments. The SDK attempts to forward payments even if its network status is offline. This means your connection token provider might receive a request to provide a connection token even when the device is offline. If you power off your POS device too soon, your payments might not be forwarded. You can query `OfflineStatus.sdk.networkStatus` to make sure your POS is online and can forward payments, and `OfflineStatus.sdk.offlinePaymentsCount` to check how many payments the Terminal SDK has to be forwarded. ## Capture payment While offline, you can create PaymentIntents with `captureMethod` set to `automatic`. After you confirm these PaymentIntents, they have a `succeeded` status instead of `requiresCapture` . Stripe automatically captures the payments after you forward them. If you opt for manual capture, payments that are successfully forwarded and authorized require capture from your backend or application. - To capture payments from your backend, use [webhooks](https://docs.stripe.com/webhooks.md) to listen for PaymentIntents with a `requires_capture` status. - To capture payments from your application, wait for your application to receive calls to `useStripeTerminal` hook’s `onDidForwardPaymentIntent` for each PaymentIntent as the SDK forwards it. A PaymentIntent is ready to capture if its status is `requiresCapture` and the `OfflineDetails` is null or has a `requiresUpload` value of `false` . ```js const _confirmPaymentIntent = async () => { const { paymentIntent, error } = await confirmPaymentIntent({ paymentIntent: paymentIntent }); if (error) { // Handle offline-specific errors in your application (for example, // unsupported payment method). } if (paymentIntent.status == 'requiresCapture') {const offlineDetails = paymentIntent.offlineDetails; if (offlineDetails.requiresUpload === true) { // Offline payment, wait for `onDidForwardPaymentIntent` (see snippet below) } else { // Online payment, can be captured now } } else { // handle other paymentIntent.status results here } } ``` Capture an offline payment after the SDK forwards it in `onDidForwardPaymentIntent`: ```js const { connectReader, disconnectReader, connectedReader } = useStripeTerminal({ onDidForwardPaymentIntent(paymentIntent, error) { if (error) { // Handle the error appropriate for your application } else if (paymentIntent.status == 'requires_capture') { // The paymentIntent is ready to be captured } else { // Handle the paymentIntent.status as appropriate. } }, }); ``` ## Examine payments collected offline After authorization, you can use the [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) API to examine offline details on a payment. Access the [payment method details](https://docs.stripe.com/api/charges/object.md#charge_object-payment_method_details-card_present-offline) on the [latest Charge](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-latest_charge) object on a `PaymentIntent` to determine if it was collected offline.