ba-js-common-header 0.0.55 → 0.0.58

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

@@ -14555,25 +14555,34 @@ function HotelFinder(props) {
           })), /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({
             className: "mb-0 px-3 list-unstyled shadow"
           }, getMenuProps()), {
-            children: isOpen && inputHotels.map((hotel, index2) => /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({
-              className: "py-3 py-lg-2"
-            }, getItemProps({
-              hotel,
-              index: index2
-            })), {
-              children: /* @__PURE__ */ jsxs("div", {
-                style: __spreadValues({
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center"
-                }, highlightedIndex === index2 && {
-                  backgroundColor: "#81bf8c"
-                }),
-                children: [/* @__PURE__ */ jsx("div", {
-                  children: hotel[0]
-                }), hotel === selectedHotel && /* @__PURE__ */ jsx(commonThin.Tick, {})]
-              })
-            }), hotel[1]))
+            children: isOpen && inputHotels.map((hotel, index2) => {
+              const disabled = hotel === noMatchHotel || hotel === selectedHotel;
+              return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues(__spreadValues({
+                className: "py-3 py-lg-2"
+              }, getItemProps(__spreadValues({
+                hotel,
+                index: index2
+              }, disabled && {
+                disabled: true
+              }))), disabled && {
+                style: {
+                  cursor: "default"
+                }
+              }), {
+                children: /* @__PURE__ */ jsxs("div", {
+                  style: __spreadValues({
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                  }, highlightedIndex === index2 && {
+                    backgroundColor: "#81bf8c"
+                  }),
+                  children: [/* @__PURE__ */ jsx("div", {
+                    children: hotel[0]
+                  }), hotel === selectedHotel && /* @__PURE__ */ jsx(commonThin.Tick, {})]
+                })
+              }), hotel[1]);
+            })
           })), /* @__PURE__ */ jsx(commonThin.Search, {
             className: "hd-icon hd-icon-search"
           }), /* @__PURE__ */ jsx(commonThin.Close, {
@@ -14742,31 +14751,73 @@ function HelpCenter() {
   const {
     i18n
   } = useI18n();
+  const {
+    subMenus
+  } = useSelector((state) => state.headerInfo);
   const {
     help
   } = useSelector((state) => state.titleBar);
+  const dispatch = useDispatch();
   if (!help)
     return null;
   const {
     label,
-    href
+    children
   } = help;
-  return /* @__PURE__ */ jsx("li", {
+  const subMenuOpen = subMenus.find((id2) => id2 === label);
+  return /* @__PURE__ */ jsxs("li", {
     className: "col-lg-auto p-0",
-    children: /* @__PURE__ */ jsx("div", {
+    onClick: () => {
+      dispatch(addSubMenu(label));
+    },
+    children: [/* @__PURE__ */ jsxs("div", {
       className: "row m-0 py-lg-0 align-items-center",
-      children: /* @__PURE__ */ jsx("div", {
+      children: [/* @__PURE__ */ jsxs("div", {
         className: "col py-2 py-lg-0 px-0",
-        children: /* @__PURE__ */ jsx("a", {
+        children: [/* @__PURE__ */ jsx("small", {
+          className: "pt-2 d-lg-none",
+          children: label
+        }), /* @__PURE__ */ jsxs("span", {
           className: "ps-lg-3 pe-3 py-2 d-block",
-          title: "Help",
-          href,
-          target: "_blank",
-          rel: "noreferrer",
-          children: i18n.translate(label).fetch()
+          children: [/* @__PURE__ */ jsx("span", {
+            className: "ps-lg-2",
+            children: label
+          }), /* @__PURE__ */ jsx("span", {
+            className: "d-none d-lg-inline ms-2",
+            children: /* @__PURE__ */ jsx(commonThin.ArrowAngleDown, {
+              className: "hd-icon hd-icon-arrow-angle-down"
+            })
+          })]
+        })]
+      }), /* @__PURE__ */ jsx("div", {
+        className: "col-auto p-2 d-block d-lg-none",
+        children: /* @__PURE__ */ jsx(commonThin.ArrowAngleRight, {
+          className: "hd-icon hd-icon-arrow-angle-right"
         })
-      })
-    })
+      })]
+    }), /* @__PURE__ */ jsx("ul", {
+      className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
+        "hd-submenu-opened": subMenuOpen
+      }),
+      children: children.map(({
+        href,
+        label: lbl
+      }) => /* @__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__ */ jsx("a", {
+              className: "px-lg-4 py-2 d-block",
+              href,
+              target: "_blank",
+              rel: "noreferrer",
+              children: i18n.translate(lbl).fetch()
+            })
+          })
+        })
+      }, nanoid()))
+    })]
   });
 }
 function UserManager() {