@bigz-app/booking-widget 0.2.0 → 0.2.1

package/dist/booking-widget.js

@@ -9343,6 +9343,7 @@
   // Main PaymentForm component that handles payment intent creation and Elements wrapper
   function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode, onSuccess, onError, systemConfig, stripePromise, stripeAppearance, }) {
       const [clientSecret, setClientSecret] = d$1(null);
+      const [paymentIntentId, setPaymentIntentId] = d$1(null);
       const [isCreatingPaymentIntent, setIsCreatingPaymentIntent] = d$1(false);
       const [paymentError, setPaymentError] = d$1(null);
       // Create payment intent when component mounts or when relevant data changes
@@ -9382,6 +9383,7 @@
                       customerEmail: formData.customerEmail?.trim(),
                       customerPhone: formData.customerPhone?.trim(),
                       comment: formData.comment?.trim(),
+                      ...(paymentIntentId && { paymentIntentId }), // Include existing payment intent ID if available
                   };
                   // Validate required fields
                   if (!requestData.eventInstanceId) {
@@ -9407,6 +9409,7 @@
                   const data = await response.json();
                   if (response.ok) {
                       setClientSecret(data.clientSecret);
+                      setPaymentIntentId(data.paymentIntentId); // Save payment intent ID for future updates
                   }
                   else {
                       console.error("[PAYMENT_FORM] Payment intent creation failed:", {
@@ -9682,6 +9685,7 @@
       customerPhone: stringType().optional(),
       participants: arrayType(participantSchema).min(1, "Mindestens ein Teilnehmer erforderlich"),
       discountCode: stringType().optional(),
+      comment: stringType().optional(),
       acceptTerms: booleanType()
           .refine((val) => val === true, "Bitte akzeptiere die Allgemeinen Geschäftsbedingungen"),
   });
@@ -9697,6 +9701,7 @@
           defaultValues: {
               participants: [{ name: "", age: undefined }],
               discountCode: "",
+              comment: "",
               acceptTerms: false,
           },
       });
@@ -10083,6 +10088,36 @@
                                           backdropFilter: "blur(4px)",
                                           borderRadius: "var(--bw-border-radius)",
                                           padding: "var(--bw-spacing)",
+                                      }, children: [u$2("label", { htmlFor: "booking-comment", style: {
+                                                  fontSize: "var(--bw-font-size)",
+                                                  fontWeight: "500",
+                                                  color: "var(--bw-text-color)",
+                                                  fontFamily: "var(--bw-font-family)",
+                                                  display: "block",
+                                                  marginBottom: "8px",
+                                              }, children: "Kommentar (optional)" }), u$2("textarea", { id: "booking-comment", ...form.register("comment"), placeholder: "Zus\u00E4tzliche Anmerkungen zu Ihrer Buchung...", rows: 3, style: {
+                                                  width: "100%",
+                                                  padding: "12px",
+                                                  border: `1px solid var(--bw-border-color)`,
+                                                  borderRadius: "var(--bw-border-radius)",
+                                                  fontSize: "var(--bw-font-size)",
+                                                  fontFamily: "var(--bw-font-family)",
+                                                  backgroundColor: "var(--bw-input-bg)",
+                                                  color: "var(--bw-text-color)",
+                                                  resize: "vertical",
+                                                  minHeight: "80px",
+                                                  outline: "none",
+                                                  transition: "border-color 0.2s ease",
+                                              }, onFocus: (e) => {
+                                                  e.target.style.borderColor = "var(--bw-highlight-color)";
+                                              }, onBlur: (e) => {
+                                                  e.target.style.borderColor = "var(--bw-border-color)";
+                                              } })] }), u$2("div", { style: {
+                                          backgroundColor: "var(--bw-surface-color)",
+                                          border: `1px solid var(--bw-border-color)`,
+                                          backdropFilter: "blur(4px)",
+                                          borderRadius: "var(--bw-border-radius)",
+                                          padding: "var(--bw-spacing)",
                                       }, children: [u$2("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [u$2("input", { id: "acceptTerms", ...form.register("acceptTerms"), type: "checkbox", style: {
                                                           marginTop: "4px",
                                                           width: "20px",