@roomstay/frontend 2.1.6 → 2.1.8

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

@@ -44,8 +44,8 @@ const Icon_1 = require("../../../components/generic/Icon/Icon");
 const Text_1 = __importStar(require("../../../components/generic/Text"));
 const TextArea_1 = __importDefault(require("../../../components/generic/TextArea"));
 const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
@@ -63,9 +63,9 @@ const AccountHelpPage = () => {
         mode: 'onChange',
         reValidateMode: 'onBlur',
     });
-    const [apiStatus, setApiStatus] = (0, react_1.useState)({});
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+    const [apiStatus, setApiStatus] = (0, react_2.useState)({});
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    (0, react_2.useEffect)(() => {
         if (user) {
             reset({
                 name: fullName,
@@ -78,7 +78,7 @@ const AccountHelpPage = () => {
         setApiStatus({});
         setIsLoading(true);
         try {
-            yield BookingAPI_1.default.Error.sendMemberAreaContactForm(hotel.hotelID, {
+            yield BookingAPI_1.default.Error.sendMemberAreaContactForm(hotel === null || hotel === void 0 ? void 0 : hotel.hotelID, {
                 name: values.name,
                 telephone: values.telephone,
                 email: values.email,
@@ -100,32 +100,30 @@ const AccountHelpPage = () => {
                 return 'success';
             }
         }
-        else {
-            return null;
-        }
     };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy" },
-            React.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Home.path },
-                React.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: 'small' }, "BACK TO YOUR ACCOUNT"))),
-        React.createElement("div", { className: "u-marg-bottom--heavy u-pad-top@m" },
-            React.createElement(Headline_1.default, { size: 'extra-large', className: 'u-marg-bottom' }, "Need some help?")),
-        React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "u-marg-bottom", style: { maxWidth: 500 } },
-            React.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
-                React.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
-                    return (React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
-                        React.createElement(Text_1.default, { type: Text_1.TextType.Small }, formState.errors[errorName].message)));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy" },
+            react_1.default.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Home.path },
+                react_1.default.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: "small" }, "BACK TO YOUR ACCOUNT"))),
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy u-pad-top@m" },
+            react_1.default.createElement(Headline_1.default, { size: "extra-large", className: "u-marg-bottom" }, "Need some help?")),
+        react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "u-marg-bottom", style: { maxWidth: 500 } },
+            react_1.default.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
+                react_1.default.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
+                    var _a;
+                    return (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, (_a = formState.errors[errorName]) === null || _a === void 0 ? void 0 : _a.message)));
                 }))),
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Name")),
-                React.createElement(TextBox_1.default, Object.assign({ required: true, validationStatus: getValidationClass('name') }, register('name', {
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Name")),
+                react_1.default.createElement(TextBox_1.default, Object.assign({ required: true, validationStatus: getValidationClass('name') }, register('name', {
                     required: { message: `Name is required`, value: true },
                 })))),
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
-                React.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('email') }, register('email', {
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
+                react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('email') }, register('email', {
                     required: {
                         message: `${t(Translation_1.Translation.Navigation.SignIn.EmailAddress)} is required`,
                         value: true,
@@ -135,32 +133,32 @@ const AccountHelpPage = () => {
                         message: t(Translation_1.Translation.FindReservation.InvalidEmailAddress),
                     },
                 })))),
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Telephone")),
-                React.createElement(react_hook_form_1.Controller, { rules: {
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Telephone")),
+                react_1.default.createElement(react_hook_form_1.Controller, { rules: {
                         pattern: {
                             value: /.*\s\d+/,
                             message: 'Telephone is required',
                         },
                     }, control: control, name: "telephone", render: ({ field }) => {
-                        return (React.createElement(EnhancedPhoneNumberField_1.default, Object.assign({}, field, { onChange: (e) => {
+                        return (react_1.default.createElement(EnhancedPhoneNumberField_1.default, Object.assign({}, field, { onChange: (e) => {
                                 field.onChange(e);
                             }, validationStatus: getValidationClass('telephone') })));
                     } })),
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Message")),
-                React.createElement(TextArea_1.default, Object.assign({ required: true, validationStatus: getValidationClass('message') }, register('message', {
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Message")),
+                react_1.default.createElement(TextArea_1.default, Object.assign({ required: true }, register('message', {
                     required: { message: 'Message is required', value: true },
                 })))),
-            React.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, htmlType: "submit", isLoading: isLoading, disabled: isLoading || apiStatus.success }, "Submit")),
-        React.createElement(AutoAutoHeight_1.default, { open: apiStatus.success },
-            React.createElement("div", { className: "u-pad-top" },
-                React.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Step.Room.ErrorForm.ConfirmationMessage)))),
-        React.createElement(AutoAutoHeight_1.default, { open: apiStatus.success === false },
-            React.createElement("div", { className: "u-pad-top" },
-                React.createElement(Text_1.default, { color: Color_1.Color.Alert }, apiStatus.message)))));
+            react_1.default.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, htmlType: "submit", isLoading: isLoading, disabled: isLoading || apiStatus.success }, "Submit")),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!apiStatus.success },
+            react_1.default.createElement("div", { className: "u-pad-top" },
+                react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Step.Room.ErrorForm.ConfirmationMessage)))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: apiStatus.success === false },
+            react_1.default.createElement("div", { className: "u-pad-top" },
+                react_1.default.createElement(Text_1.default, { color: Color_1.Color.Alert }, apiStatus.message)))));
 };
 exports.AccountHelpPage = AccountHelpPage;
 //# sourceMappingURL=AccountHelpPage.js.map

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 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 as string, {\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        }\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 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\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\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\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/AccountReservationSinglePage.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountReservationSinglePage = void 0;
-const React = __importStar(require("react"));
+const react_1 = __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");
@@ -43,7 +43,6 @@ const contexts_1 = require("../../../contexts/index.js");
 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"));
@@ -61,11 +60,8 @@ const getRoomNamesString = (itineraries) => {
     return Object.keys(roomNames)
         .map((name) => {
         const numOfRooms = roomNames[name];
-        if (numOfRooms > 1) {
-        }
-        else {
+        if (numOfRooms <= 1)
             return `${name}`;
-        }
     })
         .join(' + ');
 };
@@ -80,19 +76,19 @@ const CancelReservationModal = (props) => {
             cancellations.push(BookingAPI_1.default.Reservation.cancelReservation(item.id, item.profile.email, booking.hotelId));
         }
         Promise.all(cancellations).then(() => {
-            fetchRoomstayMember().then(() => {
+            fetchRoomstayMember === null || fetchRoomstayMember === void 0 ? void 0 : fetchRoomstayMember().then(() => {
                 setIsLoading(false);
                 onClose();
             });
         });
     };
-    const footers = (React.createElement("div", { className: "d-flex u-pad align-items-center justify-content-center" },
-        React.createElement("div", { className: "u-marg-right" },
-            React.createElement(BEButton_1.default, { isText: true, onClick: onClose }, "Abort")),
-        React.createElement(BEButton_1.default, { filled: true, primary: true, onClick: onCancelClick, isLoading: isLoading }, "Yes i'm sure")));
-    return (React.createElement(SimpleModal_1.default, { title: "Cancelling Reservation", open: visible, size: SimpleModal_1.SimpleModalSize.ExtraSmall, desktopFooter: footers, mobileFooter: footers, onClose: onClose },
-        React.createElement("div", { className: "u-pad" },
-            React.createElement(Text_1.default, null, "This will cancel..."))));
+    const footers = (react_1.default.createElement("div", { className: "d-flex u-pad align-items-center justify-content-center" },
+        react_1.default.createElement("div", { className: "u-marg-right" },
+            react_1.default.createElement(BEButton_1.default, { isText: true, onClick: onClose }, "Abort")),
+        react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, onClick: onCancelClick, isLoading: isLoading }, "Yes i'm sure")));
+    return (react_1.default.createElement(SimpleModal_1.default, { title: "Cancelling Reservation", open: visible, size: SimpleModal_1.SimpleModalSize.ExtraSmall, desktopFooter: footers, mobileFooter: footers, onClose: onClose },
+        react_1.default.createElement("div", { className: "u-pad" },
+            react_1.default.createElement(Text_1.default, null, "This will cancel..."))));
 };
 const CodeNumberInformation = (props) => {
     const { itineraries, booking } = props;
@@ -110,27 +106,27 @@ const CodeNumberInformation = (props) => {
         }
         return [cancelled, confirmed];
     }, itineraries);
-    return (React.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.CodeNumberInformation) },
+    return (react_1.default.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.CodeNumberInformation) },
         [
             { label: 'Cancelled', value: cancelled, type: Pill_1.PillType.Danger },
             { label: 'Confirmed', value: confirmed, type: Pill_1.PillType.Success },
         ].map((item) => {
             if (item.value.length > 0) {
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Text_1.default, { className: "u-marg-right--light", inline: true, type: Text_1.TextType.Small }, item.label),
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Text_1.default, { className: "u-marg-right--light", inline: true, type: Text_1.TextType.Small }, item.label),
                     item.value.map((row, index) => {
-                        return (React.createElement(react_1.Fragment, { key: index },
-                            React.createElement(Text_1.default, { className: "u-marg-right", inline: true, type: Text_1.TextType.Small },
-                                React.createElement(Pill_1.default, { type: item.type },
+                        return (react_1.default.createElement(react_1.Fragment, { key: index },
+                            react_1.default.createElement(Text_1.default, { className: "u-marg-right", inline: true, type: Text_1.TextType.Small },
+                                react_1.default.createElement(Pill_1.default, { type: item.type },
                                     "#",
                                     row.id))));
                     }),
-                    React.createElement("br", null)));
+                    react_1.default.createElement("br", null)));
             }
         }),
-        React.createElement("div", { className: "u-marg-top" },
-            React.createElement(Text_1.default, { className: "u-marg-right--light", inline: true, type: Text_1.TextType.Small }, "Itinerary"),
-            React.createElement(Pill_1.default, { variant: Pill_1.PillVariant.Outlined, type: Pill_1.PillType.Grey },
+        react_1.default.createElement("div", { className: "u-marg-top" },
+            react_1.default.createElement(Text_1.default, { className: "u-marg-right--light", inline: true, type: Text_1.TextType.Small }, "Itinerary"),
+            react_1.default.createElement(Pill_1.default, { variant: Pill_1.PillVariant.Outlined, type: Pill_1.PillType.Grey },
                 "#",
                 booking.itineraryId))));
 };
@@ -170,7 +166,7 @@ const AccountReservationSinglePage = () => {
         }
     }, [itineraries]);
     if (!booking) {
-        return React.createElement(React.Fragment, null, "Loading");
+        return react_1.default.createElement(react_1.default.Fragment, null, "Loading");
     }
     const { line1, line2, postalCode, country } = (_a = bookingHotel === null || bookingHotel === void 0 ? void 0 : bookingHotel.address) !== null && _a !== void 0 ? _a : {};
     const onActionClick = (action, item) => {
@@ -186,86 +182,86 @@ const AccountReservationSinglePage = () => {
     const onPrintClicked = () => {
         window.print();
     };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy u-print-none" },
-            React.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Reservations.path },
-                React.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: 'small' }, t(Translation_1.Translation.Reservation.BackToYourReservations)))),
-        React.createElement("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" },
-            React.createElement("div", null,
-                React.createElement(Text_1.default, { className: "u-marg-bottom--light" }, StringHelper_1.default.pluralWithCount(itineraries.length, 'Room')),
-                React.createElement(Headline_1.default, { size: 'extra-large', className: "u-marg-bottom--light" }, getRoomNamesString(itineraries)),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Body }, bookingHotel === null || bookingHotel === void 0 ? void 0 :
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy u-print-none" },
+            react_1.default.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Reservations.path },
+                react_1.default.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: "small" }, t(Translation_1.Translation.Reservation.BackToYourReservations)))),
+        react_1.default.createElement("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" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(Text_1.default, { className: "u-marg-bottom--light" }, StringHelper_1.default.pluralWithCount(itineraries.length, 'Room')),
+                react_1.default.createElement(Headline_1.default, { size: "extra-large", className: "u-marg-bottom--light" }, getRoomNamesString(itineraries)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body }, bookingHotel === null || bookingHotel === void 0 ? void 0 :
                     bookingHotel.name,
                     " \u2022 ",
                     [line1, line2, postalCode, country].filter((value) => !!value).join(' '))),
-            React.createElement("div", { className: "u-flex u-flex-gap u-flex-direction-column@m- u-flex-gap--light@m- u-marg-top--heavy@m-" },
-                React.createElement(BEButton_1.default, { wide: isMobile, rounded: isMobile, textColor: Color_1.Color.Navy, isText: !isMobile, icon: Icon_1.IconType.Share, iconPosition: "left" }, t(Translation_1.Translation.Reservation.Share)),
-                React.createElement(BEButton_1.default, { wide: isMobile, mobileWidth: true, rounded: isMobile, textColor: Color_1.Color.Navy, className: "", isText: !isMobile, icon: Icon_1.IconType.Print, iconPosition: "left", onClick: onPrintClicked }, t(Translation_1.Translation.Reservation.Print)),
-                !allCancelled && (React.createElement(BEButton_1.default, { danger: true, wide: isMobile, mobileWidth: true, rounded: isMobile, textColor: Color_1.Color.Alert, isText: !isMobile, onClick: () => setShowingCancellationFor(itineraries) }, StringHelper_1.default.plural(itineraries.length, t(Translation_1.Translation.Reservation.CancelReservation)))))),
-        React.createElement("span", { className: "u-print-none" },
-            React.createElement(LineBreak_1.default, { fullBleed: true })),
-        React.createElement("div", { className: "u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none" },
-            React.createElement(ReservationList_1.default, { actions: [ReservationItem_1.ReservationAction.Cancel, ReservationItem_1.ReservationAction.BookAgain], reservationItems: itineraries, onActionClick: onActionClick, showCancelledNotifications: true })),
-        React.createElement(LineBreak_1.default, { noMargins: isMobile }),
-        React.createElement("div", { className: "u-flex u-marg-top--heavy@m-" },
-            React.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Reservation.Total)),
-            React.createElement("div", { className: "u-flex align-items-end flex-column" },
-                React.createElement(Headline_1.default, { lineThrough: true, size: "large", bold: true },
-                    React.createElement(Currency_1.default, null, (0, core_1.calculateTotalForMemberBooking)(booking))),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Reservation.PriceNote)))),
-        React.createElement("div", { className: "row u-marg-top--massive@m u-marg-top--heavy@m-" },
-            React.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
-                React.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.ProfileInformation) },
-                    React.createElement(IconText_1.default, { icon: Icon_1.IconType.Person }, ((_c = (_b = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.firstName) + ' ' + ((_e = (_d = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _d === void 0 ? void 0 : _d.profile) === null || _e === void 0 ? void 0 : _e.lastName)),
-                    React.createElement(IconText_1.default, { icon: Icon_1.IconType.Email }, (_g = (_f = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _f === void 0 ? void 0 : _f.profile) === null || _g === void 0 ? void 0 : _g.email),
-                    React.createElement(IconText_1.default, { icon: Icon_1.IconType.CreditCard },
-                        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement("div", { className: "u-flex u-flex-gap u-flex-direction-column@m- u-flex-gap--light@m- u-marg-top--heavy@m-" },
+                react_1.default.createElement(BEButton_1.default, { wide: isMobile, rounded: isMobile, textColor: Color_1.Color.Navy, isText: !isMobile, icon: Icon_1.IconType.Share, iconPosition: "left" }, t(Translation_1.Translation.Reservation.Share)),
+                react_1.default.createElement(BEButton_1.default, { wide: isMobile, mobileWidth: true, rounded: isMobile, textColor: Color_1.Color.Navy, className: "", isText: !isMobile, icon: Icon_1.IconType.Print, iconPosition: "left", onClick: onPrintClicked }, t(Translation_1.Translation.Reservation.Print)),
+                !allCancelled && (react_1.default.createElement(BEButton_1.default, { danger: true, wide: isMobile, mobileWidth: true, rounded: isMobile, textColor: Color_1.Color.Alert, isText: !isMobile, onClick: () => setShowingCancellationFor(itineraries) }, StringHelper_1.default.plural(itineraries.length, t(Translation_1.Translation.Reservation.CancelReservation)))))),
+        react_1.default.createElement("span", { className: "u-print-none" },
+            react_1.default.createElement(LineBreak_1.default, { fullBleed: true })),
+        react_1.default.createElement("div", { className: "u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none" },
+            react_1.default.createElement(ReservationList_1.default, { actions: [ReservationItem_1.ReservationAction.Cancel, ReservationItem_1.ReservationAction.BookAgain], reservationItems: itineraries, onActionClick: onActionClick, showCancelledNotifications: true })),
+        react_1.default.createElement(LineBreak_1.default, { noMargins: isMobile }),
+        react_1.default.createElement("div", { className: "u-flex u-marg-top--heavy@m-" },
+            react_1.default.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Reservation.Total)),
+            react_1.default.createElement("div", { className: "u-flex align-items-end flex-column" },
+                react_1.default.createElement(Headline_1.default, { lineThrough: true, size: "large", bold: true },
+                    react_1.default.createElement(Currency_1.default, null, (0, core_1.calculateTotalForMemberBooking)(booking))),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Reservation.PriceNote)))),
+        react_1.default.createElement("div", { className: "row u-marg-top--massive@m u-marg-top--heavy@m-" },
+            react_1.default.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
+                react_1.default.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.ProfileInformation) },
+                    react_1.default.createElement(IconText_1.default, { icon: Icon_1.IconType.Person }, ((_c = (_b = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.firstName) + ' ' + ((_e = (_d = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _d === void 0 ? void 0 : _d.profile) === null || _e === void 0 ? void 0 : _e.lastName)),
+                    react_1.default.createElement(IconText_1.default, { icon: Icon_1.IconType.Email }, (_g = (_f = itineraries === null || itineraries === void 0 ? void 0 : itineraries[0]) === null || _f === void 0 ? void 0 : _f.profile) === null || _g === void 0 ? void 0 : _g.email),
+                    react_1.default.createElement(IconText_1.default, { icon: Icon_1.IconType.CreditCard },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                             "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 1111",
                             ' ',
-                            React.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, "(Visa)"))))),
-            React.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
-                React.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.HotelInformation) },
-                    React.createElement(IconText_1.default, { icon: Icon_1.IconType.Map },
+                            react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, "(Visa)"))))),
+            react_1.default.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
+                react_1.default.createElement(Card_1.Card, { className: "w-100", title: t(Translation_1.Translation.Reservation.HotelInformation) },
+                    react_1.default.createElement(IconText_1.default, { icon: Icon_1.IconType.Map },
                         line1,
-                        React.createElement("br", null),
+                        react_1.default.createElement("br", null),
                         line2,
                         " ",
                         postalCode,
                         ", ",
                         country),
-                    React.createElement(IconText_1.default, { icon: Icon_1.IconType.Phone }, bookingHotel === null || bookingHotel === void 0 ? void 0 : bookingHotel.phone))),
-            React.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
-                React.createElement(CodeNumberInformation, { itineraries: itineraries, booking: booking }))),
-        React.createElement("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" },
-            React.createElement("div", { className: "container" },
-                React.createElement(Text_1.default, { bold: true },
+                    react_1.default.createElement(IconText_1.default, { icon: Icon_1.IconType.Phone }, bookingHotel === null || bookingHotel === void 0 ? void 0 : bookingHotel.phone))),
+            react_1.default.createElement("div", { className: "col-md-4 u-flex u-print-col-md-4" },
+                react_1.default.createElement(CodeNumberInformation, { itineraries: itineraries, booking: booking }))),
+        react_1.default.createElement("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" },
+            react_1.default.createElement("div", { className: "container" },
+                react_1.default.createElement(Text_1.default, { bold: true },
                     " ",
                     t(Translation_1.Translation.Reservation.Policies)),
-                React.createElement("div", { className: "u-marg-top--medium" },
-                    React.createElement("div", { className: "u-w-100" },
-                        React.createElement("div", { className: "u-flex u-flex-direction-column@m- u-flex-gap--medium@m-" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                                React.createElement("strong", null, t(Translation_1.Translation.Reservation.CheckIn)),
-                                React.createElement("br", null),
+                react_1.default.createElement("div", { className: "u-marg-top--medium" },
+                    react_1.default.createElement("div", { className: "u-w-100" },
+                        react_1.default.createElement("div", { className: "u-flex u-flex-direction-column@m- u-flex-gap--medium@m-" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                react_1.default.createElement("strong", null, t(Translation_1.Translation.Reservation.CheckIn)),
+                                react_1.default.createElement("br", null),
                                 t(Translation_1.Translation.Reservation.After),
                                 " 2:00 PM"),
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                                React.createElement("strong", null, t(Translation_1.Translation.Reservation.CheckOut)),
-                                React.createElement("br", null),
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                react_1.default.createElement("strong", null, t(Translation_1.Translation.Reservation.CheckOut)),
+                                react_1.default.createElement("br", null),
                                 t(Translation_1.Translation.Reservation.After),
                                 " 2:00 PM"),
-                            React.createElement("div", null, itineraries.map((itinerary) => {
-                                return (React.createElement(Text_1.default, { type: Text_1.TextType.Small, key: itinerary.id },
+                            react_1.default.createElement("div", null, itineraries.map((itinerary) => {
+                                return (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, key: itinerary.id },
                                     itinerary.roomName,
                                     " - ",
                                     itinerary.rateName));
                             }))))),
-                React.createElement(Text_1.default, { className: "u-marg-top--medium", type: Text_1.TextType.Caption },
+                react_1.default.createElement(Text_1.default, { className: "u-marg-top--medium", type: Text_1.TextType.Caption },
                     t(Translation_1.Translation.Reservation.Policy1),
-                    React.createElement("br", null),
-                    React.createElement("br", null),
+                    react_1.default.createElement("br", null),
+                    react_1.default.createElement("br", null),
                     t(Translation_1.Translation.Reservation.Policy2)))),
-        React.createElement(CancelReservationModal, { onClose: onCloseCancellationModal, items: showingCancellationFor, booking: booking, visible: !!showingCancellationFor })));
+        react_1.default.createElement(CancelReservationModal, { onClose: onCloseCancellationModal, items: showingCancellationFor, booking: booking, visible: !!showingCancellationFor })));
 };
 exports.AccountReservationSinglePage = AccountReservationSinglePage;
 //# sourceMappingURL=AccountReservationSinglePage.js.map