@roomstay/frontend 2.6.81 → 2.6.83

package/dist/src/pages/account/Details/AccountDetailsNoCardsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsNoCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsNoCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA8C;AAC9C,iDAA+C;AAE/C,6EAAwE;AACxE,6EAAqD;AACrD,kEAA2D;AAC3D,wFAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AACrC,mEAA2C;AAMpC,MAAM,yBAAyB,GAAuC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,8BAA8B;QACzC,8BAAC,uBAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG;QAC9C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC9F,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CACnE;QACX,8BAAC,cAAI,IACD,KAAK,EAAE;gBACH,QAAQ,EAAE,GAAG;aAChB,EACD,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,aAAK,CAAC,QAAQ,EACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI,IAE9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,2BAA2B,CAAC,CAC5E;QACP,8BAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,CACvD,CACT,CACT,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,yBAAyB,6BA0BpC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { FC, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyCard from '@/components/graphics/HomeEmptyCard';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\n\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <HomeEmptyCard className=\"u-max-width-full\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYet)}\n            </Headline>\n            <Text\n                style={{\n                    maxWidth: 660,\n                }}\n                className=\"u-marg-top u-marg-left-right--auto\"\n                color={Color.Graphite}\n                type={isMobile ? TextType.Small : TextType.Body}\n            >\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYetLine2)}\n            </Text>\n            <BEButton className=\"u-marg-top\" filled primary rounded onClick={onAddNewCard}>\n                {t(Translation.UserPortal.PaymentInformationScreen.AddNewCard)}\n            </BEButton>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsNoCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsNoCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA8C;AAC9C,iDAA+C;AAE/C,6EAAwE;AACxE,6EAAqD;AACrD,kEAA2D;AAC3D,wFAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AACrC,mEAA2C;AAMpC,MAAM,yBAAyB,GAAuC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,8BAA8B;QACzC,8BAAC,uBAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG;QAC9C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC9F,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CACnE;QACX,8BAAC,cAAI,IACD,KAAK,EAAE;gBACH,QAAQ,EAAE,GAAG;aAChB,EACD,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,aAAK,CAAC,QAAQ,EACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI,IAE9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,2BAA2B,CAAC,CAC5E;QACP,8BAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,CACvD,CACT,CACT,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,yBAAyB,6BA0BpC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { FC, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyCard from '@/components/graphics/HomeEmptyCard';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\n\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <HomeEmptyCard className=\"u-max-width-full\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYet)}\n            </Headline>\n            <Text\n                style={{\n                    maxWidth: 660,\n                }}\n                className=\"u-marg-top u-marg-left-right--auto\"\n                color={Color.Graphite}\n                type={isMobile ? TextType.Small : TextType.Body}\n            >\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYetLine2)}\n            </Text>\n            <BEButton className=\"u-marg-top\" filled primary rounded onClick={onAddNewCard}>\n                {t(Translation.UserPortal.PaymentInformationScreen.AddNewCard)}\n            </BEButton>\n        </div>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsProfilePage.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/src/pages/account/Details/AccountDetailsProfilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsProfilePage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsProfilePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NotificationContext, RoomstayMemberContext } from '@frontend/contexts';\nimport type { IRoomstayMember } from '@roomstay/core';\nimport React, { useContext, useEffect } from 'react';\nimport { Controller, FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport StepConfirmationCountrySelector from '@/components/steps/confirmation/StepConfirmationCountrySelector';\nimport { Color } from '@/util/Color';\nimport { makePhonePatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n    hint?: string;\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, hint, error } = props;\n    return (\n        <div className=\"row u-marg-bottom--heavy\">\n            <div className=\"col-md-4\">\n                <Text type={TextType.Small} bold>\n                    {label}\n                </Text>\n            </div>\n            <div className=\"col-md-8\">\n                {component}\n                {!!error && (\n                    <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                        {error.message}\n                    </p>\n                )}\n\n                {!!hint && (\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {hint}\n                    </Text>\n                )}\n            </div>\n        </div>\n    );\n};\n\ntype FormValues = IRoomstayMember;\n\nexport const AccountDetailsProfilePage = () => {\n    const { roomstayMember, loading: isLoadingMember, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const notifications = useContext(NotificationContext);\n\n    const { t } = useTranslation();\n\n    const {\n        register,\n        formState: { errors, isDirty },\n        handleSubmit,\n        reset: resetFormValues,\n        control,\n    } = useForm<FormValues>({\n        mode: 'onChange',\n    });\n\n    const getErrorValidationClass = (name: keyof FormValues): 'error' | undefined => (errors[name] ? 'error' : undefined);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            resetFormValues(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    const onSaveDetails = (values: FormValues) => {\n        updateMemberDetails?.(values).then(() => {\n            notifications.addNotification({\n                icon: IconType.Check,\n                children: <Text>{t(Translation.UserPortal.ProfileScreen.DetailsSavedSuccessfully)}</Text>,\n            });\n        });\n    };\n\n    const saveButtonDisabled = !isDirty || isLoadingMember || !!Object.keys(errors).length;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Navigation.Menu.ProfileInformation)}\n                </Headline>\n            </div>\n            <form onSubmit={handleSubmit(onSaveDetails)}>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div>\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Forename)}\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: makeRequiredRule(t)(true, t(Translation.Step.Confirmation.Inputs.Forename)),\n                                        })}\n                                    />\n                                }\n                                error={errors.forename}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Surname)}\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: makeRequiredRule(t)(true, t(Translation.Step.Confirmation.Inputs.Surname)),\n                                        })}\n                                    />\n                                }\n                                error={errors.surname}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Email)}\n                                component={<TextBox validationStatus={getErrorValidationClass('email')} inputProps={{ disabled: true }} value={roomstayMember?.email} />}\n                                error={errors.email}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Phone)}\n                                component={\n                                    <Controller\n                                        rules={{\n                                            pattern: makePhonePatternRule(t),\n                                        }}\n                                        control={control}\n                                        name=\"phoneNumber\"\n                                        render={({ field }) => {\n                                            return (\n                                                <EnhancedPhoneNumberField\n                                                    {...field}\n                                                    onChange={(e: any) => {\n                                                        field.onChange(e);\n                                                    }}\n                                                    validationStatus={getErrorValidationClass('phoneNumber')}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                }\n                                error={errors.phoneNumber}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.Address)} component={<TextBox {...register('address.address')} />} />\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.City)} component={<TextBox {...register('address.city')} />} />\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.PostCode)} component={<TextBox {...register('address.zip')} />} />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Country)}\n                                component={\n                                    <Controller\n                                        control={control}\n                                        name=\"address.country\"\n                                        render={({ field }) => {\n                                            const { ref, ...rest } = field;\n                                            return <StepConfirmationCountrySelector {...rest} />;\n                                        }}\n                                    />\n                                }\n                            />\n                        </div>\n                    </div>\n                </div>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div className=\"u-flex u-marg-top--heavy\">\n                            <div className=\"u-flex\">\n                                <Link to=\"/account/home\" className=\"u-marg-right\">\n                                    <BEButton>{t(Translation.Misc.Cancel)}</BEButton>\n                                </Link>\n                                <BEButton disabled={saveButtonDisabled} isLoading={isLoadingMember} primary filled htmlType=\"submit\" className=\"u-marg-right\">\n                                    {t(Translation.Misc.SaveAllChanges)}\n                                </BEButton>\n                            </div>\n                            <div className=\"u-flex-grow\">\n                                <Link to={AccountRoutes.ChangePassword.path}>\n                                    <BEButton>{t(Translation.Navigation.Menu.ChangePassword)}</BEButton>\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsProfilePage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsProfilePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NotificationContext, RoomstayMemberContext } from '@frontend/contexts';\nimport type { IRoomstayMember } from '@roomstay/core';\nimport React, { useContext, useEffect } from 'react';\nimport { Controller, FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport StepConfirmationCountrySelector from '@/components/steps/confirmation/StepConfirmationCountrySelector';\nimport { Color } from '@/util/Color';\nimport { makePhonePatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n    hint?: string;\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, hint, error } = props;\n    return (\n        <div className=\"row u-marg-bottom--heavy\">\n            <div className=\"col-md-4\">\n                <Text type={TextType.Small} bold>\n                    {label}\n                </Text>\n            </div>\n            <div className=\"col-md-8\">\n                {component}\n                {!!error && (\n                    <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                        {error.message}\n                    </p>\n                )}\n\n                {!!hint && (\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {hint}\n                    </Text>\n                )}\n            </div>\n        </div>\n    );\n};\n\ntype FormValues = IRoomstayMember;\n\nexport const AccountDetailsProfilePage = () => {\n    const { roomstayMember, loading: isLoadingMember, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const notifications = useContext(NotificationContext);\n\n    const { t } = useTranslation();\n\n    const {\n        register,\n        formState: { errors, isDirty },\n        handleSubmit,\n        reset: resetFormValues,\n        control,\n    } = useForm<FormValues>({\n        mode: 'onChange',\n    });\n\n    const getErrorValidationClass = (name: keyof FormValues): 'error' | undefined => (errors[name] ? 'error' : undefined);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            resetFormValues(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    const onSaveDetails = (values: FormValues) => {\n        updateMemberDetails?.(values).then(() => {\n            notifications.addNotification({\n                icon: IconType.Check,\n                children: <Text>{t(Translation.UserPortal.ProfileScreen.DetailsSavedSuccessfully)}</Text>,\n            });\n        });\n    };\n\n    const saveButtonDisabled = !isDirty || isLoadingMember || !!Object.keys(errors).length;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Navigation.Menu.ProfileInformation)}\n                </Headline>\n            </div>\n            <form onSubmit={handleSubmit(onSaveDetails)}>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div>\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Forename)}\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: makeRequiredRule(t)(true, t(Translation.Step.Confirmation.Inputs.Forename)),\n                                        })}\n                                    />\n                                }\n                                error={errors.forename}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Surname)}\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: makeRequiredRule(t)(true, t(Translation.Step.Confirmation.Inputs.Surname)),\n                                        })}\n                                    />\n                                }\n                                error={errors.surname}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Email)}\n                                component={<TextBox validationStatus={getErrorValidationClass('email')} inputProps={{ disabled: true }} value={roomstayMember?.email} />}\n                                error={errors.email}\n                            />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Phone)}\n                                component={\n                                    <Controller\n                                        rules={{\n                                            pattern: makePhonePatternRule(t),\n                                        }}\n                                        control={control}\n                                        name=\"phoneNumber\"\n                                        render={({ field }) => {\n                                            return (\n                                                <EnhancedPhoneNumberField\n                                                    {...field}\n                                                    onChange={(e: any) => {\n                                                        field.onChange(e);\n                                                    }}\n                                                    validationStatus={getErrorValidationClass('phoneNumber')}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                }\n                                error={errors.phoneNumber}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.Address)} component={<TextBox {...register('address.address')} />} />\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.City)} component={<TextBox {...register('address.city')} />} />\n                            <LabelAndInputGroup label={t(Translation.Step.Confirmation.Inputs.PostCode)} component={<TextBox {...register('address.zip')} />} />\n                            <LabelAndInputGroup\n                                label={t(Translation.Step.Confirmation.Inputs.Country)}\n                                component={\n                                    <Controller\n                                        control={control}\n                                        name=\"address.country\"\n                                        render={({ field }) => {\n                                            const { ref, ...rest } = field;\n                                            return <StepConfirmationCountrySelector {...rest} />;\n                                        }}\n                                    />\n                                }\n                            />\n                        </div>\n                    </div>\n                </div>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div className=\"u-flex u-marg-top--heavy\">\n                            <div className=\"u-flex\">\n                                <Link to=\"/account/home\" className=\"u-marg-right\">\n                                    <BEButton>{t(Translation.Misc.Cancel)}</BEButton>\n                                </Link>\n                                <BEButton disabled={saveButtonDisabled} isLoading={isLoadingMember} primary filled htmlType=\"submit\" className=\"u-marg-right\">\n                                    {t(Translation.Misc.SaveAllChanges)}\n                                </BEButton>\n                            </div>\n                            <div className=\"u-flex-grow\">\n                                <Link to={AccountRoutes.ChangePassword.path}>\n                                    <BEButton>{t(Translation.Navigation.Menu.ChangePassword)}</BEButton>\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </>\n    );\n};\n"]}

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {

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 { useCurrentHotel, useMember } from '@frontend/hooks';\nimport React, { 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';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\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 { Color } from '@/util/Color';\nimport { makeEmailPatternRule, makePhonePatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { AccountRoutes } from '../AccountRoutes';\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                        {t(Translation.Reservation.BackToYourAccount)}\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                    {t(Translation.UserPortal.HelpScreen.NeedSomeHelp)}\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                            {t(Translation.UserPortal.HelpScreen.Name)}\n                        </Text>\n                    </div>\n                    <TextBox\n                        required\n                        validationStatus={getValidationClass('name')}\n                        {...register('name', {\n                            required: makeRequiredRule(t)(true, t(Translation.UserPortal.HelpScreen.Name)),\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: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\n                            pattern: makeEmailPatternRule(t),\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.UserPortal.HelpScreen.Telephone)}\n                        </Text>\n                    </div>\n                    <Controller\n                        rules={{\n                            pattern: makePhonePatternRule(t),\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                            {t(Translation.UserPortal.HelpScreen.Message)}\n                        </Text>\n                    </div>\n                    <TextArea\n                        required\n                        {...register('message', {\n                            required: makeRequiredRule(t)(true, t(Translation.UserPortal.HelpScreen.Message)),\n                        })}\n                    />\n                </div>\n                <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" filled primary htmlType=\"submit\" isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                    {t(Translation.Misc.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA6D;AAC7D,+CAAmD;AACnD,qDAAsD;AACtD,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,iFAAyD;AACzD,kEAAmC;AACnC,oEAA8D;AAC9D,6EAAqD;AACrD,6IAAqH;AACrH,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAC3D,6EAAqD;AACrD,2EAAmD;AACnD,wCAAqC;AACrC,kDAAiG;AAEjG,oDAAiD;AAE1C,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEvC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAO,EAAC;QAClE,IAAI,EAAE,UAAU;QAChB,cAAc,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA0C,EAAE,CAAC,CAAC;IACxF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,IAAI,EAAE,CAAC;YACP,KAAK,CAAC;gBACF,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,MAAM,QAAQ,GAAG,CAAO,MAAW,EAAE,EAAE;QACnC,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,CAAC;YACD,MAAM,oBAAG,CAAC,KAAK,CAAC,yBAAyB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,EAAE;gBAChE,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,OAAO,EAAE,MAAM,CAAC,OAAO;aAC1B,CAAC,CAAC;YAEH,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACpC,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3F,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YACnB,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzB,OAAO,OAAO,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,OAAO,SAAS,CAAC;YACrB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,wDAAwD;YACnE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QAEN,uCAAK,SAAS,EAAC,kCAAkC;YAC7C,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,eAAe,IACjD,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,YAAY,CAAC,CAC3C,CACT;QAEN,wCAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACtF,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM;gBACpC,uCAAK,SAAS,EAAC,oBAAoB,IAC9B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;;oBACpD,OAAO,CACH,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK;wBAC3D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,MAAA,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,0CAAE,OAAO,CAAQ,CACrE,CACX,CAAC;gBACN,CAAC,CAAC,CACA,CACO;YAEjB,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CACvC,CACL;gBACN,8BAAC,iBAAO,kBACJ,QAAQ,QACR,gBAAgB,EAAE,kBAAkB,CAAC,MAAM,CAAC,IACxC,QAAQ,CAAC,MAAM,EAAE;oBACjB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;iBACjF,CAAC,EACJ,CACA;YACN,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3C,CACL;gBACN,8BAAC,iBAAO,kBACJ,WAAW,EAAC,kBAAkB,EAC9B,QAAQ,QACR,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,CAAC,IACzC,QAAQ,CAAC,OAAO,EAAE;oBAClB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;oBAClF,OAAO,EAAE,IAAA,iCAAoB,EAAC,CAAC,CAAC;iBACnC,CAAC,EACJ,CACA;YACN,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAC5C,CACL;gBACN,8BAAC,4BAAU,IACP,KAAK,EAAE;wBACH,OAAO,EAAE,IAAA,iCAAoB,EAAC,CAAC,CAAC;qBACnC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;wBAClB,OAAO,CACH,8BAAC,kCAAwB,oBACjB,KAAK,IACT,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;gCACjB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4BACtB,CAAC,EACD,gBAAgB,EAAE,kBAAkB,CAAC,WAAW,CAAC,IACnD,CACL,CAAC;oBACN,CAAC,GACH,CACA;YACN,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAC1C,CACL;gBACN,8BAAC,kBAAQ,kBACL,QAAQ,UACJ,QAAQ,CAAC,SAAS,EAAE;oBACpB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;iBACpF,CAAC,EACJ,CACA;YACN,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,EAAC,MAAM,QAAC,OAAO,QAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,IAAI,SAAS,CAAC,OAAO,IACpJ,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,CACR;QAEP,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO;YACrC,uCAAK,SAAS,EAAC,WAAW;gBACtB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAQ,CACzF,CACO;QAEjB,8BAAC,wBAAc,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,KAAK,KAAK;YAC7C,uCAAK,SAAS,EAAC,WAAW;gBACtB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK,IAAG,SAAS,CAAC,OAAO,CAAQ,CAClD,CACO,CACf,CACT,CAAC;AACN,CAAC,CAAC;AAxKW,QAAA,eAAe,mBAwK1B","sourcesContent":["import { useCurrentHotel, useMember } from '@frontend/hooks';\nimport React, { 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';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\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 { Color } from '@/util/Color';\nimport { makeEmailPatternRule, makePhonePatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { AccountRoutes } from '../AccountRoutes';\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                        {t(Translation.Reservation.BackToYourAccount)}\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                    {t(Translation.UserPortal.HelpScreen.NeedSomeHelp)}\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                            {t(Translation.UserPortal.HelpScreen.Name)}\n                        </Text>\n                    </div>\n                    <TextBox\n                        required\n                        validationStatus={getValidationClass('name')}\n                        {...register('name', {\n                            required: makeRequiredRule(t)(true, t(Translation.UserPortal.HelpScreen.Name)),\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: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\n                            pattern: makeEmailPatternRule(t),\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.UserPortal.HelpScreen.Telephone)}\n                        </Text>\n                    </div>\n                    <Controller\n                        rules={{\n                            pattern: makePhonePatternRule(t),\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                            {t(Translation.UserPortal.HelpScreen.Message)}\n                        </Text>\n                    </div>\n                    <TextArea\n                        required\n                        {...register('message', {\n                            required: makeRequiredRule(t)(true, t(Translation.UserPortal.HelpScreen.Message)),\n                        })}\n                    />\n                </div>\n                <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" filled primary htmlType=\"submit\" isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                    {t(Translation.Misc.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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -53,6 +63,7 @@ const hooks_1 = require("../../../hooks");
 const LoggedInUserHook_1 = require("../../../hooks/LoggedInUserHook");
 const ModifyBookingFeature_1 = __importDefault(require("../../../providers/feature/ModifyBookingFeature"));
 const Color_1 = require("../../../util/Color");
+const DataLayer_1 = __importDefault(require("../../../util/DataLayer"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StringHelper_1 = __importDefault(require("../../../util/StringHelper"));
 const AccountRoutes_1 = require("../AccountRoutes");
@@ -76,16 +87,27 @@ const CancelReservationModal = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const onCancelClick = () => {
-        const cancellations = [];
         setIsLoading(true);
-        for (const item of items) {
-            cancellations.push(BookingAPI_1.default.Reservation.cancelReservation(item.id, item.profile.email, booking.hotelId));
-        }
-        Promise.all(cancellations).then(() => {
+        const cancellations = items.map((item) => BookingAPI_1.default.Reservation.cancelReservation(item.id, item.profile.email, booking.hotelId)
+            .then(() => {
+            DataLayer_1.default.instance.sendCancellationByReservationNumber(item.id);
+        })
+            .catch((error) => {
+            contexts_1.ErrorHandler.add({
+                title: t(Translation_1.Translation.Step.Thanks.Errors.CancelFailed),
+                message: error.Message,
+            });
+        }));
+        Promise.all(cancellations)
+            .then(() => {
             fetchRoomstayMember === null || fetchRoomstayMember === void 0 ? void 0 : fetchRoomstayMember().then(() => {
                 setIsLoading(false);
                 onClose();
             });
+        })
+            .catch(() => {
+            // This catch only fires if Promise.all itself rejects
+            setIsLoading(false);
         });
     };
     const footers = (react_1.default.createElement("div", { className: "d-flex u-pad align-items-center justify-content-center" },
@@ -149,6 +171,9 @@ const AccountReservationSinglePage = () => {
     const [bookingHotel, setBookingHotel] = (0, react_1.useState)();
     const isMobile = beContext.screenSize <= ScreenSize_1.default.Medium;
     const params = (0, react_router_dom_1.useParams)();
+    if (!params.navPath) {
+        throw new Error('Missing reservation navPath parameter.');
+    }
     const [booking, itineraries] = (0, react_1.useMemo)(() => {
         if (!params.resId) {
             throw new Error('Missing reservation ID parameter.');
@@ -214,7 +239,7 @@ const AccountReservationSinglePage = () => {
             react_1.default.createElement("div", { className: "c-header  d-inline-block" },
                 react_1.default.createElement("div", { className: "c-header__logo u-flex u-flex-align-center" }, hotelImageElement))),
         react_1.default.createElement("div", { className: "u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none u-marg-top--heavy" },
-            react_1.default.createElement(ReservationList_1.default, { actions: [ReservationItem_1.ReservationAction.Cancel, ReservationItem_1.ReservationAction.Modify, ReservationItem_1.ReservationAction.BookAgain], reservationItems: itineraries, onActionClick: onActionClick, showCancelledNotifications: true })),
+            react_1.default.createElement(ReservationList_1.default, { actions: [ReservationItem_1.ReservationAction.Cancel, ReservationItem_1.ReservationAction.Modify, ReservationItem_1.ReservationAction.BookAgain], reservationItems: itineraries, onActionClick: onActionClick, showCancelledNotifications: true, navPath: params.navPath })),
         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)),

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 { BookingEngineContext, CompanyContext, IRoomstayMemberBookingItemWithRefAndHotelDetails, RoomstayMemberContext } from '@frontend/contexts';\nimport { calculateTotalForMemberBooking, EBookingStatus, IRoomstayMemberBooking } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { Fragment, useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useParams } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport { Card } from '@/components/generic/Card/Card/Card';\nimport Currency from '@/components/generic/Currency';\nimport { GroupedCheckInOutTimes } from '@/components/generic/GroupedCheckInOutTimes/GroupedCheckInOutTimes';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport IconText from '@/components/generic/IconText/IconText';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Pill, { PillType, PillVariant } from '@/components/generic/Pill';\nimport PrintOnly from '@/components/generic/print/PrintOnly';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { useCurrentHotel } from '@/hooks';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StringHelper from '@/util/StringHelper';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\nconst getRoomNamesString = (itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[]) => {\n    const roomNames: { [name: string]: number } = {};\n\n    for (const itinerary of itineraries) {\n        roomNames[itinerary.roomName] = (roomNames[itinerary.roomName] ?? 0) + 1;\n    }\n\n    return Object.keys(roomNames)\n        .map((name) => {\n            const numOfRooms = roomNames[name];\n            if (numOfRooms <= 1) return `${name}`;\n        })\n        .join(' + ');\n};\n\ntype CancelReservationModalProps = {\n    items: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\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    const { t } = useTranslation();\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onCancelClick = () => {\n        const cancellations = [];\n\n        setIsLoading(true);\n        for (const item of items) {\n            cancellations.push(API.Reservation.cancelReservation(item.id, item.profile.email as string, booking.hotelId));\n        }\n\n        Promise.all(cancellations).then(() => {\n            fetchRoomstayMember?.().then(() => {\n                setIsLoading(false);\n                onClose();\n            });\n        });\n    };\n\n    const footers = (\n        <div className=\"d-flex u-pad align-items-center justify-content-center\">\n            <div className=\"u-marg-right\">\n                <BEButton isText onClick={onClose}>\n                    {t(Translation.Misc.Abort)}\n                </BEButton>\n            </div>\n            <BEButton filled primary onClick={onCancelClick} isLoading={isLoading}>\n                {t(Translation.Misc.YesImSure)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            title={t(Translation.Misc.CancellingReservation)}\n            open={visible}\n            size={SimpleModalSize.ExtraSmall}\n            desktopFooter={footers}\n            mobileFooter={footers}\n            onClose={onClose}\n        >\n            <div className=\"u-pad\">\n                <Text>{t(Translation.Misc.ThisWillCancel)}</Text>\n                {/*TODO: Update wording to include all reservations*/}\n            </div>\n        </SimpleModal>\n    );\n};\n\ntype CodeNumberInformationType = {\n    itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\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 === EBookingStatus.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, index) => {\n                if (item.value.length > 0) {\n                    return (\n                        <Fragment key={index}>\n                            <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                                {item.label}\n                            </Text>\n                            {item.value.map((row, rowIndex) => {\n                                return (\n                                    <Fragment key={rowIndex}>\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                        </Fragment>\n                    );\n                }\n            })}\n            <div className=\"u-marg-top\">\n                <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                    {t(Translation.UserPortal.ReservationSingleScreen.Itinerary)}\n                </Text>\n                <Pill variant={PillVariant.Outlined} type={PillType.Grey}>\n                    #{booking.itineraryId}\n                </Pill>\n            </div>\n        </Card>\n    );\n};\n\nconst displayTime = (timeString: string) => dayjs().set('hours', +timeString.slice(0, 2)).set('minute', +timeString.slice(2)).format('h:mm A');\n\nexport const AccountReservationSinglePage = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const beContext = useContext(BookingEngineContext);\n    const { getHotel } = useContext(CompanyContext);\n    const ccx = useContext(CompanyContext);\n\n    const { getItinerary } = useMember();\n    const [showingCancellationFor, setShowingCancellationFor] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[] | null>(null);\n\n    const [bookingHotel, setBookingHotel] = useState<Hotel>();\n\n    const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n    const params = useParams<{ resId: string }>();\n\n    const [booking, itineraries]: [IRoomstayMemberBooking, IRoomstayMemberBookingItemWithRefAndHotelDetails[]] = useMemo(() => {\n        if (!params.resId) {\n            throw new Error('Missing reservation ID parameter.');\n        }\n\n        const itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[] = [];\n\n        const booking = getItinerary(params.resId);\n\n        if (booking?.itinerary) {\n            for (const itinerary of Object.values(booking.itinerary)) {\n                itineraries.push({\n                    ...itinerary,\n                    bookingId: booking.itineraryId,\n                    hotel: booking.hotel,\n                    hotelId: booking.hotelId,\n                });\n            }\n        }\n\n        return [booking as IRoomstayMemberBooking, itineraries];\n    }, [params, getItinerary]);\n\n    useEffect(() => {\n        if (booking?.hotelId) {\n            getHotel(booking.hotelId).then((hotel) => {\n                setBookingHotel(hotel);\n            });\n        }\n    }, [booking?.hotelId, getHotel]);\n\n    const allCancelled = useMemo(() => itineraries.every((row) => row.status === EBookingStatus.Cancelled), [itineraries]);\n\n    const allCancellable = useMemo(() => itineraries.every((row) => row.isCancellable), [itineraries]);\n\n    if (!booking) {\n        return <>{t(Translation.Misc.Loading)}</>;\n    }\n\n    const { line1, line2, postalCode, country } = bookingHotel?.address ?? {};\n\n    const onActionClick = (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => {\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    const hotelImageElement =\n        hotel?.logo && typeof hotel.logo !== 'string' ? hotel.logo : <img src={typeof hotel?.logo === 'string' ? hotel.logo : ccx.logo} alt=\"Hotel Logo\" className=\"u-block\" />;\n\n    return (\n        <div id={`reservation-body-${booking.itineraryId}`}>\n            {!!booking?.hotel?.colors && <style>{`#reservation-body-${booking.itineraryId} {${getAccentOverrideStyleContent(booking.hotel.colors)}}`}</style>}\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--light u-print-none\">\n                <Link to={AccountRoutes.Reservations.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourReservations)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-flex-align-stretch@m- u-flex u-flex-align-flex-end u-marg-bottom 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', t)}</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                        <>\n                            {ModifyBookingFeature.isActive() ? (\n                                <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} isText={!isMobile} disabled={!allCancellable}>\n                                    {StringHelper.plural(itineraries.length, t(Translation.Reservation.ModifyReservation), t)}\n                                </BEButton>\n                            ) : null}\n                            <BEButton\n                                danger\n                                wide={isMobile}\n                                mobileWidth\n                                rounded={isMobile}\n                                textColor={Color.Alert}\n                                isText={!isMobile}\n                                onClick={() => setShowingCancellationFor(itineraries)}\n                                disabled={!allCancellable}\n                            >\n                                {StringHelper.plural(itineraries.length, t(Translation.Reservation.CancelReservation), t)}\n                            </BEButton>\n                        </>\n                    )}\n                </div>\n            </div>\n\n            <span className=\"u-print-none\">\n                <LineBreak smallMargins fullBleed />\n            </span>\n\n            <PrintOnly>\n                <div className=\"c-header  d-inline-block\">\n                    <div className=\"c-header__logo u-flex u-flex-align-center\">{hotelImageElement}</div>\n                </div>\n            </PrintOnly>\n\n            <div className=\"u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none u-marg-top--heavy\">\n                <ReservationList\n                    actions={[ReservationAction.Cancel, ReservationAction.Modify, ReservationAction.BookAgain]}\n                    reservationItems={itineraries}\n                    onActionClick={onActionClick}\n                    showCancelledNotifications\n                />\n            </div>\n            <LineBreak noMargins={isMobile} />\n            <div className=\"u-flex u-marg-top--heavy@m-\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Reservation.Total)}\n                </Headline>\n                <div className=\"u-flex align-items-end flex-column\">\n                    <Headline lineThrough size=\"large\" bold>\n                        <Currency>{calculateTotalForMemberBooking(booking)}</Currency>\n                    </Headline>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {t(Translation.Reservation.PriceNote)}\n                    </Text>\n                </div>\n            </div>\n\n            <div className=\"row u-marg-top--massive@m u-marg-top--heavy@m-\">\n                <div className=\"col-md-4 u-flex u-print-col-md-4\">\n                    <Card className=\"w-100\" title={t(Translation.Navigation.Menu.PaymentInformation)}>\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} TextProps={{ type: TextType.Small }}>\n                            •••• •••• •••• 1111 <span style={{ color: Color.DarkGrey }}>(Visa)</span>\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 row\">\n                            <GroupedCheckInOutTimes\n                                hotel={bookingHotel}\n                                wrapperClassName=\"u-flex u-flex-direction-column@m- u-flex-gap--medium@m- col-6 col-md-3\"\n                                colClassName=\"\"\n                                CheckInRender={() => (\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                                    </Text>\n                                )}\n                                CheckOutRender={() => (\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                                    </Text>\n                                )}\n                                LineRender={({ line }: { line: string }) => <Text type={TextType.Small}>{line}</Text>}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        {itineraries.map((itinerary, index) => (\n                            <div key={index} className=\"u-marg-top--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text key={index} type={TextType.Small}>\n                                        <strong>\n                                            {t(Translation.Misc.Room)} {index + 1}\n                                        </strong>\n                                        &nbsp;\n                                        {itinerary.roomName} - {itinerary.rateName}\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom\">\n                                    {itinerary.guaranteePolicyLongDescription ? (\n                                        <>\n                                            <Text type={TextType.Small} bold className=\"u-marg-bottom--light\">\n                                                {t(Translation.Misc.GuaranteePolicy)}\n                                            </Text>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: itinerary.guaranteePolicyLongDescription || '' }}></span>\n                                            </Text>\n                                        </>\n                                    ) : null}\n                                </div>\n                                <Text type={TextType.Small} bold className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CancellationPolicy)}\n                                </Text>\n                                <Text type={TextType.Small}>\n                                    <span dangerouslySetInnerHTML={{ __html: itinerary.cancellationPolicyLongDescription || '' }}></span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n            <CancelReservationModal\n                onClose={onCloseCancellationModal}\n                items={showingCancellationFor as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                booking={booking}\n                visible={!!showingCancellationFor}\n            />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountReservationSinglePage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationSinglePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, CompanyContext, ErrorHandler, IRoomstayMemberBookingItemWithRefAndHotelDetails, RoomstayMemberContext } from '@frontend/contexts';\nimport { calculateTotalForMemberBooking, EBookingStatus, IRoomstayMemberBooking } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { Fragment, useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useParams } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport { Card } from '@/components/generic/Card/Card/Card';\nimport Currency from '@/components/generic/Currency';\nimport { GroupedCheckInOutTimes } from '@/components/generic/GroupedCheckInOutTimes/GroupedCheckInOutTimes';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport IconText from '@/components/generic/IconText/IconText';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Pill, { PillType, PillVariant } from '@/components/generic/Pill';\nimport PrintOnly from '@/components/generic/print/PrintOnly';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { useCurrentHotel } from '@/hooks';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport StringHelper from '@/util/StringHelper';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\nconst getRoomNamesString = (itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[]) => {\n    const roomNames: { [name: string]: number } = {};\n\n    for (const itinerary of itineraries) {\n        roomNames[itinerary.roomName] = (roomNames[itinerary.roomName] ?? 0) + 1;\n    }\n\n    return Object.keys(roomNames)\n        .map((name) => {\n            const numOfRooms = roomNames[name];\n            if (numOfRooms <= 1) return `${name}`;\n        })\n        .join(' + ');\n};\n\ntype CancelReservationModalProps = {\n    items: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\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    const { t } = useTranslation();\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onCancelClick = () => {\n        setIsLoading(true);\n        const cancellations = items.map((item) =>\n            API.Reservation.cancelReservation(item.id, item.profile.email as string, booking.hotelId)\n                .then(() => {\n                    DataLayer.instance.sendCancellationByReservationNumber(item.id);\n                })\n                .catch((error) => {\n                    ErrorHandler.add({\n                        title: t(Translation.Step.Thanks.Errors.CancelFailed),\n                        message: error.Message,\n                    });\n                })\n        );\n\n        Promise.all(cancellations)\n            .then(() => {\n                fetchRoomstayMember?.().then(() => {\n                    setIsLoading(false);\n                    onClose();\n                });\n            })\n            .catch(() => {\n                // This catch only fires if Promise.all itself rejects\n                setIsLoading(false);\n            });\n    };\n\n    const footers = (\n        <div className=\"d-flex u-pad align-items-center justify-content-center\">\n            <div className=\"u-marg-right\">\n                <BEButton isText onClick={onClose}>\n                    {t(Translation.Misc.Abort)}\n                </BEButton>\n            </div>\n            <BEButton filled primary onClick={onCancelClick} isLoading={isLoading}>\n                {t(Translation.Misc.YesImSure)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            title={t(Translation.Misc.CancellingReservation)}\n            open={visible}\n            size={SimpleModalSize.ExtraSmall}\n            desktopFooter={footers}\n            mobileFooter={footers}\n            onClose={onClose}\n        >\n            <div className=\"u-pad\">\n                <Text>{t(Translation.Misc.ThisWillCancel)}</Text>\n                {/*TODO: Update wording to include all reservations*/}\n            </div>\n        </SimpleModal>\n    );\n};\n\ntype CodeNumberInformationType = {\n    itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\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 === EBookingStatus.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, index) => {\n                if (item.value.length > 0) {\n                    return (\n                        <Fragment key={index}>\n                            <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                                {item.label}\n                            </Text>\n                            {item.value.map((row, rowIndex) => {\n                                return (\n                                    <Fragment key={rowIndex}>\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                        </Fragment>\n                    );\n                }\n            })}\n            <div className=\"u-marg-top\">\n                <Text className=\"u-marg-right--light\" inline type={TextType.Small}>\n                    {t(Translation.UserPortal.ReservationSingleScreen.Itinerary)}\n                </Text>\n                <Pill variant={PillVariant.Outlined} type={PillType.Grey}>\n                    #{booking.itineraryId}\n                </Pill>\n            </div>\n        </Card>\n    );\n};\n\nconst displayTime = (timeString: string) => dayjs().set('hours', +timeString.slice(0, 2)).set('minute', +timeString.slice(2)).format('h:mm A');\n\nexport const AccountReservationSinglePage = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const beContext = useContext(BookingEngineContext);\n    const { getHotel } = useContext(CompanyContext);\n    const ccx = useContext(CompanyContext);\n\n    const { getItinerary } = useMember();\n    const [showingCancellationFor, setShowingCancellationFor] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[] | null>(null);\n\n    const [bookingHotel, setBookingHotel] = useState<Hotel>();\n\n    const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n    const params = useParams<{ resId: string; navPath: string }>();\n\n    if (!params.navPath) {\n        throw new Error('Missing reservation navPath parameter.');\n    }\n\n    const [booking, itineraries]: [IRoomstayMemberBooking, IRoomstayMemberBookingItemWithRefAndHotelDetails[]] = useMemo(() => {\n        if (!params.resId) {\n            throw new Error('Missing reservation ID parameter.');\n        }\n\n        const itineraries: IRoomstayMemberBookingItemWithRefAndHotelDetails[] = [];\n\n        const booking = getItinerary(params.resId);\n\n        if (booking?.itinerary) {\n            for (const itinerary of Object.values(booking.itinerary)) {\n                itineraries.push({\n                    ...itinerary,\n                    bookingId: booking.itineraryId,\n                    hotel: booking.hotel,\n                    hotelId: booking.hotelId,\n                });\n            }\n        }\n\n        return [booking as IRoomstayMemberBooking, itineraries];\n    }, [params, getItinerary]);\n\n    useEffect(() => {\n        if (booking?.hotelId) {\n            getHotel(booking.hotelId).then((hotel) => {\n                setBookingHotel(hotel);\n            });\n        }\n    }, [booking?.hotelId, getHotel]);\n\n    const allCancelled = useMemo(() => itineraries.every((row) => row.status === EBookingStatus.Cancelled), [itineraries]);\n\n    const allCancellable = useMemo(() => itineraries.every((row) => row.isCancellable), [itineraries]);\n\n    if (!booking) {\n        return <>{t(Translation.Misc.Loading)}</>;\n    }\n\n    const { line1, line2, postalCode, country } = bookingHotel?.address ?? {};\n\n    const onActionClick = (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => {\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    const hotelImageElement =\n        hotel?.logo && typeof hotel.logo !== 'string' ? hotel.logo : <img src={typeof hotel?.logo === 'string' ? hotel.logo : ccx.logo} alt=\"Hotel Logo\" className=\"u-block\" />;\n\n    return (\n        <div id={`reservation-body-${booking.itineraryId}`}>\n            {!!booking?.hotel?.colors && <style>{`#reservation-body-${booking.itineraryId} {${getAccentOverrideStyleContent(booking.hotel.colors)}}`}</style>}\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--light u-print-none\">\n                <Link to={AccountRoutes.Reservations.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourReservations)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-flex-align-stretch@m- u-flex u-flex-align-flex-end u-marg-bottom 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', t)}</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                        <>\n                            {ModifyBookingFeature.isActive() ? (\n                                <BEButton wide={isMobile} mobileWidth rounded={isMobile} textColor={Color.Navy} isText={!isMobile} disabled={!allCancellable}>\n                                    {StringHelper.plural(itineraries.length, t(Translation.Reservation.ModifyReservation), t)}\n                                </BEButton>\n                            ) : null}\n                            <BEButton\n                                danger\n                                wide={isMobile}\n                                mobileWidth\n                                rounded={isMobile}\n                                textColor={Color.Alert}\n                                isText={!isMobile}\n                                onClick={() => setShowingCancellationFor(itineraries)}\n                                disabled={!allCancellable}\n                            >\n                                {StringHelper.plural(itineraries.length, t(Translation.Reservation.CancelReservation), t)}\n                            </BEButton>\n                        </>\n                    )}\n                </div>\n            </div>\n\n            <span className=\"u-print-none\">\n                <LineBreak smallMargins fullBleed />\n            </span>\n\n            <PrintOnly>\n                <div className=\"c-header  d-inline-block\">\n                    <div className=\"c-header__logo u-flex u-flex-align-center\">{hotelImageElement}</div>\n                </div>\n            </PrintOnly>\n\n            <div className=\"u-marg-bottom--massive u-marg-bottom--none@m- u-print-marg-none u-marg-top--heavy\">\n                <ReservationList\n                    actions={[ReservationAction.Cancel, ReservationAction.Modify, ReservationAction.BookAgain]}\n                    reservationItems={itineraries}\n                    onActionClick={onActionClick}\n                    showCancelledNotifications\n                    navPath={params.navPath}\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.Navigation.Menu.PaymentInformation)}>\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} TextProps={{ type: TextType.Small }}>\n                            •••• •••• •••• 1111 <span style={{ color: Color.DarkGrey }}>(Visa)</span>\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 row\">\n                            <GroupedCheckInOutTimes\n                                hotel={bookingHotel}\n                                wrapperClassName=\"u-flex u-flex-direction-column@m- u-flex-gap--medium@m- col-6 col-md-3\"\n                                colClassName=\"\"\n                                CheckInRender={() => (\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                                    </Text>\n                                )}\n                                CheckOutRender={() => (\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                                    </Text>\n                                )}\n                                LineRender={({ line }: { line: string }) => <Text type={TextType.Small}>{line}</Text>}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        {itineraries.map((itinerary, index) => (\n                            <div key={index} className=\"u-marg-top--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text key={index} type={TextType.Small}>\n                                        <strong>\n                                            {t(Translation.Misc.Room)} {index + 1}\n                                        </strong>\n                                        &nbsp;\n                                        {itinerary.roomName} - {itinerary.rateName}\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom\">\n                                    {itinerary.guaranteePolicyLongDescription ? (\n                                        <>\n                                            <Text type={TextType.Small} bold className=\"u-marg-bottom--light\">\n                                                {t(Translation.Misc.GuaranteePolicy)}\n                                            </Text>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: itinerary.guaranteePolicyLongDescription || '' }}></span>\n                                            </Text>\n                                        </>\n                                    ) : null}\n                                </div>\n                                <Text type={TextType.Small} bold className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CancellationPolicy)}\n                                </Text>\n                                <Text type={TextType.Small}>\n                                    <span dangerouslySetInnerHTML={{ __html: itinerary.cancellationPolicyLongDescription || '' }}></span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n            <CancelReservationModal\n                onClose={onCloseCancellationModal}\n                items={showingCancellationFor as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                booking={booking}\n                visible={!!showingCancellationFor}\n            />\n        </div>\n    );\n};\n"]}

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

@@ -26,16 +26,16 @@ const AccountReservationPage = () => {
                 react_1.default.createElement(BEButton_1.default, { isText: true, icon: Icon_1.IconType.ArrowLeft, size: "small" }, t(Translation_1.Translation.Reservation.BackToYourAccount)))),
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
             react_1.default.createElement(Headline_1.default, { size: "extra-large", bold: true }, t(Translation_1.Translation.Reservation.YourReservationPage.Title))),
-        react_1.default.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
-            react_1.default.createElement(Tab_1.Tab, { navPath: "upcoming-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
+        react_1.default.createElement(Tabs_1.default, { defaultActiveKey: AccountRoutes_1.EReservationStatusNavPath.UpcomingStays },
+            react_1.default.createElement(Tab_1.Tab, { navPath: AccountRoutes_1.EReservationStatusNavPath.UpcomingStays, title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    react_1.default.createElement(ReservationList_1.default, { reservationItems: upcomingBookings }))),
-            react_1.default.createElement(Tab_1.Tab, { navPath: "past-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
+                    react_1.default.createElement(ReservationList_1.default, { reservationItems: upcomingBookings, navPath: AccountRoutes_1.EReservationStatusNavPath.UpcomingStays }))),
+            react_1.default.createElement(Tab_1.Tab, { navPath: AccountRoutes_1.EReservationStatusNavPath.PastStays, title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    react_1.default.createElement(ReservationList_1.default, { reservationItems: pastBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))),
-            react_1.default.createElement(Tab_1.Tab, { navPath: "cancelled-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
+                    react_1.default.createElement(ReservationList_1.default, { reservationItems: pastBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain], navPath: AccountRoutes_1.EReservationStatusNavPath.PastStays }))),
+            react_1.default.createElement(Tab_1.Tab, { navPath: AccountRoutes_1.EReservationStatusNavPath.CancelledStays, title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
-                    react_1.default.createElement(ReservationList_1.default, { isCancelled: true, reservationItems: cancelledBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))))));
+                    react_1.default.createElement(ReservationList_1.default, { isCancelled: true, reservationItems: cancelledBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain], navPath: AccountRoutes_1.EReservationStatusNavPath.CancelledStays }))))));
 };
 exports.AccountReservationPage = AccountReservationPage;
 //# sourceMappingURL=AccountReservationsPage.js.map

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,2CAA4C;AAC5C,kDAA0B;AAC1B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,8EAA6E;AAC7E,+FAAuE;AAGvE,oDAAiD;AAE1C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,uDAAuD;YAClE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,8BAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;YACnC,8BAAC,SAAG,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBAC7F,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IAAC,gBAAgB,EAAE,gBAAsE,GAAI,CAC3G,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBACrF,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,YAAkE,EACpF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;gBAC/F,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,WAAW,QACX,gBAAgB,EAAE,iBAAuE,EACzF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,sBAAsB,0BA6CjC","sourcesContent":["import { useMember } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport 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 { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\nexport const AccountReservationPage = () => {\n    const { t } = useTranslation();\n    const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Reservation.YourReservationPage.Title)}\n                </Headline>\n            </div>\n\n            <Tabs defaultActiveKey=\"upcoming-stays\">\n                <Tab navPath=\"upcoming-stays\" title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList reservationItems={upcomingBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]} />\n                    </div>\n                </Tab>\n                <Tab navPath=\"past-stays\" title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList\n                            reservationItems={pastBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                            actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n                        />\n                    </div>\n                </Tab>\n                <Tab navPath=\"cancelled-stays\" title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList\n                            isCancelled\n                            reservationItems={cancelledBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                            actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n                        />\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,2CAA4C;AAC5C,kDAA0B;AAC1B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,8EAA6E;AAC7E,+FAAuE;AAGvE,oDAA4E;AAErE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,uDAAuD;YAClE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,8BAAC,cAAI,IAAC,gBAAgB,EAAE,yCAAyB,CAAC,aAAa;YAC3D,8BAAC,SAAG,IAAC,OAAO,EAAE,yCAAyB,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBACtH,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,gBAAsE,EACxF,OAAO,EAAE,yCAAyB,CAAC,aAAa,GAClD,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAE,yCAAyB,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBAC9G,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,YAAkE,EACpF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,EACrE,OAAO,EAAE,yCAAyB,CAAC,SAAS,GAC9C,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAE,yCAAyB,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;gBACxH,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,WAAW,QACX,gBAAgB,EAAE,iBAAuE,EACzF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,EACrE,OAAO,EAAE,yCAAyB,CAAC,cAAc,GACnD,CACA,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAlDW,QAAA,sBAAsB,0BAkDjC","sourcesContent":["import { useMember } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport 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 { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\n\nimport { AccountRoutes, EReservationStatusNavPath } from '../AccountRoutes';\n\nexport const AccountReservationPage = () => {\n    const { t } = useTranslation();\n    const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Reservation.YourReservationPage.Title)}\n                </Headline>\n            </div>\n\n            <Tabs defaultActiveKey={EReservationStatusNavPath.UpcomingStays}>\n                <Tab navPath={EReservationStatusNavPath.UpcomingStays} title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList\n                            reservationItems={upcomingBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                            navPath={EReservationStatusNavPath.UpcomingStays}\n                        />\n                    </div>\n                </Tab>\n                <Tab navPath={EReservationStatusNavPath.PastStays} title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList\n                            reservationItems={pastBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                            actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n                            navPath={EReservationStatusNavPath.PastStays}\n                        />\n                    </div>\n                </Tab>\n                <Tab navPath={EReservationStatusNavPath.CancelledStays} title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n                    <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n                        <ReservationList\n                            isCancelled\n                            reservationItems={cancelledBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n                            actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n                            navPath={EReservationStatusNavPath.CancelledStays}\n                        />\n                    </div>\n                </Tab>\n            </Tabs>\n        </>\n    );\n};\n"]}