npm - @roomstay/frontend - Versions diffs - 2.1.6 → 2.1.7 - Mend

@roomstay/frontend 2.1.6 → 2.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (872) hide show

package/dist/src/pages/account/Reservations/AccountReservationSinglePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountReservationSinglePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationSinglePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Link, useParams } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport { Color } from '@/util/Color';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Card } from '@/components/generic/Card/Card/Card';\nimport IconText from '@/components/generic/IconText/IconText';\nimport Pill, { PillType, PillVariant } from '@/components/generic/Pill';\nimport { BookingEngineContext, CompanyContext, IRoomstayMemberBookingItemWithRef, RoomstayMemberContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Fragment, useContext, useEffect, useMemo, useState } from 'react';\nimport { calculateTotalForMemberBooking, IBookingStatus, IRoomstayMemberBooking } from '@roomstay/core';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport StringHelper from '@/util/StringHelper';\nimport { AccountRoutes } from '../AccountRoutes';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\n\nconst getRoomNamesString = (itineraries: IRoomstayMemberBookingItemWithRef[]) => {\n const roomNames: { [name: string]: number } = {};\n\n for (const itinerary of itineraries) {\n roomNames[itinerary.roomName] = (roomNames[itinerary.roomName] ?? 0) + 1;\n }\n\n return Object.keys(roomNames)\n .map((name) => {\n const numOfRooms = roomNames[name];\n if (numOfRooms > 1) {\n } else {\n return `${name}`;\n }\n })\n .join(' + ');\n};\n\ntype CancelReservationModalProps = {\n items: IRoomstayMemberBookingItemWithRef[];\n booking: IRoomstayMemberBooking;\n\n visible: boolean;\n onClose: () => void;\n};\n\nconst CancelReservationModal = (props: CancelReservationModalProps) => {\n const { items, booking, visible, onClose } = props;\n const { fetchRoomstayMember } = useContext(RoomstayMemberContext);\n\n const [isLoading, setIsLoading] = useState(false);\n\n const onCancelClick = () => {\n const cancellations = [];\n\n setIsLoading(true);\n for (const item of items) {\n cancellations.push(API.Reservation.cancelReservation(item.id, item.profile.email, booking.hotelId));\n }\n\n Promise.all(cancellations).then(() => {\n fetchRoomstayMember().then(() => {\n setIsLoading(false);\n onClose();\n });\n });\n };\n\n const footers = (\n <div className=\"d-flex u-pad align-items-center justify-content-center\">\n <div className=\"u-marg-right\">\n <BEButton isText={true} onClick={onClose}>\n Abort\n </BEButton>\n </div>\n <BEButton filled={true} primary={true} onClick={onCancelClick} isLoading={isLoading}>\n Yes i'm sure\n </BEButton>\n </div>\n );\n\n return (\n <SimpleModal title=\"Cancelling Reservation\" open={visible} size={SimpleModalSize.ExtraSmall} desktopFooter={footers} mobileFooter={footers} onClose={onClose}>\n <div className=\"u-pad\">\n <Text>This will cancel...</Text>\n {/TODO: Update wording to include all reservations/}\n </div>\n </SimpleModal>\n );\n};\n\ntype CodeNumberInformationType = {\n itineraries: IRoomstayMemberBookingItemWithRef[];\n booking: IRoomstayMemberBooking;\n};\n\nconst CodeNumberInformation = (props: CodeNumberInformationType) => {\n const { itineraries, booking } = props;\n const { t } = useTranslation();\n\n const [cancelled, confirmed] = useMemo(() => {\n const cancelled = [];\n const confirmed = [];\n\n for (const item of itineraries) {\n if (item.status === IBookingStatus.Cancelled) {\n cancelled.push(item);\n } else {\n confirmed.push(item);\n }\n }\n\n return [cancelled, confirmed];\n }, itineraries);\n\n return (\n <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n {[\n { label: 'Cancelled', value: cancelled, type: PillType.Danger },\n { label: 'Confirmed', value: confirmed, type: PillType.Success },\n ].map((item) => {\n if (item.value.length > 0) {\n return (\n <>\n <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n {item.label}\n </Text>\n {item.value.map((row, index) => {\n return (\n <Fragment key={index}>\n <Text className=\"u-marg-right\" inline type={TextType.Small}>\n <Pill type={item.type}>#{row.id}</Pill>\n </Text>\n </Fragment>\n );\n })}\n <br />\n </>\n );\n }\n })}\n <div className=\"u-marg-top\">\n <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n Itinerary\n </Text>\n <Pill variant={PillVariant.Outlined} type={PillType.Grey}>\n #{booking.itineraryId}\n </Pill>\n </div>\n </Card>\n );\n};\n\nexport const AccountReservationSinglePage = () => {\n const { t } = useTranslation();\n\n const beContext = useContext(BookingEngineContext);\n const { getHotel } = useContext(CompanyContext);\n\n const { getItinerary } = useMember();\n const [showingCancellationFor, setShowingCancellationFor] = useState(null);\n\n const [bookingHotel, setBookingHotel] = useState<Hotel>();\n\n const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n const params = useParams<{ resId: string }>();\n\n const [booking, itineraries]: [IRoomstayMemberBooking, IRoomstayMemberBookingItemWithRef[]] = useMemo(() => {\n const itineraries: IRoomstayMemberBookingItemWithRef[] = [];\n\n const booking = getItinerary(params.resId);\n\n if (booking?.itinerary) {\n for (const itinerary of Object.values(booking.itinerary)) {\n itineraries.push({ ...itinerary, bookingId: booking.itineraryId });\n }\n }\n\n return [booking, itineraries];\n }, [params, getItinerary]);\n\n useEffect(() => {\n if (booking && booking.hotelId) {\n getHotel(booking.hotelId).then((hotel) => {\n setBookingHotel(hotel);\n });\n }\n }, [booking, getHotel]);\n\n const allCancelled = useMemo(() => {\n for (const row of itineraries) {\n if (row.status !== IBookingStatus.Cancelled) {\n return false;\n }\n\n return true;\n }\n }, [itineraries]);\n\n if (!booking) {\n return <>Loading</>;\n }\n\n const { line1, line2, postalCode, country } = bookingHotel?.address ?? {};\n\n const onActionClick = (action: ReservationAction, item: IRoomstayMemberBookingItemWithRef) => {\n switch (action) {\n case ReservationAction.Cancel:\n setShowingCancellationFor([item]);\n break;\n }\n };\n\n const onCloseCancellationModal = () => {\n setShowingCancellationFor(null);\n };\n\n const onPrintClicked = () => {\n window.print();\n };\n\n return (\n <div>\n <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy u-print-none\">\n <Link to={AccountRoutes.Reservations.path}>\n <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n {t(Translation.Reservation.BackToYourReservations)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-flex-align-stretch@m- u-flex u-flex-align-flex-end u-marg-bottom--heavy u-pad-top@m u-flex-direction-column@m- u-print-none\">\n <div>\n <Text className=\"u-marg-bottom--light\">{StringHelper.pluralWithCount(itineraries.length, 'Room')}</Text>\n <Headline size={'extra-large'} className=\"u-marg-bottom--light\">\n {getRoomNamesString(itineraries)}\n </Headline>\n <Text type={TextType.Body}>\n {bookingHotel?.name} • {[line1, line2, postalCode, country].filter((value) => !!value).join(' ')}\n </Text>\n </div>\n <div className=\"u-flex u-flex-gap u-flex-direction-column@m- u-flex-gap--light@m- u-marg-top--heavy@m-\">\n <BEButton wide={isMobile} rounded={isMobile} textColor={Color.Navy} isText={!isMobile} icon={IconType.Share} iconPosition=\"left\">\n {t(Translation.Reservation.Share)}\n </BEButton>\n <BEButton\n wide={isMobile}\n mobileWidth\n rounded={isMobile}\n textColor={Color.Navy}\n className=\"\"\n isText={!isMobile}\n icon={IconType.Print}\n iconPosition=\"left\"\n onClick={onPrintClicked}\n >\n {t(Translation.Reservation.Print)}\n </BEButton>\n {!allCancelled && (\n <BEButton\n danger\n wide={isMobile}\n mobileWidth\n rounded={isMobile}\n textColor={Color.Alert}\n isText={!isMobile}\n onClick={() => setShowingCancellationFor(itineraries)}\n >\n {StringHelper.plural(itineraries.length, t(Translation.Reservation.CancelReservation))}\n </BEButton>\n )}\n </div>\n </div>\n\n <span className=\"u-print-none\">\n <LineBreak fullBleed />\n </span>\n\n <div className=\"u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none\">\n <ReservationList\n actions={[ReservationAction.Cancel, ReservationAction.BookAgain]}\n reservationItems={itineraries}\n onActionClick={onActionClick}\n showCancelledNotifications={true}\n />\n </div>\n <LineBreak noMargins={isMobile} />\n <div className=\"u-flex u-marg-top--heavy@m-\">\n <Headline size=\"large\" bold>\n {t(Translation.Reservation.Total)}\n </Headline>\n <div className=\"u-flex align-items-end flex-column\">\n <Headline lineThrough size=\"large\" bold>\n <Currency>{calculateTotalForMemberBooking(booking)}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey}>\n {t(Translation.Reservation.PriceNote)}\n </Text>\n </div>\n </div>\n\n <div className=\"row u-marg-top--massive@m u-marg-top--heavy@m-\">\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n <IconText icon={IconType.Person}>{itineraries?.[0]?.profile?.firstName + ' ' + itineraries?.[0]?.profile?.lastName}</IconText>\n <IconText icon={IconType.Email}>{itineraries?.[0]?.profile?.email}</IconText>\n <IconText icon={IconType.CreditCard}>\n <Text type={TextType.Small}>\n •••• •••• •••• 1111{' '}\n <Text inline type={TextType.Small} color={Color.DarkGrey}>\n (Visa)\n </Text>\n </Text>\n </IconText>\n </Card>\n </div>\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n <IconText icon={IconType.Map}>\n {line1}\n <br />\n {line2} {postalCode}, {country}\n </IconText>\n <IconText icon={IconType.Phone}>{bookingHotel?.phone}</IconText>\n </Card>\n </div>\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <CodeNumberInformation itineraries={itineraries} booking={booking} />\n </div>\n </div>\n <div className=\"u-marg-top--massive@m u-marg-top@m- u-background--snow u-w-fluid u-pad-top--massive@m u-pad-top--heavy@m- u-pad-bottom--heavy @m- u-pad-bottom--massive@m\">\n <div className=\"container\">\n <Text bold> {t(Translation.Reservation.Policies)}</Text>\n <div className=\"u-marg-top--medium\">\n <div className=\"u-w-100\">\n <div className=\"u-flex u-flex-direction-column@m- u-flex-gap--medium@m-\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Reservation.CheckIn)}</strong>\n <br />\n {t(Translation.Reservation.After)} 2:00 PM\n </Text>\n <Text type={TextType.Small}>\n <strong>{t(Translation.Reservation.CheckOut)}</strong>\n <br />\n {t(Translation.Reservation.After)} 2:00 PM\n </Text>\n <div>\n {itineraries.map((itinerary) => {\n return (\n <Text type={TextType.Small} key={itinerary.id}>\n {itinerary.roomName} - {itinerary.rateName}\n </Text>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n <Text className=\"u-marg-top--medium\" type={TextType.Caption}>\n {t(Translation.Reservation.Policy1)}\n <br />\n <br />\n {t(Translation.Reservation.Policy2)}\n </Text>\n </div>\n </div>\n <CancelReservationModal onClose={onCloseCancellationModal} items={showingCancellationFor} booking={booking} visible={!!showingCancellationFor} />\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"AccountReservationSinglePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationSinglePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment, useContext, useEffect, useMemo, useState } from 'react';\nimport { Link, useParams } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport { Color } from '@/util/Color';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Card } from '@/components/generic/Card/Card/Card';\nimport IconText from '@/components/generic/IconText/IconText';\nimport Pill, { PillType, PillVariant } from '@/components/generic/Pill';\nimport { BookingEngineContext, CompanyContext, IRoomstayMemberBookingItemWithRef, RoomstayMemberContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { calculateTotalForMemberBooking, IBookingStatus, IRoomstayMemberBooking } from '@roomstay/core';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport StringHelper from '@/util/StringHelper';\nimport { AccountRoutes } from '../AccountRoutes';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\n\nconst getRoomNamesString = (itineraries: IRoomstayMemberBookingItemWithRef[]) => {\n const roomNames: { [name: string]: number } = {};\n\n for (const itinerary of itineraries) {\n roomNames[itinerary.roomName] = (roomNames[itinerary.roomName] ?? 0) + 1;\n }\n\n return Object.keys(roomNames)\n .map((name) => {\n const numOfRooms = roomNames[name];\n if (numOfRooms <= 1) return `${name}`;\n })\n .join(' + ');\n};\n\ntype CancelReservationModalProps = {\n items: IRoomstayMemberBookingItemWithRef[];\n booking: IRoomstayMemberBooking;\n\n visible: boolean;\n onClose: () => void;\n};\n\nconst CancelReservationModal = (props: CancelReservationModalProps) => {\n const { items, booking, visible, onClose } = props;\n const { fetchRoomstayMember } = useContext(RoomstayMemberContext);\n\n const [isLoading, setIsLoading] = useState(false);\n\n const onCancelClick = () => {\n const cancellations = [];\n\n setIsLoading(true);\n for (const item of items) {\n cancellations.push(API.Reservation.cancelReservation(item.id, item.profile.email as string, booking.hotelId));\n }\n\n Promise.all(cancellations).then(() => {\n fetchRoomstayMember?.().then(() => {\n setIsLoading(false);\n onClose();\n });\n });\n };\n\n const footers = (\n <div className=\"d-flex u-pad align-items-center justify-content-center\">\n <div className=\"u-marg-right\">\n <BEButton isText onClick={onClose}>\n Abort\n </BEButton>\n </div>\n <BEButton filled primary onClick={onCancelClick} isLoading={isLoading}>\n Yes i'm sure\n </BEButton>\n </div>\n );\n\n return (\n <SimpleModal title=\"Cancelling Reservation\" open={visible} size={SimpleModalSize.ExtraSmall} desktopFooter={footers} mobileFooter={footers} onClose={onClose}>\n <div className=\"u-pad\">\n <Text>This will cancel...</Text>\n {/TODO: Update wording to include all reservations/}\n </div>\n </SimpleModal>\n );\n};\n\ntype CodeNumberInformationType = {\n itineraries: IRoomstayMemberBookingItemWithRef[];\n booking: IRoomstayMemberBooking;\n};\n\nconst CodeNumberInformation = (props: CodeNumberInformationType) => {\n const { itineraries, booking } = props;\n const { t } = useTranslation();\n\n const [cancelled, confirmed] = useMemo(() => {\n const cancelled = [];\n const confirmed = [];\n\n for (const item of itineraries) {\n if (item.status === IBookingStatus.Cancelled) {\n cancelled.push(item);\n } else {\n confirmed.push(item);\n }\n }\n\n return [cancelled, confirmed];\n }, itineraries);\n\n return (\n <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n {[\n { label: 'Cancelled', value: cancelled, type: PillType.Danger },\n { label: 'Confirmed', value: confirmed, type: PillType.Success },\n ].map((item) => {\n if (item.value.length > 0) {\n return (\n <>\n <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n {item.label}\n </Text>\n {item.value.map((row, index) => {\n return (\n <Fragment key={index}>\n <Text className=\"u-marg-right\" inline type={TextType.Small}>\n <Pill type={item.type}>#{row.id}</Pill>\n </Text>\n </Fragment>\n );\n })}\n <br />\n </>\n );\n }\n })}\n <div className=\"u-marg-top\">\n <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n Itinerary\n </Text>\n <Pill variant={PillVariant.Outlined} type={PillType.Grey}>\n #{booking.itineraryId}\n </Pill>\n </div>\n </Card>\n );\n};\n\nexport const AccountReservationSinglePage = () => {\n const { t } = useTranslation();\n\n const beContext = useContext(BookingEngineContext);\n const { getHotel } = useContext(CompanyContext);\n\n const { getItinerary } = useMember();\n const [showingCancellationFor, setShowingCancellationFor] = useState<IRoomstayMemberBookingItemWithRef[] \| null>(null);\n\n const [bookingHotel, setBookingHotel] = useState<Hotel>();\n\n const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n const params = useParams<{ resId: string }>();\n\n const [booking, itineraries]: [IRoomstayMemberBooking, IRoomstayMemberBookingItemWithRef[]] = useMemo(() => {\n const itineraries: IRoomstayMemberBookingItemWithRef[] = [];\n\n const booking = getItinerary(params.resId);\n\n if (booking?.itinerary) {\n for (const itinerary of Object.values(booking.itinerary)) {\n itineraries.push({ ...itinerary, bookingId: booking.itineraryId });\n }\n }\n\n return [booking as IRoomstayMemberBooking, itineraries];\n }, [params, getItinerary]);\n\n useEffect(() => {\n if (booking && booking.hotelId) {\n getHotel(booking.hotelId).then((hotel) => {\n setBookingHotel(hotel);\n });\n }\n }, [booking, getHotel]);\n\n const allCancelled = useMemo(() => {\n for (const row of itineraries) {\n if (row.status !== IBookingStatus.Cancelled) {\n return false;\n }\n\n return true;\n }\n }, [itineraries]);\n\n if (!booking) {\n return <>Loading</>;\n }\n\n const { line1, line2, postalCode, country } = bookingHotel?.address ?? {};\n\n const onActionClick = (action: ReservationAction, item: IRoomstayMemberBookingItemWithRef) => {\n switch (action) {\n case ReservationAction.Cancel:\n setShowingCancellationFor([item]);\n break;\n }\n };\n\n const onCloseCancellationModal = () => {\n setShowingCancellationFor(null);\n };\n\n const onPrintClicked = () => {\n window.print();\n };\n\n return (\n <div>\n <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy u-print-none\">\n <Link to={AccountRoutes.Reservations.path}>\n <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n {t(Translation.Reservation.BackToYourReservations)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-flex-align-stretch@m- u-flex u-flex-align-flex-end u-marg-bottom--heavy u-pad-top@m u-flex-direction-column@m- u-print-none\">\n <div>\n <Text className=\"u-marg-bottom--light\">{StringHelper.pluralWithCount(itineraries.length, 'Room')}</Text>\n <Headline size=\"extra-large\" className=\"u-marg-bottom--light\">\n {getRoomNamesString(itineraries)}\n </Headline>\n <Text type={TextType.Body}>\n {bookingHotel?.name} • {[line1, line2, postalCode, country].filter((value) => !!value).join(' ')}\n </Text>\n </div>\n <div className=\"u-flex u-flex-gap u-flex-direction-column@m- u-flex-gap--light@m- u-marg-top--heavy@m-\">\n <BEButton wide={isMobile} rounded={isMobile} textColor={Color.Navy} isText={!isMobile} icon={IconType.Share} iconPosition=\"left\">\n {t(Translation.Reservation.Share)}\n </BEButton>\n <BEButton\n wide={isMobile}\n mobileWidth\n rounded={isMobile}\n textColor={Color.Navy}\n className=\"\"\n isText={!isMobile}\n icon={IconType.Print}\n iconPosition=\"left\"\n onClick={onPrintClicked}\n >\n {t(Translation.Reservation.Print)}\n </BEButton>\n {!allCancelled && (\n <BEButton\n danger\n wide={isMobile}\n mobileWidth\n rounded={isMobile}\n textColor={Color.Alert}\n isText={!isMobile}\n onClick={() => setShowingCancellationFor(itineraries)}\n >\n {StringHelper.plural(itineraries.length, t(Translation.Reservation.CancelReservation))}\n </BEButton>\n )}\n </div>\n </div>\n\n <span className=\"u-print-none\">\n <LineBreak fullBleed />\n </span>\n\n <div className=\"u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none\">\n <ReservationList\n actions={[ReservationAction.Cancel, ReservationAction.BookAgain]}\n reservationItems={itineraries}\n onActionClick={onActionClick}\n showCancelledNotifications\n />\n </div>\n <LineBreak noMargins={isMobile} />\n <div className=\"u-flex u-marg-top--heavy@m-\">\n <Headline size=\"large\" bold>\n {t(Translation.Reservation.Total)}\n </Headline>\n <div className=\"u-flex align-items-end flex-column\">\n <Headline lineThrough size=\"large\" bold>\n <Currency>{calculateTotalForMemberBooking(booking)}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey}>\n {t(Translation.Reservation.PriceNote)}\n </Text>\n </div>\n </div>\n\n <div className=\"row u-marg-top--massive@m u-marg-top--heavy@m-\">\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n <IconText icon={IconType.Person}>{itineraries?.[0]?.profile?.firstName + ' ' + itineraries?.[0]?.profile?.lastName}</IconText>\n <IconText icon={IconType.Email}>{itineraries?.[0]?.profile?.email}</IconText>\n <IconText icon={IconType.CreditCard}>\n <Text type={TextType.Small}>\n •••• •••• •••• 1111{' '}\n <Text inline type={TextType.Small} color={Color.DarkGrey}>\n (Visa)\n </Text>\n </Text>\n </IconText>\n </Card>\n </div>\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n <IconText icon={IconType.Map}>\n {line1}\n <br />\n {line2} {postalCode}, {country}\n </IconText>\n <IconText icon={IconType.Phone}>{bookingHotel?.phone}</IconText>\n </Card>\n </div>\n <div className=\"col-md-4 u-flex u-print-col-md-4\">\n <CodeNumberInformation itineraries={itineraries} booking={booking} />\n </div>\n </div>\n <div className=\"u-marg-top--massive@m u-marg-top@m- u-background--snow u-w-fluid u-pad-top--massive@m u-pad-top--heavy@m- u-pad-bottom--heavy @m- u-pad-bottom--massive@m\">\n <div className=\"container\">\n <Text bold> {t(Translation.Reservation.Policies)}</Text>\n <div className=\"u-marg-top--medium\">\n <div className=\"u-w-100\">\n <div className=\"u-flex u-flex-direction-column@m- u-flex-gap--medium@m-\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Reservation.CheckIn)}</strong>\n <br />\n {t(Translation.Reservation.After)} 2:00 PM\n </Text>\n <Text type={TextType.Small}>\n <strong>{t(Translation.Reservation.CheckOut)}</strong>\n <br />\n {t(Translation.Reservation.After)} 2:00 PM\n </Text>\n <div>\n {itineraries.map((itinerary) => {\n return (\n <Text type={TextType.Small} key={itinerary.id}>\n {itinerary.roomName} - {itinerary.rateName}\n </Text>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n <Text className=\"u-marg-top--medium\" type={TextType.Caption}>\n {t(Translation.Reservation.Policy1)}\n <br />\n <br />\n {t(Translation.Reservation.Policy2)}\n </Text>\n </div>\n </div>\n <CancelReservationModal\n onClose={onCloseCancellationModal}\n items={showingCancellationFor as IRoomstayMemberBookingItemWithRef[]}\n booking={booking}\n visible={!!showingCancellationFor}\n />\n </div>\n );\n};\n"]}

package/dist/src/pages/account/Reservations/AccountReservationsPage.js CHANGED Viewed

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -33,7 +10,7 @@ const Icon_1 = require("../../../components/generic/Icon/Icon");
 const Tab_1 = require("../../../components/generic/Tabs/Tab");
 const Tabs_1 = __importDefault(require("../../../components/generic/Tabs/Tabs"));
 const ReservationList_1 = __importDefault(require("../../../components/reservation/ReservationList"));
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
@@ -43,22 +20,22 @@ const hooks_1 = require("../../../hooks/index.js");
 const AccountReservationPage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { cancelledBookings, upcomingBookings, pastBookings } = (0, hooks_1.useMember)();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy" },
-            React.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Home.path },
-                React.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: 'small' }, t(Translation_1.Translation.Reservation.BackToYourAccount)))),
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(Headline_1.default, { size: "extra-large", bold: true }, t(Translation_1.Translation.Reservation.YourReservationPage.Title))),
-        React.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
-            React.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/upcoming-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
-                React.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    React.createElement(ReservationList_1.default, { reservationItems: upcomingBookings }))),
-            React.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/past-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
-                React.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    React.createElement(ReservationList_1.default, { reservationItems: pastBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))),
-            React.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/cancelled-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
-                React.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    React.createElement(ReservationList_1.default, { reservationItems: cancelledBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy" },
+            react_1.default.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Home.path },
+                react_1.default.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: "small" }, t(Translation_1.Translation.Reservation.BackToYourAccount)))),
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(Headline_1.default, { size: "extra-large", bold: true }, t(Translation_1.Translation.Reservation.YourReservationPage.Title))),
+        react_1.default.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
+            react_1.default.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/upcoming-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
+                react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
+                    react_1.default.createElement(ReservationList_1.default, { reservationItems: upcomingBookings }))),
+            react_1.default.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/past-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
+                react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
+                    react_1.default.createElement(ReservationList_1.default, { reservationItems: pastBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))),
+            react_1.default.createElement(Tab_1.Tab, { navPath: `${AccountRoutes_1.AccountRoutes.Reservations.path}/cancelled-stays`, title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
+                react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
+                    react_1.default.createElement(ReservationList_1.default, { isCancelled: true, reservationItems: cancelledBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))))));
 };
 exports.AccountReservationPage = AccountReservationPage;
 //# sourceMappingURL=AccountReservationsPage.js.map

package/dist/src/pages/account/Reservations/AccountReservationsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountReservationsPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationsPage.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,+FAAuE;AACvE,~~6CAA+B~~;~~AAC/B~~,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AACvD,8EAA6E;AAC7E,oDAAiD;AACjD,2CAA4C;~~AAErC~~,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,~~6BAAK~~,SAAS,EAAC,uDAAuD;YAClE,~~oBAAC~~,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,~~oBAAC~~,kBAAQ,IAAC,MAAM,~~EAAE~~,IAAI,EAAE,~~IAAI,EAAE,~~eAAQ,CAAC,SAAS,EAAE,IAAI,~~EAAE~~,OAAO,~~IAC1D~~,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,~~6BAAK~~,SAAS,EAAC,sBAAsB;YACjC,~~oBAAC~~,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,~~oBAAC~~,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;YACnC,~~oBAAC~~,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBAClI,~~6BAAK~~,SAAS,EAAC,uCAAuC;oBAClD,~~oBAAC~~,yBAAe,IAAC,gBAAgB,EAAE,~~gBAAgB~~,GAAI,~~CACrD~~,CACJ;YACN,~~oBAAC~~,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBAC1H,~~6BAAK~~,SAAS,EAAC,uCAAuC;oBAClD,~~oBAAC~~,yBAAe,~~IAAC~~,gBAAgB,EAAE,~~YAAY~~,~~EAAE~~,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,~~GAAI~~,~~CACxH~~,CACJ;YACN,~~oBAAC~~,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;gBACpI,~~6BAAK~~,SAAS,EAAC,uCAAuC;oBAClD,~~oBAAC~~,yBAAe,~~IAAC~~,gBAAgB,EAAE,~~iBAAiB~~,~~EAAE~~,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,~~GAAI~~,~~CAC7H~~,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;~~AAtCW~~,QAAA,sBAAsB,~~0BAsCjC~~","sourcesContent":["import BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport { AccountRoutes } from '../AccountRoutes';\nimport { useMember } from '@frontend/hooks';\n\nexport const AccountReservationPage = () => {\n const { t } = useTranslation();\n const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n return (\n <>\n <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n <Link to={AccountRoutes.Home.path}>\n <BEButton isText~~={true}~~ icon={IconType.ArrowLeft} size~~={'~~small'}>\n {t(Translation.Reservation.BackToYourAccount)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline size=\"extra-large\" bold>\n {t(Translation.Reservation.YourReservationPage.Title)}\n </Headline>\n </div>\n\n <Tabs defaultActiveKey=\"upcoming-stays\">\n <Tab navPath={`${AccountRoutes.Reservations.path}/upcoming-stays`} title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={upcomingBookings} />\n </div>\n </Tab>\n <Tab navPath={`${AccountRoutes.Reservations.path}/past-stays`} title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={pastBookings} actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]} />\n </div>\n </Tab>\n <Tab navPath={`${AccountRoutes.Reservations.path}/cancelled-stays`} title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={cancelledBookings} actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]} />\n </div>\n </Tab>\n </Tabs>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"AccountReservationsPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationsPage.tsx"],"names":[],"mappings":";;;;;;AAAA,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,+FAAuE;AACvE,kDAA0B;AAC1B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AACvD,8EAA6E;AAC7E,oDAAiD;AACjD,2CAA4C;AAGrC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,uDAAuD;YAClE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,8BAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;YACnC,8BAAC,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBAClI,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IAAC,gBAAgB,EAAE,gBAAuD,GAAI,CAC5F,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBAC1H,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,YAAmD,EACrE,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAE,GAAG,6BAAa,CAAC,YAAY,CAAC,IAAI,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;gBACpI,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,WAAW,QACX,gBAAgB,EAAE,iBAAwD,EAC1E,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,sBAAsB,0BA6CjC","sourcesContent":["import BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport { AccountRoutes } from '../AccountRoutes';\nimport { useMember } from '@frontend/hooks';\nimport { IRoomstayMemberBookingItemWithRef } from '@/contexts';\n\nexport const AccountReservationPage = () => {\n const { t } = useTranslation();\n const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n return (\n <>\n <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n <Link to={AccountRoutes.Home.path}>\n <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n {t(Translation.Reservation.BackToYourAccount)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline size=\"extra-large\" bold>\n {t(Translation.Reservation.YourReservationPage.Title)}\n </Headline>\n </div>\n\n <Tabs defaultActiveKey=\"upcoming-stays\">\n <Tab navPath={`${AccountRoutes.Reservations.path}/upcoming-stays`} title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={upcomingBookings as IRoomstayMemberBookingItemWithRef[]} />\n </div>\n </Tab>\n <Tab navPath={`${AccountRoutes.Reservations.path}/past-stays`} title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n reservationItems={pastBookings as IRoomstayMemberBookingItemWithRef[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n <Tab navPath={`${AccountRoutes.Reservations.path}/cancelled-stays`} title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n isCancelled\n reservationItems={cancelledBookings as IRoomstayMemberBookingItemWithRef[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n </Tabs>\n </>\n );\n};\n"]}

package/dist/src/pages/findReservation/FindReservation.js CHANGED Viewed

@@ -36,8 +36,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EFindReservationPath = exports.QUERY_PARAM_NAME = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Headline_1 = __importDefault(require("../../components/generic/Headline"));
 const TextBox_1 = __importDefault(require("../../components/generic/TextBox"));
@@ -55,14 +55,21 @@ const LineBreak_1 = __importDefault(require("../../components/generic/LineBreak"
 const hooks_1 = require("../../hooks/index.js");
 const Translation_1 = require("translations/Translation");
 const StepManager_1 = __importDefault(require("../../util/StepManager"));
-const SignInForm_1 = require("../../components/User/Forms/SignInForm");
-const SignUpForm_1 = require("../../components/User/Forms/SignUpForm");
 const Fade_1 = __importDefault(require("../../animations/Fade"));
-const ForgotPasswordForm_1 = require("../../components/User/Forms/ForgotPasswordForm");
 const events_1 = require("../../events/index.js");
 const UnauthenticatedUserModal_1 = require("../../components/generic/modal/SigninModal/UnauthenticatedUserModal");
 const MemberPortalFeature_1 = __importDefault(require("../../providers/feature/MemberPortalFeature"));
 const Validation_1 = require("../../util/Validation");
+const SmallSpinner_1 = __importDefault(require("../../components/generic/loader/SmallSpinner"));
+const SignInForm = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('../../components/User/Forms/SignInForm'))).then(({ SignInForm }) => ({
+    default: SignInForm,
+})));
+const SignUpForm = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('../../components/User/Forms/SignUpForm'))).then(({ SignUpForm }) => ({
+    default: SignUpForm,
+})));
+const ForgotPasswordForm = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('../../components/User/Forms/ForgotPasswordForm'))).then(({ ForgotPasswordForm }) => ({
+    default: ForgotPasswordForm,
+})));
 exports.QUERY_PARAM_NAME = 'path';
 var EFindReservationPath;
 (function (EFindReservationPath) {
@@ -93,17 +100,14 @@ function FindReservation() {
                 return 'success';
             }
         }
-        else {
-            return null;
-        }
     };
     const { path } = (0, react_router_dom_1.useParams)();
-    const firstTime = (0, react_1.useRef)(true);
-    const nextViewingScreen = (0, react_1.useRef)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [apiErrorMessages, setApiErrorMessages] = (0, react_1.useState)('');
-    const [viewingScreen, setViewingScreen] = (0, react_1.useState)(pathToScreenMapping[path]);
-    (0, react_1.useEffect)(() => {
+    const firstTime = (0, react_2.useRef)(true);
+    const nextViewingScreen = (0, react_2.useRef)(null);
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    const [apiErrorMessages, setApiErrorMessages] = (0, react_2.useState)('');
+    const [viewingScreen, setViewingScreen] = (0, react_2.useState)(pathToScreenMapping[path]);
+    (0, react_2.useEffect)(() => {
         if (firstTime.current) {
             firstTime.current = false;
             setViewingScreen(pathToScreenMapping[path]);
@@ -117,7 +121,7 @@ function FindReservation() {
     const onSubmit = () => {
         setIsLoading(true);
         setApiErrorMessages('');
-        BookingAPI_1.default.Reservation.findReservation(getValues('Ref'), getValues('Email'), hotel.hotelID)
+        BookingAPI_1.default.Reservation.findReservation(getValues('Ref'), getValues('Email'), hotel === null || hotel === void 0 ? void 0 : hotel.hotelID)
             .then((data) => {
             history.push(`/find-reservation/${getValues('Ref')}/${getValues('Email')}`);
         })
@@ -128,7 +132,7 @@ function FindReservation() {
         });
     };
     const { raise } = (0, hooks_1.useEvent)();
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         const background = document.createElement('div');
         background.classList.add('dbe-background');
         background.style.backgroundImage = `url('${hotel === null || hotel === void 0 ? void 0 : hotel.heroImage}')`;
@@ -146,7 +150,7 @@ function FindReservation() {
             }
         };
     }, []);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (hotel === null || hotel === void 0 ? void 0 : hotel.forwardFindReservationToSynxis) {
             window.open(`https://be.synxis.com/signin?hotel=` + hotel.hotelID);
         }
@@ -172,79 +176,80 @@ function FindReservation() {
     const onExit = () => {
         setViewingScreen(nextViewingScreen.current);
     };
-    const defaultContents = (React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(Headline_1.default, { size: "extra-large" }, t(Translation_1.Translation.FindReservation.FindYourReservation))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!apiErrorMessages },
-            React.createElement("div", { className: "u-flex" },
-                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, apiErrorMessages)))),
-        React.createElement("div", { className: "u-marg-bottom" },
-            React.createElement("div", { className: "u-marg-bottom--light" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy },
-                    React.createElement("strong", null, t(Translation_1.Translation.FindReservation.Confirmation)))),
-            React.createElement(TextBox_1.default, Object.assign({ placeholder: "51244AB23101", required: true, validationStatus: getValidationClass('Ref') }, register('Ref', {
+    const defaultContents = (react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(Headline_1.default, { size: "extra-large" }, t(Translation_1.Translation.FindReservation.FindYourReservation))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!apiErrorMessages },
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, apiErrorMessages)))),
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
+            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy },
+                    react_1.default.createElement("strong", null, t(Translation_1.Translation.FindReservation.Confirmation)))),
+            react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "51244AB23101", required: true, validationStatus: getValidationClass('Ref') }, register('Ref', {
                 required: true,
             })))),
-        React.createElement("div", { className: "u-marg-bottom" },
-            React.createElement("div", { className: "u-marg-bottom--light" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy },
-                    React.createElement("strong", null, t(Translation_1.Translation.FindReservation.EmailAddress)))),
-            React.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('Email'), name: 'Email' }, register('Email', {
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
+            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy },
+                    react_1.default.createElement("strong", null, t(Translation_1.Translation.FindReservation.EmailAddress)))),
+            react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('Email') }, register('Email', {
                 required: true,
                 pattern: {
                     value: Validation_1.EMAIL_REGEX,
                     message: t(Translation_1.Translation.FindReservation.InvalidEmailAddress),
                 },
             })))),
-        React.createElement("div", { className: "u-flex justify-content-end w-100" },
-            React.createElement(BEButton_1.default, { primary: true, filled: true, mobileWidth: true, isLoading: isLoading, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: handleSubmitOnClick }, t(Translation_1.Translation.FindReservation.FindReservation)),
-            React.createElement("button", { type: "submit", className: "u-none" }, t(Translation_1.Translation.FindReservation.Submit))),
-        React.createElement(LineBreak_1.default, null),
-        MemberPortalFeature_1.default.isActive() && (React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(BEButton_1.default, { isText: true, primary: true, size: 'small', onClick: onSignInClicked }, "Or sign in for more"))),
-        React.createElement("div", { className: "u-marg-bottom--light" },
-            React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                React.createElement("strong", null, t(Translation_1.Translation.FindReservation.Question)))),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer1)),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer2)),
-        React.createElement(LineBreak_1.default, null),
-        React.createElement(BEButton_1.default, { textColor: Color_1.Color.Accent, primary: false, filled: false, mobileWidth: true, size: "small", icon: Icon_1.IconType.ArrowLeft2, iconPosition: "left", onClick: onBack, isText: true }, t(Translation_1.Translation.FindReservation.Back))));
-    const signInForm = (React.createElement(React.Fragment, null,
-        React.createElement(SignInForm_1.SignInForm, { onForgotPassword: onForgotPasswordClicked }),
-        React.createElement(LineBreak_1.default, null),
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(BEButton_1.default, { isText: true, primary: true, size: 'small', onClick: onBackToItineraryClicked }, "Or use Confirmation/Itinerary Number")),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "No online account?"),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-            React.createElement(BEButton_1.default, { isText: true, size: 'small', primary: true, onClick: onSignUpClicked }, "Sign up"),
+        react_1.default.createElement("div", { className: "u-flex justify-content-end w-100" },
+            react_1.default.createElement(BEButton_1.default, { primary: true, filled: true, mobileWidth: true, isLoading: isLoading, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: handleSubmitOnClick }, t(Translation_1.Translation.FindReservation.FindReservation)),
+            react_1.default.createElement("button", { type: "submit", className: "u-none" }, t(Translation_1.Translation.FindReservation.Submit))),
+        react_1.default.createElement(LineBreak_1.default, null),
+        MemberPortalFeature_1.default.isActive() && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(BEButton_1.default, { isText: true, primary: true, size: "small", onClick: onSignInClicked }, "Or sign in for more"))),
+        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                react_1.default.createElement("strong", null, t(Translation_1.Translation.FindReservation.Question)))),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer1)),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer2)),
+        react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement(BEButton_1.default, { textColor: Color_1.Color.Accent, primary: false, filled: false, mobileWidth: true, size: "small", icon: Icon_1.IconType.ArrowLeft2, iconPosition: "left", onClick: onBack, isText: true }, t(Translation_1.Translation.FindReservation.Back))));
+    const signInForm = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SignInForm, { onForgotPassword: onForgotPasswordClicked }),
+        react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(BEButton_1.default, { isText: true, primary: true, size: "small", onClick: onBackToItineraryClicked }, "Or use Confirmation/Itinerary Number")),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "No online account?"),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", primary: true, onClick: onSignUpClicked }, "Sign up"),
             ' ',
             "to save time on your next booking.")));
-    const signUpForm = (React.createElement(React.Fragment, null,
-        React.createElement(SignUpForm_1.SignUpForm, null),
-        React.createElement(LineBreak_1.default, null),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "Already have an account?"),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-            React.createElement(BEButton_1.default, { isText: true, size: 'small', primary: true, onClick: onSignInClicked }, "Sign in"),
+    const signUpForm = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SignUpForm, null),
+        react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "Already have an account?"),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", primary: true, onClick: onSignInClicked }, "Sign in"),
             ' ',
             "to login with your account.")));
-    const forgotPasswordForm = (React.createElement(React.Fragment, null,
-        React.createElement(ForgotPasswordForm_1.ForgotPasswordForm, { onCancelled: onSignInClicked }),
-        React.createElement(LineBreak_1.default, null),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "No online account?"),
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-            React.createElement(BEButton_1.default, { isText: true, size: 'small', primary: true, onClick: onSignUpClicked }, "Sign up"),
+    const forgotPasswordForm = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ForgotPasswordForm, { onCancelled: onSignInClicked }),
+        react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, className: "u-marg-bottom--light" }, "No online account?"),
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", primary: true, onClick: onSignUpClicked }, "Sign up"),
             ' ',
             "to save time on your next booking.")));
-    return (React.createElement("div", { className: "u-pad-left u-pad-right" },
-        React.createElement("div", { className: "container u-marg-top--heavy u-pad-bottom--massive" },
-            React.createElement("div", { className: "row u-pad-bottom--massive" },
-                React.createElement("div", { className: "col-md-6 col-xl-4 u-fill-white u-pad--heavy u-shadow-accent-large u-border-rounded" },
-                    React.createElement(AutoAutoHeight_1.default, { open: true, startOpen: true },
-                        React.createElement(Fade_1.default, { open: viewingScreen === 'Default', onExitCompletely: onExit }, defaultContents),
-                        React.createElement(Fade_1.default, { open: viewingScreen === 'SignIn', onExitCompletely: onExit }, signInForm),
-                        React.createElement(Fade_1.default, { open: viewingScreen === 'SignUp', onExitCompletely: onExit }, signUpForm),
-                        React.createElement(Fade_1.default, { open: viewingScreen === 'ForgotPassword', onExitCompletely: onExit }, forgotPasswordForm)))))));
+    return (react_1.default.createElement("div", { className: "u-pad-left u-pad-right" },
+        react_1.default.createElement("div", { className: "container u-marg-top--heavy u-pad-bottom--massive" },
+            react_1.default.createElement("div", { className: "row u-pad-bottom--massive" },
+                react_1.default.createElement("div", { className: "col-md-6 col-xl-4 u-fill-white u-pad--heavy u-shadow-accent-large u-border-rounded" },
+                    react_1.default.createElement(AutoAutoHeight_1.default, { open: true, startOpen: true },
+                        react_1.default.createElement(Fade_1.default, { open: viewingScreen === 'Default', onExitCompletely: onExit }, defaultContents),
+                        react_1.default.createElement(react_2.Suspense, { fallback: SmallSpinner_1.default },
+                            react_1.default.createElement(Fade_1.default, { open: viewingScreen === 'SignIn', onExitCompletely: onExit }, signInForm),
+                            react_1.default.createElement(Fade_1.default, { open: viewingScreen === 'SignUp', onExitCompletely: onExit }, signUpForm),
+                            react_1.default.createElement(Fade_1.default, { open: viewingScreen === 'ForgotPassword', onExitCompletely: onExit }, forgotPasswordForm))))))));
 }
 exports.default = FindReservation;
 //# sourceMappingURL=FindReservation.js.map