npm - @roomstay/frontend - Versions diffs - 2.1.6 → 2.1.8 - Mend

@roomstay/frontend 2.1.6 → 2.1.8

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

Files changed (914) hide show

package/dist/src/api/HotelAPI.js CHANGED Viewed

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

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

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

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

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

package/dist/src/api/ReservationAPI.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReservationAPI.js","sourceRoot":"/","sources":["src/api/ReservationAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAqD;AAQrD,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;AACjB,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAOD,MAAqB,cAAe,SAAQ,iBAAO;IAAnD;;QACY,uBAAkB,GAA2B,EAAE,CAAC;QAEjD,YAAO,GAAG,CACb,UAAuB,EACvB,YAA2B,EAC3B,OAAwB,EACxB,SAA2B,EAC3B,QAAgB,EAChB,OAAe,EACf,~~aAAqB~~,SAAS,~~EACN~~,EAAE;YAC1B,MAAM,KAAK,GAAU,EAAE,CAAC;YAExB,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACvB,MAAM,IAAI,GAAG;oBACT,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI;oBAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,~~CAAC~~,IAAI;~~oBAC5B~~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","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\nimport BasketRow from '@/models/BasketRow';\nimport UserProfile from '@/models/UserProfile';\nimport PaymentCard from '@/models/PaymentCard';\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { IBookingPayment } from '@roomstay/core';\n\nexport enum EPaymentMethod {\n PLANPAY = 'Planpay',\n CARD = 'Card',\n}\nexport interface IPayment {\n Type: EPaymentMethod;\n PlanpayCheckoutId?: string;\n PaymentCard?: PaymentCard;\n}\n\nexport default class ReservationAPI extends BaseAPI {\n private storedReservations: { [ref: string]: any } = {};\n\n public bookNow = async (\n basketRows: BasketRow[],\n userProfiles: UserProfile[],\n payment: IBookingPayment,\n addonRows: BasketAddonRow[],\n comments: string,\n hotelId: string,\n specialReq: string = undefined\n ): Promise<ReservationsDTO> => {\n const rooms: any[] = [];\n\n basketRows.forEach((row) => {\n const room = {\n RoomType: row.getRoom().code,\n RatePlan: row.getRate().code,\n PromoCode: row.getPromoCode(),\n Adults: row.getAdults(),\n Children: row.getChildren(),\n CheckInDate: row.getStartDate().format('YYYY-MM-DD'),\n CheckOutDate: row.getEndDate().format('YYYY-MM-DD'),\n };\n\n rooms.push(room);\n });\n\n const addons = addonRows.map((row) => {\n const addon = row.getAddon();\n const priceInfo = addon.availability[row.getSelectedDate()];\n\n const response: any = {\n Code: addon.code,\n StartDate: row.getSelectedDate(),\n };\n if (addon?.ratePlanCode) {\n response.RatePlanCode = row.getAddon().ratePlanCode;\n }\n if (row.getSelectedTime()) {\n response.StartTime = row.getSelectedTime();\n }\n\n if (priceInfo.price) {\n response.Quantity = row.getQuantity();\n }\n if (priceInfo.adultPrice) {\n response.Adults = row.getAdultQuantity();\n }\n if (priceInfo.childPrice) {\n response.Children = row.getChildQuantity();\n }\n\n if (addon.pricingType) {\n response.PricingType = addon.pricingType;\n }\n\n return response;\n });\n\n return this.post(\n APIEndpoint.Reservations,\n {\n Rooms: rooms,\n Services: addons,\n SpecialRequest: specialReq,\n Comments: comments,\n Profiles: userProfiles,\n Payment: payment,\n },\n hotelId\n );\n };\n\n public commit = async (reservations: string[], itineraryId: string, hotelId: string, planpayCheckoutId?: string): Promise<ReservationsDTO> => {\n return this.post(\n APIEndpoint.Reservations,\n {\n itineraryId: itineraryId,\n reservationIds: reservations,\n planpayCheckoutId,\n },\n hotelId,\n {},\n 'commit'\n );\n };\n\n public rollback = async (reservations: string[], itineraryId: string, hotelId: string): Promise<boolean> => {\n await this.post(\n APIEndpoint.Reservations,\n {\n itineraryId: itineraryId,\n reservationIds: reservations,\n },\n hotelId,\n {},\n 'rollback'\n );\n\n return true;\n };\n\n public cancelReservation = (id: string, email: string, hotelId: string): Promise<boolean> =>\n new Promise(async (resolve, reject) => {\n try {\n const response = await this.delete(APIEndpoint.Reservations, {}, hotelId, { email: encodeURIComponent(email) }, id);\n\n this.storedReservations[id]?.reservations?.forEach((reservation: ReservationDTO) => {\n if (reservation.reservationNumber === id) {\n reservation.status = 'Cancelled';\n }\n });\n\n resolve(response);\n } catch (ex) {\n reject(ex);\n }\n });\n\n public findReservation = (id: string, email: string, hotelId: string): Promise<ReservationsDTO> =>\n new Promise(async (resolve, reject) => {\n /\n resolve with locally cached data, so we don't have to re-query this again\n /\n if (this.storedReservations[id]) {\n return resolve(this.storedReservations[id]);\n }\n\n try {\n const response = await this.get(APIEndpoint.Reservations, { email: encodeURIComponent(email) }, id, hotelId);\n\n this.storedReservations[id] = response;\n\n resolve(response);\n } catch (ex) {\n reject(ex);\n }\n });\n}\n"]}
1	+ {"version":3,"file":"ReservationAPI.js","sourceRoot":"/","sources":["src/api/ReservationAPI.ts"],"names":[],"mappings":"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","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\nimport BasketRow from '@/models/BasketRow';\nimport UserProfile from '@/models/UserProfile';\nimport PaymentCard from '@/models/PaymentCard';\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport { IBookingPayment } from '@roomstay/core';\n\nexport enum EPaymentMethod {\n PLANPAY = 'Planpay',\n CARD = 'Card',\n}\nexport interface IPayment {\n Type: EPaymentMethod;\n PlanpayCheckoutId?: string;\n PaymentCard?: PaymentCard;\n}\n\nexport default class ReservationAPI extends BaseAPI {\n private storedReservations: { [ref: string]: any } = {};\n\n public bookNow = async (\n basketRows: BasketRow[],\n userProfiles: UserProfile[],\n payment: IBookingPayment,\n addonRows: BasketAddonRow[],\n comments: string,\n hotelId: string,\n specialReq: string \| undefined = undefined\n ): Promise<ReservationsDTO> => {\n const rooms: any[] = [];\n\n basketRows.forEach((row) => {\n const room = {\n RoomType: row.getRoom().code,\n RatePlan: row.getRate()?.code,\n PromoCode: row.getPromoCode(),\n Adults: row.getAdults(),\n Children: row.getChildren(),\n CheckInDate: row.getStartDate().format('YYYY-MM-DD'),\n CheckOutDate: row.getEndDate().format('YYYY-MM-DD'),\n };\n\n rooms.push(room);\n });\n\n const addons = addonRows.map((row) => {\n const addon = row.getAddon();\n const priceInfo = addon.availability[row.getSelectedDate()];\n\n const response: any = {\n Code: addon.code,\n StartDate: row.getSelectedDate(),\n };\n if (addon?.ratePlanCode) {\n response.RatePlanCode = row.getAddon().ratePlanCode;\n }\n if (row.getSelectedTime()) {\n response.StartTime = row.getSelectedTime();\n }\n\n if (priceInfo.price) {\n response.Quantity = row.getQuantity();\n }\n if (priceInfo.adultPrice) {\n response.Adults = row.getAdultQuantity();\n }\n if (priceInfo.childPrice) {\n response.Children = row.getChildQuantity();\n }\n\n if (addon.pricingType) {\n response.PricingType = addon.pricingType;\n }\n\n return response;\n });\n\n return this.post(\n APIEndpoint.Reservations,\n {\n Rooms: rooms,\n Services: addons,\n SpecialRequest: specialReq,\n Comments: comments,\n Profiles: userProfiles,\n Payment: payment,\n },\n hotelId\n );\n };\n\n public commit = async (reservations: string[], itineraryId: string, hotelId: string, planpayCheckoutId?: string): Promise<ReservationsDTO> => {\n return this.post(\n APIEndpoint.Reservations,\n {\n itineraryId: itineraryId,\n reservationIds: reservations,\n planpayCheckoutId,\n },\n hotelId,\n {},\n 'commit'\n );\n };\n\n public rollback = async (reservations: string[], itineraryId: string, hotelId: string): Promise<boolean> => {\n await this.post(\n APIEndpoint.Reservations,\n {\n itineraryId: itineraryId,\n reservationIds: reservations,\n },\n hotelId,\n {},\n 'rollback'\n );\n\n return true;\n };\n\n public cancelReservation = (id: string, email: string, hotelId: string): Promise<boolean> =>\n new Promise(async (resolve, reject) => {\n try {\n const response = await this.delete(APIEndpoint.Reservations, {}, hotelId, { email: encodeURIComponent(email) }, id);\n\n this.storedReservations[id]?.reservations?.forEach((reservation: ReservationDTO) => {\n if (reservation.reservationNumber === id) {\n reservation.status = 'Cancelled';\n }\n });\n\n resolve(response);\n } catch (ex) {\n reject(ex);\n }\n });\n\n public findReservation = (id: string, email: string, hotelId: string): Promise<ReservationsDTO> =>\n new Promise(async (resolve, reject) => {\n /\n resolve with locally cached data, so we don't have to re-query this again\n /\n if (this.storedReservations[id]) {\n return resolve(this.storedReservations[id]);\n }\n\n try {\n const response = await this.get(APIEndpoint.Reservations, { email: encodeURIComponent(email) }, id, hotelId);\n\n this.storedReservations[id] = response;\n\n resolve(response);\n } catch (ex) {\n reject(ex);\n }\n });\n}\n"]}

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

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

package/dist/src/api/SessionAPI.js CHANGED Viewed

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAwD;AACxD,iDAA+C;AAC/C,6EAAqD;AACrD,wCAAqC;AACrC,0DAAuD;AACvD,kEAA2D;AAC3D,2EAAmD;AACnD,qDAAsD;AACtD,6EAAqD;AACrD,iDAA8E;AAC9E,iFAAyD;AACzD,yDAAoH;AACpH,uEAAoE;AAqBpE,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1C,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,KAAK,CACH,CACL;QACL,SAAS;QACT,CAAC,CAAC,KAAK,IAAI,CACR,2BAAG,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAChD,KAAK,CAAC,OAAO,CACd,CACP,CACC,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE7J,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAO,EAA2B;QAC7F,IAAI,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,kBAAkB,GAAG,CAAC,IAAoC,EAAE,EAAE;QAChE,IAAI,SAAS,CAAC,MAAM,EAAE;YAClB,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBACxB,OAAO,OAAO,CAAC;aAClB;iBAAM;gBACH,OAAO,SAAS,CAAC;aACpB;SACJ;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAwB,CAAC,4BAAiB,CAAC,cAAc,EAAE,4BAAiB,CAAC,YAAY,CAAC,CAAC;IAErH,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAE9E,MAAM,QAAQ,GAAG,CAAO,MAAW,EAAE,EAAE;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,oBAAoB,EAAE;YACtB,MAAM,KAAK,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9E,IAAI,KAAK,KAAK,4BAAiB,CAAC,YAAY;gBACxC,QAAQ,CAAC,MAAM,EAAE;oBACb,OAAO,EAAE,uDAAuD;iBACnE,CAAC,CAAC;SACV;aAAM;YACH,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,KAAK,KAAK,4BAAiB,CAAC,YAAY;gBACxC,QAAQ,CAAC,OAAO,EAAE;oBACd,OAAO,EAAE,yBAAyB;iBACrC,CAAC,CAAC;SACV;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;;QACzB,KAAK,EAAE,CAAC;QACR,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IACpE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CACxC;YACV,oBAAoB,IAAI,CACrB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,IAC3C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,CAC/C,CACV,CACC;QAEN,8BAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;YAClC,oBAAC,kBAAkB,IACf,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAClE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAC7B,SAAS,EACL,oBAAC,iBAAO,kBACJ,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,EAC9E,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAC7C,UAAU,EAAE,EAAE,QAAQ,EAAE,oBAAoB,EAAE,IAC1C,QAAQ,CAAC,OAAO,EAAE;oBAClB,QAAQ,EAAE,IAAI;oBACd,OAAO,EAAE,6BAAgB;iBAC5B,CAAC,EACJ,GAER;YAEF,oBAAC,wBAAc,IAAC,IAAI,EAAE,oBAAoB;gBACtC,oBAAC,kBAAkB,IACf,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EACjE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,EAC5B,SAAS,EACL,oBAAC,iBAAO,kBACJ,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAC7E,gBAAgB,EAAE,kBAAkB,CAAC,MAAM,CAAC,IACxC,QAAQ,CAAC,MAAM,EAAE;wBACjB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,oBAAoB,CAAC;qBACnD,CAAC,EACJ,GAER;gBACF,oBAAC,kBAAkB,IACf,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,EAChC,SAAS,EACL,oBAAC,yBAAW,kBACR,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,EACjF,gBAAgB,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAC5C,QAAQ,CAAC,UAAU,EAAE;wBACrB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,oBAAoB,CAAC;wBAChD,OAAO,EAAE,gCAAmB;qBAC/B,CAAC,EACJ,GAER;gBACF,oBAAC,kBAAkB,IACf,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3E,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,eAAe,EACvC,SAAS,EACL,oBAAC,yBAAW,kBACR,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,EACvF,gBAAgB,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,IACnD,QAAQ,CAAC,iBAAiB,EAAE;wBAC5B,QAAQ,EAAE,IAAA,6BAAgB,EAAC,oBAAoB,CAAC;wBAChD,QAAQ,EAAE;4BACN,MAAM,EAAE,IAAA,4BAAe,EAAC,KAAK,CAAC,UAAU,CAAC,CAAC;yBAC7C;qBACJ,CAAC,EACJ,GAER,CACW;YACjB,6BAAK,SAAS,EAAC,YAAY;gBACvB,oBAAC,kBAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,IACzF,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAC5D,CACT;YACN,6BAAK,SAAS,EAAC,2BAA2B;gBACtC,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,IAC1D,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAC5D,CACT,CACH,CACL,CACT,CAAC;AACN,CAAC,CAAC;AA3IW,QAAA,kBAAkB,sBA2I7B","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from '@/components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n onPasswordReset?: () => void;\n onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n email: string;\n code: number;\n password: string;\n confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n component: React.ReactNode;\n label: string;\n\n error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n const { label, component, error } = props;\n\n return (\n <div className=\"u-marg-bottom--light\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {label}\n </Text>\n </div>\n {component}\n {!!error && (\n <p className=\"text-small\" style={{ color: '#ED4362' }}>\n {error.message}\n </p>\n )}\n </div>\n );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n const { t } = useTranslation();\n\n const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n mode: 'onSubmit',\n });\n\n const [isLoading, setIsLoading] = useState(false);\n\n const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n if (formState.errors) {\n if (formState.errors[name]) {\n return 'error';\n } else {\n return 'success';\n }\n } else {\n return null;\n }\n };\n\n const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState);\n\n const onSubmit = async (values: any) => {\n setIsLoading(true);\n\n if (areResettingPassword) {\n const state = await resetPassword(values.email, values.code, values.password);\n if (state === CognitoLoginState.CodeMismatch)\n setError('code', {\n message: 'Invalid verification code provided, please try again.',\n });\n } else {\n const state = await forgotPassword(values.email);\n if (state === CognitoLoginState.UserNotFound)\n setError('email', {\n message: 'User could not be found',\n });\n }\n };\n\n const onCancelPressed = () => {\n reset();\n props.onCancelled?.();\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.ForgotPassword.Title)}\n </Headline>\n {areResettingPassword && (\n <Text type={TextType.Small} color={Color.Success}>\n {t(Translation.Navigation.ForgotPassword.CodeSent)}\n </Text>\n )}\n </div>\n\n <form onSubmit={handleSubmit(onSubmit)}>\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n error={formState.errors.email}\n component={\n <TextBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n required={true}\n validationStatus={getValidationClass('email')}\n inputProps={{ disabled: areResettingPassword }}\n {...register('email', {\n required: true,\n pattern: emailPatternRule,\n })}\n />\n }\n />\n\n <AutoAutoHeight open={areResettingPassword}>\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n error={formState.errors.code}\n component={\n <TextBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(areResettingPassword),\n })}\n />\n }\n />\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n error={formState.errors.password}\n component={\n <PasswordBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(areResettingPassword),\n pattern: passwordPatternRule,\n })}\n />\n }\n />\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n error={formState.errors.confirmPassword}\n component={\n <PasswordBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n validationStatus={getValidationClass('confirmPassword')}\n {...register('confirmPassword', {\n required: makeRequiredRule(areResettingPassword),\n validate: {\n isSame: isPassWordMatch(watch('password')),\n },\n })}\n />\n }\n />\n </AutoAutoHeight>\n <div className=\"u-marg-top\">\n <BEButton primary={true} filled={true} wide={true} htmlType=\"submit\" isLoading={cognitoLoading}>\n {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n </BEButton>\n </div>\n <div className=\"u-marg-top u-align-center\">\n <BEButton isText={true} onClick={onCancelPressed} size={'small'}>\n {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n </BEButton>\n </div>\n </form>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from '@/components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n onPasswordReset?: () => void;\n onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n email: string;\n code: number;\n password: string;\n confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n component: React.ReactNode;\n label: string;\n\n error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n const { label, component, error } = props;\n\n return (\n <div className=\"u-marg-bottom--light\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {label}\n </Text>\n </div>\n {component}\n {!!error && (\n <p className=\"text-small\" style={{ color: '#ED4362' }}>\n {error.message}\n </p>\n )}\n </div>\n );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n const { t } = useTranslation();\n\n const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n mode: 'onSubmit',\n });\n\n const [isLoading, setIsLoading] = useState(false);\n\n const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n if (formState.errors) {\n if (formState.errors[name]) {\n return 'error';\n } else {\n return 'success';\n }\n }\n };\n\n const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState as CognitoLoginState);\n\n const onSubmit = async (values: any) => {\n setIsLoading(true);\n\n if (areResettingPassword) {\n const state = await resetPassword(values.email, values.code, values.password);\n if (state === CognitoLoginState.CodeMismatch)\n setError('code', {\n message: 'Invalid verification code provided, please try again.',\n });\n } else {\n const state = await forgotPassword(values.email);\n if (state === CognitoLoginState.UserNotFound)\n setError('email', {\n message: 'User could not be found',\n });\n }\n };\n\n const onCancelPressed = () => {\n reset();\n props.onCancelled?.();\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.ForgotPassword.Title)}\n </Headline>\n {areResettingPassword && (\n <Text type={TextType.Small} color={Color.Success}>\n {t(Translation.Navigation.ForgotPassword.CodeSent)}\n </Text>\n )}\n </div>\n\n <form onSubmit={handleSubmit(onSubmit)}>\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n error={formState.errors.email}\n component={\n <TextBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n required\n validationStatus={getValidationClass('email')}\n inputProps={{ disabled: areResettingPassword }}\n {...register('email', {\n required: true,\n pattern: emailPatternRule,\n })}\n />\n }\n />\n\n <AutoAutoHeight open={areResettingPassword}>\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n error={formState.errors.code}\n component={\n <TextBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(areResettingPassword),\n })}\n />\n }\n />\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n error={formState.errors.password}\n component={\n <PasswordBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(areResettingPassword),\n pattern: passwordPatternRule,\n })}\n />\n }\n />\n <LabelAndInputGroup\n label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n error={formState.errors.confirmPassword}\n component={\n <PasswordBox\n placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n validationStatus={getValidationClass('confirmPassword')}\n {...register('confirmPassword', {\n required: makeRequiredRule(areResettingPassword),\n validate: {\n isSame: isPassWordMatch(watch('password')),\n },\n })}\n />\n }\n />\n </AutoAutoHeight>\n <div className=\"u-marg-top\">\n <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading}>\n {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n </BEButton>\n </div>\n <div className=\"u-marg-top u-align-center\">\n <BEButton isText onClick={onCancelPressed} size=\"small\">\n {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n </BEButton>\n </div>\n </form>\n </div>\n );\n};\n"]}

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

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

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

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