@entur-partner/app-shell 6.1.4 → 6.1.6-alpha.0

package/dist/app-shell.esm.js

@@ -1,11 +1,11 @@
-import React, { useState, useEffect, useContext, useCallback, createContext } from 'react';
+import { Auth0Provider, useAuth0 } from '@auth0/auth0-react';
 import { BannerAlertBox } from '@entur/alert';
-import { Paragraph, Link, CodeText } from '@entur/typography';
 import { Loader, SkeletonRectangle } from '@entur/loader';
 import { space } from '@entur/tokens';
-import { Auth0Provider, useAuth0 } from '@auth0/auth0-react';
+import { Paragraph, Link, CodeText } from '@entur/typography';
 import { getColorForEnvironment, Environment, OrganisationDropDown } from '@entur-partner/common';
 import { assertIsDefined } from '@entur-partner/util';
+import React, { useState, useEffect, useContext, createContext, useCallback } from 'react';
 import postHog from 'posthog-js';
 import { PostHogProvider } from 'posthog-js/react';
 
@@ -438,13 +438,13 @@ var EnvironmentBanner = function EnvironmentBanner(_ref) {
   return React.createElement("div", {
     className: "epp-environment-banner",
     style: {
-      position: 'fixed',
+      position: "fixed",
       zIndex: 9999,
       top: 0,
       left: 0,
       right: 0,
-      width: '100vw',
-      height: '16px',
+      width: "100vw",
+      height: "16px",
       backgroundColor: getColorForEnvironment(environment)
     }
   });
@@ -497,7 +497,7 @@ var Authenticate = function Authenticate(_ref) {
             case 10:
               _context.prev = 10;
               _context.t0 = _context["catch"](0);
-              console.error('Error fetching user data:', _context.t0);
+              console.error("Error fetching user data:", _context.t0);
             case 13:
             case "end":
               return _context.stop();
@@ -528,15 +528,15 @@ var Authenticate = function Authenticate(_ref) {
     }, "Authenticating");
   }
   if (error) {
-    process.env.NODE_ENV !== 'production' && console.error(error);
+    process.env.NODE_ENV !== "production" && console.error(error);
     return React.createElement(BannerAlertBox, {
       variant: "error",
       title: "Authentication failed",
       style: {
-        maxWidth: '600px',
-        margin: '0 auto'
+        maxWidth: "600px",
+        margin: "0 auto"
       }
-    }, React.createElement(Paragraph, null, "Something went wrong while trying to authenticate you. If the problem persists you should contact", ' ', React.createElement(Link, {
+    }, React.createElement(Paragraph, null, "Something went wrong while trying to authenticate you. If the problem persists you should contact", " ", React.createElement(Link, {
       href: "mailto:support@entur.org"
     }, "support@entur.org"), " to get it resolved."), React.createElement(Paragraph, null, "Authentication failed with: ", React.createElement(CodeText, null, error == null ? void 0 : error.toString())));
   }
@@ -572,38 +572,164 @@ var AppShell = function AppShell(_ref3) {
   }));
 };
 
-var _excluded$1 = ["navigate", "children", "onClick", "target"];
-function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
-}
-var MicroFrontendLink = function MicroFrontendLink(_ref) {
-  var navigate = _ref.navigate,
-    children = _ref.children,
-    _onClick = _ref.onClick,
-    target = _ref.target,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement("a", _extends({
-    onClick: function onClick(event) {
-      try {
-        if (_onClick) _onClick(event);
-      } catch (ex) {
-        event.preventDefault();
-        throw ex;
-      }
-      if (!event.defaultPrevented &&
-      // onClick prevented default
-      event.button === 0 && (
-      // ignore everything but right clicks
-      !target || target === '_self') &&
-      // let browser handle "target=_blank" etc.
-      !isModifiedEvent(event) // ignore clicks with modifier keys
-      ) {
-        event.preventDefault();
-        navigate();
-      }
-    },
-    target: target
-  }, rest), children);
+var ORGANISATION_STORAGE_KEY = "EP::activeOrgId";
+var organisationStorage = {
+  get: function get() {
+    return localStorage.getItem(ORGANISATION_STORAGE_KEY);
+  },
+  set: function set(value) {
+    return localStorage.setItem(ORGANISATION_STORAGE_KEY, value);
+  }
+};
+var LANGUAGE_STORAGE_KEY = "EP::locale";
+var languageStorage = {
+  get: function get() {
+    return localStorage.getItem(LANGUAGE_STORAGE_KEY);
+  },
+  set: function set(value) {
+    return localStorage.setItem(LANGUAGE_STORAGE_KEY, value);
+  }
+};
+var UC_UI_STORAGE_KEY = "ucData";
+var ucUiStorage = {
+  get: function get() {
+    return localStorage.getItem(UC_UI_STORAGE_KEY);
+  }
+};
+
+var SERVICE_NAMES = {
+  Usercentrics: "Usercentrics Consent Management Platform",
+  PostHog: "PostHog.com",
+  Sentry: "Sentry"
+};
+
+var DEFAULT_CONSENT_GIVEN = {
+  Usercentrics: {
+    consentGiven: false
+  },
+  PostHog: {
+    consentGiven: false
+  },
+  Sentry: {
+    consentGiven: false
+  }
+};
+var convertUCServicesToConsents = function convertUCServicesToConsents(services) {
+  return services.map(function (service) {
+    var _Object$entries$find, _ref3;
+    var serviceName = (_Object$entries$find = Object.entries(SERVICE_NAMES).find(function (keyValue) {
+      return keyValue[1] === service.name;
+    })) == null ? void 0 : _Object$entries$find[0];
+    // Ensure the service name exists in SERVICE_NAMES
+    assertIsDefined(serviceName, "Service name " + service.name + " not found in SERVICE_NAMES");
+    if (typeof service.consent === "boolean") {
+      var _ref;
+      var consentGiven = service.consent;
+      return _ref = {}, _ref[serviceName] = {
+        consentGiven: consentGiven
+      }, _ref;
+    } else if (typeof service.consent === "object" && "given" in service.consent) {
+      var _ref2;
+      var _consentGiven = service.consent.given;
+      return _ref2 = {}, _ref2[serviceName] = {
+        consentGiven: _consentGiven
+      }, _ref2;
+    }
+    return _ref3 = {}, _ref3[serviceName] = {
+      consentGiven: false
+    }, _ref3;
+  }).reduce(
+  // biome-ignore lint/performance/noAccumulatingSpread: Ignore it for now. No changes in code.
+  function (acc, curr) {
+    return _extends({}, acc, curr);
+  }, DEFAULT_CONSENT_GIVEN);
+};
+
+var ConsentContext = /*#__PURE__*/createContext(DEFAULT_CONSENT_GIVEN);
+var useConsentManager = function useConsentManager() {
+  var context = useContext(ConsentContext);
+  return context;
+};
+var ConsentManagerProvider = function ConsentManagerProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState(DEFAULT_CONSENT_GIVEN),
+    consentManager = _useState[0],
+    setConsentManager = _useState[1];
+  // Initialize consent manager from local storage once
+  useEffect(function () {
+    if (typeof window === "undefined") return;
+    var ucData = ucUiStorage.get();
+    if (ucData) {
+      var data = JSON.parse(ucData);
+      var services = convertUCServicesToConsents(Object.values(data.consent.services));
+      setConsentManager(services);
+    }
+  }, []);
+  // Listen for Usercentrics consent events and update consent manager state
+  useEffect(function () {
+    var handleConsentEvent = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+        var customEvent, services, updatedConsentManager;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(typeof window === "undefined")) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              customEvent = event;
+              services = Object.values(customEvent.detail.services);
+              updatedConsentManager = convertUCServicesToConsents(services);
+              setConsentManager(updatedConsentManager);
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function handleConsentEvent(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    window.addEventListener("UC_CONSENT", handleConsentEvent);
+    return function () {
+      return window.removeEventListener("UC_CONSENT", handleConsentEvent);
+    };
+  }, []);
+  return React.createElement(ConsentContext.Provider, {
+    value: consentManager
+  }, children);
+};
+
+var LanguageContext = /*#__PURE__*/React.createContext(undefined);
+var useLanguageState = function useLanguageState(language) {
+  var _useState = useState(language),
+    activeLanguage = _useState[0],
+    setLanguage = _useState[1];
+  useEffect(function () {
+    languageStorage.set(activeLanguage);
+  }, [activeLanguage]);
+  return [activeLanguage, setLanguage];
+};
+var useLanguage = function useLanguage() {
+  var context = useContext(LanguageContext);
+  assertIsDefined(context);
+  return context;
+};
+var LanguageProvider = function LanguageProvider(_ref) {
+  var children = _ref.children,
+    language = _ref.language;
+  var _useLanguageState = useLanguageState(language),
+    activeLanguage = _useLanguageState[0],
+    setLanguage = _useLanguageState[1];
+  return React.createElement(LanguageContext.Provider, {
+    value: {
+      language: activeLanguage,
+      setLanguage: setLanguage
+    }
+  }, children);
 };
 
 var MenuContext = /*#__PURE__*/React.createContext({
@@ -641,7 +767,7 @@ var MenuProvider = function MenuProvider(_ref) {
       var _extends2;
       return _extends({}, prevState, (_extends2 = {}, _extends2[path] = newItems, _extends2));
     });
-  }, [setGroups]);
+  }, []);
   var getMFNavigate = function getMFNavigate(path) {
     return navFuncs[path];
   };
@@ -664,29 +790,42 @@ var MenuProvider = function MenuProvider(_ref) {
   }, children);
 };
 
-var ORGANISATION_STORAGE_KEY = 'EP::activeOrgId';
-var organisationStorage = {
-  get: function get() {
-    return localStorage.getItem(ORGANISATION_STORAGE_KEY);
-  },
-  set: function set(value) {
-    return localStorage.setItem(ORGANISATION_STORAGE_KEY, value);
-  }
-};
-var LANGUAGE_STORAGE_KEY = 'EP::locale';
-var languageStorage = {
-  get: function get() {
-    return localStorage.getItem(LANGUAGE_STORAGE_KEY);
-  },
-  set: function set(value) {
-    return localStorage.setItem(LANGUAGE_STORAGE_KEY, value);
-  }
-};
-var UC_UI_STORAGE_KEY = 'ucData';
-var ucUiStorage = {
-  get: function get() {
-    return localStorage.getItem(UC_UI_STORAGE_KEY);
-  }
+var _excluded$1 = ["navigate", "children", "onClick", "target"];
+function isModifiedEvent(event) {
+  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
+}
+var MicroFrontendLink = function MicroFrontendLink(_ref) {
+  var navigate = _ref.navigate,
+    children = _ref.children,
+    _onClick = _ref.onClick,
+    target = _ref.target,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Ignore lint rule for now. No changes in code.
+    React.createElement("a", _extends({
+      // biome-ignore lint/a11y/useValidAnchor: Ignore lint rule for now. No changes in code.
+      onClick: function onClick(event) {
+        try {
+          if (_onClick) _onClick(event);
+        } catch (ex) {
+          event.preventDefault();
+          throw ex;
+        }
+        if (!event.defaultPrevented &&
+        // onClick prevented default
+        event.button === 0 && (
+        // ignore everything but right clicks
+        !target || target === "_self") &&
+        // let browser handle "target=_blank" etc.
+        !isModifiedEvent(event) // ignore clicks with modifier keys
+        ) {
+          event.preventDefault();
+          navigate();
+        }
+      },
+      target: target
+    }, rest), children)
+  );
 };
 
 var OrganisationContext = /*#__PURE__*/React.createContext(undefined);
@@ -723,35 +862,6 @@ var OrganisationProvider = function OrganisationProvider(_ref) {
   }, children);
 };
 
-var LanguageContext = /*#__PURE__*/React.createContext(undefined);
-var useLanguageState = function useLanguageState(language) {
-  var _useState = useState(language),
-    activeLanguage = _useState[0],
-    setLanguage = _useState[1];
-  useEffect(function () {
-    languageStorage.set(activeLanguage);
-  }, [activeLanguage]);
-  return [activeLanguage, setLanguage];
-};
-var useLanguage = function useLanguage() {
-  var context = useContext(LanguageContext);
-  assertIsDefined(context);
-  return context;
-};
-var LanguageProvider = function LanguageProvider(_ref) {
-  var children = _ref.children,
-    language = _ref.language;
-  var _useLanguageState = useLanguageState(language),
-    activeLanguage = _useLanguageState[0],
-    setLanguage = _useLanguageState[1];
-  return React.createElement(LanguageContext.Provider, {
-    value: {
-      language: activeLanguage,
-      setLanguage: setLanguage
-    }
-  }, children);
-};
-
 var OrganisationsError = /*#__PURE__*/function (_Error) {
   function OrganisationsError() {
     var _this;
@@ -759,7 +869,7 @@ var OrganisationsError = /*#__PURE__*/function (_Error) {
       args[_key] = arguments[_key];
     }
     _this = _Error.call.apply(_Error, [this].concat(args)) || this;
-    _this.message = 'Failed fetching organisations';
+    _this.message = "Failed fetching organisations";
     return _this;
   }
   _inheritsLoose(OrganisationsError, _Error);
@@ -778,7 +888,7 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
     setOrganisations = _useState[1];
   var _useLanguage = useLanguage(),
     language = _useLanguage.language;
-  var _useState2 = useState('LOADING'),
+  var _useState2 = useState("LOADING"),
     status = _useState2[0],
     setStatus = _useState2[1];
   useEffect(function () {
@@ -792,7 +902,7 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
               return getToken();
             case 2:
               token = _context.sent;
-              if (!(typeof getOrganisations === 'string')) {
+              if (!(typeof getOrganisations === "string")) {
                 _context.next = 9;
                 break;
               }
@@ -800,7 +910,7 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
               return fetch(getOrganisations, {
                 headers: {
                   Authorization: "Bearer " + token,
-                  Accept: 'application/json'
+                  Accept: "application/json"
                 }
               }).then(function (response) {
                 return response.json();
@@ -816,7 +926,7 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
               organisations = _context.sent;
             case 12:
               setOrganisations(organisations);
-              setStatus('SUCCESS');
+              setStatus("SUCCESS");
             case 14:
             case "end":
               return _context.stop();
@@ -828,139 +938,35 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
       };
     }();
     fetchOrganisations()["catch"](function (error) {
-      if (process.env.NODE_ENV === 'development') {
+      if (process.env.NODE_ENV === "development") {
         console.error(error);
       }
-      setStatus('ERROR');
+      setStatus("ERROR");
     });
   }, [getOrganisations, getToken]);
   switch (status) {
-    case 'LOADING':
+    case "LOADING":
       return React.createElement("div", {
         className: "eds-contrast"
       }, React.createElement(SkeletonRectangle, {
         style: {
-          height: '2.4rem'
+          height: "2.4rem"
         }
       }));
-    case 'SUCCESS':
+    case "SUCCESS":
       return React.createElement(OrganisationDropDown, _extends({
-        label: language === 'nb' || language === 'nb-NO' ? 'Organisasjon' : 'Organisation',
+        label: language === "nb" || language === "nb-NO" ? "Organisasjon" : "Organisation",
         selectedOrganisationId: selectedOrganisationId,
         organisations: organisations,
         onChange: onChange
       }, rest));
-    case 'ERROR':
+    case "ERROR":
       throw new OrganisationsError();
     default:
       return null;
   }
 };
 
-var SERVICE_NAMES = {
-  Usercentrics: 'Usercentrics Consent Management Platform',
-  PostHog: 'PostHog.com',
-  Sentry: 'Sentry'
-};
-
-var DEFAULT_CONSENT_GIVEN = {
-  Usercentrics: {
-    consentGiven: false
-  },
-  PostHog: {
-    consentGiven: false
-  },
-  Sentry: {
-    consentGiven: false
-  }
-};
-var convertUCServicesToConsents = function convertUCServicesToConsents(services) {
-  return services.map(function (service) {
-    var _Object$entries$find, _ref3;
-    var serviceName = (_Object$entries$find = Object.entries(SERVICE_NAMES).find(function (keyValue) {
-      return keyValue[1] === service.name;
-    })) == null ? void 0 : _Object$entries$find[0];
-    // Ensure the service name exists in SERVICE_NAMES
-    assertIsDefined(serviceName, "Service name " + service.name + " not found in SERVICE_NAMES");
-    if (typeof service.consent == 'boolean') {
-      var _ref;
-      var consentGiven = service.consent;
-      return _ref = {}, _ref[serviceName] = {
-        consentGiven: consentGiven
-      }, _ref;
-    } else if (typeof service.consent === 'object' && 'given' in service.consent) {
-      var _ref2;
-      var _consentGiven = service.consent.given;
-      return _ref2 = {}, _ref2[serviceName] = {
-        consentGiven: _consentGiven
-      }, _ref2;
-    }
-    return _ref3 = {}, _ref3[serviceName] = {
-      consentGiven: false
-    }, _ref3;
-  }).reduce(function (acc, curr) {
-    return _extends({}, acc, curr);
-  }, DEFAULT_CONSENT_GIVEN);
-};
-
-var ConsentContext = /*#__PURE__*/createContext(DEFAULT_CONSENT_GIVEN);
-var useConsentManager = function useConsentManager() {
-  var context = useContext(ConsentContext);
-  return context;
-};
-var ConsentManagerProvider = function ConsentManagerProvider(_ref) {
-  var children = _ref.children;
-  var _useState = useState(DEFAULT_CONSENT_GIVEN),
-    consentManager = _useState[0],
-    setConsentManager = _useState[1];
-  // Initialize consent manager from local storage once
-  useEffect(function () {
-    if (typeof window === 'undefined') return;
-    var ucData = ucUiStorage.get();
-    if (ucData) {
-      var data = JSON.parse(ucData);
-      var services = convertUCServicesToConsents(Object.values(data.consent.services));
-      setConsentManager(services);
-    }
-  }, []);
-  // Listen for Usercentrics consent events and update consent manager state
-  useEffect(function () {
-    var handleConsentEvent = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-        var customEvent, services, updatedConsentManager;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(typeof window === 'undefined')) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              customEvent = event;
-              services = Object.values(customEvent.detail.services);
-              updatedConsentManager = convertUCServicesToConsents(services);
-              setConsentManager(updatedConsentManager);
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function handleConsentEvent(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    window.addEventListener('UC_CONSENT', handleConsentEvent);
-    return function () {
-      return window.removeEventListener('UC_CONSENT', handleConsentEvent);
-    };
-  }, []);
-  return React.createElement(ConsentContext.Provider, {
-    value: consentManager
-  }, children);
-};
-
 var PostHogProviderWrapper = function PostHogProviderWrapper(_ref) {
   var _ref$debug = _ref.debug,
     debug = _ref$debug === void 0 ? false : _ref$debug,
@@ -984,16 +990,16 @@ var PostHogProviderWrapper = function PostHogProviderWrapper(_ref) {
   // If no API key is provided or PostHog is forced to be disabled, do not initialize PostHog
   if (!postHogApiKey || forceDisablePostHog) {
     if (!forceDisablePostHog) {
-      console.warn('AppShellStandalone Warning: PostHog API key is not provided. PostHog will not be initialized.');
+      console.warn("AppShellStandalone Warning: PostHog API key is not provided. PostHog will not be initialized.");
     } else {
-      console.warn('AppShellStandalone Warning: PostHog tracking is disabled by force. PostHog will not be initialized.');
+      console.warn("AppShellStandalone Warning: PostHog tracking is disabled by force. PostHog will not be initialized.");
     }
     return React.createElement(React.Fragment, null, children);
   }
   postHog.init(postHogApiKey, {
     debug: debug,
-    api_host: isStandalone ? 'https://eu.posthog.com' : '/ingest',
-    ui_host: 'https://eu.posthog.com',
+    api_host: isStandalone ? "https://eu.posthog.com" : "/ingest",
+    ui_host: "https://eu.posthog.com",
     opt_out_capturing_by_default: true,
     autocapture: isStandalone
   }, project);