@tripian/react 9.0.36 → 9.0.37

package/components/StepCardUserReaction/StepCardUserReaction.d.ts

@@ -12,6 +12,7 @@ interface IStepCardUserReaction {
     showRemoveReplaceButtons?: boolean;
     hideScore?: boolean;
     hideStepsTime?: boolean;
+    isWidget?: boolean;
     thumbs?: number;
     thumbsLoading: boolean;
     thumbsClicked: (like: number) => void;

package/index.js

@@ -82509,6 +82509,20 @@ var ItineraryCardSlider = function (_a) {
             nextEl: '.swiper-button-next',
             prevEl: '.swiper-button-prev',
         },
+        breakpoints: {
+            320: {
+                slidesPerView: 2,
+            },
+            640: {
+                slidesPerView: 3,
+            },
+            1024: {
+                slidesPerView: 4,
+            },
+            2048: {
+                slidesPerView: 6,
+            },
+        },
         renderPrevButton: function () { return (react_1.default.createElement("div", { className: "swiper-button-prev" },
             react_1.default.createElement(Icons_1.PreviousArrow, { size: "2rem" }))); },
         renderNextButton: function () { return (react_1.default.createElement("div", { className: "swiper-button-next" },
@@ -84822,12 +84836,12 @@ var emptyImage_1 = __importDefault(__webpack_require__(70));
 var StepCardUserReaction_scss_1 = __importDefault(__webpack_require__(914));
 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, _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, 
+    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, _g = _a.isWidget, isWidget = _g === void 0 ? false : _g, 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, _g = _a.hideReservationIcon, hideReservationIcon = _g === void 0 ? false : _g, _h = _a.hideTourTicketIcons, hideTourTicketIcons = _h === void 0 ? false : _h, 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, _h = _a.hideReservationIcon, hideReservationIcon = _h === void 0 ? false : _h, _j = _a.hideTourTicketIcons, hideTourTicketIcons = _j === void 0 ? false : _j, hideOfferIcon = _a.hideOfferIcon, t = _a.t;
     var myRef = react_1.default.createRef();
     var ref = react_1.default.createRef();
-    var _j = (0, react_1.useState)(false), show = _j[0], setShow = _j[1];
+    var _k = (0, react_1.useState)(false), show = _k[0], setShow = _k[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 shopping = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.SHOPPING;
@@ -84957,7 +84971,7 @@ var StepCardUserReaction = function (_a) {
                         ": "),
                     step.poi.tags.length > 0 ? step.poi.tags.join(', ') : 'empty')) : null)));
     }
-    return (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCardMain },
+    return (react_1.default.createElement("div", { style: { marginLeft: isWidget ? '1.5rem' : '0' }, className: StepCardUserReaction_scss_1.default.stepCardMain },
         react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCard, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function () {
                 clicked(step);
             }, ref: myRef },