npm - @roomstay/frontend - Versions diffs - 2.1.2 → 2.1.4 - Mend

@roomstay/frontend 2.1.2 → 2.1.4

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

Files changed (555) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~2DAA4C~~;~~AAC5C~~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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"]}
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"]}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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"]}

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

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

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

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

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

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

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

@@ -27,19 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountReservationPage = void 0;
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const Tab_1 = require("../../../../components/generic/Tabs/Tab");
-const Tabs_1 = __importDefault(require("../../../../components/generic/Tabs/Tabs"));
-const ReservationList_1 = __importDefault(require("../../../../components/reservation/ReservationList"));
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const Tab_1 = require("../../../components/generic/Tabs/Tab");
+const Tabs_1 = __importDefault(require("../../../components/generic/Tabs/Tabs"));
+const ReservationList_1 = __importDefault(require("../../../components/reservation/ReservationList"));
 const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
-const ReservationItem_1 = require("../../../../components/reservation/ReservationItem");
+const ReservationItem_1 = require("../../../components/reservation/ReservationItem");
 const AccountRoutes_1 = require("../AccountRoutes");
-const hooks_1 = require("../../../../hooks/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 const AccountReservationPage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { cancelledBookings, upcomingBookings, pastBookings } = (0, hooks_1.useMember)();

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

@@ -39,30 +39,30 @@ exports.EFindReservationPath = exports.QUERY_PARAM_NAME = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
-const Text_1 = __importStar(require("../../../components/generic/Text"));
-const Color_1 = require("../../../util/Color");
-const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const Headline_1 = __importDefault(require("../../components/generic/Headline"));
+const TextBox_1 = __importDefault(require("../../components/generic/TextBox"));
+const Text_1 = __importStar(require("../../components/generic/Text"));
+const Color_1 = require("../../util/Color");
+const BEButton_1 = __importDefault(require("../../components/generic/BEButton"));
 const react_hook_form_1 = require("react-hook-form");
-const Icon_1 = require("../../../components/generic/Icon/Icon");
-const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
-const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const Alert_1 = __importStar(require("../../../components/generic/Alert"));
+const Icon_1 = require("../../components/generic/Icon/Icon");
+const BookingAPI_1 = __importDefault(require("../../api/BookingAPI"));
+const AutoAutoHeight_1 = __importDefault(require("../../animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("../../components/generic/Alert"));
 const react_router_dom_1 = require("react-router-dom");
-const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
-const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
-const hooks_1 = require("../../../hooks/index.js");
+const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayThemeEngine"));
+const LineBreak_1 = __importDefault(require("../../components/generic/LineBreak"));
+const hooks_1 = require("../../hooks/index.js");
 const Translation_1 = require("translations/Translation");
-const StepManager_1 = __importDefault(require("../../../util/StepManager"));
-const SignInForm_1 = require("../../../components/User/Forms/SignInForm");
-const SignUpForm_1 = require("../../../components/User/Forms/SignUpForm");
-const Fade_1 = __importDefault(require("animations/Fade"));
-const ForgotPasswordForm_1 = require("../../../components/User/Forms/ForgotPasswordForm");
-const events_1 = require("../../../events/index.js");
-const UnauthenticatedUserModal_1 = require("../../../components/generic/modal/SigninModal/UnauthenticatedUserModal");
-const MemberPortalFeature_1 = __importDefault(require("../../../providers/feature/MemberPortalFeature"));
-const Validation_1 = require("../../../util/Validation");
+const StepManager_1 = __importDefault(require("../../util/StepManager"));
+const SignInForm_1 = require("../../components/User/Forms/SignInForm");
+const SignUpForm_1 = require("../../components/User/Forms/SignUpForm");
+const Fade_1 = __importDefault(require("../../animations/Fade"));
+const ForgotPasswordForm_1 = require("../../components/User/Forms/ForgotPasswordForm");
+const events_1 = require("../../events/index.js");
+const UnauthenticatedUserModal_1 = require("../../components/generic/modal/SigninModal/UnauthenticatedUserModal");
+const MemberPortalFeature_1 = __importDefault(require("../../providers/feature/MemberPortalFeature"));
+const Validation_1 = require("../../util/Validation");
 exports.QUERY_PARAM_NAME = 'path';
 var EFindReservationPath;
 (function (EFindReservationPath) {