@tripian/react 7.1.0 → 7.1.1

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.
Files changed (10) hide show
  1. package/components/OfferCard/DefaultOfferCardItem/DefaultOfferCardItem.d.ts +2 -1
  2. package/components/OfferCard/OfferCard.d.ts +2 -1
  3. package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItem.d.ts +2 -1
  4. package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItemDesktop/VoucherOfferCardItemDesktop.d.ts +2 -1
  5. package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItemMobile/VoucherOfferCardItemMobile.d.ts +2 -1
  6. package/components/PoiInfo/PoiInfo.d.ts +1 -0
  7. package/components/StepInfo/StepInfo.d.ts +1 -0
  8. package/index.js +63 -33
  9. package/index.js.map +1 -1
  10. package/package.json +2 -2
package/components/OfferCard/DefaultOfferCardItem/DefaultOfferCardItem.d.ts CHANGED
@@ -7,7 +7,8 @@ interface IDefaultOfferCardItem {
7
7
  optedIn: boolean;
8
8
  isMyOffer?: boolean;
9
9
  isLoadingOffer: (offerId: number) => boolean;
10
- clicked: (optIn: boolean, id: number) => void;
10
+ optClicked: (optIn: boolean, id: number) => void;
11
+ cardClicked?: () => void;
11
12
  }
12
13
  declare const DefaultOfferCardItem: React.FC<IDefaultOfferCardItem>;
13
14
  export default DefaultOfferCardItem;
package/components/OfferCard/OfferCard.d.ts CHANGED
@@ -6,7 +6,8 @@ interface IOfferCard {
6
6
  offer: Model.Offer;
7
7
  optedIn: boolean;
8
8
  isMyOffer?: boolean;
9
- clicked: (optIn: boolean, id: number) => void;
9
+ optClicked: (optIn: boolean, id: number) => void;
10
+ cardClicked?: () => void;
10
11
  isLoadingOffer: (offerId: number) => boolean;
11
12
  redeemClicked?: () => void;
12
13
  }
package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItem.d.ts CHANGED
@@ -7,7 +7,8 @@ interface IVoucherOfferCardItem {
7
7
  optedIn: boolean;
8
8
  isMyOffer?: boolean;
9
9
  isLoadingOffer: (offerId: number) => boolean;
10
- clicked: (optIn: boolean, id: number) => void;
10
+ optClicked: (optIn: boolean, id: number) => void;
11
+ cardClicked?: () => void;
11
12
  redeemClicked: () => void;
12
13
  }
13
14
  declare const VoucherOfferCardItem: React.FC<IVoucherOfferCardItem>;
package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItemDesktop/VoucherOfferCardItemDesktop.d.ts CHANGED
@@ -7,7 +7,8 @@ interface IVoucherOfferCardItemDesktop {
7
7
  optedIn: boolean;
8
8
  isMyOffer?: boolean;
9
9
  isLoadingOffer: (offerId: number) => boolean;
10
- clicked: (optIn: boolean, id: number) => void;
10
+ optClicked: (optIn: boolean, id: number) => void;
11
+ cardClicked?: () => void;
11
12
  redeemClicked: () => void;
12
13
  }
13
14
  declare const VoucherOfferCardItemDesktop: React.FC<IVoucherOfferCardItemDesktop>;
package/components/OfferCard/VoucherOfferCardItem/VoucherOfferCardItemMobile/VoucherOfferCardItemMobile.d.ts CHANGED
@@ -7,7 +7,8 @@ interface IVoucherOfferCardItemMobile {
7
7
  optedIn: boolean;
8
8
  isMyOffer?: boolean;
9
9
  isLoadingOffer: (offerId: number) => boolean;
10
- clicked: (optIn: boolean, id: number) => void;
10
+ optClicked: (optIn: boolean, id: number) => void;
11
+ cardClicked?: () => void;
11
12
  redeemClicked: () => void;
12
13
  }
13
14
  declare const VoucherOfferCardItemMobile: React.FC<IVoucherOfferCardItemMobile>;
package/components/PoiInfo/PoiInfo.d.ts CHANGED
@@ -28,6 +28,7 @@ interface IPoiInfo {
28
28
  myOffers: Model.Poi[];
29
29
  isLoadingOffer: (offerId: number) => boolean;
30
30
  offerButtonClick: (optIn: boolean, offerId: number, optInDate: string) => void;
31
+ offerCardClicked?: () => void;
31
32
  hideOffers: boolean;
32
33
  loadingFeedback: boolean;
33
34
  feedbackSubjects: Model.FeedbackSubjects[];
package/components/StepInfo/StepInfo.d.ts CHANGED
@@ -22,6 +22,7 @@ interface IStepInfo {
22
22
  myOffers: Model.Poi[];
23
23
  isLoadingOffer: (offerId: number) => boolean;
24
24
  offerButtonClick: (optIn: boolean, offerId: number, optInDate: string) => void;
25
+ offerCardClicked?: () => void;
25
26
  hideOffers: boolean;
26
27
  loadingFeedback: boolean;
27
28
  feedbackSubjects: Model.FeedbackSubjects[];
package/index.js CHANGED
@@ -44984,7 +44984,7 @@ var moment_1 = __importDefault(__webpack_require__(1));
44984
44984
  var DefaultOfferCardItem_1 = __importDefault(__webpack_require__(787));
44985
44985
  var VoucherOfferCardItem_1 = __importDefault(__webpack_require__(789));
44986
44986
  var OfferCard = function (_a) {
44987
- var poiName = _a.poiName, planDate = _a.planDate, offer = _a.offer, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, clicked = _a.clicked, isLoadingOffer = _a.isLoadingOffer, redeemClicked = _a.redeemClicked;
44987
+ var poiName = _a.poiName, planDate = _a.planDate, offer = _a.offer, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, optClicked = _a.optClicked, cardClicked = _a.cardClicked, isLoadingOffer = _a.isLoadingOffer, redeemClicked = _a.redeemClicked;
44988
44988
  var PoiImage = offer.imageUrl.includes('Smbt') ? model_1.helper.imgUrl("".concat(offer.imageUrl), 256, 256, 'Smbt') : model_1.helper.imgUrl("".concat(offer.imageUrl), 256, 256);
44989
44989
  var planDateTimeNowOffer = (0, react_1.useMemo)(function () {
44990
44990
  var _a, _b;
@@ -44999,9 +44999,9 @@ var OfferCard = function (_a) {
44999
44999
  }, [offer, planDate]);
45000
45000
  if (planDateTimeNowOffer) {
45001
45001
  if (planDateTimeNowOffer.offerType === model_1.default.OFFER_TYPE.VOUCHER) {
45002
- return react_1.default.createElement(VoucherOfferCardItem_1.default, { offer: offer, poiName: poiName, clicked: clicked, isLoadingOffer: isLoadingOffer, optedIn: optedIn, poiImage: PoiImage, isMyOffer: isMyOffer, redeemClicked: redeemClicked !== null && redeemClicked !== void 0 ? redeemClicked : (function () { }) });
45002
+ return (react_1.default.createElement(VoucherOfferCardItem_1.default, { offer: offer, poiName: poiName, optClicked: optClicked, cardClicked: cardClicked, isLoadingOffer: isLoadingOffer, optedIn: optedIn, poiImage: PoiImage, isMyOffer: isMyOffer, redeemClicked: redeemClicked !== null && redeemClicked !== void 0 ? redeemClicked : (function () { }) }));
45003
45003
  }
45004
- return react_1.default.createElement(DefaultOfferCardItem_1.default, { poiName: poiName, clicked: clicked, isLoadingOffer: isLoadingOffer, offer: offer, optedIn: optedIn, poiImage: PoiImage, isMyOffer: isMyOffer });
45004
+ return react_1.default.createElement(DefaultOfferCardItem_1.default, { poiName: poiName, optClicked: optClicked, isLoadingOffer: isLoadingOffer, offer: offer, optedIn: optedIn, poiImage: PoiImage, isMyOffer: isMyOffer });
45005
45005
  }
45006
45006
  return null;
45007
45007
  };
@@ -45077,7 +45077,7 @@ var PoiInfo_scss_1 = __importDefault(__webpack_require__(816));
45077
45077
  var scoreDetailHeaders = ['Distance', 'Keywords', 'Rating', 'Popularity', 'Crowd'];
45078
45078
  var PoiInfo = function (_a) {
45079
45079
  var _b, _c;
45080
- var readOnly = _a.readOnly, 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, _g = _a.square, square = _g === void 0 ? true : _g, 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, hideOffers = _a.hideOffers,
45080
+ var readOnly = _a.readOnly, 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, _g = _a.square, square = _g === void 0 ? true : _g, 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,
45081
45081
  // offerClicked,
45082
45082
  loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, redeemClicked = _a.redeemClicked;
45083
45083
  var _h = (0, react_1.useState)(false), openTours = _h[0], setOpenTours = _h[1];
@@ -45132,10 +45132,12 @@ var PoiInfo = function (_a) {
45132
45132
  var planDateTimeNow = (0, moment_1.default)(planDate);
45133
45133
  if (planDateTimeNow.isBetween(offerStartDate, offerEndDate, undefined, '[]')) {
45134
45134
  var optInDate_1 = (0, moment_1.default)(planDate).format('YYYY-MM-DD');
45135
- return (react_1.default.createElement("div", { key: "offer-".concat(i), ref: offerRef, className: "py2" },
45136
- react_1.default.createElement(OfferCard_1.default, { offer: offer, optedIn: myOffers.some(function (p) { return p.offers.some(function (x) { return x.id === offer.id; }); }), isLoadingOffer: isLoadingOffer, clicked: function (optIn, id) {
45137
- offerButtonClick(optIn, id, optInDate_1);
45138
- }, planDate: planDate, redeemClicked: redeemClicked })));
45135
+ if (!offer.optInDate) {
45136
+ return (react_1.default.createElement("div", { key: "offer-".concat(i), ref: offerRef, className: "py2" },
45137
+ react_1.default.createElement(OfferCard_1.default, { offer: offer, optedIn: myOffers.some(function (p) { return p.offers.some(function (x) { return x.id === offer.id; }); }), isLoadingOffer: isLoadingOffer, optClicked: function (optIn, id) {
45138
+ offerButtonClick(optIn, id, optInDate_1);
45139
+ }, cardClicked: offerCardClicked, planDate: planDate, redeemClicked: redeemClicked })));
45140
+ }
45139
45141
  }
45140
45142
  return null;
45141
45143
  }))),
@@ -77392,7 +77394,7 @@ var PreLoading_1 = __importDefault(__webpack_require__(9));
77392
77394
  var DefaultOfferCardItem_scss_1 = __importDefault(__webpack_require__(788));
77393
77395
  var DefaultOfferCardItem = function (_a) {
77394
77396
  var _b, _c, _d, _e;
77395
- var poiName = _a.poiName, offer = _a.offer, poiImage = _a.poiImage, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, clicked = _a.clicked;
77397
+ var poiName = _a.poiName, offer = _a.offer, poiImage = _a.poiImage, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, optClicked = _a.optClicked, cardClicked = _a.cardClicked;
77396
77398
  var _f = (0, react_1.useState)([]), captionArray = _f[0], setCaptionArray = _f[1];
77397
77399
  var offMessage = (0, react_1.useMemo)(function () {
77398
77400
  if (offer.offerType === model_1.default.OFFER_TYPE.PERCENTAGE)
@@ -77431,10 +77433,18 @@ var DefaultOfferCardItem = function (_a) {
77431
77433
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardImgGeneral },
77432
77434
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardTags },
77433
77435
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardProductName }, offer.productType.name)),
77434
- react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardImg },
77436
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardImg, onClick: function (event) {
77437
+ event.stopPropagation();
77438
+ if (cardClicked)
77439
+ cardClicked();
77440
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 },
77435
77441
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: offer.caption, className: DefaultOfferCardItem_scss_1.default.poiRefCardImage, x: 256, y: 256 })))),
77436
77442
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardGeneralMid },
77437
- react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardName }, poiName),
77443
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardName, onClick: function (event) {
77444
+ event.stopPropagation();
77445
+ if (cardClicked)
77446
+ cardClicked();
77447
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, poiName),
77438
77448
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardTitle }, offer.title),
77439
77449
  offer && (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardCaption },
77440
77450
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.exclamationIcon },
@@ -77452,13 +77462,17 @@ var DefaultOfferCardItem = function (_a) {
77452
77462
  isLoadingOffer(offer.id) ? (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.loadingWrapper },
77453
77463
  react_1.default.createElement(PreLoading_1.default, { color: "#fff", size: "small" }))) : (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.optInText, onClick: function () {
77454
77464
  if (optedIn)
77455
- clicked(false, offer.id);
77465
+ optClicked(false, offer.id);
77456
77466
  else
77457
- clicked(true, offer.id);
77467
+ optClicked(true, offer.id);
77458
77468
  }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, optedIn ? 'Click to opt-out' : 'Click to opt-in'))))),
77459
77469
  react_1.default.createElement("div", { className: "hide-m" },
77460
77470
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCard },
77461
- react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardImgGeneral },
77471
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiRefCardImgGeneral, onClick: function (event) {
77472
+ event.stopPropagation();
77473
+ if (cardClicked)
77474
+ cardClicked();
77475
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 },
77462
77476
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardOffMsg }, offMessage),
77463
77477
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: offer.caption, className: DefaultOfferCardItem_scss_1.default.poiRefCardImage, x: 256, y: 256 })),
77464
77478
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardBottom },
@@ -77473,9 +77487,9 @@ var DefaultOfferCardItem = function (_a) {
77473
77487
  isLoadingOffer(offer.id) ? (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.loadingWrapper },
77474
77488
  react_1.default.createElement(PreLoading_1.default, { color: "#fff", size: "small" }))) : (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.optInText, onClick: function () {
77475
77489
  if (optedIn)
77476
- clicked(false, offer.id);
77490
+ optClicked(false, offer.id);
77477
77491
  else
77478
- clicked(true, offer.id);
77492
+ optClicked(true, offer.id);
77479
77493
  }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, optedIn ? 'Click to opt-out' : 'Click to opt-in'))))))));
77480
77494
  };
77481
77495
  exports.default = DefaultOfferCardItem;
@@ -77503,12 +77517,12 @@ var react_1 = __importDefault(__webpack_require__(0));
77503
77517
  var VoucherOfferCardItemDesktop_1 = __importDefault(__webpack_require__(790));
77504
77518
  var VoucherOfferCardItemMobile_1 = __importDefault(__webpack_require__(792));
77505
77519
  var VoucherOfferCardItem = function (_a) {
77506
- var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, clicked = _a.clicked, redeemClicked = _a.redeemClicked;
77520
+ var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, optClicked = _a.optClicked, cardClicked = _a.cardClicked, redeemClicked = _a.redeemClicked;
77507
77521
  return (react_1.default.createElement(react_1.default.Fragment, null,
77508
77522
  react_1.default.createElement("div", { className: "hide-s" },
77509
- react_1.default.createElement(VoucherOfferCardItemDesktop_1.default, { offer: offer, poiImage: poiImage, poiName: poiName, optedIn: optedIn, isMyOffer: isMyOffer, isLoadingOffer: isLoadingOffer, clicked: clicked, redeemClicked: redeemClicked })),
77523
+ react_1.default.createElement(VoucherOfferCardItemDesktop_1.default, { offer: offer, poiImage: poiImage, poiName: poiName, optedIn: optedIn, isMyOffer: isMyOffer, isLoadingOffer: isLoadingOffer, optClicked: optClicked, cardClicked: cardClicked, redeemClicked: redeemClicked })),
77510
77524
  react_1.default.createElement("div", { className: "hide-m" },
77511
- react_1.default.createElement(VoucherOfferCardItemMobile_1.default, { offer: offer, poiImage: poiImage, poiName: poiName, optedIn: optedIn, isMyOffer: isMyOffer, isLoadingOffer: isLoadingOffer, clicked: clicked, redeemClicked: redeemClicked }))));
77525
+ react_1.default.createElement(VoucherOfferCardItemMobile_1.default, { offer: offer, poiImage: poiImage, poiName: poiName, optedIn: optedIn, isMyOffer: isMyOffer, isLoadingOffer: isLoadingOffer, optClicked: optClicked, cardClicked: cardClicked, redeemClicked: redeemClicked }))));
77512
77526
  };
77513
77527
  exports.default = VoucherOfferCardItem;
77514
77528
 
@@ -77531,22 +77545,22 @@ var PreLoading_1 = __importDefault(__webpack_require__(9));
77531
77545
  var VoucherOfferCardItemDesktop_scss_1 = __importDefault(__webpack_require__(791));
77532
77546
  var VoucherOfferCardItemDesktop = function (_a) {
77533
77547
  var _b, _c, _d;
77534
- var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, clicked = _a.clicked, redeemClicked = _a.redeemClicked;
77548
+ var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, optClicked = _a.optClicked, cardClicked = _a.cardClicked, redeemClicked = _a.redeemClicked;
77535
77549
  var claimButton = function () {
77536
77550
  if (!isLoadingOffer(offer.id)) {
77537
77551
  if (optedIn) {
77538
77552
  return (react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.optInText, onClick: function () {
77539
77553
  if (optedIn)
77540
- clicked(false, offer.id);
77554
+ optClicked(false, offer.id);
77541
77555
  else
77542
- clicked(true, offer.id);
77556
+ optClicked(true, offer.id);
77543
77557
  }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, "Cancel"));
77544
77558
  }
77545
77559
  return (react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.optInText, onClick: function () {
77546
77560
  if (optedIn)
77547
- clicked(false, offer.id);
77561
+ optClicked(false, offer.id);
77548
77562
  else
77549
- clicked(true, offer.id);
77563
+ optClicked(true, offer.id);
77550
77564
  }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, "Claim Now"));
77551
77565
  }
77552
77566
  return (react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.loadingWrapper },
@@ -77557,12 +77571,20 @@ var VoucherOfferCardItemDesktop = function (_a) {
77557
77571
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardGeneralLeft },
77558
77572
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardImgGeneral },
77559
77573
  offer.campaign && react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardCampaignName }, offer.campaign.title),
77560
- react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardImg },
77574
+ react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardImg, onClick: function (event) {
77575
+ event.stopPropagation();
77576
+ if (cardClicked)
77577
+ cardClicked();
77578
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 },
77561
77579
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: poiName || '', className: VoucherOfferCardItemDesktop_scss_1.default.offerCardImage, classNameLazyLoading: VoucherOfferCardItemDesktop_scss_1.default.offerCardImageLazyLoading, x: 256, y: 256 })))),
77562
77580
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardGeneralMid },
77563
77581
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardTop },
77564
77582
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.middle },
77565
- poiName && react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardName }, poiName),
77583
+ poiName && (react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardName, onClick: function (event) {
77584
+ event.stopPropagation();
77585
+ if (cardClicked)
77586
+ cardClicked();
77587
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, poiName)),
77566
77588
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerCardTitle }, offer.title)),
77567
77589
  react_1.default.createElement("div", { className: VoucherOfferCardItemDesktop_scss_1.default.offerDiscountWrapper },
77568
77590
  react_1.default.createElement("div", { style: { fontWeight: 600 }, className: VoucherOfferCardItemDesktop_scss_1.default.offerCardCoupon },
@@ -77616,14 +77638,22 @@ var PreLoading_1 = __importDefault(__webpack_require__(9));
77616
77638
  var VoucherOfferCardItemMobile_scss_1 = __importDefault(__webpack_require__(793));
77617
77639
  var VoucherOfferCardItemMobile = function (_a) {
77618
77640
  var _b, _c, _d, _e;
77619
- var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, clicked = _a.clicked, redeemClicked = _a.redeemClicked;
77641
+ var offer = _a.offer, poiImage = _a.poiImage, poiName = _a.poiName, optedIn = _a.optedIn, isMyOffer = _a.isMyOffer, isLoadingOffer = _a.isLoadingOffer, optClicked = _a.optClicked, cardClicked = _a.cardClicked, redeemClicked = _a.redeemClicked;
77620
77642
  return (react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCard },
77621
- react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardImgGeneral },
77643
+ react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardImgGeneral, onClick: function (event) {
77644
+ event.stopPropagation();
77645
+ if (cardClicked)
77646
+ cardClicked();
77647
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 },
77622
77648
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: poiName || '', objectFit: "cover", className: VoucherOfferCardItemMobile_scss_1.default.offerCardImage, x: 256, y: 256 }),
77623
77649
  react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardCampaignName },
77624
77650
  react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardCampaignNameText }, (_b = offer.campaign) === null || _b === void 0 ? void 0 : _b.title))),
77625
77651
  react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardBottom },
77626
- poiName && react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardName }, poiName),
77652
+ poiName && (react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardName, onClick: function (event) {
77653
+ event.stopPropagation();
77654
+ if (cardClicked)
77655
+ cardClicked();
77656
+ }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, poiName)),
77627
77657
  react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerCardTitle }, offer.title),
77628
77658
  react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.offerType }, offer.productType.name.toUpperCase()),
77629
77659
  offer && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -77643,9 +77673,9 @@ var VoucherOfferCardItemMobile = function (_a) {
77643
77673
  optedIn ? react_1.default.createElement(Button_1.default, { onClick: redeemClicked, className: VoucherOfferCardItemMobile_scss_1.default.offerButton, text: "Redeem" }) : null,
77644
77674
  react_1.default.createElement(Button_1.default, { onClick: function () {
77645
77675
  if (optedIn)
77646
- clicked(false, offer.id);
77676
+ optClicked(false, offer.id);
77647
77677
  else
77648
- clicked(true, offer.id);
77678
+ optClicked(true, offer.id);
77649
77679
  }, className: VoucherOfferCardItemMobile_scss_1.default.offerButton, text: !optedIn ? "Claim ".concat(offer.currency).concat(offer.discount) : 'Cancel' }))) : (react_1.default.createElement("div", { className: VoucherOfferCardItemMobile_scss_1.default.redeemed },
77650
77680
  "Redeemed at ",
77651
77681
  (0, moment_1.default)(offer.redeemDate).format('MMM Do'))))))));
@@ -79154,10 +79184,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
79154
79184
  var react_1 = __importDefault(__webpack_require__(0));
79155
79185
  var PoiInfo_1 = __importDefault(__webpack_require__(355));
79156
79186
  var StepInfo = function (_a) {
79157
- var readOnly = _a.readOnly, step = _a.step, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, removeStep = _a.removeStep, close = _a.close, dayNumbers = _a.dayNumbers, hideRemoveStepButton = _a.hideRemoveStepButton, 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, hideOffers = _a.hideOffers, loadingFeedback = _a.loadingFeedback, feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, placeInfoCallBack = _a.placeInfoCallBack, showStepScoreDetails = _a.showStepScoreDetails;
79187
+ var readOnly = _a.readOnly, step = _a.step, favorite = _a.favorite, toggleFavorite = _a.toggleFavorite, removeStep = _a.removeStep, close = _a.close, dayNumbers = _a.dayNumbers, hideRemoveStepButton = _a.hideRemoveStepButton, 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;
79158
79188
  return (react_1.default.createElement(PoiInfo_1.default, { readOnly: readOnly, score: step.score, scoreDetails: showStepScoreDetails ? step.scoreDetails : undefined, dayNumbers: dayNumbers, poi: step.poi, favorite: favorite, toggleFavorite: toggleFavorite, close: close, addRemoveReplacePoi: function () {
79159
79189
  removeStep(step.id);
79160
- }, stepOrder: step.order, hideActionButtons: hideRemoveStepButton, 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, hideOffers: hideOffers, hideFavoriteIcon: false, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, placeInfoCallBack: placeInfoCallBack }));
79190
+ }, stepOrder: step.order, hideActionButtons: hideRemoveStepButton, 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, hideFavoriteIcon: false, loadingFeedback: loadingFeedback, feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, placeInfoCallBack: placeInfoCallBack }));
79161
79191
  };
79162
79192
  exports.default = StepInfo;
79163
79193