@roomstay/frontend 1.3.0

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

@@ -0,0 +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 { useContext, useEffect, useRef, useState } from 'react';\nimport Headline from '../../generic/Headline';\nimport { Translation } from '../../../translations/Translation';\nimport Text, { TextType } from '../../generic/Text';\nimport { Color } from '../../../util/Color';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport RoomContactDetails from './RoomContactDetails';\nimport StepConfirmationPaymentDetails from './StepConfirmationPaymentDetails';\nimport LineBreak from '../../generic/LineBreak';\nimport StepConfirmationPoliciesSection from './StepConfirmationPoliciesSection';\nimport NextStepButton from '../../generic/buttons/NextStepButton';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport Checkbox from '../../generic/Checkbox';\nimport PaymentCard from '../../../models/PaymentCard';\nimport API from '../../../api/BookingAPI';\nimport Icon, { IconType } from '../../generic/Icon';\nimport SSLSecureBadge from '../../generic/badging/SSLSecureBadge';\nimport ReservationsDTO, { ReservationDTO } from '../../../models/Api/ReservationsDTO';\nimport StepConfirmationCheckoutDifferencesModal from './StepConfirmationCheckoutDifferencesModal';\nimport { useHistory } from 'react-router';\nimport ErrorModal from '../../generic/modal/ErrorModal';\nimport DataLayer, { InteractionStep, InteractionType } from '../../../util/DataLayer';\nimport * as Sentry from '@sentry/browser';\nimport { Severity } from '@sentry/types/dist/severity';\nimport StepConfirmationPolicyBlock from './StepConfirmationPolicyBlock';\nimport { ErrorHandler } from '../../../contexts/ErrorContext';\nimport StepConfirmationAcknowledgement from './StepConfirmationAcknowledgement';\nimport BEButton from '../../generic/BEButton';\nimport Alert, { AlertType } from '../../generic/Alert';\nimport StepConfirmation from '../../../pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from '../../../pages/steps/StepRoom/StepRoom';\nimport { StepConfirmationCommentsComponent } from './StepConfirmationCommentsComponent';\nimport ConfirmationFormContext from '../../../contexts/ConfirmationFormContext';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport ConfirmationVerifyFeature from '../../../providers/feature/ConfirmationVerifyFeature';\nimport TextBox from '../../generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from '../../../providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { useWindowScroll } from '../../../hooks/ScrollFocusHook';\n\nexport default function StepConfirmationForm() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const context = useContext(BookingEngineContext);\n    const formContext = useContext(ConfirmationFormContext);\n\n    const [source, setSource] = useState('');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const basketContext = useContext(BasketContext);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [differences, setDifferences] = useState<any[]>([]);\n    const [warnings, setWarnings] = useState<any[]>([]);\n\n    const [reservationData, setReservationData] = useState<ReservationsDTO>(null);\n    const [apiErrors, setApiErrors] = useState('');\n    const [confirmationPolicyError, setConfirmationPolicyError] = useState(false);\n\n    const commentTextbox = useRef(null);\n    const tokenizerRef = useRef(null);\n    const confirmationPolicy = useRef(null);\n\n    const { focusElement } = useWindowScroll();\n\n    const history = useHistory();\n\n    const methods = useForm({\n        mode: 'onChange',\n        reValidateMode: 'onChange',\n    });\n\n    const parseReservationIdsFromData = (data: ReservationsDTO) => {\n        return data?.reservations?.map((reservation) => reservation.reservationNumber);\n    };\n\n    const apiErrorsOnClose = () => {\n        return setApiErrors('');\n    };\n\n    const onCheckoutClose = () => {\n        try {\n            rollbackReservation();\n        } catch (ex) {\n            console.log('Failed to rollback reservations');\n            Sentry.captureException(ex);\n        }\n    };\n\n    const onCheckoutProceed = () => {\n        try {\n            commitReservation();\n        } catch (ex) {\n            console.log('Failed to commit reservation');\n            Sentry.captureException(ex);\n        }\n    };\n\n    const commitReservation = async (initialReservationData?: ReservationsDTO) => {\n        const resData = reservationData ?? initialReservationData;\n\n        setIsLoading(true);\n\n        if (resData) {\n            const reservationIds = parseReservationIdsFromData(resData);\n\n            if (reservationIds.length) {\n                API.Reservation.commit(reservationIds, hotel.hotelID)\n                    .then((response: ReservationsDTO) => {\n                        try {\n                            DataLayer.instance.sendReservationConfirmed(basketContext.getAllValidRows(), basketContext.basketAddonRows, response);\n                        } catch (ex) {\n                            Sentry.captureException('Failed to read reservations from GTM code: ' + JSON.stringify(ex));\n                        }\n\n                        basketContext.checkedOut(response);\n                    })\n                    .catch((ex: any) => {\n                        console.log(ex);\n                        setIsLoading(false);\n                    });\n            } else {\n                setIsLoading(false);\n                ErrorHandler.add({ message: 'Committing reservation failed due to an unexpected error' });\n                Sentry.captureException('No reservation IDs found when attempting to commit: ' + JSON.stringify(resData));\n            }\n        }\n    };\n\n    const rollbackReservation = async () => {\n        const reservationIds = parseReservationIdsFromData(reservationData);\n        if (reservationIds.length) {\n            setIsLoading(true);\n            await API.Reservation.rollback(reservationIds, hotel.hotelID);\n            setIsLoading(false);\n        } else {\n            Sentry.captureException('No reservation IDs found when attempting to rollback: ' + JSON.stringify(reservationData));\n        }\n\n        history.push(StepRoom.getStepUrl());\n    };\n\n    const returnToPickRooms = async () => {\n        history.push(StepRoom.getStepUrl());\n    };\n\n    const makeReservation = async () => {\n        if (ConfirmationVerifyFeature.isActive() && !confirmationPolicy?.current?.checked) {\n            setConfirmationPolicyError(true);\n            return;\n        }\n\n        let adhocValid = true;\n        formContext.errorChecks.forEach((check) => {\n            if (!check().validate()) {\n                adhocValid = false;\n            }\n        });\n\n        if (!adhocValid) {\n            return;\n        }\n\n        setConfirmationPolicyError(false);\n        setIsLoading(true);\n\n        try {\n            const card: PaymentCard = await tokenizerRef.current.getTokenizedCode();\n\n            const allDetails = methods.getValues();\n\n            const userProfiles = basketRows.map((row, i) => {\n                const rowNumber = i + 1;\n                return {\n                    FirstName: allDetails[`Forename${rowNumber}`],\n                    LastName: allDetails[`Surname${rowNumber}`],\n                    Phone: allDetails[`Phone${rowNumber}`]?.replace(' ', ''),\n                    Email: allDetails[`Email${rowNumber}`],\n                    Address: {\n                        Line1: allDetails[`Address${rowNumber}`],\n                        City: allDetails[`City${rowNumber}`],\n                        PostalCode: allDetails[`PostCode${rowNumber}`],\n                        Country: allDetails[`Country${rowNumber}`]?.label,\n                    },\n                    MarketingOptIn: false,\n                };\n            });\n\n            DataLayer.instance.sendInteraction('Complete Booking', InteractionType.BUTTON, InteractionStep.GUEST_DETAILS);\n\n            API.Reservation.bookNow(basketRows, userProfiles, card, basketAddonRows, commentTextbox.current.value, allDetails.IATANumber, hotel.hotelID)\n                .then((data) => {\n                    setReservationData(data);\n\n                    const apiDifferences: any = [];\n\n                    if (data.reservations) {\n                        data.reservations.forEach((reservation: ReservationDTO, index) => {\n                            const diff = basketContext.currentBasketRows[index].checkDiffFromReservation(reservation);\n\n                            if (diff) {\n                                apiDifferences.push(diff);\n                            }\n                        });\n                    } else {\n                        Sentry.addBreadcrumb({\n                            level: Severity.Error,\n                            message: 'No reservation data: ' + JSON.stringify(data),\n                        });\n                        throw new Error('The reservation could not be completed due to an unexpected issue, please try again');\n                    }\n\n                    // If there are differences, we want to display them to make sure the booking still needs to proceed\n                    if (apiDifferences.length || (data.warnings && data.warnings.length)) {\n                        setIsLoading(false);\n\n                        setDifferences(apiDifferences);\n                        setWarnings(data.warnings);\n                    } else {\n                        // Everything is clear, re-run the totals and commit to the booking\n                        commitReservation(data);\n                    }\n                })\n                .catch((error) => {\n                    setIsLoading(false);\n                    setApiErrors(error?.Message ?? 'Unexpected error returned from the booking database.');\n                });\n        } catch (ex) {\n            setIsLoading(false);\n        }\n    };\n\n    const onSubmit = async () => {\n        await makeReservation();\n    };\n\n    const basketRows = basketContext.getAllValidRows();\n    const basketAddonRows = basketContext.basketAddonRows;\n\n    const [copyCheckBox, setCheckBox] = useState(true);\n    const [showErrors, setShowErrors] = useState(false);\n\n    useEffect(() => {\n        ['Forename', 'Surname', 'Email', 'Phone', 'Country', 'City', 'Address', 'PostCode'].forEach((input) => {\n            updateRepeatingValues(input, methods.getValues(`${input}1`));\n        });\n    }, [copyCheckBox]);\n\n    useEffect(() => {\n        DataLayer.instance.sendCheckoutView(basketRows, basketAddonRows);\n\n        const { unsubscribe } = methods.watch((allFields: any, { name, type }: { name: any; type: any }) => {\n            if (type === 'change') {\n                onFormChangeHandler(name, allFields[name]);\n            }\n        });\n\n        return () => {\n            unsubscribe();\n        };\n    }, []);\n\n    useEffect(() => {\n        scrollFirstErrorIntoView();\n    }, [methods?.formState?.errors]);\n\n    const updateRepeatingValues = (field: string, value: string) => {\n        if (basketRows.length >= 2) {\n            for (let i = 2; i <= basketRows.length; i++) {\n                methods.setValue(`${field}${i}`, value);\n            }\n        }\n    };\n\n    const onFormChangeHandler = (fieldName: string, value: any) => {\n        if (fieldName?.endsWith('1')) {\n            if (copyCheckBox) {\n                updateRepeatingValues(fieldName.replace('1', ''), value);\n            }\n        }\n    };\n\n    const scrollFirstErrorIntoView = () => {\n        if (methods?.formState?.errors) {\n            setTimeout(() => {\n                const values = Object.values(methods?.formState?.errors);\n                if (values.length > 0 && values[0]?.ref) {\n                    focusElement(values[0].ref as any);\n                }\n            }, 350);\n        }\n    };\n\n    const onNextStepClicked = async () => {\n        await methods.handleSubmit(onSubmit)();\n\n        scrollFirstErrorIntoView();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    return (\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            <FormProvider {...methods}>\n                <form onSubmit={methods.handleSubmit(onSubmit)}>\n                    {basketRows.map((room, index) => {\n                        const checkboxOnChange = (value: any) => {\n                            setCheckBox(value);\n                        };\n                        return (\n                            <div key={room.getID()}>\n                                <div className={index === 0 ? '' : 'u-marg-bottom--heavy'}>\n                                    <RoomContactDetails showErrors={showErrors} basketRow={room} roomNumber={index + 1} expandable={basketRows.length !== 1} />\n                                </div>\n                                {basketRows.length > 1 && index === 0 ? (\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Checkbox label={t(Translation.Step.Confirmation.ApplySameInfoToOtherRooms)} checked={copyCheckBox} onChange={checkboxOnChange} />\n                                    </div>\n                                ) : null}\n                            </div>\n                        );\n                    })}\n                </form>\n            </FormProvider>\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            <div className=\"u-marg-bottom--heavy\">\n                <div className=\"u-marg-bottom\">\n                    <Headline bold={true}>{t(Translation.Step.Confirmation.PaymentInformation)}</Headline>\n                </div>\n\n                <StepConfirmationPaymentDetails ref={tokenizerRef} />\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            {ShowIATANumberOnCheckoutFeature.isActive() && (\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            )}\n            <StepConfirmationCommentsComponent inputRef={commentTextbox} />\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                    text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                    history={null}\n                    isLoading={isLoading}\n                    currentStep={StepConfirmation}\n                    onClick={onNextStepClicked}\n                />\n            </div>\n            <ErrorModal open={!!apiErrors} onClose={apiErrorsOnClose}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal differences={differences} warnings={warnings} isLoading={isLoading} onClose={onCheckoutClose} onProceed={onCheckoutProceed} />\n        </>\n    );\n}\n"]}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as dayjs from 'dayjs';
+interface StepConfirmationLimitedOffer {
+    endDate: dayjs.Dayjs;
+}
+export default function StepConfirmationLimitedOffer(props: StepConfirmationLimitedOffer): JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Alert_1 = require("../../generic/Alert");
+const Text_1 = require("../../generic/Text");
+const Headline_1 = require("../../generic/Headline");
+const Countdown_1 = require("../../generic/Countdown");
+const Color_1 = require("../../../util/Color");
+const react_1 = require("react");
+const DataLayer_1 = require("../../../util/DataLayer");
+function StepConfirmationLimitedOffer(props) {
+    const [flash, setFlash] = react_1.useState(false);
+    const countdownEndSeen = () => {
+        DataLayer_1.default.instance.sendInteraction('Countdown End Seen', DataLayer_1.InteractionType.LINK, DataLayer_1.InteractionStep.GUEST_DETAILS);
+        setFlash(true);
+    };
+    return (React.createElement(Alert_1.default, { type: Alert_1.AlertType.Accent1 },
+        React.createElement("div", { className: "u-flex w-100 flex-wrap align-items-center" },
+            React.createElement("div", null,
+                React.createElement(Text_1.default, null,
+                    React.createElement("strong", null, "Your room is")),
+                React.createElement(Text_1.default, null,
+                    React.createElement("strong", null, "being held for"))),
+            React.createElement("div", { className: flash ? 'a-flash' : '' },
+                React.createElement(Headline_1.default, { size: "large", bold: true, color: Color_1.Color.White },
+                    React.createElement(Countdown_1.default, { endTimeDate: props.endDate, onEnd: countdownEndSeen }))))));
+}
+exports.default = StepConfirmationLimitedOffer;
+//# sourceMappingURL=StepConfirmationLimitedOffer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepConfirmationLimitedOffer.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationLimitedOffer.tsx"],"names":[],"mappings":";;AACA,+BAA+B;AAC/B,+CAAuD;AACvD,6CAAsC;AACtC,qDAA8C;AAC9C,uDAAgD;AAChD,+CAA4C;AAC5C,iCAAiC;AACjC,uDAAsF;AAMtF,SAAwB,4BAA4B,CAAC,KAAmC;IACpF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAC,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 '../../generic/Alert';\nimport Text from '../../generic/Text';\nimport Headline from '../../generic/Headline';\nimport Countdown from '../../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/StepConfirmationPaymentDetails.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare global {
+    interface Window {
+        VGSCollect: any;
+    }
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,244 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const InputGroup_1 = require("../../generic/InputGroup/InputGroup");
+const AutoAutoHeight_1 = require("../../../animations/AutoAutoHeight");
+const Alert_1 = require("../../generic/Alert");
+const Icon_1 = require("../../generic/Icon");
+const Text_1 = require("../../generic/Text");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../../translations/Translation");
+const RoomstayThemeEngine_1 = require("../../../providers/RoomstayThemeEngine");
+const DataLayer_1 = require("../../../util/DataLayer");
+const HotelDTO_1 = require("../../../models/Api/HotelDTO");
+const LargeLoader_1 = require("../../generic/loader/LargeLoader");
+const hooks_1 = require("@frontend/hooks");
+const ScrollFocusHook_1 = require("../../../hooks/ScrollFocusHook");
+window.VGSCollect = window.VGSCollect || {};
+class VGSInputMapper {
+    constructor(name, type, ref, vgsProps) {
+        this.name = name;
+        this.ref = ref;
+        this.type = type;
+        this.vgsProps = vgsProps;
+        this.isValid = null;
+        this.isFocused = false;
+    }
+}
+function StepConfirmationPaymentDetails(props, ref) {
+    var _a;
+    const { hotel } = hooks_1.useCurrentHotel();
+    const [VGSForm, setVGSForm] = react_1.useState(null);
+    const [errors, setErrors] = react_1.useState({});
+    const [vgsLoaded, setVgsLoaded] = react_1.useState(false);
+    const { focusElement } = ScrollFocusHook_1.useWindowScroll();
+    const setErrorsOnFaults = (faults) => {
+        const newErrors = {};
+        Object.keys(faults).forEach((input) => {
+            let name = '';
+            switch (input) {
+                case 'credit-card':
+                    name = 'Credit Card';
+                    break;
+                case 'expiration-date':
+                    name = 'Expiration Date';
+                    break;
+                case 'security-code':
+                    name = 'Security Code';
+                    break;
+                default:
+                    name = 'Card Name';
+                    break;
+            }
+            newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];
+        });
+        setErrors(newErrors);
+    };
+    react_1.useEffect(() => {
+        var _a, _b;
+        if (errors && errors !== {} && ((_a = cardNumber === null || cardNumber === void 0 ? void 0 : cardNumber.ref) === null || _a === void 0 ? void 0 : _a.current)) {
+            focusElement((_b = cardNumber === null || cardNumber === void 0 ? void 0 : cardNumber.ref) === null || _b === void 0 ? void 0 : _b.current);
+        }
+    }, [errors]);
+    react_1.useImperativeHandle(ref, () => ({
+        getTokenizedCode: () => new Promise((resolve, reject) => {
+            if (VGSForm) {
+                VGSForm.submit('/post', {
+                    serializer: 'deep',
+                    methods: 'POST',
+                }, (status, response) => {
+                    const cardData = JSON.parse(response.data);
+                    const expMatch = cardData['expiration-date'].match(/^(\d+)\s*\/\s*(\d+)$/);
+                    if (!expMatch || expMatch[1].length > 2 || (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {
+                        setErrorsOnFaults({
+                            'expiration-date': {
+                                errorMessages: ['Invalid - it must be in the format MM / YY or MM / YYYY'],
+                            },
+                        });
+                        reject('invalid expiration date');
+                        return;
+                    }
+                    const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));
+                    const card = {
+                        CVV: cardData['security-code'],
+                        Expiry: expiration,
+                        Name: cardData['card-name'],
+                        Number: cardData['credit-card'],
+                        Type: window.VGSCollect.enteredCardType,
+                    };
+                    resolve(card);
+                }, (error) => {
+                    setErrorsOnFaults(error);
+                    reject(error);
+                });
+            }
+            else {
+                console.error('VGS not on element, problem has occurred');
+            }
+        }),
+    }));
+    const formRef = react_1.useRef(null);
+    const getClassesFormInput = (mapper) => {
+        const classes = ['c-input'];
+        if (mapper.isFocused) {
+            classes.push('--selected');
+        }
+        if (mapper.isValid !== null) {
+            if (mapper.isValid) {
+                classes.push('--success');
+            }
+            else {
+                classes.push('--error');
+            }
+        }
+        return classes.join(' ');
+    };
+    const getVGSInputProps = (mapper) => {
+        return Object.assign({ name: mapper.name, type: mapper.type }, mapper.vgsProps);
+    };
+    const css = {
+        fontSize: '13px',
+        lineHeight: '18px',
+        '&::placeholder': {
+            color: '#8B8F9A',
+            opacity: 1,
+        },
+    };
+    const { t } = react_i18next_1.useTranslation();
+    const cardNumberplaceholder = t(Translation_1.Translation.Step.Confirmation.Inputs.CardNumber);
+    const nameOnCardplaceholder = t(Translation_1.Translation.Step.Confirmation.Inputs.NameOnCard);
+    const securityCodeplaceholder = t(Translation_1.Translation.Step.Confirmation.Inputs.SecurityCode);
+    const cardExpiryplaceholder = t(Translation_1.Translation.Step.Confirmation.Inputs.CardExpiry);
+    const [cardNumber, setCardNumber] = react_1.useState(new VGSInputMapper('credit-card', 'card-number', react_1.useRef(null), {
+        autoComplete: ['cc-number'],
+        successColor: '#4F8A10',
+        errorColor: '#D8000C',
+        showCardIcon: false,
+        placeholder: cardNumberplaceholder + ' *',
+        validations: ['required', 'validCardNumber'],
+        css,
+    }));
+    const [nameOnCard, setNameOnCard] = react_1.useState(new VGSInputMapper('card-name', 'text', react_1.useRef(null), {
+        placeholder: nameOnCardplaceholder + ' *',
+        validations: ['required'],
+        css,
+    }));
+    const [expirationDate, setExpirationDate] = react_1.useState(new VGSInputMapper('expiration-date', 'card-expiration-date', react_1.useRef(null), {
+        placeholder: cardExpiryplaceholder + ' *',
+        validations: ['required', 'validCardExpirationDate'],
+        css,
+    }));
+    const [securityCode, setSecurityCode] = react_1.useState(new VGSInputMapper('security-code', 'card-security-code', react_1.useRef(null), {
+        placeholder: securityCodeplaceholder + ' *',
+        validations: ['required', 'validCardSecurityCode'],
+        css,
+    }));
+    const vgsInputsAndSetters = [
+        [cardNumber, setCardNumber],
+        [nameOnCard, setNameOnCard],
+        [expirationDate, setExpirationDate],
+        [securityCode, setSecurityCode],
+    ];
+    const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];
+    const [selectedCard, setSelectedCard] = react_1.useState(String);
+    const cardTypes = ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.paymentCardTypes) !== null && _a !== void 0 ? _a : [])
+        .map((card) => {
+        const mapping = HotelDTO_1.SynxisToVGSCardNameMapping[card];
+        if (!mapping) {
+            return null;
+        }
+        return {
+            name: HotelDTO_1.SynxisToVGSCardNameMapping[card],
+            status: false,
+        };
+    })
+        .filter((obj) => obj);
+    react_1.useEffect(() => {
+        let cancelled = false;
+        RoomstayThemeEngine_1.default.loadScript('https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js', 'vgs-collect').then(() => {
+            if (!cancelled) {
+                setVgsLoaded(true);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    react_1.useEffect(() => {
+        if (vgsLoaded) {
+            setVGSForm(window.VGSCollect.create(hotel === null || hotel === void 0 ? void 0 : hotel.vgsVaultName, (state) => {
+                var _a, _b;
+                DataLayer_1.default.instance.sendInteraction('Payment Info', DataLayer_1.InteractionType.FORM_FIELD, DataLayer_1.InteractionStep.GUEST_DETAILS);
+                window.VGSCollect.enteredCardType = (_a = state['credit-card']) === null || _a === void 0 ? void 0 : _a.cardType;
+                setSelectedCard((_b = state['credit-card']) === null || _b === void 0 ? void 0 : _b.cardType);
+                vgsInputsAndSetters.forEach((getNSet) => {
+                    const old = Object.assign({}, getNSet[0]);
+                    const clone = getNSet[0];
+                    const vgsState = state[getNSet[0].name];
+                    if (vgsState) {
+                        clone.isFocused = vgsState.isFocused;
+                        clone.isValid = !vgsState.isEmpty ? vgsState.isValid : null;
+                    }
+                    if (old !== Object.assign({}, clone)) {
+                        getNSet[1](Object.assign({}, clone));
+                    }
+                });
+            }));
+        }
+    }, [vgsLoaded]);
+    react_1.useEffect(() => {
+        if (VGSForm) {
+            vgsInputsAndSetters.forEach((getNSet) => {
+                const mapper = getNSet[0];
+                VGSForm.field(mapper.ref.current, getVGSInputProps(mapper));
+            });
+        }
+    }, [VGSForm]);
+    if (vgsLoaded) {
+        return (React.createElement(React.Fragment, null,
+            inputNames.map((name) => {
+                const errorMessage = errors[name];
+                return (React.createElement(AutoAutoHeight_1.default, { open: !!errorMessage, key: name },
+                    React.createElement("div", { className: "u-flex" },
+                        React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                            React.createElement(Text_1.default, { type: Text_1.TextType.Small }, errorMessage)))));
+            }),
+            React.createElement("div", { className: "u-flex flex-row justify-content-start u-marg-bottom" }, Object.keys(cardTypes).map((cardKey) => {
+                return (React.createElement("div", { key: cardKey, id: cardTypes[cardKey].name, className: 'cc-icon u-flex u-marg-right--light' + (selectedCard !== null ? (cardTypes[cardKey].name === selectedCard ? ' -current' : '') : ' -default'), style: { backgroundImage: `url('${RoomstayThemeEngine_1.default.getAssetUrl() + 'assets/img/' + cardTypes[cardKey].name + '.png'}')` } }));
+            })),
+            React.createElement("form", { ref: formRef },
+                React.createElement(InputGroup_1.default, { dimensions: "2/2" },
+                    React.createElement("div", { className: getClassesFormInput(cardNumber), ref: cardNumber.ref }),
+                    React.createElement(InputGroup_1.default, { dimensions: "2/2" },
+                        React.createElement("div", { className: getClassesFormInput(expirationDate), ref: expirationDate.ref }),
+                        React.createElement("div", { className: getClassesFormInput(securityCode), ref: securityCode.ref }))),
+                React.createElement(InputGroup_1.default, { dimensions: "1" },
+                    React.createElement("div", { className: getClassesFormInput(nameOnCard), ref: nameOnCard.ref })))));
+    }
+    else {
+        return React.createElement(LargeLoader_1.default, null);
+    }
+}
+exports.default = react_1.forwardRef(StepConfirmationPaymentDetails);
+//# sourceMappingURL=StepConfirmationPaymentDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepConfirmationPaymentDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPaymentDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import PaymentCard from '../../../models/PaymentCard';\nimport * as React from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState, useContext } from 'react';\nimport InputGroup from '../../generic/InputGroup/InputGroup';\nimport AutoAutoHeight from '../../../animations/AutoAutoHeight';\nimport Alert, { AlertType } from '../../generic/Alert';\nimport { IconType } from '../../generic/Icon';\nimport Text, { TextType } from '../../generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../../translations/Translation';\nimport RoomstayThemeEngine from '../../../providers/RoomstayThemeEngine';\nimport DataLayer, { InteractionStep, InteractionType } from '../../../util/DataLayer';\nimport { SynxisToVGSCardNameMapping } from '../../../models/Api/HotelDTO';\nimport LargeLoader from '../../generic/loader/LargeLoader';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useWindowScroll } from '../../../hooks/ScrollFocusHook';\n\ndeclare global {\n    interface Window {\n        VGSCollect: any;\n    }\n}\n\nwindow.VGSCollect = window.VGSCollect || {};\n\ntype VGSInputType = 'card-number' | 'text' | 'card-expiration-date' | 'card-security-code';\n\nclass VGSInputMapper {\n    public ref: React.MutableRefObject<any>;\n    public vgsProps: any;\n    public name: string;\n    public type: VGSInputType;\n\n    public isFocused: boolean;\n    public isValid: boolean;\n\n    public constructor(name: string, type: VGSInputType, ref: React.MutableRefObject<any>, vgsProps: any) {\n        this.name = name;\n        this.ref = ref;\n        this.type = type;\n        this.vgsProps = vgsProps;\n\n        this.isValid = null;\n        this.isFocused = false;\n    }\n}\n\nfunction StepConfirmationPaymentDetails(props: any, ref: any) {\n    const { hotel } = useCurrentHotel();\n\n    const [VGSForm, setVGSForm] = useState(null);\n    const [errors, setErrors] = useState<{ [x: string]: string }>({});\n    const [vgsLoaded, setVgsLoaded] = useState(false);\n\n    const { focusElement } = useWindowScroll();\n\n    const setErrorsOnFaults = (faults: any) => {\n        const newErrors: { [x: string]: string } = {};\n\n        Object.keys(faults).forEach((input) => {\n            let name = '';\n\n            switch (input) {\n                case 'credit-card':\n                    name = 'Credit Card';\n                    break;\n                case 'expiration-date':\n                    name = 'Expiration Date';\n                    break;\n                case 'security-code':\n                    name = 'Security Code';\n                    break;\n                default:\n                    name = 'Card Name';\n                    break;\n            }\n\n            newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];\n        });\n\n        setErrors(newErrors);\n    };\n\n    useEffect(() => {\n        if (errors && errors !== {} && cardNumber?.ref?.current) {\n            focusElement(cardNumber?.ref?.current);\n        }\n    }, [errors]);\n\n    useImperativeHandle(ref, () => ({\n        getTokenizedCode: () =>\n            new Promise<PaymentCard>((resolve, reject) => {\n                if (VGSForm) {\n                    VGSForm.submit(\n                        '/post',\n                        {\n                            serializer: 'deep',\n                            methods: 'POST',\n                        },\n                        (status: any, response: any) => {\n                            const cardData = JSON.parse(response.data);\n                            const expMatch = cardData['expiration-date'].match(/^(\\d+)\\s*\\/\\s*(\\d+)$/);\n                            if (!expMatch || expMatch[1].length > 2 || (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {\n                                setErrorsOnFaults({\n                                    'expiration-date': {\n                                        errorMessages: ['Invalid - it must be in the format MM / YY or MM / YYYY'],\n                                    },\n                                });\n                                reject('invalid expiration date');\n                                return;\n                            }\n\n                            const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));\n\n                            const card: PaymentCard = {\n                                CVV: cardData['security-code'],\n                                Expiry: expiration,\n                                Name: cardData['card-name'],\n                                Number: cardData['credit-card'],\n                                Type: window.VGSCollect.enteredCardType,\n                            };\n\n                            resolve(card);\n                        },\n                        (error: any) => {\n                            setErrorsOnFaults(error);\n                            reject(error);\n                        }\n                    );\n                } else {\n                    console.error('VGS not on element, problem has occurred');\n                }\n            }),\n    }));\n\n    const formRef = useRef(null);\n\n    const getClassesFormInput = (mapper: VGSInputMapper) => {\n        const classes = ['c-input'];\n\n        if (mapper.isFocused) {\n            classes.push('--selected');\n        }\n\n        if (mapper.isValid !== null) {\n            if (mapper.isValid) {\n                classes.push('--success');\n            } else {\n                classes.push('--error');\n            }\n        }\n\n        return classes.join(' ');\n    };\n\n    const getVGSInputProps = (mapper: VGSInputMapper) => {\n        return {\n            name: mapper.name,\n            type: mapper.type,\n            ...mapper.vgsProps,\n        };\n    };\n\n    const css = {\n        fontSize: '13px',\n        lineHeight: '18px',\n        '&::placeholder': {\n            color: '#8B8F9A',\n            opacity: 1,\n        },\n    };\n    const { t } = useTranslation();\n    const cardNumberplaceholder = t(Translation.Step.Confirmation.Inputs.CardNumber);\n    const nameOnCardplaceholder = t(Translation.Step.Confirmation.Inputs.NameOnCard);\n    const securityCodeplaceholder = t(Translation.Step.Confirmation.Inputs.SecurityCode);\n    const cardExpiryplaceholder = t(Translation.Step.Confirmation.Inputs.CardExpiry);\n\n    const [cardNumber, setCardNumber] = useState(\n        new VGSInputMapper('credit-card', 'card-number', useRef(null), {\n            autoComplete: ['cc-number'],\n            successColor: '#4F8A10',\n            errorColor: '#D8000C',\n            showCardIcon: false,\n            placeholder: cardNumberplaceholder + ' *',\n            validations: ['required', 'validCardNumber'],\n            css,\n        })\n    );\n\n    const [nameOnCard, setNameOnCard] = useState(\n        new VGSInputMapper('card-name', 'text', useRef(null), {\n            placeholder: nameOnCardplaceholder + ' *',\n            validations: ['required'],\n            css,\n        })\n    );\n\n    const [expirationDate, setExpirationDate] = useState(\n        new VGSInputMapper('expiration-date', 'card-expiration-date', useRef(null), {\n            placeholder: cardExpiryplaceholder + ' *',\n            validations: ['required', 'validCardExpirationDate'],\n            css,\n        })\n    );\n\n    const [securityCode, setSecurityCode] = useState(\n        new VGSInputMapper('security-code', 'card-security-code', useRef(null), {\n            placeholder: securityCodeplaceholder + ' *',\n            validations: ['required', 'validCardSecurityCode'],\n            css,\n        })\n    );\n\n    const vgsInputsAndSetters: any = [\n        [cardNumber, setCardNumber],\n        [nameOnCard, setNameOnCard],\n        [expirationDate, setExpirationDate],\n        [securityCode, setSecurityCode],\n    ];\n\n    const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];\n\n    const [selectedCard, setSelectedCard] = useState(String);\n\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card: string) => {\n            const mapping = SynxisToVGSCardNameMapping[card];\n            if (!mapping) {\n                return null;\n            }\n\n            return {\n                name: SynxisToVGSCardNameMapping[card],\n                status: false,\n            };\n        })\n        .filter((obj) => obj);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        RoomstayThemeEngine.loadScript('https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js', 'vgs-collect').then(() => {\n            if (!cancelled) {\n                setVgsLoaded(true);\n            }\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (vgsLoaded) {\n            setVGSForm(\n                window.VGSCollect.create(hotel?.vgsVaultName, (state: any) => {\n                    DataLayer.instance.sendInteraction('Payment Info', InteractionType.FORM_FIELD, InteractionStep.GUEST_DETAILS);\n\n                    window.VGSCollect.enteredCardType = state['credit-card']?.cardType;\n\n                    setSelectedCard(state['credit-card']?.cardType);\n\n                    vgsInputsAndSetters.forEach((getNSet: any) => {\n                        const old = { ...getNSet[0] };\n                        const clone = getNSet[0];\n\n                        const vgsState = state[getNSet[0].name];\n\n                        if (vgsState) {\n                            clone.isFocused = vgsState.isFocused;\n\n                            clone.isValid = !vgsState.isEmpty ? vgsState.isValid : null;\n                        }\n\n                        if (old !== { ...clone }) {\n                            getNSet[1]({ ...clone });\n                        }\n                    });\n                })\n            );\n        }\n    }, [vgsLoaded]);\n\n    useEffect(() => {\n        if (VGSForm) {\n            vgsInputsAndSetters.forEach((getNSet: any) => {\n                const mapper = getNSet[0];\n\n                VGSForm.field(mapper.ref.current, getVGSInputProps(mapper));\n            });\n        }\n    }, [VGSForm]);\n\n    if (vgsLoaded) {\n        return (\n            <>\n                {inputNames.map((name) => {\n                    const errorMessage = errors[name];\n                    return (\n                        <AutoAutoHeight open={!!errorMessage} key={name}>\n                            <div className=\"u-flex\">\n                                <Alert type={AlertType.Danger} icon={IconType.Error}>\n                                    <Text type={TextType.Small}>{errorMessage}</Text>\n                                </Alert>\n                            </div>\n                        </AutoAutoHeight>\n                    );\n                })}\n                <div className=\"u-flex flex-row justify-content-start u-marg-bottom\">\n                    {Object.keys(cardTypes).map((cardKey: any) => {\n                        return (\n                            <div\n                                key={cardKey}\n                                id={cardTypes[cardKey].name}\n                                className={\n                                    'cc-icon u-flex u-marg-right--light' + (selectedCard !== null ? (cardTypes[cardKey].name === selectedCard ? ' -current' : '') : ' -default')\n                                }\n                                style={{ backgroundImage: `url('${RoomstayThemeEngine.getAssetUrl() + 'assets/img/' + cardTypes[cardKey].name + '.png'}')` }}\n                            />\n                        );\n                    })}\n                </div>\n                <form ref={formRef}>\n                    <InputGroup dimensions=\"2/2\">\n                        <div className={getClassesFormInput(cardNumber)} ref={cardNumber.ref} />\n                        <InputGroup dimensions=\"2/2\">\n                            <div className={getClassesFormInput(expirationDate)} ref={expirationDate.ref} />\n                            <div className={getClassesFormInput(securityCode)} ref={securityCode.ref} />\n                        </InputGroup>\n                    </InputGroup>\n                    <InputGroup dimensions=\"1\">\n                        <div className={getClassesFormInput(nameOnCard)} ref={nameOnCard.ref} />\n                    </InputGroup>\n                </form>\n            </>\n        );\n    } else {\n        return <LargeLoader />;\n    }\n}\n\nexport default forwardRef(StepConfirmationPaymentDetails);\n"]}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function StepConfirmationPoliciesSection(): JSX.Element;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Headline_1 = require("../../generic/Headline");
+const Translation_1 = require("../../../translations/Translation");
+const Text_1 = require("../../generic/Text");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("@frontend/hooks");
+function StepConfirmationPoliciesSection() {
+    const { t } = react_i18next_1.useTranslation();
+    const { hotel } = hooks_1.useCurrentHotel();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "u-marg-bottom" },
+            React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Policies))),
+        React.createElement("div", { className: "u-marg-bottom" },
+            React.createElement("div", { className: "row" },
+                React.createElement("div", { className: "col-6 col-md-3" },
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        React.createElement("strong", null, t(Translation_1.Translation.Misc.CheckIn))),
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        t(Translation_1.Translation.Misc.After),
+                        " ",
+                        hotel.checkInTime)),
+                React.createElement("div", { className: "col-6 col-md-3" },
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        React.createElement("strong", null, t(Translation_1.Translation.Misc.CheckOut))),
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        t(Translation_1.Translation.Misc.Before),
+                        " ",
+                        hotel.checkOutTime))))));
+}
+exports.default = StepConfirmationPoliciesSection;
+//# sourceMappingURL=StepConfirmationPoliciesSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepConfirmationPoliciesSection.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPoliciesSection.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,qDAA8C;AAC9C,mEAAgE;AAChE,6CAAoD;AACpD,iDAA+C;AAC/C,2CAAkD;AAElD,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,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 '../../generic/Headline';\nimport { Translation } from '../../../translations/Translation';\nimport Text, { TextType } from '../../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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function StepConfirmationPolicyBlock(): JSX.Element;

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const contexts_1 = require("@frontend/contexts");
+const react_1 = require("react");
+const Text_1 = require("../../generic/Text");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../../translations/Translation");
+function StepConfirmationPolicyBlock() {
+    const basketContext = react_1.useContext(contexts_1.BasketContext);
+    const { t } = react_i18next_1.useTranslation();
+    const roomTranslation = t(Translation_1.Translation.Misc.Room);
+    return react_1.useMemo(() => {
+        const policiesGrouped = {};
+        const rooms = basketContext.getAllValidRows();
+        let roomIndex = 0;
+        if (rooms.length > 1) {
+            rooms.forEach((room) => {
+                roomIndex++;
+                const rate = room.getRate();
+                let entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`];
+                if (!entry) {
+                    entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`] = { rooms: [] };
+                }
+                entry.rooms.push({ index: roomIndex, room });
+            });
+        }
+        else {
+            policiesGrouped[0] = { rooms: [{ index: 1, room: rooms[0] }] };
+        }
+        return (React.createElement("div", { className: "u-marg-bottom" }, Object.values(policiesGrouped).map((group, index) => {
+            const firstRoom = group.rooms[0];
+            return (React.createElement("div", { className: "u-marg-bottom--heavy", key: index },
+                React.createElement("div", { className: "u-marg-bottom" }, group.rooms.map((roomWithIndex) => {
+                    return (React.createElement(Text_1.default, { key: roomWithIndex.index, type: Text_1.TextType.Small },
+                        React.createElement("strong", null,
+                            roomTranslation,
+                            " ",
+                            roomWithIndex.index),
+                        ' ',
+                        roomWithIndex.room.getRoom().name,
+                        " - ",
+                        roomWithIndex.room.getRate().name));
+                })),
+                React.createElement("div", { className: "u-marg-bottom" },
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true }, t(Translation_1.Translation.Misc.GuaranteePolicy)),
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, preformatted: true },
+                        React.createElement("span", { dangerouslySetInnerHTML: { __html: firstRoom.room.getRate().getGuaranteePolicy() } }))),
+                React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true }, t(Translation_1.Translation.Misc.CancellationPolicy)),
+                React.createElement(Text_1.default, { type: Text_1.TextType.Small, preformatted: true },
+                    React.createElement("span", { dangerouslySetInnerHTML: { __html: firstRoom.room.getRate().getCancellationPolicy() } }))));
+        })));
+    }, [basketContext.currentBasketRows]);
+}
+exports.default = StepConfirmationPolicyBlock;
+//# sourceMappingURL=StepConfirmationPolicyBlock.js.map

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

@@ -0,0 +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 '../../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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function AdditionalOffers(): JSX.Element;