@tripian/react 9.3.10 → 9.3.11

package/components/ButterflyCard/CardImage/CardImage.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import Model from '@tripian/model';
 interface ICardImage {
     poi: Model.Poi;
+    stepType?: string;
 }
 declare const CardImage: React.FC<ICardImage>;
 export default CardImage;

package/components/PoiInfo/PoiInfo.d.ts

@@ -39,6 +39,7 @@ interface IPoiInfo {
     placeInfoCallBack: () => void;
     redeemClicked?: () => void;
     onImageModalChange?: (isOpen: boolean) => void;
+    stepType?: string;
     t: (value: Model.TranslationKey) => string;
 }
 declare const PoiInfo: React.FC<IPoiInfo>;

package/components/PoiInfo/PoiInfoImage/PoiInfoImageDesktop/PoiInfoImageDesktop.d.ts

@@ -6,6 +6,7 @@ interface IPoiInfoImageDesktop {
     poi: Model.Poi;
     t: (key: Model.TranslationKey) => string;
     onImageModalChange?: (isOpen: boolean) => void;
+    stepType?: string;
 }
 declare const PoiInfoImageDesktop: React.FC<IPoiInfoImageDesktop>;
 export default PoiInfoImageDesktop;

package/components/PoiInfo/PoiInfoImage/PoiInfoImageMobile/PoiInfoImageMobile.d.ts

@@ -11,6 +11,7 @@ interface IPoiInfoImageMobile {
     toggleFavorite: (poi: Model.Poi, willFavorite: boolean) => void;
     close: (poi: Model.Poi) => void;
     t: (value: Model.TranslationKey) => string;
+    stepType?: string;
 }
 declare const PoiInfoImageMobile: React.FC<IPoiInfoImageMobile>;
 export default PoiInfoImageMobile;

package/components/PoiInfoEx/PoiInfoImage/PoiInfoImage.d.ts

@@ -8,6 +8,7 @@ interface IPoiInfoImage {
     close: () => void;
     square: boolean;
     t: (value: Model.TranslationKey) => string;
+    stepType?: string;
 }
 declare const PoiInfoImage: React.FC<IPoiInfoImage>;
 export default PoiInfoImage;

package/index.js

@@ -58280,7 +58280,7 @@ const PoiInfo = ({ poi, favorite, toggleFavorite, close, addRemoveReplacePoi, da
 // TICKET_PROVIDER_IDS,
 RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers, isLoadingOffer, offerButtonClick, offerCardClicked, hideOffers, 
 // offerClicked,
-loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedback, redeemClicked, onImageModalChange, t, }) => {
+loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedback, redeemClicked, onImageModalChange, stepType, t, }) => {
     var _a, _b, _c;
     const [optInModalWarningMessage, setOptInModalWarningMessage] = (0, react_1.useState)([]);
     const [showShareModal, setShowShareModal] = (0, react_1.useState)(false);
@@ -58293,7 +58293,8 @@ loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedb
     return (react_1.default.createElement("div", { className: PoiInfo_scss_1.default.poiContainer },
         react_1.default.createElement("div", { className: PoiInfo_scss_1.default.closeButton },
             react_1.default.createElement(CloseIconButton_1.default, { className: "w-6 h-6", fill: "#696969", clicked: () => close(poi) })),
-        react_1.default.createElement("div", { className: "hide-m" }, !isNaN(parseFloat(poi.id)) && react_1.default.createElement(PoiInfoImageMobile_1.default, { poi: poi, square: square, favorite: favorite, favoriteLoading: favoriteLoading, toggleFavorite: toggleFavorite, hideFavoriteIcon: hideFavoriteIcon, close: close, t: t })),
+        react_1.default.createElement("div", { className: "hide-m" },
+            react_1.default.createElement(PoiInfoImageMobile_1.default, { poi: poi, square: square, favorite: favorite, favoriteLoading: favoriteLoading, toggleFavorite: toggleFavorite, hideFavoriteIcon: hideFavoriteIcon, close: close, t: t, stepType: stepType })),
         react_1.default.createElement("div", { className: PoiInfo_scss_1.default.poiInfo },
             react_1.default.createElement("div", { className: PoiInfo_scss_1.default.header },
                 react_1.default.createElement("h1", { className: PoiInfo_scss_1.default.title },
@@ -58331,7 +58332,7 @@ loadingFeedback, feedbackSubjects, isBookingClicked, timezone = 'UTC', sendFeedb
                     react_1.default.createElement(OpenedHours_1.default, { hourStr: poi.hours || '', planDate: planDate, timezone: timezone, t: t })))),
             react_1.default.createElement("div", { className: PoiInfo_scss_1.default.content },
                 react_1.default.createElement("div", { className: PoiInfo_scss_1.default.gallery },
-                    react_1.default.createElement(PoiInfoImageDesktop_1.default, { poi: poi, onImageModalChange: onImageModalChange, t: t }))),
+                    react_1.default.createElement(PoiInfoImageDesktop_1.default, { poi: poi, onImageModalChange: onImageModalChange, t: t, stepType: stepType }))),
             react_1.default.createElement(PoiInfoText_1.default, { poi: poi, hideFeatures: hideFeatures, hideCuisine: hideCuisine, hideTours: hideTours, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, reservationButtonClick: reservationButtonClick, tourProducts: tourProducts, ticketProducts: ticketProducts, addRemoveReplacePoi: addRemoveReplacePoi, partOfDay: partOfDay, hideActionButtons: hideActionButtons, replace: replace, stepOrder: stepOrder, getTourInfo: getTourInfo, tourTicketProductsLoading: tourTicketProductsLoading, RESTAURANT_RESERVATION_PROVIDER_IDS: RESTAURANT_RESERVATION_PROVIDER_IDS, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, isBookingClicked: isBookingClicked, t: t }),
             !hideOffers && poi.offers && poi.offers.length > 0 && (react_1.default.createElement("div", { className: "col col12 px5 pb5" },
                 poi.offers.map((offer, i) => {
@@ -58419,7 +58420,7 @@ const ImgLazy_1 = __importDefault(__webpack_require__(16));
 const CloseIconButton_1 = __importDefault(__webpack_require__(20));
 const Icons_1 = __webpack_require__(11);
 const PoiInfoImageDesktop_scss_1 = __importDefault(__webpack_require__(1009));
-const PoiInfoImageDesktop = ({ poi, t, onImageModalChange }) => {
+const PoiInfoImageDesktop = ({ poi, t, onImageModalChange, stepType }) => {
     var _a;
     const [imageZoomed, setImageZoomed] = (0, react_1.useState)({ clicked: false, url: '' });
     const [selectedImage, setSelectedImage] = (0, react_1.useState)('');
@@ -58441,7 +58442,7 @@ const PoiInfoImageDesktop = ({ poi, t, onImageModalChange }) => {
             document.removeEventListener('keydown', handleEsc);
         };
     }, [imageZoomed.clicked]);
-    const images = poi.gallery.length === 0 ? [{ url: emptyImage_1.default, imageOwner: null }] : poi.gallery.map((img) => ({ url: model_1.helper.imgUrl(img.url, 1200), imageOwner: img.imageOwner }));
+    const images = poi.gallery.length === 0 ? [{ url: emptyImage_1.default, imageOwner: null }] : poi.gallery.map((img) => ({ url: stepType === 'activity' ? img.url : model_1.helper.imgUrl(img.url, 1200), imageOwner: img.imageOwner }));
     const mainImage = images[0];
     if (!(mainImage === null || mainImage === void 0 ? void 0 : mainImage.url))
         return null;
@@ -76082,7 +76083,7 @@ const react_1 = __importDefault(__webpack_require__(0));
 const model_1 = __webpack_require__(9);
 const CardImage_scss_1 = __importDefault(__webpack_require__(772));
 const ImgLazy_1 = __importDefault(__webpack_require__(16));
-const CardImage = ({ poi }) => {
+const CardImage = ({ poi, stepType }) => {
     const cardImageClasses = [CardImage_scss_1.default.imgRow];
     if (poi.status === false) {
         cardImageClasses.push(CardImage_scss_1.default.cardImageBlackAndWhite);
@@ -76091,9 +76092,9 @@ const CardImage = ({ poi }) => {
     const srcs = poi.gallery.map((g) => g.url);
     /* const plusVisible = srcs.length > 3; */
     let [src1, src2, src3] = srcs;
-    src1 = model_1.helper.imgUrl(src1, xy);
-    src2 = model_1.helper.imgUrl(src2, xy);
-    src3 = model_1.helper.imgUrl(src3, xy);
+    src1 = stepType === 'activity' ? src1 : model_1.helper.imgUrl(src1, xy);
+    src2 = stepType === 'activity' ? src2 : model_1.helper.imgUrl(src2, xy);
+    src3 = stepType === 'activity' ? src3 : model_1.helper.imgUrl(src3, xy);
     return (react_1.default.createElement("div", { className: cardImageClasses.join(' ') },
         react_1.default.createElement("div", { className: CardImage_scss_1.default.img1 },
             react_1.default.createElement(ImgLazy_1.default, { src: src1, alt: poi.name, x: 256, y: 256 })),
@@ -87741,9 +87742,9 @@ const FavoriteIconButton_1 = __importDefault(__webpack_require__(162));
 const CloseIconButton_1 = __importDefault(__webpack_require__(20));
 const SharePoiModal_1 = __importDefault(__webpack_require__(169));
 const PoiInfoImageMobile_scss_1 = __importDefault(__webpack_require__(1013));
-const PoiInfoImageMobile = ({ poi, square, hideFavoriteIcon, favorite, favoriteLoading, toggleFavorite, close, t }) => {
+const PoiInfoImageMobile = ({ poi, square, hideFavoriteIcon, favorite, favoriteLoading, toggleFavorite, close, t, stepType }) => {
     const [showShareModal, setShowShareModal] = (0, react_1.useState)(false);
-    const images = poi.gallery.length === 0 ? [{ url: emptyImage_1.default, imageOwner: null }] : poi.gallery.map((img) => ({ url: model_1.helper.imgUrl(img.url, 800), imageOwner: img.imageOwner }));
+    const images = poi.gallery.length === 0 ? [{ url: emptyImage_1.default, imageOwner: null }] : poi.gallery.map((img) => ({ url: stepType === 'activity' ? img.url : model_1.helper.imgUrl(img.url, 800), imageOwner: img.imageOwner }));
     return (react_1.default.createElement("div", { className: PoiInfoImageMobile_scss_1.default.gallery },
         react_1.default.createElement("div", { className: PoiInfoImageMobile_scss_1.default.closeButton },
             react_1.default.createElement(CloseIconButton_1.default, { fill: "#696969", clicked: () => close(poi) })),
@@ -89152,7 +89153,8 @@ gygTourIds, bbTourIds, viatorTourIds, toristyTourIds, alternativeReplace, timesC
     var _a, _b, _c, _d, _e, _f;
     const [showStepTimes, setShowStepTimes] = (0, react_1.useState)(false);
     const [showMobileButtons, setShowMobileButtons] = (0, react_1.useState)(false);
-    let placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl(`${step.poi.image.url}`, 256, 256);
+    // eslint-disable-next-line no-nested-ternary
+    let placeImg = step.poi.image === null ? emptyImage_1.default : step.stepType === 'activity' ? step.poi.image.url : model_1.helper.imgUrl(`${step.poi.image.url}`, 256, 256);
     if (step.stepType === 'luggage' && step.poi.image === null) {
         placeImg = luggageImage_1.default;
     }
@@ -89608,7 +89610,7 @@ RESTAURANT_RESERVATION_PROVIDER_IDS, myOffers, isLoadingOffer, offerButtonClick,
     hidePartOfDay: hidePartOfDay, hideFeatures: hideFeatures, hideCuisine: hideCuisine, reservationButtonClick: reservationButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, tourProducts: tourProducts, ticketProducts: ticketProducts, tourTicketProductsLoading: tourTicketProductsLoading, 
     // 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, isBookingClicked: isBookingClicked, timezone: timezone, onImageModalChange: onImageModalChange, t: t }));
+    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, isBookingClicked: isBookingClicked, timezone: timezone, onImageModalChange: onImageModalChange, stepType: step.stepType, t: t }));
 exports.default = StepInfo;