ba-js-common-header 0.0.51 → 0.0.52

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

@@ -18032,7 +18032,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       username: "",
       hotelId: 0,
       guideId: 0,
-      hotelGroupId: 0
+      hotelGroupId: 0,
+      group: ""
     },
     reducers: {
       setUserInfo: (state, action) => action.payload
@@ -30698,451 +30699,54 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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] = require$$0.useState([]);
-    const [ctrlInputValue, setCtrlInputValue] = require$$0.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
-      }) => {
-        reactDom.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(module2, exports3) {
+    (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
-    ] = require$$0.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();
-    require$$0.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;
-          });
-          reactDom.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(module2, exports3) {
-    (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);"
               }
             }
           },
@@ -31883,6 +31487,420 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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] = require$$0.useState([]);
+    const [ctrlInputValue, setCtrlInputValue] = require$$0.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
+      }) => {
+        reactDom.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
+    ] = require$$0.useState("Select property");
+    const [displayName, setDisplayName] = require$$0.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();
+    require$$0.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;
+          });
+          reactDom.unstable_batchedUpdates(() => {
+            dispatch(setHotels(items));
+            if (foundHotel) {
+              dispatch(setDefaultHotel(foundHotel));
+              dispatch(setSelectedHotel(foundHotel));
+            }
+          });
+        }
+      })();
+    }, [propertySelector]);
+    require$$0.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 {