@roomstay/frontend 2.1.0 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"AppliedFiltersBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/AppliedFiltersBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmC;AACnC,wEAAgD;AAChD,gEAAyD;AACzD,uDAAwD;AACxD,2EAAmD;AACnD,0DAAuD;AACvD,iDAA+C;AAC/C,iDAA0D;AAE1D,SAAwB,mBAAmB;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;QACxE,OAAO,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,gBAAM,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACtB,OAAO,yCAAK,CAAC;KAChB;IACD,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,cAAc;QACzB,6BAAK,SAAS,EAAC,eAAe,IACzB,YAAY;YACT,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CACxB,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACxB,IAAI,MAAM,IAAI,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,gBAAM,EAAE;oBAC5D,MAAM,kBAAkB,GAAG,GAAG,EAAE;wBAC5B,OAAO,CAAC,iBAAiB,iCAClB,OAAO,CAAC,cAAc,KACzB,CAAC,MAAM,CAAC,EAAE,IAAI,IAChB,CAAC;oBACP,CAAC,CAAC;oBACF,OAAO,CACH,oBAAC,cAAI,IAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,OAAO,IACnH,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CACvC,CACV,CAAC;iBACL;YACL,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,cAAI,IAAC,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,OAAO;gBACnG,YAAY,CAAC,MAAM;mCACjB,CACV,CAAC,CACJ;QACL,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,CACpE,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,iBAAiB,IACzD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACd,CACC,CACT,CAAC;AACN,CAAC;AAlDD,sCAkDC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\nimport Filter from 'models/Room/Filters/Filter';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport BEButton from 'components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BookingEngineContext } from '@frontend/contexts';\n\nexport default function AppliedFiltersBlock() {\n    const context = useContext(BookingEngineContext);\n    const { t } = useTranslation();\n\n    const filtersByKey = Object.keys(context.currentFilters).filter((current) => {\n        return current && context.currentFilters[current] instanceof Filter;\n    });\n\n    if (!filtersByKey.length) {\n        return <></>;\n    }\n    const onClickIconPill = () => {\n        context.setCurrentFilters({});\n    };\n    const setFiltersOnClick = () => {\n        context.setCurrentFilters({});\n    };\n    return (\n        <div className=\"u-flex w-100\">\n            <div className=\"filter-height\">\n                {filtersByKey &&\n                    (filtersByKey.length <= 2 ? (\n                        filtersByKey.map((filter) => {\n                            if (filter && context.currentFilters[filter] instanceof Filter) {\n                                const onClickIconHandler = () => {\n                                    context.setCurrentFilters({\n                                        ...context.currentFilters,\n                                        [filter]: null,\n                                    });\n                                };\n                                return (\n                                    <Pill key={filter} onClickIcon={onClickIconHandler} type={PillType.Secondary} icon={IconType.Close} iconPosition=\"right\">\n                                        {context.currentFilters[filter].getLabel()}\n                                    </Pill>\n                                );\n                            }\n                        })\n                    ) : (\n                        <Pill onClickIcon={onClickIconPill} type={PillType.Secondary} icon={IconType.Close} iconPosition=\"right\">\n                            {filtersByKey.length} Filters Applied\n                        </Pill>\n                    ))}\n            </div>\n            {!!Object.values(context.currentFilters).filter((it) => !!it).length && (\n                <BEButton isText={true} size=\"tiny\" onClick={setFiltersOnClick}>\n                    {t(Translation.Misc.ClearAll)}\n                </BEButton>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"AppliedFiltersBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/AppliedFiltersBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmC;AACnC,0EAAkD;AAClD,kEAA2D;AAC3D,yDAA0D;AAC1D,6EAAqD;AACrD,0DAAuD;AACvD,iDAA+C;AAC/C,iDAA0D;AAE1D,SAAwB,mBAAmB;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;QACxE,OAAO,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,gBAAM,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACtB,OAAO,yCAAK,CAAC;KAChB;IACD,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,cAAc;QACzB,6BAAK,SAAS,EAAC,eAAe,IACzB,YAAY;YACT,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CACxB,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACxB,IAAI,MAAM,IAAI,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,gBAAM,EAAE;oBAC5D,MAAM,kBAAkB,GAAG,GAAG,EAAE;wBAC5B,OAAO,CAAC,iBAAiB,iCAClB,OAAO,CAAC,cAAc,KACzB,CAAC,MAAM,CAAC,EAAE,IAAI,IAChB,CAAC;oBACP,CAAC,CAAC;oBACF,OAAO,CACH,oBAAC,cAAI,IAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,OAAO,IACnH,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CACvC,CACV,CAAC;iBACL;YACL,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,cAAI,IAAC,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,OAAO;gBACnG,YAAY,CAAC,MAAM;mCACjB,CACV,CAAC,CACJ;QACL,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,CACpE,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,iBAAiB,IACzD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACd,CACC,CACT,CAAC;AACN,CAAC;AAlDD,sCAkDC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\nimport Filter from '@/models/Room/Filters/Filter';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BookingEngineContext } from '@frontend/contexts';\n\nexport default function AppliedFiltersBlock() {\n    const context = useContext(BookingEngineContext);\n    const { t } = useTranslation();\n\n    const filtersByKey = Object.keys(context.currentFilters).filter((current) => {\n        return current && context.currentFilters[current] instanceof Filter;\n    });\n\n    if (!filtersByKey.length) {\n        return <></>;\n    }\n    const onClickIconPill = () => {\n        context.setCurrentFilters({});\n    };\n    const setFiltersOnClick = () => {\n        context.setCurrentFilters({});\n    };\n    return (\n        <div className=\"u-flex w-100\">\n            <div className=\"filter-height\">\n                {filtersByKey &&\n                    (filtersByKey.length <= 2 ? (\n                        filtersByKey.map((filter) => {\n                            if (filter && context.currentFilters[filter] instanceof Filter) {\n                                const onClickIconHandler = () => {\n                                    context.setCurrentFilters({\n                                        ...context.currentFilters,\n                                        [filter]: null,\n                                    });\n                                };\n                                return (\n                                    <Pill key={filter} onClickIcon={onClickIconHandler} type={PillType.Secondary} icon={IconType.Close} iconPosition=\"right\">\n                                        {context.currentFilters[filter].getLabel()}\n                                    </Pill>\n                                );\n                            }\n                        })\n                    ) : (\n                        <Pill onClickIcon={onClickIconPill} type={PillType.Secondary} icon={IconType.Close} iconPosition=\"right\">\n                            {filtersByKey.length} Filters Applied\n                        </Pill>\n                    ))}\n            </div>\n            {!!Object.values(context.currentFilters).filter((it) => !!it).length && (\n                <BEButton isText={true} size=\"tiny\" onClick={setFiltersOnClick}>\n                    {t(Translation.Misc.ClearAll)}\n                </BEButton>\n            )}\n        </div>\n    );\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { Room } from 'models/Room/Room';
+import { Room } from '@/models/Room/Room';
 export interface RoomFilterProps {
     anchorEl: any;
     filter?: () => Room[];

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

@@ -27,24 +27,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importDefault(require("components/generic/Text"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Color_1 = require("util/Color");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Color_1 = require("@/util/Color");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const SimpleModal_1 = __importDefault(require("components/generic/modal/SimpleModal"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const SimpleModal_1 = __importDefault(require("@/components/generic/modal/SimpleModal"));
 const react_1 = require("react");
-const RoomFilterPriceSlider_1 = __importDefault(require("components/steps/room/roomFilter/RoomFilterPriceSlider"));
+const RoomFilterPriceSlider_1 = __importDefault(require("@/components/steps/room/roomFilter/RoomFilterPriceSlider"));
 const contexts_1 = require("@frontend/contexts");
-const FilterProvider_1 = __importDefault(require("providers/FilterProvider"));
-const RoomFilterRateType_1 = __importDefault(require("components/steps/room/roomFilter/RoomFilterRateType"));
-const RoomFilterRoomType_1 = __importDefault(require("components/steps/room/roomFilter/RoomFilterRoomType"));
-const DataLayer_1 = __importStar(require("util/DataLayer"));
+const FilterProvider_1 = __importDefault(require("@/providers/FilterProvider"));
+const RoomFilterRateType_1 = __importDefault(require("@/components/steps/room/roomFilter/RoomFilterRateType"));
+const RoomFilterRoomType_1 = __importDefault(require("@/components/steps/room/roomFilter/RoomFilterRoomType"));
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
 const hooks_1 = require("@frontend/hooks");
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const Overlay_1 = require("@/components/generic/Overlay/Overlay");
 function RoomFilterOverlay(props) {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

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 * 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"]}

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

@@ -1,5 +1,5 @@
-import BudgetFilter from 'models/Room/Filters/BudgetFilter';
-import { Room } from 'models/Room/Room';
+import BudgetFilter from '@/models/Room/Filters/BudgetFilter';
+import { Room } from '@/models/Room/Room';
 interface RoomFilterPriceSliderProps {
     filter: BudgetFilter;
     roomList: Room[];

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

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Currency_1 = __importDefault(require("components/generic/Currency"));
-const Color_1 = require("util/Color");
-const Text_1 = __importStar(require("components/generic/Text"));
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
+const Color_1 = require("@/util/Color");
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const Translation_1 = require("translations/Translation");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
-const BudgetFilter_1 = __importDefault(require("models/Room/Filters/BudgetFilter"));
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
+const BudgetFilter_1 = __importDefault(require("@/models/Room/Filters/BudgetFilter"));
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 const cx = __importStar(require("classnames"));
-const Slider_1 = require("components/generic/Slider/Slider");
+const Slider_1 = require("@/components/generic/Slider/Slider");
 function RoomFilterPriceSlider(props) {
     var _a, _b, _c, _d, _e;
     const { t } = (0, react_i18next_1.useTranslation)();

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 * 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"]}

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

@@ -1,5 +1,5 @@
-import RateTypeFilter from 'models/Room/Filters/RateTypeFilter';
-import { Room } from 'models/Room/Room';
+import RateTypeFilter from '@/models/Room/Filters/RateTypeFilter';
+import { Room } from '@/models/Room/Room';
 interface RoomFilterRateTypeProps {
     filter: RateTypeFilter;
     roomList: Room[];

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const RateTypeFilter_1 = __importDefault(require("models/Room/Filters/RateTypeFilter"));
-const Text_1 = __importStar(require("components/generic/Text"));
+const RateTypeFilter_1 = __importDefault(require("@/models/Room/Filters/RateTypeFilter"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const Translation_1 = require("translations/Translation");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
-const Checkbox_1 = __importDefault(require("components/generic/Checkbox/Checkbox"));
+const Checkbox_1 = __importDefault(require("@/components/generic/Checkbox/Checkbox"));
 const react_1 = require("react");
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 function RoomFilterRateType(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();

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 * 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"]}

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

@@ -1,5 +1,5 @@
-import { Room } from 'models/Room/Room';
-import RoomTypeFilter from 'models/Room/Filters/RoomTypeFilter';
+import { Room } from '@/models/Room/Room';
+import RoomTypeFilter from '@/models/Room/Filters/RoomTypeFilter';
 interface RoomFilterRoomTypeProps {
     roomList: Room[];
     filter: RoomTypeFilter;

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const RoomTypeFilter_1 = __importDefault(require("models/Room/Filters/RoomTypeFilter"));
-const Text_1 = __importStar(require("components/generic/Text"));
+const RoomTypeFilter_1 = __importDefault(require("@/models/Room/Filters/RoomTypeFilter"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const Translation_1 = require("translations/Translation");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
-const Checkbox_1 = __importDefault(require("components/generic/Checkbox/Checkbox"));
+const Checkbox_1 = __importDefault(require("@/components/generic/Checkbox/Checkbox"));
 const react_1 = require("react");
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 function RoomFilterRoomType(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();

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 * 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"]}

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

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_wrapper_1 = require("@googlemaps/react-wrapper");
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 const hooks_1 = require("@frontend/hooks");
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 function BEMapWidget({ mapLatLng, isFullScreen }) {
     const ref = (0, react_1.useRef)();
     const [map, setMap] = (0, react_1.useState)();

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

@@ -1 +1 @@
-{"version":3,"file":"BEMapWidget.js","sourceRoot":"/","sources":["src/components/summary/BEMapWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { forwardRef, ReactElement, useEffect, useRef, useState } from 'react';\nimport { Status, Wrapper } from '@googlemaps/react-wrapper';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\n\nexport interface MapProps {\n    mapLatLng?: google.maps.LatLng | google.maps.LatLngLiteral;\n    isFullScreen?: boolean;\n    imageOverride?: string;\n}\n\nfunction BEMapWidget({ mapLatLng, isFullScreen }: MapProps): ReactElement {\n    const ref = useRef();\n    const [map, setMap] = useState<google.maps.Map>();\n    const mapStyle: google.maps.MapTypeStyle[] = [\n        {\n            featureType: 'poi.business',\n            stylers: [{ visibility: 'off' }],\n        },\n    ];\n\n    useEffect(() => {\n        const map = new window.google.maps.Map(ref.current, {\n            center: mapLatLng,\n            zoom: 15,\n            styles: mapStyle,\n        });\n        setMap(map);\n    }, [mapLatLng]);\n\n    useEffect(() => {\n        new google.maps.Marker({\n            position: mapLatLng,\n            map,\n        });\n    }, [map, mapLatLng]);\n\n    return (\n        <div\n            ref={ref}\n            id=\"map\"\n            style={\n                isFullScreen\n                    ? {\n                          height: '100%',\n                      }\n                    : undefined\n            }\n        />\n    );\n}\n\nfunction WrappedBEMapWidget(props: MapProps) {\n    const render = (status: Status) => {\n        switch (status) {\n            case Status.LOADING:\n                return <SmallSpinner />;\n            case Status.FAILURE:\n                return null;\n            case Status.SUCCESS:\n                return <BEMapWidget {...props} />;\n        }\n    };\n\n    return <Wrapper apiKey=\"AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY\" render={render} />;\n}\n\nexport default forwardRef(function BEMap(props: MapProps, ref) {\n    const { hotel } = useCurrentHotel();\n    const [toggler, setToggler] = useState(false);\n\n    const togglerOn = () => {\n        return setToggler(true);\n    };\n\n    const togglerOff = () => {\n        return setToggler(false);\n    };\n\n    const mapObject = hotel?.googleMapsImage ? <img className=\"static-image\" src={RoomstayThemeEngine.wrapAssetUrl(hotel?.googleMapsImage)} /> : <WrappedBEMapWidget {...props} />;\n\n    return (\n        <>\n            <div className=\"be-map-widget\">\n                <span className=\"room-gallery-slider__icon-lightbox-map\" onClick={togglerOn}>\n                    <Icon icon={IconType.Fullscreen} size=\"24px\" />\n                </span>\n                {mapObject}\n            </div>\n            {\n                <SimpleModal open={toggler} size={SimpleModalSize.Large} alignCenter={true} onClose={togglerOff}>\n                    <div style={{ height: 500, maxHeight: '80vh' }}>\n                        <WrappedBEMapWidget {...props} isFullScreen={true} />\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n});\n"]}
+{"version":3,"file":"BEMapWidget.js","sourceRoot":"/","sources":["src/components/summary/BEMapWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { forwardRef, ReactElement, useEffect, useRef, useState } from 'react';\nimport { Status, Wrapper } from '@googlemaps/react-wrapper';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\nexport interface MapProps {\n    mapLatLng?: google.maps.LatLng | google.maps.LatLngLiteral;\n    isFullScreen?: boolean;\n    imageOverride?: string;\n}\n\nfunction BEMapWidget({ mapLatLng, isFullScreen }: MapProps): ReactElement {\n    const ref = useRef();\n    const [map, setMap] = useState<google.maps.Map>();\n    const mapStyle: google.maps.MapTypeStyle[] = [\n        {\n            featureType: 'poi.business',\n            stylers: [{ visibility: 'off' }],\n        },\n    ];\n\n    useEffect(() => {\n        const map = new window.google.maps.Map(ref.current, {\n            center: mapLatLng,\n            zoom: 15,\n            styles: mapStyle,\n        });\n        setMap(map);\n    }, [mapLatLng]);\n\n    useEffect(() => {\n        new google.maps.Marker({\n            position: mapLatLng,\n            map,\n        });\n    }, [map, mapLatLng]);\n\n    return (\n        <div\n            ref={ref}\n            id=\"map\"\n            style={\n                isFullScreen\n                    ? {\n                          height: '100%',\n                      }\n                    : undefined\n            }\n        />\n    );\n}\n\nfunction WrappedBEMapWidget(props: MapProps) {\n    const render = (status: Status) => {\n        switch (status) {\n            case Status.LOADING:\n                return <SmallSpinner />;\n            case Status.FAILURE:\n                return null;\n            case Status.SUCCESS:\n                return <BEMapWidget {...props} />;\n        }\n    };\n\n    return <Wrapper apiKey=\"AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY\" render={render} />;\n}\n\nexport default forwardRef(function BEMap(props: MapProps, ref) {\n    const { hotel } = useCurrentHotel();\n    const [toggler, setToggler] = useState(false);\n\n    const togglerOn = () => {\n        return setToggler(true);\n    };\n\n    const togglerOff = () => {\n        return setToggler(false);\n    };\n\n    const mapObject = hotel?.googleMapsImage ? <img className=\"static-image\" src={RoomstayThemeEngine.wrapAssetUrl(hotel?.googleMapsImage)} /> : <WrappedBEMapWidget {...props} />;\n\n    return (\n        <>\n            <div className=\"be-map-widget\">\n                <span className=\"room-gallery-slider__icon-lightbox-map\" onClick={togglerOn}>\n                    <Icon icon={IconType.Fullscreen} size=\"24px\" />\n                </span>\n                {mapObject}\n            </div>\n            {\n                <SimpleModal open={toggler} size={SimpleModalSize.Large} alignCenter={true} onClose={togglerOff}>\n                    <div style={{ height: 500, maxHeight: '80vh' }}>\n                        <WrappedBEMapWidget {...props} isFullScreen={true} />\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n});\n"]}

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

@@ -27,19 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const Color_1 = require("util/Color");
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const TextAlignment_1 = require("util/TextAlignment");
-const Currency_1 = __importDefault(require("components/generic/Currency"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const TextAlignment_1 = require("@/util/TextAlignment");
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const react_1 = require("react");
-const BEMobileSummaryModal_1 = __importDefault(require("components/summary/BEMobileSummaryModal"));
-const StepDatePricePerRoom_1 = __importDefault(require("components/steps/date/StepDatePricePerRoom"));
-const StepDate_1 = __importDefault(require("pages/steps/StepDate/StepDate"));
+const BEMobileSummaryModal_1 = __importDefault(require("@/components/summary/BEMobileSummaryModal"));
+const StepDatePricePerRoom_1 = __importDefault(require("@/components/steps/date/StepDatePricePerRoom"));
+const StepDate_1 = __importDefault(require("@/pages/steps/StepDate/StepDate"));
 const contexts_1 = require("@frontend/contexts");
 function BEMobileSummary() {
     const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);

package/dist/src/components/summary/BEMobileSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"BEMobileSummary.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Headline from 'components/generic/Headline';\nimport { TextAlign } from 'util/TextAlignment';\nimport Currency from 'components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport { useContext, useState } from 'react';\nimport BEMobileSummaryModal from 'components/summary/BEMobileSummaryModal';\nimport StepDatePricePerRoom from 'components/steps/date/StepDatePricePerRoom';\nimport StepDate from 'pages/steps/StepDate/StepDate';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function BEMobileSummary() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = React.useContext(BasketContext);\n    const { t } = useTranslation();\n    const [modalOpen, setModalOpen] = useState(false);\n\n    if (screenSize <= ScreenSize.Medium) {\n        const openModal = () => {\n            setModalOpen(true);\n        };\n        const closeModal = () => {\n            setModalOpen(false);\n        };\n        return (\n            <>\n                <div className=\"be-mobile-summary row u-border-bottom u-pad-top-bottom u-marg-bottom\" onClick={openModal}>\n                    <div className=\"col-8\">\n                        <div className=\"u-flex u-flex-flex-start\">\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                </span>\n                            </Text>\n                            <span className=\"u-marg-left-right--light\">\n                                <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                            </span>\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                </span>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            {basketContext.getNumberOfAdults(true)},&nbsp;\n                            {basketContext.getNumberOfChildren(true)},&nbsp;\n                            {basketContext.getNumberOfRooms(true)}\n                        </Text>\n                    </div>\n                    <div className=\"col-4 u-flex u-flex-flex-end u-flex-align-center\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            {currentStep === StepDate ? <StepDatePricePerRoom isMobile={true} /> : <Currency>{basketContext.getTotalPrice()}</Currency>}\n                        </Headline>\n                        <Icon icon={IconType.Dropdown} size={'18px'} color={Color.DarkGrey} />\n                    </div>\n                </div>\n                <BEMobileSummaryModal isOpen={modalOpen} onClose={closeModal} />\n            </>\n        );\n    }\n\n    return <></>;\n}\n"]}
+{"version":3,"file":"BEMobileSummary.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\nimport { TextAlign } from '@/util/TextAlignment';\nimport Currency from '@/components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useContext, useState } from 'react';\nimport BEMobileSummaryModal from '@/components/summary/BEMobileSummaryModal';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport StepDate from '@/pages/steps/StepDate/StepDate';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function BEMobileSummary() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = React.useContext(BasketContext);\n    const { t } = useTranslation();\n    const [modalOpen, setModalOpen] = useState(false);\n\n    if (screenSize <= ScreenSize.Medium) {\n        const openModal = () => {\n            setModalOpen(true);\n        };\n        const closeModal = () => {\n            setModalOpen(false);\n        };\n        return (\n            <>\n                <div className=\"be-mobile-summary row u-border-bottom u-pad-top-bottom u-marg-bottom\" onClick={openModal}>\n                    <div className=\"col-8\">\n                        <div className=\"u-flex u-flex-flex-start\">\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                </span>\n                            </Text>\n                            <span className=\"u-marg-left-right--light\">\n                                <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                            </span>\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                </span>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            {basketContext.getNumberOfAdults(true)},&nbsp;\n                            {basketContext.getNumberOfChildren(true)},&nbsp;\n                            {basketContext.getNumberOfRooms(true)}\n                        </Text>\n                    </div>\n                    <div className=\"col-4 u-flex u-flex-flex-end u-flex-align-center\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            {currentStep === StepDate ? <StepDatePricePerRoom isMobile={true} /> : <Currency>{basketContext.getTotalPrice()}</Currency>}\n                        </Headline>\n                        <Icon icon={IconType.Dropdown} size={'18px'} color={Color.DarkGrey} />\n                    </div>\n                </div>\n                <BEMobileSummaryModal isOpen={modalOpen} onClose={closeModal} />\n            </>\n        );\n    }\n\n    return <></>;\n}\n"]}

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

@@ -26,30 +26,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = __importDefault(require("components/generic/modal/SimpleModal"));
+const SimpleModal_1 = __importDefault(require("@/components/generic/modal/SimpleModal"));
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
 const React = __importStar(require("react"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const Text_1 = __importStar(require("components/generic/Text"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const TextAlignment_1 = require("util/TextAlignment");
-const Currency_1 = __importDefault(require("components/generic/Currency"));
-const HotelLocationMap_1 = __importDefault(require("components/generic/map/HotelLocationMap"));
-const BESummaryRoomRow_1 = __importDefault(require("components/summary/BESummaryRoomRow"));
-const BESummaryAddonRow_1 = __importDefault(require("components/summary/BESummaryAddonRow"));
-const BESummaryPerkBlock_1 = require("components/summary/BESummaryPerkBlock");
-const TransportDistanceFromHotelBlock_1 = __importDefault(require("components/summary/TransportDistanceFromHotelBlock"));
-const BESummaryPrivacyPolicy_1 = __importDefault(require("components/summary/BESummaryPrivacyPolicy"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const TextAlignment_1 = require("@/util/TextAlignment");
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
+const HotelLocationMap_1 = __importDefault(require("@/components/generic/map/HotelLocationMap"));
+const BESummaryRoomRow_1 = __importDefault(require("@/components/summary/BESummaryRoomRow"));
+const BESummaryAddonRow_1 = __importDefault(require("@/components/summary/BESummaryAddonRow"));
+const BESummaryPerkBlock_1 = require("@/components/summary/BESummaryPerkBlock");
+const TransportDistanceFromHotelBlock_1 = __importDefault(require("@/components/summary/TransportDistanceFromHotelBlock"));
+const BESummaryPrivacyPolicy_1 = __importDefault(require("@/components/summary/BESummaryPrivacyPolicy"));
 const contexts_1 = require("@frontend/contexts");
-const StringHelper_1 = __importDefault(require("util/StringHelper"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const StringHelper_1 = __importDefault(require("@/util/StringHelper"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const react_router_dom_1 = require("react-router-dom");
-const StepRoom_1 = __importDefault(require("pages/steps/StepRoom/StepRoom"));
-const BESummary_1 = require("components/summary/BESummary");
+const StepRoom_1 = __importDefault(require("@/pages/steps/StepRoom/StepRoom"));
+const BESummary_1 = require("@/components/summary/BESummary");
 const hooks_1 = require("@frontend/hooks");
 function BEMobileSummaryModal(props) {
     var _a, _b, _c, _d;