@bigz-app/booking-widget 0.1.21 → 0.1.22

package/dist/booking-widget.js

@@ -9179,14 +9179,39 @@
                   return;
               }
               // First, confirm the payment with Stripe
+              const confirmParams = {
+                  return_url: "https://bigz.surfschule-zingst.de/booking/success",
+              };
+              // Ensure return_url is properly formatted and doesn't contain fragment identifiers
+              try {
+                  const url = new URL(confirmParams.return_url);
+                  // Remove any fragment identifiers that might cause issues
+                  url.hash = "";
+                  confirmParams.return_url = url.toString();
+              }
+              catch (e) {
+                  console.warn("[PAYMENT_FORM] Invalid return_url, using fallback:", confirmParams.return_url);
+                  // Fallback to current origin if URL parsing fails
+                  confirmParams.return_url = window.location.origin + window.location.pathname;
+              }
+              console.log("[PAYMENT_FORM] Confirming payment with params:", {
+                  paymentIntentId: clientSecret.split("_secret_")[0],
+                  return_url: confirmParams.return_url,
+                  redirect: "if_required",
+              });
               const { error, paymentIntent } = await stripe.confirmPayment({
                   elements,
-                  confirmParams: {
-                      return_url: window.location.href,
-                  },
+                  confirmParams,
                   redirect: "if_required",
               });
               if (error) {
+                  console.error("[PAYMENT_FORM] Payment confirmation error:", {
+                      type: error.type,
+                      code: error.code,
+                      message: error.message,
+                      decline_code: error.decline_code,
+                      payment_intent: error.payment_intent,
+                  });
                   if (error.type === "card_error" || error.type === "validation_error") {
                       setPaymentError(error.message || "Zahlungsfehler");
                   }
@@ -9383,16 +9408,41 @@
                   const endpoint = isConnectMode
                       ? "/booking/create-payment-intent"
                       : "/booking-proxy/create-payment-intent";
-                  // Build request data
+                  // Build request data with validation
                   const requestData = {
                       eventInstanceId: config.eventInstanceId || eventDetails.id,
                       organizationId: config.organizationId, // Required for payment intent creation
-                      amount: totalAmount,
+                      amount: Math.round(totalAmount), // Ensure integer (should already be in cents)
                       currency: "eur",
-                      participants: formData.participants.filter((p) => p.name.trim()),
+                      participants: formData.participants.filter((p) => p.name?.trim()),
                       discountCode: discountCode?.code,
-                      customerEmail: formData.customerEmail,
+                      customerEmail: formData.customerEmail?.trim(),
                   };
+                  // Validate required fields
+                  if (!requestData.eventInstanceId) {
+                      throw new Error("Event instance ID is required");
+                  }
+                  if (!requestData.organizationId) {
+                      throw new Error("Organization ID is required");
+                  }
+                  if (!requestData.amount || requestData.amount <= 0) {
+                      throw new Error("Valid amount is required");
+                  }
+                  if (!requestData.participants || requestData.participants.length === 0) {
+                      throw new Error("At least one participant is required");
+                  }
+                  if (!requestData.customerEmail) {
+                      throw new Error("Customer email is required");
+                  }
+                  console.log("[PAYMENT_FORM] Creating payment intent:", {
+                      endpoint,
+                      mode: isConnectMode ? "connect" : "apikey",
+                      amount: requestData.amount,
+                      currency: requestData.currency,
+                      participantCount: requestData.participants.length,
+                      organizationId: requestData.organizationId,
+                      eventInstanceId: requestData.eventInstanceId,
+                  });
                   // Add mode-specific fields
                   if (!isConnectMode) {
                       // ApiKey mode needs additional fields
@@ -9408,14 +9458,25 @@
                   });
                   const data = await response.json();
                   if (response.ok) {
+                      console.log("[PAYMENT_FORM] Payment intent created successfully:", {
+                          hasClientSecret: !!data.clientSecret,
+                          clientSecretPrefix: `${data.clientSecret?.substring(0, 20)}...`,
+                      });
                       setClientSecret(data.clientSecret);
                   }
                   else {
+                      console.error("[PAYMENT_FORM] Payment intent creation failed:", {
+                          status: response.status,
+                          error: data.error,
+                          details: data.details,
+                          requestData: { ...requestData, customerEmail: "[redacted]" },
+                      });
                       setPaymentError(data.error || "Fehler beim Erstellen der Zahlungsabsicht");
                   }
               }
               catch (err) {
-                  setPaymentError("Fehler beim Erstellen der Zahlungsabsicht");
+                  console.error("[PAYMENT_FORM] Payment intent creation error:", err);
+                  setPaymentError(err.message || "Fehler beim Erstellen der Zahlungsabsicht");
               }
               finally {
                   setIsCreatingPaymentIntent(false);
@@ -11678,6 +11739,25 @@
                   if (data.connectedAccountId) {
                       stripeOptions.stripeAccount = data.connectedAccountId;
                   }
+                  // Add options to prevent sandbox warnings in vanilla JS environments
+                  if (typeof window !== "undefined" && window.document) {
+                      // Check if we're in a potential iframe or restricted environment
+                      try {
+                          // Test if we can access parent window (this will throw in sandbox)
+                          const hasParentAccess = window.parent === window || window.parent.location.href;
+                          // Add apiVersion to ensure compatibility
+                          stripeOptions.apiVersion = "2025-02-24.acacia";
+                          // For vanilla JS builds, explicitly set betas to empty array to avoid issues
+                          if (!stripeOptions.betas) {
+                              stripeOptions.betas = [];
+                          }
+                      }
+                      catch (e) {
+                          // We're likely in a sandboxed environment, add specific options
+                          console.warn("[WIDGET] Detected restricted environment, adjusting Stripe options");
+                          stripeOptions.betas = [];
+                      }
+                  }
                   setStripePromise(loadStripe(data.stripePublishableKey, stripeOptions));
               }
               // If only one instance, skip to booking
@@ -11719,6 +11799,25 @@
                       if (data.connectedAccountId) {
                           stripeOptions.stripeAccount = data.connectedAccountId;
                       }
+                      // Add options to prevent sandbox warnings in vanilla JS environments
+                      if (typeof window !== "undefined" && window.document) {
+                          // Check if we're in a potential iframe or restricted environment
+                          try {
+                              // Test if we can access parent window (this will throw in sandbox)
+                              const hasParentAccess = window.parent === window || window.parent.location.href;
+                              // Add apiVersion to ensure compatibility
+                              stripeOptions.apiVersion = "2025-02-24.acacia";
+                              // For vanilla JS builds, explicitly set betas to empty array to avoid issues
+                              if (!stripeOptions.betas) {
+                                  stripeOptions.betas = [];
+                              }
+                          }
+                          catch (e) {
+                              // We're likely in a sandboxed environment, add specific options
+                              console.warn("[WIDGET] Detected restricted environment, adjusting Stripe options");
+                              stripeOptions.betas = [];
+                          }
+                      }
                       setStripePromise(loadStripe(data.stripePublishableKey, stripeOptions));
                   }
               }