@roomstay/frontend 2.6.80 → 2.6.82

package/dist/src/components/summary/BESummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"BESummary.js","sourceRoot":"/","sources":["src/components/summary/BESummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext, FullPageEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { OrderableReactList, useCurrentHotel, useElementSort } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { FC, useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ItemisedFeesListing } from '@/components/steps/common/ItemisedFeesListing/ItemisedFeesListing';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport { OverlayLoader } from '../generic/loader/OverlayLoader';\n\nexport interface BESummaryProps {\n    showImages?: boolean;\n}\n\nconst TransportDistanceFromHotelBlockContainer: FC = () => {\n    const overridesContext = useContext(HotelOverridesContext);\n\n    return (\n        <div\n            className={classNames('u-flex u-flex-column u-marg-top u-w-100', {\n                'u-flex-justify-around': Object.entries(overridesContext?.transportDistances ?? {}).filter(([key, value]) => !!value).length <= 2,\n            })}\n        >\n            <TransportDistanceFromHotelBlock vertical />\n        </div>\n    );\n};\n\nexport const BESummaryLayoutOrder: OrderableReactList = {\n    TransportDistanceBlock: {\n        component: <TransportDistanceFromHotelBlockContainer />,\n        priority: 5,\n    },\n    PerksBlock: {\n        component: (\n            <div className=\"u-marg-bottom--light u-marg-top--heavy\" style={{ marginTop: '16px' }}>\n                <BESummaryPerkBlock size=\"desktop\" />\n            </div>\n        ),\n        priority: 10,\n    },\n};\n\nexport function BESummary(props: BESummaryProps) {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const overridesContext = useContext(HotelOverridesContext);\n    const engineContext = useContext(FullPageEngineContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const { sortedComponents } = useElementSort(BESummaryLayoutOrder);\n\n    const toString = (val: string[]) => val.filter((it) => !!it && it !== '0').join(', ');\n\n    const renderLine = (line?: string, key?: string) => {\n        if (line) {\n            return (\n                <Text key={key} type={TextType.Small}>\n                    {line}\n                </Text>\n            );\n        }\n        return null;\n    };\n\n    const combineAddress = (rawLine1: string[], rawLine2: string[]) => {\n        const line1 = toString(rawLine1);\n        const line2 = toString(rawLine2);\n        if (line1 && line1.length > 40) return renderLine([line1, line2].filter(Boolean).join(', '));\n        return [renderLine(line1, 'addressLine1'), renderLine(line2, 'addressLine2')];\n    };\n\n    const showBasketItems = !!selectedBasketRows.length;\n\n    const depositFees = basketContext.getDepositFees();\n    const totalFees = basketContext.getTotalFees();\n    const itemisedFees = basketContext.getItemisedFees();\n\n    const totalSection = useMemo(() => {\n        if (hotel?.requireDeposit && engineContext.currentStep?.getStepUrl() === StepConfirmation.getStepUrl()) {\n            const totalPayNow = basketContext.getTotalPayNow();\n            const isLoading = basketContext.isLoadingPriceQuote;\n\n            return (\n                <div className=\"u-marg-top--light\" style={{ position: 'relative' }}>\n                    {isLoading && <OverlayLoader />}\n                    {totalFees > 0 && !itemisedFees?.length && (\n                        // We only show the total fees here if we don't have itemised fees available.\n                        <div className=\"u-marg-top--light\">\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{totalFees}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    )}\n                    {!!itemisedFees?.length && depositFees > 0 && hotel.addDepositFeeToBookingTotal && (\n                        // Because we're already showing itemised fees above the totals section, we only need to show the deposit fee here.\n                        // And only if the hotel is configured to add the deposit fee to the booking total.\n                        <div className=\"u-marg-top--light\">\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{depositFees}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    )}\n                    <div className=\"u-marg-top--light\">\n                        <div className=\"u-flex\">\n                            <Text type={TextType.Small}>{t(Translation.Misc.Total)}</Text>\n                            <Headline bold size=\"large\">\n                                <Currency>{basketContext.getTotalPrice()}</Currency>\n                            </Headline>\n                        </div>\n\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Misc.PayNow)}</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalPayNow}</Currency>\n                        </Text>\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div className=\"u-marg-top--light\">\n                    <Text type={TextType.Small} align={TextAlign.Right}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <Headline bold size=\"large\" align={TextAlign.Right}>\n                        <Currency>{basketContext.getTotalPrice()}</Currency>\n                    </Headline>\n                    <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                    </Text>\n                </div>\n            );\n        }\n    }, [basketContext.currentBasketRows, basketContext.isLoadingPriceQuote, basketContext.getTotalPrice, hotel?.requireDeposit, engineContext.currentStep?.getStepUrl()]);\n\n    return (\n        <div className=\"booking-engine-summary\">\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Misc.Summary)}</Headline>\n            </div>\n\n            {showBasketItems ? (\n                <>\n                    {selectedBasketRows.map((row: BasketRow, index: number) => {\n                        if (!row.isValid()) return;\n                        return <BESummaryRoomRow key={row.getID()} row={row} index={index} showImages={!!props.showImages} />;\n                    })}\n                    {addons.length > 0 && (\n                        <>\n                            <LineBreak noMargins darker />\n\n                            <div className=\"u-marg-top\">\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>Add-on Items</strong>\n                                </Text>\n                            </div>\n\n                            {addons.map((row: BasketAddonRow) => {\n                                const onRemoveClickHandler = () => {\n                                    return basketContext.removeBasketAddonRow(row);\n                                };\n                                return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                            })}\n                        </>\n                    )}\n                    {/* Fees */}\n                    {totalFees > 0 && !itemisedFees?.length && (\n                        <>\n                            <div className=\"line-break\" style={{ marginTop: 0, marginBottom: '24px' }} />\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{totalFees}</Currency>\n                                </Text>\n                            </div>\n                        </>\n                    )}\n                    {!!itemisedFees?.length && <ItemisedFeesListing fees={itemisedFees} />}\n                </>\n            ) : (\n                <div className=\"u-marg-bottom rs-summary-hotel-info\">\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                    </div>\n                    <div style={{ height: '150px', position: 'relative' }}>\n                        <HotelLocationMap />\n                    </div>\n                    <div className=\"u-marg-top\">\n                        <div className=\"u-marg-bottom rs-summary-hotel-name\">\n                            <Text bold>{hotel?.name}</Text>\n                        </div>\n                        {combineAddress(addressLine1 as string[], addressLine2 as string[])}\n                        {overridesContext?.phoneNumberInSummary && hotel?.phone && <Text type={TextType.Small}>{hotel?.phone}</Text>}\n                    </div>\n                </div>\n            )}\n            {sortedComponents}\n            {ccx.currentCurrency !== hotel?.defaultCurrency && (\n                <Alert iconAlignCenter icon={IconType.Money} type={AlertType.LightGray}>\n                    <Text type={TextType.Small}>{t(Translation.Step.General.AlternateCurrencyInformation)}</Text>\n                </Alert>\n            )}\n\n            <LineBreak darker />\n\n            {totalSection}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"BESummary.js","sourceRoot":"/","sources":["src/components/summary/BESummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext, FullPageEngineContext, HotelOverridesContext } from '@frontend/contexts';\nimport { OrderableReactList, useCurrentHotel, useElementSort } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { FC, useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ItemisedFeesListing } from '@/components/steps/common/ItemisedFeesListing/ItemisedFeesListing';\nimport BESummaryAddonRow from '@/components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from '@/components/summary/BESummaryPerkBlock';\nimport BESummaryRoomRow from '@/components/summary/BESummaryRoomRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport { OverlayLoader } from '../generic/loader/OverlayLoader';\n\nexport interface BESummaryProps {\n    showImages?: boolean;\n}\n\nconst TransportDistanceFromHotelBlockContainer: FC = () => {\n    const overridesContext = useContext(HotelOverridesContext);\n\n    return (\n        <div\n            className={classNames('u-flex u-flex-column u-marg-top u-w-100', {\n                'u-flex-justify-around': Object.entries(overridesContext?.transportDistances ?? {}).filter(([key, value]) => !!value).length <= 2,\n            })}\n        >\n            <TransportDistanceFromHotelBlock vertical />\n        </div>\n    );\n};\n\nexport const BESummaryLayoutOrder: OrderableReactList = {\n    TransportDistanceBlock: {\n        component: <TransportDistanceFromHotelBlockContainer />,\n        priority: 5,\n    },\n    PerksBlock: {\n        component: (\n            <div className=\"u-marg-bottom--light u-marg-top--heavy\" style={{ marginTop: '16px' }}>\n                <BESummaryPerkBlock size=\"desktop\" />\n            </div>\n        ),\n        priority: 10,\n    },\n};\n\nexport function BESummary(props: BESummaryProps) {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const overridesContext = useContext(HotelOverridesContext);\n    const engineContext = useContext(FullPageEngineContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const { sortedComponents } = useElementSort(BESummaryLayoutOrder);\n\n    const toString = (val: string[]) => val.filter((it) => !!it && it !== '0').join(', ');\n\n    const renderLine = (line?: string, key?: string) => {\n        if (line) {\n            return (\n                <Text key={key} type={TextType.Small}>\n                    {line}\n                </Text>\n            );\n        }\n        return null;\n    };\n\n    const combineAddress = (rawLine1: string[], rawLine2: string[]) => {\n        const line1 = toString(rawLine1);\n        const line2 = toString(rawLine2);\n        if (line1 && line1.length > 40) return renderLine([line1, line2].filter(Boolean).join(', '));\n        return [renderLine(line1, 'addressLine1'), renderLine(line2, 'addressLine2')];\n    };\n\n    const showBasketItems = !!selectedBasketRows.length;\n\n    const depositFees = basketContext.getDepositQuoteFees();\n    const totalFees = basketContext.getTotalFees();\n    const itemisedFees = basketContext.getItemisedFees();\n\n    const totalSection = useMemo(() => {\n        const totalPayNow = basketContext.getTotalPayNow();\n\n        if (hotel && totalPayNow && engineContext.currentStep?.getStepUrl() === StepConfirmation.getStepUrl()) {\n            const isLoading = basketContext.isLoadingPriceQuote;\n\n            return (\n                <div className=\"u-marg-top--light\" style={{ position: 'relative' }}>\n                    {isLoading && <OverlayLoader />}\n                    {totalFees > 0 && !itemisedFees?.length && (\n                        // We only show the total fees here if we don't have itemised fees available.\n                        <div className=\"u-marg-top--light\">\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{totalFees}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    )}\n                    {!!itemisedFees?.length && depositFees > 0 && hotel.addDepositFeeToBookingTotal && (\n                        // Because we're already showing itemised fees above the totals section, we only need to show the deposit fee here.\n                        // And only if the hotel is configured to add the deposit fee to the booking total.\n                        <div className=\"u-marg-top--light\">\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{depositFees}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    )}\n                    <div className=\"u-marg-top--light\">\n                        <div className=\"u-flex\">\n                            <Text type={TextType.Small}>{t(Translation.Misc.Total)}</Text>\n                            <Headline bold size=\"large\">\n                                <Currency>{basketContext.getTotalPrice()}</Currency>\n                            </Headline>\n                        </div>\n\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>{t(Translation.Misc.PayNow)}</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalPayNow}</Currency>\n                        </Text>\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div className=\"u-marg-top--light\">\n                    <Text type={TextType.Small} align={TextAlign.Right}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <Headline bold size=\"large\" align={TextAlign.Right}>\n                        <Currency>{basketContext.getTotalPrice()}</Currency>\n                    </Headline>\n                    <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                    </Text>\n                </div>\n            );\n        }\n    }, [basketContext.currentBasketRows, basketContext.isLoadingPriceQuote, basketContext.getTotalPrice, hotel?.rmsUseDepositQuote, engineContext.currentStep?.getStepUrl()]);\n\n    return (\n        <div className=\"booking-engine-summary\">\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Misc.Summary)}</Headline>\n            </div>\n\n            {showBasketItems ? (\n                <>\n                    {selectedBasketRows.map((row: BasketRow, index: number) => {\n                        if (!row.isValid()) return;\n                        return <BESummaryRoomRow key={row.getID()} row={row} index={index} showImages={!!props.showImages} />;\n                    })}\n                    {addons.length > 0 && (\n                        <>\n                            <LineBreak noMargins darker />\n\n                            <div className=\"u-marg-top\">\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>Add-on Items</strong>\n                                </Text>\n                            </div>\n\n                            {addons.map((row: BasketAddonRow) => {\n                                const onRemoveClickHandler = () => {\n                                    return basketContext.removeBasketAddonRow(row);\n                                };\n                                return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                            })}\n                        </>\n                    )}\n                    {/* Fees */}\n                    {totalFees > 0 && !itemisedFees?.length && (\n                        <>\n                            <div className=\"line-break\" style={{ marginTop: 0, marginBottom: '24px' }} />\n                            <div className=\"u-flex\">\n                                <Text type={TextType.Small}> {t(Translation.Step.Room.Summary.CreditCardSurcharge)}</Text>\n                                <Text type={TextType.Small}>\n                                    <Currency>{totalFees}</Currency>\n                                </Text>\n                            </div>\n                        </>\n                    )}\n                    {!!itemisedFees?.length && <ItemisedFeesListing fees={itemisedFees} />}\n                </>\n            ) : (\n                <div className=\"u-marg-bottom rs-summary-hotel-info\">\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                    </div>\n                    <div style={{ height: '150px', position: 'relative' }}>\n                        <HotelLocationMap />\n                    </div>\n                    <div className=\"u-marg-top\">\n                        <div className=\"u-marg-bottom rs-summary-hotel-name\">\n                            <Text bold>{hotel?.name}</Text>\n                        </div>\n                        {combineAddress(addressLine1 as string[], addressLine2 as string[])}\n                        {overridesContext?.phoneNumberInSummary && hotel?.phone && <Text type={TextType.Small}>{hotel?.phone}</Text>}\n                    </div>\n                </div>\n            )}\n            {sortedComponents}\n            {ccx.currentCurrency !== hotel?.defaultCurrency && (\n                <Alert iconAlignCenter icon={IconType.Money} type={AlertType.LightGray}>\n                    <Text type={TextType.Small}>{t(Translation.Step.General.AlternateCurrencyInformation)}</Text>\n                </Alert>\n            )}\n\n            <LineBreak darker />\n\n            {totalSection}\n        </div>\n    );\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextType.d.ts

@@ -7,6 +7,7 @@ import { ItemisedFee } from '../../models/Fee';
 import type { IPromotion } from '../../models/Promotion/IPromotion.type';
 import type { RoomRate } from '../../models/Room/RoomRate';
 import { RoomstaySession } from '../../models/RoomstaySession';
+import { IPaymentCheckoutDetails } from '@roomstay/core';
 export interface BasketContextType {
     selectedBasketRow: BasketRow;
     currentBasketRows: BasketRow[];
@@ -27,11 +28,11 @@ export interface BasketContextType {
     getNumberOfInfants: (withTranslation: boolean) => number | string;
     getNumberOfRooms: (withTranslation: boolean) => number | string;
     getTotalPrice: () => any;
-    getTotalDeposit: () => number;
-    getDepositFees: () => number;
+    getTotalQuoteDeposit: () => number;
+    getDepositQuoteFees: () => number;
     getTotalFees: () => number;
     getItemisedFees: () => ItemisedFee[];
-    getTotalPayNow: () => number;
+    getTotalPayNow: () => number | null;
     updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;
     removeBasketRow: (row: BasketRow) => void;
     clearBasketRows: (confirm: boolean) => void;
@@ -46,6 +47,7 @@ export interface BasketContextType {
     checkedOut: (data: ReservationsDTO) => void;
     clearSelectedRates: () => void;
     finish: () => void;
+    additionalPaymentRequired: (data: IPaymentCheckoutDetails) => void;
     getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;
     setAddonQuantities: (addon: Addon, quantities: {
         quantity: number;

package/dist/src/contexts/BasketContext/BasketContextType.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import { ReservationsDTO } from '@roomstay/core';\nimport type dayjs from 'dayjs';\n\nimport type { Addon } from '@/models/Addon/Addon';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport { ItemisedFee } from '@/models/Fee';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport { RoomstaySession } from '@/models/RoomstaySession';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    basketFeeRows: ItemisedFee[];\n    loadedPromotion: IPromotion | null;\n    quoteQueryID: string; // This ID is used to detect changes and re-fetch deposit quotes during checkout.\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n    pencilId: string | undefined;\n\n    isLoadingPriceQuote: boolean;\n\n    addBasketRow: (row: BasketRow) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfInfants: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n    getTotalDeposit: () => number;\n    getDepositFees: () => number;\n    getTotalFees: () => number;\n    getItemisedFees: () => ItemisedFee[];\n    getTotalPayNow: () => number;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow | null) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    quoteOrPencilReservation: (applyQuote: () => boolean) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO, reservationRequest?: RoomstaySession['reservationRequest']) => Promise<void>;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n    finish: () => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | undefined;\n\n    initBasketRows: (basketRows: BasketRow[]) => void;\n    updateBasketFeeRows: () => void;\n\n    onDatePickerOpenChange: (isOpen: boolean) => void;\n    isDatePickerOpen: boolean;\n}\n"]}
+{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import { ReservationsDTO } from '@roomstay/core';\nimport type dayjs from 'dayjs';\n\nimport type { Addon } from '@/models/Addon/Addon';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport { ItemisedFee } from '@/models/Fee';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport { RoomstaySession } from '@/models/RoomstaySession';\nimport { IPaymentCheckoutDetails } from '@roomstay/core';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    basketFeeRows: ItemisedFee[];\n    loadedPromotion: IPromotion | null;\n    quoteQueryID: string; // This ID is used to detect changes and re-fetch deposit quotes during checkout.\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n    pencilId: string | undefined;\n\n    isLoadingPriceQuote: boolean;\n\n    addBasketRow: (row: BasketRow) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfInfants: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n    getTotalQuoteDeposit: () => number;\n    getDepositQuoteFees: () => number;\n    getTotalFees: () => number;\n    getItemisedFees: () => ItemisedFee[];\n    // Can be null if we don't know the pay now amount (SynXis)\n    getTotalPayNow: () => number | null;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow | null) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    quoteOrPencilReservation: (applyQuote: () => boolean) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO, reservationRequest?: RoomstaySession['reservationRequest']) => Promise<void>;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n    finish: () => void;\n    additionalPaymentRequired: (data: IPaymentCheckoutDetails) => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | undefined;\n\n    initBasketRows: (basketRows: BasketRow[]) => void;\n    updateBasketFeeRows: () => void;\n\n    onDatePickerOpenChange: (isOpen: boolean) => void;\n    isDatePickerOpen: boolean;\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextWrapper.js

@@ -297,19 +297,14 @@ function BasketContextWrapper(props) {
             return (0, rxjs_1.timer)(scalingDuration);
         }), (0, operators_1.finalize)(() => console.log('We are done!')));
     };
-    const updateBasketFeeRows = () => {
-        var _a, _b;
-        const validBasketRows = currentBasketRows === null || currentBasketRows === void 0 ? void 0 : currentBasketRows.filter((row) => row.isValid());
-        if (!validBasketRows.length || !(hotel === null || hotel === void 0 ? void 0 : hotel.fees)) {
-            setBasketFeeRows([]);
-            return;
-        }
-        const hotelFees = (_a = hotel.fees) !== null && _a !== void 0 ? _a : [];
+    /**
+     * Booking Fees.
+     * These fees aren't related to an addon or a room, they're just on the booking itself.
+     */
+    const getBookingFees = () => {
+        var _a;
+        const hotelFees = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.fees) !== null && _a !== void 0 ? _a : [];
         const newFees = [];
-        /**
-         * Booking Fees.
-         * These fees aren't related to an addon or a room, they're just on the booking itself.
-         */
         let totalBookingFees = 0;
         for (const fee of (0, core_1.getFilteredBookingFees)(hotelFees)) {
             const feeAmount = (0, core_1.calculateFeeAmount)(fee);
@@ -328,61 +323,65 @@ function BasketContextWrapper(props) {
                 baseAmount += feeAmount;
             }
         }
-        /**
-         * Booking Rate Fees.
-         */
-        for (const row of validBasketRows) {
-            const initialCost = (_b = row.getTotalPrice(true)) !== null && _b !== void 0 ? _b : 0;
-            let totalFeesAdded = 0;
-            let totalFeesIncludedInRates = 0;
-            const rateFees = (0, core_1.getFilteredBookingRateFees)(hotelFees);
-            // In order to calculate fees that were removed from the incoming rates using extractFeeFromRates option, we need
-            // to know which fees were removed. When there's more than 1 percentage fee that's been removed, we can't
-            // work backwards to figure out what the original price was without this.
-            const removedPercentages = rateFees.filter((fee) => fee.extractFeeFromRates).map((fee) => fee.amount);
-            for (const fee of rateFees) {
-                if (fee.extractFeeFromRates || fee.includeInRates) {
-                    // For these fees, we need to add the amount to the the totalFeesIncludedInRates variable, so that we can
-                    // correctly calculate subsequent fees that are using the 'extractFeeFromRates' option.
-                    const baseAmount = fee.extractFeeFromRates ? initialCost : initialCost + totalFeesIncludedInRates;
-                    totalFeesIncludedInRates += (0, core_1.calculateFeeAmount)(fee, {
-                        baseAmount,
-                        numberOfNights: row.getNumberOfDays(),
-                        extractedFromRates: fee.extractFeeFromRates,
-                        removedPercentages,
-                    });
-                }
-                let feeCalculationBaseAmount;
-                if (fee.extractFeeFromRates) {
-                    // If this fee is included in the rates, there's no additional fee to calculate.
-                    feeCalculationBaseAmount = fee.includeInRates ? 0 : initialCost;
-                }
-                else if (fee.includeInRates) {
-                    // These fees are already included in the rates, we only need to calculate "fees on fees" if applicable.
-                    if (!fee.includePreviousFeesInCalculation) {
-                        continue;
-                    }
-                    feeCalculationBaseAmount = totalFeesAdded;
-                }
-                else {
-                    // This fee either needs to include the full running total, or just the initial cost.
-                    feeCalculationBaseAmount = fee.includePreviousFeesInCalculation ? initialCost + totalFeesAdded + totalFeesIncludedInRates : initialCost;
-                }
-                const feeAmount = (0, core_1.calculateFeeAmount)(fee, {
-                    baseAmount: feeCalculationBaseAmount,
+        return newFees;
+    };
+    const getBookingRateFees = (row) => {
+        var _a, _b;
+        const hotelFees = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.fees) !== null && _a !== void 0 ? _a : [];
+        const newFees = [];
+        const initialCost = (_b = row.getTotalPrice(true)) !== null && _b !== void 0 ? _b : 0;
+        let totalFeesAdded = 0;
+        let totalFeesIncludedInRates = 0;
+        const rateFees = (0, core_1.getFilteredBookingRateFees)(hotelFees);
+        // In order to calculate fees that were removed from the incoming rates using extractFeeFromRates option, we need
+        // to know which fees were removed. When there's more than 1 percentage fee that's been removed, we can't
+        // work backwards to figure out what the original price was without this.
+        const removedPercentages = rateFees.filter((fee) => fee.extractFeeFromRates).map((fee) => fee.amount);
+        for (const fee of rateFees) {
+            if (fee.extractFeeFromRates || fee.includeInRates) {
+                // For these fees, we need to add the amount to the the totalFeesIncludedInRates variable, so that we can
+                // correctly calculate subsequent fees that are using the 'extractFeeFromRates' option.
+                const baseAmount = fee.extractFeeFromRates ? initialCost : initialCost + totalFeesIncludedInRates;
+                totalFeesIncludedInRates += (0, core_1.calculateFeeAmount)(fee, {
+                    baseAmount,
                     numberOfNights: row.getNumberOfDays(),
                     extractedFromRates: fee.extractFeeFromRates,
                     removedPercentages,
                 });
-                newFees.push({ hotelFee: fee, amount: feeAmount });
-                if (!fee.extractFeeFromRates) {
-                    totalFeesAdded += feeAmount;
+            }
+            let feeCalculationBaseAmount;
+            if (fee.extractFeeFromRates) {
+                // If this fee is included in the rates, there's no additional fee to calculate.
+                feeCalculationBaseAmount = fee.includeInRates ? 0 : initialCost;
+            }
+            else if (fee.includeInRates) {
+                // These fees are already included in the rates, we only need to calculate "fees on fees" if applicable.
+                if (!fee.includePreviousFeesInCalculation) {
+                    continue;
                 }
+                feeCalculationBaseAmount = totalFeesAdded;
+            }
+            else {
+                // This fee either needs to include the full running total, or just the initial cost.
+                feeCalculationBaseAmount = fee.includePreviousFeesInCalculation ? initialCost + totalFeesAdded + totalFeesIncludedInRates : initialCost;
+            }
+            const feeAmount = (0, core_1.calculateFeeAmount)(fee, {
+                baseAmount: feeCalculationBaseAmount,
+                numberOfNights: row.getNumberOfDays(),
+                extractedFromRates: fee.extractFeeFromRates,
+                removedPercentages,
+            });
+            newFees.push({ hotelFee: fee, amount: feeAmount });
+            if (!fee.extractFeeFromRates) {
+                totalFeesAdded += feeAmount;
             }
         }
-        /**
-         * Booking Addon Fees.
-         */
+        return newFees;
+    };
+    const getBookingAddonFees = () => {
+        var _a;
+        const hotelFees = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.fees) !== null && _a !== void 0 ? _a : [];
+        const newFees = [];
         const validBasketAddonRows = basketAddonRows.filter((row) => row.isValid());
         for (const row of validBasketAddonRows) {
             const initialCost = row.getTotalPrice() - row.getTotalFees();
@@ -423,10 +422,36 @@ function BasketContextWrapper(props) {
                 }
             }
         }
+        return newFees;
+    };
+    const updateBasketFeeRows = () => {
+        const validBasketRows = currentBasketRows === null || currentBasketRows === void 0 ? void 0 : currentBasketRows.filter((row) => row.isValid());
+        if (!validBasketRows.length || !(hotel === null || hotel === void 0 ? void 0 : hotel.fees)) {
+            setBasketFeeRows([]);
+            return;
+        }
+        const newFees = [];
+        /**
+         * Booking Fees.
+         * These fees aren't related to an addon or a room, they're just on the booking itself.
+         */
+        newFees.push(...getBookingFees());
+        /**
+         * Booking Rate Fees.
+         */
+        for (const row of validBasketRows) {
+            const rateFees = getBookingRateFees(row);
+            newFees.push(...rateFees);
+        }
+        /**
+         * Booking Addon Fees.
+         */
+        newFees.push(...getBookingAddonFees());
         setBasketFeeRows(newFees);
     };
     const quoteQueryID = (0, react_1.useMemo)(() => {
-        if (!hotel || !(hotel === null || hotel === void 0 ? void 0 : hotel.requireDeposit)) {
+        const requireQuote = (hotel === null || hotel === void 0 ? void 0 : hotel.rmsUseDepositQuote) || (hotel === null || hotel === void 0 ? void 0 : hotel.bookingFlow) !== core_1.EBookingFlow.Default;
+        if (!hotel || !requireQuote) {
             return '';
         }
         return BookingAPI_1.default.Reservation.buildQuoteQueryID(currentBasketRows, isExternalMemberHotel ? memberNumber : undefined);
@@ -577,7 +602,7 @@ function BasketContextWrapper(props) {
             if ((hotel === null || hotel === void 0 ? void 0 : hotel.bookingFlow) === core_1.EBookingFlow.PreCheckoutPencil) {
                 callApi = BookingAPI_1.default.Reservation.pencilReservation;
             }
-            else if (hotel === null || hotel === void 0 ? void 0 : hotel.requireDeposit) {
+            else if (hotel === null || hotel === void 0 ? void 0 : hotel.rmsUseDepositQuote) {
                 callApi = BookingAPI_1.default.Reservation.getPriceQuote;
             }
             else {
@@ -664,7 +689,7 @@ function BasketContextWrapper(props) {
         getTotalPrice: () => {
             let totalPrice = returnAggregationAndTranslation((row) => { var _a; return (row.isValid() ? (_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getTotalPrice() : 0); });
             // If the hotel requires a deposit, and enableCreditCardSurchase is false, we need to add the deposit fees to the total price.
-            if ((hotel === null || hotel === void 0 ? void 0 : hotel.requireDeposit) && !(hotel === null || hotel === void 0 ? void 0 : hotel.enableCreditCardSurcharge) && (hotel === null || hotel === void 0 ? void 0 : hotel.addDepositFeeToBookingTotal)) {
+            if ((hotel === null || hotel === void 0 ? void 0 : hotel.rmsUseDepositQuote) && !(hotel === null || hotel === void 0 ? void 0 : hotel.enableCreditCardSurcharge) && (hotel === null || hotel === void 0 ? void 0 : hotel.addDepositFeeToBookingTotal)) {
                 const depositFees = returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalFees : 0); });
                 totalPrice += depositFees;
             }
@@ -677,17 +702,15 @@ function BasketContextWrapper(props) {
             });
             return totalPrice;
         },
-        getTotalDeposit: () => {
-            const totalDeposit = returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalDeposit : 0); });
-            return totalDeposit;
+        getTotalQuoteDeposit: () => {
+            return returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalDeposit : 0); });
         },
-        getDepositFees: () => {
-            const totalDepositFees = returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalFees : 0); });
-            return totalDepositFees;
+        getDepositQuoteFees: () => {
+            return returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalFees : 0); });
         },
         getTotalFees: () => {
             let totalFees = returnAggregationAndTranslation((row) => { var _a; return (row.isValid() ? (_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getTotalFees() : 0); });
-            if (totalFees == 0 && (hotel === null || hotel === void 0 ? void 0 : hotel.requireDeposit)) {
+            if (totalFees == 0 && (hotel === null || hotel === void 0 ? void 0 : hotel.rmsUseDepositQuote)) {
                 // Hotel may have credit card surcharges disabled, but they could still be included as a part of the quote.
                 totalFees = returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalFees : 0); });
             }
@@ -729,11 +752,56 @@ function BasketContextWrapper(props) {
             return (0, Fee_1.sortFees)(fees, (hotel === null || hotel === void 0 ? void 0 : hotel.fees) || []);
         },
         getTotalPayNow: () => {
-            if (hotel === null || hotel === void 0 ? void 0 : hotel.requireDeposit) {
+            var _a, _b;
+            if (hotel === null || hotel === void 0 ? void 0 : hotel.rmsUseDepositQuote) {
                 const depositFees = returnAggregationAndTranslation((row) => { var _a; return (row.quoteDetails ? (_a = row.quoteDetails) === null || _a === void 0 ? void 0 : _a.totalFees : 0); });
-                return workingContext.getTotalDeposit() + depositFees;
+                return workingContext.getTotalQuoteDeposit() + depositFees;
+            }
+            const anyPolicyIsMissingDepositMode = currentBasketRows.some((row) => {
+                var _a;
+                const guaranteePolicy = (_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getGuaranteePolicy();
+                return guaranteePolicy && guaranteePolicy.depositMode === null;
+            });
+            if (anyPolicyIsMissingDepositMode) {
+                // This should only happen for SynXis.
+                return null;
+            }
+            let totalPayNow = 0;
+            const anyRateRequiresFullPrepayment = currentBasketRows.some((row) => { var _a; return ((_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getGuaranteePolicy().depositMode) === core_1.EGuaranteePolicyDepositMode.Full; });
+            if (anyRateRequiresFullPrepayment) {
+                // Add booking fees that aren't associated with a rate or addon.
+                getBookingFees().forEach((fee) => {
+                    totalPayNow += fee.amount;
+                });
+            }
+            const firstRateGuaranteePolicy = (_b = (_a = currentBasketRows[0]) === null || _a === void 0 ? void 0 : _a.getRate()) === null || _b === void 0 ? void 0 : _b.getGuaranteePolicy();
+            if (firstRateGuaranteePolicy) {
+                const addonTotal = basketAddonRows.reduce((acc, row) => acc + row.getTotalPrice(), 0);
+                const addonTotalWithFees = addonTotal + getBookingAddonFees().reduce((acc, row) => acc + row.amount, 0);
+                const depositPercentage = firstRateGuaranteePolicy.depositPercentage;
+                switch (firstRateGuaranteePolicy.depositMode) {
+                    case core_1.EGuaranteePolicyDepositMode.Full:
+                        totalPayNow += addonTotalWithFees;
+                        break;
+                    case core_1.EGuaranteePolicyDepositMode.Percentage:
+                        if (depositPercentage) {
+                            totalPayNow += addonTotalWithFees * (depositPercentage / 100);
+                        }
+                        break;
+                    case core_1.EGuaranteePolicyDepositMode.None:
+                    case core_1.EGuaranteePolicyDepositMode.FirstNight:
+                        break;
+                }
+            }
+            for (const row of currentBasketRows) {
+                const rate = row.getRate();
+                // The BookingRate fees that are not included in the rate.
+                const bookingRateFees = getBookingRateFees(row).reduce((acc, fee) => acc + fee.amount, 0);
+                if (rate) {
+                    totalPayNow += rate.getDepositAccordingToGuaranteePolicy(bookingRateFees);
+                }
             }
-            return workingContext.getTotalPrice();
+            return totalPayNow;
         },
         /**
          * Pops the provided row from the current basket array
@@ -814,9 +882,31 @@ function BasketContextWrapper(props) {
             sessionProvider === null || sessionProvider === void 0 ? void 0 : sessionProvider.initialize(undefined, (_b = beContext === null || beContext === void 0 ? void 0 : beContext.engine) === null || _b === void 0 ? void 0 : _b.getSource());
             const params = new URLSearchParams(window.location.search);
             params.delete('planpay_checkout_id');
+            // MPGS params
+            params.delete('resultIndicator');
+            params.delete('sessionVersion');
+            params.delete('checkoutVersion');
             window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
             navigate(StepThanks_1.default.getStepUrl());
         },
+        /**
+         * This is called when the users' payment was successfully verified, but there is additional payment required.
+         */
+        additionalPaymentRequired: (data) => __awaiter(this, void 0, void 0, function* () {
+            var _f;
+            const currentSession = (_f = beContext.sessionProvider) === null || _f === void 0 ? void 0 : _f.getSession();
+            const resRequest = currentSession === null || currentSession === void 0 ? void 0 : currentSession.reservationRequest;
+            const resData = reservationData;
+            if (!resData)
+                return;
+            if (resRequest === null || resRequest === void 0 ? void 0 : resRequest.payment) {
+                // Delete SplitPaymentAmount because from now any requests will be for the remaining amount
+                delete resRequest.payment.SplitPaymentAmount;
+            }
+            resData.payment = data;
+            yield beContext.sessionProvider.updateSessionAsync({ reservation: resData, reservationRequest: resRequest });
+            setReservationData(resData);
+        }),
         finish: () => {
             setReservationData(null);
             setHasCheckedOut(false);