@tripian/react 9.0.35 → 9.0.37

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,6 +12,7 @@ interface IStepCardUserReaction {
12
12
  showRemoveReplaceButtons?: boolean;
13
13
  hideScore?: boolean;
14
14
  hideStepsTime?: boolean;
15
+ isWidget?: boolean;
15
16
  thumbs?: number;
16
17
  thumbsLoading: boolean;
17
18
  thumbsClicked: (like: number) => void;
@@ -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
 
@@ -82479,6 +82509,20 @@ var ItineraryCardSlider = function (_a) {
82479
82509
  nextEl: '.swiper-button-next',
82480
82510
  prevEl: '.swiper-button-prev',
82481
82511
  },
82512
+ breakpoints: {
82513
+ 320: {
82514
+ slidesPerView: 2,
82515
+ },
82516
+ 640: {
82517
+ slidesPerView: 3,
82518
+ },
82519
+ 1024: {
82520
+ slidesPerView: 4,
82521
+ },
82522
+ 2048: {
82523
+ slidesPerView: 6,
82524
+ },
82525
+ },
82482
82526
  renderPrevButton: function () { return (react_1.default.createElement("div", { className: "swiper-button-prev" },
82483
82527
  react_1.default.createElement(Icons_1.PreviousArrow, { size: "2rem" }))); },
82484
82528
  renderNextButton: function () { return (react_1.default.createElement("div", { className: "swiper-button-next" },
@@ -82875,22 +82919,22 @@ var DefaultOfferCardItem = function (_a) {
82875
82919
  react_1.default.createElement(ImgLazy_1.default, { src: poiImage, alt: offer.caption, className: DefaultOfferCardItem_scss_1.default.poiRefCardImage, x: 256, y: 256 })),
82876
82920
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardBottom },
82877
82921
  react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.poiOfferRefCardDescWrapper },
82878
- react_1.default.createElement("div", null, offer.title),
82922
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.offerTitle }, offer.title),
82879
82923
  react_1.default.createElement("span", null,
82880
82924
  "Offer Valid ",
82881
82925
  (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
82926
  " - ",
82883
82927
  (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
82928
  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)))))))));
82929
+ react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
82930
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.mobileButtonsWrapper },
82931
+ react_1.default.createElement("div", { className: DefaultOfferCardItem_scss_1.default.optInText, onClick: function () {
82932
+ if (optedIn)
82933
+ optClicked(false, offer.id);
82934
+ else
82935
+ optClicked(true, offer.id);
82936
+ }, 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')),
82937
+ optedIn ? (react_1.default.createElement("div", { onClick: redeemClicked, role: "button", onKeyDown: function () { }, tabIndex: 0, className: DefaultOfferCardItem_scss_1.default.redeemButton }, "Redeem")) : null))))))));
82894
82938
  };
82895
82939
  exports.default = DefaultOfferCardItem;
82896
82940
 
@@ -82900,7 +82944,7 @@ exports.default = DefaultOfferCardItem;
82900
82944
  /***/ (function(module, exports, __webpack_require__) {
82901
82945
 
82902
82946
  // 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"};
82947
+ 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
82948
 
82905
82949
  /***/ }),
82906
82950
  /* 858 */
@@ -84414,7 +84458,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
84414
84458
  /* eslint-disable react/jsx-no-target-blank */
84415
84459
  var react_1 = __importDefault(__webpack_require__(0));
84416
84460
  var CloseIconButton_1 = __importDefault(__webpack_require__(23));
84417
- var FeedBack_1 = __importDefault(__webpack_require__(415));
84418
84461
  var ToggleSwitch_1 = __importDefault(__webpack_require__(418));
84419
84462
  var SideNavigation_scss_1 = __importDefault(__webpack_require__(910));
84420
84463
  var MENUITEMS;
@@ -84425,7 +84468,7 @@ var MENUITEMS;
84425
84468
  })(MENUITEMS || (MENUITEMS = {}));
84426
84469
  var SideNavigation = function (_a) {
84427
84470
  // 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,
84471
+ 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
84472
  // showGoogleTranslate,
84430
84473
  languageOptions = _a.languageOptions, selectedLanguage = _a.selectedLanguage, onSelectedLanguage = _a.onSelectedLanguage, t = _a.t;
84431
84474
  var overlayClicked = function (event) {
@@ -84500,8 +84543,7 @@ var SideNavigation = function (_a) {
84500
84543
  menuItem.onClick();
84501
84544
  } }, menuItem.title))); })),
84502
84545
  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 })));
84546
+ react_1.default.createElement("div", { className: SideNavigation_scss_1.default.bbHomeLinkImg }))))));
84505
84547
  };
84506
84548
  exports.default = SideNavigation;
84507
84549
 
@@ -84794,14 +84836,15 @@ var emptyImage_1 = __importDefault(__webpack_require__(70));
84794
84836
  var StepCardUserReaction_scss_1 = __importDefault(__webpack_require__(914));
84795
84837
  var StepCardUserReaction = function (_a) {
84796
84838
  var _b;
84797
- 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,
84839
+ 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,
84798
84840
  // userReactionComment,
84799
- 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;
84841
+ 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;
84800
84842
  var myRef = react_1.default.createRef();
84801
84843
  var ref = react_1.default.createRef();
84802
- var _j = (0, react_1.useState)(false), show = _j[0], setShow = _j[1];
84844
+ var _k = (0, react_1.useState)(false), show = _k[0], setShow = _k[1];
84803
84845
  var placeImg = step.poi.image === null ? emptyImage_1.default : model_1.helper.imgUrl("".concat(step.poi.image.url), 256, 256);
84804
84846
  var attraction = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.ATTRACTION;
84847
+ var shopping = model_1.helper.getCategoryGroup(step.poi.category[0].id) === model_1.default.POI_CATEGORY_GROUP.SHOPPING;
84805
84848
  var stepCardImageClasses = [StepCardUserReaction_scss_1.default.stepCardImage];
84806
84849
  if (step.poi.status === false) {
84807
84850
  stepCardImageClasses.push(StepCardUserReaction_scss_1.default.stepCardBlackWhite);
@@ -84886,7 +84929,7 @@ var StepCardUserReaction = function (_a) {
84886
84929
  else
84887
84930
  info = react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.statusWarning }, t('trips.myTrips.itinerary.step.status.temporarilyClosed'));
84888
84931
  }
84889
- else if (attraction) {
84932
+ else if (attraction || shopping) {
84890
84933
  info = (react_1.default.createElement(react_1.default.Fragment, null,
84891
84934
  step.poi.rating !== null && (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.ratingPriceIcons },
84892
84935
  react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.flexItemCenter },
@@ -84928,7 +84971,7 @@ var StepCardUserReaction = function (_a) {
84928
84971
  ": "),
84929
84972
  step.poi.tags.length > 0 ? step.poi.tags.join(', ') : 'empty')) : null)));
84930
84973
  }
84931
- return (react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCardMain },
84974
+ return (react_1.default.createElement("div", { style: { marginLeft: isWidget ? '1.5rem' : '0' }, className: StepCardUserReaction_scss_1.default.stepCardMain },
84932
84975
  react_1.default.createElement("div", { className: StepCardUserReaction_scss_1.default.stepCard, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function () {
84933
84976
  clicked(step);
84934
84977
  }, ref: myRef },