@qite/tide-booking-component 1.4.60 → 1.4.61

package/build/build-cjs/index.js

@@ -516,6 +516,7 @@ var LOGIN$f = {
   PASSWORD_REQUIRED: 'كلمة المرور مطلوبة.',
   INVALID_CREDENTIALS: 'البريد الإلكتروني أو كلمة المرور غير صحيحة.',
   LOGIN: 'تسجيل الدخول',
+  LOGOUT: 'تسجيل الخروج',
   FORGOT_PASSWORD: 'هل نسيت كلمة المرور؟',
   LOGGING_IN: 'جاري تسجيل الدخول...',
   WELCOME_X: 'مرحبًا، ',
@@ -913,6 +914,7 @@ var LOGIN$e = {
   PASSWORD_REQUIRED: 'Adgangskode er påkrævet.',
   INVALID_CREDENTIALS: 'Ugyldig e-mail eller adgangskode.',
   LOGIN: 'Log ind',
+  LOGOUT: 'Log ud',
   FORGOT_PASSWORD: 'Glemt adgangskode?',
   LOGGING_IN: 'Logger ind...',
   WELCOME_X: 'Velkommen, ',
@@ -1311,6 +1313,7 @@ var LOGIN$d = {
   PASSWORD_REQUIRED: 'Passwort ist erforderlich.',
   INVALID_CREDENTIALS: 'Ungültige E-Mail oder Passwort.',
   LOGIN: 'Anmelden',
+  LOGOUT: 'Abmelden',
   FORGOT_PASSWORD: 'Passwort vergessen?',
   LOGGING_IN: 'Anmeldung läuft...',
   WELCOME_X: 'Willkommen, ',
@@ -1712,6 +1715,7 @@ var LOGIN$c = {
   PASSWORD_REQUIRED: 'Password is required.',
   INVALID_CREDENTIALS: 'Invalid email or password.',
   LOGIN: 'Login',
+  LOGOUT: 'Logout',
   FORGOT_PASSWORD: 'Forgot password?',
   LOGGING_IN: 'Logging in...',
   WELCOME_X: 'Welcome, ',
@@ -2110,6 +2114,7 @@ var LOGIN$b = {
   PASSWORD_REQUIRED: 'La contraseña es obligatoria.',
   INVALID_CREDENTIALS: 'Correo electrónico o contraseña no válidos.',
   LOGIN: 'Iniciar sesión',
+  LOGOUT: 'Cerrar sesión',
   FORGOT_PASSWORD: '¿Olvidaste tu contraseña?',
   LOGGING_IN: 'Iniciando sesión...',
   WELCOME_X: 'Bienvenido, ',
@@ -2512,6 +2517,7 @@ var LOGIN$a = {
   PASSWORD_REQUIRED: 'Le mot de passe est requis.',
   INVALID_CREDENTIALS: 'Email ou mot de passe invalide.',
   LOGIN: 'Se connecter',
+  LOGOUT: 'Se déconnecter',
   FORGOT_PASSWORD: 'Mot de passe oublié ?',
   LOGGING_IN: 'Connexion...',
   WELCOME_X: 'Bienvenue, ',
@@ -2909,6 +2915,7 @@ var LOGIN$9 = {
   PASSWORD_REQUIRED: 'Le mot de passe est requis.',
   INVALID_CREDENTIALS: 'Email ou mot de passe invalide.',
   LOGIN: 'Se connecter',
+  LOGOUT: 'Se déconnecter',
   FORGOT_PASSWORD: 'Mot de passe oublié ?',
   LOGGING_IN: 'Connexion...',
   WELCOME_X: 'Bienvenue, ',
@@ -3306,6 +3313,7 @@ var LOGIN$8 = {
   PASSWORD_REQUIRED: 'Lykilorð er nauðsynlegt.',
   INVALID_CREDENTIALS: 'Ógilt netfang eða lykilorð.',
   LOGIN: 'Skrá inn',
+  LOGOUT: 'Skrá út',
   FORGOT_PASSWORD: 'Gleymt lykilorð?',
   LOGGING_IN: 'Skrái inn...',
   WELCOME_X: 'Velkomin, ',
@@ -3704,6 +3712,7 @@ var LOGIN$7 = {
   PASSWORD_REQUIRED: 'La password è obbligatoria.',
   INVALID_CREDENTIALS: 'Email o password non validi.',
   LOGIN: 'Accedi',
+  LOGOUT: 'Esci',
   FORGOT_PASSWORD: 'Password dimenticata?',
   LOGGING_IN: 'Accesso in corso...',
   WELCOME_X: 'Benvenuto, ',
@@ -4106,6 +4115,7 @@ var LOGIN$6 = {
   PASSWORD_REQUIRED: 'Wachtwoord is verplicht.',
   INVALID_CREDENTIALS: 'Ongeldig e-mailadres of wachtwoord.',
   LOGIN: 'Inloggen',
+  LOGOUT: 'Uitloggen',
   FORGOT_PASSWORD: 'Wachtwoord vergeten?',
   LOGGING_IN: 'Bezig met inloggen...',
   WELCOME_X: 'Welkom, ',
@@ -4504,6 +4514,7 @@ var LOGIN$5 = {
   PASSWORD_REQUIRED: 'Wachtwoord is verplicht.',
   INVALID_CREDENTIALS: 'Ongeldig e-mailadres of wachtwoord.',
   LOGIN: 'Inloggen',
+  LOGOUT: 'Uitloggen',
   FORGOT_PASSWORD: 'Wachtwoord vergeten?',
   LOGGING_IN: 'Bezig met inloggen...',
   WELCOME_X: 'Welkom, ',
@@ -4902,6 +4913,7 @@ var LOGIN$4 = {
   PASSWORD_REQUIRED: 'Passord er påkrevd.',
   INVALID_CREDENTIALS: 'Ugyldig e-post eller passord.',
   LOGIN: 'Logg inn',
+  LOGOUT: 'Logg ut',
   FORGOT_PASSWORD: 'Glemt passord?',
   LOGGING_IN: 'Logger inn...',
   WELCOME_X: 'Velkommen, ',
@@ -5300,6 +5312,7 @@ var LOGIN$3 = {
   PASSWORD_REQUIRED: 'Hasło jest wymagane.',
   INVALID_CREDENTIALS: 'Nieprawidłowy adres e-mail lub hasło.',
   LOGIN: 'Zaloguj się',
+  LOGOUT: 'Wyloguj się',
   FORGOT_PASSWORD: 'Zapomniałeś hasła?',
   LOGGING_IN: 'Logowanie...',
   WELCOME_X: 'Witaj, ',
@@ -5698,6 +5711,7 @@ var LOGIN$2 = {
   PASSWORD_REQUIRED: 'A palavra-passe é obrigatória.',
   INVALID_CREDENTIALS: 'Email ou palavra-passe inválidos.',
   LOGIN: 'Iniciar sessão',
+  LOGOUT: 'Terminar sessão',
   FORGOT_PASSWORD: 'Esqueceu a palavra-passe?',
   LOGGING_IN: 'A iniciar sessão...',
   WELCOME_X: 'Bem-vindo, ',
@@ -6096,6 +6110,7 @@ var LOGIN$1 = {
   PASSWORD_REQUIRED: 'Lösenord krävs.',
   INVALID_CREDENTIALS: 'Ogiltig e-post eller lösenord.',
   LOGIN: 'Logga in',
+  LOGOUT: 'Logga ut',
   FORGOT_PASSWORD: 'Glömt lösenord?',
   LOGGING_IN: 'Loggar in...',
   WELCOME_X: 'Välkommen, ',
@@ -6492,6 +6507,7 @@ var LOGIN = {
   PASSWORD_REQUIRED: 'パスワードは必須です。',
   INVALID_CREDENTIALS: 'メールアドレスまたはパスワードが無効です。',
   LOGIN: 'ログイン',
+  LOGOUT: 'ログアウト',
   FORGOT_PASSWORD: 'パスワードをお忘れですか？',
   LOGGING_IN: 'ログイン中...',
   WELCOME_X: 'ようこそ、',
@@ -29669,7 +29685,10 @@ var Navbar = function (_a) {
     language = _a.language,
     languages = _a.languages,
     onLanguageChange = _a.onLanguageChange,
-    onSearch = _a.onSearch;
+    onSearch = _a.onSearch,
+    member = _a.member,
+    onLogin = _a.onLogin,
+    onLogout = _a.onLogout;
   var _c = React.useState(false),
     menuOpen = _c[0],
     setMenuOpen = _c[1];
@@ -29897,6 +29916,18 @@ var Navbar = function (_a) {
         )
     );
   };
+  var handleLogout = function (event) {
+    event.preventDefault();
+    if (onLogout) {
+      onLogout();
+    }
+  };
+  var handleLogin = function (event) {
+    event.preventDefault();
+    if (onLogin) {
+      onLogin();
+    }
+  };
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -29909,6 +29940,20 @@ var Navbar = function (_a) {
         React__default['default'].createElement(
           'div',
           { className: 'nav__subnav__links' },
+          member && React__default['default'].createElement('span', { className: 'nav__subnav__member' }, translations.LOGIN.WELCOME_X, member.name),
+          member
+            ? React__default['default'].createElement(
+                React__default['default'].Fragment,
+                null,
+                onLogout &&
+                  React__default['default'].createElement('a', { href: '#', className: 'nav__subnav__link', onClick: handleLogout }, translations.LOGIN.LOGOUT)
+              )
+            : React__default['default'].createElement(
+                React__default['default'].Fragment,
+                null,
+                onLogin &&
+                  React__default['default'].createElement('a', { href: '#', className: 'nav__subnav__link', onClick: handleLogin }, translations.LOGIN.LOGIN)
+              ),
           React__default['default'].createElement(LanguageSwitcher, {
             value: language.code,
             languages: languages,

package/build/build-cjs/src/content/navbar/placeholderData.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Language, NavItem } from './types';
+import { MemberInfo } from '@qite/tide-client';
 export declare const language: Language;
 export declare const languages: Language[];
 export declare const topLinks: {
@@ -8,3 +9,4 @@ export declare const topLinks: {
 }[];
 export declare const navItems: NavItem[];
 export declare const TideLogo: () => React.JSX.Element;
+export declare const placeholderMember: MemberInfo;

package/build/build-cjs/src/content/navbar/types.d.ts

@@ -1,3 +1,4 @@
+import { MemberInfo } from '@qite/tide-client';
 export interface Language {
   code: string;
   label: string;
@@ -24,4 +25,7 @@ export interface NavbarProps {
   languages: Language[];
   onLanguageChange: (lang: string) => void;
   onSearch: (query: string) => void;
+  member?: MemberInfo;
+  onLogin?: () => void;
+  onLogout?: () => void;
 }

package/build/build-cjs/src/shared/utils/localization-util.d.ts

@@ -273,6 +273,7 @@ export declare const getTranslations: (language: string) => {
     PASSWORD_REQUIRED: string;
     INVALID_CREDENTIALS: string;
     LOGIN: string;
+    LOGOUT: string;
     FORGOT_PASSWORD: string;
     LOGGING_IN: string;
     WELCOME_X: string;

package/build/build-esm/index.js

@@ -547,6 +547,7 @@ var LOGIN$f = {
   PASSWORD_REQUIRED: 'كلمة المرور مطلوبة.',
   INVALID_CREDENTIALS: 'البريد الإلكتروني أو كلمة المرور غير صحيحة.',
   LOGIN: 'تسجيل الدخول',
+  LOGOUT: 'تسجيل الخروج',
   FORGOT_PASSWORD: 'هل نسيت كلمة المرور؟',
   LOGGING_IN: 'جاري تسجيل الدخول...',
   WELCOME_X: 'مرحبًا، ',
@@ -944,6 +945,7 @@ var LOGIN$e = {
   PASSWORD_REQUIRED: 'Adgangskode er påkrævet.',
   INVALID_CREDENTIALS: 'Ugyldig e-mail eller adgangskode.',
   LOGIN: 'Log ind',
+  LOGOUT: 'Log ud',
   FORGOT_PASSWORD: 'Glemt adgangskode?',
   LOGGING_IN: 'Logger ind...',
   WELCOME_X: 'Velkommen, ',
@@ -1342,6 +1344,7 @@ var LOGIN$d = {
   PASSWORD_REQUIRED: 'Passwort ist erforderlich.',
   INVALID_CREDENTIALS: 'Ungültige E-Mail oder Passwort.',
   LOGIN: 'Anmelden',
+  LOGOUT: 'Abmelden',
   FORGOT_PASSWORD: 'Passwort vergessen?',
   LOGGING_IN: 'Anmeldung läuft...',
   WELCOME_X: 'Willkommen, ',
@@ -1743,6 +1746,7 @@ var LOGIN$c = {
   PASSWORD_REQUIRED: 'Password is required.',
   INVALID_CREDENTIALS: 'Invalid email or password.',
   LOGIN: 'Login',
+  LOGOUT: 'Logout',
   FORGOT_PASSWORD: 'Forgot password?',
   LOGGING_IN: 'Logging in...',
   WELCOME_X: 'Welcome, ',
@@ -2141,6 +2145,7 @@ var LOGIN$b = {
   PASSWORD_REQUIRED: 'La contraseña es obligatoria.',
   INVALID_CREDENTIALS: 'Correo electrónico o contraseña no válidos.',
   LOGIN: 'Iniciar sesión',
+  LOGOUT: 'Cerrar sesión',
   FORGOT_PASSWORD: '¿Olvidaste tu contraseña?',
   LOGGING_IN: 'Iniciando sesión...',
   WELCOME_X: 'Bienvenido, ',
@@ -2543,6 +2548,7 @@ var LOGIN$a = {
   PASSWORD_REQUIRED: 'Le mot de passe est requis.',
   INVALID_CREDENTIALS: 'Email ou mot de passe invalide.',
   LOGIN: 'Se connecter',
+  LOGOUT: 'Se déconnecter',
   FORGOT_PASSWORD: 'Mot de passe oublié ?',
   LOGGING_IN: 'Connexion...',
   WELCOME_X: 'Bienvenue, ',
@@ -2940,6 +2946,7 @@ var LOGIN$9 = {
   PASSWORD_REQUIRED: 'Le mot de passe est requis.',
   INVALID_CREDENTIALS: 'Email ou mot de passe invalide.',
   LOGIN: 'Se connecter',
+  LOGOUT: 'Se déconnecter',
   FORGOT_PASSWORD: 'Mot de passe oublié ?',
   LOGGING_IN: 'Connexion...',
   WELCOME_X: 'Bienvenue, ',
@@ -3337,6 +3344,7 @@ var LOGIN$8 = {
   PASSWORD_REQUIRED: 'Lykilorð er nauðsynlegt.',
   INVALID_CREDENTIALS: 'Ógilt netfang eða lykilorð.',
   LOGIN: 'Skrá inn',
+  LOGOUT: 'Skrá út',
   FORGOT_PASSWORD: 'Gleymt lykilorð?',
   LOGGING_IN: 'Skrái inn...',
   WELCOME_X: 'Velkomin, ',
@@ -3735,6 +3743,7 @@ var LOGIN$7 = {
   PASSWORD_REQUIRED: 'La password è obbligatoria.',
   INVALID_CREDENTIALS: 'Email o password non validi.',
   LOGIN: 'Accedi',
+  LOGOUT: 'Esci',
   FORGOT_PASSWORD: 'Password dimenticata?',
   LOGGING_IN: 'Accesso in corso...',
   WELCOME_X: 'Benvenuto, ',
@@ -4137,6 +4146,7 @@ var LOGIN$6 = {
   PASSWORD_REQUIRED: 'Wachtwoord is verplicht.',
   INVALID_CREDENTIALS: 'Ongeldig e-mailadres of wachtwoord.',
   LOGIN: 'Inloggen',
+  LOGOUT: 'Uitloggen',
   FORGOT_PASSWORD: 'Wachtwoord vergeten?',
   LOGGING_IN: 'Bezig met inloggen...',
   WELCOME_X: 'Welkom, ',
@@ -4535,6 +4545,7 @@ var LOGIN$5 = {
   PASSWORD_REQUIRED: 'Wachtwoord is verplicht.',
   INVALID_CREDENTIALS: 'Ongeldig e-mailadres of wachtwoord.',
   LOGIN: 'Inloggen',
+  LOGOUT: 'Uitloggen',
   FORGOT_PASSWORD: 'Wachtwoord vergeten?',
   LOGGING_IN: 'Bezig met inloggen...',
   WELCOME_X: 'Welkom, ',
@@ -4933,6 +4944,7 @@ var LOGIN$4 = {
   PASSWORD_REQUIRED: 'Passord er påkrevd.',
   INVALID_CREDENTIALS: 'Ugyldig e-post eller passord.',
   LOGIN: 'Logg inn',
+  LOGOUT: 'Logg ut',
   FORGOT_PASSWORD: 'Glemt passord?',
   LOGGING_IN: 'Logger inn...',
   WELCOME_X: 'Velkommen, ',
@@ -5331,6 +5343,7 @@ var LOGIN$3 = {
   PASSWORD_REQUIRED: 'Hasło jest wymagane.',
   INVALID_CREDENTIALS: 'Nieprawidłowy adres e-mail lub hasło.',
   LOGIN: 'Zaloguj się',
+  LOGOUT: 'Wyloguj się',
   FORGOT_PASSWORD: 'Zapomniałeś hasła?',
   LOGGING_IN: 'Logowanie...',
   WELCOME_X: 'Witaj, ',
@@ -5729,6 +5742,7 @@ var LOGIN$2 = {
   PASSWORD_REQUIRED: 'A palavra-passe é obrigatória.',
   INVALID_CREDENTIALS: 'Email ou palavra-passe inválidos.',
   LOGIN: 'Iniciar sessão',
+  LOGOUT: 'Terminar sessão',
   FORGOT_PASSWORD: 'Esqueceu a palavra-passe?',
   LOGGING_IN: 'A iniciar sessão...',
   WELCOME_X: 'Bem-vindo, ',
@@ -6127,6 +6141,7 @@ var LOGIN$1 = {
   PASSWORD_REQUIRED: 'Lösenord krävs.',
   INVALID_CREDENTIALS: 'Ogiltig e-post eller lösenord.',
   LOGIN: 'Logga in',
+  LOGOUT: 'Logga ut',
   FORGOT_PASSWORD: 'Glömt lösenord?',
   LOGGING_IN: 'Loggar in...',
   WELCOME_X: 'Välkommen, ',
@@ -6523,6 +6538,7 @@ var LOGIN = {
   PASSWORD_REQUIRED: 'パスワードは必須です。',
   INVALID_CREDENTIALS: 'メールアドレスまたはパスワードが無効です。',
   LOGIN: 'ログイン',
+  LOGOUT: 'ログアウト',
   FORGOT_PASSWORD: 'パスワードをお忘れですか？',
   LOGGING_IN: 'ログイン中...',
   WELCOME_X: 'ようこそ、',
@@ -29558,7 +29574,10 @@ var Navbar = function (_a) {
     language = _a.language,
     languages = _a.languages,
     onLanguageChange = _a.onLanguageChange,
-    onSearch = _a.onSearch;
+    onSearch = _a.onSearch,
+    member = _a.member,
+    onLogin = _a.onLogin,
+    onLogout = _a.onLogout;
   var _c = useState(false),
     menuOpen = _c[0],
     setMenuOpen = _c[1];
@@ -29786,6 +29805,18 @@ var Navbar = function (_a) {
         )
     );
   };
+  var handleLogout = function (event) {
+    event.preventDefault();
+    if (onLogout) {
+      onLogout();
+    }
+  };
+  var handleLogin = function (event) {
+    event.preventDefault();
+    if (onLogin) {
+      onLogin();
+    }
+  };
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -29798,6 +29829,18 @@ var Navbar = function (_a) {
         React__default.createElement(
           'div',
           { className: 'nav__subnav__links' },
+          member && React__default.createElement('span', { className: 'nav__subnav__member' }, translations.LOGIN.WELCOME_X, member.name),
+          member
+            ? React__default.createElement(
+                React__default.Fragment,
+                null,
+                onLogout && React__default.createElement('a', { href: '#', className: 'nav__subnav__link', onClick: handleLogout }, translations.LOGIN.LOGOUT)
+              )
+            : React__default.createElement(
+                React__default.Fragment,
+                null,
+                onLogin && React__default.createElement('a', { href: '#', className: 'nav__subnav__link', onClick: handleLogin }, translations.LOGIN.LOGIN)
+              ),
           React__default.createElement(LanguageSwitcher, {
             value: language.code,
             languages: languages,

package/build/build-esm/src/content/navbar/placeholderData.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Language, NavItem } from './types';
+import { MemberInfo } from '@qite/tide-client';
 export declare const language: Language;
 export declare const languages: Language[];
 export declare const topLinks: {
@@ -8,3 +9,4 @@ export declare const topLinks: {
 }[];
 export declare const navItems: NavItem[];
 export declare const TideLogo: () => React.JSX.Element;
+export declare const placeholderMember: MemberInfo;

package/build/build-esm/src/content/navbar/types.d.ts

@@ -1,3 +1,4 @@
+import { MemberInfo } from '@qite/tide-client';
 export interface Language {
   code: string;
   label: string;
@@ -24,4 +25,7 @@ export interface NavbarProps {
   languages: Language[];
   onLanguageChange: (lang: string) => void;
   onSearch: (query: string) => void;
+  member?: MemberInfo;
+  onLogin?: () => void;
+  onLogout?: () => void;
 }

package/build/build-esm/src/shared/utils/localization-util.d.ts

@@ -273,6 +273,7 @@ export declare const getTranslations: (language: string) => {
     PASSWORD_REQUIRED: string;
     INVALID_CREDENTIALS: string;
     LOGIN: string;
+    LOGOUT: string;
     FORGOT_PASSWORD: string;
     LOGGING_IN: string;
     WELCOME_X: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.60",
+  "version": "1.4.61",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/content/navbar/index.tsx

@@ -4,7 +4,7 @@ import Icon from '../components/icon';
 import { NavbarProps, NavItem } from '../navbar/types';
 import { getTranslations } from '../../shared/utils/localization-util';
 
-const Navbar: React.FC<NavbarProps> = ({ currentPath, logo, topLinks, items, language, languages, onLanguageChange, onSearch }) => {
+const Navbar: React.FC<NavbarProps> = ({ currentPath, logo, topLinks, items, language, languages, onLanguageChange, onSearch, member, onLogin, onLogout }) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const [query, setQuery] = useState('');
   const [activeMobileGroup, setActiveMobileGroup] = useState<string>();
@@ -187,11 +187,48 @@ const Navbar: React.FC<NavbarProps> = ({ currentPath, logo, topLinks, items, lan
     );
   };
 
+  const handleLogout = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void => {
+    event.preventDefault();
+    if (onLogout) {
+      onLogout();
+    }
+  };
+
+  const handleLogin = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void => {
+    event.preventDefault();
+    if (onLogin) {
+      onLogin();
+    }
+  };
+
   return (
     <>
       <div className="nav__subnav">
         <div className="nav__subnav__container">
           <div className="nav__subnav__links">
+            {member && (
+              <span className="nav__subnav__member">
+                {translations.LOGIN.WELCOME_X}
+                {member.name}
+              </span>
+            )}
+            {member ? (
+              <>
+                {onLogout && (
+                  <a href="#" className="nav__subnav__link" onClick={handleLogout}>
+                    {translations.LOGIN.LOGOUT}
+                  </a>
+                )}
+              </>
+            ) : (
+              <>
+                {onLogin && (
+                  <a href="#" className="nav__subnav__link" onClick={handleLogin}>
+                    {translations.LOGIN.LOGIN}
+                  </a>
+                )}
+              </>
+            )}
             <LanguageSwitcher
               value={language.code}
               languages={languages}

package/src/content/navbar/placeholderData.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Language, NavItem } from './types';
+import { MemberInfo } from '@qite/tide-client';
 
 export const language: Language = { code: 'en-GB', label: 'English' };
 
@@ -9,10 +10,7 @@ export const languages: Language[] = [
   { code: 'de-DE', label: 'Deutsch' }
 ];
 
-export const topLinks = [
-  { label: 'Login', href: '/login' },
-  { label: 'Help', href: '/help' }
-];
+export const topLinks = [{ label: 'Help', href: '/help' }];
 
 export const navItems: NavItem[] = [
   {
@@ -160,3 +158,16 @@ export const TideLogo = () => (
     </defs>
   </svg>
 );
+
+export const placeholderMember: MemberInfo = {
+  id: 31,
+  companyId: 13,
+  companyName: 'Tidesoftware',
+  name: 'John Doe',
+  email: 'info@qite.be',
+  language: 'nl-BE',
+  agentId: 31,
+  addressId: 803,
+  addressName: 'John Doe',
+  addressLogo: ''
+};

package/src/content/navbar/types.ts

@@ -1,3 +1,5 @@
+import { MemberInfo } from '@qite/tide-client';
+
 export interface Language {
   code: string;
   label: string;
@@ -33,4 +35,8 @@ export interface NavbarProps {
   onLanguageChange: (lang: string) => void;
 
   onSearch: (query: string) => void;
+
+  member?: MemberInfo;
+  onLogin?: () => void;
+  onLogout?: () => void;
 }

package/src/shared/translations/ar-SA.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "كلمة المرور مطلوبة.",
     "INVALID_CREDENTIALS": "البريد الإلكتروني أو كلمة المرور غير صحيحة.",
     "LOGIN": "تسجيل الدخول",
+    "LOGOUT": "تسجيل الخروج",
     "FORGOT_PASSWORD": "هل نسيت كلمة المرور؟",
     "LOGGING_IN": "جاري تسجيل الدخول...",
     "WELCOME_X": "مرحبًا، ",

package/src/shared/translations/da-DK.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Adgangskode er påkrævet.",
     "INVALID_CREDENTIALS": "Ugyldig e-mail eller adgangskode.",
     "LOGIN": "Log ind",
+    "LOGOUT": "Log ud",
     "FORGOT_PASSWORD": "Glemt adgangskode?",
     "LOGGING_IN": "Logger ind...",
     "WELCOME_X": "Velkommen, ",

package/src/shared/translations/de-DE.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Passwort ist erforderlich.",
     "INVALID_CREDENTIALS": "Ungültige E-Mail oder Passwort.",
     "LOGIN": "Anmelden",
+    "LOGOUT": "Abmelden",
     "FORGOT_PASSWORD": "Passwort vergessen?",
     "LOGGING_IN": "Anmeldung läuft...",
     "WELCOME_X": "Willkommen, ",

package/src/shared/translations/en-GB.json

@@ -272,6 +272,7 @@
     "PASSWORD_REQUIRED": "Password is required.",
     "INVALID_CREDENTIALS": "Invalid email or password.",
     "LOGIN": "Login",
+    "LOGOUT": "Logout",
     "FORGOT_PASSWORD": "Forgot password?",
     "LOGGING_IN": "Logging in...",
     "WELCOME_X": "Welcome, ",

package/src/shared/translations/es-ES.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "La contraseña es obligatoria.",
     "INVALID_CREDENTIALS": "Correo electrónico o contraseña no válidos.",
     "LOGIN": "Iniciar sesión",
+    "LOGOUT": "Cerrar sesión",
     "FORGOT_PASSWORD": "¿Olvidaste tu contraseña?",
     "LOGGING_IN": "Iniciando sesión...",
     "WELCOME_X": "Bienvenido, ",

package/src/shared/translations/fr-BE.json

@@ -272,6 +272,7 @@
     "PASSWORD_REQUIRED": "Le mot de passe est requis.",
     "INVALID_CREDENTIALS": "Email ou mot de passe invalide.",
     "LOGIN": "Se connecter",
+    "LOGOUT": "Se déconnecter",
     "FORGOT_PASSWORD": "Mot de passe oublié ?",
     "LOGGING_IN": "Connexion...",
     "WELCOME_X": "Bienvenue, ",

package/src/shared/translations/fr-FR.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Le mot de passe est requis.",
     "INVALID_CREDENTIALS": "Email ou mot de passe invalide.",
     "LOGIN": "Se connecter",
+    "LOGOUT": "Se déconnecter",
     "FORGOT_PASSWORD": "Mot de passe oublié ?",
     "LOGGING_IN": "Connexion...",
     "WELCOME_X": "Bienvenue, ",

package/src/shared/translations/is-IS.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Lykilorð er nauðsynlegt.",
     "INVALID_CREDENTIALS": "Ógilt netfang eða lykilorð.",
     "LOGIN": "Skrá inn",
+    "LOGOUT": "Skrá út",
     "FORGOT_PASSWORD": "Gleymt lykilorð?",
     "LOGGING_IN": "Skrái inn...",
     "WELCOME_X": "Velkomin, ",

package/src/shared/translations/it-IT.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "La password è obbligatoria.",
     "INVALID_CREDENTIALS": "Email o password non validi.",
     "LOGIN": "Accedi",
+    "LOGOUT": "Esci",
     "FORGOT_PASSWORD": "Password dimenticata?",
     "LOGGING_IN": "Accesso in corso...",
     "WELCOME_X": "Benvenuto, ",

package/src/shared/translations/ja-JP.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "パスワードは必須です。",
     "INVALID_CREDENTIALS": "メールアドレスまたはパスワードが無効です。",
     "LOGIN": "ログイン",
+    "LOGOUT": "ログアウト",
     "FORGOT_PASSWORD": "パスワードをお忘れですか？",
     "LOGGING_IN": "ログイン中...",
     "WELCOME_X": "ようこそ、",

package/src/shared/translations/nl-BE.json

@@ -272,6 +272,7 @@
     "PASSWORD_REQUIRED": "Wachtwoord is verplicht.",
     "INVALID_CREDENTIALS": "Ongeldig e-mailadres of wachtwoord.",
     "LOGIN": "Inloggen",
+    "LOGOUT": "Uitloggen",
     "FORGOT_PASSWORD": "Wachtwoord vergeten?",
     "LOGGING_IN": "Bezig met inloggen...",
     "WELCOME_X": "Welkom, ",

package/src/shared/translations/nl-NL.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Wachtwoord is verplicht.",
     "INVALID_CREDENTIALS": "Ongeldig e-mailadres of wachtwoord.",
     "LOGIN": "Inloggen",
+    "LOGOUT": "Uitloggen",
     "FORGOT_PASSWORD": "Wachtwoord vergeten?",
     "LOGGING_IN": "Bezig met inloggen...",
     "WELCOME_X": "Welkom, ",

package/src/shared/translations/no-NO.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Passord er påkrevd.",
     "INVALID_CREDENTIALS": "Ugyldig e-post eller passord.",
     "LOGIN": "Logg inn",
+    "LOGOUT": "Logg ut",
     "FORGOT_PASSWORD": "Glemt passord?",
     "LOGGING_IN": "Logger inn...",
     "WELCOME_X": "Velkommen, ",

package/src/shared/translations/pl-PL.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Hasło jest wymagane.",
     "INVALID_CREDENTIALS": "Nieprawidłowy adres e-mail lub hasło.",
     "LOGIN": "Zaloguj się",
+    "LOGOUT": "Wyloguj się",
     "FORGOT_PASSWORD": "Zapomniałeś hasła?",
     "LOGGING_IN": "Logowanie...",
     "WELCOME_X": "Witaj, ",

package/src/shared/translations/pt-PT.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "A palavra-passe é obrigatória.",
     "INVALID_CREDENTIALS": "Email ou palavra-passe inválidos.",
     "LOGIN": "Iniciar sessão",
+    "LOGOUT": "Terminar sessão",
     "FORGOT_PASSWORD": "Esqueceu a palavra-passe?",
     "LOGGING_IN": "A iniciar sessão...",
     "WELCOME_X": "Bem-vindo, ",

package/src/shared/translations/sv-SE.json

@@ -268,6 +268,7 @@
     "PASSWORD_REQUIRED": "Lösenord krävs.",
     "INVALID_CREDENTIALS": "Ogiltig e-post eller lösenord.",
     "LOGIN": "Logga in",
+    "LOGOUT": "Logga ut",
     "FORGOT_PASSWORD": "Glömt lösenord?",
     "LOGGING_IN": "Loggar in...",
     "WELCOME_X": "Välkommen, ",

package/styles/components/_navbar.scss

@@ -1,4 +1,5 @@
 @use '../components/mixins' as mixins;
+
 .nav {
   &__subnav {
     background: var(--tide-booking-subnav-background);
@@ -52,6 +53,19 @@
       }
     }
 
+    &__member {
+      color: var(--tide-booking-subnav-link-color);
+      font-weight: var(--tide-booking-subnav-link-font-weight);
+      font-family: var(--tide-booking-subnav-link-font-family);
+      font-size: 12px;
+      padding: 0 8px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 5px;
+    }
+
     &__languages {
       position: relative;
       display: inline-flex;
@@ -302,6 +316,7 @@
       .nav__link--has-dropdown::after {
         transform: rotate(180deg);
       }
+
       .nav__dropdown {
         position: relative;
         opacity: 1;
@@ -390,6 +405,7 @@
         border: none;
         color: gray;
         border-bottom: none;
+
         &:last-child {
           border-bottom: none;
         }
@@ -461,6 +477,7 @@
     .nav__link--has-dropdown::after {
       transform: rotate(180deg);
     }
+
     .nav__dropdown {
       @include mixins.media-md {
         position: absolute;
@@ -645,6 +662,7 @@
           stroke-dashoffset: -134;
           stroke-width: 6;
         }
+
         &--2 {
           stroke-dasharray: 1 60;
           stroke-dashoffset: -30;