@roomstay/frontend 1.6.1 → 2.0.0-2

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 { 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"]}
+{"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, await toPaymentPayload(paymentMethod));\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, await toPaymentPayload(paymentMethod)));\n        return false;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book(\n            await 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                                                                        background: '#e5c5ff',\n                                                                        padding: '4px 8px',\n                                                                        borderRadius: '24px',\n                                                                    }}\n                                                                >\n                                                                    <img height={8} 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}\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, await toPaymentPayload(paymentMethod));\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const StepConfirmationForm_1 = require("./StepConfirmationForm");
+const ConfirmationStepContextWrapper_1 = require("../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper");
+function StepConfirmationFormProvider() {
+    return (React.createElement(ConfirmationStepContextWrapper_1.ConfirmationStepContextWrapper, null,
+        React.createElement(StepConfirmationForm_1.default, null)));
+}
+exports.default = StepConfirmationFormProvider;
+//# sourceMappingURL=StepConfirmationFormProvider.js.map

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

@@ -0,0 +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"]}

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

@@ -1,15 +1,15 @@
 "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 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 Color_1 = require("util/Color");
 const react_1 = require("react");
-const DataLayer_1 = require("../../../util/DataLayer");
+const DataLayer_1 = require("util/DataLayer");
 function StepConfirmationLimitedOffer(props) {
-    const [flash, setFlash] = react_1.useState(false);
+    const [flash, setFlash] = (0, 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);

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,+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"]}
+{"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"]}

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

@@ -2,19 +2,18 @@
 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 InputGroup_1 = require("components/generic/InputGroup/InputGroup");
+const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
+const Alert_1 = require("components/generic/Alert");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/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 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("components/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) {
@@ -28,11 +27,11 @@ class VGSInputMapper {
 }
 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 { hotel } = (0, hooks_1.useCurrentHotel)();
+    const [VGSForm, setVGSForm] = (0, react_1.useState)(null);
+    const [errors, setErrors] = (0, react_1.useState)({});
+    const [vgsLoaded, setVgsLoaded] = (0, react_1.useState)(false);
+    const { focusElement } = (0, hooks_1.useWindowScroll)();
     const setErrorsOnFaults = (faults) => {
         const newErrors = {};
         Object.keys(faults).forEach((input) => {
@@ -55,13 +54,13 @@ function StepConfirmationPaymentDetails(props, ref) {
         });
         setErrors(newErrors);
     };
-    react_1.useEffect(() => {
+    (0, 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)) {
+        if (errors && Object.keys(errors).length !== 0 && ((_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, () => ({
+    (0, react_1.useImperativeHandle)(ref, () => ({
         getTokenizedCode: () => new Promise((resolve, reject) => {
             if (VGSForm) {
                 VGSForm.submit('/post', {
@@ -82,7 +81,7 @@ function StepConfirmationPaymentDetails(props, ref) {
                     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,
+                        Expiry: parseInt(expiration),
                         Name: cardData['card-name'],
                         Number: cardData['credit-card'],
                         Type: window.VGSCollect.enteredCardType,
@@ -98,7 +97,7 @@ function StepConfirmationPaymentDetails(props, ref) {
             }
         }),
     }));
-    const formRef = react_1.useRef(null);
+    const formRef = (0, react_1.useRef)(null);
     const getClassesFormInput = (mapper) => {
         const classes = ['c-input'];
         if (mapper.isFocused) {
@@ -125,12 +124,12 @@ function StepConfirmationPaymentDetails(props, ref) {
             opacity: 1,
         },
     };
-    const { t } = react_i18next_1.useTranslation();
+    const { t } = (0, 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), {
+    const [cardNumber, setCardNumber] = (0, react_1.useState)(new VGSInputMapper('credit-card', 'card-number', (0, react_1.useRef)(null), {
         autoComplete: ['cc-number'],
         successColor: '#4F8A10',
         errorColor: '#D8000C',
@@ -139,17 +138,17 @@ function StepConfirmationPaymentDetails(props, ref) {
         validations: ['required', 'validCardNumber'],
         css,
     }));
-    const [nameOnCard, setNameOnCard] = react_1.useState(new VGSInputMapper('card-name', 'text', react_1.useRef(null), {
+    const [nameOnCard, setNameOnCard] = (0, react_1.useState)(new VGSInputMapper('card-name', 'text', (0, 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), {
+    const [expirationDate, setExpirationDate] = (0, react_1.useState)(new VGSInputMapper('expiration-date', 'card-expiration-date', (0, 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), {
+    const [securityCode, setSecurityCode] = (0, react_1.useState)(new VGSInputMapper('security-code', 'card-security-code', (0, react_1.useRef)(null), {
         placeholder: securityCodeplaceholder + ' *',
         validations: ['required', 'validCardSecurityCode'],
         css,
@@ -161,7 +160,7 @@ function StepConfirmationPaymentDetails(props, ref) {
         [securityCode, setSecurityCode],
     ];
     const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];
-    const [selectedCard, setSelectedCard] = react_1.useState(String);
+    const [selectedCard, setSelectedCard] = (0, 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];
@@ -174,7 +173,7 @@ function StepConfirmationPaymentDetails(props, ref) {
         };
     })
         .filter((obj) => obj);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let cancelled = false;
         RoomstayThemeEngine_1.default.loadScript('https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js', 'vgs-collect').then(() => {
             if (!cancelled) {
@@ -185,7 +184,7 @@ function StepConfirmationPaymentDetails(props, ref) {
             cancelled = true;
         };
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (vgsLoaded) {
             setVGSForm(window.VGSCollect.create(hotel === null || hotel === void 0 ? void 0 : hotel.vgsVaultName, (state) => {
                 var _a, _b;
@@ -200,14 +199,12 @@ function StepConfirmationPaymentDetails(props, ref) {
                         clone.isFocused = vgsState.isFocused;
                         clone.isValid = !vgsState.isEmpty ? vgsState.isValid : null;
                     }
-                    if (old !== Object.assign({}, clone)) {
-                        getNSet[1](Object.assign({}, clone));
-                    }
+                    getNSet[1](Object.assign({}, clone));
                 });
             }));
         }
     }, [vgsLoaded]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (VGSForm) {
             vgsInputsAndSetters.forEach((getNSet) => {
                 const mapper = getNSet[0];
@@ -240,5 +237,5 @@ function StepConfirmationPaymentDetails(props, ref) {
         return React.createElement(LargeLoader_1.default, null);
     }
 }
-exports.default = react_1.forwardRef(StepConfirmationPaymentDetails);
+exports.default = (0, react_1.forwardRef)(StepConfirmationPaymentDetails);
 //# sourceMappingURL=StepConfirmationPaymentDetails.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"StepConfirmationPaymentDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPaymentDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/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 'components/generic/loader/LargeLoader';\nimport { useCurrentHotel, useWindowScroll } from '@frontend/hooks';\nimport { IBookingPaymentTokenizedCard } from '@roomstay/core';\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 && Object.keys(errors).length !== 0 && cardNumber?.ref?.current) {\n            focusElement(cardNumber?.ref?.current);\n        }\n    }, [errors]);\n\n    useImperativeHandle(ref, () => ({\n        getTokenizedCode: () =>\n            new Promise<IBookingPaymentTokenizedCard>((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: IBookingPaymentTokenizedCard = {\n                                CVV: cardData['security-code'],\n                                Expiry: parseInt(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                        getNSet[1]({ ...clone });\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.js

@@ -1,14 +1,14 @@
 "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 Headline_1 = require("components/generic/Headline");
+const Translation_1 = require("translations/Translation");
+const Text_1 = require("components/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();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hotel } = (0, 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))),

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,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"]}
+{"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"]}

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

@@ -3,14 +3,14 @@ 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 Text_1 = require("components/generic/Text");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../../translations/Translation");
+const Translation_1 = require("translations/Translation");
 function StepConfirmationPolicyBlock() {
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
     const roomTranslation = t(Translation_1.Translation.Misc.Room);
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         const policiesGrouped = {};
         const rooms = basketContext.getAllValidRows();
         let roomIndex = 0;

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 '../../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":";;AAAA,+BAA+B;AAC/B,iDAAmD;AACnD,iCAA4C;AAE5C,kDAAyD;AACzD,iDAA+C;AAC/C,0DAAuD;AAEvD,SAAwB,2BAA2B;IAC/C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,eAAe,GAAwE,EAAE,CAAC;QAChG,MAAM,KAAK,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;QAE9C,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAClB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,SAAS,EAAE,CAAC;gBAEZ,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,GAAG,eAAe,CAAC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;gBAE9E,IAAI,CAAC,KAAK,EAAE;oBACR,KAAK,GAAG,eAAe,CAAC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;iBAC7F;gBAED,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;SACN;aAAM;YACH,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;SAClE;QAED,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe,IACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACjD,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAEjC,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,KAAK;gBAC5C,6BAAK,SAAS,EAAC,eAAe,IACzB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;oBAC/B,OAAO,CACH,oBAAC,cAAI,IAAC,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;wBAChD;4BACK,eAAe;;4BAAG,aAAa,CAAC,KAAK,CACjC;wBAAC,GAAG;wBACZ,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI;;wBAAK,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CACrE,CACV,CAAC;gBACN,CAAC,CAAC,CACA;gBACN,6BAAK,SAAS,EAAC,eAAe;oBAC1B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,IACjC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CACjC;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI;wBAC1C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,EAAE,EAAE,GAAS,CAC9F,CACL;gBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,IACjC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CACpC;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI;oBAC1C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,qBAAqB,EAAE,EAAE,GAAS,CACjG,CACL,CACT,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC1C,CAAC;AArED,8CAqEC","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"]}