@roomstay/frontend 2.6.89-2 → 2.6.90

package/dist/src/api/SessionAPI.js

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

package/dist/src/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,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"]}
+{"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/api/TrueRewardsAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrueRewardsAPI.js","sourceRoot":"/","sources":["src/api/TrueRewardsAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,4DAAoC;AAEpC,MAAqB,cAAe,SAAQ,iBAAO;IAAnD;;QACW,iBAAY,GAAG,CAAO,aAAqB,EAAE,OAAe,EAA0B,EAAE;YAC3F,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,OAAO,0BAA0B,aAAa,EAAE,EAAE;gBAC/G,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;aAClD,CAAC,CAAC;YAEH,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE;gBACzB,eAAe;gBACf,OAAO,IAAI,CAAC;aACf;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE;gBACzB,OAAO,IAAI,CAAC,OAAO,CAAC;aACvB;YAED,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,IAAI,CAAC,CAAC;YACjE,MAAM,IAAI,KAAK,CAAC,4BAA4B,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;QAC1F,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AApBD,iCAoBC","sourcesContent":["import BaseAPI from '@/api/BaseAPI';\n\nexport default class TrueRewardsAPI extends BaseAPI {\n    public fetchBalance = async (cardReference: string, hotelId: string): Promise<number | null> => {\n        const response = await fetch(`${this.getApiPath()}true-rewards/${hotelId}/balance?cardReference=${cardReference}`, {\n            headers: { 'Content-Type': 'application/json' },\n        });\n\n        if (response.status === 400) {\n            // Invalid card\n            return null;\n        }\n\n        const data = await response.json();\n\n        if (response.status === 200) {\n            return data.balance;\n        }\n\n        console.error('True Rewards failed to fetch card balance', data);\n        throw new Error(`Failed to fetch balance: ${response.status} ${response.statusText}`);\n    };\n}\n"]}
+{"version":3,"file":"TrueRewardsAPI.js","sourceRoot":"/","sources":["src/api/TrueRewardsAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,4DAAoC;AAEpC,MAAqB,cAAe,SAAQ,iBAAO;IAAnD;;QACW,iBAAY,GAAG,CAAO,aAAqB,EAAE,OAAe,EAA0B,EAAE;YAC3F,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,OAAO,0BAA0B,aAAa,EAAE,EAAE;gBAC/G,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;aAClD,CAAC,CAAC;YAEH,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC1B,eAAe;gBACf,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC1B,OAAO,IAAI,CAAC,OAAO,CAAC;YACxB,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,IAAI,CAAC,CAAC;YACjE,MAAM,IAAI,KAAK,CAAC,4BAA4B,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;QAC1F,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AApBD,iCAoBC","sourcesContent":["import BaseAPI from '@/api/BaseAPI';\n\nexport default class TrueRewardsAPI extends BaseAPI {\n    public fetchBalance = async (cardReference: string, hotelId: string): Promise<number | null> => {\n        const response = await fetch(`${this.getApiPath()}true-rewards/${hotelId}/balance?cardReference=${cardReference}`, {\n            headers: { 'Content-Type': 'application/json' },\n        });\n\n        if (response.status === 400) {\n            // Invalid card\n            return null;\n        }\n\n        const data = await response.json();\n\n        if (response.status === 200) {\n            return data.balance;\n        }\n\n        console.error('True Rewards failed to fetch card balance', data);\n        throw new Error(`Failed to fetch balance: ${response.status} ${response.statusText}`);\n    };\n}\n"]}

package/dist/src/api/events-service/EventsServiceAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsServiceAPI.js","sourceRoot":"/","sources":["src/api/events-service/EventsServiceAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,4DAAoC;AACpC,qCAAgD;AAEhD,MAAM,gBAAgB,GAAyE,EAAE,CAAC;AAE3F,MAAM,gBAAgB,GAAG,CAAO,IAAY,EAA6B,EAAE;IAC9E,MAAM,OAAO,GAAG,MAAM,iBAAO,CAAC,cAAc,EAAE,CAAC;IAE/C,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;QACxB,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;KACjC;IAED,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAS,EAAE;QACjC,IAAI;YACA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,6BAAoB,CAAC,oBAAoB,SAAS,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAEvG,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAE3C,OAAO,YAAY,CAAC,IAAI,CAAC;SAC5B;QAAC,OAAO,EAAE,EAAE;YACT,OAAO,CAAC,GAAG,CAAC,6BAA6B,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;SAC1D;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAA,CAAC,EAAE,CAAC;IAEL,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAA,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B;AAEF,MAAM,iBAAiB,GAAoE,EAAE,CAAC;AACvF,MAAM,oBAAoB,GAAG,CAAO,OAAe,EAAE,aAAsB,EAA6B,EAAE;IAC7G,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa,CAAC;IAE9C,MAAM,OAAO,GAAG,MAAM,iBAAO,CAAC,cAAc,EAAE,CAAC;IAE/C,IAAI,iBAAiB,CAAC,aAAa,CAAC,EAAE;QAClC,OAAO,iBAAiB,CAAC,aAAa,CAAC,CAAC;KAC3C;IAED,iBAAiB,CAAC,aAAa,CAAC,GAAG,CAAC,GAAS,EAAE;QAC3C,IAAI;YACA,MAAM,QAAQ,GAAG,MAAM,KAAK,CACxB,GAAG,6BAAoB,CAAC,oBAAoB,SAAS,OAAO,IACxD,aAAa;gBACT,CAAC,CAAC,IAAI,eAAe,CAAC;oBAChB,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE;iBAC3C,CAAC;gBACJ,CAAC,CAAC,EACV,EAAE,EACF,EAAE,OAAO,EAAE,CACd,CAAC;YAEF,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAE3C,OAAO,YAAY,CAAC,IAAI,CAAC;SAC5B;QAAC,OAAO,EAAE,EAAE;YACT,OAAO,CAAC,GAAG,CAAC,qCAAqC,OAAO,IAAI,EAAE,EAAE,CAAC,CAAC;YAElE,MAAM,IAAI,KAAK,EAAE,CAAC;SACrB;IACL,CAAC,CAAA,CAAC,EAAE,CAAC;IAEL,OAAO,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC5C,CAAC,CAAA,CAAC;AAjCW,QAAA,oBAAoB,wBAiC/B","sourcesContent":["import type { IRoomstayEvent } from '@roomstay/core';\n\nimport BaseAPI from '@/api/BaseAPI';\nimport { RoomstayGlobalConfig } from '@/config';\n\nconst cachedCityEvents: { [cityName: string]: IRoomstayEvent[] | Promise<IRoomstayEvent[]> } = {};\n\nexport const getEventsForCity = async (city: string): Promise<IRoomstayEvent[]> => {\n    const headers = await BaseAPI.getBaseHeaders();\n\n    if (cachedCityEvents[city]) {\n        return cachedCityEvents[city];\n    }\n\n    cachedCityEvents[city] = (async () => {\n        try {\n            const response = await fetch(`${RoomstayGlobalConfig.RoomstayEventsApiUrl}?city=${city}`, { headers });\n\n            const responseJson = await response.json();\n\n            return responseJson.data;\n        } catch (ex) {\n            console.log(`Error fetching events for ${city}: `, ex);\n        }\n\n        return [];\n    })();\n\n    return cachedCityEvents[city];\n};\n\nconst cachedHotelEvents: { [key: string]: IRoomstayEvent[] | Promise<IRoomstayEvent[]> } = {};\nexport const getEventsFromHotelId = async (hotelId: string, unixStartTime?: number): Promise<IRoomstayEvent[]> => {\n    const hotelEventKey = hotelId + unixStartTime;\n\n    const headers = await BaseAPI.getBaseHeaders();\n\n    if (cachedHotelEvents[hotelEventKey]) {\n        return cachedHotelEvents[hotelEventKey];\n    }\n\n    cachedHotelEvents[hotelEventKey] = (async () => {\n        try {\n            const response = await fetch(\n                `${RoomstayGlobalConfig.RoomstayEventsApiUrl}hotel/${hotelId}?${\n                    unixStartTime\n                        ? new URLSearchParams({\n                              unixStartTime: unixStartTime?.toString(),\n                          })\n                        : ''\n                }`,\n                { headers }\n            );\n\n            const responseJson = await response.json();\n\n            return responseJson.data;\n        } catch (ex) {\n            console.log(`Error fetching events for hotelID ${hotelId}: `, ex);\n\n            throw new Error();\n        }\n    })();\n\n    return cachedHotelEvents[hotelEventKey];\n};\n"]}
+{"version":3,"file":"EventsServiceAPI.js","sourceRoot":"/","sources":["src/api/events-service/EventsServiceAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,4DAAoC;AACpC,qCAAgD;AAEhD,MAAM,gBAAgB,GAAyE,EAAE,CAAC;AAE3F,MAAM,gBAAgB,GAAG,CAAO,IAAY,EAA6B,EAAE;IAC9E,MAAM,OAAO,GAAG,MAAM,iBAAO,CAAC,cAAc,EAAE,CAAC;IAE/C,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QACzB,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAS,EAAE;QACjC,IAAI,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,6BAAoB,CAAC,oBAAoB,SAAS,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAEvG,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAE3C,OAAO,YAAY,CAAC,IAAI,CAAC;QAC7B,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,CAAC,6BAA6B,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3D,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAA,CAAC,EAAE,CAAC;IAEL,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAA,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B;AAEF,MAAM,iBAAiB,GAAoE,EAAE,CAAC;AACvF,MAAM,oBAAoB,GAAG,CAAO,OAAe,EAAE,aAAsB,EAA6B,EAAE;IAC7G,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa,CAAC;IAE9C,MAAM,OAAO,GAAG,MAAM,iBAAO,CAAC,cAAc,EAAE,CAAC;IAE/C,IAAI,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC;QACnC,OAAO,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC;IAED,iBAAiB,CAAC,aAAa,CAAC,GAAG,CAAC,GAAS,EAAE;QAC3C,IAAI,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CACxB,GAAG,6BAAoB,CAAC,oBAAoB,SAAS,OAAO,IACxD,aAAa;gBACT,CAAC,CAAC,IAAI,eAAe,CAAC;oBAChB,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE;iBAC3C,CAAC;gBACJ,CAAC,CAAC,EACV,EAAE,EACF,EAAE,OAAO,EAAE,CACd,CAAC;YAEF,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAE3C,OAAO,YAAY,CAAC,IAAI,CAAC;QAC7B,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,CAAC,qCAAqC,OAAO,IAAI,EAAE,EAAE,CAAC,CAAC;YAElE,MAAM,IAAI,KAAK,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,CAAA,CAAC,EAAE,CAAC;IAEL,OAAO,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC5C,CAAC,CAAA,CAAC;AAjCW,QAAA,oBAAoB,wBAiC/B","sourcesContent":["import type { IRoomstayEvent } from '@roomstay/core';\n\nimport BaseAPI from '@/api/BaseAPI';\nimport { RoomstayGlobalConfig } from '@/config';\n\nconst cachedCityEvents: { [cityName: string]: IRoomstayEvent[] | Promise<IRoomstayEvent[]> } = {};\n\nexport const getEventsForCity = async (city: string): Promise<IRoomstayEvent[]> => {\n    const headers = await BaseAPI.getBaseHeaders();\n\n    if (cachedCityEvents[city]) {\n        return cachedCityEvents[city];\n    }\n\n    cachedCityEvents[city] = (async () => {\n        try {\n            const response = await fetch(`${RoomstayGlobalConfig.RoomstayEventsApiUrl}?city=${city}`, { headers });\n\n            const responseJson = await response.json();\n\n            return responseJson.data;\n        } catch (ex) {\n            console.log(`Error fetching events for ${city}: `, ex);\n        }\n\n        return [];\n    })();\n\n    return cachedCityEvents[city];\n};\n\nconst cachedHotelEvents: { [key: string]: IRoomstayEvent[] | Promise<IRoomstayEvent[]> } = {};\nexport const getEventsFromHotelId = async (hotelId: string, unixStartTime?: number): Promise<IRoomstayEvent[]> => {\n    const hotelEventKey = hotelId + unixStartTime;\n\n    const headers = await BaseAPI.getBaseHeaders();\n\n    if (cachedHotelEvents[hotelEventKey]) {\n        return cachedHotelEvents[hotelEventKey];\n    }\n\n    cachedHotelEvents[hotelEventKey] = (async () => {\n        try {\n            const response = await fetch(\n                `${RoomstayGlobalConfig.RoomstayEventsApiUrl}hotel/${hotelId}?${\n                    unixStartTime\n                        ? new URLSearchParams({\n                              unixStartTime: unixStartTime?.toString(),\n                          })\n                        : ''\n                }`,\n                { headers }\n            );\n\n            const responseJson = await response.json();\n\n            return responseJson.data;\n        } catch (ex) {\n            console.log(`Error fetching events for hotelID ${hotelId}: `, ex);\n\n            throw new Error();\n        }\n    })();\n\n    return cachedHotelEvents[hotelEventKey];\n};\n"]}

package/dist/src/api/members-service/MembersServiceAPI.d.ts

@@ -1,6 +1,6 @@
 import { IRoomstayMember, IRoomstayMemberCards } from '@roomstay/core';
 export declare const GetMemberDetails: () => Promise<IRoomstayMember>;
 export declare const UpdateMemberDetails: (newMemberDetails: Partial<IRoomstayMember>) => Promise<IRoomstayMember>;
-export declare const AddMemberCard: (card: Omit<IRoomstayMemberCards, 'cardId'>) => Promise<any>;
+export declare const AddMemberCard: (card: Omit<IRoomstayMemberCards, "cardId">) => Promise<any>;
 export declare const EditMemberCard: (card: IRoomstayMemberCards) => Promise<any>;
 export declare const DeleteMemberCard: (card: IRoomstayMemberCards) => Promise<any>;

package/dist/src/components/Event/EventCarouselContainer.js

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

package/dist/src/components/Event/EventCarouselContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventCarouselContainer.js","sourceRoot":"/","sources":["src/components/Event/EventCarouselContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,+CAAmE;AAEnE,4EAA6E;AAC7E,6FAAqE;AACrE,yCAAoG;AAEpG,kEAAoD;AACpD,mEAA2C;AAO3C,MAAM,sBAAsB,GAAoC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,EAAE;IACnG,MAAM,EACF,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,EACpC,OAAO,GACV,GAAG,aAAa,CAAC;IAElB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAmB,EAAE,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IAE3D,MAAM,aAAa,GAAG,IAAA,eAAK,EAAC,GAAG,WAAW,GAAG,WAAW,EAAE,EAAE,iBAAiB,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzF,MAAM,oBAAoB,GAAG,GAA6C,EAAE;QACxE,IAAI,WAAW,GAAqC,SAAS,CAAC;QAC9D,IAAI;YACA,WAAW,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;SACjE;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAClB;QACD,OAAO,WAAW,IAAI,SAAS,CAAC;IACpC,CAAC,CAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAChC,IAAI,CAAC,OAAO,EAAE;YACV,OAAO;SACV;QAED,OAAO,IAAA,uCAAoB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC1F,CAAC,CAAA,CAAC;IAEF,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,qDAAqD;QACrD,uEAAuE;QACvE,4EAA4E;QAC5E,2BAA2B;QAC3B,yCAAyC;QACzC,+BAA+B;QAC/B,UAAU;QACV,oCAAoC;QACpC,WAAW;QACX,gDAAgD;QAEhD,MAAM,SAAS,GAAG,MAAM,gBAAgB,EAAE,CAAC;QAE3C,IAAI,SAAS,EAAE;YACX,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE;gBACvC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE;gBACtC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAC;YACH,eAAe,CACX,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE;gBACxC,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,YAAY;aACf,CAAC,CACL,CAAC;SACL;QACD,IAAI;IACR,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE;YACT,SAAS,EAAE,CAAC;SACf;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,YAAY,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,8BAAC,uBAAa,IAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { FC, useContext, useEffect, useState } from 'react';\n\nimport { getEventsFromHotelId } from '@/api/events-service/EventsServiceAPI';\nimport EventCarousel from '@/components/generic/Event/EventCarousel';\nimport { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\nimport type { ICachedEvents } from '@/util/EventsHelper';\nimport * as EventsHelper from '@/util/EventsHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface EventCarouselContainerProps {\n    defaultExpanded?: boolean;\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n}\n\nconst EventCarouselContainer: FC<EventCarouselContainerProps> = ({ defaultExpanded, itineraryItem }) => {\n    const {\n        checkInDate,\n        checkOutDate,\n        hotel: { checkInTime, checkOutTime },\n        hotelId,\n    } = itineraryItem;\n\n    const [loadedEvents, setLoadedEvents] = useState<IRoomstayEvent[]>([]);\n\n    const beContext = useContext(BookingEngineContext);\n\n    const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n    const unixStartTime = dayjs(`${checkInDate}${checkInTime}`, 'YYYY-MM-DDHH:mm').valueOf();\n\n    const getEventsFromStorage = async (): Promise<ICachedEvents | undefined> => {\n        let cachedEvent: ICachedEvents | undefined | null = undefined;\n        try {\n            cachedEvent = await EventsHelper.read(hotelId, unixStartTime);\n        } catch (e) {\n            console.log(e);\n        }\n        return cachedEvent || undefined;\n    };\n\n    const getEventsFromApi = async () => {\n        if (!hotelId) {\n            return;\n        }\n\n        return getEventsFromHotelId(hotelId, unixStartTime).then(EventsHelper.getValidEvents);\n    };\n\n    const getEvents = async () => {\n        // const cachedEvents = await getEventsFromStorage();\n        // if (cachedEvents && EventsHelper.isCachedEventValid(cachedEvents)) {\n        //     const validEvents = EventsHelper.getValidEvents(cachedEvents.events);\n        //     EventsHelper.write({\n        //         expired: cachedEvents.expired,\n        //         events: validEvents,\n        //     });\n        //     setLoadedEvents(validEvents);\n        // } else {\n        // TODO: Commented out event caching temporarily\n\n        const newEvents = await getEventsFromApi();\n\n        if (newEvents) {\n            EventsHelper.write(hotelId, unixStartTime, {\n                expired: dayjs().add(1, 'd').valueOf(),\n                events: newEvents,\n            });\n            setLoadedEvents(\n                EventsHelper.getApplicableEvents(newEvents, {\n                    checkInDate,\n                    checkInTime,\n                    checkOutDate,\n                    checkOutTime,\n                })\n            );\n        }\n        // }\n    };\n\n    useEffect(() => {\n        if (hotelId) {\n            getEvents();\n        }\n    }, [hotelId]);\n\n    if (!loadedEvents.length) return null;\n\n    return <EventCarousel small={isMobile} data={loadedEvents} defaultExpanded={defaultExpanded} />;\n};\n\nexport default EventCarouselContainer;\n"]}
+{"version":3,"file":"EventCarouselContainer.js","sourceRoot":"/","sources":["src/components/Event/EventCarouselContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,+CAAmE;AAEnE,4EAA6E;AAC7E,6FAAqE;AACrE,yCAAoG;AAEpG,kEAAoD;AACpD,mEAA2C;AAO3C,MAAM,sBAAsB,GAAoC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,EAAE;IACnG,MAAM,EACF,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,EACpC,OAAO,GACV,GAAG,aAAa,CAAC;IAElB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAmB,EAAE,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IAE3D,MAAM,aAAa,GAAG,IAAA,eAAK,EAAC,GAAG,WAAW,GAAG,WAAW,EAAE,EAAE,iBAAiB,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzF,MAAM,oBAAoB,GAAG,GAA6C,EAAE;QACxE,IAAI,WAAW,GAAqC,SAAS,CAAC;QAC9D,IAAI,CAAC;YACD,WAAW,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAClE,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;QACD,OAAO,WAAW,IAAI,SAAS,CAAC;IACpC,CAAC,CAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAChC,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,OAAO,IAAA,uCAAoB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC1F,CAAC,CAAA,CAAC;IAEF,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,qDAAqD;QACrD,uEAAuE;QACvE,4EAA4E;QAC5E,2BAA2B;QAC3B,yCAAyC;QACzC,+BAA+B;QAC/B,UAAU;QACV,oCAAoC;QACpC,WAAW;QACX,gDAAgD;QAEhD,MAAM,SAAS,GAAG,MAAM,gBAAgB,EAAE,CAAC;QAE3C,IAAI,SAAS,EAAE,CAAC;YACZ,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE;gBACvC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE;gBACtC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAC;YACH,eAAe,CACX,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE;gBACxC,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,YAAY;aACf,CAAC,CACL,CAAC;QACN,CAAC;QACD,IAAI;IACR,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,CAAC;QAChB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,YAAY,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,8BAAC,uBAAa,IAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC","sourcesContent":["import { IRoomstayEvent } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { FC, useContext, useEffect, useState } from 'react';\n\nimport { getEventsFromHotelId } from '@/api/events-service/EventsServiceAPI';\nimport EventCarousel from '@/components/generic/Event/EventCarousel';\nimport { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\nimport type { ICachedEvents } from '@/util/EventsHelper';\nimport * as EventsHelper from '@/util/EventsHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface EventCarouselContainerProps {\n    defaultExpanded?: boolean;\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n}\n\nconst EventCarouselContainer: FC<EventCarouselContainerProps> = ({ defaultExpanded, itineraryItem }) => {\n    const {\n        checkInDate,\n        checkOutDate,\n        hotel: { checkInTime, checkOutTime },\n        hotelId,\n    } = itineraryItem;\n\n    const [loadedEvents, setLoadedEvents] = useState<IRoomstayEvent[]>([]);\n\n    const beContext = useContext(BookingEngineContext);\n\n    const isMobile = beContext.screenSize <= ScreenSize.Medium;\n\n    const unixStartTime = dayjs(`${checkInDate}${checkInTime}`, 'YYYY-MM-DDHH:mm').valueOf();\n\n    const getEventsFromStorage = async (): Promise<ICachedEvents | undefined> => {\n        let cachedEvent: ICachedEvents | undefined | null = undefined;\n        try {\n            cachedEvent = await EventsHelper.read(hotelId, unixStartTime);\n        } catch (e) {\n            console.log(e);\n        }\n        return cachedEvent || undefined;\n    };\n\n    const getEventsFromApi = async () => {\n        if (!hotelId) {\n            return;\n        }\n\n        return getEventsFromHotelId(hotelId, unixStartTime).then(EventsHelper.getValidEvents);\n    };\n\n    const getEvents = async () => {\n        // const cachedEvents = await getEventsFromStorage();\n        // if (cachedEvents && EventsHelper.isCachedEventValid(cachedEvents)) {\n        //     const validEvents = EventsHelper.getValidEvents(cachedEvents.events);\n        //     EventsHelper.write({\n        //         expired: cachedEvents.expired,\n        //         events: validEvents,\n        //     });\n        //     setLoadedEvents(validEvents);\n        // } else {\n        // TODO: Commented out event caching temporarily\n\n        const newEvents = await getEventsFromApi();\n\n        if (newEvents) {\n            EventsHelper.write(hotelId, unixStartTime, {\n                expired: dayjs().add(1, 'd').valueOf(),\n                events: newEvents,\n            });\n            setLoadedEvents(\n                EventsHelper.getApplicableEvents(newEvents, {\n                    checkInDate,\n                    checkInTime,\n                    checkOutDate,\n                    checkOutTime,\n                })\n            );\n        }\n        // }\n    };\n\n    useEffect(() => {\n        if (hotelId) {\n            getEvents();\n        }\n    }, [hotelId]);\n\n    if (!loadedEvents.length) return null;\n\n    return <EventCarousel small={isMobile} data={loadedEvents} defaultExpanded={defaultExpanded} />;\n};\n\nexport default EventCarouselContainer;\n"]}

package/dist/src/components/User/Forms/ForgotPasswordForm.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type ForgotPasswordFormProps = {
     onPasswordReset?: () => void;
     onCancelled?: () => void;
     onDone?: () => void;
     onNotVerified?: () => void;
 };
-export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => JSX.Element;
+export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => React.JSX.Element;
 export {};

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

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

package/dist/src/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 { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nimport { isPasswordMatch, makeEmailPatternRule, makePasswordPatternRule, makeRequiredRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n    onDone?: () => void;\n    onNotVerified?: () => 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, forgotPassword, resetPassword, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { hotel } = useCurrentHotel();\n\n    const { register, trigger, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const passwordWatch = watch('password');\n\n    useEffect(() => {\n        trigger('confirmPassword');\n    }, [passwordWatch, trigger]);\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        try {\n            if (areResettingPassword) {\n                const state = await resetPassword(values.email, values.code, values.password, { hotel });\n                if (state === CognitoLoginState.CodeMismatch) {\n                    setError('code', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Code.Validation.InvalidCode),\n                    });\n                } else if (state === CognitoLoginState.Success) {\n                    props.onPasswordReset?.();\n                    props.onDone?.();\n                } else {\n                    props.onDone?.();\n                }\n            } else {\n                const state = await forgotPassword(values.email, { hotel });\n                if (state === CognitoLoginState.UserNotFound) {\n                    setError('email', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Email.Validation.UserNotFound),\n                    });\n                } else if (state === CognitoLoginState.RequiresConfirmation) {\n                    setPendingCredentials({ email: values.email });\n                    props.onNotVerified?.();\n                }\n            }\n        } catch (ex) {\n            console.error(ex);\n        } finally {\n            setIsLoading(false);\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 || isLoading || cognitoLoading }}\n                            {...register('email', {\n                                required: true,\n                                pattern: makeEmailPatternRule(t),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('code', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)),\n                                    validate: {\n                                        isSame: isPasswordMatch(t)(passwordWatch),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading || isLoading}>\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"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nimport { isPasswordMatch, makeEmailPatternRule, makePasswordPatternRule, makeRequiredRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n    onDone?: () => void;\n    onNotVerified?: () => 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, forgotPassword, resetPassword, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { hotel } = useCurrentHotel();\n\n    const { register, trigger, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const passwordWatch = watch('password');\n\n    useEffect(() => {\n        trigger('confirmPassword');\n    }, [passwordWatch, trigger]);\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        try {\n            if (areResettingPassword) {\n                const state = await resetPassword(values.email, values.code, values.password, { hotel });\n                if (state === CognitoLoginState.CodeMismatch) {\n                    setError('code', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Code.Validation.InvalidCode),\n                    });\n                } else if (state === CognitoLoginState.Success) {\n                    props.onPasswordReset?.();\n                    props.onDone?.();\n                } else {\n                    props.onDone?.();\n                }\n            } else {\n                const state = await forgotPassword(values.email, { hotel });\n                if (state === CognitoLoginState.UserNotFound) {\n                    setError('email', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Email.Validation.UserNotFound),\n                    });\n                } else if (state === CognitoLoginState.RequiresConfirmation) {\n                    setPendingCredentials({ email: values.email });\n                    props.onNotVerified?.();\n                }\n            }\n        } catch (ex) {\n            console.error(ex);\n        } finally {\n            setIsLoading(false);\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 || isLoading || cognitoLoading }}\n                            {...register('email', {\n                                required: true,\n                                pattern: makeEmailPatternRule(t),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('code', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\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                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)),\n                                    validate: {\n                                        isSame: isPasswordMatch(t)(passwordWatch),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading || isLoading}>\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

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

package/dist/src/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 { AuthenticationContext, CognitoLoginState, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { FC, useContext } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport 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 { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nexport type SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n    onNotVerified?: () => void;\n    onDone?: () => void;\n};\nexport const SignInForm: FC<SignInFormProps> = (props) => {\n    const { t } = useTranslation();\n\n    const { error, login, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { loading } = useMemberContext();\n    const { hotel } = useCurrentHotel();\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 = async (values: any) => {\n        if (loading) return;\n\n        clearErrors();\n        reset();\n\n        try {\n            const loginState = await login(values.email, values.password, { hotel });\n\n            if (loginState === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                props.onNotVerified?.();\n            } else {\n                if (loginState === CognitoLoginState.Success) {\n                    props.onSignedIn?.();\n                }\n\n                props.onDone?.();\n            }\n        } catch (ex) {\n            console.error(ex);\n        }\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                        inputProps={{ disabled: loading }}\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                            {t(Translation.Navigation.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        inputProps={{ disabled: loading }}\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"]}
+{"version":3,"file":"SignInForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { FC, useContext } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport 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 { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nexport type SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n    onNotVerified?: () => void;\n    onDone?: () => void;\n};\nexport const SignInForm: FC<SignInFormProps> = (props) => {\n    const { t } = useTranslation();\n\n    const { error, login, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { loading } = useMemberContext();\n    const { hotel } = useCurrentHotel();\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 = async (values: any) => {\n        if (loading) return;\n\n        clearErrors();\n        reset();\n\n        try {\n            const loginState = await login(values.email, values.password, { hotel });\n            if (loginState === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                props.onNotVerified?.();\n            } else {\n                if (loginState === CognitoLoginState.Success) {\n                    props.onSignedIn?.();\n                }\n\n                props.onDone?.();\n            }\n        } catch (ex) {\n            console.error(ex);\n        }\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                        inputProps={{ disabled: loading }}\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                            {t(Translation.Navigation.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        inputProps={{ disabled: loading }}\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"]}

package/dist/src/components/User/Forms/SignUpForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type SignUpFormProps = {
     onForgotPassword?: () => void;
     onSignIn?: () => void;
@@ -10,5 +11,5 @@ type SignUpFormProps = {
     hideTitle?: boolean;
     reduceMargins?: boolean;
 };
-export declare const SignUpForm: (props: SignUpFormProps) => JSX.Element;
+export declare const SignUpForm: (props: SignUpFormProps) => React.JSX.Element;
 export {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { VerifyEmailForm } from '@/components/User/Forms/VerifyEmailForm';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\nimport styles from './SignUpForm.module.scss';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n    defaultValues?: {\n        email?: string;\n        firstName?: string;\n        lastName?: string;\n    };\n    hideTitle?: boolean;\n    reduceMargins?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, setPendingCredentials } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(cognitoLoginState === CognitoLoginState.RequiresConfirmation);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n        defaultValues: {\n            email: props.defaultValues?.email || '',\n            forename: props.defaultValues?.firstName || '',\n            surname: props.defaultValues?.lastName || '',\n            password: '',\n            termsAndConditions: false,\n        },\n    });\n\n    const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n    const errors = formState.errors;\n    const accountExists = signUpStates.includes(cognitoLoginState as CognitoLoginState);\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name as keyof typeof formState.touchedFields]) {\n            if (errors[name as keyof typeof errors]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        try {\n            const state = await cognitoRegister(\n                values.email,\n                values.password,\n                {\n                    ['custom:forename']: values.forename,\n                    ['custom:surname']: values.surname,\n                },\n                { hotel }\n            );\n\n            if (state === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                setIsVerifyingEmail(true);\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const onSignInClicked = (): void => {\n        cognitoReset();\n        props.onSignIn?.();\n    };\n\n    const onErrorContent = () => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.UsernameExists: {\n                return (\n                    <>\n                        <Text type={TextType.Small}>\n                            <Trans i18nKey={Translation.Navigation.SignUp.EmailIsInUse} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClicked} />]} />\n                        </Text>\n                    </>\n                );\n            }\n        }\n    };\n\n    return (\n        <div className={`${props.reduceMargins ? styles['signup-form--reduced-margins'] : ''}`}>\n            {!props.hideTitle && (\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                        {t(Translation.Navigation.SignUp.Title)}\n                    </Headline>\n                </div>\n            )}\n            <AutoAutoHeight open={!!accountExists}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        {onErrorContent()}\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\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 as keyof typeof formState.errors]?.message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n                <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <InputGroup dimensions=\"2/2\" noMargin={props.reduceMargins}>\n                            <>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.Navy} bold>\n                                        {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    inputProps={{ disabled: loading || isLoading }}\n                                    placeholder=\"Sam\"\n                                    validationStatus={getValidationClass('forename')}\n                                    {...register('forename', {\n                                        required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n                                    })}\n                                />\n                            </>\n                            <>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.Navy} bold>\n                                        {t(Translation.Navigation.SignUp.Inputs.LastName)}\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    inputProps={{ disabled: loading || isLoading }}\n                                    placeholder=\"Smith\"\n                                    validationStatus={getValidationClass('surname')}\n                                    {...register('surname', {\n                                        required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n                                    })}\n                                />\n                            </>\n                        </InputGroup>\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                            inputProps={{ disabled: loading || isLoading }}\n                            placeholder=\"example@mail.com\"\n                            validationStatus={getValidationClass('email')}\n                            {...register('email', {\n                                required: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\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.SignUp.Inputs.Password.Label)}\n                            </Text>\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <PasswordBox\n                                inputProps={{ disabled: loading || isLoading }}\n                                placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                            />\n                        </div>\n                        <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom password-hint\">\n                            {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n                        </Text>\n\n                        <Checkbox\n                            label={\n                                <div>\n                                    {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n                                    <a href={hotel?.privacyPolicyUrl || ccx?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n                                        {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n                                    </a>\n                                </div>\n                            }\n                            {...register('termsAndConditions', {\n                                required: {\n                                    value: true,\n                                    message: t(Translation.Navigation.SignUp.Inputs.Terms.Error),\n                                },\n                            })}\n                        />\n                    </div>\n                    <BEButton\n                        wide\n                        icon={IconType.ArrowRight}\n                        iconPosition=\"right\"\n                        filled\n                        primary\n                        name=\"SignUpButton\"\n                        htmlType=\"submit\"\n                        isLoading={loading || isLoading}\n                        disabled={isLoading || loading}\n                    >\n                        {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                    </BEButton>\n                </form>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={isVerifyingEmail}>\n                <VerifyEmailForm onDone={props.onDone} onSignIn={props.onSignIn}></VerifyEmailForm>\n            </AutoAutoHeight>\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                </Text>{' '}\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { VerifyEmailForm } from '@/components/User/Forms/VerifyEmailForm';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\nimport styles from './SignUpForm.module.scss';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n    defaultValues?: {\n        email?: string;\n        firstName?: string;\n        lastName?: string;\n    };\n    hideTitle?: boolean;\n    reduceMargins?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, setPendingCredentials } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(cognitoLoginState === CognitoLoginState.RequiresConfirmation);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n        defaultValues: {\n            email: props.defaultValues?.email || '',\n            forename: props.defaultValues?.firstName || '',\n            surname: props.defaultValues?.lastName || '',\n            password: '',\n            termsAndConditions: false,\n        },\n    });\n\n    const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n    const errors = formState.errors;\n    const accountExists = signUpStates.includes(cognitoLoginState as CognitoLoginState);\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name as keyof typeof formState.touchedFields]) {\n            if (errors[name as keyof typeof errors]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        try {\n            const state = await cognitoRegister(\n                values.email,\n                values.password,\n                {\n                    ['custom:forename']: values.forename,\n                    ['custom:surname']: values.surname,\n                },\n                { hotel }\n            );\n\n            if (state === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                setIsVerifyingEmail(true);\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const onSignInClicked = (): void => {\n        cognitoReset();\n        props.onSignIn?.();\n    };\n\n    const onErrorContent = () => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.UsernameExists: {\n                return (\n                    <>\n                        <Text type={TextType.Small}>\n                            <Trans i18nKey={Translation.Navigation.SignUp.EmailIsInUse} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClicked} />]} />\n                        </Text>\n                    </>\n                );\n            }\n        }\n    };\n\n    return (\n        <div className={`${props.reduceMargins ? styles['signup-form--reduced-margins'] : ''}`}>\n            {!props.hideTitle && (\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                        {t(Translation.Navigation.SignUp.Title)}\n                    </Headline>\n                </div>\n            )}\n            <AutoAutoHeight open={!!accountExists}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        {onErrorContent()}\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\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 as keyof typeof formState.errors]?.message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n                <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <InputGroup dimensions=\"2/2\" noMargin={props.reduceMargins}>\n                            <>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.Navy} bold>\n                                        {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    inputProps={{ disabled: loading || isLoading }}\n                                    placeholder=\"Sam\"\n                                    validationStatus={getValidationClass('forename')}\n                                    {...register('forename', {\n                                        required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n                                    })}\n                                />\n                            </>\n                            <>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.Navy} bold>\n                                        {t(Translation.Navigation.SignUp.Inputs.LastName)}\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    inputProps={{ disabled: loading || isLoading }}\n                                    placeholder=\"Smith\"\n                                    validationStatus={getValidationClass('surname')}\n                                    {...register('surname', {\n                                        required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n                                    })}\n                                />\n                            </>\n                        </InputGroup>\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                            inputProps={{ disabled: loading || isLoading }}\n                            placeholder=\"example@mail.com\"\n                            validationStatus={getValidationClass('email')}\n                            {...register('email', {\n                                required: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\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.SignUp.Inputs.Password.Label)}\n                            </Text>\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <PasswordBox\n                                inputProps={{ disabled: loading || isLoading }}\n                                placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                            />\n                        </div>\n                        <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom password-hint\">\n                            {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n                        </Text>\n\n                        <Checkbox\n                            label={\n                                <div>\n                                    {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n                                    <a href={hotel?.privacyPolicyUrl || ccx?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n                                        {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n                                    </a>\n                                </div>\n                            }\n                            {...register('termsAndConditions', {\n                                required: {\n                                    value: true,\n                                    message: t(Translation.Navigation.SignUp.Inputs.Terms.Error),\n                                },\n                            })}\n                        />\n                    </div>\n                    <BEButton\n                        wide\n                        icon={IconType.ArrowRight}\n                        iconPosition=\"right\"\n                        filled\n                        primary\n                        name=\"SignUpButton\"\n                        htmlType=\"submit\"\n                        isLoading={loading || isLoading}\n                        disabled={isLoading || loading}\n                    >\n                        {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                    </BEButton>\n                </form>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={isVerifyingEmail}>\n                <VerifyEmailForm onDone={props.onDone} onSignIn={props.onSignIn}></VerifyEmailForm>\n            </AutoAutoHeight>\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                </Text>{' '}\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/User/Forms/VerifyEmailForm.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type VerifyEmailFormProps = {
     onForgotPassword?: () => void;
     onSignIn?: () => void;
     onDone?: () => void;
 };
-export declare const VerifyEmailForm: (props: VerifyEmailFormProps) => JSX.Element;
+export declare const VerifyEmailForm: (props: VerifyEmailFormProps) => React.JSX.Element;
 export {};

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

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