@tripian/react 9.0.25 → 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.
|
@@ -10,6 +10,7 @@ interface IStepCardUserReaction {
|
|
|
10
10
|
showAlternativesChange: (stepId: number, show: boolean) => void;
|
|
11
11
|
showAlternatives?: boolean;
|
|
12
12
|
showRemoveReplaceButtons?: boolean;
|
|
13
|
+
hideScore?: boolean;
|
|
13
14
|
thumbs?: number;
|
|
14
15
|
thumbsLoading: boolean;
|
|
15
16
|
thumbsClicked: (like: number) => void;
|
package/index.js
CHANGED
|
@@ -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,7 +84691,7 @@ 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, 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
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();
|
|
@@ -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,7 +84832,7 @@ 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
|
|
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'))),
|
|
84834
84836
|
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 },
|