@roomstay/frontend 2.4.4-6 → 2.4.4

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

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

package/dist/src/components/navigation/Header.d.ts

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

package/dist/src/components/navigation/StepSelector.d.ts

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

package/dist/src/components/navigation/StepSelectorModal.d.ts

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

package/dist/src/components/pages/Account/Card/MemberCardItem.d.ts

@@ -1,9 +1,8 @@
 import { IRoomstayMemberCards } from '@roomstay/core';
-import React from 'react';
 type MemberCardItemProps = {
     item?: IRoomstayMemberCards;
     onClick?: () => void;
     selected?: boolean;
 };
-export declare const MemberCardItem: (props: MemberCardItemProps) => React.JSX.Element;
+export declare const MemberCardItem: (props: MemberCardItemProps) => JSX.Element;
 export {};

package/dist/src/components/pages/PageColorComponent.d.ts

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

package/dist/src/components/reservation/ReservationItem.d.ts

@@ -1,5 +1,4 @@
 import { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '../../contexts/index.js';
-import React from 'react';
 export declare enum ReservationAction {
     MoreDetails = "MoreDetails",
     BookAgain = "BookAgain",
@@ -14,5 +13,5 @@ export type ReservationItemProps = {
     onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;
     defaultEventsExpanded?: boolean;
 };
-declare const ReservationItem: (props: ReservationItemProps) => React.JSX.Element;
+declare const ReservationItem: (props: ReservationItemProps) => JSX.Element;
 export default ReservationItem;

package/dist/src/components/reservation/ReservationItem.js

@@ -84,6 +84,7 @@ const ReservationItem = (props) => {
             mobileWidth: true,
             rounded: true,
             wide: isMobile,
+            key: index,
             className: (0, classnames_1.default)({
                 'u-marg-right@m': index === 0,
             }),

package/dist/src/components/reservation/ReservationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport EventCarouselContainer from '@/components/Event/EventCarouselContainer';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline, { HeadlineProps } from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NoPrint from '@/components/generic/print/NoPrint';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useCurrentHotel } from '@/hooks';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport { TextAlign } from '@/util/TextAlignment';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport styles from './ReservationItem.module.scss';\n\nexport enum ReservationAction {\n    MoreDetails = 'MoreDetails',\n    BookAgain = 'BookAgain',\n    Cancel = 'Cancel',\n    Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n    disableMarginBottom?: boolean;\n    actions?: ReservationAction[];\n    showCancelledNotifications?: boolean;\n    onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;\n    defaultEventsExpanded?: boolean;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false, defaultEventsExpanded } = props;\n\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n\n    const CheckinCheckoutComponent = ({ translation, value }: { translation: string; value: string }) => {\n        const TextContainer = isMobile ? Text : Headline;\n\n        const time = useMemo(() => {\n            // Using timeHelper to convert 24hr to 12hr\n            return TimeHelper.convert24To12hr(value);\n        }, [value]);\n\n        return (\n            <TextContainer>\n                {t(translation)} {time}\n            </TextContainer>\n        );\n    };\n\n    const renderActions = () =>\n        actions.map((action, index) => {\n            const defaultButtonProps: BEButtonProps = {\n                mobileWidth: true,\n                rounded: true,\n                wide: isMobile,\n                className: classNames({\n                    'u-marg-right@m': index === 0,\n                }),\n            };\n\n            const onActionClick = () => {\n                if (props.onActionClick) {\n                    props.onActionClick(action, itineraryItem);\n                }\n            };\n\n            /**\n             * Only renders Cancel/Modify if the booking is NOT cancelled\n             */\n            if (cancelled && [ReservationAction.Cancel, ReservationAction.Modify].includes(action)) {\n                return;\n            }\n\n            /**\n             * Only renders BookAgain if booking IS cancelled\n             */\n            if (!cancelled && action === ReservationAction.BookAgain) {\n                return;\n            }\n\n            switch (action) {\n                case ReservationAction.Modify:\n                    return ModifyBookingFeature.isActive() ? (\n                        <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.ModifyThisRoom)}\n                        </BEButton>\n                    ) : null;\n                case ReservationAction.Cancel:\n                    return (\n                        <BEButton {...defaultButtonProps} danger onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.CancelReservation)}\n                        </BEButton>\n                    );\n                case ReservationAction.BookAgain:\n                    return (\n                        <Link to={StepManager.getFirstStep().getStepUrl()} key={index}>\n                            <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                                {t(Translation.Reservation.BookAgain)}\n                            </BEButton>\n                        </Link>\n                    );\n                case ReservationAction.MoreDetails:\n                    return (\n                        <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`} key={index}>\n                            <BEButton {...defaultButtonProps} primary filled icon={IconType.ArrowRight} iconPosition=\"right\">\n                                {t(Translation.Reservation.MoreDetails)}\n                            </BEButton>\n                        </Link>\n                    );\n            }\n        });\n\n    if (!itineraryItem) {\n        return <></>;\n    }\n\n    const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n    const checkInDate = dayjs(itineraryItem.checkInDate);\n    const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n    const reservationOccupancy = itineraryItem.adults + (itineraryItem?.children || 0);\n\n    const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n    const colorProfile = itineraryItem?.hotel?.colors;\n\n    return (\n        <div id={`reservation-${itineraryItem.id}`} className={classNames({ 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n            {showCancelledNotifications && cancelled && (\n                <div className={styles['cancelledNotification']}>\n                    <div className={styles['cancelledNotification-icon']}>\n                        <Icon icon={IconType.Error} size=\"44px\" color={Color.Danger} />\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} bold color={Color.Danger} className={styles['cancelledNotification-title']}>\n                            {t(Translation.Reservation.Notification.ThisRoomIsCancelled.Title)}\n                        </Text>\n                        <Trans\n                            i18nKey={Translation.Reservation.Notification.ThisRoomIsCancelled.Detail}\n                            components={[<Link key={0} to={AccountRoutes.Help.path} style={{ color: Color.Accent }}></Link>]}\n                        />\n                    </div>\n                </div>\n            )}\n            <div className=\"reservation-item-container\">\n                {!!colorProfile && (\n                    <style>\n                        {`\n                        #reservation-${itineraryItem.id} {\n                            ${getAccentOverrideStyleContent(colorProfile)}\n                            }\n                        `}\n                    </style>\n                )}\n\n                <div className=\"reservation-item\">\n                    <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n                        <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n                        <div className=\"reservation-item--floating-date\">\n                            <Headline size=\"extra-large\" color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n                                {checkInDate.format('DD')}\n                            </Headline>\n                            <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold>\n                                {checkInDate.format('MMM YYYY')}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n                        <div className=\"reservation-item--content-title u-marg-bottom--light\">\n                            {hotel?.hotelID !== itineraryItem.hotelId && (\n                                <Text color={Color.Accent} size={nameSize} bold>\n                                    {itineraryItem.hotel.name}\n                                </Text>\n                            )}\n                            <Headline bold size={nameSize}>\n                                {itineraryItem.roomName}\n                            </Headline>\n                        </div>\n                        <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n                        <div className=\"reservation-item--info u-marg-bottom--heavy\">\n                            <div className=\"u-flex u-flex-gap--light\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-gap\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Person} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n                            <div className=\"u-marg-right--heavy\">\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckIn)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.After} value={itineraryItem?.hotel?.checkInTime} />\n                            </div>\n                            <div>\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckOut)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.Before} value={itineraryItem?.hotel?.checkOutTime} />\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n                    </div>\n                </div>\n            </div>\n            <NoPrint>\n                <div className=\"u-marg-top--medium\">\n                    <EventCarouselContainer defaultExpanded={defaultEventsExpanded} hotelId={itineraryItem.hotelId} checkInDate={itineraryItem.checkInDate} />\n                </div>\n            </NoPrint>\n        </div>\n    );\n};\n\nexport default ReservationItem;\n"]}
+{"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport EventCarouselContainer from '@/components/Event/EventCarouselContainer';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline, { HeadlineProps } from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NoPrint from '@/components/generic/print/NoPrint';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useCurrentHotel } from '@/hooks';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport { TextAlign } from '@/util/TextAlignment';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport styles from './ReservationItem.module.scss';\n\nexport enum ReservationAction {\n    MoreDetails = 'MoreDetails',\n    BookAgain = 'BookAgain',\n    Cancel = 'Cancel',\n    Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n    disableMarginBottom?: boolean;\n    actions?: ReservationAction[];\n    showCancelledNotifications?: boolean;\n    onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;\n    defaultEventsExpanded?: boolean;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false, defaultEventsExpanded } = props;\n\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n\n    const CheckinCheckoutComponent = ({ translation, value }: { translation: string; value: string }) => {\n        const TextContainer = isMobile ? Text : Headline;\n\n        const time = useMemo(() => {\n            // Using timeHelper to convert 24hr to 12hr\n            return TimeHelper.convert24To12hr(value);\n        }, [value]);\n\n        return (\n            <TextContainer>\n                {t(translation)} {time}\n            </TextContainer>\n        );\n    };\n\n    const renderActions = () =>\n        actions.map((action, index) => {\n            const defaultButtonProps: BEButtonProps = {\n                mobileWidth: true,\n                rounded: true,\n                wide: isMobile,\n                key: index,\n                className: classNames({\n                    'u-marg-right@m': index === 0,\n                }),\n            };\n\n            const onActionClick = () => {\n                if (props.onActionClick) {\n                    props.onActionClick(action, itineraryItem);\n                }\n            };\n\n            /**\n             * Only renders Cancel/Modify if the booking is NOT cancelled\n             */\n            if (cancelled && [ReservationAction.Cancel, ReservationAction.Modify].includes(action)) {\n                return;\n            }\n\n            /**\n             * Only renders BookAgain if booking IS cancelled\n             */\n            if (!cancelled && action === ReservationAction.BookAgain) {\n                return;\n            }\n\n            switch (action) {\n                case ReservationAction.Modify:\n                    return ModifyBookingFeature.isActive() ? (\n                        <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.ModifyThisRoom)}\n                        </BEButton>\n                    ) : null;\n                case ReservationAction.Cancel:\n                    return (\n                        <BEButton {...defaultButtonProps} danger onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.CancelReservation)}\n                        </BEButton>\n                    );\n                case ReservationAction.BookAgain:\n                    return (\n                        <Link to={StepManager.getFirstStep().getStepUrl()} key={index}>\n                            <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                                {t(Translation.Reservation.BookAgain)}\n                            </BEButton>\n                        </Link>\n                    );\n                case ReservationAction.MoreDetails:\n                    return (\n                        <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`} key={index}>\n                            <BEButton {...defaultButtonProps} primary filled icon={IconType.ArrowRight} iconPosition=\"right\">\n                                {t(Translation.Reservation.MoreDetails)}\n                            </BEButton>\n                        </Link>\n                    );\n            }\n        });\n\n    if (!itineraryItem) {\n        return <></>;\n    }\n\n    const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n    const checkInDate = dayjs(itineraryItem.checkInDate);\n    const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n    const reservationOccupancy = itineraryItem.adults + (itineraryItem?.children || 0);\n\n    const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n    const colorProfile = itineraryItem?.hotel?.colors;\n\n    return (\n        <div id={`reservation-${itineraryItem.id}`} className={classNames({ 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n            {showCancelledNotifications && cancelled && (\n                <div className={styles['cancelledNotification']}>\n                    <div className={styles['cancelledNotification-icon']}>\n                        <Icon icon={IconType.Error} size=\"44px\" color={Color.Danger} />\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} bold color={Color.Danger} className={styles['cancelledNotification-title']}>\n                            {t(Translation.Reservation.Notification.ThisRoomIsCancelled.Title)}\n                        </Text>\n                        <Trans\n                            i18nKey={Translation.Reservation.Notification.ThisRoomIsCancelled.Detail}\n                            components={[<Link key={0} to={AccountRoutes.Help.path} style={{ color: Color.Accent }}></Link>]}\n                        />\n                    </div>\n                </div>\n            )}\n            <div className=\"reservation-item-container\">\n                {!!colorProfile && (\n                    <style>\n                        {`\n                        #reservation-${itineraryItem.id} {\n                            ${getAccentOverrideStyleContent(colorProfile)}\n                            }\n                        `}\n                    </style>\n                )}\n\n                <div className=\"reservation-item\">\n                    <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n                        <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n                        <div className=\"reservation-item--floating-date\">\n                            <Headline size=\"extra-large\" color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n                                {checkInDate.format('DD')}\n                            </Headline>\n                            <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold>\n                                {checkInDate.format('MMM YYYY')}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n                        <div className=\"reservation-item--content-title u-marg-bottom--light\">\n                            {hotel?.hotelID !== itineraryItem.hotelId && (\n                                <Text color={Color.Accent} size={nameSize} bold>\n                                    {itineraryItem.hotel.name}\n                                </Text>\n                            )}\n                            <Headline bold size={nameSize}>\n                                {itineraryItem.roomName}\n                            </Headline>\n                        </div>\n                        <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n                        <div className=\"reservation-item--info u-marg-bottom--heavy\">\n                            <div className=\"u-flex u-flex-gap--light\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-gap\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Person} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n                            <div className=\"u-marg-right--heavy\">\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckIn)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.After} value={itineraryItem?.hotel?.checkInTime} />\n                            </div>\n                            <div>\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckOut)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.Before} value={itineraryItem?.hotel?.checkOutTime} />\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n                    </div>\n                </div>\n            </div>\n            <NoPrint>\n                <div className=\"u-marg-top--medium\">\n                    <EventCarouselContainer defaultExpanded={defaultEventsExpanded} hotelId={itineraryItem.hotelId} checkInDate={itineraryItem.checkInDate} />\n                </div>\n            </NoPrint>\n        </div>\n    );\n};\n\nexport default ReservationItem;\n"]}

package/dist/src/components/steps/DaysSelectedInformer.d.ts

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

package/dist/src/components/steps/MinimumNightStayPill.d.ts

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

package/dist/src/components/steps/addons/AddonCard.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { Addon } from '../../../models/Addon/Addon';
 interface Props {
     addon: Addon;
     className?: string;
 }
-declare const AddonCard: ({ addon, className }: Props) => React.JSX.Element;
+declare const AddonCard: ({ addon, className }: Props) => JSX.Element;
 export default AddonCard;

package/dist/src/components/steps/addons/AddonList.d.ts

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

package/dist/src/components/steps/addons/AddonsNotFound.d.ts

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

package/dist/src/components/steps/common/CommonAddonSummary/CommonAddonSummary.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { ReservationAddonDTO } from '../../../../models/Api/ReservationsDTO';
 type CommonAddonSummaryProps = {
     addons: ReservationAddonDTO[];
 };
-export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => React.JSX.Element | null;
+export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/confirmation/AccountDetails.d.ts

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

package/dist/src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.d.ts

@@ -1,7 +1,6 @@
 import { IRoomstayMemberCards } from '@roomstay/core';
-import React from 'react';
 type ExistingCardPicker = {
     onCardSelected: (card: IRoomstayMemberCards) => void;
 };
-export declare const ExistingCardPicker: (props: ExistingCardPicker) => React.JSX.Element;
+export declare const ExistingCardPicker: (props: ExistingCardPicker) => JSX.Element;
 export {};

package/dist/src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const StepConfirmationVGSPaymentInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export declare const StepConfirmationVGSPaymentInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;

package/dist/src/components/steps/confirmation/PlanpayLabel.d.ts

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

package/dist/src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import BasketRowDifferences from '../../../models/BasketRowDifferences';
 interface StepConfirmationCheckoutDifferencesModalProps {
     differences: BasketRowDifferences[];
@@ -7,5 +6,5 @@ interface StepConfirmationCheckoutDifferencesModalProps {
     onProceed: () => void;
     isLoading?: boolean;
 }
-export default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps): React.JSX.Element;
+export default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps): JSX.Element;
 export {};

package/dist/src/components/steps/confirmation/StepConfirmationCommentsComponent.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { TextAreaProps } from '../../generic/TextArea';
 export interface StepConfirmationCommentsComponentProps extends Omit<TextAreaProps, 'placeholder'> {
     inputRef: any;
 }
 export declare const BE_CONFIRMATION_COMMENTS_BLOCK = "BEConfirmationCommentsBlock";
-export declare function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps): React.JSX.Element;
+export declare function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps): JSX.Element;

package/dist/src/components/steps/confirmation/StepConfirmationCountrySelector.d.ts

@@ -1,4 +1,4 @@
-import './StepConfirmationCountrySelector.engine.scss';
+import './StepConfirmationCountrySelector.global.scss';
 import React, { ChangeEvent } from 'react';
 interface StepConfirmationCountrySelectorProps {
     validationStatus?: 'success' | 'error';

package/dist/src/components/steps/confirmation/StepConfirmationCountrySelector.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-require("./StepConfirmationCountrySelector.engine.scss");
+require("./StepConfirmationCountrySelector.global.scss");
 const classnames_1 = __importDefault(require("classnames"));
 const AutoFocusOnSelect_1 = require("hooks/AutoFocusOnSelect");
 const react_1 = __importStar(require("react"));

package/dist/src/components/steps/confirmation/StepConfirmationCountrySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationCountrySelector.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCountrySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import './StepConfirmationCountrySelector.engine.scss';\n\nimport classNames from 'classnames';\nimport { useAutoFocusOnSelect } from 'hooks/AutoFocusOnSelect';\nimport React, { ChangeEvent, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { convertCountryCodeToFlag, CountryType, ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\n\nimport { Select } from '../../generic/Select/Select';\n\ninterface StepConfirmationCountrySelectorProps {\n    validationStatus?: 'success' | 'error';\n    name?: string;\n    value?: string; // example: Australia\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    disabled?: boolean;\n}\n\nconst StepConfirmationCountrySelector = forwardRef<HTMLInputElement | null, StepConfirmationCountrySelectorProps>(function InnerStepConfirmationCountrySelector(props, ref) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(ref, () => inputRef.current);\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen, isFocused } = useAutoFocusOnSelect({\n        ref: inputRef.current,\n        focusOnSelected: false,\n    });\n\n    const { validationStatus, name, onChange, value = '' } = props;\n    const [inputValue, setInputValue] = useState<string>(value);\n\n    useEffect(() => {\n        setInputValue(value);\n    }, [value]);\n    const organizedCountries: CountryType[] = useMemo(() => {\n        return ListOfCountriesAndCodes.sort((a, b) => {\n            return `${(a.suggested ? '000' : '') + a.label}`.localeCompare(`${(b.suggested ? '000' : '') + b.label}`);\n        });\n    }, [ListOfCountriesAndCodes]);\n    const filterCountries = useCallback(\n        (inputValue: string): CountryType[] => {\n            return organizedCountries.filter(({ label }) => label.toUpperCase().includes(inputValue.toUpperCase()));\n        },\n        [organizedCountries]\n    );\n    const [options, setOptions] = useState<CountryType[]>(filterCountries(value));\n\n    const { t } = useTranslation();\n\n    const container = useRef(null);\n\n    const emptyValue = () => {\n        onChange?.({ target: { name, value: '' } } as any);\n        setInputValue('');\n        setOptions(organizedCountries);\n    };\n\n    const onInputChanged = (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value?.trim() || '';\n        if (value) {\n            const options = filterCountries(value);\n            setOptions(options);\n            const exactCountry = options.find(({ label }) => label === value);\n            if (exactCountry) {\n                onCountryClick(exactCountry);\n            }\n        } else {\n            setOptions(organizedCountries);\n        }\n        setInputValue(e.target.value);\n    };\n\n    const fieldClasses = classNames('rs-enhanced-country-field', {\n        [`--${validationStatus}`]: !!validationStatus,\n        '--focused': isFocused,\n        '--disabled': props.disabled,\n    });\n\n    const onCountryClick = (country: CountryType): void => {\n        setInputValue(country.label);\n        onItemSelected();\n        onChange?.({ target: { name, value: country.label } } as any);\n    };\n\n    const getOption = (key: CountryType['label']): CountryType | undefined => {\n        return options.find(({ label }) => label === key);\n    };\n\n    const onClose = (e: Event) => {\n        onDropdownClosed(e);\n        if (organizedCountries.every(({ label }) => label !== inputRef.current?.value)) {\n            emptyValue();\n        }\n    };\n\n    return (\n        <div className={fieldClasses}>\n            <div className=\"rs-enhanced-country-field--anchor\" ref={container}></div>\n\n            <div className=\"rs-enhanced-country-field--search\">\n                <input disabled={props.disabled} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.Country) + ' *'} onChange={onInputChanged} value={inputValue} />\n                <div\n                    onClick={() => {\n                        emptyValue();\n                        inputRef.current?.focus();\n                    }}\n                    className={classNames('rs-enhanced-country-field--close', {\n                        '--hide': !inputValue,\n                    })}\n                >\n                    <Icon icon={IconType.Close} />\n                </div>\n                <div className=\"rs-enhanced-country-field--country\" onClick={onTriggerClicked}>\n                    <Icon icon={IconType.Dropdown} />\n                </div>\n            </div>\n\n            <Select<CountryType, 'label'>\n                offset={[0, 21]}\n                open={isDropdownOpen}\n                onClose={onClose}\n                target={container.current}\n                options={options}\n                value={value}\n                onChange={(value) => {\n                    const option = getOption(value);\n                    if (option) {\n                        onCountryClick(option);\n                    }\n                }}\n                keyName=\"label\"\n                renderOption={(country) => (\n                    <div className=\"rs-enhanced-country-field--suggest-list-country\">\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-icon\">{convertCountryCodeToFlag(country?.code as string)}</div>\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-name\">\n                            {country?.label} ({country?.code})\n                        </div>\n                    </div>\n                )}\n            />\n        </div>\n    );\n});\n\nexport default StepConfirmationCountrySelector;\n"]}
+{"version":3,"file":"StepConfirmationCountrySelector.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCountrySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import './StepConfirmationCountrySelector.global.scss';\n\nimport classNames from 'classnames';\nimport { useAutoFocusOnSelect } from 'hooks/AutoFocusOnSelect';\nimport React, { ChangeEvent, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { convertCountryCodeToFlag, CountryType, ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\n\nimport { Select } from '../../generic/Select/Select';\n\ninterface StepConfirmationCountrySelectorProps {\n    validationStatus?: 'success' | 'error';\n    name?: string;\n    value?: string; // example: Australia\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    disabled?: boolean;\n}\n\nconst StepConfirmationCountrySelector = forwardRef<HTMLInputElement | null, StepConfirmationCountrySelectorProps>(function InnerStepConfirmationCountrySelector(props, ref) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(ref, () => inputRef.current);\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen, isFocused } = useAutoFocusOnSelect({\n        ref: inputRef.current,\n        focusOnSelected: false,\n    });\n\n    const { validationStatus, name, onChange, value = '' } = props;\n    const [inputValue, setInputValue] = useState<string>(value);\n\n    useEffect(() => {\n        setInputValue(value);\n    }, [value]);\n    const organizedCountries: CountryType[] = useMemo(() => {\n        return ListOfCountriesAndCodes.sort((a, b) => {\n            return `${(a.suggested ? '000' : '') + a.label}`.localeCompare(`${(b.suggested ? '000' : '') + b.label}`);\n        });\n    }, [ListOfCountriesAndCodes]);\n    const filterCountries = useCallback(\n        (inputValue: string): CountryType[] => {\n            return organizedCountries.filter(({ label }) => label.toUpperCase().includes(inputValue.toUpperCase()));\n        },\n        [organizedCountries]\n    );\n    const [options, setOptions] = useState<CountryType[]>(filterCountries(value));\n\n    const { t } = useTranslation();\n\n    const container = useRef(null);\n\n    const emptyValue = () => {\n        onChange?.({ target: { name, value: '' } } as any);\n        setInputValue('');\n        setOptions(organizedCountries);\n    };\n\n    const onInputChanged = (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value?.trim() || '';\n        if (value) {\n            const options = filterCountries(value);\n            setOptions(options);\n            const exactCountry = options.find(({ label }) => label === value);\n            if (exactCountry) {\n                onCountryClick(exactCountry);\n            }\n        } else {\n            setOptions(organizedCountries);\n        }\n        setInputValue(e.target.value);\n    };\n\n    const fieldClasses = classNames('rs-enhanced-country-field', {\n        [`--${validationStatus}`]: !!validationStatus,\n        '--focused': isFocused,\n        '--disabled': props.disabled,\n    });\n\n    const onCountryClick = (country: CountryType): void => {\n        setInputValue(country.label);\n        onItemSelected();\n        onChange?.({ target: { name, value: country.label } } as any);\n    };\n\n    const getOption = (key: CountryType['label']): CountryType | undefined => {\n        return options.find(({ label }) => label === key);\n    };\n\n    const onClose = (e: Event) => {\n        onDropdownClosed(e);\n        if (organizedCountries.every(({ label }) => label !== inputRef.current?.value)) {\n            emptyValue();\n        }\n    };\n\n    return (\n        <div className={fieldClasses}>\n            <div className=\"rs-enhanced-country-field--anchor\" ref={container}></div>\n\n            <div className=\"rs-enhanced-country-field--search\">\n                <input disabled={props.disabled} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.Country) + ' *'} onChange={onInputChanged} value={inputValue} />\n                <div\n                    onClick={() => {\n                        emptyValue();\n                        inputRef.current?.focus();\n                    }}\n                    className={classNames('rs-enhanced-country-field--close', {\n                        '--hide': !inputValue,\n                    })}\n                >\n                    <Icon icon={IconType.Close} />\n                </div>\n                <div className=\"rs-enhanced-country-field--country\" onClick={onTriggerClicked}>\n                    <Icon icon={IconType.Dropdown} />\n                </div>\n            </div>\n\n            <Select<CountryType, 'label'>\n                offset={[0, 21]}\n                open={isDropdownOpen}\n                onClose={onClose}\n                target={container.current}\n                options={options}\n                value={value}\n                onChange={(value) => {\n                    const option = getOption(value);\n                    if (option) {\n                        onCountryClick(option);\n                    }\n                }}\n                keyName=\"label\"\n                renderOption={(country) => (\n                    <div className=\"rs-enhanced-country-field--suggest-list-country\">\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-icon\">{convertCountryCodeToFlag(country?.code as string)}</div>\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-name\">\n                            {country?.label} ({country?.code})\n                        </div>\n                    </div>\n                )}\n            />\n        </div>\n    );\n});\n\nexport default StepConfirmationCountrySelector;\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationForm.d.ts

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

package/dist/src/components/steps/confirmation/StepConfirmationForm.js

@@ -52,7 +52,6 @@ const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
-const ErrorModal_1 = __importDefault(require("../../generic/modal/ErrorModal"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const PaymentInformation_1 = __importDefault(require("./PaymentInformation"));
@@ -81,7 +80,7 @@ function StepConfirmationForm() {
     const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = (0, ConfirmationQuery_1.useConfirmationQuery)();
     const context = (0, contexts_1.useBookingEngine)();
     const methods = (0, react_hook_form_1.useFormContext)();
-    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, apiErrors, setLoadingStatus, clearApiErrors, book, rollbackReservation, commitReservation, redirectOut } = (0, ConfirmationStepContext_1.useConfirmationStep)();
+    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, setLoadingStatus, book, rollbackReservation, commitReservation, redirectOut } = (0, ConfirmationStepContext_1.useConfirmationStep)();
     const basketContext = (0, contexts_1.useBasket)();
     const tokenizerRef = (0, react_1.useRef)(null);
     const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
@@ -184,17 +183,7 @@ function StepConfirmationForm() {
         else {
             setLoadingStatus('Processing booking');
         }
-        yield handleBook(paymentMethod, (resData) => __awaiter(this, void 0, void 0, function* () {
-            var _b, _c, _d, _e;
-            if ((hotel === null || hotel === void 0 ? void 0 : hotel.cardProcessor) === core_1.EHotelCardProcessor.Passthrough) {
-                yield (commitReservation === null || commitReservation === void 0 ? void 0 : commitReservation(resData));
-            }
-            else {
-                if ((_c = (_b = resData.payment) === null || _b === void 0 ? void 0 : _b.external) === null || _c === void 0 ? void 0 : _c.redirectUrl) {
-                    redirectOut((_e = (_d = resData.payment) === null || _d === void 0 ? void 0 : _d.external) === null || _e === void 0 ? void 0 : _e.redirectUrl);
-                }
-            }
-        }));
+        yield handleBook(paymentMethod);
         return false;
     });
     const validateConfirmationPolicy = () => {
@@ -205,9 +194,9 @@ function StepConfirmationForm() {
         const adhocValid = formContext === null || formContext === void 0 ? void 0 : formContext.errorChecks.every((check) => check().validate(scrollToInput));
         return adhocValid === undefined ? true : adhocValid;
     };
-    const handleBook = (paymentMethod, onSuccess) => __awaiter(this, void 0, void 0, function* () {
-        var _f;
-        yield (book === null || book === void 0 ? void 0 : book(() => __awaiter(this, void 0, void 0, function* () { return toPaymentPayload(paymentMethod); }), (_f = commentTextbox.current) === null || _f === void 0 ? void 0 : _f.value, () => __awaiter(this, void 0, void 0, function* () {
+    const handleBook = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
+        var _b;
+        yield (book === null || book === void 0 ? void 0 : book(() => __awaiter(this, void 0, void 0, function* () { return toPaymentPayload(paymentMethod); }), (_b = commentTextbox.current) === null || _b === void 0 ? void 0 : _b.value, () => __awaiter(this, void 0, void 0, function* () {
             if (!validateConfirmationPolicy()) {
                 setConfirmationPolicyError(true);
                 return false;
@@ -227,7 +216,7 @@ function StepConfirmationForm() {
             if (validationResult) {
                 setDifferenceWarning(validationResult);
             }
-        }, onSuccess));
+        }));
     });
     const handleChangePaymentMethod = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
         if (paymentMethod !== core_1.EBookingPaymentMethod.Planpay) {
@@ -288,8 +277,6 @@ function StepConfirmationForm() {
                     react_1.default.createElement(StepConfirmationAcknowledgement_1.default, { ref: confirmationPolicy, confirmationPolicyError: confirmationPolicyError })))),
             react_1.default.createElement("div", { className: "u-flex u-marg-top--heavy justify-content-end" },
                 react_1.default.createElement(NextStepButton_1.default, { disabled: paymentMethod === core_1.EBookingPaymentMethod.Planpay || isLoading, text: t(Translation_1.Translation.Step.Confirmation.ConfirmReservation), isLoading: isLoading, onClick: onNextStepClicked })))),
-        react_1.default.createElement(ErrorModal_1.default, { open: !!apiErrors, onClose: clearApiErrors },
-            react_1.default.createElement(Text_1.default, null, apiErrors)),
         react_1.default.createElement(StepConfirmationCheckoutDifferencesModal_1.default, { differences: differenceWarning.differences, warnings: differenceWarning.warnings, isLoading: isLoading, onClose: () => __awaiter(this, void 0, void 0, function* () {
                 yield (rollbackReservation === null || rollbackReservation === void 0 ? void 0 : rollbackReservation());
                 historyConsistentPush((0, GetStepRoom_1.default)().getStepUrl());

package/dist/src/components/steps/confirmation/StepConfirmationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfirmationFormContext, useBasket, useBookingEngine, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IBookingPayment } from '@roomstay/core';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport { ConfirmationFormValues, FBookSuccessCallback } from '@/models/Confirmation';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\n\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\n\nexport default function StepConfirmationForm() {\n    const [differenceWarning, setDifferenceWarning] = useState<{\n        differences: BasketRowDifferences[];\n        warnings: string[];\n    }>({\n        differences: [],\n        warnings: [],\n    });\n    const formContext = useContext(ConfirmationFormContext);\n    const [source, setSource] = useState('');\n    const [confirmationPolicyError, setConfirmationPolicyError] = useState(false);\n    const confirmationPolicy = useRef<HTMLInputElement | null>(null);\n    const commentTextbox = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, apiErrors, setLoadingStatus, clearApiErrors, book, rollbackReservation, commitReservation, redirectOut } =\n        useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef<any | null>(null);\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { roomstayMember } = useMemberContext();\n\n    const { hotel } = useCurrentHotel();\n\n    const isCardPassthrough = hotel?.cardProcessor ? hotel.cardProcessor === EHotelCardProcessor.Passthrough : true;\n\n    const toPaymentPayload = async (paymentMethod: string): Promise<IBookingPayment> => {\n        let payment: IBookingPayment;\n        switch (paymentMethod) {\n            case EBookingPaymentMethod.Planpay: {\n                const params = new URLSearchParams(window.location.search);\n                params.set('roomstayId', '{{rsId}}');\n                params.set('session', context.sessionProvider.getCurrentSessionID().toString());\n                params.set('paymentMethod', EBookingPaymentMethod.Planpay);\n                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;\n                payment = {\n                    Method: EBookingPaymentMethod.Planpay,\n                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            }\n            case EBookingPaymentMethod.Card: {\n                if (isCardPassthrough) {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                        PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                    };\n                } else {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                    };\n                }\n\n                break;\n            }\n            case EBookingPaymentMethod.SavedCard:\n            default: {\n                payment = {\n                    Method: EBookingPaymentMethod.SavedCard,\n                    SavedCardID: paymentMethod,\n                };\n            }\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        let defaultPaymentValue = '' as EBookingPaymentMethod;\n        if (Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)) {\n            defaultPaymentValue = queryPaymentMethod as EBookingPaymentMethod;\n        } else {\n            if (roomstayMember?.defaultCard && roomstayMember?.cards?.find((card) => card.cardId === roomstayMember?.defaultCard)) {\n                defaultPaymentValue = roomstayMember?.defaultCard as EBookingPaymentMethod;\n            } else {\n                defaultPaymentValue = EBookingPaymentMethod.Card;\n            }\n        }\n\n        methods.setValue('paymentMethod', defaultPaymentValue);\n\n        if (isBackFromExternalPayment && queryRoomstayId === basketContext.reservationData?.roomstayId) {\n            commitReservation?.(basketContext.reservationData, 'Please wait... Finalising your reservation');\n        } else {\n            handleChangePaymentMethod(defaultPaymentValue);\n        }\n\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback();\n            } else {\n                rollbackReservation?.();\n            }\n        }\n\n        return () => {\n            if (!isBackFromPlanpay && !isBackFromExternalPayment) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async () => {\n        await commitReservation?.(basketContext.reservationData);\n    };\n\n    const paymentMethod = methods.watch('paymentMethod');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const returnToPickRooms = async () => {\n        // TODO: What if StepRoom doesn't exist?\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        if (hotel?.cardProcessor !== EHotelCardProcessor.Passthrough) {\n            setLoadingStatus('You will be redirected shortly to the payment provider.');\n        } else {\n            setLoadingStatus('Processing booking');\n        }\n\n        await handleBook(paymentMethod, async (resData) => {\n            if (hotel?.cardProcessor === EHotelCardProcessor.Passthrough) {\n                await commitReservation?.(resData);\n            } else {\n                if (resData.payment?.external?.redirectUrl) {\n                    redirectOut(resData.payment?.external?.redirectUrl);\n                }\n            }\n        });\n        return false;\n    };\n\n    const validateConfirmationPolicy = (): boolean => {\n        return !ConfirmationVerifyFeature.isActive() || !!confirmationPolicy?.current?.checked;\n    };\n\n    const validateCustomFields = (scrollToInput?: boolean): boolean => {\n        const adhocValid = formContext?.errorChecks.every((check) => check().validate(scrollToInput));\n        return adhocValid === undefined ? true : adhocValid;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book?.(\n            async () => toPaymentPayload(paymentMethod),\n            commentTextbox.current?.value,\n            async (): Promise<boolean> => {\n                if (!validateConfirmationPolicy()) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                if (!validateCustomFields(true)) {\n                    return false;\n                }\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card && isCardPassthrough) await tokenizerRef.current.getTokenizedCode();\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            },\n            (validationResult) => {\n                if (validationResult) {\n                    setDifferenceWarning(validationResult);\n                }\n            },\n            onSuccess\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: string) => {\n        if (paymentMethod !== EBookingPaymentMethod.Planpay) {\n            await rollbackReservation?.();\n        }\n    };\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                        </div>\n                        <Text type={TextType.Small} color={Color.Success}>\n                            <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                        </Text>\n                    </div>\n                    <RoomContactDetails />\n                    {source === 'inline' ? (\n                        <Alert type={AlertType.Accent2} heavyPadding>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold>\n                                        {t(Translation.Step.Confirmation.WantMoreRooms)}\n                                    </Text>\n                                    <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                                </div>\n                                <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                                    <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                        {t(Translation.Step.Confirmation.AddMoreRooms)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        </Alert>\n                    ) : (\n                        <></>\n                    )}\n                    {ShowIATANumberOnCheckoutFeature.isActive() && (\n                        <>\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Headline bold>Travel Agent</Headline>\n                                </div>\n\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                                </div>\n                                <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <StepConfirmationCommentsComponent inputRef={commentTextbox} />\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n                        <PaymentInformation\n                            tokenizerRef={tokenizerRef}\n                            onChangeCb={async (code: EBookingPaymentMethod) => {\n                                await handleChangePaymentMethod(code);\n                                if (code === EBookingPaymentMethod.Planpay) {\n                                    await handleBook(code);\n                                }\n                            }}\n                        />\n                        <div className=\"u-marg-top u-flex align-items-center\">\n                            <div className=\"u-flex align-items-center justify-content-start\">\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                                <div className=\"u-marg-left--light\">\n                                    <Text type={TextType.Small} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Confirmation.Secured)}</strong>\n                                    </Text>\n                                </div>\n                            </div>\n                            <SSLSecureBadge />\n                        </div>\n                    </div>\n                    <LineBreak />\n                    <StepConfirmationPoliciesSection />\n                    <div className=\"u-pad-top--light u-marg-bottom\">\n                        <StepConfirmationPolicyBlock />\n                    </div>\n                    {ConfirmationVerifyFeature.isActive() && (\n                        <>\n                            <LineBreak />\n                            <div>\n                                <StepConfirmationAcknowledgement ref={confirmationPolicy} confirmationPolicyError={confirmationPolicyError} />\n                            </div>\n                        </>\n                    )}\n                    <div className=\"u-flex u-marg-top--heavy justify-content-end\">\n                        <NextStepButton\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay || isLoading}\n                            text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                            isLoading={isLoading}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <ErrorModal open={!!apiErrors} onClose={clearApiErrors}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation?.();\n                    historyConsistentPush(getStepRoom().getStepUrl());\n                }}\n                onProceed={async () => {\n                    if (paymentMethod === EBookingPaymentMethod.Planpay) {\n                        setDifferenceWarning({\n                            differences: [],\n                            warnings: [],\n                        });\n                    } else {\n                        await commitReservation?.(basketContext.reservationData);\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfirmationFormContext, useBasket, useBookingEngine, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EBookingPaymentMethod, EHotelCardProcessor, IBookingPayment } from '@roomstay/core';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport { ConfirmationFormValues, FBookSuccessCallback } from '@/models/Confirmation';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\n\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\n\nexport default function StepConfirmationForm() {\n    const [differenceWarning, setDifferenceWarning] = useState<{\n        differences: BasketRowDifferences[];\n        warnings: string[];\n    }>({\n        differences: [],\n        warnings: [],\n    });\n    const formContext = useContext(ConfirmationFormContext);\n    const [source, setSource] = useState('');\n    const [confirmationPolicyError, setConfirmationPolicyError] = useState(false);\n    const confirmationPolicy = useRef<HTMLInputElement | null>(null);\n    const commentTextbox = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isBackFromExternalPayment, isLoading, setLoadingStatus, book, rollbackReservation, commitReservation, redirectOut } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef<any | null>(null);\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { roomstayMember } = useMemberContext();\n\n    const { hotel } = useCurrentHotel();\n\n    const isCardPassthrough = hotel?.cardProcessor ? hotel.cardProcessor === EHotelCardProcessor.Passthrough : true;\n\n    const toPaymentPayload = async (paymentMethod: string): Promise<IBookingPayment> => {\n        let payment: IBookingPayment;\n        switch (paymentMethod) {\n            case EBookingPaymentMethod.Planpay: {\n                const params = new URLSearchParams(window.location.search);\n                params.set('roomstayId', '{{rsId}}');\n                params.set('session', context.sessionProvider.getCurrentSessionID().toString());\n                params.set('paymentMethod', EBookingPaymentMethod.Planpay);\n                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;\n                payment = {\n                    Method: EBookingPaymentMethod.Planpay,\n                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            }\n            case EBookingPaymentMethod.Card: {\n                if (isCardPassthrough) {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                        PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                    };\n                } else {\n                    payment = {\n                        Method: EBookingPaymentMethod.Card,\n                    };\n                }\n\n                break;\n            }\n            case EBookingPaymentMethod.SavedCard:\n            default: {\n                payment = {\n                    Method: EBookingPaymentMethod.SavedCard,\n                    SavedCardID: paymentMethod,\n                };\n            }\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        let defaultPaymentValue = '' as EBookingPaymentMethod;\n        if (Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)) {\n            defaultPaymentValue = queryPaymentMethod as EBookingPaymentMethod;\n        } else {\n            if (roomstayMember?.defaultCard && roomstayMember?.cards?.find((card) => card.cardId === roomstayMember?.defaultCard)) {\n                defaultPaymentValue = roomstayMember?.defaultCard as EBookingPaymentMethod;\n            } else {\n                defaultPaymentValue = EBookingPaymentMethod.Card;\n            }\n        }\n\n        methods.setValue('paymentMethod', defaultPaymentValue);\n\n        if (isBackFromExternalPayment && queryRoomstayId === basketContext.reservationData?.roomstayId) {\n            commitReservation?.(basketContext.reservationData, 'Please wait... Finalising your reservation');\n        } else {\n            handleChangePaymentMethod(defaultPaymentValue);\n        }\n\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback();\n            } else {\n                rollbackReservation?.();\n            }\n        }\n\n        return () => {\n            if (!isBackFromPlanpay && !isBackFromExternalPayment) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async () => {\n        await commitReservation?.(basketContext.reservationData);\n    };\n\n    const paymentMethod = methods.watch('paymentMethod');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const returnToPickRooms = async () => {\n        // TODO: What if StepRoom doesn't exist?\n        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        if (hotel?.cardProcessor !== EHotelCardProcessor.Passthrough) {\n            setLoadingStatus('You will be redirected shortly to the payment provider.');\n        } else {\n            setLoadingStatus('Processing booking');\n        }\n\n        await handleBook(paymentMethod);\n        return false;\n    };\n\n    const validateConfirmationPolicy = (): boolean => {\n        return !ConfirmationVerifyFeature.isActive() || !!confirmationPolicy?.current?.checked;\n    };\n\n    const validateCustomFields = (scrollToInput?: boolean): boolean => {\n        const adhocValid = formContext?.errorChecks.every((check) => check().validate(scrollToInput));\n        return adhocValid === undefined ? true : adhocValid;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod): Promise<void> => {\n        await book?.(\n            async () => toPaymentPayload(paymentMethod),\n            commentTextbox.current?.value,\n            async (): Promise<boolean> => {\n                if (!validateConfirmationPolicy()) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                if (!validateCustomFields(true)) {\n                    return false;\n                }\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card && isCardPassthrough) await tokenizerRef.current.getTokenizedCode();\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            },\n            (validationResult) => {\n                if (validationResult) {\n                    setDifferenceWarning(validationResult);\n                }\n            }\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: string) => {\n        if (paymentMethod !== EBookingPaymentMethod.Planpay) {\n            await rollbackReservation?.();\n        }\n    };\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                        </div>\n                        <Text type={TextType.Small} color={Color.Success}>\n                            <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                        </Text>\n                    </div>\n                    <RoomContactDetails />\n                    {source === 'inline' ? (\n                        <Alert type={AlertType.Accent2} heavyPadding>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold>\n                                        {t(Translation.Step.Confirmation.WantMoreRooms)}\n                                    </Text>\n                                    <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                                </div>\n                                <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                                    <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                        {t(Translation.Step.Confirmation.AddMoreRooms)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        </Alert>\n                    ) : (\n                        <></>\n                    )}\n                    {ShowIATANumberOnCheckoutFeature.isActive() && (\n                        <>\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Headline bold>Travel Agent</Headline>\n                                </div>\n\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                                </div>\n                                <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <StepConfirmationCommentsComponent inputRef={commentTextbox} />\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n                        <PaymentInformation\n                            tokenizerRef={tokenizerRef}\n                            onChangeCb={async (code: EBookingPaymentMethod) => {\n                                await handleChangePaymentMethod(code);\n                                if (code === EBookingPaymentMethod.Planpay) {\n                                    await handleBook(code);\n                                }\n                            }}\n                        />\n                        <div className=\"u-marg-top u-flex align-items-center\">\n                            <div className=\"u-flex align-items-center justify-content-start\">\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                                <div className=\"u-marg-left--light\">\n                                    <Text type={TextType.Small} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Confirmation.Secured)}</strong>\n                                    </Text>\n                                </div>\n                            </div>\n                            <SSLSecureBadge />\n                        </div>\n                    </div>\n                    <LineBreak />\n                    <StepConfirmationPoliciesSection />\n                    <div className=\"u-pad-top--light u-marg-bottom\">\n                        <StepConfirmationPolicyBlock />\n                    </div>\n                    {ConfirmationVerifyFeature.isActive() && (\n                        <>\n                            <LineBreak />\n                            <div>\n                                <StepConfirmationAcknowledgement ref={confirmationPolicy} confirmationPolicyError={confirmationPolicyError} />\n                            </div>\n                        </>\n                    )}\n                    <div className=\"u-flex u-marg-top--heavy justify-content-end\">\n                        <NextStepButton\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay || isLoading}\n                            text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                            isLoading={isLoading}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation?.();\n                    historyConsistentPush(getStepRoom().getStepUrl());\n                }}\n                onProceed={async () => {\n                    if (paymentMethod === EBookingPaymentMethod.Planpay) {\n                        setDifferenceWarning({\n                            differences: [],\n                            warnings: [],\n                        });\n                    } else {\n                        await commitReservation?.(basketContext.reservationData);\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationFormProvider.d.ts

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

package/dist/src/components/steps/confirmation/StepConfirmationLimitedOffer.d.ts

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

package/dist/src/components/steps/confirmation/StepConfirmationPoliciesSection.d.ts

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

package/dist/src/components/steps/confirmation/StepConfirmationPolicyBlock.d.ts

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

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffers.d.ts

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

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { Addon } from '../../../../models/Addon/Addon';
 export interface AdditionalOffersColumn {
     addon: Addon;
     cardClicked?: () => void;
     selected: boolean;
 }
-export default function AdditionalOffersColumn(props: AdditionalOffersColumn): React.JSX.Element;
+export default function AdditionalOffersColumn(props: AdditionalOffersColumn): JSX.Element;