@roomstay/frontend 2.6.44 → 2.6.45

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

@@ -35,233 +35,76 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const contexts_1 = require("../../../contexts/index.js");
-const hooks_1 = require("../../../hooks/index.js");
-const core_1 = require("@roomstay/core");
 const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
 const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
+const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const Alert_1 = __importStar(require("../../generic/Alert"));
 const SSLSecureBadge_1 = __importDefault(require("../../generic/badging/SSLSecureBadge"));
 const BEButton_1 = __importDefault(require("../../generic/BEButton"));
-const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
 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 ScrollToTop_1 = __importDefault(require("../../generic/ScrollToTop"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const PaymentInformation_1 = __importDefault(require("./PaymentInformation"));
 const RoomContactDetails_1 = __importDefault(require("./RoomContactDetails"));
 const StepConfirmationAcknowledgement_1 = __importDefault(require("./StepConfirmationAcknowledgement"));
-const StepConfirmationCheckoutDifferencesModal_1 = __importDefault(require("./StepConfirmationCheckoutDifferencesModal"));
 const StepConfirmationCommentsComponent_1 = require("./StepConfirmationCommentsComponent");
 const StepConfirmationPoliciesSection_1 = __importDefault(require("./StepConfirmationPoliciesSection"));
 const StepConfirmationPolicyBlock_1 = __importDefault(require("./StepConfirmationPolicyBlock"));
-const ConfirmationQuery_1 = require("../../../hooks/ConfirmationQuery");
 const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationVerifyFeature"));
 const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("../../../providers/feature/ShowIATANumberOnCheckoutFeature"));
 const Color_1 = require("../../../util/Color");
 const GetStepRoom_1 = __importDefault(require("../../../util/GetStepRoom"));
+const usePaymentHelper_1 = require("../../../util/usePaymentHelper");
 function StepConfirmationForm() {
-    const [differenceWarning, setDifferenceWarning] = (0, react_1.useState)({
-        differences: [],
-        warnings: [],
-    });
-    const formContext = (0, react_1.useContext)(contexts_1.ConfirmationFormContext);
-    const [source, setSource] = (0, react_1.useState)('');
-    const [confirmationPolicyError, setConfirmationPolicyError] = (0, react_1.useState)(false);
-    const confirmationPolicy = (0, react_1.useRef)(null);
-    const commentTextbox = (0, react_1.useRef)(null);
+    var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = (0, ConfirmationQuery_1.useConfirmationQuery)();
-    const context = (0, contexts_1.useBookingEngine)();
     const methods = (0, react_hook_form_1.useFormContext)();
-    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, setLoadingStatus, book, rollbackReservation, commitReservation } = (0, ConfirmationStepContext_1.useConfirmationStep)();
-    const basketContext = (0, contexts_1.useBasket)();
-    const tokenizerRef = (0, react_1.useRef)(null);
+    const { isInPaymentMode, isBackFromPlanpay, bookingSource } = (0, ConfirmationStepContext_1.useConfirmationStep)();
     const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
-    const { roomstayMember } = (0, contexts_1.useMemberContext)();
-    const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const isCardPassthrough = (hotel === null || hotel === void 0 ? void 0 : hotel.cardProcessor) ? hotel.cardProcessor === core_1.EHotelCardProcessor.Passthrough : true;
-    const toPaymentPayload = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        let payment;
-        switch (paymentMethod) {
-            case core_1.EBookingPaymentMethod.Planpay: {
-                const params = new URLSearchParams(window.location.search);
-                params.set('roomstayId', '{{rsId}}');
-                params.set('session', context.sessionProvider.getCurrentSessionID().toString());
-                params.set('paymentMethod', core_1.EBookingPaymentMethod.Planpay);
-                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;
-                payment = {
-                    Method: core_1.EBookingPaymentMethod.Planpay,
-                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,
-                    RedirectUrl: redirectURL,
-                };
-                break;
-            }
-            case core_1.EBookingPaymentMethod.Card: {
-                if (isCardPassthrough) {
-                    payment = {
-                        Method: core_1.EBookingPaymentMethod.Card,
-                        PaymentCard: yield ((_a = tokenizerRef.current) === null || _a === void 0 ? void 0 : _a.getTokenizedCode()),
-                    };
-                }
-                else {
-                    payment = {
-                        Method: core_1.EBookingPaymentMethod.Card,
-                    };
-                }
-                break;
-            }
-            case core_1.EBookingPaymentMethod.SavedCard:
-            default: {
-                payment = {
-                    Method: core_1.EBookingPaymentMethod.SavedCard,
-                    SavedCardID: paymentMethod,
-                };
-            }
-        }
-        return payment;
-    });
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        let defaultPaymentValue = '';
-        if (Object.values(core_1.EBookingPaymentMethod).includes(queryPaymentMethod)) {
-            defaultPaymentValue = queryPaymentMethod;
-        }
-        else {
-            if ((roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.defaultCard) && ((_a = roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.cards) === null || _a === void 0 ? void 0 : _a.find((card) => card.cardId === (roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.defaultCard)))) {
-                defaultPaymentValue = roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.defaultCard;
-            }
-            else {
-                defaultPaymentValue = core_1.EBookingPaymentMethod.Card;
-            }
-        }
-        methods.setValue('paymentMethod', defaultPaymentValue);
-        const reservationRoomstayId = (_b = basketContext.reservationData) === null || _b === void 0 ? void 0 : _b.roomstayId;
-        const isMatchingRoomstayId = !!queryRoomstayId && (!reservationRoomstayId || queryRoomstayId === reservationRoomstayId);
-        if (isBackFromExternalPayment && isMatchingRoomstayId) {
-            commitReservation === null || commitReservation === void 0 ? void 0 : commitReservation(basketContext.reservationData, 'Please wait... Finalising your reservation');
-        }
-        else {
-            handleChangePaymentMethod(defaultPaymentValue);
-        }
-        if (isBackFromPlanpay) {
-            if (queryRoomstayId === reservationRoomstayId) {
-                onPlaypayCallback();
-            }
-            else {
-                rollbackReservation === null || rollbackReservation === void 0 ? void 0 : rollbackReservation();
-            }
-        }
-        return () => {
-            if (!isBackFromPlanpay && !isBackFromExternalPayment)
-                rollbackReservation === null || rollbackReservation === void 0 ? void 0 : rollbackReservation();
-        };
-    }, []);
-    const onPlaypayCallback = () => __awaiter(this, void 0, void 0, function* () {
-        yield (commitReservation === null || commitReservation === void 0 ? void 0 : commitReservation(basketContext.reservationData));
-    });
-    const paymentMethod = methods.watch('paymentMethod');
-    context.engine
-        .getSessionProvider()
-        .getSession()
-        .then((session) => {
-        setSource(session.source);
-    });
+    const { exclusivePayment } = (0, usePaymentHelper_1.usePaymentHelper)();
     const returnToPickRooms = () => __awaiter(this, void 0, void 0, function* () {
-        // TODO: What if StepRoom doesn't exist?
         historyConsistentPush((0, GetStepRoom_1.default)().getStepUrl());
     });
-    const onNextStepClicked = () => __awaiter(this, void 0, void 0, function* () {
-        if ((hotel === null || hotel === void 0 ? void 0 : hotel.cardProcessor) !== core_1.EHotelCardProcessor.Passthrough) {
-            setLoadingStatus('You will be redirected shortly to the payment provider.');
-        }
-        else {
-            setLoadingStatus('Processing booking');
-        }
-        yield handleBook(paymentMethod);
-        return false;
-    });
-    const validateConfirmationPolicy = () => {
-        var _a;
-        return !ConfirmationVerifyFeature_1.default.isActive() || !!((_a = confirmationPolicy === null || confirmationPolicy === void 0 ? void 0 : confirmationPolicy.current) === null || _a === void 0 ? void 0 : _a.checked);
-    };
-    const validateCustomFields = (scrollToInput) => {
-        const adhocValid = formContext === null || formContext === void 0 ? void 0 : formContext.errorChecks.every((check) => check().validate(scrollToInput));
-        return adhocValid === undefined ? true : adhocValid;
-    };
-    const handleBook = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
-        var _b;
-        yield (book === null || book === void 0 ? void 0 : book(() => __awaiter(this, void 0, void 0, function* () { return toPaymentPayload(paymentMethod); }), (_b = commentTextbox.current) === null || _b === void 0 ? void 0 : _b.value, () => __awaiter(this, void 0, void 0, function* () {
-            if (!validateConfirmationPolicy()) {
-                setConfirmationPolicyError(true);
-                return false;
-            }
-            if (!validateCustomFields(true)) {
-                return false;
-            }
-            try {
-                if (paymentMethod === core_1.EBookingPaymentMethod.Card && isCardPassthrough)
-                    yield tokenizerRef.current.getTokenizedCode();
-                return true;
-            }
-            catch (e) {
-                return false;
-            }
-        }), (validationResult) => {
-            if (validationResult) {
-                setDifferenceWarning(validationResult);
-            }
-        }));
-    });
-    const handleChangePaymentMethod = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
-        if (paymentMethod !== core_1.EBookingPaymentMethod.Planpay) {
-            yield (rollbackReservation === null || rollbackReservation === void 0 ? void 0 : rollbackReservation());
-        }
-    });
-    return (react_1.default.createElement("form", null,
-        isBackFromPlanpay ? (react_1.default.createElement(LargeLoader_1.default, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+    const prePaymentInfo = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.GuestDetails))),
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success },
+                react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.AlmostDone, { required: '*' })))),
+        react_1.default.createElement(RoomContactDetails_1.default, null),
+        bookingSource === 'inline' ? (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Accent2, heavyPadding: true },
+            react_1.default.createElement("div", { className: "u-flex u-w-100 flex-wrap flex-xl-nowrap" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.Accent, bold: true }, t(Translation_1.Translation.Step.Confirmation.WantMoreRooms)),
+                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.Navy }, t(Translation_1.Translation.Step.Confirmation.YouCanAddAndEditRooms))),
+                react_1.default.createElement("div", { className: "d-flex align-items-center u-marg-top@xl-" },
+                    react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, icon: Icon_1.IconType.Add, iconPosition: "left", onClick: returnToPickRooms }, t(Translation_1.Translation.Step.Confirmation.AddMoreRooms)))))) : (react_1.default.createElement(react_1.default.Fragment, null)),
+        ShowIATANumberOnCheckoutFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
             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.Step.Confirmation.TravelAgent))),
                 react_1.default.createElement("div", { className: "u-marg-bottom--light" },
-                    react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.GuestDetails))),
-                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success },
-                    react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.AlmostDone, { required: '*' })))),
-            react_1.default.createElement(RoomContactDetails_1.default, null),
-            source === 'inline' ? (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Accent2, heavyPadding: true },
-                react_1.default.createElement("div", { className: "u-flex u-w-100 flex-wrap flex-xl-nowrap" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.Accent, bold: true }, t(Translation_1.Translation.Step.Confirmation.WantMoreRooms)),
-                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.Navy }, t(Translation_1.Translation.Step.Confirmation.YouCanAddAndEditRooms))),
-                    react_1.default.createElement("div", { className: "d-flex align-items-center u-marg-top@xl-" },
-                        react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, icon: Icon_1.IconType.Add, iconPosition: "left", onClick: returnToPickRooms }, t(Translation_1.Translation.Step.Confirmation.AddMoreRooms)))))) : (react_1.default.createElement(react_1.default.Fragment, null)),
-            ShowIATANumberOnCheckoutFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
-                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 }, "Travel Agent")),
-                    react_1.default.createElement("div", { className: "u-marg-bottom--light" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                            react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumber)))),
-                    react_1.default.createElement("div", { className: "u-marg-bottom--light" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumberGuide))),
-                    react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumber), wide: true }, methods.register('IATANumber')))),
-                react_1.default.createElement(LineBreak_1.default, null))),
-            react_1.default.createElement(StepConfirmationCommentsComponent_1.StepConfirmationCommentsComponent, { inputRef: commentTextbox }),
-            react_1.default.createElement(LineBreak_1.default, null),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumber)))),
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumberGuide))),
+                react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumber), wide: true }, methods.register('IATANumber')))),
+            react_1.default.createElement(LineBreak_1.default, null))),
+        react_1.default.createElement(StepConfirmationCommentsComponent_1.StepConfirmationCommentsComponent, null),
+        react_1.default.createElement(LineBreak_1.default, null),
+        !exclusivePayment && (react_1.default.createElement(react_1.default.Fragment, null,
             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(PaymentInformation_1.default, { tokenizerRef: tokenizerRef, onChangeCb: (code) => __awaiter(this, void 0, void 0, function* () {
-                        yield handleChangePaymentMethod(code);
-                        if (code === core_1.EBookingPaymentMethod.Planpay) {
-                            yield handleBook(code);
-                        }
-                    }) }),
+                react_1.default.createElement(PaymentInformation_1.default, null),
                 react_1.default.createElement("div", { className: "u-marg-top u-flex align-items-center" },
                     react_1.default.createElement("div", { className: "u-flex align-items-center justify-content-start" },
                         react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Lock, color: Color_1.Color.Success }),
@@ -269,30 +112,19 @@ function StepConfirmationForm() {
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success },
                                 react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Secured))))),
                     react_1.default.createElement(SSLSecureBadge_1.default, null))),
+            react_1.default.createElement(LineBreak_1.default, null))),
+        react_1.default.createElement(StepConfirmationPoliciesSection_1.default, null),
+        react_1.default.createElement("div", { className: "u-pad-top--light u-marg-bottom" },
+            react_1.default.createElement(StepConfirmationPolicyBlock_1.default, null)),
+        ConfirmationVerifyFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(LineBreak_1.default, null),
-            react_1.default.createElement(StepConfirmationPoliciesSection_1.default, null),
-            react_1.default.createElement("div", { className: "u-pad-top--light u-marg-bottom" },
-                react_1.default.createElement(StepConfirmationPolicyBlock_1.default, null)),
-            ConfirmationVerifyFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(LineBreak_1.default, null),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(StepConfirmationAcknowledgement_1.default, { ref: confirmationPolicy, confirmationPolicyError: confirmationPolicyError })))),
-            react_1.default.createElement("div", { className: "u-flex u-marg-top--heavy justify-content-end" },
-                react_1.default.createElement(NextStepButton_1.default, { disabled: paymentMethod === core_1.EBookingPaymentMethod.Planpay || isLoading, text: t(Translation_1.Translation.Step.Confirmation.ConfirmReservation), isLoading: isLoading, onClick: onNextStepClicked })))),
-        react_1.default.createElement(StepConfirmationCheckoutDifferencesModal_1.default, { differences: differenceWarning.differences, warnings: differenceWarning.warnings, isLoading: isLoading, onClose: () => __awaiter(this, void 0, void 0, function* () {
-                yield (rollbackReservation === null || rollbackReservation === void 0 ? void 0 : rollbackReservation());
-                historyConsistentPush((0, GetStepRoom_1.default)().getStepUrl());
-            }), onProceed: () => __awaiter(this, void 0, void 0, function* () {
-                if (paymentMethod === core_1.EBookingPaymentMethod.Planpay) {
-                    setDifferenceWarning({
-                        differences: [],
-                        warnings: [],
-                    });
-                }
-                else {
-                    yield (commitReservation === null || commitReservation === void 0 ? void 0 : commitReservation(basketContext.reservationData));
-                }
-            }) })));
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(StepConfirmationAcknowledgement_1.default, null))))));
+    return (react_1.default.createElement("form", null, isBackFromPlanpay ? (react_1.default.createElement(LargeLoader_1.default, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !exclusivePayment || !isInPaymentMode }, prePaymentInfo),
+        exclusivePayment && (react_1.default.createElement(AutoAutoHeight_1.default, { open: isInPaymentMode },
+            react_1.default.createElement(ScrollToTop_1.default, null), (_a = exclusivePayment.renderPaymentInput) === null || _a === void 0 ? void 0 :
+            _a.call(exclusivePayment)))))));
 }
 exports.default = StepConfirmationForm;
 //# sourceMappingURL=StepConfirmationForm.js.map

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 { ConfirmationFormContext, useBasket, useBookingEngine, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IBookingPayment } from '@roomstay/core';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\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 Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\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';\n\nexport default function StepConfirmationForm() {\n    const [differenceWarning, setDifferenceWarning] = useState<{\n        differences: BasketRowDifferences[];\n        warnings: string[];\n    }>({\n        differences: [],\n        warnings: [],\n    });\n\n    const formContext = useContext(ConfirmationFormContext);\n    const [source, setSource] = useState('');\n    const [confirmationPolicyError, setConfirmationPolicyError] = useState(false);\n    const confirmationPolicy = useRef<HTMLInputElement | null>(null);\n    const commentTextbox = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, setLoadingStatus, book, rollbackReservation, commitReservation } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef<any | null>(null);\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { roomstayMember } = useMemberContext();\n    const { hotel } = useCurrentHotel();\n\n    const isCardPassthrough = hotel?.cardProcessor ? hotel.cardProcessor === EHotelCardProcessor.Passthrough : true;\n\n    const toPaymentPayload = async (paymentMethod: string): Promise<IBookingPayment> => {\n        let payment: IBookingPayment;\n        switch (paymentMethod) {\n            case EBookingPaymentMethod.Planpay: {\n                const params = new URLSearchParams(window.location.search);\n                params.set('roomstayId', '{{rsId}}');\n                params.set('session', context.sessionProvider.getCurrentSessionID().toString());\n                params.set('paymentMethod', EBookingPaymentMethod.Planpay);\n                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;\n                payment = {\n                    Method: EBookingPaymentMethod.Planpay,\n                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            }\n            case EBookingPaymentMethod.Card: {\n                if (isCardPassthrough) {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                        PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                    };\n                } else {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                    };\n                }\n\n                break;\n            }\n            case EBookingPaymentMethod.SavedCard:\n            default: {\n                payment = {\n                    Method: EBookingPaymentMethod.SavedCard,\n                    SavedCardID: paymentMethod,\n                };\n            }\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        let defaultPaymentValue = '' as EBookingPaymentMethod;\n        if (Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)) {\n            defaultPaymentValue = queryPaymentMethod as EBookingPaymentMethod;\n        } else {\n            if (roomstayMember?.defaultCard && roomstayMember?.cards?.find((card) => card.cardId === roomstayMember?.defaultCard)) {\n                defaultPaymentValue = roomstayMember?.defaultCard as EBookingPaymentMethod;\n            } else {\n                defaultPaymentValue = EBookingPaymentMethod.Card;\n            }\n        }\n\n        methods.setValue('paymentMethod', defaultPaymentValue);\n\n        const reservationRoomstayId: string | undefined = basketContext.reservationData?.roomstayId;\n        const isMatchingRoomstayId: boolean = !!queryRoomstayId && (!reservationRoomstayId || queryRoomstayId === reservationRoomstayId);\n        if (isBackFromExternalPayment && isMatchingRoomstayId) {\n            commitReservation?.(basketContext.reservationData, 'Please wait... Finalising your reservation');\n        } else {\n            handleChangePaymentMethod(defaultPaymentValue);\n        }\n\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === reservationRoomstayId) {\n                onPlaypayCallback();\n            } else {\n                rollbackReservation?.();\n            }\n        }\n\n        return () => {\n            if (!isBackFromPlanpay && !isBackFromExternalPayment) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async () => {\n        await commitReservation?.(basketContext.reservationData);\n    };\n\n    const paymentMethod = methods.watch('paymentMethod');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const returnToPickRooms = async () => {\n        // TODO: What if StepRoom doesn't exist?\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        if (hotel?.cardProcessor !== EHotelCardProcessor.Passthrough) {\n            setLoadingStatus('You will be redirected shortly to the payment provider.');\n        } else {\n            setLoadingStatus('Processing booking');\n        }\n\n        await handleBook(paymentMethod);\n        return false;\n    };\n\n    const validateConfirmationPolicy = (): boolean => {\n        return !ConfirmationVerifyFeature.isActive() || !!confirmationPolicy?.current?.checked;\n    };\n\n    const validateCustomFields = (scrollToInput?: boolean): boolean => {\n        const adhocValid = formContext?.errorChecks.every((check) => check().validate(scrollToInput));\n        return adhocValid === undefined ? true : adhocValid;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod): Promise<void> => {\n        await book?.(\n            async () => toPaymentPayload(paymentMethod),\n            commentTextbox.current?.value,\n            async (): Promise<boolean> => {\n                if (!validateConfirmationPolicy()) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                if (!validateCustomFields(true)) {\n                    return false;\n                }\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card && isCardPassthrough) await tokenizerRef.current.getTokenizedCode();\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            },\n            (validationResult) => {\n                if (validationResult) {\n                    setDifferenceWarning(validationResult);\n                }\n            }\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: string) => {\n        if (paymentMethod !== EBookingPaymentMethod.Planpay) {\n            await rollbackReservation?.();\n        }\n    };\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\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                    {source === '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>Travel Agent</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 {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <StepConfirmationCommentsComponent inputRef={commentTextbox} />\n                    <LineBreak />\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                        <PaymentInformation\n                            tokenizerRef={tokenizerRef}\n                            onChangeCb={async (code: EBookingPaymentMethod) => {\n                                await handleChangePaymentMethod(code);\n                                if (code === EBookingPaymentMethod.Planpay) {\n                                    await handleBook(code);\n                                }\n                            }}\n                        />\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                    </div>\n                    <LineBreak />\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 ref={confirmationPolicy} confirmationPolicyError={confirmationPolicyError} />\n                            </div>\n                        </>\n                    )}\n                    <div className=\"u-flex u-marg-top--heavy justify-content-end\">\n                        <NextStepButton\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay || isLoading}\n                            text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                            isLoading={isLoading}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation?.();\n                    historyConsistentPush(getStepRoom().getStepUrl());\n                }}\n                onProceed={async () => {\n                    if (paymentMethod === EBookingPaymentMethod.Planpay) {\n                        setDifferenceWarning({\n                            differences: [],\n                            warnings: [],\n                        });\n                    } else {\n                        await commitReservation?.(basketContext.reservationData);\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sGAA+F;AAC/F,uEAAuE;AACvE,kDAA0B;AAC1B,qDAAiD;AACjD,iDAA+C;AAC/C,0DAAuD;AAEvD,iFAAyD;AACzD,oEAA8D;AAC9D,iGAAyE;AACzE,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,+EAAuD;AACvD,0FAAkE;AAClE,mFAA2D;AAC3D,kEAA2D;AAC3D,2EAAmD;AACnD,4GAAoF;AACpF,4GAAoF;AACpF,sIAA8G;AAC9G,yHAAsH;AACtH,sIAA8G;AAC9G,8HAAsG;AAEtG,8GAAsF;AACtF,0HAAkG;AAClG,wCAAqC;AACrC,qEAA6C;AAC7C,8DAA2D;AAE3D,SAAwB,oBAAoB;;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,gCAAc,GAA0B,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAEpF,MAAM,qBAAqB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAEzD,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEhD,MAAM,iBAAiB,GAAG,GAAS,EAAE;QACjC,qBAAqB,CAAC,IAAA,qBAAW,GAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IACtD,CAAC,CAAA,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB;QACI,uCAAK,SAAS,EAAC,sBAAsB;YACjC,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAY,CACvE;YACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO;gBAC5C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAU,CAC9E,CACL;QACN,8BAAC,4BAAkB,OAAG;QACrB,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,OAAO,EAAE,YAAY;YACxC,uCAAK,SAAS,EAAC,yCAAyC;gBACpD;oBACI,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC5C;oBACP,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAQ,CACtF;gBACN,uCAAK,SAAS,EAAC,0CAA0C;oBACrD,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,YAAY,EAAC,MAAM,EAAC,OAAO,EAAE,iBAAiB,IACtF,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CACvC,CACT,CACJ,CACF,CACX,CAAC,CAAC,CAAC,CACA,6DAAK,CACR;QACA,yCAA+B,CAAC,QAAQ,EAAE,IAAI,CAC3C;YACI,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAY,CACtE;gBAEN,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAU,CAClE,CACL;gBACN,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAQ,CAC1F;gBACN,8BAAC,iBAAO,kBAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,IAAI,UAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAI,CACnH;YACN,8BAAC,mBAAS,OAAG,CACd,CACN;QACD,8BAAC,qEAAiC,OAAG;QACrC,8BAAC,mBAAS,OAAG;QACZ,CAAC,gBAAgB,IAAI,CAClB;YACI,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAY,CAC3E;gBAEN,8BAAC,4BAAkB,OAAG;gBACtB,uCAAK,SAAS,EAAC,sCAAsC;oBACjD,uCAAK,SAAS,EAAC,iDAAiD;wBAC5D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI;wBACnD,uCAAK,SAAS,EAAC,oBAAoB;4BAC/B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO;gCAC5C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAU,CACxD,CACL,CACJ;oBACN,8BAAC,wBAAc,OAAG,CAChB,CACJ;YACN,8BAAC,mBAAS,OAAG,CACd,CACN;QACD,8BAAC,yCAA+B,OAAG;QACnC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,8BAAC,qCAA2B,OAAG,CAC7B;QACL,mCAAyB,CAAC,QAAQ,EAAE,IAAI,CACrC;YACI,8BAAC,mBAAS,OAAG;YACb;gBACI,8BAAC,yCAA+B,OAAG,CACjC,CACP,CACN,CACF,CACN,CAAC;IAEF,OAAO,CACH,4CACK,iBAAiB,CAAC,CAAC,CAAC,CACjB,8BAAC,qBAAW,OAAG,CAClB,CAAC,CAAC,CAAC,CACA;QACI,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,gBAAgB,IAAI,CAAC,eAAe,IAAG,cAAc,CAAkB;QAC7F,gBAAgB,IAAI,CACjB,8BAAC,wBAAc,IAAC,IAAI,EAAE,eAAe;YACjC,8BAAC,qBAAW,OAAG,EACd,MAAA,gBAAgB,CAAC,kBAAkB;qCAAI,CAC3B,CACpB,CACF,CACN,CACE,CACV,CAAC;AACN,CAAC;AAzHD,uCAyHC","sourcesContent":["import { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React 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 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 methods = useFormContext<ConfirmationFormValues>();\n    const { isInPaymentMode, isBackFromPlanpay, bookingSource } = useConfirmationStep();\n\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const { exclusivePayment } = usePaymentHelper();\n\n    const returnToPickRooms = async () => {\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\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 {...methods.register('IATANumber')} />\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n            <StepConfirmationCommentsComponent />\n            <LineBreak />\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                        <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                    </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/contexts/ConfirmationStepContext/ConfirmationStepContextTypes.d.ts

@@ -1,12 +1,22 @@
+import { PaymentHandler } from '../../handlers/payment/PaymentHandler';
 import ReservationsDTO from '../../models/Api/ReservationsDTO';
-import { FBookGetPaymentDetails, FBookValidateFunction, FBookValidationCallback } from '../../models/Confirmation';
+export type ConfirmationValidator = {
+    message: string;
+    name: string;
+    validate: (scrollToInput?: boolean) => boolean;
+};
 export interface ConfirmationContextProps {
-    book?: (getPaymentDetails: FBookGetPaymentDetails, comments?: string, preValidate?: FBookValidateFunction, onPostValidationError?: FBookValidationCallback) => Promise<void>;
+    onContinueClick: () => Promise<void>;
     commitReservation?: (resData: ReservationsDTO, statusUpdate?: string) => Promise<void>;
     rollbackReservation?: () => Promise<void>;
     redirectOut: (target: string, statusUpdate?: string) => void;
     setLoadingStatus: (status: string) => void;
+    bookingSource?: string;
     isLoading?: boolean;
     isBackFromPlanpay?: boolean;
     isBackFromExternalPayment?: boolean;
+    isInPaymentMode: boolean;
+    availablePaymentHandlers: PaymentHandler[];
+    errorChecks: (() => ConfirmationValidator)[];
+    addErrorChecks: (...checks: (() => ConfirmationValidator)[]) => void;
 }

package/dist/src/contexts/ConfirmationStepContext/ConfirmationStepContextTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationStepContextTypes.js","sourceRoot":"/","sources":["src/contexts/ConfirmationStepContext/ConfirmationStepContextTypes.ts"],"names":[],"mappings":"","sourcesContent":["import ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport { FBookGetPaymentDetails, FBookValidateFunction, FBookValidationCallback } from '@/models/Confirmation';\n\nexport interface ConfirmationContextProps {\n    book?: (getPaymentDetails: FBookGetPaymentDetails, comments?: string, preValidate?: FBookValidateFunction, onPostValidationError?: FBookValidationCallback) => Promise<void>;\n    commitReservation?: (resData: ReservationsDTO, statusUpdate?: string) => Promise<void>;\n    rollbackReservation?: () => Promise<void>;\n    redirectOut: (target: string, statusUpdate?: string) => void;\n    setLoadingStatus: (status: string) => void;\n\n    isLoading?: boolean;\n    isBackFromPlanpay?: boolean;\n    isBackFromExternalPayment?: boolean;\n}\n"]}
+{"version":3,"file":"ConfirmationStepContextTypes.js","sourceRoot":"/","sources":["src/contexts/ConfirmationStepContext/ConfirmationStepContextTypes.ts"],"names":[],"mappings":"","sourcesContent":["import { PaymentHandler } from '@/handlers/payment/PaymentHandler';\nimport ReservationsDTO from '@/models/Api/ReservationsDTO';\n\nexport type ConfirmationValidator = {\n    message: string;\n    name: string;\n\n    validate: (scrollToInput?: boolean) => boolean;\n};\n\nexport interface ConfirmationContextProps {\n    onContinueClick: () => Promise<void>;\n    commitReservation?: (resData: ReservationsDTO, statusUpdate?: string) => Promise<void>;\n    rollbackReservation?: () => Promise<void>;\n    redirectOut: (target: string, statusUpdate?: string) => void;\n    setLoadingStatus: (status: string) => void;\n\n    bookingSource?: string;\n\n    isLoading?: boolean;\n    isBackFromPlanpay?: boolean;\n    isBackFromExternalPayment?: boolean;\n\n    isInPaymentMode: boolean;\n    availablePaymentHandlers: PaymentHandler[];\n\n    errorChecks: (() => ConfirmationValidator)[];\n    addErrorChecks: (...checks: (() => ConfirmationValidator)[]) => void;\n}\n"]}