npm - @commercetools-frontend/application-shell - Versions diffs - 25.0.0 → 25.2.0 - Mend

@commercetools-frontend/application-shell 25.0.0 → 25.2.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 (70) hide show

package/dist/{use-applications-menu-8ff2d130.esm.js → use-applications-menu-bc2b9a66.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: "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: "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: 891, 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        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          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,45 +65,39 @@ 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
+      }))
     }
   };
 };
@@ -133,7 +126,7 @@ function useApplicationsMenu(menuKey, config) {
       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-7a85c3ee.cjs.dev.js → use-applications-menu-bd718ac8.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: "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: "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: 891, 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        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          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,45 +80,39 @@ 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
+      }))
     }
   };
 };
@@ -149,7 +141,7 @@ function useApplicationsMenu(menuKey, config) {
       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/{user-settings-menu-2d3bfa75.cjs.prod.js → user-settings-menu-013f0041.cjs.prod.js} RENAMED Viewed

@@ -28,10 +28,9 @@ var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var oidc = require('./oidc-258fc018.cjs.prod.js');
-var useApplicationsMenu = require('./use-applications-menu-21c7420b.cjs.prod.js');
+var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-8984efa1.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@apollo/client');
 require('@commercetools-frontend/l10n');
@@ -121,17 +120,15 @@ const UserAvatar = props => {
 };
 UserAvatar.displayName = 'UserAvatar';
 function getIsFocusedElementInMenu() {
-  var _document$activeEleme;
-  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
+  return Boolean(document.activeElement?.getAttribute('data-user-settings-menu'));
 }
 const stateReducer = (state, changes) => {
-  var _ref3;
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift__default["default"].stateChangeTypes.blurButton:
       return _objectSpread(_objectSpread({}, changes), {}, {
-        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
+        isOpen: (state.isOpen && getIsFocusedElementInMenu()) ?? false
       });
     default:
       return changes;
@@ -178,14 +175,13 @@ const UserSettingsMenuBody = props => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = react.useRef(null);
   react.useEffect(() => {
-    var _menuElementRef$curre;
-    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
+    menuElementRef.current?.focus();
   }, []);
   const environment = applicationShellConnectors.useApplicationContext(context => context.environment);
   const applicationsAppBarMenu = useApplicationsMenu.useApplicationsMenu('appBar', {
     environment
   });
-  const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
+  const accountMenuItems = applicationsAppBarMenu ?? [];
   return jsxRuntime.jsx("div", {
     onKeyDown: event => {
       if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
@@ -217,30 +213,27 @@ const UserSettingsMenuBody = props => {
         })
       }), accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
         hasDivider: true
-      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
-        var _menu$featureToggle;
-        return jsxRuntime.jsx(OptionalFeatureToggle, {
-          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
-          children: jsxRuntime.jsx(reactRouterDom.Link, {
-            css: getUserSettingsMenuItemLinkStyles(),
-            to: "/account/".concat(menu.uriPath),
-            onClick: () => props.downshiftProps.toggleMenu(),
-            "data-user-settings-menu": true,
-            ref: menuElementRef,
-            children: jsxRuntime.jsx(MenuItem, {
-              children: jsxRuntime.jsx(MenuItemLabel, {
-                children: jsxRuntime.jsx(Text__default["default"].Body, {
-                  children: renderLabel(menu, props.language)
-                })
+      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => jsxRuntime.jsx(OptionalFeatureToggle, {
+        featureToggle: menu.featureToggle ?? undefined,
+        children: jsxRuntime.jsx(reactRouterDom.Link, {
+          css: getUserSettingsMenuItemLinkStyles(),
+          to: `/account/${menu.uriPath}`,
+          onClick: () => props.downshiftProps.toggleMenu(),
+          "data-user-settings-menu": true,
+          ref: menuElementRef,
+          children: jsxRuntime.jsx(MenuItem, {
+            children: jsxRuntime.jsx(MenuItemLabel, {
+              children: jsxRuntime.jsx(Text__default["default"].Body, {
+                children: renderLabel(menu, props.language)
               })
             })
           })
-        }, menu.key);
-      }), jsxRuntime.jsx(MenuItem, {
+        })
+      }, menu.key)), jsxRuntime.jsx(MenuItem, {
         hasDivider: true
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: "https://commercetools.com/privacy#suppliers",
+        href: `https://commercetools.com/privacy#suppliers`,
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => props.downshiftProps.toggleMenu(),
@@ -274,7 +267,7 @@ const UserSettingsMenuBody = props => {
         // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
+        href: `/logout?reason=${constants.LOGOUT_REASONS.USER}`,
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem, {

package/dist/{user-settings-menu-31e6bb38.esm.js → user-settings-menu-16e8d020.esm.js} RENAMED Viewed

@@ -26,10 +26,9 @@ import Avatar from '@commercetools-uikit/avatar';
 import { designTokens } from '@commercetools-uikit/design-system';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { D as DIMENSIONS } from './oidc-35e8e62a.esm.js';
-import { u as useApplicationsMenu } from './use-applications-menu-8ff2d130.esm.js';
+import { D as DIMENSIONS } from './oidc-b2520905.esm.js';
+import { u as useApplicationsMenu } from './use-applications-menu-bc2b9a66.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@apollo/client';
 import '@commercetools-frontend/l10n';
@@ -99,17 +98,15 @@ const UserAvatar = props => {
 };
 UserAvatar.displayName = 'UserAvatar';
 function getIsFocusedElementInMenu() {
-  var _document$activeEleme;
-  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
+  return Boolean(document.activeElement?.getAttribute('data-user-settings-menu'));
 }
 const stateReducer = (state, changes) => {
-  var _ref3;
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift.stateChangeTypes.blurButton:
       return _objectSpread(_objectSpread({}, changes), {}, {
-        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
+        isOpen: (state.isOpen && getIsFocusedElementInMenu()) ?? false
       });
     default:
       return changes;
@@ -163,14 +160,13 @@ const UserSettingsMenuBody = props => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = useRef(null);
   useEffect(() => {
-    var _menuElementRef$curre;
-    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
+    menuElementRef.current?.focus();
   }, []);
   const environment = useApplicationContext(context => context.environment);
   const applicationsAppBarMenu = useApplicationsMenu('appBar', {
     environment
   });
-  const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
+  const accountMenuItems = applicationsAppBarMenu ?? [];
   return jsx("div", {
     onKeyDown: event => {
       if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
@@ -202,30 +198,27 @@ const UserSettingsMenuBody = props => {
         })
       }), accountMenuItems.length > 0 ? jsx(MenuItem, {
         hasDivider: true
-      }) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu => {
-        var _menu$featureToggle;
-        return jsx(OptionalFeatureToggle, {
-          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
-          children: jsx(Link, {
-            css: getUserSettingsMenuItemLinkStyles(),
-            to: "/account/".concat(menu.uriPath),
-            onClick: () => props.downshiftProps.toggleMenu(),
-            "data-user-settings-menu": true,
-            ref: menuElementRef,
-            children: jsx(MenuItem, {
-              children: jsx(MenuItemLabel, {
-                children: jsx(Text.Body, {
-                  children: renderLabel(menu, props.language)
-                })
+      }) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu => jsx(OptionalFeatureToggle, {
+        featureToggle: menu.featureToggle ?? undefined,
+        children: jsx(Link, {
+          css: getUserSettingsMenuItemLinkStyles(),
+          to: `/account/${menu.uriPath}`,
+          onClick: () => props.downshiftProps.toggleMenu(),
+          "data-user-settings-menu": true,
+          ref: menuElementRef,
+          children: jsx(MenuItem, {
+            children: jsx(MenuItemLabel, {
+              children: jsx(Text.Body, {
+                children: renderLabel(menu, props.language)
               })
             })
           })
-        }, menu.key);
-      }), jsx(MenuItem, {
+        })
+      }, menu.key)), jsx(MenuItem, {
         hasDivider: true
       }), jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: "https://commercetools.com/privacy#suppliers",
+        href: `https://commercetools.com/privacy#suppliers`,
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => props.downshiftProps.toggleMenu(),
@@ -259,7 +252,7 @@ const UserSettingsMenuBody = props => {
         // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: "/logout?reason=".concat(LOGOUT_REASONS.USER),
+        href: `/logout?reason=${LOGOUT_REASONS.USER}`,
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsx(MenuItem, {

package/dist/{user-settings-menu-c37b343f.cjs.dev.js → user-settings-menu-dc598434.cjs.dev.js} RENAMED Viewed

@@ -28,10 +28,9 @@ var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var oidc = require('./oidc-87d116c1.cjs.dev.js');
-var useApplicationsMenu = require('./use-applications-menu-7a85c3ee.cjs.dev.js');
+var oidc = require('./oidc-8827f9fe.cjs.dev.js');
+var useApplicationsMenu = require('./use-applications-menu-bd718ac8.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@apollo/client');
 require('@commercetools-frontend/l10n');
@@ -122,17 +121,15 @@ const UserAvatar = props => {
 };
 UserAvatar.displayName = 'UserAvatar';
 function getIsFocusedElementInMenu() {
-  var _document$activeEleme;
-  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
+  return Boolean(document.activeElement?.getAttribute('data-user-settings-menu'));
 }
 const stateReducer = (state, changes) => {
-  var _ref3;
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift__default["default"].stateChangeTypes.blurButton:
       return _objectSpread(_objectSpread({}, changes), {}, {
-        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
+        isOpen: (state.isOpen && getIsFocusedElementInMenu()) ?? false
       });
     default:
       return changes;
@@ -186,14 +183,13 @@ const UserSettingsMenuBody = props => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = react.useRef(null);
   react.useEffect(() => {
-    var _menuElementRef$curre;
-    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
+    menuElementRef.current?.focus();
   }, []);
   const environment = applicationShellConnectors.useApplicationContext(context => context.environment);
   const applicationsAppBarMenu = useApplicationsMenu.useApplicationsMenu('appBar', {
     environment
   });
-  const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
+  const accountMenuItems = applicationsAppBarMenu ?? [];
   return jsxRuntime.jsx("div", {
     onKeyDown: event => {
       if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
@@ -225,30 +221,27 @@ const UserSettingsMenuBody = props => {
         })
       }), accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
         hasDivider: true
-      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
-        var _menu$featureToggle;
-        return jsxRuntime.jsx(OptionalFeatureToggle, {
-          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
-          children: jsxRuntime.jsx(reactRouterDom.Link, {
-            css: getUserSettingsMenuItemLinkStyles(),
-            to: "/account/".concat(menu.uriPath),
-            onClick: () => props.downshiftProps.toggleMenu(),
-            "data-user-settings-menu": true,
-            ref: menuElementRef,
-            children: jsxRuntime.jsx(MenuItem, {
-              children: jsxRuntime.jsx(MenuItemLabel, {
-                children: jsxRuntime.jsx(Text__default["default"].Body, {
-                  children: renderLabel(menu, props.language)
-                })
+      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => jsxRuntime.jsx(OptionalFeatureToggle, {
+        featureToggle: menu.featureToggle ?? undefined,
+        children: jsxRuntime.jsx(reactRouterDom.Link, {
+          css: getUserSettingsMenuItemLinkStyles(),
+          to: `/account/${menu.uriPath}`,
+          onClick: () => props.downshiftProps.toggleMenu(),
+          "data-user-settings-menu": true,
+          ref: menuElementRef,
+          children: jsxRuntime.jsx(MenuItem, {
+            children: jsxRuntime.jsx(MenuItemLabel, {
+              children: jsxRuntime.jsx(Text__default["default"].Body, {
+                children: renderLabel(menu, props.language)
               })
             })
           })
-        }, menu.key);
-      }), jsxRuntime.jsx(MenuItem, {
+        })
+      }, menu.key)), jsxRuntime.jsx(MenuItem, {
         hasDivider: true
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: "https://commercetools.com/privacy#suppliers",
+        href: `https://commercetools.com/privacy#suppliers`,
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => props.downshiftProps.toggleMenu(),
@@ -282,7 +275,7 @@ const UserSettingsMenuBody = props => {
         // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
+        href: `/logout?reason=${constants.LOGOUT_REASONS.USER}`,
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem, {