@stripe/stripe-react-native 0.65.1 → 0.66.0

package/src/components/PaymentMethodMessagingElement.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import {
   AccessibilityProps,
   HostComponent,
@@ -50,60 +50,62 @@ export interface Props extends AccessibilityProps {
  * @returns JSX.Element
  * @category ReactComponents
  */
-export const PaymentMethodMessagingElement = forwardRef<any, Props>(
-  ({ appearance, configuration, onStateChange, ...props }) => {
-    const viewRef =
-      useRef<React.ComponentRef<HostComponent<NativeProps>>>(null);
+export const PaymentMethodMessagingElement = ({
+  appearance,
+  configuration,
+  onStateChange,
+  ...props
+}: Props) => {
+  const viewRef = useRef<React.ComponentRef<HostComponent<NativeProps>>>(null);
 
-    const [height, setHeight] = useState<number | undefined>();
+  const [height, setHeight] = useState<number | undefined>();
 
-    useEffect(() => {
-      // listen for height changes
-      const sub = addListener(
-        'paymentMethodMessagingElementDidUpdateHeight',
-        ({ height: h }) => {
-          LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-          setHeight(h);
-        }
-      );
-      return () => sub.remove();
-    });
+  useEffect(() => {
+    // listen for height changes
+    const sub = addListener(
+      'paymentMethodMessagingElementDidUpdateHeight',
+      ({ height: h }) => {
+        LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+        setHeight(h);
+      }
+    );
+    return () => sub.remove();
+  });
 
-    useEffect(() => {
-      // listen for load complete
-      const sub = addListener(
-        'paymentMethodMessagingElementConfigureResult',
-        ({ status: s }) => {
-          let state: PaymentMethodMessagingElementState;
+  useEffect(() => {
+    // listen for load complete
+    const sub = addListener(
+      'paymentMethodMessagingElementConfigureResult',
+      ({ status: s }) => {
+        let state: PaymentMethodMessagingElementState;
 
-          if (s === 'loaded') {
-            state = { status: 'loaded' };
-          } else if (s === 'loading') {
-            state = { status: 'loading' };
-          } else if (s === 'no_content') {
-            state = { status: 'no_content' };
-          } else {
-            state = {
-              status: 'failed',
-              error: new Error(
-                'Failed to configure payment method messaging element'
-              ),
-            };
-          }
-          onStateChange?.(state);
+        if (s === 'loaded') {
+          state = { status: 'loaded' };
+        } else if (s === 'loading') {
+          state = { status: 'loading' };
+        } else if (s === 'no_content') {
+          state = { status: 'no_content' };
+        } else {
+          state = {
+            status: 'failed',
+            error: new Error(
+              'Failed to configure payment method messaging element'
+            ),
+          };
         }
-      );
-      return () => sub.remove();
-    }, [onStateChange]);
-
-    return (
-      <NativePaymentMethodMessagingElement
-        appearance={appearance}
-        style={[{ width: '100%', height: height }]}
-        configuration={configuration}
-        {...props}
-        ref={viewRef}
-      />
+        onStateChange?.(state);
+      }
     );
-  }
-);
+    return () => sub.remove();
+  }, [onStateChange]);
+
+  return (
+    <NativePaymentMethodMessagingElement
+      appearance={appearance}
+      style={[{ width: '100%', height: height }]}
+      configuration={configuration}
+      {...props}
+      ref={viewRef}
+    />
+  );
+};

package/src/hooks/useCheckout.tsx

@@ -165,8 +165,24 @@ export function useCheckout(
       ),
     [withLoading]
   );
-  const refresh = useCallback<Checkout['refresh']>(
-    () => withLoading((key) => NativeStripeSdk.checkoutRefresh(key)),
+  const runServerUpdate = useCallback<Checkout['runServerUpdate']>(
+    (serverUpdate) =>
+      withLoading(async (key) => {
+        const startPromise = NativeStripeSdk.checkoutRunServerUpdateStart(key);
+
+        try {
+          await serverUpdate();
+          await NativeStripeSdk.checkoutRunServerUpdateComplete(key, null);
+        } catch (e: any) {
+          await NativeStripeSdk.checkoutRunServerUpdateComplete(
+            key,
+            e.message ?? 'Server update failed'
+          );
+          throw e;
+        }
+
+        return await startPromise;
+      }),
     [withLoading]
   );
 
@@ -189,7 +205,7 @@ export function useCheckout(
       updateLineItemQuantity,
       selectShippingOption,
       updateTaxId,
-      refresh,
+      runServerUpdate,
     }),
     [
       updateShippingAddress,
@@ -199,7 +215,7 @@ export function useCheckout(
       updateLineItemQuantity,
       selectShippingOption,
       updateTaxId,
-      refresh,
+      runServerUpdate,
     ]
   );
 

package/src/hooks/useOnramp.tsx

@@ -75,6 +75,25 @@ export function useOnramp() {
     []
   );
 
+  const _retrieveMissingIdentifiers =
+    useCallback(async (): Promise<Onramp.RetrieveMissingIdentifiersResult> => {
+      return requireOnrampModule().retrieveMissingIdentifiers();
+    }, []);
+
+  const _submitIdentifiers = useCallback(
+    async (
+      identifiers: Onramp.ComplianceIdentifier[]
+    ): Promise<Onramp.SubmitIdentifiersResult> => {
+      return requireOnrampModule().submitIdentifiers(identifiers);
+    },
+    []
+  );
+
+  const _presentCRSCARFDeclaration =
+    useCallback(async (): Promise<Onramp.CRSCARFDeclarationResult> => {
+      return requireOnrampModule().presentCRSCARFDeclaration();
+    }, []);
+
   const _presentKycInfoVerification = useCallback(
     async (updatedAddress: Address | null): Promise<Onramp.VerifyKycResult> => {
       return requireOnrampModule().presentKycInfoVerification(updatedAddress);
@@ -244,6 +263,31 @@ export function useOnramp() {
      */
     attachKycInfo: _attachKycInfo,
 
+    /**
+     * Retrieves any missing MiCA or CRS/CARF compliance identifiers for the current Link user.
+     * Requires an authenticated Link user.
+     *
+     * @returns Promise that resolves to identifier requirements and alternatives, or error
+     */
+    retrieveMissingIdentifiers: _retrieveMissingIdentifiers,
+
+    /**
+     * Submits MiCA or CRS/CARF compliance identifiers for the current Link user.
+     * Requires an authenticated Link user.
+     *
+     * @param identifiers The compliance identifiers to submit
+     * @returns Promise that resolves to whether the submission was valid, any remaining requirements, invalid identifiers, or error
+     */
+    submitIdentifiers: _submitIdentifiers,
+
+    /**
+     * Presents UI for the current Link user to accept the CRS/CARF declaration.
+     * Requires an authenticated Link user.
+     *
+     * @returns Promise that resolves to `Confirmed` when accepted, or error
+     */
+    presentCRSCARFDeclaration: _presentCRSCARFDeclaration,
+
     /**
      * Presents UI to verify KYC information for the current Link user.
      * Requires the user to be authenticated with prior calls to either `authenticateUserWithToken` or `authorize`,

package/src/specs/NativeOnrampSdkModule.ts

@@ -19,6 +19,11 @@ export interface Spec extends TurboModule {
   attachKycInfo(
     kycInfo: UnsafeObject<Onramp.KycInfo>
   ): Promise<Onramp.VoidResult>;
+  retrieveMissingIdentifiers(): Promise<Onramp.RetrieveMissingIdentifiersResult>;
+  submitIdentifiers(
+    identifiers: ReadonlyArray<UnsafeObject<Onramp.ComplianceIdentifier>>
+  ): Promise<Onramp.SubmitIdentifiersResult>;
+  presentCRSCARFDeclaration(): Promise<Onramp.CRSCARFDeclarationResult>;
   presentKycInfoVerification: (
     updatedAddress: UnsafeObject<Address> | null
   ) => Promise<Onramp.VerifyKycResult>;

package/src/specs/NativeStripeSdkModule.ts

@@ -262,7 +262,14 @@ export interface Spec extends TurboModule {
     value: string
   ): Promise<UnsafeObject<Checkout.State>>;
 
-  checkoutRefresh(sessionKey: string): Promise<UnsafeObject<Checkout.State>>;
+  checkoutRunServerUpdateStart(
+    sessionKey: string
+  ): Promise<UnsafeObject<Checkout.State>>;
+
+  checkoutRunServerUpdateComplete(
+    sessionKey: string,
+    error: string | null
+  ): Promise<void>;
 
   setFinancialConnectionsForceNativeFlow(enabled: boolean): Promise<void>;