@roomstay/frontend 2.1.2 → 2.1.3

package/dist/src/models/BasketAddonRow.d.ts

@@ -1,4 +1,4 @@
-import { Addon } from '../../models/Addon/Addon';
+import { Addon } from './Addon/Addon';
 export default class BasketAddonRow {
     private readonly uniqId;
     private addon;

package/dist/src/models/BasketAddonRow.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Addon_1 = require("../../models/Addon/Addon");
+const Addon_1 = require("./Addon/Addon");
 class BasketAddonRow {
     constructor(addon) {
         if (addon) {

package/dist/src/models/BasketRow.d.ts

@@ -1,9 +1,9 @@
 import dayjs from 'dayjs';
-import type { Room } from '../../models/Room/Room';
-import type { RoomRate } from '../../models/Room/RoomRate';
-import { ReservationDTO } from '../../models/Api/ReservationsDTO';
-import BasketRowDifferences from '../../models/BasketRowDifferences';
-import { Color } from '../../util/Color';
+import type { Room } from './Room/Room';
+import type { RoomRate } from './Room/RoomRate';
+import { ReservationDTO } from './Api/ReservationsDTO';
+import BasketRowDifferences from './BasketRowDifferences';
+import { Color } from '../util/Color';
 import { IRoomstayMember } from '@roomstay/core';
 export default class BasketRow {
     private uniqId;

package/dist/src/models/BasketRow.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Color_1 = require("../../util/Color");
+const Color_1 = require("../util/Color");
 class BasketRow {
     constructor(rate, uniqId) {
         /*

package/dist/src/models/BookingWizard/BookingWizardProperty.d.ts

@@ -1,4 +1,4 @@
-import type ColorProfile from '../../../models/Client/Hotel/ColorProfile';
+import type ColorProfile from '../Client/Hotel/ColorProfile';
 export type BookingWizardProperty = {
     id: string;
     name: string;

package/dist/src/models/Client/Hotel/Company.d.ts

@@ -1,5 +1,5 @@
-import type ColorProfile from '../../../../models/Client/Hotel/ColorProfile';
-import type { Hotel, ConfigHotel } from '../../../../models/Client/Hotel/Hotel';
+import type ColorProfile from './ColorProfile';
+import type { Hotel, ConfigHotel } from './Hotel';
 export interface HasDatalayerTags {
     datalayer?: {
         gtmIds: string[];

package/dist/src/models/Client/Hotel/Hotel.d.ts

@@ -1,16 +1,16 @@
 import type { ReactChild } from 'react';
-import type { Language } from '../../../../providers/LanguageProvider';
-import type { HotelPerk } from '../../../../models/Client/Hotel/HotelPerk';
-import type { HotelRoomOverwrite } from '../../../../models/Client/Hotel/HotelRoomOverwrite';
-import type ColorProfile from '../../../../models/Client/Hotel/ColorProfile';
-import type HotelAddress from '../../../../models/Client/Hotel/HotelAddress';
-import type { HotelRoomsDTO, HotelServiceDTO } from '../../../../models/Api/HotelDTO';
-import type { HasDatalayerTags } from '../../../../models/Client/Hotel/Company';
-import type { TransportDistances } from '../../../../models/Api/HotelOverrideDTO';
-import type { MemberOnlyModalInputs } from '../../../../components/steps/room/MemberSignInModal/MemberSignInModal.types';
-import type { DistanceUnitType } from '../../../../models/Client/Hotel/DistanceUnitType.types';
-import type { WeekdayStartsOn } from '../../../../models/Client/Hotel/WeekdayStartsOn.types';
-import type { HotelDataSource } from '../../../../models/Client/Hotel/HotelDataSource.types';
+import type { Language } from '../../../providers/LanguageProvider';
+import type { HotelPerk } from './HotelPerk';
+import type { HotelRoomOverwrite } from './HotelRoomOverwrite';
+import type ColorProfile from './ColorProfile';
+import type HotelAddress from './HotelAddress';
+import type { HotelRoomsDTO, HotelServiceDTO } from '../../Api/HotelDTO';
+import type { HasDatalayerTags } from './Company';
+import type { TransportDistances } from '../../Api/HotelOverrideDTO';
+import type { MemberOnlyModalInputs } from '../../../components/steps/room/MemberSignInModal/MemberSignInModal.types';
+import type { DistanceUnitType } from './DistanceUnitType.types';
+import type { WeekdayStartsOn } from './WeekdayStartsOn.types';
+import type { HotelDataSource } from './HotelDataSource.types';
 import { EBookingPaymentMethod } from '@roomstay/core';
 import type { PlanPayEnvironment } from '@planpay/web';
 export declare enum EPaymentCardType {

package/dist/src/models/Client/Hotel/HotelPerk.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { IconType } from '../../../../components/generic/Icon/Icon';
+import type { IconType } from '../../../components/generic/Icon/Icon';
 export type HotelPerk = {
     icon?: IconType;
     iconElement?: ReactElement;

package/dist/src/models/Room/Filters/BudgetFilter.d.ts

@@ -1,5 +1,5 @@
-import Filter from '../../../../models/Room/Filters/Filter';
-import type { Room } from '../../../../models/Room/Room';
+import Filter from './Filter';
+import type { Room } from '../Room';
 export default class BudgetFilter extends Filter {
     private min;
     private max;

package/dist/src/models/Room/Filters/BudgetFilter.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Filter_1 = __importDefault(require("../../../../models/Room/Filters/Filter"));
+const Filter_1 = __importDefault(require("./Filter"));
 class BudgetFilter extends Filter_1.default {
     constructor(min, max) {
         super();

package/dist/src/models/Room/Filters/Filter.d.ts

@@ -1,4 +1,4 @@
-import { Room } from '../../../../models/Room/Room';
+import { Room } from '../Room';
 export default abstract class Filter {
     abstract getLabel(): string;
     abstract check(room: Room): Room | null;

package/dist/src/models/Room/Filters/RateTypeFilter.d.ts

@@ -1,5 +1,5 @@
-import Filter from '../../../../models/Room/Filters/Filter';
-import { Room } from '../../../../models/Room/Room';
+import Filter from './Filter';
+import { Room } from '../Room';
 export default class RateTypeFilter extends Filter {
     private viewOnly;
     constructor(viewOnly: string[]);

package/dist/src/models/Room/Filters/RateTypeFilter.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Filter_1 = __importDefault(require("../../../../models/Room/Filters/Filter"));
+const Filter_1 = __importDefault(require("./Filter"));
 class RateTypeFilter extends Filter_1.default {
     constructor(viewOnly) {
         super();

package/dist/src/models/Room/Filters/RoomTypeFilter.d.ts

@@ -1,5 +1,5 @@
-import Filter from '../../../../models/Room/Filters/Filter';
-import { Room } from '../../../../models/Room/Room';
+import Filter from './Filter';
+import { Room } from '../Room';
 export default class RoomTypeFilter extends Filter {
     private visibleRooms;
     constructor(roomNames: string[]);

package/dist/src/models/Room/Filters/RoomTypeFilter.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Filter_1 = __importDefault(require("../../../../models/Room/Filters/Filter"));
+const Filter_1 = __importDefault(require("./Filter"));
 class RoomTypeFilter extends Filter_1.default {
     constructor(roomNames) {
         super();

package/dist/src/models/Room/Room.d.ts

@@ -1,6 +1,6 @@
-import { RoomRate, RoomRatePriceInclusion, IRoomRate } from '../../../models/Room/RoomRate';
-import RoomRateSortable from '../../../models/Room/RoomRateSortable';
-import { Serializable } from '../../../models/Serializable';
+import { RoomRate, RoomRatePriceInclusion, IRoomRate } from './RoomRate';
+import RoomRateSortable from './RoomRateSortable';
+import { Serializable } from '../Serializable';
 export interface IRoom {
     id: number;
     code: string;

package/dist/src/models/Room/Room.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Room = void 0;
-const RoomRate_1 = require("../../../models/Room/RoomRate");
+const RoomRate_1 = require("./RoomRate");
 class Room {
     constructor(props) {
         this.getLowestPriceType = (raw = false) => {

package/dist/src/models/Room/RoomRate.d.ts

@@ -1,7 +1,7 @@
-import RoomRateNight, { IRoomRateNight } from '../../../models/Room/RoomRateNight';
-import type { Room } from '../../../models/Room/Room';
-import type RoomRateSortable from '../../../models/Room/RoomRateSortable';
-import type { Serializable } from '../../../models/Serializable';
+import RoomRateNight, { IRoomRateNight } from './RoomRateNight';
+import type { Room } from './Room';
+import type RoomRateSortable from './RoomRateSortable';
+import type { Serializable } from '../Serializable';
 export declare enum RoomRatePriceInclusion {
     ExcludingFees = "Fees Excluded",
     ExcludingTaxes = "Taxes Excluded",

package/dist/src/models/Room/RoomRate.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRate = exports.RoomRatePriceInclusion = void 0;
-const RoomRateNight_1 = __importDefault(require("../../../models/Room/RoomRateNight"));
-const AvailabilityAPI_1 = __importDefault(require("../../../api/AvailabilityAPI"));
-const StaticContextProvider_1 = __importDefault(require("../../../providers/StaticContextProvider"));
+const RoomRateNight_1 = __importDefault(require("./RoomRateNight"));
+const AvailabilityAPI_1 = __importDefault(require("../../api/AvailabilityAPI"));
+const StaticContextProvider_1 = __importDefault(require("../../providers/StaticContextProvider"));
 var RoomRatePriceInclusion;
 (function (RoomRatePriceInclusion) {
     RoomRatePriceInclusion["ExcludingFees"] = "Fees Excluded";

package/dist/src/models/Room/RoomRateNight.d.ts

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import { Serializable } from '../../../models/Serializable';
+import { Serializable } from '../Serializable';
 export interface IRoomRateNight {
     date: string;
     cost: string;

package/dist/src/models/Room/RoomRateNight.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const dayjs_1 = __importDefault(require("dayjs"));
-const RoomstaySession_1 = require("../../../models/RoomstaySession");
+const RoomstaySession_1 = require("../RoomstaySession");
 class RoomRateNight {
     serialize() {
         const toSerialize = {

package/dist/src/models/RoomstaySession.d.ts

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
-import type BasketRow from '../../models/BasketRow';
-import type { IRoomRate } from '../../models/Room/RoomRate';
-import type { IRoom } from '../../models/Room/Room';
+import type BasketRow from './BasketRow';
+import type { IRoomRate } from './Room/RoomRate';
+import type { IRoom } from './Room/Room';
 import ReservationsDTO from './Api/ReservationsDTO';
 /**
  * Booking engine state object, that is stored, can be loaded and unloaded

package/dist/src/pages/account/AccountHome/AccountHomePage.js

@@ -28,23 +28,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountHomePage = void 0;
 const React = __importStar(require("react"));
-const ReservationItem_1 = __importDefault(require("../../../../components/reservation/ReservationItem"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const IconNavCard_1 = require("../../../../components/generic/Card/IconNavCard/IconNavCard");
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const Color_1 = require("../../../../util/Color");
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
+const ReservationItem_1 = __importDefault(require("../../../components/reservation/ReservationItem"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const IconNavCard_1 = require("../../../components/generic/Card/IconNavCard/IconNavCard");
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const Color_1 = require("../../../util/Color");
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
 const react_router_dom_1 = require("react-router-dom");
-const StepManager_1 = __importDefault(require("../../../../util/StepManager"));
-const hooks_1 = require("../../../../hooks/index.js");
+const StepManager_1 = __importDefault(require("../../../util/StepManager"));
+const hooks_1 = require("../../../hooks/index.js");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const react_1 = require("react");
-const contexts_1 = require("../../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const AccountRoutes_1 = require("../../../../pages/account/AccountRoutes");
-const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
+const contexts_1 = require("../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const AccountRoutes_1 = require("../AccountRoutes");
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
 const AccountHomePage = () => {
     const { fullName, upcomingBookings } = (0, hooks_1.useMember)();
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/pages/account/AccountRouter.js

@@ -26,15 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountRouter = void 0;
 const React = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const AccountOutlet_1 = require("../../../pages/account/AccountOutlet");
-const AccountHomePage_1 = require("../../../pages/account/AccountHome/AccountHomePage");
-const AccountReservationsPage_1 = require("../../../pages/account/Reservations/AccountReservationsPage");
-const AccountReservationSinglePage_1 = require("../../../pages/account/Reservations/AccountReservationSinglePage");
-const AccountReservationMultiplePage_1 = require("../../../pages/account/Reservations/AccountReservationMultiplePage");
-const AccountReservationCancelledPage_1 = require("../../../pages/account/Reservations/AccountReservationCancelledPage");
-const AccountDetailsProfilePage_1 = require("../../../pages/account/Details/AccountDetailsProfilePage");
-const AccountDetailsCardsPage_1 = require("../../../pages/account/Details/AccountDetailsCardsPage");
-const AccountHelpPage_1 = require("../../../pages/account/Help/AccountHelpPage");
+const AccountOutlet_1 = require("./AccountOutlet");
+const AccountHomePage_1 = require("./AccountHome/AccountHomePage");
+const AccountReservationsPage_1 = require("./Reservations/AccountReservationsPage");
+const AccountReservationSinglePage_1 = require("./Reservations/AccountReservationSinglePage");
+const AccountReservationMultiplePage_1 = require("./Reservations/AccountReservationMultiplePage");
+const AccountReservationCancelledPage_1 = require("./Reservations/AccountReservationCancelledPage");
+const AccountDetailsProfilePage_1 = require("./Details/AccountDetailsProfilePage");
+const AccountDetailsCardsPage_1 = require("./Details/AccountDetailsCardsPage");
+const AccountHelpPage_1 = require("./Help/AccountHelpPage");
 const AccountRoutes_1 = require("./AccountRoutes");
 const PrivateRoute_1 = require("../../containers/PrivateRoute");
 const AccountRouter = () => {

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

@@ -39,18 +39,18 @@ exports.AccountDetailsCardsPage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const AccountDetailsCardsPage_module_scss_1 = __importDefault(require("./AccountDetailsCardsPage.module.scss"));
-const CardList_1 = require("../../../../components/pages/Account/Card/CardList");
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
-const PaymentCardInput_1 = require("../../../../components/generic/PaymentCard/PaymentCardInput");
-const contexts_1 = require("../../../../contexts/index.js");
-const MembersServiceAPI_1 = require("../../../../api/members-service/MembersServiceAPI");
-const Fade_1 = __importDefault(require("animations/Fade"));
-const AccountDetailsNoCardsPage_1 = require("../../../../pages/account/Details/AccountDetailsNoCardsPage");
-const LargeLoader_1 = __importDefault(require("../../../../components/generic/loader/LargeLoader"));
+const CardList_1 = require("../../../components/pages/Account/Card/CardList");
+const Text_1 = __importDefault(require("../../../components/generic/Text"));
+const PaymentCardInput_1 = require("../../../components/generic/PaymentCard/PaymentCardInput");
+const contexts_1 = require("../../../contexts/index.js");
+const MembersServiceAPI_1 = require("../../../api/members-service/MembersServiceAPI");
+const Fade_1 = __importDefault(require("../../../animations/Fade"));
+const AccountDetailsNoCardsPage_1 = require("./AccountDetailsNoCardsPage");
+const LargeLoader_1 = __importDefault(require("../../../components/generic/loader/LargeLoader"));
 const AccountDetailsCardsPage = (ref) => {
     var _a, _b;
     const { roomstayMember, cards: memberCards, updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = (0, react_1.useContext)(contexts_1.RoomstayMemberContext);

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsCardsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\n\nimport styles from './AccountDetailsCardsPage.module.scss';\nimport { CardList } from '@/components/pages/Account/Card/CardList';\nimport Text from '@/components/generic/Text';\nimport { PaymentCardInput } from '@/components/generic/PaymentCard/PaymentCardInput';\nimport { RoomstayMemberContext } from '@frontend/contexts';\nimport { AddMemberCard, DeleteMemberCard, EditMemberCard } from '@/api/members-service/MembersServiceAPI';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport FadeAnimation from 'animations/Fade';\nimport { AccountDetailsNoCardsPage } from '@/pages/account/Details/AccountDetailsNoCardsPage';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards, updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username,\n        }),\n        [roomstayMember]\n    );\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(null);\n    const [isAddingCard, setIsAddingCard] = useState<boolean>(!!roomstayMember?.cards?.length);\n\n    useEffect(() => {\n        if (roomstayMember?.cards?.length) {\n            setIsAddingCard(true);\n        }\n    }, [roomstayMember?.cards?.length]);\n\n    useEffect(() => {\n        // Check if selected card is not there anymore\n        let cardExists = false;\n        if (selectedCard) {\n            for (const newCard of memberCards) {\n                if (newCard.cardId === selectedCard.cardId) {\n                    cardExists = true;\n                    break;\n                }\n            }\n        }\n\n        // Check if user has no cards, set the selected card to be empty in that case.\n        if (memberCards.length === 0) {\n            setSelectedCard(emptyCard);\n            return;\n        }\n\n        if (((!selectedCard || selectedCard?.cardId === emptyCard.cardId) && memberCards.length > 0) || (!cardExists && selectedCard?.cardId !== '')) {\n            if (roomstayMember?.defaultCard) {\n                for (const card of memberCards) {\n                    if (card.cardId === roomstayMember.defaultCard) {\n                        setSelectedCard(memberCards[0]);\n                        return;\n                    }\n                }\n            }\n\n            setSelectedCard(memberCards[0]);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<void> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail(newCard);\n            });\n        } else\n            EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail(res);\n            });\n    };\n\n    const onDeleteClicked = async (card: IRoomstayMemberCards) => {\n        try {\n            await DeleteMemberCard(card);\n\n            await fetchRoomstayMember();\n        } catch (ex) {\n            console.log('Failed deleting card');\n        }\n    };\n\n    const onMarkedAsDefault = async (card: IRoomstayMemberCards) => {\n        await updateMemberDetails({ ...roomstayMember, defaultCard: card?.cardId });\n\n        try {\n        } catch (ex) {}\n    };\n\n    if (loading) return <LargeLoader />;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={'/account/home'}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size={'extra-large'} bold={true}>\n                    Payment Information\n                </Headline>\n            </div>\n            <FadeAnimation open={isAddingCard}>\n                <div className={styles['layout-grid']}>\n                    <div className={styles['card-list']}>\n                        <Text bold className=\"u-marg-bottom\">\n                            Saved Cards\n                        </Text>\n\n                        <CardList onNewCardClicked={onNewCardClicked} value={selectedCard} onChange={(selectedCard) => setSelectedCard(selectedCard)} options={memberCards} />\n                    </div>\n                    <PaymentCardInput card={selectedCard} onSubmit={onCardChangedSubmit} onDeleteClicked={onDeleteClicked} onMarkedAsDefaultClicked={onMarkedAsDefault} />\n                </div>\n            </FadeAnimation>\n            {!isAddingCard && <AccountDetailsNoCardsPage onAddNewCard={() => setIsAddingCard(true)} />}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiE;AACjE,uDAAwC;AACxC,6EAAqD;AACrD,yDAA0D;AAC1D,6EAAqD;AAErD,gHAA2D;AAC3D,uEAAoE;AACpE,qEAA6C;AAC7C,wFAAqF;AACrF,iDAA2D;AAC3D,+EAA0G;AAE1G,6DAA8C;AAC9C,iGAA8F;AAC9F,0FAAkE;AAE3D,MAAM,uBAAuB,GAAG,CAAC,GAAQ,EAAE,EAAE;;IAChD,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC9J,MAAM,SAAS,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CAAC,CAAC;QACH,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,EAAE;QACd,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ;KACrC,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAuB,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,MAAM,CAAA,CAAC,CAAC;IAE3F,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,MAAM,EAAE;YAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;SACzB;IACL,CAAC,EAAE,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,8CAA8C;QAC9C,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,IAAI,YAAY,EAAE;YACd,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;gBAC/B,IAAI,OAAO,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE;oBACxC,UAAU,GAAG,IAAI,CAAC;oBAClB,MAAM;iBACT;aACJ;SACJ;QAED,8EAA8E;QAC9E,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,OAAO;SACV;QAED,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAK,SAAS,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAK,EAAE,CAAC,EAAE;YAC1I,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,EAAE;gBAC7B,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;oBAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,WAAW,EAAE;wBAC5C,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;wBAChC,OAAO;qBACV;iBACJ;aACJ;YAED,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;SACnC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,eAAe,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAO,IAA0B,EAAiB,EAAE;QAC5E,oBAAoB;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,IAAA,iCAAa,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;gBACjC,eAAe,iCAAM,IAAI,GAAK,OAAO,EAAG,CAAC;gBACzC,wBAAwB,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;SACN;;YACG,IAAA,kCAAc,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,wBAAwB,CAAC,GAAG,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;IACX,CAAC,CAAA,CAAC;IAEF,MAAM,eAAe,GAAG,CAAO,IAA0B,EAAE,EAAE;QACzD,IAAI;YACA,MAAM,IAAA,oCAAgB,EAAC,IAAI,CAAC,CAAC;YAE7B,MAAM,mBAAmB,EAAE,CAAC;SAC/B;QAAC,OAAO,EAAE,EAAE;YACT,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;SACvC;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAO,IAA0B,EAAE,EAAE;QAC3D,MAAM,mBAAmB,iCAAM,cAAc,KAAE,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC;QAE5E,IAAI;SACH;QAAC,OAAO,EAAE,EAAE,GAAE;IACnB,CAAC,CAAA,CAAC;IAEF,IAAI,OAAO;QAAE,OAAO,oBAAC,qBAAW,OAAG,CAAC;IAEpC,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,wDAAwD;YACnE,oBAAC,uBAAI,IAAC,EAAE,EAAE,eAAe;gBACrB,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,2BAEpD,CACR,CACL;QACN,6BAAK,SAAS,EAAC,wBAAwB;YACnC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,0BAE9B,CACT;QACN,oBAAC,cAAa,IAAC,IAAI,EAAE,YAAY;YAC7B,6BAAK,SAAS,EAAE,6CAAM,CAAC,aAAa,CAAC;gBACjC,6BAAK,SAAS,EAAE,6CAAM,CAAC,WAAW,CAAC;oBAC/B,oBAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,eAAe,kBAE7B;oBAEP,oBAAC,mBAAQ,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,WAAW,GAAI,CACpJ;gBACN,oBAAC,mCAAgB,IAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE,eAAe,EAAE,eAAe,EAAE,wBAAwB,EAAE,iBAAiB,GAAI,CACpJ,CACM;QACf,CAAC,YAAY,IAAI,oBAAC,qDAAyB,IAAC,YAAY,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,GAAI,CAC3F,CACN,CAAC;AACN,CAAC,CAAC;AA1HW,QAAA,uBAAuB,2BA0HlC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\n\nimport styles from './AccountDetailsCardsPage.module.scss';\nimport { CardList } from '@/components/pages/Account/Card/CardList';\nimport Text from '@/components/generic/Text';\nimport { PaymentCardInput } from '@/components/generic/PaymentCard/PaymentCardInput';\nimport { RoomstayMemberContext } from '@frontend/contexts';\nimport { AddMemberCard, DeleteMemberCard, EditMemberCard } from '@/api/members-service/MembersServiceAPI';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport FadeAnimation from '@/animations/Fade';\nimport { AccountDetailsNoCardsPage } from '@/pages/account/Details/AccountDetailsNoCardsPage';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards, updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username,\n        }),\n        [roomstayMember]\n    );\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(null);\n    const [isAddingCard, setIsAddingCard] = useState<boolean>(!!roomstayMember?.cards?.length);\n\n    useEffect(() => {\n        if (roomstayMember?.cards?.length) {\n            setIsAddingCard(true);\n        }\n    }, [roomstayMember?.cards?.length]);\n\n    useEffect(() => {\n        // Check if selected card is not there anymore\n        let cardExists = false;\n        if (selectedCard) {\n            for (const newCard of memberCards) {\n                if (newCard.cardId === selectedCard.cardId) {\n                    cardExists = true;\n                    break;\n                }\n            }\n        }\n\n        // Check if user has no cards, set the selected card to be empty in that case.\n        if (memberCards.length === 0) {\n            setSelectedCard(emptyCard);\n            return;\n        }\n\n        if (((!selectedCard || selectedCard?.cardId === emptyCard.cardId) && memberCards.length > 0) || (!cardExists && selectedCard?.cardId !== '')) {\n            if (roomstayMember?.defaultCard) {\n                for (const card of memberCards) {\n                    if (card.cardId === roomstayMember.defaultCard) {\n                        setSelectedCard(memberCards[0]);\n                        return;\n                    }\n                }\n            }\n\n            setSelectedCard(memberCards[0]);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<void> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail(newCard);\n            });\n        } else\n            EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail(res);\n            });\n    };\n\n    const onDeleteClicked = async (card: IRoomstayMemberCards) => {\n        try {\n            await DeleteMemberCard(card);\n\n            await fetchRoomstayMember();\n        } catch (ex) {\n            console.log('Failed deleting card');\n        }\n    };\n\n    const onMarkedAsDefault = async (card: IRoomstayMemberCards) => {\n        await updateMemberDetails({ ...roomstayMember, defaultCard: card?.cardId });\n\n        try {\n        } catch (ex) {}\n    };\n\n    if (loading) return <LargeLoader />;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to={'/account/home'}>\n                    <BEButton isText={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size={'extra-large'} bold={true}>\n                    Payment Information\n                </Headline>\n            </div>\n            <FadeAnimation open={isAddingCard}>\n                <div className={styles['layout-grid']}>\n                    <div className={styles['card-list']}>\n                        <Text bold className=\"u-marg-bottom\">\n                            Saved Cards\n                        </Text>\n\n                        <CardList onNewCardClicked={onNewCardClicked} value={selectedCard} onChange={(selectedCard) => setSelectedCard(selectedCard)} options={memberCards} />\n                    </div>\n                    <PaymentCardInput card={selectedCard} onSubmit={onCardChangedSubmit} onDeleteClicked={onDeleteClicked} onMarkedAsDefaultClicked={onMarkedAsDefault} />\n                </div>\n            </FadeAnimation>\n            {!isAddingCard && <AccountDetailsNoCardsPage onAddNewCard={() => setIsAddingCard(true)} />}\n        </>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsNoCardsPage.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BEButtonProps } from '../../../../components/generic/BEButton';
+import { BEButtonProps } from '../../../components/generic/BEButton';
 interface AccountDetailsNoCardsPageProps {
     onAddNewCard?: BEButtonProps['onClick'];
 }

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

@@ -30,12 +30,12 @@ exports.AccountDetailsNoCardsPage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Color_1 = require("../../../../util/Color");
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const contexts_1 = require("../../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Color_1 = require("../../../util/Color");
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const contexts_1 = require("../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const AccountDetailsNoCardsPage = ({ onAddNewCard }) => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Medium;

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

@@ -40,18 +40,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountDetailsProfilePage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const EnhancedPhoneNumberField_1 = __importDefault(require("../../../../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const LineBreak_1 = __importDefault(require("../../../../components/generic/LineBreak"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const TextBox_1 = __importDefault(require("../../../../components/generic/TextBox"));
-const StepConfirmationCountrySelector_1 = __importDefault(require("../../../../components/steps/confirmation/StepConfirmationCountrySelector"));
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("../../../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
+const StepConfirmationCountrySelector_1 = __importDefault(require("../../../components/steps/confirmation/StepConfirmationCountrySelector"));
 const react_hook_form_1 = require("react-hook-form");
 const react_router_dom_1 = require("react-router-dom");
-const Color_1 = require("../../../../util/Color");
-const contexts_1 = require("../../../../contexts/index.js");
+const Color_1 = require("../../../util/Color");
+const contexts_1 = require("../../../contexts/index.js");
 const Validation_1 = require("../../../util/Validation");
 const PasswordBox_1 = require("../../../components/generic/PasswordBox/PasswordBox");
 const AccountRoutes_1 = require("../AccountRoutes");

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

@@ -36,25 +36,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountHelpPage = void 0;
-const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const Alert_1 = __importStar(require("../../../../components/generic/Alert"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const TextArea_1 = __importDefault(require("../../../../components/generic/TextArea"));
-const TextBox_1 = __importDefault(require("../../../../components/generic/TextBox"));
+const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("../../../components/generic/Alert"));
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const TextArea_1 = __importDefault(require("../../../components/generic/TextArea"));
+const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("../../../../util/Color");
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const hooks_1 = require("../../../../hooks/index.js");
+const Color_1 = require("../../../util/Color");
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const hooks_1 = require("../../../hooks/index.js");
 const AccountRoutes_1 = require("../AccountRoutes");
-const EnhancedPhoneNumberField_1 = __importDefault(require("../../../../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("../../../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
 const AccountHelpPage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();

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

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