@tripian/react 9.3.29 → 9.3.31

package/components/PoiInfo/PoiInfo.d.ts

@@ -34,6 +34,7 @@ interface IPoiInfo {
     loadingFeedback: boolean;
     feedbackSubjects: Model.FeedbackSubjects[];
     isBookingClicked: boolean;
+    onBookableTabClick?: () => void;
     timezone?: string;
     sendFeedback: (value: Model.FeedbackRequest) => Promise<void>;
     placeInfoCallBack: () => void;

package/components/PoiInfo/PoiInfoText/PoiInfoText.d.ts

@@ -22,6 +22,7 @@ interface IPoiInfoText {
     ticketProducts: Model.BookingProduct[];
     isBookingClicked?: boolean;
     getTourInfo?: (productId: string, poi: Model.Poi) => void;
+    onBookableTabClick?: () => void;
     sendFeedback: (value: Model.FeedbackRequest) => Promise<void>;
     t: (value: Model.TranslationKey) => string;
     plans?: Model.Plan[];

package/components/StepInfo/StepInfo.d.ts

@@ -34,6 +34,7 @@ interface IStepInfo {
     placeInfoCallBack: () => void;
     showStepScoreDetails: boolean;
     isBookingClicked: boolean;
+    onBookableTabClick?: () => void;
     timezone?: string;
     onImageModalChange?: (isOpen: boolean) => void;
     t: (value: Model.TranslationKey) => string;

package/index.js

@@ -59919,7 +59919,7 @@ const PoiInfo = ({ poi, favorite, toggleFavorite, close, addRemoveReplacePoi, da
 // TICKET_PROVIDER_IDS,
 RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers, isLoadingOffer, offerButtonClick, offerCardClicked, hideOffers, 
 // offerClicked,
-loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedback, redeemClicked, onImageModalChange, stepType, t, plans, currentDayIndex, onTimelineAdd, }) => {
+loadingFeedback, feedbackSubjects, isBookingClicked, onBookableTabClick, timezone = 'UTC', sendFeedback, redeemClicked, onImageModalChange, stepType, t, plans, currentDayIndex, onTimelineAdd, }) => {
     var _a, _b, _c;
     const [optInModalWarningMessage, setOptInModalWarningMessage] = (0, react_1.useState)([]);
     const [showShareModal, setShowShareModal] = (0, react_1.useState)(false);
@@ -59972,7 +59972,7 @@ loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedb
             react_1.default.createElement("div", { className: PoiInfo_scss_1.default.content },
                 react_1.default.createElement("div", { className: PoiInfo_scss_1.default.gallery },
                     react_1.default.createElement(PoiInfoImageDesktop_1.default, { poi: poi, onImageModalChange: onImageModalChange, t: t, stepType: stepType }))),
-            react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideFeatures: hideFeatures, hideCuisine: hideCuisine, hideTours: hideTours, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, reservationButtonClick: reservationButtonClick, tourProducts: tourProducts, ticketProducts: ticketProducts, addRemoveReplacePoi: addRemoveReplacePoi, partOfDay: partOfDay, hideActionButtons: hideActionButtons, replace: replace, stepOrder: stepOrder, getTourInfo: getTourInfo, tourTicketProductsLoading: tourTicketProductsLoading, RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, isBookingClicked: isBookingClicked, t: t, plans: plans, currentDayIndex: currentDayIndex, onTimelineAdd: onTimelineAdd }),
+            react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideFeatures: hideFeatures, hideCuisine: hideCuisine, hideTours: hideTours, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, reservationButtonClick: reservationButtonClick, tourProducts: tourProducts, ticketProducts: ticketProducts, addRemoveReplacePoi: addRemoveReplacePoi, partOfDay: partOfDay, hideActionButtons: hideActionButtons, replace: replace, stepOrder: stepOrder, getTourInfo: getTourInfo, tourTicketProductsLoading: tourTicketProductsLoading, RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, isBookingClicked: isBookingClicked, onBookableTabClick: onBookableTabClick, t: t, plans: plans, currentDayIndex: currentDayIndex, onTimelineAdd: onTimelineAdd }),
             !hideOffers && poi.offers && poi.offers.length > 0 && (react_1.default.createElement("div", { className: "col col12 px5 pb5" },
                 poi.offers.map((offer, i) => {
                     var _a, _b;
@@ -60271,7 +60271,7 @@ const PoiActionButton_1 = __importDefault(__webpack_require__(169));
 const TourCard_1 = __importDefault(__webpack_require__(443));
 const PreLoading_1 = __importDefault(__webpack_require__(15));
 const PoiInfoText_scss_1 = __importDefault(__webpack_require__(1029));
-const PoiInfoText = ({ poi, hideFeatures, hideCuisine, reservationUrl, hideBookingButton = false, hideActionButtons = false, replace = false, stepOrder = -1, addRemoveReplacePoi, partOfDay, reservationButtonClick, tourTicketProductsLoading, hideFeedback = false, loadingFeedback, feedbackSubjects, tourProducts, ticketProducts, isBookingClicked = false, getTourInfo, hideTours, sendFeedback, RESTAURANT_RESERVATION_PROVIDER_IDS, t, plans, currentDayIndex, onTimelineAdd, }) => {
+const PoiInfoText = ({ poi, hideFeatures, hideCuisine, reservationUrl, hideBookingButton = false, hideActionButtons = false, replace = false, stepOrder = -1, addRemoveReplacePoi, partOfDay, reservationButtonClick, tourTicketProductsLoading, hideFeedback = false, loadingFeedback, feedbackSubjects, tourProducts, ticketProducts, isBookingClicked = false, getTourInfo, hideTours, sendFeedback, onBookableTabClick, RESTAURANT_RESERVATION_PROVIDER_IDS, t, plans, currentDayIndex, onTimelineAdd, }) => {
     var _a, _b;
     const [activeTab, setActiveTab] = (0, react_1.useState)('overview');
     const [activeBookableTab, setActiveBookableTab] = (0, react_1.useState)('tickets');
@@ -60418,7 +60418,7 @@ const PoiInfoText = ({ poi, hideFeatures, hideCuisine, reservationUrl, hideBooki
         react_1.default.createElement("div", { className: `hide-m ${PoiInfoText_scss_1.default.dot}` }),
         react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.tabs, role: "tablist", ref: tabsRef },
             react_1.default.createElement("button", { className: `${PoiInfoText_scss_1.default.tab} ${activeTab === 'overview' ? PoiInfoText_scss_1.default.active : ''}`, onClick: () => setActiveTab('overview'), role: "tab", "aria-selected": activeTab === 'overview', type: "button" }, t('overview.desktop')),
-            react_1.default.createElement("button", { className: `${PoiInfoText_scss_1.default.tab} ${activeTab === 'bookable' ? PoiInfoText_scss_1.default.active : ''}`, onClick: () => setActiveTab('bookable'), role: "tab", "aria-selected": activeTab === 'bookable', type: "button" }, t('bookable.desktop'))),
+            react_1.default.createElement("button", { className: `${PoiInfoText_scss_1.default.tab} ${activeTab === 'bookable' ? PoiInfoText_scss_1.default.active : ''}`, onClick: () => { setActiveTab('bookable'); onBookableTabClick === null || onBookableTabClick === void 0 ? void 0 : onBookableTabClick(); }, role: "tab", "aria-selected": activeTab === 'bookable', type: "button" }, t('bookable.desktop'))),
         activeTab === 'overview' && (react_1.default.createElement(react_1.default.Fragment, null,
             poi.description && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.description, dangerouslySetInnerHTML: { __html: dompurify_1.default.sanitize(poi.description) } }),
@@ -92307,14 +92307,14 @@ const StepInfo = ({ step, favorite, toggleFavorite, removeStep, close, dayNumber
 hidePartOfDay, hideFeatures, hideCuisine, reservationButtonClick, planDate, favoriteLoading, reservationUrl, hideBookingButton, hideTours, getTourInfo, tourProducts, ticketProducts, tourTicketProductsLoading, 
 // TOUR_PROVIDER_IDS,
 // TICKET_PROVIDER_IDS,
-RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers, isLoadingOffer, offerButtonClick, offerCardClicked, hideOffers, loadingFeedback, feedbackSubjects, sendFeedback, placeInfoCallBack, isBookingClicked, timezone, onImageModalChange, t, }) => (react_1.default.createElement(PoiInfo_1.default, { dayNumbers: dayNumbers, poi: step.poi, favorite: favorite, toggleFavorite: toggleFavorite, close: close, addRemoveReplacePoi: () => {
+RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers, isLoadingOffer, offerButtonClick, offerCardClicked, hideOffers, loadingFeedback, feedbackSubjects, sendFeedback, placeInfoCallBack, isBookingClicked, onBookableTabClick, timezone, onImageModalChange, t, }) => (react_1.default.createElement(PoiInfo_1.default, { dayNumbers: dayNumbers, poi: step.poi, favorite: favorite, toggleFavorite: toggleFavorite, close: close, addRemoveReplacePoi: () => {
         removeStep(step.id);
     }, stepOrder: step.order, hideActionButtons: hideActionButtons, hideFavoriteIcon: hideFavoriteIcon, 
     // hideScore={hideScore}
     hidePartOfDay: hidePartOfDay, hideFeatures: hideFeatures, hideCuisine: hideCuisine, reservationButtonClick: reservationButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, tourProducts: tourProducts, ticketProducts: ticketProducts, tourTicketProductsLoading: tourTicketProductsLoading, 
     // TOUR_PROVIDER_IDS={TOUR_PROVIDER_IDS}
     // TICKET_PROVIDER_IDS={TICKET_PROVIDER_IDS}
-    RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers: myOffers, isLoadingOffer: isLoadingOffer, offerButtonClick: offerButtonClick, offerCardClicked: offerCardClicked, hideOffers: hideOffers, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, placeInfoCallBack: placeInfoCallBack, isBookingClicked: isBookingClicked, timezone: timezone, onImageModalChange: onImageModalChange, stepType: step.stepType, t: t }));
+    RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers: myOffers, isLoadingOffer: isLoadingOffer, offerButtonClick: offerButtonClick, offerCardClicked: offerCardClicked, hideOffers: hideOffers, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, placeInfoCallBack: placeInfoCallBack, isBookingClicked: isBookingClicked, onBookableTabClick: onBookableTabClick, timezone: timezone, onImageModalChange: onImageModalChange, stepType: step.stepType, t: t }));
 exports.default = StepInfo;