@roomstay/frontend 2.1.0 → 2.1.2

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRatePills.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAwD;AACxD,iDAA+C;AAG/C,kFAAwE;AACxE,gEAAyD;AACzD,uDAAwD;AACxD,2CAAkD;AAClD,0DAAuD;AACvD,iDAAoD;AACpD,iDAAmD;AACnD,kGAA0E;AAC1E,wHAAgG;AAChG,iFAAyD;AASzD,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IACvC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,cAAc,GAAe,EAAE,CAAC;QAEpC,0BAAgB,CAAC,gBAAgB,CAC7B,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE,EACzD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,KAAK,CAAC,YAAY,KAAI,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,CAAA,CAAC;QAC/D,CAAC,EACD,IAAI,CACP,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU;YAChE,gBAAgB,EAAE;gBACd,YAAY,EAAE,GAAG,CAAC,IAAI;aACzB;YACD,IAAI,EAAE,eAAQ,CAAC,KAAK;SACvB,EACD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,IAAI,CAAC,SAAS,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC;QAC3F,CAAC,EACD,IAAI,CACP,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ;YAC9D,IAAI,EAAE,eAAQ,CAAC,KAAK;SACvB,EACD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC,CAAC;QAC9F,CAAC,EACD,IAAI,CACP,CAAC;QAEF,6BAA6B;QAC7B,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB;YACrD,gBAAgB,EAAE;gBACd,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;aAC5C;YACD,IAAI,EAAE,eAAQ,CAAC,MAAM;SACxB,EACD,GAAG,EAAE;YACD,OAAO,yCAA+B,CAAC,QAAQ,EAAE,CAAC;QACtD,CAAC,CACJ,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;;YAClG,IAAI,8BAAoB,CAAC,QAAQ,EAAE,KAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,EAAE,CAAA,EAAE;gBAC3D,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;oBACtC,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,iBAAiB,0CAAE,YAAY,EAAE,0CAAE,WAAW,EAAE,CAAA,EAAE;wBACpG,OAAO,IAAI,CAAC;qBACf;iBACJ;aACJ;YAED,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,IAAI,KAAK,CAAC,IAAI,EAAE;YACZ,cAAc,GAAG,0BAAgB,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;SACtG;aAAM,IAAI,KAAK,CAAC,IAAI,EAAE;YACnB,cAAc,GAAG,0BAAgB,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;SACtG;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACb,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;SACnD;aAAM;YACH,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC5B;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,OAAO,CACH,6BAAK,SAAS,EAAC,kCAAkC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QACvB,MAAM,WAAW,GAAG,CAChB,oBAAC,cAAI,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IACrD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CACxE,CACV,CAAC;QAEF,OAAO,CACH,6BAAK,SAAS,EAAC,kDAAkD,EAAC,GAAG,EAAE,KAAK,IACvE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,CAAC,WAAW,IAAG,WAAW,CAAW,CAAC,CAAC,CAAC,WAAW,CACzF,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AApGD,gCAoGC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Room } from 'models/Room/Room';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RatePillProvider, { RatePill } from 'providers/RatePillProvider';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { CompanyContext } from '@frontend/contexts';\nimport { BasketContext } from '@frontend/contexts';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from 'providers/feature/NumberOfPeopleBookedPillFeature';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\n\ninterface RoomRatePillsProps {\n    room?: Room;\n    rate?: RoomRate;\n\n    limit?: number;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n    const [pills, setPills] = useState<RatePill[]>([]);\n    const currentHotel = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let pillsToDisplay: RatePill[] = [];\n\n        RatePillProvider.registerRatePill(\n            { icon: IconType.Breakfast, title: 'Breakfast Included' },\n            ({ rate, hotel }) => {\n                return hotel.showMealPill && rate.mealsIncluded?.breakfast;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n                translationProps: {\n                    companyShort: ccx.name,\n                },\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n            },\n            true\n        );\n\n        /** Registering Room Pills */\n        RatePillProvider.registerRoomPill(\n            {\n                translation: Translation.Misc.Pills.PeopleBookedShort,\n                translationProps: {\n                    people: Math.floor(Math.random() * 8 + 7),\n                },\n                icon: IconType.People,\n            },\n            () => {\n                return NumberOfPeopleBookedPillFeature.isActive();\n            }\n        );\n\n        RatePillProvider.registerRoomPill({ icon: IconType.Check, title: 'Promo code is applied' }, (match) => {\n            if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n                for (const rate of match.room.getRates()) {\n                    if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                        return true;\n                    }\n                }\n            }\n\n            return false;\n        });\n\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel });\n        }\n\n        if (props.limit) {\n            setPills(pillsToDisplay.splice(0, props.limit));\n        } else {\n            setPills(pillsToDisplay);\n        }\n    }, [props.room, props.rate, props.limit]);\n\n    return (\n        <div className=\"c-pill-list u-marg-bottom--light\">\n            {pills.map((pill, index) => {\n                const pillELement = (\n                    <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n                        {pill.translation ? t(pill.translation, pill.translationProps) : pill.title}\n                    </Pill>\n                );\n\n                return (\n                    <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n                        {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport RatePillProvider, { RatePill } from '@/providers/RatePillProvider';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { CompanyContext } from '@frontend/contexts';\nimport { BasketContext } from '@frontend/contexts';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\ninterface RoomRatePillsProps {\n    room?: Room;\n    rate?: RoomRate;\n\n    limit?: number;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n    const [pills, setPills] = useState<RatePill[]>([]);\n    const currentHotel = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let pillsToDisplay: RatePill[] = [];\n\n        RatePillProvider.registerRatePill(\n            { icon: IconType.Breakfast, title: 'Breakfast Included' },\n            ({ rate, hotel }) => {\n                return hotel.showMealPill && rate.mealsIncluded?.breakfast;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n                translationProps: {\n                    companyShort: ccx.name,\n                },\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n            },\n            true\n        );\n\n        /** Registering Room Pills */\n        RatePillProvider.registerRoomPill(\n            {\n                translation: Translation.Misc.Pills.PeopleBookedShort,\n                translationProps: {\n                    people: Math.floor(Math.random() * 8 + 7),\n                },\n                icon: IconType.People,\n            },\n            () => {\n                return NumberOfPeopleBookedPillFeature.isActive();\n            }\n        );\n\n        RatePillProvider.registerRoomPill({ icon: IconType.Check, title: 'Promo code is applied' }, (match) => {\n            if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n                for (const rate of match.room.getRates()) {\n                    if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                        return true;\n                    }\n                }\n            }\n\n            return false;\n        });\n\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel });\n        }\n\n        if (props.limit) {\n            setPills(pillsToDisplay.splice(0, props.limit));\n        } else {\n            setPills(pillsToDisplay);\n        }\n    }, [props.room, props.rate, props.limit]);\n\n    return (\n        <div className=\"c-pill-list u-marg-bottom--light\">\n            {pills.map((pill, index) => {\n                const pillELement = (\n                    <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n                        {pill.translation ? t(pill.translation, pill.translationProps) : pill.title}\n                    </Pill>\n                );\n\n                return (\n                    <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n                        {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.d.ts

@@ -1,4 +1,4 @@
-import { RoomRate } from 'models/Room/RoomRate';
+import { RoomRate } from '../../../../../../models/Room/RoomRate';
 export interface RoomRateRowProps {
     rate: RoomRate;
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.js

@@ -27,27 +27,27 @@ 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 TextAlignment_1 = require("util/TextAlignment");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Text_1 = __importStar(require("../../../../../../components/generic/Text"));
+const Color_1 = require("../../../../../../util/Color");
+const TextAlignment_1 = require("../../../../../../util/TextAlignment");
+const BEButton_1 = __importDefault(require("../../../../../../components/generic/BEButton"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const classnames_1 = __importDefault(require("classnames"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const Pill_1 = __importStar(require("components/generic/Pill"));
-const contexts_1 = require("@frontend/contexts");
+const Icon_1 = require("../../../../../../components/generic/Icon/Icon");
+const Pill_1 = __importStar(require("../../../../../../components/generic/Pill"));
+const contexts_1 = require("../../../../../../contexts/index.js");
 const react_1 = require("react");
-const DataLayer_1 = __importStar(require("util/DataLayer"));
-const RoomDetailsPriceBlock_1 = __importDefault(require("components/steps/room/roomDetails/RoomDetailsPriceBlock"));
-const RoomRate_1 = require("models/Room/RoomRate");
-const RoomRateDetailsAndPriceBreakdownModal_1 = __importStar(require("components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal"));
-const BookNowButton_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/BookNowButton"));
-const FeatureProvider_1 = __importDefault(require("providers/FeatureProvider"));
-const contexts_2 = require("@frontend/contexts");
-const hooks_1 = require("@frontend/hooks");
-const RoomRatePills_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/RoomRatePills"));
-const BaseEngine_1 = require("engines/BaseEngine");
+const DataLayer_1 = __importStar(require("../../../../../../util/DataLayer"));
+const RoomDetailsPriceBlock_1 = __importDefault(require("../../../../../../components/steps/room/roomDetails/RoomDetailsPriceBlock"));
+const RoomRate_1 = require("../../../../../../models/Room/RoomRate");
+const RoomRateDetailsAndPriceBreakdownModal_1 = __importStar(require("../../../../../../components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal"));
+const BookNowButton_1 = __importDefault(require("../../../../../../components/steps/room/roomDetails/roomRates/BookNowButton"));
+const FeatureProvider_1 = __importDefault(require("../../../../../../providers/FeatureProvider"));
+const contexts_2 = require("../../../../../../contexts/index.js");
+const hooks_1 = require("../../../../../../hooks/index.js");
+const RoomRatePills_1 = __importDefault(require("../../../../../../components/steps/room/roomDetails/roomRates/RoomRatePills"));
+const BaseEngine_1 = require("../../../../../../engines/BaseEngine");
 function RoomRateRow(props) {
     var _a, _b, _c;
     const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateRow.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 { TextAlign } from 'util/TextAlignment';\nimport BEButton from 'components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport classNames from 'classnames';\n\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { RoomRate, RoomRatePriceInclusion } from 'models/Room/RoomRate';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n    RoomRateDetailsAndPriceBreakdownModalTabs,\n} from 'components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport BookNowButton from 'components/steps/room/roomDetails/roomRates/BookNowButton';\nimport FeatureProvider from 'providers/FeatureProvider';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomRatePills from 'components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { BookingEngineSource } from 'engines/BaseEngine';\n\nexport interface RoomRateRowProps {\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isPromoRate?: boolean;\n}\n\nexport default function RoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n    const { engine } = useContext(BookingEngineContext);\n\n    const [viewingModal, setViewingModal] = useState({ open: false, currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails });\n\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { rate } = props;\n    const selectedRow = basketContext.selectedBasketRow;\n    const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n    const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n    const currentRow = useRef(null);\n\n    const classes = classNames('room-info', {\n        '--default': !rate.isMemberOnly,\n        '--locked': rate.isMemberOnly,\n        '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n        '--is-promo': props.isPromoRate,\n    });\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n    FeatureProvider.load('AvailableUpgradesFeature');\n    useEffect(() => {\n        if (isThisSelectedRow && engine?.getSource() !== BookingEngineSource.Inline) {\n            setTimeout(() => {\n                currentRow?.current?.scrollIntoView({ behavior: 'smooth' });\n            }, 250);\n        }\n\n        if (!isLocked) {\n            DataLayer.instance.addRoomRateImpression(rate.getRoom(), rate);\n        }\n    }, [isThisSelectedRow]);\n\n    const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n        setViewingModal({ open: true, currentTab: tab });\n    };\n\n    let bookNowLabel = '';\n    if (props.getButtonLabel) {\n        bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n    } else {\n        if (isRoomSelectedAndEditing) {\n            bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n        } else {\n            bookNowLabel = t(Translation.Step.Room.RoomInfo.BookNow);\n        }\n    }\n\n    const openMemberSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const rateDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Rate Details', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails);\n    };\n\n    const updateModalOnClose = () => {\n        setViewingModal((old) => {\n            old.open = false;\n            return { ...old };\n        });\n    };\n\n    const openTabOnClick = () => {\n        DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div className=\"col-lg-8\">\n                    <div className=\"u-flex flex-column h-100\">\n                        <div>\n                            <div className=\"u-marg-bottom-half\">\n                                {isLocked ? (\n                                    <Text type={TextType.Body} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n                                    </Text>\n                                ) : (\n                                    <Text type={TextType.Body}>\n                                        <strong>{rate.name}</strong>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom u-h-ml-5 text-small u-clear-font-weight rdcaf\">\n                                <div dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }} />\n                            </div>\n                            {isLocked && (\n                                <div className=\"u-marg\">\n                                    <span onClick={openMemberSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </span>\n                                </div>\n                            )}\n                            <RoomRatePills rate={props.rate} />\n                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-top-bottom@l-\">\n                            <div className=\"u-marg-right u-inline-flex\">\n                                <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"small\" iconPosition=\"right\" onClick={rateDetailsOnClick}>\n                                    {t(Translation.Step.Room.ReadMore)}\n                                </BEButton>\n                            </div>\n                            <BEButton\n                                icon={IconType.ArrowRight2}\n                                isText={true}\n                                textColor={Color.Navy}\n                                size=\"small\"\n                                iconPosition=\"right\"\n                                onClick={openTabOnClick}\n                                disabled={isLocked}\n                            >\n                                {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-lg-4 u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start\">\n                    <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n                        <RoomDetailsPriceBlock\n                            isLocked={isLocked}\n                            averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n                            averagePrice={rate.getAveragePrice(true)}\n                            isMemberOnly={props.rate.isMemberOnly}\n                        />\n                        <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                            {rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                : t(Translation.Step.Room.ExcludingTaxes)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top u-w-100@l-\">\n                        {isLocked ? (\n                            <BEButton filled={true} success={true} wide={true} onClick={openMemberSignupModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n                            </BEButton>\n                        ) : (\n                            <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n                        )}\n                    </div>\n                </div>\n            </div>\n            {\n                <RoomRateDetailsAndPriceBreakdownModal\n                    isOpen={viewingModal.open}\n                    currentTab={viewingModal.currentTab}\n                    rate={props.rate}\n                    getButtonLabel={props.getButtonLabel}\n                    onAddToBasketOverride={props.onAddToBasketOverride}\n                    onClose={updateModalOnClose}\n                />\n            }\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateRow.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 { TextAlign } from '@/util/TextAlignment';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport classNames from 'classnames';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n    RoomRateDetailsAndPriceBreakdownModalTabs,\n} from '@/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomRatePills from '@/components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { BookingEngineSource } from '@/engines/BaseEngine';\n\nexport interface RoomRateRowProps {\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isPromoRate?: boolean;\n}\n\nexport default function RoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n    const { engine } = useContext(BookingEngineContext);\n\n    const [viewingModal, setViewingModal] = useState({ open: false, currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails });\n\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { rate } = props;\n    const selectedRow = basketContext.selectedBasketRow;\n    const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n    const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n    const currentRow = useRef(null);\n\n    const classes = classNames('room-info', {\n        '--default': !rate.isMemberOnly,\n        '--locked': rate.isMemberOnly,\n        '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n        '--is-promo': props.isPromoRate,\n    });\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n    FeatureProvider.load('AvailableUpgradesFeature');\n    useEffect(() => {\n        if (isThisSelectedRow && engine?.getSource() !== BookingEngineSource.Inline) {\n            setTimeout(() => {\n                currentRow?.current?.scrollIntoView({ behavior: 'smooth' });\n            }, 250);\n        }\n\n        if (!isLocked) {\n            DataLayer.instance.addRoomRateImpression(rate.getRoom(), rate);\n        }\n    }, [isThisSelectedRow]);\n\n    const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n        setViewingModal({ open: true, currentTab: tab });\n    };\n\n    let bookNowLabel = '';\n    if (props.getButtonLabel) {\n        bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n    } else {\n        if (isRoomSelectedAndEditing) {\n            bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n        } else {\n            bookNowLabel = t(Translation.Step.Room.RoomInfo.BookNow);\n        }\n    }\n\n    const openMemberSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const rateDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Rate Details', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails);\n    };\n\n    const updateModalOnClose = () => {\n        setViewingModal((old) => {\n            old.open = false;\n            return { ...old };\n        });\n    };\n\n    const openTabOnClick = () => {\n        DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div className=\"col-lg-8\">\n                    <div className=\"u-flex flex-column h-100\">\n                        <div>\n                            <div className=\"u-marg-bottom-half\">\n                                {isLocked ? (\n                                    <Text type={TextType.Body} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n                                    </Text>\n                                ) : (\n                                    <Text type={TextType.Body}>\n                                        <strong>{rate.name}</strong>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom u-h-ml-5 text-small u-clear-font-weight rdcaf\">\n                                <div dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }} />\n                            </div>\n                            {isLocked && (\n                                <div className=\"u-marg\">\n                                    <span onClick={openMemberSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </span>\n                                </div>\n                            )}\n                            <RoomRatePills rate={props.rate} />\n                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-top-bottom@l-\">\n                            <div className=\"u-marg-right u-inline-flex\">\n                                <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"small\" iconPosition=\"right\" onClick={rateDetailsOnClick}>\n                                    {t(Translation.Step.Room.ReadMore)}\n                                </BEButton>\n                            </div>\n                            <BEButton\n                                icon={IconType.ArrowRight2}\n                                isText={true}\n                                textColor={Color.Navy}\n                                size=\"small\"\n                                iconPosition=\"right\"\n                                onClick={openTabOnClick}\n                                disabled={isLocked}\n                            >\n                                {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-lg-4 u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start\">\n                    <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n                        <RoomDetailsPriceBlock\n                            isLocked={isLocked}\n                            averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n                            averagePrice={rate.getAveragePrice(true)}\n                            isMemberOnly={props.rate.isMemberOnly}\n                        />\n                        <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                            {rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                : t(Translation.Step.Room.ExcludingTaxes)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top u-w-100@l-\">\n                        {isLocked ? (\n                            <BEButton filled={true} success={true} wide={true} onClick={openMemberSignupModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n                            </BEButton>\n                        ) : (\n                            <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n                        )}\n                    </div>\n                </div>\n            </div>\n            {\n                <RoomRateDetailsAndPriceBreakdownModal\n                    isOpen={viewingModal.open}\n                    currentTab={viewingModal.currentTab}\n                    rate={props.rate}\n                    getButtonLabel={props.getButtonLabel}\n                    onAddToBasketOverride={props.onAddToBasketOverride}\n                    onClose={updateModalOnClose}\n                />\n            }\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRates.d.ts

@@ -1,4 +1,4 @@
-import { RoomRate } from 'models/Room/RoomRate';
+import { RoomRate } from '../../../../../../models/Room/RoomRate';
 export interface RoomRatesProps {
     roomCode: string;
     rates: RoomRate[];

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRates.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const RoomRateRow_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/RoomRateRow"));
+const RoomRateRow_1 = __importDefault(require("../../../../../../components/steps/room/roomDetails/roomRates/RoomRateRow"));
 const react_1 = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Color_1 = require("util/Color");
-const contexts_1 = require("@frontend/contexts");
-const RoomSortProvider_1 = __importDefault(require("providers/RoomSortProvider"));
+const Icon_1 = require("../../../../../../components/generic/Icon/Icon");
+const BEButton_1 = __importDefault(require("../../../../../../components/generic/BEButton"));
+const Color_1 = require("../../../../../../util/Color");
+const contexts_1 = require("../../../../../../contexts/index.js");
+const RoomSortProvider_1 = __importDefault(require("../../../../../../providers/RoomSortProvider"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const DataLayer_1 = __importDefault(require("util/DataLayer"));
-const MembersOnlyRow_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/MembersOnlyRow"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const hooks_1 = require("@frontend/hooks");
-const contexts_2 = require("@frontend/contexts");
+const DataLayer_1 = __importDefault(require("../../../../../../util/DataLayer"));
+const MembersOnlyRow_1 = __importDefault(require("../../../../../../components/steps/room/roomDetails/roomRates/MembersOnlyRow"));
+const ScreenSize_1 = __importDefault(require("../../../../../../util/ScreenSize"));
+const hooks_1 = require("../../../../../../hooks/index.js");
+const contexts_2 = require("../../../../../../contexts/index.js");
 const RoomRateListPromotion_1 = require("./RoomRateListPromotion/RoomRateListPromotion");
 function RoomRates(props) {
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRates.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRates.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRates.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,0GAAkF;AAElF,iCAAiE;AACjE,uDAAwD;AACxD,2EAAmD;AACnD,sCAAmC;AACnC,iDAAyE;AACzE,kFAA0D;AAE1D,iDAA+C;AAC/C,0DAAuD;AACvD,+DAAuC;AACvC,gHAAwF;AACxF,iEAAyC;AACzC,2CAAkD;AAClD,iDAAoD;AACpD,yFAAsF;AAgBtF,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEnD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,qBAAqB,GAAG,SAAS,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhF,MAAM,MAAM,GAAG,SAAS,CAAC,eAAe,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,CAAA,MAAA,aAAa,CAAC,iBAAiB,0CAAE,OAAO,EAAE,KAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;YACjH,kBAAkB,CAAC,IAAI,CAAC,CAAC;SAC5B;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,mBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAC7C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;;QAChB,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,0CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAErE,IAAI,WAAuB,CAAC;QAE5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,0BAAgB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;SACxE;QAED,gCAAgC;QAChC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC9B,IAAI,CAAC,CAAC,YAAY,EAAE;gBAChB,OAAO,CAAC,CAAC,CAAC;aACb;iBAAM,IAAI,CAAC,CAAC,YAAY,EAAE;gBACvB,OAAO,CAAC,CAAC;aACZ;iBAAM;gBACH,OAAO,CAAC,CAAC;aACZ;QACL,CAAC,CAAC,CAAC;QAEH,MAAM,eAAe,GAAG,GAAG,EAAE;YACzB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,EAAE,CAAC;QAEzB,MAAM,iBAAiB,GAAG,CAAC,IAAc,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE;YAC1D,OAAO,oBAAC,qBAAW,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAAE,WAAW,EAAE,OAAO,GAAI,CAAC;QACvK,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,gBAAgB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC;QACpG,IAAI,cAAc,GAAG,CAAC,CAAC;QAEvB,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,EAAE;YACvC,aAAa,CAAC,IAAI,CAAC,0BAAgB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;YAC/D,uEAAuE;YACvE,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC1B,IAAI,GAAG,EAAE;oBACL,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;iBACpD;YACL,CAAC,CAAC,CAAC;SACN;QAED,qEAAqE;QACrE,IAAI,CAAC,gBAAgB,IAAI,eAAe,EAAE;YACtC,IACI,CAAC,KAAK,CAAC,iBAAiB;gBACxB,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA;gBAC5B,CAAC,CAAC,GAAG,CAAC,YAAY,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,OAAK,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,iBAAiB,0CAAE,YAAY,EAAE,CAAA,CAAC,EACxG;gBACE,aAAa,CAAC,IAAI,CAAC,oBAAC,wBAAc,OAAG,CAAC,CAAC;aAC1C;SACJ;QAED,IAAI,aAAa,CAAC,eAAe,EAAE;YAC/B,aAAa,CAAC,IAAI,CAAC,oBAAC,6CAAqB,IAAC,SAAS,EAAE,aAAa,CAAC,eAAe,GAAI,CAAC,CAAC;SAC3F;QAED,uFAAuF;QACvF,WAAW,CAAC,OAAO,CAAC,CAAC,IAAc,EAAE,EAAE;YACnC,IAAI,aAAa,CAAC,MAAM,GAAG,OAAO,IAAI,eAAe,EAAE;gBACnD,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;aAC/C;iBAAM;gBACH,cAAc,EAAE,CAAC;aACpB;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,CACH,6BAAK,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE;YACjC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE;gBAC5C,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAkB,CAAC;YAC/D,CAAC,CAAC;YACD,cAAc,GAAG,CAAC,IAAI,CACnB,6BAAK,SAAS,EAAC,gBAAgB;gBAC3B,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,EAAC,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe;oBAC3I,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;;oBAAG,cAAc;;oBAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAC/F,CACT,CACT,CACC,CACT,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,eAAe,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,CAAC,CAAC,CAAC;AACjH,CAAC;AA9GD,4BA8GC","sourcesContent":["import * as React from 'react';\n\nimport RoomRateRow from 'components/steps/room/roomDetails/roomRates/RoomRateRow';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { useState, useEffect, useContext, useMemo } from 'react';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport BEButton from 'components/generic/BEButton';\nimport { Color } from 'util/Color';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport RoomSortProvider from 'providers/RoomSortProvider';\n\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport DataLayer from 'util/DataLayer';\nimport MembersOnlyRow from 'components/steps/room/roomDetails/roomRates/MembersOnlyRow';\nimport ScreenSize from 'util/ScreenSize';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport { RoomRateListPromotion } from './RoomRateListPromotion/RoomRateListPromotion';\nexport interface RoomRatesProps {\n    roomCode: string;\n    rates: RoomRate[];\n\n    featuredRates?: RoomRate[];\n\n    classNames?: string;\n\n    hideMemberOnlyRow?: boolean;\n\n    // Inline Booking Widget overrides\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport default function RoomRates(props: RoomRatesProps) {\n    const { t } = useTranslation();\n    const [showingMoreOpen, setShowingMoreOpen] = useState(false);\n\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const { rates } = props;\n\n    const numOfRatesToShowFirst = beContext.screenSize <= ScreenSize.Medium ? 2 : 3;\n\n    const sortBy = beContext.currentRoomSort;\n\n    useEffect(() => {\n        if (basketContext.selectedBasketRow?.getRoom() && basketContext.selectedBasketRow.getRoom().code === props.roomCode) {\n            setShowingMoreOpen(true);\n        }\n    }, [basketContext.selectedBasketRow]);\n\n    useEffect(() => {\n        DataLayer.instance.sendRoomImpressions();\n    }, [showingMoreOpen]);\n\n    return useMemo(() => {\n        const featuredRates = props.featuredRates?.filter((rate) => !!rate);\n        const hasFeaturedRates = !!featuredRates && featuredRates.length > 0;\n\n        let sortedRates: RoomRate[];\n\n        if (rates.length !== 0) {\n            sortedRates = rates.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        // Need two sorts because of MOD\n        sortedRates = rates.sort((a, b) => {\n            if (a.isMemberOnly) {\n                return -1;\n            } else if (b.isMemberOnly) {\n                return 1;\n            } else {\n                return 0;\n            }\n        });\n\n        const showMoreOnClick = () => {\n            setShowingMoreOpen(true);\n        };\n\n        const itemsToRender = [];\n\n        const renderRoomRateRow = (rate: RoomRate, isPromo = false) => {\n            return <RoomRateRow key={rate.name} rate={rate} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} isPromoRate={isPromo} />;\n        };\n\n        const maxRows = hasFeaturedRates && !showingMoreOpen ? featuredRates.length : numOfRatesToShowFirst;\n        let rowsLeftToOpen = 0;\n\n        if (featuredRates && featuredRates.length) {\n            featuredRates.sort(RoomSortProvider.getSortByFunction(sortBy));\n            // First we add Featured Rates to the top of the list - no limits there\n            featuredRates.forEach((row) => {\n                if (row) {\n                    itemsToRender.push(renderRoomRateRow(row, true));\n                }\n            });\n        }\n\n        // Then we do a tricky check to see if MOD intent should be displayed\n        if (!hasFeaturedRates || showingMoreOpen) {\n            if (\n                !props.hideMemberOnlyRow &&\n                !!hotel?.memberOnlyPromoCode &&\n                (!ccx.signedInUser || hotel?.memberOnlyPromoCode === basketContext?.selectedBasketRow?.getPromoCode())\n            ) {\n                itemsToRender.push(<MembersOnlyRow />);\n            }\n        }\n\n        if (basketContext.loadedPromotion) {\n            itemsToRender.push(<RoomRateListPromotion promotion={basketContext.loadedPromotion} />);\n        }\n\n        // Then we add the remaining rates to the render list - stop adding if we hit `maxRows`\n        sortedRates.forEach((rate: RoomRate) => {\n            if (itemsToRender.length < maxRows || showingMoreOpen) {\n                itemsToRender.push(renderRoomRateRow(rate));\n            } else {\n                rowsLeftToOpen++;\n            }\n        });\n\n        return (\n            <div className={props.classNames ?? ''}>\n                {itemsToRender.map((item: any, index: number) => {\n                    return <React.Fragment key={index}>{item}</React.Fragment>;\n                })}\n                {rowsLeftToOpen > 0 && (\n                    <div className=\"room-show-more\">\n                        <BEButton icon={IconType.ArrowDown2} iconPosition=\"right\" stopIconAnimation={true} isText={true} textColor={Color.Navy} onClick={showMoreOnClick}>\n                            {t(Translation.Step.Room.RoomInfo.Show)} {rowsLeftToOpen} {t(Translation.Step.Room.RoomInfo.MoreRates)}\n                        </BEButton>\n                    </div>\n                )}\n            </div>\n        );\n    }, [props.featuredRates, rates, beContext.currentRoomSort, showingMoreOpen, basketContext?.loadedPromotion]);\n}\n"]}
+{"version":3,"file":"RoomRates.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRates.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport RoomRateRow from '@/components/steps/room/roomDetails/roomRates/RoomRateRow';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { useState, useEffect, useContext, useMemo } from 'react';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport { Color } from '@/util/Color';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\n\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport DataLayer from '@/util/DataLayer';\nimport MembersOnlyRow from '@/components/steps/room/roomDetails/roomRates/MembersOnlyRow';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport { RoomRateListPromotion } from './RoomRateListPromotion/RoomRateListPromotion';\nexport interface RoomRatesProps {\n    roomCode: string;\n    rates: RoomRate[];\n\n    featuredRates?: RoomRate[];\n\n    classNames?: string;\n\n    hideMemberOnlyRow?: boolean;\n\n    // Inline Booking Widget overrides\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport default function RoomRates(props: RoomRatesProps) {\n    const { t } = useTranslation();\n    const [showingMoreOpen, setShowingMoreOpen] = useState(false);\n\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const { rates } = props;\n\n    const numOfRatesToShowFirst = beContext.screenSize <= ScreenSize.Medium ? 2 : 3;\n\n    const sortBy = beContext.currentRoomSort;\n\n    useEffect(() => {\n        if (basketContext.selectedBasketRow?.getRoom() && basketContext.selectedBasketRow.getRoom().code === props.roomCode) {\n            setShowingMoreOpen(true);\n        }\n    }, [basketContext.selectedBasketRow]);\n\n    useEffect(() => {\n        DataLayer.instance.sendRoomImpressions();\n    }, [showingMoreOpen]);\n\n    return useMemo(() => {\n        const featuredRates = props.featuredRates?.filter((rate) => !!rate);\n        const hasFeaturedRates = !!featuredRates && featuredRates.length > 0;\n\n        let sortedRates: RoomRate[];\n\n        if (rates.length !== 0) {\n            sortedRates = rates.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        // Need two sorts because of MOD\n        sortedRates = rates.sort((a, b) => {\n            if (a.isMemberOnly) {\n                return -1;\n            } else if (b.isMemberOnly) {\n                return 1;\n            } else {\n                return 0;\n            }\n        });\n\n        const showMoreOnClick = () => {\n            setShowingMoreOpen(true);\n        };\n\n        const itemsToRender = [];\n\n        const renderRoomRateRow = (rate: RoomRate, isPromo = false) => {\n            return <RoomRateRow key={rate.name} rate={rate} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} isPromoRate={isPromo} />;\n        };\n\n        const maxRows = hasFeaturedRates && !showingMoreOpen ? featuredRates.length : numOfRatesToShowFirst;\n        let rowsLeftToOpen = 0;\n\n        if (featuredRates && featuredRates.length) {\n            featuredRates.sort(RoomSortProvider.getSortByFunction(sortBy));\n            // First we add Featured Rates to the top of the list - no limits there\n            featuredRates.forEach((row) => {\n                if (row) {\n                    itemsToRender.push(renderRoomRateRow(row, true));\n                }\n            });\n        }\n\n        // Then we do a tricky check to see if MOD intent should be displayed\n        if (!hasFeaturedRates || showingMoreOpen) {\n            if (\n                !props.hideMemberOnlyRow &&\n                !!hotel?.memberOnlyPromoCode &&\n                (!ccx.signedInUser || hotel?.memberOnlyPromoCode === basketContext?.selectedBasketRow?.getPromoCode())\n            ) {\n                itemsToRender.push(<MembersOnlyRow />);\n            }\n        }\n\n        if (basketContext.loadedPromotion) {\n            itemsToRender.push(<RoomRateListPromotion promotion={basketContext.loadedPromotion} />);\n        }\n\n        // Then we add the remaining rates to the render list - stop adding if we hit `maxRows`\n        sortedRates.forEach((rate: RoomRate) => {\n            if (itemsToRender.length < maxRows || showingMoreOpen) {\n                itemsToRender.push(renderRoomRateRow(rate));\n            } else {\n                rowsLeftToOpen++;\n            }\n        });\n\n        return (\n            <div className={props.classNames ?? ''}>\n                {itemsToRender.map((item: any, index: number) => {\n                    return <React.Fragment key={index}>{item}</React.Fragment>;\n                })}\n                {rowsLeftToOpen > 0 && (\n                    <div className=\"room-show-more\">\n                        <BEButton icon={IconType.ArrowDown2} iconPosition=\"right\" stopIconAnimation={true} isText={true} textColor={Color.Navy} onClick={showMoreOnClick}>\n                            {t(Translation.Step.Room.RoomInfo.Show)} {rowsLeftToOpen} {t(Translation.Step.Room.RoomInfo.MoreRates)}\n                        </BEButton>\n                    </div>\n                )}\n            </div>\n        );\n    }, [props.featuredRates, rates, beContext.currentRoomSort, showingMoreOpen, basketContext?.loadedPromotion]);\n}\n"]}

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

@@ -28,13 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Filter_1 = __importDefault(require("models/Room/Filters/Filter"));
-const Pill_1 = __importStar(require("components/generic/Pill"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Filter_1 = __importDefault(require("../../../../../models/Room/Filters/Filter"));
+const Pill_1 = __importStar(require("../../../../../components/generic/Pill"));
+const Icon_1 = require("../../../../../components/generic/Icon/Icon");
+const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("@frontend/contexts");
+const contexts_1 = require("../../../../../contexts/index.js");
 function AppliedFiltersBlock() {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();

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 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 hooks_1 = require("@frontend/hooks");
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const RoomFilterPriceSlider_1 = __importDefault(require("../../../../../components/steps/room/roomFilter/RoomFilterPriceSlider"));
+const contexts_1 = require("../../../../../contexts/index.js");
+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("../../../../../hooks/index.js");
+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)();