@tagadapay/plugin-sdk 1.0.7 → 1.0.9

package/dist/react/hooks/usePayment.js

@@ -25,14 +25,20 @@ export function usePayment() {
     const challengeInProgressRef = useRef(false);
     // Initialize BasisTheory dynamically
     const [basisTheory, setBasisTheory] = useState(null);
+    const [isBasisTheoryLoading, setIsBasisTheoryLoading] = useState(true);
     useEffect(() => {
         let isMounted = true;
         const loadBasisTheory = async () => {
             try {
+                setIsBasisTheoryLoading(true);
                 // Get API key from embedded configuration (with env override support)
                 const apiKey = getBasisTheoryApiKey(environment?.environment || 'local');
                 if (!apiKey) {
                     console.warn('BasisTheory API key not configured');
+                    if (isMounted) {
+                        setError('BasisTheory API key not configured');
+                        setIsBasisTheoryLoading(false);
+                    }
                     return;
                 }
                 const { BasisTheory } = await import('@basis-theory/basis-theory-js');
@@ -41,6 +47,7 @@ export function usePayment() {
                         elements: false,
                     });
                     setBasisTheory(bt);
+                    setIsBasisTheoryLoading(false);
                     console.log('✅ BasisTheory initialized successfully');
                 }
             }
@@ -48,6 +55,7 @@ export function usePayment() {
                 console.error('Failed to load BasisTheory:', err);
                 if (isMounted) {
                     setError('Failed to initialize payment processor');
+                    setIsBasisTheoryLoading(false);
                 }
             }
         };
@@ -146,6 +154,9 @@ export function usePayment() {
     }, [apiService, startChallenge, startPolling]);
     // Create card payment instrument
     const createCardPaymentInstrument = useCallback(async (cardData) => {
+        if (isBasisTheoryLoading) {
+            throw new Error('Payment processor is still initializing. Please wait...');
+        }
         if (!basisTheory) {
             throw new Error('Payment processor not initialized');
         }
@@ -184,9 +195,12 @@ export function usePayment() {
             console.error('Error creating card payment instrument:', error);
             throw error;
         }
-    }, [basisTheory, apiService]);
+    }, [basisTheory, apiService, isBasisTheoryLoading]);
     // Create Apple Pay payment instrument
     const createApplePayPaymentInstrument = useCallback(async (applePayToken) => {
+        if (isBasisTheoryLoading) {
+            throw new Error('Payment processor is still initializing. Please wait...');
+        }
         if (!applePayToken.id) {
             throw new Error('Apple Pay token is missing');
         }
@@ -213,7 +227,7 @@ export function usePayment() {
             console.error('Error creating Apple Pay payment instrument:', error);
             throw error;
         }
-    }, [apiService]);
+    }, [apiService, isBasisTheoryLoading]);
     // Process payment directly with checkout session
     const processPaymentDirect = useCallback(async (checkoutSessionId, paymentInstrumentId, threedsSessionId, options = {}) => {
         try {
@@ -335,7 +349,7 @@ export function usePayment() {
         processPaymentWithInstrument,
         createCardPaymentInstrument,
         createApplePayPaymentInstrument,
-        isLoading,
+        isLoading: isLoading || isBasisTheoryLoading,
         error,
         clearError,
         currentPaymentId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",