coinley-checkout 1.3.3 → 1.3.4

package/dist/coinley-checkout.es.js

@@ -25235,9 +25235,14 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
   };
   const handleSelectPaymentMethod = (token) => {
     const tokenIconData = getTokenIcon(token);
+    console.log("=== PAYMENT METHOD SELECTION DEBUG ===");
+    console.log("Selected token:", token);
+    console.log("Selected network:", selectedNetwork);
+    console.log("Token network:", token.Network?.shortName);
     const paymentMethodData = {
       currency: token.symbol,
       network: selectedNetwork,
+      // ✅ Use the selectedNetwork state, not token.Network.shortName
       tokenConfig: {
         contractAddress: token.contractAddress,
         decimals: token.decimals,
@@ -25251,9 +25256,13 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
         logo: tokenIconData,
         // Store the icon data object
         network: selectedNetwork,
+        // ✅ Use selectedNetwork here too
         isStablecoin: token.isStablecoin
       }
     };
+    console.log("🎯 FINAL PAYMENT METHOD DATA:", paymentMethodData);
+    console.log("🎯 Network being set:", paymentMethodData.network);
+    console.log("=== END PAYMENT METHOD SELECTION DEBUG ===");
     setSelectedPaymentMethod(paymentMethodData);
   };
   const handleProceed = () => {
@@ -25999,6 +26008,7 @@ const CoinleyCheckout = forwardRef(({
   const [step, setStep] = useState("select-currency");
   const [actualMerchantWallets, setActualMerchantWallets] = useState({});
   const [merchantFeePercentage, setMerchantFeePercentage] = useState(0.0175);
+  const [storedPaymentDetails, setStoredPaymentDetails] = useState(null);
   const [merchantSupportedNetworks, setMerchantSupportedNetworks] = useState([]);
   const [merchantSupportedTokens, setMerchantSupportedTokens] = useState([]);
   const [processingStartTime, setProcessingStartTime] = useState(null);
@@ -26155,32 +26165,68 @@ const CoinleyCheckout = forwardRef(({
     getMerchantSupportedTokens: () => merchantSupportedTokens
   }));
   const handleOpen = async (paymentDetails) => {
+    console.log("🚨 HANDLE OPEN DEBUG - START");
+    console.log("paymentDetails received:", paymentDetails);
     if (!paymentDetails || !paymentDetails.amount) {
       setError("Payment amount is required");
       if (onError)
         onError(new Error("Payment amount is required"));
       return;
     }
-    setPaymentStatus("loading");
+    setStoredPaymentDetails(paymentDetails);
+    setPaymentStatus("idle");
     setIsOpen(true);
     setStep("select-currency");
+    setError(null);
+    console.log("✅ Modal opened, waiting for user to select payment method");
+  };
+  const handleClose = () => {
+    if (checkingInterval) {
+      clearInterval(checkingInterval);
+      setCheckingInterval(null);
+    }
+    if (processingTimerRef.current) {
+      clearTimeout(processingTimerRef.current);
+      processingTimerRef.current = null;
+    }
+    setIsOpen(false);
+    setTransactionHash(null);
+    setWalletConnection(null);
+    setSelectedPaymentMethod(null);
+    setStoredPaymentDetails(null);
+    setPayment(null);
+    setStep("select-currency");
+    setProcessingStartTime(null);
+    setPendingBackendConfirmation(false);
+    if (onClose)
+      onClose();
+  };
+  const handlePaymentMethodSelect = async (paymentMethod) => {
+    console.log("=== PAYMENT METHOD SELECTION DEBUG ===");
+    console.log("1. Payment method selected:", paymentMethod);
+    console.log("2. Stored payment details:", storedPaymentDetails);
+    if (!storedPaymentDetails) {
+      setError("Payment details are missing");
+      return;
+    }
+    log("Payment method selected:", paymentMethod);
+    setSelectedPaymentMethod(paymentMethod);
     try {
-      log("Creating payment with details:", paymentDetails);
-      if (paymentDetails.network) {
-        const isNetworkSupported = merchantSupportedNetworks.some(
-          (network) => network.shortName === paymentDetails.network
-        );
-        if (!isNetworkSupported) {
-          throw new Error(`Network ${paymentDetails.network} is not configured for this merchant`);
-        }
+      setPaymentStatus("loading");
+      console.log("🚀 Creating payment with selected method:");
+      console.log("Network:", paymentMethod.network);
+      console.log("Currency:", paymentMethod.currency);
+      const isNetworkSupported = merchantSupportedNetworks.some(
+        (network) => network.shortName === paymentMethod.network
+      );
+      if (!isNetworkSupported) {
+        throw new Error(`Network ${paymentMethod.network} is not configured for this merchant`);
       }
-      if (paymentDetails.currency && paymentDetails.network) {
-        const isTokenSupported = merchantSupportedTokens.some(
-          (token) => token.symbol === paymentDetails.currency && token.Network && token.Network.shortName === paymentDetails.network
-        );
-        if (!isTokenSupported) {
-          throw new Error(`Token ${paymentDetails.currency} is not supported on ${paymentDetails.network} network for this merchant`);
-        }
+      const isTokenSupported = merchantSupportedTokens.some(
+        (token) => token.symbol === paymentMethod.currency && token.Network && token.Network.shortName === paymentMethod.network
+      );
+      if (!isTokenSupported) {
+        throw new Error(`Token ${paymentMethod.currency} is not supported on ${paymentMethod.network} network for this merchant`);
       }
       let walletAddresses = actualMerchantWallets;
       if (Object.keys(walletAddresses).length === 0) {
@@ -26190,18 +26236,20 @@ const CoinleyCheckout = forwardRef(({
       }
       log("Using wallet addresses:", walletAddresses);
       const paymentResponse = await createPayment({
-        amount: paymentDetails.amount,
-        currency: paymentDetails.currency || "USDT",
-        network: paymentDetails.network || preferredNetwork,
-        customerEmail: paymentDetails.customerEmail || customerEmail,
-        callbackUrl: paymentDetails.callbackUrl,
+        amount: storedPaymentDetails.amount,
+        currency: paymentMethod.currency,
+        // ✅ Use selected currency
+        network: paymentMethod.network,
+        // ✅ Use selected network
+        customerEmail: storedPaymentDetails.customerEmail || customerEmail,
+        callbackUrl: storedPaymentDetails.callbackUrl,
         metadata: {
-          ...paymentDetails.metadata,
+          ...storedPaymentDetails.metadata,
           merchantWalletAddresses: walletAddresses
         },
         merchantWalletAddresses: walletAddresses
       });
-      log("Payment created:", paymentResponse);
+      console.log("✅ Payment created with correct network:", paymentResponse.payment);
       if (paymentResponse.payment.customFeePercentage) {
         const feeFromPayment = parseFloat(paymentResponse.payment.customFeePercentage);
         setMerchantFeePercentage(feeFromPayment);
@@ -26210,7 +26258,8 @@ const CoinleyCheckout = forwardRef(({
       setPayment(paymentResponse.payment);
       setPaymentStatus("idle");
       setError(null);
-      log("Payment created and state updated");
+      setStep("confirm");
+      log("Payment created and proceeding to confirmation");
     } catch (err) {
       log("Error creating payment:", err);
       setError(err.message || "Failed to create payment");
@@ -26218,40 +26267,14 @@ const CoinleyCheckout = forwardRef(({
       if (onError)
         onError(err);
     }
-  };
-  const handleClose = () => {
-    if (checkingInterval) {
-      clearInterval(checkingInterval);
-      setCheckingInterval(null);
-    }
-    if (processingTimerRef.current) {
-      clearTimeout(processingTimerRef.current);
-      processingTimerRef.current = null;
-    }
-    setIsOpen(false);
-    setTransactionHash(null);
-    setWalletConnection(null);
-    setSelectedPaymentMethod(null);
-    setStep("select-currency");
-    setProcessingStartTime(null);
-    setPendingBackendConfirmation(false);
-    if (onClose)
-      onClose();
-  };
-  const handlePaymentMethodSelect = (paymentMethod) => {
-    console.log("=== PAYMENT METHOD SELECTION DEBUG ===");
-    console.log("1. Payment method selected:", paymentMethod);
-    console.log("2. Current step before:", step);
-    log("Payment method selected:", paymentMethod);
-    setSelectedPaymentMethod(paymentMethod);
-    setStep("confirm");
-    console.log("3. Step should now be: confirm");
     console.log("=== END PAYMENT METHOD SELECTION DEBUG ===");
   };
   const handleBack = () => {
     if (step === "confirm") {
       setStep("select-currency");
       setWalletConnection(null);
+      setPayment(null);
+      setSelectedPaymentMethod(null);
     } else if (step === "error") {
       setStep("confirm");
     }