@roomstay/frontend 2.1.6 → 2.1.8

package/dist/src/components/steps/room/roomFilter/RoomFilterOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterOverlay.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Color } from '@/util/Color';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { Room } from '@/models/Room/Room';\nimport { useEffect, useState, useContext } from 'react';\nimport RoomFilterPriceSlider from '@/components/steps/room/roomFilter/RoomFilterPriceSlider';\nimport Filter from '@/models/Room/Filters/Filter';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport FilterProvider from '@/providers/FilterProvider';\nimport RoomFilterRateType from '@/components/steps/room/roomFilter/RoomFilterRateType';\nimport RoomFilterRoomType from '@/components/steps/room/roomFilter/RoomFilterRoomType';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface RoomFilterProps {\n    anchorEl: any;\n    filter?: () => Room[];\n    open: boolean;\n\n    onClose?: () => void;\n}\n\nexport default function RoomFilterOverlay(props: RoomFilterProps) {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const [filters, setFilters] = useState<any>(context.currentFilters);\n    const [roomList, setRoomList] = useState<Room[]>([]);\n\n    useEffect(() => {\n        setFilters({ ...context.currentFilters });\n\n        if (props.open) {\n            const allRows = basketContext.getAllValidRows();\n\n            FilterProvider.getUnfilteredRoomList(basketContext.selectedBasketRow ?? allRows[allRows.length - 1], hotel.hotelID).then((rooms) => {\n                setRoomList(rooms);\n            });\n        }\n    }, [props.open]);\n\n    const applyChangesOnClickHandler = () => {\n        DataLayer.instance.sendInteraction('Apply Filters', InteractionType.BUTTON, InteractionStep.ROOMS);\n\n        context.setCurrentFilters(filters);\n        props.onClose();\n    };\n\n    const stickyFooter = (\n        <div className=\"u-flex align-items-center justify-content-between justify-content-md-end\">\n            <div className=\"u-marg-right--heavy\">\n                <Text color={Color.Accent}>\n                    <strong>\n                        {FilterProvider.filterRooms(roomList, Object.values(filters)).length} {t(Translation.Step.Room.Filter.MatchingRoomsRates)}\n                    </strong>\n                </Text>\n            </div>\n            <BEButton primary={true} filled={true} onClick={applyChangesOnClickHandler}>\n                {t(Translation.Misc.ApplyChanges)}\n            </BEButton>\n        </div>\n    );\n    const updateFilters = (name: string, filter: Filter) => {\n        setFilters((oldFilters: any) => ({\n            ...oldFilters,\n            [name]: filter,\n        }));\n    };\n    const onPriceSliderChangeHandler = (filter: any) => {\n        return updateFilters('Budget', filter);\n    };\n    const onFilterTypeChangeHandler = (filter: any) => {\n        return updateFilters('RoomType', filter);\n    };\n    const onFilterRateChangeHandler = (filter: any) => {\n        return updateFilters('RateType', filter);\n    };\n    const filterInside = (\n        <div className=\"room-filter\">\n            <div className=\"u-pad--heavy u-pad-bottom--none\">\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"u-marg-bottom\">\n                        <Headline bold={true}>{t(Translation.Step.Room.FilterBy)}</Headline>\n                    </div>\n                )}\n                <div className=\"row\">\n                    <div className=\"col-md-6\">\n                        <RoomFilterPriceSlider filter={filters.Budget} onChange={onPriceSliderChangeHandler} roomList={roomList} />\n                        <div className=\"u-marg-bottom--heavy\">\n                            <RoomFilterRoomType roomList={roomList} filter={filters.RoomType} onChange={onFilterTypeChangeHandler} />\n                        </div>\n                    </div>\n                    <div className=\"col-md-6\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <RoomFilterRateType roomList={roomList} filter={filters.RateType} onChange={onFilterRateChangeHandler} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n    if (context.screenSize > ScreenSize.Medium) {\n        return (\n            <Overlay followElement={props.anchorEl} onClose={props.onClose} open={props.open} placement={'bottom-start'}>\n                <>\n                    {filterInside}\n                    <div className=\"u-pad--heavy u-pad-top--none\">\n                        <LineBreak />\n                        {stickyFooter}\n                    </div>\n                </>\n            </Overlay>\n        );\n    } else {\n        return (\n            <SimpleModal open={props.open} onClose={props.onClose} title={'Filter'} mobileFooter={stickyFooter}>\n                {filterInside}\n            </SimpleModal>\n        );\n    }\n}\n"]}
+{"version":3,"file":"RoomFilterOverlay.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Color } from '@/util/Color';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { Room } from '@/models/Room/Room';\nimport { useEffect, useState, useContext } from 'react';\nimport RoomFilterPriceSlider from '@/components/steps/room/roomFilter/RoomFilterPriceSlider';\nimport Filter from '@/models/Room/Filters/Filter';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport FilterProvider from '@/providers/FilterProvider';\nimport RoomFilterRateType from '@/components/steps/room/roomFilter/RoomFilterRateType';\nimport RoomFilterRoomType from '@/components/steps/room/roomFilter/RoomFilterRoomType';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface RoomFilterProps {\n    anchorEl: any;\n    filter?: () => Room[];\n    open: boolean;\n\n    onClose?: () => void;\n}\n\nexport default function RoomFilterOverlay(props: RoomFilterProps) {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const [filters, setFilters] = useState<any>(context.currentFilters);\n    const [roomList, setRoomList] = useState<Room[]>([]);\n\n    useEffect(() => {\n        setFilters({ ...context.currentFilters });\n\n        if (props.open) {\n            const allRows = basketContext.getAllValidRows();\n\n            FilterProvider.getUnfilteredRoomList(basketContext.selectedBasketRow ?? allRows[allRows.length - 1], hotel?.hotelID as string).then((rooms) => {\n                setRoomList(rooms as Room[]);\n            });\n        }\n    }, [props.open]);\n\n    const applyChangesOnClickHandler = () => {\n        DataLayer.instance.sendInteraction('Apply Filters', InteractionType.BUTTON, InteractionStep.ROOMS);\n\n        context.setCurrentFilters(filters);\n        props.onClose?.();\n    };\n\n    const stickyFooter = (\n        <div className=\"u-flex align-items-center justify-content-between justify-content-md-end\">\n            <div className=\"u-marg-right--heavy\">\n                <Text color={Color.Accent}>\n                    <strong>\n                        {FilterProvider.filterRooms(roomList, Object.values(filters)).length} {t(Translation.Step.Room.Filter.MatchingRoomsRates)}\n                    </strong>\n                </Text>\n            </div>\n            <BEButton primary filled onClick={applyChangesOnClickHandler}>\n                {t(Translation.Misc.ApplyChanges)}\n            </BEButton>\n        </div>\n    );\n    const updateFilters = (name: string, filter: Filter) => {\n        setFilters((oldFilters: any) => ({\n            ...oldFilters,\n            [name]: filter,\n        }));\n    };\n    const onPriceSliderChangeHandler = (filter: any) => {\n        return updateFilters('Budget', filter);\n    };\n    const onFilterTypeChangeHandler = (filter: any) => {\n        return updateFilters('RoomType', filter);\n    };\n    const onFilterRateChangeHandler = (filter: any) => {\n        return updateFilters('RateType', filter);\n    };\n    const filterInside = (\n        <div className=\"room-filter\">\n            <div className=\"u-pad--heavy u-pad-bottom--none\">\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"u-marg-bottom\">\n                        <Headline bold>{t(Translation.Step.Room.FilterBy)}</Headline>\n                    </div>\n                )}\n                <div className=\"row\">\n                    <div className=\"col-md-6\">\n                        <RoomFilterPriceSlider filter={filters.Budget} onChange={onPriceSliderChangeHandler} roomList={roomList} />\n                        <div className=\"u-marg-bottom--heavy\">\n                            <RoomFilterRoomType roomList={roomList} filter={filters.RoomType} onChange={onFilterTypeChangeHandler} />\n                        </div>\n                    </div>\n                    <div className=\"col-md-6\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <RoomFilterRateType roomList={roomList} filter={filters.RateType} onChange={onFilterRateChangeHandler} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n    if (context.screenSize > ScreenSize.Medium) {\n        return (\n            <Overlay followElement={props.anchorEl} onClose={props.onClose} open={props.open} placement=\"bottom-start\">\n                <>\n                    {filterInside}\n                    <div className=\"u-pad--heavy u-pad-top--none\">\n                        <LineBreak />\n                        {stickyFooter}\n                    </div>\n                </>\n            </Overlay>\n        );\n    } else {\n        return (\n            <SimpleModal open={props.open} onClose={props.onClose} title=\"Filter\" mobileFooter={stickyFooter}>\n                {filterInside}\n            </SimpleModal>\n        );\n    }\n}\n"]}

package/dist/src/components/steps/room/roomFilter/RoomFilterPriceSlider.d.ts

@@ -3,7 +3,7 @@ import { Room } from '../../../../models/Room/Room';
 interface RoomFilterPriceSliderProps {
     filter: BudgetFilter;
     roomList: Room[];
-    onChange: (filter: BudgetFilter) => void;
+    onChange: (filter: BudgetFilter | null) => void;
 }
 export default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterPriceSlider.js

@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const Currency_1 = __importDefault(require("../../../generic/Currency"));
 const Color_1 = require("../../../../util/Color");
 const Text_1 = __importStar(require("../../../generic/Text"));
@@ -36,7 +35,7 @@ const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const BudgetFilter_1 = __importDefault(require("../../../../models/Room/Filters/BudgetFilter"));
 const SmallSpinner_1 = __importDefault(require("../../../generic/loader/SmallSpinner"));
-const cx = __importStar(require("classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const Slider_1 = require("../../../generic/Slider/Slider");
 function RoomFilterPriceSlider(props) {
     var _a, _b, _c, _d, _e;
@@ -50,7 +49,7 @@ function RoomFilterPriceSlider(props) {
             ? props.roomList.reduce((total, room) => {
                 const roomLowest = room.getLowestPrice(true);
                 return total < roomLowest && total ? total : roomLowest;
-            }, null)
+            }, 0)
             : 0;
         const max = ((_b = props.roomList) === null || _b === void 0 ? void 0 : _b.length)
             ? props.roomList.reduce((total, room) => {
@@ -77,19 +76,19 @@ function RoomFilterPriceSlider(props) {
         }
     }, [range]);
     const currencyObj = (value, disableLoading = false) => {
-        return (React.createElement(Currency_1.default, { hideDecimals: true, disableLoading: true }, value));
+        return (react_1.default.createElement(Currency_1.default, { hideDecimals: true, disableLoading: true }, value));
     };
     const budgetMarks = [
         {
-            label: (React.createElement("span", { className: "be-slider-label --start", style: { color: Color_1.Color.Grey } }, currencyObj(rangeDefaults[0]))),
+            label: (react_1.default.createElement("span", { className: "be-slider-label --start", style: { color: Color_1.Color.Grey } }, currencyObj(rangeDefaults[0]))),
             value: rangeDefaults[0],
         },
         {
-            label: (React.createElement("span", { className: "be-slider-label", style: { color: Color_1.Color.Grey } }, currencyObj(rangeDefaults[1]))),
+            label: (react_1.default.createElement("span", { className: "be-slider-label", style: { color: Color_1.Color.Grey } }, currencyObj(rangeDefaults[1]))),
             value: rangeDefaults[1],
         },
         {
-            label: (React.createElement("span", { className: "be-slider-label --main" },
+            label: (react_1.default.createElement("span", { className: "be-slider-label --main" },
                 currencyObj(range[0]),
                 " - ",
                 currencyObj(range[1]))),
@@ -118,7 +117,7 @@ function RoomFilterPriceSlider(props) {
         },
         {
             isVisible: false,
-            label: (React.createElement(React.Fragment, null,
+            label: (react_1.default.createElement(react_1.default.Fragment, null,
                 currencyObj(range[0]),
                 " - ",
                 currencyObj(range[1]))),
@@ -139,26 +138,26 @@ function RoomFilterPriceSlider(props) {
             isEdge: 'end',
         },
     ];
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-flex" },
-            React.createElement("div", null,
-                React.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
-                    React.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.Budget))),
-                React.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-flex" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
+                    react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.Budget))),
+                react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
                     "/",
                     t(Translation_1.Translation.Misc.PerNight))),
-            React.createElement("div", null,
-                React.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: resetOnClickHandler }, t(Translation_1.Translation.Misc.Clear)))),
-        ((_e = props.roomList) === null || _e === void 0 ? void 0 : _e.length) > 0 ? (React.createElement("div", { className: cx('roomstay-slider', {
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: resetOnClickHandler }, t(Translation_1.Translation.Misc.Clear)))),
+        ((_e = props.roomList) === null || _e === void 0 ? void 0 : _e.length) > 0 ? (react_1.default.createElement("div", { className: (0, classnames_1.default)('roomstay-slider', {
                 '--min-limit': peaksReached === 'left',
                 '--max-limit': peaksReached === 'right',
             }) },
-            React.createElement(Slider_1.Slider, { min: rangeDefaults[0], max: rangeDefaults[1], onChange: handleBudgetChange, 
+            react_1.default.createElement(Slider_1.Slider, { min: rangeDefaults[0], max: rangeDefaults[1], onChange: handleBudgetChange, 
                 // onChangeCommitted={handleBudgetCommittedChange}
                 // aria-labelledby="track-false-range-slider"
                 // value={range}
-                markers: markers, backgroundMarkers: backgroundMarkers }))) : (React.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
-            React.createElement(SmallSpinner_1.default, null)))));
+                markers: markers, backgroundMarkers: backgroundMarkers }))) : (react_1.default.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
+            react_1.default.createElement(SmallSpinner_1.default, null)))));
 }
 exports.default = RoomFilterPriceSlider;
 //# sourceMappingURL=RoomFilterPriceSlider.js.map

package/dist/src/components/steps/room/roomFilter/RoomFilterPriceSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterPriceSlider.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterPriceSlider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport Currency from '@/components/generic/Currency';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport BudgetFilter from '@/models/Room/Filters/BudgetFilter';\nimport { Room } from '@/models/Room/Room';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\nimport * as cx from 'classnames';\nimport { BackgroundMarkerType, MarkerType, Slider } from '@/components/generic/Slider/Slider';\n\ninterface RoomFilterPriceSliderProps {\n    filter: BudgetFilter;\n    roomList: Room[];\n    onChange: (filter: BudgetFilter) => void;\n}\n\nexport default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps) {\n    const { t } = useTranslation();\n\n    const [rangeDefaults, setRangeDefaults] = useState([props.filter?.getMin() ?? 0, props.filter?.getMax() ?? 0]);\n    const [range, setRange] = useState(rangeDefaults);\n\n    const [peaksReached, setPeaksReached] = useState<'left' | 'right'>(null);\n\n    useEffect(() => {\n        const min: any = props.roomList?.length\n            ? props.roomList.reduce((total: number, room: Room): any => {\n                  const roomLowest = room.getLowestPrice(true);\n                  return total < roomLowest && total ? total : roomLowest;\n              }, null)\n            : 0;\n        const max: any = props.roomList?.length\n            ? props.roomList.reduce((total: number, room: Room): any => {\n                  const roomHighest = room.getHighestPrice(true);\n                  return total > roomHighest && total ? total : roomHighest;\n              }, 0)\n            : 0;\n\n        setRangeDefaults([min, max]);\n        setRange([props.filter?.getMin() ?? min, props.filter?.getMax() ?? max]);\n    }, [props.roomList]);\n\n    useEffect(() => {\n        const rangeDifference = rangeDefaults[1] - rangeDefaults[0];\n\n        // Basically we're checking if the RIGHT slider (max) is within 1.2x of the smallest value\n        // and if LEFT slider (min) is within .8 of the largest value. This will hopefully allow us to transform the label\n        // away from the edges, to avoid overlapping\n        if (range[1] < rangeDefaults[0] + rangeDifference * 0.3) {\n            setPeaksReached('left');\n        } else if (range[0] > rangeDefaults[1] - rangeDifference * 0.3) {\n            setPeaksReached('right');\n        } else {\n            setPeaksReached(null);\n        }\n    }, [range]);\n\n    const currencyObj = (value: any, disableLoading = false) => {\n        return (\n            <Currency hideDecimals={true} disableLoading={true}>\n                {value}\n            </Currency>\n        );\n    };\n\n    const budgetMarks = [\n        {\n            label: (\n                <span className=\"be-slider-label --start\" style={{ color: Color.Grey }}>\n                    {currencyObj(rangeDefaults[0])}\n                </span>\n            ),\n            value: rangeDefaults[0],\n        },\n        {\n            label: (\n                <span className=\"be-slider-label\" style={{ color: Color.Grey }}>\n                    {currencyObj(rangeDefaults[1])}\n                </span>\n            ),\n            value: rangeDefaults[1],\n        },\n        {\n            label: (\n                <span className=\"be-slider-label --main\">\n                    {currencyObj(range[0])} - {currencyObj(range[1])}\n                </span>\n            ),\n            value: (range[1] - range[0]) / 2 + range[0],\n        },\n    ];\n\n    const handleBudgetChange = (newValue: MarkerType[]) => {\n        setRange(newValue.map((value) => value.value));\n        props.onChange(new BudgetFilter(newValue[0].value, newValue[1].value));\n    };\n\n    const reset = () => {\n        setRange(rangeDefaults);\n        props.onChange(null);\n    };\n    const resetOnClickHandler = () => {\n        return reset();\n    };\n\n    const markers: MarkerType[] = [\n        {\n            isVisible: true,\n            value: range[0],\n        },\n        {\n            isVisible: true,\n            value: range[1],\n        },\n        {\n            isVisible: false,\n            label: (\n                <>\n                    {currencyObj(range[0])} - {currencyObj(range[1])}\n                </>\n            ),\n            value: range[0] + (range[1] - range[0]) / 2,\n        },\n    ];\n\n    const backgroundMarkers: BackgroundMarkerType[] = [\n        {\n            isVisible: true,\n            value: rangeDefaults[0],\n            label: currencyObj(rangeDefaults[0]),\n            isEdge: 'start',\n        },\n        {\n            isVisible: true,\n            value: rangeDefaults[1],\n            label: currencyObj(rangeDefaults[1]),\n            isEdge: 'end',\n        },\n    ];\n\n    return (\n        <>\n            <div className=\"u-flex\">\n                <div>\n                    <Text inline={true} type={TextType.Small}>\n                        <strong>{t(Translation.Step.Room.Filter.Budget)}</strong>\n                    </Text>\n                    <Text inline={true} type={TextType.Small}>\n                        /{t(Translation.Misc.PerNight)}\n                    </Text>\n                </div>\n                <div>\n                    <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={resetOnClickHandler}>\n                        {t(Translation.Misc.Clear)}\n                    </BEButton>\n                </div>\n            </div>\n            {props.roomList?.length > 0 ? (\n                <div\n                    className={cx('roomstay-slider', {\n                        '--min-limit': peaksReached === 'left',\n                        '--max-limit': peaksReached === 'right',\n                    })}\n                >\n                    <Slider\n                        min={rangeDefaults[0]}\n                        max={rangeDefaults[1]}\n                        onChange={handleBudgetChange}\n                        // onChangeCommitted={handleBudgetCommittedChange}\n                        // aria-labelledby=\"track-false-range-slider\"\n                        // value={range}\n                        markers={markers}\n                        backgroundMarkers={backgroundMarkers}\n                    />\n                </div>\n            ) : (\n                <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                    <SmallSpinner />\n                </div>\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomFilterPriceSlider.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterPriceSlider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Currency from '@/components/generic/Currency';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport BudgetFilter from '@/models/Room/Filters/BudgetFilter';\nimport { Room } from '@/models/Room/Room';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport classNames from 'classnames';\nimport { BackgroundMarkerType, MarkerType, Slider } from '@/components/generic/Slider/Slider';\n\ninterface RoomFilterPriceSliderProps {\n    filter: BudgetFilter;\n    roomList: Room[];\n    onChange: (filter: BudgetFilter | null) => void;\n}\n\nexport default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps) {\n    const { t } = useTranslation();\n\n    const [rangeDefaults, setRangeDefaults] = useState([props.filter?.getMin() ?? 0, props.filter?.getMax() ?? 0]);\n    const [range, setRange] = useState(rangeDefaults);\n\n    const [peaksReached, setPeaksReached] = useState<'left' | 'right' | null>(null);\n\n    useEffect(() => {\n        const min: any = props.roomList?.length\n            ? props.roomList.reduce<number>((total: number, room: Room): any => {\n                  const roomLowest = room.getLowestPrice(true);\n                  return total < roomLowest && total ? total : roomLowest;\n              }, 0)\n            : 0;\n        const max: any = props.roomList?.length\n            ? props.roomList.reduce<number>((total: number, room: Room): any => {\n                  const roomHighest = room.getHighestPrice(true);\n                  return total > roomHighest && total ? total : roomHighest;\n              }, 0)\n            : 0;\n\n        setRangeDefaults([min, max]);\n        setRange([props.filter?.getMin() ?? min, props.filter?.getMax() ?? max]);\n    }, [props.roomList]);\n\n    useEffect(() => {\n        const rangeDifference = rangeDefaults[1] - rangeDefaults[0];\n\n        // Basically we're checking if the RIGHT slider (max) is within 1.2x of the smallest value\n        // and if LEFT slider (min) is within .8 of the largest value. This will hopefully allow us to transform the label\n        // away from the edges, to avoid overlapping\n        if (range[1] < rangeDefaults[0] + rangeDifference * 0.3) {\n            setPeaksReached('left');\n        } else if (range[0] > rangeDefaults[1] - rangeDifference * 0.3) {\n            setPeaksReached('right');\n        } else {\n            setPeaksReached(null);\n        }\n    }, [range]);\n\n    const currencyObj = (value: any, disableLoading = false) => {\n        return (\n            <Currency hideDecimals disableLoading>\n                {value}\n            </Currency>\n        );\n    };\n\n    const budgetMarks = [\n        {\n            label: (\n                <span className=\"be-slider-label --start\" style={{ color: Color.Grey }}>\n                    {currencyObj(rangeDefaults[0])}\n                </span>\n            ),\n            value: rangeDefaults[0],\n        },\n        {\n            label: (\n                <span className=\"be-slider-label\" style={{ color: Color.Grey }}>\n                    {currencyObj(rangeDefaults[1])}\n                </span>\n            ),\n            value: rangeDefaults[1],\n        },\n        {\n            label: (\n                <span className=\"be-slider-label --main\">\n                    {currencyObj(range[0])} - {currencyObj(range[1])}\n                </span>\n            ),\n            value: (range[1] - range[0]) / 2 + range[0],\n        },\n    ];\n\n    const handleBudgetChange = (newValue: MarkerType[]) => {\n        setRange(newValue.map((value) => value.value));\n        props.onChange(new BudgetFilter(newValue[0].value, newValue[1].value));\n    };\n\n    const reset = () => {\n        setRange(rangeDefaults);\n        props.onChange(null);\n    };\n    const resetOnClickHandler = () => {\n        return reset();\n    };\n\n    const markers: MarkerType[] = [\n        {\n            isVisible: true,\n            value: range[0],\n        },\n        {\n            isVisible: true,\n            value: range[1],\n        },\n        {\n            isVisible: false,\n            label: (\n                <>\n                    {currencyObj(range[0])} - {currencyObj(range[1])}\n                </>\n            ),\n            value: range[0] + (range[1] - range[0]) / 2,\n        },\n    ];\n\n    const backgroundMarkers: BackgroundMarkerType[] = [\n        {\n            isVisible: true,\n            value: rangeDefaults[0],\n            label: currencyObj(rangeDefaults[0]),\n            isEdge: 'start',\n        },\n        {\n            isVisible: true,\n            value: rangeDefaults[1],\n            label: currencyObj(rangeDefaults[1]),\n            isEdge: 'end',\n        },\n    ];\n\n    return (\n        <>\n            <div className=\"u-flex\">\n                <div>\n                    <Text inline type={TextType.Small}>\n                        <strong>{t(Translation.Step.Room.Filter.Budget)}</strong>\n                    </Text>\n                    <Text inline type={TextType.Small}>\n                        /{t(Translation.Misc.PerNight)}\n                    </Text>\n                </div>\n                <div>\n                    <BEButton size=\"tiny\" isText disabled={!props.filter} onClick={resetOnClickHandler}>\n                        {t(Translation.Misc.Clear)}\n                    </BEButton>\n                </div>\n            </div>\n            {props.roomList?.length > 0 ? (\n                <div\n                    className={classNames('roomstay-slider', {\n                        '--min-limit': peaksReached === 'left',\n                        '--max-limit': peaksReached === 'right',\n                    })}\n                >\n                    <Slider\n                        min={rangeDefaults[0]}\n                        max={rangeDefaults[1]}\n                        onChange={handleBudgetChange}\n                        // onChangeCommitted={handleBudgetCommittedChange}\n                        // aria-labelledby=\"track-false-range-slider\"\n                        // value={range}\n                        markers={markers}\n                        backgroundMarkers={backgroundMarkers}\n                    />\n                </div>\n            ) : (\n                <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                    <SmallSpinner />\n                </div>\n            )}\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.d.ts

@@ -3,7 +3,7 @@ import { Room } from '../../../../models/Room/Room';
 interface RoomFilterRateTypeProps {
     filter: RateTypeFilter;
     roomList: Room[];
-    onChange: (filter: RateTypeFilter) => void;
+    onChange: (filter: RateTypeFilter | null) => void;
 }
 export default function RoomFilterRateType(props: RoomFilterRateTypeProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.js

@@ -26,22 +26,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const RateTypeFilter_1 = __importDefault(require("../../../../models/Room/Filters/RateTypeFilter"));
 const Text_1 = __importStar(require("../../../generic/Text"));
 const Translation_1 = require("translations/Translation");
 const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Checkbox_1 = __importDefault(require("../../../generic/Checkbox/Checkbox"));
-const react_1 = require("react");
+const react_2 = require("react");
 const SmallSpinner_1 = __importDefault(require("../../../generic/loader/SmallSpinner"));
 function RoomFilterRateType(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [selectedRates, setSelectedRates] = (0, react_1.useState)({});
-    const [resetCounter, setResetCounter] = (0, react_1.useState)(0);
-    const obj = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    const [selectedRates, setSelectedRates] = (0, react_2.useState)({});
+    const [resetCounter, setResetCounter] = (0, react_2.useState)(0);
+    const obj = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
         if (props.roomList) {
             const rateTypes = {};
             const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;
@@ -53,7 +53,7 @@ function RoomFilterRateType(props) {
             setSelectedRates(rateTypes);
         }
     }, [props.roomList, resetCounter]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         var _a;
         if (!(obj === null || obj === void 0 ? void 0 : obj.current) || !((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length))
             return;
@@ -70,22 +70,22 @@ function RoomFilterRateType(props) {
         props.onChange(null);
         setResetCounter((old) => old + 1);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-flex u-marg-bottom", ref: obj },
-            React.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
-                React.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.RateType))),
-            React.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: resetCounterOnClick }, t(Translation_1.Translation.Misc.Clear))),
-        React.createElement("div", null, ((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (selectedRates &&
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-flex u-marg-bottom", ref: obj },
+            react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
+                react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.RateType))),
+            react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: resetCounterOnClick }, t(Translation_1.Translation.Misc.Clear))),
+        react_1.default.createElement("div", null, ((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (selectedRates &&
             Object.keys(selectedRates).map((selectedRateKey) => {
                 const onChangeHandler = (value) => {
                     const oldRates = Object.assign({}, selectedRates);
                     oldRates[selectedRateKey].status = value.target.checked;
                     setSelectedRates(oldRates);
                 };
-                return (React.createElement("div", { className: "u-marg-bottom--light", key: selectedRateKey },
-                    React.createElement(Checkbox_1.default, { label: selectedRateKey, checked: selectedRates[selectedRateKey].status, onChange: onChangeHandler })));
-            })) : (React.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
-            React.createElement(SmallSpinner_1.default, null))))));
+                return (react_1.default.createElement("div", { className: "u-marg-bottom--light", key: selectedRateKey },
+                    react_1.default.createElement(Checkbox_1.default, { label: selectedRateKey, checked: selectedRates[selectedRateKey].status, onChange: onChangeHandler })));
+            })) : (react_1.default.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
+            react_1.default.createElement(SmallSpinner_1.default, null))))));
 }
 exports.default = RoomFilterRateType;
 //# sourceMappingURL=RoomFilterRateType.js.map

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterRateType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRateType.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport RateTypeFilter from '@/models/Room/Filters/RateTypeFilter';\nimport { Room } from '@/models/Room/Room';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { useState, useEffect, useRef } from 'react';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRateTypeProps {\n    filter: RateTypeFilter;\n    roomList: Room[];\n    onChange: (filter: RateTypeFilter) => void;\n}\n\ninterface RoomFilterRateTypeStatusType {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRateType(props: RoomFilterRateTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRates, setSelectedRates] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const rateTypes: RoomFilterRateTypeStatusType = {};\n            const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;\n\n            props.roomList.forEach((room) => {\n                room.getOriginalRates().forEach((rate) => {\n                    rateTypes[rate.name] = { status: viewOnlyFilter ? viewOnlyFilter.includes(rate.name) : true };\n                });\n            });\n\n            setSelectedRates(rateTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n\n        const allRates = Object.keys(selectedRates);\n        const rates = allRates.filter((name) => selectedRates[name].status);\n\n        if (allRates.length === rates.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RateTypeFilter(rates));\n        }\n    }, [selectedRates]);\n    const resetCounterOnClick = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RateType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={resetCounterOnClick}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRates &&\n                    Object.keys(selectedRates).map((selectedRateKey) => {\n                        const onChangeHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRates = { ...selectedRates };\n                            oldRates[selectedRateKey].status = value.target.checked;\n                            setSelectedRates(oldRates);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRateKey}>\n                                <Checkbox label={selectedRateKey} checked={selectedRates[selectedRateKey].status} onChange={onChangeHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomFilterRateType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRateType.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport RateTypeFilter from '@/models/Room/Filters/RateTypeFilter';\nimport { Room } from '@/models/Room/Room';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { useState, useEffect, useRef } from 'react';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRateTypeProps {\n    filter: RateTypeFilter;\n    roomList: Room[];\n    onChange: (filter: RateTypeFilter | null) => void;\n}\n\ninterface RoomFilterRateTypeStatusType {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRateType(props: RoomFilterRateTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRates, setSelectedRates] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (props.roomList) {\n            const rateTypes: RoomFilterRateTypeStatusType = {};\n            const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;\n\n            props.roomList.forEach((room) => {\n                room.getOriginalRates().forEach((rate) => {\n                    rateTypes[rate.name] = { status: viewOnlyFilter ? viewOnlyFilter.includes(rate.name) : true };\n                });\n            });\n\n            setSelectedRates(rateTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n\n        const allRates = Object.keys(selectedRates);\n        const rates = allRates.filter((name) => selectedRates[name].status);\n\n        if (allRates.length === rates.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RateTypeFilter(rates));\n        }\n    }, [selectedRates]);\n    const resetCounterOnClick = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom\" ref={obj}>\n                <Text inline type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RateType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText disabled={!props.filter} onClick={resetCounterOnClick}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRates &&\n                    Object.keys(selectedRates).map((selectedRateKey) => {\n                        const onChangeHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRates = { ...selectedRates };\n                            oldRates[selectedRateKey].status = value.target.checked;\n                            setSelectedRates(oldRates);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRateKey}>\n                                <Checkbox label={selectedRateKey} checked={selectedRates[selectedRateKey].status} onChange={onChangeHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.d.ts

@@ -3,7 +3,7 @@ import RoomTypeFilter from '../../../../models/Room/Filters/RoomTypeFilter';
 interface RoomFilterRoomTypeProps {
     roomList: Room[];
     filter: RoomTypeFilter;
-    onChange: (filter: RoomTypeFilter) => void;
+    onChange: (filter: RoomTypeFilter | null) => void;
 }
 export default function RoomFilterRoomType(props: RoomFilterRoomTypeProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.js

@@ -26,34 +26,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const RoomTypeFilter_1 = __importDefault(require("../../../../models/Room/Filters/RoomTypeFilter"));
 const Text_1 = __importStar(require("../../../generic/Text"));
 const Translation_1 = require("translations/Translation");
 const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Checkbox_1 = __importDefault(require("../../../generic/Checkbox/Checkbox"));
-const react_1 = require("react");
+const react_2 = require("react");
 const SmallSpinner_1 = __importDefault(require("../../../generic/loader/SmallSpinner"));
 function RoomFilterRoomType(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [selectedRooms, setSelectedRooms] = (0, react_1.useState)({});
-    const [resetCounter, setResetCounter] = (0, react_1.useState)(0);
-    const obj = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    const [selectedRooms, setSelectedRooms] = (0, react_2.useState)({});
+    const [resetCounter, setResetCounter] = (0, react_2.useState)(0);
+    const obj = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
         if (props.roomList) {
             const roomTypes = {};
             const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;
             props.roomList.forEach((room) => {
-                roomTypes[room.name] = { status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name) || visibleRoomsFilter.includes(room.code) : true };
+                roomTypes[room.name] = {
+                    status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name) || visibleRoomsFilter.includes(room.code) : true,
+                };
             });
             setSelectedRooms(roomTypes);
         }
     }, [props.roomList, resetCounter]);
     const allRooms = Object.keys(selectedRooms);
     const rooms = allRooms.filter((name) => selectedRooms[name].status);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         var _a;
         if (!(obj === null || obj === void 0 ? void 0 : obj.current) || !((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length))
             return;
@@ -68,22 +70,22 @@ function RoomFilterRoomType(props) {
         props.onChange(null);
         setResetCounter((old) => old + 1);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-flex u-marg-bottom u-marg-top--heavy", ref: obj },
-            React.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
-                React.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.RoomType))),
-            React.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: clearOnClickHandler }, t(Translation_1.Translation.Misc.Clear))),
-        React.createElement("div", null, ((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (selectedRooms &&
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-flex u-marg-bottom u-marg-top--heavy", ref: obj },
+            react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small },
+                react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.Filter.RoomType))),
+            react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, disabled: !props.filter, onClick: clearOnClickHandler }, t(Translation_1.Translation.Misc.Clear))),
+        react_1.default.createElement("div", null, ((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (selectedRooms &&
             Object.keys(selectedRooms).map((selectedRoomKey) => {
                 const onChangeCheckboxHandler = (value) => {
                     const oldRooms = Object.assign({}, selectedRooms);
                     oldRooms[selectedRoomKey].status = value.target.checked;
                     setSelectedRooms(oldRooms);
                 };
-                return (React.createElement("div", { className: "u-marg-bottom--light", key: selectedRoomKey },
-                    React.createElement(Checkbox_1.default, { label: selectedRoomKey, checked: selectedRooms[selectedRoomKey].status, onChange: onChangeCheckboxHandler })));
-            })) : (React.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
-            React.createElement(SmallSpinner_1.default, null))))));
+                return (react_1.default.createElement("div", { className: "u-marg-bottom--light", key: selectedRoomKey },
+                    react_1.default.createElement(Checkbox_1.default, { label: selectedRoomKey, checked: selectedRooms[selectedRoomKey].status, onChange: onChangeCheckboxHandler })));
+            })) : (react_1.default.createElement("div", { className: "u-marg-top-bottom u-flex justify-content-center" },
+            react_1.default.createElement(SmallSpinner_1.default, null))))));
 }
 exports.default = RoomFilterRoomType;
 //# sourceMappingURL=RoomFilterRoomType.js.map

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterRoomType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRoomType.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Room } from '@/models/Room/Room';\nimport RoomTypeFilter from '@/models/Room/Filters/RoomTypeFilter';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { useState, useRef, useEffect } from 'react';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRoomTypeProps {\n    roomList: Room[];\n    filter: RoomTypeFilter;\n    onChange: (filter: RoomTypeFilter) => void;\n}\n\ninterface RoomFilterRoomTypeStatus {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRoomType(props: RoomFilterRoomTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRooms, setSelectedRooms] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const roomTypes: RoomFilterRoomTypeStatus = {};\n            const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;\n\n            props.roomList.forEach((room) => {\n                roomTypes[room.name] = { status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name) || visibleRoomsFilter.includes(room.code) : true };\n            });\n\n            setSelectedRooms(roomTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    const allRooms = Object.keys(selectedRooms);\n    const rooms = allRooms.filter((name) => selectedRooms[name].status);\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n        if (rooms.length === allRooms.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RoomTypeFilter(rooms));\n        }\n    }, [selectedRooms]);\n    const clearOnClickHandler = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom u-marg-top--heavy\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RoomType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={clearOnClickHandler}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRooms &&\n                    Object.keys(selectedRooms).map((selectedRoomKey) => {\n                        const onChangeCheckboxHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRooms = { ...selectedRooms };\n                            oldRooms[selectedRoomKey].status = value.target.checked;\n                            setSelectedRooms(oldRooms);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRoomKey}>\n                                <Checkbox label={selectedRoomKey} checked={selectedRooms[selectedRoomKey].status} onChange={onChangeCheckboxHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomFilterRoomType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRoomType.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Room } from '@/models/Room/Room';\nimport RoomTypeFilter from '@/models/Room/Filters/RoomTypeFilter';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { useState, useRef, useEffect } from 'react';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRoomTypeProps {\n    roomList: Room[];\n    filter: RoomTypeFilter;\n    onChange: (filter: RoomTypeFilter | null) => void;\n}\n\ninterface RoomFilterRoomTypeStatus {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRoomType(props: RoomFilterRoomTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRooms, setSelectedRooms] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (props.roomList) {\n            const roomTypes: RoomFilterRoomTypeStatus = {};\n            const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;\n\n            props.roomList.forEach((room) => {\n                roomTypes[room.name as string] = {\n                    status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name as string) || visibleRoomsFilter.includes(room.code as string) : true,\n                };\n            });\n\n            setSelectedRooms(roomTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    const allRooms = Object.keys(selectedRooms);\n    const rooms = allRooms.filter((name) => selectedRooms[name].status);\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n        if (rooms.length === allRooms.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RoomTypeFilter(rooms));\n        }\n    }, [selectedRooms]);\n    const clearOnClickHandler = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom u-marg-top--heavy\" ref={obj}>\n                <Text inline type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RoomType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText disabled={!props.filter} onClick={clearOnClickHandler}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRooms &&\n                    Object.keys(selectedRooms).map((selectedRoomKey) => {\n                        const onChangeCheckboxHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRooms = { ...selectedRooms };\n                            oldRooms[selectedRoomKey].status = value.target.checked;\n                            setSelectedRooms(oldRooms);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRoomKey}>\n                                <Checkbox label={selectedRoomKey} checked={selectedRooms[selectedRoomKey].status} onChange={onChangeCheckboxHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/summary/BEMapWidget.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="google.maps" />
 /// <reference types="googlemaps" />
-import * as React from 'react';
+import React from 'react';
 export interface MapProps {
     mapLatLng?: google.maps.LatLng | google.maps.LatLngLiteral;
     isFullScreen?: boolean;

package/dist/src/components/summary/BEMapWidget.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_wrapper_1 = require("@googlemaps/react-wrapper");
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
 const SimpleModal_1 = __importStar(require("../generic/modal/SimpleModal"));
@@ -35,29 +35,31 @@ const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayT
 const hooks_1 = require("../../hooks/index.js");
 const SmallSpinner_1 = __importDefault(require("../generic/loader/SmallSpinner"));
 function BEMapWidget({ mapLatLng, isFullScreen }) {
-    const ref = (0, react_1.useRef)();
-    const [map, setMap] = (0, react_1.useState)();
+    const ref = (0, react_2.useRef)(null);
+    const [map, setMap] = (0, react_2.useState)();
     const mapStyle = [
         {
             featureType: 'poi.business',
             stylers: [{ visibility: 'off' }],
         },
     ];
-    (0, react_1.useEffect)(() => {
-        const map = new window.google.maps.Map(ref.current, {
-            center: mapLatLng,
-            zoom: 15,
-            styles: mapStyle,
-        });
-        setMap(map);
+    (0, react_2.useEffect)(() => {
+        if (ref.current) {
+            const map = new window.google.maps.Map(ref.current, {
+                center: mapLatLng,
+                zoom: 15,
+                styles: mapStyle,
+            });
+            setMap(map);
+        }
     }, [mapLatLng]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         new google.maps.Marker({
             position: mapLatLng,
             map,
         });
     }, [map, mapLatLng]);
-    return (React.createElement("div", { ref: ref, id: "map", style: isFullScreen
+    return (react_1.default.createElement("div", { ref: ref, id: "map", style: isFullScreen
             ? {
                 height: '100%',
             }
@@ -67,32 +69,32 @@ function WrappedBEMapWidget(props) {
     const render = (status) => {
         switch (status) {
             case react_wrapper_1.Status.LOADING:
-                return React.createElement(SmallSpinner_1.default, null);
+                return react_1.default.createElement(SmallSpinner_1.default, null);
             case react_wrapper_1.Status.FAILURE:
-                return null;
+                return react_1.default.createElement(react_1.default.Fragment, null);
             case react_wrapper_1.Status.SUCCESS:
-                return React.createElement(BEMapWidget, Object.assign({}, props));
+                return react_1.default.createElement(BEMapWidget, Object.assign({}, props));
         }
     };
-    return React.createElement(react_wrapper_1.Wrapper, { apiKey: "AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY", render: render });
+    return react_1.default.createElement(react_wrapper_1.Wrapper, { apiKey: "AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY", render: render });
 }
-exports.default = (0, react_1.forwardRef)(function BEMap(props, ref) {
+exports.default = (0, react_2.forwardRef)(function BEMap(props, ref) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const [toggler, setToggler] = (0, react_1.useState)(false);
+    const [toggler, setToggler] = (0, react_2.useState)(false);
     const togglerOn = () => {
         return setToggler(true);
     };
     const togglerOff = () => {
         return setToggler(false);
     };
-    const mapObject = (hotel === null || hotel === void 0 ? void 0 : hotel.googleMapsImage) ? React.createElement("img", { className: "static-image", src: RoomstayThemeEngine_1.default.wrapAssetUrl(hotel === null || hotel === void 0 ? void 0 : hotel.googleMapsImage) }) : React.createElement(WrappedBEMapWidget, Object.assign({}, props));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "be-map-widget" },
-            React.createElement("span", { className: "room-gallery-slider__icon-lightbox-map", onClick: togglerOn },
-                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Fullscreen, size: "24px" })),
+    const mapObject = (hotel === null || hotel === void 0 ? void 0 : hotel.googleMapsImage) ? react_1.default.createElement("img", { className: "static-image", src: RoomstayThemeEngine_1.default.wrapAssetUrl(hotel === null || hotel === void 0 ? void 0 : hotel.googleMapsImage) }) : react_1.default.createElement(WrappedBEMapWidget, Object.assign({}, props));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "be-map-widget" },
+            react_1.default.createElement("span", { className: "room-gallery-slider__icon-lightbox-map", onClick: togglerOn },
+                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Fullscreen, size: "24px" })),
             mapObject),
-        React.createElement(SimpleModal_1.default, { open: toggler, size: SimpleModal_1.SimpleModalSize.Large, alignCenter: true, onClose: togglerOff },
-            React.createElement("div", { style: { height: 500, maxHeight: '80vh' } },
-                React.createElement(WrappedBEMapWidget, Object.assign({}, props, { isFullScreen: true }))))));
+        react_1.default.createElement(SimpleModal_1.default, { open: toggler, size: SimpleModal_1.SimpleModalSize.Large, alignCenter: true, onClose: togglerOff },
+            react_1.default.createElement("div", { style: { height: 500, maxHeight: '80vh' } },
+                react_1.default.createElement(WrappedBEMapWidget, Object.assign({}, props, { isFullScreen: true }))))));
 });
 //# sourceMappingURL=BEMapWidget.js.map