Merged in feat/SW-459-payment-flow-ui-ux (pull request #657)

Feat/SW-459 payment flow ui ux

* feat(SW-431): List payment methods and handle booking status and redirection

* feat(SW-431): small fix

* fix(SW-431): Added intl string and sorted dictionaries

* fix(SW-431): add todo comments

* feat(SW-459): Added payment method icons

* feat(SW-459): refactored into new component and added form

* feat(SW-459): Localized strings

* feat(SW-459): added checkbox

* feat(SW-459): Refactored payment options and updated payment form

* feat(SW-459): update input bg color

* feat(SW-459): add current web links and style fixes

* fix(SW-459): fix issue with booking confirmation not being accessible

* feat(SW-459): style changes

* feat(SW-459): update max width of payment container

* feat(SW-459): update create booking schema

* feat(SW-459): fixes from PR


Approved-by: Arvid Norlin
This commit is contained in:
Tobias Johansson
2024-10-10 12:20:41 +00:00
parent 353ae5ec80
commit 740419bad2
38 changed files with 937 additions and 239 deletions

View File

@@ -49,7 +49,7 @@ export const details = {
}
// TODO: Translate paths
export const payments = {
export const payment = {
en: `${hotelReservation.en}/payment`,
sv: `${hotelReservation.sv}/payment`,
no: `${hotelReservation.no}/payment`,
@@ -68,24 +68,14 @@ export const selectHotelMap = {
de: `${selectHotel.de}/map`,
}
/** @type {import('@/types/routes').LangRoute} */
export const payment = {
en: `${hotelReservation.en}/payment`,
sv: `${hotelReservation.sv}/betalning`,
no: `${hotelReservation.no}/betaling`,
fi: `${hotelReservation.fi}/maksu`,
da: `${hotelReservation.da}/payment`,
de: `${hotelReservation.de}/bezahlung`,
}
/** @type {import('@/types/routes').LangRoute} */
export const bookingConfirmation = {
en: `${hotelReservation.en}/booking-confirmation`,
sv: `${hotelReservation.sv}/bokningsbekraftelse`,
sv: `${hotelReservation.sv}/booking-confirmation`,
no: `${hotelReservation.no}/booking-confirmation`,
fi: `${hotelReservation.fi}/varausvahvistus`,
fi: `${hotelReservation.fi}/booking-confirmation`,
da: `${hotelReservation.da}/booking-confirmation`,
de: `${hotelReservation.de}/buchungsbesttigung`,
de: `${hotelReservation.de}/booking-confirmation`,
}
export const bookingFlow = [
@@ -93,6 +83,7 @@ export const bookingFlow = [
...Object.values(selectBed),
...Object.values(breakfast),
...Object.values(details),
...Object.values(payments),
...Object.values(payment),
...Object.values(selectHotelMap),
...Object.values(bookingConfirmation),
]