ba-js-common-header 0.0.51 → 0.0.52

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

@@ -18006,7 +18006,8 @@ const userInfoSlice = createSlice({
     username: "",
     hotelId: 0,
     guideId: 0,
-    hotelGroupId: 0
+    hotelGroupId: 0,
+    group: ""
   },
   reducers: {
     setUserInfo: (state, action) => action.payload
@@ -30672,451 +30673,54 @@ function getA11yRemovalMessage(selectionParameters) {
   keyNavigationNext: "ArrowRight",
   keyNavigationPrevious: "ArrowLeft"
 });
-var _jsxFileName$9 = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/HotelFinder.jsx";
-function getHotelInfoFromHotelFinderHotel(hotel) {
-  let name;
-  let hotelId;
-  let guideId;
-  try {
-    name = hotel[0];
-    [hotelId, guideId] = hotel[1].split("_").map((v2) => +v2);
-  } catch (e2) {
-  }
-  return {
-    name,
-    hotelId,
-    guideId
-  };
-}
-const noMatchHotel = ["No matches, please try again", "0_0"];
-function HotelFinder(props) {
-  const {
-    hotels,
-    defaultHotel,
-    selectedHotel,
-    handleHotelChange,
-    subMenuItem
-  } = props;
-  const [inputHotels, setInputHotels] = useState([]);
-  const [ctrlInputValue, setCtrlInputValue] = useState(defaultHotel && defaultHotel[0] || "");
-  const {
-    subMenus
-  } = useSelector((state) => state.headerInfo);
-  const dispatch = useDispatch();
-  const subMenuOpen = subMenus.find((id2) => id2 === subMenuItem);
-  const itemToString2 = (item) => item ? item[0] : "";
-  const {
-    isOpen,
-    getMenuProps,
-    getInputProps,
-    getComboboxProps,
-    highlightedIndex,
-    getItemProps,
-    closeMenu
-  } = useCombobox({
-    items: inputHotels,
-    itemToString: itemToString2,
-    initialSelectedItem: defaultHotel,
-    selectedItem: selectedHotel,
-    initialInputValue: defaultHotel && defaultHotel[0] || "",
-    onSelectedItemChange: ({
-      selectedItem
-    }) => {
-      unstable_batchedUpdates(() => {
-        if (selectedItem !== noMatchHotel) {
-          dispatch(setSelectedHotel(selectedItem));
-        }
-        dispatch(removeSubMenu(subMenuItem));
-      });
-      if (typeof handleHotelChange === "function") {
-        if (selectedItem !== noMatchHotel) {
-          handleHotelChange(getHotelInfoFromHotelFinderHotel(selectedItem));
+var jed = { exports: {} };
+/**
+ * @preserve jed.js https://github.com/SlexAxton/Jed
+ */
+(function(module, exports) {
+  (function(root2, undef2) {
+    var ArrayProto = Array.prototype, ObjProto = Object.prototype, slice = ArrayProto.slice, hasOwnProp = ObjProto.hasOwnProperty, nativeForEach = ArrayProto.forEach, breaker = {};
+    var _2 = {
+      forEach: function(obj, iterator, context) {
+        var i2, l2, key;
+        if (obj === null) {
+          return;
         }
-      }
-      document.querySelector("#hd-property-input").blur();
-    },
-    onInputValueChange: ({
-      inputValue
-    }) => {
-      const inputValueLC = inputValue.toLowerCase();
-      const matchingHotels = hotels.filter((hotel) => {
-        if (!inputValueLC)
-          return false;
-        const hotelNameLC = itemToString2(hotel).toLowerCase().trim();
-        return hotelNameLC.match(`(^|\\s)${inputValueLC}`);
-      });
-      if (matchingHotels.length > 0) {
-        setInputHotels(matchingHotels);
-      } else if (!inputValueLC) {
-        setInputHotels([]);
-        closeMenu();
-      } else {
-        setInputHotels([noMatchHotel]);
-      }
-      setCtrlInputValue(inputValue);
-    }
-  });
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
-    className: cn("col-12", "col-lg", "py-3", "px-lg-0", "py-lg-0", "list-unstyled", "hd-nav-second-level", {
-      "hd-submenu-opened": subMenuOpen
-    }),
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-        id: "hd-property-search",
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("label", {
-          htmlFor: "hd-property-input",
-          className: "form-label d-lg-none visually-hidden",
-          children: "Select property"
-        }, void 0, false, {
-          fileName: _jsxFileName$9,
-          lineNumber: 111,
-          columnNumber: 11
-        }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues({
-          id: "hd-property-input-container"
-        }, getComboboxProps()), {
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("input", __spreadProps(__spreadValues({}, getInputProps({
-            onChange: (e2) => {
-              const cursorPos = e2.target.selectionStart;
-              setTimeout(() => {
-                e2.target.setSelectionRange(cursorPos, cursorPos);
-              }, 0);
+        if (nativeForEach && obj.forEach === nativeForEach) {
+          obj.forEach(iterator, context);
+        } else if (obj.length === +obj.length) {
+          for (i2 = 0, l2 = obj.length; i2 < l2; i2++) {
+            if (i2 in obj && iterator.call(context, obj[i2], i2, obj) === breaker) {
+              return;
             }
-          })), {
-            type: "text",
-            className: "form-control",
-            placeholder: "hotel name",
-            id: "hd-property-input",
-            value: ctrlInputValue,
-            onBlur: (e2) => {
-              const {
-                name
-              } = getHotelInfoFromHotelFinderHotel(selectedHotel);
-              if (e2.target.value !== name) {
-                setCtrlInputValue(name);
+          }
+        } else {
+          for (key in obj) {
+            if (hasOwnProp.call(obj, key)) {
+              if (iterator.call(context, obj[key], key, obj) === breaker) {
+                return;
               }
             }
-          }), void 0, false, {
-            fileName: _jsxFileName$9,
-            lineNumber: 118,
-            columnNumber: 13
-          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
-            className: "mb-0 px-3 list-unstyled shadow"
-          }, getMenuProps()), {
-            children: isOpen && inputHotels.map((hotel, index2) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadProps(__spreadValues({
-              className: "py-3 py-lg-2"
-            }, getItemProps({
-              hotel,
-              index: index2
-            })), {
-              children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-                style: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center"
-                },
-                children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-                  children: hotel[0]
-                }, void 0, false, {
-                  fileName: _jsxFileName$9,
-                  lineNumber: 158,
-                  columnNumber: 23
-                }, this), hotel === selectedHotel && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Tick, {}, void 0, false, {
-                  fileName: _jsxFileName$9,
-                  lineNumber: 159,
-                  columnNumber: 51
-                }, this)]
-              }, void 0, true, {
-                fileName: _jsxFileName$9,
-                lineNumber: 151,
-                columnNumber: 21
-              }, this)
-            }), hotel[1], false, {
-              fileName: _jsxFileName$9,
-              lineNumber: 145,
-              columnNumber: 19
-            }, this))
-          }), void 0, false, {
-            fileName: _jsxFileName$9,
-            lineNumber: 142,
-            columnNumber: 13
-          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Search, {
-            className: "hd-icon hd-icon-search"
-          }, void 0, false, {
-            fileName: _jsxFileName$9,
-            lineNumber: 164,
-            columnNumber: 13
-          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Close, {
-            className: "hd-icon hd-icon-close",
-            onClick: () => {
-              setCtrlInputValue("");
-              closeMenu();
-            },
-            onMouseDown: (e2) => {
-              e2.preventDefault();
-            }
-          }, void 0, false, {
-            fileName: _jsxFileName$9,
-            lineNumber: 165,
-            columnNumber: 13
-          }, this)]
-        }), void 0, true, {
-          fileName: _jsxFileName$9,
-          lineNumber: 117,
-          columnNumber: 11
-        }, this)]
-      }, void 0, true, {
-        fileName: _jsxFileName$9,
-        lineNumber: 110,
-        columnNumber: 9
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$9,
-      lineNumber: 109,
-      columnNumber: 7
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$9,
-    lineNumber: 95,
-    columnNumber: 5
-  }, this);
-}
-HotelFinder.propTypes = {
-  hotels: propTypes.exports.arrayOf(propTypes.exports.arrayOf(propTypes.exports.string)).isRequired,
-  defaultHotel: propTypes.exports.arrayOf(propTypes.exports.string),
-  selectedHotel: propTypes.exports.arrayOf(propTypes.exports.string),
-  handleHotelChange: propTypes.exports.func,
-  subMenuItem: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired
-};
-HotelFinder.defaultProps = {
-  defaultHotel: void 0,
-  selectedHotel: void 0,
-  handleHotelChange: void 0
-};
-var _jsxFileName$8 = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/PropertySelector.jsx";
-function PropertySelector(props) {
-  const {
-    handleHotelChange
-  } = props;
-  const [
-    subMenuItem
-  ] = useState("Select property");
-  const userInfo = useSelector((state) => state.userInfo);
-  const {
-    isOpen,
-    isMobileOrTablet
-  } = useSelector((state) => state.headerInfo);
-  const {
-    propertySelector
-  } = useSelector((state) => state.titleBar);
-  const {
-    items: hotelFinderHotels,
-    defaultHotel,
-    selectedHotel
-  } = useSelector((state) => state.hotels);
-  const [ref, {
-    height
-  }] = useMeasure$1();
-  const transitions = useTransition(!isMobileOrTablet || isOpen, {
-    from: {
-      height: 0
-    },
-    enter: {
-      height
-    },
-    leave: {
-      height: 0
-    },
-    update: {
-      height
-    },
-    config: __spreadProps(__spreadValues({}, config.stiff), {
-      clamp: true
-    })
-  });
-  const dispatch = useDispatch();
-  useEffect(() => {
-    (async () => {
-      if (propertySelector) {
-        let {
-          type,
-          items = []
-        } = propertySelector;
-        if (type === "fetch") {
-          try {
-            const res = await fetch(items);
-            items = await res.json();
-          } catch (e2) {
-            console.error(e2);
-          }
-        }
-        const foundHotel = items.find((hotel) => {
-          const [hotelId, guideId] = hotel[1].split("_").map((id2) => +id2);
-          return userInfo.hotelId === hotelId && userInfo.guideId === guideId;
-        });
-        unstable_batchedUpdates(() => {
-          dispatch(setHotels(items));
-          if (foundHotel) {
-            dispatch(setDefaultHotel(foundHotel));
-            dispatch(setSelectedHotel(foundHotel));
-          }
-        });
-      }
-    })();
-  }, [propertySelector]);
-  return transitions((styles, item) => item && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(animated.div, {
-    className: "col-12 col-lg me-lg-auto px-0 order-lg-3",
-    id: "hd-property",
-    style: isMobileOrTablet ? __spreadProps(__spreadValues({}, styles), {
-      display: "block"
-    }) : {},
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
-      ref,
-      className: "row list-unstyled mx-0 mb-0 hd-nav-first-level",
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
-        className: "col-lg-auto align-items-center",
-        onClick: () => {
-          dispatch(addSubMenu(subMenuItem));
-        },
-        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-          className: "row py-lg-0 align-items-center",
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-            className: "col col-lg-auto py-2 py-lg-0",
-            id: "hd-group-property-name",
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
-              className: "ps-lg-3 py-3 py-lg-0 d-block",
-              id: "hd-group-name",
-              children: userInfo.group
-            }, void 0, false, {
-              fileName: _jsxFileName$8,
-              lineNumber: 85,
-              columnNumber: 19
-            }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-              className: "row me-0 d-lg-none align-items-center",
-              children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-                className: "col",
-                children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("small", {
-                  className: "pt-2",
-                  children: subMenuItem
-                }, void 0, false, {
-                  fileName: _jsxFileName$8,
-                  lineNumber: 93,
-                  columnNumber: 23
-                }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
-                  className: "d-block",
-                  id: "hd-property-name",
-                  children: selectedHotel && selectedHotel[0] || defaultHotel && defaultHotel[0]
-                }, void 0, false, {
-                  fileName: _jsxFileName$8,
-                  lineNumber: 94,
-                  columnNumber: 23
-                }, this)]
-              }, void 0, true, {
-                fileName: _jsxFileName$8,
-                lineNumber: 92,
-                columnNumber: 21
-              }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-                className: "col-auto p-2 d-block",
-                children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.ArrowAngleRight, {
-                  className: "hd-icon hd-icon-arrow-angle-right"
-                }, void 0, false, {
-                  fileName: _jsxFileName$8,
-                  lineNumber: 100,
-                  columnNumber: 23
-                }, this)
-              }, void 0, false, {
-                fileName: _jsxFileName$8,
-                lineNumber: 99,
-                columnNumber: 21
-              }, this)]
-            }, void 0, true, {
-              fileName: _jsxFileName$8,
-              lineNumber: 91,
-              columnNumber: 19
-            }, this)]
-          }, void 0, true, {
-            fileName: _jsxFileName$8,
-            lineNumber: 81,
-            columnNumber: 17
-          }, this), hotelFinderHotels.length > 0 && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HotelFinder, {
-            hotels: hotelFinderHotels,
-            defaultHotel,
-            selectedHotel,
-            handleHotelChange,
-            subMenuItem
-          }, void 0, false, {
-            fileName: _jsxFileName$8,
-            lineNumber: 105,
-            columnNumber: 19
-          }, this)]
-        }, void 0, true, {
-          fileName: _jsxFileName$8,
-          lineNumber: 80,
-          columnNumber: 15
-        }, this)
-      }, void 0, false, {
-        fileName: _jsxFileName$8,
-        lineNumber: 74,
-        columnNumber: 13
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$8,
-      lineNumber: 70,
-      columnNumber: 11
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$8,
-    lineNumber: 65,
-    columnNumber: 9
-  }, this));
-}
-var jed = { exports: {} };
-/**
- * @preserve jed.js https://github.com/SlexAxton/Jed
- */
-(function(module, exports) {
-  (function(root2, undef2) {
-    var ArrayProto = Array.prototype, ObjProto = Object.prototype, slice = ArrayProto.slice, hasOwnProp = ObjProto.hasOwnProperty, nativeForEach = ArrayProto.forEach, breaker = {};
-    var _2 = {
-      forEach: function(obj, iterator, context) {
-        var i2, l2, key;
-        if (obj === null) {
-          return;
-        }
-        if (nativeForEach && obj.forEach === nativeForEach) {
-          obj.forEach(iterator, context);
-        } else if (obj.length === +obj.length) {
-          for (i2 = 0, l2 = obj.length; i2 < l2; i2++) {
-            if (i2 in obj && iterator.call(context, obj[i2], i2, obj) === breaker) {
-              return;
-            }
-          }
-        } else {
-          for (key in obj) {
-            if (hasOwnProp.call(obj, key)) {
-              if (iterator.call(context, obj[key], key, obj) === breaker) {
-                return;
-              }
-            }
-          }
-        }
-      },
-      extend: function(obj) {
-        this.forEach(slice.call(arguments, 1), function(source) {
-          for (var prop in source) {
-            obj[prop] = source[prop];
-          }
-        });
-        return obj;
-      }
-    };
-    var Jed2 = function(options) {
-      this.defaults = {
-        "locale_data": {
-          "messages": {
-            "": {
-              "domain": "messages",
-              "lang": "en",
-              "plural_forms": "nplurals=2; plural=(n != 1);"
+          }
+        }
+      },
+      extend: function(obj) {
+        this.forEach(slice.call(arguments, 1), function(source) {
+          for (var prop in source) {
+            obj[prop] = source[prop];
+          }
+        });
+        return obj;
+      }
+    };
+    var Jed2 = function(options) {
+      this.defaults = {
+        "locale_data": {
+          "messages": {
+            "": {
+              "domain": "messages",
+              "lang": "en",
+              "plural_forms": "nplurals=2; plural=(n != 1);"
             }
           }
         },
@@ -31857,6 +31461,420 @@ function useI18n() {
     error
   };
 }
+var _jsxFileName$9 = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/HotelFinder.jsx";
+function getHotelInfoFromHotelFinderHotel(hotel) {
+  let name;
+  let hotelId;
+  let guideId;
+  try {
+    name = hotel[0];
+    [hotelId, guideId] = hotel[1].split("_").map((v2) => +v2);
+  } catch (e2) {
+  }
+  return {
+    name,
+    hotelId,
+    guideId
+  };
+}
+const noMatchHotel = ["0_0"];
+function HotelFinder(props) {
+  const {
+    hotels,
+    defaultHotel,
+    selectedHotel,
+    handleHotelChange,
+    subMenuItem
+  } = props;
+  const {
+    i18n
+  } = useI18n();
+  if (noMatchHotel.length === 1) {
+    noMatchHotel.unshift(i18n.translate("No_matches_please_try_again").fetch());
+  }
+  const [inputHotels, setInputHotels] = useState([]);
+  const [ctrlInputValue, setCtrlInputValue] = useState(defaultHotel && defaultHotel[0] || "");
+  const {
+    subMenus
+  } = useSelector((state) => state.headerInfo);
+  const dispatch = useDispatch();
+  const subMenuOpen = subMenus.find((id2) => id2 === subMenuItem);
+  const itemToString2 = (item) => item ? item[0] : "";
+  const {
+    isOpen,
+    getMenuProps,
+    getInputProps,
+    getComboboxProps,
+    highlightedIndex,
+    getItemProps,
+    closeMenu
+  } = useCombobox({
+    items: inputHotels,
+    itemToString: itemToString2,
+    initialSelectedItem: defaultHotel,
+    selectedItem: selectedHotel,
+    initialInputValue: defaultHotel && defaultHotel[0] || "",
+    onSelectedItemChange: ({
+      selectedItem
+    }) => {
+      unstable_batchedUpdates(() => {
+        if (selectedItem !== noMatchHotel) {
+          dispatch(setSelectedHotel(selectedItem));
+        }
+        dispatch(removeSubMenu(subMenuItem));
+      });
+      if (typeof handleHotelChange === "function") {
+        if (selectedItem !== noMatchHotel) {
+          handleHotelChange(getHotelInfoFromHotelFinderHotel(selectedItem));
+        }
+      }
+      document.querySelector("#hd-property-input").blur();
+    },
+    onInputValueChange: ({
+      inputValue
+    }) => {
+      const inputValueLC = inputValue.toLowerCase();
+      const matchingHotels = hotels.filter((hotel) => {
+        if (!inputValueLC)
+          return false;
+        const hotelNameLC = itemToString2(hotel).toLowerCase().trim();
+        return hotelNameLC.match(`(^|\\s)${inputValueLC}`);
+      });
+      if (matchingHotels.length > 0) {
+        setInputHotels(matchingHotels);
+      } else if (!inputValueLC) {
+        setInputHotels([]);
+        closeMenu();
+      } else {
+        setInputHotels([noMatchHotel]);
+      }
+      setCtrlInputValue(inputValue);
+    }
+  });
+  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
+    className: cn("col-12", "col-lg", "py-3", "px-lg-0", "py-lg-0", "list-unstyled", "hd-nav-second-level", {
+      "hd-submenu-opened": subMenuOpen
+    }),
+    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
+      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        id: "hd-property-search",
+        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("label", {
+          htmlFor: "hd-property-input",
+          className: "form-label d-lg-none visually-hidden",
+          children: "Select property"
+        }, void 0, false, {
+          fileName: _jsxFileName$9,
+          lineNumber: 117,
+          columnNumber: 11
+        }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues({
+          id: "hd-property-input-container"
+        }, getComboboxProps()), {
+          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("input", __spreadProps(__spreadValues({}, getInputProps({
+            onChange: (e2) => {
+              const cursorPos = e2.target.selectionStart;
+              setTimeout(() => {
+                e2.target.setSelectionRange(cursorPos, cursorPos);
+              }, 0);
+            }
+          })), {
+            type: "text",
+            className: "form-control",
+            placeholder: i18n.translate("hotel_name").fetch(),
+            id: "hd-property-input",
+            value: ctrlInputValue,
+            onBlur: (e2) => {
+              const {
+                name
+              } = getHotelInfoFromHotelFinderHotel(selectedHotel);
+              if (e2.target.value !== name) {
+                setCtrlInputValue(name);
+              }
+            }
+          }), void 0, false, {
+            fileName: _jsxFileName$9,
+            lineNumber: 124,
+            columnNumber: 13
+          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
+            className: "mb-0 px-3 list-unstyled shadow"
+          }, getMenuProps()), {
+            children: isOpen && inputHotels.map((hotel, index2) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadProps(__spreadValues({
+              className: "py-3 py-lg-2"
+            }, getItemProps({
+              hotel,
+              index: index2
+            })), {
+              children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center"
+                },
+                children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+                  children: hotel[0]
+                }, void 0, false, {
+                  fileName: _jsxFileName$9,
+                  lineNumber: 164,
+                  columnNumber: 23
+                }, this), hotel === selectedHotel && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Tick, {}, void 0, false, {
+                  fileName: _jsxFileName$9,
+                  lineNumber: 165,
+                  columnNumber: 51
+                }, this)]
+              }, void 0, true, {
+                fileName: _jsxFileName$9,
+                lineNumber: 157,
+                columnNumber: 21
+              }, this)
+            }), hotel[1], false, {
+              fileName: _jsxFileName$9,
+              lineNumber: 151,
+              columnNumber: 19
+            }, this))
+          }), void 0, false, {
+            fileName: _jsxFileName$9,
+            lineNumber: 148,
+            columnNumber: 13
+          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Search, {
+            className: "hd-icon hd-icon-search"
+          }, void 0, false, {
+            fileName: _jsxFileName$9,
+            lineNumber: 170,
+            columnNumber: 13
+          }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Close, {
+            className: "hd-icon hd-icon-close",
+            onClick: () => {
+              setCtrlInputValue("");
+              closeMenu();
+            },
+            onMouseDown: (e2) => {
+              e2.preventDefault();
+            }
+          }, void 0, false, {
+            fileName: _jsxFileName$9,
+            lineNumber: 171,
+            columnNumber: 13
+          }, this)]
+        }), void 0, true, {
+          fileName: _jsxFileName$9,
+          lineNumber: 123,
+          columnNumber: 11
+        }, this)]
+      }, void 0, true, {
+        fileName: _jsxFileName$9,
+        lineNumber: 116,
+        columnNumber: 9
+      }, this)
+    }, void 0, false, {
+      fileName: _jsxFileName$9,
+      lineNumber: 115,
+      columnNumber: 7
+    }, this)
+  }, void 0, false, {
+    fileName: _jsxFileName$9,
+    lineNumber: 101,
+    columnNumber: 5
+  }, this);
+}
+HotelFinder.propTypes = {
+  hotels: propTypes.exports.arrayOf(propTypes.exports.arrayOf(propTypes.exports.string)).isRequired,
+  defaultHotel: propTypes.exports.arrayOf(propTypes.exports.string),
+  selectedHotel: propTypes.exports.arrayOf(propTypes.exports.string),
+  handleHotelChange: propTypes.exports.func,
+  subMenuItem: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired
+};
+HotelFinder.defaultProps = {
+  defaultHotel: void 0,
+  selectedHotel: void 0,
+  handleHotelChange: void 0
+};
+var _jsxFileName$8 = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/PropertySelector.jsx";
+function PropertySelector(props) {
+  const {
+    handleHotelChange
+  } = props;
+  const [
+    subMenuItem
+  ] = useState("Select property");
+  const [displayName, setDisplayName] = useState("");
+  const userInfo = useSelector((state) => state.userInfo);
+  const {
+    isOpen,
+    isMobileOrTablet
+  } = useSelector((state) => state.headerInfo);
+  const {
+    propertySelector
+  } = useSelector((state) => state.titleBar);
+  const {
+    items: hotelFinderHotels,
+    defaultHotel,
+    selectedHotel
+  } = useSelector((state) => state.hotels);
+  const [ref, {
+    height
+  }] = useMeasure$1();
+  const transitions = useTransition(!isMobileOrTablet || isOpen, {
+    from: {
+      height: 0
+    },
+    enter: {
+      height
+    },
+    leave: {
+      height: 0
+    },
+    update: {
+      height
+    },
+    config: __spreadProps(__spreadValues({}, config.stiff), {
+      clamp: true
+    })
+  });
+  const dispatch = useDispatch();
+  useEffect(() => {
+    (async () => {
+      if (propertySelector) {
+        let {
+          type,
+          items = []
+        } = propertySelector;
+        if (type === "fetch") {
+          try {
+            const res = await fetch(items);
+            items = await res.json();
+          } catch (e2) {
+            console.error(e2);
+          }
+        }
+        const foundHotel = items.find((hotel) => {
+          const [hotelId, guideId] = hotel[1].split("_").map((id2) => +id2);
+          return userInfo.hotelId === hotelId && userInfo.guideId === guideId;
+        });
+        unstable_batchedUpdates(() => {
+          dispatch(setHotels(items));
+          if (foundHotel) {
+            dispatch(setDefaultHotel(foundHotel));
+            dispatch(setSelectedHotel(foundHotel));
+          }
+        });
+      }
+    })();
+  }, [propertySelector]);
+  useEffect(() => {
+    if (userInfo.group) {
+      setDisplayName(userInfo.group);
+    } else if (selectedHotel) {
+      const {
+        name
+      } = getHotelInfoFromHotelFinderHotel(selectedHotel);
+      setDisplayName(name);
+    }
+  }, [userInfo, selectedHotel]);
+  return transitions((styles, item) => item && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(animated.div, {
+    className: "col-12 col-lg me-lg-auto px-0 order-lg-3",
+    id: "hd-property",
+    style: isMobileOrTablet ? __spreadProps(__spreadValues({}, styles), {
+      display: "block"
+    }) : {},
+    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
+      ref,
+      className: "row list-unstyled mx-0 mb-0 hd-nav-first-level",
+      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
+        className: "col-lg-auto align-items-center",
+        onClick: () => {
+          dispatch(addSubMenu(subMenuItem));
+        },
+        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+          className: "row py-lg-0 align-items-center",
+          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            className: "col col-lg-auto py-2 py-lg-0",
+            id: "hd-group-property-name",
+            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+              className: "ps-lg-3 py-3 py-lg-0 d-block",
+              id: "hd-group-name",
+              children: displayName
+            }, void 0, false, {
+              fileName: _jsxFileName$8,
+              lineNumber: 95,
+              columnNumber: 19
+            }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+              className: "row me-0 d-lg-none align-items-center",
+              children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+                className: "col",
+                children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("small", {
+                  className: "pt-2",
+                  children: subMenuItem
+                }, void 0, false, {
+                  fileName: _jsxFileName$8,
+                  lineNumber: 103,
+                  columnNumber: 23
+                }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+                  className: "d-block",
+                  id: "hd-property-name",
+                  children: selectedHotel && selectedHotel[0] || defaultHotel && defaultHotel[0]
+                }, void 0, false, {
+                  fileName: _jsxFileName$8,
+                  lineNumber: 104,
+                  columnNumber: 23
+                }, this)]
+              }, void 0, true, {
+                fileName: _jsxFileName$8,
+                lineNumber: 102,
+                columnNumber: 21
+              }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+                className: "col-auto p-2 d-block",
+                children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.ArrowAngleRight, {
+                  className: "hd-icon hd-icon-arrow-angle-right"
+                }, void 0, false, {
+                  fileName: _jsxFileName$8,
+                  lineNumber: 110,
+                  columnNumber: 23
+                }, this)
+              }, void 0, false, {
+                fileName: _jsxFileName$8,
+                lineNumber: 109,
+                columnNumber: 21
+              }, this)]
+            }, void 0, true, {
+              fileName: _jsxFileName$8,
+              lineNumber: 101,
+              columnNumber: 19
+            }, this)]
+          }, void 0, true, {
+            fileName: _jsxFileName$8,
+            lineNumber: 91,
+            columnNumber: 17
+          }, this), userInfo.group && hotelFinderHotels.length > 1 && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HotelFinder, {
+            hotels: hotelFinderHotels,
+            defaultHotel,
+            selectedHotel,
+            handleHotelChange,
+            subMenuItem
+          }, void 0, false, {
+            fileName: _jsxFileName$8,
+            lineNumber: 115,
+            columnNumber: 19
+          }, this)]
+        }, void 0, true, {
+          fileName: _jsxFileName$8,
+          lineNumber: 90,
+          columnNumber: 15
+        }, this)
+      }, void 0, false, {
+        fileName: _jsxFileName$8,
+        lineNumber: 84,
+        columnNumber: 13
+      }, this)
+    }, void 0, false, {
+      fileName: _jsxFileName$8,
+      lineNumber: 80,
+      columnNumber: 11
+    }, this)
+  }, void 0, false, {
+    fileName: _jsxFileName$8,
+    lineNumber: 75,
+    columnNumber: 9
+  }, this));
+}
 var _jsxFileName$7 = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/HelpCenter.jsx";
 function HelpCenter() {
   const {