ba-js-common-header 1.0.3 → 1.0.5

package/README.md

@@ -1,264 +1,264 @@
-# Bookassist Common Header
-
-A React-based shared header component
-
-## Installation
-
-```javascript
-yarn add ba-js-common-header
-```
-
-## Usage
-
-```javascript
-// React
-
-import { Header } from 'ba-js-common-header/dist/ba-js-common-header.es.js'
-
-function App(props) {
-    return <Header {...props} />
-}
-```
-
-```javascript
-// website
-
-<div id="header"></div>
-
-// es5
-<script src="https://unpkg.com/ba-js-common-header/dist/ba-js-common-header.umd.js"></script>
-// baJsHeader global now available
-<script>
-  const { renderHeader } = baJsHeader
-  renderHeader(document.querySelector('#header'), {
-    // props
-  })
-</script>
-
-// ES Modules
-<script type="module">
-  import { renderHeader } from 'https://unpkg.com/ba-js-common-header/dist/ba-js-common-header.es.js'
-  renderHeader(document.querySelector('#header'), {
-    // props
-  })
-</script>
-```
-
-## Header Props
-
-| Prop                   | Type  | Description                        | Required |
-| :--------------------- | :---- | :--------------------------------- | :------- |
-| `config`               | `url` | header configuration feed endpoint | Yes      |
-| `userInfo`             | `obj` | userInfo object                    | Yes      |
-| `userLanguage`         | `str` | default user language              | No       |
-| `handleLanguageChange` | `fn`  | language selector callback         | No       |
-| `handleHotelChange`    | `fn`  | hotel selector callback            | No       |
-| `i18nFeed`             | `url` | Jed i18n endpoint                  | No       |
-
-#### config (required)
-
-The header configuration feed endpoint. See below for structure
-
-#### userInfo (required)
-
-The user state
-
-```javascript
-{
-    username, // string (required)
-    hotelId, // integer (optional)
-    guideId, // integer (optional)
-    group, // string (optional)
-}
-```
-
-The username is used by the header for display purposes. The hotel and guide ids are to provide for an initially selected hotel
-
-#### userLanguage (optional)
-
-The initially selected language, provided as an ISO language code (defaults to 'en')
-
-#### handleLanguageChange (optional)
-
-Callback fired on selection of a language. The callback is passed the new language code
-
-```javascript
-const cb = code => {
-    console.log(`The new language code is ${code}`)
-}
-```
-
-#### handleHotelChange (optional)
-
-Callback fired on selection of a hotel. The callback is passed an object containing name, hotel id and guide id
-
-```javascript
-const cb = ({ name, hotelId, guideId }) => {
-    console.log({ name, hotelId, guideId })
-}
-```
-
-#### i18nFeed (optional)
-
-Endpoint for Jed-based i18n feed. The url may contain a '{0}' placeholder for the current language code
-
-```javascript
-const i18nFeed =
-    'https://www.bookassist.com/rest/api/v1/i18n/jed/bookassist.i18n.HotelAdminRB/{0}'
-```
-
-## Feed Structures
-
-### Config Feed (required)
-
-The config feed is an object with 2 required properties:
-
-```javascript
-const config = {
-    titleBar, // required object
-    menuBar, // required array
-}
-```
-
-#### titleBar (required)
-
-The `titleBar` property provides configuration details for the 6 available widgets in the upper half of the header (a given widget will be rendered if configuration for it exists). The property value is an object with 6 possible properties:
-
-```javascript
-{
-    help, // optional object
-    languageSelector, // optional object
-    notifications, // optional object
-    product, // required object
-    propertySelector, // optional object
-    user, // required object
-}
-```
-
-##### help (optional)
-
-The `help` property provides link information for the help widget. The property value is an object with 2 required properties:
-
-```javascript
-{
-  label: 'Help Center', // required string
-  href: 'https://go.bookassist.org/en/knowledge/booking-engine', // required string
-}
-```
-
-##### languageSelector (optional)
-
-The `languageSelector` property provides a language widget label and an array of available languages. The property value is an object with 2 required properties:
-
-```javascript
-
-{
-  label: 'Language', // required string
-  children: [ // required array
-    {
-      code: 'en', // required string
-    },
-    {
-      code: 'es', // required string
-      label: 'Español', // optional string
-    },
-    {
-      code: 'fr', // required string
-    },
-    // ...
-  ],
-}
-```
-
-The `children` array is a list of `language` objects. A `language` object consists of a required language code property and an optional label property that can be used to override the name provided by [Intl.DisplayNames](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames)
-
-##### notifications (optional)
-
-```javascript
-{
-}
-```
-
-##### product (required)
-
-The `product` property denotes the current product. The property value is an object with 2 required properties:
-
-```javascript
-{
-  name: 'Booking Engine', // required string
-  href: '/hotel_admin/spl.jsp', // required string
-}
-```
-
-##### propertySelector (optional)
-
-The `propertySelector` property is used to provide the list of selectable hotels. The property value is an object with 2 required properties:
-
-```javascript
-{
-    type, // required string (one of 'data' or 'fetch')
-    items, // required array of hotels or endpoint providing said array
-}
-```
-
-The `items` property value is an array of hotels or an endpoint returning such an array. Individual hotels are specified as 2-item arrays containing the hotel name and a string consisting of the hotel and guide ids separated by an underscore.
-
-```javascript
-const hotels = [
-    ['ADLER HOTEL', '3724_802'],
-    ['Adria Hotel Prague', '1465_802'],
-    ['Agroturismo Can Toni Xumeu', '3033_102'],
-    // ...
-]
-```
-
-##### user (required)
-
-The `user` property denotes a set of user-related links. The property value is an object with 2 required properties:
-
-```javascript
-{
-  label: 'Profile', // required string
-  children: [ // required array
-    {
-      label: 'Maintain Users', // required string
-      href: '/hotel_admin/maintain_users.jsp', // required string
-    },
-    {
-      label: 'Change Password', // required string
-      href: '/hotel_admin/login.jsp?resetpass', // required string
-    },
-    {
-      label: 'Log Out', // required string
-      href: '/hotel_admin/logout.jsp', // required string
-    },
-  ],
-}
-```
-
-The `children` property is a list of link objects, each with 2 required properties (`label` and `href`)
-
-#### menuBar (requred)
-
-The `menuBar` property provides configuration details for the lower half of the header. The property value is a flat array of menu item objects:
-
-```javascript
-const menuBar = [
-    {
-        id, // required string
-        parentId, // required for nested menu items
-        label, // required string
-        href, // optional link (string)
-        group, // optional header for menu item grouping (string)
-        premium: { // optional object outlining premium status
-            value: true, // required boolean
-            locked: true, // required boolean
-        },
-    },
-    // ...
-]
-```
-
-## i18n
-
-i18n can be optionally provided via the `i18nFeed` prop.  The header uses [Jed](https://github.com/messageformat/Jed). If an i18n feed is specified all header labels will be treated as i18n keys and run through Jed for translation.
+# Bookassist Common Header
+
+A React-based shared header component
+
+## Installation
+
+```javascript
+yarn add ba-js-common-header
+```
+
+## Usage
+
+```javascript
+// React
+
+import { Header } from 'ba-js-common-header/dist/ba-js-common-header.es.js'
+
+function App(props) {
+    return <Header {...props} />
+}
+```
+
+```javascript
+// website
+
+<div id="header"></div>
+
+// es5
+<script src="https://unpkg.com/ba-js-common-header/dist/ba-js-common-header.umd.js"></script>
+// baJsHeader global now available
+<script>
+  const { renderHeader } = baJsHeader
+  renderHeader(document.querySelector('#header'), {
+    // props
+  })
+</script>
+
+// ES Modules
+<script type="module">
+  import { renderHeader } from 'https://unpkg.com/ba-js-common-header/dist/ba-js-common-header.es.js'
+  renderHeader(document.querySelector('#header'), {
+    // props
+  })
+</script>
+```
+
+## Header Props
+
+| Prop                   | Type  | Description                        | Required |
+| :--------------------- | :---- | :--------------------------------- | :------- |
+| `config`               | `url` | header configuration feed endpoint | Yes      |
+| `userInfo`             | `obj` | userInfo object                    | Yes      |
+| `userLanguage`         | `str` | default user language              | No       |
+| `handleLanguageChange` | `fn`  | language selector callback         | No       |
+| `handleHotelChange`    | `fn`  | hotel selector callback            | No       |
+| `i18nFeed`             | `url` | Jed i18n endpoint                  | No       |
+
+#### config (required)
+
+The header configuration feed endpoint. See below for structure
+
+#### userInfo (required)
+
+The user state
+
+```javascript
+{
+    username, // string (required)
+    hotelId, // integer (optional)
+    guideId, // integer (optional)
+    group, // string (optional)
+}
+```
+
+The username is used by the header for display purposes. The hotel and guide ids are to provide for an initially selected hotel
+
+#### userLanguage (optional)
+
+The initially selected language, provided as an ISO language code (defaults to 'en')
+
+#### handleLanguageChange (optional)
+
+Callback fired on selection of a language. The callback is passed the new language code
+
+```javascript
+const cb = code => {
+    console.log(`The new language code is ${code}`)
+}
+```
+
+#### handleHotelChange (optional)
+
+Callback fired on selection of a hotel. The callback is passed an object containing name, hotel id and guide id
+
+```javascript
+const cb = ({ name, hotelId, guideId }) => {
+    console.log({ name, hotelId, guideId })
+}
+```
+
+#### i18nFeed (optional)
+
+Endpoint for Jed-based i18n feed. The url may contain a '{0}' placeholder for the current language code
+
+```javascript
+const i18nFeed =
+    'https://www.bookassist.com/rest/api/v1/i18n/jed/bookassist.i18n.HotelAdminRB/{0}'
+```
+
+## Feed Structures
+
+### Config Feed (required)
+
+The config feed is an object with 2 required properties:
+
+```javascript
+const config = {
+    titleBar, // required object
+    menuBar, // required array
+}
+```
+
+#### titleBar (required)
+
+The `titleBar` property provides configuration details for the 6 available widgets in the upper half of the header (a given widget will be rendered if configuration for it exists). The property value is an object with 6 possible properties:
+
+```javascript
+{
+    help, // optional object
+    languageSelector, // optional object
+    notifications, // optional object
+    product, // required object
+    propertySelector, // optional object
+    user, // required object
+}
+```
+
+##### help (optional)
+
+The `help` property provides link information for the help widget. The property value is an object with 2 required properties:
+
+```javascript
+{
+  label: 'Help Center', // required string
+  href: 'https://go.bookassist.org/en/knowledge/booking-engine', // required string
+}
+```
+
+##### languageSelector (optional)
+
+The `languageSelector` property provides a language widget label and an array of available languages. The property value is an object with 2 required properties:
+
+```javascript
+
+{
+  label: 'Language', // required string
+  children: [ // required array
+    {
+      code: 'en', // required string
+    },
+    {
+      code: 'es', // required string
+      label: 'Español', // optional string
+    },
+    {
+      code: 'fr', // required string
+    },
+    // ...
+  ],
+}
+```
+
+The `children` array is a list of `language` objects. A `language` object consists of a required language code property and an optional label property that can be used to override the name provided by [Intl.DisplayNames](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames)
+
+##### notifications (optional)
+
+```javascript
+{
+}
+```
+
+##### product (required)
+
+The `product` property denotes the current product. The property value is an object with 2 required properties:
+
+```javascript
+{
+  name: 'Booking Engine', // required string
+  href: '/hotel_admin/spl.jsp', // required string
+}
+```
+
+##### propertySelector (optional)
+
+The `propertySelector` property is used to provide the list of selectable hotels. The property value is an object with 2 required properties:
+
+```javascript
+{
+    type, // required string (one of 'data' or 'fetch')
+    items, // required array of hotels or endpoint providing said array
+}
+```
+
+The `items` property value is an array of hotels or an endpoint returning such an array. Individual hotels are specified as 2-item arrays containing the hotel name and a string consisting of the hotel and guide ids separated by an underscore.
+
+```javascript
+const hotels = [
+    ['ADLER HOTEL', '3724_802'],
+    ['Adria Hotel Prague', '1465_802'],
+    ['Agroturismo Can Toni Xumeu', '3033_102'],
+    // ...
+]
+```
+
+##### user (required)
+
+The `user` property denotes a set of user-related links. The property value is an object with 2 required properties:
+
+```javascript
+{
+  label: 'Profile', // required string
+  children: [ // required array
+    {
+      label: 'Maintain Users', // required string
+      href: '/hotel_admin/maintain_users.jsp', // required string
+    },
+    {
+      label: 'Change Password', // required string
+      href: '/hotel_admin/login.jsp?resetpass', // required string
+    },
+    {
+      label: 'Log Out', // required string
+      href: '/hotel_admin/logout.jsp', // required string
+    },
+  ],
+}
+```
+
+The `children` property is a list of link objects, each with 2 required properties (`label` and `href`)
+
+#### menuBar (requred)
+
+The `menuBar` property provides configuration details for the lower half of the header. The property value is a flat array of menu item objects:
+
+```javascript
+const menuBar = [
+    {
+        id, // required string
+        parentId, // required for nested menu items
+        label, // required string
+        href, // optional link (string)
+        group, // optional header for menu item grouping (string)
+        premium: { // optional object outlining premium status
+            value: true, // required boolean
+            locked: true, // required boolean
+        },
+    },
+    // ...
+]
+```
+
+## i18n
+
+i18n can be optionally provided via the `i18nFeed` prop.  The header uses [Jed](https://github.com/messageformat/Jed). If an i18n feed is specified all header labels will be treated as i18n keys and run through Jed for translation.

package/dist/ba-js-common-header.es.js

@@ -6877,6 +6877,26 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
+function BookassistLogo({
+  className
+}) {
+  return /* @__PURE__ */ jsx("svg", {
+    className,
+    viewBox: "0 0 512 76.2",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Bookassist",
+    children: /* @__PURE__ */ jsx("path", {
+      d: "m54 41.4c-1.4-.9-1.6-2.9-.3-4 1.2-1.1 2.3-2.4 3.1-3.8 1.5-2.6 2.3-5.5 2.3-8.7 0-5.5-2.2-9.8-6.5-13s-10.7-4.8-19.1-4.8h-28.8c-2.6-.1-4.7 2.1-4.7 4.8v58.5c0 2.7 2.1 4.9 4.7 4.9h30.6c8.7 0 15.4-1.6 20-4.9s6.9-7.9 6.9-13.9-1.1-7.6-3.2-10.5c-1.4-1.9-3.1-3.4-5.1-4.7zm-35.7-15.6c0-2.7 2.1-4.9 4.7-4.9h8c6.2 0 8.1 2.1 8.1 6.4s-1.8 6.8-8.1 6.8h-8c-2.6 0-4.7-2.2-4.7-4.9zm15.5 35.5h-10.8c-2.6 0-4.7-2.2-4.7-4.9v-4.1c0-2.7 2.1-4.9 4.7-4.9h10.8c6.5 0 9.7 2.3 9.7 6.9s-3.2 6.9-9.7 6.9zm73.7-34.2c-4.4-2.2-9.3-3.3-14.8-3.3s-10.4 1.1-14.7 3.3-7.7 5.3-10.2 9.3-3.7 8.5-3.7 13.5 1.2 9.6 3.7 13.6 5.9 7.1 10.2 9.4c4.4 2.2 9.3 3.4 14.7 3.4s10.4-1.1 14.8-3.4c4.4-2.2 7.8-5.4 10.2-9.4s3.6-8.5 3.6-13.6-1.2-9.6-3.6-13.5c-2.4-4-5.8-7-10.2-9.3zm-7.1 31.7c-2 2.2-4.6 3.2-7.7 3.2s-5.7-1.1-7.7-3.2c-2-2.2-3-5.1-3-8.9s1-6.7 3-8.8 4.6-3.2 7.7-3.2 5.7 1.1 7.7 3.2 3 5.1 3 8.8-1 6.8-3 8.9zm67-31.7c-4.4-2.2-9.3-3.3-14.8-3.3s-10.4 1.1-14.7 3.3-7.7 5.3-10.2 9.3-3.7 8.5-3.7 13.5 1.2 9.6 3.7 13.6 5.9 7.1 10.2 9.4c4.4 2.2 9.3 3.4 14.7 3.4s10.4-1.1 14.8-3.4c4.4-2.2 7.8-5.4 10.2-9.4s3.6-8.5 3.6-13.6-1.2-9.6-3.6-13.5c-2.4-4-5.8-7-10.2-9.3zm-7.1 31.7c-2 2.2-4.6 3.2-7.7 3.2s-5.7-1.1-7.7-3.2c-2-2.2-3-5.1-3-8.9s1-6.7 3-8.8 4.6-3.2 7.7-3.2 5.7 1.1 7.7 3.2 3 5.1 3 8.8-1 6.8-3 8.9zm62.2-9.7c-1.3-1.6-1.2-3.9.3-5.4l11.7-12.1c2.5-2.6.7-7-3-7h-9.6c-1.1 0-2.1.4-2.9 1.2l-13.9 13.5c-1.1 1.1-3.1.3-3.1-1.3v-28c0-2.3-1.8-4.1-4.1-4.1h-9.5c-2.3 0-4.1 1.8-4.1 4.1v61.1c0 2.3 1.8 4.1 4.1 4.1h9.5c2.3 0 4.1-1.8 4.1-4.1v-4.2c0-2.6 1-5.2 2.9-7 1.3-1.3 3.3-1.2 4.5.2l10.9 13.6c.8 1 1.9 1.5 3.2 1.5h11.1c3.4 0 5.4-4 3.2-6.7l-15.3-19.5zm60.2-19.6c-4.4-3.8-10.8-5.7-19.3-5.7s-8.1.5-12.1 1.5c-1.9.5-3.6 1.1-5.2 1.7-2.8 1.2-4.1 4.5-2.7 7.2l1.4 2.8c1.2 2.4 4 3.3 6.4 2.3.7-.3 1.5-.6 2.3-.8 2.5-.8 5-1.2 7.4-1.2 5.9 0 9.4 2 10.4 6 .3 1-.6 2.1-1.6 2.1h-8.1c-7.7 0-13.3 1.3-17 4s-4.2 6.4-4.2 11.2.7 5.7 2.2 8 2.3 4.2 5.2 5.6 7.6 2.1 11.5 2.1 8.1-1.3 10.9-3.8c1.1-1 2.8 0 2.8 1.3s3.2 1.8 4.2 1.8h8.7c2.8 0 3.7-2.3 3.7-5.1v-23.1c0-7.9-2.2-13.8-6.6-17.6l-.3-.3zm-11.1 29.2c0 .2 0 .4-.1.6-.7 1.8-1.8 3.1-3.3 4.1-1.6 1-3.4 1.5-5.4 1.5s-3.7-.5-4.9-1.4-1.8-2.2-1.8-3.7c0-3.4 2.6-5.1 7.8-5.1h6c.9 0 1.7.7 1.7 1.7v2.4zm66.4-8.3c-2-2.2-4.4-3.6-7.2-4.4s-6.2-1.5-10.4-2.2c-3.3-.5-5.7-1-7.1-1.4-1.4-.5-2.2-1.3-2.2-2.5s.7-1.9 2-2.6 3.4-1 6.2-1 6.9.6 10 1.7c2.6.9 5.6-.2 6.7-2.8l.5-1.1c1.6-3.6-.4-7.8-4.2-8.7-.7-.2-1.4-.3-2.2-.5-3.6-.7-7.3-1.1-10.9-1.1s-9.6.7-13.3 2.2-6.5 3.5-8.5 6c-1.9 2.5-2.9 5.4-2.9 8.6s1 7 3.1 9.2 4.5 3.7 7.3 4.5 6.3 1.5 10.3 2 5.5.9 7 1.4 2.2 1.3 2.2 2.4-.6 2-1.8 2.6-3.3.9-6.1.9-6.3-.4-9.4-1.3c-1.1-.3-2.1-.6-3.1-1-3-1.1-6.3.3-7.6 3.2l-.5 1.2c-1.4 3.1.2 6.8 3.5 7.9 1.3.4 2.7.8 4.1 1.2 4.1 1 9.6 1.5 13.9 1.5s8.5-.7 12.3-2.2c5.6-2.1 9.1-5.4 10.7-9.9.6-1.8.8-3.8.7-5.7-.2-3.3-1.2-5.9-3-7.9v-.2zm69.4-25.8h-6.7c-3.1 0-5.5 2.5-5.5 5.5v39.6c0 3.1 3.8 5.5 6.9 5.5h6.7c3.1 0 4.2-2.5 4.2-5.5v-39.6c0-3.1-2.5-5.5-5.5-5.5zm-20.2 25.8c-2-2.2-4.4-3.6-7.2-4.4s-6.2-1.5-10.4-2.2c-3.3-.5-5.7-1-7.1-1.4-1.4-.5-2.2-1.3-2.2-2.5s.7-1.9 2-2.6 3.4-1 6.2-1 6.9.6 10 1.7c2.6.9 5.6-.2 6.7-2.8l.5-1.1c1.6-3.6-.4-7.8-4.2-8.7-.7-.2-1.4-.3-2.2-.5-3.6-.7-7.3-1.1-10.9-1.1s-9.6.7-13.3 2.2-6.5 3.5-8.5 6c-1.9 2.5-2.9 5.4-2.9 8.6s1 7 3.1 9.2 4.5 3.7 7.3 4.5 6.3 1.5 10.3 2 5.5.9 7 1.4 2.2 1.3 2.2 2.4-.6 2-1.8 2.6-3.3.9-6.1.9-6.3-.4-9.4-1.3c-1.1-.3-2.1-.6-3.1-1-3-1.1-6.3.3-7.6 3.2l-.5 1.2c-1.4 3.1.2 6.8 3.5 7.9 1.3.4 2.7.8 4.1 1.2 4.1 1 9.6 1.5 13.9 1.5s8.5-.7 12.3-2.2c5.6-2.1 9.1-5.4 10.7-9.9.6-1.8.8-3.8.7-5.7-.2-3.3-1.2-5.9-3-7.9v-.2zm74.6 0c-2-2.2-4.4-3.6-7.2-4.4s-6.2-1.5-10.4-2.2c-3.3-.5-5.7-1-7.1-1.4-1.4-.5-2.2-1.3-2.2-2.5s.7-1.9 2-2.6 3.4-1 6.2-1 6.9.6 10 1.7c2.6.9 5.6-.2 6.7-2.8l.5-1.1c1.6-3.6-.4-7.8-4.2-8.7-.7-.2-1.4-.3-2.2-.5-3.6-.7-7.3-1.1-10.9-1.1s-9.6.7-13.3 2.2-6.5 3.5-8.5 6c-1.9 2.5-2.9 5.4-2.9 8.6s1 7 3.1 9.2 4.5 3.7 7.3 4.5 6.3 1.5 10.3 2 5.5.9 7 1.4 2.2 1.3 2.2 2.4-.6 2-1.8 2.6-3.3.9-6.1.9-6.3-.4-9.4-1.3c-1.1-.3-2.1-.6-3.1-1-3-1.1-6.3.3-7.6 3.2l-.5 1.2c-1.4 3.1.2 6.8 3.5 7.9 1.3.4 2.7.8 4.1 1.2 4.1 1 9.6 1.5 13.9 1.5s8.5-.7 12.3-2.2c5.6-2.1 9.1-5.4 10.7-9.9.6-1.8.8-3.8.7-5.7-.2-3.3-1.2-5.9-3-7.9v-.2zm39.9-50.4c-5.7 0-10.3 4.2-10.3 9.4s4.6 9.4 10.3 9.4 10.3-4.2 10.3-9.4-4.6-9.4-10.3-9.4zm0 16.8c-4.6 0-8.4-3.4-8.4-7.5s3.8-7.5 8.4-7.5 8.4 3.4 8.4 7.5-3.8 7.5-8.4 7.5zm-97.5-16.8c-5.7 0-10.3 4.2-10.3 9.4s4.6 9.4 10.3 9.4 10.3-4.2 10.3-9.4-4.6-9.4-10.3-9.4zm101.3 11.2c-.2-.3-.2-.8 0-1.1.1-.2.2-.3.4-.6.3-.5.5-1.2.5-1.9s-.2-1.4-.5-2-.9-1-1.5-1.3-1.4-.4-2.3-.4h-3.6c-.5 0-.9.4-.9.9v8.8c0 .5.4.9.9.9h1c.5 0 .9-.4.9-.9v-1.5c0-.5.4-.9.9-.9h.1c.3 0 .6.2.8.4l1.7 2.5c.2.3.5.4.8.4h1.4c.7 0 1.2-.8.8-1.4l-1.2-1.9zm-2.3-2.5c-.3.2-.7.4-1.3.4h-.7c-.5 0-.9-.4-.9-.9v-1.1c0-.5.4-.9.9-.9h.7c.6 0 1 0 1.3.4s.4.6.4 1.1-.1.8-.4 1.1zm-1.4 55.9c-.6-1.7-2.4-2.8-4.2-2.4-.8.2-1.6.3-2.5.3-1.6 0-2.9-.5-3.9-1.5s-1.4-2.4-1.4-4.3v-13.1c0-2 1.7-3.7 3.7-3.7h4.2c2 0 3.7-1.7 3.7-3.7v-5.9c0-2-1.7-3.7-3.7-3.7h-4.2c-2 0-3.7-1.7-3.7-3.7v-5.8c0-2-1.7-3.7-3.7-3.7h-10.4c-2 0-3.7 1.7-3.7 3.7v5.8c0 2-1.7 3.7-3.7 3.7-2 0-3.7 1.7-3.7 3.7v5.9c0 2 1.7 3.7 3.7 3.7 2 0 3.7 1.7 3.7 3.7v13.3c0 6.4 1.8 11.3 5.3 14.5 3.6 3.2 8.6 4.9 15.2 4.9s4.7-.2 6.9-.7c.7-.2 1.5-.4 2.1-.6 1.9-.7 2.9-2.8 2.2-4.7l-2-5.6h.1z",
+      fill: "currentColor"
+    })
+  });
+}
+BookassistLogo.propTypes = {
+  className: PropTypes.string
+};
+BookassistLogo.defaultProps = {
+  className: ""
+};
 function Logo() {
   const {
     product
@@ -6910,9 +6930,8 @@ function Logo() {
       title: "home",
       href,
       style: styles,
-      children: [/* @__PURE__ */ jsx("span", {
-        className: "me-1 hd-brand",
-        children: "Bookassist"
+      children: [/* @__PURE__ */ jsx(BookassistLogo, {
+        className: "me-1 hd-brand-logo"
       }), /* @__PURE__ */ jsx("strong", {
         className: "hd-product",
         children: name
@@ -13986,11 +14005,11 @@ function HelpCenter() {
           className: "hd-icon hd-icon-arrow-angle-right"
         })
       })]
-    }), /* @__PURE__ */ jsx("ul", {
+    }), /* @__PURE__ */ jsxs("ul", {
       className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
         "hd-submenu-opened": subMenuOpen
       }),
-      children: children.map(({
+      children: [children.map(({
         href,
         label: lbl
       }) => /* @__PURE__ */ jsx("li", {
@@ -14008,7 +14027,19 @@ function HelpCenter() {
             }))
           })
         })
-      }, nanoid()))
+      }, nanoid())), /* @__PURE__ */ jsx("li", {
+        children: /* @__PURE__ */ jsx("div", {
+          className: "row m-0 py-lg-0 align-items-center",
+          children: /* @__PURE__ */ jsx("div", {
+            className: "col py-2 py-lg-0 px-0",
+            children: /* @__PURE__ */ jsxs("a", {
+              className: "px-lg-4 py-2 d-block",
+              href: "mailto:support@bookassist.com",
+              children: [i18n && i18n.translate("bex_header.contact_support_team").fetch(), ":", /* @__PURE__ */ jsx("br", {}), "support@bookassist.com"]
+            })
+          })
+        })
+      })]
     })]
   });
 }