@tripian/react 5.0.5 → 5.0.6

package/components/OfferCard/OfferCard.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import Model from '@tripian/model';
 interface IOfferCard {
     offer: Model.Offer;
-    clicked: (id: number) => void;
+    optedIn: boolean;
+    isLoadingOffer: (offerId: number) => boolean;
+    clicked: (optIn: boolean, id: number) => void;
 }
 declare const OfferCard: React.FC<IOfferCard>;
 export default OfferCard;

package/components/PoiInfo/PoiInfo.d.ts

@@ -21,7 +21,9 @@ interface IPoiInfo {
     getTourInfo?: (productId: string) => void;
     TOUR_PROVIDER_ID?: Model.PROVIDER_ID;
     TICKET_PROVIDER_ID?: Model.PROVIDER_ID;
-    offerButtonClick?: (offerId: number, offerClaimDate: string) => void;
+    myOffers: Model.Poi[];
+    isLoadingOffer: (offerId: number) => boolean;
+    offerButtonClick: (optIn: boolean, offerId: number, offerClaimDate: string) => void;
 }
 declare const PoiInfo: React.FC<IPoiInfo>;
 export default PoiInfo;

package/components/StepInfo/StepInfo.d.ts

@@ -17,6 +17,9 @@ interface IStepInfo {
     getTourInfo?: (productId: string) => void;
     TOUR_PROVIDER_ID?: Model.PROVIDER_ID;
     TICKET_PROVIDER_ID?: Model.PROVIDER_ID;
+    myOffers: Model.Poi[];
+    isLoadingOffer: (offerId: number) => boolean;
+    offerButtonClick: (optIn: boolean, offerId: number, offerClaimDate: string) => void;
 }
 declare const StepInfo: React.FC<IStepInfo>;
 export default StepInfo;

package/index.js

@@ -44654,7 +44654,7 @@ var POI_CARD_ACTION;
 })(POI_CARD_ACTION || (POI_CARD_ACTION = {}));
 var PoiInfo = function (_a) {
     var _b, _c;
-    var 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_ID = _a.TOUR_PROVIDER_ID, TICKET_PROVIDER_ID = _a.TICKET_PROVIDER_ID, offerButtonClick = _a.offerButtonClick;
+    var 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_ID = _a.TOUR_PROVIDER_ID, TICKET_PROVIDER_ID = _a.TICKET_PROVIDER_ID, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick;
     var _h = (0, react_1.useState)(false), openTours = _h[0], setOpenTours = _h[1];
     var myRef = react_1.default.createRef();
     (0, react_1.useEffect)(function () {
@@ -44716,9 +44716,8 @@ var PoiInfo = function (_a) {
             if (planDateTimeNow.isBetween(offerStartDate, offerEndDate)) {
                 var offerClaimDate_1 = (0, moment_1.default)(planDate).format('YYYY-MM-DD');
                 return (react_1.default.createElement("div", { key: "offer-".concat(i), className: "py2" },
-                    react_1.default.createElement(OfferCard_1.default, { offer: offer, clicked: function (id) {
-                            if (offerButtonClick)
-                                offerButtonClick(id, offerClaimDate_1);
+                    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 && x.optIn; }); }), isLoadingOffer: isLoadingOffer, clicked: function (optIn, id) {
+                            offerButtonClick(optIn, id, offerClaimDate_1);
                         } })));
             }
             return null;
@@ -65000,10 +64999,11 @@ var react_1 = __importDefault(__webpack_require__(0));
 var moment_1 = __importDefault(__webpack_require__(1));
 var OfferCard_scss_1 = __importDefault(__webpack_require__(675));
 var Button_1 = __importDefault(__webpack_require__(5));
+var PreLoading_1 = __importDefault(__webpack_require__(12));
 var OfferCard = function (_a) {
     var _b, _c;
-    var offer = _a.offer, clicked = _a.clicked;
-    return (react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCard, onClick: function () { return clicked(offer.id); }, role: "button", onKeyDown: function () { }, tabIndex: 0 },
+    var offer = _a.offer, optedIn = _a.optedIn, isLoadingOffer = _a.isLoadingOffer, clicked = _a.clicked;
+    return (react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCard },
         react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCardImgDiv },
             react_1.default.createElement("img", { className: OfferCard_scss_1.default.offerCardImg, src: offer.image.url, alt: "" })),
         react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCardContent },
@@ -65016,8 +65016,12 @@ var OfferCard = function (_a) {
                     "To: ",
                     (0, moment_1.default)((_c = offer.timeframe) === null || _c === void 0 ? void 0 : _c.end).format('DD MMMM h:mm A'))),
             react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCardCaption }, offer.caption),
-            react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCardButton },
-                react_1.default.createElement(Button_1.default, { className: OfferCard_scss_1.default.offerButton, text: offer.optIn ? 'OPT-OUT' : 'OPT-IN', onClick: function () { return clicked(offer.id); }, color: "primary", size: "small" })))));
+            react_1.default.createElement("div", { className: OfferCard_scss_1.default.offerCardButton }, isLoadingOffer(offer.id) ? (react_1.default.createElement(PreLoading_1.default, null)) : (react_1.default.createElement(Button_1.default, { className: OfferCard_scss_1.default.offerButton, text: optedIn ? 'OPT-OUT' : 'OPT-IN', onClick: function () {
+                    if (optedIn)
+                        clicked(false, offer.id);
+                    else
+                        clicked(true, offer.id);
+                }, color: "primary", size: "small" }))))));
 };
 exports.default = OfferCard;
 
@@ -65730,10 +65734,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 var PoiInfo_1 = __importDefault(__webpack_require__(334));
 var StepInfo = function (_a) {
-    var 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_ID = _a.TOUR_PROVIDER_ID, TICKET_PROVIDER_ID = _a.TICKET_PROVIDER_ID;
+    var 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_ID = _a.TOUR_PROVIDER_ID, TICKET_PROVIDER_ID = _a.TICKET_PROVIDER_ID, myOffers = _a.myOffers, isLoadingOffer = _a.isLoadingOffer, offerButtonClick = _a.offerButtonClick;
     return (react_1.default.createElement(PoiInfo_1.default, { dayNumbers: dayNumbers, poi: step.poi, favorite: favorite, toggleFavorite: toggleFavorite, close: close, addRemoveReplacePoi: function () {
             removeStep(step.id);
-        }, stepOrder: step.order, hideActionButtons: hideRemoveStepButton, bookingButtonClick: bookingButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, TOUR_PROVIDER_ID: TOUR_PROVIDER_ID, TICKET_PROVIDER_ID: TICKET_PROVIDER_ID }));
+        }, stepOrder: step.order, hideActionButtons: hideRemoveStepButton, bookingButtonClick: bookingButtonClick, planDate: planDate, favoriteLoading: favoriteLoading, reservationUrl: reservationUrl, hideBookingButton: hideBookingButton, square: false, hideTours: hideTours, getTourInfo: getTourInfo, TOUR_PROVIDER_ID: TOUR_PROVIDER_ID, TICKET_PROVIDER_ID: TICKET_PROVIDER_ID, myOffers: myOffers, isLoadingOffer: isLoadingOffer, offerButtonClick: offerButtonClick }));
 };
 exports.default = StepInfo;