@roomstay/frontend 2.6.3 → 2.6.5

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

@@ -32,9 +32,8 @@ const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const Currency_1 = __importDefault(require("../generic/Currency"));
-const Headline_1 = __importDefault(require("../generic/Headline"));
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
-const Text_1 = __importStar(require("../generic/Text"));
+const Text_1 = __importDefault(require("../generic/Text"));
 const StepDatePricePerRoom_1 = __importDefault(require("../steps/date/StepDatePricePerRoom"));
 const BEMobileSummaryModal_1 = __importDefault(require("./BEMobileSummaryModal"));
 const useSearchScopeHook_1 = require("../../hooks/useSearchScopeHook");
@@ -59,28 +58,35 @@ function BEMobileSummary() {
             setModalOpen(false);
         };
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: "be-mobile-summary row u-border-bottom u-pad-top-bottom u-marg-bottom", onClick: openModal },
-                react_1.default.createElement("div", { className: "col-8" },
+            react_1.default.createElement("div", { className: "be-mobile-summary row u-border-bottom u-pad u-marg-bottom", onClick: openModal },
+                react_1.default.createElement("div", { className: "be-mobile-summary-select-date-header" },
                     react_1.default.createElement("div", { className: "u-flex u-flex-flex-start" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                            react_1.default.createElement("span", Object.assign({}, (basketContext.startDate ? { style: { color: Color_1.Color.Accent, fontWeight: 'bold' } } : {})), basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation_1.Translation.Step.Date.Arrival))),
+                        react_1.default.createElement(Text_1.default, { className: "select-date-header-title" },
+                            react_1.default.createElement("span", Object.assign({}, (basketContext.startDate ? { style: { color: Color_1.Color.Accent, fontWeight: 'bold' } } : {})), basketContext.startDate ? basketContext.startDate.format('MMM D') : t(Translation_1.Translation.Step.Date.Arrival))),
                         react_1.default.createElement("span", { className: "u-marg-left-right--light" },
                             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, size: "18px", color: Color_1.Color.DarkGrey })),
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                            react_1.default.createElement("span", Object.assign({}, (basketContext.endDate ? { style: { color: Color_1.Color.Accent, fontWeight: 'bold' } } : {})), basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation_1.Translation.Step.Date.Departure)))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                        basketContext.getNumberOfAdults(true),
-                        ",\u00A0",
-                        showChildren ? react_1.default.createElement(react_1.default.Fragment, null,
-                            basketContext.getNumberOfChildren(true),
-                            ",\u00A0") : null,
-                        ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.childConfiguration) === null || _a === void 0 ? void 0 : _a.supportInfants) ? react_1.default.createElement(react_1.default.Fragment, null,
-                            basketContext.getNumberOfInfants(true),
-                            ",\u00A0") : null,
-                        basketContext.getNumberOfRooms(true))),
-                react_1.default.createElement("div", { className: "col-4 u-flex u-flex-flex-end u-flex-align-center" },
-                    react_1.default.createElement(Headline_1.default, { bold: true, size: "normal", align: TextAlignment_1.TextAlign.Right }, currentStep === StepDate_1.default ? react_1.default.createElement(StepDatePricePerRoom_1.default, { isMobile: true }) : react_1.default.createElement(Currency_1.default, null, basketContext.getTotalPrice())),
-                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, size: "18px", color: Color_1.Color.DarkGrey }))),
+                        react_1.default.createElement(Text_1.default, { className: "select-date-header-title" },
+                            react_1.default.createElement("span", Object.assign({}, (basketContext.endDate ? { style: { color: Color_1.Color.Accent, fontWeight: 'bold' } } : {})), basketContext.endDate ? basketContext.endDate.format('MMM D') : t(Translation_1.Translation.Step.Date.Departure)))),
+                    react_1.default.createElement("div", { style: {
+                            flex: 0,
+                            display: 'flex',
+                            flexDirection: 'row',
+                        } },
+                        react_1.default.createElement(Text_1.default, { bold: true, size: "normal", align: TextAlignment_1.TextAlign.Right, className: "select-date-header-title" }, currentStep === StepDate_1.default ? react_1.default.createElement(StepDatePricePerRoom_1.default, { isMobile: true }) : react_1.default.createElement(Currency_1.default, null, basketContext.getTotalPrice())),
+                        react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, size: "18px", color: Color_1.Color.DarkGrey }))),
+                react_1.default.createElement("div", { className: "be-mobile-summary-select-date-header" },
+                    react_1.default.createElement("div", { style: { flex: 1 } },
+                        react_1.default.createElement(Text_1.default, { className: "select-date-header-subtitle" },
+                            basketContext.getNumberOfAdults(true),
+                            ",\u00A0",
+                            showChildren ? react_1.default.createElement(react_1.default.Fragment, null,
+                                basketContext.getNumberOfChildren(true),
+                                ",\u00A0") : null,
+                            ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.childConfiguration) === null || _a === void 0 ? void 0 : _a.supportInfants) ? react_1.default.createElement(react_1.default.Fragment, null,
+                                basketContext.getNumberOfInfants(true),
+                                ",\u00A0") : null,
+                            basketContext.getNumberOfRooms(true))),
+                    react_1.default.createElement(Text_1.default, { className: "select-date-header-subtitle" }, "+ Taxes & fees"))),
             react_1.default.createElement(BEMobileSummaryModal_1.default, { isOpen: modalOpen, onClose: closeModal })));
     }
     return react_1.default.createElement(react_1.default.Fragment, null);

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

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

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

@@ -116,10 +116,10 @@ function BEMobileSummaryModal(props) {
                             t(Translation_1.Translation.Misc.Before),
                             " ", hotel === null || hotel === void 0 ? void 0 :
                             hotel.checkOutTime))),
-                react_1.default.createElement("div", { className: "row u-border-bottom u-pad-top-bottom" },
-                    react_1.default.createElement("div", { className: "col-8" },
+                react_1.default.createElement("div", { className: "row u-border-bottom u-pad be-mobile-summary-select-date-header", style: { width: 'unset' } },
+                    react_1.default.createElement("div", { style: { flex: 1 } },
                         react_1.default.createElement("div", { className: "u-flex u-flex-flex-start" },
-                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                            react_1.default.createElement(Text_1.default, { className: "select-date-header-title" },
                                 react_1.default.createElement("span", Object.assign({}, (basketContext.startDate
                                     ? {
                                         style: {
@@ -127,10 +127,10 @@ function BEMobileSummaryModal(props) {
                                             fontWeight: 'bold',
                                         },
                                     }
-                                    : {})), basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation_1.Translation.Step.Date.Arrival))),
+                                    : {})), basketContext.startDate ? basketContext.startDate.format('MMM D') : t(Translation_1.Translation.Step.Date.Arrival))),
                             react_1.default.createElement("span", { className: "u-marg-left-right--light" },
                                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, size: "18px", color: Color_1.Color.DarkGrey })),
-                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                            react_1.default.createElement(Text_1.default, { className: "select-date-header-title" },
                                 react_1.default.createElement("span", Object.assign({}, (basketContext.endDate
                                     ? {
                                         style: {
@@ -138,14 +138,14 @@ function BEMobileSummaryModal(props) {
                                             fontWeight: 'bold',
                                         },
                                     }
-                                    : {})), basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation_1.Translation.Step.Date.Departure)))),
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                    : {})), basketContext.endDate ? basketContext.endDate.format('MMM D') : t(Translation_1.Translation.Step.Date.Departure)))),
+                        react_1.default.createElement(Text_1.default, { className: "select-date-header-subtitle" },
                             basketContext.getNumberOfAdults(true),
                             ",\u00A0",
                             basketContext.getNumberOfChildren(true),
                             ",\u00A0",
                             basketContext.getNumberOfRooms(true))),
-                    react_1.default.createElement("div", { className: "col-4 u-align-right" },
+                    react_1.default.createElement("div", { className: "u-align-right" },
                         react_1.default.createElement(react_router_dom_1.Link, { to: (0, GetStepRoom_1.default)().getStepUrl() },
                             react_1.default.createElement(BEButton_1.default, { onClick: editOnClick, size: "tiny" }, t(Translation_1.Translation.Misc.Edit).toUpperCase())))),
                 selectedBasketRows && selectedBasketRows.length ? (react_1.default.createElement(react_1.default.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"BEMobileSummaryModal.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummaryModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { OrderableReactList, useCurrentHotel, useElementSort } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BESummaryLayoutOrder } from '@/components/summary/BESummary';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport interface BEMobileSummaryModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n    showImages?: boolean;\n}\n\nexport default function BEMobileSummaryModal(props: BEMobileSummaryModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const [mobileLayout, setMobileLayout] = useState<OrderableReactList>({});\n\n    useEffect(() => {\n        // We do this hacky thing since Mobile summary & Desktop summary are almost identical, just blocks are presented differently\n        const newLayout: typeof BESummaryLayoutOrder = { ...BESummaryLayoutOrder };\n        newLayout.TransportDistanceBlock.component = (\n            <div className=\"u-flex justify-content-center u-marg-top u-marg-bottom\">\n                <div className=\"col-10 u-flex flex-row\">\n                    <TransportDistanceFromHotelBlock vertical hotel={hotel} />\n                </div>\n            </div>\n        );\n        newLayout.PerksBlock.component = <BESummaryPerkBlock size=\"mobile\" />;\n\n        setMobileLayout(newLayout);\n    }, []);\n\n    const { sortedComponents } = useElementSort(mobileLayout);\n\n    const totalDays = basketContext.endDate ? basketContext.endDate.diff(basketContext.startDate, 'day') : 0;\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const getAddressString = (val: string[]) => {\n        const line = val.filter((it) => !!it && it !== '0').join(', ');\n\n        if (line) {\n            return <Text type={TextType.Small}>{line}</Text>;\n        }\n\n        return null;\n    };\n\n    const onCloseModalHandler = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const editOnClick = () => {\n        props.onClose?.();\n    };\n\n    const onEditPropertyClickedHandler = () => {\n        props.onClose?.();\n    };\n\n    return (\n        <SimpleModal\n            open={props.isOpen}\n            title={t(Translation.Misc.Summary)}\n            onClose={onCloseModalHandler}\n            mobileFooter={\n                <div className=\"row align-items-center\">\n                    <div className=\"col-4\">\n                        <Text type={TextType.Body}>{t(Translation.Misc.Total)}</Text>\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            <strong>{StringHelper.pluralWithDictAndCount(totalDays, Translation.Misc.Night, t)}</strong>\n                        </Text>\n                    </div>\n                    <div className=\"col-8 u-flex u-flex-direction-column align-items-end\">\n                        <Headline bold size=\"normal\" align={TextAlign.Right}>\n                            <Currency>{basketContext.getTotalPrice()}</Currency>\n                        </Headline>\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span className=\"u-nowrap\">{t(Translation.Step.Room.RoomInfo.IncludesTaxes)}</span>\n                        </Text>\n                    </div>\n                </div>\n            }\n        >\n            <>\n                <div className=\"container\">\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\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                    <div className=\"row u-border-bottom u-pad-top-bottom\">\n                        <div className=\"col-8\">\n                            <div className=\"u-flex u-flex-flex-start\">\n                                <Text type={TextType.Small}>\n                                    <span\n                                        {...(basketContext.startDate\n                                            ? {\n                                                  style: {\n                                                      color: Color.Accent,\n                                                      fontWeight: 'bold',\n                                                  },\n                                              }\n                                            : {})}\n                                    >\n                                        {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size=\"18px\" color={Color.DarkGrey} />\n                                </span>\n                                <Text type={TextType.Small}>\n                                    <span\n                                        {...(basketContext.endDate\n                                            ? {\n                                                  style: {\n                                                      color: Color.Accent,\n                                                      fontWeight: 'bold',\n                                                  },\n                                              }\n                                            : {})}\n                                    >\n                                        {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"col-4 u-align-right\">\n                            <Link to={getStepRoom().getStepUrl()}>\n                                <BEButton onClick={editOnClick} size=\"tiny\">\n                                    {t(Translation.Misc.Edit).toUpperCase()}\n                                </BEButton>\n                            </Link>\n                        </div>\n                    </div>\n\n                    {selectedBasketRows && selectedBasketRows.length ? (\n                        <>\n                            {selectedBasketRows.map((row: BasketRow, index: number) => {\n                                if (!row.isValid()) return;\n\n                                return (\n                                    <BESummaryRoomRow\n                                        row={row}\n                                        index={index}\n                                        key={row.getID()}\n                                        showImages={!!props.showImages}\n                                        onEditPropertyClicked={onEditPropertyClickedHandler}\n                                    />\n                                );\n                            })}\n\n                            {addons.length > 0 && (\n                                <>\n                                    <LineBreak noMargins darker />\n\n                                    <div className=\"u-marg-top\">\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            <strong>Add-on Items</strong>\n                                        </Text>\n                                    </div>\n\n                                    {addons.map((row: BasketAddonRow, index: number) => {\n                                        const onRemoveClickHandler = () => {\n                                            return basketContext.removeBasketAddonRow(row);\n                                        };\n\n                                        return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                                    })}\n                                </>\n                            )}\n                        </>\n                    ) : (\n                        <div className=\"u-marg-bottom--heavy u-marg-top--heavy\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Text type={TextType.Body}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                            </div>\n                            <div style={{ height: '150px', position: 'relative' }}>\n                                <HotelLocationMap />\n                            </div>\n                            <div className=\"u-marg-top\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text bold>{hotel?.name}</Text>\n                                </div>\n                                {getAddressString(addressLine1 as string[])}\n                                {getAddressString(addressLine2 as string[])}\n                            </div>\n                        </div>\n                    )}\n\n                    {sortedComponents}\n\n                    <div className=\"u-marg-top--heavy u-marg-bottom--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"BEMobileSummaryModal.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummaryModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { OrderableReactList, useCurrentHotel, useElementSort } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BESummaryLayoutOrder } from '@/components/summary/BESummary';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport interface BEMobileSummaryModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n    showImages?: boolean;\n}\n\nexport default function BEMobileSummaryModal(props: BEMobileSummaryModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const [mobileLayout, setMobileLayout] = useState<OrderableReactList>({});\n\n    useEffect(() => {\n        // We do this hacky thing since Mobile summary & Desktop summary are almost identical, just blocks are presented differently\n        const newLayout: typeof BESummaryLayoutOrder = { ...BESummaryLayoutOrder };\n        newLayout.TransportDistanceBlock.component = (\n            <div className=\"u-flex justify-content-center u-marg-top u-marg-bottom\">\n                <div className=\"col-10 u-flex flex-row\">\n                    <TransportDistanceFromHotelBlock vertical hotel={hotel} />\n                </div>\n            </div>\n        );\n        newLayout.PerksBlock.component = <BESummaryPerkBlock size=\"mobile\" />;\n\n        setMobileLayout(newLayout);\n    }, []);\n\n    const { sortedComponents } = useElementSort(mobileLayout);\n\n    const totalDays = basketContext.endDate ? basketContext.endDate.diff(basketContext.startDate, 'day') : 0;\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const getAddressString = (val: string[]) => {\n        const line = val.filter((it) => !!it && it !== '0').join(', ');\n\n        if (line) {\n            return <Text type={TextType.Small}>{line}</Text>;\n        }\n\n        return null;\n    };\n\n    const onCloseModalHandler = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const editOnClick = () => {\n        props.onClose?.();\n    };\n\n    const onEditPropertyClickedHandler = () => {\n        props.onClose?.();\n    };\n\n    return (\n        <SimpleModal\n            open={props.isOpen}\n            title={t(Translation.Misc.Summary)}\n            onClose={onCloseModalHandler}\n            mobileFooter={\n                <div className=\"row align-items-center\">\n                    <div className=\"col-4\">\n                        <Text type={TextType.Body}>{t(Translation.Misc.Total)}</Text>\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            <strong>{StringHelper.pluralWithDictAndCount(totalDays, Translation.Misc.Night, t)}</strong>\n                        </Text>\n                    </div>\n                    <div className=\"col-8 u-flex u-flex-direction-column align-items-end\">\n                        <Headline bold size=\"normal\" align={TextAlign.Right}>\n                            <Currency>{basketContext.getTotalPrice()}</Currency>\n                        </Headline>\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span className=\"u-nowrap\">{t(Translation.Step.Room.RoomInfo.IncludesTaxes)}</span>\n                        </Text>\n                    </div>\n                </div>\n            }\n        >\n            <>\n                <div className=\"container\">\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\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                    <div className=\"row u-border-bottom u-pad be-mobile-summary-select-date-header\" style={{ width: 'unset' }}>\n                        <div style={{ flex: 1 }}>\n                            <div className=\"u-flex u-flex-flex-start\">\n                                <Text className=\"select-date-header-title\">\n                                    <span\n                                        {...(basketContext.startDate\n                                            ? {\n                                                  style: {\n                                                      color: Color.Accent,\n                                                      fontWeight: 'bold',\n                                                  },\n                                              }\n                                            : {})}\n                                    >\n                                        {basketContext.startDate ? basketContext.startDate.format('MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size=\"18px\" color={Color.DarkGrey} />\n                                </span>\n                                <Text className=\"select-date-header-title\">\n                                    <span\n                                        {...(basketContext.endDate\n                                            ? {\n                                                  style: {\n                                                      color: Color.Accent,\n                                                      fontWeight: 'bold',\n                                                  },\n                                              }\n                                            : {})}\n                                    >\n                                        {basketContext.endDate ? basketContext.endDate.format('MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text className=\"select-date-header-subtitle\">\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"u-align-right\">\n                            <Link to={getStepRoom().getStepUrl()}>\n                                <BEButton onClick={editOnClick} size=\"tiny\">\n                                    {t(Translation.Misc.Edit).toUpperCase()}\n                                </BEButton>\n                            </Link>\n                        </div>\n                    </div>\n\n                    {selectedBasketRows && selectedBasketRows.length ? (\n                        <>\n                            {selectedBasketRows.map((row: BasketRow, index: number) => {\n                                if (!row.isValid()) return;\n\n                                return (\n                                    <BESummaryRoomRow\n                                        row={row}\n                                        index={index}\n                                        key={row.getID()}\n                                        showImages={!!props.showImages}\n                                        onEditPropertyClicked={onEditPropertyClickedHandler}\n                                    />\n                                );\n                            })}\n\n                            {addons.length > 0 && (\n                                <>\n                                    <LineBreak noMargins darker />\n\n                                    <div className=\"u-marg-top\">\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            <strong>Add-on Items</strong>\n                                        </Text>\n                                    </div>\n\n                                    {addons.map((row: BasketAddonRow, index: number) => {\n                                        const onRemoveClickHandler = () => {\n                                            return basketContext.removeBasketAddonRow(row);\n                                        };\n\n                                        return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                                    })}\n                                </>\n                            )}\n                        </>\n                    ) : (\n                        <div className=\"u-marg-bottom--heavy u-marg-top--heavy\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Text type={TextType.Body}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                            </div>\n                            <div style={{ height: '150px', position: 'relative' }}>\n                                <HotelLocationMap />\n                            </div>\n                            <div className=\"u-marg-top\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text bold>{hotel?.name}</Text>\n                                </div>\n                                {getAddressString(addressLine1 as string[])}\n                                {getAddressString(addressLine2 as string[])}\n                            </div>\n                        </div>\n                    )}\n\n                    {sortedComponents}\n\n                    <div className=\"u-marg-top--heavy u-marg-bottom--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/contexts/FullPageEngineContext/FullPageEngineContextWrapper.js

@@ -239,6 +239,11 @@ function FullPageEngineContextWrapper() {
             }
         }
     }, [engineReady]);
+    (0, react_1.useEffect)(() => {
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.currentRoomSort) {
+            beContext.setCurrentRoomSort(hotel === null || hotel === void 0 ? void 0 : hotel.currentRoomSort);
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.currentRoomSort]);
     const workingContext = { urlParameters, currentStep, setCurrentStep };
     const renderRouteHandler = () => {
         return react_1.default.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getFirstStep().getStepUrl() });

package/dist/src/contexts/FullPageEngineContext/FullPageEngineContextWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPageEngineContextWrapper.js","sourceRoot":"/","sources":["src/contexts/FullPageEngineContext/FullPageEngineContextWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    AuthenticationContextProvider,\n    BasketContext,\n    BookingEngineContext,\n    CompanyContext,\n    FullPageBookingEngineUrlParameters,\n    FullPageEngineContext,\n    FullPageEngineContextType,\n    ModalContextWrapper,\n} from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { Redirect, Route, useLocation, useRouteMatch } from 'react-router-dom';\nimport StepRoute from 'routes/NaturallyProgressedStepRoute';\n\nimport { API_DATE_FORMAT } from '@/api/BaseAPI';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { RoomstayMark } from '@/components/generic/RoomstayMark';\nimport ScrollToTop from '@/components/generic/ScrollToTop';\nimport Header from '@/components/navigation/Header';\nimport { PageColorComponent } from '@/components/pages/PageColorComponent';\nimport AvailableUpgradesModal from '@/components/steps/room/AvailableUpgradesModal';\nimport { PrivateRoute } from '@/containers/PrivateRoute';\nimport { useHistoryConsistentPush } from '@/hooks/HistoryConsistentPush';\nimport { EAppQueryParameters } from '@/models/AppQueryParameters';\nimport BasketRow from '@/models/BasketRow';\nimport RateTypeFilter from '@/models/Room/Filters/RateTypeFilter';\nimport RoomTypeFilter from '@/models/Room/Filters/RoomTypeFilter';\nimport FindReservation, { EFindReservationPath, QUERY_PARAM_NAME } from '@/pages/findReservation/FindReservation';\nimport FindReservationResults from '@/pages/findReservation/FindReservationResults';\nimport HotelInfo from '@/pages/hotel/HotelInfo';\nimport HotelInfoPlaceholder from '@/pages/hotel/HotelInfoPlaceholder';\nimport Step from '@/pages/steps/Step';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport getStepRoom from '@/util/GetStepRoom';\nimport { ROUTES } from '@/util/RouteManager';\nimport StepManager from '@/util/StepManager';\n\nconst AccountRouter = React.lazy(() =>\n    import('@/pages/account/AccountRouter').then(({ AccountRouter }) => ({\n        default: AccountRouter,\n    }))\n);\n\nexport function FullPageEngineContextWrapper() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const beContext = useContext(BookingEngineContext);\n\n    const [engineReady, setEngineReady] = useState(false);\n    const [urlFlagsParsed, setUrlFlagsParsed] = useState(false);\n    const [urlParameters, setUrlParameters] = useState<FullPageBookingEngineUrlParameters>({});\n\n    const [currentStep, setCurrentStep] = useState<Step>(StepManager.getStepFromName(beContext.engine.getInitialSession()?.step as string) ?? StepManager.getFirstStep());\n    const [initialStep, setInitialStep] = useState<Step>(StepManager.getFirstStep());\n\n    const { hotel } = useCurrentHotel();\n\n    const location = useLocation();\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const isInStepRoot = useRouteMatch({\n        path: StepManager.STEP_BASE,\n    });\n\n    useEffect(() => {\n        beContext.sessionProvider?.updateSession({ step: currentStep.getName() });\n    }, [currentStep]);\n\n    useEffect(() => {\n        const currentBasketRows = basketContext.currentBasketRows;\n\n        let addXRooms = 1;\n\n        // TODO: this probably needs to be the only place this is set, and listen for URL changes\n        if (currentBasketRows.length === 0) {\n            const urlParameterBuilder: FullPageBookingEngineUrlParameters = {};\n\n            if (location.search) {\n                const query = new URLSearchParams(location.search);\n\n                const format = API_DATE_FORMAT;\n\n                let start = dayjs(query.get(EAppQueryParameters.Arrive), format);\n                let end = dayjs(query.get(EAppQueryParameters.Depart), format);\n\n                const promoCode = query.get(EAppQueryParameters.PromoCode);\n                const promoOnly = query.get(EAppQueryParameters.PromoOnly);\n\n                const promoFeatured = query.get(EAppQueryParameters.PromoFeatured);\n\n                if (promoCode) {\n                    urlParameterBuilder.promoCode = promoCode;\n                }\n\n                if (promoOnly && promoOnly.toLowerCase() !== 'false') {\n                    urlParameterBuilder.promoOnly = Boolean(promoOnly);\n                }\n\n                if (promoFeatured && promoFeatured.toLowerCase() !== 'false') {\n                    FeatureProvider.load(FeaturedPromoFeature);\n                    urlParameterBuilder.promoFeatured = true;\n                }\n\n                const updatedCurrentFilters = { ...beContext.currentFilters };\n                const roomCode = query.get(EAppQueryParameters.Room);\n                if (roomCode) {\n                    // TODO: Refactor this to come from this context instead.\n                    updatedCurrentFilters['RoomType'] = new RoomTypeFilter([roomCode]);\n                }\n\n                const rateCode = query.get(EAppQueryParameters.Rate);\n                if (rateCode) {\n                    // TODO: Refactor this to come from this context instead.\n                    updatedCurrentFilters['RateType'] = new RateTypeFilter([rateCode]);\n                }\n                beContext.setCurrentFilters(updatedCurrentFilters);\n\n                const hotelId = query.get(EAppQueryParameters.Hotel);\n\n                if (hotelId) {\n                    if (ccx.changeHotel(hotelId)) {\n                        if (!start.isValid()) {\n                            start = dayjs().add(1, 'day');\n                        }\n\n                        if (!end.isValid()) {\n                            end = start.add(1, 'day');\n                        }\n\n                        setInitialStep(getStepRoom());\n                    }\n\n                    urlParameterBuilder.hotelId = hotelId;\n                }\n\n                const defaultCity = query.get(EAppQueryParameters.DefaultCity);\n                if (defaultCity) {\n                    urlParameterBuilder.defaultCity = defaultCity;\n                }\n\n                // We're doing dates last, as other properties, like hotelID might change them if they're not already set\n                if (start.isValid() && end.isValid()) {\n                    if (start.isBefore(dayjs())) {\n                        start = dayjs();\n                    }\n\n                    if (end.isBefore(start)) {\n                        end = start.add(1, 'day');\n                    } else if (end.isBefore(dayjs().add(1, 'day'))) {\n                        end = dayjs().add(1, 'day');\n                    }\n\n                    urlParameterBuilder.startDate = start;\n                    urlParameterBuilder.endDate = end;\n                }\n\n                const adults = Number.parseInt(query.get(EAppQueryParameters.Adults) as string, 10);\n                if (!isNaN(adults) && adults > 1) {\n                    if (!hotel || (hotel.maxOccupancy as number) >= adults) {\n                        urlParameterBuilder.adults = adults;\n                    }\n                }\n\n                const children = Number.parseInt(query.get(EAppQueryParameters.Children) as string, 10);\n                if (!isNaN(children) && children > 0) {\n                    if (!hotel || (hotel.maxOccupancy as number) + (isNaN(adults) ? 0 : adults) >= children) {\n                        urlParameterBuilder.children = children;\n                    }\n                }\n\n                const roomCount = Number.parseInt(query.get(EAppQueryParameters.Rooms) as string, 10);\n                if (!isNaN(roomCount) && roomCount > 1) {\n                    urlParameterBuilder.rooms = addXRooms = roomCount;\n                }\n\n                setUrlParameters(urlParameterBuilder);\n            }\n\n            let firstBasketRow: BasketRow | undefined = undefined;\n            const { startDate, endDate, promoCode, promoOnly, adults, children, infants } = urlParameterBuilder;\n            for (let i = 0; i < addXRooms; i++) {\n                const basketRow = new BasketRow();\n\n                if (startDate) {\n                    basketRow.setStartDate(startDate);\n                }\n\n                if (endDate) {\n                    basketRow.setEndDate(endDate);\n                }\n\n                if (promoCode) {\n                    basketRow.setPromoCode(promoCode);\n                }\n\n                if (promoOnly) {\n                    basketRow.setPromoOnly(promoOnly);\n                }\n\n                if (adults) {\n                    basketRow.setAdults(adults);\n                }\n\n                if (children) {\n                    basketRow.setChildren(children);\n                }\n\n                if (infants) {\n                    basketRow.setInfants(infants);\n                }\n\n                basketContext.addBasketRow(basketRow, false, i !== 0);\n\n                if (i === 0) {\n                    firstBasketRow = basketRow;\n                }\n            }\n\n            if (firstBasketRow?.getStartDate() && firstBasketRow.getEndDate() && StepManager.getFirstStep() !== StepHotel) {\n                setInitialStep(getStepRoom());\n            }\n        } else {\n            const initialSession = beContext.engine.getInitialSession();\n            if (initialSession) {\n                setInitialStep(StepManager.getStepFromName(initialSession.step) as Step);\n            }\n        }\n\n        setUrlFlagsParsed(true);\n    }, []);\n\n    /**\n     * Engine Ready useEffect, used to deffer loading the UI until everything engine wise is set up properly\n     */\n    useEffect(() => {\n        if (!engineReady) {\n            if (ccx.hotels.length > 0 && urlFlagsParsed) {\n                setEngineReady(true);\n            }\n        }\n    }, [ccx.hotels, urlFlagsParsed]);\n\n    useEffect(() => {\n        if (engineReady) {\n            if (isInStepRoot && initialStep) {\n                // We want to respect the browsers pathname, and only redirect to a defined step if\n                // the pathname isn't set, or matches an unknown page.\n\n                // Is the current location in the path? i.e does the user want to be somewhere specific\n                let pathInLoadedSteps = false;\n                for (const step of StepManager.getSteps()) {\n                    // Using match instead of equals as some clients have skipped the trailing slash\n                    // We also want to make sure to only match the start of the path, in case step contains nested paths.\n                    if (location.pathname.match(new RegExp(`${step.getStepUrl()}.+`, 'ig'))) {\n                        pathInLoadedSteps = true;\n                        break;\n                    }\n                }\n\n                // We're in /step/ but on a not recognized one.\n                if (!pathInLoadedSteps) {\n                    historyConsistentPush(initialStep.getStepUrl());\n                }\n            }\n        }\n    }, [engineReady]);\n\n    const workingContext: FullPageEngineContextType = { urlParameters, currentStep, setCurrentStep };\n\n    const renderRouteHandler = () => {\n        return <Redirect to={StepManager.getFirstStep().getStepUrl()} />;\n    };\n\n    return (\n        <FullPageEngineContext.Provider value={workingContext}>\n            <AuthenticationContextProvider>\n                <ModalContextWrapper>\n                    <ScrollToTop />\n                    <Route exact path=\"/\" render={renderRouteHandler} />\n                    <header className=\"engine-header\">\n                        <Header />\n                    </header>\n                    {engineReady && (\n                        <>\n                            <div className=\"engine-page\">\n                                <React.Suspense fallback={<HotelInfoPlaceholder />}>\n                                    <Route exact path={ROUTES.HOTEL_INFO} component={HotelInfo} />\n                                </React.Suspense>\n                                <React.Suspense fallback={<div>Loading...</div>}>\n                                    <Route\n                                        exact\n                                        path={`/:${QUERY_PARAM_NAME}(${Object.values(EFindReservationPath)\n                                            .filter((path) => MemberPortalFeature.isActive() || path === EFindReservationPath.FindReservation)\n                                            .join('|')})`}\n                                        component={FindReservation}\n                                    />\n                                    <Route path=\"/find-reservation/:ref/:email\" component={FindReservationResults} />\n                                </React.Suspense>\n\n                                <PrivateRoute path=\"/account\">\n                                    {MemberPortalFeature.isActive() && (\n                                        <React.Suspense\n                                            fallback={\n                                                <div>\n                                                    <LargeLoader />\n                                                </div>\n                                            }\n                                        >\n                                            <AccountRouter />\n                                        </React.Suspense>\n                                    )}\n                                </PrivateRoute>\n                            </div>\n                            <div className=\"engine-body\">\n                                <AvailableUpgradesModal />\n                                {StepManager.getSteps().map((step: Step) => (\n                                    <StepRoute key={step.getName()} step={step} />\n                                ))}\n                                <Route path=\"*\" component={PageColorComponent} />\n                            </div>\n                        </>\n                    )}\n                    <RoomstayMark />\n                </ModalContextWrapper>\n            </AuthenticationContextProvider>\n        </FullPageEngineContext.Provider>\n    );\n}\n"]}
+{"version":3,"file":"FullPageEngineContextWrapper.js","sourceRoot":"/","sources":["src/contexts/FullPageEngineContext/FullPageEngineContextWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    AuthenticationContextProvider,\n    BasketContext,\n    BookingEngineContext,\n    CompanyContext,\n    FullPageBookingEngineUrlParameters,\n    FullPageEngineContext,\n    FullPageEngineContextType,\n    ModalContextWrapper,\n} from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { Redirect, Route, useLocation, useRouteMatch } from 'react-router-dom';\nimport StepRoute from 'routes/NaturallyProgressedStepRoute';\n\nimport { API_DATE_FORMAT } from '@/api/BaseAPI';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { RoomstayMark } from '@/components/generic/RoomstayMark';\nimport ScrollToTop from '@/components/generic/ScrollToTop';\nimport Header from '@/components/navigation/Header';\nimport { PageColorComponent } from '@/components/pages/PageColorComponent';\nimport AvailableUpgradesModal from '@/components/steps/room/AvailableUpgradesModal';\nimport { PrivateRoute } from '@/containers/PrivateRoute';\nimport { useHistoryConsistentPush } from '@/hooks/HistoryConsistentPush';\nimport { EAppQueryParameters } from '@/models/AppQueryParameters';\nimport BasketRow from '@/models/BasketRow';\nimport RateTypeFilter from '@/models/Room/Filters/RateTypeFilter';\nimport RoomTypeFilter from '@/models/Room/Filters/RoomTypeFilter';\nimport FindReservation, { EFindReservationPath, QUERY_PARAM_NAME } from '@/pages/findReservation/FindReservation';\nimport FindReservationResults from '@/pages/findReservation/FindReservationResults';\nimport HotelInfo from '@/pages/hotel/HotelInfo';\nimport HotelInfoPlaceholder from '@/pages/hotel/HotelInfoPlaceholder';\nimport Step from '@/pages/steps/Step';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport getStepRoom from '@/util/GetStepRoom';\nimport { ROUTES } from '@/util/RouteManager';\nimport StepManager from '@/util/StepManager';\n\nconst AccountRouter = React.lazy(() =>\n    import('@/pages/account/AccountRouter').then(({ AccountRouter }) => ({\n        default: AccountRouter,\n    }))\n);\n\nexport function FullPageEngineContextWrapper() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const beContext = useContext(BookingEngineContext);\n\n    const [engineReady, setEngineReady] = useState(false);\n    const [urlFlagsParsed, setUrlFlagsParsed] = useState(false);\n    const [urlParameters, setUrlParameters] = useState<FullPageBookingEngineUrlParameters>({});\n\n    const [currentStep, setCurrentStep] = useState<Step>(StepManager.getStepFromName(beContext.engine.getInitialSession()?.step as string) ?? StepManager.getFirstStep());\n    const [initialStep, setInitialStep] = useState<Step>(StepManager.getFirstStep());\n\n    const { hotel } = useCurrentHotel();\n\n    const location = useLocation();\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const isInStepRoot = useRouteMatch({\n        path: StepManager.STEP_BASE,\n    });\n\n    useEffect(() => {\n        beContext.sessionProvider?.updateSession({ step: currentStep.getName() });\n    }, [currentStep]);\n\n    useEffect(() => {\n        const currentBasketRows = basketContext.currentBasketRows;\n\n        let addXRooms = 1;\n\n        // TODO: this probably needs to be the only place this is set, and listen for URL changes\n        if (currentBasketRows.length === 0) {\n            const urlParameterBuilder: FullPageBookingEngineUrlParameters = {};\n\n            if (location.search) {\n                const query = new URLSearchParams(location.search);\n\n                const format = API_DATE_FORMAT;\n\n                let start = dayjs(query.get(EAppQueryParameters.Arrive), format);\n                let end = dayjs(query.get(EAppQueryParameters.Depart), format);\n\n                const promoCode = query.get(EAppQueryParameters.PromoCode);\n                const promoOnly = query.get(EAppQueryParameters.PromoOnly);\n\n                const promoFeatured = query.get(EAppQueryParameters.PromoFeatured);\n\n                if (promoCode) {\n                    urlParameterBuilder.promoCode = promoCode;\n                }\n\n                if (promoOnly && promoOnly.toLowerCase() !== 'false') {\n                    urlParameterBuilder.promoOnly = Boolean(promoOnly);\n                }\n\n                if (promoFeatured && promoFeatured.toLowerCase() !== 'false') {\n                    FeatureProvider.load(FeaturedPromoFeature);\n                    urlParameterBuilder.promoFeatured = true;\n                }\n\n                const updatedCurrentFilters = { ...beContext.currentFilters };\n                const roomCode = query.get(EAppQueryParameters.Room);\n                if (roomCode) {\n                    // TODO: Refactor this to come from this context instead.\n                    updatedCurrentFilters['RoomType'] = new RoomTypeFilter([roomCode]);\n                }\n\n                const rateCode = query.get(EAppQueryParameters.Rate);\n                if (rateCode) {\n                    // TODO: Refactor this to come from this context instead.\n                    updatedCurrentFilters['RateType'] = new RateTypeFilter([rateCode]);\n                }\n                beContext.setCurrentFilters(updatedCurrentFilters);\n\n                const hotelId = query.get(EAppQueryParameters.Hotel);\n\n                if (hotelId) {\n                    if (ccx.changeHotel(hotelId)) {\n                        if (!start.isValid()) {\n                            start = dayjs().add(1, 'day');\n                        }\n\n                        if (!end.isValid()) {\n                            end = start.add(1, 'day');\n                        }\n\n                        setInitialStep(getStepRoom());\n                    }\n\n                    urlParameterBuilder.hotelId = hotelId;\n                }\n\n                const defaultCity = query.get(EAppQueryParameters.DefaultCity);\n                if (defaultCity) {\n                    urlParameterBuilder.defaultCity = defaultCity;\n                }\n\n                // We're doing dates last, as other properties, like hotelID might change them if they're not already set\n                if (start.isValid() && end.isValid()) {\n                    if (start.isBefore(dayjs())) {\n                        start = dayjs();\n                    }\n\n                    if (end.isBefore(start)) {\n                        end = start.add(1, 'day');\n                    } else if (end.isBefore(dayjs().add(1, 'day'))) {\n                        end = dayjs().add(1, 'day');\n                    }\n\n                    urlParameterBuilder.startDate = start;\n                    urlParameterBuilder.endDate = end;\n                }\n\n                const adults = Number.parseInt(query.get(EAppQueryParameters.Adults) as string, 10);\n                if (!isNaN(adults) && adults > 1) {\n                    if (!hotel || (hotel.maxOccupancy as number) >= adults) {\n                        urlParameterBuilder.adults = adults;\n                    }\n                }\n\n                const children = Number.parseInt(query.get(EAppQueryParameters.Children) as string, 10);\n                if (!isNaN(children) && children > 0) {\n                    if (!hotel || (hotel.maxOccupancy as number) + (isNaN(adults) ? 0 : adults) >= children) {\n                        urlParameterBuilder.children = children;\n                    }\n                }\n\n                const roomCount = Number.parseInt(query.get(EAppQueryParameters.Rooms) as string, 10);\n                if (!isNaN(roomCount) && roomCount > 1) {\n                    urlParameterBuilder.rooms = addXRooms = roomCount;\n                }\n\n                setUrlParameters(urlParameterBuilder);\n            }\n\n            let firstBasketRow: BasketRow | undefined = undefined;\n            const { startDate, endDate, promoCode, promoOnly, adults, children, infants } = urlParameterBuilder;\n            for (let i = 0; i < addXRooms; i++) {\n                const basketRow = new BasketRow();\n\n                if (startDate) {\n                    basketRow.setStartDate(startDate);\n                }\n\n                if (endDate) {\n                    basketRow.setEndDate(endDate);\n                }\n\n                if (promoCode) {\n                    basketRow.setPromoCode(promoCode);\n                }\n\n                if (promoOnly) {\n                    basketRow.setPromoOnly(promoOnly);\n                }\n\n                if (adults) {\n                    basketRow.setAdults(adults);\n                }\n\n                if (children) {\n                    basketRow.setChildren(children);\n                }\n\n                if (infants) {\n                    basketRow.setInfants(infants);\n                }\n\n                basketContext.addBasketRow(basketRow, false, i !== 0);\n\n                if (i === 0) {\n                    firstBasketRow = basketRow;\n                }\n            }\n\n            if (firstBasketRow?.getStartDate() && firstBasketRow.getEndDate() && StepManager.getFirstStep() !== StepHotel) {\n                setInitialStep(getStepRoom());\n            }\n        } else {\n            const initialSession = beContext.engine.getInitialSession();\n            if (initialSession) {\n                setInitialStep(StepManager.getStepFromName(initialSession.step) as Step);\n            }\n        }\n\n        setUrlFlagsParsed(true);\n    }, []);\n\n    /**\n     * Engine Ready useEffect, used to deffer loading the UI until everything engine wise is set up properly\n     */\n    useEffect(() => {\n        if (!engineReady) {\n            if (ccx.hotels.length > 0 && urlFlagsParsed) {\n                setEngineReady(true);\n            }\n        }\n    }, [ccx.hotels, urlFlagsParsed]);\n\n    useEffect(() => {\n        if (engineReady) {\n            if (isInStepRoot && initialStep) {\n                // We want to respect the browsers pathname, and only redirect to a defined step if\n                // the pathname isn't set, or matches an unknown page.\n\n                // Is the current location in the path? i.e does the user want to be somewhere specific\n                let pathInLoadedSteps = false;\n                for (const step of StepManager.getSteps()) {\n                    // Using match instead of equals as some clients have skipped the trailing slash\n                    // We also want to make sure to only match the start of the path, in case step contains nested paths.\n                    if (location.pathname.match(new RegExp(`${step.getStepUrl()}.+`, 'ig'))) {\n                        pathInLoadedSteps = true;\n                        break;\n                    }\n                }\n\n                // We're in /step/ but on a not recognized one.\n                if (!pathInLoadedSteps) {\n                    historyConsistentPush(initialStep.getStepUrl());\n                }\n            }\n        }\n    }, [engineReady]);\n\n    useEffect(() => {\n        if (hotel?.currentRoomSort) {\n            beContext.setCurrentRoomSort(hotel?.currentRoomSort);\n        }\n    }, [hotel?.currentRoomSort]);\n\n    const workingContext: FullPageEngineContextType = { urlParameters, currentStep, setCurrentStep };\n\n    const renderRouteHandler = () => {\n        return <Redirect to={StepManager.getFirstStep().getStepUrl()} />;\n    };\n\n    return (\n        <FullPageEngineContext.Provider value={workingContext}>\n            <AuthenticationContextProvider>\n                <ModalContextWrapper>\n                    <ScrollToTop />\n                    <Route exact path=\"/\" render={renderRouteHandler} />\n                    <header className=\"engine-header\">\n                        <Header />\n                    </header>\n                    {engineReady && (\n                        <>\n                            <div className=\"engine-page\">\n                                <React.Suspense fallback={<HotelInfoPlaceholder />}>\n                                    <Route exact path={ROUTES.HOTEL_INFO} component={HotelInfo} />\n                                </React.Suspense>\n                                <React.Suspense fallback={<div>Loading...</div>}>\n                                    <Route\n                                        exact\n                                        path={`/:${QUERY_PARAM_NAME}(${Object.values(EFindReservationPath)\n                                            .filter((path) => MemberPortalFeature.isActive() || path === EFindReservationPath.FindReservation)\n                                            .join('|')})`}\n                                        component={FindReservation}\n                                    />\n                                    <Route path=\"/find-reservation/:ref/:email\" component={FindReservationResults} />\n                                </React.Suspense>\n\n                                <PrivateRoute path=\"/account\">\n                                    {MemberPortalFeature.isActive() && (\n                                        <React.Suspense\n                                            fallback={\n                                                <div>\n                                                    <LargeLoader />\n                                                </div>\n                                            }\n                                        >\n                                            <AccountRouter />\n                                        </React.Suspense>\n                                    )}\n                                </PrivateRoute>\n                            </div>\n                            <div className=\"engine-body\">\n                                <AvailableUpgradesModal />\n                                {StepManager.getSteps().map((step: Step) => (\n                                    <StepRoute key={step.getName()} step={step} />\n                                ))}\n                                <Route path=\"*\" component={PageColorComponent} />\n                            </div>\n                        </>\n                    )}\n                    <RoomstayMark />\n                </ModalContextWrapper>\n            </AuthenticationContextProvider>\n        </FullPageEngineContext.Provider>\n    );\n}\n"]}

package/dist/src/models/Api/HotelDTO.d.ts

@@ -42,6 +42,7 @@ export type HotelRoomDTO = {
     quantity: number;
     maxOccupancy: number;
     bedQuantity: number;
+    showBedType?: boolean;
     standardNumBeds: number;
     maxRollaways: number;
     bedType: string;

package/dist/src/models/Api/HotelDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAA8F;AAgD9F,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AA2DD,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport type { EBookingPaymentMethod, EHotelCardProcessor } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: { [id: string]: { name: string; type: 'select'; includeAllAbove: boolean; requireInput: boolean; options: any } };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n};\n\nexport enum EIntegration {\n    Big4 = 'Big4',\n    Top10 = 'Top10',\n}\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    requireDeposit?: boolean;\n    availableCountries?: { name: string; value: string }[];\n} & Pick<AdminHotelConfig, 'childConfiguration'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}
+{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAA8F;AAiD9F,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AA2DD,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport type { EBookingPaymentMethod, EHotelCardProcessor } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: { [id: string]: { name: string; type: 'select'; includeAllAbove: boolean; requireInput: boolean; options: any } };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    showBedType?: boolean;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n};\n\nexport enum EIntegration {\n    Big4 = 'Big4',\n    Top10 = 'Top10',\n}\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    requireDeposit?: boolean;\n    availableCountries?: { name: string; value: string }[];\n} & Pick<AdminHotelConfig, 'childConfiguration'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}

package/dist/src/models/Client/Hotel/Hotel.d.ts

@@ -12,6 +12,7 @@ import type { HotelPerk } from './HotelPerk';
 import type { HotelRoomOverwrite } from './HotelRoomOverwrite';
 import type { WeekdayStartsOn } from './WeekdayStartsOn.types';
 import type { Language } from '../../../providers/LanguageProvider';
+import { RoomSort } from '../../../providers/RoomSortProvider';
 export declare enum EPaymentCardType {
     Visa = "VI",
     Mastercard = "MC",
@@ -157,6 +158,7 @@ export type Hotel = ConfigHotel & {
     };
     integrations?: EIntegration[];
     maxAdults?: number;
+    currentRoomSort?: RoomSort;
 };
 /**
  * Used for DetailsHotel event

package/dist/src/models/Client/Hotel/Hotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAgBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IHotelColorScheme } from '@roomstay/core';\nimport type { ReactChild } from 'react';\n\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { EIntegration, HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { Language } from '@/providers/LanguageProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    maxAdults?: number;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    requireDeposit?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks: HotelPerk[];\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n    maxAdults?: number; //fixed from frontend\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}
+{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAiBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IHotelColorScheme } from '@roomstay/core';\nimport type { ReactChild } from 'react';\n\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { EIntegration, HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    maxAdults?: number;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    requireDeposit?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks: HotelPerk[];\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n    maxAdults?: number; //fixed from frontend\n    currentRoomSort?: RoomSort; //override default room sort\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}

package/dist/src/pages/account/AccountHome/AccountHomePage.js

@@ -56,7 +56,7 @@ const AccountHomePage = () => {
             react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getFirstStep().getStepUrl() },
                 react_1.default.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: "small" }, t(Translation_1.Translation.UserPortal.HomeScreen.BackToBooking)))),
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy u-pad-top@m" },
-            react_1.default.createElement(Headline_1.default, { size: "extra-large", className: "u-marg-bottom" }, t(Translation_1.Translation.UserPortal.HomeScreen.Title, { name: user === null || user === void 0 ? void 0 : user.forename })),
+            react_1.default.createElement(Headline_1.default, { size: "extra-large", className: "u-marg-bottom" }, t((user === null || user === void 0 ? void 0 : user.forename) ? Translation_1.Translation.UserPortal.HomeScreen.Title : Translation_1.Translation.UserPortal.HomeScreen.TitleEmpty, { name: user === null || user === void 0 ? void 0 : user.forename })),
             hasBookings ? (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body }, t(Translation_1.Translation.UserPortal.HomeScreen.Subtitle))) : (react_1.default.createElement(Text_1.default, { className: "u-marg-top" }, t(Translation_1.Translation.Reservation.EmptyPage.SubTitle)))),
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy" }, hasBookings ? (react_1.default.createElement(ReservationItem_1.default, { itineraryItem: upcomingBookings === null || upcomingBookings === void 0 ? void 0 : upcomingBookings[0], defaultEventsExpanded: true })) : (react_1.default.createElement("div", { className: "u-marg-top--heavy u-flex u-flex-align-center u-flex-direction-column@l- u-flex-gap" },
             react_1.default.createElement("div", null,
@@ -69,28 +69,28 @@ const AccountHomePage = () => {
                         react_1.default.createElement(BEButton_1.default, { wide: isMobile, rounded: true, filled: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", primary: true }, t(Translation_1.Translation.Reservation.EmptyPage.SearchRooms)))))))),
         react_1.default.createElement("div", { className: "row" },
             react_1.default.createElement("div", { className: "col-md-3" },
-                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Subtitle, title: t(Translation_1.Translation.UserPortal.HomeScreen.Bookings), description: "See all of your bookings, past, present and cancelled.", link: {
+                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Subtitle, title: t(Translation_1.Translation.UserPortal.HomeScreen.Bookings), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.BookingsDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'See list',
                         pathTo: AccountRoutes_1.AccountRoutes.Reservations.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
                     } })),
             react_1.default.createElement("div", { className: "col-md-3" },
-                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Person, title: t(Translation_1.Translation.Navigation.Menu.ProfileInformation), description: "Edit your personal details, like address, and name", link: {
+                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Person, title: t(Translation_1.Translation.Navigation.Menu.ProfileInformation), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.ProfileInformationDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Edit Info',
                         pathTo: AccountRoutes_1.AccountRoutes.ProfileDetails.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
                     } })),
             react_1.default.createElement("div", { className: "col-md-3" },
-                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.CreditCard, title: t(Translation_1.Translation.Navigation.Menu.PaymentInformation), description: "Effortlessly manage cards for smoother checkout", link: {
+                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.CreditCard, title: t(Translation_1.Translation.Navigation.Menu.PaymentInformation), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.PaymentInformationDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Manage cards',
                         pathTo: AccountRoutes_1.AccountRoutes.CardDetails.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
                     } })),
             react_1.default.createElement("div", { className: "col-md-3" },
-                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.ProgressHelp, title: t(Translation_1.Translation.Navigation.Menu.NeedHelp), description: "Connect with our hotel staff for prompt assistance", link: {
+                react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.ProgressHelp, title: t(Translation_1.Translation.Navigation.Menu.NeedHelp), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.NeedHelpDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Contact now',
                         pathTo: AccountRoutes_1.AccountRoutes.Help.path,
                         icon: 'arrow',