ba-js-common-header 0.0.49 → 0.0.52

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

@@ -2792,9 +2792,9 @@ try {
   DOMException.prototype = Object.create(Error.prototype);
   DOMException.prototype.constructor = DOMException;
 }
-function fetch$1(input, init) {
+function fetch$1(input, init2) {
   return new Promise(function(resolve2, reject) {
-    var request = new Request(input, init);
+    var request = new Request(input, init2);
     if (request.signal && request.signal.aborted) {
       return reject(new DOMException("Aborted", "AbortError"));
     }
@@ -2849,9 +2849,9 @@ function fetch$1(input, init) {
         xhr.responseType = "arraybuffer";
       }
     }
-    if (init && typeof init.headers === "object" && !(init.headers instanceof Headers)) {
-      Object.getOwnPropertyNames(init.headers).forEach(function(name) {
-        xhr.setRequestHeader(name, normalizeValue(init.headers[name]));
+    if (init2 && typeof init2.headers === "object" && !(init2.headers instanceof Headers)) {
+      Object.getOwnPropertyNames(init2.headers).forEach(function(name) {
+        xhr.setRequestHeader(name, normalizeValue(init2.headers[name]));
       });
     } else {
       request.headers.forEach(function(value, name) {
@@ -8464,7 +8464,7 @@ function isObject$j(value) {
 function isObjectLike$6(value) {
   return !!value && typeof value == "object";
 }
-var assign$3 = createAssigner(function(object, source) {
+var assign$4 = createAssigner(function(object, source) {
   if (nonEnumShadows || isPrototype$2(source) || isArrayLike$2(source)) {
     copyObject(source, keys$4(source), object);
     return;
@@ -8478,7 +8478,7 @@ var assign$3 = createAssigner(function(object, source) {
 function keys$4(object) {
   return isArrayLike$2(object) ? arrayLikeKeys$2(object) : baseKeys$2(object);
 }
-var lodash_assign = assign$3;
+var lodash_assign = assign$4;
 var lodash_find = { exports: {} };
 (function(module, exports) {
   var LARGE_ARRAY_SIZE2 = 200;
@@ -14102,7 +14102,7 @@ function makeServer() {
                 {
                   title: "ES Ipsum Dolor Sem Ligula",
                   url: "#",
-                  date: "2022-01-05"
+                  date: "2023-01-05"
                 }
               ]
             },
@@ -14447,7 +14447,7 @@ checkPropTypes$1.resetWarningCache = function() {
 };
 var checkPropTypes_1 = checkPropTypes$1;
 var ReactIs$1 = reactIs$2.exports;
-var assign$2 = objectAssign$1;
+var assign$3 = objectAssign$1;
 var ReactPropTypesSecret = ReactPropTypesSecret_1;
 var has$1 = has$3;
 var checkPropTypes = checkPropTypes_1;
@@ -14738,7 +14738,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       if (propType !== "object") {
         return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
       }
-      var allKeys = assign$2({}, props[propName], shapeTypes);
+      var allKeys = assign$3({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
         if (has$1(shapeTypes, key) && typeof checker !== "function") {
@@ -15155,9 +15155,9 @@ var reactJsxDevRuntime_development = {};
             case REACT_LAZY_TYPE: {
               var lazyComponent = type;
               var payload = lazyComponent._payload;
-              var init = lazyComponent._init;
+              var init2 = lazyComponent._init;
               try {
-                return getComponentName(init(payload));
+                return getComponentName(init2(payload));
               } catch (x2) {
                 return null;
               }
@@ -15403,9 +15403,9 @@ var reactJsxDevRuntime_development = {};
             case REACT_LAZY_TYPE: {
               var lazyComponent = type;
               var payload = lazyComponent._payload;
-              var init = lazyComponent._init;
+              var init2 = lazyComponent._init;
               try {
-                return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+                return describeUnknownElementTypeFrameInDEV(init2(payload), source, ownerFn);
               } catch (x2) {
               }
             }
@@ -15831,7 +15831,7 @@ var reactJsxDevRuntime_development = {};
 {
   jsxDevRuntime.exports = reactJsxDevRuntime_development;
 }
-var _jsxFileName$f = "/Users/patrick/git/ba-js-common-header/node_modules/react-redux/es/components/Provider.js";
+var _jsxFileName$e = "/Users/patrick/git/ba-js-common-header/node_modules/react-redux/es/components/Provider.js";
 function Provider(_ref) {
   var store = _ref.store, context = _ref.context, children = _ref.children;
   var contextValue = useMemo(function() {
@@ -15861,7 +15861,7 @@ function Provider(_ref) {
     value: contextValue,
     children
   }, void 0, false, {
-    fileName: _jsxFileName$f,
+    fileName: _jsxFileName$e,
     lineNumber: 36,
     columnNumber: 23
   }, this);
@@ -18006,7 +18006,8 @@ const userInfoSlice = createSlice({
     username: "",
     hotelId: 0,
     guideId: 0,
-    hotelGroupId: 0
+    hotelGroupId: 0,
+    group: ""
   },
   reducers: {
     setUserInfo: (state, action) => action.payload
@@ -18467,12 +18468,20 @@ var reduxLogger = { exports: {} };
 var logger = /* @__PURE__ */ getDefaultExportFromCjs(reduxLogger.exports);
 const notificationsSlice = createSlice({
   name: "notifications",
-  initialState: {},
+  initialState: {
+    notifications: {},
+    showNotifications: false
+  },
   reducers: {
-    setNotifications: (state, action) => action.payload
+    setNotifications: (state, action) => __spreadProps(__spreadValues({}, state), {
+      notifications: action.payload
+    }),
+    setShowNotifications: (state, action) => __spreadProps(__spreadValues({}, state), {
+      showNotifications: action.payload
+    })
   }
 });
-const { setNotifications } = notificationsSlice.actions;
+const { setNotifications, setShowNotifications } = notificationsSlice.actions;
 var notificationsReducer = notificationsSlice.reducer;
 const hotelsSlice = createSlice({
   name: "hotels",
@@ -18508,18 +18517,18 @@ var store$4 = configureStore({
   },
   middleware: (getDefaultMiddleware2) => getDefaultMiddleware2().concat(devMiddlewares)
 });
-var _jsxFileName$e = "/Users/patrick/git/ba-js-common-header/src/hocs/withReduxProvider.jsx";
+var _jsxFileName$d = "/Users/patrick/git/ba-js-common-header/src/hocs/withReduxProvider.jsx";
 function withReduxProvider(Component2) {
   return function(props) {
     return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Provider, {
       store: store$4,
       children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component2, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$e,
+        fileName: _jsxFileName$d,
         lineNumber: 8,
         columnNumber: 9
       }, this)
     }, void 0, false, {
-      fileName: _jsxFileName$e,
+      fileName: _jsxFileName$d,
       lineNumber: 7,
       columnNumber: 7
     }, this);
@@ -19582,7 +19591,7 @@ let to2;
 let colors$1 = null;
 let skipAnimation = false;
 let willAdvance = noop$2;
-const assign$1 = (globals2) => {
+const assign$2 = (globals2) => {
   if (globals2.to)
     to2 = globals2.to;
   if (globals2.now)
@@ -19619,7 +19628,7 @@ var globals = /* @__PURE__ */ Object.freeze({
   get willAdvance() {
     return willAdvance;
   },
-  assign: assign$1
+  assign: assign$2
 });
 const startQueue = /* @__PURE__ */ new Set();
 let currentFrame = [];
@@ -22072,8 +22081,8 @@ const SpringContext = (_ref) => {
 const ctx = makeContext(SpringContext, {});
 SpringContext.Provider = ctx.Provider;
 SpringContext.Consumer = ctx.Consumer;
-function makeContext(target, init) {
-  Object.assign(target, require$$0.createContext(init));
+function makeContext(target, init2) {
+  Object.assign(target, require$$0.createContext(init2));
   target.Provider._context = target;
   target.Consumer._context = target;
   return target;
@@ -22803,7 +22812,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-var _jsxFileName$d = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Logo.jsx";
+var _jsxFileName$c = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Logo.jsx";
 function Logo() {
   const {
     product
@@ -22838,27 +22847,27 @@ function Logo() {
       href,
       style: styles,
       children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
-        className: "hd-brand",
+        className: "me-1 hd-brand",
         children: "Bookassist"
       }, void 0, false, {
-        fileName: _jsxFileName$d,
+        fileName: _jsxFileName$c,
         lineNumber: 26,
         columnNumber: 15
       }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("strong", {
         className: "hd-product",
         children: name
       }, void 0, false, {
-        fileName: _jsxFileName$d,
+        fileName: _jsxFileName$c,
         lineNumber: 27,
         columnNumber: 15
       }, this)]
     }, void 0, true, {
-      fileName: _jsxFileName$d,
+      fileName: _jsxFileName$c,
       lineNumber: 25,
       columnNumber: 13
     }, this))
   }, void 0, false, {
-    fileName: _jsxFileName$d,
+    fileName: _jsxFileName$c,
     lineNumber: 18,
     columnNumber: 5
   }, this);
@@ -22876,6 +22885,93 @@ let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce(
   }
   return id2;
 }, "");
+/*! js-cookie v3.0.1 | MIT */
+function assign$1(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source = arguments[i2];
+    for (var key in source) {
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+var defaultConverter = {
+  read: function(value) {
+    if (value[0] === '"') {
+      value = value.slice(1, -1);
+    }
+    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(value) {
+    return encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
+  }
+};
+function init(converter, defaultAttributes) {
+  function set2(key, value, attributes) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    attributes = assign$1({}, defaultAttributes, attributes);
+    if (typeof attributes.expires === "number") {
+      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
+    }
+    if (attributes.expires) {
+      attributes.expires = attributes.expires.toUTCString();
+    }
+    key = encodeURIComponent(key).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+    var stringifiedAttributes = "";
+    for (var attributeName in attributes) {
+      if (!attributes[attributeName]) {
+        continue;
+      }
+      stringifiedAttributes += "; " + attributeName;
+      if (attributes[attributeName] === true) {
+        continue;
+      }
+      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+    }
+    return document.cookie = key + "=" + converter.write(value, key) + stringifiedAttributes;
+  }
+  function get4(key) {
+    if (typeof document === "undefined" || arguments.length && !key) {
+      return;
+    }
+    var cookies = document.cookie ? document.cookie.split("; ") : [];
+    var jar = {};
+    for (var i2 = 0; i2 < cookies.length; i2++) {
+      var parts = cookies[i2].split("=");
+      var value = parts.slice(1).join("=");
+      try {
+        var foundKey = decodeURIComponent(parts[0]);
+        jar[foundKey] = converter.read(value, foundKey);
+        if (key === foundKey) {
+          break;
+        }
+      } catch (e2) {
+      }
+    }
+    return key ? jar[key] : jar;
+  }
+  return Object.create({
+    set: set2,
+    get: get4,
+    remove: function(key, attributes) {
+      set2(key, "", assign$1({}, attributes, {
+        expires: -1
+      }));
+    },
+    withAttributes: function(attributes) {
+      return init(this.converter, assign$1({}, this.attributes, attributes));
+    },
+    withConverter: function(converter2) {
+      return init(assign$1({}, this.converter, converter2), this.attributes);
+    }
+  }, {
+    attributes: { value: Object.freeze(defaultAttributes) },
+    converter: { value: Object.freeze(converter) }
+  });
+}
+var api = init(defaultConverter, { path: "/" });
 var commonThin = {};
 var check = function(it) {
   return it && it.Math == Math && it;
@@ -24463,9 +24559,9 @@ var enforceInternalState = internalState.enforce;
 var NATIVE_WEAK_MAP = nativeWeakMap;
 var IS_IE11 = !global$7.ActiveXObject && "ActiveXObject" in global$7;
 var InternalWeakMap;
-var wrapper = function(init) {
+var wrapper = function(init2) {
   return function WeakMap2() {
-    return init(this, arguments.length ? arguments[0] : void 0);
+    return init2(this, arguments.length ? arguments[0] : void 0);
   };
 };
 var $WeakMap = collection("WeakMap", wrapper, collectionWeak);
@@ -25491,11 +25587,11 @@ function _extends$q() {
 function ArrowAngleDown(props) {
   return /* @__PURE__ */ React$q.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$q.createElement("path", {
-    fill: "currentColor",
     d: "M52.8 75.1l46.1-44.9c1.5-1.4 1.5-3.8 0-5.4-1.5-1.4-4-1.4-5.5 0L50 67.1 6.6 24.8c-1.5-1.4-3.9-1.4-5.5 0-.7.7-1.1 1.8-1.1 2.7 0 .9.4 2 1.1 2.7l46.1 44.9c.7.7 1.8 1.1 2.8 1.1 1 .1 2-.4 2.8-1.1z"
   }));
 }
@@ -25573,11 +25669,11 @@ function _extends$p() {
 function ArrowAngleLeft(props) {
   return /* @__PURE__ */ React$p.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$p.createElement("path", {
-    fill: "currentColor",
     d: "M24.9 52.8l44.9 46.1c1.4 1.5 3.8 1.5 5.4 0 1.4-1.5 1.4-4 0-5.5L32.9 50 75.2 6.6c1.4-1.5 1.4-3.9 0-5.5C74.5.4 73.4 0 72.5 0s-2 .4-2.7 1.1L24.9 47.2c-.7.7-1.1 1.8-1.1 2.8s.4 2 1.1 2.8z"
   }));
 }
@@ -25655,11 +25751,11 @@ function _extends$o() {
 function ArrowAngleRight(props) {
   return /* @__PURE__ */ React$o.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$o.createElement("path", {
-    fill: "currentColor",
     d: "M75.1 47.2l-44.9-46c-1.4-1.5-3.8-1.5-5.4 0-1.4 1.5-1.4 4 0 5.5L67.1 50 24.8 93.4c-1.4 1.5-1.4 3.9 0 5.5.7.7 1.8 1.1 2.7 1.1.9 0 2-.4 2.7-1.1l44.9-46.1c.7-.7 1.1-1.8 1.1-2.8s-.4-2-1.1-2.8z"
   }));
 }
@@ -25737,11 +25833,11 @@ function _extends$n() {
 function ArrowAngleUp(props) {
   return /* @__PURE__ */ React$n.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$n.createElement("path", {
-    fill: "currentColor",
     d: "M47.2 24.9l-46 44.9c-1.5 1.4-1.5 3.8 0 5.4 1.5 1.4 4 1.4 5.5 0L50 32.9l43.4 42.3c1.5 1.4 3.9 1.4 5.5 0 .7-.7 1.1-1.8 1.1-2.7s-.4-2-1.1-2.7L52.8 24.9c-.7-.7-1.8-1.1-2.8-1.1-1-.1-2 .4-2.8 1.1z"
   }));
 }
@@ -25819,11 +25915,11 @@ function _extends$m() {
 function ArrowDown(props) {
   return /* @__PURE__ */ React$m.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$m.createElement("path", {
-    fill: "currentColor",
     d: "M52.7 98.7l46-44.9c1.5-1.4 1.5-3.8 0-5.4-1.5-1.4-4-1.4-5.5 0L53.8 86.9V4.2c0-2.2-1.8-4-4-4s-4 1.8-4 4v82.6L6.5 48.4C5 47 2.6 47 1 48.4c-.7.7-1.1 1.8-1.1 2.7s.4 2 1.1 2.7l46.1 44.9c.7.7 1.8 1.1 2.8 1.1 1 .1 2-.4 2.8-1.1z"
   }));
 }
@@ -25901,11 +25997,11 @@ function _extends$l() {
 function ArrowLeft(props) {
   return /* @__PURE__ */ React$l.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$l.createElement("path", {
-    fill: "currentColor",
     d: "M1.1 52.8l44.9 46c1.4 1.5 3.8 1.5 5.4 0 1.4-1.5 1.4-4 0-5.5L13 54h82.7c2.2 0 4-1.8 4-4s-1.8-4-4-4H13L51.4 6.6c1.4-1.5 1.4-3.9 0-5.5C50.7.4 49.6 0 48.7 0s-2 .4-2.7 1.1L1.1 47.2C.4 47.9 0 49 0 50c-.1 1 .4 2 1.1 2.8z"
   }));
 }
@@ -25983,11 +26079,11 @@ function _extends$k() {
 function ArrowRight(props) {
   return /* @__PURE__ */ React$k.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$k.createElement("path", {
-    fill: "currentColor",
     d: "M98.6 47.2l-44.9-46c-1.4-1.5-3.8-1.5-5.4 0-1.4 1.5-1.4 4 0 5.5L86.7 46H4c-2.2 0-4 1.8-4 4s1.8 4 4 4h82.6L48.3 93.4c-1.4 1.5-1.4 3.9 0 5.5.7.7 1.8 1.1 2.7 1.1s2-.4 2.7-1.1l44.9-46.1c.7-.7 1.1-1.8 1.1-2.8.1-1-.4-2-1.1-2.8z"
   }));
 }
@@ -26065,11 +26161,11 @@ function _extends$j() {
 function ArrowUp(props) {
   return /* @__PURE__ */ React$j.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$j.createElement("path", {
-    fill: "currentColor",
     d: "M47 1.3L1 46.2C-.5 47.6-.5 50 1 51.6c1.5 1.4 4 1.4 5.5 0l39.3-38.4v82.7c0 2.2 1.8 4 4 4s4-1.8 4-4V13.2l39.4 38.4c1.5 1.4 3.9 1.4 5.5 0 .7-.7 1.1-1.8 1.1-2.7s-.4-2-1.1-2.7L52.6 1.3C51.9.6 50.8.2 49.8.2c-1-.1-2 .4-2.8 1.1z"
   }));
 }
@@ -26147,11 +26243,11 @@ function _extends$i() {
 function Bell(props) {
   return /* @__PURE__ */ React$i.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$i.createElement("path", {
-    fill: "currentColor",
     d: "M89.1 70.5c-6.3-5.3-9.9-13.1-9.9-21.4V37.5c0-14.7-10.9-26.8-25-28.8V4.2C54.2 1.9 52.3 0 50 0s-4.2 1.9-4.2 4.2v4.5c-14.1 2-25 14.2-25 28.8v11.6c0 8.2-3.6 16-10 21.4-1.6 1.4-2.5 3.4-2.5 5.5 0 4 3.3 7.3 7.3 7.3h68.8c4 0 7.3-3.3 7.3-7.3 0-2.1-1-4.1-2.6-5.5zM50 100c7.5 0 13.9-5.4 15.3-12.5H34.7C36.1 94.6 42.5 100 50 100z"
   }));
 }
@@ -26229,11 +26325,11 @@ function _extends$h() {
 function Close(props) {
   return /* @__PURE__ */ React$h.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$h.createElement("path", {
-    fill: "currentColor",
     d: "M1 99c1.4 1.4 3.6 1.4 5.1 0L50 55.1 93.9 99c1.4 1.4 3.6 1.4 5.1 0 1.4-1.4 1.4-3.6 0-5.1L55 50 99 6.1c1.4-1.4 1.4-3.6 0-5.1-1.4-1.4-3.6-1.4-5.1 0L50 44.9 6.1 1C4.5-.2 2.4 0 1 1.5-.1 2.8-.1 4.8 1 6.1L44.9 50 1 93.9C-.3 95.3-.3 97.5 1 99z"
   }));
 }
@@ -26314,19 +26410,18 @@ function EmojiHappy(props) {
     id: "prefix__Capa_1",
     x: 0,
     y: 0,
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     xmlSpace: "preserve",
     width: "1em",
     height: "1em"
-  }, props), /* @__PURE__ */ React$g.createElement("style", null, ".prefix__st0{fill:#010101}"), /* @__PURE__ */ React$g.createElement("g", {
-    fill: "currentColor"
-  }, /* @__PURE__ */ React$g.createElement("path", {
+  }, props), /* @__PURE__ */ React$g.createElement("style", null, ".prefix__st0{fill:#010101}"), /* @__PURE__ */ React$g.createElement("path", {
     d: "M50 100c-13.4 0-25.9-5.2-35.4-14.6C5.2 75.9 0 63.4 0 50s5.2-25.9 14.6-35.4C24.1 5.2 36.7 0 50 0c10.1 0 19.8 3 28.2 8.7 1.3.9 1.7 2.7.8 4-.5.8-1.4 1.3-2.4 1.3-.6 0-1.1-.2-1.6-.5-7.4-5-16-7.7-24.9-7.7-11.8 0-22.9 4.6-31.3 13-8.4 8.3-13 19.4-13 31.2s4.6 22.9 12.9 31.3C27 89.6 38.1 94.2 50 94.2s22.9-4.6 31.3-12.9c15-15.1 17.2-38.7 5.2-56.3-.9-1.3-.6-3.1.7-4 .5-.3 1.1-.5 1.6-.5 1 0 1.8.5 2.4 1.3 13.6 19.8 11.1 46.6-5.9 63.6-9.4 9.4-22 14.6-35.3 14.6z",
     className: "prefix__st0"
   }), /* @__PURE__ */ React$g.createElement("path", {
     d: "M83.2 20c-.6 0-1.1-.2-1.6-.5-1.1-.8-1.6-2.2-1.1-3.5.4-1.1 1.5-1.8 2.7-1.8h.2c1.2.1 2.3.9 2.6 2.1.3 1.1-.1 2.3-1 3-.6.5-1.2.7-1.8.7zM64.7 62.5c.8 0 1.5.3 2 .8 1.1 1.1 1.1 3 0 4.1-4.4 4.4-10.3 6.9-16.6 6.9s-12.2-2.4-16.6-6.9c-1.1-1.1-1.1-3 0-4.1.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 3.3 3.3 7.8 5.2 12.5 5.2s9.2-1.8 12.5-5.2c.7-.5 1.4-.8 2.2-.8zM70.1 52.9c-4.2 0-8.1-1.6-11-4.6-1.1-1.1-1.1-3 0-4.1.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.8 1.8 4.3 2.9 6.9 2.9s5.1-1 6.9-2.9c.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.1 1.1 1.1 3 0 4.1-2.7 3-6.7 4.6-10.8 4.6zM30.1 52.9c-4.2 0-8.1-1.6-11-4.6-1.1-1.1-1.1-3 0-4.1.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.8 1.8 4.3 2.9 6.9 2.9s5.1-1 6.9-2.9c.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.1 1.1 1.1 3 0 4.1-2.7 3-6.6 4.6-10.8 4.6z",
     className: "prefix__st0"
-  })));
+  }));
 }
 var EmojiSad$1 = {};
 function _typeof$f(obj) {
@@ -26405,19 +26500,18 @@ function EmojiSad(props) {
     id: "prefix__Capa_1",
     x: 0,
     y: 0,
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     xmlSpace: "preserve",
     width: "1em",
     height: "1em"
-  }, props), /* @__PURE__ */ React$f.createElement("style", null, ".prefix__st0{fill:#010101}"), /* @__PURE__ */ React$f.createElement("g", {
-    fill: "currentColor"
-  }, /* @__PURE__ */ React$f.createElement("path", {
+  }, props), /* @__PURE__ */ React$f.createElement("style", null, ".prefix__st0{fill:#010101}"), /* @__PURE__ */ React$f.createElement("path", {
     d: "M50 100c-13.4 0-25.9-5.2-35.4-14.6C5.2 75.9 0 63.4 0 50s5.2-25.9 14.6-35.4C24.1 5.2 36.7 0 50 0c10.1 0 19.8 3 28.2 8.7 1.3.9 1.7 2.7.8 4-.5.8-1.4 1.3-2.4 1.3-.6 0-1.1-.2-1.6-.5-7.4-5-16-7.7-24.9-7.7-11.8 0-22.9 4.6-31.3 13-8.4 8.3-13 19.4-13 31.2s4.6 22.9 12.9 31.3C27 89.6 38.1 94.2 50 94.2s22.9-4.6 31.3-12.9c15-15.1 17.2-38.7 5.2-56.3-.9-1.3-.6-3.1.7-4 .5-.3 1.1-.5 1.6-.5 1 0 1.8.5 2.4 1.3 13.6 19.8 11.1 46.6-5.9 63.6-9.4 9.4-22 14.6-35.3 14.6z",
     className: "prefix__st0"
   }), /* @__PURE__ */ React$f.createElement("path", {
     d: "M83.2 20c-.6 0-1.1-.2-1.6-.5-1.1-.8-1.6-2.2-1.1-3.5.4-1.1 1.5-1.8 2.7-1.8h.2c1.2.1 2.3.9 2.6 2.1.3 1.1-.1 2.3-1 3-.6.5-1.2.7-1.8.7zM35.5 74.3c-.8 0-1.5-.3-2-.8-1.1-1.1-1.1-3 0-4.1 4.4-4.4 10.3-6.9 16.6-6.9 6.3 0 12.2 2.4 16.6 6.9 1.1 1.1 1.1 3 0 4.1-.5.5-1.3.8-2 .8-.8 0-1.5-.3-2-.8-3.3-3.3-7.8-5.2-12.5-5.2s-9.2 1.8-12.5 5.2c-.7.5-1.4.8-2.2.8zM70.1 52.9c-4.2 0-8.1-1.6-11-4.6-1.1-1.1-1.1-3 0-4.1.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.8 1.8 4.3 2.9 6.9 2.9 2.6 0 5.1-1 6.9-2.9.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.1 1.1 1.1 3 0 4.1-2.7 3-6.7 4.6-10.8 4.6zM30.1 52.9c-4.2 0-8.1-1.6-11-4.6-1.1-1.1-1.1-3 0-4.1.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.8 1.8 4.3 2.9 6.9 2.9 2.6 0 5.1-1 6.9-2.9.5-.5 1.3-.8 2-.8.8 0 1.5.3 2 .8 1.1 1.1 1.1 3 0 4.1-2.7 3-6.6 4.6-10.8 4.6z",
     className: "prefix__st0"
-  })));
+  }));
 }
 var Filter$1 = {};
 function _typeof$e(obj) {
@@ -26493,14 +26587,13 @@ function _extends$e() {
 function Filter(props) {
   return /* @__PURE__ */ React$e.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
-  }, props), /* @__PURE__ */ React$e.createElement("g", {
-    fill: "currentColor"
-  }, /* @__PURE__ */ React$e.createElement("path", {
+  }, props), /* @__PURE__ */ React$e.createElement("path", {
     d: "M96.4 17.4H42.8c0-4-3.3-7.2-7.2-7.2h-7.2c-4 0-7.2 3.3-7.2 7.2H3.6C1.6 17.4 0 19 0 21s1.7 3.6 3.6 3.6H21c0 4 3.3 7.2 7.2 7.2h7.2c4 0 7.2-3.3 7.2-7.2h53.7c2 0 3.6-1.7 3.6-3.6s-1.5-3.6-3.5-3.6zm-68.2 7.2v-7.2h7.2v7.2h-7.2zM96.4 46.4H71.8c0-4-3.3-7.2-7.2-7.2h-7.2c-4 0-7.2 3.3-7.2 7.2H3.7C1.6 46.4 0 48 0 50s1.7 3.6 3.6 3.6H50c0 4 3.3 7.2 7.2 7.2h7.2c4 0 7.2-3.3 7.2-7.2h24.7c2 0 3.6-1.7 3.6-3.6s-1.5-3.6-3.5-3.6zm-39.2 7.2v-7.2h7.2v7.2h-7.2zM96.4 75.4H42.8c0-4-3.3-7.2-7.2-7.2h-7.2c-4 0-7.2 3.3-7.2 7.2H3.6C1.6 75.4 0 77 0 79s1.7 3.6 3.6 3.6H21c0 4 3.3 7.2 7.2 7.2h7.2c4 0 7.2-3.3 7.2-7.2h53.7c2 0 3.6-1.7 3.6-3.6 0-2-1.5-3.6-3.5-3.6zm-68.2 7.2v-7.2h7.2v7.2h-7.2z"
-  })));
+  }));
 }
 var Help$1 = {};
 function _typeof$d(obj) {
@@ -26576,11 +26669,11 @@ function _extends$d() {
 function Help(props) {
   return /* @__PURE__ */ React$d.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$d.createElement("path", {
-    fill: "currentColor",
     d: "M50 6.5C74 6.5 93.5 26 93.5 50S74 93.5 50 93.5 6.5 74 6.5 50 26 6.5 50 6.5M50 0C22.4 0 0 22.4 0 50s22.4 50 50 50 50-22.4 50-50S77.6 0 50 0zm-1.4 64.1c-2.8 0-5 2.3-5 5.1 0 2.7 2.2 5.1 5 5.1s5.1-2.4 5.1-5.1c0-2.8-2.3-5.1-5.1-5.1zm.9-38.4c-8.9 0-13 5.3-13 8.8 0 2.6 2.2 3.8 3.9 3.8 3.6 0 2.1-5.1 8.8-5.1 3.3 0 5.9 1.4 5.9 4.5 0 3.6-3.7 5.6-5.9 7.4-1.9 1.6-4.4 4.3-4.4 10 0 3.4.9 4.4 3.6 4.4 3.2 0 3.9-1.4 3.9-2.7 0-3.4.1-5.4 3.7-8.2 1.8-1.4 7.4-5.9 7.4-12s-5.5-10.9-13.9-10.9z"
   }));
 }
@@ -26658,14 +26751,13 @@ function _extends$c() {
 function Hotel(props) {
   return /* @__PURE__ */ React$c.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$c.createElement("path", {
-    fill: "currentColor",
     d: "M85 6.5c4.7 0 8.5 3.8 8.5 8.5v70c0 4.7-3.8 8.5-8.5 8.5H15c-4.7 0-8.5-3.8-8.5-8.5V15c0-4.7 3.8-8.5 8.5-8.5zM85 0H15C6.7 0 0 6.7 0 15v70c0 8.3 6.7 15 15 15h70c8.3 0 15-6.7 15-15V15c0-8.3-6.7-15-15-15z"
   }), /* @__PURE__ */ React$c.createElement("path", {
-    fill: "currentColor",
     d: "M40.6 33.1v12.3h18.8V33.1c0-1.8.4-3.1 1.2-4s1.8-1.3 3.1-1.3 2.4.4 3.2 1.3 1.2 2.2 1.2 4v33.8c0 1.8-.4 3.1-1.2 4s-1.9 1.3-3.2 1.3-2.4-.4-3.1-1.3-1.2-2.2-1.2-4V52.5H40.6v14.4c0 1.8-.4 3.1-1.2 4s-1.9 1.3-3.2 1.3-2.4-.4-3.1-1.3c-.8-.9-1.2-2.2-1.2-4V33.1c0-1.8.4-3.1 1.2-4s1.8-1.3 3.1-1.3 2.4.4 3.2 1.3 1.2 2.2 1.2 4z"
   }));
 }
@@ -26743,11 +26835,11 @@ function _extends$b() {
 function Info(props) {
   return /* @__PURE__ */ React$b.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$b.createElement("path", {
-    fill: "currentColor",
     d: "M50 6.5C74 6.5 93.5 26 93.5 50S74 93.5 50 93.5 6.5 74 6.5 50 26 6.5 50 6.5M50 0C22.4 0 0 22.4 0 50s22.4 50 50 50 50-22.4 50-50S77.6 0 50 0zm0 41.2c-2.2 0-3.9 1.7-3.9 3.9v25.2c0 2.2 1.7 3.9 3.9 3.9s3.9-1.7 3.9-3.9V45.1c0-2.2-1.7-3.9-3.9-3.9zm0-15.3c2.9 0 5.3 2.4 5.3 5.3s-2.4 5.3-5.3 5.3-5.3-2.4-5.3-5.3 2.4-5.3 5.3-5.3z"
   }));
 }
@@ -26825,11 +26917,11 @@ function _extends$a() {
 function List(props) {
   return /* @__PURE__ */ React$a.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$a.createElement("path", {
-    fill: "currentColor",
     d: "M96.2 15.1h-64c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h64c2 0 3.6-1.6 3.6-3.6 0-2.1-1.6-3.6-3.6-3.6zM96.2 43.9h-64c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h64c2 0 3.6-1.6 3.6-3.6 0-2.1-1.6-3.6-3.6-3.6zM96.2 72.8h-64c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h64c2 0 3.6-1.6 3.6-3.6 0-2.1-1.6-3.6-3.6-3.6zM-.1 15.1v7.2c0 3.9 3.2 7.2 7.2 7.2h7.2c3.9 0 7.2-3.2 7.2-7.2v-7.2c0-3.9-3.2-7.2-7.2-7.2H7.1c-4 0-7.2 3.2-7.2 7.2zm14.4 7.1H7.1V15h7.2v7.2zM-.1 43.9v7.2c0 3.9 3.2 7.2 7.2 7.2h7.2c3.9 0 7.2-3.2 7.2-7.2v-7.2c0-3.9-3.2-7.2-7.2-7.2H7.1c-4 0-7.2 3.2-7.2 7.2zm14.4 7.2H7.1v-7.2h7.2v7.2zM14.2 65.6H7c-3.9 0-7.2 3.2-7.2 7.2V80c0 3.9 3.2 7.2 7.2 7.2h7.2c3.9 0 7.2-3.2 7.2-7.2v-7.2c0-4-3.2-7.2-7.2-7.2zm.1 14.3H7.1v-7.2h7.2v7.2z"
   }));
 }
@@ -26907,11 +26999,11 @@ function _extends$9() {
 function Lock(props) {
   return /* @__PURE__ */ React$9.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$9.createElement("path", {
-    fill: "currentColor",
     d: "M78.8 33.3H74v-9.5C74 10.7 63.3 0 50 0S26 10.7 26 23.8v9.5h-4.8c-5.3 0-9.6 4.3-9.6 9.5v47.6c0 5.2 4.3 9.5 9.6 9.5h57.7c5.3 0 9.6-4.3 9.6-9.5V42.9c0-5.3-4.4-9.6-9.7-9.6zM50 76.2c-5.3 0-9.6-4.3-9.6-9.5s4.3-9.5 9.6-9.5 9.6 4.3 9.6 9.5-4.3 9.5-9.6 9.5zm14.9-42.9H35.1v-9.5C35.1 15.7 41.8 9 50 9s14.9 6.6 14.9 14.8z"
   }));
 }
@@ -26989,11 +27081,11 @@ function _extends$8() {
 function Logout(props) {
   return /* @__PURE__ */ React$8.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$8.createElement("path", {
-    fill: "currentColor",
     d: "M68.3 12.1c-2.1-.9-4.6 0-5.5 2.2s0 4.6 2.2 5.5c13.6 5.9 22.5 19.3 22.5 34.4 0 20.7-16.8 37.5-37.5 37.5S12.5 74.9 12.5 54.2c0-15 8.9-28.5 22.5-34.4 2.1-.9 3.1-3.4 2.1-5.5-.9-2.1-3.4-3.1-5.5-2.1C15 19.4 4.1 35.8 4.1 54.2 4.2 79.5 24.7 100 50 100s45.8-20.5 45.8-45.8c0-18.4-10.9-34.8-27.5-42.1zM50 45.8c2.3 0 4.2-1.9 4.2-4.2V4.2C54.2 1.9 52.3 0 50 0s-4.2 1.9-4.2 4.2v37.5c0 2.3 1.9 4.1 4.2 4.1z"
   }));
 }
@@ -27071,11 +27163,11 @@ function _extends$7() {
 function MapPin(props) {
   return /* @__PURE__ */ React$7.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$7.createElement("path", {
-    fill: "currentColor",
     d: "M50 0C29.3 0 12.6 16.8 12.5 37.5c0 26.9 34.9 60.6 36.4 62 .6.6 1.5.6 2.2 0 1.4-1.4 36.4-35.1 36.4-62C87.4 16.8 70.7 0 50 0zm0 54.6c-9.5 0-17.2-7.7-17.2-17.2S40.5 20.2 50 20.2s17.2 7.7 17.2 17.2c0 9.6-7.7 17.2-17.2 17.2z"
   }));
 }
@@ -27153,11 +27245,11 @@ function _extends$6() {
 function Menu(props) {
   return /* @__PURE__ */ React$6.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$6.createElement("path", {
-    fill: "currentColor",
     d: "M93.7 87.5H6.3c-3.5 0-6.3-2.8-6.3-6.3C0 77.8 2.8 75 6.3 75h87.5c3.5 0 6.3 2.8 6.3 6.3-.1 3.4-2.9 6.2-6.4 6.2zM93.7 56.2H6.3C2.8 56.2 0 53.5 0 50s2.8-6.3 6.3-6.3h87.5c3.5 0 6.3 2.8 6.3 6.3s-2.9 6.2-6.4 6.2zM93.7 25H6.3C2.8 25 0 22.2 0 18.7s2.8-6.3 6.3-6.3h87.5c3.5 0 6.3 2.8 6.3 6.3S97.2 25 93.7 25z"
   }));
 }
@@ -27235,11 +27327,11 @@ function _extends$5() {
 function Minus(props) {
   return /* @__PURE__ */ React$5.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$5.createElement("path", {
-    fill: "currentColor",
     d: "M3.6 53.6h92.8c2 0 3.5-1.6 3.6-3.6 0-2-1.6-3.5-3.6-3.6H3.6C1.7 46.4.1 48 0 50c0 2 1.6 3.5 3.6 3.6z"
   }));
 }
@@ -27317,11 +27409,11 @@ function _extends$4() {
 function Plus(props) {
   return /* @__PURE__ */ React$4.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$4.createElement("path", {
-    fill: "currentColor",
     d: "M0 50c0 2 1.6 3.5 3.6 3.6h42.8v42.8c0 2 1.6 3.5 3.6 3.6 2 0 3.5-1.6 3.6-3.6l-.1-42.9 42.8.1c2 0 3.5-1.6 3.6-3.6 0-2-1.6-3.5-3.6-3.6H53.6V3.3c-.3-2-1.9-3.3-4-3.3-1.7.1-3.1 1.6-3.3 3.3v43.1H3.6C1.7 46.4.1 48 0 50z"
   }));
 }
@@ -27399,11 +27491,11 @@ function _extends$3() {
 function Search(props) {
   return /* @__PURE__ */ React$3.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$3.createElement("path", {
-    fill: "currentColor",
     d: "M98.8 92.9L70.3 64.5c5.5-6.8 8.8-15.5 8.8-24.9C79.2 17.8 61.4 0 39.6 0S0 17.8 0 39.6s17.8 39.6 39.6 39.6c9.4 0 18.1-3.3 24.9-8.8l28.4 28.4c.8.8 1.9 1.2 2.9 1.2 1.1 0 2.1-.4 2.9-1.2 1.7-1.6 1.7-4.3.1-5.9zM39.6 70.8c-17.2 0-31.2-14-31.2-31.2s14-31.2 31.2-31.2 31.2 14 31.2 31.2-14 31.2-31.2 31.2z"
   }));
 }
@@ -27481,11 +27573,11 @@ function _extends$2() {
 function Tick(props) {
   return /* @__PURE__ */ React$2.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$2.createElement("path", {
-    fill: "currentColor",
     d: "M98.5 14.7c-2-2-5.1-2-7.1 0L31.6 74.6l-23-23c-2-2-5.1-2-7.1 0s-2 5.1 0 7.1L28 85.3c2 2 5.1 2 7.1 0l63.4-63.4c2-2 2-5.2 0-7.2z"
   }));
 }
@@ -27563,11 +27655,11 @@ function _extends$1() {
 function User(props) {
   return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React$1.createElement("path", {
-    fill: "currentColor",
     d: "M85.4 14.6C75.9 5.2 63.4 0 50 0S24.1 5.2 14.6 14.6 0 36.6 0 50s5.2 25.9 14.6 35.4S36.6 100 50 100s25.9-5.2 35.4-14.6S100 63.4 100 50s-5.2-25.9-14.6-35.4zM80 82.3c-1.6-5.6-4.7-10.7-9.1-14.7-2.7-2.4-5.8-4.4-9.1-5.7 6-3.9 9.9-10.6 9.9-18.2C71.8 31.7 62 22 50 22s-21.8 9.8-21.8 21.8c0 7.6 3.9 14.3 9.9 18.2-3.3 1.4-6.4 3.3-9.1 5.7-4.4 4-7.5 9.1-9.1 14.7-8.6-8.1-14-19.6-14-32.4C5.9 25.7 25.7 5.9 50 5.9S94.1 25.7 94.1 50c0 12.8-5.4 24.3-14.1 32.3z"
   }));
 }
@@ -27645,11 +27737,11 @@ function _extends() {
 function World(props) {
   return /* @__PURE__ */ React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 100 100",
     width: "1em",
     height: "1em"
   }, props), /* @__PURE__ */ React.createElement("path", {
-    fill: "currentColor",
     d: "M50.1 100c27.5 0 50-22.5 50-50S77.6 0 50.1 0 .1 22.5.1 50s22.5 50 50 50zm14.8-8.4c2.8-3.6 5-7.9 6.6-12.3H83c-4.8 5.5-11 9.8-18.1 12.3zm22.6-18.2h-14c1.7-6.3 2.7-13.3 3-20.5h17.7c-.6 7.5-2.9 14.5-6.7 20.5zm0-46.8c3.8 6 6.2 13 6.7 20.5H76.4c-.2-7.3-1.2-14.2-3-20.5zm-4.4-5.9H71.6C70 16.4 67.8 12 65 8.4c7 2.5 13.2 6.8 18.1 12.3zM53 6.4c5.7 1.9 9.9 8.8 12.2 14.3H53zm0 20.2h14.3c1.9 6.2 3 13.2 3.2 20.5H53zm0 26.3h17.5c-.2 7.3-1.3 14.3-3.2 20.5H53zm0 26.4h12.2c-2.4 5.6-6.5 12.4-12.2 14.3zm-35.9 0h11.5c1.6 4.3 3.8 8.7 6.6 12.3-7-2.5-13.2-6.8-18.1-12.3zm30.1 14.3c-5.7-1.9-9.9-8.8-12.2-14.3h12.2zm0-20.2H32.8c-1.9-6.2-3-13.2-3.2-20.5h17.5v20.5zm0-26.3H29.6c.2-7.3 1.3-14.3 3.2-20.5h14.3v20.5zm0-40.7v14.3H34.9c2.4-5.6 6.5-12.4 12.3-14.3zm-11.9 2c-2.8 3.6-5 7.9-6.6 12.3H17.1c4.9-5.5 11.1-9.8 18.2-12.3zM12.7 26.6h14c-1.7 6.3-2.7 13.3-3 20.5H6.1c.5-7.5 2.8-14.5 6.6-20.5zM6.1 52.9h17.7c.2 7.3 1.2 14.2 3 20.5h-14c-3.9-6-6.2-13-6.7-20.5z"
   }));
 }
@@ -28017,32 +28109,36 @@ function useOutsideClickHandler(ref, handleOutsideClick) {
     };
   }, [ref]);
 }
-var _jsxFileName$c = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Notifications.jsx";
+var _jsxFileName$b = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Notifications.jsx";
 function isNotification(notifications) {
   return Array.isArray(notifications) && notifications.length > 0;
 }
 function Notifications() {
   const [notificationsLang, setNotificationsLang] = useState([]);
   const [notificationsCount, setNotificationsCount] = useState(0);
-  const [notified, setNotified] = useState(false);
+  const [notificationDate, setNotificationDate] = useState();
+  const [notified, setNotified] = useState(true);
   const {
     notifications: notificationsConfig
   } = useSelector((state) => state.titleBar);
-  const [showNotifications, setShowNotifications] = useState(false);
-  const notifications = useSelector((state) => state.notifications);
   const userLanguage = useSelector((state) => state.userLanguage);
   const {
     isOpen,
     isMobileOrTablet
   } = useSelector((state) => state.headerInfo);
+  const {
+    notifications,
+    showNotifications
+  } = useSelector((state) => state.notifications);
+  const hideNotificationsBell = isMobileOrTablet && isOpen;
   const styles = useSpring({
-    opacity: isMobileOrTablet && isOpen ? 0 : 1
+    opacity: hideNotificationsBell ? 0 : 1
   });
   const ref = useRef();
+  const dispatch = useDispatch();
   useOutsideClickHandler(ref, () => {
-    setShowNotifications(false);
+    dispatch(setShowNotifications(false));
   });
-  const dispatch = useDispatch();
   useEffect(() => {
     (async () => {
       if (notificationsConfig) {
@@ -28072,8 +28168,24 @@ function Notifications() {
       setNotificationsCount(notif.reduce((acc, {
         items = []
       }) => acc + items.length, 0));
+      setNotificationDate(Math.max(...notif.reduce((acc, {
+        items = []
+      }) => [...acc, ...items], []).filter((o2) => {
+        var _a2;
+        return (_a2 = o2.date) == null ? void 0 : _a2.match(/^\d\d\d\d-\d\d-\d\d$/);
+      }).map((o2) => +o2.date.replace(/\D/g, "")), 19700101));
     }
   }, [userLanguage, notifications]);
+  useEffect(() => {
+    const lastReadDate = api.get("ba-notif-read-date");
+    if (notificationDate) {
+      if (!lastReadDate || lastReadDate < notificationDate) {
+        setNotified(false);
+      } else {
+        setNotified(true);
+      }
+    }
+  }, [notificationDate]);
   if (!notificationsLang)
     return null;
   return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(animated.div, {
@@ -28085,31 +28197,36 @@ function Notifications() {
     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
       className: "col-6 col-lg-auto p-lg-0",
       children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-        className: "dropdown d-inline-block me-lg-3 my-1 my-lg-0",
+        className: "d-inline-block me-lg-3 my-1 my-lg-0",
         children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
-          className: "dropdown",
+          className: "hd-dropdown",
           children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
-            className: "btn px-0 py-2 dropdown-toggle",
+            className: "btn p-2 hd-dropdown-toggle",
             type: "button",
             id: "hd-dropdown-notifications",
             onClick: (e2) => {
+              if (hideNotificationsBell)
+                return;
               e2.stopPropagation();
               setNotified(true);
-              setShowNotifications(!showNotifications);
+              api.set("ba-notif-read-date", new Date().toISOString().slice(0, 10).replace(/-/g, ""), {
+                expires: 365
+              });
+              dispatch(setShowNotifications(!showNotifications));
             },
             children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Bell, {
               className: "hd-icon hd-icon-bell"
             }, void 0, false, {
-              fileName: _jsxFileName$c,
-              lineNumber: 91,
+              fileName: _jsxFileName$b,
+              lineNumber: 121,
               columnNumber: 15
             }, this), notificationsCount > 0 && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
               children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
                 className: "visually-hidden",
                 children: "Notifications"
               }, void 0, false, {
-                fileName: _jsxFileName$c,
-                lineNumber: 94,
+                fileName: _jsxFileName$b,
+                lineNumber: 124,
                 columnNumber: 19
               }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
                 className: cn("badge", "rounded-pill", {
@@ -28118,17 +28235,17 @@ function Notifications() {
                 }),
                 children: notificationsCount >= 9 ? "9+" : `${notificationsCount}`
               }, void 0, false, {
-                fileName: _jsxFileName$c,
-                lineNumber: 95,
+                fileName: _jsxFileName$b,
+                lineNumber: 125,
                 columnNumber: 19
               }, this)]
             }, void 0, true)]
           }, void 0, true, {
-            fileName: _jsxFileName$c,
-            lineNumber: 81,
+            fileName: _jsxFileName$b,
+            lineNumber: 105,
             columnNumber: 13
           }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
-            className: "dropdown-menu",
+            className: "hd-dropdown-menu shadow",
             style: showNotifications ? {
               display: "block"
             } : {},
@@ -28140,68 +28257,70 @@ function Notifications() {
               } = notification;
               return items.map((item, i2) => {
                 const {
-                  title: itemTitle
+                  title: itemTitle,
+                  url
                 } = item;
                 return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(require$$0__default.Fragment, {
                   children: [i2 === 0 && title && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
                     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
-                      className: "dropdown-header text-uppercase",
+                      className: "hd-dropdown-header text-uppercase",
                       children: title
                     }, void 0, false, {
-                      fileName: _jsxFileName$c,
-                      lineNumber: 119,
+                      fileName: _jsxFileName$b,
+                      lineNumber: 149,
                       columnNumber: 27
                     }, this)
                   }, void 0, false, {
-                    fileName: _jsxFileName$c,
-                    lineNumber: 118,
+                    fileName: _jsxFileName$b,
+                    lineNumber: 148,
                     columnNumber: 25
                   }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
                     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("a", {
-                      className: "dropdown-item",
-                      href: "#",
+                      className: "hd-dropdown-item",
+                      href: url,
                       target: "_blank",
+                      rel: "noreferrer",
                       children: itemTitle
                     }, void 0, false, {
-                      fileName: _jsxFileName$c,
-                      lineNumber: 125,
+                      fileName: _jsxFileName$b,
+                      lineNumber: 155,
                       columnNumber: 25
                     }, this)
                   }, void 0, false, {
-                    fileName: _jsxFileName$c,
-                    lineNumber: 124,
+                    fileName: _jsxFileName$b,
+                    lineNumber: 154,
                     columnNumber: 23
                   }, this)]
                 }, nanoid(), true, {
-                  fileName: _jsxFileName$c,
-                  lineNumber: 116,
+                  fileName: _jsxFileName$b,
+                  lineNumber: 146,
                   columnNumber: 21
                 }, this);
               });
             })
           }, void 0, false, {
-            fileName: _jsxFileName$c,
-            lineNumber: 106,
+            fileName: _jsxFileName$b,
+            lineNumber: 136,
             columnNumber: 13
           }, this)]
         }, void 0, true, {
-          fileName: _jsxFileName$c,
-          lineNumber: 80,
+          fileName: _jsxFileName$b,
+          lineNumber: 104,
           columnNumber: 11
         }, this)
       }, void 0, false, {
-        fileName: _jsxFileName$c,
-        lineNumber: 79,
+        fileName: _jsxFileName$b,
+        lineNumber: 103,
         columnNumber: 9
       }, this)
     }, void 0, false, {
-      fileName: _jsxFileName$c,
-      lineNumber: 78,
+      fileName: _jsxFileName$b,
+      lineNumber: 102,
       columnNumber: 7
     }, this)
   }, void 0, false, {
-    fileName: _jsxFileName$c,
-    lineNumber: 71,
+    fileName: _jsxFileName$b,
+    lineNumber: 95,
     columnNumber: 5
   }, this);
 }
@@ -28210,7 +28329,7 @@ function useToggle(initialState = false) {
   const toggle = useCallback(() => setState((s2) => !s2), []);
   return [state, toggle];
 }
-var _jsxFileName$b = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Hamburger.jsx";
+var _jsxFileName$a = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Hamburger.jsx";
 function Hamburger() {
   const [headerOpen, toggleHeaderOpen] = useToggle();
   const {
@@ -28235,1096 +28354,250 @@ function Hamburger() {
     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
       className: "d-block",
       children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {}, void 0, false, {
-        fileName: _jsxFileName$b,
+        fileName: _jsxFileName$a,
         lineNumber: 37,
         columnNumber: 9
       }, this)
     }, void 0, false, {
-      fileName: _jsxFileName$b,
+      fileName: _jsxFileName$a,
       lineNumber: 36,
       columnNumber: 7
     }, this)
   }, void 0, false, {
-    fileName: _jsxFileName$b,
+    fileName: _jsxFileName$a,
     lineNumber: 21,
     columnNumber: 5
   }, this);
 }
-var jed = { exports: {} };
-/**
- * @preserve jed.js https://github.com/SlexAxton/Jed
+function _assertThisInitialized(self2) {
+  if (self2 === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self2;
+}
+function _setPrototypeOf(o2, p2) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+    o3.__proto__ = p3;
+    return o3;
+  };
+  return _setPrototypeOf(o2, p2);
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+var reactIs = { exports: {} };
+var reactIs_development = {};
+/** @license React v17.0.2
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
-(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;
-              }
-            }
-          }
+{
+  (function() {
+    var REACT_ELEMENT_TYPE = 60103;
+    var REACT_PORTAL_TYPE = 60106;
+    var REACT_FRAGMENT_TYPE = 60107;
+    var REACT_STRICT_MODE_TYPE = 60108;
+    var REACT_PROFILER_TYPE = 60114;
+    var REACT_PROVIDER_TYPE = 60109;
+    var REACT_CONTEXT_TYPE = 60110;
+    var REACT_FORWARD_REF_TYPE = 60112;
+    var REACT_SUSPENSE_TYPE = 60113;
+    var REACT_SUSPENSE_LIST_TYPE = 60120;
+    var REACT_MEMO_TYPE = 60115;
+    var REACT_LAZY_TYPE = 60116;
+    var REACT_BLOCK_TYPE = 60121;
+    var REACT_SERVER_BLOCK_TYPE = 60122;
+    var REACT_FUNDAMENTAL_TYPE = 60117;
+    var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
+    var REACT_LEGACY_HIDDEN_TYPE = 60131;
+    if (typeof Symbol === "function" && Symbol.for) {
+      var symbolFor2 = Symbol.for;
+      REACT_ELEMENT_TYPE = symbolFor2("react.element");
+      REACT_PORTAL_TYPE = symbolFor2("react.portal");
+      REACT_FRAGMENT_TYPE = symbolFor2("react.fragment");
+      REACT_STRICT_MODE_TYPE = symbolFor2("react.strict_mode");
+      REACT_PROFILER_TYPE = symbolFor2("react.profiler");
+      REACT_PROVIDER_TYPE = symbolFor2("react.provider");
+      REACT_CONTEXT_TYPE = symbolFor2("react.context");
+      REACT_FORWARD_REF_TYPE = symbolFor2("react.forward_ref");
+      REACT_SUSPENSE_TYPE = symbolFor2("react.suspense");
+      REACT_SUSPENSE_LIST_TYPE = symbolFor2("react.suspense_list");
+      REACT_MEMO_TYPE = symbolFor2("react.memo");
+      REACT_LAZY_TYPE = symbolFor2("react.lazy");
+      REACT_BLOCK_TYPE = symbolFor2("react.block");
+      REACT_SERVER_BLOCK_TYPE = symbolFor2("react.server.block");
+      REACT_FUNDAMENTAL_TYPE = symbolFor2("react.fundamental");
+      symbolFor2("react.scope");
+      symbolFor2("react.opaque.id");
+      REACT_DEBUG_TRACING_MODE_TYPE = symbolFor2("react.debug_trace_mode");
+      symbolFor2("react.offscreen");
+      REACT_LEGACY_HIDDEN_TYPE = symbolFor2("react.legacy_hidden");
+    }
+    var enableScopeAPI = false;
+    function isValidElementType(type) {
+      if (typeof type === "string" || typeof type === "function") {
+        return true;
+      }
+      if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
+        return true;
+      }
+      if (typeof type === "object" && type !== null) {
+        if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
+          return true;
         }
-      },
-      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);"
-            }
-          }
-        },
-        "domain": "messages",
-        "debug": false
-      };
-      this.options = _2.extend({}, this.defaults, options);
-      this.textdomain(this.options.domain);
-      if (options.domain && !this.options.locale_data[this.options.domain]) {
-        throw new Error("Text domain set to non-existent domain: `" + options.domain + "`");
-      }
-    };
-    Jed2.context_delimiter = String.fromCharCode(4);
-    function getPluralFormFunc(plural_form_string) {
-      return Jed2.PF.compile(plural_form_string || "nplurals=2; plural=(n != 1);");
-    }
-    function Chain(key, i18n) {
-      this._key = key;
-      this._i18n = i18n;
+      return false;
     }
-    _2.extend(Chain.prototype, {
-      onDomain: function(domain) {
-        this._domain = domain;
-        return this;
-      },
-      withContext: function(context) {
-        this._context = context;
-        return this;
-      },
-      ifPlural: function(num, pkey) {
-        this._val = num;
-        this._pkey = pkey;
-        return this;
-      },
-      fetch: function(sArr) {
-        if ({}.toString.call(sArr) != "[object Array]") {
-          sArr = [].slice.call(arguments, 0);
-        }
-        return (sArr && sArr.length ? Jed2.sprintf : function(x2) {
-          return x2;
-        })(this._i18n.dcnpgettext(this._domain, this._context, this._key, this._pkey, this._val), sArr);
-      }
-    });
-    _2.extend(Jed2.prototype, {
-      translate: function(key) {
-        return new Chain(key, this);
-      },
-      textdomain: function(domain) {
-        if (!domain) {
-          return this._textdomain;
-        }
-        this._textdomain = domain;
-      },
-      gettext: function(key) {
-        return this.dcnpgettext.call(this, undef2, undef2, key);
-      },
-      dgettext: function(domain, key) {
-        return this.dcnpgettext.call(this, domain, undef2, key);
-      },
-      dcgettext: function(domain, key) {
-        return this.dcnpgettext.call(this, domain, undef2, key);
-      },
-      ngettext: function(skey, pkey, val) {
-        return this.dcnpgettext.call(this, undef2, undef2, skey, pkey, val);
-      },
-      dngettext: function(domain, skey, pkey, val) {
-        return this.dcnpgettext.call(this, domain, undef2, skey, pkey, val);
-      },
-      dcngettext: function(domain, skey, pkey, val) {
-        return this.dcnpgettext.call(this, domain, undef2, skey, pkey, val);
-      },
-      pgettext: function(context, key) {
-        return this.dcnpgettext.call(this, undef2, context, key);
-      },
-      dpgettext: function(domain, context, key) {
-        return this.dcnpgettext.call(this, domain, context, key);
-      },
-      dcpgettext: function(domain, context, key) {
-        return this.dcnpgettext.call(this, domain, context, key);
-      },
-      npgettext: function(context, skey, pkey, val) {
-        return this.dcnpgettext.call(this, undef2, context, skey, pkey, val);
-      },
-      dnpgettext: function(domain, context, skey, pkey, val) {
-        return this.dcnpgettext.call(this, domain, context, skey, pkey, val);
-      },
-      dcnpgettext: function(domain, context, singular_key, plural_key, val) {
-        plural_key = plural_key || singular_key;
-        domain = domain || this._textdomain;
-        var fallback;
-        if (!this.options) {
-          fallback = new Jed2();
-          return fallback.dcnpgettext.call(fallback, void 0, void 0, singular_key, plural_key, val);
-        }
-        if (!this.options.locale_data) {
-          throw new Error("No locale data provided.");
-        }
-        if (!this.options.locale_data[domain]) {
-          throw new Error("Domain `" + domain + "` was not found.");
-        }
-        if (!this.options.locale_data[domain][""]) {
-          throw new Error("No locale meta information provided.");
-        }
-        if (!singular_key) {
-          throw new Error("No translation key found.");
-        }
-        var key = context ? context + Jed2.context_delimiter + singular_key : singular_key, locale_data = this.options.locale_data, dict = locale_data[domain], defaultConf = (locale_data.messages || this.defaults.locale_data.messages)[""], pluralForms = dict[""].plural_forms || dict[""]["Plural-Forms"] || dict[""]["plural-forms"] || defaultConf.plural_forms || defaultConf["Plural-Forms"] || defaultConf["plural-forms"], val_list, res;
-        var val_idx;
-        if (val === void 0) {
-          val_idx = 0;
-        } else {
-          if (typeof val != "number") {
-            val = parseInt(val, 10);
-            if (isNaN(val)) {
-              throw new Error("The number that was passed in is not a number.");
+    function typeOf(object) {
+      if (typeof object === "object" && object !== null) {
+        var $$typeof = object.$$typeof;
+        switch ($$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = object.type;
+            switch (type) {
+              case REACT_FRAGMENT_TYPE:
+              case REACT_PROFILER_TYPE:
+              case REACT_STRICT_MODE_TYPE:
+              case REACT_SUSPENSE_TYPE:
+              case REACT_SUSPENSE_LIST_TYPE:
+                return type;
+              default:
+                var $$typeofType = type && type.$$typeof;
+                switch ($$typeofType) {
+                  case REACT_CONTEXT_TYPE:
+                  case REACT_FORWARD_REF_TYPE:
+                  case REACT_LAZY_TYPE:
+                  case REACT_MEMO_TYPE:
+                  case REACT_PROVIDER_TYPE:
+                    return $$typeofType;
+                  default:
+                    return $$typeof;
+                }
             }
-          }
-          val_idx = getPluralFormFunc(pluralForms)(val);
-        }
-        if (!dict) {
-          throw new Error("No domain named `" + domain + "` could be found.");
-        }
-        val_list = dict[key];
-        if (!val_list || val_idx > val_list.length) {
-          if (this.options.missing_key_callback) {
-            this.options.missing_key_callback(key, domain);
-          }
-          res = [singular_key, plural_key];
-          if (this.options.debug === true) {
-            console.log(res[getPluralFormFunc(pluralForms)(val)]);
-          }
-          return res[getPluralFormFunc()(val)];
-        }
-        res = val_list[val_idx];
-        if (!res) {
-          res = [singular_key, plural_key];
-          return res[getPluralFormFunc()(val)];
+          case REACT_PORTAL_TYPE:
+            return $$typeof;
         }
-        return res;
-      }
-    });
-    var sprintf = function() {
-      function get_type(variable) {
-        return Object.prototype.toString.call(variable).slice(8, -1).toLowerCase();
       }
-      function str_repeat(input, multiplier) {
-        for (var output = []; multiplier > 0; output[--multiplier] = input) {
+      return void 0;
+    }
+    var ContextConsumer = REACT_CONTEXT_TYPE;
+    var ContextProvider = REACT_PROVIDER_TYPE;
+    var Element = REACT_ELEMENT_TYPE;
+    var ForwardRef = REACT_FORWARD_REF_TYPE;
+    var Fragment = REACT_FRAGMENT_TYPE;
+    var Lazy = REACT_LAZY_TYPE;
+    var Memo = REACT_MEMO_TYPE;
+    var Portal = REACT_PORTAL_TYPE;
+    var Profiler = REACT_PROFILER_TYPE;
+    var StrictMode = REACT_STRICT_MODE_TYPE;
+    var Suspense = REACT_SUSPENSE_TYPE;
+    var hasWarnedAboutDeprecatedIsAsyncMode = false;
+    var hasWarnedAboutDeprecatedIsConcurrentMode = false;
+    function isAsyncMode(object) {
+      {
+        if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+          hasWarnedAboutDeprecatedIsAsyncMode = true;
+          console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
         }
-        return output.join("");
       }
-      var str_format = function() {
-        if (!str_format.cache.hasOwnProperty(arguments[0])) {
-          str_format.cache[arguments[0]] = str_format.parse(arguments[0]);
+      return false;
+    }
+    function isConcurrentMode(object) {
+      {
+        if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+          hasWarnedAboutDeprecatedIsConcurrentMode = true;
+          console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
         }
-        return str_format.format.call(null, str_format.cache[arguments[0]], arguments);
-      };
-      str_format.format = function(parse_tree, argv) {
-        var cursor = 1, tree_length = parse_tree.length, node_type = "", arg, output = [], i2, k2, match3, pad, pad_character, pad_length;
-        for (i2 = 0; i2 < tree_length; i2++) {
-          node_type = get_type(parse_tree[i2]);
-          if (node_type === "string") {
-            output.push(parse_tree[i2]);
-          } else if (node_type === "array") {
-            match3 = parse_tree[i2];
-            if (match3[2]) {
-              arg = argv[cursor];
-              for (k2 = 0; k2 < match3[2].length; k2++) {
-                if (!arg.hasOwnProperty(match3[2][k2])) {
-                  throw sprintf('[sprintf] property "%s" does not exist', match3[2][k2]);
-                }
-                arg = arg[match3[2][k2]];
-              }
-            } else if (match3[1]) {
-              arg = argv[match3[1]];
-            } else {
-              arg = argv[cursor++];
-            }
-            if (/[^s]/.test(match3[8]) && get_type(arg) != "number") {
-              throw sprintf("[sprintf] expecting number but found %s", get_type(arg));
-            }
-            if (typeof arg == "undefined" || arg === null) {
-              arg = "";
-            }
-            switch (match3[8]) {
-              case "b":
-                arg = arg.toString(2);
-                break;
-              case "c":
-                arg = String.fromCharCode(arg);
-                break;
-              case "d":
-                arg = parseInt(arg, 10);
-                break;
-              case "e":
-                arg = match3[7] ? arg.toExponential(match3[7]) : arg.toExponential();
-                break;
-              case "f":
-                arg = match3[7] ? parseFloat(arg).toFixed(match3[7]) : parseFloat(arg);
-                break;
-              case "o":
-                arg = arg.toString(8);
-                break;
-              case "s":
-                arg = (arg = String(arg)) && match3[7] ? arg.substring(0, match3[7]) : arg;
-                break;
-              case "u":
-                arg = Math.abs(arg);
-                break;
-              case "x":
-                arg = arg.toString(16);
-                break;
-              case "X":
-                arg = arg.toString(16).toUpperCase();
-                break;
-            }
-            arg = /[def]/.test(match3[8]) && match3[3] && arg >= 0 ? "+" + arg : arg;
-            pad_character = match3[4] ? match3[4] == "0" ? "0" : match3[4].charAt(1) : " ";
-            pad_length = match3[6] - String(arg).length;
-            pad = match3[6] ? str_repeat(pad_character, pad_length) : "";
-            output.push(match3[5] ? arg + pad : pad + arg);
-          }
-        }
-        return output.join("");
-      };
-      str_format.cache = {};
-      str_format.parse = function(fmt) {
-        var _fmt = fmt, match3 = [], parse_tree = [], arg_names = 0;
-        while (_fmt) {
-          if ((match3 = /^[^\x25]+/.exec(_fmt)) !== null) {
-            parse_tree.push(match3[0]);
-          } else if ((match3 = /^\x25{2}/.exec(_fmt)) !== null) {
-            parse_tree.push("%");
-          } else if ((match3 = /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(_fmt)) !== null) {
-            if (match3[2]) {
-              arg_names |= 1;
-              var field_list = [], replacement_field = match3[2], field_match = [];
-              if ((field_match = /^([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
-                field_list.push(field_match[1]);
-                while ((replacement_field = replacement_field.substring(field_match[0].length)) !== "") {
-                  if ((field_match = /^\.([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
-                    field_list.push(field_match[1]);
-                  } else if ((field_match = /^\[(\d+)\]/.exec(replacement_field)) !== null) {
-                    field_list.push(field_match[1]);
-                  } else {
-                    throw "[sprintf] huh?";
-                  }
-                }
-              } else {
-                throw "[sprintf] huh?";
-              }
-              match3[2] = field_list;
-            } else {
-              arg_names |= 2;
-            }
-            if (arg_names === 3) {
-              throw "[sprintf] mixing positional and named placeholders is not (yet) supported";
-            }
-            parse_tree.push(match3);
-          } else {
-            throw "[sprintf] huh?";
-          }
-          _fmt = _fmt.substring(match3[0].length);
-        }
-        return parse_tree;
-      };
-      return str_format;
-    }();
-    var vsprintf = function(fmt, argv) {
-      argv.unshift(fmt);
-      return sprintf.apply(null, argv);
-    };
-    Jed2.parse_plural = function(plural_forms, n2) {
-      plural_forms = plural_forms.replace(/n/g, n2);
-      return Jed2.parse_expression(plural_forms);
-    };
-    Jed2.sprintf = function(fmt, args) {
-      if ({}.toString.call(args) == "[object Array]") {
-        return vsprintf(fmt, [].slice.call(args));
-      }
-      return sprintf.apply(this, [].slice.call(arguments));
-    };
-    Jed2.prototype.sprintf = function() {
-      return Jed2.sprintf.apply(this, arguments);
-    };
-    Jed2.PF = {};
-    Jed2.PF.parse = function(p2) {
-      var plural_str = Jed2.PF.extractPluralExpr(p2);
-      return Jed2.PF.parser.parse.call(Jed2.PF.parser, plural_str);
-    };
-    Jed2.PF.compile = function(p2) {
-      function imply(val) {
-        return val === true ? 1 : val ? val : 0;
       }
-      var ast = Jed2.PF.parse(p2);
-      return function(n2) {
-        return imply(Jed2.PF.interpreter(ast)(n2));
-      };
-    };
-    Jed2.PF.interpreter = function(ast) {
-      return function(n2) {
-        switch (ast.type) {
-          case "GROUP":
-            return Jed2.PF.interpreter(ast.expr)(n2);
-          case "TERNARY":
-            if (Jed2.PF.interpreter(ast.expr)(n2)) {
-              return Jed2.PF.interpreter(ast.truthy)(n2);
-            }
-            return Jed2.PF.interpreter(ast.falsey)(n2);
-          case "OR":
-            return Jed2.PF.interpreter(ast.left)(n2) || Jed2.PF.interpreter(ast.right)(n2);
-          case "AND":
-            return Jed2.PF.interpreter(ast.left)(n2) && Jed2.PF.interpreter(ast.right)(n2);
-          case "LT":
-            return Jed2.PF.interpreter(ast.left)(n2) < Jed2.PF.interpreter(ast.right)(n2);
-          case "GT":
-            return Jed2.PF.interpreter(ast.left)(n2) > Jed2.PF.interpreter(ast.right)(n2);
-          case "LTE":
-            return Jed2.PF.interpreter(ast.left)(n2) <= Jed2.PF.interpreter(ast.right)(n2);
-          case "GTE":
-            return Jed2.PF.interpreter(ast.left)(n2) >= Jed2.PF.interpreter(ast.right)(n2);
-          case "EQ":
-            return Jed2.PF.interpreter(ast.left)(n2) == Jed2.PF.interpreter(ast.right)(n2);
-          case "NEQ":
-            return Jed2.PF.interpreter(ast.left)(n2) != Jed2.PF.interpreter(ast.right)(n2);
-          case "MOD":
-            return Jed2.PF.interpreter(ast.left)(n2) % Jed2.PF.interpreter(ast.right)(n2);
-          case "VAR":
-            return n2;
-          case "NUM":
-            return ast.val;
-          default:
-            throw new Error("Invalid Token found.");
-        }
-      };
-    };
-    Jed2.PF.extractPluralExpr = function(p2) {
-      p2 = p2.replace(/^\s\s*/, "").replace(/\s\s*$/, "");
-      if (!/;\s*$/.test(p2)) {
-        p2 = p2.concat(";");
-      }
-      var nplurals_re = /nplurals\=(\d+);/, plural_re = /plural\=(.*);/, nplurals_matches = p2.match(nplurals_re), plural_matches;
-      if (nplurals_matches.length > 1)
-        ;
-      else {
-        throw new Error("nplurals not found in plural_forms string: " + p2);
-      }
-      p2 = p2.replace(nplurals_re, "");
-      plural_matches = p2.match(plural_re);
-      if (!(plural_matches && plural_matches.length > 1)) {
-        throw new Error("`plural` expression not found: " + p2);
-      }
-      return plural_matches[1];
-    };
-    Jed2.PF.parser = function() {
-      var parser = {
-        trace: function trace() {
-        },
-        yy: {},
-        symbols_: { "error": 2, "expressions": 3, "e": 4, "EOF": 5, "?": 6, ":": 7, "||": 8, "&&": 9, "<": 10, "<=": 11, ">": 12, ">=": 13, "!=": 14, "==": 15, "%": 16, "(": 17, ")": 18, "n": 19, "NUMBER": 20, "$accept": 0, "$end": 1 },
-        terminals_: { 2: "error", 5: "EOF", 6: "?", 7: ":", 8: "||", 9: "&&", 10: "<", 11: "<=", 12: ">", 13: ">=", 14: "!=", 15: "==", 16: "%", 17: "(", 18: ")", 19: "n", 20: "NUMBER" },
-        productions_: [0, [3, 2], [4, 5], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 1], [4, 1]],
-        performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
-          var $0 = $$.length - 1;
-          switch (yystate) {
-            case 1:
-              return { type: "GROUP", expr: $$[$0 - 1] };
-            case 2:
-              this.$ = { type: "TERNARY", expr: $$[$0 - 4], truthy: $$[$0 - 2], falsey: $$[$0] };
-              break;
-            case 3:
-              this.$ = { type: "OR", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 4:
-              this.$ = { type: "AND", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 5:
-              this.$ = { type: "LT", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 6:
-              this.$ = { type: "LTE", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 7:
-              this.$ = { type: "GT", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 8:
-              this.$ = { type: "GTE", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 9:
-              this.$ = { type: "NEQ", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 10:
-              this.$ = { type: "EQ", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 11:
-              this.$ = { type: "MOD", left: $$[$0 - 2], right: $$[$0] };
-              break;
-            case 12:
-              this.$ = { type: "GROUP", expr: $$[$0 - 1] };
-              break;
-            case 13:
-              this.$ = { type: "VAR" };
-              break;
-            case 14:
-              this.$ = { type: "NUM", val: Number(yytext) };
-              break;
-          }
-        },
-        table: [{ 3: 1, 4: 2, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 1: [3] }, { 5: [1, 6], 6: [1, 7], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16] }, { 4: 17, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 5: [2, 13], 6: [2, 13], 7: [2, 13], 8: [2, 13], 9: [2, 13], 10: [2, 13], 11: [2, 13], 12: [2, 13], 13: [2, 13], 14: [2, 13], 15: [2, 13], 16: [2, 13], 18: [2, 13] }, { 5: [2, 14], 6: [2, 14], 7: [2, 14], 8: [2, 14], 9: [2, 14], 10: [2, 14], 11: [2, 14], 12: [2, 14], 13: [2, 14], 14: [2, 14], 15: [2, 14], 16: [2, 14], 18: [2, 14] }, { 1: [2, 1] }, { 4: 18, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 19, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 20, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 21, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 22, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 23, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 24, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 25, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 26, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 27, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 6: [1, 7], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [1, 28] }, { 6: [1, 7], 7: [1, 29], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16] }, { 5: [2, 3], 6: [2, 3], 7: [2, 3], 8: [2, 3], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 3] }, { 5: [2, 4], 6: [2, 4], 7: [2, 4], 8: [2, 4], 9: [2, 4], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 4] }, { 5: [2, 5], 6: [2, 5], 7: [2, 5], 8: [2, 5], 9: [2, 5], 10: [2, 5], 11: [2, 5], 12: [2, 5], 13: [2, 5], 14: [2, 5], 15: [2, 5], 16: [1, 16], 18: [2, 5] }, { 5: [2, 6], 6: [2, 6], 7: [2, 6], 8: [2, 6], 9: [2, 6], 10: [2, 6], 11: [2, 6], 12: [2, 6], 13: [2, 6], 14: [2, 6], 15: [2, 6], 16: [1, 16], 18: [2, 6] }, { 5: [2, 7], 6: [2, 7], 7: [2, 7], 8: [2, 7], 9: [2, 7], 10: [2, 7], 11: [2, 7], 12: [2, 7], 13: [2, 7], 14: [2, 7], 15: [2, 7], 16: [1, 16], 18: [2, 7] }, { 5: [2, 8], 6: [2, 8], 7: [2, 8], 8: [2, 8], 9: [2, 8], 10: [2, 8], 11: [2, 8], 12: [2, 8], 13: [2, 8], 14: [2, 8], 15: [2, 8], 16: [1, 16], 18: [2, 8] }, { 5: [2, 9], 6: [2, 9], 7: [2, 9], 8: [2, 9], 9: [2, 9], 10: [2, 9], 11: [2, 9], 12: [2, 9], 13: [2, 9], 14: [2, 9], 15: [2, 9], 16: [1, 16], 18: [2, 9] }, { 5: [2, 10], 6: [2, 10], 7: [2, 10], 8: [2, 10], 9: [2, 10], 10: [2, 10], 11: [2, 10], 12: [2, 10], 13: [2, 10], 14: [2, 10], 15: [2, 10], 16: [1, 16], 18: [2, 10] }, { 5: [2, 11], 6: [2, 11], 7: [2, 11], 8: [2, 11], 9: [2, 11], 10: [2, 11], 11: [2, 11], 12: [2, 11], 13: [2, 11], 14: [2, 11], 15: [2, 11], 16: [2, 11], 18: [2, 11] }, { 5: [2, 12], 6: [2, 12], 7: [2, 12], 8: [2, 12], 9: [2, 12], 10: [2, 12], 11: [2, 12], 12: [2, 12], 13: [2, 12], 14: [2, 12], 15: [2, 12], 16: [2, 12], 18: [2, 12] }, { 4: 30, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 5: [2, 2], 6: [1, 7], 7: [2, 2], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 2] }],
-        defaultActions: { 6: [2, 1] },
-        parseError: function parseError(str, hash) {
-          throw new Error(str);
-        },
-        parse: function parse2(input) {
-          var self2 = this, stack = [0], vstack = [null], lstack = [], table2 = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
-          this.lexer.setInput(input);
-          this.lexer.yy = this.yy;
-          this.yy.lexer = this.lexer;
-          if (typeof this.lexer.yylloc == "undefined")
-            this.lexer.yylloc = {};
-          var yyloc = this.lexer.yylloc;
-          lstack.push(yyloc);
-          if (typeof this.yy.parseError === "function")
-            this.parseError = this.yy.parseError;
-          function popStack(n2) {
-            stack.length = stack.length - 2 * n2;
-            vstack.length = vstack.length - n2;
-            lstack.length = lstack.length - n2;
-          }
-          function lex() {
-            var token2;
-            token2 = self2.lexer.lex() || 1;
-            if (typeof token2 !== "number") {
-              token2 = self2.symbols_[token2] || token2;
-            }
-            return token2;
-          }
-          var symbol, preErrorSymbol, state, action, r2, yyval = {}, p2, len, newState, expected;
-          while (true) {
-            state = stack[stack.length - 1];
-            if (this.defaultActions[state]) {
-              action = this.defaultActions[state];
-            } else {
-              if (symbol == null)
-                symbol = lex();
-              action = table2[state] && table2[state][symbol];
-            }
-            if (typeof action === "undefined" || !action.length || !action[0]) {
-              if (!recovering) {
-                expected = [];
-                for (p2 in table2[state])
-                  if (this.terminals_[p2] && p2 > 2) {
-                    expected.push("'" + this.terminals_[p2] + "'");
-                  }
-                var errStr = "";
-                if (this.lexer.showPosition) {
-                  errStr = "Parse error on line " + (yylineno + 1) + ":\n" + this.lexer.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + this.terminals_[symbol] + "'";
-                } else {
-                  errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == 1 ? "end of input" : "'" + (this.terminals_[symbol] || symbol) + "'");
-                }
-                this.parseError(errStr, { text: this.lexer.match, token: this.terminals_[symbol] || symbol, line: this.lexer.yylineno, loc: yyloc, expected });
-              }
-              if (recovering == 3) {
-                if (symbol == EOF) {
-                  throw new Error(errStr || "Parsing halted.");
-                }
-                yyleng = this.lexer.yyleng;
-                yytext = this.lexer.yytext;
-                yylineno = this.lexer.yylineno;
-                yyloc = this.lexer.yylloc;
-                symbol = lex();
-              }
-              while (1) {
-                if (TERROR.toString() in table2[state]) {
-                  break;
-                }
-                if (state == 0) {
-                  throw new Error(errStr || "Parsing halted.");
-                }
-                popStack(1);
-                state = stack[stack.length - 1];
-              }
-              preErrorSymbol = symbol;
-              symbol = TERROR;
-              state = stack[stack.length - 1];
-              action = table2[state] && table2[state][TERROR];
-              recovering = 3;
-            }
-            if (action[0] instanceof Array && action.length > 1) {
-              throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
-            }
-            switch (action[0]) {
-              case 1:
-                stack.push(symbol);
-                vstack.push(this.lexer.yytext);
-                lstack.push(this.lexer.yylloc);
-                stack.push(action[1]);
-                symbol = null;
-                if (!preErrorSymbol) {
-                  yyleng = this.lexer.yyleng;
-                  yytext = this.lexer.yytext;
-                  yylineno = this.lexer.yylineno;
-                  yyloc = this.lexer.yylloc;
-                  if (recovering > 0)
-                    recovering--;
-                } else {
-                  symbol = preErrorSymbol;
-                  preErrorSymbol = null;
-                }
-                break;
-              case 2:
-                len = this.productions_[action[1]][1];
-                yyval.$ = vstack[vstack.length - len];
-                yyval._$ = {
-                  first_line: lstack[lstack.length - (len || 1)].first_line,
-                  last_line: lstack[lstack.length - 1].last_line,
-                  first_column: lstack[lstack.length - (len || 1)].first_column,
-                  last_column: lstack[lstack.length - 1].last_column
-                };
-                r2 = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack);
-                if (typeof r2 !== "undefined") {
-                  return r2;
-                }
-                if (len) {
-                  stack = stack.slice(0, -1 * len * 2);
-                  vstack = vstack.slice(0, -1 * len);
-                  lstack = lstack.slice(0, -1 * len);
-                }
-                stack.push(this.productions_[action[1]][0]);
-                vstack.push(yyval.$);
-                lstack.push(yyval._$);
-                newState = table2[stack[stack.length - 2]][stack[stack.length - 1]];
-                stack.push(newState);
-                break;
-              case 3:
-                return true;
-            }
-          }
-          return true;
-        }
-      };
-      var lexer = function() {
-        var lexer2 = {
-          EOF: 1,
-          parseError: function parseError(str, hash) {
-            if (this.yy.parseError) {
-              this.yy.parseError(str, hash);
-            } else {
-              throw new Error(str);
-            }
-          },
-          setInput: function(input) {
-            this._input = input;
-            this._more = this._less = this.done = false;
-            this.yylineno = this.yyleng = 0;
-            this.yytext = this.matched = this.match = "";
-            this.conditionStack = ["INITIAL"];
-            this.yylloc = { first_line: 1, first_column: 0, last_line: 1, last_column: 0 };
-            return this;
-          },
-          input: function() {
-            var ch = this._input[0];
-            this.yytext += ch;
-            this.yyleng++;
-            this.match += ch;
-            this.matched += ch;
-            var lines = ch.match(/\n/);
-            if (lines)
-              this.yylineno++;
-            this._input = this._input.slice(1);
-            return ch;
-          },
-          unput: function(ch) {
-            this._input = ch + this._input;
-            return this;
-          },
-          more: function() {
-            this._more = true;
-            return this;
-          },
-          pastInput: function() {
-            var past = this.matched.substr(0, this.matched.length - this.match.length);
-            return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
-          },
-          upcomingInput: function() {
-            var next2 = this.match;
-            if (next2.length < 20) {
-              next2 += this._input.substr(0, 20 - next2.length);
-            }
-            return (next2.substr(0, 20) + (next2.length > 20 ? "..." : "")).replace(/\n/g, "");
-          },
-          showPosition: function() {
-            var pre = this.pastInput();
-            var c6 = new Array(pre.length + 1).join("-");
-            return pre + this.upcomingInput() + "\n" + c6 + "^";
-          },
-          next: function() {
-            if (this.done) {
-              return this.EOF;
-            }
-            if (!this._input)
-              this.done = true;
-            var token2, match3, lines;
-            if (!this._more) {
-              this.yytext = "";
-              this.match = "";
-            }
-            var rules2 = this._currentRules();
-            for (var i2 = 0; i2 < rules2.length; i2++) {
-              match3 = this._input.match(this.rules[rules2[i2]]);
-              if (match3) {
-                lines = match3[0].match(/\n.*/g);
-                if (lines)
-                  this.yylineno += lines.length;
-                this.yylloc = {
-                  first_line: this.yylloc.last_line,
-                  last_line: this.yylineno + 1,
-                  first_column: this.yylloc.last_column,
-                  last_column: lines ? lines[lines.length - 1].length - 1 : this.yylloc.last_column + match3[0].length
-                };
-                this.yytext += match3[0];
-                this.match += match3[0];
-                this.matches = match3;
-                this.yyleng = this.yytext.length;
-                this._more = false;
-                this._input = this._input.slice(match3[0].length);
-                this.matched += match3[0];
-                token2 = this.performAction.call(this, this.yy, this, rules2[i2], this.conditionStack[this.conditionStack.length - 1]);
-                if (token2)
-                  return token2;
-                else
-                  return;
-              }
-            }
-            if (this._input === "") {
-              return this.EOF;
-            } else {
-              this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), { text: "", token: null, line: this.yylineno });
-            }
-          },
-          lex: function lex() {
-            var r2 = this.next();
-            if (typeof r2 !== "undefined") {
-              return r2;
-            } else {
-              return this.lex();
-            }
-          },
-          begin: function begin(condition) {
-            this.conditionStack.push(condition);
-          },
-          popState: function popState() {
-            return this.conditionStack.pop();
-          },
-          _currentRules: function _currentRules() {
-            return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
-          },
-          topState: function() {
-            return this.conditionStack[this.conditionStack.length - 2];
-          },
-          pushState: function begin(condition) {
-            this.begin(condition);
-          }
-        };
-        lexer2.performAction = function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
-          switch ($avoiding_name_collisions) {
-            case 0:
-              break;
-            case 1:
-              return 20;
-            case 2:
-              return 19;
-            case 3:
-              return 8;
-            case 4:
-              return 9;
-            case 5:
-              return 6;
-            case 6:
-              return 7;
-            case 7:
-              return 11;
-            case 8:
-              return 13;
-            case 9:
-              return 10;
-            case 10:
-              return 12;
-            case 11:
-              return 14;
-            case 12:
-              return 15;
-            case 13:
-              return 16;
-            case 14:
-              return 17;
-            case 15:
-              return 18;
-            case 16:
-              return 5;
-            case 17:
-              return "INVALID";
-          }
-        };
-        lexer2.rules = [/^\s+/, /^[0-9]+(\.[0-9]+)?\b/, /^n\b/, /^\|\|/, /^&&/, /^\?/, /^:/, /^<=/, /^>=/, /^</, /^>/, /^!=/, /^==/, /^%/, /^\(/, /^\)/, /^$/, /^./];
-        lexer2.conditions = { "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17], "inclusive": true } };
-        return lexer2;
-      }();
-      parser.lexer = lexer;
-      return parser;
-    }();
-    {
-      if (module.exports) {
-        exports = module.exports = Jed2;
-      }
-      exports.Jed = Jed2;
-    }
-  })();
-})(jed, jed.exports);
-var Jed = jed.exports;
-const fetcher = (url) => fetch(url).then((r2) => r2.json());
-function messageFormat(string, replacements) {
-  return string.replace(/\{(\d+)\}/g, function() {
-    return replacements[arguments[1]];
-  });
-}
-function useI18n() {
-  const { i18nFeed } = useSelector((state) => state.headerInfo);
-  const userLanguage = useSelector((state) => state.userLanguage);
-  const { data: data2, error } = index(i18nFeed && userLanguage ? messageFormat(i18nFeed, [userLanguage]) : null, fetcher);
-  return {
-    i18n: new Jed({
-      locale_data: data2 || {
-        messages: {
-          "": {}
-        }
-      }
-    }),
-    error
-  };
-}
-var _jsxFileName$a = "/Users/patrick/git/ba-js-common-header/src/components/Header/TitleBar/Extranet.jsx";
-function Extranet() {
-  const {
-    i18n
-  } = useI18n();
-  const {
-    isOpen,
-    isMobileOrTablet
-  } = useSelector((state) => state.headerInfo);
-  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
-    })
-  });
-  return transitions((styles, item) => item && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(animated.div, {
-    className: "col-12 pt-lg-2 order-lg-1",
-    id: "hd-extranet",
-    style: isMobileOrTablet ? __spreadProps(__spreadValues({}, styles), {
-      display: "block"
-    }) : {},
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("a", {
-      ref,
-      className: "d-block ",
-      href: "#",
-      target: "_blank",
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.ArrowLeft, {
-        className: "hd-icon hd-icon-arrow-left"
-      }, void 0, false, {
-        fileName: _jsxFileName$a,
-        lineNumber: 27,
-        columnNumber: 13
-      }, this), i18n.translate("Back to the Extranet").fetch()]
-    }, void 0, true, {
-      fileName: _jsxFileName$a,
-      lineNumber: 26,
-      columnNumber: 11
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$a,
-    lineNumber: 21,
-    columnNumber: 9
-  }, this));
-}
-function _assertThisInitialized(self2) {
-  if (self2 === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self2;
-}
-function _setPrototypeOf(o2, p2) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
-    o3.__proto__ = p3;
-    return o3;
-  };
-  return _setPrototypeOf(o2, p2);
-}
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-var reactIs = { exports: {} };
-var reactIs_development = {};
-/** @license React v17.0.2
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-{
-  (function() {
-    var REACT_ELEMENT_TYPE = 60103;
-    var REACT_PORTAL_TYPE = 60106;
-    var REACT_FRAGMENT_TYPE = 60107;
-    var REACT_STRICT_MODE_TYPE = 60108;
-    var REACT_PROFILER_TYPE = 60114;
-    var REACT_PROVIDER_TYPE = 60109;
-    var REACT_CONTEXT_TYPE = 60110;
-    var REACT_FORWARD_REF_TYPE = 60112;
-    var REACT_SUSPENSE_TYPE = 60113;
-    var REACT_SUSPENSE_LIST_TYPE = 60120;
-    var REACT_MEMO_TYPE = 60115;
-    var REACT_LAZY_TYPE = 60116;
-    var REACT_BLOCK_TYPE = 60121;
-    var REACT_SERVER_BLOCK_TYPE = 60122;
-    var REACT_FUNDAMENTAL_TYPE = 60117;
-    var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
-    var REACT_LEGACY_HIDDEN_TYPE = 60131;
-    if (typeof Symbol === "function" && Symbol.for) {
-      var symbolFor2 = Symbol.for;
-      REACT_ELEMENT_TYPE = symbolFor2("react.element");
-      REACT_PORTAL_TYPE = symbolFor2("react.portal");
-      REACT_FRAGMENT_TYPE = symbolFor2("react.fragment");
-      REACT_STRICT_MODE_TYPE = symbolFor2("react.strict_mode");
-      REACT_PROFILER_TYPE = symbolFor2("react.profiler");
-      REACT_PROVIDER_TYPE = symbolFor2("react.provider");
-      REACT_CONTEXT_TYPE = symbolFor2("react.context");
-      REACT_FORWARD_REF_TYPE = symbolFor2("react.forward_ref");
-      REACT_SUSPENSE_TYPE = symbolFor2("react.suspense");
-      REACT_SUSPENSE_LIST_TYPE = symbolFor2("react.suspense_list");
-      REACT_MEMO_TYPE = symbolFor2("react.memo");
-      REACT_LAZY_TYPE = symbolFor2("react.lazy");
-      REACT_BLOCK_TYPE = symbolFor2("react.block");
-      REACT_SERVER_BLOCK_TYPE = symbolFor2("react.server.block");
-      REACT_FUNDAMENTAL_TYPE = symbolFor2("react.fundamental");
-      symbolFor2("react.scope");
-      symbolFor2("react.opaque.id");
-      REACT_DEBUG_TRACING_MODE_TYPE = symbolFor2("react.debug_trace_mode");
-      symbolFor2("react.offscreen");
-      REACT_LEGACY_HIDDEN_TYPE = symbolFor2("react.legacy_hidden");
-    }
-    var enableScopeAPI = false;
-    function isValidElementType(type) {
-      if (typeof type === "string" || typeof type === "function") {
-        return true;
-      }
-      if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
-        return true;
-      }
-      if (typeof type === "object" && type !== null) {
-        if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function typeOf(object) {
-      if (typeof object === "object" && object !== null) {
-        var $$typeof = object.$$typeof;
-        switch ($$typeof) {
-          case REACT_ELEMENT_TYPE:
-            var type = object.type;
-            switch (type) {
-              case REACT_FRAGMENT_TYPE:
-              case REACT_PROFILER_TYPE:
-              case REACT_STRICT_MODE_TYPE:
-              case REACT_SUSPENSE_TYPE:
-              case REACT_SUSPENSE_LIST_TYPE:
-                return type;
-              default:
-                var $$typeofType = type && type.$$typeof;
-                switch ($$typeofType) {
-                  case REACT_CONTEXT_TYPE:
-                  case REACT_FORWARD_REF_TYPE:
-                  case REACT_LAZY_TYPE:
-                  case REACT_MEMO_TYPE:
-                  case REACT_PROVIDER_TYPE:
-                    return $$typeofType;
-                  default:
-                    return $$typeof;
-                }
-            }
-          case REACT_PORTAL_TYPE:
-            return $$typeof;
-        }
-      }
-      return void 0;
-    }
-    var ContextConsumer = REACT_CONTEXT_TYPE;
-    var ContextProvider = REACT_PROVIDER_TYPE;
-    var Element = REACT_ELEMENT_TYPE;
-    var ForwardRef = REACT_FORWARD_REF_TYPE;
-    var Fragment = REACT_FRAGMENT_TYPE;
-    var Lazy = REACT_LAZY_TYPE;
-    var Memo = REACT_MEMO_TYPE;
-    var Portal = REACT_PORTAL_TYPE;
-    var Profiler = REACT_PROFILER_TYPE;
-    var StrictMode = REACT_STRICT_MODE_TYPE;
-    var Suspense = REACT_SUSPENSE_TYPE;
-    var hasWarnedAboutDeprecatedIsAsyncMode = false;
-    var hasWarnedAboutDeprecatedIsConcurrentMode = false;
-    function isAsyncMode(object) {
-      {
-        if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-          hasWarnedAboutDeprecatedIsAsyncMode = true;
-          console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
-        }
-      }
-      return false;
-    }
-    function isConcurrentMode(object) {
-      {
-        if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-          hasWarnedAboutDeprecatedIsConcurrentMode = true;
-          console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
-        }
-      }
-      return false;
-    }
-    function isContextConsumer(object) {
-      return typeOf(object) === REACT_CONTEXT_TYPE;
-    }
-    function isContextProvider(object) {
-      return typeOf(object) === REACT_PROVIDER_TYPE;
-    }
-    function isElement(object) {
-      return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function isForwardRef(object) {
-      return typeOf(object) === REACT_FORWARD_REF_TYPE;
-    }
-    function isFragment(object) {
-      return typeOf(object) === REACT_FRAGMENT_TYPE;
-    }
-    function isLazy(object) {
-      return typeOf(object) === REACT_LAZY_TYPE;
-    }
-    function isMemo(object) {
-      return typeOf(object) === REACT_MEMO_TYPE;
-    }
-    function isPortal(object) {
-      return typeOf(object) === REACT_PORTAL_TYPE;
-    }
-    function isProfiler(object) {
-      return typeOf(object) === REACT_PROFILER_TYPE;
-    }
-    function isStrictMode(object) {
-      return typeOf(object) === REACT_STRICT_MODE_TYPE;
-    }
-    function isSuspense(object) {
-      return typeOf(object) === REACT_SUSPENSE_TYPE;
-    }
-    reactIs_development.ContextConsumer = ContextConsumer;
-    reactIs_development.ContextProvider = ContextProvider;
-    reactIs_development.Element = Element;
-    reactIs_development.ForwardRef = ForwardRef;
-    reactIs_development.Fragment = Fragment;
-    reactIs_development.Lazy = Lazy;
-    reactIs_development.Memo = Memo;
-    reactIs_development.Portal = Portal;
-    reactIs_development.Profiler = Profiler;
-    reactIs_development.StrictMode = StrictMode;
-    reactIs_development.Suspense = Suspense;
-    reactIs_development.isAsyncMode = isAsyncMode;
-    reactIs_development.isConcurrentMode = isConcurrentMode;
-    reactIs_development.isContextConsumer = isContextConsumer;
-    reactIs_development.isContextProvider = isContextProvider;
-    reactIs_development.isElement = isElement;
-    reactIs_development.isForwardRef = isForwardRef;
-    reactIs_development.isFragment = isFragment;
-    reactIs_development.isLazy = isLazy;
-    reactIs_development.isMemo = isMemo;
-    reactIs_development.isPortal = isPortal;
-    reactIs_development.isProfiler = isProfiler;
-    reactIs_development.isStrictMode = isStrictMode;
-    reactIs_development.isSuspense = isSuspense;
-    reactIs_development.isValidElementType = isValidElementType;
-    reactIs_development.typeOf = typeOf;
-  })();
-}
-{
-  reactIs.exports = reactIs_development;
-}
-function t(t2) {
-  return typeof t2 == "object" && t2 != null && t2.nodeType === 1;
-}
-function e(t2, e2) {
-  return (!e2 || t2 !== "hidden") && t2 !== "visible" && t2 !== "clip";
-}
-function n(t2, n2) {
-  if (t2.clientHeight < t2.scrollHeight || t2.clientWidth < t2.scrollWidth) {
-    var r2 = getComputedStyle(t2, null);
-    return e(r2.overflowY, n2) || e(r2.overflowX, n2) || function(t3) {
-      var e2 = function(t4) {
-        if (!t4.ownerDocument || !t4.ownerDocument.defaultView)
-          return null;
-        try {
-          return t4.ownerDocument.defaultView.frameElement;
-        } catch (t5) {
-          return null;
+      return false;
+    }
+    function isContextConsumer(object) {
+      return typeOf(object) === REACT_CONTEXT_TYPE;
+    }
+    function isContextProvider(object) {
+      return typeOf(object) === REACT_PROVIDER_TYPE;
+    }
+    function isElement(object) {
+      return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function isForwardRef(object) {
+      return typeOf(object) === REACT_FORWARD_REF_TYPE;
+    }
+    function isFragment(object) {
+      return typeOf(object) === REACT_FRAGMENT_TYPE;
+    }
+    function isLazy(object) {
+      return typeOf(object) === REACT_LAZY_TYPE;
+    }
+    function isMemo(object) {
+      return typeOf(object) === REACT_MEMO_TYPE;
+    }
+    function isPortal(object) {
+      return typeOf(object) === REACT_PORTAL_TYPE;
+    }
+    function isProfiler(object) {
+      return typeOf(object) === REACT_PROFILER_TYPE;
+    }
+    function isStrictMode(object) {
+      return typeOf(object) === REACT_STRICT_MODE_TYPE;
+    }
+    function isSuspense(object) {
+      return typeOf(object) === REACT_SUSPENSE_TYPE;
+    }
+    reactIs_development.ContextConsumer = ContextConsumer;
+    reactIs_development.ContextProvider = ContextProvider;
+    reactIs_development.Element = Element;
+    reactIs_development.ForwardRef = ForwardRef;
+    reactIs_development.Fragment = Fragment;
+    reactIs_development.Lazy = Lazy;
+    reactIs_development.Memo = Memo;
+    reactIs_development.Portal = Portal;
+    reactIs_development.Profiler = Profiler;
+    reactIs_development.StrictMode = StrictMode;
+    reactIs_development.Suspense = Suspense;
+    reactIs_development.isAsyncMode = isAsyncMode;
+    reactIs_development.isConcurrentMode = isConcurrentMode;
+    reactIs_development.isContextConsumer = isContextConsumer;
+    reactIs_development.isContextProvider = isContextProvider;
+    reactIs_development.isElement = isElement;
+    reactIs_development.isForwardRef = isForwardRef;
+    reactIs_development.isFragment = isFragment;
+    reactIs_development.isLazy = isLazy;
+    reactIs_development.isMemo = isMemo;
+    reactIs_development.isPortal = isPortal;
+    reactIs_development.isProfiler = isProfiler;
+    reactIs_development.isStrictMode = isStrictMode;
+    reactIs_development.isSuspense = isSuspense;
+    reactIs_development.isValidElementType = isValidElementType;
+    reactIs_development.typeOf = typeOf;
+  })();
+}
+{
+  reactIs.exports = reactIs_development;
+}
+function t(t2) {
+  return typeof t2 == "object" && t2 != null && t2.nodeType === 1;
+}
+function e(t2, e2) {
+  return (!e2 || t2 !== "hidden") && t2 !== "visible" && t2 !== "clip";
+}
+function n(t2, n2) {
+  if (t2.clientHeight < t2.scrollHeight || t2.clientWidth < t2.scrollWidth) {
+    var r2 = getComputedStyle(t2, null);
+    return e(r2.overflowY, n2) || e(r2.overflowX, n2) || function(t3) {
+      var e2 = function(t4) {
+        if (!t4.ownerDocument || !t4.ownerDocument.defaultView)
+          return null;
+        try {
+          return t4.ownerDocument.defaultView.frameElement;
+        } catch (t5) {
+          return null;
         }
       }(t3);
       return !!e2 && (e2.clientHeight < t3.scrollHeight || e2.clientWidth < t3.scrollWidth);
@@ -31100,306 +30373,1094 @@ function useCombobox(userProps) {
     if (isInitialMountRef.current) {
       return;
     }
-    previousResultCountRef.current = items.length;
-  });
-  var mouseAndTouchTrackersRef = useMouseAndTouchTracker(isOpen, [comboboxRef, menuRef, toggleButtonRef], environment, function() {
+    previousResultCountRef.current = items.length;
+  });
+  var mouseAndTouchTrackersRef = useMouseAndTouchTracker(isOpen, [comboboxRef, menuRef, toggleButtonRef], environment, function() {
+    dispatch({
+      type: InputBlur,
+      selectItem: false
+    });
+  });
+  var setGetterPropCallInfo = useGetterPropsCalledChecker("getInputProps", "getComboboxProps", "getMenuProps");
+  useEffect(function() {
+    isInitialMountRef.current = false;
+  }, []);
+  useEffect(function() {
+    if (!isOpen) {
+      itemRefs.current = {};
+    }
+  }, [isOpen]);
+  var inputKeyDownHandlers = useMemo(function() {
+    return {
+      ArrowDown: function ArrowDown2(event) {
+        event.preventDefault();
+        dispatch({
+          type: InputKeyDownArrowDown,
+          shiftKey: event.shiftKey,
+          getItemNodeFromIndex
+        });
+      },
+      ArrowUp: function ArrowUp2(event) {
+        event.preventDefault();
+        dispatch({
+          type: InputKeyDownArrowUp,
+          shiftKey: event.shiftKey,
+          getItemNodeFromIndex
+        });
+      },
+      Home: function Home(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+        event.preventDefault();
+        dispatch({
+          type: InputKeyDownHome,
+          getItemNodeFromIndex
+        });
+      },
+      End: function End(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+        event.preventDefault();
+        dispatch({
+          type: InputKeyDownEnd,
+          getItemNodeFromIndex
+        });
+      },
+      Escape: function Escape() {
+        var latestState = latest.current.state;
+        if (latestState.isOpen || latestState.inputValue || latestState.selectedItem || latestState.highlightedIndex > -1) {
+          dispatch({
+            type: InputKeyDownEscape
+          });
+        }
+      },
+      Enter: function Enter(event) {
+        var latestState = latest.current.state;
+        if (!latestState.isOpen || latestState.highlightedIndex < 0 || event.which === 229) {
+          return;
+        }
+        event.preventDefault();
+        dispatch({
+          type: InputKeyDownEnter,
+          getItemNodeFromIndex
+        });
+      }
+    };
+  }, [dispatch, latest, getItemNodeFromIndex]);
+  var getLabelProps = useCallback(function(labelProps) {
+    return _extends$u({
+      id: elementIds.labelId,
+      htmlFor: elementIds.inputId
+    }, labelProps);
+  }, [elementIds]);
+  var getMenuProps = useCallback(function(_temp, _temp2) {
+    var _extends2;
+    var _ref = _temp === void 0 ? {} : _temp, onMouseLeave = _ref.onMouseLeave, _ref$refKey = _ref.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey, ref = _ref.ref, rest = _objectWithoutPropertiesLoose$2(_ref, _excluded$1);
+    var _ref2 = _temp2 === void 0 ? {} : _temp2, _ref2$suppressRefErro = _ref2.suppressRefError, suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
+    setGetterPropCallInfo("getMenuProps", suppressRefError, refKey, menuRef);
+    return _extends$u((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
+      menuRef.current = menuNode;
+    }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function() {
+      dispatch({
+        type: MenuMouseLeave
+      });
+    }), _extends2), rest);
+  }, [dispatch, setGetterPropCallInfo, elementIds]);
+  var getItemProps = useCallback(function(_temp3) {
+    var _extends3, _ref4;
+    var _ref3 = _temp3 === void 0 ? {} : _temp3, item = _ref3.item, index2 = _ref3.index, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, onMouseMove = _ref3.onMouseMove, onClick = _ref3.onClick;
+    _ref3.onPress;
+    var rest = _objectWithoutPropertiesLoose$2(_ref3, _excluded2$1);
+    var _latest$current = latest.current, latestProps = _latest$current.props, latestState = _latest$current.state;
+    var itemIndex = getItemIndex(index2, item, latestProps.items);
+    if (itemIndex < 0) {
+      throw new Error("Pass either item or item index in getItemProps!");
+    }
+    var onSelectKey = "onClick";
+    var customClickHandler = onClick;
+    var itemHandleMouseMove = function itemHandleMouseMove2() {
+      if (index2 === latestState.highlightedIndex) {
+        return;
+      }
+      shouldScrollRef.current = false;
+      dispatch({
+        type: ItemMouseMove,
+        index: index2
+      });
+    };
+    var itemHandleClick = function itemHandleClick2() {
+      dispatch({
+        type: ItemClick,
+        index: index2
+      });
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+    };
+    return _extends$u((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
+      if (itemNode) {
+        itemRefs.current[elementIds.getItemId(itemIndex)] = itemNode;
+      }
+    }), _extends3.role = "option", _extends3["aria-selected"] = "" + (itemIndex === latestState.highlightedIndex), _extends3.id = elementIds.getItemId(itemIndex), _extends3), !rest.disabled && (_ref4 = {
+      onMouseMove: callAllEventHandlers(onMouseMove, itemHandleMouseMove)
+    }, _ref4[onSelectKey] = callAllEventHandlers(customClickHandler, itemHandleClick), _ref4), rest);
+  }, [dispatch, latest, shouldScrollRef, elementIds]);
+  var getToggleButtonProps = useCallback(function(_temp4) {
+    var _extends4;
+    var _ref5 = _temp4 === void 0 ? {} : _temp4, onClick = _ref5.onClick;
+    _ref5.onPress;
+    var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, rest = _objectWithoutPropertiesLoose$2(_ref5, _excluded3);
+    var toggleButtonHandleClick = function toggleButtonHandleClick2() {
+      dispatch({
+        type: ToggleButtonClick
+      });
+      if (!latest.current.state.isOpen && inputRef.current) {
+        inputRef.current.focus();
+      }
+    };
+    return _extends$u((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
+      toggleButtonRef.current = toggleButtonNode;
+    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$u({}, {
+      onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
+    }), rest);
+  }, [dispatch, latest, elementIds]);
+  var getInputProps = useCallback(function(_temp5, _temp6) {
+    var _extends5;
+    var _ref6 = _temp5 === void 0 ? {} : _temp5, onKeyDown = _ref6.onKeyDown, onChange = _ref6.onChange, onInput = _ref6.onInput, onBlur = _ref6.onBlur;
+    _ref6.onChangeText;
+    var _ref6$refKey = _ref6.refKey, refKey = _ref6$refKey === void 0 ? "ref" : _ref6$refKey, ref = _ref6.ref, rest = _objectWithoutPropertiesLoose$2(_ref6, _excluded4);
+    var _ref7 = _temp6 === void 0 ? {} : _temp6, _ref7$suppressRefErro = _ref7.suppressRefError, suppressRefError = _ref7$suppressRefErro === void 0 ? false : _ref7$suppressRefErro;
+    setGetterPropCallInfo("getInputProps", suppressRefError, refKey, inputRef);
+    var latestState = latest.current.state;
+    var inputHandleKeyDown = function inputHandleKeyDown2(event) {
+      var key = normalizeArrowKey(event);
+      if (key && inputKeyDownHandlers[key]) {
+        inputKeyDownHandlers[key](event);
+      }
+    };
+    var inputHandleChange = function inputHandleChange2(event) {
+      dispatch({
+        type: InputChange,
+        inputValue: event.target.value
+      });
+    };
+    var inputHandleBlur = function inputHandleBlur2() {
+      if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
+        dispatch({
+          type: InputBlur,
+          selectItem: true
+        });
+      }
+    };
+    var onChangeKey = "onChange";
+    var eventHandlers = {};
+    if (!rest.disabled) {
+      var _eventHandlers;
+      eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers);
+    }
+    return _extends$u((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
+      inputRef.current = inputNode;
+    }), _extends5.id = elementIds.inputId, _extends5["aria-autocomplete"] = "list", _extends5["aria-controls"] = elementIds.menuId, _extends5), latestState.isOpen && latestState.highlightedIndex > -1 && {
+      "aria-activedescendant": elementIds.getItemId(latestState.highlightedIndex)
+    }, {
+      "aria-labelledby": elementIds.labelId,
+      autoComplete: "off",
+      value: latestState.inputValue
+    }, eventHandlers, rest);
+  }, [dispatch, inputKeyDownHandlers, latest, mouseAndTouchTrackersRef, setGetterPropCallInfo, elementIds]);
+  var getComboboxProps = useCallback(function(_temp7, _temp8) {
+    var _extends6;
+    var _ref8 = _temp7 === void 0 ? {} : _temp7, _ref8$refKey = _ref8.refKey, refKey = _ref8$refKey === void 0 ? "ref" : _ref8$refKey, ref = _ref8.ref, rest = _objectWithoutPropertiesLoose$2(_ref8, _excluded5);
+    var _ref9 = _temp8 === void 0 ? {} : _temp8, _ref9$suppressRefErro = _ref9.suppressRefError, suppressRefError = _ref9$suppressRefErro === void 0 ? false : _ref9$suppressRefErro;
+    setGetterPropCallInfo("getComboboxProps", suppressRefError, refKey, comboboxRef);
+    return _extends$u((_extends6 = {}, _extends6[refKey] = handleRefs(ref, function(comboboxNode) {
+      comboboxRef.current = comboboxNode;
+    }), _extends6.role = "combobox", _extends6["aria-haspopup"] = "listbox", _extends6["aria-owns"] = elementIds.menuId, _extends6["aria-expanded"] = latest.current.state.isOpen, _extends6), rest);
+  }, [latest, setGetterPropCallInfo, elementIds]);
+  var toggleMenu = useCallback(function() {
     dispatch({
-      type: InputBlur,
-      selectItem: false
+      type: FunctionToggleMenu
     });
-  });
-  var setGetterPropCallInfo = useGetterPropsCalledChecker("getInputProps", "getComboboxProps", "getMenuProps");
-  useEffect(function() {
-    isInitialMountRef.current = false;
-  }, []);
-  useEffect(function() {
-    if (!isOpen) {
-      itemRefs.current = {};
-    }
-  }, [isOpen]);
-  var inputKeyDownHandlers = useMemo(function() {
-    return {
-      ArrowDown: function ArrowDown2(event) {
-        event.preventDefault();
-        dispatch({
-          type: InputKeyDownArrowDown,
-          shiftKey: event.shiftKey,
-          getItemNodeFromIndex
+  }, [dispatch]);
+  var closeMenu = useCallback(function() {
+    dispatch({
+      type: FunctionCloseMenu
+    });
+  }, [dispatch]);
+  var openMenu = useCallback(function() {
+    dispatch({
+      type: FunctionOpenMenu
+    });
+  }, [dispatch]);
+  var setHighlightedIndex = useCallback(function(newHighlightedIndex) {
+    dispatch({
+      type: FunctionSetHighlightedIndex,
+      highlightedIndex: newHighlightedIndex
+    });
+  }, [dispatch]);
+  var selectItem = useCallback(function(newSelectedItem) {
+    dispatch({
+      type: FunctionSelectItem,
+      selectedItem: newSelectedItem
+    });
+  }, [dispatch]);
+  var setInputValue = useCallback(function(newInputValue) {
+    dispatch({
+      type: FunctionSetInputValue,
+      inputValue: newInputValue
+    });
+  }, [dispatch]);
+  var reset = useCallback(function() {
+    dispatch({
+      type: FunctionReset$1
+    });
+  }, [dispatch]);
+  return {
+    getItemProps,
+    getLabelProps,
+    getMenuProps,
+    getInputProps,
+    getComboboxProps,
+    getToggleButtonProps,
+    toggleMenu,
+    openMenu,
+    closeMenu,
+    setHighlightedIndex,
+    setInputValue,
+    selectItem,
+    reset,
+    highlightedIndex,
+    isOpen,
+    selectedItem,
+    inputValue
+  };
+}
+function getA11yRemovalMessage(selectionParameters) {
+  var removedSelectedItem = selectionParameters.removedSelectedItem, itemToStringLocal = selectionParameters.itemToString;
+  return itemToStringLocal(removedSelectedItem) + " has been removed.";
+}
+({
+  selectedItems: PropTypes.array,
+  initialSelectedItems: PropTypes.array,
+  defaultSelectedItems: PropTypes.array,
+  itemToString: PropTypes.func,
+  getA11yRemovalMessage: PropTypes.func,
+  stateReducer: PropTypes.func,
+  activeIndex: PropTypes.number,
+  initialActiveIndex: PropTypes.number,
+  defaultActiveIndex: PropTypes.number,
+  onActiveIndexChange: PropTypes.func,
+  onSelectedItemsChange: PropTypes.func,
+  keyNavigationNext: PropTypes.string,
+  keyNavigationPrevious: PropTypes.string,
+  environment: PropTypes.shape({
+    addEventListener: PropTypes.func,
+    removeEventListener: PropTypes.func,
+    document: PropTypes.shape({
+      getElementById: PropTypes.func,
+      activeElement: PropTypes.any,
+      body: PropTypes.any
+    })
+  })
+});
+({
+  itemToString: defaultProps$3.itemToString,
+  stateReducer: defaultProps$3.stateReducer,
+  environment: defaultProps$3.environment,
+  getA11yRemovalMessage,
+  keyNavigationNext: "ArrowRight",
+  keyNavigationPrevious: "ArrowLeft"
+});
+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);"
+            }
+          }
+        },
+        "domain": "messages",
+        "debug": false
+      };
+      this.options = _2.extend({}, this.defaults, options);
+      this.textdomain(this.options.domain);
+      if (options.domain && !this.options.locale_data[this.options.domain]) {
+        throw new Error("Text domain set to non-existent domain: `" + options.domain + "`");
+      }
+    };
+    Jed2.context_delimiter = String.fromCharCode(4);
+    function getPluralFormFunc(plural_form_string) {
+      return Jed2.PF.compile(plural_form_string || "nplurals=2; plural=(n != 1);");
+    }
+    function Chain(key, i18n) {
+      this._key = key;
+      this._i18n = i18n;
+    }
+    _2.extend(Chain.prototype, {
+      onDomain: function(domain) {
+        this._domain = domain;
+        return this;
       },
-      ArrowUp: function ArrowUp2(event) {
-        event.preventDefault();
-        dispatch({
-          type: InputKeyDownArrowUp,
-          shiftKey: event.shiftKey,
-          getItemNodeFromIndex
-        });
+      withContext: function(context) {
+        this._context = context;
+        return this;
       },
-      Home: function Home(event) {
-        if (!latest.current.state.isOpen) {
-          return;
+      ifPlural: function(num, pkey) {
+        this._val = num;
+        this._pkey = pkey;
+        return this;
+      },
+      fetch: function(sArr) {
+        if ({}.toString.call(sArr) != "[object Array]") {
+          sArr = [].slice.call(arguments, 0);
         }
-        event.preventDefault();
-        dispatch({
-          type: InputKeyDownHome,
-          getItemNodeFromIndex
-        });
+        return (sArr && sArr.length ? Jed2.sprintf : function(x2) {
+          return x2;
+        })(this._i18n.dcnpgettext(this._domain, this._context, this._key, this._pkey, this._val), sArr);
+      }
+    });
+    _2.extend(Jed2.prototype, {
+      translate: function(key) {
+        return new Chain(key, this);
       },
-      End: function End(event) {
-        if (!latest.current.state.isOpen) {
-          return;
+      textdomain: function(domain) {
+        if (!domain) {
+          return this._textdomain;
+        }
+        this._textdomain = domain;
+      },
+      gettext: function(key) {
+        return this.dcnpgettext.call(this, undef2, undef2, key);
+      },
+      dgettext: function(domain, key) {
+        return this.dcnpgettext.call(this, domain, undef2, key);
+      },
+      dcgettext: function(domain, key) {
+        return this.dcnpgettext.call(this, domain, undef2, key);
+      },
+      ngettext: function(skey, pkey, val) {
+        return this.dcnpgettext.call(this, undef2, undef2, skey, pkey, val);
+      },
+      dngettext: function(domain, skey, pkey, val) {
+        return this.dcnpgettext.call(this, domain, undef2, skey, pkey, val);
+      },
+      dcngettext: function(domain, skey, pkey, val) {
+        return this.dcnpgettext.call(this, domain, undef2, skey, pkey, val);
+      },
+      pgettext: function(context, key) {
+        return this.dcnpgettext.call(this, undef2, context, key);
+      },
+      dpgettext: function(domain, context, key) {
+        return this.dcnpgettext.call(this, domain, context, key);
+      },
+      dcpgettext: function(domain, context, key) {
+        return this.dcnpgettext.call(this, domain, context, key);
+      },
+      npgettext: function(context, skey, pkey, val) {
+        return this.dcnpgettext.call(this, undef2, context, skey, pkey, val);
+      },
+      dnpgettext: function(domain, context, skey, pkey, val) {
+        return this.dcnpgettext.call(this, domain, context, skey, pkey, val);
+      },
+      dcnpgettext: function(domain, context, singular_key, plural_key, val) {
+        plural_key = plural_key || singular_key;
+        domain = domain || this._textdomain;
+        var fallback;
+        if (!this.options) {
+          fallback = new Jed2();
+          return fallback.dcnpgettext.call(fallback, void 0, void 0, singular_key, plural_key, val);
+        }
+        if (!this.options.locale_data) {
+          throw new Error("No locale data provided.");
+        }
+        if (!this.options.locale_data[domain]) {
+          throw new Error("Domain `" + domain + "` was not found.");
+        }
+        if (!this.options.locale_data[domain][""]) {
+          throw new Error("No locale meta information provided.");
+        }
+        if (!singular_key) {
+          throw new Error("No translation key found.");
+        }
+        var key = context ? context + Jed2.context_delimiter + singular_key : singular_key, locale_data = this.options.locale_data, dict = locale_data[domain], defaultConf = (locale_data.messages || this.defaults.locale_data.messages)[""], pluralForms = dict[""].plural_forms || dict[""]["Plural-Forms"] || dict[""]["plural-forms"] || defaultConf.plural_forms || defaultConf["Plural-Forms"] || defaultConf["plural-forms"], val_list, res;
+        var val_idx;
+        if (val === void 0) {
+          val_idx = 0;
+        } else {
+          if (typeof val != "number") {
+            val = parseInt(val, 10);
+            if (isNaN(val)) {
+              throw new Error("The number that was passed in is not a number.");
+            }
+          }
+          val_idx = getPluralFormFunc(pluralForms)(val);
+        }
+        if (!dict) {
+          throw new Error("No domain named `" + domain + "` could be found.");
+        }
+        val_list = dict[key];
+        if (!val_list || val_idx > val_list.length) {
+          if (this.options.missing_key_callback) {
+            this.options.missing_key_callback(key, domain);
+          }
+          res = [singular_key, plural_key];
+          if (this.options.debug === true) {
+            console.log(res[getPluralFormFunc(pluralForms)(val)]);
+          }
+          return res[getPluralFormFunc()(val)];
+        }
+        res = val_list[val_idx];
+        if (!res) {
+          res = [singular_key, plural_key];
+          return res[getPluralFormFunc()(val)];
+        }
+        return res;
+      }
+    });
+    var sprintf = function() {
+      function get_type(variable) {
+        return Object.prototype.toString.call(variable).slice(8, -1).toLowerCase();
+      }
+      function str_repeat(input, multiplier) {
+        for (var output = []; multiplier > 0; output[--multiplier] = input) {
+        }
+        return output.join("");
+      }
+      var str_format = function() {
+        if (!str_format.cache.hasOwnProperty(arguments[0])) {
+          str_format.cache[arguments[0]] = str_format.parse(arguments[0]);
+        }
+        return str_format.format.call(null, str_format.cache[arguments[0]], arguments);
+      };
+      str_format.format = function(parse_tree, argv) {
+        var cursor = 1, tree_length = parse_tree.length, node_type = "", arg, output = [], i2, k2, match3, pad, pad_character, pad_length;
+        for (i2 = 0; i2 < tree_length; i2++) {
+          node_type = get_type(parse_tree[i2]);
+          if (node_type === "string") {
+            output.push(parse_tree[i2]);
+          } else if (node_type === "array") {
+            match3 = parse_tree[i2];
+            if (match3[2]) {
+              arg = argv[cursor];
+              for (k2 = 0; k2 < match3[2].length; k2++) {
+                if (!arg.hasOwnProperty(match3[2][k2])) {
+                  throw sprintf('[sprintf] property "%s" does not exist', match3[2][k2]);
+                }
+                arg = arg[match3[2][k2]];
+              }
+            } else if (match3[1]) {
+              arg = argv[match3[1]];
+            } else {
+              arg = argv[cursor++];
+            }
+            if (/[^s]/.test(match3[8]) && get_type(arg) != "number") {
+              throw sprintf("[sprintf] expecting number but found %s", get_type(arg));
+            }
+            if (typeof arg == "undefined" || arg === null) {
+              arg = "";
+            }
+            switch (match3[8]) {
+              case "b":
+                arg = arg.toString(2);
+                break;
+              case "c":
+                arg = String.fromCharCode(arg);
+                break;
+              case "d":
+                arg = parseInt(arg, 10);
+                break;
+              case "e":
+                arg = match3[7] ? arg.toExponential(match3[7]) : arg.toExponential();
+                break;
+              case "f":
+                arg = match3[7] ? parseFloat(arg).toFixed(match3[7]) : parseFloat(arg);
+                break;
+              case "o":
+                arg = arg.toString(8);
+                break;
+              case "s":
+                arg = (arg = String(arg)) && match3[7] ? arg.substring(0, match3[7]) : arg;
+                break;
+              case "u":
+                arg = Math.abs(arg);
+                break;
+              case "x":
+                arg = arg.toString(16);
+                break;
+              case "X":
+                arg = arg.toString(16).toUpperCase();
+                break;
+            }
+            arg = /[def]/.test(match3[8]) && match3[3] && arg >= 0 ? "+" + arg : arg;
+            pad_character = match3[4] ? match3[4] == "0" ? "0" : match3[4].charAt(1) : " ";
+            pad_length = match3[6] - String(arg).length;
+            pad = match3[6] ? str_repeat(pad_character, pad_length) : "";
+            output.push(match3[5] ? arg + pad : pad + arg);
+          }
+        }
+        return output.join("");
+      };
+      str_format.cache = {};
+      str_format.parse = function(fmt) {
+        var _fmt = fmt, match3 = [], parse_tree = [], arg_names = 0;
+        while (_fmt) {
+          if ((match3 = /^[^\x25]+/.exec(_fmt)) !== null) {
+            parse_tree.push(match3[0]);
+          } else if ((match3 = /^\x25{2}/.exec(_fmt)) !== null) {
+            parse_tree.push("%");
+          } else if ((match3 = /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(_fmt)) !== null) {
+            if (match3[2]) {
+              arg_names |= 1;
+              var field_list = [], replacement_field = match3[2], field_match = [];
+              if ((field_match = /^([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
+                field_list.push(field_match[1]);
+                while ((replacement_field = replacement_field.substring(field_match[0].length)) !== "") {
+                  if ((field_match = /^\.([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
+                    field_list.push(field_match[1]);
+                  } else if ((field_match = /^\[(\d+)\]/.exec(replacement_field)) !== null) {
+                    field_list.push(field_match[1]);
+                  } else {
+                    throw "[sprintf] huh?";
+                  }
+                }
+              } else {
+                throw "[sprintf] huh?";
+              }
+              match3[2] = field_list;
+            } else {
+              arg_names |= 2;
+            }
+            if (arg_names === 3) {
+              throw "[sprintf] mixing positional and named placeholders is not (yet) supported";
+            }
+            parse_tree.push(match3);
+          } else {
+            throw "[sprintf] huh?";
+          }
+          _fmt = _fmt.substring(match3[0].length);
         }
-        event.preventDefault();
-        dispatch({
-          type: InputKeyDownEnd,
-          getItemNodeFromIndex
-        });
-      },
-      Escape: function Escape() {
-        var latestState = latest.current.state;
-        if (latestState.isOpen || latestState.inputValue || latestState.selectedItem || latestState.highlightedIndex > -1) {
-          dispatch({
-            type: InputKeyDownEscape
-          });
+        return parse_tree;
+      };
+      return str_format;
+    }();
+    var vsprintf = function(fmt, argv) {
+      argv.unshift(fmt);
+      return sprintf.apply(null, argv);
+    };
+    Jed2.parse_plural = function(plural_forms, n2) {
+      plural_forms = plural_forms.replace(/n/g, n2);
+      return Jed2.parse_expression(plural_forms);
+    };
+    Jed2.sprintf = function(fmt, args) {
+      if ({}.toString.call(args) == "[object Array]") {
+        return vsprintf(fmt, [].slice.call(args));
+      }
+      return sprintf.apply(this, [].slice.call(arguments));
+    };
+    Jed2.prototype.sprintf = function() {
+      return Jed2.sprintf.apply(this, arguments);
+    };
+    Jed2.PF = {};
+    Jed2.PF.parse = function(p2) {
+      var plural_str = Jed2.PF.extractPluralExpr(p2);
+      return Jed2.PF.parser.parse.call(Jed2.PF.parser, plural_str);
+    };
+    Jed2.PF.compile = function(p2) {
+      function imply(val) {
+        return val === true ? 1 : val ? val : 0;
+      }
+      var ast = Jed2.PF.parse(p2);
+      return function(n2) {
+        return imply(Jed2.PF.interpreter(ast)(n2));
+      };
+    };
+    Jed2.PF.interpreter = function(ast) {
+      return function(n2) {
+        switch (ast.type) {
+          case "GROUP":
+            return Jed2.PF.interpreter(ast.expr)(n2);
+          case "TERNARY":
+            if (Jed2.PF.interpreter(ast.expr)(n2)) {
+              return Jed2.PF.interpreter(ast.truthy)(n2);
+            }
+            return Jed2.PF.interpreter(ast.falsey)(n2);
+          case "OR":
+            return Jed2.PF.interpreter(ast.left)(n2) || Jed2.PF.interpreter(ast.right)(n2);
+          case "AND":
+            return Jed2.PF.interpreter(ast.left)(n2) && Jed2.PF.interpreter(ast.right)(n2);
+          case "LT":
+            return Jed2.PF.interpreter(ast.left)(n2) < Jed2.PF.interpreter(ast.right)(n2);
+          case "GT":
+            return Jed2.PF.interpreter(ast.left)(n2) > Jed2.PF.interpreter(ast.right)(n2);
+          case "LTE":
+            return Jed2.PF.interpreter(ast.left)(n2) <= Jed2.PF.interpreter(ast.right)(n2);
+          case "GTE":
+            return Jed2.PF.interpreter(ast.left)(n2) >= Jed2.PF.interpreter(ast.right)(n2);
+          case "EQ":
+            return Jed2.PF.interpreter(ast.left)(n2) == Jed2.PF.interpreter(ast.right)(n2);
+          case "NEQ":
+            return Jed2.PF.interpreter(ast.left)(n2) != Jed2.PF.interpreter(ast.right)(n2);
+          case "MOD":
+            return Jed2.PF.interpreter(ast.left)(n2) % Jed2.PF.interpreter(ast.right)(n2);
+          case "VAR":
+            return n2;
+          case "NUM":
+            return ast.val;
+          default:
+            throw new Error("Invalid Token found.");
         }
-      },
-      Enter: function Enter(event) {
-        var latestState = latest.current.state;
-        if (!latestState.isOpen || latestState.highlightedIndex < 0 || event.which === 229) {
-          return;
+      };
+    };
+    Jed2.PF.extractPluralExpr = function(p2) {
+      p2 = p2.replace(/^\s\s*/, "").replace(/\s\s*$/, "");
+      if (!/;\s*$/.test(p2)) {
+        p2 = p2.concat(";");
+      }
+      var nplurals_re = /nplurals\=(\d+);/, plural_re = /plural\=(.*);/, nplurals_matches = p2.match(nplurals_re), plural_matches;
+      if (nplurals_matches.length > 1)
+        ;
+      else {
+        throw new Error("nplurals not found in plural_forms string: " + p2);
+      }
+      p2 = p2.replace(nplurals_re, "");
+      plural_matches = p2.match(plural_re);
+      if (!(plural_matches && plural_matches.length > 1)) {
+        throw new Error("`plural` expression not found: " + p2);
+      }
+      return plural_matches[1];
+    };
+    Jed2.PF.parser = function() {
+      var parser = {
+        trace: function trace() {
+        },
+        yy: {},
+        symbols_: { "error": 2, "expressions": 3, "e": 4, "EOF": 5, "?": 6, ":": 7, "||": 8, "&&": 9, "<": 10, "<=": 11, ">": 12, ">=": 13, "!=": 14, "==": 15, "%": 16, "(": 17, ")": 18, "n": 19, "NUMBER": 20, "$accept": 0, "$end": 1 },
+        terminals_: { 2: "error", 5: "EOF", 6: "?", 7: ":", 8: "||", 9: "&&", 10: "<", 11: "<=", 12: ">", 13: ">=", 14: "!=", 15: "==", 16: "%", 17: "(", 18: ")", 19: "n", 20: "NUMBER" },
+        productions_: [0, [3, 2], [4, 5], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 1], [4, 1]],
+        performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
+          var $0 = $$.length - 1;
+          switch (yystate) {
+            case 1:
+              return { type: "GROUP", expr: $$[$0 - 1] };
+            case 2:
+              this.$ = { type: "TERNARY", expr: $$[$0 - 4], truthy: $$[$0 - 2], falsey: $$[$0] };
+              break;
+            case 3:
+              this.$ = { type: "OR", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 4:
+              this.$ = { type: "AND", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 5:
+              this.$ = { type: "LT", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 6:
+              this.$ = { type: "LTE", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 7:
+              this.$ = { type: "GT", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 8:
+              this.$ = { type: "GTE", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 9:
+              this.$ = { type: "NEQ", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 10:
+              this.$ = { type: "EQ", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 11:
+              this.$ = { type: "MOD", left: $$[$0 - 2], right: $$[$0] };
+              break;
+            case 12:
+              this.$ = { type: "GROUP", expr: $$[$0 - 1] };
+              break;
+            case 13:
+              this.$ = { type: "VAR" };
+              break;
+            case 14:
+              this.$ = { type: "NUM", val: Number(yytext) };
+              break;
+          }
+        },
+        table: [{ 3: 1, 4: 2, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 1: [3] }, { 5: [1, 6], 6: [1, 7], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16] }, { 4: 17, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 5: [2, 13], 6: [2, 13], 7: [2, 13], 8: [2, 13], 9: [2, 13], 10: [2, 13], 11: [2, 13], 12: [2, 13], 13: [2, 13], 14: [2, 13], 15: [2, 13], 16: [2, 13], 18: [2, 13] }, { 5: [2, 14], 6: [2, 14], 7: [2, 14], 8: [2, 14], 9: [2, 14], 10: [2, 14], 11: [2, 14], 12: [2, 14], 13: [2, 14], 14: [2, 14], 15: [2, 14], 16: [2, 14], 18: [2, 14] }, { 1: [2, 1] }, { 4: 18, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 19, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 20, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 21, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 22, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 23, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 24, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 25, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 26, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 4: 27, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 6: [1, 7], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [1, 28] }, { 6: [1, 7], 7: [1, 29], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16] }, { 5: [2, 3], 6: [2, 3], 7: [2, 3], 8: [2, 3], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 3] }, { 5: [2, 4], 6: [2, 4], 7: [2, 4], 8: [2, 4], 9: [2, 4], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 4] }, { 5: [2, 5], 6: [2, 5], 7: [2, 5], 8: [2, 5], 9: [2, 5], 10: [2, 5], 11: [2, 5], 12: [2, 5], 13: [2, 5], 14: [2, 5], 15: [2, 5], 16: [1, 16], 18: [2, 5] }, { 5: [2, 6], 6: [2, 6], 7: [2, 6], 8: [2, 6], 9: [2, 6], 10: [2, 6], 11: [2, 6], 12: [2, 6], 13: [2, 6], 14: [2, 6], 15: [2, 6], 16: [1, 16], 18: [2, 6] }, { 5: [2, 7], 6: [2, 7], 7: [2, 7], 8: [2, 7], 9: [2, 7], 10: [2, 7], 11: [2, 7], 12: [2, 7], 13: [2, 7], 14: [2, 7], 15: [2, 7], 16: [1, 16], 18: [2, 7] }, { 5: [2, 8], 6: [2, 8], 7: [2, 8], 8: [2, 8], 9: [2, 8], 10: [2, 8], 11: [2, 8], 12: [2, 8], 13: [2, 8], 14: [2, 8], 15: [2, 8], 16: [1, 16], 18: [2, 8] }, { 5: [2, 9], 6: [2, 9], 7: [2, 9], 8: [2, 9], 9: [2, 9], 10: [2, 9], 11: [2, 9], 12: [2, 9], 13: [2, 9], 14: [2, 9], 15: [2, 9], 16: [1, 16], 18: [2, 9] }, { 5: [2, 10], 6: [2, 10], 7: [2, 10], 8: [2, 10], 9: [2, 10], 10: [2, 10], 11: [2, 10], 12: [2, 10], 13: [2, 10], 14: [2, 10], 15: [2, 10], 16: [1, 16], 18: [2, 10] }, { 5: [2, 11], 6: [2, 11], 7: [2, 11], 8: [2, 11], 9: [2, 11], 10: [2, 11], 11: [2, 11], 12: [2, 11], 13: [2, 11], 14: [2, 11], 15: [2, 11], 16: [2, 11], 18: [2, 11] }, { 5: [2, 12], 6: [2, 12], 7: [2, 12], 8: [2, 12], 9: [2, 12], 10: [2, 12], 11: [2, 12], 12: [2, 12], 13: [2, 12], 14: [2, 12], 15: [2, 12], 16: [2, 12], 18: [2, 12] }, { 4: 30, 17: [1, 3], 19: [1, 4], 20: [1, 5] }, { 5: [2, 2], 6: [1, 7], 7: [2, 2], 8: [1, 8], 9: [1, 9], 10: [1, 10], 11: [1, 11], 12: [1, 12], 13: [1, 13], 14: [1, 14], 15: [1, 15], 16: [1, 16], 18: [2, 2] }],
+        defaultActions: { 6: [2, 1] },
+        parseError: function parseError(str, hash) {
+          throw new Error(str);
+        },
+        parse: function parse2(input) {
+          var self2 = this, stack = [0], vstack = [null], lstack = [], table2 = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
+          this.lexer.setInput(input);
+          this.lexer.yy = this.yy;
+          this.yy.lexer = this.lexer;
+          if (typeof this.lexer.yylloc == "undefined")
+            this.lexer.yylloc = {};
+          var yyloc = this.lexer.yylloc;
+          lstack.push(yyloc);
+          if (typeof this.yy.parseError === "function")
+            this.parseError = this.yy.parseError;
+          function popStack(n2) {
+            stack.length = stack.length - 2 * n2;
+            vstack.length = vstack.length - n2;
+            lstack.length = lstack.length - n2;
+          }
+          function lex() {
+            var token2;
+            token2 = self2.lexer.lex() || 1;
+            if (typeof token2 !== "number") {
+              token2 = self2.symbols_[token2] || token2;
+            }
+            return token2;
+          }
+          var symbol, preErrorSymbol, state, action, r2, yyval = {}, p2, len, newState, expected;
+          while (true) {
+            state = stack[stack.length - 1];
+            if (this.defaultActions[state]) {
+              action = this.defaultActions[state];
+            } else {
+              if (symbol == null)
+                symbol = lex();
+              action = table2[state] && table2[state][symbol];
+            }
+            if (typeof action === "undefined" || !action.length || !action[0]) {
+              if (!recovering) {
+                expected = [];
+                for (p2 in table2[state])
+                  if (this.terminals_[p2] && p2 > 2) {
+                    expected.push("'" + this.terminals_[p2] + "'");
+                  }
+                var errStr = "";
+                if (this.lexer.showPosition) {
+                  errStr = "Parse error on line " + (yylineno + 1) + ":\n" + this.lexer.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + this.terminals_[symbol] + "'";
+                } else {
+                  errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == 1 ? "end of input" : "'" + (this.terminals_[symbol] || symbol) + "'");
+                }
+                this.parseError(errStr, { text: this.lexer.match, token: this.terminals_[symbol] || symbol, line: this.lexer.yylineno, loc: yyloc, expected });
+              }
+              if (recovering == 3) {
+                if (symbol == EOF) {
+                  throw new Error(errStr || "Parsing halted.");
+                }
+                yyleng = this.lexer.yyleng;
+                yytext = this.lexer.yytext;
+                yylineno = this.lexer.yylineno;
+                yyloc = this.lexer.yylloc;
+                symbol = lex();
+              }
+              while (1) {
+                if (TERROR.toString() in table2[state]) {
+                  break;
+                }
+                if (state == 0) {
+                  throw new Error(errStr || "Parsing halted.");
+                }
+                popStack(1);
+                state = stack[stack.length - 1];
+              }
+              preErrorSymbol = symbol;
+              symbol = TERROR;
+              state = stack[stack.length - 1];
+              action = table2[state] && table2[state][TERROR];
+              recovering = 3;
+            }
+            if (action[0] instanceof Array && action.length > 1) {
+              throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
+            }
+            switch (action[0]) {
+              case 1:
+                stack.push(symbol);
+                vstack.push(this.lexer.yytext);
+                lstack.push(this.lexer.yylloc);
+                stack.push(action[1]);
+                symbol = null;
+                if (!preErrorSymbol) {
+                  yyleng = this.lexer.yyleng;
+                  yytext = this.lexer.yytext;
+                  yylineno = this.lexer.yylineno;
+                  yyloc = this.lexer.yylloc;
+                  if (recovering > 0)
+                    recovering--;
+                } else {
+                  symbol = preErrorSymbol;
+                  preErrorSymbol = null;
+                }
+                break;
+              case 2:
+                len = this.productions_[action[1]][1];
+                yyval.$ = vstack[vstack.length - len];
+                yyval._$ = {
+                  first_line: lstack[lstack.length - (len || 1)].first_line,
+                  last_line: lstack[lstack.length - 1].last_line,
+                  first_column: lstack[lstack.length - (len || 1)].first_column,
+                  last_column: lstack[lstack.length - 1].last_column
+                };
+                r2 = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack);
+                if (typeof r2 !== "undefined") {
+                  return r2;
+                }
+                if (len) {
+                  stack = stack.slice(0, -1 * len * 2);
+                  vstack = vstack.slice(0, -1 * len);
+                  lstack = lstack.slice(0, -1 * len);
+                }
+                stack.push(this.productions_[action[1]][0]);
+                vstack.push(yyval.$);
+                lstack.push(yyval._$);
+                newState = table2[stack[stack.length - 2]][stack[stack.length - 1]];
+                stack.push(newState);
+                break;
+              case 3:
+                return true;
+            }
+          }
+          return true;
         }
-        event.preventDefault();
-        dispatch({
-          type: InputKeyDownEnter,
-          getItemNodeFromIndex
-        });
-      }
-    };
-  }, [dispatch, latest, getItemNodeFromIndex]);
-  var getLabelProps = useCallback(function(labelProps) {
-    return _extends$u({
-      id: elementIds.labelId,
-      htmlFor: elementIds.inputId
-    }, labelProps);
-  }, [elementIds]);
-  var getMenuProps = useCallback(function(_temp, _temp2) {
-    var _extends2;
-    var _ref = _temp === void 0 ? {} : _temp, onMouseLeave = _ref.onMouseLeave, _ref$refKey = _ref.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey, ref = _ref.ref, rest = _objectWithoutPropertiesLoose$2(_ref, _excluded$1);
-    var _ref2 = _temp2 === void 0 ? {} : _temp2, _ref2$suppressRefErro = _ref2.suppressRefError, suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
-    setGetterPropCallInfo("getMenuProps", suppressRefError, refKey, menuRef);
-    return _extends$u((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
-      menuRef.current = menuNode;
-    }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function() {
-      dispatch({
-        type: MenuMouseLeave
-      });
-    }), _extends2), rest);
-  }, [dispatch, setGetterPropCallInfo, elementIds]);
-  var getItemProps = useCallback(function(_temp3) {
-    var _extends3, _ref4;
-    var _ref3 = _temp3 === void 0 ? {} : _temp3, item = _ref3.item, index2 = _ref3.index, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, onMouseMove = _ref3.onMouseMove, onClick = _ref3.onClick;
-    _ref3.onPress;
-    var rest = _objectWithoutPropertiesLoose$2(_ref3, _excluded2$1);
-    var _latest$current = latest.current, latestProps = _latest$current.props, latestState = _latest$current.state;
-    var itemIndex = getItemIndex(index2, item, latestProps.items);
-    if (itemIndex < 0) {
-      throw new Error("Pass either item or item index in getItemProps!");
-    }
-    var onSelectKey = "onClick";
-    var customClickHandler = onClick;
-    var itemHandleMouseMove = function itemHandleMouseMove2() {
-      if (index2 === latestState.highlightedIndex) {
-        return;
-      }
-      shouldScrollRef.current = false;
-      dispatch({
-        type: ItemMouseMove,
-        index: index2
-      });
-    };
-    var itemHandleClick = function itemHandleClick2() {
-      dispatch({
-        type: ItemClick,
-        index: index2
-      });
-      if (inputRef.current) {
-        inputRef.current.focus();
-      }
-    };
-    return _extends$u((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
-      if (itemNode) {
-        itemRefs.current[elementIds.getItemId(itemIndex)] = itemNode;
-      }
-    }), _extends3.role = "option", _extends3["aria-selected"] = "" + (itemIndex === latestState.highlightedIndex), _extends3.id = elementIds.getItemId(itemIndex), _extends3), !rest.disabled && (_ref4 = {
-      onMouseMove: callAllEventHandlers(onMouseMove, itemHandleMouseMove)
-    }, _ref4[onSelectKey] = callAllEventHandlers(customClickHandler, itemHandleClick), _ref4), rest);
-  }, [dispatch, latest, shouldScrollRef, elementIds]);
-  var getToggleButtonProps = useCallback(function(_temp4) {
-    var _extends4;
-    var _ref5 = _temp4 === void 0 ? {} : _temp4, onClick = _ref5.onClick;
-    _ref5.onPress;
-    var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, rest = _objectWithoutPropertiesLoose$2(_ref5, _excluded3);
-    var toggleButtonHandleClick = function toggleButtonHandleClick2() {
-      dispatch({
-        type: ToggleButtonClick
-      });
-      if (!latest.current.state.isOpen && inputRef.current) {
-        inputRef.current.focus();
-      }
-    };
-    return _extends$u((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
-      toggleButtonRef.current = toggleButtonNode;
-    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$u({}, {
-      onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
-    }), rest);
-  }, [dispatch, latest, elementIds]);
-  var getInputProps = useCallback(function(_temp5, _temp6) {
-    var _extends5;
-    var _ref6 = _temp5 === void 0 ? {} : _temp5, onKeyDown = _ref6.onKeyDown, onChange = _ref6.onChange, onInput = _ref6.onInput, onBlur = _ref6.onBlur;
-    _ref6.onChangeText;
-    var _ref6$refKey = _ref6.refKey, refKey = _ref6$refKey === void 0 ? "ref" : _ref6$refKey, ref = _ref6.ref, rest = _objectWithoutPropertiesLoose$2(_ref6, _excluded4);
-    var _ref7 = _temp6 === void 0 ? {} : _temp6, _ref7$suppressRefErro = _ref7.suppressRefError, suppressRefError = _ref7$suppressRefErro === void 0 ? false : _ref7$suppressRefErro;
-    setGetterPropCallInfo("getInputProps", suppressRefError, refKey, inputRef);
-    var latestState = latest.current.state;
-    var inputHandleKeyDown = function inputHandleKeyDown2(event) {
-      var key = normalizeArrowKey(event);
-      if (key && inputKeyDownHandlers[key]) {
-        inputKeyDownHandlers[key](event);
-      }
-    };
-    var inputHandleChange = function inputHandleChange2(event) {
-      dispatch({
-        type: InputChange,
-        inputValue: event.target.value
-      });
-    };
-    var inputHandleBlur = function inputHandleBlur2() {
-      if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
-        dispatch({
-          type: InputBlur,
-          selectItem: true
-        });
+      };
+      var lexer = function() {
+        var lexer2 = {
+          EOF: 1,
+          parseError: function parseError(str, hash) {
+            if (this.yy.parseError) {
+              this.yy.parseError(str, hash);
+            } else {
+              throw new Error(str);
+            }
+          },
+          setInput: function(input) {
+            this._input = input;
+            this._more = this._less = this.done = false;
+            this.yylineno = this.yyleng = 0;
+            this.yytext = this.matched = this.match = "";
+            this.conditionStack = ["INITIAL"];
+            this.yylloc = { first_line: 1, first_column: 0, last_line: 1, last_column: 0 };
+            return this;
+          },
+          input: function() {
+            var ch = this._input[0];
+            this.yytext += ch;
+            this.yyleng++;
+            this.match += ch;
+            this.matched += ch;
+            var lines = ch.match(/\n/);
+            if (lines)
+              this.yylineno++;
+            this._input = this._input.slice(1);
+            return ch;
+          },
+          unput: function(ch) {
+            this._input = ch + this._input;
+            return this;
+          },
+          more: function() {
+            this._more = true;
+            return this;
+          },
+          pastInput: function() {
+            var past = this.matched.substr(0, this.matched.length - this.match.length);
+            return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
+          },
+          upcomingInput: function() {
+            var next2 = this.match;
+            if (next2.length < 20) {
+              next2 += this._input.substr(0, 20 - next2.length);
+            }
+            return (next2.substr(0, 20) + (next2.length > 20 ? "..." : "")).replace(/\n/g, "");
+          },
+          showPosition: function() {
+            var pre = this.pastInput();
+            var c6 = new Array(pre.length + 1).join("-");
+            return pre + this.upcomingInput() + "\n" + c6 + "^";
+          },
+          next: function() {
+            if (this.done) {
+              return this.EOF;
+            }
+            if (!this._input)
+              this.done = true;
+            var token2, match3, lines;
+            if (!this._more) {
+              this.yytext = "";
+              this.match = "";
+            }
+            var rules2 = this._currentRules();
+            for (var i2 = 0; i2 < rules2.length; i2++) {
+              match3 = this._input.match(this.rules[rules2[i2]]);
+              if (match3) {
+                lines = match3[0].match(/\n.*/g);
+                if (lines)
+                  this.yylineno += lines.length;
+                this.yylloc = {
+                  first_line: this.yylloc.last_line,
+                  last_line: this.yylineno + 1,
+                  first_column: this.yylloc.last_column,
+                  last_column: lines ? lines[lines.length - 1].length - 1 : this.yylloc.last_column + match3[0].length
+                };
+                this.yytext += match3[0];
+                this.match += match3[0];
+                this.matches = match3;
+                this.yyleng = this.yytext.length;
+                this._more = false;
+                this._input = this._input.slice(match3[0].length);
+                this.matched += match3[0];
+                token2 = this.performAction.call(this, this.yy, this, rules2[i2], this.conditionStack[this.conditionStack.length - 1]);
+                if (token2)
+                  return token2;
+                else
+                  return;
+              }
+            }
+            if (this._input === "") {
+              return this.EOF;
+            } else {
+              this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), { text: "", token: null, line: this.yylineno });
+            }
+          },
+          lex: function lex() {
+            var r2 = this.next();
+            if (typeof r2 !== "undefined") {
+              return r2;
+            } else {
+              return this.lex();
+            }
+          },
+          begin: function begin(condition) {
+            this.conditionStack.push(condition);
+          },
+          popState: function popState() {
+            return this.conditionStack.pop();
+          },
+          _currentRules: function _currentRules() {
+            return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
+          },
+          topState: function() {
+            return this.conditionStack[this.conditionStack.length - 2];
+          },
+          pushState: function begin(condition) {
+            this.begin(condition);
+          }
+        };
+        lexer2.performAction = function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
+          switch ($avoiding_name_collisions) {
+            case 0:
+              break;
+            case 1:
+              return 20;
+            case 2:
+              return 19;
+            case 3:
+              return 8;
+            case 4:
+              return 9;
+            case 5:
+              return 6;
+            case 6:
+              return 7;
+            case 7:
+              return 11;
+            case 8:
+              return 13;
+            case 9:
+              return 10;
+            case 10:
+              return 12;
+            case 11:
+              return 14;
+            case 12:
+              return 15;
+            case 13:
+              return 16;
+            case 14:
+              return 17;
+            case 15:
+              return 18;
+            case 16:
+              return 5;
+            case 17:
+              return "INVALID";
+          }
+        };
+        lexer2.rules = [/^\s+/, /^[0-9]+(\.[0-9]+)?\b/, /^n\b/, /^\|\|/, /^&&/, /^\?/, /^:/, /^<=/, /^>=/, /^</, /^>/, /^!=/, /^==/, /^%/, /^\(/, /^\)/, /^$/, /^./];
+        lexer2.conditions = { "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17], "inclusive": true } };
+        return lexer2;
+      }();
+      parser.lexer = lexer;
+      return parser;
+    }();
+    {
+      if (module.exports) {
+        exports = module.exports = Jed2;
       }
-    };
-    var onChangeKey = "onChange";
-    var eventHandlers = {};
-    if (!rest.disabled) {
-      var _eventHandlers;
-      eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers);
+      exports.Jed = Jed2;
     }
-    return _extends$u((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
-      inputRef.current = inputNode;
-    }), _extends5.id = elementIds.inputId, _extends5["aria-autocomplete"] = "list", _extends5["aria-controls"] = elementIds.menuId, _extends5), latestState.isOpen && latestState.highlightedIndex > -1 && {
-      "aria-activedescendant": elementIds.getItemId(latestState.highlightedIndex)
-    }, {
-      "aria-labelledby": elementIds.labelId,
-      autoComplete: "off",
-      value: latestState.inputValue
-    }, eventHandlers, rest);
-  }, [dispatch, inputKeyDownHandlers, latest, mouseAndTouchTrackersRef, setGetterPropCallInfo, elementIds]);
-  var getComboboxProps = useCallback(function(_temp7, _temp8) {
-    var _extends6;
-    var _ref8 = _temp7 === void 0 ? {} : _temp7, _ref8$refKey = _ref8.refKey, refKey = _ref8$refKey === void 0 ? "ref" : _ref8$refKey, ref = _ref8.ref, rest = _objectWithoutPropertiesLoose$2(_ref8, _excluded5);
-    var _ref9 = _temp8 === void 0 ? {} : _temp8, _ref9$suppressRefErro = _ref9.suppressRefError, suppressRefError = _ref9$suppressRefErro === void 0 ? false : _ref9$suppressRefErro;
-    setGetterPropCallInfo("getComboboxProps", suppressRefError, refKey, comboboxRef);
-    return _extends$u((_extends6 = {}, _extends6[refKey] = handleRefs(ref, function(comboboxNode) {
-      comboboxRef.current = comboboxNode;
-    }), _extends6.role = "combobox", _extends6["aria-haspopup"] = "listbox", _extends6["aria-owns"] = elementIds.menuId, _extends6["aria-expanded"] = latest.current.state.isOpen, _extends6), rest);
-  }, [latest, setGetterPropCallInfo, elementIds]);
-  var toggleMenu = useCallback(function() {
-    dispatch({
-      type: FunctionToggleMenu
-    });
-  }, [dispatch]);
-  var closeMenu = useCallback(function() {
-    dispatch({
-      type: FunctionCloseMenu
-    });
-  }, [dispatch]);
-  var openMenu = useCallback(function() {
-    dispatch({
-      type: FunctionOpenMenu
-    });
-  }, [dispatch]);
-  var setHighlightedIndex = useCallback(function(newHighlightedIndex) {
-    dispatch({
-      type: FunctionSetHighlightedIndex,
-      highlightedIndex: newHighlightedIndex
-    });
-  }, [dispatch]);
-  var selectItem = useCallback(function(newSelectedItem) {
-    dispatch({
-      type: FunctionSelectItem,
-      selectedItem: newSelectedItem
-    });
-  }, [dispatch]);
-  var setInputValue = useCallback(function(newInputValue) {
-    dispatch({
-      type: FunctionSetInputValue,
-      inputValue: newInputValue
-    });
-  }, [dispatch]);
-  var reset = useCallback(function() {
-    dispatch({
-      type: FunctionReset$1
-    });
-  }, [dispatch]);
+  })();
+})(jed, jed.exports);
+var Jed = jed.exports;
+const fetcher = (url) => fetch(url).then((r2) => r2.json());
+function messageFormat(string, replacements) {
+  return string.replace(/\{(\d+)\}/g, function() {
+    return replacements[arguments[1]];
+  });
+}
+function useI18n() {
+  const { i18nFeed } = useSelector((state) => state.headerInfo);
+  const userLanguage = useSelector((state) => state.userLanguage);
+  const { data: data2, error } = index(i18nFeed && userLanguage ? messageFormat(i18nFeed, [userLanguage]) : null, fetcher);
   return {
-    getItemProps,
-    getLabelProps,
-    getMenuProps,
-    getInputProps,
-    getComboboxProps,
-    getToggleButtonProps,
-    toggleMenu,
-    openMenu,
-    closeMenu,
-    setHighlightedIndex,
-    setInputValue,
-    selectItem,
-    reset,
-    highlightedIndex,
-    isOpen,
-    selectedItem,
-    inputValue
+    i18n: new Jed({
+      locale_data: data2 || {
+        messages: {
+          "": {}
+        }
+      }
+    }),
+    error
   };
 }
-function getA11yRemovalMessage(selectionParameters) {
-  var removedSelectedItem = selectionParameters.removedSelectedItem, itemToStringLocal = selectionParameters.itemToString;
-  return itemToStringLocal(removedSelectedItem) + " has been removed.";
-}
-({
-  selectedItems: PropTypes.array,
-  initialSelectedItems: PropTypes.array,
-  defaultSelectedItems: PropTypes.array,
-  itemToString: PropTypes.func,
-  getA11yRemovalMessage: PropTypes.func,
-  stateReducer: PropTypes.func,
-  activeIndex: PropTypes.number,
-  initialActiveIndex: PropTypes.number,
-  defaultActiveIndex: PropTypes.number,
-  onActiveIndexChange: PropTypes.func,
-  onSelectedItemsChange: PropTypes.func,
-  keyNavigationNext: PropTypes.string,
-  keyNavigationPrevious: PropTypes.string,
-  environment: PropTypes.shape({
-    addEventListener: PropTypes.func,
-    removeEventListener: PropTypes.func,
-    document: PropTypes.shape({
-      getElementById: PropTypes.func,
-      activeElement: PropTypes.any,
-      body: PropTypes.any
-    })
-  })
-});
-({
-  itemToString: defaultProps$3.itemToString,
-  stateReducer: defaultProps$3.stateReducer,
-  environment: defaultProps$3.environment,
-  getA11yRemovalMessage,
-  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;
@@ -31416,6 +31477,7 @@ function getHotelInfoFromHotelFinderHotel(hotel) {
     guideId
   };
 }
+const noMatchHotel = ["0_0"];
 function HotelFinder(props) {
   const {
     hotels,
@@ -31424,10 +31486,16 @@ function HotelFinder(props) {
     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,
-    isMobileOrTablet
+    subMenus
   } = useSelector((state) => state.headerInfo);
   const dispatch = useDispatch();
   const subMenuOpen = subMenus.find((id2) => id2 === subMenuItem);
@@ -31438,7 +31506,8 @@ function HotelFinder(props) {
     getInputProps,
     getComboboxProps,
     highlightedIndex,
-    getItemProps
+    getItemProps,
+    closeMenu
   } = useCombobox({
     items: inputHotels,
     itemToString: itemToString2,
@@ -31449,30 +31518,43 @@ function HotelFinder(props) {
       selectedItem
     }) => {
       unstable_batchedUpdates(() => {
-        dispatch(setSelectedHotel(selectedItem));
+        if (selectedItem !== noMatchHotel) {
+          dispatch(setSelectedHotel(selectedItem));
+        }
         dispatch(removeSubMenu(subMenuItem));
       });
       if (typeof handleHotelChange === "function") {
-        handleHotelChange(getHotelInfoFromHotelFinderHotel(selectedItem));
+        if (selectedItem !== noMatchHotel) {
+          handleHotelChange(getHotelInfoFromHotelFinderHotel(selectedItem));
+        }
       }
+      document.querySelector("#hd-property-input").blur();
     },
     onInputValueChange: ({
       inputValue
     }) => {
       const inputValueLC = inputValue.toLowerCase();
-      setInputHotels(hotels.filter((hotel) => {
-        const hotelNameLC = itemToString2(hotel).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
     }),
-    style: isMobileOrTablet ? {
-      top: 50
-    } : {},
     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
       children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
         id: "hd-property-search",
@@ -31482,78 +31564,114 @@ function HotelFinder(props) {
           children: "Select property"
         }, void 0, false, {
           fileName: _jsxFileName$9,
-          lineNumber: 89,
+          lineNumber: 117,
           columnNumber: 11
         }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues({
           id: "hd-property-input-container"
         }, getComboboxProps()), {
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("input", __spreadValues({
+          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",
-            placeholder: "hotel name"
-          }, getInputProps()), void 0, false, {
+            value: ctrlInputValue,
+            onBlur: (e2) => {
+              const {
+                name
+              } = getHotelInfoFromHotelFinderHotel(selectedHotel);
+              if (e2.target.value !== name) {
+                setCtrlInputValue(name);
+              }
+            }
+          }), void 0, false, {
             fileName: _jsxFileName$9,
-            lineNumber: 96,
+            lineNumber: 124,
             columnNumber: 13
           }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
-            style: {
-              listStyle: "none",
-              marginBottom: 0
-            }
+            className: "mb-0 px-3 list-unstyled shadow"
           }, getMenuProps()), {
             children: isOpen && inputHotels.map((hotel, index2) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadProps(__spreadValues({
-              style: highlightedIndex === index2 ? {
-                backgroundColor: "#bde4ff"
-              } : {}
+              className: "py-3 py-lg-2"
             }, getItemProps({
               hotel,
               index: index2
             })), {
-              children: hotel[0]
+              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: 112,
+              lineNumber: 151,
               columnNumber: 19
             }, this))
           }), void 0, false, {
             fileName: _jsxFileName$9,
-            lineNumber: 103,
+            lineNumber: 148,
             columnNumber: 13
           }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Search, {
             className: "hd-icon hd-icon-search"
           }, void 0, false, {
             fileName: _jsxFileName$9,
-            lineNumber: 125,
+            lineNumber: 170,
             columnNumber: 13
           }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(commonThin.Close, {
             className: "hd-icon hd-icon-close",
             onClick: () => {
-              console.log("clicked");
+              setCtrlInputValue("");
+              closeMenu();
+            },
+            onMouseDown: (e2) => {
+              e2.preventDefault();
             }
           }, void 0, false, {
             fileName: _jsxFileName$9,
-            lineNumber: 126,
+            lineNumber: 171,
             columnNumber: 13
           }, this)]
         }), void 0, true, {
           fileName: _jsxFileName$9,
-          lineNumber: 95,
+          lineNumber: 123,
           columnNumber: 11
         }, this)]
       }, void 0, true, {
         fileName: _jsxFileName$9,
-        lineNumber: 88,
+        lineNumber: 116,
         columnNumber: 9
       }, this)
     }, void 0, false, {
       fileName: _jsxFileName$9,
-      lineNumber: 87,
+      lineNumber: 115,
       columnNumber: 7
     }, this)
   }, void 0, false, {
     fileName: _jsxFileName$9,
-    lineNumber: 72,
+    lineNumber: 101,
     columnNumber: 5
   }, this);
 }
@@ -31577,6 +31695,7 @@ function PropertySelector(props) {
   const [
     subMenuItem
   ] = useState("Select property");
+  const [displayName, setDisplayName] = useState("");
   const userInfo = useSelector((state) => state.userInfo);
   const {
     isOpen,
@@ -31640,6 +31759,16 @@ function PropertySelector(props) {
       }
     })();
   }, [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",
@@ -31662,10 +31791,10 @@ function PropertySelector(props) {
             children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
               className: "ps-lg-3 py-3 py-lg-0 d-block",
               id: "hd-group-name",
-              children: userInfo.group
+              children: displayName
             }, void 0, false, {
               fileName: _jsxFileName$8,
-              lineNumber: 85,
+              lineNumber: 95,
               columnNumber: 19
             }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
               className: "row me-0 d-lg-none align-items-center",
@@ -31676,7 +31805,7 @@ function PropertySelector(props) {
                   children: subMenuItem
                 }, void 0, false, {
                   fileName: _jsxFileName$8,
-                  lineNumber: 94,
+                  lineNumber: 103,
                   columnNumber: 23
                 }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
                   className: "d-block",
@@ -31684,12 +31813,12 @@ function PropertySelector(props) {
                   children: selectedHotel && selectedHotel[0] || defaultHotel && defaultHotel[0]
                 }, void 0, false, {
                   fileName: _jsxFileName$8,
-                  lineNumber: 95,
+                  lineNumber: 104,
                   columnNumber: 23
                 }, this)]
               }, void 0, true, {
                 fileName: _jsxFileName$8,
-                lineNumber: 93,
+                lineNumber: 102,
                 columnNumber: 21
               }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
                 className: "col-auto p-2 d-block",
@@ -31697,24 +31826,24 @@ function PropertySelector(props) {
                   className: "hd-icon hd-icon-arrow-angle-right"
                 }, void 0, false, {
                   fileName: _jsxFileName$8,
-                  lineNumber: 101,
+                  lineNumber: 110,
                   columnNumber: 23
                 }, this)
               }, void 0, false, {
                 fileName: _jsxFileName$8,
-                lineNumber: 100,
+                lineNumber: 109,
                 columnNumber: 21
               }, this)]
             }, void 0, true, {
               fileName: _jsxFileName$8,
-              lineNumber: 92,
+              lineNumber: 101,
               columnNumber: 19
             }, this)]
           }, void 0, true, {
             fileName: _jsxFileName$8,
-            lineNumber: 81,
+            lineNumber: 91,
             columnNumber: 17
-          }, this), hotelFinderHotels.length > 0 && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HotelFinder, {
+          }, this), userInfo.group && hotelFinderHotels.length > 1 && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HotelFinder, {
             hotels: hotelFinderHotels,
             defaultHotel,
             selectedHotel,
@@ -31722,27 +31851,27 @@ function PropertySelector(props) {
             subMenuItem
           }, void 0, false, {
             fileName: _jsxFileName$8,
-            lineNumber: 106,
+            lineNumber: 115,
             columnNumber: 19
           }, this)]
         }, void 0, true, {
           fileName: _jsxFileName$8,
-          lineNumber: 80,
+          lineNumber: 90,
           columnNumber: 15
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$8,
-        lineNumber: 74,
+        lineNumber: 84,
         columnNumber: 13
       }, this)
     }, void 0, false, {
       fileName: _jsxFileName$8,
-      lineNumber: 70,
+      lineNumber: 80,
       columnNumber: 11
     }, this)
   }, void 0, false, {
     fileName: _jsxFileName$8,
-    lineNumber: 65,
+    lineNumber: 75,
     columnNumber: 9
   }, this));
 }
@@ -31800,8 +31929,7 @@ function UserManager() {
     i18n
   } = useI18n();
   const {
-    subMenus,
-    isMobileOrTablet
+    subMenus
   } = useSelector((state) => state.headerInfo);
   const {
     user
@@ -31900,9 +32028,6 @@ function UserManager() {
       className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
         "hd-submenu-opened": subMenuOpen
       }),
-      style: isMobileOrTablet ? {
-        top: 50
-      } : {},
       children: children.map(({
         href,
         label: lbl
@@ -31919,22 +32044,22 @@ function UserManager() {
               children: i18n.translate(lbl).fetch()
             }, void 0, false, {
               fileName: _jsxFileName$6,
-              lineNumber: 55,
+              lineNumber: 54,
               columnNumber: 17
             }, this)
           }, void 0, false, {
             fileName: _jsxFileName$6,
-            lineNumber: 54,
+            lineNumber: 53,
             columnNumber: 15
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$6,
-          lineNumber: 53,
+          lineNumber: 52,
           columnNumber: 13
         }, this)
       }, nanoid(), false, {
         fileName: _jsxFileName$6,
-        lineNumber: 52,
+        lineNumber: 51,
         columnNumber: 11
       }, this))
     }, void 0, false, {
@@ -31960,8 +32085,7 @@ function UserLanguage(props) {
     languageSelector
   } = useSelector((state) => state.titleBar);
   const {
-    subMenus,
-    isMobileOrTablet
+    subMenus
   } = useSelector((state) => state.headerInfo);
   const dispatch = useDispatch();
   useEffect(() => {
@@ -32068,9 +32192,6 @@ function UserLanguage(props) {
       className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
         "hd-submenu-opened": subMenuOpen
       }),
-      style: isMobileOrTablet ? {
-        top: 50
-      } : {},
       children: languageObjs.map(({
         code,
         name
@@ -32096,22 +32217,22 @@ function UserLanguage(props) {
               children: name
             }, code, false, {
               fileName: _jsxFileName$5,
-              lineNumber: 89,
+              lineNumber: 88,
               columnNumber: 17
             }, this)
           }, void 0, false, {
             fileName: _jsxFileName$5,
-            lineNumber: 88,
+            lineNumber: 87,
             columnNumber: 15
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$5,
-          lineNumber: 87,
+          lineNumber: 86,
           columnNumber: 13
         }, this)
       }, nanoid(), false, {
         fileName: _jsxFileName$5,
-        lineNumber: 86,
+        lineNumber: 85,
         columnNumber: 11
       }, this))
     }, void 0, false, {
@@ -32231,6 +32352,7 @@ function TitleBar(props) {
   });
   return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
     className: "container-xxl",
+    id: "hd-top-container",
     children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
       className: "row align-items-center pb-lg-2",
       id: "hd-header-container",
@@ -32250,10 +32372,6 @@ function TitleBar(props) {
         fileName: _jsxFileName$3,
         lineNumber: 32,
         columnNumber: 9
-      }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Extranet, {}, void 0, false, {
-        fileName: _jsxFileName$3,
-        lineNumber: 33,
-        columnNumber: 9
       }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(PropertySelector, {
         handleHotelChange
       }, void 0, false, {
@@ -33687,8 +33805,7 @@ function Row(props) {
   } = useI18n();
   const {
     isOpen: headerIsOpen,
-    subMenus,
-    isMobileOrTablet
+    subMenus
   } = useSelector((state) => state.headerInfo);
   const {
     items
@@ -33714,27 +33831,27 @@ function Row(props) {
                 className: "hd-icon hd-icon-lock"
               }, void 0, false, {
                 fileName: _jsxFileName$2,
-                lineNumber: 52,
+                lineNumber: 50,
                 columnNumber: 17
               }, this)
             }, void 0, false, {
               fileName: _jsxFileName$2,
-              lineNumber: 51,
+              lineNumber: 49,
               columnNumber: 15
             }, this)]
           }, void 0, true, {
             fileName: _jsxFileName$2,
-            lineNumber: 49,
+            lineNumber: 47,
             columnNumber: 13
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 48,
+          lineNumber: 46,
           columnNumber: 11
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 47,
+        lineNumber: 45,
         columnNumber: 9
       }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
         className: cn("py-3", "list-unstyled", {
@@ -33754,22 +33871,22 @@ function Row(props) {
                   className: "hd-icon hd-icon-lock"
                 }, void 0, false, {
                   fileName: _jsxFileName$2,
-                  lineNumber: 69,
+                  lineNumber: 67,
                   columnNumber: 19
                 }, this)
               }, void 0, false, {
                 fileName: _jsxFileName$2,
-                lineNumber: 68,
+                lineNumber: 66,
                 columnNumber: 17
               }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("p", {
                 children: ["This premium functionality has not been activated.", /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("br", {}, void 0, false, {
                   fileName: _jsxFileName$2,
-                  lineNumber: 73,
+                  lineNumber: 71,
                   columnNumber: 19
                 }, this), "Please contact us to activate this feature."]
               }, void 0, true, {
                 fileName: _jsxFileName$2,
-                lineNumber: 71,
+                lineNumber: 69,
                 columnNumber: 17
               }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("a", {
                 className: "btn btn-sm btn-outline-primary",
@@ -33778,32 +33895,32 @@ function Row(props) {
                 children: "Learn more"
               }, void 0, false, {
                 fileName: _jsxFileName$2,
-                lineNumber: 76,
+                lineNumber: 74,
                 columnNumber: 17
               }, this)]
             }, void 0, true, {
               fileName: _jsxFileName$2,
-              lineNumber: 67,
+              lineNumber: 65,
               columnNumber: 15
             }, this)
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 66,
+            lineNumber: 64,
             columnNumber: 13
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 65,
+          lineNumber: 63,
           columnNumber: 11
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 57,
+        lineNumber: 55,
         columnNumber: 9
       }, this)]
     }, void 0, true, {
       fileName: _jsxFileName$2,
-      lineNumber: 41,
+      lineNumber: 39,
       columnNumber: 7
     }, this);
   }
@@ -33828,19 +33945,19 @@ function Row(props) {
             children: i18n.translate(label).fetch()
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 103,
+            lineNumber: 101,
             columnNumber: 15
           }, this) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
             className: "ps-lg-3 pe-3 py-2",
             children: i18n.translate(label).fetch()
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 113,
+            lineNumber: 111,
             columnNumber: 15
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 101,
+          lineNumber: 99,
           columnNumber: 11
         }, this), hasChildren && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
           className: "col-auto p-2 d-block d-lg-none",
@@ -33848,34 +33965,31 @@ function Row(props) {
             className: "hd-icon hd-icon-arrow-angle-right"
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 120,
+            lineNumber: 118,
             columnNumber: 15
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 119,
+          lineNumber: 117,
           columnNumber: 13
         }, this)]
       }, void 0, true, {
         fileName: _jsxFileName$2,
-        lineNumber: 100,
+        lineNumber: 98,
         columnNumber: 9
       }, this), hasChildren && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
         className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
           "hd-submenu-opened": subMenuOpen
         }),
-        style: isMobileOrTablet ? {
-          top: 50
-        } : {},
         children
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 125,
+        lineNumber: 123,
         columnNumber: 11
       }, this)]
     }, void 0, true, {
       fileName: _jsxFileName$2,
-      lineNumber: 92,
+      lineNumber: 90,
       columnNumber: 7
     }, this);
   }
@@ -33890,17 +34004,17 @@ function Row(props) {
             children: i18n.translate(group).fetch()
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 143,
+            lineNumber: 140,
             columnNumber: 15
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 142,
+          lineNumber: 139,
           columnNumber: 13
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 141,
+        lineNumber: 138,
         columnNumber: 11
       }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
         onClick: () => {
@@ -33921,19 +34035,19 @@ function Row(props) {
               children: i18n.translate(label).fetch()
             }, void 0, false, {
               fileName: _jsxFileName$2,
-              lineNumber: 159,
+              lineNumber: 156,
               columnNumber: 17
             }, this) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
               className: "px-lg-3 py-2 d-block",
               children: i18n.translate(label).fetch()
             }, void 0, false, {
               fileName: _jsxFileName$2,
-              lineNumber: 169,
+              lineNumber: 166,
               columnNumber: 17
             }, this)
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 157,
+            lineNumber: 154,
             columnNumber: 13
           }, this), hasChildren && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
             className: "col-auto px-0",
@@ -33943,36 +34057,36 @@ function Row(props) {
                 className: "hd-icon hd-icon-arrow-angle-right"
               }, void 0, false, {
                 fileName: _jsxFileName$2,
-                lineNumber: 177,
+                lineNumber: 174,
                 columnNumber: 19
               }, this)
             }, void 0, false, {
               fileName: _jsxFileName$2,
-              lineNumber: 176,
+              lineNumber: 173,
               columnNumber: 17
             }, this)
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 175,
+            lineNumber: 172,
             columnNumber: 15
           }, this)]
         }, void 0, true, {
           fileName: _jsxFileName$2,
-          lineNumber: 156,
+          lineNumber: 153,
           columnNumber: 11
         }, this), hasChildren && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
-          className: cn("ps-3", "ps-lg-0", "list-unstyled", "hd-nav-third-level", {
+          className: cn("py-3", "ps-3", "ps-lg-0", "list-unstyled", "hd-nav-third-level", {
             "hd-submenu-opened": subMenuOpen
           }),
           children
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 183,
+          lineNumber: 180,
           columnNumber: 13
         }, this)]
       }, void 0, true, {
         fileName: _jsxFileName$2,
-        lineNumber: 149,
+        lineNumber: 146,
         columnNumber: 9
       }, this)]
     }, void 0, true);
@@ -33992,22 +34106,22 @@ function Row(props) {
             children: i18n.translate(label).fetch()
           }, void 0, false, {
             fileName: _jsxFileName$2,
-            lineNumber: 206,
+            lineNumber: 204,
             columnNumber: 13
           }, this)
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 205,
+          lineNumber: 203,
           columnNumber: 11
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 204,
+        lineNumber: 202,
         columnNumber: 9
       }, this)
     }, void 0, false, {
       fileName: _jsxFileName$2,
-      lineNumber: 203,
+      lineNumber: 201,
       columnNumber: 7
     }, this);
   }
@@ -34066,12 +34180,12 @@ function MenuItem(props) {
         level: level + 1
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 267,
+        lineNumber: 265,
         columnNumber: 9
       }, this)
     }, item.id, false, {
       fileName: _jsxFileName$2,
-      lineNumber: 259,
+      lineNumber: 257,
       columnNumber: 7
     }, this);
   });
@@ -34160,22 +34274,22 @@ function MenuBar() {
           menuItems: items
         }, void 0, false, {
           fileName: _jsxFileName$2,
-          lineNumber: 343,
+          lineNumber: 341,
           columnNumber: 15
         }, this)
       }, void 0, false, {
         fileName: _jsxFileName$2,
-        lineNumber: 339,
+        lineNumber: 337,
         columnNumber: 13
       }, this)
     }, void 0, false, {
       fileName: _jsxFileName$2,
-      lineNumber: 338,
+      lineNumber: 336,
       columnNumber: 11
     }, this)
   }, void 0, false, {
     fileName: _jsxFileName$2,
-    lineNumber: 333,
+    lineNumber: 331,
     columnNumber: 9
   }, this));
 }
@@ -34260,6 +34374,9 @@ function Header(props) {
     subMenus,
     isMobileOrTablet
   } = useSelector((state) => state.headerInfo);
+  const {
+    showNotifications
+  } = useSelector((state) => state.notifications);
   const headerRef = useRef(null);
   const dispatch = useDispatch();
   useEffect(() => {
@@ -34316,32 +34433,34 @@ function Header(props) {
         "hd-menu-opened": headerIsOpen,
         "hd-overflow-hidden": subMenus.length > 0
       }),
-      style: __spreadProps(__spreadValues({}, isMobileOrTablet && !headerIsOpen && {
+      style: __spreadProps(__spreadValues(__spreadValues({}, isMobileOrTablet && !headerIsOpen && {
         overflow: "hidden"
+      }), showNotifications && {
+        overflow: "visible"
       }), {
         maxWidth: "none"
       }),
       children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TitleBar, __spreadValues({}, props), void 0, false, {
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 90,
         columnNumber: 9
       }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuBar, {}, void 0, false, {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 91,
         columnNumber: 9
       }, this)]
     }, void 0, true, {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 7
     }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Breadcrumb, {}, void 0, false, {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 93,
       columnNumber: 7
     }, this)]
   }, void 0, true, {
     fileName: _jsxFileName,
-    lineNumber: 75,
+    lineNumber: 76,
     columnNumber: 5
   }, this);
 }
@@ -34364,7 +34483,7 @@ const Wrapped = withReduxProvider(Header);
 function renderHeader(element, props) {
   render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Wrapped, __spreadValues({}, props), void 0, false, {
     fileName: _jsxFileName,
-    lineNumber: 116,
+    lineNumber: 118,
     columnNumber: 10
   }, this), element);
 }