\r\n
\r\n {/* \r\n
\r\n {/* \n \n {titles.ShowMoreAmenities}\n \n
\n \n
\n );\n };\n\n calcRatesSize = () => {\n const { expandbleState } = this.props;\n const isInitial = this.state.initialLoading;\n if (isInitial && this.ratesRef) {\n this.setState({\n ratesHeightExpanded: expandbleState ? this.ratesRef.offsetHeight : null,\n ratesHeightCollapsed: 0,\n initialLoading: false\n });\n }\n };\n\n renderContactUs = () => {\n const {\n titles,\n hotelData,\n isMobileView,\n room,\n lang,\n checkinDate,\n checkoutDate,\n selectedOption,\n currentPaxCombination,\n contactUsSubmitingStatus,\n submitContactUsForm,\n contactUsFormRef\n } = this.props;\n\n const needToShowForm = !contactUsSubmitingStatus.succeed == true;\n\n return (\n \n \n \n
\n \n \n \n
\n {this.renderRatesGroup()}
\n \n \r\n \r\n \r\n \r\n
\r\n {room.description && (\r\n {room.name}
\r\n \r\n {titles.ReadMore}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n {displayShowMoreAmeneties && (\r\n \r\n {titles.ShowMoreAmenities}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n {calcPrice => this.startFromPrice(calcPrice)}\r\n \r\n
\r\n \r\n
\r\n {room.availability}
\r\n {titles.RoomsLeft}
\r\n \r\n \r\n {this.renderGallery()}\r\n
\r\n \n \n {priceBoxTitle}\n
\n \n {basePriceIsLower &&\n !isClub &&\n !displayPriceWithoutTaxes &&\n !displayPriceWithoutTaxes && (\n \n \n {convertedPrice => convertedPrice}\n \n \n )}\n {isClub && (\n \n \n {convertedPrice => convertedPrice}\n \n \n )}\n \n \n {convertedPrice => convertedPrice}\n \n \n
\n \n );\n };\n\n renderRate = () => {\n const {\n planName,\n price,\n basePrice,\n simpleClubTotalPrice,\n clubPercentageDiscount,\n titles,\n clubUserLoggedIn,\n isClubActive,\n isDeal\n } = this.props;\n const clubPrice =\n simpleClubTotalPrice || (price * (100 - clubPercentageDiscount)) / 100;\n return (\n \n \n {planName &&
\n {titles.ForMoreDetails}
\n \n
\n \n );\n };\n\n render() {\n return \n {!clubUserLoggedIn &&\n this.renderPriceBox(false, basePrice, price, null, isDeal)}\n {isClubActive &&\n this.renderPriceBox(true, basePrice, price, clubPrice, isDeal)}\n
\n \n
\n \r\n \r\n {convertedPrice => `${convertedPrice}`}\r\n \r\n
\r\n );\r\n };\r\n\r\n onRoomDetailsClick = () => {\r\n const { room, onRoomDetailsClick } = this.props;\r\n onRoomDetailsClick(room.id);\r\n };\r\n\r\n renderHeaderShowContactUsBtn = () => {\r\n const { titles, onShowContactUsForm } = this.props;\r\n return (\r\n \r\n );\r\n };\r\n\r\n renderAmenities = () => {\r\n const { amenities, isRtl, isMobileView } = this.props;\r\n return (\r\n {room.name}
\r\n \r\n
\r\n {!ratesGroupVisible && (\r\n \r\n
\r\n \r\n \r\n {titles.MoreDetails}\r\n
\r\n {room.name}
\r\n \r\n
\r\n \r\n {titles.StartingFrom}\r\n \r\n {this.renderPrice(room)}\r\n \r\n
\r\n \r\n \r\n {titles.SelectRateBtn}\r\n \r\n \r\n
\r\n )}\r\n \r\n \n \n {titles.ForMoreDetails}\n
\n \n\n \n {isPackage ? titles.Sale + \"!!!\" : \"\"}\n
\n \n {/* {isPackage && (\n 
\n )}\n
\n \n \n \n {/* \n \n \n
\n )}\n \n \n
\n {showAvailability && (\n \n
\n \n \n
\n {titles.Availability}
\n {availability}
\n \n
*/}\n \n \n \n {price}\n \n {showClubPrices && (\n \n {ratePriceAfterDiscount}\n \n )}\n
\n {/* \n {titles.Checkout}\n
\n \n \n {titles.ReadMore}\n
\n \r\n {`* ${titles.CancellationPolicy}: `}\r\n
\r\n {content}
\r\n \r\n {moment(foundPrice.dayDate).format(\"DD/MM/YY\")}\r\n \r\n {titles.TaxIncludedTitle}
\r\n )}\r\n\n {contentArray.map((str, i) => (\n \n {str}\n \n ))}\n
\n );\n};\n\nStyleSplitter.propTypes = {\n content: PropTypes.string,\n indexToSplit: PropTypes.number,\n cssNames: PropTypes.array,\n className: PropTypes.string\n};\n\nexport default StyleSplitter;\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/StyleSplitter/StyleSplitter.js","export { default } from \"./Addon\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Addon/index.js","import React, { Component } from \"react\";\r\nimport cx from \"classnames\";\r\nimport { addonTypes, addonDefaultProps } from \"../../types\";\r\nimport { LineBreaks, RawHTML } from \"../common\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass Addon extends Component {\r\n onIncrement = () => {\r\n const { id, onIncrement } = this.props;\r\n onIncrement(id);\r\n };\r\n\r\n onDecrement = () => {\r\n const { id, onDecrement } = this.props;\r\n onDecrement(id);\r\n };\r\n\r\n render() {\r\n const {\r\n amount,\r\n name,\r\n description,\r\n imageURL,\r\n price,\r\n isRtl,\r\n defaultImageURL\r\n } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAddon.defaultProps = addonDefaultProps;\r\n\r\nAddon.propTypes = addonTypes;\r\n\r\nexport default Addon;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Addon/Addon.js","export { addonTypes, addonDefaultProps } from \"./addonTypes\";\r\nexport { addonsTypes, addonsDefaultProps } from \"./addonsTypes\";\r\nexport {\r\n addonsContainerTypes,\r\n addonsContainerDefaultProps\r\n} from \"./addonsContainerTypes\";\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/types/addonsTypes/index.js","import propTypes from \"prop-types\";\r\nimport noop from \"no-op\";\r\nimport customTypes from \"../customTypes\";\r\n\r\nexport const addonDefaultProps = {\r\n onIncrement: noop,\r\n onDecrement: noop\r\n};\r\n\r\nexport const addonTypes = {\r\n id: customTypes.stringOrNumber.isRequired,\r\n amount: propTypes.number,\r\n name: propTypes.string.isRequired,\r\n description: propTypes.string,\r\n price: customTypes.stringOrNumber.isRequired,\r\n currency: propTypes.string,\r\n imageUrl: propTypes.string,\r\n onIncrement: propTypes.func,\r\n onDecrement: propTypes.func,\r\n titles: propTypes.PropTypes.object,\r\n onShowAddonDetailsClick: propTypes.PropTypes.func\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/types/addonsTypes/addonTypes.js","import PropTypes from \"prop-types\";\r\nimport noop from \"no-op\";\r\n//import { addonTypes } from './addonTypes';\r\nimport customTypes from \"../customTypes\";\r\n\r\nexport const addonsDefaultProps = {\r\n addons: [],\r\n selectedAddonsGroup: {},\r\n onAddonIncrementClick: noop\r\n};\r\n\r\nexport const addonsTypes = {\r\n id: customTypes.stringOrNumber.isRequired,\r\n addons: PropTypes.array,\r\n selectedAddonsGroup: PropTypes.object,\r\n onAddonIncrementClick: PropTypes.func\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/types/addonsTypes/addonsTypes.js","import PropTypes from \"prop-types\";\r\n//import { addonsTypes } from './addonsTypes';\r\n\r\nexport const addonsContainerDefaultProps = {\r\n addonsByPaxIndex: []\r\n};\r\n\r\nexport const addonsContainerTypes = {\r\n isRtl: PropTypes.bool,\r\n addonsByPaxIndex: PropTypes.array,\r\n actions: PropTypes.object,\r\n selectedPaxId: PropTypes.number,\r\n selectedAddonsGroup: PropTypes.object\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/types/addonsTypes/addonsContainerTypes.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"Addon_with-ellipsis---sb\",\"withEllipsis\":\"Addon_with-ellipsis---sb\",\"addon\":\"Addon_addon---sb\",\"image-container\":\"Addon_image-container---sb\",\"imageContainer\":\"Addon_image-container---sb\",\"image\":\"Addon_image---sb\",\"content-container\":\"Addon_content-container---sb\",\"contentContainer\":\"Addon_content-container---sb\",\"name\":\"Addon_name---sb\",\"rtl\":\"Addon_rtl---sb\",\"description\":\"Addon_description---sb\",\"buttons-wrapper\":\"Addon_buttons-wrapper---sb\",\"buttonsWrapper\":\"Addon_buttons-wrapper---sb\",\"btn\":\"Addon_btn---sb\",\"plus\":\"Addon_plus---sb\",\"minus\":\"Addon_minus---sb\",\"price-wrapper\":\"Addon_price-wrapper---sb\",\"priceWrapper\":\"Addon_price-wrapper---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Addon/styles.less\n// module id = 1622\n// module chunks = 0","export { default } from \"./Addons\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Addons/index.js","import React, { Component } from \"react\";\r\nimport cx from \"classnames\";\r\nimport { addonsTypes, addonsDefaultProps } from \"../../types\";\r\nimport { Addon } from \"../../components\"; // waiting for alias to work\r\nimport { OptimaStripes } from \"../../components/common\";\r\nimport styles from \"./styles.less\";\r\nimport PriceDisplay from \"../../containers/PriceDisplay\";\r\n\r\nclass Addons extends Component {\r\n onAddonIncrementClick = (addonCode, msg) => {\r\n const { id, onAddonIncrementClick } = this.props;\r\n onAddonIncrementClick(id, addonCode, msg);\r\n };\r\n\r\n onAddonDecrementClick = addonCode => {\r\n const { id, onAddonDecrementClick } = this.props;\r\n onAddonDecrementClick(id, addonCode);\r\n };\r\n\r\n onCancel = () => {\r\n const { onCancel, id } = this.props;\r\n onCancel(id);\r\n };\r\n\r\n onConfirm = () => {\r\n const { onConfirm, id } = this.props;\r\n onConfirm(id);\r\n };\r\n\r\n render() {\r\n const {\r\n addons,\r\n selectedAddonsGroup,\r\n roomNumber,\r\n isRtl,\r\n headerTitle,\r\n subHeaderTitle,\r\n confirmTitle,\r\n noThanksTitle\r\n } = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {amount}
\r\n {price}
\r\n \r\n
\r\n \r\n
\r\n {headerTitle}
\r\n \r\n ( {subHeaderTitle} {roomNumber} )\r\n
\r\n \r\n {addons.map((addon, i) => (\r\n \r\n {convertedPrice => (\r\n
\r\n \r\n \r\n {noThanksTitle}\r\n \r\n \r\n {confirmTitle}\r\n \r\n
\r\n {children}
\r\n \r\n
\r\n ,\r\n portlElement\r\n );\r\n};\r\n\r\nSlideMenu.propTypes = {\r\n isRtl: PropTypes.bool,\r\n visible: PropTypes.bool,\r\n unFixed: PropTypes.bool, // positioned absolute\r\n onToggle: PropTypes.func,\r\n children: PropTypes.node\r\n};\r\n\r\nexport default SlideMenu;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/SlideMenu/SlideMenu.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"SlideMenu_with-ellipsis---sb\",\"withEllipsis\":\"SlideMenu_with-ellipsis---sb\",\"menu-wrapper\":\"SlideMenu_menu-wrapper---sb\",\"menuWrapper\":\"SlideMenu_menu-wrapper---sb\",\"unFixed\":\"SlideMenu_unFixed---sb\",\"rtl\":\"SlideMenu_rtl---sb\",\"visible\":\"SlideMenu_visible---sb\",\"menu\":\"SlideMenu_menu---sb\",\"menu-btn-wrapper\":\"SlideMenu_menu-btn-wrapper---sb\",\"menuBtnWrapper\":\"SlideMenu_menu-btn-wrapper---sb\",\"menu-btn\":\"SlideMenu_menu-btn---sb\",\"menuBtn\":\"SlideMenu_menu-btn---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/SlideMenu/styles.less\n// module id = 1628\n// module chunks = 0","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport { Grid } from \"semantic-ui-react\";\r\nimport PriceDisplay from \"../../containers/PriceDisplay\";\r\nimport { Header } from \"../../components/common\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass ClubBanner extends Component {\r\n state = { finishedRendering: false };\r\n\r\n componentDidMount() {\r\n //setInterval(() => {\r\n this.setState({ finishedRendering: true });\r\n //}, 0);\r\n }\r\n\r\n render() {\r\n const {\r\n totalToSave,\r\n discountClubConfig,\r\n titles,\r\n orderCurrency,\r\n isRtl,\r\n showSimpleClubLoginModal,\r\n domainUrl,\r\n isMobileView\r\n } = this.props;\r\n const { finishedRendering } = this.state;\r\n const clubTitle = `${titles.Get} ${discountClubConfig &&\r\n discountClubConfig.Percentage}% ${titles.Discount}`;\r\n const checkImgUrlBase = domainUrl.substring(\r\n 0,\r\n domainUrl.indexOf(\"actionUrl\")\r\n );\r\n const checkImageUrl =\r\n checkImgUrlBase + \"Content/HotelContent/images/check.png\";\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {titles.AlreadyMember}\r\n \r\n {titles.Login}\r\n \r\n
\r\n \r\n \r\n {titles.Join}!\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nClubBanner.propTypes = {\r\n totalToSave: PropTypes.number,\r\n discountClubConfig: PropTypes.object,\r\n titles: PropTypes.object,\r\n orderCurrency: PropTypes.object,\r\n showSimpleClubLoginModal: PropTypes.func,\r\n isMobileView: PropTypes.bool,\r\n isRtl: PropTypes.bool,\r\n domainUrl: PropTypes.string\r\n};\r\n\r\nexport default ClubBanner;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/ClubBanner/ClubBanner.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"ClubBanner_with-ellipsis---sb\",\"withEllipsis\":\"ClubBanner_with-ellipsis---sb\",\"club-banner\":\"ClubBanner_club-banner---sb\",\"clubBanner\":\"ClubBanner_club-banner---sb\",\"club-banner-wrapper\":\"ClubBanner_club-banner-wrapper---sb\",\"clubBannerWrapper\":\"ClubBanner_club-banner-wrapper---sb\",\"club-banner-save\":\"ClubBanner_club-banner-save---sb\",\"clubBannerSave\":\"ClubBanner_club-banner-save---sb\",\"club-banner-text-wrapper\":\"ClubBanner_club-banner-text-wrapper---sb\",\"clubBannerTextWrapper\":\"ClubBanner_club-banner-text-wrapper---sb\",\"club-banner-title\":\"ClubBanner_club-banner-title---sb\",\"clubBannerTitle\":\"ClubBanner_club-banner-title---sb\",\"club-banner-sub-title\":\"ClubBanner_club-banner-sub-title---sb\",\"clubBannerSubTitle\":\"ClubBanner_club-banner-sub-title---sb\",\"club-banner-button\":\"ClubBanner_club-banner-button---sb\",\"clubBannerButton\":\"ClubBanner_club-banner-button---sb\",\"club-header\":\"ClubBanner_club-header---sb\",\"clubHeader\":\"ClubBanner_club-header---sb\",\"club-header-sub-title\":\"ClubBanner_club-header-sub-title---sb\",\"clubHeaderSubTitle\":\"ClubBanner_club-header-sub-title---sb\",\"club-header-login\":\"ClubBanner_club-header-login---sb\",\"clubHeaderLogin\":\"ClubBanner_club-header-login---sb\",\"club-wrapper\":\"ClubBanner_club-wrapper---sb\",\"clubWrapper\":\"ClubBanner_club-wrapper---sb\",\"icon\":\"ClubBanner_icon---sb\",\"appeared\":\"ClubBanner_appeared---sb\",\"check-image\":\"ClubBanner_check-image---sb\",\"checkImage\":\"ClubBanner_check-image---sb\",\"mobile-view\":\"ClubBanner_mobile-view---sb\",\"mobileView\":\"ClubBanner_mobile-view---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ClubBanner/styles.less\n// module id = 1630\n// module chunks = 0","export { default } from \"./NoResultsDialog\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/NoResultsDialog/index.js","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass NoResultsDialog extends Component {\r\n render() {\r\n const { onContinue, onCancel } = this.props;\r\n return (\r\n \r\n
\r\n {clubTitle}
\r\n \r\n {titles.JoinAndSave}\r\n \r\n \r\n {convertedPrice => convertedPrice}\r\n \r\n \r\n {titles.InThisOrder}\r\n 
\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nNoResultsDialog.propTypes = {\r\n onContinue: PropTypes.func,\r\n onCancel: PropTypes.func\r\n};\r\n\r\nexport default NoResultsDialog;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/NoResultsDialog/NoResultsDialog.js","import React from \"react\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst Divider = () => Some results are not available
\r\n\r\n Would you like to continue with the available results or search again?\r\n
\r\n \r\n \r\n;\r\n\r\nexport default Divider;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Divider/Divider.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"Divider_with-ellipsis---sb\",\"withEllipsis\":\"Divider_with-ellipsis---sb\",\"divider\":\"Divider_divider---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Divider/styles.less\n// module id = 1634\n// module chunks = 0","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport { IcoMoon } from \"../../common\";\r\n// import { noUndefStrings } from \"../../../helpers/tags\";\r\nimport { getPropertyTitle } from \"../../../helpers/general-helpers\";\r\nimport { Divider } from \"../\";\r\n// import Divider from \"../Divider/Divider\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst Header = ({\r\n className,\r\n titles,\r\n propertyType,\r\n propertyName,\r\n isMobileView\r\n}) => (\r\n
{titles.VacationDetails}
\r\n \r\n
\r\n \r\n {getPropertyTitle(titles, propertyType)}:\r\n
\r\n {propertyName}
\r\n {/* {noUndefStrings`${propertyName}`}
*/}\r\n \r\n \r\n);\r\n\r\nHeader.propTypes = {\r\n propertyName: PropTypes.string,\r\n propertyType: PropTypes.string,\r\n className: PropTypes.string,\r\n titles: PropTypes.object,\r\n isMobileView: PropTypes.bool\r\n};\r\n\r\nexport default Header;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Header/Header.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"Header_with-ellipsis---sb\",\"withEllipsis\":\"Header_with-ellipsis---sb\",\"header\":\"Header_header---sb\",\"main-title\":\"Header_main-title---sb\",\"mainTitle\":\"Header_main-title---sb\",\"property-name\":\"Header_property-name---sb\",\"propertyName\":\"Header_property-name---sb\",\"type\":\"Header_type---sb\",\"title\":\"Header_title---sb\",\"name\":\"Header_name---sb\",\"long-name\":\"Header_long-name---sb\",\"longName\":\"Header_long-name---sb\",\"mobile-view\":\"Header_mobile-view---sb\",\"mobileView\":\"Header_mobile-view---sb\",\"header-property-name\":\"Header_header-property-name---sb\",\"headerPropertyName\":\"Header_header-property-name---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Header/styles.less\n// module id = 1636\n// module chunks = 0","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport Only from \"react-only-when\";\r\nimport PriceDisplay from \"../../../containers/PriceDisplay\";\r\nimport { getPropertyItemTitle } from \"../../../helpers/general-helpers\";\r\nimport { LineBreaks, RawHTML } from \"../../common\";\r\nimport { priceNormelizer } from \"../../../helpers/tags\";\r\nimport { Divider } from \"../\";\r\nimport styles from \"./styles.less\";\r\n// import { getGlobalCurrencyCode, getGlobalCurrency } from \"../../../reducers\";\r\n\r\nconst Prices = ({\r\n isRtl,\r\n className,\r\n titles,\r\n // rooms,\r\n currency,\r\n currencyCode,\r\n selectedCurrency,\r\n totalPrices,\r\n clubTotalPrices,\r\n clubUserLoggedIn,\r\n propertyType,\r\n hasPrice,\r\n isMobileView,\r\n displayPriceWithoutTaxes,\r\n taxesPrecentage\r\n}) => {\r\n const renderPriceOrNone = (price, c, cCode) => {\r\n if (!price || price == 0) return \"-\";\r\n return (\r\n \r\n \r\n {convertedPrice => convertedPrice}\r\n \r\n
\r\n );\r\n };\r\n\r\n const hasAddons = Boolean(\r\n totalPrices.addonsPrice && totalPrices.addonsPrice > 0\r\n );\r\n\r\n const fullPrice = totalPrices.totalPrice * ((100 + taxesPrecentage) / 100);\r\n const taxesPrice = fullPrice - totalPrices.totalPrice;\r\n\r\n let isSelectedCurrencyDifferent = false;\r\n if (selectedCurrency)\r\n isSelectedCurrencyDifferent = currencyCode !== selectedCurrency;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {getPropertyItemTitle(titles, propertyType, true)}:
\r\n \r\n \r\n {renderPriceOrNone(\r\n totalPrices.roomsPrice,\r\n currency,\r\n currencyCode\r\n )}\r\n
\r\n \r\n {renderPriceOrNone(\r\n clubTotalPrices.roomsPrice,\r\n currency,\r\n currencyCode\r\n )}\r\n
\r\n \r\n
\r\n {titles.Taxes}:
\r\n \r\n {renderPriceOrNone(taxesPrice, currency, currencyCode)}\r\n
\r\n \r\n
\r\n {titles.Extras}:
\r\n \r\n {renderPriceOrNone(\r\n totalPrices.addonsPrice,\r\n currency,\r\n currencyCode\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {titles.TotalPrice}:
\r\n \r\n \r\n {renderPriceOrNone(\r\n displayPriceWithoutTaxes ? fullPrice : totalPrices.totalPrice,\r\n currency,\r\n currencyCode\r\n )}\r\n
\r\n \r\n {renderPriceOrNone(\r\n clubTotalPrices.totalPrice,\r\n currency,\r\n currencyCode\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {titles.PriceBeforeConvertion}:
\r\n \r\n {currency}\r\n {priceNormelizer`${fullPrice}`}\r\n
\r\n \r\n {rate}\r\n {/*
\r\n \r\n );\r\n};\r\n\r\nBookingRating.defaultProps = {\r\n titles: {},\r\n isRtl: false\r\n};\r\n\r\nBookingRating.propTypes = {\r\n titles: PropTypes.object,\r\n rate: PropTypes.number,\r\n className: PropTypes.string,\r\n isRtl: PropTypes.bool,\r\n isMobileView: PropTypes.bool\r\n};\r\n\r\nexport default BookingRating;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/BookingRating/BookingRating.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"booking-rating\":\"BookingRating_booking-rating---sb\",\"bookingRating\":\"BookingRating_booking-rating---sb\",\"rate\":\"BookingRating_rate---sb\",\"numbered-rate\":\"BookingRating_numbered-rate---sb\",\"numberedRate\":\"BookingRating_numbered-rate---sb\",\"stared-rate\":\"BookingRating_stared-rate---sb\",\"staredRate\":\"BookingRating_stared-rate---sb\",\"subtitle\":\"BookingRating_subtitle---sb\",\"rtl\":\"BookingRating_rtl---sb\",\"mobile-view\":\"BookingRating_mobile-view---sb\",\"mobileView\":\"BookingRating_mobile-view---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/BookingRating/styles.less\n// module id = 1640\n// module chunks = 0","export { default as Rooms } from \"./Rooms\";\nexport { default as Room } from \"./Room/Room\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Rooms/index.js","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport Only from \"react-only-when\";\r\nimport { RoomBody } from \"./\";\r\nimport { IcoMoon, Ribbon } from \"../../../common\";\r\nimport { getPropertyItemTitle } from \"../../../../helpers/general-helpers\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass Room extends Component {\r\n onRemoveClick = addonCode => {\r\n const { onAddonRemove, pax } = this.props;\r\n onAddonRemove && onAddonRemove(pax.id, addonCode);\r\n };\r\n\r\n render() {\r\n const {\r\n id,\r\n isPackage,\r\n name,\r\n roomName,\r\n planName,\r\n pax,\r\n titles,\r\n isRtl,\r\n roomId,\r\n rateId,\r\n selectedAddons,\r\n propertyType,\r\n className\r\n } = this.props;\r\n\r\n return (\r\n {renderStaredRates(rate / 2)}
*/}\r\n \r\n {titles.CartBookingRatingSubtitle}\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nRoom.defaultProps = {\r\n roomName: \"\",\r\n planName: \"\"\r\n};\r\n\r\nRoom.propTypes = {\r\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n name: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n rateId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n roomName: PropTypes.string,\r\n roomId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n planName: PropTypes.string,\r\n isPackage: PropTypes.bool,\r\n isRtl: PropTypes.bool,\r\n //clubUserLoggedIn: PropTypes.bool,\r\n pax: PropTypes.object,\r\n selectedAddons: PropTypes.array,\r\n titles: PropTypes.object,\r\n className: PropTypes.string,\r\n propertyType: PropTypes.string,\r\n onAddonRemove: PropTypes.func\r\n};\r\n\r\nexport default Room;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Rooms/Room/Room.js","export { default as RoomBody } from \"./RoomBody/RoomBody\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Rooms/Room/index.js","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport Only from \"react-only-when\";\r\nimport { PaxDetails, AddonsList } from \"./\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst RoomBody = ({\r\n // id,\r\n roomName,\r\n planName,\r\n // roomId,\r\n // rateId,\r\n isRtl,\r\n titles,\r\n pax,\r\n selectedAddons,\r\n onAddonRemove,\r\n className\r\n}) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n {`${getPropertyItemTitle(titles, propertyType)} ${name}`}:\r\n
\r\n \r\n
\r\n {roomName}
\r\n {planName}
\r\n \r\n \r\n {titles.Remove}\r\n
\r\n \r\n );\r\n};\r\n\r\nAddonItem.propTypes = {\r\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n name: PropTypes.string,\r\n amount: PropTypes.number,\r\n price: PropTypes.number,\r\n titles: PropTypes.object,\r\n currency: PropTypes.string,\r\n currencyCode: PropTypes.string,\r\n onAddonRemove: PropTypes.func\r\n};\r\n\r\nexport default AddonItem;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Rooms/Room/RoomBody/AddonsList/AddonItem/AddonItem.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"addon\":\"AddonItem_addon---sb\",\"remove-btn\":\"AddonItem_remove-btn---sb\",\"removeBtn\":\"AddonItem_remove-btn---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/Room/RoomBody/AddonsList/AddonItem/styles.less\n// module id = 1648\n// module chunks = 0","// removed by extract-text-webpack-plugin\nmodule.exports = {\"addons\":\"AddonsList_addons---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/Room/RoomBody/AddonsList/styles.less\n// module id = 1649\n// module chunks = 0","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst PaxDetails = ({ pax, titles, className }) => {\r\n let result = \"\";\r\n if (pax.Adults) {\r\n result += `${pax.Adults} ${titles.Adults}`;\r\n }\r\n if (pax.Children) {\r\n result += `, ${pax.Children} ${titles.Children}`;\r\n }\r\n if (pax.Infants) {\r\n result += `, ${pax.Infants} ${titles.Infants}`;\r\n }\r\n\r\n return {priceToDisplay}
\r\n {result}
;\r\n};\r\n\r\nPaxDetails.propTypes = {\r\n className: PropTypes.string,\r\n pax: PropTypes.object,\r\n titles: PropTypes.object\r\n};\r\n\r\nexport default PaxDetails;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Rooms/Room/RoomBody/PaxDetails/PaxDetails.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"pax-details\":\"PaxDetails_pax-details---sb\",\"paxDetails\":\"PaxDetails_pax-details---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/Room/RoomBody/PaxDetails/styles.less\n// module id = 1651\n// module chunks = 0","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"RoomBody_with-ellipsis---sb\",\"withEllipsis\":\"RoomBody_with-ellipsis---sb\",\"room-body\":\"RoomBody_room-body---sb\",\"roomBody\":\"RoomBody_room-body---sb\",\"name\":\"RoomBody_name---sb\",\"plan\":\"RoomBody_plan---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/Room/RoomBody/styles.less\n// module id = 1652\n// module chunks = 0","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"Room_with-ellipsis---sb\",\"withEllipsis\":\"Room_with-ellipsis---sb\",\"room\":\"Room_room---sb\",\"room-number\":\"Room_room-number---sb\",\"roomNumber\":\"Room_room-number---sb\",\"title\":\"Room_title---sb\",\"ribbon-wrapper\":\"Room_ribbon-wrapper---sb\",\"ribbonWrapper\":\"Room_ribbon-wrapper---sb\",\"rtl\":\"Room_rtl---sb\",\"ribbon-inner\":\"Room_ribbon-inner---sb\",\"ribbonInner\":\"Room_ribbon-inner---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/Room/styles.less\n// module id = 1653\n// module chunks = 0","// removed by extract-text-webpack-plugin\nmodule.exports = {\"rooms\":\"Rooms_rooms---sb\",\"mobile-view\":\"Rooms_mobile-view---sb\",\"mobileView\":\"Rooms_mobile-view---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Rooms/styles.less\n// module id = 1654\n// module chunks = 0","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst Notes = ({ className, notesArr, isMobileView }) => {\r\n return (\r\n {`* ${n}`}
)}\r\n \r\n );\r\n};\r\n\r\nNotes.propTypes = {\r\n className: PropTypes.string,\r\n isMobileView: PropTypes.bool,\r\n notesArr: PropTypes.array\r\n};\r\n\r\nexport default Notes;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Notes/Notes.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"Notes_with-ellipsis---sb\",\"withEllipsis\":\"Notes_with-ellipsis---sb\",\"notes\":\"Notes_notes---sb\",\"mobile-view\":\"Notes_mobile-view---sb\",\"mobileView\":\"Notes_mobile-view---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Notes/styles.less\n// module id = 1656\n// module chunks = 0","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport { changeDateToMomentFormat } from \"../../../helpers/dateHelpers\";\r\nimport styles from \"./styles.less\";\r\n\r\nconst Dates = ({\r\n className,\r\n titles,\r\n checkin,\r\n checkout,\r\n onNewSearchClick,\r\n isMobileView\r\n}) => {\r\n const calculateNights = () => {\r\n let result = \"\";\r\n\r\n if (checkin && checkout) {\r\n const ciMoment = changeDateToMomentFormat(checkin, \".\");\r\n const coMoment = changeDateToMomentFormat(checkout, \".\");\r\n result = coMoment.diff(ciMoment, \"days\");\r\n }\r\n\r\n return result;\r\n };\r\n\r\n return (\r\n \r\n
\r\n {titles.CartCheckIn}:
\r\n {checkin}
\r\n \r\n
\r\n {titles.CartCheckOut}:
\r\n {checkout}
\r\n \r\n \r\n {titles.NewSearch}\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nDates.defaultProps = {\r\n titles: {}\r\n};\r\n\r\nDates.propTypes = {\r\n titles: PropTypes.object,\r\n checkin: PropTypes.string,\r\n checkout: PropTypes.string,\r\n className: PropTypes.string,\r\n onNewSearchClick: PropTypes.func,\r\n isMobileView: PropTypes.bool\r\n};\r\n\r\nexport default Dates;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Cart/Dates/Dates.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"dates\":\"Dates_dates---sb\",\"checkin\":\"Dates_checkin---sb\",\"checkout\":\"Dates_checkout---sb\",\"nights-and-new-search\":\"Dates_nights-and-new-search---sb\",\"nightsAndNewSearch\":\"Dates_nights-and-new-search---sb\",\"nights\":\"Dates_nights---sb\",\"title\":\"Dates_title---sb\",\"value\":\"Dates_value---sb\",\"new-search-btn\":\"Dates_new-search-btn---sb\",\"newSearchBtn\":\"Dates_new-search-btn---sb\",\"mobile-view\":\"Dates_mobile-view---sb\",\"mobileView\":\"Dates_mobile-view---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Cart/Dates/styles.less\n// module id = 1658\n// module chunks = 0","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport cx from \"classnames\";\r\nimport Only from \"react-only-when\";\r\nimport { PlaceHolder } from \"../common\";\r\nimport {\r\n Header,\r\n BookingRating,\r\n Rooms,\r\n Prices,\r\n Notes,\r\n Dates,\r\n Divider\r\n} from \"./\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass Cart extends Component {\r\n componentDidMount() {\r\n window.silverbyteDOM.searchbox &&\r\n window.silverbyteDOM.searchbox.unmount(document.querySelector(\"#sbox\"));\r\n }\r\n\r\n componentWillUnmount() {\r\n window.silverbyteDOM.searchbox &&\r\n window.silverbyteDOM.searchbox.mount(document.querySelector(\"#sbox\"));\r\n }\r\n\r\n getNotesArr = () => {\r\n const { discountClubConfig, clubUserLoggedIn, titles } = this.props;\r\n\r\n let arr = [];\r\n if (titles.CartPayArrival) {\r\n arr.push(titles.CartPayArrival);\r\n }\r\n if (titles.CustomerRequestCartTitle) {\r\n arr.push(titles.CustomerRequestCartTitle);\r\n }\r\n if (titles.CustomerRequestCartTitle2) {\r\n arr.push(titles.CustomerRequestCartTitle2);\r\n }\r\n if (clubUserLoggedIn) {\r\n arr.push(\r\n titles.CartDiscountPercent &&\r\n titles.CartDiscountPercent.replace(\r\n \"%\",\r\n discountClubConfig.Percentage + \"%\"\r\n )\r\n );\r\n }\r\n\r\n return arr;\r\n };\r\n\r\n render() {\r\n const {\r\n items,\r\n isRtl,\r\n titles,\r\n propertyType,\r\n propertyName,\r\n globalCurrency,\r\n globalCurrencyCode,\r\n selectedCurrency,\r\n clubUserLoggedIn,\r\n totalPrices,\r\n clubTotalPrices,\r\n promoCode,\r\n isPromoCodeValid,\r\n checkinDate,\r\n checkoutDate,\r\n bookingRates,\r\n showCancellationPolicy,\r\n onShowCancellationPolicy,\r\n onAddonRemove,\r\n onNewSearchClick,\r\n isMobileView,\r\n placeHolders,\r\n displayPriceWithoutTaxes,\r\n taxesPrecentage\r\n } = this.props;\r\n let { bookingRatesEnabled } = this.props;\r\n\r\n const hasAnySelections = Boolean(items && items.length > 0);\r\n const hasPromocode = promoCode != \"\" && promoCode.length > 0;\r\n const hasPrice = Boolean(\r\n totalPrices.totalPrice && totalPrices.totalPrice > 0\r\n );\r\n\r\n const validBookingRate =\r\n bookingRates && bookingRates.general && bookingRates.general.score;\r\n\r\n bookingRatesEnabled = Boolean(bookingRatesEnabled && validBookingRate);\r\n\r\n return (\r\n \r\n
\r\n {titles.CartNights}:
\r\n {calculateNights()}
\r\n {titles.PromoCode}:
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {isFetchingRegionResults || !hasResults\r\n ? renderLoader(isFetchingRegionResults)\r\n : this.renderPageContent()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nRegionResults.propTypes = {\r\n lang: PropTypes.string,\r\n checkinDate: PropTypes.string,\r\n checkoutDate: PropTypes.string,\r\n paxList: PropTypes.array,\r\n titles: PropTypes.object,\r\n promoCode: PropTypes.string,\r\n isMobileView: PropTypes.bool,\r\n isRtl: PropTypes.bool,\r\n actions: PropTypes.object,\r\n selectedRegionId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n selectedCityCode: PropTypes.string,\r\n regionResults: PropTypes.array,\r\n isFetchingRegionResults: PropTypes.bool,\r\n routing: PropTypes.object,\r\n onShowHotelDetailsClick: PropTypes.func,\r\n renderLoader: PropTypes.func,\r\n selectedType: PropTypes.string,\r\n searchDataTimestamp: PropTypes.number,\r\n notifyRouteChange: PropTypes.func,\r\n onLoad: PropTypes.func,\r\n propertyType: PropTypes.string,\r\n propertyTypePlural: PropTypes.string,\r\n handleRegionResultsRef: PropTypes.func,\r\n placeHolders: PropTypes.array,\r\n hotelFilter: PropTypes.array,\r\n minPriceRangeFilter: PropTypes.number,\r\n maxPriceRangeFilter: PropTypes.number,\r\n clubUserLoggedIn: PropTypes.bool,\r\n discountClubConfig: PropTypes.object\r\n};\r\n\r\nfunction mapStateToProps(store) {\r\n const state = {\r\n lang: store.lang,\r\n checkinDate: store.checkinDate,\r\n checkoutDate: store.checkoutDate,\r\n titles: store.titles,\r\n promoCode: store.promoCode,\r\n viewDirection: store.viewDirection,\r\n isMobileView: store.isMobileView,\r\n isRtl: isRTL(store),\r\n selectedType: selectedType(store),\r\n selectedRegionId: store.selectedRegionId,\r\n selectedCityCode: store.selectedCityCode,\r\n paxList: store.paxList,\r\n regionResults: store.regionResults,\r\n isFetchingRegionResults: store.isFetchingRegionResults,\r\n routing: store.routing,\r\n searchDataTimestamp: store.searchDataTimestamp,\r\n propertyType: store.propertyType,\r\n propertyTypePlural: store.propertyTypePlural,\r\n placeHolders: store.placeHolders,\r\n hotelFilter: store.hotelFilter,\r\n minPriceRangeFilter: store.minPriceRangeFilter,\r\n maxPriceRangeFilter: store.maxPriceRangeFilter,\r\n clubUserLoggedIn: store.clubUserLoggedIn,\r\n discountClubConfig: store.discountClubConfig\r\n };\r\n return state;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n const combinedActions = {\r\n ...regionResultsActions,\r\n push\r\n };\r\n return {\r\n actions: bindActionCreators(combinedActions, dispatch)\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(RegionResults);\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/containers/RegionResults/RegionResults.js","import BaseApi from \"./BaseApi\";\nimport qs from \"qs\";\n\nexport const getRegionResults = async reqObj => {\n const reqStr = qs.stringify(reqObj, { allowDots: true, encode: false });\n const result = await BaseApi.get(\n `/reservationProcess/RegionResultsR?${reqStr}`\n );\n return result;\n};\n\n// export const redirectToHotelSearchResultsPage = (selectedSessions, hotelId) => {\n// let query = `hotelId=${hotelId}`;\n// for (let i = 0; i < selectedSessions.length; i++) {\n// const encodedSession = encodeURIComponent(selectedSessions[i]);\n// query += `&sessions[${i}]=${encodedSession}`;\n// }\n// window.location = `${serverURL}/reservationProcess/?${query}`;\n// };\n\n\n\n// WEBPACK FOOTER //\n// ./src/api/regions.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"main-regions-hotels-wrapper\":\"RegionsHotelsGroup_main-regions-hotels-wrapper---sb\",\"mainRegionsHotelsWrapper\":\"RegionsHotelsGroup_main-regions-hotels-wrapper---sb\",\"main-header-wrapper\":\"RegionsHotelsGroup_main-header-wrapper---sb\",\"mainHeaderWrapper\":\"RegionsHotelsGroup_main-header-wrapper---sb\",\"header-wrapper\":\"RegionsHotelsGroup_header-wrapper---sb\",\"headerWrapper\":\"RegionsHotelsGroup_header-wrapper---sb\",\"room-name\":\"RegionsHotelsGroup_room-name---sb\",\"roomName\":\"RegionsHotelsGroup_room-name---sb\",\"custom-sub-title\":\"RegionsHotelsGroup_custom-sub-title---sb\",\"customSubTitle\":\"RegionsHotelsGroup_custom-sub-title---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/RegionsHotelsGroup/styles.less\n// module id = 1676\n// module chunks = 0","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"RegionResults_with-ellipsis---sb\",\"withEllipsis\":\"RegionResults_with-ellipsis---sb\",\"region-results\":\"RegionResults_region-results---sb\",\"regionResults\":\"RegionResults_region-results---sb\",\"inner-grid\":\"RegionResults_inner-grid---sb\",\"innerGrid\":\"RegionResults_inner-grid---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/containers/RegionResults/styles.less\n// module id = 1677\n// module chunks = 0","export { default as AllResults } from \"./AllResults\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/containers/AllResults/index.js","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { push } from \"react-router-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { isRTL, selectedType } from \"../../reducers\";\r\nimport { getPropertyRegionsTitle } from \"../../helpers/general-helpers\";\r\nimport { Grid } from \"semantic-ui-react\";\r\nimport * as regionResultsActions from \"../../actions/regionResultsActions\";\r\nimport { RegionsHotelsGroup } from \"../../components/RegionsHotelsGroup/RegionsHotelsGroup\";\r\nimport { Header } from \"../../components/common\";\r\nimport qs from \"qs\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass AllResults extends Component {\r\n async componentDidMount() {\r\n // onLoad from generalHandlers of ScrollManager wrapper:\r\n // check whether scrolling up should be done, if do, scroll.\r\n this.props.onLoad();\r\n await this.loadData();\r\n }\r\n\r\n async componentDidUpdate(prevProps) {\r\n const { searchDataTimestamp } = this.props;\r\n const { searchDataTimestamp: prevSearchDataTimestamp } = prevProps;\r\n if (searchDataTimestamp && searchDataTimestamp > prevSearchDataTimestamp) {\r\n await this.loadData();\r\n }\r\n }\r\n\r\n async loadData() {\r\n const {\r\n selectedRegionId: regionId,\r\n selectedCityCode: cityCode,\r\n checkinDate: fromDate,\r\n checkoutDate: toDate,\r\n lang,\r\n paxList,\r\n promoCode,\r\n actions,\r\n selectedType\r\n } = this.props;\r\n const reqObj = { pax: paxList, fromDate, toDate, lang, promoCode };\r\n\r\n reqObj.searchOption = {\r\n value: regionId || cityCode,\r\n optionType: selectedType\r\n };\r\n\r\n await actions.getRegionResults(reqObj); // pause next execution\r\n }\r\n\r\n /// remove previous selection key and add the new selection key to query.\r\n /// push the updated data to browser histoy to change current route\r\n onHotelSelect = hotelId => {\r\n const { actions } = this.props;\r\n const getHotelRouteWithQuery = id => {\r\n const { routing } = this.props;\r\n const currentQuery = qs.parse(routing.location.search, {\r\n ignoreQueryPrefix: true\r\n });\r\n currentQuery.selectedRegionId = undefined;\r\n currentQuery.selectedCityCode = undefined;\r\n currentQuery.selectedHotelId = id;\r\n return {\r\n pathname: \"/hotel\",\r\n search: qs.stringify(currentQuery, { addQueryPrefix: true }),\r\n notifyRoute: this.props.notifyRouteChange\r\n };\r\n };\r\n\r\n actions.push(getHotelRouteWithQuery(hotelId));\r\n };\r\n\r\n onShowHotelDetailsClick = hotelId => {\r\n const { onShowHotelDetailsClick } = this.props;\r\n onShowHotelDetailsClick(hotelId);\r\n };\r\n\r\n filterByHotel = regions => {\r\n const { hotelFilter } = this.props;\r\n if (hotelFilter && hotelFilter.length > 0) {\r\n const hotelsAfterFilter = [];\r\n regions &&\r\n regions.forEach(region => {\r\n const hotels = [];\r\n region &&\r\n region.roomResult &&\r\n region.roomResult.forEach(hotel => {\r\n let index = hotelFilter.findIndex(\r\n r => r.hotelId == hotel.hotelId && r.hotelName == hotel.name\r\n );\r\n if (index > -1) {\r\n hotels.push(hotel);\r\n }\r\n });\r\n if (hotels && hotels.length > 0) {\r\n hotelsAfterFilter.push({\r\n ...region,\r\n roomResult: [...hotels]\r\n });\r\n }\r\n });\r\n return hotelsAfterFilter;\r\n } else {\r\n return regions;\r\n }\r\n };\r\n\r\n filterByRegion = regions => {\r\n const { regionFilter } = this.props;\r\n if (regionFilter && regionFilter.length > 0) {\r\n const regionsAfterFilter = [];\r\n regions &&\r\n regions.forEach(region => {\r\n let index = regionFilter.findIndex(\r\n r => r.regionId == region.regionId && r.title == region.title\r\n );\r\n if (index > -1) {\r\n regionsAfterFilter.push(region);\r\n }\r\n });\r\n return regionsAfterFilter;\r\n } else {\r\n return regions;\r\n }\r\n };\r\n\r\n filterByPrice = regions => {\r\n const { minPriceRangeFilter, maxPriceRangeFilter } = this.props;\r\n if (minPriceRangeFilter > 0 || maxPriceRangeFilter > 0) {\r\n const regionsAfterFilter = [];\r\n regions.forEach(region => {\r\n const hotels = [];\r\n region &&\r\n region.roomResult &&\r\n region.roomResult.forEach(hotel => {\r\n let isInRange =\r\n Math.round(hotel.startFromPrice) >= minPriceRangeFilter &&\r\n Math.round(hotel.startFromPrice) <= maxPriceRangeFilter;\r\n if (isInRange) {\r\n hotels.push(hotel);\r\n }\r\n });\r\n if (hotels && hotels.length > 0) {\r\n regionsAfterFilter.push({\r\n ...region,\r\n roomResult: [...hotels]\r\n });\r\n }\r\n });\r\n return regionsAfterFilter;\r\n } else {\r\n return regions;\r\n }\r\n };\r\n\r\n filterRegions = regions => {\r\n const filteredByRegion = this.filterByRegion(regions);\r\n const filteredByHotel = this.filterByHotel(filteredByRegion);\r\n const filteredByPrice = this.filterByPrice(filteredByHotel);\r\n return filteredByPrice;\r\n };\r\n\r\n renderAllResults = () => {\r\n const { regionResults } = this.props;\r\n const filteredRegions = this.filterRegions(regionResults);\r\n return filteredRegions.map((region, key) =>\r\n this.renderPageContent(region, key)\r\n );\r\n };\r\n\r\n renderPageContent = (region, key) => {\r\n const {\r\n isRtl,\r\n titles,\r\n onShowHotelDetailsClick,\r\n isMobileView,\r\n selectedType,\r\n propertyType,\r\n propertyTypePlural,\r\n checkinDate,\r\n checkoutDate,\r\n clubUserLoggedIn,\r\n discountClubConfig,\r\n showPricePerNightThumb\r\n } = this.props;\r\n let regionarray = [];\r\n regionarray.push(region);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {isFetchingRegionResults || !hasResults\r\n ? renderLoader(isFetchingRegionResults)\r\n : this.renderAllResults()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAllResults.propTypes = {\r\n lang: PropTypes.string,\r\n checkinDate: PropTypes.string,\r\n checkoutDate: PropTypes.string,\r\n paxList: PropTypes.array,\r\n titles: PropTypes.object,\r\n isMobileView: PropTypes.bool,\r\n isRtl: PropTypes.bool,\r\n actions: PropTypes.object,\r\n selectedRegionId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n selectedCityCode: PropTypes.string,\r\n regionResults: PropTypes.array,\r\n isFetchingRegionResults: PropTypes.bool,\r\n routing: PropTypes.object,\r\n onShowHotelDetailsClick: PropTypes.func,\r\n renderLoader: PropTypes.func,\r\n selectedType: PropTypes.string,\r\n searchDataTimestamp: PropTypes.number,\r\n notifyRouteChange: PropTypes.func,\r\n onLoad: PropTypes.func,\r\n propertyType: PropTypes.string,\r\n propertyTypePlural: PropTypes.string,\r\n handleRegionResultsRef: PropTypes.func,\r\n hotelFilter: PropTypes.array,\r\n regionFilter: PropTypes.array,\r\n minPriceRangeFilter: PropTypes.number,\r\n maxPriceRangeFilter: PropTypes.number,\r\n clubUserLoggedIn: PropTypes.bool,\r\n showPricePerNightThumb: PropTypes.bool,\r\n discountClubConfig: PropTypes.object\r\n};\r\n\r\nfunction mapStateToProps(store) {\r\n const state = {\r\n lang: store.lang,\r\n checkinDate: store.checkinDate,\r\n checkoutDate: store.checkoutDate,\r\n titles: store.titles,\r\n viewDirection: store.viewDirection,\r\n isMobileView: store.isMobileView,\r\n promoCode: store.promoCode,\r\n isRtl: isRTL(store),\r\n selectedType: selectedType(store),\r\n selectedRegionId: store.selectedRegionId,\r\n selectedCityCode: store.selectedCityCode,\r\n paxList: store.paxList,\r\n regionResults: store.regionResults,\r\n isFetchingRegionResults: store.isFetchingRegionResults,\r\n routing: store.routing,\r\n searchDataTimestamp: store.searchDataTimestamp,\r\n propertyType: store.propertyType,\r\n propertyTypePlural: store.propertyTypePlural,\r\n hotelFilter: store.hotelFilter,\r\n regionFilter: store.regionFilter,\r\n minPriceRangeFilter: store.minPriceRangeFilter,\r\n maxPriceRangeFilter: store.maxPriceRangeFilter,\r\n clubUserLoggedIn: store.clubUserLoggedIn,\r\n showPricePerNightThumb: store.showPricePerNightThumb,\r\n discountClubConfig: store.discountClubConfig\r\n };\r\n return state;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n const combinedActions = {\r\n ...regionResultsActions,\r\n push\r\n };\r\n return {\r\n actions: bindActionCreators(combinedActions, dispatch)\r\n };\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(AllResults)\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/containers/AllResults/AllResults.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"with-ellipsis\":\"AllResults_with-ellipsis---sb\",\"withEllipsis\":\"AllResults_with-ellipsis---sb\",\"all-results\":\"AllResults_all-results---sb\",\"allResults\":\"AllResults_all-results---sb\",\"inner-grid\":\"AllResults_inner-grid---sb\",\"innerGrid\":\"AllResults_inner-grid---sb\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/containers/AllResults/styles.less\n// module id = 1680\n// module chunks = 0","export { default as DealsResults } from \"./DealsResults\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/containers/DealsResults/index.js","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route } from \"react-router-dom\";\r\nimport { push } from \"react-router-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport moment from \"moment\";\r\nimport qs from \"qs\";\r\nimport {\r\n clearAnalyticsPlaceHolders,\r\n getAnalyticsPlaceHolders\r\n} from \"../../actions/placeHoldersActions\";\r\nimport { DEAL_RESULTS_ANALYTICS_PHASE } from \"../../constants/general\";\r\nimport { Grid, Ref } from \"semantic-ui-react\";\r\nimport * as dealsActions from \"../../actions/dealsActions\";\r\nimport DealsGroup from \"../../components/DealsGroup\";\r\nimport DealDetails from \"../../components/DealDetails\";\r\nimport RoomDetailsAndAmenities from \"../../components/RoomDetailsAndAmenities\";\r\nimport { isRTL } from \"../../reducers\";\r\nimport * as roomResultsActions from \"../../actions/roomResultsActions\";\r\nimport * as paxActions from \"../../actions/paxActions\";\r\nimport * as addonsActions from \"../../actions/addonsActions\";\r\nimport { priceNormelizer } from \"../../helpers/tags\";\r\nimport { NoResultsPage, Fader, AnimatedSwitch } from \"../../components/common\";\r\nimport DealThumbNailCustom from \"../../components/DealThumbNailCustom\";\r\nimport styles from \"./styles.less\";\r\n\r\nclass DealsResults extends Component {\r\n state = {\r\n title: null,\r\n subTitle: null,\r\n\r\n // for scrolling logic (we need to scroll when the image loaded)\r\n selectedDealImageLoaded: false\r\n };\r\n\r\n async componentDidMount() {\r\n const {\r\n selectedDealId,\r\n selectedHotelId,\r\n actions,\r\n discountClubConfig,\r\n lang\r\n } = this.props;\r\n this.props.onLoad();\r\n const reqObj = {\r\n clubCode: discountClubConfig && discountClubConfig.ClubCode,\r\n selectedHotelId: null,\r\n lang\r\n };\r\n await actions.getDealsResult(reqObj);\r\n\r\n if (selectedDealId) {\r\n const { deals } = this.props;\r\n const selectedDeal = deals.find(\r\n deal =>\r\n deal.id &&\r\n deal.id.toString() == selectedDealId &&\r\n deal.hotelId == selectedHotelId\r\n );\r\n actions.getDealDetails(selectedDeal);\r\n }\r\n }\r\n\r\n async componentDidUpdate(prevProps, prevState) {\r\n const { onLoad, selectedDealId, actions, deals } = this.props;\r\n //remove unusable code\r\n const { selectedDealImageLoaded } = this.state;\r\n if (\r\n selectedDealImageLoaded &&\r\n prevState.selectedDealImageLoaded !== selectedDealImageLoaded\r\n ) {\r\n onLoad();\r\n }\r\n //end remove\r\n if (prevProps.selectedDealId !== selectedDealId) {\r\n if (selectedDealId) {\r\n const selectedDeal = deals.find(\r\n deal => deal.id && deal.id.toString() == selectedDealId\r\n );\r\n //Get deal data\r\n await actions.getDealDetails(selectedDeal);\r\n }\r\n //reset previous search\r\n actions.resetSelection();\r\n actions.resetSelectedPaxIndex();\r\n actions.resetPaxList();\r\n actions.changeDisplayRoom(null);\r\n actions.resetDealSearchResult();\r\n }\r\n }\r\n\r\n /**\r\n * Get analytics code from server and append it to #page-analytics-wrapper element ( append action include the execution ).\r\n * Generate the code with the data stored until this phase ( ex, no masterid )\r\n */\r\n getAnalyticsPlaceHolders = deal => {\r\n const { actions } = this.props;\r\n let checkin = moment(deal.startDate);\r\n checkin = checkin.format(\"DD.MM.YYYY\");\r\n let checkout = moment(deal.endDate);\r\n checkout = checkout.format(\"DD.MM.YYYY\");\r\n const postObject = {\r\n Phase: DEAL_RESULTS_ANALYTICS_PHASE,\r\n Currency: deal.currencyCode,\r\n HotelId: deal.hotelId,\r\n HotelName: deal.hotelName,\r\n CheckInDate: checkin,\r\n CheckoutDate: checkout,\r\n DealId: deal.id\r\n };\r\n actions.getAnalyticsPlaceHolders(postObject);\r\n };\r\n\r\n //remove unusable code\r\n onSelectedDealImageLoaded = () => {\r\n this.setState({ selectedDealImageLoaded: true });\r\n };\r\n //end remove\r\n\r\n onRateSelection = ({ ...selectedRateParams }) => {\r\n const { onRateSelection, dealSearchResults } = this.props;\r\n\r\n // dispatch global event of roomselected\r\n const event = new CustomEvent(\"__be_dealSelected\", {\r\n detail: {\r\n roomId: selectedRateParams.roomId,\r\n dealId: selectedRateParams.dealId\r\n }\r\n });\r\n window.dispatchEvent(event);\r\n\r\n onRateSelection({\r\n ...selectedRateParams,\r\n dealSearchResults\r\n });\r\n };\r\n\r\n onRateReadMore = ({ rateId, roomId }) => {\r\n const { onRateReadMore } = this.props;\r\n onRateReadMore({ rateId, roomId, render: this.renderRoomDetails });\r\n };\r\n\r\n renderRoomDetails = room => {\r\n const { titles, isRtl, ShowCancellationPolicy, isMobileView } = this.props;\r\n return (\r\n {priceStr}
;\r\n };\r\n\r\n renderDealsMarkUp = (product, onDealClick) => {\r\n const { titles, isIE, discountClubConfig, clubUserLoggedIn } = this.props;\r\n const showClubPrices =\r\n discountClubConfig && discountClubConfig.Active && !clubUserLoggedIn;\r\n return (\r\n {product.hotelName}
;\r\n };\r\n\r\n showSimpleClubLoginModal = () => {\r\n const { showSimpleClubLoginModal } = this.props;\r\n showSimpleClubLoginModal();\r\n };\r\n\r\n filterByHotel = deals => {\r\n const { hotelFilter } = this.props;\r\n if (hotelFilter && hotelFilter.length > 0) {\r\n const dealsAfterFilter = [];\r\n deals &&\r\n deals.forEach(deal => {\r\n let index = hotelFilter.findIndex(\r\n r => r.hotelId == deal.hotelId && r.hotelName == deal.hotelName\r\n );\r\n if (index > -1) {\r\n dealsAfterFilter.push(deal);\r\n }\r\n });\r\n return dealsAfterFilter;\r\n } else {\r\n return deals;\r\n }\r\n };\r\n\r\n filterByPrice = deals => {\r\n const { minPriceRangeFilter, maxPriceRangeFilter } = this.props;\r\n if (minPriceRangeFilter > 0 || maxPriceRangeFilter > 0) {\r\n const dealsAfterFilter = [];\r\n deals.forEach(deal => {\r\n let isInRange =\r\n Math.round(deal.totalPricee) >= minPriceRangeFilter &&\r\n Math.round(deal.totalPrice) <= maxPriceRangeFilter;\r\n if (isInRange) {\r\n dealsAfterFilter.push(deal);\r\n }\r\n });\r\n return dealsAfterFilter;\r\n } else {\r\n return deals;\r\n }\r\n };\r\n\r\n filterDeals = deals => {\r\n const filteredByHotel = this.filterByHotel(deals);\r\n const filteredByPrice = this.filterByPrice(filteredByHotel);\r\n return filteredByPrice;\r\n };\r\n\r\n renderDealsGroup = () => {\r\n const {\r\n isRtl,\r\n titles,\r\n isMobileView,\r\n deals,\r\n lang,\r\n routing,\r\n rooms,\r\n dealSearchPerformed,\r\n isDealMode,\r\n isfetchingRooms,\r\n renderLoader,\r\n selectedDealId,\r\n handleSelectedDealRef,\r\n clubUserLoggedIn,\r\n discountClubConfig,\r\n showClubPrices,\r\n isIos,\r\n isIE,\r\n lastMinuteDaysDeal,\r\n showHotDeal,\r\n onLoad\r\n } = this.props;\r\n const filteredDeals = this.filterDeals(deals);\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n deals,\r\n renderBox,\r\n onDealClick,\r\n isMobileView,\r\n isRtl,\r\n isIos,\r\n isIE\r\n } = this.props;\r\n return (\r\n //\n {renderLoader(isFetchingDealsSearchResults)}\n
\n );\n };\n\n showSimpleClubLoginModal = () => {\n const { showSimpleClubLoginModal } = this.props;\n showSimpleClubLoginModal();\n };\n\n onShowDealDetailsClick = () => {\n const { deal, onShowDealExtraDetailsClick } = this.props;\n onShowDealExtraDetailsClick && onShowDealExtraDetailsClick(deal);\n };\n\n onRateSelection = ({ ...rateSelectedParams }) => {\n this.setState({ showNoResultsMesage: false });\n const { onRateSelection, onDealRatesClick } = this.props;\n onRateSelection({ ...rateSelectedParams });\n onDealRatesClick();\n };\n\n handleDealRatesGroupRef = node => {\n const { handleDealRatesGroupRef } = this.props;\n if (handleDealRatesGroupRef) {\n handleDealRatesGroupRef(node);\n } else {\n this.dealRatesGroup = node;\n }\n };\n\n getDealComponents = (results, numElemsInRow) => {\n let desktopResutlsIndex = -1;\n let desktopResults = [];\n results.map((result, index) => {\n if (index % numElemsInRow == 0) {\n desktopResutlsIndex++;\n desktopResults[desktopResutlsIndex] = [];\n }\n desktopResults[desktopResutlsIndex].push(result);\n });\n return desktopResults;\n };\n\n renderDealSearchResults = (deals, showClubPrices, showRoomNumberTitle) => {\n const {\n titles,\n selectedPaxId,\n ShowCancellationPolicy,\n showAvailability,\n onRateReadMore,\n clubUserLoggedIn,\n onShowRoomGalleryPopUp,\n clubPercentageDiscount,\n isClubActive,\n isRtl,\n isMobileView,\n onDealRatesClick,\n clearAnalyticsPlaceHolders,\n showPricePerNightThumb,\n displayPriceWithoutTaxes\n } = this.props;\n //const groupedDeals = this.getDealComponents(deals, 3);\n\n return (\n // \n \n {titles.NoSearchResultsMessage}\n
\n );\n };\n\n filterDealsSearchResults = data => {\n const filteredByPlan = this.filterByPlans(data);\n const filteredByPriceRange = this.filterByPriceRange(filteredByPlan);\n return filteredByPriceRange;\n };\n\n filterByPriceRange = rooms => {\n const { minPriceRangeFilter, maxPriceRangeFilter } = this.props;\n if (minPriceRangeFilter > 0 || maxPriceRangeFilter > 0) {\n const roomsAfterFilter = [];\n rooms.forEach(rate => {\n let isInRange =\n rate.totalPrice >= minPriceRangeFilter &&\n rate.totalPrice <= maxPriceRangeFilter;\n if (isInRange) {\n roomsAfterFilter.push(rate);\n }\n });\n return roomsAfterFilter;\n } else {\n return rooms;\n }\n };\n\n filterByPlans = rooms => {\n const { planFilter } = this.props;\n if (planFilter && planFilter.length > 0) {\n const roomsAfterFilter = [];\n rooms.forEach(rate => {\n let index = planFilter.findIndex(\n r => r.planCode == rate.planCode && r.planName == rate.planName\n );\n if (index > -1) {\n roomsAfterFilter.push(rate);\n }\n });\n return roomsAfterFilter;\n } else {\n return rooms;\n }\n };\n\n render() {\n const {\n deal,\n titles,\n isMobileView,\n isRtl,\n onImageLoad,\n dealSearchResults,\n selectedPaxId,\n isFetchingDealsSearchResults,\n isClubActive,\n placeHolders,\n clubUserLoggedIn,\n displayPriceWithoutTaxes\n } = this.props;\n const { showReadMore } = this.state;\n const dealRatesByReqDesc =\n dealSearchResults && dealSearchResults[selectedPaxId];\n const hasResults = dealRatesByReqDesc\n ? dealRatesByReqDesc.filter(deal => deal.availability > 0).length > 0\n : false;\n const filteredDealsSearchResults = this.filterDealsSearchResults(\n dealRatesByReqDesc\n );\n const showClubPrices = isClubActive && !clubUserLoggedIn;\n dealSearchResults && dealSearchResults[selectedPaxId];\n const showRoomNumberTitle = dealSearchResults.length > 1;\n const altImage = `${deal.name} ${titles.room}`;\n\n let formattedStartDate;\n if (deal) {\n formattedStartDate = moment(deal.startDate).format(\"DD.MM.YYYY\");\n }\n\n const {\n showNoResultsMesage,\n searchBoxVisible,\n searchBoxUrl,\n checkinDate,\n checkoutDate\n } = this.state;\n return (\n \n
\n \n
\n \n )}\n \n \n {moment(deal.startDate).format(\"DD/MM/YY\") +\n \" - \" +\n moment(deal.endDate).format(\"DD/MM/YY\")}\n \n
\n {isMobileView && (\n \n {deal.description && (\n
\n )}\n {!isMobileView && (\n \n \n \n
\n \n {titles.ReadMore}\n
\n \n {deal.description && (\n
\n \n
\n \n \n \n \n \n {titles.StartingFrom}\n {deal.oldPrice > 0 &&\n !displayPriceWithoutTaxes && (\n \n \n {price => price}\n \n \n )}\n \n \n {price => price}\n \n \n {titles.ForNight}\n
\n {showClubPrices && (\n \n {titles.SpecialPriceForClubMemeber} \n \n {price => price}\n \n
\n )}\n \n {titles.SearchForAvailableDates}:\n
\n \n {\n this.setState({ checkinDate });\n }}\n onChangeCheckoutDate={checkoutDate => {\n this.setState({ checkoutDate });\n }}\n />\n
\n \n \n \n {titles.RoomDetails}\n
\n \n\n \n {isPackage ? titles.Sale + \"!!!\" : \"\"}\n
\n \n
\n \n \n
\n {titles.Availability}
\n {availability}
\n \n )}\n \n
\n \n {showClubPrices && (\n \n \n {oldPrice > 0 && (\n \n \n {price => price}\n \n \n )}\n \n \n {price => price}\n \n \n
\n \n {titles.Checkout}\n
\n \n
\n )}\n \n \n \n \n \n
\n \n {titles.PriceForClubMemeber} \n \n \n {price => price}\n \n \n
\n \n
\n );\n };\n\n imageSrcWithCrop = src => {\n const { isMobileView } = this.props;\n if (isMobileView) {\n return `${src}`;\n } else {\n return src;\n }\n };\n\n imageSrcWithCropThumb = src => {\n const { isMobileView } = this.props;\n if (isMobileView) {\n return `${src}?w=375&h=250&mode=crop`;\n } else {\n return `${src}`;\n }\n };\n\n mapRoomImages = room => {\n let images = [];\n if (room) {\n if (room.images && room.images.length > 0) {\n images = room.images.map(image => ({\n original: image && this.imageSrcWithCrop(image),\n originalTitle: room.name,\n thumbnail: image && this.imageSrcWithCropThumb(image),\n description: room.roomDescription,\n price: room.TotalPrice,\n currency: room.currency\n }));\n } else {\n images = [\n {\n original: room.imageUrl && this.imageSrcWithCrop(room.imageUrl),\n originalTitle: room.name,\n thumbnail:\n room.imageUrl && this.imageSrcWithCropThumb(room.imageUrl),\n description: room.roomDescription,\n price: room.TotalPrice,\n currency: room.currency\n }\n ];\n }\n }\n return images;\n };\n\n render() {\n const { room, isRtl, showThumbnails, images } = this.props;\n const galleryImages = images != null ? images : this.mapRoomImages(room);\n return (\n {cancellationPolicy}
;\r\n } else return ;\r\n };\r\n\r\n render() {\r\n const { room, isRtl, titles } = this.props;\r\n const textAlign = isRtl ? \"right\" : \"left\";\r\n const weeksData = spliteByWeeks(\r\n room && room.rate && room.rate.pricePerDayList\r\n );\r\n return (\r\n{content}
\r\n \r\n {moment(foundPrice.dayDate).format(\r\n \"DD/MM/YY\"\r\n )}\r\n \r\n \r\n {titles.TaxIncludedTitle}\r\n
\r\n\n \n \n {titles.DealValidInDates} \n \n {product.startDate + \" - \" + product.endDate}\n
\n \n {product.name}\n
\n \n
\n {titles.StartingFrom}\n {product.oldPrice > 0 && (\n \n \n {price => price}\n \n \n )}\n \n \n {price => price}\n \n \n {titles.ForNight}\n
\n {showClubPrices && (\n \r\n
\r\n \r\n {titles.SendYourRequestAndWeWillReturn}\r\n
\r\n \r\n {plansList.map(plan =>\r\n this.checkBoxForFilter(\r\n plan,\r\n \"planCode\",\r\n \"planName\",\r\n this.filterByPlan,\r\n planFilter.find(p => p.planCode === plan.planCode) !=\r\n undefined\r\n )\r\n )}\r\n
\r\n \r\n {hotelsList.map(hotel =>\r\n this.checkBoxForFilter(\r\n hotel,\r\n \"hotelID\",\r\n \"hotelName\",\r\n this.filterByHotel,\r\n hotelFilter.find(h => h.hotelID === hotel.hotelID) !=\r\n undefined\r\n )\r\n )}\r\n
\r\n \r\n {pageType.data[selectedPaxId].map(room =>\r\n this.checkBoxForFilter(\r\n room,\r\n \"id\",\r\n \"name\",\r\n this.filterByRoomType,\r\n roomFilter.includes(room)\r\n )\r\n )}\r\n
\r\n \r\n {pageType.data.map(region =>\r\n this.checkBoxForFilter(\r\n region,\r\n \"regionId\",\r\n \"title\",\r\n this.filterByRegion,\r\n regionFilter.includes(region)\r\n )\r\n )}\r\n
\r\n