@tripian/react 9.3.28 → 9.3.29

package/index.js

@@ -93684,7 +93684,13 @@ const KiwiHotelCard_scss_1 = __importDefault(__webpack_require__(1134));
 const KiwiHotelCardImage_1 = __importDefault(__webpack_require__(1135));
 const KiwiVisaBenefitsModal_1 = __importDefault(__webpack_require__(450));
 const currencySymbol_1 = __webpack_require__(123);
-const KiwiHotelCard = ({ hotel, isFavorite, onFavoriteToggle, showVisaBadge, onHover, onSpecialOffersClick, t }) => {
+const buildBookingUrl = (catalogUrl, checkIn, checkOut, adults, children) => {
+    const base = catalogUrl.replace(/\/$/, '');
+    if (!checkIn || !checkOut)
+        return base;
+    return `${base}/${checkIn}/${checkOut}/${adults !== null && adults !== void 0 ? adults : 2}/${children !== null && children !== void 0 ? children : 0}/1`;
+};
+const KiwiHotelCard = ({ hotel, isFavorite, onFavoriteToggle, showVisaBadge, onHover, onSpecialOffersClick, onCardClick, checkIn, checkOut, adults, children, t }) => {
     const [visaModalOpen, setVisaModalOpen] = (0, react_1.useState)(false);
     const starCount = Math.min(5, Math.round(parseFloat(hotel.starRating) || 0));
     const score = parseFloat(hotel.kiwiOverallScore) || 0;
@@ -93709,10 +93715,7 @@ const KiwiHotelCard = ({ hotel, isFavorite, onFavoriteToggle, showVisaBadge, onH
     const hasInfoTable = perks.length > 0 || hasSpecialOffer || roomCount || settings || styles;
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    react_1.default.createElement("div", { className: KiwiHotelCard_scss_1.default.card, onMouseEnter: () => onHover === null || onHover === void 0 ? void 0 : onHover(hotel.code), onMouseLeave: () => onHover === null || onHover === void 0 ? void 0 : onHover(null), onClick: () => {
-            if (hotel.catalogUrl)
-                window.open(hotel.catalogUrl, '_blank', 'noopener,noreferrer');
-        }, role: hotel.websiteURL ? 'button' : undefined, tabIndex: hotel.websiteURL ? 0 : undefined },
+    react_1.default.createElement("div", { className: KiwiHotelCard_scss_1.default.card, onMouseEnter: () => onHover === null || onHover === void 0 ? void 0 : onHover(hotel.code), onMouseLeave: () => onHover === null || onHover === void 0 ? void 0 : onHover(null), onClick: () => onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick(hotel), role: onCardClick ? 'button' : undefined, tabIndex: onCardClick ? 0 : undefined },
         react_1.default.createElement("div", { className: KiwiHotelCard_scss_1.default.imageArea },
             react_1.default.createElement(KiwiHotelCardImage_1.default, { images: imageUrls, alt: hotel.title, isFavorite: isFavorite, onFavoriteToggle: onFavoriteToggle ? () => onFavoriteToggle(hotel) : undefined })),
         react_1.default.createElement("div", { className: KiwiHotelCard_scss_1.default.content },
@@ -93729,7 +93732,7 @@ const KiwiHotelCard = ({ hotel, isFavorite, onFavoriteToggle, showVisaBadge, onH
                     react_1.default.createElement("button", { type: "button", className: KiwiHotelCard_scss_1.default.bookBtn, onClick: (e) => {
                             e.stopPropagation();
                             if (hotel.catalogUrl)
-                                window.open(hotel.catalogUrl, '_blank', 'noopener,noreferrer');
+                                window.open(buildBookingUrl(hotel.catalogUrl, checkIn, checkOut, adults, children), '_blank', 'noopener,noreferrer');
                         } }, t('kiwi.card.book')))),
             react_1.default.createElement("div", { className: KiwiHotelCard_scss_1.default.row2 },
                 react_1.default.createElement("span", { className: KiwiHotelCard_scss_1.default.name }, hotel.title),
@@ -94806,15 +94809,14 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
                                                         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: () => {
+                                            hotel.catalogUrl && (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 });
-                                                    }
-                                                    else if (onBookNow) {
-                                                        onBookNow(hotel, room, rate);
-                                                    }
+                                                    const base = hotel.catalogUrl.replace(/\/$/, '');
+                                                    const url = internalCheckIn && internalCheckOut
+                                                        ? `${base}/${internalCheckIn}/${internalCheckOut}/${internalAdults}/${internalChildren}/1`
+                                                        : base;
+                                                    window.open(url, '_blank', 'noopener,noreferrer');
                                                 } }, t('kiwi.common.bookNow'))))),
                                     (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); } },
@@ -94889,17 +94891,13 @@ const KiwiHotelInfoModal = ({ hotel, onClose, fetchPropertyDetail, fetchProperty
                                 react_1.default.createElement("polyline", { points: "9 18 15 12 9 6" })))))))),
         visaModalOpen && react_1.default.createElement(KiwiVisaBenefitsModal_1.default, { onClose: () => setVisaModalOpen(false), t: t }),
         offersModalOpen && (react_1.default.createElement(KiwiSpecialOffersModal_1.default, { hotelName: data.title, specialOffers: loadingDetail ? undefined : ((_b = propertyDetail === null || propertyDetail === void 0 ? void 0 : propertyDetail.specialOffers) !== null && _b !== void 0 ? _b : []), onClose: () => setOffersModalOpen(false), t: t })),
-        roomRateModal && (react_1.default.createElement(KiwiRoomRateModal_1.default, { roomTitle: roomRateModal.roomTitle, rate: roomRateModal.rate, currency: roomRateModal.currency, nightCount: nightCount, onClose: () => setRoomRateModal(undefined), t: t, onBookNow: onCreateReservation || onBookNow ? () => {
-                const { rate: rr, currency: rc } = roomRateModal;
-                const matchingRoom = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.rooms.find((r) => { var _a; return (_a = r.rates) === null || _a === void 0 ? void 0 : _a.some((rt) => rt.code === rr.code); });
+        roomRateModal && (react_1.default.createElement(KiwiRoomRateModal_1.default, { roomTitle: roomRateModal.roomTitle, rate: roomRateModal.rate, currency: roomRateModal.currency, nightCount: nightCount, onClose: () => setRoomRateModal(undefined), t: t, onBookNow: hotel.catalogUrl ? () => {
                 setRoomRateModal(undefined);
-                if (onCreateReservation) {
-                    if (matchingRoom)
-                        setBookingModal({ room: matchingRoom, rate: rr, currency: rc });
-                }
-                else if (onBookNow && matchingRoom) {
-                    onBookNow(hotel, matchingRoom, rr);
-                }
+                const base = hotel.catalogUrl.replace(/\/$/, '');
+                const url = internalCheckIn && internalCheckOut
+                    ? `${base}/${internalCheckIn}/${internalCheckOut}/${internalAdults}/${internalChildren}/1`
+                    : base;
+                window.open(url, '_blank', 'noopener,noreferrer');
             } : undefined })),
         bookingModal && onCreateReservation && (react_1.default.createElement(KiwiBookingModal_1.default, { hotelName: data.title, roomTitle: bookingModal.room.title, rate: bookingModal.rate, currency: bookingModal.currency, checkIn: internalCheckIn, checkOut: internalCheckOut, nightCount: nightCount, adults: internalAdults, children: internalChildren, propertyCode: hotel.code, roomCode: bookingModal.room.code, generateExternalId: generateExternalId || (() => `${hotel.code}-${Date.now()}`), onClose: () => setBookingModal(undefined), onCreateReservation: async (req) => {
                 const res = await onCreateReservation(req);