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:
@@ -15,6 +15,7 @@ export default async function HowItWorks({ dynamic_content }: HowItWorksProps) {
|
||||
<section className={styles.container}>
|
||||
<Title level="h3">
|
||||
{intl.formatMessage({
|
||||
id: "common.howItWorks",
|
||||
defaultMessage: "How it works",
|
||||
})}
|
||||
</Title>
|
||||
|
||||
@@ -34,9 +34,11 @@ export default function Filter({
|
||||
items={countryFilters}
|
||||
defaultSelectedKey={""}
|
||||
label={intl.formatMessage({
|
||||
id: "common.country",
|
||||
defaultMessage: "Country",
|
||||
})}
|
||||
aria-label={intl.formatMessage({
|
||||
id: "common.country",
|
||||
defaultMessage: "Country",
|
||||
})}
|
||||
name="country"
|
||||
@@ -46,9 +48,11 @@ export default function Filter({
|
||||
items={cityFilters}
|
||||
defaultSelectedKey={""}
|
||||
label={intl.formatMessage({
|
||||
id: "jobylonFeed.cityFilterLabel",
|
||||
defaultMessage: "Location (shown in local language)",
|
||||
})}
|
||||
aria-label={intl.formatMessage({
|
||||
id: "jobylonFeed.cityFilterLabel",
|
||||
defaultMessage: "Location (shown in local language)",
|
||||
})}
|
||||
name="city"
|
||||
@@ -58,9 +62,11 @@ export default function Filter({
|
||||
items={departmentFilters}
|
||||
defaultSelectedKey={""}
|
||||
label={intl.formatMessage({
|
||||
id: "jobylonFeed.departmentFilterLabel",
|
||||
defaultMessage: "Hotel or office",
|
||||
})}
|
||||
aria-label={intl.formatMessage({
|
||||
id: "jobylonFeed.departmentFilterLabel",
|
||||
defaultMessage: "Hotel or office",
|
||||
})}
|
||||
name="department"
|
||||
@@ -70,9 +76,11 @@ export default function Filter({
|
||||
items={categoryFilters}
|
||||
defaultSelectedKey={""}
|
||||
label={intl.formatMessage({
|
||||
id: "jobylonFeed.categoryFilterLabel",
|
||||
defaultMessage: "Category",
|
||||
})}
|
||||
aria-label={intl.formatMessage({
|
||||
id: "jobylonFeed.categoryFilterLabel",
|
||||
defaultMessage: "Category",
|
||||
})}
|
||||
name="category"
|
||||
|
||||
@@ -33,6 +33,7 @@ export default function JobList({ allJobs }: JobListProps) {
|
||||
const countryFilters = [
|
||||
{
|
||||
label: intl.formatMessage({
|
||||
id: "jobylonFeed.allCountriesFilter",
|
||||
defaultMessage: "All countries",
|
||||
}),
|
||||
value: "",
|
||||
@@ -42,6 +43,7 @@ export default function JobList({ allJobs }: JobListProps) {
|
||||
const cityFilters = [
|
||||
{
|
||||
label: intl.formatMessage({
|
||||
id: "jobylonFeed.allLocationsFilter",
|
||||
defaultMessage: "All locations",
|
||||
}),
|
||||
value: "",
|
||||
@@ -51,6 +53,7 @@ export default function JobList({ allJobs }: JobListProps) {
|
||||
const departmentFilters = [
|
||||
{
|
||||
label: intl.formatMessage({
|
||||
id: "jobylonFeed.allDepartmentsFilter",
|
||||
defaultMessage: "All hotels and offices",
|
||||
}),
|
||||
value: "",
|
||||
@@ -60,6 +63,7 @@ export default function JobList({ allJobs }: JobListProps) {
|
||||
const categoryFilters = [
|
||||
{
|
||||
label: intl.formatMessage({
|
||||
id: "jobylonFeed.allCategoriesFilter",
|
||||
defaultMessage: "All categories",
|
||||
}),
|
||||
value: "",
|
||||
@@ -79,6 +83,7 @@ export default function JobList({ allJobs }: JobListProps) {
|
||||
<Subtitle type="two">
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "jobylonFeed.resultCount",
|
||||
defaultMessage: "{count, plural, one {# Result} other {# Results}}",
|
||||
},
|
||||
{ count: state.jobs.length }
|
||||
|
||||
@@ -24,11 +24,13 @@ export default function JobylonCard({ job }: JobylonCardProps) {
|
||||
const deadlineText = job.toDate
|
||||
? intl.formatMessage(
|
||||
{
|
||||
id: "jobylonFeed.card.deadlineText",
|
||||
defaultMessage: "Deadline: {date}",
|
||||
},
|
||||
{ date: dt(job.toDate).locale(lang).format("Do MMMM") }
|
||||
)
|
||||
: intl.formatMessage({
|
||||
id: "jobylonFeed.card.openForApplication",
|
||||
defaultMessage: "Open for application",
|
||||
})
|
||||
|
||||
@@ -57,6 +59,7 @@ export default function JobylonCard({ job }: JobylonCardProps) {
|
||||
>
|
||||
<a href={job.url} target="_blank" rel="noopener noreferrer">
|
||||
{intl.formatMessage({
|
||||
id: "jobylonFeed.card.viewAndApplyButton",
|
||||
defaultMessage: "View & apply",
|
||||
})}
|
||||
<MaterialIcon icon="open_in_new" size={20} />
|
||||
|
||||
@@ -39,6 +39,7 @@ async function LevelCard({ level }: LevelCardProps) {
|
||||
|
||||
let pointsMsg: React.ReactNode = intl.formatMessage(
|
||||
{
|
||||
id: "common.pointsAmountPoints",
|
||||
defaultMessage: "{pointsAmount, number} points",
|
||||
},
|
||||
{ pointsAmount: level.required_points }
|
||||
@@ -47,6 +48,7 @@ async function LevelCard({ level }: LevelCardProps) {
|
||||
if (level.required_nights) {
|
||||
pointsMsg = intl.formatMessage(
|
||||
{
|
||||
id: "loyaltyLevelsBlock.pointsOrNights",
|
||||
defaultMessage:
|
||||
"{pointsAmount, number} points <highlight>or {nightsAmount, number} nights</highlight>",
|
||||
},
|
||||
@@ -68,6 +70,7 @@ async function LevelCard({ level }: LevelCardProps) {
|
||||
>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "common.membershipLevelWithValue",
|
||||
defaultMessage: "Level {level}",
|
||||
},
|
||||
{ level: level.user_facing_tag }
|
||||
|
||||
@@ -28,6 +28,7 @@ export function CookieConsentButton() {
|
||||
className={styles.cookieConsentButton}
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "cookieConsent.manageCookiesButton",
|
||||
defaultMessage: "Manage cookies",
|
||||
})}
|
||||
<MaterialIcon icon="chevron_right" size={24} color="CurrentColor" />
|
||||
|
||||
@@ -18,27 +18,35 @@ export default async function MyPagesOverviewShortcuts() {
|
||||
|
||||
const MyPagesLinkTranslationMap: Record<MyPagesLinkKey, string> = {
|
||||
overview: intl.formatMessage({
|
||||
id: "common.overview",
|
||||
defaultMessage: "Overview",
|
||||
}),
|
||||
points: intl.formatMessage({
|
||||
id: "common.myPoints",
|
||||
defaultMessage: "My points",
|
||||
}),
|
||||
stays: intl.formatMessage({
|
||||
id: "common.myStays",
|
||||
defaultMessage: "My stays",
|
||||
}),
|
||||
benefits: intl.formatMessage({
|
||||
id: "common.myBenefits",
|
||||
defaultMessage: "My benefits",
|
||||
}),
|
||||
partnerSas: intl.formatMessage({
|
||||
id: "partnerSas.sasEuroBonus",
|
||||
defaultMessage: "SAS EuroBonus",
|
||||
}),
|
||||
teamMemberCard: intl.formatMessage({
|
||||
id: "common.teamMemberCard",
|
||||
defaultMessage: "Team Member Card",
|
||||
}),
|
||||
scandicFriends: intl.formatMessage({
|
||||
id: "common.aboutScandicFriends",
|
||||
defaultMessage: "About Scandic Friends",
|
||||
}),
|
||||
profile: intl.formatMessage({
|
||||
id: "common.myProfile",
|
||||
defaultMessage: "My profile",
|
||||
}),
|
||||
}
|
||||
@@ -82,14 +90,26 @@ export default async function MyPagesOverviewShortcuts() {
|
||||
})),
|
||||
{
|
||||
openInNewTab: false,
|
||||
text: intl.formatMessage({ defaultMessage: "Partner benefits" }),
|
||||
title: intl.formatMessage({ defaultMessage: "Partner benefits" }),
|
||||
text: intl.formatMessage({
|
||||
id: "myPagesOverviewShortcuts.partnerBenefits",
|
||||
defaultMessage: "Partner benefits",
|
||||
}),
|
||||
title: intl.formatMessage({
|
||||
id: "myPagesOverviewShortcuts.partnerBenefits",
|
||||
defaultMessage: "Partner benefits",
|
||||
}),
|
||||
url: webHrefs.partners[lang],
|
||||
},
|
||||
{
|
||||
openInNewTab: false,
|
||||
text: intl.formatMessage({ defaultMessage: "Scandic Friends FAQ" }),
|
||||
title: intl.formatMessage({ defaultMessage: "Scandic Friends FAQ" }),
|
||||
text: intl.formatMessage({
|
||||
id: "common.scandicFriendsFaq",
|
||||
defaultMessage: "Scandic Friends FAQ",
|
||||
}),
|
||||
title: intl.formatMessage({
|
||||
id: "common.scandicFriendsFaq",
|
||||
defaultMessage: "Scandic Friends FAQ",
|
||||
}),
|
||||
url: webHrefs.faq[lang],
|
||||
},
|
||||
]
|
||||
@@ -103,6 +123,7 @@ export default async function MyPagesOverviewShortcuts() {
|
||||
<div className={styles.column}>
|
||||
<SectionHeader
|
||||
title={intl.formatMessage({
|
||||
id: "myPagesOverviewShortcuts.yourMembership",
|
||||
defaultMessage: "Your membership",
|
||||
})}
|
||||
headingAs="h4"
|
||||
@@ -116,6 +137,7 @@ export default async function MyPagesOverviewShortcuts() {
|
||||
<div className={styles.column}>
|
||||
<SectionHeader
|
||||
title={intl.formatMessage({
|
||||
id: "myPagesOverviewShortcuts.scandicFriendsLinks",
|
||||
defaultMessage: "Scandic Friends Links",
|
||||
})}
|
||||
headingAs="h4"
|
||||
|
||||
@@ -18,12 +18,14 @@ export default function CopyButton({ membershipNumber }: CopyButtonProps) {
|
||||
navigator.clipboard.writeText(membershipNumber)
|
||||
toast.success(
|
||||
intl.formatMessage({
|
||||
id: "myPages.membershipIdCopied",
|
||||
defaultMessage: "Membership ID copied to clipboard",
|
||||
})
|
||||
)
|
||||
} catch {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "errorMessage.copyFailed",
|
||||
defaultMessage: "Failed to copy",
|
||||
})
|
||||
)
|
||||
|
||||
@@ -21,6 +21,7 @@ export default async function MembershipNumber({
|
||||
<div className={classNames}>
|
||||
<Caption color="pale">
|
||||
{intl.formatMessage({
|
||||
id: "overview.membershipNumber.label",
|
||||
defaultMessage: "Membership ID:",
|
||||
})}
|
||||
</Caption>
|
||||
@@ -29,6 +30,7 @@ export default async function MembershipNumber({
|
||||
<code data-hj-suppress>
|
||||
{membership?.membershipNumber ??
|
||||
intl.formatMessage({
|
||||
id: "common.NA",
|
||||
defaultMessage: "N/A",
|
||||
})}
|
||||
</code>
|
||||
|
||||
@@ -24,13 +24,12 @@ export default async function Friend({
|
||||
const isHighestLevel = isHighestMembership(membership.membershipLevel)
|
||||
|
||||
const lvlMessageHighest = intl.formatMessage({
|
||||
id: "overview.friend.highestLevel",
|
||||
defaultMessage: "Highest level",
|
||||
})
|
||||
|
||||
const lvlMessageLevel = intl.formatMessage(
|
||||
{
|
||||
defaultMessage: "Level {level}",
|
||||
},
|
||||
{ id: "common.membershipLevelWithValue", defaultMessage: "Level {level}" },
|
||||
{ level: membershipLevels[membership.membershipLevel] }
|
||||
)
|
||||
|
||||
|
||||
@@ -28,6 +28,7 @@ export default async function SasBoostStatus({
|
||||
|
||||
const sasBoostExpiryText = intl.formatMessage(
|
||||
{
|
||||
id: "membershipOverViewCard.sasBoostedUntilDate",
|
||||
defaultMessage: "Boosted by SAS until {date}",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -32,7 +32,7 @@ export default async function MembershipOverviewCard({
|
||||
const pointsToSpendText =
|
||||
typeof user.membership.currentPoints === "number"
|
||||
? intl.formatNumber(user.membership.currentPoints)
|
||||
: intl.formatMessage({ defaultMessage: "N/A" })
|
||||
: intl.formatMessage({ id: "common.NA", defaultMessage: "N/A" })
|
||||
|
||||
const sasMembership = user.loyalty
|
||||
? getEurobonusMembership(user.loyalty)
|
||||
@@ -53,6 +53,7 @@ export default async function MembershipOverviewCard({
|
||||
<h2 className={styles.levelText} id="membership-level">
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "common.membershipLevelWithValue",
|
||||
defaultMessage: "Level {level}",
|
||||
},
|
||||
{ level: membershipLevels[user.membership.membershipLevel] }
|
||||
@@ -79,6 +80,7 @@ export default async function MembershipOverviewCard({
|
||||
<Typography variant="Title/Overline/sm">
|
||||
<h3 className={styles.pointsLabel}>
|
||||
{intl.formatMessage({
|
||||
id: "common.pointsToSpend",
|
||||
defaultMessage: "Points to spend",
|
||||
})}
|
||||
</h3>
|
||||
|
||||
@@ -26,6 +26,7 @@ export default async function ExpiringPoints({ user }: UserProps) {
|
||||
<Body color="white" textTransform="bold" textAlign="center">
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "overview.stats.expiringPoints",
|
||||
defaultMessage: "{points} spendable points expiring by {date}",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -28,9 +28,11 @@ export default async function Points({ user }: UserProps) {
|
||||
<PointsColumn
|
||||
value={membership?.currentPoints}
|
||||
title={intl.formatMessage({
|
||||
id: "stats.points.yourPointsToSpend",
|
||||
defaultMessage: "Your points to spend",
|
||||
})}
|
||||
subtitle={intl.formatMessage({
|
||||
id: "stats.points.asOfToday",
|
||||
defaultMessage: "as of today",
|
||||
})}
|
||||
/>
|
||||
@@ -38,10 +40,12 @@ export default async function Points({ user }: UserProps) {
|
||||
<PointsColumn
|
||||
value={membership?.pointsRequiredToNextlevel}
|
||||
title={intl.formatMessage({
|
||||
id: "stats.points.pointsNeededToLevelUp",
|
||||
defaultMessage: "Points needed to level up",
|
||||
})}
|
||||
subtitle={intl.formatMessage(
|
||||
{
|
||||
id: "stats.points.nextLevel",
|
||||
defaultMessage: "next level: {nextLevel}",
|
||||
},
|
||||
{ nextLevel: nextLevel.name }
|
||||
|
||||
@@ -34,6 +34,7 @@ export default async function UserBaseInfo({ user }: UserBaseInfoProps) {
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<span>
|
||||
{intl.formatMessage({
|
||||
id: "overview.membershipNumber.label",
|
||||
defaultMessage: "Membership ID:",
|
||||
})}
|
||||
</span>
|
||||
@@ -46,6 +47,7 @@ export default async function UserBaseInfo({ user }: UserBaseInfoProps) {
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<span className={styles.noMembership}>
|
||||
{intl.formatMessage({
|
||||
id: "common.NA",
|
||||
defaultMessage: "N/A",
|
||||
})}
|
||||
</span>
|
||||
|
||||
@@ -55,6 +55,7 @@ export default async function Overview({
|
||||
<>
|
||||
<MaterialIcon icon="id_card" size={24} color="CurrentColor" />
|
||||
{intl.formatMessage({
|
||||
id: "dtmc.showTeamMemberCard",
|
||||
defaultMessage: "Show Team Member Card",
|
||||
})}
|
||||
</>
|
||||
|
||||
@@ -98,10 +98,12 @@ export default function OverviewTableClient({
|
||||
/>
|
||||
<DeprecatedSelect
|
||||
aria-label={intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
name={`reward` + column}
|
||||
label={intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
items={levelOptions}
|
||||
@@ -137,10 +139,12 @@ export default function OverviewTableClient({
|
||||
return (
|
||||
<DeprecatedSelect
|
||||
aria-label={intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
name={`reward` + column}
|
||||
label={intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
items={levelOptions}
|
||||
|
||||
@@ -13,6 +13,7 @@ export default function LevelSummary({
|
||||
const pointsMsg: React.ReactNode = level.required_nights
|
||||
? intl.formatMessage(
|
||||
{
|
||||
id: "overviewTable.levelSummary.pointsOrNights",
|
||||
defaultMessage:
|
||||
"{pointsAmount, number} points or {nightsAmount, number} nights",
|
||||
},
|
||||
@@ -23,6 +24,7 @@ export default function LevelSummary({
|
||||
)
|
||||
: intl.formatMessage(
|
||||
{
|
||||
id: "common.pointsAmountPoints",
|
||||
defaultMessage: "{pointsAmount, number} points",
|
||||
},
|
||||
{ pointsAmount: level.required_points }
|
||||
|
||||
@@ -14,6 +14,7 @@ export default function YourLevel() {
|
||||
textAlign={"center"}
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "overviewTable.yourLevel",
|
||||
defaultMessage: "Your level",
|
||||
})}
|
||||
</BiroScript>
|
||||
|
||||
@@ -21,6 +21,7 @@ export default function ClaimPoints() {
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "points.claimPoints.missingPreviousStay",
|
||||
defaultMessage: "Missing a previous stay?",
|
||||
})}
|
||||
</p>
|
||||
@@ -32,7 +33,10 @@ export default function ClaimPoints() {
|
||||
size="Small"
|
||||
typography="Body/Supporting text (caption)/smBold"
|
||||
>
|
||||
{intl.formatMessage({ defaultMessage: "Claim points" })}
|
||||
{intl.formatMessage({
|
||||
id: "points.claimPoints.cta",
|
||||
defaultMessage: "Claim points",
|
||||
})}
|
||||
<MaterialIcon icon="open_in_new" size={20} color="CurrentColor" />
|
||||
</ButtonLink>
|
||||
</div>
|
||||
|
||||
@@ -36,6 +36,7 @@ export default function AwardPoints({
|
||||
{isCalculated
|
||||
? intl.formatNumber(awardPoints)
|
||||
: intl.formatMessage({
|
||||
id: "earnAndBurn.awardPoints.pointsBeingCalculated",
|
||||
defaultMessage: "Points being calculated",
|
||||
})}
|
||||
</span>
|
||||
|
||||
@@ -25,6 +25,7 @@ export default function Row({ transaction }: RowProps) {
|
||||
|
||||
const nightsMsg = intl.formatMessage(
|
||||
{
|
||||
id: "booking.numberOfNights",
|
||||
defaultMessage: "{totalNights, plural, one {# night} other {# nights}}",
|
||||
},
|
||||
{
|
||||
@@ -34,7 +35,10 @@ export default function Row({ transaction }: RowProps) {
|
||||
let description =
|
||||
transaction.confirmationNumber === "non-transactional" &&
|
||||
transaction.nights === 0
|
||||
? intl.formatMessage({ defaultMessage: "Points activity" })
|
||||
? intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.pointsActivity",
|
||||
defaultMessage: "Points activity",
|
||||
})
|
||||
: transaction.hotelName && transaction.city
|
||||
? `${transaction.hotelName}, ${transaction.city} ${nightsMsg}`
|
||||
: `${nightsMsg}`
|
||||
@@ -44,37 +48,44 @@ export default function Row({ transaction }: RowProps) {
|
||||
case Transactions.rewardType.stayAdj:
|
||||
if (transaction.hotelId === "ORS") {
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.formerScandicHotel",
|
||||
defaultMessage: "Former Scandic Hotel",
|
||||
})
|
||||
}
|
||||
if (transaction.confirmationNumber === "BALFWD") {
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.pointsEarnedPriorMay2021",
|
||||
defaultMessage: "Points earned prior to May 1, 2021",
|
||||
})
|
||||
}
|
||||
break
|
||||
case Transactions.rewardType.ancillary:
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.extrasToBooking",
|
||||
defaultMessage: "Extras to your booking",
|
||||
})
|
||||
break
|
||||
case Transactions.rewardType.enrollment:
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.signUpBonus",
|
||||
defaultMessage: "Sign up bonus",
|
||||
})
|
||||
break
|
||||
case Transactions.rewardType.mastercard_points:
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.scandicFriendsMastercard",
|
||||
defaultMessage: "Scandic Friends Mastercard",
|
||||
})
|
||||
break
|
||||
case Transactions.rewardType.tui_points:
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.tuiPoints",
|
||||
defaultMessage: "TUI Points",
|
||||
})
|
||||
|
||||
case Transactions.rewardType.pointShop:
|
||||
description = intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.pointShop",
|
||||
defaultMessage: "Scandic Friends Point Shop",
|
||||
})
|
||||
break
|
||||
|
||||
@@ -16,15 +16,19 @@ export default function ClientTable({ transactions }: ClientTableProps) {
|
||||
|
||||
const tableHeadings = [
|
||||
intl.formatMessage({
|
||||
id: "common.points",
|
||||
defaultMessage: "Points",
|
||||
}),
|
||||
intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.description",
|
||||
defaultMessage: "Description",
|
||||
}),
|
||||
intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.bookingNumberReference",
|
||||
defaultMessage: "Booking number / Reference",
|
||||
}),
|
||||
intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.date",
|
||||
defaultMessage: "Date",
|
||||
}),
|
||||
]
|
||||
@@ -55,6 +59,7 @@ export default function ClientTable({ transactions }: ClientTableProps) {
|
||||
<Table.TR className={styles.placeholder}>
|
||||
<Table.TD colSpan={tableHeadings.length}>
|
||||
{intl.formatMessage({
|
||||
id: "earnAndBurn.journeyTable.noTransactions",
|
||||
defaultMessage: "No transactions available",
|
||||
})}
|
||||
</Table.TD>
|
||||
|
||||
@@ -22,10 +22,9 @@ export default function ExpiringPointsTable({
|
||||
const expiration = dt(expirationDate).locale(lang).format("DD MMM YYYY")
|
||||
|
||||
const tableHeadings = [
|
||||
intl.formatMessage({ id: "common.points", defaultMessage: "Points" }),
|
||||
intl.formatMessage({
|
||||
defaultMessage: "Points",
|
||||
}),
|
||||
intl.formatMessage({
|
||||
id: "points.expiringPointsTable.expirationDate",
|
||||
defaultMessage: "Expiration Date",
|
||||
}),
|
||||
]
|
||||
|
||||
@@ -32,11 +32,14 @@ export default function ExpiringPointsSeeAllButton({
|
||||
typography="Body/Paragraph/mdBold"
|
||||
onPress={() => setIsOpen(true)}
|
||||
>
|
||||
{intl.formatMessage({ defaultMessage: "See all" })}
|
||||
{intl.formatMessage({ id: "common.seeAll", defaultMessage: "See all" })}
|
||||
<MaterialIcon icon="chevron_right" color="CurrentColor" />
|
||||
</Button>
|
||||
<SidePeekSelfControlled
|
||||
title={intl.formatMessage({ defaultMessage: "Expiring points" })}
|
||||
title={intl.formatMessage({
|
||||
id: "points.pointsToSpendCard.expiringPointsTitle",
|
||||
defaultMessage: "Expiring points",
|
||||
})}
|
||||
isOpen={isOpen}
|
||||
onClose={() => setIsOpen(false)}
|
||||
>
|
||||
@@ -44,6 +47,7 @@ export default function ExpiringPointsSeeAllButton({
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "points.pointsToSpendCard.expiringPointsInfo",
|
||||
defaultMessage:
|
||||
"Points expire three years after they are earned, on the last day of that month. Expiring points do not affect your level.",
|
||||
})}
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
|
||||
.pointsLabel {
|
||||
color: var(--Text-Brand-OnPrimary-1-Heading);
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.description {
|
||||
|
||||
@@ -52,6 +52,7 @@ export default async function PointsToSpendCard({
|
||||
<Typography variant="Title/xs">
|
||||
<h2 id="points-to-spend-card-title" className={styles.title}>
|
||||
{intl.formatMessage({
|
||||
id: "common.pointsToSpend",
|
||||
defaultMessage: "Points to spend",
|
||||
})}
|
||||
</h2>
|
||||
@@ -66,6 +67,7 @@ export default async function PointsToSpendCard({
|
||||
<Typography variant="Title/Overline/sm">
|
||||
<span className={styles.pointsLabel}>
|
||||
{intl.formatMessage({
|
||||
id: "common.points",
|
||||
defaultMessage: "Points",
|
||||
})}
|
||||
</span>
|
||||
@@ -75,6 +77,7 @@ export default async function PointsToSpendCard({
|
||||
{hasPointsToSpend && (
|
||||
<ButtonLink href={spendPoints[lang]} target="_blank" variant="Text">
|
||||
{intl.formatMessage({
|
||||
id: "points.pointsToSpendCard.howToSpendCta",
|
||||
defaultMessage: "How to spend points",
|
||||
})}
|
||||
<MaterialIcon
|
||||
@@ -91,6 +94,7 @@ export default async function PointsToSpendCard({
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p className={styles.descriptionText}>
|
||||
{intl.formatMessage({
|
||||
id: "points.pointsToSpendCard.description",
|
||||
defaultMessage:
|
||||
"Earn points by staying at Scandic. Turn your points into free nights and memorable experiences.",
|
||||
})}
|
||||
@@ -108,6 +112,7 @@ export default async function PointsToSpendCard({
|
||||
<p className={styles.expiringPoints}>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "points.pointsToSpendCard.expiringPointsText",
|
||||
defaultMessage: "{expiringPoints} points expiring",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -24,6 +24,7 @@ export function getExpiryLabel(
|
||||
if (daysUntilExpiry <= DAYS_UNTIL_EXPIRY_WARNING) {
|
||||
return intl.formatMessage(
|
||||
{
|
||||
id: "points.pointsToSpendCard.inDays",
|
||||
defaultMessage: "In {days} days",
|
||||
},
|
||||
{
|
||||
@@ -33,6 +34,7 @@ export function getExpiryLabel(
|
||||
} else {
|
||||
return intl.formatMessage(
|
||||
{
|
||||
id: "points.pointsToSpendCard.onDate",
|
||||
defaultMessage: "on {expiryDate}",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -50,6 +50,7 @@ export default async function NextLevelRewardsBlock({
|
||||
<Chip>
|
||||
<Lock height={16} />
|
||||
{intl.formatMessage({
|
||||
id: "rewards.nextLevel.levelUpToUnlock",
|
||||
defaultMessage: "Level up to unlock",
|
||||
})}
|
||||
</Chip>
|
||||
@@ -57,6 +58,7 @@ export default async function NextLevelRewardsBlock({
|
||||
<Body color="peach50" textAlign="center">
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "rewards.nextLevel.asOurLevel",
|
||||
defaultMessage: "As our {level}",
|
||||
},
|
||||
{ level: nextLevelRewards.level?.name }
|
||||
|
||||
@@ -27,6 +27,7 @@ export default function ActiveRedeemedBadge() {
|
||||
</motion.div>
|
||||
<Caption>
|
||||
{intl.formatMessage({
|
||||
id: "rewards.active",
|
||||
defaultMessage: "Active",
|
||||
})}
|
||||
</Caption>
|
||||
|
||||
@@ -17,16 +17,19 @@ export function ConfirmClose({ close }: { close: () => void }) {
|
||||
<div className={styles.modalContent}>
|
||||
<Title level="h3" textAlign="center" textTransform="regular">
|
||||
{intl.formatMessage({
|
||||
id: "redeem.confirmClose.title",
|
||||
defaultMessage: "If you close this your benefit will be removed",
|
||||
})}
|
||||
</Title>
|
||||
<Body>
|
||||
{intl.formatMessage({
|
||||
id: "redeem.confirmClose.question",
|
||||
defaultMessage: "Have you showed this benefit to the hotel staff?",
|
||||
})}
|
||||
</Body>
|
||||
<Body>
|
||||
{intl.formatMessage({
|
||||
id: "redeem.confirmClose.info",
|
||||
defaultMessage:
|
||||
"If not, please go back and do so before you close this. Once you close this your benefit will be void and removed from My Benefits.",
|
||||
})}
|
||||
@@ -39,11 +42,13 @@ export function ConfirmClose({ close }: { close: () => void }) {
|
||||
theme="base"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "redeem.confirmClose.goBack",
|
||||
defaultMessage: "No, go back",
|
||||
})}
|
||||
</Button>
|
||||
<Button onClick={close} intent="secondary" theme="base">
|
||||
{intl.formatMessage({
|
||||
id: "redeem.confirmClose.confirm",
|
||||
defaultMessage: "Yes, close and remove benefit",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
@@ -29,6 +29,7 @@ export default function Campaign({ reward }: { reward: Campaign }) {
|
||||
<div className={styles.rewardBadge}>
|
||||
<Caption textAlign="center" color="uiTextHighContrast" type="bold">
|
||||
{intl.formatMessage({
|
||||
id: "redeemFlow.promoCode",
|
||||
defaultMessage: "Promo code",
|
||||
})}
|
||||
</Caption>
|
||||
@@ -44,12 +45,14 @@ export default function Campaign({ reward }: { reward: Campaign }) {
|
||||
navigator.clipboard.writeText(reward.operaRewardId)
|
||||
toast.success(
|
||||
intl.formatMessage({
|
||||
id: "redeemFlow.copiedToClipboard",
|
||||
defaultMessage: "Copied to clipboard",
|
||||
})
|
||||
)
|
||||
} catch {
|
||||
toast.error(
|
||||
intl.formatMessage({
|
||||
id: "errorMessage.copyFailed",
|
||||
defaultMessage: "Failed to copy",
|
||||
})
|
||||
)
|
||||
@@ -63,6 +66,7 @@ export default function Campaign({ reward }: { reward: Campaign }) {
|
||||
>
|
||||
<MaterialIcon icon="content_copy" color="CurrentColor" />
|
||||
{intl.formatMessage({
|
||||
id: "redeemFlow.copyPromotionCode",
|
||||
defaultMessage: "Copy promotion code",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
@@ -88,6 +88,7 @@ export default function Tier({
|
||||
theme="base"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "redeemFlow.redeemBenefit",
|
||||
defaultMessage: "Redeem benefit",
|
||||
})}
|
||||
</Button>
|
||||
@@ -103,6 +104,7 @@ export default function Tier({
|
||||
theme="base"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "redeemFlow.yesRedeem",
|
||||
defaultMessage: "Yes, redeem",
|
||||
})}
|
||||
</Button>
|
||||
@@ -112,6 +114,7 @@ export default function Tier({
|
||||
theme="base"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "common.goBack",
|
||||
defaultMessage: "Go back",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
@@ -16,6 +16,7 @@ export default function MembershipNumberBadge({
|
||||
<Caption textAlign="center" color="uiTextHighContrast">
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "rewards.membershipId",
|
||||
defaultMessage: "Membership ID: {id}",
|
||||
},
|
||||
{ id: membershipNumber }
|
||||
|
||||
@@ -23,6 +23,7 @@ export default function TimedRedeemedBadge() {
|
||||
<MaterialIcon icon="check_circle" color="Icon/Feedback/Success" />
|
||||
<Caption>
|
||||
{intl.formatMessage({
|
||||
id: "rewards.redeemed.validThrough",
|
||||
defaultMessage: "Redeemed & valid through:",
|
||||
})}
|
||||
</Caption>
|
||||
|
||||
@@ -78,9 +78,11 @@ export default function Redeem({ reward, membershipNumber }: RedeemProps) {
|
||||
>
|
||||
{reward.redeemLocation === "Non-redeemable"
|
||||
? intl.formatMessage({
|
||||
id: "rewards.howToUse",
|
||||
defaultMessage: "How to use",
|
||||
})
|
||||
: intl.formatMessage({
|
||||
id: "common.open",
|
||||
defaultMessage: "Open",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
@@ -23,14 +23,17 @@ export default function ScriptedRewardText({
|
||||
}
|
||||
case "Campaign":
|
||||
return intl.formatMessage({
|
||||
id: "booking.campaign",
|
||||
defaultMessage: "Campaign",
|
||||
})
|
||||
case "Surprise":
|
||||
return intl.formatMessage({
|
||||
id: "rewards.surprise",
|
||||
defaultMessage: "Surprise!",
|
||||
})
|
||||
case "Member-voucher":
|
||||
return intl.formatMessage({
|
||||
id: "rewards.voucher",
|
||||
defaultMessage: "Voucher",
|
||||
})
|
||||
default:
|
||||
|
||||
@@ -28,12 +28,14 @@ export default async function SASLinkAccountBanner(
|
||||
}
|
||||
|
||||
const headingText = intl.formatMessage({
|
||||
id: "sas.linkAccountBanner.earnFlightsWithNights",
|
||||
defaultMessage: "Earn flights with nights",
|
||||
})
|
||||
|
||||
const buttonText =
|
||||
props.link?.text ||
|
||||
intl.formatMessage({
|
||||
id: "sas.linkAccountBanner.readMoreAndLinkAccounts",
|
||||
defaultMessage: "Read more and link accounts",
|
||||
})
|
||||
|
||||
@@ -41,6 +43,7 @@ export default async function SASLinkAccountBanner(
|
||||
return (
|
||||
<span key="scandic-friends" className={styles.brandName}>
|
||||
{intl.formatMessage({
|
||||
id: "common.scandicFriends",
|
||||
defaultMessage: "Scandic Friends",
|
||||
})}
|
||||
</span>
|
||||
@@ -51,6 +54,7 @@ export default async function SASLinkAccountBanner(
|
||||
return (
|
||||
<span key="sas-eurobonus" className={styles.brandName}>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.sasEuroBonus",
|
||||
defaultMessage: "SAS EuroBonus",
|
||||
})}
|
||||
</span>
|
||||
@@ -59,6 +63,7 @@ export default async function SASLinkAccountBanner(
|
||||
|
||||
const descriptionText = intl.formatMessage(
|
||||
{
|
||||
id: "sas.linkAccountBanner.description",
|
||||
defaultMessage:
|
||||
"Link your <scandicFriends></scandicFriends> and <sasEuroBonus></sasEuroBonus> accounts to earn, use and exchange points between memberships",
|
||||
},
|
||||
|
||||
@@ -17,22 +17,27 @@ export function UnlinkSAS() {
|
||||
return (
|
||||
<Dialog
|
||||
titleText={intl.formatMessage({
|
||||
id: "partnerSas.unlinkAccount",
|
||||
defaultMessage: "Are you sure you want to unlink your account?",
|
||||
})}
|
||||
bodyText={intl.formatMessage({
|
||||
id: "partnerSas.unlinkAccountWarning",
|
||||
defaultMessage:
|
||||
"This will remove any membership level upgrades gained from the linking. You can re-link your accounts again in 30 days.",
|
||||
})}
|
||||
cancelButtonText={intl.formatMessage({
|
||||
id: "common.goBack",
|
||||
defaultMessage: "Go back",
|
||||
})}
|
||||
proceedText={intl.formatMessage({
|
||||
id: "partnerSas.yesUnlinkAccount",
|
||||
defaultMessage: "Yes, unlink my accounts",
|
||||
})}
|
||||
proceedHref={`/${params.lang}/sas-x-scandic/login?intent=unlink`}
|
||||
trigger={
|
||||
<Button intent="text" theme="base">
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.unlinkAccounts",
|
||||
defaultMessage: "Unlink accounts",
|
||||
})}
|
||||
<MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
|
||||
|
||||
@@ -52,6 +52,7 @@ export default async function SASLinkedAccount({
|
||||
<p className={styles.caption}>
|
||||
<MaterialIcon icon="info" size={20} />
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.changeDelayInfo",
|
||||
defaultMessage:
|
||||
"Changes in your level match can take up to 24 hours to be displayed.",
|
||||
})}
|
||||
@@ -96,12 +97,14 @@ async function MatchedAccountInfo() {
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.linkedAccount",
|
||||
defaultMessage: "Linked account",
|
||||
})}
|
||||
</Label>
|
||||
<Typography variant="Body/Paragraph/mdBold">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.sasEuroBonus",
|
||||
defaultMessage: "SAS EuroBonus",
|
||||
})}
|
||||
</p>
|
||||
@@ -110,6 +113,7 @@ async function MatchedAccountInfo() {
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
</Label>
|
||||
@@ -120,6 +124,7 @@ async function MatchedAccountInfo() {
|
||||
<div className={cx(styles.stack, styles.accountMemberNumber)}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "common.membershipId",
|
||||
defaultMessage: "Membership ID",
|
||||
})}
|
||||
</Label>
|
||||
@@ -154,12 +159,14 @@ async function MatchedAccountInfoSkeleton() {
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.linkedAccount",
|
||||
defaultMessage: "Linked account",
|
||||
})}
|
||||
</Label>
|
||||
<Typography variant="Body/Paragraph/mdBold">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.sasEuroBonus",
|
||||
defaultMessage: "SAS EuroBonus",
|
||||
})}
|
||||
</p>
|
||||
@@ -168,6 +175,7 @@ async function MatchedAccountInfoSkeleton() {
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "common.level",
|
||||
defaultMessage: "Level",
|
||||
})}
|
||||
</Label>
|
||||
@@ -176,6 +184,7 @@ async function MatchedAccountInfoSkeleton() {
|
||||
<div className={cx(styles.stack, styles.accountMemberNumber)}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "common.membershipId",
|
||||
defaultMessage: "Membership ID",
|
||||
})}
|
||||
</Label>
|
||||
@@ -219,6 +228,7 @@ async function TierMatchMessage({
|
||||
const messageMap: Record<MatchState, ReactNode> = {
|
||||
boostedBySAS: intl.formatMessage(
|
||||
{
|
||||
id: "sas.linkedAccounts.euroBonusSasUpgradedText",
|
||||
defaultMessage:
|
||||
"<sasMark>EuroBonus {sasLevelName}</sasMark> has upgraded your Scandic Friends level to <scandicMark>{scandicLevelName}</scandicMark>.",
|
||||
},
|
||||
@@ -226,6 +236,7 @@ async function TierMatchMessage({
|
||||
),
|
||||
boostedByScandic: intl.formatMessage(
|
||||
{
|
||||
id: "sas.linkedAccounts.scandicFriendsUpgradedText",
|
||||
defaultMessage:
|
||||
"Your Scandic Friends level <scandicMark>{scandicLevelName}</scandicMark> has upgraded you to <sasMark>EuroBonus {sasLevelName}</sasMark>.",
|
||||
},
|
||||
@@ -233,6 +244,7 @@ async function TierMatchMessage({
|
||||
),
|
||||
noBoost: intl.formatMessage(
|
||||
{
|
||||
id: "sas.linkedAccounts.euroBonusSasText",
|
||||
defaultMessage:
|
||||
"<sasMark>EuroBonus {sasLevelName}</sasMark> and <scandicMark>{scandicLevelName}</scandicMark> are equally matched. Level up in one of your memberships to qualify for an upgrade!",
|
||||
},
|
||||
@@ -250,6 +262,7 @@ async function TierMatchMessage({
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.levelMatchStatus",
|
||||
defaultMessage: "Level match status",
|
||||
})}
|
||||
</Label>
|
||||
@@ -270,6 +283,7 @@ async function TierMatchMessageSkeleton() {
|
||||
<div className={styles.stack}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.levelMatchStatus",
|
||||
defaultMessage: "Level match status",
|
||||
})}
|
||||
</Label>
|
||||
@@ -307,6 +321,7 @@ async function TierMatchExpiration({
|
||||
<div className={cx(styles.stack, styles.textRight)}>
|
||||
<Label>
|
||||
{intl.formatMessage({
|
||||
id: "sas.linkedAccounts.upgradeValidUntil",
|
||||
defaultMessage: "Upgrade valid until",
|
||||
})}
|
||||
</Label>
|
||||
|
||||
@@ -80,6 +80,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Tag/sm">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.exchangeFrom",
|
||||
defaultMessage: "Exchange from",
|
||||
})}
|
||||
</p>
|
||||
@@ -89,6 +90,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Title/Subtitle/md">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.sasEuroBonus",
|
||||
defaultMessage: "SAS EuroBonus",
|
||||
})}
|
||||
</p>
|
||||
@@ -98,6 +100,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Tag/sm">
|
||||
<p className={styles.balanceLabel}>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.balance",
|
||||
defaultMessage: "Balance",
|
||||
})}
|
||||
</p>
|
||||
@@ -113,6 +116,7 @@ async function TransferPointsFormContent({
|
||||
<p>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "partnerSas.pointsWithValue",
|
||||
defaultMessage: "{points, number} p",
|
||||
},
|
||||
{ points: sasPoints }
|
||||
@@ -127,6 +131,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.noPointsToTransfer",
|
||||
defaultMessage: "You have no points to transfer.",
|
||||
})}
|
||||
</p>
|
||||
@@ -140,6 +145,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Tag/sm">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.exchangeTo",
|
||||
defaultMessage: "Exchange to",
|
||||
})}
|
||||
</p>
|
||||
@@ -148,6 +154,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Title/Subtitle/md">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "common.scandicFriends",
|
||||
defaultMessage: "Scandic Friends",
|
||||
})}
|
||||
</p>
|
||||
@@ -157,6 +164,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Tag/sm">
|
||||
<p className={styles.balanceLabel}>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.balance",
|
||||
defaultMessage: "Balance",
|
||||
})}
|
||||
</p>
|
||||
@@ -172,6 +180,7 @@ async function TransferPointsFormContent({
|
||||
<p>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "partnerSas.pointsWithValue",
|
||||
defaultMessage: "{points, number} p",
|
||||
},
|
||||
{ points: scandicPoints }
|
||||
@@ -191,6 +200,7 @@ async function TransferPointsFormContent({
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<p style={{ color: "var(--Text-Tertiary)" }}>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.exchangedPointsNotLevelQualifying",
|
||||
defaultMessage: "Exchanged points will not be level-qualifying.",
|
||||
})}
|
||||
</p>
|
||||
|
||||
@@ -67,6 +67,7 @@ export function TransferPointsFormClient({
|
||||
// Set max value to 1 if sasPoints is 0 since slider requires a range
|
||||
maxValue={hasNoSasPoints ? 1 : sasPoints}
|
||||
aria-label={intl.formatMessage({
|
||||
id: "partnerSas.ebPointsToExchange",
|
||||
defaultMessage: "EB points to exchange",
|
||||
})}
|
||||
formatOptions={{
|
||||
@@ -88,6 +89,7 @@ export function TransferPointsFormClient({
|
||||
<TextField type="number" isDisabled={disabled}>
|
||||
<Input
|
||||
label={intl.formatMessage({
|
||||
id: "partnerSas.ebPointsToExchange",
|
||||
defaultMessage: "EB points to exchange",
|
||||
})}
|
||||
type="number"
|
||||
@@ -109,6 +111,7 @@ export function TransferPointsFormClient({
|
||||
<p className={styles.conversionRate}>
|
||||
{/* TODO maybe dynamic string based on exchange rate */}
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.conversionRateInfo",
|
||||
defaultMessage: "1 EuroBonus point = 2 Scandic Friends points",
|
||||
})}
|
||||
</p>
|
||||
@@ -117,6 +120,7 @@ export function TransferPointsFormClient({
|
||||
<Typography variant="Label/xsRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.sfPointsToReceive",
|
||||
defaultMessage: "SF points to receive",
|
||||
})}
|
||||
</p>
|
||||
@@ -183,6 +187,7 @@ function ConfirmModal({
|
||||
disabled={disabled}
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.exchangePoints",
|
||||
defaultMessage: "Exchange points",
|
||||
})}
|
||||
</Button>
|
||||
@@ -197,6 +202,7 @@ function ConfirmModal({
|
||||
<Typography variant="Title/Subtitle/lg">
|
||||
<h3>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.proceedWithPointExchange",
|
||||
defaultMessage: "Proceed with point exchange?",
|
||||
})}
|
||||
</h3>
|
||||
@@ -205,6 +211,7 @@ function ConfirmModal({
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.youAreAboutToExchange",
|
||||
defaultMessage: "You are about to exchange:",
|
||||
})}
|
||||
</p>
|
||||
@@ -213,6 +220,7 @@ function ConfirmModal({
|
||||
<p>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
id: "partnerSas.exchangePointsDetails",
|
||||
defaultMessage:
|
||||
"<bold>{sasPoints, number} EuroBonus points</bold> to <bold>{scandicPoints, number} Scandic Friends points</bold>",
|
||||
},
|
||||
@@ -232,6 +240,7 @@ function ConfirmModal({
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<p className={styles.expiryText}>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.exchangePointsExpiry",
|
||||
defaultMessage:
|
||||
"Your exchanged points will retain their original expiry date with a maximum validity of 12 months.",
|
||||
})}
|
||||
@@ -245,6 +254,7 @@ function ConfirmModal({
|
||||
color="none"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "partnerSas.yesIWantToExchangeMyPoints",
|
||||
defaultMessage: "Yes, I want to exchange my points",
|
||||
})}
|
||||
</Link>
|
||||
@@ -256,6 +266,7 @@ function ConfirmModal({
|
||||
onClick={() => handleToggle(false)}
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "common.cancel",
|
||||
defaultMessage: "Cancel",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
@@ -24,10 +24,12 @@ export default async function EmptyUpcomingStaysBlock() {
|
||||
textAlign="center"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "stays.noUpcomingStays",
|
||||
defaultMessage: "You have no upcoming stays.",
|
||||
})}
|
||||
<span className={styles.burgundyTitle}>
|
||||
{intl.formatMessage({
|
||||
id: "stays.whereToGoNext",
|
||||
defaultMessage: "Where should you go next?",
|
||||
})}
|
||||
</span>
|
||||
@@ -39,6 +41,7 @@ export default async function EmptyUpcomingStaysBlock() {
|
||||
color="Text/Interactive/Secondary"
|
||||
>
|
||||
{intl.formatMessage({
|
||||
id: "stays.getInspired",
|
||||
defaultMessage: "Get inspired",
|
||||
})}
|
||||
<MaterialIcon icon="arrow_forward" color="CurrentColor" />
|
||||
|
||||
@@ -30,6 +30,7 @@ export default function ShowMoreButton({
|
||||
color="CurrentColor"
|
||||
/>
|
||||
{intl.formatMessage({
|
||||
id: "common.showMore",
|
||||
defaultMessage: "Show more",
|
||||
})}
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user