ba-js-common-header 0.0.61 → 0.0.64

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

@@ -15903,9 +15903,6 @@ function PropertySelector(props) {
   const {
     handleHotelChange
   } = props;
-  const [
-    subMenuItem
-  ] = useState("Select property");
   const [displayName, setDisplayName] = useState("");
   const userInfo = useSelector((state) => state.userInfo);
   const {
@@ -15940,6 +15937,9 @@ function PropertySelector(props) {
       clamp: true
     })
   });
+  const {
+    i18n
+  } = useI18n();
   const dispatch = useDispatch();
   useEffect(() => {
     (async () => {
@@ -15980,6 +15980,9 @@ function PropertySelector(props) {
       setDisplayName(name);
     }
   }, [userInfo, selectedHotel]);
+  const {
+    label
+  } = propertySelector || {};
   const showHotelFinder = userInfo.group && hotelFinderHotels.length > 1;
   return transitions((styles, item) => item && /* @__PURE__ */ jsx(animated.div, {
     className: "col-12 col-lg me-lg-auto px-0 order-lg-3",
@@ -15994,7 +15997,7 @@ function PropertySelector(props) {
         className: "col-lg-auto align-items-center",
         onClick: () => {
           if (showHotelFinder) {
-            dispatch(addSubMenu(subMenuItem));
+            dispatch(addSubMenu(label));
           }
         },
         children: /* @__PURE__ */ jsxs("div", {
@@ -16012,7 +16015,7 @@ function PropertySelector(props) {
                 className: "col",
                 children: [showHotelFinder && /* @__PURE__ */ jsx("small", {
                   className: "pt-2",
-                  children: subMenuItem
+                  children: i18n.translate(label).fetch()
                 }), /* @__PURE__ */ jsx("span", {
                   className: "d-block",
                   id: "hd-property-name",
@@ -16030,7 +16033,7 @@ function PropertySelector(props) {
             defaultHotel,
             selectedHotel,
             handleHotelChange,
-            subMenuItem
+            subMenuItem: label
           })]
         })
       })
@@ -16068,7 +16071,7 @@ function HelpCenter() {
           className: "ps-lg-3 pe-3 py-2 d-block",
           children: [/* @__PURE__ */ jsx("span", {
             className: "ps-lg-2",
-            children: label
+            children: i18n.translate(label).fetch()
           }), /* @__PURE__ */ jsx("span", {
             className: "d-none d-lg-inline ms-2",
             children: /* @__PURE__ */ jsx(commonThin.ArrowAngleDown, {
@@ -16139,9 +16142,9 @@ function UserManager() {
         className: "col py-2 py-lg-0 px-0",
         children: [/* @__PURE__ */ jsx("small", {
           className: "pt-2 d-lg-none",
-          children: label
+          children: i18n.translate(label).fetch()
         }), /* @__PURE__ */ jsxs("span", {
-          className: "ps-lg-3 pe-3 pb-2 d-block",
+          className: "ps-lg-3 pe-3 pt-lg-2 pb-2 d-block",
           children: [/* @__PURE__ */ jsx("span", {
             className: "d-none d-lg-inline",
             children: /* @__PURE__ */ jsx(commonThin.User, {
@@ -16202,6 +16205,9 @@ function UserLanguage(props) {
     subMenus
   } = useSelector((state) => state.headerInfo);
   const dispatch = useDispatch();
+  const {
+    i18n
+  } = useI18n();
   useEffect(() => {
     if (languageSelector) {
       const {
@@ -16254,7 +16260,7 @@ function UserLanguage(props) {
         className: "col py-2 py-lg-0 px-0",
         children: [/* @__PURE__ */ jsx("small", {
           className: "pt-2 d-lg-none",
-          children: label
+          children: i18n.translate(label).fetch()
         }), /* @__PURE__ */ jsxs("span", {
           className: "ps-lg-3 pe-3 pt-lg-2 pb-2 d-block",
           children: [selectedLanguageName, /* @__PURE__ */ jsx("span", {