Add CurrencySelectorElement (JS)

[porter-stripe]

Summary

• CurrencySelectorElement component with native view spec
• checkoutSessionDidChangeState event listener in useCheckout

Usage

  import { useCheckout } from '@stripe/stripe-react-native/src/hooks/useCheckout';
  import { CurrencySelectorElement } from '@stripe/stripe-react-native/src/components/CurrencySelectorElement';

  function CartScreen({ clientSecret }: { clientSecret: string }) {
    const { state, checkout } = useCheckout(clientSecret, {
      adaptivePricing: { allowed: true },
    });

    if (!state) return <ActivityIndicator />;

    return (
      <ScrollView>
        {/* Currency selector — collapses to 0 height when adaptive pricing is unavailable */}
        <CurrencySelectorElement
          checkout={checkout}
          disabled={state.status === 'loading'}
        />

        <Text>
          Total: {state.session.totals?.total} {state.session.currency}
        </Text>
      </ScrollView>
    );
  }

Motivation

• AP in RN

Testing

• Will add once the component is complete

Documentation

N/A

[porter-stripe]

Going to export this from index.ts once we are ready to release.