@qite/tide-booking-component 1.4.60 → 1.4.62

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,
@@ -44864,6 +44909,90 @@ var Login = function (_a) {
   );
 };
 
+var ImageWithTextCard = function (_a) {
+  var noCard = _a.noCard,
+    fullImage = _a.fullImage,
+    reverse = _a.reverse,
+    imageSrc = _a.imageSrc,
+    imageAlt = _a.imageAlt,
+    title = _a.title,
+    activityTitle = _a.activityTitle,
+    activityText = _a.activityText,
+    detailsTitle = _a.detailsTitle,
+    detailsText = _a.detailsText,
+    buttonText = _a.buttonText,
+    onButtonClick = _a.onButtonClick;
+  var cardClassName = 'image-with-text__card';
+  if (noCard) {
+    cardClassName += ' image-with-text__card--no-card';
+  }
+  if (fullImage) {
+    cardClassName += ' image-with-text__card--full-image';
+  }
+  if (reverse) {
+    cardClassName += ' image-with-text__card--reverse';
+  }
+  return React__default['default'].createElement(
+    'div',
+    { className: cardClassName },
+    React__default['default'].createElement(
+      'div',
+      { className: 'image-with-text__card__image__wrapper' },
+      React__default['default'].createElement('img', { src: imageSrc, alt: imageAlt, className: 'image-with-text__card__image' })
+    ),
+    React__default['default'].createElement(
+      'div',
+      { className: 'image-with-text__card__content' },
+      React__default['default'].createElement('h3', { className: 'image-with-text__card__title' }, title),
+      React__default['default'].createElement(
+        'div',
+        { className: 'image-with-text__card__description' },
+        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, activityTitle),
+        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, activityText)
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'image-with-text__card__description' },
+        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, detailsTitle),
+        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, detailsText)
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'image-with-text__card__btn' },
+        React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select', onClick: onButtonClick }, buttonText)
+      )
+    )
+  );
+};
+
+var ImageWithTextSection = function (_a) {
+  var title = _a.title,
+    hasBackground = _a.hasBackground,
+    cards = _a.cards;
+  var className = 'image-with-text '.concat(hasBackground ? 'image-with-text--background' : '');
+  return React__default['default'].createElement(
+    'div',
+    { className: className },
+    React__default['default'].createElement(
+      'div',
+      { className: 'image-with-text__container' },
+      React__default['default'].createElement(
+        'div',
+        { className: 'image-with-text__title__row' },
+        React__default['default'].createElement('h2', { className: 'image-with-text__title' }, title)
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'image-with-text__card__wrapper' },
+        !lodash.isEmpty(cards) &&
+          cards.map(function (card, index) {
+            return React__default['default'].createElement(ImageWithTextCard, __assign({ key: index }, card));
+          })
+      )
+    )
+  );
+};
+
 var signalR$1 = {};
 
 var jqueryDeferred$1 = { exports: {} };
@@ -48763,6 +48892,7 @@ exports.BookingWizard = BookingWizard;
 exports.Footer = Footer;
 exports.Header = Header;
 exports.ImageCardGrid = ImageCardGrid;
+exports.ImageWithTextSection = ImageWithTextSection;
 exports.Login = Login;
 exports.Navbar = Navbar;
 exports.QSM = QSM;

package/build/build-cjs/src/content/components/image-with-text.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-type Variant = 'image-with-text--no-card' | 'image-with-text--full-img';
+type Variant = 'image-with-text__card--no-card' | 'image-with-text__card--full-img';
 interface ImageWithTextCardProps {
+  variant?: Variant;
   reverse?: boolean;
   imageSrc: string;
   imageAlt: string;

package/build/build-cjs/src/content/image-with-text-section/card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextCardProps } from './types';
+declare const ImageWithTextCard: React.FC<ImageWithTextCardProps>;
+export default ImageWithTextCard;

package/build/build-cjs/src/content/image-with-text-section/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextSectionProps } from './types';
+declare const ImageWithTextSection: React.FC<ImageWithTextSectionProps>;
+export default ImageWithTextSection;

package/build/build-cjs/src/content/image-with-text-section/types.d.ts

@@ -0,0 +1,19 @@
+export interface ImageWithTextSectionProps {
+  title: string;
+  hasBackground?: boolean;
+  cards: ImageWithTextCardProps[];
+}
+export interface ImageWithTextCardProps {
+  noCard?: boolean;
+  fullImage?: boolean;
+  reverse?: boolean;
+  imageSrc: string;
+  imageAlt: string;
+  title: string;
+  activityTitle: string;
+  activityText: string;
+  detailsTitle: string;
+  detailsText: string;
+  buttonText: string;
+  onButtonClick?: () => void;
+}

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/index.d.ts

@@ -7,12 +7,14 @@ import QSM from './qsm';
 import SearchResults from './search-results';
 import ImageCardGrid from './content/image-card-grid';
 import Login from './content/login';
+import ImageWithTextSection from './content/image-with-text-section';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
 export * from './content/image-card-grid/types';
 export * from './content/login/types';
+export * from './content/image-with-text-section/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login };
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection };

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,
@@ -44574,6 +44617,90 @@ var Login = function (_a) {
   );
 };
 
+var ImageWithTextCard = function (_a) {
+  var noCard = _a.noCard,
+    fullImage = _a.fullImage,
+    reverse = _a.reverse,
+    imageSrc = _a.imageSrc,
+    imageAlt = _a.imageAlt,
+    title = _a.title,
+    activityTitle = _a.activityTitle,
+    activityText = _a.activityText,
+    detailsTitle = _a.detailsTitle,
+    detailsText = _a.detailsText,
+    buttonText = _a.buttonText,
+    onButtonClick = _a.onButtonClick;
+  var cardClassName = 'image-with-text__card';
+  if (noCard) {
+    cardClassName += ' image-with-text__card--no-card';
+  }
+  if (fullImage) {
+    cardClassName += ' image-with-text__card--full-image';
+  }
+  if (reverse) {
+    cardClassName += ' image-with-text__card--reverse';
+  }
+  return React__default.createElement(
+    'div',
+    { className: cardClassName },
+    React__default.createElement(
+      'div',
+      { className: 'image-with-text__card__image__wrapper' },
+      React__default.createElement('img', { src: imageSrc, alt: imageAlt, className: 'image-with-text__card__image' })
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'image-with-text__card__content' },
+      React__default.createElement('h3', { className: 'image-with-text__card__title' }, title),
+      React__default.createElement(
+        'div',
+        { className: 'image-with-text__card__description' },
+        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, activityTitle),
+        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, activityText)
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'image-with-text__card__description' },
+        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, detailsTitle),
+        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, detailsText)
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'image-with-text__card__btn' },
+        React__default.createElement('button', { type: 'button', className: 'cta cta--select', onClick: onButtonClick }, buttonText)
+      )
+    )
+  );
+};
+
+var ImageWithTextSection = function (_a) {
+  var title = _a.title,
+    hasBackground = _a.hasBackground,
+    cards = _a.cards;
+  var className = 'image-with-text '.concat(hasBackground ? 'image-with-text--background' : '');
+  return React__default.createElement(
+    'div',
+    { className: className },
+    React__default.createElement(
+      'div',
+      { className: 'image-with-text__container' },
+      React__default.createElement(
+        'div',
+        { className: 'image-with-text__title__row' },
+        React__default.createElement('h2', { className: 'image-with-text__title' }, title)
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'image-with-text__card__wrapper' },
+        !isEmpty(cards) &&
+          cards.map(function (card, index) {
+            return React__default.createElement(ImageWithTextCard, __assign({ key: index }, card));
+          })
+      )
+    )
+  );
+};
+
 var signalR$1 = {};
 
 var jqueryDeferred$1 = { exports: {} };
@@ -48468,4 +48595,4 @@ var signalR = /*#__PURE__*/ _mergeNamespaces(
   [signalR$1]
 );
 
-export { BookingProduct, BookingWizard, DepartureRange, Footer, Header, ImageCardGrid, Login, Navbar, QSM, SearchResults };
+export { BookingProduct, BookingWizard, DepartureRange, Footer, Header, ImageCardGrid, ImageWithTextSection, Login, Navbar, QSM, SearchResults };

package/build/build-esm/src/content/components/image-with-text.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-type Variant = 'image-with-text--no-card' | 'image-with-text--full-img';
+type Variant = 'image-with-text__card--no-card' | 'image-with-text__card--full-img';
 interface ImageWithTextCardProps {
+  variant?: Variant;
   reverse?: boolean;
   imageSrc: string;
   imageAlt: string;

package/build/build-esm/src/content/image-with-text-section/card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextCardProps } from './types';
+declare const ImageWithTextCard: React.FC<ImageWithTextCardProps>;
+export default ImageWithTextCard;

package/build/build-esm/src/content/image-with-text-section/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextSectionProps } from './types';
+declare const ImageWithTextSection: React.FC<ImageWithTextSectionProps>;
+export default ImageWithTextSection;

package/build/build-esm/src/content/image-with-text-section/types.d.ts

@@ -0,0 +1,19 @@
+export interface ImageWithTextSectionProps {
+  title: string;
+  hasBackground?: boolean;
+  cards: ImageWithTextCardProps[];
+}
+export interface ImageWithTextCardProps {
+  noCard?: boolean;
+  fullImage?: boolean;
+  reverse?: boolean;
+  imageSrc: string;
+  imageAlt: string;
+  title: string;
+  activityTitle: string;
+  activityText: string;
+  detailsTitle: string;
+  detailsText: string;
+  buttonText: string;
+  onButtonClick?: () => void;
+}