@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/api/HotelAPI.js

@@ -27,7 +27,7 @@ class HotelAPI extends BaseAPI_1.default {
             if (this.cachedResponses[queryID]) {
                 return this.cachedResponses[queryID];
             }
-            if (this.pendingQueries[queryID]) {
+            if (!!this.pendingQueries[queryID]) {
                 return this.pendingQueries[queryID];
             }
             this.pendingQueries[queryID] = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {

package/dist/src/api/HotelAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelAPI.js","sourceRoot":"/","sources":["src/api/HotelAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,4DAAoC;AAMpC,MAAqB,QAAS,SAAQ,iBAAO;IAA7C;;QACY,oBAAe,GAA+B,EAAE,CAAC;QACjD,mBAAc,GAAwC,EAAE,CAAC;QAEzD,eAAU,GAAG,CAAC,MAAa,EAAE,EAAE;YACnC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEK,cAAS,GAAG,CAAO,IAAc,EAAE,KAAa,EAAqB,EAAE;YAC1E,MAAM,OAAO,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;YAE/B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAEjD,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;aACxC;YAED,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC9B,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;aACvC;YAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,CAAO,OAAO,EAAE,MAAM,EAAE,EAAE;gBACjE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,SAAS,OAAO,aAAa,IAAI,EAAE,EAAE;oBAClF,OAAO,EAAE,MAAM,iBAAO,CAAC,cAAc,EAAE;iBAC1C,CAAC,CAAC;gBACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAEtD,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3C,CAAC,CAAA,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAA,CAAC;QAEF,sBAAsB;QACf,mBAAc,GAAG,CAAO,UAAkB,EAAE,SAAkB,EAA6B,EAAE;YAChG,gEAAgE;YAChE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,SAAS,UAAU,aAAa,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;gBAC3H,OAAO,EAAE,MAAM,iBAAO,CAAC,cAAc,EAAE;aAC1C,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QAChB,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AA1CD,2BA0CC","sourcesContent":["import BaseAPI from '@/api/BaseAPI';\nimport HotelDTO from '@/models/Api/HotelDTO';\nimport { Language } from '@/providers/LanguageProvider';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverrideDTO } from '@/models/Api/HotelOverrideDTO';\n\nexport default class HotelAPI extends BaseAPI {\n    private cachedResponses: { [id: string]: HotelDTO } = {};\n    private pendingQueries: { [id: string]: Promise<HotelDTO> } = {};\n\n    private getQueryID = (params: any[]) => {\n        return params.join('-');\n    };\n\n    public fetchData = async (lang: Language, hotel?: Hotel): Promise<HotelDTO> => {\n        const hotelID = hotel?.hotelID;\n\n        const queryID = this.getQueryID([lang, hotelID]);\n\n        if (this.cachedResponses[queryID]) {\n            return this.cachedResponses[queryID];\n        }\n\n        if (this.pendingQueries[queryID]) {\n            return this.pendingQueries[queryID];\n        }\n\n        this.pendingQueries[queryID] = new Promise(async (resolve, reject) => {\n            const response = await fetch(this.getApiPath() + `hotel/${hotelID}?language=${lang}`, {\n                headers: await BaseAPI.getBaseHeaders(),\n            });\n            this.cachedResponses[queryID] = await response.json();\n\n            resolve(this.cachedResponses[queryID]);\n        });\n\n        return this.pendingQueries[queryID];\n    };\n\n    // TODO: Return typing\n    public fetchOverrides = async (frontendId: string, companyId?: string): Promise<HotelOverrideDTO> => {\n        // TODO: Fetch using hotelID + companyId, rather than frontendId\n        const response = await fetch(this.getApiPath() + `hotel/${frontendId}/overrides${companyId ? `?companyId=${companyId}` : ''}`, {\n            headers: await BaseAPI.getBaseHeaders(),\n        });\n        const json = await response.json();\n        return json;\n    };\n}\n"]}
+{"version":3,"file":"HotelAPI.js","sourceRoot":"/","sources":["src/api/HotelAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,4DAAoC;AAMpC,MAAqB,QAAS,SAAQ,iBAAO;IAA7C;;QACY,oBAAe,GAA+B,EAAE,CAAC;QACjD,mBAAc,GAAwC,EAAE,CAAC;QAEzD,eAAU,GAAG,CAAC,MAAa,EAAE,EAAE;YACnC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEK,cAAS,GAAG,CAAO,IAAc,EAAE,KAAa,EAAqB,EAAE;YAC1E,MAAM,OAAO,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;YAE/B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAEjD,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;aACxC;YAED,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAChC,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;aACvC;YAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,CAAO,OAAO,EAAE,MAAM,EAAE,EAAE;gBACjE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,SAAS,OAAO,aAAa,IAAI,EAAE,EAAE;oBAClF,OAAO,EAAE,MAAM,iBAAO,CAAC,cAAc,EAAE;iBAC1C,CAAC,CAAC;gBACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAEtD,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3C,CAAC,CAAA,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAA,CAAC;QAEF,sBAAsB;QACf,mBAAc,GAAG,CAAO,UAAkB,EAAE,SAAkB,EAA6B,EAAE;YAChG,gEAAgE;YAChE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,SAAS,UAAU,aAAa,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;gBAC3H,OAAO,EAAE,MAAM,iBAAO,CAAC,cAAc,EAAE;aAC1C,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QAChB,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AA1CD,2BA0CC","sourcesContent":["import BaseAPI from '@/api/BaseAPI';\nimport HotelDTO from '@/models/Api/HotelDTO';\nimport { Language } from '@/providers/LanguageProvider';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverrideDTO } from '@/models/Api/HotelOverrideDTO';\n\nexport default class HotelAPI extends BaseAPI {\n    private cachedResponses: { [id: string]: HotelDTO } = {};\n    private pendingQueries: { [id: string]: Promise<HotelDTO> } = {};\n\n    private getQueryID = (params: any[]) => {\n        return params.join('-');\n    };\n\n    public fetchData = async (lang: Language, hotel?: Hotel): Promise<HotelDTO> => {\n        const hotelID = hotel?.hotelID;\n\n        const queryID = this.getQueryID([lang, hotelID]);\n\n        if (this.cachedResponses[queryID]) {\n            return this.cachedResponses[queryID];\n        }\n\n        if (!!this.pendingQueries[queryID]) {\n            return this.pendingQueries[queryID];\n        }\n\n        this.pendingQueries[queryID] = new Promise(async (resolve, reject) => {\n            const response = await fetch(this.getApiPath() + `hotel/${hotelID}?language=${lang}`, {\n                headers: await BaseAPI.getBaseHeaders(),\n            });\n            this.cachedResponses[queryID] = await response.json();\n\n            resolve(this.cachedResponses[queryID]);\n        });\n\n        return this.pendingQueries[queryID];\n    };\n\n    // TODO: Return typing\n    public fetchOverrides = async (frontendId: string, companyId?: string): Promise<HotelOverrideDTO> => {\n        // TODO: Fetch using hotelID + companyId, rather than frontendId\n        const response = await fetch(this.getApiPath() + `hotel/${frontendId}/overrides${companyId ? `?companyId=${companyId}` : ''}`, {\n            headers: await BaseAPI.getBaseHeaders(),\n        });\n        const json = await response.json();\n        return json;\n    };\n}\n"]}

package/dist/src/api/ReservationAPI.d.ts

@@ -16,7 +16,7 @@ export interface IPayment {
 }
 export default class ReservationAPI extends BaseAPI {
     private storedReservations;
-    bookNow: (basketRows: BasketRow[], userProfiles: UserProfile[], payment: IBookingPayment, addonRows: BasketAddonRow[], comments: string, hotelId: string, specialReq?: string) => Promise<ReservationsDTO>;
+    bookNow: (basketRows: BasketRow[], userProfiles: UserProfile[], payment: IBookingPayment, addonRows: BasketAddonRow[], comments: string, hotelId: string, specialReq?: string | undefined) => Promise<ReservationsDTO>;
     commit: (reservations: string[], itineraryId: string, hotelId: string, planpayCheckoutId?: string) => Promise<ReservationsDTO>;
     rollback: (reservations: string[], itineraryId: string, hotelId: string) => Promise<boolean>;
     cancelReservation: (id: string, email: string, hotelId: string) => Promise<boolean>;

package/dist/src/api/ReservationAPI.js

@@ -46,9 +46,10 @@ class ReservationAPI extends BaseAPI_1.default {
         this.bookNow = (basketRows, userProfiles, payment, addonRows, comments, hotelId, specialReq = undefined) => __awaiter(this, void 0, void 0, function* () {
             const rooms = [];
             basketRows.forEach((row) => {
+                var _a;
                 const room = {
                     RoomType: row.getRoom().code,
-                    RatePlan: row.getRate().code,
+                    RatePlan: (_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.code,
                     PromoCode: row.getPromoCode(),
                     Adults: row.getAdults(),
                     Children: row.getChildren(),

package/dist/src/api/ReservationAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReservationAPI.js","sourceRoot":"/","sources":["src/api/ReservationAPI.ts"],"names":[],"mappings":"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","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\nimport BasketRow from '@/models/BasketRow';\nimport UserProfile from '@/models/UserProfile';\nimport PaymentCard from '@/models/PaymentCard';\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { IBookingPayment } from '@roomstay/core';\n\nexport enum EPaymentMethod {\n    PLANPAY = 'Planpay',\n    CARD = 'Card',\n}\nexport interface IPayment {\n    Type: EPaymentMethod;\n    PlanpayCheckoutId?: string;\n    PaymentCard?: PaymentCard;\n}\n\nexport default class ReservationAPI extends BaseAPI {\n    private storedReservations: { [ref: string]: any } = {};\n\n    public bookNow = async (\n        basketRows: BasketRow[],\n        userProfiles: UserProfile[],\n        payment: IBookingPayment,\n        addonRows: BasketAddonRow[],\n        comments: string,\n        hotelId: string,\n        specialReq: string = undefined\n    ): Promise<ReservationsDTO> => {\n        const rooms: any[] = [];\n\n        basketRows.forEach((row) => {\n            const room = {\n                RoomType: row.getRoom().code,\n                RatePlan: row.getRate().code,\n                PromoCode: row.getPromoCode(),\n                Adults: row.getAdults(),\n                Children: row.getChildren(),\n                CheckInDate: row.getStartDate().format('YYYY-MM-DD'),\n                CheckOutDate: row.getEndDate().format('YYYY-MM-DD'),\n            };\n\n            rooms.push(room);\n        });\n\n        const addons = addonRows.map((row) => {\n            const addon = row.getAddon();\n            const priceInfo = addon.availability[row.getSelectedDate()];\n\n            const response: any = {\n                Code: addon.code,\n                StartDate: row.getSelectedDate(),\n            };\n            if (addon?.ratePlanCode) {\n                response.RatePlanCode = row.getAddon().ratePlanCode;\n            }\n            if (row.getSelectedTime()) {\n                response.StartTime = row.getSelectedTime();\n            }\n\n            if (priceInfo.price) {\n                response.Quantity = row.getQuantity();\n            }\n            if (priceInfo.adultPrice) {\n                response.Adults = row.getAdultQuantity();\n            }\n            if (priceInfo.childPrice) {\n                response.Children = row.getChildQuantity();\n            }\n\n            if (addon.pricingType) {\n                response.PricingType = addon.pricingType;\n            }\n\n            return response;\n        });\n\n        return this.post(\n            APIEndpoint.Reservations,\n            {\n                Rooms: rooms,\n                Services: addons,\n                SpecialRequest: specialReq,\n                Comments: comments,\n                Profiles: userProfiles,\n                Payment: payment,\n            },\n            hotelId\n        );\n    };\n\n    public commit = async (reservations: string[], itineraryId: string, hotelId: string, planpayCheckoutId?: string): Promise<ReservationsDTO> => {\n        return this.post(\n            APIEndpoint.Reservations,\n            {\n                itineraryId: itineraryId,\n                reservationIds: reservations,\n                planpayCheckoutId,\n            },\n            hotelId,\n            {},\n            'commit'\n        );\n    };\n\n    public rollback = async (reservations: string[], itineraryId: string, hotelId: string): Promise<boolean> => {\n        await this.post(\n            APIEndpoint.Reservations,\n            {\n                itineraryId: itineraryId,\n                reservationIds: reservations,\n            },\n            hotelId,\n            {},\n            'rollback'\n        );\n\n        return true;\n    };\n\n    public cancelReservation = (id: string, email: string, hotelId: string): Promise<boolean> =>\n        new Promise(async (resolve, reject) => {\n            try {\n                const response = await this.delete(APIEndpoint.Reservations, {}, hotelId, { email: encodeURIComponent(email) }, id);\n\n                this.storedReservations[id]?.reservations?.forEach((reservation: ReservationDTO) => {\n                    if (reservation.reservationNumber === id) {\n                        reservation.status = 'Cancelled';\n                    }\n                });\n\n                resolve(response);\n            } catch (ex) {\n                reject(ex);\n            }\n        });\n\n    public findReservation = (id: string, email: string, hotelId: string): Promise<ReservationsDTO> =>\n        new Promise(async (resolve, reject) => {\n            /*\n            resolve with locally cached data, so we don't have to re-query this again\n        */\n            if (this.storedReservations[id]) {\n                return resolve(this.storedReservations[id]);\n            }\n\n            try {\n                const response = await this.get(APIEndpoint.Reservations, { email: encodeURIComponent(email) }, id, hotelId);\n\n                this.storedReservations[id] = response;\n\n                resolve(response);\n            } catch (ex) {\n                reject(ex);\n            }\n        });\n}\n"]}
+{"version":3,"file":"ReservationAPI.js","sourceRoot":"/","sources":["src/api/ReservationAPI.ts"],"names":[],"mappings":"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","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\nimport BasketRow from '@/models/BasketRow';\nimport UserProfile from '@/models/UserProfile';\nimport PaymentCard from '@/models/PaymentCard';\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { IBookingPayment } from '@roomstay/core';\n\nexport enum EPaymentMethod {\n    PLANPAY = 'Planpay',\n    CARD = 'Card',\n}\nexport interface IPayment {\n    Type: EPaymentMethod;\n    PlanpayCheckoutId?: string;\n    PaymentCard?: PaymentCard;\n}\n\nexport default class ReservationAPI extends BaseAPI {\n    private storedReservations: { [ref: string]: any } = {};\n\n    public bookNow = async (\n        basketRows: BasketRow[],\n        userProfiles: UserProfile[],\n        payment: IBookingPayment,\n        addonRows: BasketAddonRow[],\n        comments: string,\n        hotelId: string,\n        specialReq: string | undefined = undefined\n    ): Promise<ReservationsDTO> => {\n        const rooms: any[] = [];\n\n        basketRows.forEach((row) => {\n            const room = {\n                RoomType: row.getRoom().code,\n                RatePlan: row.getRate()?.code,\n                PromoCode: row.getPromoCode(),\n                Adults: row.getAdults(),\n                Children: row.getChildren(),\n                CheckInDate: row.getStartDate().format('YYYY-MM-DD'),\n                CheckOutDate: row.getEndDate().format('YYYY-MM-DD'),\n            };\n\n            rooms.push(room);\n        });\n\n        const addons = addonRows.map((row) => {\n            const addon = row.getAddon();\n            const priceInfo = addon.availability[row.getSelectedDate()];\n\n            const response: any = {\n                Code: addon.code,\n                StartDate: row.getSelectedDate(),\n            };\n            if (addon?.ratePlanCode) {\n                response.RatePlanCode = row.getAddon().ratePlanCode;\n            }\n            if (row.getSelectedTime()) {\n                response.StartTime = row.getSelectedTime();\n            }\n\n            if (priceInfo.price) {\n                response.Quantity = row.getQuantity();\n            }\n            if (priceInfo.adultPrice) {\n                response.Adults = row.getAdultQuantity();\n            }\n            if (priceInfo.childPrice) {\n                response.Children = row.getChildQuantity();\n            }\n\n            if (addon.pricingType) {\n                response.PricingType = addon.pricingType;\n            }\n\n            return response;\n        });\n\n        return this.post(\n            APIEndpoint.Reservations,\n            {\n                Rooms: rooms,\n                Services: addons,\n                SpecialRequest: specialReq,\n                Comments: comments,\n                Profiles: userProfiles,\n                Payment: payment,\n            },\n            hotelId\n        );\n    };\n\n    public commit = async (reservations: string[], itineraryId: string, hotelId: string, planpayCheckoutId?: string): Promise<ReservationsDTO> => {\n        return this.post(\n            APIEndpoint.Reservations,\n            {\n                itineraryId: itineraryId,\n                reservationIds: reservations,\n                planpayCheckoutId,\n            },\n            hotelId,\n            {},\n            'commit'\n        );\n    };\n\n    public rollback = async (reservations: string[], itineraryId: string, hotelId: string): Promise<boolean> => {\n        await this.post(\n            APIEndpoint.Reservations,\n            {\n                itineraryId: itineraryId,\n                reservationIds: reservations,\n            },\n            hotelId,\n            {},\n            'rollback'\n        );\n\n        return true;\n    };\n\n    public cancelReservation = (id: string, email: string, hotelId: string): Promise<boolean> =>\n        new Promise(async (resolve, reject) => {\n            try {\n                const response = await this.delete(APIEndpoint.Reservations, {}, hotelId, { email: encodeURIComponent(email) }, id);\n\n                this.storedReservations[id]?.reservations?.forEach((reservation: ReservationDTO) => {\n                    if (reservation.reservationNumber === id) {\n                        reservation.status = 'Cancelled';\n                    }\n                });\n\n                resolve(response);\n            } catch (ex) {\n                reject(ex);\n            }\n        });\n\n    public findReservation = (id: string, email: string, hotelId: string): Promise<ReservationsDTO> =>\n        new Promise(async (resolve, reject) => {\n            /*\n            resolve with locally cached data, so we don't have to re-query this again\n        */\n            if (this.storedReservations[id]) {\n                return resolve(this.storedReservations[id]);\n            }\n\n            try {\n                const response = await this.get(APIEndpoint.Reservations, { email: encodeURIComponent(email) }, id, hotelId);\n\n                this.storedReservations[id] = response;\n\n                resolve(response);\n            } catch (ex) {\n                reject(ex);\n            }\n        });\n}\n"]}

package/dist/src/api/SessionAPI.d.ts

@@ -1,4 +1,4 @@
 import BaseAPI from './BaseAPI';
 export default class SessionAPI extends BaseAPI {
-    startSession: () => Promise<void>;
+    startSession: (hotelId: string) => Promise<void>;
 }

package/dist/src/api/SessionAPI.js

@@ -36,8 +36,8 @@ const BaseAPI_1 = __importStar(require("./BaseAPI"));
 class SessionAPI extends BaseAPI_1.default {
     constructor() {
         super(...arguments);
-        this.startSession = () => __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.post(BaseAPI_1.APIEndpoint.Session, {});
+        this.startSession = (hotelId) => __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.post(BaseAPI_1.APIEndpoint.Session, {}, hotelId);
             BaseAPI_1.default.roomstaySession = response === null || response === void 0 ? void 0 : response.roomstaySession;
         });
     }

package/dist/src/api/SessionAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionAPI.js","sourceRoot":"/","sources":["src/api/SessionAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAqD;AAErD,MAAqB,UAAW,SAAQ,iBAAO;IAA/C;;QACW,iBAAY,GAAG,GAAS,EAAE;YAC7B,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAE1D,iBAAO,CAAC,eAAe,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC;QACxD,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AAND,6BAMC","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\n\nexport default class SessionAPI extends BaseAPI {\n    public startSession = async () => {\n        const response = await this.post(APIEndpoint.Session, {});\n\n        BaseAPI.roomstaySession = response?.roomstaySession;\n    };\n}\n"]}
+{"version":3,"file":"SessionAPI.js","sourceRoot":"/","sources":["src/api/SessionAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAqD;AAErD,MAAqB,UAAW,SAAQ,iBAAO;IAA/C;;QACW,iBAAY,GAAG,CAAO,OAAe,EAAE,EAAE;YAC5C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAW,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;YAEnE,iBAAO,CAAC,eAAe,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC;QACxD,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AAND,6BAMC","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\n\nexport default class SessionAPI extends BaseAPI {\n    public startSession = async (hotelId: string) => {\n        const response = await this.post(APIEndpoint.Session, {}, hotelId);\n\n        BaseAPI.roomstaySession = response?.roomstaySession;\n    };\n}\n"]}

package/dist/src/components/User/Forms/ForgotPasswordForm.js

@@ -36,8 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForgotPasswordForm = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Color_1 = require("../../../util/Color");
@@ -52,11 +51,11 @@ const Validation_1 = require("../../../util/Validation");
 const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
 const LabelAndInputGroup = (props) => {
     const { label, component, error } = props;
-    return (React.createElement("div", { className: "u-marg-bottom--light" },
-        React.createElement("div", { className: "u-marg-bottom--light" },
-            React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, label)),
+    return (react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, label)),
         component,
-        !!error && (React.createElement("p", { className: "text-small", style: { color: '#ED4362' } }, error.message))));
+        !!error && (react_1.default.createElement("p", { className: "text-small", style: { color: '#ED4362' } }, error.message))));
 };
 const ForgotPasswordForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -74,9 +73,6 @@ const ForgotPasswordForm = (props) => {
                 return 'success';
             }
         }
-        else {
-            return null;
-        }
     };
     const forgotPasswordStates = [contexts_1.CognitoLoginState.ForgotPassword, contexts_1.CognitoLoginState.CodeMismatch];
     const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState);
@@ -102,33 +98,33 @@ const ForgotPasswordForm = (props) => {
         reset();
         (_a = props.onCancelled) === null || _a === void 0 ? void 0 : _a.call(props);
     };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.ForgotPassword.Title)),
-            areResettingPassword && (React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success }, t(Translation_1.Translation.Navigation.ForgotPassword.CodeSent)))),
-        React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
-            React.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Email.Label), error: formState.errors.email, component: React.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder), required: true, validationStatus: getValidationClass('email'), inputProps: { disabled: areResettingPassword } }, register('email', {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.ForgotPassword.Title)),
+            areResettingPassword && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success }, t(Translation_1.Translation.Navigation.ForgotPassword.CodeSent)))),
+        react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+            react_1.default.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Email.Label), error: formState.errors.email, component: react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder), required: true, validationStatus: getValidationClass('email'), inputProps: { disabled: areResettingPassword } }, register('email', {
                     required: true,
                     pattern: Validation_1.emailPatternRule,
                 }))) }),
-            React.createElement(AutoAutoHeight_1.default, { open: areResettingPassword },
-                React.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Code.Label), error: formState.errors.code, component: React.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder), validationStatus: getValidationClass('code') }, register('code', {
+            react_1.default.createElement(AutoAutoHeight_1.default, { open: areResettingPassword },
+                react_1.default.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Code.Label), error: formState.errors.code, component: react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder), validationStatus: getValidationClass('code') }, register('code', {
                         required: (0, Validation_1.makeRequiredRule)(areResettingPassword),
                     }))) }),
-                React.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Password.Label), error: formState.errors.password, component: React.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder), validationStatus: getValidationClass('password') }, register('password', {
+                react_1.default.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Password.Label), error: formState.errors.password, component: react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder), validationStatus: getValidationClass('password') }, register('password', {
                         required: (0, Validation_1.makeRequiredRule)(areResettingPassword),
                         pattern: Validation_1.passwordPatternRule,
                     }))) }),
-                React.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label), error: formState.errors.confirmPassword, component: React.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder), validationStatus: getValidationClass('confirmPassword') }, register('confirmPassword', {
+                react_1.default.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label), error: formState.errors.confirmPassword, component: react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder), validationStatus: getValidationClass('confirmPassword') }, register('confirmPassword', {
                         required: (0, Validation_1.makeRequiredRule)(areResettingPassword),
                         validate: {
                             isSame: (0, Validation_1.isPassWordMatch)(watch('password')),
                         },
                     }))) })),
-            React.createElement("div", { className: "u-marg-top" },
-                React.createElement(BEButton_1.default, { primary: true, filled: true, wide: true, htmlType: "submit", isLoading: cognitoLoading }, t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label))),
-            React.createElement("div", { className: "u-marg-top u-align-center" },
-                React.createElement(BEButton_1.default, { isText: true, onClick: onCancelPressed, size: 'small' }, t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label))))));
+            react_1.default.createElement("div", { className: "u-marg-top" },
+                react_1.default.createElement(BEButton_1.default, { primary: true, filled: true, wide: true, htmlType: "submit", isLoading: cognitoLoading }, t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label))),
+            react_1.default.createElement("div", { className: "u-marg-top u-align-center" },
+                react_1.default.createElement(BEButton_1.default, { isText: true, onClick: onCancelPressed, size: "small" }, t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label))))));
 };
 exports.ForgotPasswordForm = ForgotPasswordForm;
 //# sourceMappingURL=ForgotPasswordForm.js.map

package/dist/src/components/User/Forms/ForgotPasswordForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from '@/components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n    const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\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    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        if (areResettingPassword) {\n            const state = await resetPassword(values.email, values.code, values.password);\n            if (state === CognitoLoginState.CodeMismatch)\n                setError('code', {\n                    message: 'Invalid verification code provided, please try again.',\n                });\n        } else {\n            const state = await forgotPassword(values.email);\n            if (state === CognitoLoginState.UserNotFound)\n                setError('email', {\n                    message: 'User could not be found',\n                });\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required={true}\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword }}\n                            {...register('email', {\n                                required: true,\n                                pattern: emailPatternRule,\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                {...register('code', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    pattern: passwordPatternRule,\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    validate: {\n                                        isSame: isPassWordMatch(watch('password')),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary={true} filled={true} wide={true} htmlType=\"submit\" isLoading={cognitoLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText={true} onClick={onCancelPressed} size={'small'}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from '@/components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n    const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState as CognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        if (areResettingPassword) {\n            const state = await resetPassword(values.email, values.code, values.password);\n            if (state === CognitoLoginState.CodeMismatch)\n                setError('code', {\n                    message: 'Invalid verification code provided, please try again.',\n                });\n        } else {\n            const state = await forgotPassword(values.email);\n            if (state === CognitoLoginState.UserNotFound)\n                setError('email', {\n                    message: 'User could not be found',\n                });\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword }}\n                            {...register('email', {\n                                required: true,\n                                pattern: emailPatternRule,\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                {...register('code', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    pattern: passwordPatternRule,\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    validate: {\n                                        isSame: isPassWordMatch(watch('password')),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText onClick={onCancelPressed} size=\"small\">\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}

package/dist/src/components/User/Forms/SignInForm.js

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignInForm = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
-const react_1 = require("react");
+const react_2 = require("react");
 const Translation_1 = require("translations/Translation");
 const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const contexts_1 = require("../../../contexts/index.js");
@@ -44,10 +44,10 @@ const BEButton_1 = __importDefault(require("../../generic/BEButton"));
 const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
 const SignInForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
+    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = (0, react_2.useContext)(contexts_1.AuthenticationContext);
     // TODO: Handle outlying cases
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [apiErrorMessages, setApiErrorMessages] = (0, react_1.useState)('');
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    const [apiErrorMessages, setApiErrorMessages] = (0, react_2.useState)('');
     const { register, formState, handleSubmit, clearErrors } = (0, react_hook_form_1.useForm)({
         mode: 'onSubmit',
     });
@@ -61,9 +61,6 @@ const SignInForm = (props) => {
                 return 'success';
             }
         }
-        else {
-            return null;
-        }
     };
     const onSubmit = (values) => {
         clearErrors();
@@ -79,61 +76,62 @@ const SignInForm = (props) => {
         var _a;
         (_a = props.onForgotPassword) === null || _a === void 0 ? void 0 : _a.call(props);
     };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.SignIn.SignIn)),
-            React.createElement(Text_1.default, { color: Color_1.Color.Navy, bold: false, type: Text_1.TextType.Body }, t(Translation_1.Translation.Navigation.SignIn.GetLowerPrices))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!error },
-            React.createElement("div", { className: "u-flex" },
-                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, error === null || error === void 0 ? void 0 : error.message)))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
-            React.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
-                return (React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, formState.errors[errorName].message)));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.SignIn.SignIn)),
+            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Navy, bold: false, type: Text_1.TextType.Body }, t(Translation_1.Translation.Navigation.SignIn.GetLowerPrices))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!error },
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, error === null || error === void 0 ? void 0 : error.message)))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
+            react_1.default.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
+                var _a;
+                return (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, (_a = formState.errors[errorName]) === null || _a === void 0 ? void 0 : _a.message)));
             }))),
-        React.createElement("form", { onSubmit: handleSubmit(onSubmit, onInvalid), className: "u-marg-bottom" },
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
-                React.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('email') }, register('email', {
+        react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit, onInvalid), className: "u-marg-bottom" },
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
+                react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('email') }, register('email', {
                     required: { message: `${t(Translation_1.Translation.Navigation.SignIn.EmailAddress)} is required`, value: true },
                     pattern: {
                         value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
                         message: t(Translation_1.Translation.FindReservation.InvalidEmailAddress),
                     },
                 })))),
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.Password))),
-                React.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", required: true, validationStatus: getValidationClass('password') }, register('password', {
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.Password))),
+                react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", required: true, validationStatus: getValidationClass('password') }, register('password', {
                     required: { message: 'Password is required', value: true },
                     minLength: { message: 'Password must be at least 8 characters long', value: 8 },
                 }))),
-                React.createElement("div", { className: "u-marg-top--light" },
-                    React.createElement(BEButton_1.default, { isText: true, size: "tiny", textColor: Color_1.Color.Navy, onClick: onForgotPasswordClicked }, t(Translation_1.Translation.Navigation.SignIn.ForgotPassword)))),
-            React.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignInButton", htmlType: "submit", isLoading: loading }, t(Translation_1.Translation.Navigation.SignIn.SignIn))),
+                react_1.default.createElement("div", { className: "u-marg-top--light" },
+                    react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", textColor: Color_1.Color.Navy, onClick: onForgotPasswordClicked }, t(Translation_1.Translation.Navigation.SignIn.ForgotPassword)))),
+            react_1.default.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignInButton", htmlType: "submit", isLoading: loading }, t(Translation_1.Translation.Navigation.SignIn.SignIn))),
         false && ( // TODO: We do not currently support social singin
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "u-align-center" }, t(Translation_1.Translation.Navigation.SignIn.Or)),
-            React.createElement("div", { className: "u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy" },
-                React.createElement(BEButton_1.default, { isText: true, className: "u-marg-right" },
-                    React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                        React.createElement("path", { d: "M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z", fill: "#1D1D1D" }),
-                        React.createElement("path", { d: "M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z", fill: "#1D1D1D" }))),
-                React.createElement(BEButton_1.default, { isText: true, className: "u-marg-right" },
-                    React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                        React.createElement("path", { d: "M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z", fill: "#1877F2" }))),
-                React.createElement(BEButton_1.default, { isText: true },
-                    React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                        React.createElement("g", { clipPath: "url(#clip0_13480_12531)" },
-                            React.createElement("path", { d: "M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z", fill: "#FBBB00" }),
-                            React.createElement("path", { d: "M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z", fill: "#518EF8" }),
-                            React.createElement("path", { d: "M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z", fill: "#28B446" }),
-                            React.createElement("path", { d: "M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z", fill: "#F14336" })),
-                        React.createElement("defs", null,
-                            React.createElement("clipPath", { id: "clip0_13480_12531" },
-                                React.createElement("rect", { width: "24", height: "24", fill: "white" }))))))))));
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "u-align-center" }, t(Translation_1.Translation.Navigation.SignIn.Or)),
+            react_1.default.createElement("div", { className: "u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy" },
+                react_1.default.createElement(BEButton_1.default, { isText: true, className: "u-marg-right" },
+                    react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        react_1.default.createElement("path", { d: "M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z", fill: "#1D1D1D" }),
+                        react_1.default.createElement("path", { d: "M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z", fill: "#1D1D1D" }))),
+                react_1.default.createElement(BEButton_1.default, { isText: true, className: "u-marg-right" },
+                    react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        react_1.default.createElement("path", { d: "M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z", fill: "#1877F2" }))),
+                react_1.default.createElement(BEButton_1.default, { isText: true },
+                    react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        react_1.default.createElement("g", { clipPath: "url(#clip0_13480_12531)" },
+                            react_1.default.createElement("path", { d: "M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z", fill: "#FBBB00" }),
+                            react_1.default.createElement("path", { d: "M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z", fill: "#518EF8" }),
+                            react_1.default.createElement("path", { d: "M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z", fill: "#28B446" }),
+                            react_1.default.createElement("path", { d: "M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z", fill: "#F14336" })),
+                        react_1.default.createElement("defs", null,
+                            react_1.default.createElement("clipPath", { id: "clip0_13480_12531" },
+                                react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" }))))))))));
 };
 exports.SignInForm = SignInForm;
 //# sourceMappingURL=SignInForm.js.map

package/dist/src/components/User/Forms/SignInForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { AuthenticationContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox from '@/components/generic/TextBox';\nimport BEButton from '@/components/generic/BEButton';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\n\ntype SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\nexport const SignInForm = (props: SignInFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = useContext(AuthenticationContext);\n    // TODO: Handle outlying cases\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit, clearErrors } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        clearErrors();\n        reset();\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        login(values.email, values.password);\n    };\n\n    const onInvalid = () => {\n        reset();\n    };\n\n    const onForgotPasswordClicked = () => {\n        props.onForgotPassword?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </Headline>\n                <Text color={Color.Navy} bold={false} type={TextType.Body}>\n                    {t(Translation.Navigation.SignIn.GetLowerPrices)}\n                </Text>\n            </div>\n            <AutoAutoHeight open={!!error}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{error?.message}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\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            <form onSubmit={handleSubmit(onSubmit, onInvalid)} className=\"u-marg-bottom\">\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: { message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`, value: true },\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                            {t(Translation.Navigation.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        placeholder=\"•••••••••••••••\"\n                        required={true}\n                        validationStatus={getValidationClass('password')}\n                        {...register('password', {\n                            required: { message: 'Password is required', value: true },\n                            minLength: { message: 'Password must be at least 8 characters long', value: 8 },\n                        })}\n                    />\n                    <div className=\"u-marg-top--light\">\n                        <BEButton isText size=\"tiny\" textColor={Color.Navy} onClick={onForgotPasswordClicked}>\n                            {t(Translation.Navigation.SignIn.ForgotPassword)}\n                        </BEButton>\n                    </div>\n                </div>\n                <BEButton wide={true} icon={IconType.ArrowRight} iconPosition=\"right\" filled primary name=\"SignInButton\" htmlType=\"submit\" isLoading={loading}>\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </BEButton>\n            </form>\n            {false && ( // TODO: We do not currently support social singin\n                <>\n                    <div className=\"u-align-center\">{t(Translation.Navigation.SignIn.Or)}</div>\n                    <div className=\"u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy\">\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z\"\n                                    fill=\"#1D1D1D\"\n                                />\n                                <path d=\"M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z\" fill=\"#1D1D1D\" />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z\"\n                                    fill=\"#1877F2\"\n                                />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <g clipPath=\"url(#clip0_13480_12531)\">\n                                    <path\n                                        d=\"M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z\"\n                                        fill=\"#FBBB00\"\n                                    />\n                                    <path\n                                        d=\"M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z\"\n                                        fill=\"#518EF8\"\n                                    />\n                                    <path\n                                        d=\"M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z\"\n                                        fill=\"#28B446\"\n                                    />\n                                    <path\n                                        d=\"M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z\"\n                                        fill=\"#F14336\"\n                                    />\n                                </g>\n                                <defs>\n                                    <clipPath id=\"clip0_13480_12531\">\n                                        <rect width=\"24\" height=\"24\" fill=\"white\" />\n                                    </clipPath>\n                                </defs>\n                            </svg>\n                        </BEButton>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SignInForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { AuthenticationContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox from '@/components/generic/TextBox';\nimport BEButton from '@/components/generic/BEButton';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\n\ntype SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\nexport const SignInForm = (props: SignInFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = useContext(AuthenticationContext);\n    // TODO: Handle outlying cases\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit, clearErrors } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        clearErrors();\n        reset();\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        login(values.email, values.password);\n    };\n\n    const onInvalid = () => {\n        reset();\n    };\n\n    const onForgotPasswordClicked = () => {\n        props.onForgotPassword?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </Headline>\n                <Text color={Color.Navy} bold={false} type={TextType.Body}>\n                    {t(Translation.Navigation.SignIn.GetLowerPrices)}\n                </Text>\n            </div>\n            <AutoAutoHeight open={!!error}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{error?.message}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\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            <form onSubmit={handleSubmit(onSubmit, onInvalid)} className=\"u-marg-bottom\">\n                <div className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text type={TextType.Label} color={Color.Navy} bold>\n                            {t(Translation.Navigation.SignIn.EmailAddress)}\n                        </Text>\n                    </div>\n                    <TextBox\n                        placeholder=\"example@mail.com\"\n                        required\n                        validationStatus={getValidationClass('email')}\n                        {...register('email', {\n                            required: { message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`, value: true },\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                            {t(Translation.Navigation.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        placeholder=\"•••••••••••••••\"\n                        required\n                        validationStatus={getValidationClass('password')}\n                        {...register('password', {\n                            required: { message: 'Password is required', value: true },\n                            minLength: { message: 'Password must be at least 8 characters long', value: 8 },\n                        })}\n                    />\n                    <div className=\"u-marg-top--light\">\n                        <BEButton isText size=\"tiny\" textColor={Color.Navy} onClick={onForgotPasswordClicked}>\n                            {t(Translation.Navigation.SignIn.ForgotPassword)}\n                        </BEButton>\n                    </div>\n                </div>\n                <BEButton wide icon={IconType.ArrowRight} iconPosition=\"right\" filled primary name=\"SignInButton\" htmlType=\"submit\" isLoading={loading}>\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </BEButton>\n            </form>\n            {false && ( // TODO: We do not currently support social singin\n                <>\n                    <div className=\"u-align-center\">{t(Translation.Navigation.SignIn.Or)}</div>\n                    <div className=\"u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy\">\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z\"\n                                    fill=\"#1D1D1D\"\n                                />\n                                <path d=\"M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z\" fill=\"#1D1D1D\" />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z\"\n                                    fill=\"#1877F2\"\n                                />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <g clipPath=\"url(#clip0_13480_12531)\">\n                                    <path\n                                        d=\"M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z\"\n                                        fill=\"#FBBB00\"\n                                    />\n                                    <path\n                                        d=\"M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z\"\n                                        fill=\"#518EF8\"\n                                    />\n                                    <path\n                                        d=\"M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z\"\n                                        fill=\"#28B446\"\n                                    />\n                                    <path\n                                        d=\"M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z\"\n                                        fill=\"#F14336\"\n                                    />\n                                </g>\n                                <defs>\n                                    <clipPath id=\"clip0_13480_12531\">\n                                        <rect width=\"24\" height=\"24\" fill=\"white\" />\n                                    </clipPath>\n                                </defs>\n                            </svg>\n                        </BEButton>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n};\n"]}