@juspay-tech/react-native-hyperswitch 1.3.4 → 1.3.6

package/lib/typescript/src/views/PaymentElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentElement.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAY,MAAM,cAAc,CAAC;AAGnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAMpF,OAAO,KAAK,EAGV,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,sHAoHzB,CAAC"}
+{"version":3,"file":"PaymentElement.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAMpF,OAAO,KAAK,EAGV,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,sHAwHzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay-tech/react-native-hyperswitch",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "Hyperswitch SDK for React Native",
   "main": "lib/commonjs/index.bundle.js",
   "module": "lib/module/index.bundle.js",

package/src/context/HyperElements.tsx

@@ -64,13 +64,14 @@ export function HyperElements({
   const [sdkAuthorization, setSdkAuthorization] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<Error | null>(null);
-  const [walletSession, setWalletSession] = useState<WalletSessionHandle | null>(
-    null
+  const [walletSession, setWalletSession] =
+    useState<WalletSessionHandle | null>(null);
+  const [walletEligibility, setWalletEligibility] = useState<WalletEligibility>(
+    {
+      googlePay: false,
+      applePay: false,
+    }
   );
-  const [walletEligibility, setWalletEligibility] = useState<WalletEligibility>({
-    googlePay: false,
-    applePay: false,
-  });
   const [walletLoading, setWalletLoading] = useState(false);
 
   const loadWalletSession = useCallback(async () => {

package/src/index.ts

@@ -15,12 +15,20 @@ import NativeHyperswitchModule from './codegen/modules/NativeHyperswitchModule';
 import { createPaymentSession } from './session/PaymentSession';
 import { Elements } from './types/elements';
 import { createElements } from './session/Elements';
-import { setInitializing } from './native/InitializationState';
+import {
+  setInitializing,
+  setSheetPresented,
+} from './native/InitializationState';
 
 export function loadHyper(
   config: HyperswitchConfiguration
 ): Promise<HyperswitchSession> {
   setInitializing(true);
+  /*
+   * A presentPaymentSheet that never settled would otherwise block every later call with
+   * sheet_already_presented; native resolves that stale call when the next sheet is presented.
+   */
+  setSheetPresented(false);
   return NativeHyperswitchModule.initialise(
     config.publishableKey,
     config.platformPublishableKey ?? '',

package/src/native/NativeResponseMapper.ts

@@ -2,7 +2,9 @@ import type { PaymentResult } from '../types/paymentresult';
 
 interface NativeResponse {
   status: string;
-  message: string;
+  message?: string;
+  // Android's PaymentResult.Failed historically wrote the text under `error`.
+  error?: string;
   code?: string;
   type?: string;
   data?: any;
@@ -38,13 +40,27 @@ export function mapStatus(status: string): PaymentResult['status'] {
   }
 }
 
+function firstNonEmpty(...values: unknown[]): string | undefined {
+  for (const value of values) {
+    if (typeof value === 'string' && value.trim() !== '') return value;
+  }
+  return undefined;
+}
+
 export function mapNativeResponseToPaymentResult(
   raw: string | NativeResponse
 ): PaymentResult {
   const parsed = parseNativeResponse(raw);
+  const status = mapStatus(parsed.status);
+  const detail = firstNonEmpty(parsed.message, parsed.error, parsed.code);
   return {
-    status: mapStatus(parsed.status),
-    type: parsed.type ?? parsed.code ?? mapStatus(parsed.status) ?? '',
-    message: parsed.message ?? parsed.code ?? '',
+    status,
+    type: firstNonEmpty(parsed.type, parsed.code, status) ?? '',
+    // Never hand back an empty message for a failure; callers show it to users.
+    message:
+      detail ??
+      (status === 'failed'
+        ? 'The payment failed but no error detail was returned.'
+        : ''),
   };
 }

package/src/session/SavedPaymentMethods.ts

@@ -9,7 +9,10 @@ import {
   SavedPaymentMethodsConfiguration,
 } from '../types/savedPaymentMethods';
 import type { PaymentResult } from '../types/paymentresult';
-import { mapNativeResponseToPaymentResult } from '../native/NativeResponseMapper';
+import {
+  mapNativeResponseToPaymentResult,
+  parseNativeResponse,
+} from '../native/NativeResponseMapper';
 import { getWidget } from '../widget/WidgetRegistry';
 
 function getReactTag(widgetId?: string): number {
@@ -116,6 +119,11 @@ export async function getCustomerSavedPaymentMethods(
       }
     },
   };
-  await NativeHyperswitchModule.getCustomerSavedPaymentMethods(payload);
+  const raw = await NativeHyperswitchModule.getCustomerSavedPaymentMethods(payload);
+  const { status, code, message } = parseNativeResponse(raw);
+  // Android reports failures as status "failed", iOS as code "error".
+  if (status === 'failed' || code === 'error') {
+    throw new Error(message ?? 'Failed to load saved payment methods');
+  }
   return createCustomerSavedPaymentMethodsSession();
 }

package/src/session/presentPaymentSheet.ts

@@ -20,6 +20,9 @@ import {
  *      developer mistake) short-circuits to "sheet_already_presented"
  *      instead of stacking a duplicate.
  */
+// Identifies the latest call, so an older call settling late cannot clear the guard for it.
+let presentCallId = 0;
+
 export async function presentPaymentSheetWithPayload(
   payload: NativePaymentSheetPayload
 ): Promise<PaymentResult> {
@@ -41,6 +44,7 @@ export async function presentPaymentSheetWithPayload(
       message: 'A payment sheet is already presented.',
     };
   }
+  const callId = ++presentCallId;
   setSheetPresented(true);
   try {
     const raw = await NativeHyperswitchModule.presentPaymentSheet({
@@ -50,6 +54,8 @@ export async function presentPaymentSheetWithPayload(
     });
     return mapNativeResponseToPaymentResult(raw);
   } finally {
-    setSheetPresented(false);
+    if (callId === presentCallId) {
+      setSheetPresented(false);
+    }
   }
 }

package/src/views/PaymentElement.tsx

@@ -1,5 +1,10 @@
 import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { UIManager, findNodeHandle, type ViewStyle, Platform } from 'react-native';
+import {
+  UIManager,
+  findNodeHandle,
+  type ViewStyle,
+  Platform,
+} from 'react-native';
 import NativePaymentWidgetImpl from './PaymentWidgetBridge';
 import { registerWidget, unregisterWidget } from '../widget/WidgetRegistry';
 import type { PaymentSheetConfiguration } from '../types/PaymentSheetConfiguration';
@@ -111,16 +116,20 @@ export const PaymentElement = forwardRef<
     }
   }, [options, onChange]);
 
-  const onPaymentResultInternal = (event: NativeEventEnvelope & { nativeEvent: {
-  eventName: string;
-  payload: string;
-  target: number;
-}}) => {
+  const onPaymentResultInternal = (
+    event: NativeEventEnvelope & {
+      nativeEvent: {
+        eventName: string;
+        payload: string;
+        target: number;
+      };
+    }
+  ) => {
     onPaymentResult(
       mapNativeResponseToPaymentResult(
         Platform.OS === 'ios'
-          ? event.nativeEvent.result ?? ""
-          : event.nativeEvent.payload ?? ""
+          ? (event.nativeEvent.result ?? '')
+          : (event.nativeEvent.payload ?? '')
       )
     );
   };