@tripian/react 4.4.0 → 4.5.0

package/index.js

@@ -7761,12 +7761,7 @@ var RSelect = function (_a) {
         setSelectedOption(newSelectedOption);
         onSelectedChanged(newSelectedOption);
     };
-    var customFilter = function (option, searchText) {
-        return model_1.helper
-            .toEngChars(option.label)
-            .toLowerCase()
-            .includes(model_1.helper.toEngChars(searchText).toLowerCase());
-    };
+    var customFilter = function (option, searchText) { return model_1.helper.toEngChars(option.label).toLowerCase().includes(model_1.helper.toEngChars(searchText).toLowerCase()); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_select_1.default, { options: options, value: selectedOption, onChange: handleChange, onInputChange: onInputChange, filterOption: customFilter, placeholder: placeHolder, className: "trpReactSelect", classNamePrefix: "trpReactSelect", isDisabled: disabled, isOptionDisabled: function (option) { return option.isSelected === true; }, isOptionSelected: function (option) { return option.isSelected === true; } })));
 };
@@ -20614,9 +20609,7 @@ var Checkbox = function (_a) {
         onChange(event.target.checked, event.target.name);
     };
     var svg = checked ? react_1.default.createElement(Checkbox_1.CheckboxChecked, null) : react_1.default.createElement(Checkbox_1.CheckboxUnChecked, null);
-    var memoizedUniqueDomId = (0, react_1.useMemo)(function () {
-        return "checkbox".concat(Math.random());
-    }, []);
+    var memoizedUniqueDomId = (0, react_1.useMemo)(function () { return "checkbox".concat(Math.random()); }, []);
     return (react_1.default.createElement("label", { className: Checkbox_scss_1.default.checkbox, htmlFor: memoizedUniqueDomId, style: style },
         react_1.default.createElement("span", { className: Checkbox_scss_1.default.span1 },
             react_1.default.createElement("input", { id: memoizedUniqueDomId, name: domId, type: "checkbox", checked: checked, onChange: handleCheckboxOnChange }),
@@ -21034,7 +21027,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var Backdrop_scss_1 = __importDefault(__webpack_require__(349));
 var Backdrop = function (_a) {
     var show = _a.show, clicked = _a.clicked;
-    return show ? react_1.default.createElement("div", { className: Backdrop_scss_1.default.backdrop, onClick: clicked, onKeyDown: function () { }, role: "button", tabIndex: 0 }) : null;
+    return (show ? react_1.default.createElement("div", { className: Backdrop_scss_1.default.backdrop, onClick: clicked, onKeyDown: function () { }, role: "button", tabIndex: 0 }) : null);
 };
 exports.default = Backdrop;
 
@@ -21080,7 +21073,7 @@ var durationFormat = function (duration) {
     var rhours = Math.floor(hours);
     var minutes = (hours - rhours) * 60;
     var rminutes = Math.round(minutes);
-    return rhours + ' Hour ' + (rminutes > 0 ? ', ' + rminutes + ' Mins' : '');
+    return "".concat(rhours, " Hour ").concat(rminutes > 0 ? ", ".concat(rminutes, " Mins") : '');
 };
 exports.durationFormat = durationFormat;
 
@@ -44024,7 +44017,7 @@ var CheckboxChecked = function (_a) {
 exports.CheckboxChecked = CheckboxChecked;
 var CheckboxUnChecked = function (_a) {
     var fill = _a.fill, bgColor = _a.bgColor, size = _a.size;
-    return (react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }));
+    return react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" });
 };
 exports.CheckboxUnChecked = CheckboxUnChecked;
 
@@ -44079,10 +44072,8 @@ var FormTemplateCompanion = function (_a) {
             react_1.default.createElement("div", { className: "col col12 col2-m" },
                 react_1.default.createElement("h5", null, "Age"),
                 react_1.default.createElement(NumberInput_1.default, { minValue: 0, maxValue: 100, defaultValue: userCompanion.age || 1, onchange: callbackNumber }))),
-        react_1.default.createElement("div", { className: "row mb5" }, questions.map(function (question) {
-            return (react_1.default.createElement("div", { key: question.id, className: "col col12" },
-                react_1.default.createElement(QuestionTemplate_1.default, { question: question, answers: userCompanion.answers, callbackAnswers: userCompanionQuestionOnChange })));
-        }))));
+        react_1.default.createElement("div", { className: "row mb5" }, questions.map(function (question) { return (react_1.default.createElement("div", { key: question.id, className: "col col12" },
+            react_1.default.createElement(QuestionTemplate_1.default, { question: question, answers: userCompanion.answers, callbackAnswers: userCompanionQuestionOnChange }))); }))));
 };
 exports.default = FormTemplateCompanion;
 
@@ -44379,19 +44370,15 @@ var UserCompanionSelection = function (_a) {
             react_1.default.createElement("div", { className: "col col3" },
                 react_1.default.createElement(Button_1.default, { color: "primary", text: "Create New Companion", onClick: function () { return setShowModal(true); } })),
             react_1.default.createElement("div", { className: "col col9" },
-                react_1.default.createElement("ul", { className: UserCompanionSelection_scss_1.default.userCompanionContent }, userCompanions === null || userCompanions === void 0 ? void 0 : userCompanions.filter(function (item) {
-                    return selectedCompanionIds === null || selectedCompanionIds === void 0 ? void 0 : selectedCompanionIds.includes(item.id);
-                }).map(function (companion) {
-                    return (react_1.default.createElement("li", { className: UserCompanionSelection_scss_1.default.userCompanionItem, key: companion.id },
-                        react_1.default.createElement("div", { className: UserCompanionSelection_scss_1.default.companionList },
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("div", { className: UserCompanionSelection_scss_1.default.companionName },
-                                    react_1.default.createElement("b", null, companion.name))),
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement(Remove_1.default, { color: "primary", onClick: function () {
-                                        userCompanionSelectionCallBack(companion.id, true);
-                                    } })))));
-                }))))));
+                react_1.default.createElement("ul", { className: UserCompanionSelection_scss_1.default.userCompanionContent }, userCompanions === null || userCompanions === void 0 ? void 0 : userCompanions.filter(function (item) { return selectedCompanionIds === null || selectedCompanionIds === void 0 ? void 0 : selectedCompanionIds.includes(item.id); }).map(function (companion) { return (react_1.default.createElement("li", { className: UserCompanionSelection_scss_1.default.userCompanionItem, key: companion.id },
+                    react_1.default.createElement("div", { className: UserCompanionSelection_scss_1.default.companionList },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", { className: UserCompanionSelection_scss_1.default.companionName },
+                                react_1.default.createElement("b", null, companion.name))),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(Remove_1.default, { color: "primary", onClick: function () {
+                                    userCompanionSelectionCallBack(companion.id, true);
+                                } }))))); }))))));
 };
 exports.default = UserCompanionSelection;
 
@@ -44655,14 +44642,8 @@ var PoiInfo = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [openTours]);
-    var poiTickets = poi.booking
-        .filter(function (book) {
-        return book.provider_id === TICKET_PROVIDER_ID && (book.product.info || []).includes(model_1.default.BOOKING_PRODUCT_INFO.TICKET);
-    })
-        .reverse();
-    var poiTours = poi.booking.filter(function (book) {
-        return book.provider_id === TOUR_PROVIDER_ID && !(book.product.info || []).includes(model_1.default.BOOKING_PRODUCT_INFO.TICKET);
-    });
+    var poiTickets = poi.booking.filter(function (book) { return book.provider_id === TICKET_PROVIDER_ID && (book.product.info || []).includes(model_1.default.BOOKING_PRODUCT_INFO.TICKET); }).reverse();
+    var poiTours = poi.booking.filter(function (book) { return book.provider_id === TOUR_PROVIDER_ID && !(book.product.info || []).includes(model_1.default.BOOKING_PRODUCT_INFO.TICKET); });
     var ACTION_FLAG;
     if (replace) {
         ACTION_FLAG = POI_CARD_ACTION.REPLACE; // replace poi with alternative
@@ -44707,19 +44688,15 @@ var PoiInfo = function (_a) {
                 } }))) : null,
         openTours && !hideTours && poiTickets.length > 0 ? (react_1.default.createElement("div", { className: "col col12 p5" },
             react_1.default.createElement("h2", { className: "mb1 mt3" }, "Buy Tickets"),
-            poiTickets.map(function (bookingProduct) {
-                return (react_1.default.createElement("div", { key: bookingProduct.product.id, className: "pt4" },
-                    react_1.default.createElement(TourRefCardProduct_1.default, { bookingProduct: bookingProduct.product, clicked: function () { return (getTourInfo ? getTourInfo(bookingProduct.product.id) : null); } })));
-            }))) : null,
+            poiTickets.map(function (bookingProduct) { return (react_1.default.createElement("div", { key: bookingProduct.product.id, className: "pt4" },
+                react_1.default.createElement(TourRefCardProduct_1.default, { bookingProduct: bookingProduct.product, clicked: function () { return (getTourInfo ? getTourInfo(bookingProduct.product.id) : null); } }))); }))) : null,
         openTours && !hideTours && poiTours.length > 0 ? (react_1.default.createElement("div", { className: "col col12 p5" },
             react_1.default.createElement("h2", { className: "mb1 mt3" }, "Join Local Tours"),
             react_1.default.createElement("span", { className: PoiInfo_scss_1.default.poiInfotourCardHeader },
                 "Covering ",
                 poi.name || ''),
-            poiTours.map(function (bookingProduct) {
-                return (react_1.default.createElement("div", { key: bookingProduct.product.id, className: "pt4" },
-                    react_1.default.createElement(TourRefCardProduct_1.default, { bookingProduct: bookingProduct.product, clicked: function () { return (getTourInfo ? getTourInfo(bookingProduct.product.id) : null); } })));
-            }))) : null));
+            poiTours.map(function (bookingProduct) { return (react_1.default.createElement("div", { key: bookingProduct.product.id, className: "pt4" },
+                react_1.default.createElement(TourRefCardProduct_1.default, { bookingProduct: bookingProduct.product, clicked: function () { return (getTourInfo ? getTourInfo(bookingProduct.product.id) : null); } }))); }))) : null));
 };
 exports.default = PoiInfo;
 
@@ -44748,9 +44725,7 @@ var ImgLazy_1 = __importDefault(__webpack_require__(19));
 var PoiInfoImage = function (_a) {
     /* const [fakeImg, setFakeImg] = useState<boolean>(true); */
     var poi = _a.poi, favorite = _a.favorite, _b = _a.hideButtons, hideButtons = _b === void 0 ? false : _b, favoriteClick = _a.favoriteClick, close = _a.close, favoriteLoading = _a.favoriteLoading, square = _a.square;
-    var images = poi.gallery.map(function (img) {
-        return { url: model_1.helper.imgUrl(img.url, 800), image_owner: img.image_owner };
-    });
+    var images = poi.gallery.map(function (img) { return ({ url: model_1.helper.imgUrl(img.url, 800), image_owner: img.image_owner }); });
     var favoriteIcon;
     if (favorite) {
         favoriteIcon = (react_1.default.createElement(FavoriteIconButton_1.default, { favorite: true, clicked: function () {
@@ -44764,13 +44739,14 @@ var PoiInfoImage = function (_a) {
     }
     return (react_1.default.createElement("div", { className: PoiInfoImage_scss_1.default.gallery },
         react_1.default.createElement(react_slick_1.default, { accessibility: true, slidesToShow: 1, slidesToScroll: 1, infinite: false, speed: 500, dots: true }, images.map(function (img, index) {
+            var _a, _b;
+            return (
             /* const myImage = new Image();
             myImage.src = img.url;
             myImage.onload = () => {
               setFakeImg(false);
             }; */
-            var _a, _b;
-            return (react_1.default.createElement("div", { className: PoiInfoImage_scss_1.default.content, key: img.url },
+            react_1.default.createElement("div", { className: PoiInfoImage_scss_1.default.content, key: img.url },
                 react_1.default.createElement("div", { tabIndex: index, className: square ? undefined : PoiInfoImage_scss_1.default.img },
                     react_1.default.createElement(ImgLazy_1.default, { objectFit: square ? 'cover' : 'contain', key: img.url, src: img.url, alt: "", x: 800, y: 800 })),
                 react_1.default.createElement("span", { className: PoiInfoImage_scss_1.default.imageOwner },
@@ -46456,7 +46432,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var Svg_1 = __importDefault(__webpack_require__(8));
 var Add = function (_a) {
     var fill = _a.fill, bgColor = _a.bgColor, size = _a.size;
-    return (react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }));
+    return react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" });
 };
 exports.default = Add;
 
@@ -46576,7 +46552,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var Svg_1 = __importDefault(__webpack_require__(8));
 var Remove = function (_a) {
     var fill = _a.fill, bgColor = _a.bgColor, size = _a.size;
-    return (react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }));
+    return react_1.default.createElement(Svg_1.default, { fill: fill, bgColor: bgColor, size: size, path: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" });
 };
 exports.default = Remove;
 
@@ -47281,9 +47257,7 @@ var BbTourInfoText = function (_a) {
                             react_1.default.createElement("input", { type: "checkbox", id: "description", className: BbTourInfoText_scss_1.default.bbTourInfoDescToggle }),
                             react_1.default.createElement("label", { htmlFor: "description", className: BbTourInfoText_scss_1.default.bbTourInfoDescContent }, activityInfo.shortDescription))))),
                 react_1.default.createElement("div", { className: "row mb2" },
-                    react_1.default.createElement("div", { className: "col col12" }, activityInfo.themes.map(function (category) {
-                        return (react_1.default.createElement("span", { key: "category-".concat(category, "}"), className: BbTourInfoText_scss_1.default.tourInfoCategories }, category));
-                    }))),
+                    react_1.default.createElement("div", { className: "col col12" }, activityInfo.themes.map(function (category) { return (react_1.default.createElement("span", { key: "category-".concat(category, "}"), className: BbTourInfoText_scss_1.default.tourInfoCategories }, category)); }))),
                 react_1.default.createElement("div", { className: "row mb2" },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Duration")),
@@ -47292,23 +47266,19 @@ var BbTourInfoText = function (_a) {
                 activityInfo.departures && (react_1.default.createElement("div", { className: "row mb2 ".concat(BbTourInfoText_scss_1.default.tourInfoAlign) },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Departures")),
-                    react_1.default.createElement("div", { className: "col col12 col10-m" }, activityInfo.departures.map(function (dp) {
-                        return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
-                            react_1.default.createElement("span", null,
-                                "\u2022 ",
-                                dp.point),
-                            react_1.default.createElement("br", null)));
-                    })))),
+                    react_1.default.createElement("div", { className: "col col12 col10-m" }, activityInfo.departures.map(function (dp) { return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
+                        react_1.default.createElement("span", null,
+                            "\u2022 ",
+                            dp.point),
+                        react_1.default.createElement("br", null))); })))),
                 activityInfo.destinations && (react_1.default.createElement("div", { className: "row mb2 ".concat(BbTourInfoText_scss_1.default.tourInfoAlign) },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Destinations")),
-                    react_1.default.createElement("div", { className: "col col12 col10-m" }, activityInfo.destinations.map(function (dp) {
-                        return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
-                            react_1.default.createElement("span", null,
-                                "\u2022 ",
-                                dp.point),
-                            react_1.default.createElement("br", null)));
-                    })))),
+                    react_1.default.createElement("div", { className: "col col12 col10-m" }, activityInfo.destinations.map(function (dp) { return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
+                        react_1.default.createElement("span", null,
+                            "\u2022 ",
+                            dp.point),
+                        react_1.default.createElement("br", null))); })))),
                 react_1.default.createElement("hr", { className: "mb6", style: { opacity: 0.2 } }),
                 react_1.default.createElement("div", { className: "row mb0" },
                     react_1.default.createElement("div", { className: "col col12" },
@@ -47316,7 +47286,9 @@ var BbTourInfoText = function (_a) {
                                 __html: "".concat(activityInfo.fullDescription
                                     .replace(/\[tick]/g, '&#10004;')
                                     .replace(/\[no tick]/g, '&#10006;')
-                                    .replace(/\[awards]/g, '')),
+                                    .replace(/\[awards]/g, '')
+                                    .replace(/_\|\|/g, ' ')
+                                    .replace(/\|\|/g, ' ')),
                             } })))))));
 };
 exports.default = BbTourInfoText;
@@ -59233,9 +59205,7 @@ var peopleCountOptions = [
 exports.peopleCountOptions = peopleCountOptions;
 var yelpHourRangeOptions = [];
 exports.yelpHourRangeOptions = yelpHourRangeOptions;
-model_1.helper.hourRange.forEach(function (h) {
-    return yelpHourRangeOptions.push({ value: "".concat(h, ":00") });
-});
+model_1.helper.hourRange.forEach(function (h) { return yelpHourRangeOptions.push({ value: "".concat(h, ":00") }); });
 
 
 /***/ }),
@@ -59289,9 +59259,7 @@ var OpeningsSelection = function (_a) {
         var reservationDateRange = [];
         openingTimes.every(function (o) { return reservationDateRange.push(+o.time.replace(/:/g, '')); });
         if (reservationDateRange.length > 0) {
-            var closedHour_1 = reservationDateRange.reduce(function (prev, curr) {
-                return Math.abs(curr - bookingHourNumber) < Math.abs(prev - bookingHourNumber) ? curr : prev;
-            });
+            var closedHour_1 = reservationDateRange.reduce(function (prev, curr) { return (Math.abs(curr - bookingHourNumber) < Math.abs(prev - bookingHourNumber) ? curr : prev); });
             var currentIndex = reservationDateRange.findIndex(function (hours) { return hours === closedHour_1; });
             if (currentIndex > 2) {
                 currentIndex -= 3;
@@ -59305,13 +59273,11 @@ var OpeningsSelection = function (_a) {
     };
     if (openingTimes && openingTimes.length > 0) {
         return (react_1.default.createElement("div", { className: "row" },
-            openingTimes.slice(getCurrentDayIndex(), getCurrentDayIndex() + limit).map(function (t) {
-                return (react_1.default.createElement("div", { key: t.time, className: "col col4 col2-m" },
-                    react_1.default.createElement(Button_1.default, { color: selectedHour === t.time ? 'disabled' : 'primary', text: t.time, className: OpeningsSelection_scss_1.default.openingSelectionButton, disabled: selectedHour === t.time, onClick: function () {
-                            clicked(t.time);
-                            setSelectedHour(t.time);
-                        } })));
-            }),
+            openingTimes.slice(getCurrentDayIndex(), getCurrentDayIndex() + limit).map(function (t) { return (react_1.default.createElement("div", { key: t.time, className: "col col4 col2-m" },
+                react_1.default.createElement(Button_1.default, { color: selectedHour === t.time ? 'disabled' : 'primary', text: t.time, className: OpeningsSelection_scss_1.default.openingSelectionButton, disabled: selectedHour === t.time, onClick: function () {
+                        clicked(t.time);
+                        setSelectedHour(t.time);
+                    } }))); }),
             react_1.default.createElement("div", { className: "col col12 center my2" },
                 react_1.default.createElement(Button_1.default, { color: "danger", size: "small", text: "Load More", onClick: function () { return setLimit(limit + 6); } }))));
     }
@@ -59651,9 +59617,7 @@ var ButterflyCardSlider = function (_a) {
             bodyClicked: function () { return bodyClicked(step); }, thumbsLoading: false }));
     };
     return (react_1.default.createElement("div", { className: ButterflyCardSlider_scss_1.default.butterflyCardSlider },
-        react_1.default.createElement(CardSlider_1.default, null, steps.map(function (step) {
-            return (react_1.default.createElement("div", { key: "butterfly-card-slider-".concat(step.step.id), className: ButterflyCardSlider_scss_1.default.butterflyCard }, card(step.step, step.dayIndex)));
-        }))));
+        react_1.default.createElement(CardSlider_1.default, null, steps.map(function (step) { return (react_1.default.createElement("div", { key: "butterfly-card-slider-".concat(step.step.id), className: ButterflyCardSlider_scss_1.default.butterflyCard }, card(step.step, step.dayIndex))); }))));
 };
 exports.default = ButterflyCardSlider;
 
@@ -60636,9 +60600,7 @@ var RadioButton = function (_a) {
         onChange(event.target.name);
     };
     var svg = checked ? react_1.default.createElement(RadioButton_1.RadioButtonChecked, { size: "1.25rem" }) : react_1.default.createElement(RadioButton_1.RadioButtonUnChecked, { size: "1.25rem" });
-    var memoizedUniqueDomId = (0, react_1.useMemo)(function () {
-        return "dropdown".concat(Math.random());
-    }, []);
+    var memoizedUniqueDomId = (0, react_1.useMemo)(function () { return "dropdown".concat(Math.random()); }, []);
     return (react_1.default.createElement("label", { className: RadioButton_scss_1.default.radioButton, htmlFor: memoizedUniqueDomId, style: style },
         react_1.default.createElement("span", { className: RadioButton_scss_1.default.span1 },
             react_1.default.createElement("input", { id: memoizedUniqueDomId, name: domId, checked: checked, type: "radio", onChange: handleRadioButtonSelectedChange }),
@@ -62313,7 +62275,7 @@ var GoogleMaps = function (_a) {
           setLegs([]);
           return null;
         } */
-        var poIdOrderRef = steps.reduce(function (previousValue, currentValue) { return "".concat(previousValue, ",").concat(currentValue.poi.id); }, 'poIdOrderRef');
+        var poIdOrderRef = steps.reduce(function (previousValue, currentValue) { return "".concat(previousValue, ",").concat(currentValue.poi.id || currentValue.poi.name); }, 'poIdOrderRef');
         var coordinates = steps.map(function (s) { return s.poi.coordinate; });
         return react_1.default.createElement(GRoute_1.default, { coordinates: coordinates, poIdOrderRef: poIdOrderRef, setLegs: setLegs });
     }, [setLegs, steps]);
@@ -62537,22 +62499,18 @@ var GRoute = function (_a) {
             setLegs([]);
         }
     }, [coordinates.length, poIdOrderRef, setLegs]);
-    var optionDriving = (0, react_1.useMemo)(function () {
-        return {
-            travelMode: google.maps.TravelMode.DRIVING,
-            origin: coordinates[0],
-            destination: coordinates[coordinates.length - 1],
-            waypoints: coordinates.slice(1, coordinates.length - 1).map(function (c) { return ({ location: new google.maps.LatLng(c.lat, c.lng) }); }),
-        };
-    }, [coordinates]);
-    var optionWalking = (0, react_1.useMemo)(function () {
-        return {
-            travelMode: google.maps.TravelMode.WALKING,
-            origin: coordinates[0],
-            destination: coordinates[coordinates.length - 1],
-            waypoints: coordinates.slice(1, coordinates.length - 1).map(function (c) { return ({ location: new google.maps.LatLng(c.lat, c.lng) }); }),
-        };
-    }, [coordinates]);
+    var optionDriving = (0, react_1.useMemo)(function () { return ({
+        travelMode: google.maps.TravelMode.DRIVING,
+        origin: coordinates[0],
+        destination: coordinates[coordinates.length - 1],
+        waypoints: coordinates.slice(1, coordinates.length - 1).map(function (c) { return ({ location: new google.maps.LatLng(c.lat, c.lng) }); }),
+    }); }, [coordinates]);
+    var optionWalking = (0, react_1.useMemo)(function () { return ({
+        travelMode: google.maps.TravelMode.WALKING,
+        origin: coordinates[0],
+        destination: coordinates[coordinates.length - 1],
+        waypoints: coordinates.slice(1, coordinates.length - 1).map(function (c) { return ({ location: new google.maps.LatLng(c.lat, c.lng) }); }),
+    }); }, [coordinates]);
     var callbackGRouteResponse = (0, react_1.useCallback)(function (result, status, travelMode) {
         // eslint-disable-next-line no-console
         // check for request google roure direction callback
@@ -63159,9 +63117,7 @@ var GygTourInfoText_scss_1 = __importDefault(__webpack_require__(623));
 var GygTourInfoText = function (_a) {
     var tour = _a.tour;
     var excludeCategoryIds = [18];
-    var categories = tour.categories.filter(function (category) {
-        return (!tour.categories.find(function (c) { return c.parent_id === category.category_id; }) && !excludeCategoryIds.includes(category.parent_id ? category.parent_id : 0));
-    });
+    var categories = tour.categories.filter(function (category) { return !tour.categories.find(function (c) { return c.parent_id === category.category_id; }) && !excludeCategoryIds.includes(category.parent_id ? category.parent_id : 0); });
     var splitInfo = function (info) {
         if (info) {
             var splittedInfo = info.split(/\r\n|\n|\r/);
@@ -63178,9 +63134,7 @@ var GygTourInfoText = function (_a) {
                             react_1.default.createElement("input", { type: "checkbox", id: "description", className: GygTourInfoText_scss_1.default.gygTourInfoDescToggle }),
                             react_1.default.createElement("label", { htmlFor: "description", className: GygTourInfoText_scss_1.default.gygTourInfoDescContent }, tour.description))))),
                 react_1.default.createElement("div", { className: "row mb2" },
-                    react_1.default.createElement("div", { className: "col col12" }, categories.map(function (category) {
-                        return (react_1.default.createElement("span", { key: "category-".concat(category.category_id, "}"), className: GygTourInfoText_scss_1.default.tourInfoCategories }, category.name));
-                    }))),
+                    react_1.default.createElement("div", { className: "col col12" }, categories.map(function (category) { return (react_1.default.createElement("span", { key: "category-".concat(category.category_id, "}"), className: GygTourInfoText_scss_1.default.tourInfoCategories }, category.name)); }))),
                 react_1.default.createElement("hr", { className: "mb6", style: { opacity: 0.2 } }),
                 react_1.default.createElement("div", { className: "row mb2 ".concat(GygTourInfoText_scss_1.default.tourInfoAlign) },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
@@ -63189,55 +63143,43 @@ var GygTourInfoText = function (_a) {
                 react_1.default.createElement("div", { className: "row mb2" },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Duration")),
-                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.durations.map(function (duration) {
-                        return react_1.default.createElement("span", { key: "duration-".concat(duration.duration) }, "".concat(duration.duration, "  ").concat(duration.unit, " "));
-                    }))),
+                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.durations.map(function (duration) { return (react_1.default.createElement("span", { key: "duration-".concat(duration.duration) }, "".concat(duration.duration, "  ").concat(duration.unit, " "))); }))),
                 tour.highlights && (react_1.default.createElement("div", { className: "row mb2 ".concat(GygTourInfoText_scss_1.default.tourInfoAlign) },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Highlights")),
-                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.highlights.map(function (highlight) {
-                        return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
-                            react_1.default.createElement("span", null,
-                                "\u2022 ",
-                                highlight),
-                            react_1.default.createElement("br", null)));
-                    })))),
+                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.highlights.map(function (highlight) { return (react_1.default.createElement("div", { key: "highlight-".concat(Math.random()) },
+                        react_1.default.createElement("span", null,
+                            "\u2022 ",
+                            highlight),
+                        react_1.default.createElement("br", null))); })))),
                 react_1.default.createElement("div", { className: "row mb2 ".concat(GygTourInfoText_scss_1.default.tourInfoAlign) },
                     react_1.default.createElement("div", { className: "col col12 col2-m" },
                         react_1.default.createElement("h4", null, "Places")),
-                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.locations.map(function (location) {
-                        return (react_1.default.createElement("div", { key: "places-".concat(location.location_id, "-").concat(Math.random()) },
-                            react_1.default.createElement("span", null,
-                                "\u2022 ",
-                                location.name),
-                            react_1.default.createElement("br", null)));
-                    }))),
+                    react_1.default.createElement("div", { className: "col col12 col10-m" }, tour.locations.map(function (location) { return (react_1.default.createElement("div", { key: "places-".concat(location.location_id, "-").concat(Math.random()) },
+                        react_1.default.createElement("span", null,
+                            "\u2022 ",
+                            location.name),
+                        react_1.default.createElement("br", null))); }))),
                 tour.inclusions && (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("hr", { className: "mb6", style: { opacity: 0.2 } }),
                     react_1.default.createElement("div", { className: "row mb0" },
                         react_1.default.createElement("div", { className: "col col12" },
                             react_1.default.createElement("h3", null, "What's included?"),
-                            splitInfo(tour.inclusions).map(function (inclusion) {
-                                return (react_1.default.createElement("div", { key: "inclusions-".concat(Math.random()) },
-                                    react_1.default.createElement("span", null, inclusion),
-                                    react_1.default.createElement("br", null)));
-                            }))))),
+                            splitInfo(tour.inclusions).map(function (inclusion) { return (react_1.default.createElement("div", { key: "inclusions-".concat(Math.random()) },
+                                react_1.default.createElement("span", null, inclusion),
+                                react_1.default.createElement("br", null))); }))))),
                 tour.exclusions && (react_1.default.createElement("div", { className: "row mb0" },
                     react_1.default.createElement("div", { className: "col col12" },
                         react_1.default.createElement("h3", null, "What's excluded?"),
-                        splitInfo(tour.exclusions).map(function (exclusion) {
-                            return (react_1.default.createElement("div", { key: "exclusions-".concat(Math.random()) },
-                                react_1.default.createElement("span", null, exclusion),
-                                react_1.default.createElement("br", null)));
-                        })))),
+                        splitInfo(tour.exclusions).map(function (exclusion) { return (react_1.default.createElement("div", { key: "exclusions-".concat(Math.random()) },
+                            react_1.default.createElement("span", null, exclusion),
+                            react_1.default.createElement("br", null))); })))),
                 tour.additional_information && (react_1.default.createElement("div", { className: "row mb0" },
                     react_1.default.createElement("div", { className: "col col12" },
                         react_1.default.createElement("h3", null, "Additional Info"),
-                        splitInfo(tour.additional_information).map(function (info) {
-                            return (react_1.default.createElement("div", { key: "additional_information-".concat(Math.random()) },
-                                react_1.default.createElement("span", null, info),
-                                react_1.default.createElement("br", null)));
-                        })))),
+                        splitInfo(tour.additional_information).map(function (info) { return (react_1.default.createElement("div", { key: "additional_information-".concat(Math.random()) },
+                            react_1.default.createElement("span", null, info),
+                            react_1.default.createElement("br", null))); })))),
                 tour.cancellation_policy_text && (react_1.default.createElement("div", { className: "row mb0" },
                     react_1.default.createElement("div", { className: "col col12" },
                         react_1.default.createElement("h3", null, "Cancellation Policy"),
@@ -63275,12 +63217,10 @@ var GygTourInfoImage = function (_a) {
     var tourImg = tourImage.map(function (picture) { return picture.url; });
     var formattedImg = model_1.helper.getYourGuideImageArrayFormat(tourImg, '146'); // 798px-532px	3:2
     return (react_1.default.createElement("div", { className: GygTourInfoImage_scss_1.default.gygTourInfoGallery },
-        react_1.default.createElement(react_slick_1.default, { accessibility: true, slidesToShow: 1, slidesToScroll: 1, infinite: false, speed: 500, dots: true }, formattedImg.map(function (imgUrl, index) {
-            return (react_1.default.createElement("div", { className: GygTourInfoImage_scss_1.default.gygTourInfoImageContent, key: imgUrl },
-                react_1.default.createElement("div", { tabIndex: index, className: GygTourInfoImage_scss_1.default.gygTourInfoImg },
-                    react_1.default.createElement("div", { className: GygTourInfoImage_scss_1.default.gygTourInfoImgDiv, style: { backgroundImage: "url(".concat(imgUrl, ")") } },
-                        react_1.default.createElement("svg", { viewBox: "0 0 798 532" })))));
-        }))));
+        react_1.default.createElement(react_slick_1.default, { accessibility: true, slidesToShow: 1, slidesToScroll: 1, infinite: false, speed: 500, dots: true }, formattedImg.map(function (imgUrl, index) { return (react_1.default.createElement("div", { className: GygTourInfoImage_scss_1.default.gygTourInfoImageContent, key: imgUrl },
+            react_1.default.createElement("div", { tabIndex: index, className: GygTourInfoImage_scss_1.default.gygTourInfoImg },
+                react_1.default.createElement("div", { className: GygTourInfoImage_scss_1.default.gygTourInfoImgDiv, style: { backgroundImage: "url(".concat(imgUrl, ")") } },
+                    react_1.default.createElement("svg", { viewBox: "0 0 798 532" }))))); }))));
 };
 exports.default = GygTourInfoImage;
 
@@ -63468,8 +63408,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var model_1 = __webpack_require__(4);
 var react_1 = __importStar(__webpack_require__(0));
-var GygTourOption_scss_1 = __importDefault(__webpack_require__(630));
 var moment_1 = __importDefault(__webpack_require__(1));
+var GygTourOption_scss_1 = __importDefault(__webpack_require__(630));
 var Button_1 = __importDefault(__webpack_require__(7));
 var TextField_1 = __importDefault(__webpack_require__(17));
 var RSelect_1 = __importDefault(__webpack_require__(36));
@@ -63484,7 +63424,7 @@ var GygTourOption = function (_a) {
     var savingRate = (_d = tourOption.price.values.special) === null || _d === void 0 ? void 0 : _d.savings;
     if (savingRate) {
         var savingPrice = Number(((totalPrice / 100) * savingRate).toFixed(2));
-        totalPrice = totalPrice - savingPrice;
+        totalPrice -= savingPrice;
     }
     var _e = (0, react_1.useState)([]), bookingParameteres = _e[0], setBookingParameters = _e[1];
     var addToChart = function () {
@@ -63525,19 +63465,19 @@ var GygTourOption = function (_a) {
                 if (tourOption.cond_language.language_audio.length > 0) {
                     tourOption.cond_language.language_audio.forEach(function (lo) {
                         var _a;
-                        languageOptionArray_1.push({ type: 'language_audio', language: lo, label: ((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name) + '(Audio)' });
+                        languageOptionArray_1.push({ type: 'language_audio', language: lo, label: "".concat(((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name) || '', "(Audio)") });
                     });
                 }
                 if (tourOption.cond_language.language_booklet.length > 0) {
                     tourOption.cond_language.language_booklet.forEach(function (lo) {
                         var _a;
-                        languageOptionArray_1.push({ type: 'language_booklet', language: lo, label: ((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name) + '(Booklet)' });
+                        languageOptionArray_1.push({ type: 'language_booklet', language: lo, label: "".concat(((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name) || '', "(Booklet)") });
                     });
                 }
                 if (tourOption.cond_language.language_live.length > 0) {
                     tourOption.cond_language.language_live.forEach(function (lo) {
                         var _a;
-                        languageOptionArray_1.push({ type: 'language_live', language: lo, label: ((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name) + '(Live)' });
+                        languageOptionArray_1.push({ type: 'language_live', language: lo, label: "".concat((_a = isoLanguages_1.isoLanguages.find(function (iso) { return iso.code === lo; })) === null || _a === void 0 ? void 0 : _a.name, "(Live)") });
                     });
                 }
                 return (react_1.default.createElement("div", { className: "row mt2 mb0" },
@@ -64144,7 +64084,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 /* import loaing from './img/loading1.gif'; */
 var Loading_scss_1 = __importDefault(__webpack_require__(641));
-var Loading = function () { return (react_1.default.createElement("div", { className: Loading_scss_1.default.loading })); };
+var Loading = function () { return react_1.default.createElement("div", { className: Loading_scss_1.default.loading }); };
 exports.default = Loading;
 
 
@@ -64299,10 +64239,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 var PreLoading_1 = __importDefault(__webpack_require__(13));
 var PageLoading_scss_1 = __importDefault(__webpack_require__(649));
-var PageLoading = function () {
-    return (react_1.default.createElement("div", { className: PageLoading_scss_1.default.pageLoadimg },
-        react_1.default.createElement(PreLoading_1.default, { bgColor: "rgba(238, 238, 238, 0.8)" })));
-};
+var PageLoading = function () { return (react_1.default.createElement("div", { className: PageLoading_scss_1.default.pageLoadimg },
+    react_1.default.createElement(PreLoading_1.default, { bgColor: "rgba(238, 238, 238, 0.8)" }))); };
 exports.default = PageLoading;
 
 
@@ -64332,12 +64270,10 @@ var PlanChangeDay = function (_a) {
     var options = _a.options, defaultIndex = _a.defaultIndex, onDayChange = _a.onDayChange;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: PlanChangeDay_scss_1.default.dropdown },
-            react_1.default.createElement(Dropdown_1.default, { id: "planChangeDayDropdown", options: options === null || options === void 0 ? void 0 : options.map(function (planRef) {
-                    return {
-                        key: planRef.id,
-                        value: "Day ".concat(options.findIndex(function (o) { return o.id === planRef.id; }) + 1, ", ").concat((0, moment_1.default)(planRef.date).format('MMM DD')),
-                    };
-                }), defaultValue: "Day ".concat(defaultIndex + 1, ", ").concat((0, moment_1.default)(options[defaultIndex].date).format('MMM DD')), selectChange: function (value, index) {
+            react_1.default.createElement(Dropdown_1.default, { id: "planChangeDayDropdown", options: options === null || options === void 0 ? void 0 : options.map(function (planRef) { return ({
+                    key: planRef.id,
+                    value: "Day ".concat(options.findIndex(function (o) { return o.id === planRef.id; }) + 1, ", ").concat((0, moment_1.default)(planRef.date).format('MMM DD')),
+                }); }), defaultValue: "Day ".concat(defaultIndex + 1, ", ").concat((0, moment_1.default)(options[defaultIndex].date).format('MMM DD')), selectChange: function (value, index) {
                     onDayChange(index);
                 } }))));
 };
@@ -64396,54 +64332,44 @@ var PoiCategories = function (_a) {
         react_1.default.createElement("ul", null,
             categories
                 .filter(function (category) { return category.group === model_1.default.POI_CATEGORY_GROUP.ATTRACTION; })
-                .map(function (categoryItem) {
-                return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
-                    react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
-                            click(categoryItem.ids);
-                            setSelectedCategoryIndex(0);
-                        }, onKeyDown: function () { } },
-                        react_1.default.createElement("div", { className: selectedCategoryIndex === 0 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group))));
-            }),
+                .map(function (categoryItem) { return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
+                react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
+                        click(categoryItem.ids);
+                        setSelectedCategoryIndex(0);
+                    }, onKeyDown: function () { } },
+                    react_1.default.createElement("div", { className: selectedCategoryIndex === 0 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group)))); }),
             categories
                 .filter(function (category) { return category.group === model_1.default.POI_CATEGORY_GROUP.RESTAURANT; })
-                .map(function (categoryItem) {
-                return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
-                    react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
-                            click(categoryItem.ids);
-                            setSelectedCategoryIndex(1);
-                        }, onKeyDown: function () { } },
-                        react_1.default.createElement("div", { className: selectedCategoryIndex === 1 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group))));
-            }),
+                .map(function (categoryItem) { return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
+                react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
+                        click(categoryItem.ids);
+                        setSelectedCategoryIndex(1);
+                    }, onKeyDown: function () { } },
+                    react_1.default.createElement("div", { className: selectedCategoryIndex === 1 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group)))); }),
             categories
                 .filter(function (category) { return category.group === model_1.default.POI_CATEGORY_GROUP.CAFE; })
-                .map(function (categoryItem) {
-                return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
-                    react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
-                            click(categoryItem.ids);
-                            setSelectedCategoryIndex(2);
-                        }, onKeyDown: function () { } },
-                        react_1.default.createElement("div", { className: selectedCategoryIndex === 2 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group))));
-            }),
+                .map(function (categoryItem) { return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
+                react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
+                        click(categoryItem.ids);
+                        setSelectedCategoryIndex(2);
+                    }, onKeyDown: function () { } },
+                    react_1.default.createElement("div", { className: selectedCategoryIndex === 2 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group)))); }),
             categories
                 .filter(function (category) { return category.group === model_1.default.POI_CATEGORY_GROUP.NIGHTLIFE; })
-                .map(function (categoryItem) {
-                return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
-                    react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
-                            click(categoryItem.ids);
-                            setSelectedCategoryIndex(3);
-                        }, onKeyDown: function () { } },
-                        react_1.default.createElement("div", { className: selectedCategoryIndex === 3 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group))));
-            }),
+                .map(function (categoryItem) { return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
+                react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
+                        click(categoryItem.ids);
+                        setSelectedCategoryIndex(3);
+                    }, onKeyDown: function () { } },
+                    react_1.default.createElement("div", { className: selectedCategoryIndex === 3 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group)))); }),
             categories
                 .filter(function (category) { return category.group === model_1.default.POI_CATEGORY_GROUP.UNKNOWN; })
-                .map(function (categoryItem) {
-                return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
-                    react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
-                            click(categoryItem.ids);
-                            setSelectedCategoryIndex(4);
-                        }, onKeyDown: function () { } },
-                        react_1.default.createElement("div", { className: selectedCategoryIndex === 4 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group))));
-            }),
+                .map(function (categoryItem) { return (react_1.default.createElement("li", { key: "".concat(categoryItem.ids, "_").concat(Math.random()) },
+                react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
+                        click(categoryItem.ids);
+                        setSelectedCategoryIndex(4);
+                    }, onKeyDown: function () { } },
+                    react_1.default.createElement("div", { className: selectedCategoryIndex === 4 ? PoiCategories_scss_1.default.selectedItem : PoiCategories_scss_1.default.categoryItemText }, categoryItem.group)))); }),
             mustTry ? (react_1.default.createElement("li", { key: "taste_".concat(Math.random()) },
                 react_1.default.createElement("div", { role: "button", tabIndex: 0, className: PoiCategories_scss_1.default.categoryItem, onClick: function () {
                         click([0]);
@@ -64794,14 +64720,12 @@ var SearchThisArea = function (_a) {
                 }, onKeyDown: function () { }, tabIndex: 0, role: "button" }, clearButtonText)) : (react_1.default.createElement("div", { className: SearchThisArea_scss_1.default.button, onClick: function () {
                     setShowCategoryList(!showCategoryList);
                 }, onKeyDown: function () { }, tabIndex: 0, role: "button" }, showCategoryList ? 'Cancel' : 'Search This Area')),
-            showCategoryList ? (react_1.default.createElement("ul", { className: SearchThisArea_scss_1.default.categoryList }, model_1.helper.getCategoryGroups(categoryList).map(function (categoryGroup) {
-                return (react_1.default.createElement("li", { className: SearchThisArea_scss_1.default.category, onKeyPress: function () { }, role: "presentation", key: categoryGroup.group, 
-                    // value={categoryGroup.id}
-                    onClick: function () {
-                        setShowCategoryList(false);
-                        selectList(categoryGroup.ids);
-                    } }, categoryGroup.group));
-            }))) : null)));
+            showCategoryList ? (react_1.default.createElement("ul", { className: SearchThisArea_scss_1.default.categoryList }, model_1.helper.getCategoryGroups(categoryList).map(function (categoryGroup) { return (react_1.default.createElement("li", { className: SearchThisArea_scss_1.default.category, onKeyPress: function () { }, role: "presentation", key: categoryGroup.group, 
+                // value={categoryGroup.id}
+                onClick: function () {
+                    setShowCategoryList(false);
+                    selectList(categoryGroup.ids);
+                } }, categoryGroup.group)); }))) : null)));
 };
 exports.default = SearchThisArea;
 
@@ -65672,10 +65596,8 @@ var MustTryPois_scss_1 = __importDefault(__webpack_require__(698));
 var MustTryPois = function (_a) {
     var pois = _a.pois, poiClicked = _a.poiClicked;
     return (react_1.default.createElement("div", { className: MustTryPois_scss_1.default.mustTryPois },
-        react_1.default.createElement("ul", null, pois.slice(0, 10).map(function (poi) {
-            return (react_1.default.createElement("li", { key: poi.id },
-                react_1.default.createElement(PoiRefCard_1.default, { poiCardClicked: poiClicked, addRemoveAlternativePoi: function () { }, poi: poi })));
-        }))));
+        react_1.default.createElement("ul", null, pois.slice(0, 10).map(function (poi) { return (react_1.default.createElement("li", { key: poi.id },
+            react_1.default.createElement(PoiRefCard_1.default, { poiCardClicked: poiClicked, addRemoveAlternativePoi: function () { }, poi: poi }))); }))));
 };
 exports.default = MustTryPois;
 
@@ -66220,83 +66142,79 @@ var UserCompanions = function (_a) {
                         react_1.default.createElement("h6", null,
                             react_1.default.createElement("b", null, "Edit / Delete"))))),
             react_1.default.createElement("tbody", null,
-                companions.map(function (companion) {
-                    return (react_1.default.createElement(react_1.Fragment, { key: companion.id }, companion.id === (editableCompanion === null || editableCompanion === void 0 ? void 0 : editableCompanion.id) ? (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("tr", { key: companion.id },
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement(Dropdown_1.default, { options: model_1.helper.companionTitleOptions, defaultValue: editableCompanion.title, selectChange: function (value) {
-                                        var newEditableCompanion = __assign({}, editableCompanion);
-                                        newEditableCompanion.title = value;
-                                        setEditableCompanion(newEditableCompanion);
-                                        setIsCompanionChanged(true);
-                                    } })),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement(TextField_1.default, { name: "companionName", value: editableCompanion.name, onChange: function (event) {
-                                        var newEditableCompanion = __assign({}, editableCompanion);
-                                        newEditableCompanion.name = event.target.value;
-                                        setEditableCompanion(newEditableCompanion);
-                                        setIsCompanionChanged(true);
-                                    } })),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement(NumberInput_1.default, { defaultValue: editableCompanion.age || 1, minValue: 1, maxValue: 100, onchange: function (value) {
+                companions.map(function (companion) { return (react_1.default.createElement(react_1.Fragment, { key: companion.id }, companion.id === (editableCompanion === null || editableCompanion === void 0 ? void 0 : editableCompanion.id) ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("tr", { key: companion.id },
+                        react_1.default.createElement("td", null,
+                            react_1.default.createElement(Dropdown_1.default, { options: model_1.helper.companionTitleOptions, defaultValue: editableCompanion.title, selectChange: function (value) {
+                                    var newEditableCompanion = __assign({}, editableCompanion);
+                                    newEditableCompanion.title = value;
+                                    setEditableCompanion(newEditableCompanion);
+                                    setIsCompanionChanged(true);
+                                } })),
+                        react_1.default.createElement("td", null,
+                            react_1.default.createElement(TextField_1.default, { name: "companionName", value: editableCompanion.name, onChange: function (event) {
+                                    var newEditableCompanion = __assign({}, editableCompanion);
+                                    newEditableCompanion.name = event.target.value;
+                                    setEditableCompanion(newEditableCompanion);
+                                    setIsCompanionChanged(true);
+                                } })),
+                        react_1.default.createElement("td", null,
+                            react_1.default.createElement(NumberInput_1.default, { defaultValue: editableCompanion.age || 1, minValue: 1, maxValue: 100, onchange: function (value) {
+                                    var newEditableCompanion = __assign({}, editableCompanion);
+                                    newEditableCompanion.age = value;
+                                    setEditableCompanion(newEditableCompanion);
+                                    setIsCompanionChanged(true);
+                                } })),
+                        react_1.default.createElement("td", null,
+                            react_1.default.createElement("div", { className: UserCompanions_scss_1.default.userCompanionButtons },
+                                react_1.default.createElement(Check_1.default, { color: !editableCompanion.name.trim() || !editableCompanion.age ? 'disabled' : 'primary', disabled: !editableCompanion.name.trim() || !editableCompanion.age, onClick: function () {
+                                        if (isCompanionChanged) {
+                                            editCompanion(editableCompanion);
+                                        }
+                                        setIsCompanionChanged(false);
+                                        setEditableCompanion(undefined);
+                                    } }),
+                                react_1.default.createElement(Cancel_1.default, { color: "primary", onClick: function () {
+                                        setEditableCompanion(undefined);
+                                        setIsCompanionChanged(false);
+                                    } })))),
+                    react_1.default.createElement("tr", null,
+                        react_1.default.createElement("td", { colSpan: 4, style: { padding: '0' } },
+                            react_1.default.createElement("div", { className: "row mb5" }, questions.map(function (question) { return (react_1.default.createElement("div", { className: "col col12" },
+                                react_1.default.createElement(QuestionTemplate_1.default, { question: question, answers: editableCompanion.answers, callbackAnswers: function (selectedAnswers) {
                                         var newEditableCompanion = __assign({}, editableCompanion);
-                                        newEditableCompanion.age = value;
+                                        newEditableCompanion.answers = selectedAnswers;
                                         setEditableCompanion(newEditableCompanion);
                                         setIsCompanionChanged(true);
-                                    } })),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: UserCompanions_scss_1.default.userCompanionButtons },
-                                    react_1.default.createElement(Check_1.default, { color: !editableCompanion.name.trim() || !editableCompanion.age ? 'disabled' : 'primary', disabled: !editableCompanion.name.trim() || !editableCompanion.age, onClick: function () {
-                                            if (isCompanionChanged) {
-                                                editCompanion(editableCompanion);
-                                            }
+                                    } }))); })))))) : (react_1.default.createElement("tr", null, companionLoadingList.includes(companion.id) ? (react_1.default.createElement("td", { colSpan: 4 },
+                    react_1.default.createElement(PreLoading_1.default, { bgColor: "rgba(238, 238, 238, 0.8)" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("td", null, companion.title),
+                    react_1.default.createElement("td", null, companion.name),
+                    react_1.default.createElement("td", null, companion.age),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("div", { className: UserCompanions_scss_1.default.userCompanionButtons },
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement(Edit_1.default, { color: "primary", onClick: function () {
+                                        if (companion.trips.length > 0) {
+                                            showWarningMessage(true);
+                                        }
+                                        else {
+                                            showWarningMessage(false);
+                                            setEditableCompanion(companion);
                                             setIsCompanionChanged(false);
-                                            setEditableCompanion(undefined);
-                                        } }),
-                                    react_1.default.createElement(Cancel_1.default, { color: "primary", onClick: function () {
-                                            setEditableCompanion(undefined);
+                                        }
+                                    } })),
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement(Delete_1.default, { color: "primary", onClick: function () {
+                                        if (companion.trips.length > 0) {
+                                            showWarningMessage(true);
+                                        }
+                                        else {
+                                            showWarningMessage(false);
+                                            deleteCompanion(companion.id);
                                             setIsCompanionChanged(false);
-                                        } })))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", { colSpan: 4, style: { padding: '0' } },
-                                react_1.default.createElement("div", { className: "row mb5" }, questions.map(function (question) {
-                                    return (react_1.default.createElement("div", { className: "col col12" },
-                                        react_1.default.createElement(QuestionTemplate_1.default, { question: question, answers: editableCompanion.answers, callbackAnswers: function (selectedAnswers) {
-                                                var newEditableCompanion = __assign({}, editableCompanion);
-                                                newEditableCompanion.answers = selectedAnswers;
-                                                setEditableCompanion(newEditableCompanion);
-                                                setIsCompanionChanged(true);
-                                            } })));
-                                })))))) : (react_1.default.createElement("tr", null, companionLoadingList.includes(companion.id) ? (react_1.default.createElement("td", { colSpan: 4 },
-                        react_1.default.createElement(PreLoading_1.default, { bgColor: "rgba(238, 238, 238, 0.8)" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("td", null, companion.title),
-                        react_1.default.createElement("td", null, companion.name),
-                        react_1.default.createElement("td", null, companion.age),
-                        react_1.default.createElement("td", null,
-                            react_1.default.createElement("div", { className: UserCompanions_scss_1.default.userCompanionButtons },
-                                react_1.default.createElement("div", null,
-                                    react_1.default.createElement(Edit_1.default, { color: "primary", onClick: function () {
-                                            if (companion.trips.length > 0) {
-                                                showWarningMessage(true);
-                                            }
-                                            else {
-                                                showWarningMessage(false);
-                                                setEditableCompanion(companion);
-                                                setIsCompanionChanged(false);
-                                            }
-                                        } })),
-                                react_1.default.createElement("div", null,
-                                    react_1.default.createElement(Delete_1.default, { color: "primary", onClick: function () {
-                                            if (companion.trips.length > 0) {
-                                                showWarningMessage(true);
-                                            }
-                                            else {
-                                                showWarningMessage(false);
-                                                deleteCompanion(companion.id);
-                                                setIsCompanionChanged(false);
-                                            }
-                                        } }))))))))));
-                }),
+                                        }
+                                    } })))))))))); }),
                 companions.length === 0 ? (react_1.default.createElement("tr", null,
                     react_1.default.createElement("td", { className: UserCompanions_scss_1.default.emptyMessage, colSpan: 4 }, "No companions yet."))) : null))));
 };