PayPal Payment Services React Hooks

import { PayPalPaymentServicesClient } from '@broadleaf/paypal-checkout-js';
import { usePayPalCreateOrderV6 } from '@broadleaf/paypal-checkout-react';
import type { ClientOptions } from '@broadleaf/commerce-core';
import { usePaymentAuthState } from '@app/common/hooks';

const options: ClientOptions = {
  applicationToken,
  baseHost,
  locale: currentLocale,
  preview,
};
const payPalPaymentServicesClient = new PayPalPaymentServicesClient(options);
const authState = usePaymentAuthState();

const { createPayPalOrder, isFetching, error } = usePayPalCreateOrderV6({
  payPalPaymentServicesClient,
  authState,
});

import { useMemo } from 'react';
import { useAuth } from '@broadleaf/auth-react';
import { PayPalPaymentServicesClient } from '@broadleaf/paypal-checkout-js';
import { usePayPalGetOrder } from '@broadleaf/paypal-checkout-react';
import type { AuthState } from '@broadleaf/payment-js';
import type { ClientOptions } from '@broadleaf/commerce-core';

const { isAuthenticated, isLoading, getAccessToken, user } = useAuth();
const { csrMode, csrAnonymous } = useCsrContext();
const authState = useMemo<AuthState>(() => {
  const customerEmail = user?.email_address;
  const customerId = user?.customer_id;
  return {
    isAuthenticated,
    isAuthenticating: isLoading,
    getAccessToken,
    customerEmail,
    customerId,
    isCsr: csrMode,
    isAnonymousCsr: csrAnonymous,
  };
}, [csrAnonymous, csrMode, getAccessToken, isAuthenticated, isLoading, user]);
const options: ClientOptions = {
  applicationToken,
  baseHost,
  locale: currentLocale,
  preview,
};
const payPalPaymentServicesClient = new PayPalPaymentServicesClient(options);
const {
  getPayPalOrder,
  isFetching,
  error,
} = usePayPalGetOrder({
  payPalPaymentServicesClient,
  authState
});

import { PayPalPaymentServicesClient } from '@broadleaf/paypal-checkout-js';
import { usePayPalCreateOrder } from '@broadleaf/paypal-checkout-react';
import type { ClientOptions } from '@broadleaf/commerce-core';
import { usePaymentAuthState } from '@app/common/hooks';

const options: ClientOptions = {
  applicationToken,
  baseHost,
  locale: currentLocale,
  preview,
};
const payPalPaymentServicesClient = new PayPalPaymentServicesClient(options);
const authState = usePaymentAuthState();

const { createPayPalOrder, isFetching, error } = usePayPalCreateOrder({
  payPalPaymentServicesClient,
  authState,
});