fix(LOY-89): add a more user friendly error message for when unwrapping surprises

components/MyPages/Surprises/Client.tsx

@@ -6,6 +6,7 @@ import React, { useState } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
+import { customerService } from "@/constants/currentWebHrefs"
 import { benefits } from "@/constants/routes/myPages"
 import { trpc } from "@/lib/trpc/client"
 
@@ -62,7 +63,18 @@ export default function SurprisesNotification({
       console.error("Failed to unwrap surprise", error)
       toast.error(
         <>
-          {intl.formatMessage({ id: "An error occurred. Please try again." })}
+          {intl.formatMessage<React.ReactNode>(
+            {
+              id: "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>",
+            },
+            {
+              link: (str) => (
+                <Link textDecoration="underline" href={customerService[lang]}>
+                  {str}
+                </Link>
+              ),
+            }
+          )}
         </>
       )
     },

constants/currentWebHrefs.ts

@@ -1,4 +1,4 @@
-import { LangRoute } from "@/types/routes"
+import type { LangRoute } from "@/types/routes"
 
 const baseUrl: LangRoute = {
   da: "https://www.scandichotels.dk",
@@ -44,3 +44,12 @@ export const privacyPolicy: LangRoute = {
   no: `${baseUrl.no}/kundeservice/priser-og-bestillingsvilkar/personvernpolicy`,
   sv: `${baseUrl.sv}/kundservice/priser-och-bokningsregler/integritetspolicy`,
 }
+
+export const customerService: LangRoute = {
+  da: `${baseUrl.da}/kundeservice`,
+  de: `${baseUrl.de}/kundenbetreuung`,
+  en: `${baseUrl.en}/customer-service`,
+  fi: `${baseUrl.fi}/asiakaspalvelu`,
+  no: `${baseUrl.no}/kundeservice`,
+  sv: `${baseUrl.sv}/kundservice`,
+}

i18n/dictionaries/da.json

@@ -362,6 +362,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "ANDRE BETALINGSMETODER",
   "On your journey": "På din rejse",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Ups! Noget gik galt under visningen af din overraskelse. Opdater siden, eller prøv igen senere. Hvis problemet fortsætter, skal du <link>kontakte supporten.</link>",
   "Open": "Åben",
   "Open image gallery": "Åbn billedgalleri",
   "Open language menu": "Åbn sprogmenuen",

i18n/dictionaries/de.json

@@ -363,6 +363,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "ANDERE BEZAHLMETHODE",
   "On your journey": "Auf deiner Reise",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Ups! Beim Anzeigen Ihrer Überraschung ist ein Fehler aufgetreten. Bitte aktualisieren Sie die Seite oder versuchen Sie es später erneut. Wenn das Problem weiterhin besteht, <link>kontaktieren Sie den Support.</link>",
   "Open": "Offen",
   "Open image gallery": "Bildergalerie öffnen",
   "Open language menu": "Sprachmenü öffnen",

i18n/dictionaries/en.json

@@ -366,6 +366,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "OTHER PAYMENT METHODS",
   "On your journey": "On your journey",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>",
   "Open": "Open",
   "Open image gallery": "Open image gallery",
   "Open language menu": "Open language menu",

i18n/dictionaries/fi.json

@@ -362,6 +362,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "MUISE KORT",
   "On your journey": "Matkallasi",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Hups! Jotain meni pieleen yllätyksesi näyttämisessä. Päivitä sivu tai yritä myöhemmin uudelleen. Jos ongelma jatkuu, <link>ota yhteyttä tukeen.</link>",
   "Open": "Avata",
   "Open image gallery": "Avaa kuvagalleria",
   "Open language menu": "Avaa kielivalikko",

i18n/dictionaries/no.json

@@ -361,6 +361,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "ANDRE BETALINGSMETODER",
   "On your journey": "På reisen din",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Beklager! Noe gikk galt under visningen av overraskelsen din. Oppdater siden eller prøv igjen senere. Hvis problemet vedvarer, <link>kontakt brukerstøtten.</link>",
   "Open": "Åpen",
   "Open image gallery": "Åpne bildegalleri",
   "Open language menu": "Åpne språkmenyen",

i18n/dictionaries/sv.json

@@ -361,6 +361,7 @@
   "OK": "OK",
   "OTHER PAYMENT METHODS": "ANDRE BETALINGSMETODER",
   "On your journey": "På din resa",
+  "Oops! Something went wrong while showing your surprise. Please refresh the page or try again later. If the issue persists, <link>contact the support.</link>": "Hoppsan! Något gick fel när din överraskning visades. Uppdatera sidan eller försök igen senare. Om problemet kvarstår, <link>kontakta supporten.</link>",
   "Open": "Öppna",
   "Open image gallery": "Öppna bildgalleri",
   "Open language menu": "Öppna språkmenyn",