@tripian/react 9.0.25 → 9.0.27
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/GoogleMaps/GoogleMaps.d.ts +1 -0
- package/components/PoiInfo/PoiInfo.d.ts +1 -0
- package/components/StepCard/StepCard.d.ts +2 -0
- package/components/StepCardUserReaction/StepCardUserReaction.d.ts +2 -0
- package/components/StepInfo/StepInfo.d.ts +1 -0
- package/index.js +57 -55
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -37,6 +37,7 @@ interface IGoogleMaps {
|
|
|
37
37
|
markerSearchThisAreaClicked: (poi: Model.Poi) => void;
|
|
38
38
|
markerProvidersPoiClicked: (poi: Providers.Bb.SearchAccommodationHotelOffer) => void;
|
|
39
39
|
markerCarRentOfferClicked: (offer: Providers.Bb.SearchCarRentOffer) => void;
|
|
40
|
+
hideRoutes?: boolean;
|
|
40
41
|
cycling?: boolean;
|
|
41
42
|
}
|
|
42
43
|
declare const GoogleMaps: React.FC<IGoogleMaps>;
|
|
@@ -16,6 +16,8 @@ interface IStepCard {
|
|
|
16
16
|
hideReservationIcon: boolean;
|
|
17
17
|
hideTourTicketIcons: boolean;
|
|
18
18
|
hideOfferIcon: boolean;
|
|
19
|
+
hideScore?: boolean;
|
|
20
|
+
hideStepsTime?: boolean;
|
|
19
21
|
t: (value: Model.TranslationKey) => string;
|
|
20
22
|
}
|
|
21
23
|
declare const StepCard: React.FC<IStepCard>;
|
|
@@ -10,6 +10,8 @@ interface IStepCardUserReaction {
|
|
|
10
10
|
showAlternativesChange: (stepId: number, show: boolean) => void;
|
|
11
11
|
showAlternatives?: boolean;
|
|
12
12
|
showRemoveReplaceButtons?: boolean;
|
|
13
|
+
hideScore?: boolean;
|
|
14
|
+
hideStepsTime?: boolean;
|
|
13
15
|
thumbs?: number;
|
|
14
16
|
thumbsLoading: boolean;
|
|
15
17
|
thumbsClicked: (like: number) => void;
|
package/index.js
CHANGED
|
@@ -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, _g = _a.hideFavoriteIcon, hideFavoriteIcon = _g === void 0 ? false : _g, 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, _h = _a.hideScore, hideScore = _h === void 0 ? false : _h, bookingButtonClick = _a.bookingButtonClick, planDate = _a.planDate, favoriteLoading = _a.favoriteLoading, reservationUrl = _a.reservationUrl, hideBookingButton = _a.hideBookingButton, _j = _a.square, square = _j === void 0 ? true : _j, 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 _k = (0, react_1.useState)(false), openTours = _k[0], setOpenTours = _k[1];
|
|
56922
|
+
var _l = (0, react_1.useState)(false), showFeedbackModal = _l[0], setShowFeedbackModal = _l[1];
|
|
56923
|
+
var _m = (0, react_1.useState)([]), optInModalWarningMessage = _m[0], setOptInModalWarningMessage = _m[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);
|
|
@@ -56947,7 +56947,7 @@ var PoiInfo = function (_a) {
|
|
|
56947
56947
|
placeInfoCallBack();
|
|
56948
56948
|
} },
|
|
56949
56949
|
react_1.default.createElement("div", { className: PoiInfo_scss_1.default.poiImage },
|
|
56950
|
-
score ? react_1.default.createElement("div", { className: PoiInfo_scss_1.default.stepMatch }, "".concat(score.toFixed(0), "% ").concat(t('trips.myTrips.itinerary.step.poi.match'))) : null,
|
|
56950
|
+
!hideScore && score ? react_1.default.createElement("div", { className: PoiInfo_scss_1.default.stepMatch }, "".concat(score.toFixed(0), "% ").concat(t('trips.myTrips.itinerary.step.poi.match'))) : null,
|
|
56951
56951
|
react_1.default.createElement(PoiInfoImage_1.default, { poi: poi, close: function () {
|
|
56952
56952
|
close(poi);
|
|
56953
56953
|
}, square: square, hideButtons: false, t: t }),
|
|
@@ -78905,7 +78905,7 @@ var googleMapsOptions = {
|
|
|
78905
78905
|
/* streetViewControlOptions: { position: 3 }, */
|
|
78906
78906
|
};
|
|
78907
78907
|
var GoogleMaps = function (_a) {
|
|
78908
|
-
var onCenterChanged = _a.onCenterChanged, onZoomChanged = _a.onZoomChanged, steps = _a.steps, alternativePois = _a.alternativePois, searchPoi = _a.searchPoi, searchAreaPois = _a.searchAreaPois, providersPois = _a.providersPois, carRentOffers = _a.carRentOffers, cityBounds = _a.cityBounds, setLegs = _a.setLegs, focusMarkerStepOrPoiId = _a.focusMarkerStepOrPoiId, focusMarkerProviderPoiCode = _a.focusMarkerProviderPoiCode, focusMarkerCarRentLocationCode = _a.focusMarkerCarRentLocationCode, mapClicked = _a.mapClicked, markerStepClicked = _a.markerStepClicked, markerAlternativeClicked = _a.markerAlternativeClicked, markerSearchThisAreaClicked = _a.markerSearchThisAreaClicked, markerProvidersPoiClicked = _a.markerProvidersPoiClicked, markerCarRentOfferClicked = _a.markerCarRentOfferClicked, _b = _a.cycling, cycling =
|
|
78908
|
+
var onCenterChanged = _a.onCenterChanged, onZoomChanged = _a.onZoomChanged, steps = _a.steps, alternativePois = _a.alternativePois, searchPoi = _a.searchPoi, searchAreaPois = _a.searchAreaPois, providersPois = _a.providersPois, carRentOffers = _a.carRentOffers, cityBounds = _a.cityBounds, setLegs = _a.setLegs, focusMarkerStepOrPoiId = _a.focusMarkerStepOrPoiId, focusMarkerProviderPoiCode = _a.focusMarkerProviderPoiCode, focusMarkerCarRentLocationCode = _a.focusMarkerCarRentLocationCode, mapClicked = _a.mapClicked, markerStepClicked = _a.markerStepClicked, markerAlternativeClicked = _a.markerAlternativeClicked, markerSearchThisAreaClicked = _a.markerSearchThisAreaClicked, markerProvidersPoiClicked = _a.markerProvidersPoiClicked, markerCarRentOfferClicked = _a.markerCarRentOfferClicked, _b = _a.hideRoutes, hideRoutes = _b === void 0 ? false : _b, _c = _a.cycling, cycling = _c === void 0 ? false : _c;
|
|
78909
78909
|
var googleMaps = (0, react_1.useRef)();
|
|
78910
78910
|
window.twindow.cityBounds = new google.maps.LatLngBounds({ lat: cityBounds.south, lng: cityBounds.west }, { lat: cityBounds.north, lng: cityBounds.east });
|
|
78911
78911
|
var onMapLoad = function (map) {
|
|
@@ -78953,7 +78953,7 @@ var GoogleMaps = function (_a) {
|
|
|
78953
78953
|
return (react_1.default.createElement("div", { className: "tripian-map-container" },
|
|
78954
78954
|
react_1.default.createElement(api_1.GoogleMap, { id: "tripian-map", options: googleMapsOptions, onCenterChanged: onCenterChanged, onZoomChanged: onZoomChanged, onClick: onClick, onLoad: onMapLoad },
|
|
78955
78955
|
stepMarkers,
|
|
78956
|
-
GRouteMemo,
|
|
78956
|
+
!hideRoutes && GRouteMemo,
|
|
78957
78957
|
alternativePois.map(function (alternativePoi) { return (react_1.default.createElement(GMarker_1.default, { key: "alternative_marker_".concat(alternativePoi.id), poi: alternativePoi, markerPoiClicked: markerAlternativeClicked, animation: (focusMarkerStepOrPoiId === null || focusMarkerStepOrPoiId === void 0 ? void 0 : focusMarkerStepOrPoiId.toString()) === alternativePoi.id ? 1 : 2 })); }),
|
|
78958
78958
|
searchPoi && alternativePois.findIndex(function (alternativePoi) { return alternativePoi.id === searchPoi.id; }) === -1 ? react_1.default.createElement(GMarker_1.default, { key: "search_poi_marker_".concat(searchPoi.id), poi: searchPoi, animation: 1 }) : 2,
|
|
78959
78959
|
searchAreaPois ? (react_1.default.createElement(api_1.MarkerClusterer, { options: { imagePath: markerClustererIconsImagePath } }, function (clusterer) { return (react_1.default.createElement(react_1.default.Fragment, null, searchAreaPois.map(function (searchAreaPoi) { return (react_1.default.createElement(GMarker_1.default, { key: "marker_cluster_".concat(searchAreaPoi.id), poi: searchAreaPoi, clusterer: clusterer, markerPoiClicked: markerSearchThisAreaClicked })); }))); })) : null,
|
|
@@ -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, _g = _a.hideStepsTime, hideStepsTime = _g === void 0 ? false : _g, t = _a.t;
|
|
84483
|
+
var _h = (0, react_1.useState)(false), show = _h[0], setShow = _h[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,8 +84586,8 @@ 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,
|
|
84590
|
-
stepsTime),
|
|
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
|
+
!hideStepsTime && 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 },
|
|
84593
84593
|
react_1.default.createElement("h4", { className: StepCard_scss_1.default.stepCardName }, step.poi.name),
|
|
@@ -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, _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,
|
|
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, _e = _a.hideScore, hideScore = _e === void 0 ? false : _e, _f = _a.hideStepsTime, hideStepsTime = _f === void 0 ? false : _f, 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, _g = _a.hideReservationIcon, hideReservationIcon = _g === void 0 ? false : _g, _h = _a.hideTourTicketIcons, hideTourTicketIcons = _h === void 0 ? false : _h, 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 _j = (0, react_1.useState)(false), show = _j[0], setShow = _j[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,47 +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) {
|
|
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) {
|
|
84748
84740
|
event.stopPropagation();
|
|
84749
|
-
|
|
84750
|
-
} }, ' '))
|
|
84751
|
-
|
|
84752
|
-
|
|
84753
|
-
|
|
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 },
|
|
84741
|
+
userReactionUndo();
|
|
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 },
|
|
84760
84746
|
react_1.default.createElement(PreLoading_1.default, { color: "#000", size: "small" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84761
|
-
|
|
84762
|
-
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.
|
|
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) {
|
|
84763
84749
|
event.stopPropagation();
|
|
84764
|
-
|
|
84765
|
-
} },
|
|
84766
|
-
|
|
84767
|
-
|
|
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) {
|
|
84768
84754
|
event.stopPropagation();
|
|
84769
|
-
|
|
84770
|
-
|
|
84771
|
-
|
|
84772
|
-
|
|
84773
|
-
|
|
84774
|
-
|
|
84775
|
-
|
|
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
|
+
}
|
|
84776
84778
|
}
|
|
84777
84779
|
var info;
|
|
84778
84780
|
if (step.poi.status === false) {
|
|
@@ -84830,8 +84832,8 @@ var StepCardUserReaction = function (_a) {
|
|
|
84830
84832
|
react_1.default.createElement("div", { className: stepCardImageClasses.join(' ') },
|
|
84831
84833
|
react_1.default.createElement(ImgLazy_1.default, { src: placeImg, alt: step.poi.name, x: 256, y: 256 }),
|
|
84832
84834
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepOrder }, "".concat(step.order + 1)),
|
|
84833
|
-
step.score
|
|
84834
|
-
stepsTime),
|
|
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'))),
|
|
84836
|
+
!hideStepsTime && stepsTime),
|
|
84835
84837
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCardinformation },
|
|
84836
84838
|
react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepInfoContent },
|
|
84837
84839
|
react_1.default.createElement("h4", { className: StepCardUserReaction_scss_1.default.stepCardName }, step.poi.name),
|
|
@@ -84886,10 +84888,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
84886
84888
|
var react_1 = __importDefault(__webpack_require__(0));
|
|
84887
84889
|
var PoiInfo_1 = __importDefault(__webpack_require__(410));
|
|
84888
84890
|
var StepInfo = function (_a) {
|
|
84889
|
-
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;
|
|
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, hideScore = _a.hideScore, 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;
|
|
84890
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 () {
|
|
84891
84893
|
removeStep(step.id);
|
|
84892
|
-
}, 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 }));
|
|
84894
|
+
}, stepOrder: step.order, hideActionButtons: hideActionButtons, hideFavoriteIcon: hideFavoriteIcon, hideScore: hideScore, 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 }));
|
|
84893
84895
|
};
|
|
84894
84896
|
exports.default = StepInfo;
|
|
84895
84897
|
|