@roomstay/frontend 2.3.42 → 2.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationStepContextWrapper.js","sourceRoot":"/","sources":["src/contexts/ConfirmationStepContext/ConfirmationStepContextWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport * as Sentry from '@sentry/browser';\nimport { Severity } from '@sentry/types';\nimport React, { FC, PropsWithChildren, useContext, useState } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { CommittedBookingEvent } from '@/events/views/CommittedBookingEvent';\nimport { PlacedBookingEvent } from '@/events/views/PlacedBookingEvent';\nimport { RolledBackBookingEvent } from '@/events/views/RolledBackBookingEvent';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport { ConfirmationFormValues, FBookGetPaymentDetails, FBookSuccessCallback, FBookValidateFunction, FBookValidationCallback, IBookValidationResult } from '@/models/Confirmation';\nimport { Translation } from '@/translations/Translation';\n\nimport API from '../../api/BookingAPI';\nimport ReservationsDTO, { ReservationDTO } from '../../models/Api/ReservationsDTO';\nimport BasketRowDifferences from '../../models/BasketRowDifferences';\nimport UserProfile from '../../models/UserProfile';\nimport DataLayer, { InteractionStep, InteractionType } from '../../util/DataLayer';\nimport { ConfirmationStepContext } from './ConfirmationStepContext';\n\nconst ConfirmationStepContextProvider = ConfirmationStepContext.Provider;\nexport const ConfirmationStepContextWrapper: FC<PropsWithChildren<any>> = ({ children }) => {\n    const { queryPaymentMethod, queryRoomstayId: queryReservationId, queryPlanpayCheckoutId } = useConfirmationQuery();\n\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [apiErrors, setApiErrors] = useState<string>('');\n    const methods = useForm<ConfirmationFormValues>({\n        mode: 'onChange',\n    });\n\n    const basketContext = useContext(BasketContext);\n    const basketRows = basketContext.getAllValidRows();\n    const basketAddonRows = basketContext.basketAddonRows;\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n    const { raise } = useEvent();\n\n    const toUserProfiles = (formValues: ConfirmationFormValues): UserProfile[] => {\n        return formValues.userProfiles.map((values) => ({\n            FirstName: values.Forename,\n            LastName: values.Surname,\n            Phone: values.Phone.replace(' ', ''),\n            Email: values.Email,\n            Address: {\n                Line1: values.Address,\n                City: values.City,\n                PostalCode: values.PostCode,\n                Country: values.Country,\n            },\n            MarketingOptIn: false,\n        }));\n    };\n\n    const validateReservation = async (data: ReservationsDTO): Promise<IBookValidationResult | undefined> => {\n        const apiDifferences: BasketRowDifferences[] = [];\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            return {\n                differences: apiDifferences,\n                warnings: data.warnings as string[],\n            };\n        }\n    };\n\n    const onSubmit =\n        (\n            getPaymentDetails: FBookGetPaymentDetails,\n            comments?: string,\n            preValidate?: FBookValidateFunction,\n            onPostValidationError?: FBookValidationCallback,\n            onSuccess?: FBookSuccessCallback\n        ) =>\n        async (formValues: ConfirmationFormValues): Promise<void> => {\n            DataLayer.instance.sendInteraction('Complete Booking', InteractionType.BUTTON, InteractionStep.GUEST_DETAILS);\n            setIsLoading(true);\n            let data: ReservationsDTO | undefined;\n            const validateResult = !preValidate || (await preValidate());\n            if (!validateResult) {\n                setIsLoading(false);\n                return;\n            }\n\n            const payment = await getPaymentDetails();\n\n            try {\n                data = await API.Reservation.bookNow(basketRows, toUserProfiles(formValues), payment, basketAddonRows, comments || '', hotel?.hotelID as string);\n                basketContext.booked(data);\n                const validationResult = await validateReservation(data);\n                if (validationResult) {\n                    setIsLoading(false);\n                    onPostValidationError?.(validationResult);\n                } else {\n                    raise(new PlacedBookingEvent(data, basketContext.currentBasketRows));\n                    await onSuccess?.(data);\n                }\n            } catch (error: any) {\n                console.log(error);\n                setApiErrors(error?.Message ?? t(Translation.Step.Confirmation.UnexpectedErrorFromBookingDatabase));\n                // We don't want to stop the isLoading on a succesful flow to avoid clicking checkout twice\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n    const isBackFromPlanpay = !!queryPlanpayCheckoutId && !!queryReservationId && !!queryPaymentMethod;\n\n    const parseReservationIdsFromData = (data: ReservationsDTO) => {\n        return data?.reservations?.map((reservation) => reservation.reservationNumber);\n    };\n\n    const commitReservation = async (resData: ReservationsDTO) => {\n        try {\n            setIsLoading(true);\n            if (resData) {\n                const reservationIds = parseReservationIdsFromData(resData);\n                if (reservationIds.length) {\n                    try {\n                        await API.Reservation.commit(reservationIds, resData.itineraryNumber, hotel?.hotelID as string, queryPlanpayCheckoutId || undefined)\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                                basketContext.checkedOut(response);\n                                raise(new CommittedBookingEvent(resData, basketContext.currentBasketRows));\n                            })\n                            .catch((ex: any) => {\n                                console.log(ex);\n                                setApiErrors(t(Translation.Misc.UnexpectedError));\n                            })\n                            .finally(() => {\n                                setIsLoading(false);\n                            });\n                    } catch (error: any) {\n                        setApiErrors(error?.Message ?? t(Translation.Step.Confirmation.UnexpectedErrorFromBookingDatabase));\n                    }\n                } else {\n                    setApiErrors(t(Translation.Step.Confirmation.UnexpectedErrorOnCommittingReservation));\n                    ErrorHandler.add({ message: t(Translation.Step.Confirmation.UnexpectedErrorOnCommittingReservation) });\n                    Sentry.captureException('No reservation IDs found when attempting to commit: ' + JSON.stringify(resData));\n                }\n            }\n        } catch (ex) {\n            setApiErrors(t(Translation.Step.Confirmation.FailedToCommitReservation));\n            console.log('Failed to commit reservation ');\n            console.error(ex);\n            Sentry.captureException(ex);\n        }\n    };\n\n    const rollbackReservation = async () => {\n        if (!basketContext.reservationData) return;\n        try {\n            const reservationIds = parseReservationIdsFromData(basketContext.reservationData);\n            if (reservationIds.length) {\n                setIsLoading(true);\n                await API.Reservation.rollback(reservationIds, basketContext.reservationData.itineraryNumber, hotel?.hotelID as string);\n                raise(new RolledBackBookingEvent(basketContext.reservationData));\n            } else {\n                Sentry.captureException('No reservation IDs found when attempting to rollback: ' + JSON.stringify(basketContext.reservationData));\n            }\n        } catch (ex) {\n            console.log('Failed to rollback reservations');\n            Sentry.captureException(ex);\n        } finally {\n            basketContext.rollback();\n            setIsLoading(false);\n        }\n    };\n\n    const clearApiErrors = () => setApiErrors('');\n\n    const book = async (\n        getPaymentDetails: FBookGetPaymentDetails,\n        comments?: string,\n        preValidate?: FBookValidateFunction,\n        onPostValidationError?: FBookValidationCallback,\n        onSuccess?: FBookSuccessCallback\n    ) => {\n        await methods.handleSubmit(onSubmit(getPaymentDetails, comments, preValidate, onPostValidationError, onSuccess))();\n    };\n\n    return (\n        <FormProvider {...methods}>\n            <ConfirmationStepContextProvider\n                value={{\n                    book,\n                    commitReservation,\n                    rollbackReservation,\n\n                    isLoading,\n                    apiErrors,\n                    clearApiErrors,\n                    isBackFromPlanpay,\n                }}\n            >\n                {children}\n            </ConfirmationStepContextProvider>\n        </FormProvider>\n    );\n};\n"]}
+{"version":3,"file":"ConfirmationStepContextWrapper.js","sourceRoot":"/","sources":["src/contexts/ConfirmationStepContext/ConfirmationStepContextWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAuF;AACvF,2CAA4D;AAC5D,wDAA0C;AAC1C,yCAAyC;AACzC,+CAAsF;AACtF,qDAAwD;AACxD,iDAA+C;AAE/C,kEAAmC;AACnC,6EAA0E;AAC1E,wGAAqG;AACrG,gFAA6E;AAC7E,0EAAuE;AACvE,kFAA+E;AAC/E,iEAAiE;AAKjE,4DAAyD;AACzD,8DAA+E;AAE/E,MAAM,+BAA+B,GAAG,iDAAuB,CAAC,QAAQ,CAAC;AAClE,MAAM,8BAA8B,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvF,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEzC,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAC/I,0BAA0B;IAC1B,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAA,yBAAO,EAAyB;QAC5C,IAAI,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IACnD,MAAM,eAAe,GAAG,aAAa,CAAC,eAAe,CAAC;IACtD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE;YACvB,aAAa,CAAC,qBAAqB,EAAE,CAAC;SACzC;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,CAAC,CAAC,CAAC;IAE5B,MAAM,cAAc,GAAG,CAAC,UAAkC,EAAiB,EAAE;QACzE,OAAO,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC5C,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC1B,QAAQ,EAAE,MAAM,CAAC,OAAO;YACxB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;YACpC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,UAAU,EAAE,MAAM,CAAC,QAAQ;gBAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;aAC1B;YACD,cAAc,EAAE,KAAK;YACrB,SAAS,EAAE,MAAM,CAAC,SAAS;SAC9B,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAO,IAAqB,EAA8C,EAAE;QACpG,MAAM,cAAc,GAA2B,EAAE,CAAC;QAClD,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAA2B,EAAE,KAAK,EAAE,EAAE;gBAC7D,MAAM,IAAI,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;gBAE1F,IAAI,IAAI,EAAE;oBACN,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC7B;YACL,CAAC,CAAC,CAAC;SACN;aAAM;YACH,MAAM,CAAC,aAAa,CAAC;gBACjB,KAAK,EAAE,gBAAQ,CAAC,KAAK;gBACrB,OAAO,EAAE,uBAAuB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;aAC1D,CAAC,CAAC;YACH,MAAM,IAAI,KAAK,CAAC,qFAAqF,CAAC,CAAC;SAC1G;QAED,oGAAoG;QACpG,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAClE,OAAO;gBACH,WAAW,EAAE,cAAc;gBAC3B,QAAQ,EAAE,IAAI,CAAC,QAAoB;aACtC,CAAC;SACL;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,QAAQ,GACV,CACI,iBAAyC,EACzC,QAAiB,EACjB,WAAmC,EACnC,qBAA+C,EAC/C,SAAgC,EAClC,EAAE,CACJ,CAAO,UAAkC,EAAiB,EAAE;;QACxD,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;QAC9G,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,IAAiC,CAAC;QAEtC,MAAM,cAAc,GAAG,CAAC,WAAW,IAAI,CAAC,MAAM,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,cAAc,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;SACV;QAED,MAAM,OAAO,GAAG,MAAM,iBAAiB,EAAE,CAAC;QAE1C,IAAI;YACA,IAAI,GAAG,MAAM,oBAAG,CAAC,WAAW,CAAC,OAAO,CAChC,UAAU,EACV,cAAc,CAAC,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,QAAQ,IAAI,EAAE,EACd,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,EACxB,aAAa,CAAC,eAAe,CAAC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,CACjE,CAAC;YACF,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3B,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzD,IAAI,gBAAgB,EAAE;gBAClB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,gBAAgB,CAAC,CAAC;aAC7C;iBAAM;gBACH,KAAK,CAAC,IAAI,uCAAkB,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;gBACrE,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,CAAA,CAAC;aAC3B;SACJ;QAAC,OAAO,KAAU,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,YAAY,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kCAAkC,CAAC,CAAC,CAAC;YACpG,2FAA2F;SAC9F;gBAAS;YACN,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB;IACL,CAAC,CAAA,CAAC;IAEN,MAAM,iBAAiB,GAAG,CAAC,CAAC,sBAAsB,IAAI,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,kBAAkB,CAAC;IACnG,MAAM,yBAAyB,GAAG,CAAC,CAAC,iBAAiB,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAE3F,MAAM,2BAA2B,GAAG,CAAC,IAAqB,EAAE,EAAE;;QAC1D,OAAO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACnF,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAO,OAAwB,EAAE,YAAqB,EAAE,EAAE;;QAChF,IAAI;YACA,IAAI,YAAY,EAAE;gBACd,gBAAgB,CAAC,YAAY,CAAC,CAAC;aAClC;YACD,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI,OAAO,EAAE;gBACT,MAAM,cAAc,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;gBAC5D,IAAI,cAAc,CAAC,MAAM,EAAE;oBACvB,IAAI;wBACA,MAAM,oBAAG,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,CAAC,eAAe,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,EAAE,sBAAsB,IAAI,SAAS,CAAC;6BAC/H,IAAI,CAAC,CAAC,QAAyB,EAAE,EAAE;4BAChC,IAAI;gCACA,mBAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,aAAa,CAAC,eAAe,EAAE,EAAE,aAAa,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;6BACzH;4BAAC,OAAO,EAAE,EAAE;gCACT,MAAM,CAAC,gBAAgB,CAAC,6CAA6C,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;6BAC/F;4BACD,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;4BACnC,KAAK,CAAC,IAAI,6CAAqB,CAAC,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;wBAC/E,CAAC,CAAC;6BACD,KAAK,CAAC,CAAC,EAAO,EAAE,EAAE;4BACf,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;4BAChB,YAAY,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;wBACtD,CAAC,CAAC;6BACD,OAAO,CAAC,GAAG,EAAE;4BACV,YAAY,CAAC,KAAK,CAAC,CAAC;wBACxB,CAAC,CAAC,CAAC;qBACV;oBAAC,OAAO,KAAU,EAAE;wBACjB,YAAY,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kCAAkC,CAAC,CAAC,CAAC;qBACvG;iBACJ;qBAAM;oBACH,YAAY,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,sCAAsC,CAAC,CAAC,CAAC;oBACtF,uBAAY,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,sCAAsC,CAAC,EAAE,CAAC,CAAC;oBACvG,MAAM,CAAC,gBAAgB,CAAC,sDAAsD,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC7G;aACJ;SACJ;QAAC,OAAO,EAAE,EAAE;YACT,YAAY,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC;YACzE,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;YAC7C,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAClB,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;SAC/B;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAS,EAAE;QACnC,IAAI,CAAC,aAAa,CAAC,eAAe;YAAE,OAAO;QAC3C,IAAI;YACA,MAAM,cAAc,GAAG,2BAA2B,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAClF,IAAI,cAAc,CAAC,MAAM,EAAE;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,MAAM,oBAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,EAAE,aAAa,CAAC,eAAe,CAAC,eAAe,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC;gBACxH,KAAK,CAAC,IAAI,+CAAsB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;aACpE;iBAAM;gBACH,MAAM,CAAC,gBAAgB,CAAC,wDAAwD,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;aACrI;SACJ;QAAC,OAAO,EAAE,EAAE;YACT,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;YAC/C,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;SAC/B;gBAAS;YACN,aAAa,CAAC,QAAQ,EAAE,CAAC;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAE9C,MAAM,IAAI,GAAG,CACT,iBAAyC,EACzC,QAAiB,EACjB,WAAmC,EACnC,qBAA+C,EAC/C,SAAgC,EAClC,EAAE;QACA,MAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACvH,CAAC,CAAA,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,WAAoB,EAAE,EAAE;QAC5D,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,WAAW,EAAE;YACb,gBAAgB,CAAC,WAAW,CAAC,CAAC;SACjC;QAED,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,8BAAY,oBAAK,OAAO;QACrB,8BAAC,+BAA+B,IAC5B,KAAK,EAAE;gBACH,IAAI;gBACJ,iBAAiB;gBACjB,mBAAmB;gBACnB,WAAW;gBACX,gBAAgB;gBAEhB,SAAS;gBACT,SAAS;gBACT,cAAc;gBACd,iBAAiB;gBACjB,yBAAyB;aAC5B;YAEA,SAAS,IAAI,8BAAC,6BAAa,IAAC,YAAY,QAAC,KAAK,EAAE,aAAa,GAAI;YAEjE,QAAQ,CACqB,CACvB,CAClB,CAAC;AACN,CAAC,CAAC;AA5OW,QAAA,8BAA8B,kCA4OzC","sourcesContent":["import { BasketContext, BookingEngineContext, ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport * as Sentry from '@sentry/browser';\nimport { Severity } from '@sentry/types';\nimport React, { FC, PropsWithChildren, useContext, useEffect, useState } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport { OverlayLoader } from '@/components/generic/loader/OverlayLoader';\nimport { ConfirmationStepContext } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { CommittedBookingEvent } from '@/events/views/CommittedBookingEvent';\nimport { PlacedBookingEvent } from '@/events/views/PlacedBookingEvent';\nimport { RolledBackBookingEvent } from '@/events/views/RolledBackBookingEvent';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport { ConfirmationFormValues, FBookGetPaymentDetails, FBookSuccessCallback, FBookValidateFunction, FBookValidationCallback, IBookValidationResult } from '@/models/Confirmation';\nimport UserProfile from '@/models/UserProfile';\nimport { Translation } from '@/translations/Translation';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nconst ConfirmationStepContextProvider = ConfirmationStepContext.Provider;\nexport const ConfirmationStepContextWrapper: FC<PropsWithChildren<any>> = ({ children }) => {\n    const basket = useContext(BasketContext);\n\n    const { queryPaymentMethod, queryRoomstayId: queryReservationId, queryPlanpayCheckoutId, returnFromPayment, success } = useConfirmationQuery();\n    // load the engine context\n    const engineContext = useContext(BookingEngineContext);\n\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [loadingStatus, setLoadingStatus] = useState('');\n\n    const [apiErrors, setApiErrors] = useState<string>('');\n    const methods = useForm<ConfirmationFormValues>({\n        mode: 'onChange',\n    });\n\n    const basketContext = useContext(BasketContext);\n    const basketRows = basketContext.getAllValidRows();\n    const basketAddonRows = basketContext.basketAddonRows;\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        if (hotel?.requireDeposit) {\n            basketContext.getBasketQuoteDetails();\n        }\n    }, [hotel?.requireDeposit]);\n\n    const toUserProfiles = (formValues: ConfirmationFormValues): UserProfile[] => {\n        return formValues.userProfiles.map((values) => ({\n            FirstName: values.Forename,\n            LastName: values.Surname,\n            Phone: values.Phone.replace(' ', ''),\n            Email: values.Email,\n            Address: {\n                Line1: values.Address,\n                City: values.City,\n                PostalCode: values.PostCode,\n                Country: values.Country,\n            },\n            MarketingOptIn: false,\n            AuxInputs: values.AuxInputs,\n        }));\n    };\n\n    const validateReservation = async (data: ReservationsDTO): Promise<IBookValidationResult | undefined> => {\n        const apiDifferences: BasketRowDifferences[] = [];\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            return {\n                differences: apiDifferences,\n                warnings: data.warnings as string[],\n            };\n        }\n    };\n\n    const onSubmit =\n        (\n            getPaymentDetails: FBookGetPaymentDetails,\n            comments?: string,\n            preValidate?: FBookValidateFunction,\n            onPostValidationError?: FBookValidationCallback,\n            onSuccess?: FBookSuccessCallback\n        ) =>\n        async (formValues: ConfirmationFormValues): Promise<void> => {\n            DataLayer.instance.sendInteraction('Complete Booking', InteractionType.BUTTON, InteractionStep.GUEST_DETAILS);\n            setIsLoading(true);\n            let data: ReservationsDTO | undefined;\n\n            const validateResult = !preValidate || (await preValidate());\n            if (!validateResult) {\n                setIsLoading(false);\n                return;\n            }\n\n            const payment = await getPaymentDetails();\n\n            try {\n                data = await API.Reservation.bookNow(\n                    basketRows,\n                    toUserProfiles(formValues),\n                    payment,\n                    basketAddonRows,\n                    comments || '',\n                    hotel?.hotelID as string,\n                    engineContext.sessionProvider.getCurrentSessionID().toString()\n                );\n                basketContext.booked(data);\n                const validationResult = await validateReservation(data);\n                if (validationResult) {\n                    setIsLoading(false);\n                    onPostValidationError?.(validationResult);\n                } else {\n                    raise(new PlacedBookingEvent(data, basketContext.currentBasketRows));\n                    await onSuccess?.(data);\n                }\n            } catch (error: any) {\n                console.log(error);\n                setApiErrors(error?.Message ?? t(Translation.Step.Confirmation.UnexpectedErrorFromBookingDatabase));\n                // We don't want to stop the isLoading on a succesful flow to avoid clicking checkout twice\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n    const isBackFromPlanpay = !!queryPlanpayCheckoutId && !!queryReservationId && !!queryPaymentMethod;\n    const isBackFromExternalPayment = !!returnFromPayment && !!success && !!queryReservationId;\n\n    const parseReservationIdsFromData = (data: ReservationsDTO) => {\n        return data?.reservations?.map((reservation) => reservation.reservationNumber);\n    };\n\n    const commitReservation = async (resData: ReservationsDTO, statusUpdate?: string) => {\n        try {\n            if (statusUpdate) {\n                setLoadingStatus(statusUpdate);\n            }\n            setIsLoading(true);\n            if (resData) {\n                const reservationIds = parseReservationIdsFromData(resData);\n                if (reservationIds.length) {\n                    try {\n                        await API.Reservation.commit(reservationIds, resData.itineraryNumber, hotel?.hotelID as string, queryPlanpayCheckoutId || undefined)\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                                basketContext.checkedOut(response);\n                                raise(new CommittedBookingEvent(resData, basketContext.currentBasketRows));\n                            })\n                            .catch((ex: any) => {\n                                console.log(ex);\n                                setApiErrors(t(Translation.Misc.UnexpectedError));\n                            })\n                            .finally(() => {\n                                setIsLoading(false);\n                            });\n                    } catch (error: any) {\n                        setApiErrors(error?.Message ?? t(Translation.Step.Confirmation.UnexpectedErrorFromBookingDatabase));\n                    }\n                } else {\n                    setApiErrors(t(Translation.Step.Confirmation.UnexpectedErrorOnCommittingReservation));\n                    ErrorHandler.add({ message: t(Translation.Step.Confirmation.UnexpectedErrorOnCommittingReservation) });\n                    Sentry.captureException('No reservation IDs found when attempting to commit: ' + JSON.stringify(resData));\n                }\n            }\n        } catch (ex) {\n            setApiErrors(t(Translation.Step.Confirmation.FailedToCommitReservation));\n            console.log('Failed to commit reservation ');\n            console.error(ex);\n            Sentry.captureException(ex);\n        }\n    };\n\n    const rollbackReservation = async () => {\n        if (!basketContext.reservationData) return;\n        try {\n            const reservationIds = parseReservationIdsFromData(basketContext.reservationData);\n            if (reservationIds.length) {\n                setIsLoading(true);\n                await API.Reservation.rollback(reservationIds, basketContext.reservationData.itineraryNumber, hotel?.hotelID as string);\n                raise(new RolledBackBookingEvent(basketContext.reservationData));\n            } else {\n                Sentry.captureException('No reservation IDs found when attempting to rollback: ' + JSON.stringify(basketContext.reservationData));\n            }\n        } catch (ex) {\n            console.log('Failed to rollback reservations');\n            Sentry.captureException(ex);\n        } finally {\n            basketContext.rollback();\n            setIsLoading(false);\n        }\n    };\n\n    const clearApiErrors = () => setApiErrors('');\n\n    const book = async (\n        getPaymentDetails: FBookGetPaymentDetails,\n        comments?: string,\n        preValidate?: FBookValidateFunction,\n        onPostValidationError?: FBookValidationCallback,\n        onSuccess?: FBookSuccessCallback\n    ) => {\n        await methods.handleSubmit(onSubmit(getPaymentDetails, comments, preValidate, onPostValidationError, onSuccess))();\n    };\n\n    const redirectOut = (targetUrl: string, stateUpdate?: string) => {\n        setIsLoading(true);\n        if (stateUpdate) {\n            setLoadingStatus(stateUpdate);\n        }\n\n        window.location.href = targetUrl;\n    };\n\n    return (\n        <FormProvider {...methods}>\n            <ConfirmationStepContextProvider\n                value={{\n                    book,\n                    commitReservation,\n                    rollbackReservation,\n                    redirectOut,\n                    setLoadingStatus,\n\n                    isLoading,\n                    apiErrors,\n                    clearApiErrors,\n                    isBackFromPlanpay,\n                    isBackFromExternalPayment,\n                }}\n            >\n                {isLoading && <OverlayLoader isFullscreen label={loadingStatus} />}\n\n                {children}\n            </ConfirmationStepContextProvider>\n        </FormProvider>\n    );\n};\n"]}

package/dist/src/hooks/ConfirmationQuery.d.ts

@@ -2,4 +2,6 @@ export declare const useConfirmationQuery: () => {
     queryPaymentMethod: string | null;
     queryRoomstayId: string | null;
     queryPlanpayCheckoutId: string | null;
+    returnFromPayment: string | null;
+    success: string | null;
 };

package/dist/src/hooks/ConfirmationQuery.js

@@ -6,11 +6,13 @@ const Query_1 = require("./Query");
 const useConfirmationQuery = () => {
     const hashQuery = (0, Query_1.useHashQuery)();
     const query = (0, Query_1.useQuery)();
-    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId] = (0, react_1.useMemo)(() => ['paymentMethod', 'roomstayId', 'planpay_checkout_id'].map((name) => query.get(name) || hashQuery.get(name)), [hashQuery, query]);
+    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId, returnFromPayment, success] = (0, react_1.useMemo)(() => ['paymentMethod', 'roomstayId', 'planpay_checkout_id', 'returnFromPayment', 'success'].map((name) => query.get(name) || hashQuery.get(name)), [hashQuery, query]);
     return {
         queryPaymentMethod,
         queryRoomstayId,
         queryPlanpayCheckoutId,
+        returnFromPayment,
+        success,
     };
 };
 exports.useConfirmationQuery = useConfirmationQuery;

package/dist/src/hooks/ConfirmationQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationQuery.js","sourceRoot":"/","sources":["src/hooks/ConfirmationQuery.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,mCAAiD;AAE1C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,sBAAsB,CAAC,GAAG,IAAA,eAAO,EACzE,GAAG,EAAE,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAClH,CAAC,SAAS,EAAE,KAAK,CAAC,CACrB,CAAC;IACF,OAAO;QACH,kBAAkB;QAClB,eAAe;QACf,sBAAsB;KACzB,CAAC;AACN,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B","sourcesContent":["import { useMemo } from 'react';\n\nimport { useHashQuery, useQuery } from './Query';\n\nexport const useConfirmationQuery = () => {\n    const hashQuery = useHashQuery();\n    const query = useQuery();\n    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId] = useMemo(\n        () => ['paymentMethod', 'roomstayId', 'planpay_checkout_id'].map((name) => query.get(name) || hashQuery.get(name)),\n        [hashQuery, query]\n    );\n    return {\n        queryPaymentMethod,\n        queryRoomstayId,\n        queryPlanpayCheckoutId,\n    };\n};\n"]}
+{"version":3,"file":"ConfirmationQuery.js","sourceRoot":"/","sources":["src/hooks/ConfirmationQuery.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,mCAAiD;AAE1C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,OAAO,CAAC,GAAG,IAAA,eAAO,EACrG,GAAG,EAAE,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAClJ,CAAC,SAAS,EAAE,KAAK,CAAC,CACrB,CAAC;IACF,OAAO;QACH,kBAAkB;QAClB,eAAe;QACf,sBAAsB;QAEtB,iBAAiB;QACjB,OAAO;KACV,CAAC;AACN,CAAC,CAAC;AAfW,QAAA,oBAAoB,wBAe/B","sourcesContent":["import { useMemo } from 'react';\n\nimport { useHashQuery, useQuery } from './Query';\n\nexport const useConfirmationQuery = () => {\n    const hashQuery = useHashQuery();\n    const query = useQuery();\n    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId, returnFromPayment, success] = useMemo(\n        () => ['paymentMethod', 'roomstayId', 'planpay_checkout_id', 'returnFromPayment', 'success'].map((name) => query.get(name) || hashQuery.get(name)),\n        [hashQuery, query]\n    );\n    return {\n        queryPaymentMethod,\n        queryRoomstayId,\n        queryPlanpayCheckoutId,\n\n        returnFromPayment,\n        success,\n    };\n};\n"]}

package/dist/src/models/Api/HotelDTO.d.ts

@@ -1,5 +1,5 @@
 import type { EnvironmentName } from '@planpay/web';
-import type { EBookingPaymentMethod } from '@roomstay/core';
+import type { EBookingPaymentMethod, EHotelCardProcessor } from '@roomstay/core';
 import { DeepPartial } from 'react-hook-form';
 import ColorProfile from '../Client/Hotel/ColorProfile';
 import { DistanceUnitType } from '../Client/Hotel/DistanceUnitType.types';
@@ -24,6 +24,7 @@ export type HotelRoomGroupsDTO = {
             name: string;
             type: 'select';
             includeAllAbove: boolean;
+            requireInput: boolean;
             options: any;
         };
     };
@@ -80,6 +81,7 @@ export type HotelDTO = {
     weekdayStartsOn?: WeekdayStartsOn;
     crossSellHotelIds?: string[];
     paymentMethods: EBookingPaymentMethod[];
+    cardProcessor: EHotelCardProcessor;
     planpay?: {
         username: string;
         minDaysShowPlanpay: number;
@@ -90,6 +92,7 @@ export type HotelDTO = {
     heroImage?: string;
     images?: string[];
     roomGroups: HotelRoomGroupsDTO;
+    requireDeposit?: boolean;
 };
 export declare enum VGSCardName {
     Visa = "visa",

package/dist/src/models/Api/HotelDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAA+D;AAmG/D,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport type { EBookingPaymentMethod } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: { [id: string]: { name: string; type: 'select'; includeAllAbove: boolean; options: any } };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    roomGroups: HotelRoomGroupsDTO;\n};\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}
+{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAA+D;AAqG/D,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport type { EBookingPaymentMethod, EHotelCardProcessor } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: { [id: string]: { name: string; type: 'select'; includeAllAbove: boolean; requireInput: boolean; options: any } };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    roomGroups: HotelRoomGroupsDTO;\n    requireDeposit?: boolean;\n};\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}

package/dist/src/models/Api/ReservationsDTO.d.ts

@@ -15,6 +15,10 @@ type ReservationsDTO = {
                 scriptUrl: string;
             };
         };
+        external?: {
+            id: string;
+            redirectUrl: string;
+        };
     };
 };
 export type ReservationAddonDTO = {

package/dist/src/models/Api/ReservationsDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReservationsDTO.js","sourceRoot":"/","sources":["src/models/Api/ReservationsDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\n\nimport RoomNightRateDTO from '@/models/Api/RoomNightRateDTO';\n\ntype ReservationsDTO = {\n    roomstayId: string;\n    reservations: ReservationDTO[];\n    itineraryNumber: string;\n    warnings?: string[];\n    total?: string;\n    payment?: {\n        planpay?: {\n            id: string;\n            checkoutWorkflow: {\n                type: string;\n                id: string;\n                scriptUrl: string;\n            };\n        };\n    };\n};\n\nexport type ReservationAddonDTO = {\n    availability: any;\n    code: string;\n    inclusive: false;\n    pricingType: string;\n    quantity: number;\n    adultQuantity: number;\n    childQuantity?: number;\n    description: string;\n    name: string;\n    category: string;\n    image: string;\n    price: number;\n    adultPrice?: number;\n    childPrice?: number;\n    nights?: number;\n};\n\nexport type ReservationDTO = {\n    nights: {\n        [date: string]: RoomNightRateDTO;\n    };\n    guestCounts: {\n        adults: number;\n        children: number;\n    };\n    guest: {\n        address: {\n            line1: string;\n            city: string;\n            postalCode: string;\n        };\n        firstName: string;\n        lastName: string;\n        phone: string;\n        email: string;\n    };\n    paymentCard: {\n        type?: string;\n        last4: string;\n        expiry: string;\n        name: string;\n    };\n    paymentMethod?: EBookingPaymentMethod;\n    comments?: string[];\n    addons?: ReservationAddonDTO[];\n\n    reservationNumber: string;\n    cancelPolicy: string;\n    cancellationPolicyLongDescription?: string;\n    guaranteePolicy: string;\n    guaranteePolicyLongDescription?: string;\n    roomType: string;\n    roomCode: string;\n    rate: string;\n    images: [string];\n    status: string;\n    isCancelable: boolean;\n    total: {\n        beforeTax: number;\n        afterTax: number;\n    };\n};\n\nexport default ReservationsDTO;\n"]}
+{"version":3,"file":"ReservationsDTO.js","sourceRoot":"/","sources":["src/models/Api/ReservationsDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\n\nimport RoomNightRateDTO from '@/models/Api/RoomNightRateDTO';\n\ntype ReservationsDTO = {\n    roomstayId: string;\n    reservations: ReservationDTO[];\n    itineraryNumber: string;\n    warnings?: string[];\n    total?: string;\n    payment?: {\n        planpay?: {\n            id: string;\n            checkoutWorkflow: {\n                type: string;\n                id: string;\n                scriptUrl: string;\n            };\n        };\n        external?: {\n            id: string;\n            redirectUrl: string;\n        };\n    };\n};\n\nexport type ReservationAddonDTO = {\n    availability: any;\n    code: string;\n    inclusive: false;\n    pricingType: string;\n    quantity: number;\n    adultQuantity: number;\n    childQuantity?: number;\n    description: string;\n    name: string;\n    category: string;\n    image: string;\n    price: number;\n    adultPrice?: number;\n    childPrice?: number;\n    nights?: number;\n};\n\nexport type ReservationDTO = {\n    nights: {\n        [date: string]: RoomNightRateDTO;\n    };\n    guestCounts: {\n        adults: number;\n        children: number;\n    };\n    guest: {\n        address: {\n            line1: string;\n            city: string;\n            postalCode: string;\n        };\n        firstName: string;\n        lastName: string;\n        phone: string;\n        email: string;\n    };\n    paymentCard: {\n        type?: string;\n        last4: string;\n        expiry: string;\n        name: string;\n    };\n    paymentMethod?: EBookingPaymentMethod;\n    comments?: string[];\n    addons?: ReservationAddonDTO[];\n\n    reservationNumber: string;\n    cancelPolicy: string;\n    cancellationPolicyLongDescription?: string;\n    guaranteePolicy: string;\n    guaranteePolicyLongDescription?: string;\n    roomType: string;\n    roomCode: string;\n    rate: string;\n    images: [string];\n    status: string;\n    isCancelable: boolean;\n    total: {\n        beforeTax: number;\n        afterTax: number;\n    };\n};\n\nexport default ReservationsDTO;\n"]}

package/dist/src/models/BasketRow.d.ts

@@ -1,4 +1,4 @@
-import { IRoomstayMember } from '@roomstay/core';
+import { IBookingQuoteResponse, IRoomstayMember } from '@roomstay/core';
 import dayjs from 'dayjs';
 import { ReservationDTO } from './Api/ReservationsDTO';
 import BasketRowDifferences from './BasketRowDifferences';
@@ -18,6 +18,7 @@ export default class BasketRow {
     private endDate;
     private promoOnly;
     private member?;
+    quoteDetails: NonNullable<IBookingQuoteResponse>['rows'][number];
     constructor(rate?: RoomRate, uniqId?: string);
     getStale(): boolean;
     getRate(): RoomRate | null;

package/dist/src/models/BasketRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketRow.js","sourceRoot":"/","sources":["src/models/BasketRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { IRoomstayMember } from '@roomstay/core';\nimport dayjs from 'dayjs';\n\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport type { Room } from '@/models/Room/Room';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport { DEFAULT_VALUES } from '@/util/DefaultValueManager';\n\nexport default class BasketRow {\n    private uniqId: string;\n\n    private room!: Room;\n    private rate!: RoomRate | null;\n    private isStale!: boolean;\n    private adults: number;\n    private children: number;\n\n    private promoCode: string;\n    private promoCodeStatus: 'valid' | 'invalid' | 'new';\n\n    private startDate!: dayjs.Dayjs;\n    private endDate!: dayjs.Dayjs;\n\n    private promoOnly: boolean;\n    private member?: Partial<IRoomstayMember>;\n\n    public constructor(rate?: RoomRate, uniqId?: string) {\n        /*\n        Rate is optional since we can create row entries\n        on first step, where there is no ability to select rate.\n    */\n        if (rate) {\n            this.setRate(rate);\n        }\n\n        this.adults = DEFAULT_VALUES.ADULTS ?? 1;\n        this.children = DEFAULT_VALUES.CHILDREN ?? 0;\n        this.promoCode = '';\n        this.promoCodeStatus = 'new';\n        this.promoOnly = false;\n\n        this.uniqId = uniqId ? uniqId : btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n    }\n\n    public getStale() {\n        return this.isStale;\n    }\n\n    public getRate() {\n        return this.rate;\n    }\n\n    public getPromoCode() {\n        return this.promoCode.toUpperCase();\n    }\n\n    public getPromoOnly() {\n        return this.promoOnly;\n    }\n\n    public getPromoCodeColour() {\n        if (this.promoCodeStatus === 'valid') {\n            return Color.Success;\n        } else if (this.promoCodeStatus === 'invalid') {\n            return Color.Alert;\n        }\n\n        return Color.Navy;\n    }\n\n    public isPromoCodeValid() {\n        const rate = this.getRate();\n\n        return (rate?.getAveragePrice(true) as number) < (rate?.getAveragePriceBeforeDiscount(true) as number) && this.getPromoCode() && this.getPromoCodeStatus() === 'valid';\n    }\n\n    public getNumberOfDays() {\n        if (this.endDate && this.startDate) {\n            return this.endDate.diff(this.startDate, 'day');\n        }\n\n        return 0;\n    }\n\n    public getRoom() {\n        return this.room;\n    }\n\n    public getStartDate() {\n        return this.startDate;\n    }\n\n    public getEndDate() {\n        return this.endDate;\n    }\n\n    public getArrivalDate() {\n        if (this.startDate) {\n            return this.startDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getDepartureDate() {\n        if (this.endDate) {\n            return this.endDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getStayDateRange(format = 'ddd D MMM', separator = ',') {\n        if (this.startDate && this.endDate) {\n            return `${this.startDate.format(format)}${separator} ${this.endDate.format(format)}`;\n        }\n    }\n\n    public getAdults() {\n        return this.adults;\n    }\n\n    public getChildren() {\n        return this.children;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public getPromoCodeStatus() {\n        return this.promoCodeStatus;\n    }\n\n    public isValid(): boolean {\n        return this.startDate && this.endDate && !!this.rate;\n    }\n\n    public setPromoCode(code: string) {\n        if (this.promoCode !== code.toUpperCase()) {\n            this.setPromoCodeStatus('new');\n            this.promoOnly = false;\n        }\n\n        this.promoCode = code.toUpperCase();\n    }\n\n    public setPromoOnly(value: boolean) {\n        this.promoOnly = value;\n    }\n\n    public setStale(status: boolean) {\n        this.isStale = status;\n    }\n\n    public setPromoCodeStatus(status: 'valid' | 'invalid' | 'new') {\n        this.promoCodeStatus = this.promoCode ? status : 'new';\n    }\n\n    public setStartDate(date: dayjs.Dayjs) {\n        if (this.rate && !date.isSame(this.startDate) && this.startDate) {\n            this.rate = null;\n        }\n\n        if (date?.isValid() || date === undefined) {\n            this.startDate = date;\n        }\n    }\n\n    public setEndDate(date: dayjs.Dayjs) {\n        if (this.rate && !date.isSame(this.endDate) && this.endDate) {\n            this.rate = null;\n        }\n\n        if (date?.isValid() || date === undefined) {\n            this.endDate = date;\n        }\n    }\n\n    public setAdults(adults: number) {\n        this.adults = adults;\n    }\n\n    public setChildren(children: number) {\n        this.children = children;\n    }\n\n    public setRate(rate: RoomRate) {\n        this.rate = rate;\n        this.room = rate.getRoom();\n    }\n\n    public setMember(member: Partial<IRoomstayMember>) {\n        this.member = member;\n    }\n\n    public getTotalPrice(beforeTax = false) {\n        return this.getRate()?.getTotalPrice(beforeTax);\n    }\n\n    public checkDiffFromReservation(res: ReservationDTO) {\n        const differences: BasketRowDifferences = {};\n\n        if (Number(res.total.afterTax).toFixed(2) !== Number(this.getTotalPrice()).toFixed(2)) {\n            differences.totalPrice = {\n                before: this.getTotalPrice(),\n                after: res.total.afterTax,\n            };\n        }\n\n        if (Object.keys(differences).length) {\n            differences.id = this.getID();\n\n            return differences;\n        } else {\n            return false;\n        }\n    }\n}\n"]}
+{"version":3,"file":"BasketRow.js","sourceRoot":"/","sources":["src/models/BasketRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { IBookingQuoteResponse, IRoomstayMember } from '@roomstay/core';\nimport dayjs from 'dayjs';\n\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport type { Room } from '@/models/Room/Room';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport { DEFAULT_VALUES } from '@/util/DefaultValueManager';\n\nexport default class BasketRow {\n    private uniqId: string;\n\n    private room!: Room;\n    private rate!: RoomRate | null;\n    private isStale!: boolean;\n    private adults: number;\n    private children: number;\n\n    private promoCode: string;\n    private promoCodeStatus: 'valid' | 'invalid' | 'new';\n\n    private startDate!: dayjs.Dayjs;\n    private endDate!: dayjs.Dayjs;\n\n    private promoOnly: boolean;\n    private member?: Partial<IRoomstayMember>;\n\n    public quoteDetails!: NonNullable<IBookingQuoteResponse>['rows'][number];\n\n    public constructor(rate?: RoomRate, uniqId?: string) {\n        /*\n        Rate is optional since we can create row entries\n        on first step, where there is no ability to select rate.\n    */\n        if (rate) {\n            this.setRate(rate);\n        }\n\n        this.adults = DEFAULT_VALUES.ADULTS ?? 1;\n        this.children = DEFAULT_VALUES.CHILDREN ?? 0;\n        this.promoCode = '';\n        this.promoCodeStatus = 'new';\n        this.promoOnly = false;\n\n        this.uniqId = uniqId ? uniqId : btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n    }\n\n    public getStale() {\n        return this.isStale;\n    }\n\n    public getRate() {\n        return this.rate;\n    }\n\n    public getPromoCode() {\n        return this.promoCode.toUpperCase();\n    }\n\n    public getPromoOnly() {\n        return this.promoOnly;\n    }\n\n    public getPromoCodeColour() {\n        if (this.promoCodeStatus === 'valid') {\n            return Color.Success;\n        } else if (this.promoCodeStatus === 'invalid') {\n            return Color.Alert;\n        }\n\n        return Color.Navy;\n    }\n\n    public isPromoCodeValid() {\n        const rate = this.getRate();\n\n        return (rate?.getAveragePrice(true) as number) < (rate?.getAveragePriceBeforeDiscount(true) as number) && this.getPromoCode() && this.getPromoCodeStatus() === 'valid';\n    }\n\n    public getNumberOfDays() {\n        if (this.endDate && this.startDate) {\n            return this.endDate.diff(this.startDate, 'day');\n        }\n\n        return 0;\n    }\n\n    public getRoom() {\n        return this.room;\n    }\n\n    public getStartDate() {\n        return this.startDate;\n    }\n\n    public getEndDate() {\n        return this.endDate;\n    }\n\n    public getArrivalDate() {\n        if (this.startDate) {\n            return this.startDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getDepartureDate() {\n        if (this.endDate) {\n            return this.endDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getStayDateRange(format = 'ddd D MMM', separator = ',') {\n        if (this.startDate && this.endDate) {\n            return `${this.startDate.format(format)}${separator} ${this.endDate.format(format)}`;\n        }\n    }\n\n    public getAdults() {\n        return this.adults;\n    }\n\n    public getChildren() {\n        return this.children;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public getPromoCodeStatus() {\n        return this.promoCodeStatus;\n    }\n\n    public isValid(): boolean {\n        return this.startDate && this.endDate && !!this.rate;\n    }\n\n    public setPromoCode(code: string) {\n        if (this.promoCode !== code.toUpperCase()) {\n            this.setPromoCodeStatus('new');\n            this.promoOnly = false;\n        }\n\n        this.promoCode = code.toUpperCase();\n    }\n\n    public setPromoOnly(value: boolean) {\n        this.promoOnly = value;\n    }\n\n    public setStale(status: boolean) {\n        this.isStale = status;\n    }\n\n    public setPromoCodeStatus(status: 'valid' | 'invalid' | 'new') {\n        this.promoCodeStatus = this.promoCode ? status : 'new';\n    }\n\n    public setStartDate(date: dayjs.Dayjs) {\n        if (this.rate && !date.isSame(this.startDate) && this.startDate) {\n            this.rate = null;\n        }\n\n        if (date?.isValid() || date === undefined) {\n            this.startDate = date;\n        }\n    }\n\n    public setEndDate(date: dayjs.Dayjs) {\n        if (this.rate && !date.isSame(this.endDate) && this.endDate) {\n            this.rate = null;\n        }\n\n        if (date?.isValid() || date === undefined) {\n            this.endDate = date;\n        }\n    }\n\n    public setAdults(adults: number) {\n        this.adults = adults;\n    }\n\n    public setChildren(children: number) {\n        this.children = children;\n    }\n\n    public setRate(rate: RoomRate) {\n        this.rate = rate;\n        this.room = rate.getRoom();\n    }\n\n    public setMember(member: Partial<IRoomstayMember>) {\n        this.member = member;\n    }\n\n    public getTotalPrice(beforeTax = false) {\n        return this.getRate()?.getTotalPrice(beforeTax);\n    }\n\n    public checkDiffFromReservation(res: ReservationDTO) {\n        const differences: BasketRowDifferences = {};\n\n        if (Number(res.total.afterTax).toFixed(2) !== Number(this.getTotalPrice()).toFixed(2)) {\n            differences.totalPrice = {\n                before: this.getTotalPrice(),\n                after: res.total.afterTax,\n            };\n        }\n\n        if (Object.keys(differences).length) {\n            differences.id = this.getID();\n\n            return differences;\n        } else {\n            return false;\n        }\n    }\n}\n"]}

package/dist/src/models/Client/Hotel/Hotel.d.ts

@@ -1,5 +1,5 @@
 import type { EnvironmentName } from '@planpay/web';
-import { EBookingPaymentMethod, IHotelColorScheme } from '@roomstay/core';
+import { EBookingPaymentMethod, EHotelCardProcessor, IHotelColorScheme } from '@roomstay/core';
 import type { ReactChild } from 'react';
 import type { MemberOnlyModalInputs } from '../../../components/steps/room/MemberSignInModal/MemberSignInModal.types';
 import type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '../../Api/HotelDTO';
@@ -66,6 +66,8 @@ export interface AdminHotelConfig {
     hideByLine?: boolean;
     transportDistances?: TransportDistances;
     roomGroups: HotelRoomGroupsDTO;
+    cardProcessor: EHotelCardProcessor;
+    requireDeposit?: boolean;
 }
 /**
  * This config comes from hard static local file

package/dist/src/models/Client/Hotel/Hotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAgBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, IHotelColorScheme } from '@roomstay/core';\nimport type { ReactChild } from 'react';\n\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { Language } from '@/providers/LanguageProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks: HotelPerk[];\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}
+{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAgBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IHotelColorScheme } from '@roomstay/core';\nimport type { ReactChild } from 'react';\n\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { Language } from '@/providers/LanguageProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    requireDeposit?: boolean;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks: HotelPerk[];\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}

package/dist/src/models/Confirmation.d.ts

@@ -13,6 +13,10 @@ export declare enum EUserProfileFormKey {
 }
 export type TUserProfileFormValues = {
     [userProfileKey in EUserProfileFormKey]: string;
+} & {
+    AuxInputs?: {
+        [key: string]: string | number;
+    };
 };
 export interface ConfirmationFormValues {
     IATANumber?: string;

package/dist/src/models/Confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"/","sources":["src/models/Confirmation.ts"],"names":[],"mappings":";;;AAKA,IAAY,mBASX;AATD,WAAY,mBAAmB;IAC3B,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,sCAAe,CAAA;IACf,sCAAe,CAAA;IACf,0CAAmB,CAAA;IACnB,oCAAa,CAAA;IACb,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;AACvB,CAAC,EATW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAS9B","sourcesContent":["import { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\n\nimport ReservationsDTO from './Api/ReservationsDTO';\nimport BasketRowDifferences from './BasketRowDifferences';\n\nexport enum EUserProfileFormKey {\n    Forename = 'Forename',\n    Surname = 'Surname',\n    Email = 'Email',\n    Phone = 'Phone',\n    Address = 'Address',\n    City = 'City',\n    PostCode = 'PostCode',\n    Country = 'Country',\n}\n\nexport type TUserProfileFormValues = {\n    [userProfileKey in EUserProfileFormKey]: string;\n};\n\nexport interface ConfirmationFormValues {\n    IATANumber?: string;\n    userProfiles: TUserProfileFormValues[];\n    copyCheckBox?: boolean;\n    paymentMethod: EBookingPaymentMethod;\n}\n\nexport interface IBookValidationResult {\n    differences: BasketRowDifferences[];\n    warnings: string[];\n}\n\nexport type FBookValidationCallback = (validationResult?: IBookValidationResult) => void;\nexport type FBookSuccessCallback = (data: ReservationsDTO) => Promise<void>;\nexport type FBookValidateFunction = () => Promise<boolean>;\nexport type FBookGetPaymentDetails = () => Promise<IBookingPayment>;\n"]}
+{"version":3,"file":"Confirmation.js","sourceRoot":"/","sources":["src/models/Confirmation.ts"],"names":[],"mappings":";;;AAKA,IAAY,mBASX;AATD,WAAY,mBAAmB;IAC3B,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,sCAAe,CAAA;IACf,sCAAe,CAAA;IACf,0CAAmB,CAAA;IACnB,oCAAa,CAAA;IACb,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;AACvB,CAAC,EATW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAS9B","sourcesContent":["import { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\n\nimport ReservationsDTO from './Api/ReservationsDTO';\nimport BasketRowDifferences from './BasketRowDifferences';\n\nexport enum EUserProfileFormKey {\n    Forename = 'Forename',\n    Surname = 'Surname',\n    Email = 'Email',\n    Phone = 'Phone',\n    Address = 'Address',\n    City = 'City',\n    PostCode = 'PostCode',\n    Country = 'Country',\n}\n\nexport type TUserProfileFormValues = {\n    [userProfileKey in EUserProfileFormKey]: string;\n} & { AuxInputs?: { [key: string]: string | number } };\n\nexport interface ConfirmationFormValues {\n    IATANumber?: string;\n    userProfiles: TUserProfileFormValues[];\n    copyCheckBox?: boolean;\n    paymentMethod: EBookingPaymentMethod;\n}\n\nexport interface IBookValidationResult {\n    differences: BasketRowDifferences[];\n    warnings: string[];\n}\n\nexport type FBookValidationCallback = (validationResult?: IBookValidationResult) => void;\nexport type FBookSuccessCallback = (data: ReservationsDTO) => Promise<void>;\nexport type FBookValidateFunction = () => Promise<boolean>;\nexport type FBookGetPaymentDetails = () => Promise<IBookingPayment>;\n"]}

package/dist/src/models/UserProfile.d.ts

@@ -17,5 +17,8 @@ type UserProfile = {
     };
     MarketingOptIn: boolean;
     ReservationId?: string;
+    AuxInputs?: {
+        [key: string]: string | number;
+    };
 };
 export default UserProfile;

package/dist/src/models/UserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.js","sourceRoot":"/","sources":["src/models/UserProfile.ts"],"names":[],"mappings":"","sourcesContent":["type UserProfile = {\n    Title?: string;\n    FirstName: string;\n    MiddleName?: string;\n    LastName: string;\n    NameSuffix?: string;\n    Phone: string;\n    Email: string;\n    Address: {\n        Line1?: string;\n        Line2?: string;\n        Line3?: string;\n        City: string;\n        PostalCode: string;\n        State?: string;\n        Country: string;\n    };\n    MarketingOptIn: boolean;\n    ReservationId?: string;\n};\n\nexport default UserProfile;\n"]}
+{"version":3,"file":"UserProfile.js","sourceRoot":"/","sources":["src/models/UserProfile.ts"],"names":[],"mappings":"","sourcesContent":["type UserProfile = {\n    Title?: string;\n    FirstName: string;\n    MiddleName?: string;\n    LastName: string;\n    NameSuffix?: string;\n    Phone: string;\n    Email: string;\n    Address: {\n        Line1?: string;\n        Line2?: string;\n        Line3?: string;\n        City: string;\n        PostalCode: string;\n        State?: string;\n        Country: string;\n    };\n    MarketingOptIn: boolean;\n    ReservationId?: string;\n    AuxInputs?: { [key: string]: string | number };\n};\n\nexport default UserProfile;\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmationComponent.js

@@ -59,28 +59,28 @@ function StepConfirmationComponent() {
         raise(event);
     }, []);
     return (react_1.default.createElement("div", { className: "container" },
-        react_1.default.createElement(BEMobileSummary_1.default, null),
-        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
-            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
-                context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
-                        react_1.default.createElement(BackButton_1.default, null)),
-                    react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Confirmation))))),
-                react_1.default.createElement("div", { className: "u-marg-top@m-" },
-                    react_1.default.createElement(StepRoomBestRateAlert_1.default, null))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
-                react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
-        react_1.default.createElement(LineBreak_1.default, null),
-        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
-            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
-                react_1.default.createElement("div", { className: "block-container" },
-                    !InlineAddonStepFeature_1.default.isActive() && react_1.default.createElement(AdditionalOffers_1.default, null),
-                    react_1.default.createElement(contexts_1.ConfirmationFormContextWrapper, null,
-                        react_1.default.createElement(StepConfirmationFormProvider_1.default, null)))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
-                react_1.default.createElement(StepConfirmationLimitedOffer_1.default, { endDate: (0, dayjs_1.default)().add(10, 'minute') }),
-                react_1.default.createElement(BESummary_1.BESummary, { showImages: true }))))));
+        react_1.default.createElement(contexts_1.ConfirmationFormContextWrapper, null,
+            react_1.default.createElement(BEMobileSummary_1.default, null),
+            react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+                react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
+                    context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
+                            react_1.default.createElement(BackButton_1.default, null)),
+                        react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
+                            react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Confirmation))))),
+                    react_1.default.createElement("div", { className: "u-marg-top@m-" },
+                        react_1.default.createElement(StepRoomBestRateAlert_1.default, null))),
+                context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
+                    react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
+            react_1.default.createElement(LineBreak_1.default, null),
+            react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+                react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
+                    react_1.default.createElement("div", { className: "block-container" },
+                        !InlineAddonStepFeature_1.default.isActive() && react_1.default.createElement(AdditionalOffers_1.default, null),
+                        react_1.default.createElement(StepConfirmationFormProvider_1.default, null))),
+                context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
+                    react_1.default.createElement(StepConfirmationLimitedOffer_1.default, { endDate: (0, dayjs_1.default)().add(10, 'minute') }),
+                    react_1.default.createElement(BESummary_1.BESummary, { showImages: true })))))));
 }
 exports.default = StepConfirmationComponent;
 //# sourceMappingURL=StepConfirmationComponent.js.map

package/dist/src/pages/steps/StepConfirmation/StepConfirmationComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAgI;AAChI,6CAAyD;AACzD,kDAA0B;AAC1B,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,yHAAiG;AACjG,gIAAwG;AACxG,0GAAkF;AAClF,wGAAgF;AAChF,2FAAmE;AACnE,8DAA2D;AAC3D,iDAA6C;AAC7C,wGAAgF;AAChF,mEAA2C;AAC3C,qEAA6C;AAE7C,uIAA+G;AAE/G,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CACtE,CACP,CACN;gBAED,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,+BAAqB,OAAG,CACvB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACtB,8BAAC,mBAAS,OAAG;QACb,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,uCAAK,SAAS,EAAC,iBAAiB;oBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,8BAAC,0BAAgB,OAAG;oBAC3D,8BAAC,yCAA8B;wBAC3B,8BAAC,sCAA4B,OAAG,CACH,CAC/B,CACc;YAEvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,sCAA4B,IAAC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;gBACpE,8BAAC,qBAAS,IAAC,UAAU,SAAG,CACH,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import { BasketContext, BookingEngineContext, ConfirmationFormContextWrapper, FullPageEngineContext } from '@frontend/contexts';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { useEvent } from '@/hooks/EventHook';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            <LineBreak />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <ConfirmationFormContextWrapper>\n                            <StepConfirmationFormProvider />\n                        </ConfirmationFormContextWrapper>\n                    </div>\n                </StepLayoutLeftContent>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}
+{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAgI;AAChI,6CAAyD;AACzD,kDAA0B;AAC1B,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,yHAAiG;AACjG,gIAAwG;AACxG,0GAAkF;AAClF,wGAAgF;AAChF,2FAAmE;AACnE,8DAA2D;AAC3D,iDAA6C;AAC7C,wGAAgF;AAChF,mEAA2C;AAC3C,qEAA6C;AAE7C,uIAA+G;AAE/G,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yCAA8B;YAC3B,8BAAC,yBAAe,OAAG;YACnB,8BAAC,gCAAmB;gBAChB,8BAAC,kCAAqB;oBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;wBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACjD,8BAAC,oBAAU,OAAG,CACX;wBACP,uCAAK,SAAS,EAAC,wCAAwC;4BACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CACtE,CACP,CACN;oBAED,uCAAK,SAAS,EAAC,eAAe;wBAC1B,8BAAC,+BAAqB,OAAG,CACvB,CACc;gBACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;oBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;YACtB,8BAAC,mBAAS,OAAG;YACb,8BAAC,gCAAmB;gBAChB,8BAAC,kCAAqB;oBAClB,uCAAK,SAAS,EAAC,iBAAiB;wBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,8BAAC,0BAAgB,OAAG;wBAC3D,8BAAC,sCAA4B,OAAG,CAC9B,CACc;gBAEvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;oBACnB,8BAAC,sCAA4B,IAAC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;oBACpE,8BAAC,qBAAS,IAAC,UAAU,SAAG,CACH,CAC5B,CACiB,CACO,CAC/B,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import { BasketContext, BookingEngineContext, ConfirmationFormContextWrapper, FullPageEngineContext } from '@frontend/contexts';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { useEvent } from '@/hooks/EventHook';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <ConfirmationFormContextWrapper>\n                <BEMobileSummary />\n                <StepLayoutContainer>\n                    <StepLayoutLeftContent>\n                        {context.screenSize > ScreenSize.Medium && (\n                            <>\n                                <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                    <BackButton />\n                                </Link>\n                                <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                    <Headline bold>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                                </div>\n                            </>\n                        )}\n\n                        <div className=\"u-marg-top@m-\">\n                            <StepRoomBestRateAlert />\n                        </div>\n                    </StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <StepLayoutRightContent>\n                            <StepRoomHotelDetails />\n                        </StepLayoutRightContent>\n                    )}\n                </StepLayoutContainer>\n                <LineBreak />\n                <StepLayoutContainer>\n                    <StepLayoutLeftContent>\n                        <div className=\"block-container\">\n                            {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                            <StepConfirmationFormProvider />\n                        </div>\n                    </StepLayoutLeftContent>\n\n                    {context.screenSize > ScreenSize.Medium && (\n                        <StepLayoutRightContent>\n                            <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                            <BESummary showImages />\n                        </StepLayoutRightContent>\n                    )}\n                </StepLayoutContainer>\n            </ConfirmationFormContextWrapper>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}

package/dist/src/translations/Translation.d.ts

@@ -278,6 +278,7 @@ export declare const Translation: {
             AlreadyHaveAccount: string;
             AdditionalOfferings: string;
             Address: string;
+            AdditionalDetailsTitle: string;
             AlmostDone: string;
             Comments: string;
             ContactInfo: string;
@@ -329,6 +330,7 @@ export declare const Translation: {
             PlanpayHelperText: string;
             CardLabel: string;
             CardSubLabel: string;
+            CardThirdPartyLabel: string;
             PlanpayLabel: string;
             PaidWithPlanpay: string;
             UnexpectedErrorFromBookingDatabase: string;

package/dist/src/translations/Translation.js

@@ -281,6 +281,7 @@ exports.Translation = {
             AlreadyHaveAccount: 'Step.Confirmation.AlreadyHaveAccount',
             AdditionalOfferings: 'Step.Confirmation.AdditionalOfferings',
             Address: 'Step.Confirmation.Address',
+            AdditionalDetailsTitle: 'Step.Confirmation.AdditionalDetailsTitle',
             AlmostDone: 'Step.Confirmation.AlmostDone',
             Comments: 'Step.Confirmation.Comments',
             ContactInfo: 'Step.Confirmation.ContactInfo',
@@ -332,6 +333,7 @@ exports.Translation = {
             PlanpayHelperText: 'Step.Confirmation.PlanpayHelperText',
             CardLabel: 'Step.Confirmation.CardLabel',
             CardSubLabel: 'Step.Confirmation.CardSubLabel',
+            CardThirdPartyLabel: 'Step.Confirmation.CardThirdPartyLabel',
             PlanpayLabel: 'Step.Confirmation.PlanpayLabel',
             PaidWithPlanpay: 'Step.Confirmation.PaidWithPlanpay',
             UnexpectedErrorFromBookingDatabase: 'Step.Confirmation.UnexpectedErrorFromBookingDatabase',