@roomstay/frontend 2.6.85 → 2.6.86

package/dist/src/animations/AutoAutoHeight.d.ts

@@ -6,5 +6,5 @@ interface AutoAutoHeightProps {
     onComponentHidden?: () => void;
     topOffset?: number;
 }
-export default function AutoAutoHeight(props: AutoAutoHeightProps): JSX.Element;
+export default function AutoAutoHeight(props: AutoAutoHeightProps): React.JSX.Element;
 export {};

package/dist/src/components/User/Forms/ForgotPasswordForm.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type ForgotPasswordFormProps = {
     onPasswordReset?: () => void;
     onCancelled?: () => void;
     onDone?: () => void;
     onNotVerified?: () => void;
 };
-export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => JSX.Element;
+export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => React.JSX.Element;
 export {};

package/dist/src/components/User/Forms/SignUpForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type SignUpFormProps = {
     onForgotPassword?: () => void;
     onSignIn?: () => void;
@@ -10,5 +11,5 @@ type SignUpFormProps = {
     hideTitle?: boolean;
     reduceMargins?: boolean;
 };
-export declare const SignUpForm: (props: SignUpFormProps) => JSX.Element;
+export declare const SignUpForm: (props: SignUpFormProps) => React.JSX.Element;
 export {};

package/dist/src/components/User/Forms/VerifyEmailForm.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type VerifyEmailFormProps = {
     onForgotPassword?: () => void;
     onSignIn?: () => void;
     onDone?: () => void;
 };
-export declare const VerifyEmailForm: (props: VerifyEmailFormProps) => JSX.Element;
+export declare const VerifyEmailForm: (props: VerifyEmailFormProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/AgedBetweenLabel/AgedBetweenLabel.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 type AgedBetweenLabelProps = {
     min?: number;
     max?: number;
 };
-export declare const AgedBetweenLabel: ({ min, max }: AgedBetweenLabelProps) => JSX.Element | null;
+export declare const AgedBetweenLabel: ({ min, max }: AgedBetweenLabelProps) => React.JSX.Element | null;
 export {};

package/dist/src/components/generic/Alert.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import { IconType } from './Icon/Icon';
 export declare enum AlertType {
     Alert = "--alert",
@@ -26,4 +26,4 @@ export interface AlertProps extends PropsWithChildren<any> {
     iconClassName?: string;
     [x: string]: ReactNode;
 }
-export default function Alert(props: AlertProps): JSX.Element;
+export default function Alert(props: AlertProps): React.JSX.Element;

package/dist/src/components/generic/BEButton.d.ts

@@ -26,4 +26,4 @@ export interface BEButtonProps extends PropsWithChildren<any> {
     iconSize?: string;
     [x: string]: React.ReactNode;
 }
-export default function BEButton(props: BEButtonProps): JSX.Element;
+export default function BEButton(props: BEButtonProps): React.JSX.Element;

package/dist/src/components/generic/BackButton.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface BackButtonProps {
     onClick?: () => void;
 }
-export default function BackButton(props: BackButtonProps): JSX.Element;
+export default function BackButton(props: BackButtonProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/BookingWizardBottomSheet.d.ts

@@ -9,9 +9,9 @@ interface BWBottomSheetFooterProps {
     nextLabel?: string;
     disabledNext?: boolean;
 }
-export declare const BWBottomSheetFooter: ({ onPrev, onNext, hidePrev, preLabel, nextLabel, disabledNext }: BWBottomSheetFooterProps) => JSX.Element | null;
+export declare const BWBottomSheetFooter: ({ onPrev, onNext, hidePrev, preLabel, nextLabel, disabledNext }: BWBottomSheetFooterProps) => React.JSX.Element | null;
 export declare const BWBottomSheetHeader: ({ title, onClose }: {
     title: ReactNode;
     onClose: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default BookingWizardBottomSheet;

package/dist/src/components/generic/BookingWizard/BookingWizardContent.d.ts

@@ -23,7 +23,7 @@ export interface BookingWizardContentProps {
     dateFormat?: string;
 }
 export declare const BookingWizardContent: React.FC<BookingWizardContentProps>;
-export declare const BWPromoCodeSection: ({ inactive, hidden, setPromoCode, promoCode, onChange, valid, hideTooltip, t, isImagesTheme, divider, withLabel, }: BWPromoCodeSectionProps) => JSX.Element | null;
+export declare const BWPromoCodeSection: ({ inactive, hidden, setPromoCode, promoCode, onChange, valid, hideTooltip, t, isImagesTheme, divider, withLabel, }: BWPromoCodeSectionProps) => React.JSX.Element | null;
 type BWIconButtonProps = {
     show: boolean;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
@@ -34,8 +34,8 @@ type BWIconButtonProps = {
     name: string;
     className: string;
 };
-export declare const BWClearButton: (props: Omit<BWIconButtonProps, "icon" | "name" | "className">) => JSX.Element;
-export declare const BWSearchButton: (props: Omit<BWIconButtonProps, "icon" | "name" | "className" | "onClick">) => JSX.Element;
+export declare const BWClearButton: (props: Omit<BWIconButtonProps, "icon" | "name" | "className">) => React.JSX.Element;
+export declare const BWSearchButton: (props: Omit<BWIconButtonProps, "icon" | "name" | "className" | "onClick">) => React.JSX.Element;
 interface BWPromoCodeSectionProps {
     inactive: boolean;
     hidden: boolean;

package/dist/src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.d.ts

@@ -16,5 +16,5 @@ interface BookingWizardHotelSelectorProps {
         focused: boolean;
     };
 }
-export declare const BookingWizardHotelSelector: (props: BookingWizardHotelSelectorProps) => JSX.Element;
+export declare const BookingWizardHotelSelector: (props: BookingWizardHotelSelectorProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { IconType } from '../../Icon/Icon';
 import { Color } from '../../../../util/Color';
 type IconNavCardProps = {
@@ -12,5 +12,5 @@ type IconNavCardProps = {
         color?: Color;
     };
 };
-export declare const IconNavCard: (props: IconNavCardProps) => JSX.Element | null;
+export declare const IconNavCard: (props: IconNavCardProps) => React.JSX.Element | null;
 export {};

package/dist/src/components/generic/Countdown.d.ts

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface CountdownProps {
     endTimeDate: dayjs.Dayjs;
     onEnd?: () => void;
 }
-export default function Countdown(props: CountdownProps): JSX.Element;
+export default function Countdown(props: CountdownProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Currency.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { UseCurrencyProps } from '../../hooks/Currency';
 export default function Currency(props: UseCurrencyProps & {
     forceHideDecimals?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/src/components/generic/DateRangePicker/DateRangePicker.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 import { ShowYearOnCalendarProps } from '../../../models/Api/HotelOverrideDTO';
 import { EBookingWizardTheme } from '../BookingWizard/BookingWizard';
 export interface DatePickerProps extends ShowYearOnCalendarProps {
@@ -18,4 +19,4 @@ export interface DatePickerProps extends ShowYearOnCalendarProps {
     theme?: EBookingWizardTheme;
     className?: string;
 }
-export default function DateRangePicker(props: DatePickerProps): JSX.Element;
+export default function DateRangePicker(props: DatePickerProps): React.JSX.Element;

package/dist/src/components/generic/DateRangePicker/DateRangePickerDay.d.ts

@@ -1,4 +1,5 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 import { Color } from '../../../util/Color';
 interface DatePickerDayProps {
     text: any;
@@ -17,5 +18,5 @@ export declare enum DatePickerDayStatus {
     Loading = "--loading",
     Selected = "--selected"
 }
-export default function DateRangePickerDay(props: DatePickerDayProps): JSX.Element;
+export default function DateRangePickerDay(props: DatePickerDayProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/DateRangePicker/DateRangePickerDays.d.ts

@@ -1,6 +1,7 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
 }
-export default function DateRangePickerDays(props: DatePickerDaysProps): JSX.Element;
+export default function DateRangePickerDays(props: DatePickerDaysProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/DateRangePicker/DateRangePickerMonth.d.ts

@@ -1,8 +1,9 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 import { ShowYearOnCalendarProps } from '../../../models/Api/HotelOverrideDTO';
 interface DatePickerMonthProps extends ShowYearOnCalendarProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
 }
-export default function DateRangePickerMonth(props: DatePickerMonthProps): JSX.Element;
+export default function DateRangePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Distance.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface DistanceProps {
     distance: number | string;
     unit?: string;
 }
-export default function Distance({ distance, unit }: DistanceProps): JSX.Element;
+export default function Distance({ distance, unit }: DistanceProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Headline.d.ts

@@ -11,4 +11,4 @@ export interface HeadlineProps extends PropsWithChildren<any> {
     className?: string;
     [x: string]: React.ReactNode;
 }
-export default function Headline(props: HeadlineProps): JSX.Element;
+export default function Headline(props: HeadlineProps): React.JSX.Element;

package/dist/src/components/generic/HtmlContentViewer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const HtmlContentViewer: ({ content }: {
     content: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/src/components/generic/InputGroup/InputGroup.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { InputGroupDimensions } from './InputGroup.types';
 export interface InputGroupProps {
     children: ReactNode | ReactNode[];
     dimensions?: InputGroupDimensions;
     noMargin?: boolean;
 }
-export default function InputGroup(props: InputGroupProps): JSX.Element;
+export default function InputGroup(props: InputGroupProps): React.JSX.Element;

package/dist/src/components/generic/LineBreak.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface LineBreakProps {
     darker?: boolean;
     noMargins?: boolean;
     smallMargins?: boolean;
     fullBleed?: boolean;
 }
-export default function LineBreak(props: LineBreakProps): JSX.Element;
+export default function LineBreak(props: LineBreakProps): React.JSX.Element;

package/dist/src/components/generic/Notification.d.ts

@@ -9,5 +9,5 @@ interface NotificationProps {
     data: NotificationType;
     onRemove?: (id: number) => void;
 }
-export default function Notification(props: NotificationProps): JSX.Element;
+export default function Notification(props: NotificationProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/NumberIncrement.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TextType } from './Text';
 export interface NumberIncrementProps {
     number?: number;
@@ -7,4 +8,4 @@ export interface NumberIncrementProps {
     textSize?: TextType;
     hideTooltips?: boolean;
 }
-export default function NumberIncrement(props: NumberIncrementProps): JSX.Element;
+export default function NumberIncrement(props: NumberIncrementProps): React.JSX.Element;

package/dist/src/components/generic/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import { Placement, PositioningStrategy } from '@popperjs/core';
-import { LegacyRef, ReactNode } from 'react';
+import React, { LegacyRef, ReactNode } from 'react';
 export type OverlayProps = {
     children: ReactNode | ReactNode[];
     open: boolean;
@@ -18,4 +18,4 @@ export type OverlayProps = {
     preventScroll?: boolean;
     isAboveNav?: boolean;
 };
-export declare const Overlay: (props: OverlayProps) => JSX.Element;
+export declare const Overlay: (props: OverlayProps) => React.JSX.Element;

package/dist/src/components/generic/PageTitle/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { IPageTitle } from '../../../models/Api/HotelOverrideDTO';
 export declare const PageTitle: ({ step }: {
     step: keyof IPageTitle;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/src/components/generic/PaymentCard/PaymentCard.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { IRoomstayMemberCardFormInput } from '../../../models/RoomstayMembers/IRoomstayMemberCard';
 export interface PaymentCardProps {
     card: IRoomstayMemberCardFormInput;
 }
-export declare const PaymentCard: ({ card }: PaymentCardProps) => JSX.Element;
+export declare const PaymentCard: ({ card }: PaymentCardProps) => React.JSX.Element;

package/dist/src/components/generic/Pill.d.ts

@@ -22,4 +22,4 @@ export interface PillProps extends PropsWithChildren<any> {
     className?: string;
     [x: string]: React.ReactNode;
 }
-export default function Pill(props: PillProps): JSX.Element;
+export default function Pill(props: PillProps): React.JSX.Element;

package/dist/src/components/generic/Placeholder.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type StringScreenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface PlaceholderProps {
     type: 'text' | 'circle' | 'block';
@@ -9,5 +10,5 @@ export interface PlaceholderProps {
     rounded?: 'md' | 'lg';
     noMarg?: boolean;
 }
-export default function Placeholder(props: PlaceholderProps): JSX.Element;
+export default function Placeholder(props: PlaceholderProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/PromoCodeInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BasketRow from '../../models/BasketRow';
 interface PromoCodeInputProps {
     value: string;
@@ -9,5 +10,5 @@ interface PromoCodeInputProps {
     hideValidText?: boolean;
     row: BasketRow;
 }
-export default function PromoCodeInput(props: PromoCodeInputProps): JSX.Element;
+export default function PromoCodeInput(props: PromoCodeInputProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/RecentSearchesCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import BasketRow from '../../models/BasketRow';
 export interface RecentSearchesCardProps {
     basketRow: BasketRow;
     onViewRatesClicked: () => void;
     onRemove: () => void;
 }
-declare const RecentSearchesCard: ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => JSX.Element;
+declare const RecentSearchesCard: ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => React.JSX.Element;
 export default RecentSearchesCard;

package/dist/src/components/generic/RoomstayMark.d.ts

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

package/dist/src/components/generic/Select/Select.d.ts

@@ -32,7 +32,7 @@ export type SelectProps<TOption extends Option<KeyName>, KeyName extends string>
     disableNative?: boolean;
     renderNoOptions?: (targetRef: React.RefObject<HTMLSpanElement>) => ReactElement | null;
 };
-export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, disableNative, renderNoOptions, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => JSX.Element;
+export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, disableNative, renderNoOptions, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => React.JSX.Element;
 export declare const Select: <TOption extends Option<KeyName>, KeyName extends string>(p: SelectProps<TOption, KeyName> & {
     ref?: Ref<HTMLDivElement>;
 }) => JSX.Element;

package/dist/src/components/generic/Slider/Slider.d.ts

@@ -18,5 +18,5 @@ type SliderProps = {
  * Specifically a ranged slider, specifically for the Filter section of the Step Room display.
  * @param props
  */
-export declare const Slider: (props: SliderProps) => JSX.Element;
+export declare const Slider: (props: SliderProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/Tabs/TabRouteContainer.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface TabRouteContainerProps {
     children: ReactNode[];
 }
-export declare function TabRouteContainer({ children }: TabRouteContainerProps): JSX.Element;
+export declare function TabRouteContainer({ children }: TabRouteContainerProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactChild } from 'react';
+import React, { ReactChild } from 'react';
 export interface BETooltipProps {
     wrapperClasses?: string;
     followElement?: HTMLElement | null;
@@ -11,4 +11,4 @@ export interface BETooltipProps {
     usePortal?: boolean;
     open?: boolean;
 }
-export default function Tooltip(props: BETooltipProps): JSX.Element;
+export default function Tooltip(props: BETooltipProps): React.JSX.Element;

package/dist/src/components/generic/badging/SSLSecureBadge.d.ts

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

package/dist/src/components/generic/buttons/NextStepButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface NextStepButtonProps {
     text: string;
     disabled?: boolean;
@@ -6,4 +7,4 @@ export interface NextStepButtonProps {
     wideByDefault?: boolean;
     hideIcon?: boolean;
 }
-export default function NextStepButton(props: NextStepButtonProps): JSX.Element;
+export default function NextStepButton(props: NextStepButtonProps): React.JSX.Element;

package/dist/src/components/generic/date/DatePicker.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 export interface DatePickerProps {
     showMonthOnLoad?: dayjs.Dayjs;
     selectedStartDate?: dayjs.Dayjs;
@@ -24,4 +25,4 @@ export interface DatePickerProps {
      */
     roomCode?: string;
 }
-export default function DatePicker(props: DatePickerProps): JSX.Element;
+export default function DatePicker(props: DatePickerProps): React.JSX.Element;

package/dist/src/components/generic/date/DatePickerDay.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDayProps {
     text: any;
     day?: dayjs.Dayjs | any;
@@ -17,5 +18,5 @@ export declare enum DatePickerDayStatus {
     Loading = "--loading",
     Selected = "--selected"
 }
-export default function DatePickerDay(props: DatePickerDayProps): JSX.Element;
+export default function DatePickerDay(props: DatePickerDayProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerDays.d.ts

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
     readOnly?: boolean;
 }
-export default function DatePickerDays(props: DatePickerDaysProps): JSX.Element;
+export default function DatePickerDays(props: DatePickerDaysProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerMonth.d.ts

@@ -1,8 +1,9 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerMonthProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
     readOnly?: boolean;
 }
-export default function DatePickerMonth(props: DatePickerMonthProps): JSX.Element;
+export default function DatePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerWeek.d.ts

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

package/dist/src/components/generic/date/FloatingDatePicker.d.ts

@@ -14,4 +14,4 @@ export interface FloatingDatePickerProps {
      */
     roomCode?: string;
 }
-export default function FloatingDatePicker(props: FloatingDatePickerProps): JSX.Element;
+export default function FloatingDatePicker(props: FloatingDatePickerProps): React.JSX.Element;

package/dist/src/components/generic/date/WeekViewSkeleton.d.ts

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

package/dist/src/components/generic/loader/ImageLoader.d.ts

@@ -7,5 +7,5 @@ interface ImageLoaderProps {
     size?: ImageSize;
     style?: React.CSSProperties;
 }
-export default function ImageLoader(props: ImageLoaderProps): JSX.Element;
+export default function ImageLoader(props: ImageLoaderProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/loader/LargeLoader.d.ts

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

package/dist/src/components/generic/loader/OverlayLoader.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 type OverlayLoaderProps = {
     label?: string;
     isFullscreen?: boolean;
 };
-export declare const OverlayLoader: (props: OverlayLoaderProps) => JSX.Element;
+export declare const OverlayLoader: (props: OverlayLoaderProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/loader/SmallSpinner.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { IconProps } from '../Icon/Icon';
-export default function SmallSpinner(props: Partial<IconProps>): JSX.Element;
+export default function SmallSpinner(props: Partial<IconProps>): React.JSX.Element;

package/dist/src/components/generic/map/HotelLocationMap.d.ts

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

package/dist/src/components/generic/modal/ConfirmationModal.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface ConfirmationModalProps {
     open: boolean;
     onClose?: () => void;
     onConfirm: () => void;
     message: string;
 }
-export default function ConfirmationModal(props: ConfirmationModalProps): JSX.Element;
+export default function ConfirmationModal(props: ConfirmationModalProps): React.JSX.Element;

package/dist/src/components/generic/modal/ErrorModal.d.ts

@@ -6,5 +6,5 @@ interface ErrorModalProps {
     title?: string;
     closeButtonText?: string;
 }
-export default function ErrorModal(props: ErrorModalProps): JSX.Element;
+export default function ErrorModal(props: ErrorModalProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.d.ts

@@ -1,4 +1,5 @@
 import { Placement } from '@popperjs/core';
+import React from 'react';
 export interface UnauthenticatedUserModalProps {
     open: boolean;
     anchorEl?: HTMLElement | null;
@@ -15,4 +16,4 @@ export declare enum EViewingScreen {
     SignUp = "SignUp",
     ForgotPassword = "ForgotPassword"
 }
-export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => JSX.Element;
+export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => React.JSX.Element;

package/dist/src/components/generic/modal/SimpleModal.d.ts

@@ -19,4 +19,4 @@ export type SimpleModalProps = PropsWithChildren<{
     className?: string;
     bodyClassName?: string;
 }>;
-export default function SimpleModal(props: SimpleModalProps): JSX.Element;
+export default function SimpleModal(props: SimpleModalProps): React.JSX.Element;

package/dist/src/components/generic/modal/TabbedModal.d.ts

@@ -12,5 +12,5 @@ interface TabModalProps {
     onClose: () => void;
     openTab?: string;
 }
-export default function TabbedModal(props: TabModalProps): JSX.Element;
+export default function TabbedModal(props: TabModalProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/radio/RadioFields.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface RadioFieldOption {
     label: string;
     value: string;
@@ -9,5 +10,5 @@ interface RadioFieldsProps {
     options: RadioFieldOption[];
     onChange: (selectedOption: RadioFieldOption) => void;
 }
-export default function RadioFields(props: RadioFieldsProps): JSX.Element;
+export default function RadioFields(props: RadioFieldsProps): React.JSX.Element;
 export {};

package/dist/src/components/graphics/TravelerNotfound.d.ts

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

package/dist/src/components/iconComponents/BookNowPayLaterIcon.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface Props {
     width?: number;
     height?: number;
 }
-declare const BookNowPayLaterIcon: (props: Props) => JSX.Element;
+declare const BookNowPayLaterIcon: (props: Props) => React.JSX.Element;
 export default BookNowPayLaterIcon;

package/dist/src/components/members/InlineSignUpSection.d.ts

@@ -1,7 +1,8 @@
 import { ReservationDTO } from '@roomstay/core';
+import React from 'react';
 interface InlineSignUpSectionProps {
     reservation: ReservationDTO;
     hotelId: string;
 }
-export declare const InlineSignUpSection: (props: InlineSignUpSectionProps) => JSX.Element | null;
+export declare const InlineSignUpSection: (props: InlineSignUpSectionProps) => React.JSX.Element | null;
 export {};

package/dist/src/components/members/SignInModal/ExternalMemberModal.d.ts

@@ -1,5 +1,6 @@
 import { IMemberVerification } from '@roomstay/core';
 import { Property } from 'csstype';
+import React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { IconType } from '../../generic/Icon/Icon';
 import UserProfile from '../../../models/UserProfile';
@@ -21,5 +22,5 @@ type ExternalMemberModelField<T extends FieldValues> = {
     required?: boolean;
     helperText?: string;
 };
-declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => JSX.Element;
+declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => React.JSX.Element;
 export default ExternalMemberModal;