@entur-partner/app-shell 6.3.0 → 6.3.1

package/dist/AppShell.d.ts

@@ -1,7 +1,7 @@
 import { type Auth0ContextInterface, type GetTokenSilentlyOptions } from "@auth0/auth0-react";
 import { Environment } from "@entur-partner/common";
 import type { User } from "@entur-partner/micro-frontend";
-import React, { type ReactNode } from "react";
+import { type ReactNode } from "react";
 import type { DecorateUserFn } from "./types/UserTypes";
 export interface AppShellValues {
     logout: Auth0ContextInterface["logout"];
@@ -23,4 +23,4 @@ export interface AppShellProps {
         replace?: boolean;
     }) => void;
 }
-export declare const AppShell: ({ children, audience, domain, clientId, decorateUser, environment, redirectUri, navigate, }: AppShellProps) => React.JSX.Element;
+export declare const AppShell: ({ children, audience, domain, clientId, decorateUser, environment, redirectUri, navigate, }: AppShellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ConsentManagerProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from "react";
+import { type ReactNode } from "react";
 import type { Consents } from "./types/ConsentTypes";
 declare global {
     interface Window {
@@ -12,5 +12,5 @@ export declare const useConsentManager: () => Consents;
 type Props = {
     children: ReactNode;
 };
-export declare const ConsentManagerProvider: ({ children }: Props) => React.JSX.Element;
+export declare const ConsentManagerProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/EnvironmentBanner.d.ts

@@ -1,7 +1,6 @@
 import { type Environment } from "@entur-partner/common";
-import React from "react";
 type EnvironmentBannerProps = {
     environment: Exclude<Environment, Environment.Production>;
 };
-export declare const EnvironmentBanner: ({ environment }: EnvironmentBannerProps) => React.JSX.Element;
+export declare const EnvironmentBanner: ({ environment }: EnvironmentBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MenuProvider.d.ts

@@ -1,12 +1,12 @@
 import type { MenuItem, NavigationFunction } from "@entur-partner/micro-frontend";
-import React, { type FC, type ReactNode } from "react";
+import { type FC, type ReactNode } from "react";
 interface MenuContextType {
     getItemsForPath: (path: string) => MenuItem[];
     addItems: (items: MenuItem[], path: string) => void;
     getMFNavigate: (path: string) => NavigationFunction | undefined;
     setMFNavigate: (path: string, navigation: NavigationFunction) => void;
 }
-export declare const MenuContext: React.Context<MenuContextType>;
+export declare const MenuContext: import("react").Context<MenuContextType>;
 export declare const useMenuGroupItems: (path: string) => MenuItem[];
 export declare const useMenu: () => MenuContextType;
 export declare const useMFNavigation: (path: string) => NavigationFunction | undefined;

package/dist/PostHogProviderWrapper.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from "react";
+import { type ReactNode } from "react";
 type Props = {
     /**
      * Debug mode for PostHog.
@@ -28,5 +28,5 @@ type Props = {
     forceDisablePostHog?: boolean;
     children: ReactNode;
 };
-export declare const PostHogProviderWrapper: ({ debug, postHogApiKey, isStandalone, project, forceDisablePostHog, children, }: Props) => React.JSX.Element;
+export declare const PostHogProviderWrapper: ({ debug, postHogApiKey, isStandalone, project, forceDisablePostHog, children, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/app-shell.cjs.development.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var auth0React = require('@auth0/auth0-react');
 var alert = require('@entur/alert');
 var loader = require('@entur/loader');
@@ -9,9 +10,9 @@ var tokens = require('@entur/tokens');
 var typography = require('@entur/typography');
 var common = require('@entur-partner/common');
 var util = require('@entur-partner/util');
-var React = require('react');
+var react = require('react');
 var postHog = require('posthog-js');
-var react = require('posthog-js/react');
+var react$1 = require('posthog-js/react');
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -224,7 +225,7 @@ function _wrapNativeSuper(t) {
 
 var EnvironmentBanner = function EnvironmentBanner(_ref) {
   var environment = _ref.environment;
-  return React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     className: "epp-environment-banner",
     style: {
       position: "fixed",
@@ -254,7 +255,7 @@ var Authenticate = function Authenticate(_ref) {
   var children = _ref.children,
     decorateUser = _ref.decorateUser,
     getReturnPath = _ref.getReturnPath;
-  var _useState = React.useState(undefined),
+  var _useState = react.useState(undefined),
     userWithPermission = _useState[0],
     setUserWithPermission = _useState[1];
   var _useAuth = auth0React.useAuth0(),
@@ -265,7 +266,7 @@ var Authenticate = function Authenticate(_ref) {
     isLoading = _useAuth.isLoading,
     isAuthenticated = _useAuth.isAuthenticated,
     error = _useAuth.error;
-  React.useEffect(function () {
+  react.useEffect(function () {
     var fetchUserData = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var token, decoratedUser, _t;
@@ -307,43 +308,55 @@ var Authenticate = function Authenticate(_ref) {
         returnTo: getReturnPath()
       }
     });
-    return React.createElement(loader.Loader, {
+    return jsxRuntime.jsx(loader.Loader, {
       style: {
         marginTop: tokens.space.extraLarge9
-      }
-    }, "Redirecting to login page");
+      },
+      children: "Redirecting to login page"
+    });
   }
   if (isLoading || !userWithPermission) {
-    return React.createElement(loader.Loader, {
+    return jsxRuntime.jsx(loader.Loader, {
       style: {
         marginTop: tokens.space.extraLarge9
-      }
-    }, "Authenticating");
+      },
+      children: "Authenticating"
+    });
   }
   if (error) {
     console.error(error);
-    return React.createElement(alert.BannerAlertBox, {
+    return jsxRuntime.jsxs(alert.BannerAlertBox, {
       variant: "error",
       title: "Authentication failed",
       style: {
         maxWidth: "600px",
         margin: "0 auto"
-      }
-    }, React.createElement(typography.Paragraph, null, "Something went wrong while trying to authenticate you. If the problem persists you should contact", " ", React.createElement(typography.Link, {
-      href: "mailto:support@entur.org"
-    }, "support@entur.org"), " to get it resolved."), React.createElement(typography.Paragraph, null, "Authentication failed with: ", React.createElement(typography.CodeText, null, error == null ? void 0 : error.toString())));
+      },
+      children: [jsxRuntime.jsxs(typography.Paragraph, {
+        children: ["Something went wrong while trying to authenticate you. If the problem persists you should contact", " ", jsxRuntime.jsx(typography.Link, {
+          href: "mailto:support@entur.org",
+          children: "support@entur.org"
+        }), " to get it resolved."]
+      }), jsxRuntime.jsxs(typography.Paragraph, {
+        children: ["Authentication failed with: ", jsxRuntime.jsx(typography.CodeText, {
+          children: error == null ? void 0 : error.toString()
+        })]
+      })]
+    });
   }
   util.assertIsDefined(userWithPermission);
-  return React.createElement(React.Fragment, null, children({
-    user: userWithPermission,
-    logout: function logout() {
-      return userLogout(_logout);
-    },
-    getToken: getAccessTokenSilently
-  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: children({
+      user: userWithPermission,
+      logout: function logout() {
+        return userLogout(_logout);
+      },
+      getToken: getAccessTokenSilently
+    })
+  });
 };
 var AppShell = function AppShell(_ref3) {
-  var children = _ref3.children,
+  var _children = _ref3.children,
     audience = _ref3.audience,
     domain = _ref3.domain,
     clientId = _ref3.clientId,
@@ -368,22 +381,26 @@ var AppShell = function AppShell(_ref3) {
       window.history.replaceState({}, "", destination);
     }
   };
-  return React.createElement(auth0React.Auth0Provider, {
+  return jsxRuntime.jsx(auth0React.Auth0Provider, {
     domain: domain,
     clientId: clientId,
     authorizationParams: {
       redirect_uri: redirectUri != null ? redirectUri : window.location.origin,
       audience: audience
     },
-    onRedirectCallback: handleRedirectCallback
-  }, React.createElement(Authenticate, {
-    decorateUser: decorateUser,
-    getReturnPath: getCurrentAppPath
-  }, function (params) {
-    return React.createElement(React.Fragment, null, environment && environment !== common.Environment.Production && React.createElement(EnvironmentBanner, {
-      environment: environment
-    }), children(params));
-  }));
+    onRedirectCallback: handleRedirectCallback,
+    children: jsxRuntime.jsx(Authenticate, {
+      decorateUser: decorateUser,
+      getReturnPath: getCurrentAppPath,
+      children: function children(params) {
+        return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [environment && environment !== common.Environment.Production && jsxRuntime.jsx(EnvironmentBanner, {
+            environment: environment
+          }), _children(params)]
+        });
+      }
+    })
+  });
 };
 
 var ORGANISATION_STORAGE_KEY = "EP::activeOrgId";
@@ -459,18 +476,18 @@ var convertUCServicesToConsents = function convertUCServicesToConsents(services)
   }, DEFAULT_CONSENT_GIVEN);
 };
 
-var ConsentContext = /*#__PURE__*/React.createContext(DEFAULT_CONSENT_GIVEN);
+var ConsentContext = /*#__PURE__*/react.createContext(DEFAULT_CONSENT_GIVEN);
 var useConsentManager = function useConsentManager() {
-  var context = React.useContext(ConsentContext);
+  var context = react.useContext(ConsentContext);
   return context;
 };
 var ConsentManagerProvider = function ConsentManagerProvider(_ref) {
   var children = _ref.children;
-  var _useState = React.useState(DEFAULT_CONSENT_GIVEN),
+  var _useState = react.useState(DEFAULT_CONSENT_GIVEN),
     consentManager = _useState[0],
     setConsentManager = _useState[1];
   // Initialize consent manager from local storage once
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (typeof window === "undefined") return;
     var ucData = ucUiStorage.get();
     if (ucData) {
@@ -480,7 +497,7 @@ var ConsentManagerProvider = function ConsentManagerProvider(_ref) {
     }
   }, []);
   // Listen for Usercentrics consent events and update consent manager state
-  React.useEffect(function () {
+  react.useEffect(function () {
     var handleConsentEvent = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
         var customEvent, services, updatedConsentManager;
@@ -511,23 +528,24 @@ var ConsentManagerProvider = function ConsentManagerProvider(_ref) {
       return window.removeEventListener("UC_CONSENT", handleConsentEvent);
     };
   }, []);
-  return React.createElement(ConsentContext.Provider, {
-    value: consentManager
-  }, children);
+  return jsxRuntime.jsx(ConsentContext.Provider, {
+    value: consentManager,
+    children: children
+  });
 };
 
-var LanguageContext = /*#__PURE__*/React.createContext(undefined);
+var LanguageContext = /*#__PURE__*/react.createContext(undefined);
 var useLanguageState = function useLanguageState(language) {
-  var _useState = React.useState(language),
+  var _useState = react.useState(language),
     activeLanguage = _useState[0],
     setLanguage = _useState[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     languageStorage.set(activeLanguage);
   }, [activeLanguage]);
   return [activeLanguage, setLanguage];
 };
 var useLanguage = function useLanguage() {
-  var context = React.useContext(LanguageContext);
+  var context = react.useContext(LanguageContext);
   util.assertIsDefined(context);
   return context;
 };
@@ -537,15 +555,16 @@ var LanguageProvider = function LanguageProvider(_ref) {
   var _useLanguageState = useLanguageState(language),
     activeLanguage = _useLanguageState[0],
     setLanguage = _useLanguageState[1];
-  return React.createElement(LanguageContext.Provider, {
+  return jsxRuntime.jsx(LanguageContext.Provider, {
     value: {
       language: activeLanguage,
       setLanguage: setLanguage
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 
-var MenuContext = /*#__PURE__*/React.createContext({
+var MenuContext = /*#__PURE__*/react.createContext({
   addItems: function addItems() {},
   getItemsForPath: function getItemsForPath() {
     return [];
@@ -556,11 +575,11 @@ var MenuContext = /*#__PURE__*/React.createContext({
   setMFNavigate: function setMFNavigate() {}
 });
 var useMenuGroupItems = function useMenuGroupItems(path) {
-  var context = React.useContext(MenuContext);
+  var context = react.useContext(MenuContext);
   return context.getItemsForPath(path);
 };
 var useMenu = function useMenu() {
-  return React.useContext(MenuContext);
+  return react.useContext(MenuContext);
 };
 var useMFNavigation = function useMFNavigation(path) {
   var _useMenu = useMenu(),
@@ -569,13 +588,13 @@ var useMFNavigation = function useMFNavigation(path) {
 };
 var MenuProvider = function MenuProvider(_ref) {
   var children = _ref.children;
-  var _useState = React.useState({}),
+  var _useState = react.useState({}),
     groups = _useState[0],
     setGroups = _useState[1];
-  var _useState2 = React.useState({}),
+  var _useState2 = react.useState({}),
     navFuncs = _useState2[0],
     setNavFuncs = _useState2[1];
-  var addItems = React.useCallback(function (newItems, path) {
+  var addItems = react.useCallback(function (newItems, path) {
     setGroups(function (prevState) {
       var _extends2;
       return _extends({}, prevState, (_extends2 = {}, _extends2[path] = newItems, _extends2));
@@ -590,7 +609,7 @@ var MenuProvider = function MenuProvider(_ref) {
       return _extends({}, prev, (_extends3 = {}, _extends3[path] = navigation, _extends3));
     });
   };
-  return React.createElement(MenuContext.Provider, {
+  return jsxRuntime.jsx(MenuContext.Provider, {
     value: {
       addItems: addItems,
       getItemsForPath: function getItemsForPath(path) {
@@ -599,8 +618,9 @@ var MenuProvider = function MenuProvider(_ref) {
       },
       getMFNavigate: getMFNavigate,
       setMFNavigate: setMFNavigate
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 
 var _excluded$1 = ["navigate", "children", "onClick", "target"];
@@ -615,7 +635,7 @@ var MicroFrontendLink = function MicroFrontendLink(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: Ignore lint rule for now. No changes in code.
-    React.createElement("a", _extends({
+    jsxRuntime.jsx("a", _extends({
       // biome-ignore lint/a11y/useValidAnchor: Ignore lint rule for now. No changes in code.
       onClick: function onClick(event) {
         try {
@@ -637,26 +657,28 @@ var MicroFrontendLink = function MicroFrontendLink(_ref) {
         }
       },
       target: target
-    }, rest), children)
+    }, rest, {
+      children: children
+    }))
   );
 };
 
-var OrganisationContext = /*#__PURE__*/React.createContext(undefined);
+var OrganisationContext = /*#__PURE__*/react.createContext(undefined);
 var useOrganisation = function useOrganisation() {
-  var context = React.useContext(OrganisationContext);
+  var context = react.useContext(OrganisationContext);
   util.assertIsDefined(context);
   return context;
 };
 var useOrganisationId = function useOrganisationId() {
-  var context = React.useContext(OrganisationContext);
+  var context = react.useContext(OrganisationContext);
   util.assertIsDefined(context);
   return context.organisationId;
 };
 var useOrganisationState = function useOrganisationState(initialOrganisationId) {
-  var _useState = React.useState(Number(initialOrganisationId)),
+  var _useState = react.useState(Number(initialOrganisationId)),
     organisationId = _useState[0],
     setOrganisationId = _useState[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     organisationStorage.set(organisationId.toString());
   }, [organisationId]);
   return [organisationId, setOrganisationId];
@@ -667,12 +689,13 @@ var OrganisationProvider = function OrganisationProvider(_ref) {
   var _useOrganisationState = useOrganisationState(organisationId),
     orgId = _useOrganisationState[0],
     setOrganisationId = _useOrganisationState[1];
-  return React.createElement(OrganisationContext.Provider, {
+  return jsxRuntime.jsx(OrganisationContext.Provider, {
     value: {
       organisationId: orgId,
       setOrganisationId: setOrganisationId
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 
 var OrganisationsError = /*#__PURE__*/function (_Error) {
@@ -696,15 +719,15 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
     selectedOrganisationId = _ref.selectedOrganisationId,
     onChange = _ref.onChange,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = React.useState([]),
+  var _useState = react.useState([]),
     organisations = _useState[0],
     setOrganisations = _useState[1];
   var _useLanguage = useLanguage(),
     language = _useLanguage.language;
-  var _useState2 = React.useState("LOADING"),
+  var _useState2 = react.useState("LOADING"),
     status = _useState2[0],
     setStatus = _useState2[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     var fetchOrganisations = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var token, organisations;
@@ -758,15 +781,16 @@ var OrganisationSelector = function OrganisationSelector(_ref) {
   }, [getOrganisations, getToken]);
   switch (status) {
     case "LOADING":
-      return React.createElement("div", {
-        className: "eds-contrast"
-      }, React.createElement(loader.SkeletonRectangle, {
-        style: {
-          height: "2.4rem"
-        }
-      }));
+      return jsxRuntime.jsx("div", {
+        className: "eds-contrast",
+        children: jsxRuntime.jsx(loader.SkeletonRectangle, {
+          style: {
+            height: "2.4rem"
+          }
+        })
+      });
     case "SUCCESS":
-      return React.createElement(common.OrganisationDropDown, _extends({
+      return jsxRuntime.jsx(common.OrganisationDropDown, _extends({
         label: language === "nb" || language === "nb-NO" ? "Organisasjon" : "Organisation",
         selectedOrganisationId: selectedOrganisationId,
         organisations: organisations,
@@ -789,7 +813,7 @@ var PostHogProviderWrapper = function PostHogProviderWrapper(_ref) {
     forceDisablePostHog = _ref$forceDisablePost === void 0 ? false : _ref$forceDisablePost,
     children = _ref.children;
   var consents = useConsentManager();
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (!postHogApiKey || forceDisablePostHog) {
       return;
     }
@@ -806,7 +830,9 @@ var PostHogProviderWrapper = function PostHogProviderWrapper(_ref) {
     } else {
       console.warn("AppShellStandalone Warning: PostHog tracking is disabled by force. PostHog will not be initialized.");
     }
-    return React.createElement(React.Fragment, null, children);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
   }
   postHog.init(postHogApiKey, {
     debug: debug,
@@ -815,9 +841,10 @@ var PostHogProviderWrapper = function PostHogProviderWrapper(_ref) {
     opt_out_capturing_by_default: true,
     autocapture: isStandalone
   }, project);
-  return React.createElement(react.PostHogProvider, {
-    client: postHog
-  }, children);
+  return jsxRuntime.jsx(react$1.PostHogProvider, {
+    client: postHog,
+    children: children
+  });
 };
 
 exports.AppShell = AppShell;