@roomstay/frontend 2.6.100 → 2.6.101

package/dist/src/components/generic/PromotionalCodeInput.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PromotionalCodeInput: () => React.JSX.Element;

package/dist/src/components/generic/PromotionalCodeInput.js

@@ -0,0 +1,142 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromotionalCodeInput = void 0;
+const contexts_1 = require("../../contexts/index.js");
+const ui_1 = require("@roomstay/ui");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const AutoAutoHeight_1 = __importDefault(require("../../animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("./Alert"));
+const BEButton_1 = __importDefault(require("./BEButton"));
+const Text_1 = __importStar(require("./Text"));
+const TextBox_1 = __importDefault(require("./TextBox"));
+const useNextStepAction_1 = require("../../hooks/useNextStepAction");
+const Translation_1 = require("../../translations/Translation");
+const PromotionalWarnings = ({ promoCode, isSubmitted, rows }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    if (!isSubmitted)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    // Collect unique promo code warnings from all rows
+    const errors = Array.from(new Set(rows.flatMap((row) => row.getPromoCodeWarningMessage() || [])));
+    // Start with checking if the input promo code is non-empty and there are no initial warnings
+    let isValid = !!promoCode.trim() && errors.length === 0;
+    // If there are no errors from the API, validate each row in the basket
+    if (!errors.length) {
+        // A row is valid if it has a rate and the promo applies to it
+        const rowHasValidPromo = (row) => {
+            var _a;
+            const rate = row.getRate();
+            if (!rate)
+                return false;
+            const promo = (_a = row.getPromoCode()) === null || _a === void 0 ? void 0 : _a.trim();
+            return promo && rate.getTotalDiscount() > 0;
+        };
+        const appliesToAtLeastOneRow = rows.some(rowHasValidPromo);
+        if (!appliesToAtLeastOneRow) {
+            const message = t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.NotLinkedToRate);
+            if (!errors.includes(message)) {
+                errors.push(message);
+            }
+            isValid = false;
+        }
+    }
+    if (isValid) {
+        return (react_1.default.createElement("div", { className: "rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: ui_1.Color.Success }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.Valid, {
+                value: promoCode,
+            }))));
+    }
+    if (!errors.length)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    return (react_1.default.createElement("div", { className: "rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col" }, errors.map((error, i) => (react_1.default.createElement(AutoAutoHeight_1.default, { key: i, open: true },
+        react_1.default.createElement("div", { className: "u-flex" },
+            react_1.default.createElement(Alert_1.default, { icon: ui_1.IconType.Error, type: Alert_1.AlertType.Danger },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, error))))))));
+};
+const PromotionalCodeInput = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const context = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { syncBasketRowUnMatchedPrice } = (0, useNextStepAction_1.useNextStepAction)();
+    const [promoCode, setPromoCode] = (0, react_1.useState)('');
+    const [isSubmitted, setIsSubmitted] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const handleChange = (e) => {
+        setPromoCode(e.target.value);
+        setIsSubmitted(false);
+    };
+    const handleKeyPress = (event) => {
+        if (event.key === 'Enter')
+            handleSubmit();
+    };
+    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsSubmitted(false);
+            context.currentBasketRows.forEach((row) => {
+                row.setPromoCode(promoCode);
+                context.updateBasketRow(row);
+            });
+            setIsLoading(true);
+            yield syncBasketRowUnMatchedPrice();
+        }
+        finally {
+            setIsLoading(false);
+            setIsSubmitted(true);
+        }
+    });
+    return (react_1.default.createElement("div", { className: "rs-promotional-code" },
+        react_1.default.createElement("label", { className: "u-marg-bottom--lighter text-bold d-flex" }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCode)),
+        react_1.default.createElement("div", { className: "d-flex flex-wrap justify-content-space-between align-items-center" },
+            react_1.default.createElement("div", { className: "u-marg-right--light u-flex__item" },
+                react_1.default.createElement(TextBox_1.default, { className: "rs-promotional-code-input", value: promoCode.toUpperCase(), placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodePlaceHolder), onChange: handleChange, onKeyPress: handleKeyPress, wide: true })),
+            react_1.default.createElement("div", { className: "rs-promotional-code-submit-btn d-flex justify-content-center align-items-center" },
+                react_1.default.createElement(BEButton_1.default, { disabled: isLoading, rounded: true, filled: true, primary: true, size: "normal", onClick: handleSubmit, isLoading: isLoading }, t(Translation_1.Translation.Misc.Apply)))),
+        react_1.default.createElement("span", { className: "text-small promotional-code-description" }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeDescription)),
+        react_1.default.createElement(PromotionalWarnings, { promoCode: promoCode, isSubmitted: isSubmitted, rows: context.currentBasketRows })));
+};
+exports.PromotionalCodeInput = PromotionalCodeInput;
+//# sourceMappingURL=PromotionalCodeInput.js.map

package/dist/src/components/generic/PromotionalCodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotionalCodeInput.js","sourceRoot":"/","sources":["src/components/generic/PromotionalCodeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { Color, IconType } from '@roomstay/ui';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { useNextStepAction } from '@/hooks/useNextStepAction';\nimport BasketRow from '@/models/BasketRow';\nimport { Translation } from '@/translations/Translation';\n\nconst PromotionalWarnings = ({ promoCode, isSubmitted, rows }: { promoCode: string; isSubmitted: boolean; rows: BasketRow[] }) => {\n    const { t } = useTranslation();\n    if (!isSubmitted) return <></>;\n\n    // Collect unique promo code warnings from all rows\n    const errors = Array.from(new Set(rows.flatMap((row) => row.getPromoCodeWarningMessage() || [])));\n\n    // Start with checking if the input promo code is non-empty and there are no initial warnings\n    let isValid = !!promoCode.trim() && errors.length === 0;\n\n    // If there are no errors from the API, validate each row in the basket\n    if (!errors.length) {\n        // A row is valid if it has a rate and the promo applies to it\n        const rowHasValidPromo = (row: BasketRow) => {\n            const rate = row.getRate();\n            if (!rate) return false;\n\n            const promo = row.getPromoCode()?.trim();\n            return promo && rate.getTotalDiscount() > 0;\n        };\n\n        const appliesToAtLeastOneRow = rows.some(rowHasValidPromo);\n\n        if (!appliesToAtLeastOneRow) {\n            const message = t(Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.NotLinkedToRate);\n            if (!errors.includes(message)) {\n                errors.push(message);\n            }\n            isValid = false;\n        }\n    }\n\n    if (isValid) {\n        return (\n            <div className=\"rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col\">\n                <Text type={TextType.Small} color={Color.Success}>\n                    {t(Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.Valid, {\n                        value: promoCode,\n                    })}\n                </Text>\n            </div>\n        );\n    }\n\n    if (!errors.length) return <></>;\n\n    return (\n        <div className=\"rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col\">\n            {errors.map((error, i) => (\n                <AutoAutoHeight key={i} open>\n                    <div className=\"u-flex\">\n                        <Alert icon={IconType.Error} type={AlertType.Danger}>\n                            <Text type={TextType.Small}>{error}</Text>\n                        </Alert>\n                    </div>\n                </AutoAutoHeight>\n            ))}\n        </div>\n    );\n};\n\nexport const PromotionalCodeInput = () => {\n    const { t } = useTranslation();\n    const context = useContext(BasketContext);\n    const { syncBasketRowUnMatchedPrice } = useNextStepAction();\n\n    const [promoCode, setPromoCode] = useState('');\n    const [isSubmitted, setIsSubmitted] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setPromoCode(e.target.value);\n        setIsSubmitted(false);\n    };\n\n    const handleKeyPress = (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter') handleSubmit();\n    };\n\n    const handleSubmit = async () => {\n        try {\n            setIsSubmitted(false);\n            context.currentBasketRows.forEach((row) => {\n                row.setPromoCode(promoCode);\n                context.updateBasketRow(row);\n            });\n            setIsLoading(true);\n            await syncBasketRowUnMatchedPrice();\n        } finally {\n            setIsLoading(false);\n            setIsSubmitted(true);\n        }\n    };\n\n    return (\n        <div className=\"rs-promotional-code\">\n            <label className=\"u-marg-bottom--lighter text-bold d-flex\">{t(Translation.Step.Confirmation.Inputs.PromotionalCode)}</label>\n            <div className=\"d-flex flex-wrap justify-content-space-between align-items-center\">\n                <div className=\"u-marg-right--light u-flex__item\">\n                    <TextBox\n                        className=\"rs-promotional-code-input\"\n                        value={promoCode.toUpperCase()}\n                        placeholder={t(Translation.Step.Confirmation.Inputs.PromotionalCodePlaceHolder)}\n                        onChange={handleChange}\n                        onKeyPress={handleKeyPress}\n                        wide\n                    />\n                </div>\n                <div className=\"rs-promotional-code-submit-btn d-flex justify-content-center align-items-center\">\n                    <BEButton disabled={isLoading} rounded filled primary size=\"normal\" onClick={handleSubmit} isLoading={isLoading}>\n                        {t(Translation.Misc.Apply)}\n                    </BEButton>\n                </div>\n            </div>\n            <span className=\"text-small promotional-code-description\">{t(Translation.Step.Confirmation.Inputs.PromotionalCodeDescription)}</span>\n            <PromotionalWarnings promoCode={promoCode} isSubmitted={isSubmitted} rows={context.currentBasketRows} />\n        </div>\n    );\n};\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationForm.js

@@ -61,6 +61,7 @@ const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
+const PromotionalCodeInput_1 = require("../../generic/PromotionalCodeInput");
 const ScrollToTop_1 = __importDefault(require("../../generic/ScrollToTop"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
@@ -129,6 +130,8 @@ function StepConfirmationForm() {
             react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                 react_1.default.createElement("div", { className: "u-marg-bottom" },
                     react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Menu.PaymentInformation))),
+                react_1.default.createElement("div", { className: "u-marg-bottom rs-promotional-code-wrapper" },
+                    react_1.default.createElement(PromotionalCodeInput_1.PromotionalCodeInput, null)),
                 isFullyCoveredByGiftCard ? (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Success },
                     react_1.default.createElement("div", null,
                         react_1.default.createElement(Text_1.default, { bold: true }, "No payment required"),

package/dist/src/components/steps/confirmation/StepConfirmationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useBasket } from '@frontend/contexts';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport ScrollToTop from '@/components/generic/ScrollToTop';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport GiftCardRedemption from '@/components/steps/confirmation/GiftCardRedemption';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport { usePaymentHelper } from '@/util/usePaymentHelper';\n\nexport default function StepConfirmationForm() {\n    const { t } = useTranslation();\n\n    const formContext = useFormContext<ConfirmationFormValues>();\n    const { isInPaymentMode, isBackFromPlanpay, bookingSource } = useConfirmationStep();\n    const basketContext = useBasket();\n\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const { exclusivePayment } = usePaymentHelper();\n\n    const returnToPickRooms = async () => {\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    // Check if gift card fully covers the booking\n    const giftCardAmount = Math.abs(formContext.watch('giftCardAmount') || 0);\n    const totalBookingAmount = basketContext.getTotalPrice() || 0;\n    const isFullyCoveredByGiftCard = giftCardAmount > 0 && giftCardAmount >= totalBookingAmount;\n\n    // Ensure paymentMethod is set when gift card covers everything\n    useEffect(() => {\n        if (isFullyCoveredByGiftCard && !formContext.getValues('paymentMethod')) {\n            formContext.setValue('paymentMethod', 'VGS');\n        }\n    }, [isFullyCoveredByGiftCard]);\n\n    const prePaymentInfo = (\n        <>\n            <div className=\"u-marg-bottom--heavy\">\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                </div>\n                <Text type={TextType.Small} color={Color.Success}>\n                    <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                </Text>\n            </div>\n            <RoomContactDetails />\n            {bookingSource === 'inline' ? (\n                <Alert type={AlertType.Accent2} heavyPadding>\n                    <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                        <div>\n                            <Text color={Color.Accent} bold>\n                                {t(Translation.Step.Confirmation.WantMoreRooms)}\n                            </Text>\n                            <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                        </div>\n                        <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                            <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                {t(Translation.Step.Confirmation.AddMoreRooms)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </Alert>\n            ) : (\n                <></>\n            )}\n            {ShowIATANumberOnCheckoutFeature.isActive() && (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.TravelAgent)}</Headline>\n                        </div>\n\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                            </Text>\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                        </div>\n                        <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...formContext.register('IATANumber')} />\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n            <StepConfirmationCommentsComponent />\n            <LineBreak />\n            <GiftCardRedemption />\n            {!exclusivePayment && (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n\n                        {isFullyCoveredByGiftCard ? (\n                            <Alert type={AlertType.Success}>\n                                <div>\n                                    <Text bold>No payment required</Text>\n                                    <Text>Your gift card covers the full booking amount. No additional payment is required.</Text>\n                                </div>\n                            </Alert>\n                        ) : (\n                            <>\n                                <PaymentInformation />\n                                <div className=\"u-marg-top u-flex align-items-center\">\n                                    <div className=\"u-flex align-items-center justify-content-start\">\n                                        <Icon icon={IconType.Lock} color={Color.Success} />\n                                        <div className=\"u-marg-left--light\">\n                                            <Text type={TextType.Small} color={Color.Success}>\n                                                <strong>{t(Translation.Step.Confirmation.Secured)}</strong>\n                                            </Text>\n                                        </div>\n                                    </div>\n                                    <SSLSecureBadge />\n                                </div>\n                            </>\n                        )}\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n            <StepConfirmationPoliciesSection />\n            <div className=\"u-pad-top--light u-marg-bottom\">\n                <StepConfirmationPolicyBlock />\n            </div>\n            {ConfirmationVerifyFeature.isActive() && (\n                <>\n                    <LineBreak />\n                    <div>\n                        <StepConfirmationAcknowledgement />\n                    </div>\n                </>\n            )}\n        </>\n    );\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <AutoAutoHeight open={!exclusivePayment || !isInPaymentMode}>{prePaymentInfo}</AutoAutoHeight>\n                    {exclusivePayment && (\n                        <AutoAutoHeight open={isInPaymentMode}>\n                            <ScrollToTop />\n                            {exclusivePayment.renderPaymentInput?.()}\n                        </AutoAutoHeight>\n                    )}\n                </>\n            )}\n        </form>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useBasket } from '@frontend/contexts';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { PromotionalCodeInput } from '@/components/generic/PromotionalCodeInput';\nimport ScrollToTop from '@/components/generic/ScrollToTop';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport GiftCardRedemption from '@/components/steps/confirmation/GiftCardRedemption';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport { usePaymentHelper } from '@/util/usePaymentHelper';\n\nexport default function StepConfirmationForm() {\n    const { t } = useTranslation();\n\n    const formContext = useFormContext<ConfirmationFormValues>();\n    const { isInPaymentMode, isBackFromPlanpay, bookingSource } = useConfirmationStep();\n    const basketContext = useBasket();\n\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const { exclusivePayment } = usePaymentHelper();\n\n    const returnToPickRooms = async () => {\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    // Check if gift card fully covers the booking\n    const giftCardAmount = Math.abs(formContext.watch('giftCardAmount') || 0);\n    const totalBookingAmount = basketContext.getTotalPrice() || 0;\n    const isFullyCoveredByGiftCard = giftCardAmount > 0 && giftCardAmount >= totalBookingAmount;\n\n    // Ensure paymentMethod is set when gift card covers everything\n    useEffect(() => {\n        if (isFullyCoveredByGiftCard && !formContext.getValues('paymentMethod')) {\n            formContext.setValue('paymentMethod', 'VGS');\n        }\n    }, [isFullyCoveredByGiftCard]);\n\n    const prePaymentInfo = (\n        <>\n            <div className=\"u-marg-bottom--heavy\">\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                </div>\n                <Text type={TextType.Small} color={Color.Success}>\n                    <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                </Text>\n            </div>\n            <RoomContactDetails />\n            {bookingSource === 'inline' ? (\n                <Alert type={AlertType.Accent2} heavyPadding>\n                    <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                        <div>\n                            <Text color={Color.Accent} bold>\n                                {t(Translation.Step.Confirmation.WantMoreRooms)}\n                            </Text>\n                            <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                        </div>\n                        <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                            <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                {t(Translation.Step.Confirmation.AddMoreRooms)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </Alert>\n            ) : (\n                <></>\n            )}\n            {ShowIATANumberOnCheckoutFeature.isActive() && (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.TravelAgent)}</Headline>\n                        </div>\n\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                            </Text>\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                        </div>\n                        <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...formContext.register('IATANumber')} />\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n            <StepConfirmationCommentsComponent />\n            <LineBreak />\n            <GiftCardRedemption />\n            {!exclusivePayment && (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom rs-promotional-code-wrapper\">\n                            <PromotionalCodeInput />\n                        </div>\n                        {isFullyCoveredByGiftCard ? (\n                            <Alert type={AlertType.Success}>\n                                <div>\n                                    <Text bold>No payment required</Text>\n                                    <Text>Your gift card covers the full booking amount. No additional payment is required.</Text>\n                                </div>\n                            </Alert>\n                        ) : (\n                            <>\n                                <PaymentInformation />\n                                <div className=\"u-marg-top u-flex align-items-center\">\n                                    <div className=\"u-flex align-items-center justify-content-start\">\n                                        <Icon icon={IconType.Lock} color={Color.Success} />\n                                        <div className=\"u-marg-left--light\">\n                                            <Text type={TextType.Small} color={Color.Success}>\n                                                <strong>{t(Translation.Step.Confirmation.Secured)}</strong>\n                                            </Text>\n                                        </div>\n                                    </div>\n                                    <SSLSecureBadge />\n                                </div>\n                            </>\n                        )}\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n            <StepConfirmationPoliciesSection />\n            <div className=\"u-pad-top--light u-marg-bottom\">\n                <StepConfirmationPolicyBlock />\n            </div>\n            {ConfirmationVerifyFeature.isActive() && (\n                <>\n                    <LineBreak />\n                    <div>\n                        <StepConfirmationAcknowledgement />\n                    </div>\n                </>\n            )}\n        </>\n    );\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <AutoAutoHeight open={!exclusivePayment || !isInPaymentMode}>{prePaymentInfo}</AutoAutoHeight>\n                    {exclusivePayment && (\n                        <AutoAutoHeight open={isInPaymentMode}>\n                            <ScrollToTop />\n                            {exclusivePayment.renderPaymentInput?.()}\n                        </AutoAutoHeight>\n                    )}\n                </>\n            )}\n        </form>\n    );\n}\n"]}

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

@@ -52,9 +52,9 @@ const RoomDetailsRetargeting_1 = require("./roomDetails/RoomDetailsRetargeting")
 const RoomListAlert_1 = require("./RoomListAlert");
 const StepRoomErrorForm_1 = require("./StepRoomErrorForm");
 function RoomList() {
-    const { roomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { roomRateCalendarInteractivity } = beContext;
     const { orderUnavailableRoomsLast } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { rooms, loadingAttempted, isLoading, openRoom, apiHasError, retargetingRoom } = (0, RoomRateAvailabilityListFromApi_1.useRoomRateAvailabilityListFromApi)();

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

@@ -1 +1 @@
-{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, FullPageEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useMemo, useRef } from 'react';\n\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport RoomDetails from '@/components/steps/room/roomDetails/RoomDetails';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport { useRoomRateAvailabilityListFromApi } from '@/hooks/RoomRateAvailabilityListFromApi';\nimport { Room } from '@/models/Room/Room';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\n\nexport default function RoomList() {\n    const { roomRateCalendarInteractivity } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const { orderUnavailableRoomsLast } = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n    const { rooms, loadingAttempted, isLoading, openRoom, apiHasError, retargetingRoom } = useRoomRateAvailabilityListFromApi();\n    const roomListRef = useRef<HTMLDivElement | null>(null);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n    const sortBy = beContext.currentRoomSort;\n    const listWhenLastScrolledRef = useRef<Room[] | null>(null);\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolledRef.current !== rooms) {\n            listWhenLastScrolledRef.current = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({\n                top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset),\n                behavior: 'smooth',\n            });\n        }\n    };\n\n    useEffect(() => {\n        return () => {\n            // Clear timeout on unmount or before next effect\n            if (timeoutRef.current) {\n                clearTimeout(timeoutRef.current);\n            }\n        };\n    }, []);\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        if (hotel?.showUnavailableRooms) {\n            if (orderUnavailableRoomsLast) {\n                sortedRooms.sort((a, b) => {\n                    if (a.isAvailable() && !b.isAvailable()) return -1;\n                    if (!a.isAvailable() && b.isAvailable()) return 1;\n                    return 0;\n                });\n            }\n        }\n\n        const hasRoomRateModalOpening = !!(roomRateCalendarInteractivity?.rateCode && roomRateCalendarInteractivity?.roomCode);\n        const hasLoading: boolean = isLoading || !loadingAttempted;\n\n        if (hasRoomRateModalOpening) {\n            listWhenLastScrolledRef.current = rooms;\n        }\n\n        if (!basketContext.isDatePickerOpen && !isLoading && sortedRooms.length > 0) {\n            if (timeoutRef.current) {\n                clearTimeout(timeoutRef.current);\n            }\n\n            timeoutRef.current = setTimeout(() => {\n                if (!hasRoomRateModalOpening) {\n                    scrollIntoView();\n                }\n            }, 100);\n        }\n\n        const elements = (\n            <div ref={roomListRef} className=\"room-list\">\n                {hasLoading && !hasRoomRateModalOpening ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    <div className=\"room-list__container\">\n                        {hasLoading && hasRoomRateModalOpening ? <LargeLoader /> : <></>}\n                        {sortedRooms.map((room, index) => (\n                            <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />\n                        ))}\n                    </div>\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [\n        rooms,\n        isLoading,\n        loadingAttempted,\n        openRoom,\n        sortBy,\n        beContext.currentFilters,\n        basketContext.loadedPromotion,\n        basketContext.isDatePickerOpen,\n        orderUnavailableRoomsLast,\n        roomRateCalendarInteractivity,\n    ]);\n}\n"]}
+{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useMemo, useRef } from 'react';\n\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport RoomDetails from '@/components/steps/room/roomDetails/RoomDetails';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport { useRoomRateAvailabilityListFromApi } from '@/hooks/RoomRateAvailabilityListFromApi';\nimport { Room } from '@/models/Room/Room';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\n\nexport default function RoomList() {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const { roomRateCalendarInteractivity } = beContext;\n    const { orderUnavailableRoomsLast } = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n    const { rooms, loadingAttempted, isLoading, openRoom, apiHasError, retargetingRoom } = useRoomRateAvailabilityListFromApi();\n    const roomListRef = useRef<HTMLDivElement | null>(null);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n    const sortBy = beContext.currentRoomSort;\n    const listWhenLastScrolledRef = useRef<Room[] | null>(null);\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolledRef.current !== rooms) {\n            listWhenLastScrolledRef.current = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({\n                top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset),\n                behavior: 'smooth',\n            });\n        }\n    };\n\n    useEffect(() => {\n        return () => {\n            // Clear timeout on unmount or before next effect\n            if (timeoutRef.current) {\n                clearTimeout(timeoutRef.current);\n            }\n        };\n    }, []);\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        if (hotel?.showUnavailableRooms) {\n            if (orderUnavailableRoomsLast) {\n                sortedRooms.sort((a, b) => {\n                    if (a.isAvailable() && !b.isAvailable()) return -1;\n                    if (!a.isAvailable() && b.isAvailable()) return 1;\n                    return 0;\n                });\n            }\n        }\n\n        const hasRoomRateModalOpening = !!(roomRateCalendarInteractivity?.rateCode && roomRateCalendarInteractivity?.roomCode);\n        const hasLoading: boolean = isLoading || !loadingAttempted;\n\n        if (hasRoomRateModalOpening) {\n            listWhenLastScrolledRef.current = rooms;\n        }\n\n        if (!basketContext.isDatePickerOpen && !isLoading && sortedRooms.length > 0) {\n            if (timeoutRef.current) {\n                clearTimeout(timeoutRef.current);\n            }\n\n            timeoutRef.current = setTimeout(() => {\n                if (!hasRoomRateModalOpening) {\n                    scrollIntoView();\n                }\n            }, 100);\n        }\n\n        const elements = (\n            <div ref={roomListRef} className=\"room-list\">\n                {hasLoading && !hasRoomRateModalOpening ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    <div className=\"room-list__container\">\n                        {hasLoading && hasRoomRateModalOpening ? <LargeLoader /> : <></>}\n                        {sortedRooms.map((room, index) => (\n                            <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />\n                        ))}\n                    </div>\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [\n        rooms,\n        isLoading,\n        loadingAttempted,\n        openRoom,\n        sortBy,\n        beContext.currentFilters,\n        basketContext.loadedPromotion,\n        basketContext.isDatePickerOpen,\n        orderUnavailableRoomsLast,\n        roomRateCalendarInteractivity,\n    ]);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\n\nimport RoomModalPerkRow from './RoomModalPerkRow';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { roomModalDescSideBySide } = useContext(HotelOverridesContext);\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { rooms } = hotel as Hotel;\n\n    const { roomPerks, prePerkDisclaimer } = props.room.getRoomPerks({ hotel: hotel, room: props.room });\n\n    const extraRoomData = rooms?.[props.room.code as string];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    const cleanPerkDisclaimer = prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '';\n\n    const LongDescription = () => {\n        return (\n            <div className=\"u-marg-bottom--heavy rs-room-modal-long-description\">\n                <Text type={TextType.Small} color={Color.Graphite} asDiv>\n                    <HtmlContentViewer content={props.room.getLongDescription() || ''} />\n                </Text>\n            </div>\n        );\n    };\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div className=\"rs-room-modal\">\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m- rs-room-modal-container\">\n                    <div className=\"u-marg-bottom--light rs-room-modal-headline\">\n                        <Headline bold size=\"large\">\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy rs-room-modal-short-description\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) || '' }} />\n                        </Text>\n                    </div>\n\n                    {roomModalDescSideBySide ? (\n                        <>\n                            <LongDescription />\n                            <LineBreak />\n                        </>\n                    ) : null}\n\n                    {!hotel?.perksHideOnRoomDetail && roomPerks && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-perks\">\n                            <div className=\"row\">\n                                <RoomModalPerkRow hotel={hotel} room={props.room} roomPerks={roomPerks} />\n                            </div>\n                            {hotel?.perksShowDisclaimer && (\n                                <div className=\"row u-marg-top--lighter\">\n                                    <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                </div>\n                            )}\n                        </div>\n                    )}\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" noPadding size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    {!roomModalDescSideBySide ? <LongDescription /> : null}\n\n                    {!!cleanPerkDisclaimer && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-disclaimer\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: cleanPerkDisclaimer }} />\n                            </Text>\n                        </div>\n                    )}\n                </div>\n\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code as string} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\n\nimport RoomModalPerkRow from './RoomModalPerkRow';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { roomModalDescSideBySide } = useContext(HotelOverridesContext);\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { rooms } = hotel as Hotel;\n\n    const { roomPerks, prePerkDisclaimer } = props.room.getRoomPerks({ hotel: hotel, room: props.room });\n\n    const extraRoomData = rooms?.[props.room.code as string];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    const cleanPerkDisclaimer = prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '';\n\n    const LongDescription = () => {\n        return (\n            <div className=\"u-marg-bottom--heavy rs-room-modal-long-description\">\n                <Text type={TextType.Small} color={Color.Graphite} asDiv>\n                    <HtmlContentViewer content={props.room.getLongDescription() || ''} />\n                </Text>\n            </div>\n        );\n    };\n\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div className=\"rs-room-modal\">\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m- rs-room-modal-container\">\n                    <div className=\"u-marg-bottom--light rs-room-modal-headline\">\n                        <Headline bold size=\"large\">\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy rs-room-modal-short-description\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) || '' }} />\n                        </Text>\n                    </div>\n\n                    {roomModalDescSideBySide ? (\n                        <>\n                            <LongDescription />\n                            <LineBreak />\n                        </>\n                    ) : null}\n\n                    {!hotel?.perksHideOnRoomDetail && roomPerks && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-perks\">\n                            <div className=\"row\">\n                                <RoomModalPerkRow hotel={hotel} room={props.room} roomPerks={roomPerks} />\n                            </div>\n                            {hotel?.perksShowDisclaimer && (\n                                <div className=\"row u-marg-top--lighter\">\n                                    <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                </div>\n                            )}\n                        </div>\n                    )}\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" noPadding size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    {!roomModalDescSideBySide ? <LongDescription /> : null}\n\n                    {!!cleanPerkDisclaimer && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-disclaimer\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: cleanPerkDisclaimer }} />\n                            </Text>\n                        </div>\n                    )}\n                </div>\n\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code as string} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -53,7 +53,7 @@ const DataLayer_1 = __importDefault(require("../../../../util/DataLayer"));
 const TabGroupedRooms = () => {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const { roomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { roomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const { disableGroupRoomsAllTab } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const { rooms, isLoading, loadingAttempted, apiHasError } = (0, RoomRateAvailabilityListFromApi_1.useRoomRateAvailabilityListFromApi)();
     const params = (0, Query_1.useHashQuery)();

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

@@ -1 +1 @@
-{"version":3,"file":"TabGroupedRooms.js","sourceRoot":"/","sources":["src/components/steps/room/TabGroupedRooms/TabGroupedRooms.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FullPageEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useMemo } from 'react';\n\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport NoRoomsFoundBlock from '@/components/steps/room/NoRoomsFoundBlock';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport { StepRoomErrorForm } from '@/components/steps/room/StepRoomErrorForm';\nimport { TabGroupedRoomList } from '@/components/steps/room/TabGroupedRooms/TabGroupedRoomList';\nimport { useHashQuery } from '@/hooks/Query';\nimport { useRoomRateAvailabilityListFromApi } from '@/hooks/RoomRateAvailabilityListFromApi';\nimport { HotelRoomGroupsDTO } from '@/models/Api/HotelDTO';\nimport { Room } from '@/models/Room/Room';\nimport DataLayer from '@/util/DataLayer';\n\nexport const TabGroupedRooms = () => {\n    const { hotel } = useCurrentHotel();\n    const { roomRateCalendarInteractivity } = useContext(FullPageEngineContext);\n    const { disableGroupRoomsAllTab } = useContext(HotelOverridesContext);\n    const { rooms, isLoading, loadingAttempted, apiHasError } = useRoomRateAvailabilityListFromApi();\n    const params = useHashQuery();\n\n    const groupedRooms: (HotelRoomGroupsDTO[number] & { rooms: Room[] })[] = useMemo(() => {\n        if (!hotel) {\n            return [];\n        }\n\n        const sortingGroup: { [id: string]: HotelRoomGroupsDTO[number] & { rooms: Room[] } } = {\n            'list-all': {\n                id: 'list-all',\n                groupName: 'All Accommodations',\n                filters: {},\n                rooms: [],\n            },\n        };\n\n        for (const roomGroup of hotel?.roomGroups ?? []) {\n            sortingGroup[roomGroup.id] = {\n                ...roomGroup,\n                rooms: [],\n            };\n        }\n\n        for (const room of rooms) {\n            let groupId = !!room.roomGroupId ? room.roomGroupId : 'list-all';\n\n            if (!sortingGroup[groupId]) {\n                const foundGroup = hotel?.roomGroups?.find((group) => group.id === groupId);\n\n                if (foundGroup) {\n                    sortingGroup[groupId] = {\n                        ...foundGroup,\n                        rooms: [],\n                    };\n                } else {\n                    // Can't find the specific room, defaulting to \"unsorted\" rooms\n                    groupId = 'list-all';\n                }\n            }\n\n            // Actual bit that puts the right room in the right location\n            sortingGroup[groupId].rooms.push(room);\n        }\n\n        for (const sortedGroupKey of Object.keys(sortingGroup)) {\n            if (sortingGroup[sortedGroupKey]?.rooms?.length === 0 && sortedGroupKey !== 'list-all') {\n                delete sortingGroup[sortedGroupKey];\n            }\n        }\n\n        // Sort the rooms by the display order\n        const valuedSortedGroups = Object.values(sortingGroup).filter((item) => !!item);\n\n        if (valuedSortedGroups.length === 1 && valuedSortedGroups[0].rooms.length === 0) {\n            valuedSortedGroups.splice(0, 1);\n        }\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return valuedSortedGroups;\n    }, [rooms, hotel?.roomGroups]);\n\n    const defaultTab = useMemo(() => {\n        return params.get('defaultTab') ?? undefined;\n    }, []);\n\n    const hasRoomRateModalOpening = !!(roomRateCalendarInteractivity?.rateCode && roomRateCalendarInteractivity?.roomCode);\n    const hasLoading: boolean = isLoading || !loadingAttempted;\n\n    if (!hasRoomRateModalOpening && hasLoading) {\n        return <LargeLoader />;\n    }\n\n    if (groupedRooms.length > 0 && groupedRooms.length <= 2) {\n        let groupObject = { groupName: '', filters: {}, id: '' };\n        let rooms = [];\n        if (groupedRooms.length === 2) {\n            groupObject = groupedRooms[1];\n            rooms = groupedRooms[1].rooms;\n        } else {\n            rooms = groupedRooms[0].rooms;\n        }\n\n        return <TabGroupedRoomList group={groupObject} rooms={rooms} />;\n    } else if (groupedRooms.length > 2) {\n        const onlyGroups = [...groupedRooms];\n        // Update onlyGroups to be the same as groupedRooms, but without the first element\n        onlyGroups.splice(0, 1);\n\n        return (\n            <div style={{ maxWidth: '100%', overflow: 'hidden' }}>\n                <Tabs fullBleedOnLineBreak={false} activeKey={defaultTab}>\n                    <Tab title=\"All Accommodation\" navPath=\"list-all\" key=\"list-all\" preventScrollTop>\n                        {disableGroupRoomsAllTab ? (\n                            <TabGroupedRoomList group={groupedRooms[0]} rooms={rooms} />\n                        ) : (\n                            // We're not starting at 1 here as we want to display these rooms, even if they're not ordered\n                            groupedRooms\n                                ?.filter((item) => item.rooms.length)\n                                .map((group) => {\n                                    return <TabGroupedRoomList group={group} rooms={group.rooms} key={group.id} />;\n                                })\n                        )}\n                    </Tab>\n                    {/* Reason we've got to splice here is 0 index will always be unsorted rooms */}\n                    {onlyGroups.map((group) => (\n                        <Tab title={group.groupName} navPath={group.groupName} key={group.id} preventScrollTop>\n                            <TabGroupedRoomList group={group} rooms={group.rooms} />\n                        </Tab>\n                    ))}\n                </Tabs>\n            </div>\n        );\n    }\n\n    // No rooms found, so let's display the crossell block, or no rooms found\n    return (\n        <>\n            {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n            {hotel?.crossSellHotelIds?.map((hotelId) => (\n                <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n            ))}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"TabGroupedRooms.js","sourceRoot":"/","sources":["src/components/steps/room/TabGroupedRooms/TabGroupedRooms.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useMemo } from 'react';\n\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport NoRoomsFoundBlock from '@/components/steps/room/NoRoomsFoundBlock';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport { StepRoomErrorForm } from '@/components/steps/room/StepRoomErrorForm';\nimport { TabGroupedRoomList } from '@/components/steps/room/TabGroupedRooms/TabGroupedRoomList';\nimport { useHashQuery } from '@/hooks/Query';\nimport { useRoomRateAvailabilityListFromApi } from '@/hooks/RoomRateAvailabilityListFromApi';\nimport { HotelRoomGroupsDTO } from '@/models/Api/HotelDTO';\nimport { Room } from '@/models/Room/Room';\nimport DataLayer from '@/util/DataLayer';\n\nexport const TabGroupedRooms = () => {\n    const { hotel } = useCurrentHotel();\n    const { roomRateCalendarInteractivity } = useContext(BookingEngineContext);\n    const { disableGroupRoomsAllTab } = useContext(HotelOverridesContext);\n    const { rooms, isLoading, loadingAttempted, apiHasError } = useRoomRateAvailabilityListFromApi();\n    const params = useHashQuery();\n\n    const groupedRooms: (HotelRoomGroupsDTO[number] & { rooms: Room[] })[] = useMemo(() => {\n        if (!hotel) {\n            return [];\n        }\n\n        const sortingGroup: { [id: string]: HotelRoomGroupsDTO[number] & { rooms: Room[] } } = {\n            'list-all': {\n                id: 'list-all',\n                groupName: 'All Accommodations',\n                filters: {},\n                rooms: [],\n            },\n        };\n\n        for (const roomGroup of hotel?.roomGroups ?? []) {\n            sortingGroup[roomGroup.id] = {\n                ...roomGroup,\n                rooms: [],\n            };\n        }\n\n        for (const room of rooms) {\n            let groupId = !!room.roomGroupId ? room.roomGroupId : 'list-all';\n\n            if (!sortingGroup[groupId]) {\n                const foundGroup = hotel?.roomGroups?.find((group) => group.id === groupId);\n\n                if (foundGroup) {\n                    sortingGroup[groupId] = {\n                        ...foundGroup,\n                        rooms: [],\n                    };\n                } else {\n                    // Can't find the specific room, defaulting to \"unsorted\" rooms\n                    groupId = 'list-all';\n                }\n            }\n\n            // Actual bit that puts the right room in the right location\n            sortingGroup[groupId].rooms.push(room);\n        }\n\n        for (const sortedGroupKey of Object.keys(sortingGroup)) {\n            if (sortingGroup[sortedGroupKey]?.rooms?.length === 0 && sortedGroupKey !== 'list-all') {\n                delete sortingGroup[sortedGroupKey];\n            }\n        }\n\n        // Sort the rooms by the display order\n        const valuedSortedGroups = Object.values(sortingGroup).filter((item) => !!item);\n\n        if (valuedSortedGroups.length === 1 && valuedSortedGroups[0].rooms.length === 0) {\n            valuedSortedGroups.splice(0, 1);\n        }\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return valuedSortedGroups;\n    }, [rooms, hotel?.roomGroups]);\n\n    const defaultTab = useMemo(() => {\n        return params.get('defaultTab') ?? undefined;\n    }, []);\n\n    const hasRoomRateModalOpening = !!(roomRateCalendarInteractivity?.rateCode && roomRateCalendarInteractivity?.roomCode);\n    const hasLoading: boolean = isLoading || !loadingAttempted;\n\n    if (!hasRoomRateModalOpening && hasLoading) {\n        return <LargeLoader />;\n    }\n\n    if (groupedRooms.length > 0 && groupedRooms.length <= 2) {\n        let groupObject = { groupName: '', filters: {}, id: '' };\n        let rooms = [];\n        if (groupedRooms.length === 2) {\n            groupObject = groupedRooms[1];\n            rooms = groupedRooms[1].rooms;\n        } else {\n            rooms = groupedRooms[0].rooms;\n        }\n\n        return <TabGroupedRoomList group={groupObject} rooms={rooms} />;\n    } else if (groupedRooms.length > 2) {\n        const onlyGroups = [...groupedRooms];\n        // Update onlyGroups to be the same as groupedRooms, but without the first element\n        onlyGroups.splice(0, 1);\n\n        return (\n            <div style={{ maxWidth: '100%', overflow: 'hidden' }}>\n                <Tabs fullBleedOnLineBreak={false} activeKey={defaultTab}>\n                    <Tab title=\"All Accommodation\" navPath=\"list-all\" key=\"list-all\" preventScrollTop>\n                        {disableGroupRoomsAllTab ? (\n                            <TabGroupedRoomList group={groupedRooms[0]} rooms={rooms} />\n                        ) : (\n                            // We're not starting at 1 here as we want to display these rooms, even if they're not ordered\n                            groupedRooms\n                                ?.filter((item) => item.rooms.length)\n                                .map((group) => {\n                                    return <TabGroupedRoomList group={group} rooms={group.rooms} key={group.id} />;\n                                })\n                        )}\n                    </Tab>\n                    {/* Reason we've got to splice here is 0 index will always be unsorted rooms */}\n                    {onlyGroups.map((group) => (\n                        <Tab title={group.groupName} navPath={group.groupName} key={group.id} preventScrollTop>\n                            <TabGroupedRoomList group={group} rooms={group.rooms} />\n                        </Tab>\n                    ))}\n                </Tabs>\n            </div>\n        );\n    }\n\n    // No rooms found, so let's display the crossell block, or no rooms found\n    return (\n        <>\n            {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n            {hotel?.crossSellHotelIds?.map((hotelId) => (\n                <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n            ))}\n        </>\n    );\n};\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.js

@@ -78,9 +78,9 @@ const RoomRateDescriptionFooter = (props) => {
 };
 exports.RoomRateDescriptionFooter = RoomRateDescriptionFooter;
 const Calendar = ({ row, rate }) => {
-    const { setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const [selectedStartDate, setSelectedStartDate] = (0, react_1.useState)(null);
     const { updateBasketRow } = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const startDate = row.getStartDate();
     const endDate = row.getEndDate();
     const roomCode = rate.getRoom().code || '';

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useRateDetails } from '@/hooks/useRateDetails';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport BasketRow from '@/models/BasketRow';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './RoomRateDescriptionTab.module.scss';\n\ninterface RoomRateDescriptionTabProps {\n    rate: RoomRate;\n}\n\ninterface RoomRateDescriptionFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const { rate } = props;\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const bookNowButton = isLocked ? (\n        <BEButton filled success onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n    );\n\n    const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n    return (\n        <div className=\"u-flex\">\n            {priceBlock}\n            <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n        </div>\n    );\n};\n\nconst Calendar = ({ row, rate }: { row: BasketRow; rate: RoomRate }): JSX.Element => {\n    const { setRoomRateCalendarInteractivity } = useContext(FullPageEngineContext);\n    const [selectedStartDate, setSelectedStartDate] = useState<dayjs.Dayjs | null>(null);\n    const { updateBasketRow } = useContext(BasketContext);\n    const startDate = row.getStartDate();\n    const endDate = row.getEndDate();\n    const roomCode = rate.getRoom().code || '';\n    const rateCode = rate.code;\n\n    const onStartDateChanged = (date: any) => {\n        setSelectedStartDate(date);\n    };\n\n    const onEndDateChanged = (endDate: dayjs.Dayjs | null) => {\n        if (endDate && selectedStartDate) {\n            // Ensure Room Rate Details modal state persists across room list re-render.\n            const roomCode = rate.getRoom().code;\n            if (rate.code && roomCode) {\n                setRoomRateCalendarInteractivity({\n                    rateCode: rate.code,\n                    roomCode: roomCode,\n                });\n            }\n\n            row.setEndDate(endDate);\n            row.setStartDate(selectedStartDate);\n            updateBasketRow(row, false);\n        }\n    };\n\n    return (\n        <div className={`d-flex align-items-center flex-column ${styles.calendarContainer}`}>\n            <DatePicker\n                showMonthOnLoad={startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                showMinNightStay={false}\n                supportsWeek={false}\n                selectedStartDate={startDate}\n                selectedEndDate={endDate}\n                className={styles.calendar}\n                roomCode={roomCode}\n                rateCode={rateCode}\n                onStartDateChanged={onStartDateChanged}\n                onEndDateChanged={onEndDateChanged}\n            />\n        </div>\n    );\n};\n\nconst RateDescriptionOverides = ({ rate }: { rate: RoomRate }) => {\n    const basketContext = useContext(BasketContext);\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const displayRates = rate.getDisplayRates({\n        startDate: basketRow?.getStartDate(),\n        endDate: basketRow?.getEndDate(),\n    });\n\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-marg-top--medium\">\n            {displayRates.map((displayRate, index) => (\n                <div className=\"u-marg-bottom--light\" key={index}>\n                    {displayRate.startDate && displayRate.endDate ? (\n                        <>\n                            <Text>\n                                <strong>{rate.displayRateToDayLabel(displayRate)}</strong>\n                            </Text>\n                            <Text>\n                                {rate.displayRateToDayName(displayRate)}: {displayRate.name}\n                            </Text>\n                        </>\n                    ) : (\n                        <Text bold>\n                            {t(Translation.Step.Room.RoomInfo.BaseRate)}: {displayRate.name}\n                        </Text>\n                    )}\n\n                    <Text type={TextType.Small}>\n                        <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.shortDescription }} />\n                    </Text>\n                    <Text type={TextType.Small}>\n                        <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.longDescription }} />\n                    </Text>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n    const ccx = useContext(CompanyContext);\n    const { selectedBasketRow } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n    const { isMobile } = useWindowSize();\n    const cancelPolicy = props.rate.getCancellationPolicy();\n    const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n    let isLocked = false;\n    if (props.rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const rate = props.rate;\n    const { rateName, shortDescription, longDescription } = useRateDetails(rate, isLocked);\n\n    return (\n        <>\n            <div>\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold>{rateName}</Headline>\n                </div>\n\n                <div className=\"u-marg-bottom--heavy\">\n                    <Text type={TextType.Small} asDiv>\n                        <HtmlContentViewer content={longDescription ? longDescription : shortDescription ?? ''} />\n                    </Text>\n                </div>\n\n                <div className=\"u-marg-bottom--light\">\n                    {selectedBasketRow && <Calendar row={selectedBasketRow} rate={rate} />}\n                    <RateDescriptionOverides rate={rate} />\n                </div>\n\n                <LineBreak />\n                <div className=\"u-marg-bottom--light\">\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    {guaranteePolicy?.longDescription && !guaranteePolicy.hide && (\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} asDiv>\n                                <HtmlContentViewer content={guaranteePolicy.longDescription} />\n                            </Text>\n                        </div>\n                    )}\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small} asDiv>\n                            <HtmlContentViewer content={cancelPolicy} />\n                        </Text>\n                    </div>\n                </div>\n\n                <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n                    <Text type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <RoomDetailsPriceBlock\n                        isLocked={isLocked}\n                        averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                        averagePrice={rate.getTotalPrice()}\n                        isMemberOnly={props.rate.isMemberOnly}\n                        hidePerNight\n                    />\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={isMobile ? TextAlign.Left : TextAlign.Right}>\n                        <TaxInclusionNotice rate={rate} />\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useRateDetails } from '@/hooks/useRateDetails';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport BasketRow from '@/models/BasketRow';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './RoomRateDescriptionTab.module.scss';\n\ninterface RoomRateDescriptionTabProps {\n    rate: RoomRate;\n}\n\ninterface RoomRateDescriptionFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const { rate } = props;\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const bookNowButton = isLocked ? (\n        <BEButton filled success onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n    );\n\n    const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n    return (\n        <div className=\"u-flex\">\n            {priceBlock}\n            <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n        </div>\n    );\n};\n\nconst Calendar = ({ row, rate }: { row: BasketRow; rate: RoomRate }): JSX.Element => {\n    const [selectedStartDate, setSelectedStartDate] = useState<dayjs.Dayjs | null>(null);\n    const { updateBasketRow } = useContext(BasketContext);\n    const { setRoomRateCalendarInteractivity } = useContext(BookingEngineContext);\n    const startDate = row.getStartDate();\n    const endDate = row.getEndDate();\n    const roomCode = rate.getRoom().code || '';\n    const rateCode = rate.code;\n\n    const onStartDateChanged = (date: any) => {\n        setSelectedStartDate(date);\n    };\n\n    const onEndDateChanged = (endDate: dayjs.Dayjs | null) => {\n        if (endDate && selectedStartDate) {\n            // Ensure Room Rate Details modal state persists across room list re-render.\n            const roomCode = rate.getRoom().code;\n            if (rate.code && roomCode) {\n                setRoomRateCalendarInteractivity({\n                    rateCode: rate.code,\n                    roomCode: roomCode,\n                });\n            }\n\n            row.setEndDate(endDate);\n            row.setStartDate(selectedStartDate);\n            updateBasketRow(row, false);\n        }\n    };\n\n    return (\n        <div className={`d-flex align-items-center flex-column ${styles.calendarContainer}`}>\n            <DatePicker\n                showMonthOnLoad={startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                showMinNightStay={false}\n                supportsWeek={false}\n                selectedStartDate={startDate}\n                selectedEndDate={endDate}\n                className={styles.calendar}\n                roomCode={roomCode}\n                rateCode={rateCode}\n                onStartDateChanged={onStartDateChanged}\n                onEndDateChanged={onEndDateChanged}\n            />\n        </div>\n    );\n};\n\nconst RateDescriptionOverides = ({ rate }: { rate: RoomRate }) => {\n    const basketContext = useContext(BasketContext);\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const displayRates = rate.getDisplayRates({\n        startDate: basketRow?.getStartDate(),\n        endDate: basketRow?.getEndDate(),\n    });\n\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-marg-top--medium\">\n            {displayRates.map((displayRate, index) => (\n                <div className=\"u-marg-bottom--light\" key={index}>\n                    {displayRate.startDate && displayRate.endDate ? (\n                        <>\n                            <Text>\n                                <strong>{rate.displayRateToDayLabel(displayRate)}</strong>\n                            </Text>\n                            <Text>\n                                {rate.displayRateToDayName(displayRate)}: {displayRate.name}\n                            </Text>\n                        </>\n                    ) : (\n                        <Text bold>\n                            {t(Translation.Step.Room.RoomInfo.BaseRate)}: {displayRate.name}\n                        </Text>\n                    )}\n\n                    <Text type={TextType.Small}>\n                        <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.shortDescription }} />\n                    </Text>\n                    <Text type={TextType.Small}>\n                        <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.longDescription }} />\n                    </Text>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n    const ccx = useContext(CompanyContext);\n    const { selectedBasketRow } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n    const { isMobile } = useWindowSize();\n    const cancelPolicy = props.rate.getCancellationPolicy();\n    const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n    let isLocked = false;\n    if (props.rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const rate = props.rate;\n    const { rateName, shortDescription, longDescription } = useRateDetails(rate, isLocked);\n\n    return (\n        <>\n            <div>\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold>{rateName}</Headline>\n                </div>\n\n                <div className=\"u-marg-bottom--heavy\">\n                    <Text type={TextType.Small} asDiv>\n                        <HtmlContentViewer content={longDescription ? longDescription : shortDescription ?? ''} />\n                    </Text>\n                </div>\n\n                <div className=\"u-marg-bottom--light\">\n                    {selectedBasketRow && <Calendar row={selectedBasketRow} rate={rate} />}\n                    <RateDescriptionOverides rate={rate} />\n                </div>\n\n                <LineBreak />\n                <div className=\"u-marg-bottom--light\">\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    {guaranteePolicy?.longDescription && !guaranteePolicy.hide && (\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} asDiv>\n                                <HtmlContentViewer content={guaranteePolicy.longDescription} />\n                            </Text>\n                        </div>\n                    )}\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small} asDiv>\n                            <HtmlContentViewer content={cancelPolicy} />\n                        </Text>\n                    </div>\n                </div>\n\n                <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n                    <Text type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <RoomDetailsPriceBlock\n                        isLocked={isLocked}\n                        averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                        averagePrice={rate.getTotalPrice()}\n                        isMemberOnly={props.rate.isMemberOnly}\n                        hidePerNight\n                    />\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={isMobile ? TextAlign.Left : TextAlign.Right}>\n                        <TaxInclusionNotice rate={rate} />\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.js

@@ -63,9 +63,9 @@ const TextAlignment_1 = require("../../../../../util/TextAlignment");
 const RoomRateRow_module_scss_1 = __importDefault(require("./RoomRateRow.module.scss"));
 function RoomRateRow(props) {
     var _a, _b, _c;
-    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const [viewingModal, setViewingModal] = (0, react_1.useState)({
         open: false,
         currentTab: RoomRateDetailsAndPriceBreakdownModal_1.RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,