@bigz-app/booking-widget 1.1.6 → 1.1.7

package/dist/index.esm.js

@@ -6484,6 +6484,7 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
         formData.participants,
         formData.customerEmail,
         formData.customerName,
+        formData.comment,
         totalAmount,
         discountCode,
         giftCards,
@@ -11045,6 +11046,8 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
     const watchedParticipants = form.watch("participants");
     const watchedCustomerName = form.watch("customerName");
     const watchedCustomerEmail = form.watch("customerEmail");
+    const watchedComment = form.watch("comment");
+    const watchedCustomerPhone = form.watch("customerPhone");
     const customerNameError = form.formState.errors.customerName;
     const customerEmailError = form.formState.errors.customerEmail;
     const watchedAcceptTerms = form.watch("acceptTerms");
@@ -11156,6 +11159,13 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
             participantIndices,
         }));
     }, [participantUpsells, watchedParticipants]);
+    const paymentFormData = useMemo(() => ({
+        customerName: watchedCustomerName,
+        customerEmail: watchedCustomerEmail,
+        customerPhone: watchedCustomerPhone,
+        participants: watchedParticipants,
+        comment: watchedComment,
+    }), [watchedCustomerName, watchedCustomerEmail, watchedCustomerPhone, watchedParticipants, watchedComment]);
     const appliedDiscountCode = appliedVouchers.find((v) => v.type === "discount");
     const appliedGiftCards = appliedVouchers.filter((v) => v.type === "giftCard");
     const handleVoucherValidated = useCallback((voucher, _error) => {
@@ -11545,9 +11555,9 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 }
                                                 : null;
                                             if (systemConfig?.paymentProvider === "mollie") {
-                                                return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(MolliePaymentForm, { config: config, eventDetails: eventDetails, formData: form.getValues(), totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, upsellSelections: aggregatedUpsellSelections(), mollieProfileId: systemConfig?.mollieProfileId, mollieTestmode: systemConfig?.mollieTestmode })] }));
+                                                return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(MolliePaymentForm, { config: config, eventDetails: eventDetails, formData: paymentFormData, totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, upsellSelections: aggregatedUpsellSelections(), mollieProfileId: systemConfig?.mollieProfileId, mollieTestmode: systemConfig?.mollieTestmode })] }));
                                             }
-                                            return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(PaymentForm, { config: config, eventDetails: eventDetails, formData: form.getValues(), totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig ?? null, stripePromise: stripePromise, stripeAppearance: stripeAppearance, upsellSelections: aggregatedUpsellSelections() })] }));
+                                            return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(PaymentForm, { config: config, eventDetails: eventDetails, formData: paymentFormData, totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig ?? null, stripePromise: stripePromise, stripeAppearance: stripeAppearance, upsellSelections: aggregatedUpsellSelections() })] }));
                                         })() })] })] })] }) }));
 }