@tripian/react 9.0.24 → 9.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/PoiInfo/PoiInfoText/PoiInfoText.d.ts +1 -1
- package/components/StepCard/StepCard.d.ts +1 -0
- package/components/StepCardUserReaction/StepCardUserReaction.d.ts +2 -0
- package/components/StepInfo/StepInfo.d.ts +2 -1
- package/index.js +59 -56
- package/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -9,6 +9,8 @@ interface IStepCardUserReaction {
|
|
|
9
9
|
alternativeReplace: (alternativePoi: Model.Poi) => void;
|
|
10
10
|
showAlternativesChange: (stepId: number, show: boolean) => void;
|
|
11
11
|
showAlternatives?: boolean;
|
|
12
|
+
showRemoveReplaceButtons?: boolean;
|
|
13
|
+
hideScore?: boolean;
|
|
12
14
|
thumbs?: number;
|
|
13
15
|
thumbsLoading: boolean;
|
|
14
16
|
thumbsClicked: (like: number) => void;
|
|
@@ -7,7 +7,8 @@ interface IStepInfo {
|
|
|
7
7
|
removeStep: (stepId: number) => void;
|
|
8
8
|
close: (poi: Model.Poi) => void;
|
|
9
9
|
dayNumbers: number[];
|
|
10
|
-
|
|
10
|
+
hideActionButtons?: boolean;
|
|
11
|
+
hideFavoriteIcon?: boolean;
|
|
11
12
|
planDate?: string;
|
|
12
13
|
bookingButtonClick?: (productId: string, poi: Model.Poi) => void;
|
|
13
14
|
favoriteLoading: boolean;
|
package/index.js
CHANGED
|
@@ -22698,7 +22698,7 @@ var Backdrop_1 = __importDefault(__webpack_require__(161));
|
|
|
22698
22698
|
var Modal = function (_a) {
|
|
22699
22699
|
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;
|
|
22700
22700
|
var newStyle = __assign({}, style);
|
|
22701
|
-
newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-
|
|
22701
|
+
newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-200vh)';
|
|
22702
22702
|
newStyle.opacity = show ? '1' : '0';
|
|
22703
22703
|
newStyle.background = show ? 'var(--background-color)' : 'transparent';
|
|
22704
22704
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -56728,7 +56728,7 @@ var ModalFull_scss_1 = __importDefault(__webpack_require__(847));
|
|
|
56728
56728
|
var ModalFull = function (_a) {
|
|
56729
56729
|
var show = _a.show, _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.className, className = _c === void 0 ? '' : _c, children = _a.children;
|
|
56730
56730
|
var newStyle = __assign({}, style);
|
|
56731
|
-
newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-
|
|
56731
|
+
newStyle.transform = show ? 'translate(-50%, -50%)' : 'translateY(-200vh)';
|
|
56732
56732
|
newStyle.opacity = show ? '1' : '0';
|
|
56733
56733
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
56734
56734
|
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));
|
|
|
56915
56915
|
var scoreDetailHeaders = ['Distance', 'Keywords', 'Rating', 'Popularity', 'Crowd'];
|
|
56916
56916
|
var PoiInfo = function (_a) {
|
|
56917
56917
|
var _b, _c;
|
|
56918
|
-
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,
|
|
56918
|
+
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,
|
|
56919
56919
|
// offerClicked,
|
|
56920
56920
|
loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, redeemClicked = _a.redeemClicked, t = _a.t;
|
|
56921
|
-
var
|
|
56922
|
-
var
|
|
56923
|
-
var
|
|
56921
|
+
var _j = (0, react_1.useState)(false), openTours = _j[0], setOpenTours = _j[1];
|
|
56922
|
+
var _k = (0, react_1.useState)(false), showFeedbackModal = _k[0], setShowFeedbackModal = _k[1];
|
|
56923
|
+
var _l = (0, react_1.useState)([]), optInModalWarningMessage = _l[0], setOptInModalWarningMessage = _l[1];
|
|
56924
56924
|
var offerRef = react_1.default.createRef();
|
|
56925
56925
|
var myRef = react_1.default.createRef();
|
|
56926
56926
|
moment_1.default.locale(window.twindow.langCode);
|
|
@@ -56962,7 +56962,7 @@ var PoiInfo = function (_a) {
|
|
|
56962
56962
|
react_1.default.createElement("span", null, Math.round(scoreDetail.scored)),
|
|
56963
56963
|
" ",
|
|
56964
56964
|
react_1.default.createElement("div", { className: PoiInfo_scss_1.default.bar, style: { width: "".concat(Math.round(scoreDetail.scored), "%") } }))); }))),
|
|
56965
|
-
react_1.default.createElement(PoiInfoText_1.default, { poi: poi,
|
|
56965
|
+
react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideFavoriteIcon: hideFavoriteIcon, favorite: favorite, favoriteLoading: favoriteLoading, favoriteClick: function (fav) {
|
|
56966
56966
|
toggleFavorite(poi, fav);
|
|
56967
56967
|
}, 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 }),
|
|
56968
56968
|
!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;
|
|
|
57208
57208
|
})(POI_CARD_ACTION || (POI_CARD_ACTION = {}));
|
|
57209
57209
|
var PoiInfoText = function (_a) {
|
|
57210
57210
|
var _b;
|
|
57211
|
-
var poi = _a.poi,
|
|
57211
|
+
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;
|
|
57212
57212
|
var _e = (0, react_1.useState)(false), show = _e[0], setShow = _e[1];
|
|
57213
57213
|
// const isAttraction = helper.getCategoryGroup(poi.category[0].id) === Model.POI_CATEGORY_GROUP.ATTRACTION;
|
|
57214
57214
|
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) {
|
|
|
57287
57287
|
favoriteClick(!favorite);
|
|
57288
57288
|
} }));
|
|
57289
57289
|
}
|
|
57290
|
-
var poiFavorite = !
|
|
57290
|
+
var poiFavorite = !hideFavoriteIcon ? (react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.favorite },
|
|
57291
57291
|
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;
|
|
57292
57292
|
/**
|
|
57293
57293
|
* Part Of Day
|
|
@@ -84479,8 +84479,8 @@ var StepCard = function (_a) {
|
|
|
84479
84479
|
// isSortableStepListCard,
|
|
84480
84480
|
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, timesClicked = _a.timesClicked,
|
|
84481
84481
|
// dragHandle,
|
|
84482
|
-
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;
|
|
84483
|
-
var
|
|
84482
|
+
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, _f = _a.hideScore, hideScore = _f === void 0 ? false : _f, t = _a.t;
|
|
84483
|
+
var _g = (0, react_1.useState)(false), show = _g[0], setShow = _g[1];
|
|
84484
84484
|
var placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl("".concat(step.poi.image.url), 256, 256);
|
|
84485
84485
|
var attraction = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.ATTRACTION;
|
|
84486
84486
|
var notCategorized = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.NOTCATEGORIZED;
|
|
@@ -84586,7 +84586,7 @@ var StepCard = function (_a) {
|
|
|
84586
84586
|
react_1.default.createElement("div", { className: stepCardImageClasses.join(' ') },
|
|
84587
84587
|
react_1.default.createElement(ImgLazy_1.default, { src: placeImg, alt: step.poi.name, x: 256, y: 256 }),
|
|
84588
84588
|
react_1.default.createElement("div", { className: StepCard_scss_1.default.stepOrder }, "".concat(step.order + 1)),
|
|
84589
|
-
step.score ? react_1.default.createElement("div", { className: StepCard_scss_1.default.stepMatch }, "".concat(step.score.toFixed(0), "% ").concat(t('trips.myTrips.itinerary.step.poi.match'))) : null,
|
|
84589
|
+
!hideScore && step.score ? react_1.default.createElement("div", { className: StepCard_scss_1.default.stepMatch }, "".concat(step.score.toFixed(0), "% ").concat(t('trips.myTrips.itinerary.step.poi.match'))) : null,
|
|
84590
84590
|
stepsTime),
|
|
84591
84591
|
react_1.default.createElement("div", { className: StepCard_scss_1.default.stepCardinformation },
|
|
84592
84592
|
react_1.default.createElement("div", { className: StepCard_scss_1.default.stepInfoContent },
|
|
@@ -84691,12 +84691,12 @@ var emptyImage_1 = __importDefault(__webpack_require__(70));
|
|
|
84691
84691
|
var StepCardUserReaction_scss_1 = __importDefault(__webpack_require__(912));
|
|
84692
84692
|
var StepCardUserReaction = function (_a) {
|
|
84693
84693
|
var _b;
|
|
84694
|
-
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,
|
|
84694
|
+
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, hideScore = _a.hideScore, thumbs = _a.thumbs, thumbsLoading = _a.thumbsLoading, thumbsClicked = _a.thumbsClicked, timesClicked = _a.timesClicked, userReactionUndo = _a.userReactionUndo, userReactionRemoveStep = _a.userReactionRemoveStep,
|
|
84695
84695
|
// userReactionComment,
|
|
84696
|
-
TOUR_PROVIDER_IDS = _a.TOUR_PROVIDER_IDS, TICKET_PROVIDER_IDS = _a.TICKET_PROVIDER_IDS, RESTAURANT_RESERVATION_PROVIDER_IDS = _a.RESTAURANT_RESERVATION_PROVIDER_IDS,
|
|
84696
|
+
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;
|
|
84697
84697
|
var myRef = react_1.default.createRef();
|
|
84698
84698
|
var ref = react_1.default.createRef();
|
|
84699
|
-
var
|
|
84699
|
+
var _g = (0, react_1.useState)(false), show = _g[0], setShow = _g[1];
|
|
84700
84700
|
var placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl("".concat(step.poi.image.url), 256, 256);
|
|
84701
84701
|
var attraction = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.ATTRACTION;
|
|
84702
84702
|
var stepCardImageClasses = [StepCardUserReaction_scss_1.default.stepCardImage];
|
|
@@ -84732,46 +84732,49 @@ var StepCardUserReaction = function (_a) {
|
|
|
84732
84732
|
return null;
|
|
84733
84733
|
}, [ref, show, step.poi.duration, step.times.from, step.times.to, t, timesClicked]);
|
|
84734
84734
|
var Thumbs;
|
|
84735
|
-
if (
|
|
84736
|
-
|
|
84737
|
-
|
|
84738
|
-
react_1.default.createElement(
|
|
84739
|
-
|
|
84740
|
-
userReactionUndo();
|
|
84741
|
-
} }, ' ')))));
|
|
84742
|
-
}
|
|
84743
|
-
else if (thumbs === 0) {
|
|
84744
|
-
Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
|
|
84745
|
-
react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84746
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs },
|
|
84747
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.likeEmpty, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84748
|
-
event.stopPropagation();
|
|
84749
|
-
thumbsClicked(+1);
|
|
84750
|
-
} }, ' ')),
|
|
84751
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs },
|
|
84752
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.dislikeEmpty, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84753
|
-
event.stopPropagation();
|
|
84754
|
-
thumbsClicked(-1);
|
|
84755
|
-
} }, ' '))))));
|
|
84756
|
-
}
|
|
84757
|
-
else if (thumbs === -1) {
|
|
84758
|
-
Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons },
|
|
84759
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
|
|
84760
|
-
react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84761
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.removePlaceButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84762
|
-
event.stopPropagation();
|
|
84763
|
-
userReactionRemoveStep();
|
|
84764
|
-
} }, t('trips.myTrips.itinerary.step.thumbs.remove')),
|
|
84765
|
-
alternativePois.length > 0 && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.showAlternativeButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84766
|
-
var _a;
|
|
84767
|
-
event.stopPropagation();
|
|
84768
|
-
showAlternativesChange(step.id, !showAlternatives);
|
|
84769
|
-
(_a = myRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'auto' });
|
|
84770
|
-
} }, t('trips.myTrips.itinerary.step.thumbs.replace.title'))),
|
|
84771
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.dislike, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84735
|
+
if (showRemoveReplaceButtons) {
|
|
84736
|
+
if (thumbs === 1) {
|
|
84737
|
+
Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons },
|
|
84738
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
|
|
84739
|
+
react_1.default.createElement(PreLoading_1.default, { size: "small" }))) : (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.like, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84772
84740
|
event.stopPropagation();
|
|
84773
84741
|
userReactionUndo();
|
|
84774
|
-
} }, ' ')))))
|
|
84742
|
+
} }, ' ')))));
|
|
84743
|
+
}
|
|
84744
|
+
else if (thumbs === 0) {
|
|
84745
|
+
Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
|
|
84746
|
+
react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84747
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs },
|
|
84748
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.likeEmpty, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84749
|
+
event.stopPropagation();
|
|
84750
|
+
thumbsClicked(+1);
|
|
84751
|
+
} }, ' ')),
|
|
84752
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs },
|
|
84753
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.dislikeEmpty, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84754
|
+
event.stopPropagation();
|
|
84755
|
+
thumbsClicked(-1);
|
|
84756
|
+
} }, ' '))))));
|
|
84757
|
+
}
|
|
84758
|
+
else if (thumbs === -1) {
|
|
84759
|
+
Thumbs = (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.buttons },
|
|
84760
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbs }, thumbsLoading ? (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.thumbsLoading },
|
|
84761
|
+
react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84762
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
84763
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.removePlaceButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84764
|
+
event.stopPropagation();
|
|
84765
|
+
userReactionRemoveStep();
|
|
84766
|
+
} }, t('trips.myTrips.itinerary.step.thumbs.remove')),
|
|
84767
|
+
alternativePois.length > 0 && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.showAlternativeButton, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84768
|
+
var _a;
|
|
84769
|
+
event.stopPropagation();
|
|
84770
|
+
showAlternativesChange(step.id, !showAlternatives);
|
|
84771
|
+
(_a = myRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'auto' });
|
|
84772
|
+
} }, t('trips.myTrips.itinerary.step.thumbs.replace.title')))),
|
|
84773
|
+
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.dislike, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function (event) {
|
|
84774
|
+
event.stopPropagation();
|
|
84775
|
+
userReactionUndo();
|
|
84776
|
+
} }, ' '))))));
|
|
84777
|
+
}
|
|
84775
84778
|
}
|
|
84776
84779
|
var info;
|
|
84777
84780
|
if (step.poi.status === false) {
|
|
@@ -84829,7 +84832,7 @@ var StepCardUserReaction = function (_a) {
|
|
|
84829
84832
|
react_1.default.createElement("div", { className: stepCardImageClasses.join(' ') },
|
|
84830
84833
|
react_1.default.createElement(ImgLazy_1.default, { src: placeImg, alt: step.poi.name, x: 256, y: 256 }),
|
|
84831
84834
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepOrder }, "".concat(step.order + 1)),
|
|
84832
|
-
step.score
|
|
84835
|
+
!hideScore && step.score && react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepMatch }, "".concat(step.score.toFixed(0), "% ").concat(t('trips.myTrips.itinerary.step.poi.match'))),
|
|
84833
84836
|
stepsTime),
|
|
84834
84837
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCardinformation },
|
|
84835
84838
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepInfoContent },
|
|
@@ -84885,10 +84888,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
84885
84888
|
var react_1 = __importDefault(__webpack_require__(0));
|
|
84886
84889
|
var PoiInfo_1 = __importDefault(__webpack_require__(410));
|
|
84887
84890
|
var StepInfo = function (_a) {
|
|
84888
|
-
var step = _a.step, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, removeStep = _a.removeStep, close = _a.close, dayNumbers = _a.dayNumbers,
|
|
84891
|
+
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;
|
|
84889
84892
|
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 () {
|
|
84890
84893
|
removeStep(step.id);
|
|
84891
|
-
}, stepOrder: step.order, hideActionButtons:
|
|
84894
|
+
}, 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 }));
|
|
84892
84895
|
};
|
|
84893
84896
|
exports.default = StepInfo;
|
|
84894
84897
|
|