@tripian/react 9.0.34 → 9.0.36

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.
@@ -3,8 +3,8 @@ import React from 'react';
3
3
  interface IFeedback {
4
4
  feedbackSubjects: Model.FeedbackSubjects[];
5
5
  sendFeedback: (value: Model.FeedbackRequest) => Promise<void>;
6
- showModal: boolean;
7
- setShowModal: () => void;
6
+ showModal?: boolean;
7
+ setShowModal?: () => void;
8
8
  t: (value: Model.TranslationKey) => string;
9
9
  }
10
10
  declare const Feedback: React.FC<IFeedback>;
@@ -12,14 +12,9 @@ interface ISideNavigation {
12
12
  open?: boolean;
13
13
  closed: () => void;
14
14
  showBbButton?: boolean;
15
- feedbackSubjects: Model.FeedbackSubjects[];
16
- loadingFeedback: boolean;
17
- sendFeedback: (value: Model.FeedbackRequest) => Promise<void>;
18
15
  themeSwitchChecked: boolean;
19
16
  themeSwitchCheckedOnchange: (checked: boolean) => void;
20
17
  showThemeSwitch: boolean;
21
- showFeedbackModal: boolean;
22
- setShowFeedbackModal: (show: boolean) => void;
23
18
  languageOptions?: Model.LangCode[];
24
19
  selectedLanguage: string;
25
20
  onSelectedLanguage: (value: string) => void;
package/index.d.ts CHANGED
@@ -120,10 +120,11 @@ import TripCard from './components/TripCard/TripCard';
120
120
  import TripSavedCard from './components/TripSavedCard/TripSavedCard';
121
121
  import UserCompanions from './components/UserCompanions/UserCompanions';
122
122
  import UserFeedbacks from './components/FeedBack/UserFeedbacks/UserFeedbacks';
123
+ import Feedback from './components/FeedBack/FeedBack';
123
124
  import ViatorProductCard from './providers/viator/components/ViatorProductCard/ViatorProductCard';
124
125
  import ViatorProductInfo from './providers/viator/components/ViatorProductInfo/ViatorProductInfo';
125
126
  import ViatorTourInfoImage from './providers/viator/components/ViatorProductInfo/ViatorTourInfoImage/ViatorTourInfoImage';
126
127
  import QuestionTemplate from './components/QuestionTemplate/QuestionTemplate';
127
128
  import BookingDetails from './providers/gyg/components/BookingDetails/BookingDetails';
128
129
  import Accordion from './components/base/Accordion/Accordion';
129
- export { Accordion, AccommondationCard, AccommondationInfo, Badge, BackButton, Backdrop, BbAccommodationInfo, BbCarRentInfo, BbTourCard, BbTourInfo, BbTourInfoForm, BbTourInfoImage, BbTourInfoOffer, BbTourInfoText, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CreateIconButton, CloseIconButton, CloseIconButton2, ConfirmModalPopup, Copy, CouponCard, CustomPopover, CustomSlider, DatePicker, DateRangePicker, DeleteUser, DeleteUserSuccess, DirectionInfo, Dropdown, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateNewPassword, FormTemplateProfile, FormTemplateRegister, FormTemplateResetPassword, FormTemplateToursAndTickets, FormTemplateTripNext, FormTemplateTripNextWidget, GoogleMaps, GoogleMapsPoiInfo, GoogleMapsSearch, GPlacesAutocomplete2, GygTourCard, GygTourInfoEx, GygTourInfoForm, GygTourInfoImage, GygTourShoppingForm, GygTourOption, IconImage, Img, ImgLazy, Input, ItineraryCardSlider, Label, Loading, MapCategory, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OfferAvailableDaySelect, OfferCard, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PoiSearchAutoComplete, PoiOfferRefCard, PreAppLoading, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButton, RadioButtonGroup, RatingStars, ReadMoreLess, RefCard, ReservationDetails, ResetPasswordApproved, ResetPasswordEmail, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteInfo, TextField, Toggle, ToggleSwitch, TourRefCardProduct, TripCard, TripSavedCard, UserCompanions, UserFeedbacks, ViatorProductCard, ViatorProductInfo, ViatorTourInfoImage, };
130
+ export { Accordion, AccommondationCard, AccommondationInfo, Badge, BackButton, Backdrop, BbAccommodationInfo, BbCarRentInfo, BbTourCard, BbTourInfo, BbTourInfoForm, BbTourInfoImage, BbTourInfoOffer, BbTourInfoText, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CreateIconButton, CloseIconButton, CloseIconButton2, ConfirmModalPopup, Copy, CouponCard, CustomPopover, CustomSlider, DatePicker, DateRangePicker, DeleteUser, DeleteUserSuccess, DirectionInfo, Dropdown, Feedback, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateNewPassword, FormTemplateProfile, FormTemplateRegister, FormTemplateResetPassword, FormTemplateToursAndTickets, FormTemplateTripNext, FormTemplateTripNextWidget, GoogleMaps, GoogleMapsPoiInfo, GoogleMapsSearch, GPlacesAutocomplete2, GygTourCard, GygTourInfoEx, GygTourInfoForm, GygTourInfoImage, GygTourShoppingForm, GygTourOption, IconImage, Img, ImgLazy, Input, ItineraryCardSlider, Label, Loading, MapCategory, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OfferAvailableDaySelect, OfferCard, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PoiSearchAutoComplete, PoiOfferRefCard, PreAppLoading, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButton, RadioButtonGroup, RatingStars, ReadMoreLess, RefCard, ReservationDetails, ResetPasswordApproved, ResetPasswordEmail, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteInfo, TextField, Toggle, ToggleSwitch, TourRefCardProduct, TripCard, TripSavedCard, UserCompanions, UserFeedbacks, ViatorProductCard, ViatorProductInfo, ViatorTourInfoImage, };
package/index.js CHANGED
@@ -29659,7 +29659,7 @@ var ShowMoreLess = function (_a) {
29659
29659
  items.length - itemsCount,
29660
29660
  " ",
29661
29661
  t('trips.myTrips.itinerary.step.poi.tags.more'))) : (react_1.default.createElement("button", { className: ShowMoreLess_scss_1.default.showLessButton, type: "button", onClick: showLessItem },
29662
- react_1.default.createElement(ArrowUp_1.default, { className: ShowMoreLess_scss_1.default.lessArrowIcon }),
29662
+ react_1.default.createElement(ArrowUp_1.default, { fill: "#000", className: ShowMoreLess_scss_1.default.lessArrowIcon }),
29663
29663
  react_1.default.createElement("span", { className: ShowMoreLess_scss_1.default.lessButtonText }, t('trips.myTrips.itinerary.step.poi.tags.less'))))))));
29664
29664
  };
29665
29665
  exports.default = ShowMoreLess;
@@ -57623,13 +57623,13 @@ var Modal_1 = __importDefault(__webpack_require__(55));
57623
57623
  var PreLoading_1 = __importDefault(__webpack_require__(13));
57624
57624
  var Feedback_scss_1 = __importDefault(__webpack_require__(886));
57625
57625
  var Feedback = function (_a) {
57626
- var feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, showModal = _a.showModal, setShowModal = _a.setShowModal, t = _a.t;
57627
- var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
57628
- var _c = (0, react_1.useState)({
57626
+ var feedbackSubjects = _a.feedbackSubjects, sendFeedback = _a.sendFeedback, _b = _a.showModal, showModal = _b === void 0 ? true : _b, setShowModal = _a.setShowModal, t = _a.t;
57627
+ var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
57628
+ var _d = (0, react_1.useState)({
57629
57629
  subjectType: feedbackSubjects[0].subjectType,
57630
57630
  subjectId: feedbackSubjects[0].id,
57631
57631
  desc: '',
57632
- }), feedback = _c[0], setFeedBack = _c[1];
57632
+ }), feedback = _d[0], setFeedBack = _d[1];
57633
57633
  var handleChange = function (id) {
57634
57634
  var selectedSubject = feedbackSubjects.find(function (subject) { return subject.id === Number(id); });
57635
57635
  if (selectedSubject)
@@ -57649,6 +57649,34 @@ var Feedback = function (_a) {
57649
57649
  // setFeedBack({ ...feedback, desc: input.trimStart() });
57650
57650
  // }
57651
57651
  // };
57652
+ if (setShowModal === undefined) {
57653
+ return (react_1.default.createElement("div", null,
57654
+ react_1.default.createElement("div", { className: "row m0" },
57655
+ react_1.default.createElement("div", { className: "col col12 p5 m0" }, loading ? (react_1.default.createElement("div", { className: Feedback_scss_1.default.feedbackLoading },
57656
+ react_1.default.createElement(PreLoading_1.default, null))) : (react_1.default.createElement(react_1.default.Fragment, null,
57657
+ react_1.default.createElement("div", { className: "col col12" },
57658
+ react_1.default.createElement("h6", { className: "mt8 mb4" }, t('support.feedback.modal.title')),
57659
+ react_1.default.createElement(Dropdown_1.default, { defaultValue: feedbackSubjects[0].title, options: options, selectChange: handleChange, skippable: false })),
57660
+ react_1.default.createElement("div", { className: "col col12" },
57661
+ react_1.default.createElement("h6", { className: "mt8 mb4" }, t('support.feedback.modal.messageTitle')),
57662
+ react_1.default.createElement("textarea", { name: "problem", rows: 5, className: Feedback_scss_1.default.feedbackDesc, value: feedback.desc, onChange: function (event) {
57663
+ setFeedBack(__assign(__assign({}, feedback), { desc: event.target.value }));
57664
+ // numbersAndLettersOnly(event.target.value);
57665
+ } })),
57666
+ react_1.default.createElement("div", { className: "row m0 center" },
57667
+ react_1.default.createElement("div", { className: "col col6 my2" },
57668
+ react_1.default.createElement(Button_1.default, { color: "primary", text: t('support.feedback.modal.close'), onClick: function () {
57669
+ setFeedbackDefault();
57670
+ } })),
57671
+ react_1.default.createElement("div", { className: "col col6 my2" },
57672
+ react_1.default.createElement(Button_1.default, { color: "primary", text: t('support.feedback.modal.send'), onClick: function () {
57673
+ setLoading(true);
57674
+ sendFeedback(feedback).finally(function () {
57675
+ setLoading(false);
57676
+ setFeedbackDefault();
57677
+ });
57678
+ }, disabled: feedback.desc.trim() === '' })))))))));
57679
+ }
57652
57680
  return (react_1.default.createElement(Modal_1.default, { className: Feedback_scss_1.default.feedbackModal, show: showModal, backdropClick: function () {
57653
57681
  setShowModal();
57654
57682
  }, zIndex: 499 },
@@ -59153,9 +59181,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
59153
59181
  return (mod && mod.__esModule) ? mod : { "default": mod };
59154
59182
  };
59155
59183
  Object.defineProperty(exports, "__esModule", { value: true });
59156
- exports.GoogleMapsPoiInfo = exports.GoogleMaps = exports.FormTemplateTripNextWidget = exports.FormTemplateTripNext = exports.FormTemplateToursAndTickets = exports.FormTemplateResetPassword = exports.FormTemplateRegister = exports.FormTemplateProfile = exports.FormTemplateNewPassword = exports.FormTemplateLogin = exports.FormTemplateCompanion = exports.FormTemplateAgent = exports.FlightCard = exports.Dropdown = exports.DirectionInfo = exports.DeleteUserSuccess = exports.DeleteUser = exports.DateRangePicker = exports.DatePicker = exports.CustomSlider = exports.CustomPopover = exports.CouponCard = exports.Copy = exports.ConfirmModalPopup = exports.CloseIconButton2 = exports.CloseIconButton = exports.CreateIconButton = exports.Checkbox = exports.CardSlider = exports.ButterflyCardSlider = exports.ButterflyCard = exports.BUTTON_TYPES = exports.ButtonIcons = exports.Button = exports.BookingDetails = exports.Booking = exports.BbTourInfoText = exports.BbTourInfoOffer = exports.BbTourInfoImage = exports.BbTourInfoForm = exports.BbTourInfo = exports.BbTourCard = exports.BbCarRentInfo = exports.BbAccommodationInfo = exports.Backdrop = exports.BackButton = exports.Badge = exports.AccommondationInfo = exports.AccommondationCard = exports.Accordion = void 0;
59157
- exports.RouteResult = exports.ResetPasswordEmail = exports.ResetPasswordApproved = exports.ReservationDetails = exports.RefCard = exports.ReadMoreLess = exports.RatingStars = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressAppLoading = exports.ProgressLoading = exports.Price = exports.PreLoading = exports.PreAppLoading = exports.PoiOfferRefCard = exports.PoiSearchAutoComplete = exports.PoiRefCard = exports.PoiListSearch = exports.PoiListCard = exports.PoiInfoText = exports.PoiInfoImage = exports.PoiInfo = exports.PoiCategories = exports.PlanChangeDay = exports.PageLoading = exports.OpeningsForm = exports.OfferCard = exports.OfferAvailableDaySelect = exports.Notification = exports.NumberInput = exports.NumberCounter = exports.MustTryCard = exports.ModalFull = exports.Modal = exports.MapCategory = exports.Loading = exports.Label = exports.ItineraryCardSlider = exports.Input = exports.ImgLazy = exports.Img = exports.IconImage = exports.GygTourOption = exports.GygTourShoppingForm = exports.GygTourInfoImage = exports.GygTourInfoForm = exports.GygTourInfoEx = exports.GygTourCard = exports.GPlacesAutocomplete2 = exports.GoogleMapsSearch = void 0;
59158
- exports.ViatorTourInfoImage = exports.ViatorProductInfo = exports.ViatorProductCard = exports.UserFeedbacks = exports.UserCompanions = exports.TripSavedCard = exports.TripCard = exports.TourRefCardProduct = exports.ToggleSwitch = exports.Toggle = exports.TextField = exports.TasteInfo = exports.TasteCard2 = exports.TasteCard = exports.TabMenu = exports.QuestionTemplate = exports.SvgIcons = exports.Switch = exports.Svg = exports.StepTimeframe = exports.StepInfo = exports.StepCardUserReaction = exports.StepCard = exports.StepAlternativeCard = exports.SideNavigation = exports.SearchThisArea = exports.RSelect = void 0;
59184
+ exports.GoogleMaps = exports.FormTemplateTripNextWidget = exports.FormTemplateTripNext = exports.FormTemplateToursAndTickets = exports.FormTemplateResetPassword = exports.FormTemplateRegister = exports.FormTemplateProfile = exports.FormTemplateNewPassword = exports.FormTemplateLogin = exports.FormTemplateCompanion = exports.FormTemplateAgent = exports.FlightCard = exports.Feedback = exports.Dropdown = exports.DirectionInfo = exports.DeleteUserSuccess = exports.DeleteUser = exports.DateRangePicker = exports.DatePicker = exports.CustomSlider = exports.CustomPopover = exports.CouponCard = exports.Copy = exports.ConfirmModalPopup = exports.CloseIconButton2 = exports.CloseIconButton = exports.CreateIconButton = exports.Checkbox = exports.CardSlider = exports.ButterflyCardSlider = exports.ButterflyCard = exports.BUTTON_TYPES = exports.ButtonIcons = exports.Button = exports.BookingDetails = exports.Booking = exports.BbTourInfoText = exports.BbTourInfoOffer = exports.BbTourInfoImage = exports.BbTourInfoForm = exports.BbTourInfo = exports.BbTourCard = exports.BbCarRentInfo = exports.BbAccommodationInfo = exports.Backdrop = exports.BackButton = exports.Badge = exports.AccommondationInfo = exports.AccommondationCard = exports.Accordion = void 0;
59185
+ exports.ResetPasswordEmail = exports.ResetPasswordApproved = exports.ReservationDetails = exports.RefCard = exports.ReadMoreLess = exports.RatingStars = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressAppLoading = exports.ProgressLoading = exports.Price = exports.PreLoading = exports.PreAppLoading = exports.PoiOfferRefCard = exports.PoiSearchAutoComplete = exports.PoiRefCard = exports.PoiListSearch = exports.PoiListCard = exports.PoiInfoText = exports.PoiInfoImage = exports.PoiInfo = exports.PoiCategories = exports.PlanChangeDay = exports.PageLoading = exports.OpeningsForm = exports.OfferCard = exports.OfferAvailableDaySelect = exports.Notification = exports.NumberInput = exports.NumberCounter = exports.MustTryCard = exports.ModalFull = exports.Modal = exports.MapCategory = exports.Loading = exports.Label = exports.ItineraryCardSlider = exports.Input = exports.ImgLazy = exports.Img = exports.IconImage = exports.GygTourOption = exports.GygTourShoppingForm = exports.GygTourInfoImage = exports.GygTourInfoForm = exports.GygTourInfoEx = exports.GygTourCard = exports.GPlacesAutocomplete2 = exports.GoogleMapsSearch = exports.GoogleMapsPoiInfo = void 0;
59186
+ exports.ViatorTourInfoImage = exports.ViatorProductInfo = exports.ViatorProductCard = exports.UserFeedbacks = exports.UserCompanions = exports.TripSavedCard = exports.TripCard = exports.TourRefCardProduct = exports.ToggleSwitch = exports.Toggle = exports.TextField = exports.TasteInfo = exports.TasteCard2 = exports.TasteCard = exports.TabMenu = exports.QuestionTemplate = exports.SvgIcons = exports.Switch = exports.Svg = exports.StepTimeframe = exports.StepInfo = exports.StepCardUserReaction = exports.StepCard = exports.StepAlternativeCard = exports.SideNavigation = exports.SearchThisArea = exports.RSelect = exports.RouteResult = void 0;
59159
59187
  __webpack_require__(423);
59160
59188
  var AccommondationCard_1 = __importDefault(__webpack_require__(424));
59161
59189
  exports.AccommondationCard = AccommondationCard_1.default;
@@ -59401,6 +59429,8 @@ var UserCompanions_1 = __importDefault(__webpack_require__(942));
59401
59429
  exports.UserCompanions = UserCompanions_1.default;
59402
59430
  var UserFeedbacks_1 = __importDefault(__webpack_require__(944));
59403
59431
  exports.UserFeedbacks = UserFeedbacks_1.default;
59432
+ var FeedBack_1 = __importDefault(__webpack_require__(415));
59433
+ exports.Feedback = FeedBack_1.default;
59404
59434
  var ViatorProductCard_1 = __importDefault(__webpack_require__(946));
59405
59435
  exports.ViatorProductCard = ViatorProductCard_1.default;
59406
59436
  var ViatorProductInfo_1 = __importDefault(__webpack_require__(952));
@@ -59727,8 +59757,8 @@ var Svg_1 = __importDefault(__webpack_require__(2));
59727
59757
  var ArrowUp = function (_a) {
59728
59758
  var fill = _a.fill, bgColor = _a.bgColor, _b = _a.size, size = _b === void 0 ? '16px' : _b, className = _a.className;
59729
59759
  return (react_1.default.createElement(Svg_1.default, { className: className, fill: fill, color: bgColor, size: size, path: "", viewBox: "0 0 18 18" },
59730
- react_1.default.createElement("path", { d: "M3.885 7.17746C3.885 7.03496 3.9375 6.89246 4.05 6.77996L8.6025 2.22746C8.82 2.00996 9.18 2.00996 9.3975 2.22746L13.95 6.77996C14.1675 6.99746 14.1675 7.35746 13.95 7.57496C13.7325 7.79246 13.3725 7.79246 13.155 7.57496L9 3.41996L4.845 7.57496C4.6275 7.79246 4.2675 7.79246 4.05 7.57496C3.9375 7.46996 3.885 7.31996 3.885 7.17746Z", fill: "#2B2B33" }),
59731
- react_1.default.createElement("path", { d: "M8.4375 15.3749L8.4375 2.75244C8.4375 2.44494 8.6925 2.18994 9 2.18994C9.3075 2.18994 9.5625 2.44494 9.5625 2.75244L9.5625 15.3749C9.5625 15.6824 9.3075 15.9374 9 15.9374C8.6925 15.9374 8.4375 15.6824 8.4375 15.3749Z", fill: "#2B2B33" })));
59760
+ react_1.default.createElement("path", { d: "M3.885 7.17746C3.885 7.03496 3.9375 6.89246 4.05 6.77996L8.6025 2.22746C8.82 2.00996 9.18 2.00996 9.3975 2.22746L13.95 6.77996C14.1675 6.99746 14.1675 7.35746 13.95 7.57496C13.7325 7.79246 13.3725 7.79246 13.155 7.57496L9 3.41996L4.845 7.57496C4.6275 7.79246 4.2675 7.79246 4.05 7.57496C3.9375 7.46996 3.885 7.31996 3.885 7.17746Z" }),
59761
+ react_1.default.createElement("path", { d: "M8.4375 15.3749L8.4375 2.75244C8.4375 2.44494 8.6925 2.18994 9 2.18994C9.3075 2.18994 9.5625 2.44494 9.5625 2.75244L9.5625 15.3749C9.5625 15.6824 9.3075 15.9374 9 15.9374C8.6925 15.9374 8.4375 15.6824 8.4375 15.3749Z" })));
59732
59762
  };
59733
59763
  exports.default = ArrowUp;
59734
59764
 
@@ -82875,22 +82905,22 @@ var DefaultOfferCardItem = function (_a) {
82875
82905
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: offer.caption, className: DefaultOfferCardItem_scss_1.default.poiRefCardImage, x: 256, y: 256 })),
82876
82906
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardBottom },
82877
82907
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardDescWrapper },
82878
- react_1.default.createElement("div", null, offer.title),
82908
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.offerTitle }, offer.title),
82879
82909
  react_1.default.createElement("span", null,
82880
82910
  "Offer Valid ",
82881
82911
  (0, moment_1.default)((_d = offer === null || offer === void 0 ? void 0 : offer.timeframe) === null || _d === void 0 ? void 0 : _d.start).format('MMM Do'),
82882
82912
  " - ",
82883
82913
  (0, moment_1.default)((_e = offer === null || offer === void 0 ? void 0 : offer.timeframe) === null || _e === void 0 ? void 0 : _e.end).format('MMM Do')),
82884
82914
  react_1.default.createElement("div", null, offer.caption),
82885
- react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } }, isLoadingOffer(offer.id) ? (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.loadingWrapper },
82886
- react_1.default.createElement(PreLoading_1.default, { color: "#fff", size: "small" }))) : (react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.mobileButtonsWrapper },
82887
- react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.optInText, onClick: function () {
82888
- if (optedIn)
82889
- optClicked(false, offer.id);
82890
- else
82891
- optClicked(true, offer.id);
82892
- }, role: "button", onKeyDown: function () { }, tabIndex: 0 }, optedIn ? 'Click to opt-out' : 'Click to opt-in'),
82893
- optedIn ? (react_1.default.createElement("div", { onClick: redeemClicked, role: "button", onKeyDown: function () { }, tabIndex: 0, className: DefaultOfferCardItem_scss_1.default.redeemButton }, "Redeem")) : null)))))))));
82915
+ react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
82916
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.mobileButtonsWrapper },
82917
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.optInText, onClick: function () {
82918
+ if (optedIn)
82919
+ optClicked(false, offer.id);
82920
+ else
82921
+ optClicked(true, offer.id);
82922
+ }, role: "button", style: { backgroundColor: optedIn ? 'gray' : 'var(--background-color)', color: optedIn ? '#fff' : 'var(--text-primary-color)' }, onKeyDown: function () { }, tabIndex: 0 }, isLoadingOffer(offer.id) ? react_1.default.createElement(PreLoading_1.default, { color: optedIn ? '#fff' : 'var(--text-primary-color)', size: "small" }) : react_1.default.createElement(react_1.default.Fragment, null, optedIn ? 'Click to opt-out' : 'Click to opt-in')),
82923
+ optedIn ? (react_1.default.createElement("div", { onClick: redeemClicked, role: "button", onKeyDown: function () { }, tabIndex: 0, className: DefaultOfferCardItem_scss_1.default.redeemButton }, "Redeem")) : null))))))));
82894
82924
  };
82895
82925
  exports.default = DefaultOfferCardItem;
82896
82926
 
@@ -82900,7 +82930,7 @@ exports.default = DefaultOfferCardItem;
82900
82930
  /***/ (function(module, exports, __webpack_require__) {
82901
82931
 
82902
82932
  // extracted by mini-css-extract-plugin
82903
- module.exports = {"poiRefCard":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCard--kxsbj","poiRefCardImgGeneral":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardImgGeneral--1WlOi","poiOfferRefCardOffMsg":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardOffMsg--33A6C","poiOfferRefCardBottom":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardBottom--1QamE","poiOfferRefCardTitleWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTitleWrapper--27nvQ","poiRefCardName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardName--1jNLf","poiOfferRefCardDescWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardDescWrapper--3gNVT","loadingWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__loadingWrapper--1PL5N","mobileButtonsWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__mobileButtonsWrapper--29H9y","optInText":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__optInText--2IrYO","redeemButton":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__redeemButton--enlHD","OfferCard":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__OfferCard--2uwcf","poiOfferRefCardGeneralLeft":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralLeft--2zZoT","poiOfferRefCardGeneralMid":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralMid--17W0M","poiOfferRefCardImgGeneral":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardImgGeneral--2D7Jn","poiRefCardImg":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardImg--bfmgD","poiOfferRefCardTags":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTags--WxkP8","poiOfferRefCardReceiveMethod":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardReceiveMethod--qJu9y","poiOfferRefCardProductName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardProductName--2SmNj","poiOfferRefCardTitle":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTitle--3LX2Y","poiOfferCardTimeFrame":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferCardTimeFrame--1Fb3Y","timeframe":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__timeframe--2RL3T","poiOfferRefCardCaption":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardCaption--3LHMn","exclamationIcon":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__exclamationIcon--1bpKm","caption":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__caption--1NTnX","button":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__button--1rZuI","poiOfferRefCardGeneralRight":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralRight--3L0nw","poiOfferRefCardName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardName--3aE7s"};
82933
+ module.exports = {"poiRefCard":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCard--kxsbj","poiRefCardImgGeneral":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardImgGeneral--1WlOi","poiOfferRefCardOffMsg":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardOffMsg--33A6C","poiOfferRefCardBottom":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardBottom--1QamE","offerTitle":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__offerTitle--3Vtya","poiOfferRefCardTitleWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTitleWrapper--27nvQ","poiRefCardName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardName--1jNLf","poiOfferRefCardDescWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardDescWrapper--3gNVT","loadingWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__loadingWrapper--1PL5N","mobileButtonsWrapper":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__mobileButtonsWrapper--29H9y","optInText":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__optInText--2IrYO","redeemButton":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__redeemButton--enlHD","OfferCard":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__OfferCard--2uwcf","poiOfferRefCardGeneralLeft":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralLeft--2zZoT","poiOfferRefCardGeneralMid":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralMid--17W0M","poiOfferRefCardImgGeneral":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardImgGeneral--2D7Jn","poiRefCardImg":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiRefCardImg--bfmgD","poiOfferRefCardTags":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTags--WxkP8","poiOfferRefCardReceiveMethod":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardReceiveMethod--qJu9y","poiOfferRefCardProductName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardProductName--2SmNj","poiOfferRefCardTitle":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardTitle--3LX2Y","poiOfferCardTimeFrame":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferCardTimeFrame--1Fb3Y","timeframe":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__timeframe--2RL3T","poiOfferRefCardCaption":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardCaption--3LHMn","exclamationIcon":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__exclamationIcon--1bpKm","caption":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__caption--1NTnX","button":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__button--1rZuI","poiOfferRefCardGeneralRight":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardGeneralRight--3L0nw","poiOfferRefCardName":"components-OfferCard-DefaultOfferCardItem-DefaultOfferCardItem__poiOfferRefCardName--3aE7s"};
82904
82934
 
82905
82935
  /***/ }),
82906
82936
  /* 858 */
@@ -84414,7 +84444,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
84414
84444
  /* eslint-disable react/jsx-no-target-blank */
84415
84445
  var react_1 = __importDefault(__webpack_require__(0));
84416
84446
  var CloseIconButton_1 = __importDefault(__webpack_require__(23));
84417
- var FeedBack_1 = __importDefault(__webpack_require__(415));
84418
84447
  var ToggleSwitch_1 = __importDefault(__webpack_require__(418));
84419
84448
  var SideNavigation_scss_1 = __importDefault(__webpack_require__(910));
84420
84449
  var MENUITEMS;
@@ -84425,7 +84454,7 @@ var MENUITEMS;
84425
84454
  })(MENUITEMS || (MENUITEMS = {}));
84426
84455
  var SideNavigation = function (_a) {
84427
84456
  // const [showFeedbackModal, setShowFeedbackModal] = useState<boolean>(false);
84428
- var title = _a.title, menuItems = _a.menuItems, closed = _a.closed, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.showBbButton, showBbButton = _c === void 0 ? false : _c, feedbackSubjects = _a.feedbackSubjects, loadingFeedback = _a.loadingFeedback, sendFeedback = _a.sendFeedback, themeSwitchChecked = _a.themeSwitchChecked, themeSwitchCheckedOnchange = _a.themeSwitchCheckedOnchange, showThemeSwitch = _a.showThemeSwitch, showFeedbackModal = _a.showFeedbackModal, setShowFeedbackModal = _a.setShowFeedbackModal,
84457
+ var title = _a.title, menuItems = _a.menuItems, closed = _a.closed, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.showBbButton, showBbButton = _c === void 0 ? false : _c, themeSwitchChecked = _a.themeSwitchChecked, themeSwitchCheckedOnchange = _a.themeSwitchCheckedOnchange, showThemeSwitch = _a.showThemeSwitch,
84429
84458
  // showGoogleTranslate,
84430
84459
  languageOptions = _a.languageOptions, selectedLanguage = _a.selectedLanguage, onSelectedLanguage = _a.onSelectedLanguage, t = _a.t;
84431
84460
  var overlayClicked = function (event) {
@@ -84500,8 +84529,7 @@ var SideNavigation = function (_a) {
84500
84529
  menuItem.onClick();
84501
84530
  } }, menuItem.title))); })),
84502
84531
  showBbButton && (react_1.default.createElement("a", { className: SideNavigation_scss_1.default.bbHomeLink, href: "https://bookbarbados.com/", target: "_blank" },
84503
- react_1.default.createElement("div", { className: SideNavigation_scss_1.default.bbHomeLinkImg })))),
84504
- !loadingFeedback && react_1.default.createElement(FeedBack_1.default, { feedbackSubjects: feedbackSubjects, sendFeedback: sendFeedback, showModal: showFeedbackModal, setShowModal: function () { return setShowFeedbackModal(!showFeedbackModal); }, t: t })));
84532
+ react_1.default.createElement("div", { className: SideNavigation_scss_1.default.bbHomeLinkImg }))))));
84505
84533
  };
84506
84534
  exports.default = SideNavigation;
84507
84535
 
@@ -84802,6 +84830,7 @@ var StepCardUserReaction = function (_a) {
84802
84830
  var _j = (0, react_1.useState)(false), show = _j[0], setShow = _j[1];
84803
84831
  var placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl("".concat(step.poi.image.url), 256, 256);
84804
84832
  var attraction = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.ATTRACTION;
84833
+ var shopping = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.SHOPPING;
84805
84834
  var stepCardImageClasses = [StepCardUserReaction_scss_1.default.stepCardImage];
84806
84835
  if (step.poi.status === false) {
84807
84836
  stepCardImageClasses.push(StepCardUserReaction_scss_1.default.stepCardBlackWhite);
@@ -84886,7 +84915,7 @@ var StepCardUserReaction = function (_a) {
84886
84915
  else
84887
84916
  info = react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.statusWarning }, t('trips.myTrips.itinerary.step.status.temporarilyClosed'));
84888
84917
  }
84889
- else if (attraction) {
84918
+ else if (attraction || shopping) {
84890
84919
  info = (react_1.default.createElement(react_1.default.Fragment, null,
84891
84920
  step.poi.rating !== null && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.ratingPriceIcons },
84892
84921
  react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.flexItemCenter },