@roomstay/frontend 2.1.33 → 2.2.1

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 SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext, useEffect, useState } from 'react';\nimport { Translation } from 'translations/Translation';\nimport React from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport { TextAlign } from '@/util/TextAlignment';\nimport Currency from '@/components/generic/Currency';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\nimport { BasketContext } from '@frontend/contexts';\nimport StringHelper from '@/util/StringHelper';\nimport BEButton from '@/components/generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport { BESummaryLayoutOrder } from '@/components/summary/BESummary';\nimport { OrderableReactList, useElementSort, useCurrentHotel } from '@frontend/hooks';\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 {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size=\"18px\" color={Color.DarkGrey} />\n                                </span>\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"col-4 u-align-right\">\n                            <Link to={StepRoom.getStepUrl()}>\n                                <BEButton onClick={editOnClick} size=\"tiny\">\n                                    EDIT\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 SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext, useEffect, useState } from 'react';\nimport { Translation } from 'translations/Translation';\nimport React from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport { TextAlign } from '@/util/TextAlignment';\nimport Currency from '@/components/generic/Currency';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\nimport { BasketContext } from '@frontend/contexts';\nimport StringHelper from '@/util/StringHelper';\nimport BEButton from '@/components/generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport { BESummaryLayoutOrder } from '@/components/summary/BESummary';\nimport { OrderableReactList, useElementSort, useCurrentHotel } from '@frontend/hooks';\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 {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size=\"18px\" color={Color.DarkGrey} />\n                                </span>\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"col-4 u-align-right\">\n                            <Link to={StepRoom.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/components/summary/BESummaryPerkBlock.js

@@ -33,9 +33,12 @@ const Icon_1 = __importDefault(require("../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../generic/Text"));
 const DIProvider_1 = require("../../providers/DIProvider");
 const hooks_1 = require("../../hooks/index.js");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../translations/Translation");
 exports.BE_SUMMARY_PERK_BLOCK = 'BESummaryPerkBlock';
 function OriginalPerkBlock(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const { t } = (0, react_i18next_1.useTranslation)();
     const hotelPerks = hotel === null || hotel === void 0 ? void 0 : hotel.perks;
     if (!(hotelPerks === null || hotelPerks === void 0 ? void 0 : hotelPerks.length)) {
         return react_1.default.createElement(react_1.default.Fragment, null);
@@ -46,7 +49,7 @@ function OriginalPerkBlock(props) {
         react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "u-marg-bottom" },
                 react_1.default.createElement(Text_1.default, null,
-                    react_1.default.createElement("strong", null, "And you get all these for free:"))),
+                    react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.AndYouGetAllTheseForFree)))),
             react_1.default.createElement("div", { className: "row" }, hotelPerks.map((perk) => {
                 return (react_1.default.createElement("div", { key: perk.name, className: `u-flex align-items-center ${colSize} justify-content-start u-marg-bottom--light` },
                     react_1.default.createElement("div", { className: "room-perk-icon" }, perk.iconElement ? perk.iconElement : react_1.default.createElement(Icon_1.default, { icon: perk.icon })),

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

@@ -1 +1 @@
-{"version":3,"file":"BESummaryPerkBlock.js","sourceRoot":"/","sources":["src/components/summary/BESummaryPerkBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAA+C;AAC/C,0EAAgE;AAChE,kEAA2D;AAC3D,uDAAgD;AAChD,2CAAkD;AAMrC,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE1D,SAAS,iBAAiB,CAAC,KAA8B;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;IAEhC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE;QACrB,OAAO,6DAAK,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC;IAE3E,OAAO,CACH,8BAAC,eAAK,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,YAAY;QACvD;YACI,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI;oBACD,gFAAgD,CAC7C,CACL;YACN,uCAAK,SAAS,EAAC,KAAK,IACf,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,OAAO,CACH,uCAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,6BAA6B,OAAO,6CAA6C;oBAC7G,uCAAK,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAgB,GAAI,CAAO;oBACnH,8BAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,UACvB,IAAI,CAAC,IAAI,CACP,CACL,CACT,CAAC;YACN,CAAC,CAAC,CACA,CACJ,CACF,CACX,CAAC;AACN,CAAC;AAED,SAAgB,kBAAkB,CAAC,KAA8B;IAC7D,OAAO,IAAA,mBAAM,EAAC,6BAAqB,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC","sourcesContent":["import React from 'react';\nimport Alert from '@/components/generic/Alert';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport interface BESummaryPerkBlockProps {\n    size: 'mobile' | 'desktop';\n}\n\nexport const BE_SUMMARY_PERK_BLOCK = 'BESummaryPerkBlock';\n\nfunction OriginalPerkBlock(props: BESummaryPerkBlockProps) {\n    const { hotel } = useCurrentHotel();\n\n    const hotelPerks = hotel?.perks;\n\n    if (!hotelPerks?.length) {\n        return <></>;\n    }\n\n    const colSize = props.size === 'mobile' ? 'col-6' : 'col-12';\n    const textSize = props.size === 'mobile' ? TextType.Label : TextType.Small;\n\n    return (\n        <Alert heavyPadding={props.size === 'desktop'} noIconMargin>\n            <div>\n                <div className=\"u-marg-bottom\">\n                    <Text>\n                        <strong>And you get all these for free:</strong>\n                    </Text>\n                </div>\n                <div className=\"row\">\n                    {hotelPerks.map((perk) => {\n                        return (\n                            <div key={perk.name} className={`u-flex align-items-center ${colSize} justify-content-start u-marg-bottom--light`}>\n                                <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                <Text type={textSize} inline>\n                                    {perk.name}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n        </Alert>\n    );\n}\n\nexport function BESummaryPerkBlock(props: BESummaryPerkBlockProps) {\n    return withDI(BE_SUMMARY_PERK_BLOCK, OriginalPerkBlock, props);\n}\n"]}
+{"version":3,"file":"BESummaryPerkBlock.js","sourceRoot":"/","sources":["src/components/summary/BESummaryPerkBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAA+C;AAC/C,0EAAgE;AAChE,kEAA2D;AAC3D,uDAAgD;AAChD,2CAAkD;AAClD,iDAA+C;AAC/C,4DAAyD;AAM5C,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE1D,SAAS,iBAAiB,CAAC,KAA8B;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;IAEhC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE;QACrB,OAAO,6DAAK,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC;IAE3E,OAAO,CACH,8BAAC,eAAK,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,YAAY;QACvD;YACI,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAU,CACjE,CACL;YACN,uCAAK,SAAS,EAAC,KAAK,IACf,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,OAAO,CACH,uCAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,6BAA6B,OAAO,6CAA6C;oBAC7G,uCAAK,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAgB,GAAI,CAAO;oBACnH,8BAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,UACvB,IAAI,CAAC,IAAI,CACP,CACL,CACT,CAAC;YACN,CAAC,CAAC,CACA,CACJ,CACF,CACX,CAAC;AACN,CAAC;AAED,SAAgB,kBAAkB,CAAC,KAA8B;IAC7D,OAAO,IAAA,mBAAM,EAAC,6BAAqB,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC","sourcesContent":["import React from 'react';\nimport Alert from '@/components/generic/Alert';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\nexport interface BESummaryPerkBlockProps {\n    size: 'mobile' | 'desktop';\n}\n\nexport const BE_SUMMARY_PERK_BLOCK = 'BESummaryPerkBlock';\n\nfunction OriginalPerkBlock(props: BESummaryPerkBlockProps) {\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const hotelPerks = hotel?.perks;\n\n    if (!hotelPerks?.length) {\n        return <></>;\n    }\n\n    const colSize = props.size === 'mobile' ? 'col-6' : 'col-12';\n    const textSize = props.size === 'mobile' ? TextType.Label : TextType.Small;\n\n    return (\n        <Alert heavyPadding={props.size === 'desktop'} noIconMargin>\n            <div>\n                <div className=\"u-marg-bottom\">\n                    <Text>\n                        <strong>{t(Translation.Step.Room.AndYouGetAllTheseForFree)}</strong>\n                    </Text>\n                </div>\n                <div className=\"row\">\n                    {hotelPerks.map((perk) => {\n                        return (\n                            <div key={perk.name} className={`u-flex align-items-center ${colSize} justify-content-start u-marg-bottom--light`}>\n                                <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                <Text type={textSize} inline>\n                                    {perk.name}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n        </Alert>\n    );\n}\n\nexport function BESummaryPerkBlock(props: BESummaryPerkBlockProps) {\n    return withDI(BE_SUMMARY_PERK_BLOCK, OriginalPerkBlock, props);\n}\n"]}

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

@@ -30,21 +30,16 @@ const react_1 = __importDefault(require("react"));
 const Color_1 = require("../../util/Color");
 const Text_1 = __importStar(require("../generic/Text"));
 const hooks_1 = require("../../hooks/index.js");
-const react_2 = require("react");
-const contexts_1 = require("../../contexts/index.js");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../translations/Translation");
 function BESummaryPrivacyPolicy() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement("div", { className: "summary-privacy-policy" },
         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body },
-            react_1.default.createElement("strong", null, "Privacy Policy")),
+            react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))),
         react_1.default.createElement(Text_1.default, { className: "u-marg-top--light", type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-            "The material contained in this web site has been produced by ",
-            ccx.companyShort,
-            " in accordance with its current practices and policies and with the benefit of information...",
-            ' ',
-            react_1.default.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.policies, target: "_blank", style: { color: 'var(--rs-color-accent-1)' }, rel: "noreferrer" }, "Read more"),
-            ".")));
+            react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.Step.Confirmation.PrivacyPolicyDetail, components: [react_1.default.createElement("a", { key: 0, href: hotel === null || hotel === void 0 ? void 0 : hotel.policies, target: "_blank", style: { color: 'var(--rs-color-accent-1)' }, rel: "noreferrer" })] }))));
 }
 exports.default = BESummaryPrivacyPolicy;
 //# sourceMappingURL=BESummaryPrivacyPolicy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BESummaryPrivacyPolicy.js","sourceRoot":"/","sources":["src/components/summary/BESummaryPrivacyPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wCAAqC;AACrC,kEAA2D;AAC3D,2CAAkD;AAClD,iCAAmC;AACnC,iDAAoD;AAEpD,SAAwB,sBAAsB;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,OAAO,CACH,uCAAK,SAAS,EAAC,wBAAwB;QACnC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,+DAA+B,CAC5B;QACP,8BAAC,cAAI,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;;YACb,GAAG,CAAC,YAAY;;YAC/D,GAAG;YAClB,qCAAG,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,GAAG,EAAC,YAAY,gBAEpG;gBAED,CACL,CACT,CAAC;AACN,CAAC;AAnBD,yCAmBC","sourcesContent":["import React from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport default function BESummaryPrivacyPolicy() {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    return (\n        <div className=\"summary-privacy-policy\">\n            <Text type={TextType.Body}>\n                <strong>Privacy Policy</strong>\n            </Text>\n            <Text className=\"u-marg-top--light\" type={TextType.Small} color={Color.DarkGrey}>\n                The material contained in this web site has been produced by {ccx.companyShort} in accordance with its current practices and policies and with the benefit of\n                information...{' '}\n                <a href={hotel?.policies} target=\"_blank\" style={{ color: 'var(--rs-color-accent-1)' }} rel=\"noreferrer\">\n                    Read more\n                </a>\n                .\n            </Text>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"BESummaryPrivacyPolicy.js","sourceRoot":"/","sources":["src/components/summary/BESummaryPrivacyPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wCAAqC;AACrC,kEAA2D;AAC3D,2CAAkD;AAClD,iDAAsD;AACtD,4DAAyD;AAEzD,SAAwB,sBAAsB;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,wBAAwB;QACnC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAU,CAC9D;QACP,8BAAC,cAAI,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;YAC3E,8BAAC,qBAAK,IACF,OAAO,EAAE,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAC1D,UAAU,EAAE,CAAC,qCAAG,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,GAAG,EAAC,YAAY,GAAG,CAAC,GACnI,CACC,CACL,CACT,CAAC;AACN,CAAC;AAjBD,yCAiBC","sourcesContent":["import React from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\nexport default function BESummaryPrivacyPolicy() {\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"summary-privacy-policy\">\n            <Text type={TextType.Body}>\n                <strong>{t(Translation.Step.Confirmation.PrivacyPolicy)}</strong>\n            </Text>\n            <Text className=\"u-marg-top--light\" type={TextType.Small} color={Color.DarkGrey}>\n                <Trans\n                    i18nKey={Translation.Step.Confirmation.PrivacyPolicyDetail}\n                    components={[<a key={0} href={hotel?.policies} target=\"_blank\" style={{ color: 'var(--rs-color-accent-1)' }} rel=\"noreferrer\" />]}\n                />\n            </Text>\n        </div>\n    );\n}\n"]}

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

@@ -26,10 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const contexts_1 = require("../../contexts/index.js");
 const react_i18next_1 = require("react-i18next");
-const react_2 = require("react");
 const LineBreak_1 = __importDefault(require("../generic/LineBreak"));
 const ImageGallerySlider_1 = __importDefault(require("../steps/room/ImageGallerySlider"));
 const Text_1 = __importStar(require("../generic/Text"));
@@ -42,11 +41,10 @@ const react_router_dom_1 = require("react-router-dom");
 const Tooltip_1 = __importDefault(require("../generic/Tooltip/Tooltip"));
 const StepRoom_1 = __importDefault(require("../../pages/steps/StepRoom/StepRoom"));
 const ImageProvider_1 = require("../../providers/ImageProvider");
-const contexts_2 = require("../../contexts/index.js");
 function BESummaryRoomRow(props) {
     var _a, _b, _c;
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
-    const { currentStep } = (0, react_2.useContext)(contexts_2.FullPageEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const history = (0, react_router_dom_1.useHistory)();
     const { index, row, showImages } = props;
@@ -127,7 +125,7 @@ function BESummaryRoomRow(props) {
             react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom u-flex justify-content-start" },
                 isSelected ? (react_1.default.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Misc.Cancel) },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: selectBasketRowOnClick }, t(Translation_1.Translation.Misc.Cancel))))) : (react_1.default.createElement(Tooltip_1.default, { title: "Edit this property" },
+                        react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: selectBasketRowOnClick }, t(Translation_1.Translation.Misc.Cancel))))) : (react_1.default.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Step.Confirmation.EditThisProperty) },
                     react_1.default.createElement("div", null,
                         react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: editOnClickHandler }, t(Translation_1.Translation.Misc.Edit))))),
                 react_1.default.createElement("span", { className: "u-pad-left--light u-pad-right--light", style: { color: Color_1.Color.LightGrey } }, "|"),

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

@@ -1 +1 @@
-{"version":3,"file":"BESummaryRoomRow.js","sourceRoot":"/","sources":["src/components/summary/BESummaryRoomRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport BasketRow from '@/models/BasketRow';\nimport { BasketContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport LineBreak from '@/components/generic/LineBreak';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport Currency from '@/components/generic/Currency';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useHistory } from 'react-router-dom';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\ninterface BESummaryRoomRowProps {\n    index: number;\n    row: BasketRow;\n    showImages: boolean;\n\n    onEditPropertyClicked?: () => void;\n}\n\nexport default function BESummaryRoomRow(props: BESummaryRoomRowProps) {\n    const basketContext = useContext(BasketContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const { t } = useTranslation();\n    const history = useHistory();\n\n    const { index, row, showImages } = props;\n\n    const totalPrice = row.getTotalPrice(true);\n    const rate = row.getRate();\n\n    const isSelected = basketContext.selectedBasketRow?.getID() === row.getID();\n    const isOnlyRate = basketContext.currentBasketRows.length === 1;\n\n    const removeRate = t(isOnlyRate ? Translation.Step.Room.Summary.NoRemoveLastRate : Translation.Step.Room.Summary.RemoveThisRate);\n\n    const rowFees = row.getRate()?.getTotalFees();\n    const rowTaxes = row.getRate()?.getTotalTaxes();\n    const selectBasketRowOnClick = () => basketContext.selectBasketRow(null);\n    const editOnClickHandler = () => {\n        if (currentStep !== StepRoom) {\n            history.push(StepRoom.getStepUrl());\n        }\n        basketContext.selectBasketRow(row);\n\n        if (props.onEditPropertyClicked) {\n            props.onEditPropertyClicked();\n        }\n    };\n    const removeOnClickHandler = () => {\n        if (currentStep !== StepRoom) {\n            history.push(StepRoom.getStepUrl());\n        }\n        basketContext.removeBasketRow(row);\n    };\n\n    const promoApplied = row.isPromoCodeValid();\n\n    return (\n        <>\n            {index >= 1 && <LineBreak noMargins darker />}\n            <div key={row.getID()} className={'booking-engine-summary--row' + (isSelected ? ' --selected' : '')}>\n                {showImages && (\n                    <div className=\"u-border-rounded\" style={{ height: '190px' }}>\n                        <ImageGallerySlider images={row.getRoom().getImages()} imageSize={ImageSize.Tiny} />\n                    </div>\n                )}\n                <div className=\"u-marg-top--light\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        <strong>\n                            {t(Translation.Step.Date.Room)} {index + 1}\n                        </strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light\">\n                    <Text color={Color.Navy}>\n                        <strong>{rate?.getRoom().name}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light\">\n                    <Text type={TextType.Small}>{rate?.name}</Text>\n                </div>\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.Date.Arrival)}</Text>\n                    <Text type={TextType.Small} color={Color.Accent}>\n                        {row.getArrivalDate()}\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.Date.Departure)}</Text>\n                    <Text type={TextType.Small} color={Color.Accent}>\n                        {row.getDepartureDate()}\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--medium u-flex\">\n                    <Text type={TextType.Small}>\n                        {StringHelper.pluralWithDictAndCount(row.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {StringHelper.pluralWithDictAndCount(row.getChildren(), Translation.Step.Date.Child, t)}\n                    </Text>\n                </div>\n                <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Rates)} ({t(Translation.Misc.PerNight)})\n                    </Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{rate?.getAveragePrice(true)}</Currency>\n                    </Text>\n                </div>\n                {promoApplied && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Date.PromoCode)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {row.getPromoCode()}\n                        </Text>\n                    </div>\n                )}\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.General.RoomTotal)}</Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{totalPrice}</Currency>\n                    </Text>\n                </div>\n                {!!rowFees && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Room.Summary.Fees)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            <Currency>{rowFees}</Currency>\n                        </Text>\n                    </div>\n                )}\n                {!!rowTaxes && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            <Currency>{rowTaxes}</Currency>\n                        </Text>\n                    </div>\n                )}\n                <div className=\"u-marg-top u-marg-bottom u-flex justify-content-start\">\n                    {isSelected ? (\n                        <Tooltip title={t(Translation.Misc.Cancel)}>\n                            <div>\n                                <BEButton isText size=\"tiny\" primary onClick={selectBasketRowOnClick}>\n                                    {t(Translation.Misc.Cancel)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    ) : (\n                        <Tooltip title=\"Edit this property\">\n                            <div>\n                                <BEButton isText size=\"tiny\" primary onClick={editOnClickHandler}>\n                                    {t(Translation.Misc.Edit)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    )}\n\n                    <span className=\"u-pad-left--light u-pad-right--light\" style={{ color: Color.LightGrey }}>\n                        |\n                    </span>\n                    <Tooltip title={removeRate}>\n                        <div>\n                            <BEButton isText size=\"tiny\" primary disabled={isOnlyRate} onClick={removeOnClickHandler}>\n                                {t(Translation.Misc.Remove)}\n                            </BEButton>\n                        </div>\n                    </Tooltip>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"BESummaryRoomRow.js","sourceRoot":"/","sources":["src/components/summary/BESummaryRoomRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport BasketRow from '@/models/BasketRow';\nimport { BasketContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport LineBreak from '@/components/generic/LineBreak';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport Currency from '@/components/generic/Currency';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useHistory } from 'react-router-dom';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport { ImageSize } from '@/providers/ImageProvider';\n\ninterface BESummaryRoomRowProps {\n    index: number;\n    row: BasketRow;\n    showImages: boolean;\n\n    onEditPropertyClicked?: () => void;\n}\n\nexport default function BESummaryRoomRow(props: BESummaryRoomRowProps) {\n    const basketContext = useContext(BasketContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const { t } = useTranslation();\n    const history = useHistory();\n\n    const { index, row, showImages } = props;\n\n    const totalPrice = row.getTotalPrice(true);\n    const rate = row.getRate();\n\n    const isSelected = basketContext.selectedBasketRow?.getID() === row.getID();\n    const isOnlyRate = basketContext.currentBasketRows.length === 1;\n\n    const removeRate = t(isOnlyRate ? Translation.Step.Room.Summary.NoRemoveLastRate : Translation.Step.Room.Summary.RemoveThisRate);\n\n    const rowFees = row.getRate()?.getTotalFees();\n    const rowTaxes = row.getRate()?.getTotalTaxes();\n    const selectBasketRowOnClick = () => basketContext.selectBasketRow(null);\n    const editOnClickHandler = () => {\n        if (currentStep !== StepRoom) {\n            history.push(StepRoom.getStepUrl());\n        }\n        basketContext.selectBasketRow(row);\n\n        if (props.onEditPropertyClicked) {\n            props.onEditPropertyClicked();\n        }\n    };\n    const removeOnClickHandler = () => {\n        if (currentStep !== StepRoom) {\n            history.push(StepRoom.getStepUrl());\n        }\n        basketContext.removeBasketRow(row);\n    };\n\n    const promoApplied = row.isPromoCodeValid();\n\n    return (\n        <>\n            {index >= 1 && <LineBreak noMargins darker />}\n            <div key={row.getID()} className={'booking-engine-summary--row' + (isSelected ? ' --selected' : '')}>\n                {showImages && (\n                    <div className=\"u-border-rounded\" style={{ height: '190px' }}>\n                        <ImageGallerySlider images={row.getRoom().getImages()} imageSize={ImageSize.Tiny} />\n                    </div>\n                )}\n                <div className=\"u-marg-top--light\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        <strong>\n                            {t(Translation.Step.Date.Room)} {index + 1}\n                        </strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light\">\n                    <Text color={Color.Navy}>\n                        <strong>{rate?.getRoom().name}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light\">\n                    <Text type={TextType.Small}>{rate?.name}</Text>\n                </div>\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.Date.Arrival)}</Text>\n                    <Text type={TextType.Small} color={Color.Accent}>\n                        {row.getArrivalDate()}\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.Date.Departure)}</Text>\n                    <Text type={TextType.Small} color={Color.Accent}>\n                        {row.getDepartureDate()}\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--medium u-flex\">\n                    <Text type={TextType.Small}>\n                        {StringHelper.pluralWithDictAndCount(row.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {StringHelper.pluralWithDictAndCount(row.getChildren(), Translation.Step.Date.Child, t)}\n                    </Text>\n                </div>\n                <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Rates)} ({t(Translation.Misc.PerNight)})\n                    </Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{rate?.getAveragePrice(true)}</Currency>\n                    </Text>\n                </div>\n                {promoApplied && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Date.PromoCode)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {row.getPromoCode()}\n                        </Text>\n                    </div>\n                )}\n                <div className=\"u-marg-bottom--light u-flex\">\n                    <Text type={TextType.Small}>{t(Translation.Step.General.RoomTotal)}</Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{totalPrice}</Currency>\n                    </Text>\n                </div>\n                {!!rowFees && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Room.Summary.Fees)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            <Currency>{rowFees}</Currency>\n                        </Text>\n                    </div>\n                )}\n                {!!rowTaxes && (\n                    <div className=\"u-marg-bottom--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            <Currency>{rowTaxes}</Currency>\n                        </Text>\n                    </div>\n                )}\n                <div className=\"u-marg-top u-marg-bottom u-flex justify-content-start\">\n                    {isSelected ? (\n                        <Tooltip title={t(Translation.Misc.Cancel)}>\n                            <div>\n                                <BEButton isText size=\"tiny\" primary onClick={selectBasketRowOnClick}>\n                                    {t(Translation.Misc.Cancel)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    ) : (\n                        <Tooltip title={t(Translation.Step.Confirmation.EditThisProperty)}>\n                            <div>\n                                <BEButton isText size=\"tiny\" primary onClick={editOnClickHandler}>\n                                    {t(Translation.Misc.Edit)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    )}\n\n                    <span className=\"u-pad-left--light u-pad-right--light\" style={{ color: Color.LightGrey }}>\n                        |\n                    </span>\n                    <Tooltip title={removeRate}>\n                        <div>\n                            <BEButton isText size=\"tiny\" primary disabled={isOnlyRate} onClick={removeOnClickHandler}>\n                                {t(Translation.Misc.Remove)}\n                            </BEButton>\n                        </div>\n                    </Tooltip>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -33,6 +33,7 @@ const Icon_1 = __importStar(require("../generic/Icon/Icon"));
 const Distance_1 = __importDefault(require("../generic/Distance"));
 const TextAlignment_1 = require("../../util/TextAlignment");
 const contexts_1 = require("../../contexts/index.js");
+const classnames_1 = __importDefault(require("classnames"));
 function TransportDistanceFromHotelBlock(props) {
     const { transportDistances } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const distanceValues = [
@@ -62,7 +63,10 @@ function TransportDistanceFromHotelBlock(props) {
         return (react_1.default.createElement("div", { className: props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`, key: index },
             react_1.default.createElement(Text_1.default, { align: props.vertical ? TextAlignment_1.TextAlign.Center : undefined, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
                 react_1.default.createElement("strong", null, d.name)),
-            react_1.default.createElement("div", { className: 'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end') },
+            react_1.default.createElement("div", { className: (0, classnames_1.default)('u-flex u-marg-top--light', {
+                    'justify-content-start flex-column align-items-center': props.vertical,
+                    'align-items-end': !props.vertical,
+                }) },
                 react_1.default.createElement(Icon_1.default, { icon: d.icon, size: "1.3em" }),
                 react_1.default.createElement("span", { className: props.vertical ? 'u-marg-top--light' : 'u-marg-left--light' },
                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },

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

@@ -1 +1 @@
-{"version":3,"file":"TransportDistanceFromHotelBlock.js","sourceRoot":"/","sources":["src/components/summary/TransportDistanceFromHotelBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,wCAAqC;AACrC,kEAA2D;AAC3D,uEAAgE;AAChE,6EAAqD;AACrD,wDAAiD;AAEjD,iDAA2D;AAW3D,SAAwB,+BAA+B,CAAC,KAA2C;IAC/F,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG;QACnB;YACI,IAAI,EAAE,eAAQ,CAAC,QAAQ;YACvB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,KAAK;YACpB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG;SACpC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI;SACrC;KACJ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAE/F,OAAO,CACH,8DACK,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7B,OAAO,CACH,uCAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,GAAG,gBAAgB,uBAAuB,EAAE,GAAG,EAAE,KAAK;YAC5H,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACnG,8CAAS,CAAC,CAAC,IAAI,CAAU,CACtB;YACP,uCAAK,SAAS,EAAE,2BAA2B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,iBAAiB,CAAC;gBACvI,8BAAC,cAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG;gBACnC,wCAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB;oBACxE,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,wCAAM,SAAS,EAAC,UAAU;4BACtB,8BAAC,kBAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,QAA2B,GAAI,CAClD,CACJ,CACJ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC;AAnDD,kDAmDC","sourcesContent":["import React, { useContext } from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Distance from '@/components/generic/Distance';\nimport { TextAlign } from '@/util/TextAlignment';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverridesContext } from '@frontend/contexts';\n\ninterface TransportDistanceFromHotelBlockProps {\n    vertical?: boolean;\n\n    tightMargins?: boolean;\n    distanceOverrides?: any;\n\n    hotel?: Hotel;\n}\n\nexport default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps) {\n    const { transportDistances } = useContext(HotelOverridesContext);\n\n    const distanceValues = [\n        {\n            icon: IconType.Airplane,\n            name: 'Airport',\n            distance: transportDistances?.plane,\n        },\n        {\n            icon: IconType.Train,\n            name: 'Train',\n            distance: transportDistances?.train,\n        },\n        {\n            icon: IconType.Bus,\n            name: 'Bus',\n            distance: transportDistances?.bus,\n        },\n        {\n            icon: IconType.Taxi,\n            name: 'Taxi',\n            distance: transportDistances?.taxi,\n        },\n    ].filter((distanceValue) => !!distanceValue.distance);\n\n    const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';\n\n    return (\n        <>\n            {distanceValues.map((d, index) => {\n                return (\n                    <div className={props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`} key={index}>\n                        <Text align={props.vertical ? TextAlign.Center : undefined} type={TextType.Small} color={Color.DarkGrey}>\n                            <strong>{d.name}</strong>\n                        </Text>\n                        <div className={'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end')}>\n                            <Icon icon={d.icon} size=\"1.3em\" />\n                            <span className={props.vertical ? 'u-marg-top--light' : 'u-marg-left--light'}>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-nowrap\">\n                                        <Distance distance={d.distance as string | number} />\n                                    </span>\n                                </Text>\n                            </span>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"TransportDistanceFromHotelBlock.js","sourceRoot":"/","sources":["src/components/summary/TransportDistanceFromHotelBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,wCAAqC;AACrC,kEAA2D;AAC3D,uEAAgE;AAChE,6EAAqD;AACrD,wDAAiD;AAEjD,iDAA2D;AAC3D,4DAAoC;AAWpC,SAAwB,+BAA+B,CAAC,KAA2C;IAC/F,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG;QACnB;YACI,IAAI,EAAE,eAAQ,CAAC,QAAQ;YACvB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,KAAK;YACpB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG;SACpC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI;SACrC;KACJ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAE/F,OAAO,CACH,8DACK,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7B,OAAO,CACH,uCAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,GAAG,gBAAgB,uBAAuB,EAAE,GAAG,EAAE,KAAK;YAC5H,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACnG,8CAAS,CAAC,CAAC,IAAI,CAAU,CACtB;YACP,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE;oBAC9C,sDAAsD,EAAE,KAAK,CAAC,QAAQ;oBACtE,iBAAiB,EAAE,CAAC,KAAK,CAAC,QAAQ;iBACrC,CAAC;gBAEF,8BAAC,cAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG;gBACnC,wCAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB;oBACxE,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,wCAAM,SAAS,EAAC,UAAU;4BACtB,8BAAC,kBAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,QAA2B,GAAI,CAClD,CACJ,CACJ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC;AAxDD,kDAwDC","sourcesContent":["import React, { useContext } from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Distance from '@/components/generic/Distance';\nimport { TextAlign } from '@/util/TextAlignment';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverridesContext } from '@frontend/contexts';\nimport classNames from 'classnames';\n\ninterface TransportDistanceFromHotelBlockProps {\n    vertical?: boolean;\n\n    tightMargins?: boolean;\n    distanceOverrides?: any;\n\n    hotel?: Hotel;\n}\n\nexport default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps) {\n    const { transportDistances } = useContext(HotelOverridesContext);\n\n    const distanceValues = [\n        {\n            icon: IconType.Airplane,\n            name: 'Airport',\n            distance: transportDistances?.plane,\n        },\n        {\n            icon: IconType.Train,\n            name: 'Train',\n            distance: transportDistances?.train,\n        },\n        {\n            icon: IconType.Bus,\n            name: 'Bus',\n            distance: transportDistances?.bus,\n        },\n        {\n            icon: IconType.Taxi,\n            name: 'Taxi',\n            distance: transportDistances?.taxi,\n        },\n    ].filter((distanceValue) => !!distanceValue.distance);\n\n    const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';\n\n    return (\n        <>\n            {distanceValues.map((d, index) => {\n                return (\n                    <div className={props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`} key={index}>\n                        <Text align={props.vertical ? TextAlign.Center : undefined} type={TextType.Small} color={Color.DarkGrey}>\n                            <strong>{d.name}</strong>\n                        </Text>\n                        <div\n                            className={classNames('u-flex u-marg-top--light', {\n                                'justify-content-start flex-column align-items-center': props.vertical,\n                                'align-items-end': !props.vertical,\n                            })}\n                        >\n                            <Icon icon={d.icon} size=\"1.3em\" />\n                            <span className={props.vertical ? 'u-marg-top--light' : 'u-marg-left--light'}>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-nowrap\">\n                                        <Distance distance={d.distance as string | number} />\n                                    </span>\n                                </Text>\n                            </span>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextType.d.ts

@@ -32,6 +32,7 @@ export interface BasketContextType {
     rollback: () => void;
     checkedOut: (data: ReservationsDTO) => void;
     clearSelectedRates: () => void;
+    finish: () => void;
     getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;
     setAddonQuantities: (addon: Addon, quantities: {
         quantity: number;

package/dist/src/contexts/BasketContext/BasketContextType.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import type dayjs from 'dayjs';\nimport type { Addon } from '@/models/Addon/Addon';\nimport type ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    loadedPromotion: IPromotion | null;\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n\n    addBasketRow: (row: BasketRow, selectThisRate?: boolean, neverSelectThisRate?: boolean) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow | null) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO) => void;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | undefined;\n\n    initBasketRows: (basketRows: BasketRow[]) => void;\n}\n"]}
+{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import type dayjs from 'dayjs';\nimport type { Addon } from '@/models/Addon/Addon';\nimport type ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    loadedPromotion: IPromotion | null;\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n\n    addBasketRow: (row: BasketRow, selectThisRate?: boolean, neverSelectThisRate?: boolean) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow | null) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO) => void;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n    finish: () => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | undefined;\n\n    initBasketRows: (basketRows: BasketRow[]) => void;\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextWrapper.js

@@ -19,7 +19,6 @@ const react_2 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const contexts_1 = require("../index.js");
-const contexts_2 = require("../index.js");
 const hooks_1 = require("../../hooks/index.js");
 const BasketReducer_1 = require("reducers/BasketReducer");
 const BookingAPI_1 = __importDefault(require("../../api/BookingAPI"));
@@ -39,14 +38,20 @@ const StringHelper_1 = __importDefault(require("../../util/StringHelper"));
 const Translation_1 = require("translations/Translation");
 const Text_1 = __importDefault(require("../../components/generic/Text"));
 const PromotionProvider_1 = require("../../providers/PromotionProvider");
+const AppQueryParameters_1 = require("models/AppQueryParameters");
+const BaseAPI_1 = require("api/BaseAPI");
+const UpdateQueryParameters_1 = require("hooks/UpdateQueryParameters");
+const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
 function BasketContextWrapper(props) {
     var _a, _b, _c;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const notifications = (0, react_2.useContext)(contexts_2.NotificationContext);
-    const beContext = (0, react_2.useContext)(contexts_2.BookingEngineContext);
-    const ccx = (0, react_2.useContext)(contexts_2.CompanyContext);
-    const memberContext = (0, contexts_1.useMemberContext)();
+    const updateQueryParams = (0, UpdateQueryParameters_1.useUpdateQueryParameters)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
+    const notifications = (0, react_2.useContext)(contexts_1.NotificationContext);
+    const beContext = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
     const initialSession = (_a = beContext === null || beContext === void 0 ? void 0 : beContext.engine) === null || _a === void 0 ? void 0 : _a.getInitialSession();
     const [currentBasketRows, basketRowReducer] = (0, react_2.useReducer)(BasketReducer_1.BasketReducer, (_b = initialSession === null || initialSession === void 0 ? void 0 : initialSession.basketRows) !== null && _b !== void 0 ? _b : []);
     const [selectedBasketRow, setSelectedBasketRow] = (0, react_2.useState)(null);
@@ -70,7 +75,6 @@ function BasketContextWrapper(props) {
     const [hasCheckedOut, setHasCheckedOut] = (0, react_2.useState)(false);
     const [reservationData, setReservationData] = (0, react_2.useState)((initialSession === null || initialSession === void 0 ? void 0 : initialSession.reservation) || null);
     const [knownErrorPromoCodes, setKnownErrorPromoCodes] = (0, react_2.useState)([]);
-    const history = (0, react_router_dom_1.useHistory)();
     BasketContextErrorHandler_1.BasketContextErrorHandler.handleAvailabilityWarnings = (warnings) => {
         warnings.map((warning) => {
             if (warning.toLowerCase().startsWith('invalid promo code')) {
@@ -88,7 +92,7 @@ function BasketContextWrapper(props) {
                 }
             }
             else {
-                contexts_2.ErrorHandler.add({
+                contexts_1.ErrorHandler.add({
                     message: warning,
                 });
             }
@@ -164,7 +168,24 @@ function BasketContextWrapper(props) {
         }
         return null;
     };
+    const updateQueryParameters = (row) => {
+        if (!row)
+            return;
+        const queryParameters = {};
+        if (row.getEndDate()) {
+            queryParameters[AppQueryParameters_1.EAppQueryParameters.Arrive] = selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getStartDate().format(BaseAPI_1.API_DATE_FORMAT);
+            queryParameters[AppQueryParameters_1.EAppQueryParameters.Depart] = row.getEndDate().format(BaseAPI_1.API_DATE_FORMAT);
+        }
+        if (row.getPromoCode())
+            queryParameters[AppQueryParameters_1.EAppQueryParameters.PromoCode] = row.getPromoCode();
+        if (row.getChildren() !== undefined)
+            queryParameters[AppQueryParameters_1.EAppQueryParameters.Children] = row.getChildren().toString();
+        if (row.getAdults() !== undefined)
+            queryParameters[AppQueryParameters_1.EAppQueryParameters.Adults] = row.getAdults().toString();
+        updateQueryParams(queryParameters);
+    };
     const updateBasketRow = (row, updateGlobalDates = true) => {
+        updateQueryParameters(row);
         if (updateGlobalDates && row.getID() === (selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getID())) {
             setStartDate(row.getStartDate());
             setEndDate(row.getEndDate());
@@ -275,14 +296,14 @@ function BasketContextWrapper(props) {
                 const isNextStepAddon = StepManager_1.default.getNextStepUrl(StepRoom_1.default) === StepAddon_1.default.getStepUrl();
                 if (isNextStepAddon) {
                     if (addons.length) {
-                        history.push(StepAddon_1.default.getStepUrl());
+                        historyConsistentPush(StepAddon_1.default.getStepUrl());
                     }
                     else {
-                        history.push(StepManager_1.default.getNextStepUrl(StepAddon_1.default));
+                        historyConsistentPush(StepManager_1.default.getNextStepUrl(StepAddon_1.default));
                     }
                 }
                 else {
-                    history.push(StepManager_1.default.getNextStepUrl(StepRoom_1.default));
+                    historyConsistentPush(StepManager_1.default.getNextStepUrl(StepRoom_1.default));
                 }
             }
         }),
@@ -362,7 +383,7 @@ function BasketContextWrapper(props) {
             setReservationData(null);
         },
         checkedOut: (data) => {
-            var _a, _b, _c;
+            var _a, _b;
             setHasCheckedOut(true);
             setReservationData(data);
             setSelectedBasketRow(null);
@@ -379,7 +400,9 @@ function BasketContextWrapper(props) {
             params.delete('planpay_checkout_id');
             window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
             history.push(StepThanks_1.default.getStepUrl());
-            (_c = memberContext.fetchRoomstayMember) === null || _c === void 0 ? void 0 : _c.call(memberContext);
+        },
+        finish: () => {
+            setReservationData(null);
         },
         clearSelectedRates: () => {
             setSelectedBasketRow(null);
@@ -430,7 +453,7 @@ function BasketContextWrapper(props) {
             }
         },
     };
-    return (react_1.default.createElement(contexts_2.BasketContext.Provider, { value: workingContext },
+    return (react_1.default.createElement(contexts_1.BasketContext.Provider, { value: workingContext },
         props.children,
         react_1.default.createElement(MemberSignInModal_1.default, { isOpen: ccx.isSigningIn, onClose: ccx.closeMemberSignupModal })));
 }