@tripian/react 9.3.23 → 9.3.24

package/index.js

@@ -61609,7 +61609,7 @@ const validatePayment = (f) => {
         e.card_security = 'Invalid CVV';
     return e;
 };
-const KiwiBookingModal = ({ hotelName, roomTitle, rate, currency, checkIn, checkOut, nightCount, adults, children, propertyCode, roomCode, generateExternalId, onClose, onCreateReservation, }) => {
+const KiwiBookingModal = ({ hotelName, roomTitle, rate, currency, checkIn, checkOut, nightCount, adults, children, propertyCode, roomCode, generateExternalId, onClose, onCreateReservation, onReservationFailed, }) => {
     var _a;
     const [step, setStep] = (0, react_1.useState)(1);
     const [lead, setLead] = (0, react_1.useState)(emptyLead);
@@ -61717,11 +61717,17 @@ const KiwiBookingModal = ({ hotelName, roomTitle, rate, currency, checkIn, check
                 setStep(3);
             }
             else {
-                setApiError('Reservation could not be completed. Please try again.');
+                const msg = 'Reservation could not be completed. Please try again.';
+                setApiError(msg);
+                if (onReservationFailed)
+                    onReservationFailed(msg);
             }
         }
-        catch {
-            setApiError('An error occurred. Please check your details and try again.');
+        catch (err) {
+            const msg = 'An error occurred. Please check your details and try again.';
+            setApiError(msg);
+            if (onReservationFailed)
+                onReservationFailed(msg);
         }
         finally {
             setSubmitting(false);
@@ -94265,7 +94271,7 @@ const TABS = [
     { key: 'rooms', label: 'Rooms' },
     { key: 'contact', label: 'Contact Us' },
 ];
-const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchPropertyAvailability, availabilityRequest, searchDestination = '', searchCheckIn = '', searchCheckOut = '', searchAdults = 2, searchChildren = 0, searchCitySuggestions, onSearchDestinationChange, onSearchCitySelect, onSearchCheckInChange, onSearchCheckOutChange, onSearchAdultsChange, onSearchChildrenChange, onSearch, onBookNow, onCreateReservation, onReservationCreated, generateExternalId, isFavorite, onFavoriteToggle, showVisaBadge, dayBadgeText, onDayBadgeRemove, onShare, topOffset = '0px', }) => {
+const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchPropertyAvailability, availabilityRequest, searchDestination = '', searchCheckIn = '', searchCheckOut = '', searchAdults = 2, searchChildren = 0, searchCitySuggestions, onSearchDestinationChange, onSearchCitySelect, onSearchCheckInChange, onSearchCheckOutChange, onSearchAdultsChange, onSearchChildrenChange, onSearch, onBookNow, onCreateReservation, onReservationCreated, generateExternalId, isFavorite, onFavoriteToggle, showVisaBadge, dayBadgeText, onDayBadgeRemove, onShare, topOffset = '0px', onRoomsTabView, onRoomAvailabilitySearch, onRateDetailOpen, onSeeMoreDetails, onBookNowClick, onReservationFailed, }) => {
     var _a, _b;
     const [propertyDetail, setPropertyDetail] = (0, react_1.useState)(undefined);
     const [loadingDetail, setLoadingDetail] = (0, react_1.useState)(false);
@@ -94340,6 +94346,8 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
     const triggerAvailabilityFetch = (checkIn, checkOut, adults, children) => {
         if (!fetchPropertyAvailability || !hotel.code || !checkIn || !checkOut)
             return;
+        if (onRoomAvailabilitySearch)
+            onRoomAvailabilitySearch(hotel, checkIn, checkOut, adults, children);
         setLoadingAvailability(true);
         setAvailabilityData(undefined);
         fetchPropertyAvailability(hotel.code, { in_date: checkIn, out_date: checkOut, adults, children })
@@ -94352,6 +94360,8 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
         var _a, _b;
         if (activeTab !== 'rooms')
             return;
+        if (onRoomsTabView)
+            onRoomsTabView(hotel);
         const checkIn = (availabilityRequest === null || availabilityRequest === void 0 ? void 0 : availabilityRequest.in_date) || internalCheckIn;
         const checkOut = (availabilityRequest === null || availabilityRequest === void 0 ? void 0 : availabilityRequest.out_date) || internalCheckOut;
         const adults = (_a = availabilityRequest === null || availabilityRequest === void 0 ? void 0 : availabilityRequest.adults) !== null && _a !== void 0 ? _a : internalAdults;
@@ -94769,13 +94779,16 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
                                                     new Intl.NumberFormat('en-US').format(Math.round(nightlyPrice)),
                                                     " ",
                                                     rateCurrency),
-                                                react_1.default.createElement("button", { type: "button", className: KiwiHotelInfoModal_scss_1.default.ratePriceLabelRow, onClick: () => setRateDetailInfo({ rate, currency: rateCurrency }) },
+                                                react_1.default.createElement("button", { type: "button", className: KiwiHotelInfoModal_scss_1.default.ratePriceLabelRow, onClick: () => { setRateDetailInfo({ rate, currency: rateCurrency }); if (onRateDetailOpen)
+                                                        onRateDetailOpen(hotel, room, rate); } },
                                                     react_1.default.createElement("span", null, "Average nightly rate"),
                                                     react_1.default.createElement("svg", { className: KiwiHotelInfoModal_scss_1.default.ratePriceInfoIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", xmlns: "http://www.w3.org/2000/svg" },
                                                         react_1.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
                                                         react_1.default.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
                                                         react_1.default.createElement("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" }))))),
                                             (onCreateReservation || onBookNow) && (react_1.default.createElement("button", { type: "button", className: KiwiHotelInfoModal_scss_1.default.bookNowBtn, onClick: () => {
+                                                    if (onBookNowClick)
+                                                        onBookNowClick(hotel, room, rate);
                                                     if (onCreateReservation) {
                                                         setBookingModal({ room, rate, currency: rateCurrency });
                                                     }
@@ -94783,7 +94796,8 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
                                                         onBookNow(hotel, room, rate);
                                                     }
                                                 } }, "Book Now")))),
-                                    (rate.description || (rate.policies && Object.values(rate.policies).some(Boolean))) && (react_1.default.createElement("button", { type: "button", className: KiwiHotelInfoModal_scss_1.default.seeMoreBtn, onClick: () => setRoomRateModal({ roomTitle: room.title, rate, currency: rateCurrency }) },
+                                    (rate.description || (rate.policies && Object.values(rate.policies).some(Boolean))) && (react_1.default.createElement("button", { type: "button", className: KiwiHotelInfoModal_scss_1.default.seeMoreBtn, onClick: () => { setRoomRateModal({ roomTitle: room.title, rate, currency: rateCurrency }); if (onSeeMoreDetails)
+                                            onSeeMoreDetails(hotel, room, rate); } },
                                         react_1.default.createElement("span", { className: KiwiHotelInfoModal_scss_1.default.seeMoreDesktop }, "See more details"),
                                         react_1.default.createElement("span", { className: KiwiHotelInfoModal_scss_1.default.seeMoreMobile }, "More Info")))));
                             }))));
@@ -94873,7 +94887,7 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
                     onReservationCreated(res.data, req.external_id);
                 }
                 return res;
-            } })),
+            }, onReservationFailed: onReservationFailed ? (msg) => onReservationFailed(hotel, bookingModal.room, bookingModal.rate, msg) : undefined })),
         rateDetailInfo && (react_1.default.createElement(KiwiRateDetailModal_1.default, { rate: rateDetailInfo.rate, currency: rateDetailInfo.currency, nightCount: nightCount, onClose: () => setRateDetailInfo(undefined) }))), document.body);
 };
 exports.default = KiwiHotelInfoModal;