@adyen/react-native/src/hooks/useAdyenCheckout.ts

Wraps Adyen Checkout Drop-In and Components for iOS and Android for convenient use with React Native

import { createContext, useContext } from 'react';
import type { PaymentMethodsResponse, Configuration } from '../core';

/**
 * Shape of the AdyenCheckout context value.
 */
export interface AdyenCheckoutContextType {
  /** Start payment with Drop-in or any payment method available in `paymentMethods` collection. */
  start: (typeName: string) => void;

  /** Configuration object. */
  config: Configuration;

  /** Payment methods available for payment. */
  paymentMethods?: PaymentMethodsResponse;

  /** True if the checkout is ready to be used. */
  isReady: boolean;
}

export const AdyenCheckoutContext =
  createContext<AdyenCheckoutContextType | null>(null);

/**
 * Returns AdyenCheckout context. This context allows you to initiate payment with Drop-in or any payment method available in `paymentMethods` collection.
 */
export const useAdyenCheckout = (): AdyenCheckoutContextType => {
  const context = useContext(AdyenCheckoutContext);
  if (context !== null) {
    return context;
  }
  throw new Error(MISSING_CONTEXT_ERROR);
};

const MISSING_CONTEXT_ERROR =
  'useAdyenCheckout must be used within an AdyenCheckout';