Merged in feat/lokalise-rebuild (pull request #2993)
Feat/lokalise rebuild * chore(lokalise): update translation ids * chore(lokalise): easier to switch between projects * chore(lokalise): update translation ids * . * . * . * . * . * . * chore(lokalise): update translation ids * chore(lokalise): update translation ids * . * . * . * chore(lokalise): update translation ids * chore(lokalise): update translation ids * . * . * chore(lokalise): update translation ids * chore(lokalise): update translation ids * chore(lokalise): new translations * merge * switch to errors for missing id's * merge * sync translations Approved-by: Linus Flood
This commit is contained in:
@@ -12,7 +12,10 @@ export default function CustomerSupport() {
|
||||
return (
|
||||
<DialogTrigger>
|
||||
<Button fullWidth intent="secondary" size="small">
|
||||
{intl.formatMessage({ defaultMessage: "Customer Support" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.customerSupport",
|
||||
defaultMessage: "Customer support",
|
||||
})}
|
||||
</Button>
|
||||
<CustomerSupportModal />
|
||||
</DialogTrigger>
|
||||
|
||||
@@ -18,7 +18,10 @@ export default function Cancelled() {
|
||||
{/* (S) TODO - Link to where?? */}
|
||||
{!isWebview(pathname) && (
|
||||
<Link className={styles.link} href="#">
|
||||
{intl.formatMessage({ defaultMessage: "Rebook" })}
|
||||
{intl.formatMessage({
|
||||
defaultMessage: "Rebook",
|
||||
id: "myStay.referenceCard.actions.rebook",
|
||||
})}
|
||||
</Link>
|
||||
)}
|
||||
|
||||
|
||||
@@ -19,9 +19,13 @@ export default function CustomerSupportModal() {
|
||||
phone: state.hotel.contactInformation.phoneNumber,
|
||||
}))
|
||||
|
||||
const title = intl.formatMessage({ defaultMessage: "Customer service" })
|
||||
const title = intl.formatMessage({
|
||||
id: "common.customerService",
|
||||
defaultMessage: "Customer service",
|
||||
})
|
||||
const contact = intl.formatMessage(
|
||||
{
|
||||
id: "myStay.referenceCard.actions.customerSupport.contactInfo",
|
||||
defaultMessage:
|
||||
"Please call {phone} or email us at {email} for assistance with your order.",
|
||||
},
|
||||
@@ -45,6 +49,7 @@ export default function CustomerSupportModal() {
|
||||
<Typography variant="Title/Subtitle/md">
|
||||
<span>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.customerSupport.makeCall",
|
||||
defaultMessage: "Make a call",
|
||||
})}
|
||||
</span>
|
||||
@@ -55,6 +60,7 @@ export default function CustomerSupportModal() {
|
||||
<Typography variant="Title/Subtitle/md">
|
||||
<span>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.customerSupport.sendEmail",
|
||||
defaultMessage: "Send an email",
|
||||
})}
|
||||
</span>
|
||||
@@ -64,10 +70,16 @@ export default function CustomerSupportModal() {
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={close}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.back",
|
||||
defaultMessage: "Back",
|
||||
})}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
<Modal.Content.Footer.Primary intent="secondary" onClick={close}>
|
||||
{intl.formatMessage({ defaultMessage: "Close" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.close",
|
||||
defaultMessage: "Close",
|
||||
})}
|
||||
</Modal.Content.Footer.Primary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -34,6 +34,7 @@ export default function AddToCalendarButton({
|
||||
<Typography variant="Body/Paragraph/mdBold">
|
||||
<span className={styles.text}>
|
||||
{intl.formatMessage({
|
||||
id: "common.addToCalendar",
|
||||
defaultMessage: "Add to calendar",
|
||||
})}
|
||||
</span>
|
||||
|
||||
@@ -17,7 +17,10 @@ export default function Alerts({ children, closeModal }: AlertsProps) {
|
||||
const mainRoom = useMyStayStore((state) => state.bookedRoom)
|
||||
|
||||
if (!mainRoom) {
|
||||
const title = intl.formatMessage({ defaultMessage: "Cancel stay" })
|
||||
const title = intl.formatMessage({
|
||||
id: "booking.cancelStay",
|
||||
defaultMessage: "Cancel stay",
|
||||
})
|
||||
return (
|
||||
<Modal.Content>
|
||||
<Modal.Content.Header handleClose={closeModal} title={title} />
|
||||
@@ -25,9 +28,11 @@ export default function Alerts({ children, closeModal }: AlertsProps) {
|
||||
<Alert
|
||||
type={AlertTypeEnum.Info}
|
||||
heading={intl.formatMessage({
|
||||
id: "myStay.actions.contactBooker",
|
||||
defaultMessage: "Contact the person who booked the stay",
|
||||
})}
|
||||
text={intl.formatMessage({
|
||||
id: "myStay.actions.contactBooker.multiroom.cancel",
|
||||
defaultMessage:
|
||||
"As this is a multiroom stay, the cancellation has to be done by the person who made the booking. Please call 08-517 517 00 to talk to our customer service if you would need further assistance.",
|
||||
})}
|
||||
@@ -35,7 +40,10 @@ export default function Alerts({ children, closeModal }: AlertsProps) {
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.back",
|
||||
defaultMessage: "Back",
|
||||
})}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -46,19 +46,21 @@ export default function CancelStayPriceContainer() {
|
||||
|
||||
const adultsText = intl.formatMessage(
|
||||
{
|
||||
defaultMessage: "{totalAdults, plural, one {# adult} other {# adults}}",
|
||||
id: "booking.numberOfAdults",
|
||||
defaultMessage: "{adults, plural, one {# adult} other {# adults}}",
|
||||
},
|
||||
{ totalAdults: totalAdults }
|
||||
{ adults: totalAdults }
|
||||
)
|
||||
const childrenText = intl.formatMessage(
|
||||
{
|
||||
defaultMessage:
|
||||
"{totalChildren, plural, one {# child} other {# children}}",
|
||||
id: "booking.numberOfChildren",
|
||||
defaultMessage: "{children, plural, one {# child} other {# children}}",
|
||||
},
|
||||
{ totalChildren: totalChildren }
|
||||
{ children: totalChildren }
|
||||
)
|
||||
const nightsText = intl.formatMessage(
|
||||
{
|
||||
id: "booking.numberOfNights",
|
||||
defaultMessage: "{totalNights, plural, one {# night} other {# nights}}",
|
||||
},
|
||||
{ totalNights: nights }
|
||||
@@ -70,7 +72,10 @@ export default function CancelStayPriceContainer() {
|
||||
childrenText={childrenText}
|
||||
nightsText={nightsText}
|
||||
price={formatPrice(intl, 0, bookedRoom.currencyCode)}
|
||||
text={intl.formatMessage({ defaultMessage: "Total due" })}
|
||||
text={intl.formatMessage({
|
||||
id: "booking.totalDue",
|
||||
defaultMessage: "Total due",
|
||||
})}
|
||||
totalChildren={totalChildren}
|
||||
/>
|
||||
)
|
||||
|
||||
@@ -21,11 +21,16 @@ export default function Multiroom() {
|
||||
return null
|
||||
}
|
||||
|
||||
const myRooms = intl.formatMessage({ defaultMessage: "My rooms" })
|
||||
const myRooms = intl.formatMessage({
|
||||
defaultMessage: "My rooms",
|
||||
id: "myStay.cancelStay.myRooms",
|
||||
})
|
||||
const selectRoom = intl.formatMessage({
|
||||
id: "booking.selectRoom",
|
||||
defaultMessage: "Select room",
|
||||
})
|
||||
const cannotBeCancelled = intl.formatMessage({
|
||||
id: "myStay.cancelStay.cannotBeCancelled",
|
||||
defaultMessage: "Cannot be cancelled",
|
||||
})
|
||||
|
||||
@@ -35,6 +40,7 @@ export default function Multiroom() {
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.cancelStay.multipleTermsNotice",
|
||||
defaultMessage: "This stay has multiple terms.",
|
||||
})}
|
||||
</p>
|
||||
@@ -58,7 +64,10 @@ interface ListProps {
|
||||
|
||||
function List({ disabled = false, rooms, title }: ListProps) {
|
||||
const intl = useIntl()
|
||||
const refMsg = intl.formatMessage({ defaultMessage: "Ref" })
|
||||
const refMsg = intl.formatMessage({
|
||||
id: "myStay.cancelStay.ref",
|
||||
defaultMessage: "Ref",
|
||||
})
|
||||
return (
|
||||
<div className={styles.rooms}>
|
||||
<Typography variant="Title/Overline/sm">
|
||||
@@ -81,6 +90,7 @@ function List({ disabled = false, rooms, title }: ListProps) {
|
||||
<p className={styles.chipText}>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "booking.roomIndex",
|
||||
defaultMessage: "Room {roomIndex}",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -49,16 +49,22 @@ export default function CancelStayConfirmation({
|
||||
.locale(lang)
|
||||
.format(longDateWithYearFormat[lang])
|
||||
|
||||
const title = intl.formatMessage({ defaultMessage: "Cancel booking" })
|
||||
const title = intl.formatMessage({
|
||||
id: "common.cancelBooking",
|
||||
defaultMessage: "Cancel booking",
|
||||
})
|
||||
const primaryLabel = intl.formatMessage({
|
||||
id: "booking.cancelStay",
|
||||
defaultMessage: "Cancel stay",
|
||||
})
|
||||
const secondaryLabel = intl.formatMessage({
|
||||
id: "common.back",
|
||||
defaultMessage: "Back",
|
||||
})
|
||||
|
||||
const notCancelableText = intl.formatMessage(
|
||||
{
|
||||
id: "myStay.referenceCard.actions.cancelStay.notCancelableText",
|
||||
defaultMessage:
|
||||
"Your stay has been booked with <strong>{rate}</strong> terms which unfortunately doesn’t allow for cancellation.",
|
||||
},
|
||||
@@ -70,6 +76,7 @@ export default function CancelStayConfirmation({
|
||||
|
||||
const text = intl.formatMessage(
|
||||
{
|
||||
id: "myStay.referenceCard.actions.cancelStay.confirmationText",
|
||||
defaultMessage:
|
||||
"Are you sure you want to cancel your stay at <strong>{hotel}</strong> from <strong>{checkInDate}</strong> to <strong>{checkOutDate}?</strong> This can't be reversed.",
|
||||
},
|
||||
@@ -123,7 +130,10 @@ export default function CancelStayConfirmation({
|
||||
</Modal.Content.Footer.Primary>
|
||||
) : (
|
||||
<Modal.Content.Footer.Primary intent="secondary" onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Close" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.close",
|
||||
defaultMessage: "Close",
|
||||
})}
|
||||
</Modal.Content.Footer.Primary>
|
||||
)}
|
||||
</Modal.Content.Footer>
|
||||
|
||||
@@ -36,9 +36,11 @@ export default function FinalConfirmation({
|
||||
}))
|
||||
|
||||
const cancelledStayMsg = intl.formatMessage({
|
||||
id: "myStay.cancelStay.stayCancelledToastMessage",
|
||||
defaultMessage: "Your stay was cancelled",
|
||||
})
|
||||
const sorryMsg = intl.formatMessage({
|
||||
id: "myStay.cancelStay.sorryMessage",
|
||||
defaultMessage: "We’re sorry that things didn’t work out.",
|
||||
})
|
||||
|
||||
@@ -86,7 +88,10 @@ export default function FinalConfirmation({
|
||||
<span className={styles.textDefault}>
|
||||
<strong>
|
||||
{intl.formatMessage(
|
||||
{ defaultMessage: "{roomName} room was cancelled" },
|
||||
{
|
||||
id: "myStay.cancelStay.roomCancelledToastMessage",
|
||||
defaultMessage: "{roomName} room was cancelled",
|
||||
},
|
||||
{ roomName: cancelledRoom.roomName }
|
||||
)}
|
||||
</strong>
|
||||
@@ -95,6 +100,7 @@ export default function FinalConfirmation({
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<span className={styles.textDefault}>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.cancelStay.stayStillActiveToastMessage",
|
||||
defaultMessage:
|
||||
"Your Stay is still active with the other room",
|
||||
})}
|
||||
@@ -107,6 +113,7 @@ export default function FinalConfirmation({
|
||||
} else {
|
||||
toast.warning(
|
||||
intl.formatMessage({
|
||||
id: "myStay.cancelStay.partialCancellationErrorMessage",
|
||||
defaultMessage:
|
||||
"Some rooms were cancelled successfully, but we encountered issues with others. Please contact customer service for assistance.",
|
||||
})
|
||||
@@ -125,6 +132,7 @@ export default function FinalConfirmation({
|
||||
onError() {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "myStay.cancelStay.cancellationErrorMessage",
|
||||
defaultMessage: "Something went wrong. Please try again later.",
|
||||
})
|
||||
)
|
||||
@@ -145,6 +153,7 @@ export default function FinalConfirmation({
|
||||
} else {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "myStay.cancelStay.cancellationErrorMessage",
|
||||
defaultMessage: "Something went wrong. Please try again later.",
|
||||
})
|
||||
)
|
||||
@@ -152,15 +161,19 @@ export default function FinalConfirmation({
|
||||
}
|
||||
|
||||
const confirm = intl.formatMessage({
|
||||
id: "myStay.cancelStay.confirmCancellation",
|
||||
defaultMessage: "Confirm cancellation",
|
||||
})
|
||||
const dontCancel = intl.formatMessage({
|
||||
id: "myStay.cancelStay.dontCancel",
|
||||
defaultMessage: "Don't cancel",
|
||||
})
|
||||
const text = intl.formatMessage({
|
||||
id: "myStay.cancelStay.finalConfirmationText",
|
||||
defaultMessage: "Are you sure you want to continue with the cancellation?",
|
||||
})
|
||||
const title = intl.formatMessage({
|
||||
id: "common.cancelBooking",
|
||||
defaultMessage: "Cancel booking",
|
||||
})
|
||||
|
||||
|
||||
@@ -20,7 +20,10 @@ export default function CancelStay() {
|
||||
return (
|
||||
<DialogTrigger>
|
||||
<Modal.Button icon="cancel" onClick={trackCancelStay}>
|
||||
{intl.formatMessage({ defaultMessage: "Cancel stay" })}
|
||||
{intl.formatMessage({
|
||||
id: "booking.cancelStay",
|
||||
defaultMessage: "Cancel stay",
|
||||
})}
|
||||
</Modal.Button>
|
||||
<Modal>
|
||||
<Dialog className={styles.dialog}>
|
||||
|
||||
@@ -17,6 +17,7 @@ export default function CannotChangeDate({
|
||||
<Modal.Content.Header
|
||||
handleClose={closeModal}
|
||||
title={intl.formatMessage({
|
||||
id: "myStay.actions.changeDates",
|
||||
defaultMessage: "New dates for the stay",
|
||||
})}
|
||||
/>
|
||||
@@ -24,9 +25,11 @@ export default function CannotChangeDate({
|
||||
<Alert
|
||||
type={AlertTypeEnum.Info}
|
||||
heading={intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.changeDates.contactCustomerService",
|
||||
defaultMessage: "Contact customer service",
|
||||
})}
|
||||
text={intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.changeDates.contactCustomerService.text",
|
||||
defaultMessage:
|
||||
"Please contact customer service to update the dates.",
|
||||
})}
|
||||
@@ -34,7 +37,7 @@ export default function CannotChangeDate({
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({ defaultMessage: "Back", id: "common.back" })}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -17,6 +17,7 @@ export default function MultiRoomBooking({
|
||||
<Modal.Content.Header
|
||||
handleClose={closeModal}
|
||||
title={intl.formatMessage({
|
||||
id: "myStay.actions.changeDates",
|
||||
defaultMessage: "New dates for the stay",
|
||||
})}
|
||||
/>
|
||||
@@ -24,9 +25,11 @@ export default function MultiRoomBooking({
|
||||
<Alert
|
||||
type={AlertTypeEnum.Info}
|
||||
heading={intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.changeDates.contactCustomerService",
|
||||
defaultMessage: "Contact customer service",
|
||||
})}
|
||||
text={intl.formatMessage({
|
||||
id: "myStay.actions.contactBooker.multiroom.update",
|
||||
defaultMessage:
|
||||
"As this is a multiroom stay, any dates changes are applicable to all rooms. Please contact customer service to update the dates.",
|
||||
})}
|
||||
@@ -34,7 +37,7 @@ export default function MultiRoomBooking({
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({ defaultMessage: "Back", id: "common.back" })}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -17,6 +17,7 @@ export default function NotMainRoom({
|
||||
<Modal.Content.Header
|
||||
handleClose={closeModal}
|
||||
title={intl.formatMessage({
|
||||
id: "myStay.actions.changeDates",
|
||||
defaultMessage: "New dates for the stay",
|
||||
})}
|
||||
/>
|
||||
@@ -24,9 +25,11 @@ export default function NotMainRoom({
|
||||
<Alert
|
||||
type={AlertTypeEnum.Info}
|
||||
heading={intl.formatMessage({
|
||||
id: "myStay.actions.contactBooker",
|
||||
defaultMessage: "Contact the person who booked the stay",
|
||||
})}
|
||||
text={intl.formatMessage({
|
||||
id: "myStay.actions.contactBooker.multiroom.updateDates",
|
||||
defaultMessage:
|
||||
"As this is a multiroom stay, any dates changes are applicable to all rooms. Please ask the person who booked the stay to contact customer service.",
|
||||
})}
|
||||
@@ -34,7 +37,7 @@ export default function NotMainRoom({
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({ defaultMessage: "Back", id: "common.back" })}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -23,9 +23,11 @@ export default function PriceAndDate({
|
||||
const intl = useIntl()
|
||||
|
||||
const checkInMsg = intl.formatMessage({
|
||||
id: "common.checkIn",
|
||||
defaultMessage: "Check-in",
|
||||
})
|
||||
const checkOutMsg = intl.formatMessage({
|
||||
id: "common.checkOut",
|
||||
defaultMessage: "Check-out",
|
||||
})
|
||||
|
||||
|
||||
@@ -64,6 +64,7 @@ export default function Confirmation({
|
||||
|
||||
toast.success(
|
||||
intl.formatMessage({
|
||||
id: "myStay.changeDates.stayUpdatedToastMessage",
|
||||
defaultMessage: "Your stay was updated",
|
||||
})
|
||||
)
|
||||
@@ -72,6 +73,7 @@ export default function Confirmation({
|
||||
} else {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "myStay.changeDates.stayUpdateFailedToastMessage",
|
||||
defaultMessage: "Failed to update your stay",
|
||||
})
|
||||
)
|
||||
@@ -80,6 +82,7 @@ export default function Confirmation({
|
||||
onError: () => {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "myStay.changeDates.stayUpdateFailedToastMessage",
|
||||
defaultMessage: "Failed to update your stay",
|
||||
})
|
||||
)
|
||||
@@ -106,34 +109,40 @@ export default function Confirmation({
|
||||
|
||||
const nightsText = intl.formatMessage(
|
||||
{
|
||||
id: "booking.numberOfNights",
|
||||
defaultMessage: "{totalNights, plural, one {# night} other {# nights}}",
|
||||
},
|
||||
{ totalNights: nights }
|
||||
)
|
||||
const newDatesLabel = intl.formatMessage({
|
||||
id: "myStay.changeDates.newDatesLabel",
|
||||
defaultMessage: "New dates",
|
||||
})
|
||||
const oldDatesLabel = intl.formatMessage({
|
||||
id: "myStay.changeDates.oldDatesLabel",
|
||||
defaultMessage: "Old dates",
|
||||
})
|
||||
const title = intl.formatMessage({
|
||||
id: "myStay.changeDates.confirmationTitle",
|
||||
defaultMessage: "Confirm date change",
|
||||
})
|
||||
const totalDueMsg = intl.formatMessage({
|
||||
id: "myStay.changeDates.payAtHotelMessage",
|
||||
defaultMessage: "Pay at the hotel",
|
||||
})
|
||||
const adultsText = intl.formatMessage(
|
||||
{
|
||||
defaultMessage: "{totalAdults, plural, one {# adult} other {# adults}}",
|
||||
id: "booking.numberOfAdults",
|
||||
defaultMessage: "{adults, plural, one {# adult} other {# adults}}",
|
||||
},
|
||||
{ totalAdults: totalAdults }
|
||||
{ adults: totalAdults }
|
||||
)
|
||||
const childrenText = intl.formatMessage(
|
||||
{
|
||||
defaultMessage:
|
||||
"{totalChildren, plural, one {# child} other {# children}}",
|
||||
id: "booking.numberOfChildren",
|
||||
defaultMessage: "{children, plural, one {# child} other {# children}}",
|
||||
},
|
||||
{ totalChildren: totalChildren }
|
||||
{ children: totalChildren }
|
||||
)
|
||||
|
||||
return (
|
||||
@@ -172,13 +181,16 @@ export default function Confirmation({
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({ defaultMessage: "Back", id: "common.back" })}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
<Modal.Content.Footer.Primary
|
||||
disabled={updateBooking.isPending}
|
||||
onClick={handleModifyStay}
|
||||
>
|
||||
{intl.formatMessage({ defaultMessage: "Confirm" })}
|
||||
{intl.formatMessage({
|
||||
defaultMessage: "Confirm",
|
||||
id: "common.confirm",
|
||||
})}
|
||||
</Modal.Content.Footer.Primary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -10,9 +10,11 @@ export default function NoAvailability() {
|
||||
<Alert
|
||||
type={AlertTypeEnum.Info}
|
||||
heading={intl.formatMessage({
|
||||
id: "booking.noAvailability",
|
||||
defaultMessage: "No availability",
|
||||
})}
|
||||
text={intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.changeDates.noAvailability.text",
|
||||
defaultMessage: "No single rooms are available on these dates",
|
||||
})}
|
||||
/>
|
||||
|
||||
@@ -62,8 +62,14 @@ export default function NewDates({ checkInDate, checkOutDate }: NewDatesProps) {
|
||||
}
|
||||
}
|
||||
|
||||
const checkInLabel = intl.formatMessage({ defaultMessage: "Check-in" })
|
||||
const checkOutLabel = intl.formatMessage({ defaultMessage: "Check-out" })
|
||||
const checkInLabel = intl.formatMessage({
|
||||
id: "common.checkIn",
|
||||
defaultMessage: "Check-in",
|
||||
})
|
||||
const checkOutLabel = intl.formatMessage({
|
||||
id: "common.checkOut",
|
||||
defaultMessage: "Check-out",
|
||||
})
|
||||
|
||||
const checkInText = dt(fromDate)
|
||||
.locale(lang)
|
||||
|
||||
@@ -45,6 +45,7 @@ export default function Form({
|
||||
} else {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "myStay.actions.changeDates.selectDate.errorMessage",
|
||||
defaultMessage: "Please select dates",
|
||||
})
|
||||
)
|
||||
@@ -58,6 +59,7 @@ export default function Form({
|
||||
<Modal.Content.Header
|
||||
handleClose={closeModal}
|
||||
title={intl.formatMessage({
|
||||
id: "myStay.actions.changeDates",
|
||||
defaultMessage: "New dates for the stay",
|
||||
})}
|
||||
/>
|
||||
@@ -67,7 +69,10 @@ export default function Form({
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={closeModal}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({
|
||||
defaultMessage: "Back",
|
||||
id: "common.back",
|
||||
})}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
<Modal.Content.Footer.Primary
|
||||
disabled={methods.formState.isSubmitting}
|
||||
@@ -75,6 +80,7 @@ export default function Form({
|
||||
type="submit"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.actions.changeDates.checkAvailability",
|
||||
defaultMessage: "Check availability",
|
||||
})}
|
||||
</Modal.Content.Footer.Primary>
|
||||
|
||||
@@ -34,7 +34,10 @@ export default function ChangeDates() {
|
||||
trackMyStayPageLink("modify dates")
|
||||
}
|
||||
|
||||
const text = intl.formatMessage({ defaultMessage: "Change dates" })
|
||||
const text = intl.formatMessage({
|
||||
defaultMessage: "Change dates",
|
||||
id: "myStay.referenceCard.actions.changeDates",
|
||||
})
|
||||
return (
|
||||
<DialogTrigger>
|
||||
<Modal.Button
|
||||
|
||||
@@ -16,7 +16,10 @@ export default function CustomerSupport() {
|
||||
return (
|
||||
<DialogTrigger>
|
||||
<Modal.Button icon="support_agent" onClick={trackCustomerSupport}>
|
||||
{intl.formatMessage({ defaultMessage: "Customer support" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.customerSupport",
|
||||
defaultMessage: "Customer support",
|
||||
})}
|
||||
</Modal.Button>
|
||||
<CustomerSupportModal />
|
||||
</DialogTrigger>
|
||||
|
||||
@@ -109,6 +109,7 @@ export default function Form() {
|
||||
handleGuaranteeError("No confirmation number")
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "errorMessage.somethingWentWrong",
|
||||
defaultMessage: "Something went wrong!",
|
||||
})
|
||||
)
|
||||
@@ -117,6 +118,7 @@ export default function Form() {
|
||||
|
||||
const guaranteeMsg = intl.formatMessage(
|
||||
{
|
||||
id: "myStay.gla.termsAndConditionsMessage",
|
||||
defaultMessage:
|
||||
"I accept the terms for this stay and the general <termsAndConditionsLink>Booking & Cancellation Terms</termsAndConditionsLink>, and understand Scandic will process my personal data for this stay in accordance with <privacyPolicyLink>Scandic's Privacy Policy</privacyPolicyLink>. ",
|
||||
},
|
||||
@@ -169,9 +171,12 @@ export default function Form() {
|
||||
name="paymentMethod"
|
||||
label={
|
||||
savedCreditCards?.length
|
||||
? intl.formatMessage({
|
||||
defaultMessage: "OTHER",
|
||||
})
|
||||
? intl
|
||||
.formatMessage({
|
||||
id: "common.other",
|
||||
defaultMessage: "Other",
|
||||
})
|
||||
.toUpperCase()
|
||||
: undefined
|
||||
}
|
||||
onChange={(method) => {
|
||||
@@ -181,6 +186,7 @@ export default function Form() {
|
||||
<PaymentOption
|
||||
value={PaymentMethodEnum.card}
|
||||
label={intl.formatMessage({
|
||||
id: "common.creditCard",
|
||||
defaultMessage: "Credit card",
|
||||
})}
|
||||
/>
|
||||
@@ -197,6 +203,7 @@ export default function Form() {
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<span className={styles.textDefault}>
|
||||
{intl.formatMessage({
|
||||
id: "booking.totalDue",
|
||||
defaultMessage: "Total due",
|
||||
})}
|
||||
</span>
|
||||
@@ -204,6 +211,7 @@ export default function Form() {
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<span className={styles.textDefault}>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.gla.chargeInfo",
|
||||
defaultMessage:
|
||||
"Your card will only be charged in the event of a no-show",
|
||||
})}
|
||||
|
||||
@@ -43,10 +43,12 @@ export default function GuaranteeLateArrival() {
|
||||
}
|
||||
|
||||
const arriveLateMsg = intl.formatMessage({
|
||||
id: "myStay.gla.arriveLateMessage",
|
||||
defaultMessage:
|
||||
"Planning to arrive after 18.00? Secure your room by guaranteeing it with a credit card. Without the guarantee and in case of no-show, the room might be reallocated after 18:00.",
|
||||
})
|
||||
const text = intl.formatMessage({
|
||||
id: "myStay.gla.heading",
|
||||
defaultMessage: "Guarantee late arrival",
|
||||
})
|
||||
|
||||
@@ -69,10 +71,16 @@ export default function GuaranteeLateArrival() {
|
||||
</Modal.Content.Body>
|
||||
<Modal.Content.Footer>
|
||||
<Modal.Content.Footer.Secondary onClick={close}>
|
||||
{intl.formatMessage({ defaultMessage: "Back" })}
|
||||
{intl.formatMessage({
|
||||
id: "common.back",
|
||||
defaultMessage: "Back",
|
||||
})}
|
||||
</Modal.Content.Footer.Secondary>
|
||||
<Modal.Content.Footer.Primary form="guarantee" type="submit">
|
||||
{intl.formatMessage({ defaultMessage: "Guarantee" })}
|
||||
{intl.formatMessage({
|
||||
id: "myStay.gla.guarantee",
|
||||
defaultMessage: "Guarantee",
|
||||
})}
|
||||
</Modal.Content.Footer.Primary>
|
||||
</Modal.Content.Footer>
|
||||
</Modal.Content>
|
||||
|
||||
@@ -35,6 +35,7 @@ export default function ViewAndPrintReceipt() {
|
||||
}
|
||||
|
||||
const printMsg = intl.formatMessage({
|
||||
id: "myStay.manageStay.viewReceipt",
|
||||
defaultMessage: "View and print receipt",
|
||||
})
|
||||
|
||||
|
||||
@@ -9,7 +9,10 @@ import styles from "./info.module.css"
|
||||
|
||||
export default function Info() {
|
||||
const intl = useIntl()
|
||||
const text = intl.formatMessage({ defaultMessage: "Booking number" })
|
||||
const text = intl.formatMessage({
|
||||
id: "common.bookingNumber",
|
||||
defaultMessage: "Booking number",
|
||||
})
|
||||
|
||||
const { address, confirmationNumber, hotelName, phoneNumber } =
|
||||
useMyStayStore((state) => ({
|
||||
|
||||
@@ -29,6 +29,7 @@ export default function ManageStay() {
|
||||
: "Icon/Inverted"
|
||||
|
||||
const manageStay = intl.formatMessage({
|
||||
id: "myStay.manageStay.manageStay",
|
||||
defaultMessage: "Manage stay",
|
||||
})
|
||||
|
||||
|
||||
@@ -25,6 +25,7 @@ export default function NotCancelled() {
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<span>
|
||||
{intl.formatMessage({
|
||||
id: "myStay.referenceCard.actions.findUs",
|
||||
defaultMessage: "Find us",
|
||||
})}
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user