I18N fixes + Fix sold out ticket breaking preventing checkout

backend/app/DomainObjects/MessageDomainObject.php

@@ -25,12 +25,12 @@ public static function getAllowedSorts(): AllowedSorts
         return new AllowedSorts(
             [
                 self::CREATED_AT => [
-                    'asc' => 'Sent Date Oldest',
-                    'desc' => 'Sent Date Newest',
+                    'asc' => __('Sent Date Oldest'),
+                    'desc' => __('Sent Date Newest'),
                 ],
                 self::SUBJECT => [
-                    'asc' => 'Subject A-Z',
-                    'desc' => 'Subject Z-A',
+                    'asc' => __('Subject A-Z'),
+                    'desc' => __('Subject Z-A'),
                 ],
             ],
         );

backend/app/Http/Middleware/SetUserLocaleMiddleware.php

@@ -4,12 +4,17 @@
 
 use Closure;
 use HiEvents\DomainObjects\UserDomainObject;
+use HiEvents\Services\Application\Locale\LocaleService;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\App;
 use Illuminate\Support\Facades\Auth;
 
 class SetUserLocaleMiddleware
 {
+    public function __construct(private readonly LocaleService $localeService)
+    {
+    }
+
     public function handle(Request $request, Closure $next)
     {
         $this->setLocale($request);
@@ -34,7 +39,7 @@ protected function setLocale(Request $request): void
     protected function setLocaleFromCookie(Request $request): bool
     {
         if ($locale = $request->cookie('locale')) {
-            App::setLocale($locale);
+            App::setLocale($this->localeService->getLocaleOrDefault($locale));
             return true;
         }
 
@@ -56,7 +61,7 @@ protected function setLocaleFromUser(): bool
     protected function setLocaleFromAcceptLanguage(Request $request): bool
     {
         if ($request->hasHeader('Accept-Language')) {
-            App::setLocale($request->header('Accept-Language'));
+            App::setLocale($this->localeService->getLocaleOrDefault($request->getPreferredLanguage()));
             return true;
         }
 

backend/lang/de.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "Um die Einladung anzunehmen, klicken Sie bitte auf den unten stehenden Link:",
     "Accept Invitation": "Einladung annehmen",
     "All rights reserved.": "Alle Rechte vorbehalten.",
-    "Congratulations 🎉": "Herzlichen Glückwunsch 🎉."
-}
+    "Congratulations 🎉": "Herzlichen Glückwunsch 🎉.",
+    "Sent Date Oldest": "Gesendet Datum Älteste",
+    "Sent Date Newest": "Gesendet Datum Neueste",
+    "Subject A-Z": "Betreff A-Z",
+    "Subject Z-A": "Betreff Z-A"
+}

backend/lang/es.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "Para aceptar la invitación, haga clic en el siguiente enlace:",
     "Accept Invitation": "Aceptar invitación",
     "All rights reserved.": "Todos los derechos reservados.",
-    "Congratulations 🎉": "Enhorabuena 🎉"
-}
+    "Congratulations 🎉": "Enhorabuena 🎉",
+    "Sent Date Oldest": "Fecha de Envío Más Antigua",
+    "Sent Date Newest": "Fecha de Envío Más Reciente",
+    "Subject A-Z": "Asunto A-Z",
+    "Subject Z-A": "Asunto Z-A"
+}

backend/lang/fr.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "Pour accepter l'invitation, veuillez cliquer sur le lien ci-dessous :",
     "Accept Invitation": "Accepter l'invitation",
     "All rights reserved.": "Tous droits réservés.",
-    "Congratulations 🎉": "Félicitations 🎉"
-}
+    "Congratulations 🎉": "Félicitations 🎉",
+    "Sent Date Oldest": "Date d'Envoi la Plus Ancienne",
+    "Sent Date Newest": "Date d'Envoi la Plus Récente",
+    "Subject A-Z": "Objet A-Z",
+    "Subject Z-A": "Objet Z-A"
+}

backend/lang/pt-br.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "Para aceitar o convite, clique no link abaixo:",
     "Accept Invitation": "Aceitar convite",
     "All rights reserved.": "Todos os direitos reservados.",
-    "Congratulations 🎉": "Parabéns 🎉"
-}
+    "Congratulations 🎉": "Parabéns 🎉",
+    "Sent Date Oldest": "Data de Envio Mais Antiga",
+    "Sent Date Newest": "Data de Envio Mais Recente",
+    "Subject A-Z": "Assunto A-Z",
+    "Subject Z-A": "Assunto Z-A"
+}

backend/lang/pt.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "Para aceitar o convite, clique na hiperligação abaixo:",
     "Accept Invitation": "Aceitar o convite",
     "All rights reserved.": "Todos os direitos reservados.",
-    "Congratulations 🎉": "Parabéns 🎉"
-}
+    "Congratulations 🎉": "Parabéns 🎉",
+    "Sent Date Oldest": "Data de Envio Mais Antiga",
+    "Sent Date Newest": "Data de Envio Mais Recente",
+    "Subject A-Z": "Assunto A-Z",
+    "Subject Z-A": "Assunto Z-A"
+}

backend/lang/ru.json

@@ -259,5 +259,10 @@
     "Congratulations! You\\'ve received a new order for ": "",
     "What\\'s Next?": "",
     "Welcome to :appName! We\\'re excited to have you aboard!": "",
-    "You\\'ve been invited to join :appName.": ""
+    "You\\'ve been invited to join :appName.": "",
+    "Sent Date Oldest": "",
+    "Sent Date Newest": "",
+    "Subject A-Z": "",
+    "Subject Z-A": "",
+    "There are no tickets available. If you would like to assign this ticket to this attendee, please adjust the ticket\\'s available quantity.": ""
 }

backend/lang/zh-cn.json

@@ -245,5 +245,9 @@
     "To accept the invitation, please click the link below:": "要接受邀请，请点击下面的链接：",
     "Accept Invitation": "接受邀请",
     "All rights reserved.": "保留所有权利。",
-    "Congratulations 🎉": "恭喜 🎉"
-}
+    "Congratulations 🎉": "恭喜 🎉",
+    "Sent Date Oldest": "发送日期最早",
+    "Sent Date Newest": "发送日期最新",
+    "Subject A-Z": "主题 A-Z",
+    "Subject Z-A": "主题 Z-A"
+}

frontend/lingui.config.ts

@@ -28,6 +28,9 @@ const config: LinguiConfig = {
     ],
     sourceLocale: "en",
     format: "po",
+    fallbackLocales: {
+        "default": "en",
+    }
 };
 
 export default config;

frontend/src/api/client.ts

@@ -7,7 +7,7 @@ const BASE_URL = isSsr()
     ? getConfig('VITE_API_URL_SERVER')
     : getConfig('VITE_API_URL_CLIENT');
 const LOGIN_PATH = "/auth/login";
-const PREVIOUS_URL_KEY = 'previous_url'; // Key for storing the previous URL
+const PREVIOUS_URL_KEY = 'previous_url';
 
 const ALLOWED_UNAUTHENTICATED_PATHS = [
     'auth/login',
@@ -28,18 +28,14 @@ export const api = axios.create({
     withCredentials: true,
 });
 
-
 const existingToken = typeof window !== "undefined" ? window.localStorage.getItem('token') : undefined;
 if (existingToken) {
     setAuthToken(existingToken);
 }
 
 api.interceptors.response.use(
     (response) => {
-        // Securely update the token on each response
-        // eslint-disable-next-line lingui/no-unlocalized-strings
         const token = response?.data?.token || response?.headers["x-auth-token"];
-
         if (token) {
             window?.localStorage?.setItem('token', token);
             setAuthToken(token);
@@ -48,20 +44,26 @@ api.interceptors.response.use(
     },
     (error) => {
         const { status } = error.response;
-        if ((status === 401 || status === 403) && !ALLOWED_UNAUTHENTICATED_PATHS.some(path => window?.location.pathname.includes(path))) {
+        const currentPath = window?.location.pathname;
+        const isAllowedUnauthenticatedPath = ALLOWED_UNAUTHENTICATED_PATHS.some(path => currentPath.includes(path));
+        const isManageEventPath = currentPath.startsWith('/manage/event/');
+        const isAuthError = status === 401 || status === 403;
+
+        if (isAuthError && (!isAllowedUnauthenticatedPath || isManageEventPath)) {
             // Store the current URL before redirecting to the login page
             window?.localStorage?.setItem(PREVIOUS_URL_KEY, window?.location.href);
             window?.location?.replace(LOGIN_PATH);
         }
+
         return Promise.reject(error);
     }
 );
 
-axios.defaults.withCredentials = true
+axios.defaults.withCredentials = true;
 
 export const redirectToPreviousUrl = () => {
     const previousUrl = window?.localStorage?.getItem(PREVIOUS_URL_KEY) || '/manage/events';
-    window?.localStorage?.removeItem(PREVIOUS_URL_KEY); // Clean up after redirecting
+    window?.localStorage?.removeItem(PREVIOUS_URL_KEY);
     if (typeof window !== "undefined") {
         window.location.href = previousUrl;
     }

frontend/src/components/common/LanguageSwitcher/index.tsx

@@ -1,15 +1,32 @@
 import {Select} from "@mantine/core";
-import {
-    dynamicActivateLocale,
-    getClientLocale,
-    getLocaleName,
-    localeToNameMap,
-    SupportedLocales
-} from "../../../locales.ts";
+import {dynamicActivateLocale, getClientLocale, localeToNameMap, SupportedLocales} from "../../../locales.ts";
 import {t} from "@lingui/macro";
 import {IconWorld} from "@tabler/icons-react";
+import {useLingui} from "@lingui/react";
 
 export const LanguageSwitcher = () => {
+    useLingui();
+
+    // Ideally these would be in the locales.ts file, but when they're there they don't translate
+    const getLocaleName = (locale: SupportedLocales): string => {
+        switch (locale) {
+            case "de":
+                return t`German`;
+            case "en":
+                return t`English`;
+            case "es":
+                return t`Spanish`;
+            case "fr":
+                return t`French`;
+            case "pt":
+                return t`Portuguese`;
+            case "pt-br":
+                return t`Brazilian Portuguese`;
+            case "zh-cn":
+                return t`Chinese (Simplified)`;
+        }
+    };
+
     return (
         <>
             <Select

frontend/src/components/routes/event/messages.tsx

@@ -38,7 +38,7 @@ export const Messages = () => {
                     />
                 )}>
                     <Button color={'green'} size={'sm'} onClick={openSendModal} rightSection={<IconSend/>}>
-                        Send Message
+                        {t`Send Message`}
                     </Button>
                 </ToolBar>
 

frontend/src/components/routes/ticket-widget/SelectTickets/index.tsx

@@ -183,6 +183,17 @@ const SelectTickets = (props: SelectTicketsProps) => {
                 })
             });
 
+            // this is hacky way to add empty quantity for a sold out ticket.
+            // this is needed to avoid validation error when the ticket is sold out.
+            // @todo - refactor this code so returning here doesn't break the checkout process.
+            if (quantitiesValues.length === 0) {
+                quantitiesValues.push({
+                    quantity: 0,
+                    price_id: 0,
+                    price: 0,
+                })
+            }
+
             ticketValues.push({
                 ticket_id: Number(ticket.id),
                 quantities: quantitiesValues,