@roomstay/frontend 2.1.0 → 2.1.1

package/dist/src/pages/account/Help/AccountHelpPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountHelpPage.js","sourceRoot":"/","sources":["src/pages/account/Help/AccountHelpPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport BEButton from 'components/generic/BEButton';\nimport Headline from 'components/generic/Headline';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport TextArea from 'components/generic/TextArea';\nimport TextBox from 'components/generic/TextBox';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\n\nimport API from 'api/BookingAPI';\nimport { useCurrentHotel, useMember } from '@frontend/hooks';\nimport { AccountRoutes } from '../AccountRoutes';\nimport EnhancedPhoneNumberField from 'components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\n\nexport const AccountHelpPage = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { user, fullName } = useMember();\n\n    const { register, formState, handleSubmit, reset, control } = useForm({\n        mode: 'onChange',\n        reValidateMode: 'onBlur',\n    });\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    useEffect(() => {\n        if (user) {\n            reset({\n                name: fullName,\n                email: user.email,\n                telephone: user.phoneNumber,\n            });\n        }\n    }, [fullName, user]);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            await API.Error.sendMemberAreaContactForm(hotel.hotelID, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                message: values.message,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    const getValidationClass = (name: string) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size={'extra-large'} className={'u-marg-bottom'}>\n                    Need some help?\n                </Headline>\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\" style={{ maxWidth: 500 }}>\n                <AutoAutoHeight open={!!formState.errors}>\n                    <div className=\"u-flex flex-column\">\n                        {Object.keys(formState.errors).map((errorName, index) => {\n                            return (\n                                <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n                                    <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n                                </Alert>\n                            );\n                        })}\n                    </div>\n                </AutoAutoHeight>\n\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Name\n                        </Text>\n                    </div>\n                    <TextBox\n                        required={true}\n                        validationStatus={getValidationClass('name')}\n                        {...register('name', {\n                            required: { message: `Name is required`, value: true },\n                        })}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            {t(Translation.Navigation.SignIn.EmailAddress)}\n                        </Text>\n                    </div>\n                    <TextBox\n                        placeholder=\"example@mail.com\"\n                        required={true}\n                        validationStatus={getValidationClass('email')}\n                        {...register('email', {\n                            required: {\n                                message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`,\n                                value: true,\n                            },\n                            pattern: {\n                                value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n                                message: t(Translation.FindReservation.InvalidEmailAddress),\n                            },\n                        })}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Telephone\n                        </Text>\n                    </div>\n                    <Controller\n                        rules={{\n                            pattern: {\n                                value: /.*\\s\\d+/,\n                                message: 'Telephone is required',\n                            },\n                        }}\n                        control={control}\n                        name=\"telephone\"\n                        render={({ field }) => {\n                            return (\n                                <EnhancedPhoneNumberField\n                                    {...field}\n                                    onChange={(e: any) => {\n                                        field.onChange(e);\n                                    }}\n                                    validationStatus={getValidationClass('telephone')}\n                                />\n                            );\n                        }}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Message\n                        </Text>\n                    </div>\n                    <TextArea\n                        required={true}\n                        validationStatus={getValidationClass('message')}\n                        {...register('message', {\n                            required: { message: 'Message is required', value: true },\n                        })}\n                    />\n                </div>\n                <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" filled primary htmlType=\"submit\" isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                    Submit\n                </BEButton>\n            </form>\n\n            <AutoAutoHeight open={apiStatus.success}>\n                <div className=\"u-pad-top\">\n                    <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                </div>\n            </AutoAutoHeight>\n\n            <AutoAutoHeight open={apiStatus.success === false}>\n                <div className=\"u-pad-top\">\n                    <Text color={Color.Alert}>{apiStatus.message}</Text>\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountHelpPage.js","sourceRoot":"/","sources":["src/pages/account/Help/AccountHelpPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextArea from '@/components/generic/TextArea';\nimport TextBox from '@/components/generic/TextBox';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport API from '@/api/BookingAPI';\nimport { useCurrentHotel, useMember } from '@frontend/hooks';\nimport { AccountRoutes } from '../AccountRoutes';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\n\nexport const AccountHelpPage = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { user, fullName } = useMember();\n\n    const { register, formState, handleSubmit, reset, control } = useForm({\n        mode: 'onChange',\n        reValidateMode: 'onBlur',\n    });\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    useEffect(() => {\n        if (user) {\n            reset({\n                name: fullName,\n                email: user.email,\n                telephone: user.phoneNumber,\n            });\n        }\n    }, [fullName, user]);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            await API.Error.sendMemberAreaContactForm(hotel.hotelID, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                message: values.message,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    const getValidationClass = (name: string) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size={'extra-large'} className={'u-marg-bottom'}>\n                    Need some help?\n                </Headline>\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\" style={{ maxWidth: 500 }}>\n                <AutoAutoHeight open={!!formState.errors}>\n                    <div className=\"u-flex flex-column\">\n                        {Object.keys(formState.errors).map((errorName, index) => {\n                            return (\n                                <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n                                    <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n                                </Alert>\n                            );\n                        })}\n                    </div>\n                </AutoAutoHeight>\n\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Name\n                        </Text>\n                    </div>\n                    <TextBox\n                        required={true}\n                        validationStatus={getValidationClass('name')}\n                        {...register('name', {\n                            required: { message: `Name is required`, value: true },\n                        })}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            {t(Translation.Navigation.SignIn.EmailAddress)}\n                        </Text>\n                    </div>\n                    <TextBox\n                        placeholder=\"example@mail.com\"\n                        required={true}\n                        validationStatus={getValidationClass('email')}\n                        {...register('email', {\n                            required: {\n                                message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`,\n                                value: true,\n                            },\n                            pattern: {\n                                value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n                                message: t(Translation.FindReservation.InvalidEmailAddress),\n                            },\n                        })}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Telephone\n                        </Text>\n                    </div>\n                    <Controller\n                        rules={{\n                            pattern: {\n                                value: /.*\\s\\d+/,\n                                message: 'Telephone is required',\n                            },\n                        }}\n                        control={control}\n                        name=\"telephone\"\n                        render={({ field }) => {\n                            return (\n                                <EnhancedPhoneNumberField\n                                    {...field}\n                                    onChange={(e: any) => {\n                                        field.onChange(e);\n                                    }}\n                                    validationStatus={getValidationClass('telephone')}\n                                />\n                            );\n                        }}\n                    />\n                </div>\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            Message\n                        </Text>\n                    </div>\n                    <TextArea\n                        required={true}\n                        validationStatus={getValidationClass('message')}\n                        {...register('message', {\n                            required: { message: 'Message is required', value: true },\n                        })}\n                    />\n                </div>\n                <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" filled primary htmlType=\"submit\" isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                    Submit\n                </BEButton>\n            </form>\n\n            <AutoAutoHeight open={apiStatus.success}>\n                <div className=\"u-pad-top\">\n                    <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                </div>\n            </AutoAutoHeight>\n\n            <AutoAutoHeight open={apiStatus.success === false}>\n                <div className=\"u-pad-top\">\n                    <Text color={Color.Alert}>{apiStatus.message}</Text>\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n};\n"]}

package/dist/src/pages/account/Reservations/AccountReservationCancelledPage.js

@@ -30,20 +30,20 @@ exports.AccountReservationCancelledPage = void 0;
 const React = __importStar(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_router_dom_1 = require("react-router-dom");
-const StepManager_1 = __importDefault(require("util/StepManager"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const ReservationItem_1 = __importStar(require("components/reservation/ReservationItem"));
-const Color_1 = require("util/Color");
-const Alert_1 = __importStar(require("components/generic/Alert"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Card_1 = require("components/generic/Card/Card/Card");
-const IconText_1 = __importDefault(require("components/generic/IconText/IconText"));
-const Pill_1 = __importStar(require("components/generic/Pill"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const ReservationItem_1 = __importStar(require("@/components/reservation/ReservationItem"));
+const Color_1 = require("@/util/Color");
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Card_1 = require("@/components/generic/Card/Card/Card");
+const IconText_1 = __importDefault(require("@/components/generic/IconText/IconText"));
+const Pill_1 = __importStar(require("@/components/generic/Pill"));
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const AccountReservationCancelledPage = () => {

package/dist/src/pages/account/Reservations/AccountReservationCancelledPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountReservationCancelledPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationCancelledPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Reservation } from 'models/Reservation/Reservation';\nimport dayjs from 'dayjs';\nimport { Link } from 'react-router-dom';\nimport StepManager from 'util/StepManager';\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 ReservationItem, { ReservationAction } from 'components/reservation/ReservationItem';\nimport { Color } from 'util/Color';\nimport Alert, { AlertType, AlertVariant } from 'components/generic/Alert';\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 } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport const AccountReservationCancelledPage = () => {\n    const fakeReservation: Reservation = {\n        // TODO: Actually load legit reservations here\n        id: 1,\n\n        code: 'MiniQueen',\n        name: 'Mini Queen',\n        group: 'Niall Smyth',\n        description: 'Mini Queen',\n\n        occupancy: 1,\n        rooms: 1,\n        nights: 8,\n        from: dayjs('2022/04/07'),\n        to: dayjs('2022/04/14'),\n        checkIn: 'After 2:00 PM',\n        checkOut: 'Before 11:00PM',\n        images: ['https://pcdn.app.roomstay.io/99298b4d-d487-41a5-a5f7-dab4549876b2?w=768'],\n    };\n    const { t } = useTranslation();\n    const context = React.useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO BOOKING\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-\">\n                <div>\n                    <Text className=\"u-marg-bottom--light\">1 Room</Text>\n                    <Headline size={'extra-large'} className=\"u-marg-bottom--light\">\n                        Mini Queen\n                    </Headline>\n                    <Text type={TextType.Body}>Ovolo Hotels • 64 Wong Chuk Hang Road, Southside, Hong Kong</Text>\n                </div>\n                <div className=\"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                        rounded={isMobile}\n                        textColor={Color.Navy}\n                        className=\"u-marg-left--heavy u-marg-left--none@m- u-marg-top--light@m-\"\n                        isText={!isMobile}\n                        icon={IconType.Print}\n                        iconPosition=\"left\"\n                    >\n                        {t(Translation.Reservation.Print)}\n                    </BEButton>\n                </div>\n            </div>\n\n            <LineBreak fullBleed />\n\n            <div className=\"u-marg-bottom--heavy\">\n                <Alert\n                    noIconMargin\n                    iconClassName=\"u-marg-right\"\n                    noBorder\n                    iconSize={isMobile ? '26px' : '40px'}\n                    variant={AlertVariant.Filled}\n                    iconAlignCenter\n                    type={AlertType.Danger}\n                    icon={IconType.Error}\n                >\n                    <div>\n                        <Text bold type={TextType.Small}>\n                            {t(Translation.Reservation.CancelledPage.AlertTitle)}\n                        </Text>\n                        <Text type={TextType.Small} color={Color.Navy} className=\"u-marg-top--lighter\" inline={false}>\n                            {t(Translation.Reservation.CancelledPage.AlertDescription)}\n                        </Text>\n                    </div>\n                </Alert>\n            </div>\n\n            <div className=\"u-marg-bottom--massive u-marg-bottom--none@m-\">\n                <ReservationItem cancelled actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]} itineraryItem={fakeReservation} />\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>\n                    <Headline lineThrough size=\"large\" bold>\n                        A$2,061\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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n                        <IconText icon={IconType.Person}>Niall Smyth</IconText>\n                        <IconText icon={IconType.Email}>niall.smyth@gmail.com</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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n                        <IconText icon={IconType.Map}>\n                            64 Wong Chuk Hang Road\n                            <br />\n                            Southside, Hong Kong\n                        </IconText>\n                        <IconText icon={IconType.Phone}>+852 3460 8100</IconText>\n                    </Card>\n                </div>\n                <div className=\"col-md-4 u-flex\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n                        <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                            Confirmed\n                        </Text>\n                        <Pill type={PillType.Danger}>\n                            <Text lineThrough color={Color.Alert} bold type={TextType.Small}>\n                                #62991SC007872\n                            </Text>\n                        </Pill>\n                        <br />\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                                #15668B0340984\n                            </Pill>\n                        </div>\n                    </Card>\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                    <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        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountReservationCancelledPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationCancelledPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Reservation } from '@/models/Reservation/Reservation';\nimport dayjs from 'dayjs';\nimport { Link } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\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 ReservationItem, { ReservationAction } from '@/components/reservation/ReservationItem';\nimport { Color } from '@/util/Color';\nimport Alert, { AlertType, AlertVariant } from '@/components/generic/Alert';\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 } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport const AccountReservationCancelledPage = () => {\n    const fakeReservation: Reservation = {\n        // TODO: Actually load legit reservations here\n        id: 1,\n\n        code: 'MiniQueen',\n        name: 'Mini Queen',\n        group: 'Niall Smyth',\n        description: 'Mini Queen',\n\n        occupancy: 1,\n        rooms: 1,\n        nights: 8,\n        from: dayjs('2022/04/07'),\n        to: dayjs('2022/04/14'),\n        checkIn: 'After 2:00 PM',\n        checkOut: 'Before 11:00PM',\n        images: ['https://pcdn.app.roomstay.io/99298b4d-d487-41a5-a5f7-dab4549876b2?w=768'],\n    };\n    const { t } = useTranslation();\n    const context = React.useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO BOOKING\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-\">\n                <div>\n                    <Text className=\"u-marg-bottom--light\">1 Room</Text>\n                    <Headline size={'extra-large'} className=\"u-marg-bottom--light\">\n                        Mini Queen\n                    </Headline>\n                    <Text type={TextType.Body}>Ovolo Hotels • 64 Wong Chuk Hang Road, Southside, Hong Kong</Text>\n                </div>\n                <div className=\"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                        rounded={isMobile}\n                        textColor={Color.Navy}\n                        className=\"u-marg-left--heavy u-marg-left--none@m- u-marg-top--light@m-\"\n                        isText={!isMobile}\n                        icon={IconType.Print}\n                        iconPosition=\"left\"\n                    >\n                        {t(Translation.Reservation.Print)}\n                    </BEButton>\n                </div>\n            </div>\n\n            <LineBreak fullBleed />\n\n            <div className=\"u-marg-bottom--heavy\">\n                <Alert\n                    noIconMargin\n                    iconClassName=\"u-marg-right\"\n                    noBorder\n                    iconSize={isMobile ? '26px' : '40px'}\n                    variant={AlertVariant.Filled}\n                    iconAlignCenter\n                    type={AlertType.Danger}\n                    icon={IconType.Error}\n                >\n                    <div>\n                        <Text bold type={TextType.Small}>\n                            {t(Translation.Reservation.CancelledPage.AlertTitle)}\n                        </Text>\n                        <Text type={TextType.Small} color={Color.Navy} className=\"u-marg-top--lighter\" inline={false}>\n                            {t(Translation.Reservation.CancelledPage.AlertDescription)}\n                        </Text>\n                    </div>\n                </Alert>\n            </div>\n\n            <div className=\"u-marg-bottom--massive u-marg-bottom--none@m-\">\n                <ReservationItem cancelled actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]} itineraryItem={fakeReservation} />\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>\n                    <Headline lineThrough size=\"large\" bold>\n                        A$2,061\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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n                        <IconText icon={IconType.Person}>Niall Smyth</IconText>\n                        <IconText icon={IconType.Email}>niall.smyth@gmail.com</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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n                        <IconText icon={IconType.Map}>\n                            64 Wong Chuk Hang Road\n                            <br />\n                            Southside, Hong Kong\n                        </IconText>\n                        <IconText icon={IconType.Phone}>+852 3460 8100</IconText>\n                    </Card>\n                </div>\n                <div className=\"col-md-4 u-flex\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n                        <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                            Confirmed\n                        </Text>\n                        <Pill type={PillType.Danger}>\n                            <Text lineThrough color={Color.Alert} bold type={TextType.Small}>\n                                #62991SC007872\n                            </Text>\n                        </Pill>\n                        <br />\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                                #15668B0340984\n                            </Pill>\n                        </div>\n                    </Card>\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                    <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        </div>\n    );\n};\n"]}

package/dist/src/pages/account/Reservations/AccountReservationMultiplePage.js

@@ -30,22 +30,22 @@ exports.AccountReservationMultiplePage = void 0;
 const React = __importStar(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_router_dom_1 = require("react-router-dom");
-const StepManager_1 = __importDefault(require("util/StepManager"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const ReservationItem_1 = require("components/reservation/ReservationItem");
-const Color_1 = require("util/Color");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Card_1 = require("components/generic/Card/Card/Card");
-const IconText_1 = __importDefault(require("components/generic/IconText/IconText"));
-const Pill_1 = __importStar(require("components/generic/Pill"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const ReservationItem_1 = require("@/components/reservation/ReservationItem");
+const Color_1 = require("@/util/Color");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Card_1 = require("@/components/generic/Card/Card/Card");
+const IconText_1 = __importDefault(require("@/components/generic/IconText/IconText"));
+const Pill_1 = __importStar(require("@/components/generic/Pill"));
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ReservationList_1 = __importDefault(require("components/reservation/ReservationList"));
+const ReservationList_1 = __importDefault(require("@/components/reservation/ReservationList"));
 const AccountReservationMultiplePage = () => {
     const fakeReservation = {
         // TODO: Actually load legit reservations here

package/dist/src/pages/account/Reservations/AccountReservationMultiplePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountReservationMultiplePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationMultiplePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC } from 'react';\nimport { Reservation } from 'models/Reservation/Reservation';\nimport dayjs from 'dayjs';\nimport { Link } from 'react-router-dom';\nimport StepManager from 'util/StepManager';\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 } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ReservationList from 'components/reservation/ReservationList';\n\nexport const AccountReservationMultiplePage: FC = () => {\n    const fakeReservation: Reservation = {\n        // TODO: Actually load legit reservations here\n        id: 1,\n\n        code: 'MiniQueen',\n        name: 'Mini Queen',\n        group: 'Niall Smyth',\n        description: 'Mini Queen',\n\n        occupancy: 1,\n        rooms: 1,\n        nights: 8,\n        from: dayjs('2022/04/07'),\n        to: dayjs('2022/04/14'),\n        checkIn: 'After 2:00 PM',\n        checkOut: 'Before 11:00PM',\n        images: ['https://pcdn.app.roomstay.io/99298b4d-d487-41a5-a5f7-dab4549876b2?w=768'],\n    };\n    const { t } = useTranslation();\n    const context = React.useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\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-\">\n                <div>\n                    <Text className=\"u-marg-bottom--light\">2 Room</Text>\n                    <Headline size={'extra-large'} className=\"u-marg-bottom--light\">\n                        Corner + Mini Twin\n                    </Headline>\n                    <Text type={TextType.Body}>Ovolo Hotels • 64 Wong Chuk Hang Road, Southside, Hong Kong</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.Edit} iconPosition=\"left\">\n                        {t(Translation.Reservation.Modify)}\n                    </BEButton>\n                    <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} className=\"\" isText={!isMobile} icon={IconType.Share} iconPosition=\"left\">\n                        {t(Translation.Reservation.Share)}\n                    </BEButton>\n                    <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} className=\"\" isText={!isMobile} icon={IconType.Print} iconPosition=\"left\">\n                        {t(Translation.Reservation.Print)}\n                    </BEButton>\n                    <BEButton danger wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Alert} className=\"\" isText={!isMobile}>\n                        {t(Translation.Reservation.CancelReservation)}\n                    </BEButton>\n                </div>\n            </div>\n\n            <LineBreak fullBleed />\n\n            <div className=\"u-marg-bottom--heavy u-marg-bottom--none@m-\">\n                <ReservationList actions={[ReservationAction.Modify, ReservationAction.Cancel]} reservationItems={[fakeReservation, fakeReservation]} />\n                {/*<ReservationItem actions={[ReservationAction.Modify, ReservationAction.Cancel]} reservation={fakeReservation} />*/}\n            </div>\n\n            <div className=\"u-marg-top-bottom--heavy\">\n                <Text color={Color.Graphite} type={TextType.Small}>\n                    Add-on Itens\n                </Text>\n                <Headline size={isMobile ? undefined : 'large'} color={Color.Navy} bold className=\"u-marg-top\">\n                    Airport Transfer - 7 seaters (for 6 pax)\n                </Headline>\n                <div className=\"u-flex u-flex-justify-between u-marg-top--light\">\n                    <Text type={TextType.Small} color={Color.Graphite}>\n                        2 Per way\n                    </Text>\n                    <Text type={TextType.Small} color={Color.Navy} bold>\n                        A$402\n                    </Text>\n                </div>\n                <div className=\"u-flex u-flex-justify-between u-marg-top--light\">\n                    <Text type={TextType.Small} color={Color.Graphite}>\n                        Service&apos;s date\n                    </Text>\n                    <Text type={TextType.Small} color={Color.Accent} bold>\n                        7 - 10 Apr\n                    </Text>\n                </div>\n            </div>\n\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>\n                    <Headline lineThrough size=\"large\" bold>\n                        A$2,061\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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n                        <IconText icon={IconType.Person}>Niall Smyth</IconText>\n                        <IconText icon={IconType.Email}>niall.smyth@gmail.com</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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n                        <IconText icon={IconType.Map}>\n                            64 Wong Chuk Hang Road\n                            <br />\n                            Southside, Hong Kong\n                        </IconText>\n                        <IconText icon={IconType.Phone}>+852 3460 8100</IconText>\n                    </Card>\n                </div>\n                <div className=\"col-md-4 u-flex\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n                        <Text className=\"u-marg-right--light u-marg-bottom--light\" inline type={TextType.Small}>\n                            Confirmed\n                        </Text>\n                        <Pill className=\"u-marg-bottom--light\" type={PillType.Success}>\n                            #62991SC007872\n                        </Pill>\n                        <Pill className=\"u-marg-bottom--light\" type={PillType.Success}>\n                            #6292SC007234\n                        </Pill>\n                        <br />\n                        <div className=\"u-marg-top--light\">\n                            <Text className=\"u-marg-right--light u-marg-bottom--light\" inline type={TextType.Small}>\n                                Itinerary\n                            </Text>\n                            <Pill className=\"u-marg-bottom--light\" variant={PillVariant.Outlined} type={PillType.Grey}>\n                                #15668B0340984\n                            </Pill>\n                        </div>\n                    </Card>\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-57@m u-w-100@m-\">\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                                <Text type={TextType.Small}>\n                                    <strong>Room 1</strong> Deluxe Queen - Ovolo Southside Escape\n                                    <br />\n                                    <strong>Room 2</strong> Mini Twin - Daily Rate\n                                </Text>\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        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountReservationMultiplePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationMultiplePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,kDAA0B;AAC1B,uDAAwC;AACxC,qEAA6C;AAC7C,6EAAqD;AACrD,yDAA0D;AAC1D,6EAAqD;AACrD,kEAA2D;AAC3D,8EAA6E;AAC7E,wCAAqC;AACrC,+EAAuD;AACvD,8DAA2D;AAC3D,sFAA8D;AAC9D,kEAAwE;AACxE,iDAA0D;AAC1D,mEAA2C;AAC3C,iDAA+C;AAC/C,0DAAuD;AACvD,+FAAuE;AAEhE,MAAM,8BAA8B,GAAO,GAAG,EAAE;IACnD,MAAM,eAAe,GAAgB;QACjC,8CAA8C;QAC9C,EAAE,EAAE,CAAC;QAEL,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,YAAY;QAEzB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,IAAA,eAAK,EAAC,YAAY,CAAC;QACzB,EAAE,EAAE,IAAA,eAAK,EAAC,YAAY,CAAC;QACvB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,gBAAgB;QAC1B,MAAM,EAAE,CAAC,yEAAyE,CAAC;KACtF,CAAC;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,wDAAwD;YACnE,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE;gBAC7C,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,IAC1D,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAC3C,CACR,CACL;QACN,6BAAK,SAAS,EAAC,kHAAkH;YAC7H;gBACI,oBAAC,cAAI,IAAC,SAAS,EAAC,sBAAsB,aAAc;gBACpD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,sBAAsB,yBAEpD;gBACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,uEAAoE,CAC3F;YACN,6BAAK,SAAS,EAAC,wFAAwF;gBACnG,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,YAAY,EAAC,MAAM,IAC1H,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAC3B;gBACX,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,QAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,EAAE,EAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,MAAM,IACpJ,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;gBACX,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,QAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,EAAE,EAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,MAAM,IACpJ,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;gBACX,oBAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,QAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAK,CAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAC,MAAM,EAAE,CAAC,QAAQ,IACjH,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACT,CACJ;QAEN,oBAAC,mBAAS,IAAC,SAAS,SAAG;QAEvB,6BAAK,SAAS,EAAC,6CAA6C;YACxD,oBAAC,yBAAe,IAAC,OAAO,EAAE,CAAC,mCAAiB,CAAC,MAAM,EAAE,mCAAiB,CAAC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,GAAI,CAEtI;QAEN,6BAAK,SAAS,EAAC,0BAA0B;YACrC,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,mBAE1C;YACP,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,QAAC,SAAS,EAAC,YAAY,+CAEnF;YACX,6BAAK,SAAS,EAAC,iDAAiD;gBAC5D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,gBAE1C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,kBAE5C,CACL;YACN,6BAAK,SAAS,EAAC,iDAAiD;gBAC5D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,qBAE1C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,uBAE9C,CACL,CACJ;QAEN,oBAAC,mBAAS,IAAC,SAAS,EAAE,QAAQ,GAAI;QAClC,6BAAK,SAAS,EAAC,6BAA6B;YACxC,oBAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,UACtB,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;YACX;gBACI,oBAAC,kBAAQ,IAAC,WAAW,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,oBAE5B;gBACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAClC,CACL,CACJ;QAEN,6BAAK,SAAS,EAAC,gDAAgD;YAC3D,6BAAK,SAAS,EAAC,iBAAiB;gBAC5B,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,kBAAkB,CAAC;oBACxE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,kBAAwB;oBACvD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,4BAAkC;oBAChE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU;wBAC/B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;;4BACF,GAAG;4BACvB,oBAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,aAEjD,CACJ,CACA,CACR,CACL;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC5B,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC;oBACtE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG;;wBAExB,+BAAM;+CAEC;oBACX,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,qBAA2B,CACtD,CACL;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC5B,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC;oBAC3E,oBAAC,cAAI,IAAC,SAAS,EAAC,0CAA0C,EAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,gBAE/E;oBACP,oBAAC,cAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,qBAEtD;oBACP,oBAAC,cAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,oBAEtD;oBACP,+BAAM;oBACN,6BAAK,SAAS,EAAC,mBAAmB;wBAC9B,oBAAC,cAAI,IAAC,SAAS,EAAC,0CAA0C,EAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,gBAE/E;wBACP,oBAAC,cAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,kBAAW,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,IAAI,qBAElF,CACL,CACH,CACL,CACJ;QACN,6BAAK,SAAS,EAAC,2JAA2J;YACtK,6BAAK,SAAS,EAAC,WAAW;gBACtB,oBAAC,cAAI,IAAC,IAAI;;oBAAG,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAQ;gBACxD,6BAAK,SAAS,EAAC,oBAAoB;oBAC/B,6BAAK,SAAS,EAAC,qBAAqB;wBAChC,6BAAK,SAAS,EAAC,yDAAyD;4BACpE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAU;gCACrD,+BAAM;gCACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC;2CAC9B;4BACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAU;gCACtD,+BAAM;gCACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC;2CAC9B;4BACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,6CAAuB;;gCACvB,+BAAM;gCACN,6CAAuB;0DACpB,CACL,CACJ,CACJ;gBACN,oBAAC,cAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,eAAQ,CAAC,OAAO;oBACtD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC;oBACnC,+BAAM;oBACN,+BAAM;oBACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAChC,CACL,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxLW,QAAA,8BAA8B,kCAwLzC","sourcesContent":["import * as React from 'react';\nimport { FC } from 'react';\nimport { Reservation } from '@/models/Reservation/Reservation';\nimport dayjs from 'dayjs';\nimport { Link } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\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 } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ReservationList from '@/components/reservation/ReservationList';\n\nexport const AccountReservationMultiplePage: FC = () => {\n    const fakeReservation: Reservation = {\n        // TODO: Actually load legit reservations here\n        id: 1,\n\n        code: 'MiniQueen',\n        name: 'Mini Queen',\n        group: 'Niall Smyth',\n        description: 'Mini Queen',\n\n        occupancy: 1,\n        rooms: 1,\n        nights: 8,\n        from: dayjs('2022/04/07'),\n        to: dayjs('2022/04/14'),\n        checkIn: 'After 2:00 PM',\n        checkOut: 'Before 11:00PM',\n        images: ['https://pcdn.app.roomstay.io/99298b4d-d487-41a5-a5f7-dab4549876b2?w=768'],\n    };\n    const { t } = useTranslation();\n    const context = React.useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\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-\">\n                <div>\n                    <Text className=\"u-marg-bottom--light\">2 Room</Text>\n                    <Headline size={'extra-large'} className=\"u-marg-bottom--light\">\n                        Corner + Mini Twin\n                    </Headline>\n                    <Text type={TextType.Body}>Ovolo Hotels • 64 Wong Chuk Hang Road, Southside, Hong Kong</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.Edit} iconPosition=\"left\">\n                        {t(Translation.Reservation.Modify)}\n                    </BEButton>\n                    <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} className=\"\" isText={!isMobile} icon={IconType.Share} iconPosition=\"left\">\n                        {t(Translation.Reservation.Share)}\n                    </BEButton>\n                    <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} className=\"\" isText={!isMobile} icon={IconType.Print} iconPosition=\"left\">\n                        {t(Translation.Reservation.Print)}\n                    </BEButton>\n                    <BEButton danger wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Alert} className=\"\" isText={!isMobile}>\n                        {t(Translation.Reservation.CancelReservation)}\n                    </BEButton>\n                </div>\n            </div>\n\n            <LineBreak fullBleed />\n\n            <div className=\"u-marg-bottom--heavy u-marg-bottom--none@m-\">\n                <ReservationList actions={[ReservationAction.Modify, ReservationAction.Cancel]} reservationItems={[fakeReservation, fakeReservation]} />\n                {/*<ReservationItem actions={[ReservationAction.Modify, ReservationAction.Cancel]} reservation={fakeReservation} />*/}\n            </div>\n\n            <div className=\"u-marg-top-bottom--heavy\">\n                <Text color={Color.Graphite} type={TextType.Small}>\n                    Add-on Itens\n                </Text>\n                <Headline size={isMobile ? undefined : 'large'} color={Color.Navy} bold className=\"u-marg-top\">\n                    Airport Transfer - 7 seaters (for 6 pax)\n                </Headline>\n                <div className=\"u-flex u-flex-justify-between u-marg-top--light\">\n                    <Text type={TextType.Small} color={Color.Graphite}>\n                        2 Per way\n                    </Text>\n                    <Text type={TextType.Small} color={Color.Navy} bold>\n                        A$402\n                    </Text>\n                </div>\n                <div className=\"u-flex u-flex-justify-between u-marg-top--light\">\n                    <Text type={TextType.Small} color={Color.Graphite}>\n                        Service&apos;s date\n                    </Text>\n                    <Text type={TextType.Small} color={Color.Accent} bold>\n                        7 - 10 Apr\n                    </Text>\n                </div>\n            </div>\n\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>\n                    <Headline lineThrough size=\"large\" bold>\n                        A$2,061\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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.ProfileInformation)}>\n                        <IconText icon={IconType.Person}>Niall Smyth</IconText>\n                        <IconText icon={IconType.Email}>niall.smyth@gmail.com</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\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.HotelInformation)}>\n                        <IconText icon={IconType.Map}>\n                            64 Wong Chuk Hang Road\n                            <br />\n                            Southside, Hong Kong\n                        </IconText>\n                        <IconText icon={IconType.Phone}>+852 3460 8100</IconText>\n                    </Card>\n                </div>\n                <div className=\"col-md-4 u-flex\">\n                    <Card className=\"w-100\" title={t(Translation.Reservation.CodeNumberInformation)}>\n                        <Text className=\"u-marg-right--light u-marg-bottom--light\" inline type={TextType.Small}>\n                            Confirmed\n                        </Text>\n                        <Pill className=\"u-marg-bottom--light\" type={PillType.Success}>\n                            #62991SC007872\n                        </Pill>\n                        <Pill className=\"u-marg-bottom--light\" type={PillType.Success}>\n                            #6292SC007234\n                        </Pill>\n                        <br />\n                        <div className=\"u-marg-top--light\">\n                            <Text className=\"u-marg-right--light u-marg-bottom--light\" inline type={TextType.Small}>\n                                Itinerary\n                            </Text>\n                            <Pill className=\"u-marg-bottom--light\" variant={PillVariant.Outlined} type={PillType.Grey}>\n                                #15668B0340984\n                            </Pill>\n                        </div>\n                    </Card>\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-57@m u-w-100@m-\">\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                                <Text type={TextType.Small}>\n                                    <strong>Room 1</strong> Deluxe Queen - Ovolo Southside Escape\n                                    <br />\n                                    <strong>Room 2</strong> Mini Twin - Daily Rate\n                                </Text>\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        </div>\n    );\n};\n"]}

package/dist/src/pages/account/Reservations/AccountReservationSinglePage.js

@@ -29,29 +29,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountReservationSinglePage = void 0;
 const React = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const ReservationItem_1 = require("components/reservation/ReservationItem");
-const Color_1 = require("util/Color");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Card_1 = require("components/generic/Card/Card/Card");
-const IconText_1 = __importDefault(require("components/generic/IconText/IconText"));
-const Pill_1 = __importStar(require("components/generic/Pill"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const ReservationItem_1 = require("@/components/reservation/ReservationItem");
+const Color_1 = require("@/util/Color");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Card_1 = require("@/components/generic/Card/Card/Card");
+const IconText_1 = __importDefault(require("@/components/generic/IconText/IconText"));
+const Pill_1 = __importStar(require("@/components/generic/Pill"));
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const react_1 = require("react");
 const core_1 = require("@roomstay/core");
-const LoggedInUserHook_1 = require("hooks/LoggedInUserHook");
-const StringHelper_1 = __importDefault(require("util/StringHelper"));
+const LoggedInUserHook_1 = require("@/hooks/LoggedInUserHook");
+const StringHelper_1 = __importDefault(require("@/util/StringHelper"));
 const AccountRoutes_1 = require("../AccountRoutes");
-const ReservationList_1 = __importDefault(require("components/reservation/ReservationList"));
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
-const Currency_1 = __importDefault(require("components/generic/Currency"));
+const ReservationList_1 = __importDefault(require("@/components/reservation/ReservationList"));
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
 const getRoomNamesString = (itineraries) => {
     var _a;
     const roomNames = {};

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

@@ -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"]}
+{"version":3,"file":"AccountReservationSinglePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationSinglePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uDAAmD;AACnD,6EAAqD;AACrD,yDAA0D;AAC1D,6EAAqD;AACrD,kEAA2D;AAC3D,8EAA6E;AAC7E,wCAAqC;AACrC,+EAAuD;AACvD,8DAA2D;AAC3D,sFAA8D;AAC9D,kEAAwE;AACxE,iDAAoI;AACpI,mEAA2C;AAC3C,iDAA+C;AAC/C,0DAAuD;AACvD,iCAA2E;AAC3E,yCAAwG;AACxG,+DAAqD;AACrD,uEAA+C;AAC/C,oDAAiD;AACjD,+FAAuE;AACvE,sFAAsF;AACtF,kEAAmC;AACnC,6EAAqD;AAIrD,MAAM,kBAAkB,GAAG,CAAC,WAAgD,EAAE,EAAE;;IAC5E,MAAM,SAAS,GAA+B,EAAE,CAAC;IAEjD,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE;QACjC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAA,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;KAC5E;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;SACxB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,UAAU,GAAG,CAAC,EAAE;SACnB;aAAM;YACH,OAAO,GAAG,IAAI,EAAE,CAAC;SACpB;IACL,CAAC,CAAC;SACD,IAAI,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC,CAAC;AAUF,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAElE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,MAAM,aAAa,GAAG,EAAE,CAAC;QAEzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACtB,aAAa,CAAC,IAAI,CAAC,oBAAG,CAAC,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;SACvG;QAED,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACjC,mBAAmB,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO,EAAE,CAAC;YACd,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACZ,6BAAK,SAAS,EAAC,wDAAwD;QACnE,6BAAK,SAAS,EAAC,cAAc;YACzB,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAE7B,CACT;QACN,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,mBAExE,CACT,CACT,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAW,IAAC,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACxJ,6BAAK,SAAS,EAAC,OAAO;YAClB,oBAAC,cAAI,8BAA2B,CAE9B,CACI,CACjB,CAAC;AACN,CAAC,CAAC;AAOF,MAAM,qBAAqB,GAAG,CAAC,KAAgC,EAAE,EAAE;IAC/D,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,MAAM,SAAS,GAAG,EAAE,CAAC;QAErB,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;YAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,qBAAc,CAAC,SAAS,EAAE;gBAC1C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACxB;iBAAM;gBACH,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACxB;SACJ;QAED,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAClC,CAAC,EAAE,WAAW,CAAC,CAAC;IAEhB,OAAO,CACH,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC;QAC1E;YACG,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE;YAC/D,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE;SACnE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACX,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvB,OAAO,CACH;oBACI,oBAAC,cAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC5D,IAAI,CAAC,KAAK,CACR;oBACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,CACH,oBAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK;4BAChB,oBAAC,cAAI,IAAC,SAAS,EAAC,cAAc,EAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtD,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI;;oCAAI,GAAG,CAAC,EAAE,CAAQ,CACpC,CACA,CACd,CAAC;oBACN,CAAC,CAAC;oBACF,+BAAM,CACP,CACN,CAAC;aACL;QACL,CAAC,CAAC;QACF,6BAAK,SAAS,EAAC,YAAY;YACvB,oBAAC,cAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,gBAE1D;YACP,oBAAC,cAAI,IAAC,OAAO,EAAE,kBAAW,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,IAAI;;gBAClD,OAAO,CAAC,WAAW,CAClB,CACL,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,4BAA4B,GAAG,GAAG,EAAE;;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEhD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAS,GAAE,CAAC;IACrC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAC;IAE1D,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IAE3D,MAAM,MAAM,GAAG,IAAA,4BAAS,GAAqB,CAAC;IAE9C,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAkE,IAAA,eAAO,EAAC,GAAG,EAAE;QACvG,MAAM,WAAW,GAAwC,EAAE,CAAC;QAE5D,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;YACpB,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBACtD,WAAW,CAAC,IAAI,iCAAM,SAAS,KAAE,SAAS,EAAE,OAAO,CAAC,WAAW,IAAG,CAAC;aACtE;SACJ;QAED,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YAC5B,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;YAC3B,IAAI,GAAG,CAAC,MAAM,KAAK,qBAAc,CAAC,SAAS,EAAE;gBACzC,OAAO,KAAK,CAAC;aAChB;YAED,OAAO,IAAI,CAAC;SACf;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,OAAO,EAAE;QACV,OAAO,oDAAY,CAAC;KACvB;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,mCAAI,EAAE,CAAC;IAE1E,MAAM,aAAa,GAAG,CAAC,MAAyB,EAAE,IAAuC,EAAE,EAAE;QACzF,QAAQ,MAAM,EAAE;YACZ,KAAK,mCAAiB,CAAC,MAAM;gBACzB,yBAAyB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAClC,MAAM;SACb;IACL,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,qEAAqE;YAChF,oBAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,YAAY,CAAC,IAAI;gBACrC,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,IAC1D,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAC3C,CACR,CACL;QACN,6BAAK,SAAS,EAAC,+HAA+H;YAC1I;gBACI,oBAAC,cAAI,IAAC,SAAS,EAAC,sBAAsB,IAAE,sBAAY,CAAC,eAAe,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAQ;gBACxG,oBAAC,kBAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,sBAAsB,IAC1D,kBAAkB,CAAC,WAAW,CAAC,CACzB;gBACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,IACpB,YAAY,aAAZ,YAAY;oBAAZ,YAAY,CAAE,IAAI;;oBAAK,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAC7F,CACL;YACN,6BAAK,SAAS,EAAC,wFAAwF;gBACnG,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,YAAY,EAAC,MAAM,IAC3H,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;gBACX,oBAAC,kBAAQ,IACL,IAAI,EAAE,QAAQ,EACd,WAAW,QACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,aAAK,CAAC,IAAI,EACrB,SAAS,EAAC,EAAE,EACZ,MAAM,EAAE,CAAC,QAAQ,EACjB,IAAI,EAAE,eAAQ,CAAC,KAAK,EACpB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,cAAc,IAEtB,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;gBACV,CAAC,YAAY,IAAI,CACd,oBAAC,kBAAQ,IACL,MAAM,QACN,IAAI,EAAE,QAAQ,EACd,WAAW,QACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,aAAK,CAAC,KAAK,EACtB,MAAM,EAAE,CAAC,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,WAAW,CAAC,IAEpD,sBAAY,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAC/E,CACd,CACC,CACJ;QAEN,8BAAM,SAAS,EAAC,cAAc;YAC1B,oBAAC,mBAAS,IAAC,SAAS,SAAG,CACpB;QAEP,6BAAK,SAAS,EAAC,iEAAiE;YAC5E,oBAAC,yBAAe,IACZ,OAAO,EAAE,CAAC,mCAAiB,CAAC,MAAM,EAAE,mCAAiB,CAAC,SAAS,CAAC,EAChE,gBAAgB,EAAE,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,0BAA0B,EAAE,IAAI,GAClC,CACA;QACN,oBAAC,mBAAS,IAAC,SAAS,EAAE,QAAQ,GAAI;QAClC,6BAAK,SAAS,EAAC,6BAA6B;YACxC,oBAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,UACtB,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAC1B;YACX,6BAAK,SAAS,EAAC,oCAAoC;gBAC/C,oBAAC,kBAAQ,IAAC,WAAW,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI;oBACnC,oBAAC,kBAAQ,QAAE,IAAA,qCAA8B,EAAC,OAAO,CAAC,CAAY,CACvD;gBACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAClC,CACL,CACJ;QAEN,6BAAK,SAAS,EAAC,gDAAgD;YAC3D,6BAAK,SAAS,EAAC,kCAAkC;gBAC7C,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,kBAAkB,CAAC;oBACxE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,IAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,OAAO,0CAAE,SAAS,IAAG,GAAG,IAAG,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,OAAO,0CAAE,QAAQ,CAAA,CAAY;oBAC9H,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,OAAO,0CAAE,KAAK,CAAY;oBAC7E,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU;wBAC/B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;;4BACF,GAAG;4BACvB,oBAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,aAEjD,CACJ,CACA,CACR,CACL;YACN,6BAAK,SAAS,EAAC,kCAAkC;gBAC7C,oBAAC,WAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC;oBACtE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG;wBACvB,KAAK;wBACN,+BAAM;wBACL,KAAK;;wBAAG,UAAU;;wBAAI,OAAO,CACvB;oBACX,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAY,CAC7D,CACL;YACN,6BAAK,SAAS,EAAC,kCAAkC;gBAC7C,oBAAC,qBAAqB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACnE,CACJ;QACN,6BAAK,SAAS,EAAC,2JAA2J;YACtK,6BAAK,SAAS,EAAC,WAAW;gBACtB,oBAAC,cAAI,IAAC,IAAI;;oBAAG,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAQ;gBACxD,6BAAK,SAAS,EAAC,oBAAoB;oBAC/B,6BAAK,SAAS,EAAC,SAAS;wBACpB,6BAAK,SAAS,EAAC,yDAAyD;4BACpE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAU;gCACrD,+BAAM;gCACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC;2CAC9B;4BACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAU;gCACtD,+BAAM;gCACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,KAAK,CAAC;2CAC9B;4BACP,iCACK,WAAW,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;gCAC3B,OAAO,CACH,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE;oCACxC,SAAS,CAAC,QAAQ;;oCAAK,SAAS,CAAC,QAAQ,CACvC,CACV,CAAC;4BACN,CAAC,CAAC,CACA,CACJ,CACJ,CACJ;gBACN,oBAAC,cAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,eAAQ,CAAC,OAAO;oBACtD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC;oBACnC,+BAAM;oBACN,+BAAM;oBACL,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAChC,CACL,CACJ;QACN,oBAAC,sBAAsB,IAAC,OAAO,EAAE,wBAAwB,EAAE,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,sBAAsB,GAAI,CAC/I,CACT,CAAC;AACN,CAAC,CAAC;AAxNW,QAAA,4BAA4B,gCAwNvC","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"]}

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

@@ -27,17 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountReservationPage = void 0;
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-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 BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+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_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
-const ReservationItem_1 = require("components/reservation/ReservationItem");
+const ReservationItem_1 = require("@/components/reservation/ReservationItem");
 const AccountRoutes_1 = require("../AccountRoutes");
 const hooks_1 = require("@frontend/hooks");
 const AccountReservationPage = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"AccountReservationsPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2EAAmD;AACnD,2EAAmD;AACnD,uDAAwD;AACxD,qDAAkD;AAClD,wEAAgD;AAChD,6FAAqE;AACrE,6CAA+B;AAC/B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AACvD,4EAA2E;AAC3E,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"]}
+{"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"]}