@roomstay/frontend 2.6.85 → 2.6.86-0

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.d.ts

@@ -1 +0,0 @@
-export default function TrueRewardsModal(): JSX.Element;

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.js

@@ -1,94 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 });
-exports.default = TrueRewardsModal;
-const core_1 = require("@roomstay/core");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
-const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
-const Text_1 = __importDefault(require("../../../generic/Text"));
-const contexts_1 = require("../../../../contexts");
-const ConfirmationStepContext_1 = require("../../../../contexts/ConfirmationStepContext/ConfirmationStepContext");
-const index_1 = require("../../../../index");
-const Translation_1 = require("../../../../translations/Translation");
-const TrueRewardsModal_module_scss_1 = __importDefault(require("./TrueRewardsModal.module.scss"));
-function TrueRewardsModal() {
-    var _a, _b, _c, _d;
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { reservationData } = (0, contexts_1.useBasket)();
-    const { isLoading, apiErrorResponse } = (0, ConfirmationStepContext_1.useConfirmationStep)();
-    const { watch } = (0, react_hook_form_1.useFormContext)();
-    const paymentMethod = watch('paymentMethod');
-    const redirectUrl = (_b = (_a = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _a === void 0 ? void 0 : _a.external) === null || _b === void 0 ? void 0 : _b.redirectUrl;
-    const isSplitPayment = (_c = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _c === void 0 ? void 0 : _c.isSplitPayment;
-    const totalAuthorizedAmount = (_d = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _d === void 0 ? void 0 : _d.totalAuthorizedAmount;
-    const isPayingWithGiftCard = !isSplitPayment || totalAuthorizedAmount === 0;
-    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse && (paymentMethod === core_1.EBookingPaymentMethod.TrueRewards || isSplitPayment);
-    const cancelOnClickHandler = () => {
-        const params = new URLSearchParams(window.location.search);
-        window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
-        window.location.reload();
-    };
-    const onConfirmationClick = () => {
-        if (redirectUrl) {
-            window.location.href = redirectUrl;
-        }
-    };
-    return (react_1.default.createElement(SimpleModal_1.default, { open: isOpen, onClose: cancelOnClickHandler, alignCenter: true, size: SimpleModal_1.SimpleModalSize.ExtraSmall },
-        react_1.default.createElement("div", { className: TrueRewardsModal_module_scss_1.default.container },
-            react_1.default.createElement("div", { className: TrueRewardsModal_module_scss_1.default.content },
-                react_1.default.createElement("div", { className: TrueRewardsModal_module_scss_1.default.headline },
-                    react_1.default.createElement(index_1.Headline, { bold: true },
-                        " ",
-                        t(Translation_1.Translation.Step.Confirmation.TrueRewardsRedirectExternalPage),
-                        " ")),
-                react_1.default.createElement("div", { className: TrueRewardsModal_module_scss_1.default.text },
-                    react_1.default.createElement(Text_1.default, null, isPayingWithGiftCard
-                        ? isSplitPayment
-                            ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsEnterFirstGiftCard)
-                            : t(Translation_1.Translation.Step.Confirmation.TrueRewardsEnterGiftCard)
-                        : t(Translation_1.Translation.Step.Confirmation.TrueRewardsEnterCreditCard))),
-                react_1.default.createElement("div", { className: TrueRewardsModal_module_scss_1.default.buttons },
-                    react_1.default.createElement(BEButton_1.default, { size: "large", className: TrueRewardsModal_module_scss_1.default.cancelButton, onClick: cancelOnClickHandler }, t(Translation_1.Translation.Misc.Cancel)),
-                    react_1.default.createElement(BEButton_1.default, { size: "large", className: TrueRewardsModal_module_scss_1.default.continueButton, filled: true, primary: true, onClick: onConfirmationClick }, isPayingWithGiftCard
-                        ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsContinueToGiftCardPayment)
-                        : t(Translation_1.Translation.Step.Confirmation.TrueRewardsContinueToRemainingPayment)))))));
-}
-//# sourceMappingURL=TrueRewardsModal.js.map

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrueRewardsModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport { useConfirmationStep } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { Headline } from '@/index';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport { Translation } from '@/translations/Translation';\n\nimport styles from './TrueRewardsModal.module.scss';\n\nexport default function TrueRewardsModal() {\n    const { t } = useTranslation();\n    const { reservationData } = useBasket();\n    const { isLoading, apiErrorResponse } = useConfirmationStep();\n    const { watch } = useFormContext<ConfirmationFormValues>();\n\n    const paymentMethod = watch('paymentMethod');\n\n    const redirectUrl = reservationData?.payment?.external?.redirectUrl;\n    const isSplitPayment = reservationData?.payment?.isSplitPayment;\n    const totalAuthorizedAmount = reservationData?.payment?.totalAuthorizedAmount;\n\n    const isPayingWithGiftCard = !isSplitPayment || totalAuthorizedAmount === 0;\n    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse && (paymentMethod === EBookingPaymentMethod.TrueRewards || isSplitPayment);\n\n    const cancelOnClickHandler = () => {\n        const params = new URLSearchParams(window.location.search);\n        window.history.replaceState({}, '', `${window.location.pathname}?${params}`);\n        window.location.reload();\n    };\n\n    const onConfirmationClick = () => {\n        if (redirectUrl) {\n            window.location.href = redirectUrl;\n        }\n    };\n\n    return (\n        <SimpleModal open={isOpen} onClose={cancelOnClickHandler} alignCenter size={SimpleModalSize.ExtraSmall}>\n            <div className={styles.container}>\n                <div className={styles.content}>\n                    <div className={styles.headline}>\n                        <Headline bold> {t(Translation.Step.Confirmation.TrueRewardsRedirectExternalPage)} </Headline>\n                    </div>\n                    <div className={styles.text}>\n                        <Text>\n                            {isPayingWithGiftCard\n                                ? isSplitPayment\n                                    ? t(Translation.Step.Confirmation.TrueRewardsEnterFirstGiftCard)\n                                    : t(Translation.Step.Confirmation.TrueRewardsEnterGiftCard)\n                                : t(Translation.Step.Confirmation.TrueRewardsEnterCreditCard)}\n                        </Text>\n                    </div>\n                    <div className={styles.buttons}>\n                        <BEButton size=\"large\" className={styles.cancelButton} onClick={cancelOnClickHandler}>\n                            {t(Translation.Misc.Cancel)}\n                        </BEButton>\n                        <BEButton size=\"large\" className={styles.continueButton} filled primary onClick={onConfirmationClick}>\n                            {isPayingWithGiftCard\n                                ? t(Translation.Step.Confirmation.TrueRewardsContinueToGiftCardPayment)\n                                : t(Translation.Step.Confirmation.TrueRewardsContinueToRemainingPayment)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -1,10 +0,0 @@
-import dayjs from 'dayjs';
-import { RoomRate } from '../../../models/Room/RoomRate';
-interface Props {
-    rate: RoomRate;
-    selectedRate: RoomRate;
-    onSelectRate: () => void;
-    startDate?: dayjs.Dayjs;
-}
-declare const LargeRateCard: (props: Props) => JSX.Element;
-export default LargeRateCard;

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

@@ -1,120 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("translations/Translation");
-const BEButton_1 = __importDefault(require("../../generic/BEButton"));
-const Currency_1 = __importDefault(require("../../generic/Currency"));
-const Headline_1 = __importDefault(require("../../generic/Headline"));
-const Text_1 = __importStar(require("../../generic/Text"));
-const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
-const RoomRate_1 = require("../../../models/Room/RoomRate");
-const Color_1 = require("../../../util/Color");
-const StringHelper_1 = __importDefault(require("../../../util/StringHelper"));
-const LargeRateCard = (props) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const room = props.rate.getRoom();
-    const trimmedDescription = props.rate.description || props.rate.name;
-    const updateRate = () => {
-        props.onSelectRate();
-    };
-    // Calculate the price difference
-    const ratePrice = props.rate.getAveragePrice();
-    const selectedPrice = props.selectedRate.getAveragePrice();
-    const priceDifference = ratePrice - selectedPrice;
-    // Calculate current nights from the selected rate's night rates
-    const currentNights = Object.keys(props.selectedRate.nightRates).length;
-    // Only show minimum stay upgrades if they require longer stay AND are cheaper per night
-    const minNightStay = props.rate.minNightStayOverride;
-    const isMinStayUpgrade = minNightStay && minNightStay > currentNights && ratePrice < selectedPrice;
-    // Calculate the extended checkout date for minimum stay upgrades
-    const extendedCheckoutDate = props.startDate && minNightStay ? props.startDate.add(minNightStay, 'days') : null;
-    return (react_1.default.createElement("div", { className: "upgrade-card upgrade-card--rate u-border-rounded" },
-        react_1.default.createElement("div", { className: "upgrade-card__image" },
-            react_1.default.createElement(ImageGallerySlider_1.default, { images: room.getImages() })),
-        react_1.default.createElement("div", { className: "u-pad container" },
-            react_1.default.createElement(Text_1.default, { bold: true }, room.name),
-            react_1.default.createElement("div", { className: "u-marg-top--light" },
-                react_1.default.createElement(Text_1.default, { bold: true, color: Color_1.Color.Accent }, props.rate.name),
-                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, trimmedDescription)),
-            react_1.default.createElement("div", { className: "u-flex flex-column no-gutters u-marg-top" },
-                isMinStayUpgrade && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: "u-marg-bottom" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, t(Translation_1.Translation.Step.Room.Upsell.ExtendYourStay, {
-                            count: minNightStay - currentNights,
-                            nights: StringHelper_1.default.pluralWithDict(minNightStay - currentNights, Translation_1.Translation.Misc.Night, t).toLowerCase(),
-                        })),
-                        extendedCheckoutDate && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent, bold: true, className: "u-marg-top-bottom--lighter" }, t(Translation_1.Translation.Step.Room.Upsell.ExtendCheckout, {
-                            date: extendedCheckoutDate.format('MMM D, YYYY'),
-                        }))),
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Room.Upsell.MinimumStay, { minNightStay }))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Graphite }, t(Translation_1.Translation.Step.Room.Upsell.SaveWithLongerStay)),
-                    react_1.default.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center flex-row" },
-                        react_1.default.createElement(Headline_1.default, { bold: true, color: Color_1.Color.Success },
-                            react_1.default.createElement("span", { className: "u-flex align-items-center" },
-                                react_1.default.createElement(Currency_1.default, { hideDecimals: true }, props.rate.getAveragePrice()))),
-                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, inline: true },
-                            "/",
-                            t(Translation_1.Translation.Misc.Night))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success, className: "upgrade-inline-price" },
-                        react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.Step.Room.Upsell.SavePerNight, values: { amount: Math.abs(priceDifference) }, components: [
-                                react_1.default.createElement(Currency_1.default, { key: 0, hideDecimals: true }, Math.abs(priceDifference)),
-                            ] })))),
-                !isMinStayUpgrade && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy, inline: true }, t(Translation_1.Translation.Misc.From)),
-                    react_1.default.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center flex-row" },
-                        react_1.default.createElement(Headline_1.default, { bold: true },
-                            react_1.default.createElement("span", { className: "u-flex align-items-center" },
-                                "+",
-                                react_1.default.createElement(Currency_1.default, { hideDecimals: true }, priceDifference))),
-                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, inline: true },
-                            "/",
-                            t(Translation_1.Translation.Misc.Night))))),
-                react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" },
-                        react_1.default.createElement("span", { dangerouslySetInnerHTML: {
-                                __html: props.rate.getPriceType() === RoomRate_1.RoomRatePriceInclusion.IncludingFeesAndTaxes
-                                    ? t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes)
-                                    : t(Translation_1.Translation.Step.Room.ExcludingTaxes),
-                            } }))),
-                react_1.default.createElement("div", { className: "u-marg-top--light u-flex justify-content-end u-w-100@m-" },
-                    react_1.default.createElement(BEButton_1.default, { onClick: updateRate, name: "UpgradeRateButton", primary: true, filled: true, wide: true }, t(Translation_1.Translation.Step.Room.Upgrade)))))));
-};
-exports.default = LargeRateCard;
-//# sourceMappingURL=LargeRateCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LargeRateCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRateCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n    onSelectRate: () => void;\n    startDate?: dayjs.Dayjs;\n}\n\nconst LargeRateCard = (props: Props) => {\n    const { t } = useTranslation();\n\n    const room = props.rate.getRoom();\n    const trimmedDescription = props.rate.description || props.rate.name;\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    // Calculate the price difference\n    const ratePrice = props.rate.getAveragePrice();\n    const selectedPrice = props.selectedRate.getAveragePrice();\n    const priceDifference = ratePrice - selectedPrice;\n\n    // Calculate current nights from the selected rate's night rates\n    const currentNights = Object.keys(props.selectedRate.nightRates).length;\n\n    // Only show minimum stay upgrades if they require longer stay AND are cheaper per night\n    const minNightStay = props.rate.minNightStayOverride;\n    const isMinStayUpgrade = minNightStay && minNightStay > currentNights && ratePrice < selectedPrice;\n\n    // Calculate the extended checkout date for minimum stay upgrades\n    const extendedCheckoutDate = props.startDate && minNightStay ? props.startDate.add(minNightStay, 'days') : null;\n\n    return (\n        <div className=\"upgrade-card upgrade-card--rate u-border-rounded\">\n            <div className=\"upgrade-card__image\">\n                <ImageGallerySlider images={room.getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{room.name}</Text>\n                <div className=\"u-marg-top--light\">\n                    <Text bold color={Color.Accent}>\n                        {props.rate.name}\n                    </Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {trimmedDescription}\n                    </Text>\n                </div>\n\n                <div className=\"u-flex flex-column no-gutters u-marg-top\">\n                    {isMinStayUpgrade && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Accent}>\n                                    {t(Translation.Step.Room.Upsell.ExtendYourStay, {\n                                        count: minNightStay - currentNights,\n                                        nights: StringHelper.pluralWithDict(minNightStay - currentNights, Translation.Misc.Night, t).toLowerCase(),\n                                    })}\n                                </Text>\n                                {extendedCheckoutDate && (\n                                    <Text type={TextType.Small} color={Color.Accent} bold className=\"u-marg-top-bottom--lighter\">\n                                        {t(Translation.Step.Room.Upsell.ExtendCheckout, {\n                                            date: extendedCheckoutDate.format('MMM D, YYYY'),\n                                        })}\n                                    </Text>\n                                )}\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    {t(Translation.Step.Room.Upsell.MinimumStay, { minNightStay })}\n                                </Text>\n                            </div>\n\n                            <Text type={TextType.Small} color={Color.Graphite}>\n                                {t(Translation.Step.Room.Upsell.SaveWithLongerStay)}\n                            </Text>\n\n                            <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                                <Headline bold color={Color.Success}>\n                                    <span className=\"u-flex align-items-center\">\n                                        <Currency hideDecimals>{props.rate.getAveragePrice()}</Currency>\n                                    </span>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n\n                            <Text type={TextType.Small} color={Color.Success} className=\"upgrade-inline-price\">\n                                <Trans\n                                    i18nKey={Translation.Step.Room.Upsell.SavePerNight}\n                                    values={{ amount: Math.abs(priceDifference) }}\n                                    components={[\n                                        <Currency key={0} hideDecimals>\n                                            {Math.abs(priceDifference)}\n                                        </Currency>,\n                                    ]}\n                                />\n                            </Text>\n                        </>\n                    )}\n\n                    {!isMinStayUpgrade && (\n                        <>\n                            <Text type={TextType.Small} color={Color.Navy} inline>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                                <Headline bold>\n                                    <span className=\"u-flex align-items-center\">\n                                        +<Currency hideDecimals>{priceDifference}</Currency>\n                                    </span>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            <span\n                                dangerouslySetInnerHTML={{\n                                    __html:\n                                        props.rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                            ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                            : t(Translation.Step.Room.ExcludingTaxes),\n                                }}\n                            ></span>\n                        </Text>\n                    </div>\n\n                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"UpgradeRateButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRateCard;\n"]}