@entur-partner/common 9.3.2 → 9.3.3-alpha.1

package/dist/common.cjs.development.js

@@ -3,65 +3,80 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var util = require('@entur-partner/util');
 var cx = require('classnames');
-var typography = require('@entur/typography');
-var icons = require('@entur/icons');
-var button = require('@entur/button');
+var menu = require('@entur/menu');
 var reactRouterDom = require('react-router-dom');
-var dropdown = require('@entur/dropdown');
-var form = require('@entur/form');
-var util = require('@entur-partner/util');
-var expand = require('@entur/expand');
-var alert = require('@entur/alert');
+var button = require('@entur/button');
 var modal = require('@entur/modal');
-var menu = require('@entur/menu');
+var typography = require('@entur/typography');
+var alert = require('@entur/alert');
+var expand = require('@entur/expand');
+var form = require('@entur/form');
 var reactHelmetAsync = require('react-helmet-async');
+var dropdown = require('@entur/dropdown');
+var icons = require('@entur/icons');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var ActionBarLeft = function ActionBarLeft(_ref) {
+  var children = _ref.children;
+  return React.createElement("div", {
+    className: "eps-action-bar-left"
+  }, children);
+};
+var ActionBarRight = function ActionBarRight(_ref2) {
+  var children = _ref2.children;
+  return React.createElement("div", {
+    className: "eps-action-bar-right"
+  }, children);
+};
+var ActionBar = function ActionBar(_ref3) {
+  var children = _ref3.children;
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "eps-action-bar-padding"
+  }), React.createElement("div", {
+    className: "eps-action-bar"
+  }, children));
+};
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
 }
 
-var _excluded$e = ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "alignItems", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"];
+var _excluded$e = ["date", "locale", "as", "hideTime"];
+var FormatDateTime = function FormatDateTime(_ref) {
+  var date = _ref.date,
+    locale = _ref.locale,
+    _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? "main" : _ref$as,
+    hideTime = _ref.hideTime,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+  return React.createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
+};
+
+var _excluded$d = ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "alignItems", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"];
 function responsiveProp(prefix, prop) {
   if (Array.isArray(prop)) {
     var classes = [];
@@ -74,7 +89,7 @@ function responsiveProp(prefix, prop) {
 }
 var Box = function Box(_ref) {
   var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'div' : _ref$as,
+    Component = _ref$as === void 0 ? "div" : _ref$as,
     children = _ref.children,
     contrast = _ref.contrast,
     paddingTop = _ref.paddingTop,
@@ -101,7 +116,7 @@ var Box = function Box(_ref) {
     flexDirection = _ref.flexDirection,
     flexWrap = _ref.flexWrap,
     className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var classes = [];
   var resolvedPaddingTop = paddingTop || paddingY || padding;
   var resolvedPaddingBottom = paddingBottom || paddingY || padding;
@@ -111,114 +126,153 @@ var Box = function Box(_ref) {
   var resolvedMarginBottom = marginBottom || marginY || margin;
   var resolvedMarginLeft = marginLeft || marginX || margin;
   var resolvedMarginRight = marginRight || marginX || margin;
-  contrast && classes.push('eds-contrast');
-  resolvedPaddingTop && classes.push.apply(classes, responsiveProp('eps-pt-', resolvedPaddingTop));
-  resolvedPaddingBottom && classes.push.apply(classes, responsiveProp('eps-pb-', resolvedPaddingBottom));
-  resolvedPaddingLeft && classes.push.apply(classes, responsiveProp('eps-pl-', resolvedPaddingLeft));
-  resolvedPaddingRight && classes.push.apply(classes, responsiveProp('eps-pr-', resolvedPaddingRight));
-  resolvedMarginTop && classes.push.apply(classes, responsiveProp('eps-mt-', resolvedMarginTop));
-  resolvedMarginBottom && classes.push.apply(classes, responsiveProp('eps-mb-', resolvedMarginBottom));
-  resolvedMarginLeft && classes.push.apply(classes, responsiveProp('eps-ml-', resolvedMarginLeft));
-  resolvedMarginRight && classes.push.apply(classes, responsiveProp('eps-mr-', resolvedMarginRight));
-  display && classes.push.apply(classes, responsiveProp('eps-', display));
-  justifyContent && classes.push.apply(classes, responsiveProp('eps-justify-', justifyContent));
+  contrast && classes.push("eds-contrast");
+  resolvedPaddingTop && classes.push.apply(classes, responsiveProp("eps-pt-", resolvedPaddingTop));
+  resolvedPaddingBottom && classes.push.apply(classes, responsiveProp("eps-pb-", resolvedPaddingBottom));
+  resolvedPaddingLeft && classes.push.apply(classes, responsiveProp("eps-pl-", resolvedPaddingLeft));
+  resolvedPaddingRight && classes.push.apply(classes, responsiveProp("eps-pr-", resolvedPaddingRight));
+  resolvedMarginTop && classes.push.apply(classes, responsiveProp("eps-mt-", resolvedMarginTop));
+  resolvedMarginBottom && classes.push.apply(classes, responsiveProp("eps-mb-", resolvedMarginBottom));
+  resolvedMarginLeft && classes.push.apply(classes, responsiveProp("eps-ml-", resolvedMarginLeft));
+  resolvedMarginRight && classes.push.apply(classes, responsiveProp("eps-mr-", resolvedMarginRight));
+  display && classes.push.apply(classes, responsiveProp("eps-", display));
+  justifyContent && classes.push.apply(classes, responsiveProp("eps-justify-", justifyContent));
   if (alignItems) {
-    classes.push.apply(classes, responsiveProp('eps-items-', alignItems));
+    classes.push.apply(classes, responsiveProp("eps-items-", alignItems));
   }
-  maxWidth && classes.push.apply(classes, responsiveProp('eps-max-w-', maxWidth));
-  width && classes.push.apply(classes, responsiveProp('eps-w-', width));
+  maxWidth && classes.push.apply(classes, responsiveProp("eps-max-w-", maxWidth));
+  width && classes.push.apply(classes, responsiveProp("eps-w-", width));
   color && classes.push("eps-color-" + color);
   background && classes.push("eps-bg-" + background);
-  flexDirection && classes.push.apply(classes, responsiveProp('eps-flex-', flexDirection));
-  flexWrap && classes.push.apply(classes, responsiveProp('eps-flex-wrap-', flexWrap));
-  var classList = cx__default["default"](classes, className);
-  return React__default["default"].createElement(Component, _extends({
+  flexDirection && classes.push.apply(classes, responsiveProp("eps-flex-", flexDirection));
+  flexWrap && classes.push.apply(classes, responsiveProp("eps-flex-wrap-", flexWrap));
+  var classList = cx(classes, className);
+  return React.createElement(Component, _extends({
     className: classList
   }, rest), children);
 };
 
+/** biome-ignore-all lint/suspicious/noArrayIndexKey: Ignore for now. Should be tested properly before doing changes */
 var Stack = function Stack(_ref) {
   var children = _ref.children,
     space = _ref.space,
     className = _ref.className;
   var stackItems = React.Children.toArray(children);
   if (stackItems.length <= 1) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, stackItems);
+    return React.createElement(React.Fragment, null, stackItems);
   }
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: className
   }, stackItems.map(function (child, index) {
-    return index === stackItems.length - 1 ? React__default["default"].createElement("div", {
+    return index === stackItems.length - 1 ? React.createElement("div", {
       key: index
-    }, child) : React__default["default"].createElement(Box, {
+    }, child) : React.createElement(Box, {
       paddingBottom: space,
       key: index
     }, child);
   }));
 };
 
-var ActionBarLeft = function ActionBarLeft(_ref) {
-  var children = _ref.children;
-  return React__default["default"].createElement("div", {
-    className: "eps-action-bar-left"
-  }, children);
-};
-var ActionBarRight = function ActionBarRight(_ref2) {
-  var children = _ref2.children;
-  return React__default["default"].createElement("div", {
-    className: "eps-action-bar-right"
-  }, children);
+var _excluded$c = ["items", "locale", "className"];
+var AuditInfo = function AuditInfo(_ref) {
+  var items = _ref.items,
+    locale = _ref.locale,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+  var classNames = cx("ep-audit-info", className);
+  return React.createElement("div", _extends({
+    className: classNames
+  }, rest), items.map(function (_ref2) {
+    var label = _ref2.label,
+      value = _ref2.value;
+    return React.createElement(Stack, {
+      space: "small",
+      key: value.toString()
+    }, React.createElement("div", {
+      className: "ep-audit-info-label"
+    }, label), React.createElement("div", null, util.isDate(value) || util.isDateString(value) ? React.createElement(FormatDateTime, {
+      date: value,
+      locale: locale
+    }) : React.createElement("span", null, value)));
+  }));
 };
-var ActionBar = function ActionBar(_ref3) {
-  var children = _ref3.children;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
-    className: "eps-action-bar-padding"
-  }), React__default["default"].createElement("div", {
-    className: "eps-action-bar"
-  }, children));
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var prependBreadcrumbItem = _ref.prependBreadcrumbItem,
+    pathname = _ref.pathname,
+    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
+  var paths = util.splitUrlPath(pathname);
+  var breadcrumbs = paths.map(function (path) {
+    return {
+      title: onBreadcrumbLookup(path),
+      path: path
+    };
+  }).filter(function (_ref2) {
+    var title = _ref2.title;
+    return title !== undefined;
+  });
+  var breadcrumbElements = breadcrumbs.map(function (_ref3, i) {
+    var title = _ref3.title,
+      path = _ref3.path;
+    var isLast = i === breadcrumbs.length - 1;
+    if (isLast) {
+      return React.createElement(menu.BreadcrumbItem, {
+        key: path,
+        as: "span"
+      }, title);
+    }
+    return React.createElement(menu.BreadcrumbItem, {
+      key: path,
+      as: reactRouterDom.Link,
+      to: path
+    }, title);
+  });
+  if (prependBreadcrumbItem) {
+    return React.createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
+  }
+  return React.createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
 };
 
-var _excluded$d = ["children", "className"];
-var LinkButton = function LinkButton(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
-  return React__default["default"].createElement(typography.Link, _extends({}, rest, {
-    as: "button",
-    className: cx__default["default"]('eps-link-button', className)
-  }), children);
+var _excluded$b = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
+var ConfirmModal = function ConfirmModal(_ref) {
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    children = _ref.children,
+    message = _ref.message,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    buttons = _ref.buttons,
+    onConfirm = _ref.onConfirm,
+    messages = _ref.messages,
+    onClose = _ref.onClose,
+    onDismiss = _ref.onDismiss,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+  var childrenToRender = children ? children : message;
+  var handleDismiss = onClose ? onClose : onDismiss;
+  return React.createElement(modal.Modal, _extends({
+    size: size,
+    open: isOpen,
+    onDismiss: handleDismiss
+  }, rest), util.isString(childrenToRender) ? React.createElement(typography.Paragraph, null, childrenToRender) : React.createElement(Box, {
+    paddingBottom: "medium"
+  }, childrenToRender), React.createElement(button.ButtonGroup, null, onConfirm ? React.createElement(React.Fragment, null, React.createElement(button.SecondaryButton, {
+    onClick: handleDismiss,
+    "data-testid": "cancel-modal-button"
+  }, messages.cancel), React.createElement(button.PrimaryButton, {
+    onClick: onConfirm,
+    "data-testid": "confirm-modal-button"
+  }, messages.confirm)) : buttons));
 };
 
-/// <reference types="vite/client" />
-/**
- * Returns true if the provided flag exist in localStorage
- * or is set as an environment variable.
- *
- * @param flag case sensitive flag. If it is an environment variable
- * you can drop the VITE_APP_ prefix.
- */
-function featureFlag(flag) {
-  var _window$localStorage, _window$localStorage2;
-  return undefined["VITE_APP_" + flag] === 'true' || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === 'true' || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("VITE_APP_" + flag)) === 'true';
-}
-/**
- * Returns true if the provided flag exist in localStorage
- * or is set as an environment variable.
- *
- * @param flag case sensitive flag. If it is an environment variable
- * you can drop the VITE_APP_ prefix.
- */
-function useFeatureToggle(flag) {
-  return featureFlag(flag);
-}
-var FeatureToggle = function FeatureToggle(_ref) {
-  var children = _ref.children,
-    flag = _ref.flag;
-  var feature = useFeatureToggle(flag);
-  if (feature) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
-  }
-  return null;
+var Content = function Content(_ref) {
+  var _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? "main" : _ref$as,
+    className = _ref.className,
+    children = _ref.children;
+  var classList = cx(["eps-content", className]);
+  return React.createElement(Component, {
+    className: classList
+  }, children);
 };
 
 var _environmentColors, _humanReadableEnviron;
@@ -229,432 +283,133 @@ exports.Environment = void 0;
   Environment["Staging"] = "staging";
   Environment["Production"] = "prod";
 })(exports.Environment || (exports.Environment = {}));
-var environmentColors = (_environmentColors = {}, _environmentColors[exports.Environment.Local] = '#B482FB', _environmentColors[exports.Environment.Development] = '#5AC39A', _environmentColors[exports.Environment.Staging] = '#FFCA28', _environmentColors);
-/**
- * Gets the color for the given environment. This is the color used for the environment
- * indicator. There is no color for production as it should not have any special environment
- * indication.
+var environmentColors = (_environmentColors = {}, _environmentColors[exports.Environment.Local] = "#B482FB", _environmentColors[exports.Environment.Development] = "#5AC39A", _environmentColors[exports.Environment.Staging] = "#FFCA28", _environmentColors);
+/**
+ * Gets the color for the given environment. This is the color used for the environment
+ * indicator. There is no color for production as it should not have any special environment
+ * indication.
  */
 var getColorForEnvironment = function getColorForEnvironment(environment) {
   return environmentColors[environment];
 };
-var humanReadableEnvironment = (_humanReadableEnviron = {}, _humanReadableEnviron[exports.Environment.Local] = 'Local', _humanReadableEnviron[exports.Environment.Development] = 'Dev', _humanReadableEnviron[exports.Environment.Staging] = 'Staging', _humanReadableEnviron[exports.Environment.Production] = 'Prod', _humanReadableEnviron);
+var humanReadableEnvironment = (_humanReadableEnviron = {}, _humanReadableEnviron[exports.Environment.Local] = "Local", _humanReadableEnviron[exports.Environment.Development] = "Dev", _humanReadableEnviron[exports.Environment.Staging] = "Staging", _humanReadableEnviron[exports.Environment.Production] = "Prod", _humanReadableEnviron);
 var getHumanReadableEnvironment = function getHumanReadableEnvironment(environment) {
   return humanReadableEnvironment[environment];
 };
 
-var _excluded$c = ["title", "accentColor"];
+var _excluded$a = ["title", "accentColor"];
 var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
   var title = _ref.title,
     _ref$accentColor = _ref.accentColor,
-    accentColor = _ref$accentColor === void 0 ? '#FF5959' : _ref$accentColor,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  return React__default["default"].createElement("svg", _extends({
+    accentColor = _ref$accentColor === void 0 ? "#FF5959" : _ref$accentColor,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+  return React.createElement("svg", _extends({
     width: 257,
     height: 37,
     viewBox: "0 0 257 37"
-  }, rest), React__default["default"].createElement("title", null, title), React__default["default"].createElement("g", {
+  }, rest), React.createElement("title", null, title), React.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     fill: "#FFF",
     d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
-  }), React__default["default"].createElement("path", {
+  }), React.createElement("path", {
     fill: accentColor,
     d: "M0 36.408h45.253v-4.32H0z"
-  }), React__default["default"].createElement("path", {
+  }), React.createElement("path", {
     fill: "#FFF",
     d: "M40.384.231v15.425L23.656.231h-.521V25.72h4.869V10.573L44.732 25.72h.521V.23zM69.25 15.238h-7.267v21.17h-4.87v-21.17H49.81V10.92h19.44zM83.863 36.86c-1.646 0-3.142-.255-4.486-.765-1.345-.51-2.493-1.23-3.443-2.159-.95-.928-1.687-2.054-2.208-3.378-.522-1.323-.783-2.797-.783-4.422V10.92h4.869v15.216c0 1.277.209 2.333.626 3.169.417.836.933 1.497 1.548 1.985a5.346 5.346 0 001.982 1.01c.707.186 1.339.278 1.895.278.557 0 1.188-.092 1.896-.279a5.35 5.35 0 001.982-1.01c.614-.487 1.13-1.148 1.548-1.984.417-.836.625-1.892.625-3.169V10.92h4.87v15.216c0 1.625-.256 3.1-.766 4.422-.51 1.324-1.24 2.45-2.19 3.378-.952.929-2.1 1.648-3.444 2.159-1.344.51-2.851.766-4.52.766M104.21 24.047h5.546c1.016 0 1.854-.127 2.513-.383.658-.255 1.179-.592 1.56-1.01.381-.418.641-.888.78-1.41.138-.522.208-1.05.208-1.584 0-.627-.099-1.207-.295-1.741a3.718 3.718 0 00-.901-1.393c-.405-.394-.924-.708-1.56-.94-.636-.232-1.404-.348-2.305-.348h-5.546v8.81zm0 4.248v8.113h-4.87V10.92h11.567c1.3 0 2.49.215 3.57.644 1.08.43 2.004 1.033 2.77 1.81a8.287 8.287 0 011.794 2.787c.43 1.079.645 2.257.645 3.534 0 .952-.128 1.874-.383 2.768-.256.894-.61 1.7-1.063 2.42a7.32 7.32 0 01-1.672 1.863 5.929 5.929 0 01-2.178 1.096l6.339 8.566h-5.808l-5.893-8.113h-4.818z"
-  }), React__default["default"].createElement("g", {
+  }), React.createElement("g", {
     fill: accentColor
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     d: "M141.051 23.448h5.628c4.185 0 5.989-1.984 5.989-4.942 0-2.742-1.515-4.618-5.989-4.618h-5.628v9.56zm0 3.067v9.776h-3.571V10.75h9.632c6.674 0 9.127 3.211 9.127 7.54 0 4.979-3.102 8.226-9.2 8.226h-5.988zM169.695 28.715c-1.371-.288-2.958-.505-4.401-.505-2.85 0-4.041 1.263-4.041 3.139s1.407 2.706 3.463 2.706c2.49 0 4.979-1.443 4.979-4.221v-1.119zm-4.293-2.958c1.551 0 3.174.253 4.293.469v-.83c0-2.525-1.154-3.896-4.33-3.896-2.164 0-3.824.866-4.942 2.092l-2.02-2.272c1.732-1.66 3.644-2.598 7.07-2.598 5.052 0 7.469 1.876 7.469 7.215v10.354h-3.211V34.02h-.108c-1.082 1.767-3.211 2.705-5.592 2.705-3.32 0-6.241-1.66-6.241-5.303 0-3.103 1.912-5.664 7.612-5.664zM178.965 19.191h3.211v2.886h.108c.938-1.984 2.922-3.355 5.231-3.355.47 0 .938.036 1.335.144l-.144 3.14a6.77 6.77 0 00-1.552-.181c-3.246 0-4.798 2.633-4.798 5.483v8.983h-3.39v-17.1zM199.961 36.291h-1.912c-4.004 0-5.988-.938-5.988-5.772v-8.55h-2.778V19.19h2.778v-4.654h3.355v4.654h4.473v2.778h-4.473v7.973c0 3.427 1.587 3.535 3.319 3.535h1.226v2.814zM219.767 36.291h-3.391V26.84c0-2.778-1.083-5.375-4.257-5.375-3.14 0-5.268 2.597-5.268 6.169v8.658h-3.391v-17.1h3.32v2.814h.143c.794-1.623 3.067-3.283 5.99-3.283 4.941 0 6.854 3.644 6.854 8.081v9.488zM227.847 26.262h10.57c0-2.597-2.272-4.726-5.087-4.726-2.922 0-5.014 1.948-5.483 4.726zm-.036 2.453c.397 3.355 2.633 5.195 5.844 5.195 2.778 0 4.618-1.623 5.484-2.67l2.164 1.804c-1.37 1.913-4.365 3.716-8.045 3.716-4.942 0-8.73-3.535-8.73-8.55 0-5.195 3.752-9.488 8.983-9.488 5.303 0 8.009 4.365 8.009 8.19 0 .649-.036 1.226-.072 1.803H227.81zM246.245 19.191h3.21v2.886h.109c.938-1.984 2.922-3.355 5.231-3.355.469 0 .938.036 1.335.144l-.145 3.14a6.77 6.77 0 00-1.551-.181c-3.247 0-4.798 2.633-4.798 5.483v8.983h-3.391v-17.1z"
   }))));
 };
 var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
   var _ref2$as = _ref2.as,
-    Component = _ref2$as === void 0 ? 'nav' : _ref2$as,
+    Component = _ref2$as === void 0 ? "nav" : _ref2$as,
     className = _ref2.className,
     altText = _ref2.altText,
     environment = _ref2.environment;
-  var classList = cx__default["default"](['eps-logo-wrapper', className]);
-  return React__default["default"].createElement(Component, {
+  var classList = cx(["eps-logo-wrapper", className]);
+  return React.createElement(Component, {
     className: classList
-  }, React__default["default"].createElement(EnturPartnerLogoSvg, {
+  }, React.createElement(EnturPartnerLogoSvg, {
     title: altText,
     className: "logo",
     accentColor: environment !== undefined && environment !== exports.Environment.Production ? getColorForEnvironment(environment) : undefined
   }));
 };
 
-var Menu = function Menu(_ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'nav' : _ref$as,
-    className = _ref.className,
-    children = _ref.children;
-  var classList = cx__default["default"](['eds-contrast', 'eps-menu', className]);
-  return React__default["default"].createElement(Component, {
-    className: classList
-  }, children);
-};
-
-var Content = function Content(_ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'main' : _ref$as,
-    className = _ref.className,
-    children = _ref.children;
-  var classList = cx__default["default"](['eps-content', className]);
-  return React__default["default"].createElement(Component, {
-    className: classList
-  }, children);
-};
-
-function useOutsideClick(ref, buttonRef, handler) {
-  React__default["default"].useEffect(function () {
-    var listener = function listener(event) {
-      if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
-        return;
-      }
-      handler();
-    };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
+var newAppVersionErrorMessage = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.";
+var ErrorBoundary = /*#__PURE__*/function (_Component) {
+  function ErrorBoundary(props) {
+    var _this;
+    _this = _Component.call(this, props) || this;
+    _this.state = {
+      error: null
     };
-  }, [ref, buttonRef, handler]);
-}
-function elementContainsEventTarget(element, event) {
-  if (!element) {
-    return false;
-  }
-  if (element.contains(event.target)) {
-    return true;
+    return _this;
   }
-  // For elements inside a Shadow DOM we need to check the composedPath
-  if (event.composed && event.composedPath) {
-    var contains = event.composedPath().find(function (target) {
-      if (target === window) {
-        return false;
+  _inheritsLoose(ErrorBoundary, _Component);
+  ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
+    return {
+      error: error
+    };
+  };
+  var _proto = ErrorBoundary.prototype;
+  _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
+    var _this$props$handleErr, _this$props;
+    // React always logs in development
+    (_this$props$handleErr = (_this$props = this.props).handleError) == null || _this$props$handleErr.call(_this$props, error, errorInfo);
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    var error = this.state.error;
+    var _this$props2 = this.props,
+      fallback = _this$props2.fallback,
+      children = _this$props2.children;
+    if (error) {
+      if (util.isFunction(fallback)) {
+        return fallback({
+          retry: function retry() {
+            return _this2.setState({
+              error: null
+            });
+          },
+          error: error
+        });
+      } else if (error.name === "NotFoundError" && error.message === newAppVersionErrorMessage) {
+        return React.createElement(RefreshBannerInfo, null);
       }
-      return element.contains(target);
-    });
-    return !!contains;
-  }
-  return false;
+      return fallback;
+    }
+    return children;
+  };
+  return ErrorBoundary;
+}(React.Component);
+var LANGUAGE_STORAGE_KEY = "EP::locale";
+function RefreshBannerInfo() {
+  // Taken from ./app-shell/src/storage.ts
+  var language = localStorage.getItem(LANGUAGE_STORAGE_KEY);
+  var isNorwegian = language === "nb" || language === "nb-NO";
+  return React.createElement(Box, {
+    maxWidth: "large"
+  }, React.createElement(alert.BannerAlertBox, {
+    variant: "info",
+    title: isNorwegian ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available."
+  }, React.createElement(Box, {
+    paddingBottom: "medium"
+  }, React.createElement(typography.Paragraph, {
+    margin: "none"
+  }, isNorwegian ? "Vennligst oppdater." : "Please refresh.")), React.createElement(button.PrimaryButton, {
+    onClick: function onClick() {
+      return window.location.reload();
+    }
+  }, isNorwegian ? "Oppdater" : "Refresh")));
 }
 
-var _excluded$b = ["className", "children", "userName", "open", "onOpenChange", "environment"];
-var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    userName = _ref.userName,
-    open = _ref.open,
-    onOpenChange = _ref.onOpenChange,
-    environment = _ref.environment,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-  var overflowItemsClasses = cx__default["default"]('eps-overflow-menu__group', {
-    'eps-overflow-menu__group--open': open
-  });
-  var overflowContentRef = React__default["default"].useRef(null);
-  var overflowMenuTriggerRef = React__default["default"].useRef(null);
-  useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
-    return onOpenChange(false);
-  });
-  return React__default["default"].createElement("div", null, React__default["default"].createElement(button.SecondaryButton, _extends({
-    className: cx__default["default"]('eps-overflow-menu__button', className),
-    onClick: function onClick() {
-      return onOpenChange(open ? false : true);
-    },
-    "aria-haspopup": true,
-    role: "button",
-    "aria-expanded": open,
-    ref: overflowMenuTriggerRef
-  }, rest), React__default["default"].createElement("div", {
-    className: "eps-overflow-menu__button-contents"
-  }, React__default["default"].createElement("span", {
-    className: "eds-overflow-menu__user-icon"
-  }, React__default["default"].createElement(icons.UserIcon, {
-    inline: true
-  })), React__default["default"].createElement(typography.Heading6, {
-    margin: "none",
-    as: "span"
-  }, userName, environment !== undefined && environment !== exports.Environment.Production && React__default["default"].createElement("span", {
-    style: {
-      color: getColorForEnvironment(environment)
-    }
-  }, ' ', "(", getHumanReadableEnvironment(environment), ")")), React__default["default"].createElement("span", {
-    className: "eps-arrow-icon"
-  }, React__default["default"].createElement(icons.DownArrowIcon, {
-    inline: true
-  })))), open && React__default["default"].createElement("div", {
-    className: overflowItemsClasses,
-    role: "menu",
-    ref: overflowContentRef
-  }, children));
-};
-
-var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
-  return React__default["default"].createElement("button", _extends({
-    className: cx__default["default"](props.className, 'eps-overflow-menu__item'),
-    role: "menuitem"
-  }, props));
-};
-
-var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
-  var language = _ref.language,
-    onLanguageChange = _ref.onLanguageChange,
-    setOpen = _ref.setOpen,
-    name = _ref.name;
-  var useB47LanguageKey = useFeatureToggle('USE_BCP-47_LANGUAGE_KEY');
-  var norwegianLanguageKey = useB47LanguageKey ? 'nb-NO' : 'nb';
-  var englishLanguageKey = useB47LanguageKey ? 'en-GB' : 'en';
-  return React__default["default"].createElement(React__default["default"].Fragment, null, language === englishLanguageKey ? React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLanguageChange(norwegianLanguageKey);
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.NorwayIcon, {
-    size: "1rem",
-    inline: true
-  })), name) : React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLanguageChange(englishLanguageKey);
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.UKIcon, {
-    size: "1rem",
-    inline: true
-  })), name));
-};
-
-var VersionMenuItem = function VersionMenuItem(_ref) {
-  var title = _ref.title,
-    setOpen = _ref.setOpen;
-  var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      navigate('/app-version');
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.ChannelsIcon, {
-    className: "eps-version-icon",
-    size: "1rem",
-    inline: true
-  })), title);
-};
-
-var UserMenuItem = function UserMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
-  return React__default["default"].createElement(reactRouterDom.Link, {
-    to: "/permission-admin/my-profile",
-    style: {
-      textDecoration: 'none'
-    }
-  }, React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      setOpen(false);
-      onNavigateToMyProfile();
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.UserIcon, {
-    size: "1rem",
-    inline: true
-  })), name));
-};
-
-var LogOutMenuItem = function LogOutMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onLogout = _ref.onLogout;
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLogout();
-      setOpen(false);
-    },
-    "data-testid": "user-menu-logout",
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.LogOutIcon, {
-    size: "1rem",
-    inline: true
-  })), name);
-};
-
-var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onCookieSettingsOpen = _ref.onCookieSettingsOpen;
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onCookieSettingsOpen();
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.CookieIcon, {
-    size: "1rem",
-    inline: true
-  })), name);
-};
-
-var UserMenu = function UserMenu(_ref) {
-  var className = _ref.className,
-    messages = _ref.messages,
-    onLogout = _ref.onLogout,
-    onLanguageChange = _ref.onLanguageChange,
-    userName = _ref.userName,
-    language = _ref.language,
-    environment = _ref.environment,
-    showVersionItem = _ref.showVersionItem,
-    showMyProfileItem = _ref.showMyProfileItem,
-    showCookieSettingsItem = _ref.showCookieSettingsItem,
-    onNavigateToMyProfile = _ref.onNavigateToMyProfile,
-    _ref$onCookieSettings = _ref.onCookieSettingsOpen,
-    onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
-  var triggerClassList = cx__default["default"](['eps-user-menu__trigger-button', className]);
-  var _useState = React.useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  return React__default["default"].createElement("div", {
-    id: "eps-user-menu"
-  }, React__default["default"].createElement(CustomOverflowMenu, {
-    open: open,
-    onOpenChange: setOpen,
-    className: triggerClassList,
-    userName: userName,
-    environment: environment
-  }, React__default["default"].createElement("div", {
-    id: "eps-overflow-menu"
-  }, React__default["default"].createElement(LanguageSwitchMenuItem, {
-    name: messages.switchLanguage,
-    language: language,
-    onLanguageChange: onLanguageChange,
-    setOpen: setOpen
-  }), showVersionItem && messages.appVersion && React__default["default"].createElement(VersionMenuItem, {
-    title: messages.appVersion,
-    setOpen: setOpen
-  }), showMyProfileItem && messages.myProfile && React__default["default"].createElement(UserMenuItem, {
-    name: messages.myProfile,
-    setOpen: setOpen,
-    onNavigateToMyProfile: onNavigateToMyProfile
-  }), showCookieSettingsItem && messages.cookieSettings && React__default["default"].createElement(CookieSettingsMenuItem, {
-    name: messages.cookieSettings,
-    setOpen: setOpen,
-    onCookieSettingsOpen: onCookieSettingsOpen
-  }), React__default["default"].createElement(LogOutMenuItem, {
-    name: messages.logout,
-    setOpen: setOpen,
-    onLogout: onLogout
-  }))));
-};
-
-var _excluded$a = ["label", "organisations", "onChange", "selectedOrganisationId"];
-var OrganisationDropDown = function OrganisationDropDown(_ref) {
-  var label = _ref.label,
-    organisations = _ref.organisations,
-    handleChange = _ref.onChange,
-    selectedOrganisationId = _ref.selectedOrganisationId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  var _useState = React.useState(),
-    selectedOrganisation = _useState[0],
-    setSelectedOrganisation = _useState[1];
-  React.useEffect(function () {
-    setSelectedOrganisation(organisations.find(function (org) {
-      return org.organisationId === selectedOrganisationId;
-    }));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedOrganisationId]);
-  return React__default["default"].createElement(dropdown.SearchableDropdown, _extends({
-    label: label,
-    items: [].concat(organisations.sort(function (a, b) {
-      return a.tradingName.localeCompare(b.tradingName, 'nb');
-    }).map(function (organisation) {
-      return {
-        value: organisation.organisationId,
-        label: organisation.tradingName
-      };
-    })),
-    selectedItem: selectedOrganisation ? {
-      value: selectedOrganisation.organisationId,
-      label: selectedOrganisation.tradingName
-    } : null,
-    onChange: function onChange(selectedValue) {
-      if (selectedValue) {
-        handleChange(selectedValue.value);
-      }
-    },
-    clearable: false
-  }, rest));
-};
-
-/*global EventListener WindowEventHandlers*/
-function useEventListener(eventName, handler, element) {
-  if (element === void 0) {
-    element = window;
-  }
-  var savedHandler = React.useRef();
-  React.useEffect(function () {
-    savedHandler.current = handler;
-  }, [handler]);
-  React.useEffect(function () {
-    var isSupported = element && element.addEventListener;
-    if (!isSupported) return;
-    var eventListener = function eventListener(event) {
-      return savedHandler.current == null ? void 0 : savedHandler.current(event);
-    };
-    element.addEventListener(eventName, eventListener);
-    return function () {
-      element.removeEventListener(eventName, eventListener);
-    };
-  }, [eventName, element]);
-}
-
-var _excluded$9 = ["language", "options", "className", "onChange"];
-var LanguageSelect = function LanguageSelect(_ref) {
-  var language = _ref.language,
-    options = _ref.options,
-    className = _ref.className,
-    _onChange = _ref.onChange,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
-  var classNames = cx__default["default"]('eps-language-select', className);
-  return React__default["default"].createElement("div", _extends({}, rest, {
-    className: classNames
-  }), React__default["default"].createElement(form.SegmentedControl, {
-    onChange: function onChange(language) {
-      util.assertIsDefined(language);
-      _onChange(language);
-    },
-    selectedValue: language
-  }, options.map(function (option) {
-    return React__default["default"].createElement(form.SegmentedChoice, {
-      key: option.value,
-      value: option.value
-    }, option.label, option.required && React__default["default"].createElement("span", {
-      className: "asterisk-margin"
-    }, '*'));
-  })));
-};
-
-var _excluded$8 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
+var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
 var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   var title = _ref.title,
     InputComponent = _ref.inputComponent,
@@ -664,69 +419,197 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
     name = _ref.name,
     variant = _ref.variant,
     feedback = _ref.feedback,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var handleOnChange = function handleOnChange(language, value) {
     var changes = _extends({}, values);
-    if (value === '' || !value) {
+    if (value === "" || !value) {
       delete changes[language];
     } else {
       changes[language] = value;
     }
     onChange(changes);
   };
-  return React__default["default"].createElement(expand.ExpandablePanel, {
+  return React.createElement(expand.ExpandablePanel, {
     title: title,
     defaultOpen: true,
     contentStyle: {
-      padding: '4px 4px 4px 4px',
-      marginTop: '16px',
-      marginBottom: '16px'
+      padding: "4px 4px 4px 4px",
+      marginTop: "16px",
+      marginBottom: "16px"
     }
-  }, React__default["default"].createElement(Stack, {
+  }, React.createElement(Stack, {
     space: "medium"
   }, languages.map(function (_ref2) {
     var langKey = _ref2.value,
       label = _ref2.label,
       required = _ref2.required;
-    return React__default["default"].createElement(InputComponent, _extends({
+    return React.createElement(InputComponent, _extends({
       "data-testid": "multi-lang-input-" + name + "-" + langKey,
       key: title + langKey,
-      label: required ? label + '*' : label,
-      variant: variant && variant(langKey),
-      feedback: feedback && feedback(langKey),
+      label: required ? label + "*" : label,
+      variant: variant == null ? void 0 : variant(langKey),
+      feedback: feedback == null ? void 0 : feedback(langKey),
       name: name,
       onChange: function onChange(e) {
         handleOnChange(langKey, e.target.value);
       },
-      value: values[langKey] || ''
+      value: values[langKey] || ""
     }, rest));
   })));
 };
 
-var _excluded$7 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
-/**
- * @deprecated use ExpandableMultiLanguageInput
+/// <reference types="vite/client" />
+/**
+ * Returns true if the provided flag exist in localStorage
+ * or is set as an environment variable.
+ *
+ * @param flag case sensitive flag. If it is an environment variable
+ * you can drop the VITE_APP_ prefix.
  */
-var MultiLanguageInput = function MultiLanguageInput(_ref) {
-  var className = _ref.className,
-    InputComponent = _ref.inputComponent,
-    alertLabel = _ref.alertLabel,
-    alertLevel = _ref.alertLevel,
-    name = _ref.name,
-    languages = _ref.languages,
-    values = _ref.values,
-    onChange = _ref.onChange,
-    _ref$defaultLanguage = _ref.defaultLanguage,
-    defaultLanguage = _ref$defaultLanguage === void 0 ? 'nob' : _ref$defaultLanguage,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+function featureFlag(flag) {
+  var _window$localStorage, _window$localStorage2;
+  return undefined["VITE_APP_" + flag] === "true" || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === "true" || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("VITE_APP_" + flag)) === "true";
+}
+/**
+ * Returns true if the provided flag exist in localStorage
+ * or is set as an environment variable.
+ *
+ * @param flag case sensitive flag. If it is an environment variable
+ * you can drop the VITE_APP_ prefix.
+ */
+function useFeatureToggle(flag) {
+  return featureFlag(flag);
+}
+var FeatureToggle = function FeatureToggle(_ref) {
+  var children = _ref.children,
+    flag = _ref.flag;
+  var feature = useFeatureToggle(flag);
+  if (feature) {
+    return React.createElement(React.Fragment, null, children);
+  }
+  return null;
+};
+
+var _excluded$8 = ["amount", "as"];
+var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
+  var amount = _ref.amount,
+    _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? "span" : _ref$as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+  var parsedAmount = Number(amount) || 0;
+  var formattedAmount = new Intl.NumberFormat("nb-NO", {
+    maximumFractionDigits: 2,
+    minimumFractionDigits: 2
+  }).format(parsedAmount);
+  return React.createElement(Component, _extends({}, rest), formattedAmount);
+};
+
+var _excluded$7 = ["language", "options", "className", "onChange"];
+var LanguageSelect = function LanguageSelect(_ref) {
+  var language = _ref.language,
+    options = _ref.options,
+    className = _ref.className,
+    _onChange = _ref.onChange,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+  var classNames = cx("eps-language-select", className);
+  return React.createElement("div", _extends({}, rest, {
+    className: classNames
+  }), React.createElement(form.SegmentedControl, {
+    onChange: function onChange(language) {
+      util.assertIsDefined(language);
+      _onChange(language);
+    },
+    selectedValue: language
+  }, options.map(function (option) {
+    return React.createElement(form.SegmentedChoice, {
+      key: option.value,
+      value: option.value
+    }, option.label, option.required && React.createElement("span", {
+      className: "asterisk-margin"
+    }, "*"));
+  })));
+};
+
+/**
+ * @deprecated Won't work with React 19, because of react-helmet-async
+ * This component changes page title by using helmet and current path. It will translate subpaths, join them with a dash
+ * and display it on browser tab.
+ *
+ * @param Props.pathname - The current path from react-router-dom.useLocation()
+ * @param Props.onBreadcrumbLookup - A function that takes a path and returns a i18n translated string or undefined
+ * @returns A Helmet component with updated title
+ */
+var LegacyPageTitle = function LegacyPageTitle(_ref) {
+  var pathname = _ref.pathname,
+    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
+  var paths = util.splitUrlPath(pathname);
+  var pageTitles = paths.map(function (path) {
+    return {
+      title: onBreadcrumbLookup(path),
+      path: path
+    };
+  }).filter(function (_ref2) {
+    var title = _ref2.title;
+    return title !== undefined;
+  }).map(function (_ref3) {
+    var title = _ref3.title;
+    return title;
+  }).reverse().join(" | ");
+  return React.createElement(reactHelmetAsync.Helmet, null, React.createElement("title", null, pageTitles, " | Entur Partner"));
+};
+
+var Link = function Link(props) {
+  return React.createElement(typography.Link, _extends({}, props, {
+    as: reactRouterDom.Link
+  }), props.children);
+};
+
+var _excluded$6 = ["children", "className"];
+var LinkButton = function LinkButton(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  return React.createElement(typography.Link, _extends({}, rest, {
+    as: "button",
+    className: cx("eps-link-button", className)
+  }), children);
+};
+
+var Menu = function Menu(_ref) {
+  var _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? "nav" : _ref$as,
+    className = _ref.className,
+    children = _ref.children;
+  var classList = cx(["eds-contrast", "eps-menu", className]);
+  return React.createElement(Component, {
+    className: classList
+  }, children);
+};
+
+var _excluded$5 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
+/**
+ * @deprecated use ExpandableMultiLanguageInput
+ */
+var MultiLanguageInput = function MultiLanguageInput(_ref) {
+  var className = _ref.className,
+    InputComponent = _ref.inputComponent,
+    alertLabel = _ref.alertLabel,
+    alertLevel = _ref.alertLevel,
+    name = _ref.name,
+    languages = _ref.languages,
+    values = _ref.values,
+    onChange = _ref.onChange,
+    _ref$defaultLanguage = _ref.defaultLanguage,
+    defaultLanguage = _ref$defaultLanguage === void 0 ? "nob" : _ref$defaultLanguage,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var _useState = React.useState(defaultLanguage),
     language = _useState[0],
     setLanguage = _useState[1];
-  var classNames = cx__default["default"]('multi-language-input', className);
+  var classNames = cx("multi-language-input", className);
   var currentValue = values[language];
   var handleOnBlur = function handleOnBlur(e) {
     e.persist();
@@ -742,376 +625,500 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   };
   var handleOnChange = function handleOnChange(value) {
     var changes = Object.assign({}, values);
-    if (value === '' || !value) {
+    if (value === "" || !value) {
       delete changes[language];
     } else {
       changes[language] = value;
     }
     onChange(changes);
   };
-  return React__default["default"].createElement("div", {
-    className: classNames,
-    tabIndex: 0,
-    onBlur: handleOnBlur,
-    "data-testid": "multi-lang-input-" + name
-  }, React__default["default"].createElement(Stack, {
-    space: "extraSmall"
-  }, React__default["default"].createElement(LanguageSelect, {
-    language: language,
-    options: languages,
-    onChange: function onChange(lang) {
-      return handleLanguageChange(lang);
-    }
-  }), React__default["default"].createElement(InputComponent, _extends({
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Legacy component
+    React.createElement("div", {
+      className: classNames,
+      // biome-ignore lint/a11y/noNoninteractiveTabindex: Legacy component
+      tabIndex: 0,
+      onBlur: handleOnBlur,
+      "data-testid": "multi-lang-input-" + name
+    }, React.createElement(Stack, {
+      space: "extraSmall"
+    }, React.createElement(LanguageSelect, {
+      language: language,
+      options: languages,
+      onChange: function onChange(lang) {
+        return handleLanguageChange(lang);
+      }
+    }), React.createElement(InputComponent, _extends({
+      label: label,
+      variant: alertLevel,
+      feedback: alertLabel,
+      name: name,
+      className: "language-item",
+      onChange: function onChange(e) {
+        return handleOnChange(e.target.value);
+      },
+      value: currentValue || ""
+    }, rest))))
+  );
+};
+
+var _excluded$4 = ["label", "organisations", "onChange", "selectedOrganisationId"];
+var OrganisationDropDown = function OrganisationDropDown(_ref) {
+  var label = _ref.label,
+    organisations = _ref.organisations,
+    handleChange = _ref.onChange,
+    selectedOrganisationId = _ref.selectedOrganisationId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  var _useState = React.useState(),
+    selectedOrganisation = _useState[0],
+    setSelectedOrganisation = _useState[1];
+  React.useEffect(function () {
+    setSelectedOrganisation(organisations.find(function (org) {
+      return org.organisationId === selectedOrganisationId;
+    }));
+  }, [selectedOrganisationId, organisations]);
+  return React.createElement(dropdown.SearchableDropdown, _extends({
     label: label,
-    variant: alertLevel,
-    feedback: alertLabel,
-    name: name,
-    className: "language-item",
-    onChange: function onChange(e) {
-      return handleOnChange(e.target.value);
+    items: [].concat(organisations.sort(function (a, b) {
+      return a.tradingName.localeCompare(b.tradingName, "nb");
+    }).map(function (organisation) {
+      return {
+        value: organisation.organisationId,
+        label: organisation.tradingName
+      };
+    })),
+    selectedItem: selectedOrganisation ? {
+      value: selectedOrganisation.organisationId,
+      label: selectedOrganisation.tradingName
+    } : null,
+    onChange: function onChange(selectedValue) {
+      if (selectedValue) {
+        handleChange(selectedValue.value);
+      }
     },
-    value: currentValue || ''
-  }, rest))));
+    clearable: false
+  }, rest));
 };
 
-var _excluded$6 = ["children", "className"];
+var Pager = function Pager(_ref) {
+  var collectionSize = _ref.collectionSize,
+    pageSize = _ref.pageSize,
+    _onPageChange = _ref.onPageChange,
+    currentPage = _ref.currentPage;
+  var pageCount = Math.ceil(collectionSize / pageSize);
+  return React.createElement(menu.Pagination, {
+    pageCount: pageCount,
+    currentPage: currentPage,
+    onPageChange: function onPageChange(page) {
+      _onPageChange(page);
+    }
+  });
+};
+
+var PageTitle = function PageTitle(_ref) {
+  var pathname = _ref.pathname,
+    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
+  var paths = util.splitUrlPath(pathname);
+  var pageTitles = paths.map(function (path) {
+    return {
+      title: onBreadcrumbLookup(path),
+      path: path
+    };
+  }).filter(function (_ref2) {
+    var title = _ref2.title;
+    return title !== undefined;
+  }).map(function (_ref3) {
+    var title = _ref3.title;
+    return title;
+  }).reverse().join(" | ");
+  React.useEffect(function () {
+    document.title = pageTitles + " | Entur Partner";
+  }, [pageTitles]);
+  return null;
+};
+
+/**
+ * Note: This component uses BusinessCapability, not because we only want to
+ * check BusinessCapabilities but because it represents a minimal subset of
+ * what we need to check.
+ */
+var PermissionCheck = function PermissionCheck(_ref) {
+  var children = _ref.children,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? null : _ref$fallback,
+    permissions = _ref.permissions,
+    _ref$oneOf = _ref.oneOf,
+    oneOf = _ref$oneOf === void 0 ? [] : _ref$oneOf,
+    _ref$all = _ref.all,
+    all = _ref$all === void 0 ? [] : _ref$all;
+  var allIsAllowed = util.hasAllPermissions(all, permissions);
+  var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
+  var allowed = allIsAllowed && oneOfIsAllowed;
+  return React.createElement(React.Fragment, null, allowed ? children : fallback);
+};
+
+var _excluded$3 = ["children", "shouldBlockNavigation"];
+var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
+  var children = _ref.children,
+    shouldBlockNavigation = _ref.shouldBlockNavigation,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  util.assertIsDefined(reactRouterDom.useInRouterContext() ? true : undefined, "RouteLeavingGuard must be used within a data router.");
+  var blocker = reactRouterDom.useBlocker(function (_ref2) {
+    var currentLocation = _ref2.currentLocation,
+      nextLocation = _ref2.nextLocation;
+    return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
+  });
+  return React.createElement(ConfirmModal, _extends({
+    onDismiss: function onDismiss() {
+      if (blocker.state === "blocked") {
+        blocker.reset();
+      }
+    },
+    open: blocker.state === "blocked",
+    onConfirm: function onConfirm() {
+      if (blocker.state === "blocked") {
+        blocker.proceed();
+      }
+    }
+  }, rest), children);
+};
+
+var StatusLabel = function StatusLabel(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    aggressiveInactive = _ref.aggressiveInactive,
+    showBullet = _ref.showBullet,
+    center = _ref.center;
+  var bulletClassNames = cx("eps-status-label__bullet", {
+    active: active,
+    aggressive: aggressiveInactive
+  });
+  var statusLabelClassNames = cx("eps-status-label", {
+    center: center
+  });
+  return React.createElement("div", {
+    className: statusLabelClassNames
+  }, showBullet && React.createElement("div", {
+    className: bulletClassNames
+  }), React.createElement("div", null, label));
+};
+
+var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
+var Text = function Text(_ref) {
+  var _ref$as = _ref.as,
+    component = _ref$as === void 0 ? "span" : _ref$as,
+    children = _ref.children,
+    fontSize = _ref.fontSize,
+    color = _ref.color,
+    lineHeight = _ref.lineHeight,
+    fontWeight = _ref.fontWeight,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  var classes = [];
+  fontSize && classes.push.apply(classes, responsiveProp("eps-font-size-", fontSize));
+  lineHeight && classes.push.apply(classes, responsiveProp("eps-line-height-", lineHeight));
+  fontWeight && classes.push("eps-font-weight-" + fontWeight);
+  var classList = cx(classes, className);
+  return React.createElement(Box, _extends({
+    as: component,
+    color: color,
+    className: classList
+  }, rest), children);
+};
+
+var _excluded$1 = ["children", "className"];
 var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return React__default["default"].createElement(button.Button, _extends({
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React.createElement(button.Button, _extends({
     variant: "primary"
   }, rest, {
-    className: cx__default["default"]('eps-unbutton', className)
+    className: cx("eps-unbutton", className)
   }), children);
 };
 
-function isFunction(functionToCheck) {
-  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
-}
+var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
+  return React.createElement("button", _extends({
+    className: cx(props.className, "eps-overflow-menu__item"),
+    role: "menuitem"
+  }, props));
+};
 
-var newAppVersionErrorMessage = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.";
-var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  function ErrorBoundary(props) {
-    var _this;
-    _this = _Component.call(this, props) || this;
-    _this.state = {
-      error: null
-    };
-    return _this;
-  }
-  _inheritsLoose(ErrorBoundary, _Component);
-  ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
-    return {
-      error: error
-    };
-  };
-  var _proto = ErrorBoundary.prototype;
-  _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
-    var _this$props$handleErr, _this$props;
-    // React always logs in development
-    (_this$props$handleErr = (_this$props = this.props).handleError) == null || _this$props$handleErr.call(_this$props, error, errorInfo);
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var error = this.state.error;
-    var _this$props2 = this.props,
-      fallback = _this$props2.fallback,
-      children = _this$props2.children;
-    if (error) {
-      if (isFunction(fallback)) {
-        return fallback({
-          retry: function retry() {
-            return _this2.setState({
-              error: null
-            });
-          },
-          error: error
-        });
-      } else if (error.name === 'NotFoundError' && error.message === newAppVersionErrorMessage) {
-        return React__default["default"].createElement(RefreshBannerInfo, null);
-      }
-      return fallback;
-    }
-    return children;
-  };
-  return ErrorBoundary;
-}(React.Component);
-var LANGUAGE_STORAGE_KEY = 'EP::locale';
-function RefreshBannerInfo() {
-  // Taken from ./app-shell/src/storage.ts
-  var language = localStorage.getItem(LANGUAGE_STORAGE_KEY);
-  var isNorwegian = language === 'nb' || language === 'nb-NO';
-  return React__default["default"].createElement(Box, {
-    maxWidth: "large"
-  }, React__default["default"].createElement(alert.BannerAlertBox, {
-    variant: "info",
-    title: isNorwegian ? 'En ny versjon av nettsiden er tilgjengelig.' : 'A new version of the website is available.'
-  }, React__default["default"].createElement(Box, {
-    paddingBottom: "medium"
-  }, React__default["default"].createElement(typography.Paragraph, {
-    margin: "none"
-  }, isNorwegian ? 'Vennligst oppdater.' : 'Please refresh.')), React__default["default"].createElement(button.PrimaryButton, {
+var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
+  var name = _ref.name,
+    setOpen = _ref.setOpen,
+    onCookieSettingsOpen = _ref.onCookieSettingsOpen;
+  return React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
-      return window.location.reload();
-    }
-  }, isNorwegian ? 'Oppdater' : 'Refresh')));
-}
-
-var _excluded$5 = ["date", "locale", "as", "hideTime"];
-var FormatDateTime = function FormatDateTime(_ref) {
-  var date = _ref.date,
-    locale = _ref.locale,
-    _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'main' : _ref$as,
-    hideTime = _ref.hideTime,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  return React__default["default"].createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
-};
-
-var _excluded$4 = ["amount", "as"];
-var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
-  var amount = _ref.amount,
-    _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'span' : _ref$as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var parsedAmount = Number(amount) || 0;
-  var formattedAmount = new Intl.NumberFormat('nb-NO', {
-    maximumFractionDigits: 2,
-    minimumFractionDigits: 2
-  }).format(parsedAmount);
-  return React__default["default"].createElement(Component, _extends({}, rest), formattedAmount);
+      onCookieSettingsOpen();
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true
+  }, React.createElement(icons.CookieIcon, {
+    size: "1rem",
+    inline: true
+  })), name);
 };
 
-var _excluded$3 = ["items", "locale", "className"];
-var AuditInfo = function AuditInfo(_ref) {
-  var items = _ref.items,
-    locale = _ref.locale,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var classNames = cx__default["default"]('ep-audit-info', className);
-  return React__default["default"].createElement("div", _extends({
-    className: classNames
-  }, rest), items.map(function (_ref2, i) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return React__default["default"].createElement(Stack, {
-      space: "small",
-      key: i
-    }, React__default["default"].createElement("div", {
-      className: "ep-audit-info-label"
-    }, label), React__default["default"].createElement("div", null, util.isDate(value) || util.isDateString(value) ? React__default["default"].createElement(FormatDateTime, {
-      date: value,
-      locale: locale
-    }) : React__default["default"].createElement("span", null, value)));
-  }));
-};
+function useOutsideClick(ref, buttonRef, handler) {
+  React.useEffect(function () {
+    var listener = function listener(event) {
+      if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return function () {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, buttonRef, handler]);
+}
+function elementContainsEventTarget(element, event) {
+  if (!element) {
+    return false;
+  }
+  if (element.contains(event.target)) {
+    return true;
+  }
+  // For elements inside a Shadow DOM we need to check the composedPath
+  if (event.composed && event.composedPath) {
+    var contains = event.composedPath().find(function (target) {
+      if (target === window) {
+        return false;
+      }
+      return element.contains(target);
+    });
+    return !!contains;
+  }
+  return false;
+}
 
-var _excluded$2 = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
-var ConfirmModal = function ConfirmModal(_ref) {
-  var _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+var _excluded = ["className", "children", "userName", "open", "onOpenChange", "environment"];
+var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
+  var className = _ref.className,
     children = _ref.children,
-    message = _ref.message,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    buttons = _ref.buttons,
-    onConfirm = _ref.onConfirm,
-    messages = _ref.messages,
-    onClose = _ref.onClose,
-    onDismiss = _ref.onDismiss,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var childrenToRender = children ? children : message;
-  var handleDismiss = onClose ? onClose : onDismiss;
-  return React__default["default"].createElement(modal.Modal, _extends({
-    size: size,
-    open: isOpen,
-    onDismiss: handleDismiss
-  }, rest), util.isString(childrenToRender) ? React__default["default"].createElement(typography.Paragraph, null, childrenToRender) : React__default["default"].createElement(Box, {
-    paddingBottom: "medium"
-  }, childrenToRender), React__default["default"].createElement(button.ButtonGroup, null, onConfirm ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(button.SecondaryButton, {
-    onClick: handleDismiss,
-    "data-testid": "cancel-modal-button"
-  }, messages.cancel), React__default["default"].createElement(button.PrimaryButton, {
-    onClick: onConfirm,
-    "data-testid": "confirm-modal-button"
-  }, messages.confirm)) : buttons));
-};
-
-var _excluded$1 = ["children", "shouldBlockNavigation"];
-var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
-  var children = _ref.children,
-    shouldBlockNavigation = _ref.shouldBlockNavigation,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  util.assertIsDefined(reactRouterDom.useInRouterContext() ? true : undefined, "RouteLeavingGuard must be used within a data router.");
-  var blocker = reactRouterDom.useBlocker(function (_ref2) {
-    var currentLocation = _ref2.currentLocation,
-      nextLocation = _ref2.nextLocation;
-    return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
+    userName = _ref.userName,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    environment = _ref.environment,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var overflowItemsClasses = cx("eps-overflow-menu__group", {
+    "eps-overflow-menu__group--open": open
   });
-  return React__default["default"].createElement(ConfirmModal, _extends({
-    onDismiss: function onDismiss() {
-      if (blocker.state === 'blocked') {
-        blocker.reset();
-      }
+  var overflowContentRef = React.useRef(null);
+  var overflowMenuTriggerRef = React.useRef(null);
+  useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
+    return onOpenChange(false);
+  });
+  return React.createElement("div", null, React.createElement(button.SecondaryButton, _extends({
+    className: cx("eps-overflow-menu__button", className),
+    onClick: function onClick() {
+      return onOpenChange(!open);
     },
-    open: blocker.state === 'blocked',
-    onConfirm: function onConfirm() {
-      if (blocker.state === 'blocked') {
-        blocker.proceed();
-      }
-    }
-  }, rest), children);
-};
-
-var Pager = function Pager(_ref) {
-  var collectionSize = _ref.collectionSize,
-    pageSize = _ref.pageSize,
-    _onPageChange = _ref.onPageChange,
-    currentPage = _ref.currentPage;
-  var pageCount = Math.ceil(collectionSize / pageSize);
-  return React__default["default"].createElement(menu.Pagination, {
-    pageCount: pageCount,
-    currentPage: currentPage,
-    onPageChange: function onPageChange(page) {
-      _onPageChange(page);
+    "aria-haspopup": true,
+    "aria-expanded": open,
+    ref: overflowMenuTriggerRef
+  }, rest), React.createElement("div", {
+    className: "eps-overflow-menu__button-contents"
+  }, React.createElement("span", {
+    className: "eds-overflow-menu__user-icon"
+  }, React.createElement(icons.UserIcon, {
+    inline: true
+  })), React.createElement(typography.Heading6, {
+    margin: "none",
+    as: "span"
+  }, userName, environment !== undefined && environment !== exports.Environment.Production && React.createElement("span", {
+    style: {
+      color: getColorForEnvironment(environment)
     }
-  });
+  }, " ", "(", getHumanReadableEnvironment(environment), ")")), React.createElement("span", {
+    className: "eps-arrow-icon"
+  }, React.createElement(icons.DownArrowIcon, {
+    inline: true
+  })))), open && React.createElement("div", {
+    className: overflowItemsClasses,
+    role: "menu",
+    ref: overflowContentRef
+  }, children));
 };
 
-var StatusLabel = function StatusLabel(_ref) {
-  var _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    aggressiveInactive = _ref.aggressiveInactive,
-    showBullet = _ref.showBullet,
-    center = _ref.center;
-  var bulletClassNames = cx__default["default"]('eps-status-label__bullet', {
-    active: active,
-    aggressive: aggressiveInactive
-  });
-  var statusLabelClassNames = cx__default["default"]('eps-status-label', {
-    center: center
-  });
-  return React__default["default"].createElement("div", {
-    className: statusLabelClassNames
-  }, showBullet && React__default["default"].createElement("div", {
-    className: bulletClassNames
-  }), React__default["default"].createElement("div", null, label));
+var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
+  var language = _ref.language,
+    onLanguageChange = _ref.onLanguageChange,
+    setOpen = _ref.setOpen,
+    name = _ref.name;
+  var useB47LanguageKey = useFeatureToggle("USE_BCP-47_LANGUAGE_KEY");
+  var norwegianLanguageKey = useB47LanguageKey ? "nb-NO" : "nb";
+  var englishLanguageKey = useB47LanguageKey ? "en-GB" : "en";
+  return React.createElement(React.Fragment, null, language === englishLanguageKey ? React.createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLanguageChange(norwegianLanguageKey);
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true,
+    className: "eps-overflow-menu__icon-margin"
+  }, React.createElement(icons.NorwayIcon, {
+    size: "1rem",
+    inline: true
+  })), name) : React.createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLanguageChange(englishLanguageKey);
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true,
+    className: "eps-overflow-menu__icon-margin"
+  }, React.createElement(icons.UKIcon, {
+    size: "1rem",
+    inline: true
+  })), name));
 };
 
-/**
- * Note: This component uses BusinessCapability, not because we only want to
- * check BusinessCapabilities but because it represents a minimal subset of
- * what we need to check.
- */
-var PermissionCheck = function PermissionCheck(_ref) {
-  var children = _ref.children,
-    _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? null : _ref$fallback,
-    permissions = _ref.permissions,
-    _ref$oneOf = _ref.oneOf,
-    oneOf = _ref$oneOf === void 0 ? [] : _ref$oneOf,
-    _ref$all = _ref.all,
-    all = _ref$all === void 0 ? [] : _ref$all;
-  var allIsAllowed = util.hasAllPermissions(all, permissions);
-  var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
-  var allowed = allIsAllowed && oneOfIsAllowed;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, allowed ? children : fallback);
+var LogOutMenuItem = function LogOutMenuItem(_ref) {
+  var name = _ref.name,
+    setOpen = _ref.setOpen,
+    onLogout = _ref.onLogout;
+  return React.createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLogout();
+      setOpen(false);
+    },
+    "data-testid": "user-menu-logout",
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true
+  }, React.createElement(icons.LogOutIcon, {
+    size: "1rem",
+    inline: true
+  })), name);
 };
 
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var prependBreadcrumbItem = _ref.prependBreadcrumbItem,
-    pathname = _ref.pathname,
-    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
-  var paths = util.splitUrlPath(pathname);
-  var breadcrumbs = paths.map(function (path) {
-    return {
-      title: onBreadcrumbLookup(path),
-      path: path
-    };
-  }).filter(function (_ref2) {
-    var title = _ref2.title;
-    return title !== undefined;
-  });
-  var breadcrumbElements = breadcrumbs.map(function (_ref3, i) {
-    var title = _ref3.title,
-      path = _ref3.path;
-    var isLast = i === breadcrumbs.length - 1;
-    if (isLast) {
-      return React__default["default"].createElement(menu.BreadcrumbItem, {
-        key: path,
-        as: 'span'
-      }, title);
+var UserMenuItem = function UserMenuItem(_ref) {
+  var name = _ref.name,
+    setOpen = _ref.setOpen,
+    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
+  return React.createElement(reactRouterDom.Link, {
+    to: "/permission-admin/my-profile",
+    style: {
+      textDecoration: "none"
     }
-    return React__default["default"].createElement(menu.BreadcrumbItem, {
-      key: path,
-      as: reactRouterDom.Link,
-      to: path
-    }, title);
-  });
-  if (prependBreadcrumbItem) {
-    return React__default["default"].createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
-  }
-  return React__default["default"].createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
+  }, React.createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      setOpen(false);
+      onNavigateToMyProfile();
+    },
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true
+  }, React.createElement(icons.UserIcon, {
+    size: "1rem",
+    inline: true
+  })), name));
 };
 
-var Link = function Link(props) {
-  return React__default["default"].createElement(typography.Link, _extends({}, props, {
-    as: reactRouterDom.Link
-  }), props.children);
+var VersionMenuItem = function VersionMenuItem(_ref) {
+  var title = _ref.title,
+    setOpen = _ref.setOpen;
+  var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
+  return React.createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      navigate("/app-version");
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React.createElement("span", {
+    "aria-hidden": true
+  }, React.createElement(icons.ChannelsIcon, {
+    className: "eps-version-icon",
+    size: "1rem",
+    inline: true
+  })), title);
 };
 
-var _excluded = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
-var Text = function Text(_ref) {
-  var _ref$as = _ref.as,
-    component = _ref$as === void 0 ? 'span' : _ref$as,
-    children = _ref.children,
-    fontSize = _ref.fontSize,
-    color = _ref.color,
-    lineHeight = _ref.lineHeight,
-    fontWeight = _ref.fontWeight,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var classes = [];
-  fontSize && classes.push.apply(classes, responsiveProp('eps-font-size-', fontSize));
-  lineHeight && classes.push.apply(classes, responsiveProp('eps-line-height-', lineHeight));
-  fontWeight && classes.push('eps-font-weight-' + fontWeight);
-  var classList = cx__default["default"](classes, className);
-  return React__default["default"].createElement(Box, _extends({
-    as: component,
-    color: color,
-    className: classList
-  }, rest), children);
+/** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
+var UserMenu = function UserMenu(_ref) {
+  var className = _ref.className,
+    messages = _ref.messages,
+    onLogout = _ref.onLogout,
+    onLanguageChange = _ref.onLanguageChange,
+    userName = _ref.userName,
+    language = _ref.language,
+    environment = _ref.environment,
+    showVersionItem = _ref.showVersionItem,
+    showMyProfileItem = _ref.showMyProfileItem,
+    showCookieSettingsItem = _ref.showCookieSettingsItem,
+    onNavigateToMyProfile = _ref.onNavigateToMyProfile,
+    _ref$onCookieSettings = _ref.onCookieSettingsOpen,
+    onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
+  var triggerClassList = cx(["eps-user-menu__trigger-button", className]);
+  var _useState = React.useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  return React.createElement("div", {
+    id: "eps-user-menu"
+  }, React.createElement(CustomOverflowMenu, {
+    open: open,
+    onOpenChange: setOpen,
+    className: triggerClassList,
+    userName: userName,
+    environment: environment
+  }, React.createElement("div", {
+    id: "eps-overflow-menu"
+  }, React.createElement(LanguageSwitchMenuItem, {
+    name: messages.switchLanguage,
+    language: language,
+    onLanguageChange: onLanguageChange,
+    setOpen: setOpen
+  }), showVersionItem && messages.appVersion && React.createElement(VersionMenuItem, {
+    title: messages.appVersion,
+    setOpen: setOpen
+  }), showMyProfileItem && messages.myProfile && React.createElement(UserMenuItem, {
+    name: messages.myProfile,
+    setOpen: setOpen,
+    onNavigateToMyProfile: onNavigateToMyProfile
+  }), showCookieSettingsItem && messages.cookieSettings && React.createElement(CookieSettingsMenuItem, {
+    name: messages.cookieSettings,
+    setOpen: setOpen,
+    onCookieSettingsOpen: onCookieSettingsOpen
+  }), React.createElement(LogOutMenuItem, {
+    name: messages.logout,
+    setOpen: setOpen,
+    onLogout: onLogout
+  }))));
 };
 
-/**
- * This component changes page title by using helmet and current path. It will translate subpaths, join them with a dash
- * and display it on browser tab.
- *
- * @param Props.pathname - The current path from react-router-dom.useLocation()
- * @param Props.onBreadcrumbLookup - A function that takes a path and returns a i18n translated string or undefined
- * @returns A Helmet component with updated title
- */
-function PageTitle(_ref) {
-  var pathname = _ref.pathname,
-    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
-  var paths = util.splitUrlPath(pathname);
-  var pageTitles = paths.map(function (path) {
-    return {
-      title: onBreadcrumbLookup(path),
-      path: path
+/*global EventListener WindowEventHandlers*/
+function useEventListener(eventName, handler, element) {
+  if (element === void 0) {
+    element = window;
+  }
+  var savedHandler = React.useRef();
+  React.useEffect(function () {
+    savedHandler.current = handler;
+  }, [handler]);
+  React.useEffect(function () {
+    var _element;
+    var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
+    if (!isSupported) return;
+    var eventListener = function eventListener(event) {
+      return savedHandler.current == null ? void 0 : savedHandler.current(event);
     };
-  }).filter(function (_ref2) {
-    var title = _ref2.title;
-    return title !== undefined;
-  }).map(function (_ref3) {
-    var title = _ref3.title;
-    return title;
-  }).reverse().join(' | ');
-  return React__default["default"].createElement(reactHelmetAsync.Helmet, null, React__default["default"].createElement("title", null, pageTitles, " | Entur Partner"));
+    element.addEventListener(eventName, eventListener);
+    return function () {
+      element.removeEventListener(eventName, eventListener);
+    };
+  }, [eventName, element]);
 }
 
 exports.ActionBar = ActionBar;
@@ -1130,6 +1137,7 @@ exports.FeatureToggle = FeatureToggle;
 exports.FormatCurrencyAmount = FormatCurrencyAmount;
 exports.FormatDateTime = FormatDateTime;
 exports.LanguageSelect = LanguageSelect;
+exports.LegacyPageTitle = LegacyPageTitle;
 exports.Link = Link;
 exports.LinkButton = LinkButton;
 exports.Menu = Menu;