@roomstay/frontend 2.6.77-0 → 2.6.77

package/dist/src/components/steps/room/TripteaseLodgingSearchSchema.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const TripteaseLodgingSearchSchema: () => React.JSX.Element;
+export declare const TripteaseLodgingSearchSchema: () => JSX.Element;

package/dist/src/components/steps/room/UserSearchSummary/PromoCodeVerificationAlert.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type BasketRow from '../../../../models/BasketRow';
 export declare const PromoCodeVerificationAlert: ({ selectedBasketRow }: {
     selectedBasketRow: BasketRow | null;
-}) => React.JSX.Element;
+}) => JSX.Element;

package/dist/src/components/steps/room/UserSearchSummary/UserSearchSummary.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const UserSearchSummary: () => React.JSX.Element;
+export declare const UserSearchSummary: () => JSX.Element;

package/dist/src/components/steps/room/UserSearchSummary/UserSearchSummaryPromocodeInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 type UserSearchSummaryPromocodeInputProps = {
@@ -8,5 +7,5 @@ type UserSearchSummaryPromocodeInputProps = {
     promocodeTextColor?: Color;
     useUpdatedDesign?: boolean;
 };
-export declare const UserSearchSummaryPromocodeInput: ({ row, disabled, onChange, promocodeTextColor, useUpdatedDesign, }: UserSearchSummaryPromocodeInputProps) => React.JSX.Element;
+export declare const UserSearchSummaryPromocodeInput: ({ row, disabled, onChange, promocodeTextColor, useUpdatedDesign, }: UserSearchSummaryPromocodeInputProps) => JSX.Element;
 export {};

package/dist/src/components/steps/room/UserSearchSummary/UserSearchSummaryRow.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 type UserSearchSummaryRowProps = {
     row: BasketRow;
     index: number;
 };
-export declare const UserSearchSummaryRow: ({ row, index }: UserSearchSummaryRowProps) => React.JSX.Element;
+export declare const UserSearchSummaryRow: ({ row, index }: UserSearchSummaryRowProps) => JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfAdultsPickerProps {
@@ -6,5 +5,5 @@ interface NumberOfAdultsPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps): React.JSX.Element;
+export default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfChildrenPickerProps {
@@ -6,5 +5,5 @@ interface NumberOfChildrenPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps): React.JSX.Element;
+export default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfInfantsPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfInfantsPickerProps {
@@ -6,5 +5,5 @@ interface NumberOfInfantsPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfInfantsPicker(props: NumberOfInfantsPickerProps): React.JSX.Element;
+export default function NumberOfInfantsPicker(props: NumberOfInfantsPickerProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function RoomBuilderProgress(): React.JSX.Element;
+export default function RoomBuilderProgress(): JSX.Element;

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 export interface RoomBuilderProgressRowProps {
     row: BasketRow;
     number?: number;
 }
-export default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps): React.JSX.Element;
+export default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps): JSX.Element;

package/dist/src/components/steps/room/roomDetails/RoomDetails.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 export interface RoomDetailsProps {
     room: Room;
     disableMarginBottom?: boolean;
 }
-export default function RoomDetails(props: RoomDetailsProps): React.JSX.Element;
+export default function RoomDetails(props: RoomDetailsProps): JSX.Element;

package/dist/src/components/steps/room/roomDetails/RoomDetailsBedsBlock.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 import { Color } from '../../../../util/Color';
 interface RoomDetailsBedsBlockProps {
     room: Room;
     textColor?: Color;
 }
-export declare function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps): React.JSX.Element;
+export declare function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/RoomDetailsPerkBlock.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { HotelPerk } from '../../../../models/Client/Hotel/HotelPerk';
 import { Room } from '../../../../models/Room/Room';
 interface RoomDetailsPerkBlockProps {
     perks: HotelPerk[];
     room: Room;
 }
-export declare function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps): React.JSX.Element;
+export declare function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/RoomDetailsPriceBlock.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface RoomDetailsPriceBlockProps {
     isLocked: boolean;
     averagePreDiscount: number;
@@ -7,5 +6,5 @@ interface RoomDetailsPriceBlockProps {
     hidePerNight?: boolean;
     useLightText?: boolean;
 }
-export default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps): React.JSX.Element;
+export default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/BookNowButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface BookNowButtonProps {
     buttonLabel: string;
@@ -6,5 +5,5 @@ interface BookNowButtonProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     isFilled?: boolean;
 }
-export default function BookNowButton(props: BookNowButtonProps): React.JSX.Element;
+export default function BookNowButton(props: BookNowButtonProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function MembersOnlyRow(): React.JSX.Element;
+export default function MembersOnlyRow(): JSX.Element;

package/dist/src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomModalProps {
     rate: RoomRate;
@@ -10,6 +9,6 @@ interface PriceBreakdownFooterProps {
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;
     onAddToBasketOverride?: (rate: RoomRate) => void;
 }
-export declare const PriceBreakdownFooter: (props: PriceBreakdownFooterProps) => React.JSX.Element;
-export default function PriceBreakdownBlock(props: RoomModalProps): React.JSX.Element;
+export declare const PriceBreakdownFooter: (props: PriceBreakdownFooterProps) => JSX.Element;
+export default function PriceBreakdownBlock(props: RoomModalProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.js

@@ -82,8 +82,31 @@ const PriceBreakdownFooter = (props) => {
             react_1.default.createElement(BookNowButton_1.default, { isFilled: true, rate: props.rate, buttonLabel: bookButtonLabel, onAddToBasketOverride: props.onAddToBasketOverride }))));
 };
 exports.PriceBreakdownFooter = PriceBreakdownFooter;
+const renderNightPrice = (rate, nightRate) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const isStayXPayY = !!(rate.nightsToDiscount && Number(rate.nightsToDiscount) > 0);
+    const isFreeNight = Number(nightRate.cost) === 0 && Number(nightRate.discount) > 0;
+    // Show "Free" for Stay X Pay Y free nights
+    if (isStayXPayY && isFreeNight) {
+        return (react_1.default.createElement("span", { className: "u-primary u-bold", style: { color: Color_1.Color.Success } }, t(Translation_1.Translation.Step.Room.FreeNight)));
+    }
+    // Regular pricing, with strikethrough of undiscounted price (if there is a discount)
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        Number(nightRate.discount) > 0 && (react_1.default.createElement("span", { style: {
+                textDecoration: 'line-through',
+                fontSize: '14px',
+                height: '1.1em',
+                position: 'absolute',
+                top: '0',
+                right: '0',
+                transform: 'translateY(-100%)',
+            }, className: "u-cross-out" },
+            react_1.default.createElement(Currency_1.default, null, Number(nightRate.cost) + Number(nightRate.discount)))),
+        react_1.default.createElement("span", { className: "u-primary u-bold" },
+            react_1.default.createElement(Currency_1.default, null, nightRate.cost))));
+};
 function PriceBreakdownBlock(props) {
-    var _a, _b, _c;
+    var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const basketContext = react_1.default.useContext(contexts_1.BasketContext);
@@ -132,22 +155,10 @@ function PriceBreakdownBlock(props) {
                             day.shortDescription && (react_1.default.createElement(Tooltip_1.default, { title: day.shortDescription },
                                 react_1.default.createElement("div", { className: "u-marg-left--light d-flex" },
                                     react_1.default.createElement(ui_1.Icon, { icon: ui_1.IconType.Info })))))))),
-                isLastDay ? (react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Misc.CheckOut))) : (react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, className: "u-pos-rel" },
-                    Number(nightRate.discount) > 0 && (react_1.default.createElement("span", { style: {
-                            textDecoration: 'line-through',
-                            fontSize: '14px',
-                            height: '1.1em',
-                            position: 'absolute',
-                            top: '0',
-                            right: '0',
-                            transform: 'translateY(-100%)',
-                        }, className: "u-cross-out" },
-                        react_1.default.createElement(Currency_1.default, null, nightRate.cost + nightRate.discount))),
-                    react_1.default.createElement("span", { className: "u-primary u-bold" },
-                        react_1.default.createElement(Currency_1.default, null, nightRate.cost))))));
+                isLastDay ? (react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Misc.CheckOut))) : (react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, className: "u-pos-rel" }, renderNightPrice(rate, nightRate)))));
         }),
         !!totalFees && !(itemisedFees === null || itemisedFees === void 0 ? void 0 : itemisedFees.length) && (react_1.default.createElement("div", { className: "u-flex u-marg-bottom" },
-            react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Step.Room.Summary.Fees, { context: (_c = ccx.selectedHotel) === null || _c === void 0 ? void 0 : _c.languageContext })),
+            react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Step.Room.Summary.Fees)),
             react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
                 react_1.default.createElement(Currency_1.default, null, totalFees)))),
         !!(itemisedFees === null || itemisedFees === void 0 ? void 0 : itemisedFees.length) && (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceBreakdownBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Icon, IconType } from '@roomstay/ui';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './PriceBreakdownBlock.module.scss';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\n\ninterface PriceBreakdownFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const PriceBreakdownFooter = (props: PriceBreakdownFooterProps) => {\n    const { t } = useTranslation();\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const { showChildren } = useSearchScopeHook();\n    // Just like the room list, if none are selected we select the last one. Possible refactor here & room list?\n    // TODO\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const days: any = [];\n    const totalDays = basketRow?.getEndDate()?.diff(basketRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = basketRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n    return (\n        <div className=\"u-flex align-items-center\">\n            <Text color={Color.DarkGrey}>\n                {basketRow !== null && (\n                    <>\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {showChildren ? <> {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;</> : null}\n                        {hotel?.childConfiguration?.supportInfants ? (\n                            <> {StringHelper.pluralWithDictAndCount(basketRow?.getInfants(), Translation.Step.Date.Infant, t)},&nbsp;</>\n                        ) : null}\n                    </>\n                )}\n                {StringHelper.pluralWithDictAndCount(days.length - 1, Translation.Misc.Night, t)}\n            </Text>\n            <div className=\"u-flex align-items-center\">\n                <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            </div>\n        </div>\n    );\n};\n\nexport default function PriceBreakdownBlock(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const basketContext = React.useContext(BasketContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: {\n        label: string;\n        alternateLabel: string;\n        shortDescription?: string;\n    }[] = rate.getLabelsByDate({ startDate: selectedRow.getStartDate(), endDate: selectedRow.getEndDate() });\n\n    const nightRates = Object.values(rate.nightRates);\n\n    let isLocked = false;\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const totalFees = rate.getTotalFees();\n    const totalTax = rate.getTotalTaxes();\n\n    const itemisedFees = rate.getItemisedFees(hotel?.fees ?? []);\n\n    const { isMobile } = useWindowSize();\n\n    return (\n        <>\n            <div className=\"row\">\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RoomType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.getRoom().name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RateType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            {days.map((day, index: number) => {\n                const isLastDay = index === days.length - 1;\n\n                const nightRate = nightRates[index];\n\n                if (!nightRate && !isLastDay) {\n                    return;\n                }\n\n                return (\n                    <div className=\"u-flex u-marg-bottom\" key={index}>\n                        <Text className={isMobile ? styles['price-breakdown-label'] : null}>\n                            <span>{day.label} </span>\n                            {day.alternateLabel && !isLastDay && (\n                                <>\n                                    <span className={styles['price-breakdown-label-override']}>\n                                        {!isMobile && '-'} {day.alternateLabel}\n                                        {day.shortDescription && (\n                                            <Tooltip title={day.shortDescription}>\n                                                <div className=\"u-marg-left--light d-flex\">\n                                                    <Icon icon={IconType.Info} />\n                                                </div>\n                                            </Tooltip>\n                                        )}\n                                    </span>\n                                </>\n                            )}\n                        </Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {Number(nightRate.discount) > 0 && (\n                                    <span\n                                        style={{\n                                            textDecoration: 'line-through',\n                                            fontSize: '14px',\n                                            height: '1.1em',\n                                            position: 'absolute',\n                                            top: '0',\n                                            right: '0',\n                                            transform: 'translateY(-100%)',\n                                        }}\n                                        className=\"u-cross-out\"\n                                    >\n                                        <Currency>{nightRate.cost + nightRate.discount}</Currency>\n                                    </span>\n                                )}\n                                <span className=\"u-primary u-bold\">\n                                    <Currency>{nightRate.cost}</Currency>\n                                </span>\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && !itemisedFees?.length && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Fees, { context: ccx.selectedHotel?.languageContext })}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalFees}</Currency>\n                    </Text>\n                </div>\n            )}\n            {!!itemisedFees?.length && (\n                <>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom\">\n                        {itemisedFees.map((fee) => (\n                            <div key={fee.hotelFee.name} className=\"u-flex\">\n                                <Text>\n                                    <Text inline bold>\n                                        {fee.hotelFee.name}\n                                    </Text>\n                                    {fee.hotelFee.description && ` (${fee.hotelFee.description})`}\n                                </Text>\n                                <Text color={Color.DarkGrey}>\n                                    <span className=\"u-primary u-bold\">\n                                        <Currency>{fee.amount}</Currency>\n                                    </span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </>\n            )}\n            {!!totalTax && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalTax}</Currency>\n                    </Text>\n                </div>\n            )}\n\n            <div className=\"u-marg-top-bottom--heavy u-flex flex-column align-items-end\">\n                <Text type={TextType.Small} color={Color.Navy}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <RoomDetailsPriceBlock\n                    isLocked={isLocked}\n                    averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                    averagePrice={rate.getTotalPrice()}\n                    isMemberOnly={props.rate.isMemberOnly}\n                    hidePerNight\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"PriceBreakdownBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Icon, IconType } from '@roomstay/ui';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport RoomRateNight from '@/models/Room/RoomRateNight';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './PriceBreakdownBlock.module.scss';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\n\ninterface PriceBreakdownFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const PriceBreakdownFooter = (props: PriceBreakdownFooterProps) => {\n    const { t } = useTranslation();\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const { showChildren } = useSearchScopeHook();\n    // Just like the room list, if none are selected we select the last one. Possible refactor here & room list?\n    // TODO\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const days: any = [];\n    const totalDays = basketRow?.getEndDate()?.diff(basketRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = basketRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n    return (\n        <div className=\"u-flex align-items-center\">\n            <Text color={Color.DarkGrey}>\n                {basketRow !== null && (\n                    <>\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {showChildren ? <> {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;</> : null}\n                        {hotel?.childConfiguration?.supportInfants ? (\n                            <> {StringHelper.pluralWithDictAndCount(basketRow?.getInfants(), Translation.Step.Date.Infant, t)},&nbsp;</>\n                        ) : null}\n                    </>\n                )}\n                {StringHelper.pluralWithDictAndCount(days.length - 1, Translation.Misc.Night, t)}\n            </Text>\n            <div className=\"u-flex align-items-center\">\n                <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            </div>\n        </div>\n    );\n};\n\nconst renderNightPrice = (rate: RoomRate, nightRate: RoomRateNight) => {\n    const { t } = useTranslation();\n    const isStayXPayY = !!(rate.nightsToDiscount && Number(rate.nightsToDiscount) > 0);\n    const isFreeNight = Number(nightRate.cost) === 0 && Number(nightRate.discount) > 0;\n\n    // Show \"Free\" for Stay X Pay Y free nights\n    if (isStayXPayY && isFreeNight) {\n        return (\n            <span className=\"u-primary u-bold\" style={{ color: Color.Success }}>\n                {t(Translation.Step.Room.FreeNight)}\n            </span>\n        );\n    }\n\n    // Regular pricing, with strikethrough of undiscounted price (if there is a discount)\n    return (\n        <>\n            {Number(nightRate.discount) > 0 && (\n                <span\n                    style={{\n                        textDecoration: 'line-through',\n                        fontSize: '14px',\n                        height: '1.1em',\n                        position: 'absolute',\n                        top: '0',\n                        right: '0',\n                        transform: 'translateY(-100%)',\n                    }}\n                    className=\"u-cross-out\"\n                >\n                    <Currency>{Number(nightRate.cost) + Number(nightRate.discount)}</Currency>\n                </span>\n            )}\n            <span className=\"u-primary u-bold\">\n                <Currency>{nightRate.cost}</Currency>\n            </span>\n        </>\n    );\n};\n\nexport default function PriceBreakdownBlock(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const basketContext = React.useContext(BasketContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: {\n        label: string;\n        alternateLabel: string;\n        shortDescription?: string;\n    }[] = rate.getLabelsByDate({ startDate: selectedRow.getStartDate(), endDate: selectedRow.getEndDate() });\n\n    const nightRates = Object.values(rate.nightRates);\n\n    let isLocked = false;\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const totalFees = rate.getTotalFees();\n    const totalTax = rate.getTotalTaxes();\n\n    const itemisedFees = rate.getItemisedFees(hotel?.fees ?? []);\n\n    const { isMobile } = useWindowSize();\n\n    return (\n        <>\n            <div className=\"row\">\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RoomType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.getRoom().name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RateType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            {days.map((day, index: number) => {\n                const isLastDay = index === days.length - 1;\n\n                const nightRate = nightRates[index];\n\n                if (!nightRate && !isLastDay) {\n                    return;\n                }\n\n                return (\n                    <div className=\"u-flex u-marg-bottom\" key={index}>\n                        <Text className={isMobile ? styles['price-breakdown-label'] : null}>\n                            <span>{day.label} </span>\n                            {day.alternateLabel && !isLastDay && (\n                                <>\n                                    <span className={styles['price-breakdown-label-override']}>\n                                        {!isMobile && '-'} {day.alternateLabel}\n                                        {day.shortDescription && (\n                                            <Tooltip title={day.shortDescription}>\n                                                <div className=\"u-marg-left--light d-flex\">\n                                                    <Icon icon={IconType.Info} />\n                                                </div>\n                                            </Tooltip>\n                                        )}\n                                    </span>\n                                </>\n                            )}\n                        </Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {renderNightPrice(rate, nightRate)}\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && !itemisedFees?.length && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Fees)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalFees}</Currency>\n                    </Text>\n                </div>\n            )}\n            {!!itemisedFees?.length && (\n                <>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom\">\n                        {itemisedFees.map((fee) => (\n                            <div key={fee.hotelFee.name} className=\"u-flex\">\n                                <Text>\n                                    <Text inline bold>\n                                        {fee.hotelFee.name}\n                                    </Text>\n                                    {fee.hotelFee.description && ` (${fee.hotelFee.description})`}\n                                </Text>\n                                <Text color={Color.DarkGrey}>\n                                    <span className=\"u-primary u-bold\">\n                                        <Currency>{fee.amount}</Currency>\n                                    </span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </>\n            )}\n            {!!totalTax && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalTax}</Currency>\n                    </Text>\n                </div>\n            )}\n\n            <div className=\"u-marg-top-bottom--heavy u-flex flex-column align-items-end\">\n                <Text type={TextType.Small} color={Color.Navy}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <RoomDetailsPriceBlock\n                    isLocked={isLocked}\n                    averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                    averagePrice={rate.getTotalPrice()}\n                    isMemberOnly={props.rate.isMemberOnly}\n                    hidePerNight\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export interface RoomRateRowProps {
     rate: RoomRate;
@@ -6,4 +5,4 @@ export interface RoomRateRowProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     isPromoRate?: boolean;
 }
-export default function ReadMoreRoomRateRow(props: RoomRateRowProps): React.JSX.Element;
+export default function ReadMoreRoomRateRow(props: RoomRateRowProps): JSX.Element;

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRateDescriptionTabProps {
     rate: RoomRate;
@@ -9,6 +8,6 @@ interface RoomRateDescriptionFooterProps {
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;
     onAddToBasketOverride?: (rate: RoomRate) => void;
 }
-export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => React.JSX.Element;
-export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): React.JSX.Element;
+export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => JSX.Element;
+export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export declare enum RoomRateDetailsAndPriceBreakdownModalTabs {
     PriceBreakdown = "Price Breakdown",
@@ -12,5 +11,5 @@ interface RoomRateDetailsAndPriceBreakdownModalProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     onClose: () => void;
 }
-export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): React.JSX.Element;
+export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.d.ts

@@ -1,8 +1,7 @@
 import './RoomRateListPromotion.global.scss';
-import React from 'react';
 import type { IPromotion } from '../../../../../../models/Promotion/IPromotion.type';
 type RoomRateListPromotionProps = {
     promotion: IPromotion;
 };
-export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => React.JSX.Element;
+export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRatePills.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Room } from '../../../../../models/Room/Room';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRatePillsProps {
@@ -8,5 +7,5 @@ interface RoomRatePillsProps {
     noMargin?: boolean;
     rateDescription?: boolean;
 }
-export default function RoomRatePills(props: RoomRatePillsProps): React.JSX.Element;
+export default function RoomRatePills(props: RoomRatePillsProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InlineRoomMiniEngineConfig } from '../../../../../engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export interface RoomRateRowProps extends Pick<InlineRoomMiniEngineConfig, 'policy' | 'priceDescription'> {
@@ -8,4 +7,4 @@ export interface RoomRateRowProps extends Pick<InlineRoomMiniEngineConfig, 'poli
     isPromoRate?: boolean;
     isCardLayout?: boolean;
 }
-export default function RoomRateRow(props: RoomRateRowProps): React.JSX.Element;
+export default function RoomRateRow(props: RoomRateRowProps): JSX.Element;

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRates.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InlineRoomMiniEngineConfig } from '../../../../../engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export interface RoomRatesProps extends Pick<InlineRoomMiniEngineConfig, 'policy' | 'priceDescription'> {
@@ -11,4 +10,4 @@ export interface RoomRatesProps extends Pick<InlineRoomMiniEngineConfig, 'policy
     onAddToBasketOverride?: (rate: RoomRate) => void;
     isCardLayout?: boolean;
 }
-export default function RoomRates(props: RoomRatesProps): React.JSX.Element;
+export default function RoomRates(props: RoomRatesProps): JSX.Element;

package/dist/src/components/steps/room/roomDetails/unavailableRoom/UnavailableRoom.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { Room } from '../../../../../models/Room/Room';
 export interface UnavailableRoomProps {
     room: Room;
 }
-export default function UnavailableRoom({ room }: UnavailableRoomProps): React.JSX.Element;
+export default function UnavailableRoom({ room }: UnavailableRoomProps): JSX.Element;

package/dist/src/components/steps/room/roomFilter/AppliedFiltersBlock.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function AppliedFiltersBlock(): React.JSX.Element;
+export default function AppliedFiltersBlock(): JSX.Element;

package/dist/src/components/steps/room/roomFilter/RoomFilterOverlay.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 export interface RoomFilterProps {
     anchorEl: any;
@@ -6,4 +5,4 @@ export interface RoomFilterProps {
     open: boolean;
     onClose?: () => void;
 }
-export default function RoomFilterOverlay(props: RoomFilterProps): React.JSX.Element;
+export default function RoomFilterOverlay(props: RoomFilterProps): JSX.Element;

package/dist/src/components/steps/room/roomFilter/RoomFilterPriceSlider.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BudgetFilter from '../../../../models/Room/Filters/BudgetFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterPriceSliderProps {
@@ -6,5 +5,5 @@ interface RoomFilterPriceSliderProps {
     roomList: Room[];
     onChange: (filter: BudgetFilter | null) => void;
 }
-export default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps): React.JSX.Element;
+export default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import RateTypeFilter from '../../../../models/Room/Filters/RateTypeFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterRateTypeProps {
@@ -6,5 +5,5 @@ interface RoomFilterRateTypeProps {
     roomList: Room[];
     onChange: (filter: RateTypeFilter | null) => void;
 }
-export default function RoomFilterRateType(props: RoomFilterRateTypeProps): React.JSX.Element;
+export default function RoomFilterRateType(props: RoomFilterRateTypeProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import RoomTypeFilter from '../../../../models/Room/Filters/RoomTypeFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterRoomTypeProps {
@@ -6,5 +5,5 @@ interface RoomFilterRoomTypeProps {
     filter: RoomTypeFilter;
     onChange: (filter: RoomTypeFilter | null) => void;
 }
-export default function RoomFilterRoomType(props: RoomFilterRoomTypeProps): React.JSX.Element;
+export default function RoomFilterRoomType(props: RoomFilterRoomTypeProps): JSX.Element;
 export {};

package/dist/src/components/summary/BEMobileSummary.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function BEMobileSummary(): React.JSX.Element;
+export default function BEMobileSummary(): JSX.Element;

package/dist/src/components/summary/BEMobileSummaryModal.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export interface BEMobileSummaryModalProps {
     isOpen?: boolean;
     onClose?: () => void;
     showImages?: boolean;
 }
-export default function BEMobileSummaryModal(props: BEMobileSummaryModalProps): React.JSX.Element;
+export default function BEMobileSummaryModal(props: BEMobileSummaryModalProps): JSX.Element;

package/dist/src/components/summary/BESummary.d.ts

@@ -1,7 +1,6 @@
 import { OrderableReactList } from '../../hooks/index.js';
-import React from 'react';
 export interface BESummaryProps {
     showImages?: boolean;
 }
 export declare const BESummaryLayoutOrder: OrderableReactList;
-export declare function BESummary(props: BESummaryProps): React.JSX.Element;
+export declare function BESummary(props: BESummaryProps): JSX.Element;

package/dist/src/components/summary/BESummaryAddonRow.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import BasketAddonRow from '../../models/BasketAddonRow';
 interface BESummaryAddonRowProps {
     row: BasketAddonRow;
     onRemoveClick: () => void;
 }
-export default function BESummaryAddonRow(props: BESummaryAddonRowProps): React.JSX.Element;
+export default function BESummaryAddonRow(props: BESummaryAddonRowProps): JSX.Element;
 export {};

package/dist/src/components/summary/BESummaryPerkBlock.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export interface BESummaryPerkBlockProps {
     size: 'mobile' | 'desktop';
 }
 export declare const BE_SUMMARY_PERK_BLOCK = "BESummaryPerkBlock";
-export declare function BESummaryPerkBlock(props: BESummaryPerkBlockProps): React.JSX.Element;
+export declare function BESummaryPerkBlock(props: BESummaryPerkBlockProps): JSX.Element;

package/dist/src/components/summary/BESummaryPrivacyPolicy.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function BESummaryPrivacyPolicy(): React.JSX.Element;
+export default function BESummaryPrivacyPolicy(): JSX.Element;

package/dist/src/components/summary/BESummaryRoomRow.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRow from '../../models/BasketRow';
 interface BESummaryRoomRowProps {
     index: number;
@@ -6,5 +5,5 @@ interface BESummaryRoomRowProps {
     showImages: boolean;
     onEditPropertyClicked?: () => void;
 }
-export default function BESummaryRoomRow(props: BESummaryRoomRowProps): React.JSX.Element;
+export default function BESummaryRoomRow(props: BESummaryRoomRowProps): JSX.Element;
 export {};

package/dist/src/components/summary/BESummaryRoomRow.js

@@ -135,7 +135,7 @@ function BESummaryRoomRow(props) {
             !!rowFees && !rowItemisedFees && (
             // Only show fees if we don't have itemised fees. If we have itemised fees they will be shown later.
             react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },
-                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: textWhiteOr() }, t(Translation_1.Translation.Step.Room.Summary.Fees, { context: hotel === null || hotel === void 0 ? void 0 : hotel.languageContext })),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: textWhiteOr() }, t(Translation_1.Translation.Step.Room.Summary.Fees)),
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: textWhiteOr(Color_1.Color.DarkGrey) },
                     react_1.default.createElement(Currency_1.default, null, rowFees)))),
             !!rowTaxes && (react_1.default.createElement("div", { className: "u-marg-bottom--light u-flex" },