@instockng/storefront-ui 1.0.30 → 1.0.32

package/src/hooks/usePaystackPayment.ts

@@ -48,12 +48,14 @@ export interface PaystackResponse {
 }
 
 export interface UsePaystackPaymentOptions {
+  isOpen: boolean;
   publicKey: string;
   onSuccess?: (response: PaystackResponse) => void;
   onClose?: () => void;
 }
 
 export function usePaystackPayment({
+  isOpen,
   publicKey,
   onSuccess,
   onClose,
@@ -64,6 +66,11 @@ export function usePaystackPayment({
 
   // Load Paystack Inline script
   useEffect(() => {
+
+    if (!isOpen) {
+      return;
+    }
+
     // Check if script is already loaded
     if (window.PaystackPop) {
       setIsLoaded(true);
@@ -93,7 +100,7 @@ export function usePaystackPayment({
     return () => {
       // Don't remove script on unmount as it can be reused
     };
-  }, []);
+  }, [isOpen]);
 
   const initializePayment = useCallback(
     (config: Omit<PaystackConfig, 'key' | 'callback' | 'onClose'>) => {