@roomstay/frontend 2.1.6 → 2.1.7

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

@@ -1 +1 @@
-{"version":3,"file":"BESummary.js","sourceRoot":"/","sources":["src/components/summary/BESummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC, useContext } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Currency from '@/components/generic/Currency';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport BasketRow from '@/models/BasketRow';\nimport BasketAddonRow from '@/models/BasketAddonRow';\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 { CompanyContext, HotelOverridesContext, BasketContext } from '@frontend/contexts';\nimport { OrderableReactList, useElementSort, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\n\nexport interface BESummaryProps {\n    showImages?: boolean;\n}\n\nconst TransportDistanceFromHotelBlockContainer: FC = () => {\n    const { transportDistances } = useContext(HotelOverridesContext);\n\n    return (\n        <div\n            className={classNames('u-flex u-flex-column u-marg-top', {\n                'u-flex-justify-around': Object.entries(transportDistances ?? {}).filter(([key, value]) => !!value).length <= 2,\n            })}\n        >\n            <TransportDistanceFromHotelBlock vertical={true} />\n        </div>\n    );\n};\n\nexport const BESummaryLayoutOrder: OrderableReactList = {\n    TransportDistanceBlock: {\n        component: <TransportDistanceFromHotelBlockContainer />,\n        priority: 5,\n    },\n    PerksBlock: {\n        component: (\n            <div className=\"u-marg-bottom--light u-marg-top--heavy\">\n                <BESummaryPerkBlock size=\"desktop\" />\n            </div>\n        ),\n        priority: 10,\n    },\n};\n\nexport function BESummary(props: BESummaryProps) {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { phoneNumberInSummary } = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const { sortedComponents } = useElementSort(BESummaryLayoutOrder);\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 showBasketItems = selectedBasketRows && selectedBasketRows.length;\n\n    return (\n        <div className=\"booking-engine-summary\">\n            <div className=\"u-marg-bottom\">\n                <Headline bold={true}>{t(Translation.Misc.Summary)}</Headline>\n            </div>\n\n            {showBasketItems ? (\n                <>\n                    {selectedBasketRows.map((row: BasketRow, index: number) => {\n                        if (!row.isValid()) return;\n\n                        return <BESummaryRoomRow key={row.getID()} row={row} index={index} showImages={props.showImages} />;\n                    })}\n                    {addons.length > 0 && (\n                        <>\n                            <LineBreak noMargins={true} darker={true} />\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) => {\n                                const onRemoveClickHandler = () => {\n                                    return basketContext.removeBasketAddonRow(row);\n                                };\n                                return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                            })}\n                        </>\n                    )}\n                </>\n            ) : (\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small}>{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={true}>{hotel?.name}</Text>\n                        </div>\n                        {getAddressString(addressLine1)}\n                        {getAddressString(addressLine2)}\n                        {phoneNumberInSummary && hotel?.phone && <Text type={TextType.Small}>{hotel?.phone}</Text>}\n                    </div>\n                </div>\n            )}\n            {sortedComponents}\n\n            {ccx.currentCurrency !== hotel?.defaultCurrency && (\n                <Alert iconAlignCenter={true} icon={IconType.Money} type={AlertType.LightGray}>\n                    <Text type={TextType.Small}>{t(Translation.Step.General.AlternateCurrencyInformation)}</Text>\n                </Alert>\n            )}\n\n            <LineBreak darker={true} />\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Small} align={TextAlign.Right}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <Headline bold={true} size={'large'} align={TextAlign.Right}>\n                    <Currency>{basketContext.getTotalPrice()}</Currency>\n                </Headline>\n                <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                    {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                </Text>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"BESummary.js","sourceRoot":"/","sources":["src/components/summary/BESummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FC, useContext } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Currency from '@/components/generic/Currency';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport BasketRow from '@/models/BasketRow';\nimport BasketAddonRow from '@/models/BasketAddonRow';\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 { CompanyContext, HotelOverridesContext, BasketContext } from '@frontend/contexts';\nimport { OrderableReactList, useElementSort, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\n\nexport interface BESummaryProps {\n    showImages?: boolean;\n}\n\nconst TransportDistanceFromHotelBlockContainer: FC = () => {\n    const overridesContext = useContext(HotelOverridesContext);\n\n    return (\n        <div\n            className={classNames('u-flex u-flex-column u-marg-top', {\n                'u-flex-justify-around': Object.entries(overridesContext?.transportDistances ?? {}).filter(([key, value]) => !!value).length <= 2,\n            })}\n        >\n            <TransportDistanceFromHotelBlock vertical />\n        </div>\n    );\n};\n\nexport const BESummaryLayoutOrder: OrderableReactList = {\n    TransportDistanceBlock: {\n        component: <TransportDistanceFromHotelBlockContainer />,\n        priority: 5,\n    },\n    PerksBlock: {\n        component: (\n            <div className=\"u-marg-bottom--light u-marg-top--heavy\">\n                <BESummaryPerkBlock size=\"desktop\" />\n            </div>\n        ),\n        priority: 10,\n    },\n};\n\nexport function BESummary(props: BESummaryProps) {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const overridesContext = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const { sortedComponents } = useElementSort(BESummaryLayoutOrder);\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 showBasketItems = selectedBasketRows && selectedBasketRows.length;\n\n    return (\n        <div className=\"booking-engine-summary\">\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Misc.Summary)}</Headline>\n            </div>\n\n            {showBasketItems ? (\n                <>\n                    {selectedBasketRows.map((row: BasketRow, index: number) => {\n                        if (!row.isValid()) return;\n\n                        return <BESummaryRoomRow key={row.getID()} row={row} index={index} showImages={!!props.showImages} />;\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) => {\n                                const onRemoveClickHandler = () => {\n                                    return basketContext.removeBasketAddonRow(row);\n                                };\n                                return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                            })}\n                        </>\n                    )}\n                </>\n            ) : (\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small}>{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                        {overridesContext?.phoneNumberInSummary && hotel?.phone && <Text type={TextType.Small}>{hotel?.phone}</Text>}\n                    </div>\n                </div>\n            )}\n            {sortedComponents}\n\n            {ccx.currentCurrency !== hotel?.defaultCurrency && (\n                <Alert iconAlignCenter icon={IconType.Money} type={AlertType.LightGray}>\n                    <Text type={TextType.Small}>{t(Translation.Step.General.AlternateCurrencyInformation)}</Text>\n                </Alert>\n            )}\n\n            <LineBreak darker />\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Small} align={TextAlign.Right}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <Headline bold size=\"large\" align={TextAlign.Right}>\n                    <Currency>{basketContext.getTotalPrice()}</Currency>\n                </Headline>\n                <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                    {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                </Text>\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const Color_1 = require("../../util/Color");
 const Text_1 = __importStar(require("../generic/Text"));
@@ -55,15 +55,15 @@ function BESummaryAddonRow(props) {
         props.onRemoveClick();
     };
     const printLine = (left, right) => {
-        return (React.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex" },
-            React.createElement(Text_1.default, { type: Text_1.TextType.Small }, left),
-            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, right)));
+        return (react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, left),
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, right)));
     };
     const pricingType = addon.pricingType;
-    return (React.createElement(React.Fragment, null, priceInfo && (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-marg-bottom--light u-marg-top" },
-            React.createElement(Text_1.default, { color: Color_1.Color.Navy },
-                React.createElement("strong", null, addon.name))),
+    return (react_1.default.createElement(react_1.default.Fragment, null, priceInfo && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-bottom--light u-marg-top" },
+            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Navy },
+                react_1.default.createElement("strong", null, addon.name))),
         [
             {
                 price: priceInfo.price,
@@ -91,24 +91,24 @@ function BESummaryAddonRow(props) {
                         break;
                 }
             }
-            return (React.createElement(React.Fragment, { key: index }, price && quantity > 0 && (React.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex align-items-center" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true },
+            return (react_1.default.createElement(react_1.default.Fragment, { key: index }, price && quantity > 0 && (react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex align-items-center" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true },
                     quantity,
                     " ",
                     pluralName ? `${pluralName} ` : '',
                     "\u00D7\u00A0",
-                    React.createElement(Currency_1.default, null, price)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true },
-                    React.createElement(Currency_1.default, null, quantity * price))))));
+                    react_1.default.createElement(Currency_1.default, null, price)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true },
+                    react_1.default.createElement(Currency_1.default, null, quantity * price))))));
         }),
         !row.getAddon().hideDatePicker && row.getSelectedDate() && printLine('Date', (0, dayjs_1.default)(row.getSelectedDate(), 'YYYY-MM-DD').format('D MMM')),
         selectedTime && printLine('Time', selectedTime.format('h:mma')),
         (pricingType === Addon_1.AddonPricingType.PER_PERSON_PER_NIGHT || pricingType === Addon_1.AddonPricingType.PER_NIGHT) && printLine('Nights', row.getAddon().nights),
-        printLine('Total', React.createElement(Currency_1.default, null, row.getTotalPrice())),
-        React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy u-flex justify-content-start" },
-            React.createElement(Tooltip_1.default, { title: "Remove this addon" },
-                React.createElement("div", null,
-                    React.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: removeOnClickHandler }, t(Translation_1.Translation.Misc.Remove)))))))));
+        printLine('Total', react_1.default.createElement(Currency_1.default, null, row.getTotalPrice())),
+        react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy u-flex justify-content-start" },
+            react_1.default.createElement(Tooltip_1.default, { title: "Remove this addon" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: removeOnClickHandler }, t(Translation_1.Translation.Misc.Remove)))))))));
 }
 exports.default = BESummaryAddonRow;
 //# sourceMappingURL=BESummaryAddonRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BESummaryAddonRow.js","sourceRoot":"/","sources":["src/components/summary/BESummaryAddonRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Currency from '@/components/generic/Currency';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { useTranslation } from 'react-i18next';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { AddonPricingType } from '@/models/Addon/Addon';\n\ninterface BESummaryAddonRowProps {\n    row: BasketAddonRow;\n    onRemoveClick: () => void;\n}\n\nexport default function BESummaryAddonRow(props: BESummaryAddonRowProps) {\n    const { row } = props;\n\n    const { t } = useTranslation();\n\n    const addon = row.getAddon();\n    const date = row.getSelectedDate();\n    const priceInfo = addon.availability[date];\n\n    let selectedTime: Dayjs | undefined;\n    if (row.getSelectedTime()) {\n        const [hours, minutes, seconds] = row\n            .getSelectedTime()\n            .substr(1)\n            .split(':')\n            .map((it) => parseInt(it, 10));\n        selectedTime = dayjs().hour(hours).minute(minutes).second(seconds);\n    }\n\n    const removeOnClickHandler = () => {\n        props.onRemoveClick();\n    };\n\n    const printLine = (left: any, right: any) => {\n        return (\n            <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                <Text type={TextType.Small}>{left}</Text>\n                <Text type={TextType.Small} color={Color.DarkGrey}>\n                    {right}\n                </Text>\n            </div>\n        );\n    };\n\n    const pricingType = addon.pricingType;\n\n    return (\n        <>\n            {priceInfo && (\n                <>\n                    <div className=\"u-marg-bottom--light u-marg-top\">\n                        <Text color={Color.Navy}>\n                            <strong>{addon.name}</strong>\n                        </Text>\n                    </div>\n\n                    {[\n                        {\n                            price: priceInfo.price,\n                            quantity: row.getQuantity(),\n                        },\n                        {\n                            name: 'Adult',\n                            price: priceInfo.adultPrice,\n                            quantity: row.getAdultQuantity(),\n                        },\n                        {\n                            name: 'Child',\n                            price: priceInfo.childPrice,\n                            quantity: row.getChildQuantity(),\n                        },\n                    ].map(({ price, quantity, name }, index) => {\n                        let pluralName = name;\n\n                        if (quantity > 1) {\n                            switch (name) {\n                                case 'Adult':\n                                    pluralName += 's';\n                                    break;\n                                case 'Child':\n                                    pluralName += 'en';\n                                    break;\n                            }\n                        }\n\n                        return (\n                            <React.Fragment key={index}>\n                                {price && quantity > 0 && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex align-items-center\">\n                                        <Text type={TextType.Small} inline={true}>\n                                            {quantity} {pluralName ? `${pluralName} ` : ''}×&nbsp;<Currency>{price}</Currency>\n                                        </Text>\n                                        <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                            <Currency>{quantity * price}</Currency>\n                                        </Text>\n                                    </div>\n                                )}\n                            </React.Fragment>\n                        );\n                    })}\n\n                    {!row.getAddon().hideDatePicker && row.getSelectedDate() && printLine('Date', dayjs(row.getSelectedDate(), 'YYYY-MM-DD').format('D MMM'))}\n                    {selectedTime && printLine('Time', selectedTime.format('h:mma'))}\n                    {(pricingType === AddonPricingType.PER_PERSON_PER_NIGHT || pricingType === AddonPricingType.PER_NIGHT) && printLine('Nights', row.getAddon().nights)}\n                    {printLine('Total', <Currency>{row.getTotalPrice()}</Currency>)}\n\n                    <div className=\"u-marg-top--light u-marg-bottom--heavy u-flex justify-content-start\">\n                        <Tooltip title=\"Remove this addon\">\n                            <div>\n                                <BEButton isText={true} size=\"tiny\" primary={true} onClick={removeOnClickHandler}>\n                                    {t(Translation.Misc.Remove)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    </div>\n                </>\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"BESummaryAddonRow.js","sourceRoot":"/","sources":["src/components/summary/BESummaryAddonRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Currency from '@/components/generic/Currency';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { useTranslation } from 'react-i18next';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { AddonPricingType } from '@/models/Addon/Addon';\n\ninterface BESummaryAddonRowProps {\n    row: BasketAddonRow;\n    onRemoveClick: () => void;\n}\n\nexport default function BESummaryAddonRow(props: BESummaryAddonRowProps) {\n    const { row } = props;\n\n    const { t } = useTranslation();\n\n    const addon = row.getAddon();\n    const date = row.getSelectedDate();\n    const priceInfo = addon.availability[date];\n\n    let selectedTime: Dayjs | undefined;\n    if (row.getSelectedTime()) {\n        const [hours, minutes, seconds] = row\n            .getSelectedTime()\n            .substr(1)\n            .split(':')\n            .map((it) => parseInt(it, 10));\n        selectedTime = dayjs().hour(hours).minute(minutes).second(seconds);\n    }\n\n    const removeOnClickHandler = () => {\n        props.onRemoveClick();\n    };\n\n    const printLine = (left: any, right: any) => {\n        return (\n            <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                <Text type={TextType.Small}>{left}</Text>\n                <Text type={TextType.Small} color={Color.DarkGrey}>\n                    {right}\n                </Text>\n            </div>\n        );\n    };\n\n    const pricingType = addon.pricingType;\n\n    return (\n        <>\n            {priceInfo && (\n                <>\n                    <div className=\"u-marg-bottom--light u-marg-top\">\n                        <Text color={Color.Navy}>\n                            <strong>{addon.name}</strong>\n                        </Text>\n                    </div>\n\n                    {[\n                        {\n                            price: priceInfo.price,\n                            quantity: row.getQuantity(),\n                        },\n                        {\n                            name: 'Adult',\n                            price: priceInfo.adultPrice,\n                            quantity: row.getAdultQuantity(),\n                        },\n                        {\n                            name: 'Child',\n                            price: priceInfo.childPrice,\n                            quantity: row.getChildQuantity(),\n                        },\n                    ].map(({ price, quantity, name }, index) => {\n                        let pluralName = name;\n\n                        if (quantity > 1) {\n                            switch (name) {\n                                case 'Adult':\n                                    pluralName += 's';\n                                    break;\n                                case 'Child':\n                                    pluralName += 'en';\n                                    break;\n                            }\n                        }\n\n                        return (\n                            <React.Fragment key={index}>\n                                {price && quantity > 0 && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex align-items-center\">\n                                        <Text type={TextType.Small} inline>\n                                            {quantity} {pluralName ? `${pluralName} ` : ''}×&nbsp;<Currency>{price}</Currency>\n                                        </Text>\n                                        <Text type={TextType.Small} color={Color.DarkGrey} inline>\n                                            <Currency>{quantity * price}</Currency>\n                                        </Text>\n                                    </div>\n                                )}\n                            </React.Fragment>\n                        );\n                    })}\n\n                    {!row.getAddon().hideDatePicker && row.getSelectedDate() && printLine('Date', dayjs(row.getSelectedDate(), 'YYYY-MM-DD').format('D MMM'))}\n                    {selectedTime && printLine('Time', selectedTime.format('h:mma'))}\n                    {(pricingType === AddonPricingType.PER_PERSON_PER_NIGHT || pricingType === AddonPricingType.PER_NIGHT) && printLine('Nights', row.getAddon().nights)}\n                    {printLine('Total', <Currency>{row.getTotalPrice()}</Currency>)}\n\n                    <div className=\"u-marg-top--light u-marg-bottom--heavy u-flex justify-content-start\">\n                        <Tooltip title=\"Remove this addon\">\n                            <div>\n                                <BEButton isText size=\"tiny\" primary onClick={removeOnClickHandler}>\n                                    {t(Translation.Misc.Remove)}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                    </div>\n                </>\n            )}\n        </>\n    );\n}\n"]}

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BESummaryPerkBlock = exports.BE_SUMMARY_PERK_BLOCK = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Alert_1 = __importDefault(require("../generic/Alert"));
 const Icon_1 = __importDefault(require("../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../generic/Text"));
@@ -38,19 +38,19 @@ function OriginalPerkBlock(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const hotelPerks = hotel === null || hotel === void 0 ? void 0 : hotel.perks;
     if (!(hotelPerks === null || hotelPerks === void 0 ? void 0 : hotelPerks.length)) {
-        return React.createElement(React.Fragment, null);
+        return react_1.default.createElement(react_1.default.Fragment, null);
     }
     const colSize = props.size === 'mobile' ? 'col-6' : 'col-12';
     const textSize = props.size === 'mobile' ? Text_1.TextType.Label : Text_1.TextType.Small;
-    return (React.createElement(Alert_1.default, { heavyPadding: props.size === 'desktop', noIconMargin: true },
-        React.createElement("div", null,
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement(Text_1.default, null,
-                    React.createElement("strong", null, "And you get all these for free:"))),
-            React.createElement("div", { className: "row" }, hotelPerks.map((perk) => {
-                return (React.createElement("div", { key: perk.name, className: `u-flex align-items-center ${colSize} justify-content-start u-marg-bottom--light` },
-                    React.createElement("div", { className: "room-perk-icon" }, perk.iconElement ? perk.iconElement : React.createElement(Icon_1.default, { icon: perk.icon })),
-                    React.createElement(Text_1.default, { type: textSize, inline: true }, perk.name)));
+    return (react_1.default.createElement(Alert_1.default, { heavyPadding: props.size === 'desktop', noIconMargin: true },
+        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("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 })),
+                    react_1.default.createElement(Text_1.default, { type: textSize, inline: true }, perk.name)));
             })))));
 }
 function BESummaryPerkBlock(props) {

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,6CAA+B;AAC/B,uEAA+C;AAC/C,0EAAkD;AAClD,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,yCAAK,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,oBAAC,eAAK,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,YAAY,EAAE,IAAI;QAC7D;YACI,6BAAK,SAAS,EAAC,eAAe;gBAC1B,oBAAC,cAAI;oBACD,sEAAgD,CAC7C,CACL;YACN,6BAAK,SAAS,EAAC,KAAK,IACf,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,OAAO,CACH,6BAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,6BAA6B,OAAO,6CAA6C;oBAC7G,6BAAK,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAO;oBACvG,oBAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,IAC7B,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 * as React from 'react';\nimport Alert from '@/components/generic/Alert';\nimport Icon 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={true}>\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} />}</div>\n                                <Text type={textSize} inline={true}>\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;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"]}

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

@@ -22,25 +22,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+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_1 = require("react");
+const react_2 = require("react");
 const contexts_1 = require("../../contexts/index.js");
 function BESummaryPrivacyPolicy() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
-    return (React.createElement("div", { className: "summary-privacy-policy" },
-        React.createElement(Text_1.default, { type: Text_1.TextType.Body },
-            React.createElement("strong", null, "Privacy Policy")),
-        React.createElement(Text_1.default, { className: "u-marg-top--light", type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    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(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.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("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.policies, target: "_blank", style: { color: 'var(--rs-color-accent-1)' }, rel: "noreferrer" }, "Read more"),
             ".")));
 }
 exports.default = BESummaryPrivacyPolicy;

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,6CAA+B;AAC/B,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,6BAAK,SAAS,EAAC,wBAAwB;QACnC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,qDAA+B,CAC5B;QACP,oBAAC,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,2BAAG,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 * as 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,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"]}

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

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const contexts_1 = require("../../contexts/index.js");
 const react_i18next_1 = require("react-i18next");
-const react_1 = require("react");
+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"));
@@ -44,9 +44,9 @@ 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;
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const { currentStep } = (0, react_1.useContext)(contexts_2.FullPageEngineContext);
+    var _a, _b, _c;
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const { currentStep } = (0, react_2.useContext)(contexts_2.FullPageEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const history = (0, react_router_dom_1.useHistory)();
     const { index, row, showImages } = props;
@@ -55,8 +55,8 @@ function BESummaryRoomRow(props) {
     const isSelected = ((_a = basketContext.selectedBasketRow) === null || _a === void 0 ? void 0 : _a.getID()) === row.getID();
     const isOnlyRate = basketContext.currentBasketRows.length === 1;
     const removeRate = t(isOnlyRate ? Translation_1.Translation.Step.Room.Summary.NoRemoveLastRate : Translation_1.Translation.Step.Room.Summary.RemoveThisRate);
-    const rowFees = row.getRate().getTotalFees();
-    const rowTaxes = row.getRate().getTotalTaxes();
+    const rowFees = (_b = row.getRate()) === null || _b === void 0 ? void 0 : _b.getTotalFees();
+    const rowTaxes = (_c = row.getRate()) === null || _c === void 0 ? void 0 : _c.getTotalTaxes();
     const selectBasketRowOnClick = () => basketContext.selectBasketRow(null);
     const editOnClickHandler = () => {
         if (currentStep !== StepRoom_1.default) {
@@ -74,66 +74,66 @@ function BESummaryRoomRow(props) {
         basketContext.removeBasketRow(row);
     };
     const promoApplied = row.isPromoCodeValid();
-    return (React.createElement(React.Fragment, null,
-        index >= 1 && React.createElement(LineBreak_1.default, { noMargins: true, darker: true }),
-        React.createElement("div", { key: row.getID(), className: 'booking-engine-summary--row' + (isSelected ? ' --selected' : '') },
-            showImages && (React.createElement("div", { className: "u-border-rounded", style: { height: '190px' } },
-                React.createElement(ImageGallerySlider_1.default, { images: row.getRoom().getImages(), imageSize: ImageProvider_1.ImageSize.Tiny }))),
-            React.createElement("div", { className: "u-marg-top--light" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                    React.createElement("strong", null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        index >= 1 && react_1.default.createElement(LineBreak_1.default, { noMargins: true, darker: true }),
+        react_1.default.createElement("div", { key: row.getID(), className: 'booking-engine-summary--row' + (isSelected ? ' --selected' : '') },
+            showImages && (react_1.default.createElement("div", { className: "u-border-rounded", style: { height: '190px' } },
+                react_1.default.createElement(ImageGallerySlider_1.default, { images: row.getRoom().getImages(), imageSize: ImageProvider_1.ImageSize.Tiny }))),
+            react_1.default.createElement("div", { className: "u-marg-top--light" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                    react_1.default.createElement("strong", null,
                         t(Translation_1.Translation.Step.Date.Room),
                         " ",
                         index + 1))),
-            React.createElement("div", { className: "u-marg-bottom--light" },
-                React.createElement(Text_1.default, { color: Color_1.Color.Navy },
-                    React.createElement("strong", null, rate.getRoom().name))),
-            React.createElement("div", { className: "u-marg-bottom--light" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, rate.name)),
-            React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.Arrival)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, row.getArrivalDate())),
-            React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.Departure)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, row.getDepartureDate())),
-            React.createElement("div", { className: "u-marg-bottom--medium u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Text_1.default, { color: Color_1.Color.Navy },
+                    react_1.default.createElement("strong", null, rate === null || rate === void 0 ? void 0 : rate.getRoom().name))),
+            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, rate === null || rate === void 0 ? void 0 : rate.name)),
+            react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.Arrival)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, row.getArrivalDate())),
+            react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.Departure)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, row.getDepartureDate())),
+            react_1.default.createElement("div", { className: "u-marg-bottom--medium u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                     StringHelper_1.default.pluralWithDictAndCount(row.getAdults(), Translation_1.Translation.Step.Date.Adult, t),
                     ",\u00A0",
                     StringHelper_1.default.pluralWithDictAndCount(row.getChildren(), Translation_1.Translation.Step.Date.Child, t))),
-            React.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                     t(Translation_1.Translation.Misc.Rates),
                     " (",
                     t(Translation_1.Translation.Misc.PerNight),
                     ")"),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                    React.createElement(Currency_1.default, null, rate.getAveragePrice(true)))),
-            promoApplied && (React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.PromoCode)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, row.getPromoCode()))),
-            React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.General.RoomTotal)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                    React.createElement(Currency_1.default, null, totalPrice))),
-            !!rowFees && (React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Room.Summary.Fees)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                    React.createElement(Currency_1.default, null, rowFees)))),
-            !!rowTaxes && (React.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Room.Summary.Taxes)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                    React.createElement(Currency_1.default, null, rowTaxes)))),
-            React.createElement("div", { className: "u-marg-top u-marg-bottom u-flex justify-content-start" },
-                isSelected ? (React.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Misc.Cancel) },
-                    React.createElement("div", null,
-                        React.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: selectBasketRowOnClick }, t(Translation_1.Translation.Misc.Cancel))))) : (React.createElement(Tooltip_1.default, { title: "Edit this property" },
-                    React.createElement("div", null,
-                        React.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, onClick: editOnClickHandler }, t(Translation_1.Translation.Misc.Edit))))),
-                React.createElement("span", { className: "u-pad-left--light u-pad-right--light", style: { color: Color_1.Color.LightGrey } }, "|"),
-                React.createElement(Tooltip_1.default, { title: removeRate },
-                    React.createElement("div", null,
-                        React.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, disabled: isOnlyRate, onClick: removeOnClickHandler }, t(Translation_1.Translation.Misc.Remove))))))));
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                    react_1.default.createElement(Currency_1.default, null, rate === null || rate === void 0 ? void 0 : rate.getAveragePrice(true)))),
+            promoApplied && (react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Date.PromoCode)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, row.getPromoCode()))),
+            react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.General.RoomTotal)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                    react_1.default.createElement(Currency_1.default, null, totalPrice))),
+            !!rowFees && (react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Room.Summary.Fees)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                    react_1.default.createElement(Currency_1.default, null, rowFees)))),
+            !!rowTaxes && (react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Room.Summary.Taxes)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                    react_1.default.createElement(Currency_1.default, null, rowTaxes)))),
+            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("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 } }, "|"),
+                react_1.default.createElement(Tooltip_1.default, { title: removeRate },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", primary: true, disabled: isOnlyRate, onClick: removeOnClickHandler }, t(Translation_1.Translation.Misc.Remove))))))));
 }
 exports.default = BESummaryRoomRow;
 //# sourceMappingURL=BESummaryRoomRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BESummaryRoomRow.js","sourceRoot":"/","sources":["src/components/summary/BESummaryRoomRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iDAAmD;AACnD,iDAA+C;AAC/C,iCAAmC;AACnC,+EAAuD;AACvD,oGAA4E;AAC5E,kEAA2D;AAC3D,wCAAqC;AACrC,uEAA+C;AAC/C,6EAAqD;AACrD,6EAAqD;AACrD,0DAAuD;AACvD,uDAA8C;AAC9C,mFAA2D;AAC3D,+EAAuD;AACvD,6DAAsD;AACtD,iDAA2D;AAU3D,SAAwB,gBAAgB,CAAC,KAA4B;;IACjE,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,UAAU,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAE3B,MAAM,UAAU,GAAG,CAAA,MAAA,aAAa,CAAC,iBAAiB,0CAAE,KAAK,EAAE,MAAK,GAAG,CAAC,KAAK,EAAE,CAAC;IAC5E,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAEjI,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,aAAa,EAAE,CAAC;IAC/C,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACzE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,WAAW,KAAK,kBAAQ,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,kBAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;SACvC;QACD,aAAa,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QAEnC,IAAI,KAAK,CAAC,qBAAqB,EAAE;YAC7B,KAAK,CAAC,qBAAqB,EAAE,CAAC;SACjC;IACL,CAAC,CAAC;IACF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,WAAW,KAAK,kBAAQ,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,kBAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;SACvC;QACD,aAAa,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAE5C,OAAO,CACH;QACK,KAAK,IAAI,CAAC,IAAI,oBAAC,mBAAS,IAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI;QAC3D,6BAAK,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,6BAA6B,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9F,UAAU,IAAI,CACX,6BAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gBACxD,oBAAC,4BAAkB,IAAC,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,yBAAS,CAAC,IAAI,GAAI,CAClF,CACT;YACD,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;wBAAG,KAAK,GAAG,CAAC,CACrC,CACN,CACL;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI;oBACnB,oCAAS,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAU,CACnC,CACL;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C;YACN,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ;gBACrE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,IAC1C,GAAG,CAAC,cAAc,EAAE,CAClB,CACL;YACN,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAQ;gBACvE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,IAC1C,GAAG,CAAC,gBAAgB,EAAE,CACpB,CACL;YACN,6BAAK,SAAS,EAAC,8BAA8B;gBACzC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,sBAAY,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;oBACpF,sBAAY,CAAC,sBAAsB,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CACpF,CACL;YACN,6BAAK,SAAS,EAAC,+CAA+C;gBAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;wBACvD;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C,oBAAC,kBAAQ,QAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAY,CAC9C,CACL;YACL,YAAY,IAAI,CACb,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAQ;gBACvE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,GAAG,CAAC,YAAY,EAAE,CAChB,CACL,CACT;YACD,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAQ;gBAC1E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C,oBAAC,kBAAQ,QAAE,UAAU,CAAY,CAC9B,CACL;YACL,CAAC,CAAC,OAAO,IAAI,CACV,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAQ;gBAC1E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C,oBAAC,kBAAQ,QAAE,OAAO,CAAY,CAC3B,CACL,CACT;YACA,CAAC,CAAC,QAAQ,IAAI,CACX,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAQ;gBAC3E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C,oBAAC,kBAAQ,QAAE,QAAQ,CAAY,CAC5B,CACL,CACT;YACD,6BAAK,SAAS,EAAC,uDAAuD;gBACjE,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,iBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;oBACtC;wBACI,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,sBAAsB,IAC7E,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,CACT,CACA,CACb,CAAC,CAAC,CAAC,CACA,oBAAC,iBAAO,IAAC,KAAK,EAAC,oBAAoB;oBAC/B;wBACI,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,kBAAkB,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAClB,CACT,CACA,CACb;gBAED,8BAAM,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,SAAS,EAAE,QAEjF;gBACP,oBAAC,iBAAO,IAAC,KAAK,EAAE,UAAU;oBACtB;wBACI,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,IACjG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,CACT,CACA,CACR,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxJD,mCAwJC","sourcesContent":["import * as 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={true} darker={true} />}\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={true} size=\"tiny\" primary={true} 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={true} size=\"tiny\" primary={true} 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={true} size=\"tiny\" primary={true} 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 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"]}

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importStar(require("react"));
 const Color_1 = require("../../util/Color");
 const Text_1 = __importStar(require("../generic/Text"));
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
@@ -34,7 +34,7 @@ const Distance_1 = __importDefault(require("../generic/Distance"));
 const TextAlignment_1 = require("../../util/TextAlignment");
 const contexts_1 = require("../../contexts/index.js");
 function TransportDistanceFromHotelBlock(props) {
-    const { transportDistances } = React.useContext(contexts_1.HotelOverridesContext);
+    const { transportDistances } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const distanceValues = [
         {
             icon: Icon_1.IconType.Airplane,
@@ -58,16 +58,16 @@ function TransportDistanceFromHotelBlock(props) {
         },
     ].filter((distanceValue) => !!distanceValue.distance);
     const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';
-    return (React.createElement(React.Fragment, null, distanceValues.map((d, index) => {
-        return (React.createElement("div", { className: props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`, key: index },
-            React.createElement(Text_1.default, { align: props.vertical ? TextAlignment_1.TextAlign.Center : null, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                React.createElement("strong", null, d.name)),
-            React.createElement("div", { className: 'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end') },
-                React.createElement(Icon_1.default, { icon: d.icon, size: "1.3em" }),
-                React.createElement("span", { className: props.vertical ? 'u-marg-top--light' : 'u-marg-left--light' },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                        React.createElement("span", { className: "u-nowrap" },
-                            React.createElement(Distance_1.default, { distance: d.distance })))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, distanceValues.map((d, index) => {
+        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(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 },
+                        react_1.default.createElement("span", { className: "u-nowrap" },
+                            react_1.default.createElement(Distance_1.default, { distance: d.distance })))))));
     })));
 }
 exports.default = TransportDistanceFromHotelBlock;