@tripian/react 9.0.24 → 9.0.25

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

@@ -2,7 +2,7 @@ import React from 'react';
 import Model from '@tripian/model';
 interface IPoiInfoText {
     poi: Model.Poi;
-    hideButtons: boolean;
+    hideFavoriteIcon: boolean;
     favorite: boolean;
     favoriteLoading: boolean;
     favoriteClick: (favorite: boolean) => void;

package/components/StepCardUserReaction/StepCardUserReaction.d.ts

@@ -9,6 +9,7 @@ interface IStepCardUserReaction {
     alternativeReplace: (alternativePoi: Model.Poi) => void;
     showAlternativesChange: (stepId: number, show: boolean) => void;
     showAlternatives?: boolean;
+    showRemoveReplaceButtons?: boolean;
     thumbs?: number;
     thumbsLoading: boolean;
     thumbsClicked: (like: number) => void;

package/components/StepInfo/StepInfo.d.ts

@@ -7,7 +7,8 @@ interface IStepInfo {
     removeStep: (stepId: number) => void;
     close: (poi: Model.Poi) => void;
     dayNumbers: number[];
-    hideRemoveStepButton?: boolean;
+    hideActionButtons?: boolean;
+    hideFavoriteIcon?: boolean;
     planDate?: string;
     bookingButtonClick?: (productId: string, poi: Model.Poi) => void;
     favoriteLoading: boolean;

package/index.js

@@ -22698,7 +22698,7 @@ var Backdrop_1 = __importDefault(__webpack_require__(161));
 var Modal = function (_a) {
     var show = _a.show, zIndex = _a.zIndex, _b = _a.backdropClick, backdropClick = _b === void 0 ? function () { } : _b, _c = _a.style, style = _c === void 0 ? {} : _c, _d = _a.className, className = _d === void 0 ? '' : _d, ref = _a.ref, children = _a.children;
     var newStyle = __assign({}, style);
-    newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-140vh)';
+    newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-200vh)';
     newStyle.opacity = show ? '1' : '0';
     newStyle.background = show ? 'var(--background-color)' : 'transparent';
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -56728,7 +56728,7 @@ var ModalFull_scss_1 = __importDefault(__webpack_require__(847));
 var ModalFull = function (_a) {
     var show = _a.show, _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.className, className = _c === void 0 ? '' : _c, children = _a.children;
     var newStyle = __assign({}, style);
-    newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-140vh)';
+    newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-200vh)';
     newStyle.opacity = show ? '1' : '0';
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "".concat(ModalFull_scss_1.default.ModalFull, " ").concat(className), style: __assign({}, newStyle) }, children)));
@@ -56915,12 +56915,12 @@ var Modal_1 = __importDefault(__webpack_require__(55));
 var scoreDetailHeaders = ['Distance', 'Keywords', 'Rating', 'Popularity', 'Crowd'];
 var PoiInfo = function (_a) {
     var _b, _c;
-    var score = _a.score, scoreDetails = _a.scoreDetails, poi = _a.poi, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, close = _a.close, addRemoveReplacePoi = _a.addRemoveReplacePoi, dayNumbers = _a.dayNumbers, _d = _a.stepOrder, stepOrder = _d === void 0 ? -1 : _d, _e = _a.replace, replace = _e === void 0 ? false : _e, _f = _a.hideActionButtons, hideActionButtons = _f === void 0 ? false : _f, bookingButtonClick = _a.bookingButtonClick, planDate = _a.planDate, favoriteLoading = _a.favoriteLoading, reservationUrl = _a.reservationUrl, hideBookingButton = _a.hideBookingButton, _g = _a.square, square = _g === void 0 ? true : _g, hideTours = _a.hideTours, getTourInfo = _a.getTourInfo, TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick, offerCardClicked = _a.offerCardClicked, hideOffers = _a.hideOffers, 
+    var score = _a.score, scoreDetails = _a.scoreDetails, poi = _a.poi, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, close = _a.close, addRemoveReplacePoi = _a.addRemoveReplacePoi, dayNumbers = _a.dayNumbers, _d = _a.stepOrder, stepOrder = _d === void 0 ? -1 : _d, _e = _a.replace, replace = _e === void 0 ? false : _e, _f = _a.hideActionButtons, hideActionButtons = _f === void 0 ? false : _f, _g = _a.hideFavoriteIcon, hideFavoriteIcon = _g === void 0 ? false : _g, bookingButtonClick = _a.bookingButtonClick, planDate = _a.planDate, favoriteLoading = _a.favoriteLoading, reservationUrl = _a.reservationUrl, hideBookingButton = _a.hideBookingButton, _h = _a.square, square = _h === void 0 ? true : _h, hideTours = _a.hideTours, getTourInfo = _a.getTourInfo, TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick, offerCardClicked = _a.offerCardClicked, hideOffers = _a.hideOffers, 
     // offerClicked,
     loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, redeemClicked = _a.redeemClicked, t = _a.t;
-    var _h = (0, react_1.useState)(false), openTours = _h[0], setOpenTours = _h[1];
-    var _j = (0, react_1.useState)(false), showFeedbackModal = _j[0], setShowFeedbackModal = _j[1];
-    var _k = (0, react_1.useState)([]), optInModalWarningMessage = _k[0], setOptInModalWarningMessage = _k[1];
+    var _j = (0, react_1.useState)(false), openTours = _j[0], setOpenTours = _j[1];
+    var _k = (0, react_1.useState)(false), showFeedbackModal = _k[0], setShowFeedbackModal = _k[1];
+    var _l = (0, react_1.useState)([]), optInModalWarningMessage = _l[0], setOptInModalWarningMessage = _l[1];
     var offerRef = react_1.default.createRef();
     var myRef = react_1.default.createRef();
     moment_1.default.locale(window.twindow.langCode);
@@ -56962,7 +56962,7 @@ var PoiInfo = function (_a) {
             react_1.default.createElement("span", null, Math.round(scoreDetail.scored)),
             " ",
             react_1.default.createElement("div", { className: PoiInfo_scss_1.default.bar, style: { width: "".concat(Math.round(scoreDetail.scored), "%") } }))); }))),
-        react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideButtons: false, favorite: favorite, favoriteLoading: favoriteLoading, favoriteClick: function (fav) {
+        react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideFavoriteIcon: hideFavoriteIcon, favorite: favorite, favoriteLoading: favoriteLoading, favoriteClick: function (fav) {
                 toggleFavorite(poi, fav);
             }, stepOrder: stepOrder, replace: replace, addRemoveReplacePoi: addRemoveReplacePoi, hideActionButtons: hideActionButtons, dayNumbers: dayNumbers, planDate: planDate, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, bookingButtonClick: bookingButtonClick, RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, t: t }),
         !hideOffers && poi.offers && poi.offers.length > 0 && (react_1.default.createElement("div", { className: "col col12 px5 pb5" },
@@ -57208,7 +57208,7 @@ var POI_CARD_ACTION;
 })(POI_CARD_ACTION || (POI_CARD_ACTION = {}));
 var PoiInfoText = function (_a) {
     var _b;
-    var poi = _a.poi, hideButtons = _a.hideButtons, favorite = _a.favorite, favoriteLoading = _a.favoriteLoading, favoriteClick = _a.favoriteClick, _c = _a.stepOrder, stepOrder = _c === void 0 ? -1 : _c, replace = _a.replace, hideActionButtons = _a.hideActionButtons, addRemoveReplacePoi = _a.addRemoveReplacePoi, dayNumbers = _a.dayNumbers, planDate = _a.planDate, reservationUrl = _a.reservationUrl, _d = _a.hideBookingButton, hideBookingButton = _d === void 0 ? false : _d, bookingButtonClick = _a.bookingButtonClick, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, t = _a.t;
+    var poi = _a.poi, hideFavoriteIcon = _a.hideFavoriteIcon, favorite = _a.favorite, favoriteLoading = _a.favoriteLoading, favoriteClick = _a.favoriteClick, _c = _a.stepOrder, stepOrder = _c === void 0 ? -1 : _c, replace = _a.replace, hideActionButtons = _a.hideActionButtons, addRemoveReplacePoi = _a.addRemoveReplacePoi, dayNumbers = _a.dayNumbers, planDate = _a.planDate, reservationUrl = _a.reservationUrl, _d = _a.hideBookingButton, hideBookingButton = _d === void 0 ? false : _d, bookingButtonClick = _a.bookingButtonClick, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, t = _a.t;
     var _e = (0, react_1.useState)(false), show = _e[0], setShow = _e[1];
     // const isAttraction = helper.getCategoryGroup(poi.category[0].id) === Model.POI_CATEGORY_GROUP.ATTRACTION;
     var isRestaurant = poi.bookings.some(function (booking) { return RESTAURANT_RESERVATION_PROVIDER_IDS.includes(booking.providerId); }) && model_1.helper.getCategoryGroup(poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.RESTAURANT;
@@ -57287,7 +57287,7 @@ var PoiInfoText = function (_a) {
                 favoriteClick(!favorite);
             } }));
     }
-    var poiFavorite = !hideButtons ? (react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.favorite },
+    var poiFavorite = !hideFavoriteIcon ? (react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.favorite },
         react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.favoriteButton }, favoriteLoading ? react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }) : favoriteIcon))) : null;
     /**
      * Part Of Day
@@ -84691,12 +84691,12 @@ var emptyImage_1 = __importDefault(__webpack_require__(70));
 var StepCardUserReaction_scss_1 = __importDefault(__webpack_require__(912));
 var StepCardUserReaction = function (_a) {
     var _b;
-    var step = _a.step, clicked = _a.clicked, alternativePois = _a.alternativePois, alternativePoisDays = _a.alternativePoisDays, alternativePoiCardClicked = _a.alternativePoiCardClicked, alternativeReplace = _a.alternativeReplace, showAlternativesChange = _a.showAlternativesChange, _c = _a.showAlternatives, showAlternatives = _c === void 0 ? false : _c, thumbs = _a.thumbs, thumbsLoading = _a.thumbsLoading, thumbsClicked = _a.thumbsClicked, timesClicked = _a.timesClicked, userReactionUndo = _a.userReactionUndo, userReactionRemoveStep = _a.userReactionRemoveStep, 
+    var step = _a.step, clicked = _a.clicked, alternativePois = _a.alternativePois, alternativePoisDays = _a.alternativePoisDays, alternativePoiCardClicked = _a.alternativePoiCardClicked, alternativeReplace = _a.alternativeReplace, showAlternativesChange = _a.showAlternativesChange, _c = _a.showAlternatives, showAlternatives = _c === void 0 ? false : _c, _d = _a.showRemoveReplaceButtons, showRemoveReplaceButtons = _d === void 0 ? true : _d, thumbs = _a.thumbs, thumbsLoading = _a.thumbsLoading, thumbsClicked = _a.thumbsClicked, timesClicked = _a.timesClicked, userReactionUndo = _a.userReactionUndo, userReactionRemoveStep = _a.userReactionRemoveStep, 
     // userReactionComment,
-    TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, _d = _a.hideReservationIcon, hideReservationIcon = _d === void 0 ? false : _d, _e = _a.hideTourTicketIcons, hideTourTicketIcons = _e === void 0 ? false : _e, hideOfferIcon = _a.hideOfferIcon, t = _a.t;
+    TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, _e = _a.hideReservationIcon, hideReservationIcon = _e === void 0 ? false : _e, _f = _a.hideTourTicketIcons, hideTourTicketIcons = _f === void 0 ? false : _f, hideOfferIcon = _a.hideOfferIcon, t = _a.t;
     var myRef = react_1.default.createRef();
     var ref = react_1.default.createRef();
-    var _f = (0, react_1.useState)(false), show = _f[0], setShow = _f[1];
+    var _g = (0, react_1.useState)(false), show = _g[0], setShow = _g[1];
     var placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl("".concat(step.poi.image.url), 256, 256);
     var attraction = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.ATTRACTION;
     var stepCardImageClasses = [StepCardUserReaction_scss_1.default.stepCardImage];
@@ -84758,16 +84758,17 @@ var StepCardUserReaction = function (_a) {
         Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons },
             react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
                 react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.removePlaceButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
-                        event.stopPropagation();
-                        userReactionRemoveStep();
-                    } }, t('trips.myTrips.itinerary.step.thumbs.remove')),
-                alternativePois.length > 0 && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.showAlternativeButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
-                        var _a;
-                        event.stopPropagation();
-                        showAlternativesChange(step.id, !showAlternatives);
-                        (_a = myRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'auto' });
-                    } }, t('trips.myTrips.itinerary.step.thumbs.replace.title'))),
+                showRemoveReplaceButtons && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.removePlaceButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
+                            event.stopPropagation();
+                            userReactionRemoveStep();
+                        } }, t('trips.myTrips.itinerary.step.thumbs.remove')),
+                    alternativePois.length > 0 && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.showAlternativeButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
+                            var _a;
+                            event.stopPropagation();
+                            showAlternativesChange(step.id, !showAlternatives);
+                            (_a = myRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'auto' });
+                        } }, t('trips.myTrips.itinerary.step.thumbs.replace.title'))))),
                 react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.dislike, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
                         event.stopPropagation();
                         userReactionUndo();
@@ -84885,10 +84886,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 var PoiInfo_1 = __importDefault(__webpack_require__(410));
 var StepInfo = function (_a) {
-    var step = _a.step, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, removeStep = _a.removeStep, close = _a.close, dayNumbers = _a.dayNumbers, hideRemoveStepButton = _a.hideRemoveStepButton, bookingButtonClick = _a.bookingButtonClick, planDate = _a.planDate, favoriteLoading = _a.favoriteLoading, reservationUrl = _a.reservationUrl, hideBookingButton = _a.hideBookingButton, hideTours = _a.hideTours, getTourInfo = _a.getTourInfo, TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick, offerCardClicked = _a.offerCardClicked, hideOffers = _a.hideOffers, loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, showStepScoreDetails = _a.showStepScoreDetails, t = _a.t;
+    var step = _a.step, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, removeStep = _a.removeStep, close = _a.close, dayNumbers = _a.dayNumbers, hideActionButtons = _a.hideActionButtons, _b = _a.hideFavoriteIcon, hideFavoriteIcon = _b === void 0 ? false : _b, bookingButtonClick = _a.bookingButtonClick, planDate = _a.planDate, favoriteLoading = _a.favoriteLoading, reservationUrl = _a.reservationUrl, hideBookingButton = _a.hideBookingButton, hideTours = _a.hideTours, getTourInfo = _a.getTourInfo, TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick, offerCardClicked = _a.offerCardClicked, hideOffers = _a.hideOffers, loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, showStepScoreDetails = _a.showStepScoreDetails, t = _a.t;
     return (react_1.default.createElement(PoiInfo_1.default, { score: step.score, scoreDetails: showStepScoreDetails ? step.scoreDetails : undefined, dayNumbers: dayNumbers, poi: step.poi, favorite: favorite, toggleFavorite: toggleFavorite, close: close, addRemoveReplacePoi: function () {
             removeStep(step.id);
-        }, stepOrder: step.order, hideActionButtons: hideRemoveStepButton, bookingButtonClick: bookingButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, 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, hideFavoriteIcon: false, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, placeInfoCallBack: placeInfoCallBack, t: t }));
+        }, stepOrder: step.order, hideActionButtons: hideActionButtons, hideFavoriteIcon: hideFavoriteIcon, bookingButtonClick: bookingButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, 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, t: t }));
 };
 exports.default = StepInfo;