@qite/tide-booking-component 1.4.84 → 1.4.85

package/build/build-cjs/index.js

@@ -29940,6 +29940,7 @@ var Navbar = function (_a) {
   var _b;
   var currentPath = _a.currentPath,
     logo = _a.logo,
+    onLogoClick = _a.onLogoClick,
     topLinks = _a.topLinks,
     items = _a.items,
     language = _a.language,
@@ -30234,7 +30235,7 @@ var Navbar = function (_a) {
       React__default['default'].createElement(
         'div',
         { className: 'nav__container' },
-        React__default['default'].createElement('div', { className: 'nav__logo' }, logo),
+        React__default['default'].createElement('div', { className: 'nav__logo', onClick: onLogoClick }, logo),
         React__default['default'].createElement(
           'div',
           { className: 'nav__wrapper' },
@@ -30480,6 +30481,7 @@ var defaultPayments = [
 var Footer = function (_a) {
   var className = _a.className,
     logo = _a.logo,
+    onLogoClick = _a.onLogoClick,
     _b = _a.social,
     social = _b === void 0 ? defaultSocial : _b,
     _c = _a.columns,
@@ -30499,7 +30501,7 @@ var Footer = function (_a) {
         { className: 'footer__top' },
         React__default['default'].createElement(
           'div',
-          { className: 'footer__logo' },
+          { className: 'footer__logo', onClick: onLogoClick },
           logo !== null && logo !== void 0 ? logo : React__default['default'].createElement(DefaultLogo, null)
         ),
         React__default['default'].createElement(

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

@@ -19,6 +19,7 @@ export interface FooterProps {
   className?: string;
   /** Optional override for the logo (defaults to the SVG from your footer) */
   logo?: React.ReactNode;
+  onLogoClick?: () => void;
   social?: SocialLink[];
   columns?: FooterColumn[];
   copyrightText?: string;

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

@@ -19,6 +19,7 @@ export interface NavItem {
 export interface NavbarProps {
   currentPath?: string;
   logo: React.ReactNode;
+  onLogoClick?: () => void;
   topLinks: NavLink[];
   items: NavItem[];
   language: Language;

package/build/build-esm/index.js

@@ -29830,6 +29830,7 @@ var Navbar = function (_a) {
   var _b;
   var currentPath = _a.currentPath,
     logo = _a.logo,
+    onLogoClick = _a.onLogoClick,
     topLinks = _a.topLinks,
     items = _a.items,
     language = _a.language,
@@ -30122,7 +30123,7 @@ var Navbar = function (_a) {
       React__default.createElement(
         'div',
         { className: 'nav__container' },
-        React__default.createElement('div', { className: 'nav__logo' }, logo),
+        React__default.createElement('div', { className: 'nav__logo', onClick: onLogoClick }, logo),
         React__default.createElement(
           'div',
           { className: 'nav__wrapper' },
@@ -30368,6 +30369,7 @@ var defaultPayments = [
 var Footer = function (_a) {
   var className = _a.className,
     logo = _a.logo,
+    onLogoClick = _a.onLogoClick,
     _b = _a.social,
     social = _b === void 0 ? defaultSocial : _b,
     _c = _a.columns,
@@ -30387,7 +30389,7 @@ var Footer = function (_a) {
         { className: 'footer__top' },
         React__default.createElement(
           'div',
-          { className: 'footer__logo' },
+          { className: 'footer__logo', onClick: onLogoClick },
           logo !== null && logo !== void 0 ? logo : React__default.createElement(DefaultLogo, null)
         ),
         React__default.createElement(

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

@@ -19,6 +19,7 @@ export interface FooterProps {
   className?: string;
   /** Optional override for the logo (defaults to the SVG from your footer) */
   logo?: React.ReactNode;
+  onLogoClick?: () => void;
   social?: SocialLink[];
   columns?: FooterColumn[];
   copyrightText?: string;

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

@@ -19,6 +19,7 @@ export interface NavItem {
 export interface NavbarProps {
   currentPath?: string;
   logo: React.ReactNode;
+  onLogoClick?: () => void;
   topLinks: NavLink[];
   items: NavItem[];
   language: Language;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.84",
+  "version": "1.4.85",
   "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/footer/index.tsx

@@ -104,6 +104,7 @@ const defaultPayments: PaymentIcon[] = [
 export const Footer: React.FC<FooterProps> = ({
   className,
   logo,
+  onLogoClick,
   social = defaultSocial,
   columns = defaultColumns,
   copyrightText = '© 2024 Travel Agency. All rights reserved.',
@@ -113,7 +114,9 @@ export const Footer: React.FC<FooterProps> = ({
     <footer className={['footer', className].filter(Boolean).join(' ')}>
       <div className="footer__container">
         <div className="footer__top">
-          <div className="footer__logo">{logo ?? <DefaultLogo />}</div>
+          <div className="footer__logo" onClick={onLogoClick}>
+            {logo ?? <DefaultLogo />}
+          </div>
 
           <div className="footer__social">
             {social.map((item) => (

package/src/content/footer/types.ts

@@ -24,6 +24,7 @@ export interface FooterProps {
 
   /** Optional override for the logo (defaults to the SVG from your footer) */
   logo?: React.ReactNode;
+  onLogoClick?: () => void;
 
   social?: SocialLink[];
 

package/src/content/navbar/index.tsx

@@ -4,7 +4,20 @@ 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, member, onLogin, onLogout }) => {
+const Navbar: React.FC<NavbarProps> = ({
+  currentPath,
+  logo,
+  onLogoClick,
+  topLinks,
+  items,
+  language,
+  languages,
+  onLanguageChange,
+  onSearch,
+  member,
+  onLogin,
+  onLogout
+}) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const [query, setQuery] = useState('');
   const [activeMobileGroup, setActiveMobileGroup] = useState<string>();
@@ -247,7 +260,9 @@ const Navbar: React.FC<NavbarProps> = ({ currentPath, logo, topLinks, items, lan
       </div>
       <nav className="nav__primary">
         <div className="nav__container">
-          <div className="nav__logo">{logo}</div>
+          <div className="nav__logo" onClick={onLogoClick}>
+            {logo}
+          </div>
           <div className="nav__wrapper">
             <div className="nav__links">{items && items.map(renderNavItem)}</div>
             <div className="nav__search">

package/src/content/navbar/types.ts

@@ -26,6 +26,7 @@ export interface NavbarProps {
   currentPath?: string;
 
   logo: React.ReactNode;
+  onLogoClick?: () => void;
 
   topLinks: NavLink[];
   items: NavItem[];

package/styles/components/_footer.scss

@@ -29,6 +29,7 @@
   &__logo {
     width: auto;
     height: 40px;
+    cursor: pointer;
 
     svg,
     img {

package/styles/components/_navbar.scss

@@ -232,6 +232,7 @@
     width: auto;
     height: 100%;
     padding: 15px 0px;
+    cursor: pointer;
 
     svg {
       height: 100%;