npm - @commercetools-frontend/application-shell - Versions diffs - 22.30.3 → 22.31.0 - Mend

@commercetools-frontend/application-shell 22.30.3 → 22.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/dist/{requests-in-flight-loader-acb4dbaa.esm.js → requests-in-flight-loader-efda7302.esm.js} RENAMED Viewed

@@ -11,12 +11,12 @@ import ReactDOM from 'react-dom';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
-import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-01054d41.esm.js';
+import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-9475648a.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'prop-types';
 import 'react';
 import 'react-router-dom';
-import './index-4e5248df.esm.js';
+import './index-b6081c20.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -42,8 +42,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-ff53dfd3.esm.js';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import './oidc-8275c04f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
@@ -51,13 +50,15 @@ import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
 import '@commercetools-uikit/text';
+import '@flopflip/react-broadcast';
+import '@commercetools-uikit/secondary-button';
+import '@commercetools-uikit/tooltip';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-frontend/browser-history';
 import '@commercetools-frontend/l10n';
@@ -73,7 +74,6 @@ import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
-import '@flopflip/react-broadcast';
 import '@flopflip/types';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';
@@ -96,7 +96,7 @@ var messages = defineMessages({
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
+const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${REQUESTS_IN_FLIGHT_LOADER_DOM_ID}`);
 const RequestsInFlightLoader = () => {
   const hasRequestsInFlight = useSelector(state => Boolean(state.requestsInFlight && state.requestsInFlight.length > 0));
   if (!hasRequestsInFlight) return null;

package/dist/{service-page-project-switcher-2b3f4d1d.cjs.prod.js → service-page-project-switcher-9310d282.cjs.prod.js} RENAMED Viewed

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-986cb2e3.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff4b1f1e.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-6c523761.cjs.dev.js → service-page-project-switcher-ae1cd6fa.cjs.dev.js} RENAMED Viewed

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-9ad54c23.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bd1c5108.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-65755fa9.esm.js → service-page-project-switcher-fb693a35.esm.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useParams } from 'react-router-dom';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { e as ProjectSwitcher } from './index-01054d41.esm.js';
+import { e as ProjectSwitcher } from './index-9475648a.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

package/dist/{use-applications-menu-2fe3d465.cjs.dev.js → use-applications-menu-222b9106.cjs.prod.js} RENAMED Viewed

@@ -1,5 +1,9 @@
 'use strict';
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -8,11 +12,6 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var client = require('@apollo/client');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
@@ -20,6 +19,8 @@ var l10n = require('@commercetools-frontend/l10n');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -28,12 +29,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "navBarGroups" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "items" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 939, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n    navBarGroups {\n      key\n      items {\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n        submenu {\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          featureToggle\n          menuVisibility\n          permissions\n          actionRights {\n            group\n            name\n          }\n          dataFences {\n            group\n            name\n            type\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const defaultApiUrl = window.location.origin;
 const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
@@ -63,11 +61,11 @@ const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
  * This is only needed for development.
  */
 const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
-  var _applicationConfig$__, _ref, _applicationConfig$__2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context2;
+  var _context2;
   const entryPointUriPath = applicationConfig.entryPointUriPath;
-  const menuLinks = (_applicationConfig$__ = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__ === void 0 ? void 0 : _applicationConfig$__.menuLinks;
+  const menuLinks = applicationConfig.__DEVELOPMENT__?.menuLinks;
   // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  const accountLinks = (_ref = (_applicationConfig$__2 = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__2 === void 0 ? void 0 : _applicationConfig$__2.accountLinks) !== null && _ref !== void 0 ? _ref : [];
+  const accountLinks = applicationConfig.__DEVELOPMENT__?.accountLinks ?? [];
   return {
     applicationsMenu: {
       __typename: 'ApplicationsMenu',
@@ -82,50 +80,43 @@ const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
           labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks.labelAllLocales, menuLinks.defaultLabel),
           permissions: menuLinks.permissions,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
+          featureToggle: menuLinks.featureToggle ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
+          menuVisibility: menuLinks.menuVisibility ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
+          actionRights: menuLinks.actionRights ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => {
-            var _context3, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-            return {
-              __typename: 'BaseMenu',
-              key: _concatInstanceProperty__default["default"](_context3 = "".concat(entryPointUriPath, "-")).call(_context3, submenuLink.uriPath),
-              uriPath: submenuLink.uriPath,
-              labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-              permissions: submenuLink.permissions,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-            };
-          })
+          dataFences: menuLinks.dataFences ?? null,
+          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => ({
+            __typename: 'BaseMenu',
+            key: `${entryPointUriPath}-${submenuLink.uriPath}`,
+            uriPath: submenuLink.uriPath,
+            labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
+            permissions: submenuLink.permissions,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            featureToggle: submenuLink.featureToggle ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            menuVisibility: submenuLink.menuVisibility ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            actionRights: submenuLink.actionRights ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            dataFences: submenuLink.dataFences ?? null
+          }))
         }]
       }] : [],
-      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => {
-        var _menuLink$featureTogg;
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-        };
-      })
+      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => ({
+        __typename: 'BaseMenu',
+        key: menuLink.uriPath,
+        uriPath: menuLink.uriPath,
+        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
+        permissions: menuLink.permissions,
+        // @ts-ignore: not defined in schema, as it's only used internally.
+        featureToggle: menuLink.featureToggle ?? null
+      }))
     }
   };
 };
 function useApplicationsMenu(menuKey, config) {
-  var _config$queryOptions;
   const apolloClient = client.useApolloClient();
   const mcProxyApiUrl = applicationShellConnectors.useApplicationContext(context => context.environment.mcProxyApiUrl);
   const _useState = react.useState(false),
@@ -147,11 +138,11 @@ function useApplicationsMenu(menuKey, config) {
       false :
       // Development environment
       !hasWrittenToCache,
-      onError: (_config$queryOptions = config.queryOptions) === null || _config$queryOptions === void 0 ? void 0 : _config$queryOptions.onError,
+      onError: config.queryOptions?.onError,
       fetchPolicy: config.environment.servedByProxy ? 'cache-first' : 'cache-only',
       context: {
         // Allow to overwrite the API url from application config
-        uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
+        uri: `${mcProxyApiUrl || defaultApiUrl}/api/graphql`,
         skipGraphQlTargetCheck: true
       }
     }),

package/dist/{use-applications-menu-0d3f4ffc.cjs.prod.js → use-applications-menu-302a0ac8.cjs.dev.js} RENAMED Viewed

@@ -1,5 +1,9 @@
 'use strict';
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -8,11 +12,6 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var client = require('@apollo/client');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
@@ -20,6 +19,8 @@ var l10n = require('@commercetools-frontend/l10n');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -28,12 +29,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "navBarGroups" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "items" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 939, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n    navBarGroups {\n      key\n      items {\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n        submenu {\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          featureToggle\n          menuVisibility\n          permissions\n          actionRights {\n            group\n            name\n          }\n          dataFences {\n            group\n            name\n            type\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const defaultApiUrl = window.location.origin;
 const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
@@ -63,11 +61,11 @@ const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
  * This is only needed for development.
  */
 const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
-  var _applicationConfig$__, _ref, _applicationConfig$__2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context2;
+  var _context2;
   const entryPointUriPath = applicationConfig.entryPointUriPath;
-  const menuLinks = (_applicationConfig$__ = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__ === void 0 ? void 0 : _applicationConfig$__.menuLinks;
+  const menuLinks = applicationConfig.__DEVELOPMENT__?.menuLinks;
   // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  const accountLinks = (_ref = (_applicationConfig$__2 = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__2 === void 0 ? void 0 : _applicationConfig$__2.accountLinks) !== null && _ref !== void 0 ? _ref : [];
+  const accountLinks = applicationConfig.__DEVELOPMENT__?.accountLinks ?? [];
   return {
     applicationsMenu: {
       __typename: 'ApplicationsMenu',
@@ -82,50 +80,43 @@ const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
           labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks.labelAllLocales, menuLinks.defaultLabel),
           permissions: menuLinks.permissions,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
+          featureToggle: menuLinks.featureToggle ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
+          menuVisibility: menuLinks.menuVisibility ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
+          actionRights: menuLinks.actionRights ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => {
-            var _context3, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-            return {
-              __typename: 'BaseMenu',
-              key: _concatInstanceProperty__default["default"](_context3 = "".concat(entryPointUriPath, "-")).call(_context3, submenuLink.uriPath),
-              uriPath: submenuLink.uriPath,
-              labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-              permissions: submenuLink.permissions,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-            };
-          })
+          dataFences: menuLinks.dataFences ?? null,
+          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => ({
+            __typename: 'BaseMenu',
+            key: `${entryPointUriPath}-${submenuLink.uriPath}`,
+            uriPath: submenuLink.uriPath,
+            labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
+            permissions: submenuLink.permissions,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            featureToggle: submenuLink.featureToggle ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            menuVisibility: submenuLink.menuVisibility ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            actionRights: submenuLink.actionRights ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            dataFences: submenuLink.dataFences ?? null
+          }))
         }]
       }] : [],
-      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => {
-        var _menuLink$featureTogg;
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-        };
-      })
+      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => ({
+        __typename: 'BaseMenu',
+        key: menuLink.uriPath,
+        uriPath: menuLink.uriPath,
+        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
+        permissions: menuLink.permissions,
+        // @ts-ignore: not defined in schema, as it's only used internally.
+        featureToggle: menuLink.featureToggle ?? null
+      }))
     }
   };
 };
 function useApplicationsMenu(menuKey, config) {
-  var _config$queryOptions;
   const apolloClient = client.useApolloClient();
   const mcProxyApiUrl = applicationShellConnectors.useApplicationContext(context => context.environment.mcProxyApiUrl);
   const _useState = react.useState(false),
@@ -147,11 +138,11 @@ function useApplicationsMenu(menuKey, config) {
       false :
       // Development environment
       !hasWrittenToCache,
-      onError: (_config$queryOptions = config.queryOptions) === null || _config$queryOptions === void 0 ? void 0 : _config$queryOptions.onError,
+      onError: config.queryOptions?.onError,
       fetchPolicy: config.environment.servedByProxy ? 'cache-first' : 'cache-only',
       context: {
         // Allow to overwrite the API url from application config
-        uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
+        uri: `${mcProxyApiUrl || defaultApiUrl}/api/graphql`,
         skipGraphQlTargetCheck: true
       }
     }),

package/dist/{use-applications-menu-03759eab.esm.js → use-applications-menu-b583e9c3.esm.js} RENAMED Viewed

@@ -1,3 +1,7 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -6,18 +10,13 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { useState, useEffect } from 'react';
 import { useApolloClient } from '@apollo/client';
 import { useApplicationContext, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 import { getSupportedLocales } from '@commercetools-frontend/l10n';
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "navBarGroups" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "items" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 939, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n    navBarGroups {\n      key\n      items {\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n        submenu {\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          featureToggle\n          menuVisibility\n          permissions\n          actionRights {\n            group\n            name\n          }\n          dataFences {\n            group\n            name\n            type\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const defaultApiUrl = window.location.origin;
 const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
@@ -47,11 +46,11 @@ const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
  * This is only needed for development.
  */
 const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
-  var _applicationConfig$__, _ref, _applicationConfig$__2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context2;
+  var _context2;
   const entryPointUriPath = applicationConfig.entryPointUriPath;
-  const menuLinks = (_applicationConfig$__ = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__ === void 0 ? void 0 : _applicationConfig$__.menuLinks;
+  const menuLinks = applicationConfig.__DEVELOPMENT__?.menuLinks;
   // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  const accountLinks = (_ref = (_applicationConfig$__2 = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__2 === void 0 ? void 0 : _applicationConfig$__2.accountLinks) !== null && _ref !== void 0 ? _ref : [];
+  const accountLinks = applicationConfig.__DEVELOPMENT__?.accountLinks ?? [];
   return {
     applicationsMenu: {
       __typename: 'ApplicationsMenu',
@@ -66,50 +65,43 @@ const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
           labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks.labelAllLocales, menuLinks.defaultLabel),
           permissions: menuLinks.permissions,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
+          featureToggle: menuLinks.featureToggle ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
+          menuVisibility: menuLinks.menuVisibility ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
+          actionRights: menuLinks.actionRights ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-          submenu: _mapInstanceProperty(_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => {
-            var _context3, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-            return {
-              __typename: 'BaseMenu',
-              key: _concatInstanceProperty(_context3 = "".concat(entryPointUriPath, "-")).call(_context3, submenuLink.uriPath),
-              uriPath: submenuLink.uriPath,
-              labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-              permissions: submenuLink.permissions,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-            };
-          })
+          dataFences: menuLinks.dataFences ?? null,
+          submenu: _mapInstanceProperty(_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => ({
+            __typename: 'BaseMenu',
+            key: `${entryPointUriPath}-${submenuLink.uriPath}`,
+            uriPath: submenuLink.uriPath,
+            labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
+            permissions: submenuLink.permissions,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            featureToggle: submenuLink.featureToggle ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            menuVisibility: submenuLink.menuVisibility ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            actionRights: submenuLink.actionRights ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            dataFences: submenuLink.dataFences ?? null
+          }))
         }]
       }] : [],
-      appBar: _mapInstanceProperty(accountLinks).call(accountLinks, menuLink => {
-        var _menuLink$featureTogg;
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-        };
-      })
+      appBar: _mapInstanceProperty(accountLinks).call(accountLinks, menuLink => ({
+        __typename: 'BaseMenu',
+        key: menuLink.uriPath,
+        uriPath: menuLink.uriPath,
+        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
+        permissions: menuLink.permissions,
+        // @ts-ignore: not defined in schema, as it's only used internally.
+        featureToggle: menuLink.featureToggle ?? null
+      }))
     }
   };
 };
 function useApplicationsMenu(menuKey, config) {
-  var _config$queryOptions;
   const apolloClient = useApolloClient();
   const mcProxyApiUrl = useApplicationContext(context => context.environment.mcProxyApiUrl);
   const _useState = useState(false),
@@ -131,11 +123,11 @@ function useApplicationsMenu(menuKey, config) {
       false :
       // Development environment
       !hasWrittenToCache,
-      onError: (_config$queryOptions = config.queryOptions) === null || _config$queryOptions === void 0 ? void 0 : _config$queryOptions.onError,
+      onError: config.queryOptions?.onError,
       fetchPolicy: config.environment.servedByProxy ? 'cache-first' : 'cache-only',
       context: {
         // Allow to overwrite the API url from application config
-        uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
+        uri: `${mcProxyApiUrl || defaultApiUrl}/api/graphql`,
         skipGraphQlTargetCheck: true
       }
     }),