@roomstay/frontend 2.4.2 → 2.4.4-0

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Room } from '../../../models/Room/Room';
 import { RoomRate } from '../../../models/Room/RoomRate';
 interface RoomModalProps {
@@ -7,5 +8,5 @@ interface RoomModalProps {
     open: boolean;
     onClose?: () => void;
 }
-export default function RoomModal(props: RoomModalProps): JSX.Element;
+export default function RoomModal(props: RoomModalProps): React.JSX.Element;
 export {};

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

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

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

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const STEP_ROOM_BEST_RATE_ALERT = "StepRoomBestRateAlert";
-export default function StepRoomBestRateAlert(): JSX.Element;
+export default function StepRoomBestRateAlert(): React.JSX.Element;

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

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

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

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

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

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

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

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

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { HotelRoomGroupsDTO } from '../../../../models/Api/HotelDTO';
 import { Room } from '../../../../models/Room/Room';
 type TabGroupedRoomListProps = {
     rooms: Room[];
     group: HotelRoomGroupsDTO[number];
 };
-export declare const TabGroupedRoomList: (props: TabGroupedRoomListProps) => JSX.Element;
+export declare const TabGroupedRoomList: (props: TabGroupedRoomListProps) => React.JSX.Element;
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,9 @@
+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): JSX.Element;
+export declare function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps): React.JSX.Element;
 export {};

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

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

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

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

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

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

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

@@ -52,7 +52,7 @@ function BookNowButton(props) {
         }
     };
     return (react_1.default.createElement("span", { ref: ref },
-        react_1.default.createElement(BEButton_1.default, { isLoading: isLoading, name: "AddRateToCard", filled: props.isFilled, primary: true, mobileWidth: true, wide: context.screenSize <= ScreenSize_1.default.Medium, onClick: addRateOnClick, textColor: (0, Color_1.getContrastTextColor)(hotel === null || hotel === void 0 ? void 0 : hotel.colors.accent) }, props.buttonLabel)));
+        react_1.default.createElement(BEButton_1.default, { isLoading: isLoading, name: "AddRateToCard", filled: props.isFilled, primary: true, mobileWidth: true, wide: context.screenSize <= ScreenSize_1.default.Medium, onClick: addRateOnClick, textColor: (0, Color_1.getContrastTextColor)(props.isFilled ? hotel === null || hotel === void 0 ? void 0 : hotel.colors.accent : '#FFFFFF') }, props.buttonLabel)));
 }
 exports.default = BookNowButton;
 //# sourceMappingURL=BookNowButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookNowButton.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/BookNowButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAyE;AACzE,+CAA4D;AAE5D,6EAAqD;AACrD,mCAA0C;AAE1C,wCAAoD;AACpD,mEAA2C;AAU3C,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,CAAC,qBAAqB,EAAE;YAC7B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAC3C;aAAM;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACxC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;iBACvB;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,OAAO,CACH,wCAAM,GAAG,EAAE,GAAG;QACV,8BAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,QACP,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAC7C,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAA,4BAAoB,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,MAAM,CAAC,IAEpD,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC;AAtCD,gCAsCC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { useCurrentHotel } from '@/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { getContrastTextColor } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface BookNowButtonProps {\n    buttonLabel: string;\n    rate: RoomRate;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isFilled?: boolean;\n}\n\nexport default function BookNowButton(props: BookNowButtonProps) {\n    const basketContext = useContext(BasketContext);\n    const [isLoading, setIsLoading] = useState(false);\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const ref = useRef(null);\n\n    const addRateOnClick = () => {\n        if (props.onAddToBasketOverride) {\n            props.onAddToBasketOverride(props.rate);\n        } else {\n            setIsLoading(true);\n\n            basketContext.addRate(props.rate).then(() => {\n                if (ref?.current) {\n                    setIsLoading(false);\n                }\n            });\n        }\n    };\n\n    return (\n        <span ref={ref}>\n            <BEButton\n                isLoading={isLoading}\n                name=\"AddRateToCard\"\n                filled={props.isFilled}\n                primary\n                mobileWidth\n                wide={context.screenSize <= ScreenSize.Medium}\n                onClick={addRateOnClick}\n                textColor={getContrastTextColor(hotel?.colors.accent)}\n            >\n                {props.buttonLabel}\n            </BEButton>\n        </span>\n    );\n}\n"]}
+{"version":3,"file":"BookNowButton.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/BookNowButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAyE;AACzE,+CAA4D;AAE5D,6EAAqD;AACrD,mCAA0C;AAE1C,wCAAoD;AACpD,mEAA2C;AAU3C,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,CAAC,qBAAqB,EAAE;YAC7B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAC3C;aAAM;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACxC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;iBACvB;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,OAAO,CACH,wCAAM,GAAG,EAAE,GAAG;QACV,8BAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,QACP,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAC7C,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAA,4BAAoB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAEjF,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC;AAtCD,gCAsCC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { useCurrentHotel } from '@/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { getContrastTextColor } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface BookNowButtonProps {\n    buttonLabel: string;\n    rate: RoomRate;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isFilled?: boolean;\n}\n\nexport default function BookNowButton(props: BookNowButtonProps) {\n    const basketContext = useContext(BasketContext);\n    const [isLoading, setIsLoading] = useState(false);\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const ref = useRef(null);\n\n    const addRateOnClick = () => {\n        if (props.onAddToBasketOverride) {\n            props.onAddToBasketOverride(props.rate);\n        } else {\n            setIsLoading(true);\n\n            basketContext.addRate(props.rate).then(() => {\n                if (ref?.current) {\n                    setIsLoading(false);\n                }\n            });\n        }\n    };\n\n    return (\n        <span ref={ref}>\n            <BEButton\n                isLoading={isLoading}\n                name=\"AddRateToCard\"\n                filled={props.isFilled}\n                primary\n                mobileWidth\n                wide={context.screenSize <= ScreenSize.Medium}\n                onClick={addRateOnClick}\n                textColor={getContrastTextColor(props.isFilled ? hotel?.colors.accent : '#FFFFFF')}\n            >\n                {props.buttonLabel}\n            </BEButton>\n        </span>\n    );\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,8 @@
 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) => JSX.Element;
+export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Room } from '../../../../../models/Room/Room';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRatePillsProps {
@@ -5,5 +6,5 @@ interface RoomRatePillsProps {
     rate?: RoomRate;
     limit?: number;
 }
-export default function RoomRatePills(props: RoomRatePillsProps): JSX.Element;
+export default function RoomRatePills(props: RoomRatePillsProps): React.JSX.Element;
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 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): JSX.Element;
+export declare function BESummary(props: BESummaryProps): React.JSX.Element;

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

@@ -83,7 +83,7 @@ function BESummary(props) {
     const toString = (val) => val.filter((it) => !!it && it !== '0').join(', ');
     const renderLine = (line) => {
         if (line) {
-            return react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, line);
+            return (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, key: line }, line));
         }
         return null;
     };

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 SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport Text, { TextType } from '@/components/generic/Text';\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', {\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\">\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) => {\n        if (line) {\n            return <Text type={TextType.Small}>{line}</Text>;\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), renderLine(line2)];\n    };\n\n    const showBasketItems = selectedBasketRows && selectedBasketRows.length;\n\n    const totalSection = useMemo(() => {\n        if (hotel?.requireDeposit && engineContext.currentStep?.getStepUrl() === StepConfirmation.getStepUrl()) {\n            const originalPrice = basketContext.getTotalPrice(true);\n            const totalDeposit = basketContext.getTotalDeposit();\n            const totalFees = basketContext.getTotalFees();\n            const total = basketContext.getTotalPrice();\n\n            const isLoading = basketContext.isLoadingPriceQuote;\n\n            return (\n                <div className=\"u-marg-top--light\" style={{ position: 'relative' }}>\n                    {isLoading && <OverlayLoader />}\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Sub-total</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{originalPrice}</Currency>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Fees</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalFees}</Currency>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Deposit</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalDeposit}</Currency>\n                        </Text>\n                    </div>\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>{total}</Currency>\n                            </Headline>\n                        </div>\n\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\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                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                    </Text>\n                </div>\n            );\n        }\n    }, [basketContext.currentBasketRows, basketContext.isLoadingPriceQuote]);\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\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                </>\n            ) : (\n                <div className=\"u-marg-bottom\">\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\">\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\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 SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport Text, { TextType } from '@/components/generic/Text';\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', {\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\">\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) => {\n        if (line) {\n            return (\n                <Text type={TextType.Small} key={line}>\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), renderLine(line2)];\n    };\n\n    const showBasketItems = selectedBasketRows && selectedBasketRows.length;\n\n    const totalSection = useMemo(() => {\n        if (hotel?.requireDeposit && engineContext.currentStep?.getStepUrl() === StepConfirmation.getStepUrl()) {\n            const originalPrice = basketContext.getTotalPrice(true);\n            const totalDeposit = basketContext.getTotalDeposit();\n            const totalFees = basketContext.getTotalFees();\n            const total = basketContext.getTotalPrice();\n\n            const isLoading = basketContext.isLoadingPriceQuote;\n\n            return (\n                <div className=\"u-marg-top--light\" style={{ position: 'relative' }}>\n                    {isLoading && <OverlayLoader />}\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Sub-total</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{originalPrice}</Currency>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Fees</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalFees}</Currency>\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex\">\n                        <Text type={TextType.Small}>Deposit</Text>\n                        <Text type={TextType.Small}>\n                            <Currency>{totalDeposit}</Currency>\n                        </Text>\n                    </div>\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>{total}</Currency>\n                            </Headline>\n                        </div>\n\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\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                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                    </Text>\n                </div>\n            );\n        }\n    }, [basketContext.currentBasketRows, basketContext.isLoadingPriceQuote]);\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\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                </>\n            ) : (\n                <div className=\"u-marg-bottom\">\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\">\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\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/components/summary/BESummaryAddonRow.d.ts

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Hotel } from '../../models/Client/Hotel/Hotel';
 interface TransportDistanceFromHotelBlockProps {
     vertical?: boolean;
@@ -5,5 +6,5 @@ interface TransportDistanceFromHotelBlockProps {
     distanceOverrides?: any;
     hotel?: Hotel;
 }
-export default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps): JSX.Element;
+export default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps): React.JSX.Element;
 export {};

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

@@ -2,4 +2,4 @@ import React from 'react';
 export interface BasketContextWrapperProps {
     children: React.ReactNode;
 }
-export declare function BasketContextWrapper(props: BasketContextWrapperProps): JSX.Element;
+export declare function BasketContextWrapper(props: BasketContextWrapperProps): React.JSX.Element;

package/dist/src/contexts/BookingEngineContext/BookingEngineContextWrapper.d.ts

@@ -4,4 +4,4 @@ export interface BookingEngineContextWrapperProps {
     children: React.ReactNode;
     engine: BaseEngine<BaseEngineConfig>;
 }
-export declare function BookingEngineContextWrapper({ engine, children }: BookingEngineContextWrapperProps): JSX.Element;
+export declare function BookingEngineContextWrapper({ engine, children }: BookingEngineContextWrapperProps): React.JSX.Element;

package/dist/src/contexts/CompanyContext/CompanyContextWrapper.d.ts

@@ -1,8 +1,8 @@
-import { ReactChild } from 'react';
+import React, { ReactChild } from 'react';
 import type { ConfigCompany } from '../../models/Client/Hotel/Company';
 interface CompanyContextWrapperProps {
     children: ReactChild;
     configCompany: ConfigCompany;
 }
-export declare const CompanyContextWrapper: ({ configCompany: company, children }: CompanyContextWrapperProps) => JSX.Element;
+export declare const CompanyContextWrapper: ({ configCompany: company, children }: CompanyContextWrapperProps) => React.JSX.Element;
 export {};

package/dist/src/contexts/ConfirmationFormContext.d.ts

@@ -12,5 +12,5 @@ type ConfirmationValidator = {
     name: string;
     validate: (scrollToInput?: boolean) => boolean;
 };
-export declare function ConfirmationFormContextWrapper(props: ConfirmationFormContextWrapperProps): JSX.Element;
+export declare function ConfirmationFormContextWrapper(props: ConfirmationFormContextWrapperProps): React.JSX.Element;
 export {};

package/dist/src/contexts/ErrorContext.d.ts

@@ -16,4 +16,4 @@ interface ErrorContextWrapperProps {
 export declare const ErrorHandler: {
     add: (error: ErrorType) => void;
 } | any;
-export declare function ErrorContextWrapper(props: ErrorContextWrapperProps): JSX.Element;
+export declare function ErrorContextWrapper(props: ErrorContextWrapperProps): React.JSX.Element;

package/dist/src/contexts/FullPageEngineContext/FullPageEngineContextWrapper.d.ts

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

package/dist/src/contexts/HotelOverridesContext.d.ts

@@ -6,5 +6,5 @@ interface IHotelOverridesContext extends Omit<HotelOverrideDTO, 'overrideDistanc
 export declare const HotelOverridesContext: React.Context<IHotelOverridesContext>;
 export declare const HotelOverridesContextWrapper: ({ children }: {
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};