@tripian/react 4.3.0 → 4.4.0

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.
package/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import './styles/global.scss';
2
2
  import AccommendationCard from './components/AccommendationCard/AccommendationCard';
3
3
  import AccommendationInfo from './components/AccommendationInfo/AccommendationInfo';
4
4
  import Backdrop from './components/base/Backdrop/Backdrop';
5
- import BbAccommodationInfoWindow from './providers/bb/components/BbAccommodationInfoWindow/BbAccommodationInfoWindow';
5
+ import BbAccommodationInfo from './providers/bb/components/BbAccommodationInfo/BbAccommodationInfo';
6
6
  import BbTourCard from './providers/bb/components/BbTourCard/BbTourCard';
7
7
  import BbTourInfo from './providers/bb/components/BbTourInfo/BbTourInfo';
8
8
  import Booking from './providers/yelp/components/Booking/Booking';
@@ -86,4 +86,4 @@ import UserCompanions from './components/UserCompanions/UserCompanions';
86
86
  import QuestionTemplate from './components/QuestionTemplate/QuestionTemplate';
87
87
  import BookingDetails from './providers/gyg/components/BookingDetails/BookingDetails';
88
88
  import Accordion from './components/base/Accordion/Accordion';
89
- export { Accordion, AccommendationCard, AccommendationInfo, Backdrop, BbAccommodationInfoWindow, BbTourCard, BbTourInfo, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CloseIconButton, ConfirmModalPopup, DatePicker, DateRangePicker, DirectionInfo, Dropdown, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateProfile, FormTemplateRegister, FormTemplateTrip, FormTemplateTrip2, GlxTourCard, GlxTourInfo, GoogleMaps, GoogleMapsPoiInfo, GygTourCard, GygTourInfo, IconImage, Img, ImgLazy, Label, Loading, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButtonGroup, RatingStars, RefCard, ReservationDetails, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteInfo, TextField, TourRefCard, TourRefCardProduct, TripCard, UserCompanions, };
89
+ export { Accordion, AccommendationCard, AccommendationInfo, Backdrop, BbAccommodationInfo, BbTourCard, BbTourInfo, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CloseIconButton, ConfirmModalPopup, DatePicker, DateRangePicker, DirectionInfo, Dropdown, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateProfile, FormTemplateRegister, FormTemplateTrip, FormTemplateTrip2, GlxTourCard, GlxTourInfo, GoogleMaps, GoogleMapsPoiInfo, GygTourCard, GygTourInfo, IconImage, Img, ImgLazy, Label, Loading, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButtonGroup, RatingStars, RefCard, ReservationDetails, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteInfo, TextField, TourRefCard, TourRefCardProduct, TripCard, UserCompanions, };
package/index.js CHANGED
@@ -46011,7 +46011,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
46011
46011
  return (mod && mod.__esModule) ? mod : { "default": mod };
46012
46012
  };
46013
46013
  Object.defineProperty(exports, "__esModule", { value: true });
46014
- exports.PlanChangeDay = exports.PageLoading = exports.OpeningsForm = exports.Notification = exports.NumberInput = exports.NumberCounter = exports.MustTryCard = exports.ModalFull = exports.Modal = exports.Loading = exports.Label = exports.ImgLazy = exports.Img = exports.IconImage = exports.GygTourInfo = exports.GygTourCard = exports.GoogleMapsPoiInfo = exports.GoogleMaps = exports.GlxTourInfo = exports.GlxTourCard = exports.FormTemplateTrip2 = exports.FormTemplateTrip = exports.FormTemplateRegister = exports.FormTemplateProfile = exports.FormTemplateLogin = exports.FormTemplateCompanion = exports.FormTemplateAgent = exports.FlightCard = exports.Dropdown = exports.DirectionInfo = exports.DateRangePicker = exports.DatePicker = exports.ConfirmModalPopup = exports.CloseIconButton = exports.Checkbox = exports.CardSlider = exports.ButterflyCardSlider = exports.ButterflyCard = exports.BUTTON_TYPES = exports.ButtonIcons = exports.Button = exports.BookingDetails = exports.Booking = exports.BbTourInfo = exports.BbTourCard = exports.BbAccommodationInfoWindow = exports.Backdrop = exports.AccommendationInfo = exports.AccommendationCard = exports.Accordion = void 0;
46014
+ exports.PlanChangeDay = exports.PageLoading = exports.OpeningsForm = exports.Notification = exports.NumberInput = exports.NumberCounter = exports.MustTryCard = exports.ModalFull = exports.Modal = exports.Loading = exports.Label = exports.ImgLazy = exports.Img = exports.IconImage = exports.GygTourInfo = exports.GygTourCard = exports.GoogleMapsPoiInfo = exports.GoogleMaps = exports.GlxTourInfo = exports.GlxTourCard = exports.FormTemplateTrip2 = exports.FormTemplateTrip = exports.FormTemplateRegister = exports.FormTemplateProfile = exports.FormTemplateLogin = exports.FormTemplateCompanion = exports.FormTemplateAgent = exports.FlightCard = exports.Dropdown = exports.DirectionInfo = exports.DateRangePicker = exports.DatePicker = exports.ConfirmModalPopup = exports.CloseIconButton = exports.Checkbox = exports.CardSlider = exports.ButterflyCardSlider = exports.ButterflyCard = exports.BUTTON_TYPES = exports.ButtonIcons = exports.Button = exports.BookingDetails = exports.Booking = exports.BbTourInfo = exports.BbTourCard = exports.BbAccommodationInfo = exports.Backdrop = exports.AccommendationInfo = exports.AccommendationCard = exports.Accordion = void 0;
46015
46015
  exports.UserCompanions = exports.TripCard = exports.TourRefCardProduct = exports.TourRefCard = 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 = exports.ReservationDetails = exports.RefCard = exports.RatingStars = exports.RadioButtonGroup = exports.ProgressAppLoading = exports.ProgressLoading = exports.Price = exports.PreLoading = exports.PoiRefCard = exports.PoiListSearch = exports.PoiListCard = exports.PoiInfoText = exports.PoiInfoImage = exports.PoiInfo = exports.PoiCategories = void 0;
46016
46016
  __webpack_require__(343);
46017
46017
  var AccommendationCard_1 = __importDefault(__webpack_require__(344));
@@ -46020,8 +46020,8 @@ var AccommendationInfo_1 = __importDefault(__webpack_require__(346));
46020
46020
  exports.AccommendationInfo = AccommendationInfo_1.default;
46021
46021
  var Backdrop_1 = __importDefault(__webpack_require__(98));
46022
46022
  exports.Backdrop = Backdrop_1.default;
46023
- var BbAccommodationInfoWindow_1 = __importDefault(__webpack_require__(350));
46024
- exports.BbAccommodationInfoWindow = BbAccommodationInfoWindow_1.default;
46023
+ var BbAccommodationInfo_1 = __importDefault(__webpack_require__(350));
46024
+ exports.BbAccommodationInfo = BbAccommodationInfo_1.default;
46025
46025
  var BbTourCard_1 = __importDefault(__webpack_require__(354));
46026
46026
  exports.BbTourCard = BbTourCard_1.default;
46027
46027
  var BbTourInfo_1 = __importDefault(__webpack_require__(377));
@@ -46298,79 +46298,58 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
46298
46298
  return (mod && mod.__esModule) ? mod : { "default": mod };
46299
46299
  };
46300
46300
  Object.defineProperty(exports, "__esModule", { value: true });
46301
+ /* eslint-disable react/no-array-index-key */
46301
46302
  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
46302
46303
  /* eslint-disable react/no-danger */
46303
46304
  /* eslint-disable import/no-extraneous-dependencies */
46304
46305
  var react_1 = __importDefault(__webpack_require__(0));
46305
- var BbAccommodationInfoWindow_scss_1 = __importDefault(__webpack_require__(351));
46306
+ var BbAccommodationInfo_scss_1 = __importDefault(__webpack_require__(351));
46306
46307
  var CloseIconButton_1 = __importDefault(__webpack_require__(25));
46307
46308
  var Button_1 = __importDefault(__webpack_require__(7));
46308
- var BbAccommodationInfoWindow = function (_a) {
46309
- var checkIn = _a.checkIn, checkOut = _a.checkOut, adults = _a.adults, children = _a.children, hotelOffer = _a.hotelOffer, onBookNow = _a.onBookNow, close = _a.close;
46310
- return (react_1.default.createElement("div", { className: BbAccommodationInfoWindow_scss_1.default.bbAccommodationInfo },
46309
+ var BbAccommodationInfo = function (_a) {
46310
+ var checkIn = _a.checkIn, checkOut = _a.checkOut, adults = _a.adults, children = _a.children, hotelOffer = _a.hotelOffer, onBookNow = _a.onBookNow, onAddToItinerary = _a.onAddToItinerary, close = _a.close;
46311
+ return (react_1.default.createElement("div", { className: BbAccommodationInfo_scss_1.default.bbAccommodationInfo },
46311
46312
  react_1.default.createElement("img", { src: hotelOffer.info.mainImageUrl, alt: hotelOffer.info.name }),
46312
- react_1.default.createElement("h3", { className: BbAccommodationInfoWindow_scss_1.default.title },
46313
+ react_1.default.createElement("h3", { className: BbAccommodationInfo_scss_1.default.title },
46313
46314
  hotelOffer.info.name,
46314
46315
  " (",
46315
46316
  hotelOffer.info.type,
46316
46317
  ")"),
46317
- react_1.default.createElement("div", { className: "row mb2" },
46318
+ react_1.default.createElement("div", { className: "row py1" },
46319
+ react_1.default.createElement("div", { className: "col col12" },
46320
+ react_1.default.createElement("b", null, "Address:"), " ".concat(hotelOffer.info.address, ", ").concat(hotelOffer.info.cityName, ", ").concat(hotelOffer.info.countryName)),
46318
46321
  hotelOffer.info.hotelClassifications.length > 0 && (react_1.default.createElement("div", { className: "col col12" },
46319
- react_1.default.createElement("h4", null, "Classifications"),
46320
- hotelOffer.info.hotelClassifications.length > 0 && hotelOffer.info.hotelClassifications.map(function (hc) { return react_1.default.createElement("span", { className: BbAccommodationInfoWindow_scss_1.default.tag }, hc.supplierClassificationName); }))),
46322
+ react_1.default.createElement("h4", null, "Classifications:"),
46323
+ hotelOffer.info.hotelClassifications.length > 0 &&
46324
+ hotelOffer.info.hotelClassifications.map(function (hc, i) { return (react_1.default.createElement("span", { key: "".concat(hc.otaCode, "-").concat(i), className: BbAccommodationInfo_scss_1.default.tag }, hc.supplierClassificationName)); }))),
46321
46325
  hotelOffer.info.hotelServices.length > 0 && (react_1.default.createElement("div", { className: "col col12" },
46322
- react_1.default.createElement("h4", null, "Services"),
46323
- hotelOffer.info.hotelServices.map(function (hs) { return (react_1.default.createElement("span", { className: BbAccommodationInfoWindow_scss_1.default.tag }, hs.supplierServiceName)); }))),
46324
- hotelOffer.roomOffers.map(function (roomOffer) {
46325
- var guestAdult = roomOffer.guests.adults;
46326
- var adultsCount = Math.max(adults, guestAdult);
46327
- var hotelBbUrl = "https://bookbarbados.com/hotel-processing-page/accommodation-details/?packageoptions=accommodation&type=accommodation&cityCode=166991&cityID=166991&rooms=1&hotelCode=".concat(hotelOffer.info.hotelCode, "&supplierCode=").concat(hotelOffer.info.supplierCode, "&offer=").concat(roomOffer.offerKey, "&check-in=").concat(checkIn, "&check-out=").concat(checkOut, "&adults=").concat(adultsCount, "&children=").concat(children);
46328
- return (react_1.default.createElement(react_1.default.Fragment, null,
46329
- react_1.default.createElement("div", { className: "col col12" },
46330
- react_1.default.createElement("div", { className: BbAccommodationInfoWindow_scss_1.default.roomOffer },
46331
- react_1.default.createElement("h5", null,
46332
- "Offer Key: ",
46333
- roomOffer.offerKey),
46334
- react_1.default.createElement("h5", null,
46335
- "Room Type: ",
46336
- roomOffer.info.roomType),
46337
- react_1.default.createElement("h5", null,
46338
- roomOffer.info.bedroomsQuantity,
46339
- " Bedrooms, ",
46340
- roomOffer.info.bathroomsQuantity,
46341
- " Bathrooms"),
46342
- roomOffer.info.bedTypes.map(function (bt) { return (react_1.default.createElement("h5", null, "".concat(bt.quantity, " ").concat(bt.type))); }),
46343
- react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: roomOffer.info.roomTypeDescription } }),
46344
- react_1.default.createElement("h5", null, "Room Services:"),
46345
- roomOffer.roomServices.map(function (rs) { return (react_1.default.createElement("span", { className: BbAccommodationInfoWindow_scss_1.default.tag }, rs)); }),
46346
- react_1.default.createElement("h5", null,
46347
- "Available Rooms: ",
46348
- roomOffer.availableRooms),
46349
- react_1.default.createElement("h5", null,
46350
- "Adults: ",
46351
- guestAdult),
46352
- roomOffer.salesTerms.map(function (st, i) { return (react_1.default.createElement("h5", null, "Price ".concat(i + 1, ": ").concat(st.price.amount, " ").concat(st.price.currency))); }),
46353
- roomOffer.cancellations &&
46354
- roomOffer.cancellations
46355
- .filter(function (c) { return c.noShow === false; })
46356
- .map(function (cc) { return (react_1.default.createElement("h5", null,
46357
- "Cancellation ", "".concat(cc.dateFrom || '', " - ").concat(cc.dateTo || ''),
46358
- ": ", "".concat(cc.convertedPrice.amount, " ").concat(cc.convertedPrice.currency))); }),
46359
- react_1.default.createElement("div", { className: "col col12 center mb0" },
46360
- react_1.default.createElement(Button_1.default, { text: "Book Now", color: "danger", onClick: function () {
46361
- // eslint-disable-next-line no-console
46362
- console.log('Selected hotel offer url : ', hotelBbUrl);
46363
- onBookNow(roomOffer, hotelBbUrl);
46364
- }, style: { minWidth: '10rem' } }))))));
46365
- })),
46366
- react_1.default.createElement("div", { className: "center pb4" },
46367
- react_1.default.createElement("b", null, "Address:"), " ".concat(hotelOffer.info.address, ", ").concat(hotelOffer.info.cityName, ", ").concat(hotelOffer.info.countryName)),
46368
- react_1.default.createElement("div", { className: BbAccommodationInfoWindow_scss_1.default.close },
46326
+ react_1.default.createElement("h4", null, "Services:"),
46327
+ hotelOffer.info.hotelServices.map(function (hs, j) { return (react_1.default.createElement("span", { key: "".concat(hs.supplierServiceName, "-").concat(j), className: BbAccommodationInfo_scss_1.default.tag }, hs.supplierServiceName)); }))),
46328
+ react_1.default.createElement("div", { className: "col col12 col6-m" },
46329
+ react_1.default.createElement(Button_1.default, { text: "BOOK NOW", color: "danger", onClick: function () {
46330
+ var hotelBbUrl = "https://bookbarbados.com/hotel-processing-page/accommodation-details/?packageoptions=accommodation&type=accommodation&cityCode=".concat(hotelOffer.info.cityCode, "&cityID=").concat(hotelOffer.info.cityId, "&rooms=1&hotelCode=").concat(hotelOffer.info.hotelCode, "&supplierCode=").concat(hotelOffer.info.supplierCode, "&offer=&check-in=").concat(checkIn, "&check-out=").concat(checkOut, "&adults=").concat(adults, "&children=").concat(children);
46331
+ // eslint-disable-next-line no-console
46332
+ console.log('onBookNow:', hotelBbUrl);
46333
+ onBookNow(hotelBbUrl);
46334
+ }, style: { width: '100%' } })),
46335
+ react_1.default.createElement("div", { className: "col col12 col6-m" },
46336
+ react_1.default.createElement(Button_1.default, { text: "ADD TO ITINERARY", color: "secondary", onClick: function () {
46337
+ var accommodation = {
46338
+ name: hotelOffer.info.name,
46339
+ address: "".concat(hotelOffer.info.address, ", ").concat(hotelOffer.info.cityName, ", ").concat(hotelOffer.info.countryName),
46340
+ coordinate: { lat: Number(hotelOffer.info.latitude), lng: Number(hotelOffer.info.longitude) },
46341
+ ref_id: hotelOffer.info.hotelCode,
46342
+ };
46343
+ // eslint-disable-next-line no-console
46344
+ console.log('onAddToItinerary:', accommodation);
46345
+ onAddToItinerary(accommodation);
46346
+ }, style: { width: '100%' } }))),
46347
+ react_1.default.createElement("div", { className: BbAccommodationInfo_scss_1.default.close },
46369
46348
  react_1.default.createElement(CloseIconButton_1.default, { fill: "#fff", clicked: function () {
46370
46349
  close();
46371
46350
  } }))));
46372
46351
  };
46373
- exports.default = BbAccommodationInfoWindow;
46352
+ exports.default = BbAccommodationInfo;
46374
46353
 
46375
46354
 
46376
46355
  /***/ }),
@@ -46378,7 +46357,7 @@ exports.default = BbAccommodationInfoWindow;
46378
46357
  /***/ (function(module, exports, __webpack_require__) {
46379
46358
 
46380
46359
  // extracted by mini-css-extract-plugin
46381
- module.exports = {"bbAccommodationInfo":"providers-bb-components-BbAccommodationInfoWindow-BbAccommodationInfoWindow__bbAccommodationInfo--1cFbA","title":"providers-bb-components-BbAccommodationInfoWindow-BbAccommodationInfoWindow__title--gmBX1","tag":"providers-bb-components-BbAccommodationInfoWindow-BbAccommodationInfoWindow__tag--1IxwG","roomOffer":"providers-bb-components-BbAccommodationInfoWindow-BbAccommodationInfoWindow__roomOffer--1ZnNI","close":"providers-bb-components-BbAccommodationInfoWindow-BbAccommodationInfoWindow__close--2uu6G"};
46360
+ module.exports = {"bbAccommodationInfo":"providers-bb-components-BbAccommodationInfo-BbAccommodationInfo__bbAccommodationInfo--34XHF","title":"providers-bb-components-BbAccommodationInfo-BbAccommodationInfo__title--3r6mx","tag":"providers-bb-components-BbAccommodationInfo-BbAccommodationInfo__tag--1Y9fF","roomOffer":"providers-bb-components-BbAccommodationInfo-BbAccommodationInfo__roomOffer--1iqex","close":"providers-bb-components-BbAccommodationInfo-BbAccommodationInfo__close--3myrA"};
46382
46361
 
46383
46362
  /***/ }),
46384
46363
  /* 352 */