@roomstay/frontend 1.6.1 → 2.0.0-2

package/dist/src/components/steps/room/RoomListCrossSellBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from '../../generic/Headline';\nimport Text, { TextType } from '../../generic/Text';\nimport { Color } from '../../../util/Color';\nimport Icon, { IconType } from '../../generic/Icon';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../../translations/Translation';\nimport ScreenSize from '../../../util/ScreenSize';\nimport Currency from '../../generic/Currency';\nimport API from '../../../api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { API_DATE_FORMAT } from '../../../api/BaseAPI';\nimport SmallSpinner from '../../generic/loader/SmallSpinner';\nimport { Room } from '../../../models/Room/Room';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps) {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), props.hotelId, true)\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image);\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return (\n        isAvailable && (\n            <div className=\"u-marg-top--heavy u-marg-bottom\">\n                <div className=\"cross-sell-module\">\n                    <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${imageUrl}')` }} />\n                    <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                                <Headline bold={true} size={isReallyAvailable ? 'large' : 'normal'}>\n                                    {isLoading\n                                        ? 'A nearby hotel may have availability on your dates...'\n                                        : isReallyAvailable\n                                        ? 'Nearby hotel has availability on your dates!'\n                                        : 'Sorry, we checked and your dates are also unavailable in our nearby hotels'}\n                                </Headline>\n                            </div>\n                            {isReallyAvailable && (\n                                <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                    <Text color={Color.DarkGrey} type={TextType.Body}>\n                                        <strong style={{ color: Color.Accent }}>{name}</strong> <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n\n                        {isLoading ? (\n                            <SmallSpinner />\n                        ) : (\n                            <>\n                                {rooms.slice(0, 4).map((room, index) => {\n                                    const roomLink = link + '&room=' + room.code;\n                                    let classNames = 'u-flex align-items-end';\n                                    if (index < rooms.length - 1) {\n                                        classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                    }\n                                    return (\n                                        <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                            <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    {room.name}\n                                                </Text>\n                                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                    Sleeps {room.occupancy}\n                                                </Text>\n                                            </div>\n                                            <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                                    {t(Translation.Misc.From)}\n                                                </Text>\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    <Currency>{room.getLowestPrice(true)}</Currency>\n                                                </Text>\n                                            </div>\n                                        </a>\n                                    );\n                                })}\n                            </>\n                        )}\n\n                        {isReallyAvailable && (\n                            <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                                <a\n                                    className={\n                                        'MuiButtonBase-root link-button --primary --filled --success --icon-right --normal' +\n                                        (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')\n                                    }\n                                    tabIndex={0}\n                                    type=\"button\"\n                                    href={link}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <span>\n                                        See all {rooms.length} rooms\n                                        <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                        <span className=\"MuiTouchRipple-root\" />\n                                    </span>\n                                </a>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}
+{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport Currency from 'components/generic/Currency';\nimport API from 'api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { API_DATE_FORMAT } from 'api/BaseAPI';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\nimport { Room } from 'models/Room/Room';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps) {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), props.hotelId, true)\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image);\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return (\n        isAvailable && (\n            <div className=\"u-marg-top--heavy u-marg-bottom\">\n                <div className=\"cross-sell-module\">\n                    <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${imageUrl}')` }} />\n                    <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                                <Headline bold={true} size={isReallyAvailable ? 'large' : 'normal'}>\n                                    {isLoading\n                                        ? 'A nearby hotel may have availability on your dates...'\n                                        : isReallyAvailable\n                                        ? 'Nearby hotel has availability on your dates!'\n                                        : 'Sorry, we checked and your dates are also unavailable in our nearby hotels'}\n                                </Headline>\n                            </div>\n                            {isReallyAvailable && (\n                                <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                    <Text color={Color.DarkGrey} type={TextType.Body}>\n                                        <strong style={{ color: Color.Accent }}>{name}</strong> <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n\n                        {isLoading ? (\n                            <SmallSpinner />\n                        ) : (\n                            <>\n                                {rooms.slice(0, 4).map((room, index) => {\n                                    const roomLink = link + '&room=' + room.code;\n                                    let classNames = 'u-flex align-items-end';\n                                    if (index < rooms.length - 1) {\n                                        classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                    }\n                                    return (\n                                        <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                            <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    {room.name}\n                                                </Text>\n                                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                    Sleeps {room.occupancy}\n                                                </Text>\n                                            </div>\n                                            <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                                    {t(Translation.Misc.From)}\n                                                </Text>\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    <Currency>{room.getLowestPrice(true)}</Currency>\n                                                </Text>\n                                            </div>\n                                        </a>\n                                    );\n                                })}\n                            </>\n                        )}\n\n                        {isReallyAvailable && (\n                            <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                                <a\n                                    className={'link-button --primary --filled --success --icon-right --normal' + (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')}\n                                    tabIndex={0}\n                                    type=\"button\"\n                                    href={link}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <span>\n                                        See all {rooms.length} rooms\n                                        <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                    </span>\n                                </a>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}

package/dist/src/components/steps/room/RoomModal.d.ts

@@ -1,5 +1,5 @@
-import { Room } from '../../../models/Room/Room';
-import { RoomRate } from '../../../models/Room/RoomRate';
+import { Room } from 'models/Room/Room';
+import { RoomRate } from 'models/Room/RoomRate';
 interface RoomModalProps {
     room: Room;
     rates: RoomRate[];

package/dist/src/components/steps/room/RoomModal.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = require("../../generic/modal/SimpleModal");
-const Headline_1 = require("../../generic/Headline");
+const SimpleModal_1 = require("components/generic/modal/SimpleModal");
+const Headline_1 = require("components/generic/Headline");
 const React = require("react");
-const Icon_1 = require("../../generic/Icon");
-const Text_1 = require("../../generic/Text");
-const Color_1 = require("../../../util/Color");
-const LineBreak_1 = require("../../generic/LineBreak");
-const RoomRates_1 = require("./roomDetails/roomRates/RoomRates");
-const ImageGallerySlider_1 = require("./ImageGallerySlider");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/generic/Text");
+const Color_1 = require("util/Color");
+const LineBreak_1 = require("components/generic/LineBreak");
+const RoomRates_1 = require("components/steps/room/roomDetails/roomRates/RoomRates");
+const ImageGallerySlider_1 = require("components/steps/room/ImageGallerySlider");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../../translations/Translation");
-const RoomDetailsBedsBlock_1 = require("./roomDetails/RoomDetailsBedsBlock");
+const Translation_1 = require("translations/Translation");
+const RoomDetailsBedsBlock_1 = require("components/steps/room/roomDetails/RoomDetailsBedsBlock");
 const hooks_1 = require("@frontend/hooks");
 function RoomModal(props) {
     var _a;
-    const { t } = react_i18next_1.useTranslation();
-    const { hotel } = hooks_1.useCurrentHotel();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { perks, rooms } = hotel;
     const extraRoomData = rooms === null || rooms === void 0 ? void 0 : rooms[props.room.code];
     // Explode otherwise original data gets overwritten.

package/dist/src/components/steps/room/RoomModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from '../../generic/modal/SimpleModal';\nimport Headline from '../../generic/Headline';\nimport * as React from 'react';\nimport Icon, { IconType } from '../../generic/Icon';\nimport Text, { TextType } from '../../generic/Text';\nimport { Color } from '../../../util/Color';\nimport LineBreak from '../../generic/LineBreak';\nimport RoomRates from './roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from './ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../../translations/Translation';\nimport { Room } from '../../../models/Room/Room';\nimport { RoomDetailsBedsBlock } from './roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from '../../../models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel;\n\n    const extraRoomData = rooms?.[props.room.code];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData?.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} size={'large'}>\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\n                                    return (\n                                        <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                                            <div className=\"room-perk-icon --has-bg\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius={'round'} noPadding={true} size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline={true}>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() }} />\n                        </Text>\n                    </div>\n                </div>\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":";;AAAA,sEAAoF;AACpF,0DAAmD;AACnD,+BAA+B;AAC/B,uDAA8D;AAC9D,kDAAyD;AACzD,sCAAmC;AACnC,4DAAqD;AACrD,qFAA8E;AAC9E,iFAA0E;AAC1E,iDAA+C;AAC/C,0DAAuD;AAEvD,iGAA8F;AAE9F,2CAAkD;AAYlD,SAAwB,SAAS,CAAC,KAAqB;;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE/C,oDAAoD;IACpD,MAAM,SAAS,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,EAAC,CAAC,CAAC,CAAC,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhF,IAAI,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,MAAM,EAAE;QACjC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACvC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;KACN;IAED,OAAO,CACH,oBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO;QAC5J;YACI,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gBAC3B,oBAAC,4BAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,GAAI,CACpD;YAEN,6BAAK,SAAS,EAAC,wBAAwB;gBACnC,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,IAC9B,KAAK,CAAC,IAAI,CAAC,IAAI,CACT,CACT;gBACN,oBAAC,2CAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;gBAC1C,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;wBAC7C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAI,CACjF,CACL;gBACN,6BAAK,SAAS,EAAC,sBAAsB,IAChC,CAAC,CAAC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,KAAK,IACf,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBACvB,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8EAA8E;wBACrG,6BAAK,SAAS,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAO;wBAEhH,6BAAK,SAAS,EAAC,oBAAoB;4BAC/B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C,CACJ,CACT,CAAC;gBACN,CAAC,CAAC,CACA,CACT,CACC;gBACL,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAA,IAAI,CACpB;oBACI,6BAAK,SAAS,EAAC,eAAe;wBAC1B,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;4BAC3C,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAU,CAC/D,CACL;oBACN,6BAAK,SAAS,EAAC,KAAK,IACf,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;wBACvB,OAAO,CACH,6BAAK,GAAG,EAAE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAC,4DAA4D;4BACjG,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,GAAG;4BACnI,6BAAK,SAAS,EAAC,2BAA2B;gCACtC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,IACnC,OAAO,CAAC,WAAW,CACjB,CACL,CACJ,CACT,CAAC;oBACN,CAAC,CAAC,CACA,CACP,CACN;gBACD,oBAAC,mBAAS,OAAG;gBACb,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,GAAI,CAC3E,CACL,CACJ;YACN,oBAAC,mBAAS,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAI,CAC9F,CACI,CACjB,CAAC;AACN,CAAC;AAvFD,4BAuFC","sourcesContent":["import SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport Headline from 'components/generic/Headline';\nimport * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport LineBreak from 'components/generic/LineBreak';\nimport RoomRates from 'components/steps/room/roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Room } from 'models/Room/Room';\nimport { RoomDetailsBedsBlock } from 'components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel;\n\n    const extraRoomData = rooms?.[props.room.code];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData?.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} size={'large'}>\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\n                                    return (\n                                        <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                                            <div className=\"room-perk-icon --has-bg\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius={'round'} noPadding={true} size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline={true}>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() }} />\n                        </Text>\n                    </div>\n                </div>\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomAlertBlocks.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const contexts_1 = require("@frontend/contexts");
-const Alert_1 = require("../../generic/Alert");
-const Icon_1 = require("../../generic/Icon");
-const Text_1 = require("../../generic/Text");
+const Alert_1 = require("components/generic/Alert");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/generic/Text");
 const react_1 = require("react");
-const AutoAutoHeight_1 = require("../../../animations/AutoAutoHeight");
+const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../../translations/Translation");
-const StepRoomBestRateAlert_1 = require("./StepRoomBestRateAlert");
+const Translation_1 = require("translations/Translation");
+const StepRoomBestRateAlert_1 = require("components/steps/room/StepRoomBestRateAlert");
 function StepRoomAlertBlocks() {
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
     const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());
     return (React.createElement("div", { className: "u-marg-top u-marg-bottom" },
         React.createElement(StepRoomBestRateAlert_1.default, null),

package/dist/src/components/steps/room/StepRoomAlertBlocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAAmD;AACnD,+CAAuD;AACvD,6CAA8C;AAC9C,6CAAoD;AACpD,iCAAmC;AACnC,uEAAgE;AAChE,iDAA+C;AAC/C,mEAAgE;AAChE,mEAA4D;AAE5D,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,+BAAqB,OAAG;QACzB,oBAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC;AAjBD,sCAiBC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from '../../generic/Alert';\nimport { IconType } from '../../generic/Icon';\nimport Text, { TextType } from '../../generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from '../../../animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../../translations/Translation';\nimport StepRoomBestRateAlert from './StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAAmD;AACnD,oDAA4D;AAC5D,uDAAwD;AACxD,kDAAyD;AACzD,iCAAmC;AACnC,8DAAuD;AACvD,iDAA+C;AAC/C,0DAAuD;AACvD,uFAAgF;AAEhF,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,+BAAqB,OAAG;QACzB,oBAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC;AAjBD,sCAiBC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport StepRoomBestRateAlert from 'components/steps/room/StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomBestRateAlert.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEP_ROOM_BEST_RATE_ALERT = void 0;
 const React = require("react");
-const DIProvider_1 = require("../../../providers/DIProvider");
-const Alert_1 = require("../../generic/Alert");
-const Icon_1 = require("../../generic/Icon");
-const Text_1 = require("../../generic/Text");
-const Translation_1 = require("../../../translations/Translation");
+const DIProvider_1 = require("providers/DIProvider");
+const Alert_1 = require("components/generic/Alert");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/generic/Text");
+const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
 exports.STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';
 function OriginalBestRateAlert() {
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
     const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());
     const hyphen = t(Translation_1.Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';
     return (React.createElement(Alert_1.default, { icon: Icon_1.IconType.Money, noMargin: !isEditingRow },
@@ -23,7 +23,7 @@ function OriginalBestRateAlert() {
             t(Translation_1.Translation.Misc.Alerts.BestRatePerksAlert))));
 }
 function StepRoomBestRateAlert() {
-    return DIProvider_1.withDI(exports.STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);
+    return (0, DIProvider_1.withDI)(exports.STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);
 }
 exports.default = StepRoomBestRateAlert;
 //# sourceMappingURL=StepRoomBestRateAlert.js.map

package/dist/src/components/steps/room/StepRoomBestRateAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,8DAAuD;AACvD,+CAAwC;AACxC,6CAA8C;AAC9C,6CAAoD;AACpD,mEAAgE;AAChE,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,mBAAM,CAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import * as React from 'react';\nimport { withDI } from '../../../providers/DIProvider';\nimport Alert from '../../generic/Alert';\nimport { IconType } from '../../generic/Icon';\nimport Text, { TextType } from '../../generic/Text';\nimport { Translation } from '../../../translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}
+{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAA8C;AAC9C,oDAA6C;AAC7C,uDAAwD;AACxD,kDAAyD;AACzD,0DAAuD;AACvD,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import * as React from 'react';\nimport { withDI } from 'providers/DIProvider';\nimport Alert from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}

package/dist/src/components/steps/room/StepRoomErrorForm.js

@@ -16,7 +16,7 @@ const BookingAPI_1 = require("api/BookingAPI");
 const Alert_1 = require("components/generic/Alert");
 const BEButton_1 = require("components/generic/BEButton");
 const Headline_1 = require("components/generic/Headline");
-const Icon_1 = require("components/generic/Icon");
+const Icon_1 = require("components/generic/Icon/Icon");
 const Text_1 = require("components/generic/Text");
 const TextBox_1 = require("components/generic/TextBox");
 const dayjs = require("dayjs");
@@ -27,14 +27,13 @@ const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const Color_1 = require("util/Color");
-const Validation_1 = require("util/Validation");
-exports.StepRoomErrorForm = () => {
-    const { register, handleSubmit, formState } = react_hook_form_1.useForm();
-    const { hotel } = CurrentHotelHook_1.useCurrentHotel();
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
-    const [apiStatus, setApiStatus] = react_1.useState({});
-    const [isLoading, setIsLoading] = react_1.useState(false);
+const StepRoomErrorForm = () => {
+    const { register, handleSubmit, formState } = (0, react_hook_form_1.useForm)();
+    const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [apiStatus, setApiStatus] = (0, react_1.useState)({});
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
         setApiStatus({});
         setIsLoading(true);
@@ -95,7 +94,7 @@ exports.StepRoomErrorForm = () => {
                                 message: `${t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,
                             },
                             pattern: {
-                                value: Validation_1.EMAIL_REGEX,
+                                value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
                                 message: 'Email must be valid',
                             },
                         })))),
@@ -114,4 +113,5 @@ exports.StepRoomErrorForm = () => {
                         React.createElement("div", { className: "u-pad-top" },
                             React.createElement(Text_1.default, { color: Color_1.Color.Alert }, apiStatus.message))))))));
 };
+exports.StepRoomErrorForm = StepRoomErrorForm;
 //# sourceMappingURL=StepRoomErrorForm.js.map

package/dist/src/components/steps/room/StepRoomErrorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomErrorForm.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomErrorForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport API from 'api/BookingAPI';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport BEButton from 'components/generic/BEButton';\nimport Headline from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport TextBox from 'components/generic/TextBox';\nimport * as dayjs from 'dayjs';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\nimport * as React from 'react';\nimport { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport { EMAIL_REGEX } from 'util/Validation';\n\nexport const StepRoomErrorForm = () => {\n    const { register, handleSubmit, formState } = useForm();\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            const br = basketContext.selectedBasketRow;\n            let searchQuery = '';\n            [\n                { name: 'Adults', value: br.getAdults() },\n                { name: 'Children', value: br.getChildren() },\n                { name: 'Promo Code', value: br.getPromoCode() },\n                { name: 'Dates range', value: br.getStayDateRange('ddd D MMM YYYY', ' till ') },\n                { name: 'Date Sent', value: dayjs().format('dd D MMM YYYY') },\n            ].forEach(({ name, value }) => {\n                if (value) {\n                    searchQuery += `${name}: ${value}\\n`;\n                }\n            });\n\n            await API.Error.sendRoomFallbackForm(hotel.hotelID, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                searchQuery,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    return (\n        <div className=\"u-fill-white u-rounded\">\n            <div className=\"row u-pad--heavy\">\n                <div className=\"col-lg-6 d-flex justify-content-center flex-column\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Icon icon={IconType.Error} color={Color.Alert} size={'24px'} />\n                    </div>\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} color={Color.Alert}>\n                            <span style={{ color: 'inherit' }} dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Title) }} />\n                        </Headline>\n                    </div>\n\n                    <Text type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Description) }} />\n                    </Text>\n                </div>\n                <div className=\"col-lg-6\">\n                    <form>\n                        <AutoAutoHeight open={!!formState.errors}>\n                            {Object.values(formState.errors).map((error) => {\n                                return (\n                                    <Alert type={AlertType.Danger}>\n                                        <Text type={TextType.Small}>{error.message}</Text>\n                                    </Alert>\n                                );\n                            })}\n                        </AutoAutoHeight>\n                        <div className=\"u-marg-bottom--light u-marg-top\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Name)}\n                                {...register('name', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Name)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Email)}\n                                {...register('email', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,\n                                    },\n                                    pattern: {\n                                        value: EMAIL_REGEX,\n                                        message: 'Email must be valid',\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Telephone)}\n                                {...register('telephone', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Telephone)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <BEButton filled={true} primary={true} onClick={handleSubmit(onSubmit)} isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                            {t(Translation.Step.Room.ErrorForm.ContactUsButton)}\n                        </BEButton>\n\n                        <AutoAutoHeight open={apiStatus.success}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                            </div>\n                        </AutoAutoHeight>\n\n                        <AutoAutoHeight open={apiStatus.success === false}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Alert}>{apiStatus.message}</Text>\n                            </div>\n                        </AutoAutoHeight>\n                    </form>\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"StepRoomErrorForm.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomErrorForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport API from 'api/BookingAPI';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport BEButton from 'components/generic/BEButton';\nimport Headline from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport TextBox from 'components/generic/TextBox';\nimport * as dayjs from 'dayjs';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\nimport * as React from 'react';\nimport { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\n\nexport const StepRoomErrorForm = () => {\n    const { register, handleSubmit, formState } = useForm();\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            const br = basketContext.selectedBasketRow;\n            let searchQuery = '';\n            [\n                { name: 'Adults', value: br.getAdults() },\n                { name: 'Children', value: br.getChildren() },\n                { name: 'Promo Code', value: br.getPromoCode() },\n                { name: 'Dates range', value: br.getStayDateRange('ddd D MMM YYYY', ' till ') },\n                { name: 'Date Sent', value: dayjs().format('dd D MMM YYYY') },\n            ].forEach(({ name, value }) => {\n                if (value) {\n                    searchQuery += `${name}: ${value}\\n`;\n                }\n            });\n\n            await API.Error.sendRoomFallbackForm(hotel.hotelID, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                searchQuery,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    return (\n        <div className=\"u-fill-white u-rounded\">\n            <div className=\"row u-pad--heavy\">\n                <div className=\"col-lg-6 d-flex justify-content-center flex-column\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Icon icon={IconType.Error} color={Color.Alert} size={'24px'} />\n                    </div>\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} color={Color.Alert}>\n                            <span style={{ color: 'inherit' }} dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Title) }} />\n                        </Headline>\n                    </div>\n\n                    <Text type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Description) }} />\n                    </Text>\n                </div>\n                <div className=\"col-lg-6\">\n                    <form>\n                        <AutoAutoHeight open={!!formState.errors}>\n                            {Object.values(formState.errors).map((error) => {\n                                return (\n                                    <Alert type={AlertType.Danger}>\n                                        <Text type={TextType.Small}>{error.message}</Text>\n                                    </Alert>\n                                );\n                            })}\n                        </AutoAutoHeight>\n                        <div className=\"u-marg-bottom--light u-marg-top\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Name)}\n                                {...register('name', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Name)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Email)}\n                                {...register('email', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,\n                                    },\n                                    pattern: {\n                                        value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n                                        message: 'Email must be valid',\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Telephone)}\n                                {...register('telephone', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Telephone)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <BEButton filled={true} primary={true} onClick={handleSubmit(onSubmit)} isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                            {t(Translation.Step.Room.ErrorForm.ContactUsButton)}\n                        </BEButton>\n\n                        <AutoAutoHeight open={apiStatus.success}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                            </div>\n                        </AutoAutoHeight>\n\n                        <AutoAutoHeight open={apiStatus.success === false}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Alert}>{apiStatus.message}</Text>\n                            </div>\n                        </AutoAutoHeight>\n                    </form>\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/steps/room/StepRoomHotelDetails.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const Headline_1 = require("../../generic/Headline");
-const Color_1 = require("../../../util/Color");
-const Text_1 = require("../../generic/Text");
-const Translation_1 = require("../../../translations/Translation");
+const Headline_1 = require("components/generic/Headline");
+const Color_1 = require("util/Color");
+const Text_1 = require("components/generic/Text");
+const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const HotelOverridesContext_1 = require("../../../contexts/HotelOverridesContext");
 function StepRoomHotelDetails() {
-    const { hotel } = hooks_1.useCurrentHotel();
-    const ccx = react_1.useContext(contexts_1.CompanyContext);
-    const overrides = react_1.useContext(HotelOverridesContext_1.HotelOverridesContext);
-    const { t } = react_i18next_1.useTranslation();
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const overrides = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
     const hideByLine = overrides.hideByLine || hotel.hideByLine;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "u-marg-bottom" },

package/dist/src/components/steps/room/StepRoomHotelDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomHotelDetails.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomHotelDetails.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,qDAA8C;AAC9C,+CAA4C;AAC5C,6CAAoD;AACpD,mEAAgE;AAChE,iDAA+C;AAC/C,2CAAkD;AAClD,iCAAmC;AACnC,iDAAoD;AACpD,mFAAgF;AAEhF,SAAwB,oBAAoB;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IACpC,MAAM,GAAG,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,kBAAU,CAAC,6CAAqB,CAAC,CAAC;IAEpD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC;IAE5D,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAY;YAEpD,CAAC,UAAU,IAAI,CACZ,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAAG,GAAG,CAAC,IAAI,CAC/B,CACV,CACC;QACN,6BAAK,SAAS,EAAC,KAAK;YAChB,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;YACN,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxCD,uCAwCC","sourcesContent":["import * as React from 'react';\nimport Headline from '../../generic/Headline';\nimport { Color } from '../../../util/Color';\nimport Text, { TextType } from '../../generic/Text';\nimport { Translation } from '../../../translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from '../../../contexts/HotelOverridesContext';\n\nexport default function StepRoomHotelDetails() {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const overrides = useContext(HotelOverridesContext);\n\n    const { t } = useTranslation();\n\n    const hideByLine = overrides.hideByLine || hotel.hideByLine;\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline color={Color.Navy}>{hotel?.name}</Headline>\n\n                {!hideByLine && (\n                    <Text color={Color.DarkGrey}>\n                        {t(Translation.Misc.By)} {ccx.name}\n                    </Text>\n                )}\n            </div>\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.After)} {hotel?.checkInTime}\n                    </Text>\n                </div>\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomHotelDetails.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomHotelDetails.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,0DAAmD;AACnD,sCAAmC;AACnC,kDAAyD;AACzD,0DAAuD;AACvD,iDAA+C;AAC/C,2CAAkD;AAClD,iCAAmC;AACnC,iDAA2E;AAE3E,SAAwB,oBAAoB;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC;IAE5D,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAY;YAEpD,CAAC,UAAU,IAAI,CACZ,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAAG,GAAG,CAAC,IAAI,CAC/B,CACV,CACC;QACN,6BAAK,SAAS,EAAC,KAAK;YAChB,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;YACN,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxCD,uCAwCC","sourcesContent":["import * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useContext } from 'react';\nimport { CompanyContext, HotelOverridesContext } from '@frontend/contexts';\n\nexport default function StepRoomHotelDetails() {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const overrides = useContext(HotelOverridesContext);\n\n    const { t } = useTranslation();\n\n    const hideByLine = overrides.hideByLine || hotel.hideByLine;\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline color={Color.Navy}>{hotel?.name}</Headline>\n\n                {!hideByLine && (\n                    <Text color={Color.DarkGrey}>\n                        {t(Translation.Misc.By)} {ccx.name}\n                    </Text>\n                )}\n            </div>\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.After)} {hotel?.checkInTime}\n                    </Text>\n                </div>\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomNextStepButton.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const NextStepButton_1 = require("../../generic/buttons/NextStepButton");
+const NextStepButton_1 = require("components/generic/buttons/NextStepButton");
 const React = require("react");
-const Translation_1 = require("../../../translations/Translation");
+const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
 const react_1 = require("react");
-const DataLayer_1 = require("../../../util/DataLayer");
+const DataLayer_1 = require("util/DataLayer");
 function StepRoomNextStepButton(props) {
-    const { t } = react_i18next_1.useTranslation();
-    const context = react_1.useContext(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const context = (0, react_1.useContext)(contexts_1.BasketContext);
     const onClickHandler = () => new Promise((resolve) => {
         DataLayer_1.default.instance.sendInteraction('Next Step', DataLayer_1.InteractionType.BUTTON, DataLayer_1.InteractionStep.ROOMS);
         context.clearSelectedRates();

package/dist/src/components/steps/room/StepRoomNextStepButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;AAAA,yEAAkE;AAClE,+BAA+B;AAC/B,mEAAgE;AAChE,iDAA+C;AAC/C,iDAAmD;AACnD,iCAAmC;AACnC,uDAAsF;AAItF,SAAwB,sBAAsB,CAAC,KAAU;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CACxB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC/F,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAC3C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,IAAI,GACrB,CACL,CAAC;AACN,CAAC;AAtBD,yCAsBC","sourcesContent":["import NextStepButton from '../../generic/buttons/NextStepButton';\nimport * as React from 'react';\nimport { Translation } from '../../../translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from '../../../util/DataLayer';\nimport StepRoom from '../../../pages/steps/StepRoom/StepRoom';\nimport Step from '../../../pages/steps/Step';\n\nexport default function StepRoomNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const onClickHandler = () =>\n        new Promise((resolve) => {\n            DataLayer.instance.sendInteraction('Next Step', InteractionType.BUTTON, InteractionStep.ROOMS);\n            context.clearSelectedRates();\n\n            resolve(true);\n        });\n\n    return (\n        <NextStepButton\n            text={t(Translation.Step.Room.NextStep)}\n            history={props.history}\n            disabled={!context.getAllValidRows().length}\n            currentStep={props.currentStep}\n            onClick={onClickHandler}\n            wideByDefault={true}\n        />\n    );\n}\n"]}
+{"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;AAAA,8EAAuE;AACvE,+BAA+B;AAC/B,0DAAuD;AACvD,iDAA+C;AAC/C,iDAAmD;AACnD,iCAAmC;AACnC,8CAA6E;AAI7E,SAAwB,sBAAsB,CAAC,KAAU;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CACxB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC/F,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAC3C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,IAAI,GACrB,CACL,CAAC;AACN,CAAC;AAtBD,yCAsBC","sourcesContent":["import NextStepButton from 'components/generic/buttons/NextStepButton';\nimport * as React from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport StepRoom from 'pages/steps/StepRoom/StepRoom';\nimport Step from 'pages/steps/Step';\n\nexport default function StepRoomNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const onClickHandler = () =>\n        new Promise((resolve) => {\n            DataLayer.instance.sendInteraction('Next Step', InteractionType.BUTTON, InteractionStep.ROOMS);\n            context.clearSelectedRates();\n\n            resolve(true);\n        });\n\n    return (\n        <NextStepButton\n            text={t(Translation.Step.Room.NextStep)}\n            history={props.history}\n            disabled={!context.getAllValidRows().length}\n            currentStep={props.currentStep}\n            onClick={onClickHandler}\n            wideByDefault={true}\n        />\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomSortBy.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const BESelect_1 = require("../../generic/BESelect");
-const Icon_1 = require("../../generic/Icon");
-const RoomSortProvider_1 = require("../../../providers/RoomSortProvider");
-const DataLayer_1 = require("../../../util/DataLayer");
+const BESelect_1 = require("components/generic/BESelect");
+const Icon_1 = require("components/generic/Icon/Icon");
+const RoomSortProvider_1 = require("providers/RoomSortProvider");
+const DataLayer_1 = require("util/DataLayer");
 const contexts_1 = require("@frontend/contexts");
 function StepRoomSortBy() {
-    const beContext = react_1.useContext(contexts_1.BookingEngineContext);
-    const [sortBy, setSortBy] = react_1.useState(beContext.currentRoomSort);
+    const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const [sortBy, setSortBy] = (0, react_1.useState)(beContext.currentRoomSort);
     const onChangeHandler = (selected) => {
         DataLayer_1.default.instance.sendInteraction('Change Sort', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
         setSortBy(selected);

package/dist/src/components/steps/room/StepRoomSortBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomSortBy.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSortBy.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA6C;AAC7C,qDAA8C;AAC9C,6CAAwD;AACxD,0EAA+D;AAC/D,uDAAsF;AACtF,iDAA0D;AAE1D,SAAwB,cAAc;IAClC,MAAM,SAAS,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,CAAC,QAAa,EAAE,EAAE;QACtC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACnG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,kBAAQ,IACL,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,eAAe,EACzB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,yBAAkB,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC5C,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAClB,CAAC;QACN,CAAC,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AAtBD,iCAsBC","sourcesContent":["import * as React from 'react';\nimport { useState, useContext } from 'react';\nimport BESelect from '../../generic/BESelect';\nimport { IconDropdownFilled } from '../../generic/Icon';\nimport { RoomSort } from '../../../providers/RoomSortProvider';\nimport DataLayer, { InteractionStep, InteractionType } from '../../../util/DataLayer';\nimport { BookingEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSortBy() {\n    const beContext = useContext(BookingEngineContext);\n    const [sortBy, setSortBy] = useState(beContext.currentRoomSort);\n    const onChangeHandler = (selected: any) => {\n        DataLayer.instance.sendInteraction('Change Sort', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setSortBy(selected);\n        beContext.setCurrentRoomSort(selected);\n    };\n    return (\n        <BESelect\n            className=\"u-flex align-items-center\"\n            onChange={onChangeHandler}\n            selectedValue={sortBy}\n            iconComponent={IconDropdownFilled}\n            items={Object.values(RoomSort).map((sortName) => {\n                return {\n                    text: sortName,\n                    value: sortName,\n                };\n            })}\n        />\n    );\n}\n"]}
+{"version":3,"file":"StepRoomSortBy.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSortBy.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA6C;AAC7C,0DAAmD;AACnD,uDAAkE;AAClE,iEAAsD;AACtD,8CAA6E;AAC7E,iDAA0D;AAE1D,SAAwB,cAAc;IAClC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,CAAC,QAAa,EAAE,EAAE;QACtC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACnG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,kBAAQ,IACL,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,eAAe,EACzB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,yBAAkB,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC5C,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAClB,CAAC;QACN,CAAC,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AAtBD,iCAsBC","sourcesContent":["import * as React from 'react';\nimport { useState, useContext } from 'react';\nimport BESelect from 'components/generic/BESelect';\nimport { IconDropdownFilled } from 'components/generic/Icon/Icon';\nimport { RoomSort } from 'providers/RoomSortProvider';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { BookingEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSortBy() {\n    const beContext = useContext(BookingEngineContext);\n    const [sortBy, setSortBy] = useState(beContext.currentRoomSort);\n    const onChangeHandler = (selected: any) => {\n        DataLayer.instance.sendInteraction('Change Sort', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setSortBy(selected);\n        beContext.setCurrentRoomSort(selected);\n    };\n    return (\n        <BESelect\n            className=\"u-flex align-items-center\"\n            onChange={onChangeHandler}\n            selectedValue={sortBy}\n            iconComponent={IconDropdownFilled}\n            items={Object.values(RoomSort).map((sortName) => {\n                return {\n                    text: sortName,\n                    value: sortName,\n                };\n            })}\n        />\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomSummaryAndButton.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const StepRoomNextStepButton_1 = require("./StepRoomNextStepButton");
-const react_router_1 = require("react-router");
-const ScreenSize_1 = require("../../../util/ScreenSize");
+const StepRoomNextStepButton_1 = require("components/steps/room/StepRoomNextStepButton");
+const react_router_dom_1 = require("react-router-dom");
+const ScreenSize_1 = require("util/ScreenSize");
 const react_1 = require("react");
-const BESummary_1 = require("../../summary/BESummary");
+const BESummary_1 = require("components/summary/BESummary");
 const react_use_measure_1 = require("react-use-measure");
 const contexts_1 = require("@frontend/contexts");
-const BESummaryPrivacyPolicy_1 = require("../../summary/BESummaryPrivacyPolicy");
+const BESummaryPrivacyPolicy_1 = require("components/summary/BESummaryPrivacyPolicy");
 const contexts_2 = require("@frontend/contexts");
 function StepRoomSummaryAndButton() {
-    const context = react_1.useContext(contexts_1.BookingEngineContext);
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { currentStep } = react_1.useContext(contexts_2.FullPageEngineContext);
-    const history = react_router_1.useHistory();
-    const [styles, setStyles] = react_1.useState({ top: 0 });
-    const [measureBind, bounds] = react_use_measure_1.default();
-    react_1.useEffect(() => {
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_2.FullPageEngineContext);
+    const history = (0, react_router_dom_1.useHistory)();
+    const [styles, setStyles] = (0, react_1.useState)({ top: 0 });
+    const [measureBind, bounds] = (0, react_use_measure_1.default)();
+    (0, react_1.useEffect)(() => {
         const screenHeight = window.innerHeight;
         const { height } = bounds;
         if (screenHeight < height) {
@@ -27,7 +27,7 @@ function StepRoomSummaryAndButton() {
             setStyles({ top: 150 });
         }
     }, [bounds]);
-    return react_1.useMemo(() => (React.createElement("div", { ref: measureBind, style: Object.assign({ position: 'sticky' }, styles) },
+    return (0, react_1.useMemo)(() => (React.createElement("div", { ref: measureBind, style: Object.assign({ position: 'sticky' }, styles) },
         !!basketContext.getAllValidRows().length && (React.createElement("div", { className: "u-marg-bottom--heavy" },
             React.createElement(StepRoomNextStepButton_1.default, { currentStep: currentStep, history: history }))),
         context.screenSize > ScreenSize_1.default.Medium && React.createElement(BESummary_1.BESummary, null),

package/dist/src/components/steps/room/StepRoomSummaryAndButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,qEAA8D;AAC9D,+CAA0C;AAC1C,yDAAkD;AAClD,iCAAiE;AACjE,uDAAoD;AACpD,yDAA2C;AAC3C,iDAAyE;AACzE,iFAA0E;AAC1E,iDAA2D;AAE3D,SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAU,CAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,yBAAU,EAAE,CAAC;IAE7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,2BAAU,EAAE,CAAC;IAE3C,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;QAExC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAE1B,IAAI,YAAY,GAAG,MAAM,EAAE;YACvB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SACrD;aAAM;YACH,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,eAAO,CACV,GAAG,EAAE,CAAC,CACF,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,qBAAS,OAAG;QACxD,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AA5CD,2CA4CC","sourcesContent":["import * as React from 'react';\nimport StepRoomNextStepButton from './StepRoomNextStepButton';\nimport { useHistory } from 'react-router';\nimport ScreenSize from '../../../util/ScreenSize';\nimport { useContext, useState, useEffect, useMemo } from 'react';\nimport { BESummary } from '../../summary/BESummary';\nimport useMeasure from 'react-use-measure';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport BESummaryPrivacyPolicy from '../../summary/BESummaryPrivacyPolicy';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSummaryAndButton() {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const history = useHistory();\n\n    const [styles, setStyles] = useState<{ top: number }>({ top: 0 });\n    const [measureBind, bounds] = useMeasure();\n\n    useEffect(() => {\n        const screenHeight = window.innerHeight;\n\n        const { height } = bounds;\n\n        if (screenHeight < height) {\n            setStyles({ top: -(height - screenHeight + 40) });\n        } else {\n            setStyles({ top: 150 });\n        }\n    }, [bounds]);\n\n    return useMemo(\n        () => (\n            <div ref={measureBind} style={{ position: 'sticky', ...styles }}>\n                {!!basketContext.getAllValidRows().length && (\n                    <div className=\"u-marg-bottom--heavy\">\n                        <StepRoomNextStepButton currentStep={currentStep} history={history} />\n                    </div>\n                )}\n                {context.screenSize > ScreenSize.Medium && <BESummary />}\n                <div className=\"u-marg-top--heavy\">\n                    <StepRoomNextStepButton currentStep={currentStep} history={history} />\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"u-marg-top--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                )}\n            </div>\n        ),\n        [context.screenSize, styles.top]\n    );\n}\n"]}
+{"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yFAAkF;AAClF,uDAA8C;AAC9C,gDAAyC;AACzC,iCAAiE;AACjE,4DAAyD;AACzD,yDAA2C;AAC3C,iDAAyE;AACzE,sFAA+E;AAC/E,iDAA2D;AAE3D,SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,IAAA,2BAAU,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;QAExC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAE1B,IAAI,YAAY,GAAG,MAAM,EAAE;YACvB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SACrD;aAAM;YACH,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CAAC,CACF,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,qBAAS,OAAG;QACxD,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AA5CD,2CA4CC","sourcesContent":["import * as React from 'react';\nimport StepRoomNextStepButton from 'components/steps/room/StepRoomNextStepButton';\nimport { useHistory } from 'react-router-dom';\nimport ScreenSize from 'util/ScreenSize';\nimport { useContext, useState, useEffect, useMemo } from 'react';\nimport { BESummary } from 'components/summary/BESummary';\nimport useMeasure from 'react-use-measure';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport BESummaryPrivacyPolicy from 'components/summary/BESummaryPrivacyPolicy';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSummaryAndButton() {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const history = useHistory();\n\n    const [styles, setStyles] = useState<{ top: number }>({ top: 0 });\n    const [measureBind, bounds] = useMeasure();\n\n    useEffect(() => {\n        const screenHeight = window.innerHeight;\n\n        const { height } = bounds;\n\n        if (screenHeight < height) {\n            setStyles({ top: -(height - screenHeight + 40) });\n        } else {\n            setStyles({ top: 150 });\n        }\n    }, [bounds]);\n\n    return useMemo(\n        () => (\n            <div ref={measureBind} style={{ position: 'sticky', ...styles }}>\n                {!!basketContext.getAllValidRows().length && (\n                    <div className=\"u-marg-bottom--heavy\">\n                        <StepRoomNextStepButton currentStep={currentStep} history={history} />\n                    </div>\n                )}\n                {context.screenSize > ScreenSize.Medium && <BESummary />}\n                <div className=\"u-marg-top--heavy\">\n                    <StepRoomNextStepButton currentStep={currentStep} history={history} />\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"u-marg-top--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                )}\n            </div>\n        ),\n        [context.screenSize, styles.top]\n    );\n}\n"]}

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.d.ts

@@ -1,4 +1,4 @@
-import BasketRow from '../../../../models/BasketRow';
+import BasketRow from 'models/BasketRow';
 interface NumberOfAdultsPickerProps {
     row: BasketRow;
     onChange: (value: any) => void;