@roomstay/frontend 2.0.12 → 2.1.0

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

@@ -1,4 +1,27 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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) {
@@ -8,46 +31,49 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const Headline_1 = require("components/generic/Headline");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
 const Translation_1 = require("translations/Translation");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const Color_1 = require("util/Color");
 const react_hook_form_1 = require("react-hook-form");
-const RoomContactDetails_1 = require("components/steps/confirmation/RoomContactDetails");
-const LineBreak_1 = require("components/generic/LineBreak");
-const StepConfirmationPoliciesSection_1 = require("components/steps/confirmation/StepConfirmationPoliciesSection");
-const NextStepButton_1 = require("components/generic/buttons/NextStepButton");
+const RoomContactDetails_1 = __importDefault(require("components/steps/confirmation/RoomContactDetails"));
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+const StepConfirmationPoliciesSection_1 = __importDefault(require("components/steps/confirmation/StepConfirmationPoliciesSection"));
+const NextStepButton_1 = __importDefault(require("components/generic/buttons/NextStepButton"));
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-const Icon_1 = require("components/generic/Icon/Icon");
-const SSLSecureBadge_1 = require("components/generic/badging/SSLSecureBadge");
-const StepConfirmationCheckoutDifferencesModal_1 = require("components/steps/confirmation/StepConfirmationCheckoutDifferencesModal");
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const SSLSecureBadge_1 = __importDefault(require("components/generic/badging/SSLSecureBadge"));
+const StepConfirmationCheckoutDifferencesModal_1 = __importDefault(require("components/steps/confirmation/StepConfirmationCheckoutDifferencesModal"));
 const react_router_dom_1 = require("react-router-dom");
-const ErrorModal_1 = require("components/generic/modal/ErrorModal");
-const StepConfirmationPolicyBlock_1 = require("components/steps/confirmation/StepConfirmationPolicyBlock");
-const StepConfirmationAcknowledgement_1 = require("components/steps/confirmation/StepConfirmationAcknowledgement");
-const BEButton_1 = require("components/generic/BEButton");
-const Alert_1 = require("components/generic/Alert");
-const StepConfirmation_1 = require("pages/steps/StepConfirmation/StepConfirmation");
-const StepRoom_1 = require("pages/steps/StepRoom/StepRoom");
-const ConfirmationVerifyFeature_1 = require("providers/feature/ConfirmationVerifyFeature");
-const TextBox_1 = require("components/generic/TextBox");
-const ShowIATANumberOnCheckoutFeature_1 = require("providers/feature/ShowIATANumberOnCheckoutFeature");
+const ErrorModal_1 = __importDefault(require("components/generic/modal/ErrorModal"));
+const StepConfirmationPolicyBlock_1 = __importDefault(require("components/steps/confirmation/StepConfirmationPolicyBlock"));
+const StepConfirmationAcknowledgement_1 = __importDefault(require("components/steps/confirmation/StepConfirmationAcknowledgement"));
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Alert_1 = __importStar(require("components/generic/Alert"));
+const StepConfirmation_1 = __importDefault(require("pages/steps/StepConfirmation/StepConfirmation"));
+const StepRoom_1 = __importDefault(require("pages/steps/StepRoom/StepRoom"));
+const ConfirmationVerifyFeature_1 = __importDefault(require("providers/feature/ConfirmationVerifyFeature"));
+const TextBox_1 = __importDefault(require("components/generic/TextBox"));
+const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("providers/feature/ShowIATANumberOnCheckoutFeature"));
 const PlanpayPaymentMethod_1 = require("./PlanpayPaymentMethod");
-const TextArea_1 = require("../../generic/TextArea");
+const TextArea_1 = __importDefault(require("../../generic/TextArea"));
 const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
 const ConfirmationQuery_1 = require("hooks/ConfirmationQuery");
-const LargeLoader_1 = require("components/generic/loader/LargeLoader");
-const StepConfirmationPaymentDetails_1 = require("./PaymentDetails/StepConfirmationPaymentDetails");
+const LargeLoader_1 = __importDefault(require("components/generic/loader/LargeLoader"));
+const StepConfirmationPaymentDetails_1 = __importDefault(require("./PaymentDetails/StepConfirmationPaymentDetails"));
 const core_1 = require("@roomstay/core");
-const RadioButtonGroup_1 = require("components/generic/RadioButtonGroup/RadioButtonGroup");
-const AcceptablePaymentCard_1 = require("components/steps/confirmation/PaymentDetails/AcceptablePaymentCard");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
+const RadioButtonGroup_1 = __importDefault(require("components/generic/RadioButtonGroup/RadioButtonGroup"));
+const AcceptablePaymentCard_1 = __importDefault(require("components/steps/confirmation/PaymentDetails/AcceptablePaymentCard"));
+const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
 const hooks_1 = require("@frontend/hooks");
-const dayjs = require("dayjs");
+const dayjs_1 = __importDefault(require("dayjs"));
 function StepConfirmationForm() {
     const [differenceWarning, setDifferenceWarning] = (0, react_1.useState)({
         differences: [],
@@ -222,7 +248,7 @@ function StepConfirmationForm() {
                                         .filter(({ value }) => {
                                         var _a;
                                         return value !== core_1.EBookingPaymentMethod.Planpay ||
-                                            dayjs(basketContext.startDate).diff(dayjs(), 'day') > ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.planpay) === null || _a === void 0 ? void 0 : _a.minDaysShowPlanpay);
+                                            (0, dayjs_1.default)(basketContext.startDate).diff((0, dayjs_1.default)(), 'day') > ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.planpay) === null || _a === void 0 ? void 0 : _a.minDaysShowPlanpay);
                                     }), value: value, onChange: (code) => __awaiter(this, void 0, void 0, function* () {
                                         onChange(code);
                                         yield handleChangePaymentMethod(code);

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 * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport Headline from 'components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport RoomContactDetails from 'components/steps/confirmation/RoomContactDetails';\nimport LineBreak from 'components/generic/LineBreak';\nimport StepConfirmationPoliciesSection from 'components/steps/confirmation/StepConfirmationPoliciesSection';\nimport NextStepButton from 'components/generic/buttons/NextStepButton';\nimport { useTranslation } from 'react-i18next';\nimport { useBasket, useBookingEngine } from '@frontend/contexts';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport SSLSecureBadge from 'components/generic/badging/SSLSecureBadge';\nimport StepConfirmationCheckoutDifferencesModal from 'components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { useHistory } from 'react-router-dom';\nimport ErrorModal from 'components/generic/modal/ErrorModal';\nimport StepConfirmationPolicyBlock from 'components/steps/confirmation/StepConfirmationPolicyBlock';\n\nimport StepConfirmationAcknowledgement from 'components/steps/confirmation/StepConfirmationAcknowledgement';\nimport BEButton from 'components/generic/BEButton';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport StepConfirmation from 'pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from 'pages/steps/StepRoom/StepRoom';\nimport ConfirmationVerifyFeature from 'providers/feature/ConfirmationVerifyFeature';\nimport TextBox from 'components/generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from 'providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { PlanpayPaymentMethod } from './PlanpayPaymentMethod';\nimport { ConfirmationFormValues, FBookSuccessCallback } from 'models/Confirmation';\nimport TextArea from '../../generic/TextArea';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useConfirmationQuery } from 'hooks/ConfirmationQuery';\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\nimport StepConfirmationPaymentDetails from './PaymentDetails/StepConfirmationPaymentDetails';\nimport { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport RadioButtonGroup from 'components/generic/RadioButtonGroup/RadioButtonGroup';\nimport AcceptablePaymentCard from 'components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport * as dayjs from 'dayjs';\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 [source, setSource] = useState('');\n\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isLoading, apiErrors, clearApiErrors, book, rollbackReservation, commitReservation } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef(null);\n    const history = useHistory();\n    const { hotel } = useCurrentHotel();\n\n    const toPaymentPayload = async (paymentMethod: EBookingPaymentMethod): 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,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            default:\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current.getTokenizedCode(),\n                };\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        const validatedPaymentMethod = Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)\n            ? (queryPaymentMethod as EBookingPaymentMethod)\n            : EBookingPaymentMethod.Card;\n        methods.setValue('paymentMethod', validatedPaymentMethod);\n        handleChangePaymentMethod(validatedPaymentMethod);\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback(validatedPaymentMethod);\n            } else {\n                rollbackReservation();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation();\n        };\n    }, []);\n\n    const onPlaypayCallback = async (paymentMethod: EBookingPaymentMethod) => {\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        history.push(StepRoom.getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation(resData));\n        return false;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book(\n            async () => toPaymentPayload(paymentMethod),\n            async (): Promise<boolean> => {\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card) 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            onSuccess\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: EBookingPaymentMethod) => {\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={true}>{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={true}>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold={true}>\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={true} primary={true} 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={true}>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={true} {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold={true}>{t(Translation.Step.Confirmation.Comments)}</Headline>\n                        </div>\n                        <TextArea\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay}\n                            placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)}\n                            {...methods.register('comment')}\n                        />\n                    </div>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.PaymentInformation)}</Headline>\n                        </div>\n                        <Controller\n                            control={methods.control}\n                            name=\"paymentMethod\"\n                            render={({ field: { onChange, value } }) => {\n                                return (\n                                    <>\n                                        <div>\n                                            <RadioButtonGroup\n                                                options={[\n                                                    {\n                                                        value: EBookingPaymentMethod.Card,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.CardLabel)}</div>\n                                                                <AcceptablePaymentCard\n                                                                    isDefault={(cardKey: any) => {\n                                                                        return true;\n                                                                    }}\n                                                                    style={{\n                                                                        height: 16,\n                                                                        width: 24,\n                                                                        borderRadius: 2.5,\n                                                                        border: '0.5px solid #DFE1E5',\n                                                                        marginRight: 4,\n                                                                    }}\n                                                                />\n                                                            </div>\n                                                        ),\n                                                        renderContent: () => <StepConfirmationPaymentDetails ref={tokenizerRef} />,\n                                                    },\n                                                    {\n                                                        value: EBookingPaymentMethod.Planpay,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n                                                                <div\n                                                                    className=\"u-flex u-flex-align-center u-marg-left--light\"\n                                                                    style={{\n                                                                        borderRadius: '24px',\n                                                                        overflow: 'hidden',\n                                                                    }}\n                                                                >\n                                                                    <img height={16} src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')} alt=\"\" />\n                                                                </div>\n                                                                {!methods.formState.isValid && (\n                                                                    <Text\n                                                                        color={Color.Graphite}\n                                                                        className=\"u-flex u-flex-align-center\"\n                                                                        style={{\n                                                                            color: '#313131',\n                                                                            fontSize: 10,\n                                                                        }}\n                                                                    >\n                                                                        <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n                                                                        {t(Translation.Step.Confirmation.PlanpayHelperText)}\n                                                                    </Text>\n                                                                )}\n                                                            </div>\n                                                        ),\n                                                        disabled: !methods.formState.isValid,\n                                                        disabledReason: !methods.formState.isValid ? 'You must fill all the above details before proceeding with Planpay' : '',\n                                                        renderContent: () => <PlanpayPaymentMethod />,\n                                                    },\n                                                ]\n                                                    .filter(({ value }) => hotel?.paymentMethods?.includes(value))\n                                                    .filter(\n                                                        ({ value }) =>\n                                                            value !== EBookingPaymentMethod.Planpay ||\n                                                            dayjs(basketContext.startDate).diff(dayjs(), 'day') > hotel?.planpay?.minDaysShowPlanpay\n                                                    )}\n                                                value={value}\n                                                onChange={async (code: EBookingPaymentMethod) => {\n                                                    onChange(code);\n                                                    await handleChangePaymentMethod(code);\n                                                    if (code === EBookingPaymentMethod.Planpay) {\n                                                        await handleBook(code);\n                                                    }\n                                                }}\n                                            />\n                                        </div>\n                                    </>\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>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 />\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                            history={null}\n                            isLoading={isLoading}\n                            currentStep={StepConfirmation}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <ErrorModal open={!!apiErrors} onClose={clearApiErrors}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation();\n                    history.push(StepRoom.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":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport Headline from 'components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport RoomContactDetails from 'components/steps/confirmation/RoomContactDetails';\nimport LineBreak from 'components/generic/LineBreak';\nimport StepConfirmationPoliciesSection from 'components/steps/confirmation/StepConfirmationPoliciesSection';\nimport NextStepButton from 'components/generic/buttons/NextStepButton';\nimport { useTranslation } from 'react-i18next';\nimport { useBasket, useBookingEngine } from '@frontend/contexts';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport SSLSecureBadge from 'components/generic/badging/SSLSecureBadge';\nimport StepConfirmationCheckoutDifferencesModal from 'components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { useHistory } from 'react-router-dom';\nimport ErrorModal from 'components/generic/modal/ErrorModal';\nimport StepConfirmationPolicyBlock from 'components/steps/confirmation/StepConfirmationPolicyBlock';\n\nimport StepConfirmationAcknowledgement from 'components/steps/confirmation/StepConfirmationAcknowledgement';\nimport BEButton from 'components/generic/BEButton';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport StepConfirmation from 'pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from 'pages/steps/StepRoom/StepRoom';\nimport ConfirmationVerifyFeature from 'providers/feature/ConfirmationVerifyFeature';\nimport TextBox from 'components/generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from 'providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { PlanpayPaymentMethod } from './PlanpayPaymentMethod';\nimport { ConfirmationFormValues, FBookSuccessCallback } from 'models/Confirmation';\nimport TextArea from '../../generic/TextArea';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useConfirmationQuery } from 'hooks/ConfirmationQuery';\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\nimport StepConfirmationPaymentDetails from './PaymentDetails/StepConfirmationPaymentDetails';\nimport { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport RadioButtonGroup from 'components/generic/RadioButtonGroup/RadioButtonGroup';\nimport AcceptablePaymentCard from 'components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\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 [source, setSource] = useState('');\n\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isLoading, apiErrors, clearApiErrors, book, rollbackReservation, commitReservation } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef(null);\n    const history = useHistory();\n    const { hotel } = useCurrentHotel();\n\n    const toPaymentPayload = async (paymentMethod: EBookingPaymentMethod): 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,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            default:\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current.getTokenizedCode(),\n                };\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        const validatedPaymentMethod = Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)\n            ? (queryPaymentMethod as EBookingPaymentMethod)\n            : EBookingPaymentMethod.Card;\n        methods.setValue('paymentMethod', validatedPaymentMethod);\n        handleChangePaymentMethod(validatedPaymentMethod);\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback(validatedPaymentMethod);\n            } else {\n                rollbackReservation();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation();\n        };\n    }, []);\n\n    const onPlaypayCallback = async (paymentMethod: EBookingPaymentMethod) => {\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        history.push(StepRoom.getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation(resData));\n        return false;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book(\n            async () => toPaymentPayload(paymentMethod),\n            async (): Promise<boolean> => {\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card) 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            onSuccess\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: EBookingPaymentMethod) => {\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={true}>{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={true}>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold={true}>\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={true} primary={true} 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={true}>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={true} {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold={true}>{t(Translation.Step.Confirmation.Comments)}</Headline>\n                        </div>\n                        <TextArea\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay}\n                            placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)}\n                            {...methods.register('comment')}\n                        />\n                    </div>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.PaymentInformation)}</Headline>\n                        </div>\n                        <Controller\n                            control={methods.control}\n                            name=\"paymentMethod\"\n                            render={({ field: { onChange, value } }) => {\n                                return (\n                                    <>\n                                        <div>\n                                            <RadioButtonGroup\n                                                options={[\n                                                    {\n                                                        value: EBookingPaymentMethod.Card,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.CardLabel)}</div>\n                                                                <AcceptablePaymentCard\n                                                                    isDefault={(cardKey: any) => {\n                                                                        return true;\n                                                                    }}\n                                                                    style={{\n                                                                        height: 16,\n                                                                        width: 24,\n                                                                        borderRadius: 2.5,\n                                                                        border: '0.5px solid #DFE1E5',\n                                                                        marginRight: 4,\n                                                                    }}\n                                                                />\n                                                            </div>\n                                                        ),\n                                                        renderContent: () => <StepConfirmationPaymentDetails ref={tokenizerRef} />,\n                                                    },\n                                                    {\n                                                        value: EBookingPaymentMethod.Planpay,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n                                                                <div\n                                                                    className=\"u-flex u-flex-align-center u-marg-left--light\"\n                                                                    style={{\n                                                                        borderRadius: '24px',\n                                                                        overflow: 'hidden',\n                                                                    }}\n                                                                >\n                                                                    <img height={16} src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')} alt=\"\" />\n                                                                </div>\n                                                                {!methods.formState.isValid && (\n                                                                    <Text\n                                                                        color={Color.Graphite}\n                                                                        className=\"u-flex u-flex-align-center\"\n                                                                        style={{\n                                                                            color: '#313131',\n                                                                            fontSize: 10,\n                                                                        }}\n                                                                    >\n                                                                        <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n                                                                        {t(Translation.Step.Confirmation.PlanpayHelperText)}\n                                                                    </Text>\n                                                                )}\n                                                            </div>\n                                                        ),\n                                                        disabled: !methods.formState.isValid,\n                                                        disabledReason: !methods.formState.isValid ? 'You must fill all the above details before proceeding with Planpay' : '',\n                                                        renderContent: () => <PlanpayPaymentMethod />,\n                                                    },\n                                                ]\n                                                    .filter(({ value }) => hotel?.paymentMethods?.includes(value))\n                                                    .filter(\n                                                        ({ value }) =>\n                                                            value !== EBookingPaymentMethod.Planpay ||\n                                                            dayjs(basketContext.startDate).diff(dayjs(), 'day') > hotel?.planpay?.minDaysShowPlanpay\n                                                    )}\n                                                value={value}\n                                                onChange={async (code: EBookingPaymentMethod) => {\n                                                    onChange(code);\n                                                    await handleChangePaymentMethod(code);\n                                                    if (code === EBookingPaymentMethod.Planpay) {\n                                                        await handleBook(code);\n                                                    }\n                                                }}\n                                            />\n                                        </div>\n                                    </>\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>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 />\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                            history={null}\n                            isLoading={isLoading}\n                            currentStep={StepConfirmation}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <ErrorModal open={!!apiErrors} onClose={clearApiErrors}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation();\n                    history.push(StepRoom.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"]}

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

@@ -1,7 +1,33 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const StepConfirmationForm_1 = require("./StepConfirmationForm");
+const React = __importStar(require("react"));
+const StepConfirmationForm_1 = __importDefault(require("./StepConfirmationForm"));
 const ConfirmationStepContextWrapper_1 = require("../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper");
 function StepConfirmationFormProvider() {
     return (React.createElement(ConfirmationStepContextWrapper_1.ConfirmationStepContextWrapper, null,

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationFormProvider.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationFormProvider.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iEAA0D;AAC1D,6HAA0H;AAE1H,SAAwB,4BAA4B;IAChD,OAAO,CACH,oBAAC,+DAA8B;QAC3B,oBAAC,8BAAoB,OAAG,CACK,CACpC,CAAC;AACN,CAAC;AAND,+CAMC","sourcesContent":["import * as React from 'react';\nimport StepConfirmationForm from './StepConfirmationForm';\nimport { ConfirmationStepContextWrapper } from '../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper';\n\nexport default function StepConfirmationFormProvider() {\n    return (\n        <ConfirmationStepContextWrapper>\n            <StepConfirmationForm />\n        </ConfirmationStepContextWrapper>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationFormProvider.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationFormProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,kFAA0D;AAC1D,6HAA0H;AAE1H,SAAwB,4BAA4B;IAChD,OAAO,CACH,oBAAC,+DAA8B;QAC3B,oBAAC,8BAAoB,OAAG,CACK,CACpC,CAAC;AACN,CAAC;AAND,+CAMC","sourcesContent":["import * as React from 'react';\nimport StepConfirmationForm from './StepConfirmationForm';\nimport { ConfirmationStepContextWrapper } from '../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper';\n\nexport default function StepConfirmationFormProvider() {\n    return (\n        <ConfirmationStepContextWrapper>\n            <StepConfirmationForm />\n        </ConfirmationStepContextWrapper>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationLimitedOffer.d.ts

@@ -1,4 +1,4 @@
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs';
 interface StepConfirmationLimitedOffer {
     endDate: dayjs.Dayjs;
 }

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

@@ -1,13 +1,39 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const Alert_1 = require("components/generic/Alert");
-const Text_1 = require("components/generic/Text");
-const Headline_1 = require("components/generic/Headline");
-const Countdown_1 = require("components/generic/Countdown");
+const React = __importStar(require("react"));
+const Alert_1 = __importStar(require("components/generic/Alert"));
+const Text_1 = __importDefault(require("components/generic/Text"));
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const Countdown_1 = __importDefault(require("components/generic/Countdown"));
 const Color_1 = require("util/Color");
 const react_1 = require("react");
-const DataLayer_1 = require("util/DataLayer");
+const DataLayer_1 = __importStar(require("util/DataLayer"));
 function StepConfirmationLimitedOffer(props) {
     const [flash, setFlash] = (0, react_1.useState)(false);
     const countdownEndSeen = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationLimitedOffer.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationLimitedOffer.tsx"],"names":[],"mappings":";;AACA,+BAA+B;AAC/B,oDAA4D;AAC5D,kDAA2C;AAC3C,0DAAmD;AACnD,4DAAqD;AACrD,sCAAmC;AACnC,iCAAiC;AACjC,8CAA6E;AAM7E,SAAwB,4BAA4B,CAAC,KAAmC;IACpF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;QAC9G,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,OAAO;QAC1B,6BAAK,SAAS,EAAC,2CAA2C;YACtD;gBACI,oBAAC,cAAI;oBACD,mDAA6B,CAC1B;gBACP,oBAAC,cAAI;oBACD,qDAA+B,CAC5B,CACL;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBAClC,oBAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;oBACjD,oBAAC,mBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACT,CACJ,CACF,CACX,CAAC;AACN,CAAC;AAzBD,+CAyBC","sourcesContent":["import * as dayjs from 'dayjs';\nimport * as React from 'react';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport Text from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport Countdown from 'components/generic/Countdown';\nimport { Color } from 'util/Color';\nimport { useState } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\n\ninterface StepConfirmationLimitedOffer {\n    endDate: dayjs.Dayjs;\n}\n\nexport default function StepConfirmationLimitedOffer(props: StepConfirmationLimitedOffer) {\n    const [flash, setFlash] = useState(false);\n    const countdownEndSeen = () => {\n        DataLayer.instance.sendInteraction('Countdown End Seen', InteractionType.LINK, InteractionStep.GUEST_DETAILS);\n        setFlash(true);\n    };\n    return (\n        <Alert type={AlertType.Accent1}>\n            <div className=\"u-flex w-100 flex-wrap align-items-center\">\n                <div>\n                    <Text>\n                        <strong>Your room is</strong>\n                    </Text>\n                    <Text>\n                        <strong>being held for</strong>\n                    </Text>\n                </div>\n                <div className={flash ? 'a-flash' : ''}>\n                    <Headline size=\"large\" bold={true} color={Color.White}>\n                        <Countdown endTimeDate={props.endDate} onEnd={countdownEndSeen} />\n                    </Headline>\n                </div>\n            </div>\n        </Alert>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationLimitedOffer.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationLimitedOffer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAC/B,kEAA4D;AAC5D,mEAA2C;AAC3C,2EAAmD;AACnD,6EAAqD;AACrD,sCAAmC;AACnC,iCAAiC;AACjC,4DAA6E;AAM7E,SAAwB,4BAA4B,CAAC,KAAmC;IACpF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;QAC9G,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,OAAO;QAC1B,6BAAK,SAAS,EAAC,2CAA2C;YACtD;gBACI,oBAAC,cAAI;oBACD,mDAA6B,CAC1B;gBACP,oBAAC,cAAI;oBACD,qDAA+B,CAC5B,CACL;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBAClC,oBAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;oBACjD,oBAAC,mBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACT,CACJ,CACF,CACX,CAAC;AACN,CAAC;AAzBD,+CAyBC","sourcesContent":["import dayjs from 'dayjs';\nimport * as React from 'react';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport Text from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport Countdown from 'components/generic/Countdown';\nimport { Color } from 'util/Color';\nimport { useState } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\n\ninterface StepConfirmationLimitedOffer {\n    endDate: dayjs.Dayjs;\n}\n\nexport default function StepConfirmationLimitedOffer(props: StepConfirmationLimitedOffer) {\n    const [flash, setFlash] = useState(false);\n    const countdownEndSeen = () => {\n        DataLayer.instance.sendInteraction('Countdown End Seen', InteractionType.LINK, InteractionStep.GUEST_DETAILS);\n        setFlash(true);\n    };\n    return (\n        <Alert type={AlertType.Accent1}>\n            <div className=\"u-flex w-100 flex-wrap align-items-center\">\n                <div>\n                    <Text>\n                        <strong>Your room is</strong>\n                    </Text>\n                    <Text>\n                        <strong>being held for</strong>\n                    </Text>\n                </div>\n                <div className={flash ? 'a-flash' : ''}>\n                    <Headline size=\"large\" bold={true} color={Color.White}>\n                        <Countdown endTimeDate={props.endDate} onEnd={countdownEndSeen} />\n                    </Headline>\n                </div>\n            </div>\n        </Alert>\n    );\n}\n"]}

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

@@ -1,9 +1,35 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const Headline_1 = require("components/generic/Headline");
+const React = __importStar(require("react"));
+const Headline_1 = __importDefault(require("components/generic/Headline"));
 const Translation_1 = require("translations/Translation");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 function StepConfirmationPoliciesSection() {

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationPoliciesSection.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPoliciesSection.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,0DAAmD;AACnD,0DAAuD;AACvD,kDAAyD;AACzD,iDAA+C;AAC/C,2CAAkD;AAElD,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,CAC1E;QACN,6BAAK,SAAS,EAAC,eAAe;YAC1B,6BAAK,SAAS,EAAC,KAAK;gBAChB,6BAAK,SAAS,EAAC,gBAAgB;oBAC3B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;wBAAG,KAAK,CAAC,WAAW,CAC3C,CACL;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC3B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;wBAAG,KAAK,CAAC,YAAY,CAC7C,CACL,CACJ,CACJ,CACP,CACN,CAAC;AACN,CAAC;AA/BD,kDA+BC","sourcesContent":["import * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function StepConfirmationPoliciesSection() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold={true}>{t(Translation.Step.Confirmation.Policies)}</Headline>\n            </div>\n            <div className=\"u-marg-bottom\">\n                <div className=\"row\">\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckIn)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.After)} {hotel.checkInTime}\n                        </Text>\n                    </div>\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckOut)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.Before)} {hotel.checkOutTime}\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationPoliciesSection.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPoliciesSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2EAAmD;AACnD,0DAAuD;AACvD,gEAAyD;AACzD,iDAA+C;AAC/C,2CAAkD;AAElD,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,CAC1E;QACN,6BAAK,SAAS,EAAC,eAAe;YAC1B,6BAAK,SAAS,EAAC,KAAK;gBAChB,6BAAK,SAAS,EAAC,gBAAgB;oBAC3B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;wBAAG,KAAK,CAAC,WAAW,CAC3C,CACL;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC3B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;wBAAG,KAAK,CAAC,YAAY,CAC7C,CACL,CACJ,CACJ,CACP,CACN,CAAC;AACN,CAAC;AA/BD,kDA+BC","sourcesContent":["import * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function StepConfirmationPoliciesSection() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold={true}>{t(Translation.Step.Confirmation.Policies)}</Headline>\n            </div>\n            <div className=\"u-marg-bottom\">\n                <div className=\"row\">\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckIn)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.After)} {hotel.checkInTime}\n                        </Text>\n                    </div>\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckOut)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.Before)} {hotel.checkOutTime}\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -1,9 +1,32 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const contexts_1 = require("@frontend/contexts");
 const react_1 = require("react");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 function StepConfirmationPolicyBlock() {

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationPolicyBlock.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPolicyBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from 'models/BasketRow';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport default function StepConfirmationPolicyBlock() {\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const roomTranslation = t(Translation.Misc.Room);\n\n    return useMemo(() => {\n        const policiesGrouped: { [uniq: string]: { rooms: { index: number; room: BasketRow }[] } } = {};\n        const rooms = basketContext.getAllValidRows();\n\n        let roomIndex = 0;\n\n        if (rooms.length > 1) {\n            rooms.forEach((room) => {\n                roomIndex++;\n\n                const rate = room.getRate();\n                let entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`];\n\n                if (!entry) {\n                    entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`] = { rooms: [] };\n                }\n\n                entry.rooms.push({ index: roomIndex, room });\n            });\n        } else {\n            policiesGrouped[0] = { rooms: [{ index: 1, room: rooms[0] }] };\n        }\n\n        return (\n            <div className=\"u-marg-bottom\">\n                {Object.values(policiesGrouped).map((group, index) => {\n                    const firstRoom = group.rooms[0];\n\n                    return (\n                        <div className=\"u-marg-bottom--heavy\" key={index}>\n                            <div className=\"u-marg-bottom\">\n                                {group.rooms.map((roomWithIndex) => {\n                                    return (\n                                        <Text key={roomWithIndex.index} type={TextType.Small}>\n                                            <strong>\n                                                {roomTranslation} {roomWithIndex.index}\n                                            </strong>{' '}\n                                            {roomWithIndex.room.getRoom().name} - {roomWithIndex.room.getRate().name}\n                                        </Text>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} bold={true}>\n                                    {t(Translation.Misc.GuaranteePolicy)}\n                                </Text>\n                                <Text type={TextType.Small} preformatted={true}>\n                                    <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getGuaranteePolicy() }}></span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} bold={true}>\n                                {t(Translation.Misc.CancellationPolicy)}\n                            </Text>\n                            <Text type={TextType.Small} preformatted={true}>\n                                <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getCancellationPolicy() }}></span>\n                            </Text>\n                        </div>\n                    );\n                })}\n            </div>\n        );\n    }, [basketContext.currentBasketRows]);\n}\n"]}
+{"version":3,"file":"StepConfirmationPolicyBlock.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPolicyBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from 'models/BasketRow';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport default function StepConfirmationPolicyBlock() {\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const roomTranslation = t(Translation.Misc.Room);\n\n    return useMemo(() => {\n        const policiesGrouped: { [uniq: string]: { rooms: { index: number; room: BasketRow }[] } } = {};\n        const rooms = basketContext.getAllValidRows();\n\n        let roomIndex = 0;\n\n        if (rooms.length > 1) {\n            rooms.forEach((room) => {\n                roomIndex++;\n\n                const rate = room.getRate();\n                let entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`];\n\n                if (!entry) {\n                    entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`] = { rooms: [] };\n                }\n\n                entry.rooms.push({ index: roomIndex, room });\n            });\n        } else {\n            policiesGrouped[0] = { rooms: [{ index: 1, room: rooms[0] }] };\n        }\n\n        return (\n            <div className=\"u-marg-bottom\">\n                {Object.values(policiesGrouped).map((group, index) => {\n                    const firstRoom = group.rooms[0];\n\n                    return (\n                        <div className=\"u-marg-bottom--heavy\" key={index}>\n                            <div className=\"u-marg-bottom\">\n                                {group.rooms.map((roomWithIndex) => {\n                                    return (\n                                        <Text key={roomWithIndex.index} type={TextType.Small}>\n                                            <strong>\n                                                {roomTranslation} {roomWithIndex.index}\n                                            </strong>{' '}\n                                            {roomWithIndex.room.getRoom().name} - {roomWithIndex.room.getRate().name}\n                                        </Text>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} bold={true}>\n                                    {t(Translation.Misc.GuaranteePolicy)}\n                                </Text>\n                                <Text type={TextType.Small} preformatted={true}>\n                                    <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getGuaranteePolicy() }}></span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} bold={true}>\n                                {t(Translation.Misc.CancellationPolicy)}\n                            </Text>\n                            <Text type={TextType.Small} preformatted={true}>\n                                <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getCancellationPolicy() }}></span>\n                            </Text>\n                        </div>\n                    );\n                })}\n            </div>\n        );\n    }, [basketContext.currentBasketRows]);\n}\n"]}

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffers.js

@@ -1,22 +1,48 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const AdditionalOffersColumn_1 = require("components/steps/confirmation/additionalOffers/AdditionalOffersColumn");
+const AdditionalOffersColumn_1 = __importDefault(require("components/steps/confirmation/additionalOffers/AdditionalOffersColumn"));
 const web_1 = require("@react-spring/web");
-const react_use_measure_1 = require("react-use-measure");
+const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const react_use_gesture_1 = require("react-use-gesture");
-const AdditionalOffersModal_1 = require("components/steps/confirmation/additionalOffers/AdditionalOffersModal");
-const Icon_1 = require("components/generic/Icon/Icon");
+const AdditionalOffersModal_1 = __importDefault(require("components/steps/confirmation/additionalOffers/AdditionalOffersModal"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
 const Color_1 = require("util/Color");
-const Headline_1 = require("components/generic/Headline");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = require("api/BookingAPI");
+const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
 const contexts_1 = require("@frontend/contexts");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
-const LargeLoader_1 = require("components/generic/loader/LargeLoader");
-const Text_1 = require("components/generic/Text");
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
+const LargeLoader_1 = __importDefault(require("components/generic/loader/LargeLoader"));
+const Text_1 = __importDefault(require("components/generic/Text"));
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
 function AdditionalOffers() {