@commercetools-frontend/application-shell 21.23.10 → 21.24.0

package/dist/{quick-access-f42a8e0a.cjs.prod.js → quick-access-5c5074c7.cjs.prod.js}

@@ -1,11 +1,8 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('prop-types');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
@@ -14,17 +11,17 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var react$1 = require('react');
-var reactIntl = require('react-intl');
-var reactBroadcast = require('@flopflip/react-broadcast');
 var react$2 = require('@apollo/client/react');
-var reactRouterDom = require('react-router-dom');
-var sdk = require('@commercetools-frontend/sdk');
+var reactBroadcast = require('@flopflip/react-broadcast');
 var commonTags = require('common-tags');
 var debounce = require('debounce-async');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var permissions$1 = require('@commercetools-frontend/permissions');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var applicationEntryPoint = require('./application-entry-point-307baa50.cjs.prod.js');
+var sdk = require('@commercetools-frontend/sdk');
+var useIsServedByProxy = require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
 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 _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -36,37 +33,33 @@ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/i
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
+var react = require('@emotion/react');
 var Fuse = require('fuse.js');
 var last = require('lodash/last');
-var react = require('@emotion/react');
-var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var icons = require('@commercetools-uikit/icons');
 var designSystem = require('@commercetools-uikit/design-system');
+var icons = require('@commercetools-uikit/icons');
+var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendApplicationShell = require('./index-37414a3f.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e0ab178f.cjs.prod.js');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('./configure-apollo-d11de242.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
-require('lodash/mapValues');
 require('@reduxjs/toolkit');
-require('redux-thunk');
+require('lodash/mapValues');
 require('omit-empty-es');
+require('redux-thunk');
 require('@commercetools-frontend/notifications');
-require('./constants-88fb9ef8.cjs.prod.js');
-require('@commercetools-frontend/react-notifications');
-require('redux-logger');
-require('react-dom');
-require('react-redux');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@commercetools-frontend/sentry');
+require('./constants-e6409334.cjs.prod.js');
+require('@commercetools-frontend/react-notifications');
+require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@apollo/client');
 require('apollo-link-logger');
-require('@babel/runtime-corejs3/core-js-stable/array/from');
-require('@babel/runtime-corejs3/core-js-stable/symbol');
-require('@babel/runtime-corejs3/core-js/get-iterator-method');
 require('@apollo/client/link/error');
 require('@commercetools-frontend/browser-history');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -82,53 +75,41 @@ require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@apollo/client/link/retry');
-require('tiny-invariant');
-require('@commercetools-frontend/application-components');
-require('@commercetools-frontend/application-config/ssr');
 require('@emotion/styled/base');
+require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('perfume.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
-require('lodash/camelCase');
-require('./oidc-1c91f5ee.cjs.prod.js');
-require('qss');
-require('jwt-decode');
-require('@commercetools-frontend/assets/images/locked-diamond.svg');
-require('@commercetools-uikit/notifications');
+require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/spacings');
-require('@commercetools-uikit/constraints');
-require('@commercetools-uikit/card');
-require('@commercetools-uikit/text');
 require('@commercetools-uikit/flat-button');
-require('lodash/upperFirst');
-require('@commercetools-frontend/assets/images/ct-logo.svg');
-require('@commercetools-frontend/assets/images/icecream.svg');
-require('@commercetools-frontend/l10n');
-require('@commercetools-frontend/assets/images/logo.svg');
-require('downshift');
-require('@commercetools-uikit/avatar');
-require('@commercetools-uikit/accessible-hidden');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
+require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-frontend/l10n');
+require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
+require('lodash/camelCase');
+require('@babel/runtime-corejs3/core-js-stable/array/from');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('classnames');
+require('@commercetools-frontend/assets/images/diagonal-line.svg');
+require('@commercetools-uikit/icons/inline-svg');
 require('lodash/isNil');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
-require('@flopflip/launchdarkly-adapter');
-require('@flopflip/http-adapter');
 require('@flopflip/combine-adapters');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('classnames');
-require('@commercetools-uikit/icons/inline-svg');
-require('@commercetools-frontend/assets/images/diagonal-line.svg');
-require('lodash/throttle');
-require('@commercetools-frontend/url-utils');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('perfume.js');
+require('react-redux');
+require('lodash/upperFirst');
+require('./oidc-540a091a.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-config/ssr');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
@@ -164,7 +145,7 @@ var _ref2 = {
   styles: "flex:1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
 } ;
 
-var ButlerCommand = function ButlerCommand(props) {
+const ButlerCommand = props => {
   var _context;
 
   return jsxRuntime.jsxs("div", {
@@ -442,17 +423,13 @@ var _templateObject$3, _templateObject2$2;
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context15, _context16; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context15 = ownKeys(Object(source), !0)).call(_context15, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context16 = ownKeys(Object(source))).call(_context16, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context12, _context13; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context12 = ownKeys(Object(source), !0)).call(_context12, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context13 = ownKeys(Object(source))).call(_context13, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var isSelectAllCombo = function isSelectAllCombo(event) {
-  return event.key === 'a' && event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
-};
+const isSelectAllCombo = event => event.key === 'a' && event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
 
-var isCloseCombo = function isCloseCombo(event) {
-  return event.key === 'Escape' && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
-};
+const isCloseCombo = event => event.key === 'Escape' && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
 
-var getPlatform = function getPlatform() {
+const getPlatform = () => {
   var _context, _context2, _context3, _context4;
 
   if (_includesInstanceProperty__default["default"](_context = navigator.appVersion).call(_context, 'Win')) return 'windows';
@@ -462,8 +439,8 @@ var getPlatform = function getPlatform() {
   return null;
 };
 
-var hasNewWindowModifier = function hasNewWindowModifier(event) {
-  var platform = getPlatform();
+const hasNewWindowModifier = event => {
+  const platform = getPlatform();
 
   switch (platform) {
     case 'macos':
@@ -474,8 +451,8 @@ var hasNewWindowModifier = function hasNewWindowModifier(event) {
   }
 };
 
-var shakeAnimation = react.keyframes(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  14%,\n  42%,\n  70% {\n    transform: translate3d(-3px, 0, 0);\n  }\n\n  28%,\n  56%,\n  84% {\n    transform: translate3d(3px, 0, 0);\n  }\n"])));
-var initialState = {
+const shakeAnimation = react.keyframes(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  14%,\n  42%,\n  70% {\n    transform: translate3d(-3px, 0, 0);\n  }\n\n  28%,\n  56%,\n  84% {\n    transform: translate3d(3px, 0, 0);\n  }\n"])));
+const initialState = {
   hasNetworkError: false,
   isLoading: false,
   searchText: '',
@@ -486,11 +463,11 @@ var initialState = {
   stack: []
 };
 
-var reducer = function reducer() {
-  var _context5, _context6;
+const reducer = function () {
+  var _context5;
 
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
 
   switch (action.type) {
     case 'networkError':
@@ -532,11 +509,11 @@ var reducer = function reducer() {
 
     case 'setNextCommands':
       return _objectSpread(_objectSpread({}, state), {}, {
-        stack: _concatInstanceProperty__default["default"](_context5 = []).call(_context5, _toConsumableArray(state.stack), [{
+        stack: [...state.stack, {
           searchText: state.searchText,
           results: state.results,
           selectedResult: state.selectedResult
-        }]),
+        }],
         selectedResult: 0,
         enableHistory: false,
         results: action.payload.results
@@ -549,7 +526,7 @@ var reducer = function reducer() {
         selectedResult: 0,
         enableHistory: false,
         // omit last item
-        stack: _sliceInstanceProperty__default["default"](_context6 = state.stack).call(_context6, 0, -1)
+        stack: _sliceInstanceProperty__default["default"](_context5 = state.stack).call(_context5, 0, -1)
       });
 
     case 'searchText':
@@ -594,50 +571,50 @@ var _ref = {
   styles: "display:flex"
 } ;
 
-var Butler = function Butler(props) {
-  var intl = reactIntl.useIntl();
+const Butler = props => {
+  const intl = reactIntl.useIntl();
 
-  var _useReducer = react$1.useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
+  const _useReducer = react$1.useReducer(reducer, initialState),
+        _useReducer2 = _slicedToArray(_useReducer, 2),
+        state = _useReducer2[0],
+        dispatch = _useReducer2[1];
 
-  var shouldSelectFieldText = react$1.useRef(false);
-  var isNewWindowCombo = react$1.useRef(false);
-  var skipNextSelection = react$1.useRef(false);
-  var searchContainerRef = react$1.useRef(null);
-  var searchInputRef = react$1.useRef(null);
-  var setHasNetworkError = react$1.useCallback(function () {
+  const shouldSelectFieldText = react$1.useRef(false);
+  const isNewWindowCombo = react$1.useRef(false);
+  const skipNextSelection = react$1.useRef(false);
+  const searchContainerRef = react$1.useRef(null);
+  const searchInputRef = react$1.useRef(null);
+  const setHasNetworkError = react$1.useCallback(() => {
     dispatch({
       type: 'networkError',
       payload: true
     });
   }, []);
-  var unsetHasNetworkError = react$1.useCallback(function () {
+  const unsetHasNetworkError = react$1.useCallback(() => {
     dispatch({
       type: 'networkError',
       payload: false
     });
   }, []);
-  var setIsLoading = react$1.useCallback(function () {
+  const setIsLoading = react$1.useCallback(() => {
     dispatch({
       type: 'loading',
       payload: true
     });
   }, []);
-  var unsetIsLoading = react$1.useCallback(function () {
+  const unsetIsLoading = react$1.useCallback(() => {
     dispatch({
       type: 'loading',
       payload: false
     });
   }, []); // Destructure functions from props to reference them in the hook dependency list
 
-  var searchFromParent = props.search,
-      onCloseFromParent = props.onClose,
-      executeCommandFromParent = props.executeCommand,
-      onHistoryEntriesChangeFromParent = props.onHistoryEntriesChange,
-      getNextCommandsFromParent = props.getNextCommands;
-  var shake = react$1.useCallback(function () {
+  const searchFromParent = props.search,
+        onCloseFromParent = props.onClose,
+        executeCommandFromParent = props.executeCommand,
+        onHistoryEntriesChangeFromParent = props.onHistoryEntriesChange,
+        getNextCommandsFromParent = props.getNextCommands;
+  const shake = react$1.useCallback(() => {
     if (searchContainerRef.current) {
       searchContainerRef.current.classList.remove(props.classNameShakeAnimation); // -> triggering reflow
       // eslint-disable-next-line no-void
@@ -646,15 +623,15 @@ var Butler = function Butler(props) {
       searchContainerRef.current.classList.add(props.classNameShakeAnimation);
     }
   }, [props.classNameShakeAnimation]);
-  var execute = react$1.useCallback(function (command, meta) {
-    var _context7, _context8;
+  const execute = react$1.useCallback((command, meta) => {
+    var _context6;
 
     // Only main entries get added to history, so when a subcommand is executed,
     // we add the main command of it to the history (the top-level command).
     //
     // The key to identify history entries by is always the searchText
     // There will never be two history entries with the same searchText
-    var entry = state.stack.length === 0 ? // The stack is empty, so we are executing a top-level command
+    const entry = state.stack.length === 0 ? // The stack is empty, so we are executing a top-level command
     {
       searchText: state.searchText,
       results: state.results
@@ -668,16 +645,14 @@ var Butler = function Butler(props) {
     // top of the history (with the most recent results), or appends a new entry
     // when it didn't exist before.
 
-    onHistoryEntriesChangeFromParent(_concatInstanceProperty__default["default"](_context7 = []).call(_context7, _toConsumableArray(_filterInstanceProperty__default["default"](_context8 = props.historyEntries).call(_context8, function (command) {
-      return command.searchText !== entry.searchText;
-    })), [entry]));
+    onHistoryEntriesChangeFromParent([..._filterInstanceProperty__default["default"](_context6 = props.historyEntries).call(_context6, command => command.searchText !== entry.searchText), entry]);
     dispatch({
       type: 'resetSearchText'
     });
     onCloseFromParent();
     executeCommandFromParent(command, meta);
   }, [executeCommandFromParent, onCloseFromParent, onHistoryEntriesChangeFromParent, props.historyEntries, state.results, state.searchText, state.stack]);
-  var handleKeyDown = react$1.useCallback(function (event) {
+  const handleKeyDown = react$1.useCallback(event => {
     // Preventing cursor jumps can only happen in onKeyDown, but not in onKeyUp
     event.persist(); // We want to know when the user presses cmd+enter (cmd being a meta key).
     // We are only told about this in keyDown, but not in keyUp, so we need
@@ -727,16 +702,14 @@ var Butler = function Butler(props) {
     if (event.key === 'ArrowUp') {
       // browse through history
       if (state.searchText.length === 0 || state.selectedResult < 1 && state.enableHistory) {
-        var _context9;
+        var _context7;
 
         shouldSelectFieldText.current = true;
-        var selectedIndex = state.searchText.length === 0 ? // When going back the first step
+        const selectedIndex = state.searchText.length === 0 ? // When going back the first step
         -1 : // When going back more than one step
-        _findIndexInstanceProperty__default["default"](_context9 = props.historyEntries).call(_context9, function (command) {
-          return command.searchText === state.searchText;
-        }); // Pick the previous command from the history
+        _findIndexInstanceProperty__default["default"](_context7 = props.historyEntries).call(_context7, command => command.searchText === state.searchText); // Pick the previous command from the history
 
-        var prevCommand = selectedIndex === -1 ? // previous command on top of the history when going back on
+        const prevCommand = selectedIndex === -1 ? // previous command on top of the history when going back on
         // first step
         last__default["default"](props.historyEntries) : // previous command is deeper down
         // When the history does not exist (negative index), then
@@ -764,89 +737,65 @@ var Butler = function Butler(props) {
 
     if (state.selectedResult > -1) {
       if (event.key === 'ArrowRight') {
-        var _command = state.results[state.selectedResult];
-        var _searchText = state.searchText;
-        var isCursorAtEnd = searchInputRef.current && state.searchText.length === searchInputRef.current.selectionStart;
-        var isEverythingSelected = searchInputRef.current && searchInputRef.current.selectionStart === 0 && state.searchText.length === searchInputRef.current.selectionEnd; // only allow diving in when cursor is at end of input or when
+        const command = state.results[state.selectedResult];
+        const searchText = state.searchText;
+        const isCursorAtEnd = searchInputRef.current && state.searchText.length === searchInputRef.current.selectionStart;
+        const isEverythingSelected = searchInputRef.current && searchInputRef.current.selectionStart === 0 && state.searchText.length === searchInputRef.current.selectionEnd; // only allow diving in when cursor is at end of input or when
         // the complete text is selected (when browsing through history)
 
         if (!isCursorAtEnd && !isEverythingSelected) return;
         unsetHasNetworkError(); // NOTE: since we need to fetch the "next command", which is an async operation,
         // we use a IIFE to process that and eventually update the state.
 
-        _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-          var nextCommands;
-          return _regeneratorRuntime__default["default"].wrap(function _callee$(_context10) {
-            while (1) {
-              switch (_context10.prev = _context10.next) {
-                case 0:
-                  if (!_command) {
-                    _context10.next = 7;
-                    break;
-                  }
-
-                  _context10.next = 3;
-                  return getNextCommandsFromParent(_command);
-
-                case 3:
-                  nextCommands = _context10.sent;
-
-                  if (!(nextCommands.length > 0)) {
-                    _context10.next = 7;
-                    break;
-                  }
-
-                  // Ensure the search text has not changed while we were loading
-                  // the next results, otherwise we'd interrupt the user.
-                  // Throw away the results in case the search text has changed.
-                  if (state.searchText === _searchText) {
-                    dispatch({
-                      type: 'setNextCommands',
-                      payload: {
-                        results: nextCommands
-                      }
-                    });
+        (async () => {
+          if (command) {
+            const nextCommands = await getNextCommandsFromParent(command); // avoid moving cursor when there are sub-options
+
+            if (nextCommands.length > 0) {
+              // Ensure the search text has not changed while we were loading
+              // the next results, otherwise we'd interrupt the user.
+              // Throw away the results in case the search text has changed.
+              if (state.searchText === searchText) {
+                dispatch({
+                  type: 'setNextCommands',
+                  payload: {
+                    results: nextCommands
                   }
-
-                  return _context10.abrupt("return");
-
-                case 7:
-                  shake();
-
-                case 8:
-                case "end":
-                  return _context10.stop();
+                });
               }
+
+              return;
             }
-          }, _callee);
-        }))();
+          }
+
+          shake();
+        })();
 
         return;
       }
 
       if (event.key === 'ArrowLeft') {
         // go left in stack
-        var _prevCommand = last__default["default"](state.stack); // do nothing when we can't go left anymore
-
+        const prevCommand = last__default["default"](state.stack); // do nothing when we can't go left anymore
 
-        if (!_prevCommand) return; // prevent cursor from jumping a char to the left in text input
+        if (!prevCommand) return; // prevent cursor from jumping a char to the left in text input
 
         event.preventDefault();
         dispatch({
           type: 'setPrevCommands',
           payload: {
-            searchText: _prevCommand.searchText,
-            results: _prevCommand.results
+            searchText: prevCommand.searchText,
+            results: prevCommand.results
           }
         });
         return;
       }
     }
   }, [getNextCommandsFromParent, props.historyEntries, shake, state, unsetHasNetworkError]);
-  var handleKeyUp = react$1.useCallback(function (event) {
+  const handleKeyUp = react$1.useCallback(event => {
     // setting the selection can only happen in onKeyUp
     if (shouldSelectFieldText.current) {
-      var input = event.target;
+      const input = event.target;
       input.focus();
       input.select();
       shouldSelectFieldText.current = false;
@@ -862,8 +811,8 @@ var Butler = function Butler(props) {
     isNewWindowCombo.current = false;
     return true;
   }, [execute, state.results, state.selectedResult]);
-  var handleChange = react$1.useCallback(function (event) {
-    var searchText = event.target.value;
+  const handleChange = react$1.useCallback(event => {
+    const searchText = event.target.value;
 
     if (_trimInstanceProperty__default["default"](searchText).call(searchText).length === 0) {
       dispatch({
@@ -883,12 +832,12 @@ var Butler = function Butler(props) {
       setIsLoading();
     }
 
-    searchFromParent(searchText).then(function (asyncResults) {
-      var _context11, _context12;
+    searchFromParent(searchText).then(asyncResults => {
+      var _context8, _context9;
 
       unsetHasNetworkError();
       unsetIsLoading();
-      var fuse = new Fuse__default["default"](asyncResults, {
+      const fuse = new Fuse__default["default"](asyncResults, {
         keys: [{
           name: 'text',
           weight: 0.6
@@ -900,56 +849,48 @@ var Butler = function Butler(props) {
         includeScore: true
       });
 
-      var searchResults = _sliceInstanceProperty__default["default"](_context11 = _filterInstanceProperty__default["default"](_context12 = fuse.search(searchText) // Filter out results with a matching score over 0.75
-      ).call(_context12, function (result) {
-        return result.score ? result.score < 0.75 : false;
-      }) // Keep a maximal of 9 results
-      ).call(_context11, 0, 9);
+      const searchResults = _sliceInstanceProperty__default["default"](_context8 = _filterInstanceProperty__default["default"](_context9 = fuse.search(searchText) // Filter out results with a matching score over 0.75
+      ).call(_context9, result => result.score ? result.score < 0.75 : false) // Keep a maximal of 9 results
+      ).call(_context8, 0, 9);
 
       dispatch({
         type: 'setSearchTextResults',
-        payload: _mapInstanceProperty__default["default"](searchResults).call(searchResults, function (result) {
-          return result.item;
-        })
+        payload: _mapInstanceProperty__default["default"](searchResults).call(searchResults, result => result.item)
       });
-    }, function (error) {
+    }, error => {
       unsetIsLoading();
       setHasNetworkError();
     });
   }, [searchFromParent, setHasNetworkError, setIsLoading, unsetHasNetworkError, unsetIsLoading]);
-  var handleContainerClick = react$1.useCallback(function () {
+  const handleContainerClick = react$1.useCallback(() => {
     dispatch({
       type: 'resetResultsWhenClosing'
     });
     onCloseFromParent();
   }, [onCloseFromParent]);
-  var createCommandMouseEnterHandler = react$1.useCallback(function (index) {
-    return function () {
-      // In case the cursor happened to be in a location where a
-      // result would appear, it would trigger onMouseEnter and the
-      // result would be selected immediately. This is not something
-      // a user would expect, hence we prevent it from happening.
-      // The user has to move the cursor to an option explicitly for
-      // it to become active. However, the user can always click and
-      // that action will be triggered.
-      if (skipNextSelection.current) {
-        skipNextSelection.current = false;
-        return;
-      } // sets the selected result, mainly for the hover effect
+  const createCommandMouseEnterHandler = react$1.useCallback(index => () => {
+    // In case the cursor happened to be in a location where a
+    // result would appear, it would trigger onMouseEnter and the
+    // result would be selected immediately. This is not something
+    // a user would expect, hence we prevent it from happening.
+    // The user has to move the cursor to an option explicitly for
+    // it to become active. However, the user can always click and
+    // that action will be triggered.
+    if (skipNextSelection.current) {
+      skipNextSelection.current = false;
+      return;
+    } // sets the selected result, mainly for the hover effect
 
 
-      dispatch({
-        type: 'selectedResult',
-        payload: index
-      });
-    };
+    dispatch({
+      type: 'selectedResult',
+      payload: index
+    });
   }, []);
-  var createCommandClickHandler = react$1.useCallback(function (command) {
-    return function (event) {
-      execute(command, {
-        openInNewTab: hasNewWindowModifier(event)
-      });
-    };
+  const createCommandClickHandler = react$1.useCallback(command => event => {
+    execute(command, {
+      openInNewTab: hasNewWindowModifier(event)
+    });
   }, [execute]);
   return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ButlerContainer, {
     onClick: handleContainerClick,
@@ -958,7 +899,7 @@ var Butler = function Butler(props) {
     children: jsxRuntime.jsxs("div", {
       ref: searchContainerRef,
       css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorSurface, ";border:0;border-radius:", designSystem.customProperties.borderRadius4, ";min-height:40px;z-index:20002;width:400px;margin:40px auto;overflow:hidden;-webkit-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);-moz-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);padding-bottom:", state.hasNetworkError ? '0' : designSystem.customProperties.spacingS, ";" + ("" ), "" ),
-      onClick: function onClick(event) {
+      onClick: event => {
         // Avoid closing when the searchContainer itself is clicked
         // If we don't do this, then the overlay will close when e.g.
         // the search input is clicked.
@@ -990,26 +931,24 @@ var Butler = function Butler(props) {
           css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.customProperties.spacingS, ";margin-right:", designSystem.customProperties.spacingS, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(LoadingSpinner__default["default"], {})
         })]
-      }), function () {
-        var _context13, _context14;
+      }), (() => {
+        var _context10, _context11;
 
         if (state.hasNetworkError) return jsxRuntime.jsx("div", {
           css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.customProperties.colorError, ";text-align:center;text-transform:uppercase;color:", designSystem.customProperties.colorSurface, ";font-size:", designSystem.customProperties.fontSizeSmall, ";padding:", designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.offline))
         });
-        if (state.results.length === 0 && _trimInstanceProperty__default["default"](_context13 = state.searchText).call(_context13).length > 0) return jsxRuntime.jsx("div", {
+        if (state.results.length === 0 && _trimInstanceProperty__default["default"](_context10 = state.searchText).call(_context10).length > 0) return jsxRuntime.jsx("div", {
           css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.customProperties.colorNeutral, ";color:", designSystem.customProperties.colorSolid, ";text-align:center;text-transform:uppercase;font-size:", designSystem.customProperties.fontSizeSmall, ";padding:", designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.noResults))
         });
-        return _mapInstanceProperty__default["default"](_context14 = state.results).call(_context14, function (command, index) {
-          return jsxRuntime.jsx(ButlerCommand, {
-            command: command,
-            isSelected: state.selectedResult === index,
-            onMouseEnter: createCommandMouseEnterHandler(index),
-            onClick: createCommandClickHandler(command)
-          }, command.id);
-        });
-      }()]
+        return _mapInstanceProperty__default["default"](_context11 = state.results).call(_context11, (command, index) => jsxRuntime.jsx(ButlerCommand, {
+          command: command,
+          isSelected: state.selectedResult === index,
+          onMouseEnter: createCommandMouseEnterHandler(index),
+          onClick: createCommandClickHandler(command)
+        }, command.id));
+      })()]
     })
   });
 };
@@ -1017,19 +956,17 @@ var Butler = function Butler(props) {
 Butler.propTypes = {};
 Butler.displayName = 'Butler';
 
-var ButlerWithAnimation = function ButlerWithAnimation(props) {
-  return jsxRuntime.jsx(react.ClassNames, {
-    children: function children(_ref3) {
-      var css = _ref3.css;
-      return jsxRuntime.jsx(Butler, _objectSpread(_objectSpread({}, props), {}, {
-        classNameShakeAnimation: css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n          animation-duration: 0.45s;\n          animation-fill-mode: both;\n          animation-name: ", ";\n        "])), shakeAnimation)
-      }));
-    }
-  });
-};
+const ButlerWithAnimation = props => jsxRuntime.jsx(react.ClassNames, {
+  children: _ref2 => {
+    let css = _ref2.css;
+    return jsxRuntime.jsx(Butler, _objectSpread(_objectSpread({}, props), {}, {
+      classNameShakeAnimation: css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n          animation-duration: 0.45s;\n          animation-fill-mode: both;\n          animation-name: ", ";\n        "])), shakeAnimation)
+    }));
+  }
+});
 
 // eslint-disable-next-line import/prefer-default-export
-var permissions = {
+const permissions = {
   ViewOrders: 'ViewOrders',
   ManageOrders: 'ManageOrders',
   ViewProducts: 'ViewProducts',
@@ -1054,7 +991,7 @@ var permissions = {
   ManageProductTypes: 'ManageProductTypes'
 };
 
-var actionTypes = {
+const actionTypes = {
   go: 'go'
 };
 
@@ -1064,14 +1001,14 @@ function nonNullable(value) {
   return value !== null && value !== undefined && typeof value !== 'boolean';
 }
 
-var createCommands = function createCommands(_ref) {
-  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context14;
+const createCommands = _ref => {
+  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context13;
 
-  var intl = _ref.intl,
+  let intl = _ref.intl,
       applicationContext = _ref.applicationContext,
       featureToggles = _ref.featureToggles,
       changeProjectDataLocale = _ref.changeProjectDataLocale;
-  return _filterInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = [applicationContext.project && applicationContext.permissions && featureToggles.canViewDashboard && permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
+  return _filterInstanceProperty__default["default"](_context = [applicationContext.project && applicationContext.permissions && featureToggles.canViewDashboard && permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
     id: 'go/dashboard',
     text: intl.formatMessage(messages.openDashboard),
     keywords: ['Go to Dashboard'],
@@ -1087,7 +1024,7 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/products")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context3 = [permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context2 = [permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
       id: 'go/products/list',
       text: intl.formatMessage(messages.openProductList),
       action: {
@@ -1115,7 +1052,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/products/new")
       }
-    }]).call(_context3, nonNullable)
+    }]).call(_context2, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
     id: 'go/categories',
     text: intl.formatMessage(messages.openCategories),
@@ -1124,7 +1061,7 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/categories")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context4 = [permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context3 = [permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
       id: 'go/categories/list',
       text: intl.formatMessage(messages.openCategoriesList),
       action: {
@@ -1145,7 +1082,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/categories/new")
       }
-    }]).call(_context4, nonNullable)
+    }]).call(_context3, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCustomers, permissions.ViewCustomerGroups], applicationContext.permissions) && {
     id: 'go/customers',
     text: intl.formatMessage(messages.openCustomers),
@@ -1154,7 +1091,7 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/customers")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context5 = [permissions$1.hasSomePermissions([permissions.ViewCustomers], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context4 = [permissions$1.hasSomePermissions([permissions.ViewCustomers], applicationContext.permissions) && {
       id: 'go/customers/list',
       text: intl.formatMessage(messages.openCustomersList),
       action: {
@@ -1182,7 +1119,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/customers/customer-groups/new")
       }
-    }]).call(_context5, nonNullable)
+    }]).call(_context4, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
     id: 'go/orders',
     text: intl.formatMessage(messages.openOrders),
@@ -1191,7 +1128,7 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/orders")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context6 = [permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context5 = [permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
       id: 'go/orders/list',
       text: intl.formatMessage(messages.openOrdersList),
       action: {
@@ -1205,7 +1142,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/orders/new")
       }
-    }]).call(_context6, nonNullable)
+    }]).call(_context5, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewDiscountCodes, permissions.ViewProductDiscounts, permissions.ViewCartDiscounts], applicationContext.permissions) && {
     id: 'go/discounts',
     text: intl.formatMessage(messages.openDiscounts),
@@ -1214,7 +1151,7 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/discounts")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context7 = [permissions$1.hasSomePermissions([permissions.ViewProductDiscounts], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context6 = [permissions$1.hasSomePermissions([permissions.ViewProductDiscounts], applicationContext.permissions) && {
       id: 'go/discounts/products/list',
       text: intl.formatMessage(messages.openProductDiscountsList),
       action: {
@@ -1242,7 +1179,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/discounts/new")
       },
-      subCommands: _filterInstanceProperty__default["default"](_context8 = [permissions$1.hasSomePermissions([permissions.ManageProductDiscounts], applicationContext.permissions) && {
+      subCommands: _filterInstanceProperty__default["default"](_context7 = [permissions$1.hasSomePermissions([permissions.ManageProductDiscounts], applicationContext.permissions) && {
         id: 'go/discounts/product/add',
         text: intl.formatMessage(messages.openAddProductDiscount),
         action: {
@@ -1263,8 +1200,8 @@ var createCommands = function createCommands(_ref) {
           type: actionTypes.go,
           to: "/".concat(applicationContext.project.key, "/discounts/codes/new")
         }
-      }]).call(_context8, nonNullable)
-    }]).call(_context7, nonNullable)
+      }]).call(_context7, nonNullable)
+    }]).call(_context6, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewProjectSettings, permissions.ViewDeveloperSettings, permissions.ViewProductTypes], applicationContext.permissions) && {
     id: 'go/settings',
     text: intl.formatMessage(messages.openSettings),
@@ -1273,14 +1210,14 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/".concat(applicationContext.project.key, "/settings/project")
     },
-    subCommands: _filterInstanceProperty__default["default"](_context9 = [permissions$1.hasSomePermissions([permissions.ViewProjectSettings, permissions.ManageProjectSettings], applicationContext.permissions) && {
+    subCommands: _filterInstanceProperty__default["default"](_context8 = [permissions$1.hasSomePermissions([permissions.ViewProjectSettings, permissions.ManageProjectSettings], applicationContext.permissions) && {
       id: 'go/settings/project',
       text: intl.formatMessage(messages.openProjectSettings),
       action: {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/settings/project")
       },
-      subCommands: _filterInstanceProperty__default["default"](_context10 = [{
+      subCommands: _filterInstanceProperty__default["default"](_context9 = [{
         id: 'go/settings/project/international',
         text: intl.formatMessage(messages.openProjectSettingsInternationalTab),
         action: {
@@ -1315,7 +1252,7 @@ var createCommands = function createCommands(_ref) {
           type: actionTypes.go,
           to: "/".concat(applicationContext.project.key, "/settings/project/stores")
         }
-      }]).call(_context10, nonNullable)
+      }]).call(_context9, nonNullable)
     }, permissions$1.hasSomePermissions([permissions.ViewProductTypes], applicationContext.permissions) && {
       id: 'go/settings/product-types',
       text: intl.formatMessage(messages.openProductTypesSettings),
@@ -1330,7 +1267,7 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/settings/developer")
       },
-      subCommands: _filterInstanceProperty__default["default"](_context11 = [permissions$1.hasSomePermissions([permissions.ViewDeveloperSettings], applicationContext.permissions) && {
+      subCommands: _filterInstanceProperty__default["default"](_context10 = [permissions$1.hasSomePermissions([permissions.ViewDeveloperSettings], applicationContext.permissions) && {
         id: 'go/settings/developer/api-clients/list',
         text: intl.formatMessage(messages.openApiClientsList),
         action: {
@@ -1344,7 +1281,7 @@ var createCommands = function createCommands(_ref) {
           type: actionTypes.go,
           to: "/".concat(applicationContext.project.key, "/settings/developer/api-clients/new")
         }
-      }]).call(_context11, nonNullable)
+      }]).call(_context10, nonNullable)
     }, featureToggles.customApplications && permissions$1.hasSomePermissions([permissions.ManageProjectSettings], applicationContext.permissions) && {
       id: 'go/settings/custom-applications',
       text: intl.formatMessage(messages.openCustomApplicationsSettings),
@@ -1352,34 +1289,30 @@ var createCommands = function createCommands(_ref) {
         type: actionTypes.go,
         to: "/".concat(applicationContext.project.key, "/settings/custom-applications")
       }
-    }]).call(_context9, nonNullable)
+    }]).call(_context8, nonNullable)
   }, applicationContext.project && applicationContext.project.languages && applicationContext.project.languages.length > 1 && {
     id: 'action/set-resource-language',
     text: intl.formatMessage(messages.setResourceLanguage),
     keywords: ['set resource locale', 'set project data language', 'set project data locale'],
-    action: function action() {
-      return void 0;
-    },
+    action: () => void 0,
     // We would know these statically, but we define them here as we don't
     // want to include them in the top-level search results
-    subCommands: function subCommands() {
-      var _context12, _context13;
-
-      return _Promise__default["default"].resolve(_filterInstanceProperty__default["default"](_context12 = _mapInstanceProperty__default["default"](_context13 = applicationContext.project ? applicationContext.project.languages : []).call(_context13, function (language) {
-        return changeProjectDataLocale && {
-          id: "action/set-resource-language/".concat(language),
-          text: commonTags.oneLineTrim(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n                      ", "\n                      ", "\n                    "])), language, language === applicationContext.dataLocale ? ' (active)' : ''),
-          action: function action() {
-            changeProjectDataLocale(language); // We reload, since ProjectDataLocale is written in a way where
-            // only the tree under the parent container reloads, but
-            // not all of them reload.
-            // So this action would seem like it had not effect, unless we
-            // reload
-
-            applicationEntryPoint.location.reload();
-          }
-        };
-      })).call(_context12, nonNullable));
+    subCommands: () => {
+      var _context11, _context12;
+
+      return _Promise__default["default"].resolve(_filterInstanceProperty__default["default"](_context11 = _mapInstanceProperty__default["default"](_context12 = applicationContext.project ? applicationContext.project.languages : []).call(_context12, language => changeProjectDataLocale && {
+        id: "action/set-resource-language/".concat(language),
+        text: commonTags.oneLineTrim(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n                      ", "\n                      ", "\n                    "])), language, language === applicationContext.dataLocale ? ' (active)' : ''),
+        action: () => {
+          changeProjectDataLocale(language); // We reload, since ProjectDataLocale is written in a way where
+          // only the tree under the parent container reloads, but
+          // not all of them reload.
+          // So this action would seem like it had not effect, unless we
+          // reload
+
+          useIsServedByProxy.location.reload();
+        }
+      })).call(_context11, nonNullable));
     }
   }, {
     id: 'go/support',
@@ -1429,157 +1362,48 @@ var createCommands = function createCommands(_ref) {
       type: actionTypes.go,
       to: "/account/organizations"
     }
-  }]).call(_context2, _toConsumableArray(applicationContext.user ? _mapInstanceProperty__default["default"](_context14 = applicationContext.user.projects.results).call(_context14, function (userProject) {
-    return {
-      id: "go/project(".concat(userProject.key, ")"),
-      text: intl.formatMessage(messages.useProject, {
-        projectName: userProject.name
-      }),
-      keywords: [userProject.key],
-      action: function action() {
-        // Switching projects needs a full redirect so that
-        // the feature flags are reloaded (and things caches get destroyed)
-        window.location.href = "/".concat(userProject.key);
-      }
-    };
-  }) : []))).call(_context, nonNullable);
+  }, ...(applicationContext.user ? _mapInstanceProperty__default["default"](_context13 = applicationContext.user.projects.results).call(_context13, userProject => ({
+    id: "go/project(".concat(userProject.key, ")"),
+    text: intl.formatMessage(messages.useProject, {
+      projectName: userProject.name
+    }),
+    keywords: [userProject.key],
+    action: () => {
+      // Switching projects needs a full redirect so that
+      // the feature flags are reloaded (and things caches get destroyed)
+      window.location.href = "/".concat(userProject.key);
+    }
+  })) : [])]).call(_context, nonNullable);
 };
 
-var sanitize = function sanitize(param) {
-  return param // Replace all \ with \\ (to prevent generate escape characters)
-  .replace(/\\/g, '\\\\') // Replace all " with \"
-  .replace(/"/g, '\\"');
+const STORAGE_KEY = 'quickAccessHistoryEntries';
+const saveHistoryEntries = historyEntries => {
+  try {
+    window.sessionStorage.setItem(STORAGE_KEY, _JSON$stringify__default["default"](historyEntries));
+    return true;
+  } catch (error) {
+    return false;
+  }
 };
-var flattenCommands = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(results, execQuery) {
-    var flatten, _flatten;
-
-    return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _flatten = function _flatten3() {
-              _flatten = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(commands) {
-                return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context5) {
-                  while (1) {
-                    switch (_context5.prev = _context5.next) {
-                      case 0:
-                        return _context5.abrupt("return", _reduceInstanceProperty__default["default"](commands).call(commands, /*#__PURE__*/function () {
-                          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(prevPromise, command) {
-                            var _context3;
-
-                            var prevResults, _context2, _context, subCommands, _flattenSubCommands, flattenSubCommands;
-
-                            return _regeneratorRuntime__default["default"].wrap(function _callee$(_context4) {
-                              while (1) {
-                                switch (_context4.prev = _context4.next) {
-                                  case 0:
-                                    _context4.next = 2;
-                                    return prevPromise;
-
-                                  case 2:
-                                    prevResults = _context4.sent;
-
-                                    if (!command.subCommands) {
-                                      _context4.next = 16;
-                                      break;
-                                    }
-
-                                    if (!(typeof command.subCommands === 'function')) {
-                                      _context4.next = 12;
-                                      break;
-                                    }
-
-                                    _context4.next = 7;
-                                    return command.subCommands(execQuery);
-
-                                  case 7:
-                                    subCommands = _context4.sent;
-                                    _context4.next = 10;
-                                    return flatten(subCommands);
-
-                                  case 10:
-                                    _flattenSubCommands = _context4.sent;
-                                    return _context4.abrupt("return", _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(prevResults), [command], _toConsumableArray(_flattenSubCommands)));
-
-                                  case 12:
-                                    _context4.next = 14;
-                                    return flatten(command.subCommands);
-
-                                  case 14:
-                                    flattenSubCommands = _context4.sent;
-                                    return _context4.abrupt("return", _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(prevResults), [command], _toConsumableArray(flattenSubCommands)));
-
-                                  case 16:
-                                    return _context4.abrupt("return", _concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(prevResults), [command]));
-
-                                  case 17:
-                                  case "end":
-                                    return _context4.stop();
-                                }
-                              }
-                            }, _callee);
-                          }));
-
-                          return function (_x4, _x5) {
-                            return _ref2.apply(this, arguments);
-                          };
-                        }(), _Promise__default["default"].resolve([])));
-
-                      case 1:
-                      case "end":
-                        return _context5.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-              return _flatten.apply(this, arguments);
-            };
-
-            flatten = function _flatten2(_x3) {
-              return _flatten.apply(this, arguments);
-            };
-
-            _context6.next = 4;
-            return flatten(results);
-
-          case 4:
-            return _context6.abrupt("return", _context6.sent);
-
-          case 5:
-          case "end":
-            return _context6.stop();
-        }
-      }
-    }, _callee3);
-  }));
-
-  return function flattenCommands(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}(); // Once ui-kit exposes its fallback mechanism, we can use the same one here
-
-var translate = function translate(nameAllLocales, projectDataLocale) {
-  var matchedTranslation = _findInstanceProperty__default["default"](nameAllLocales).call(nameAllLocales, function (translation) {
-    return translation.locale === projectDataLocale && translation.value;
-  });
-
-  if (matchedTranslation) return matchedTranslation.value; // Fall back to the first available locale
-
-  if (nameAllLocales.length > 0) return nameAllLocales[0].value;
-  return '';
+const loadHistoryEntries = () => {
+  try {
+    const value = sessionStorage.getItem(STORAGE_KEY);
+    return value ? JSON.parse(value) : [];
+  } catch (error) {
+    return [];
+  }
 };
 
 var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var QuickAccessProductQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "QuickAccessProduct" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productId" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allVariants" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sku" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 208, source: { body: "query QuickAccessProduct($productId: String!) {\n  product(id: $productId) {\n    id\n    masterData {\n      staged {\n        allVariants {\n          id\n          key\n          sku\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var createProductVariantSubCommands = function createProductVariantSubCommands(_ref) {
+const createProductVariantSubCommands = _ref => {
   var _context, _context2, _context3, _context4;
 
-  var intl = _ref.intl,
+  let intl = _ref.intl,
       applicationContext = _ref.applicationContext,
       productId = _ref.productId,
       variantId = _ref.variantId;
-  var canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
+  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
   if (!canViewProducts || !applicationContext.project) return [];
   return [{
     id: _concatInstanceProperty__default["default"](_context = "go/product(".concat(productId, ")/variant(")).call(_context, variantId, ")/attributes"),
@@ -1612,7 +1436,7 @@ var createProductVariantSubCommands = function createProductVariantSubCommands(_
   }];
 };
 
-var formatVariantMessage = function formatVariantMessage(variant, intl) {
+const formatVariantMessage = (variant, intl) => {
   if (variant.sku) return intl.formatMessage(messages.openVariantBySku, {
     sku: variant.sku
   });
@@ -1624,81 +1448,51 @@ var formatVariantMessage = function formatVariantMessage(variant, intl) {
   });
 };
 
-var createProductVariantListSubCommands = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref2) {
-    var intl, applicationContext, productId, execQuery, canViewProducts, data, _context5, projectKey;
-
-    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            intl = _ref2.intl, applicationContext = _ref2.applicationContext, productId = _ref2.productId, execQuery = _ref2.execQuery;
-            canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-
-            if (canViewProducts) {
-              _context7.next = 4;
-              break;
-            }
-
-            return _context7.abrupt("return", []);
-
-          case 4:
-            _context7.next = 6;
-            return execQuery(QuickAccessProductQuery, {
-              productId: productId
-            }, {
-              target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
-            });
+const createProductVariantListSubCommands = async _ref2 => {
+  let intl = _ref2.intl,
+      applicationContext = _ref2.applicationContext,
+      productId = _ref2.productId,
+      execQuery = _ref2.execQuery;
+  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
+  if (!canViewProducts) return [];
+  const data = await execQuery(QuickAccessProductQuery, {
+    productId
+  }, {
+    target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
+  });
 
-          case 6:
-            data = _context7.sent;
+  if (data && data.product && data.product.masterData && data.product.masterData.staged && applicationContext.project) {
+    var _context5;
+
+    const projectKey = applicationContext.project.key;
+    return _mapInstanceProperty__default["default"](_context5 = data.product.masterData.staged.allVariants).call(_context5, variant => {
+      var _context6;
+
+      return {
+        id: _concatInstanceProperty__default["default"](_context6 = "go/product(".concat(productId, ")/variant(")).call(_context6, variant.id, ")"),
+        text: formatVariantMessage(variant, intl),
+        subCommands: createProductVariantSubCommands({
+          intl,
+          applicationContext,
+          productId,
+          variantId: variant.id
+        }),
+        action: {
+          type: actionTypes.go,
+          to: commonTags.oneLineTrim(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n        "])), projectKey, productId, variant.id)
+        }
+      };
+    });
+  }
 
-            if (!(data && data.product && data.product.masterData && data.product.masterData.staged && applicationContext.project)) {
-              _context7.next = 10;
-              break;
-            }
+  return [];
+};
 
-            projectKey = applicationContext.project.key;
-            return _context7.abrupt("return", _mapInstanceProperty__default["default"](_context5 = data.product.masterData.staged.allVariants).call(_context5, function (variant) {
-              var _context6;
-
-              return {
-                id: _concatInstanceProperty__default["default"](_context6 = "go/product(".concat(productId, ")/variant(")).call(_context6, variant.id, ")"),
-                text: formatVariantMessage(variant, intl),
-                subCommands: createProductVariantSubCommands({
-                  intl: intl,
-                  applicationContext: applicationContext,
-                  productId: productId,
-                  variantId: variant.id
-                }),
-                action: {
-                  type: actionTypes.go,
-                  to: commonTags.oneLineTrim(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n        "])), projectKey, productId, variant.id)
-                }
-              };
-            }));
-
-          case 10:
-            return _context7.abrupt("return", []);
-
-          case 11:
-          case "end":
-            return _context7.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function createProductVariantListSubCommands(_x) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-
-var createProductTabsSubCommands = function createProductTabsSubCommands(_ref4) {
-  var intl = _ref4.intl,
-      applicationContext = _ref4.applicationContext,
-      productId = _ref4.productId;
-  var canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
+const createProductTabsSubCommands = _ref3 => {
+  let intl = _ref3.intl,
+      applicationContext = _ref3.applicationContext,
+      productId = _ref3.productId;
+  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
   if (!canViewProducts || !applicationContext.project) return [];
   return [{
     id: "go/product(".concat(productId, ")/general"),
@@ -1714,14 +1508,12 @@ var createProductTabsSubCommands = function createProductTabsSubCommands(_ref4)
       type: actionTypes.go,
       to: commonTags.oneLineTrim(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n        "])), applicationContext.project.key, productId)
     },
-    subCommands: function subCommands(execQuery) {
-      return createProductVariantListSubCommands({
-        intl: intl,
-        applicationContext: applicationContext,
-        productId: productId,
-        execQuery: execQuery
-      });
-    }
+    subCommands: execQuery => createProductVariantListSubCommands({
+      intl,
+      applicationContext,
+      productId,
+      execQuery
+    })
   }, {
     id: "go/product(".concat(productId, ")/search"),
     text: intl.formatMessage(messages.openProductVariantSearch),
@@ -1732,518 +1524,342 @@ var createProductTabsSubCommands = function createProductTabsSubCommands(_ref4)
   }];
 };
 
-var STORAGE_KEY = 'quickAccessHistoryEntries';
-var saveHistoryEntries = function saveHistoryEntries(historyEntries) {
-  try {
-    window.sessionStorage.setItem(STORAGE_KEY, _JSON$stringify__default["default"](historyEntries));
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
-var loadHistoryEntries = function loadHistoryEntries() {
-  try {
-    var value = sessionStorage.getItem(STORAGE_KEY);
-    return value ? JSON.parse(value) : [];
-  } catch (error) {
-    return [];
+const sanitize = param => param // Replace all \ with \\ (to prevent generate escape characters)
+.replace(/\\/g, '\\\\') // Replace all " with \"
+.replace(/"/g, '\\"');
+const flattenCommands = async (results, execQuery) => {
+  async function flatten(commands) {
+    return _reduceInstanceProperty__default["default"](commands).call(commands, async (prevPromise, command) => {
+      const prevResults = await prevPromise;
+
+      if (command.subCommands) {
+        if (typeof command.subCommands === 'function') {
+          const subCommands = await command.subCommands(execQuery);
+          const flattenSubCommands = await flatten(subCommands);
+          return [...prevResults, command, ...flattenSubCommands];
+        }
+
+        const flattenSubCommands = await flatten(command.subCommands);
+        return [...prevResults, command, ...flattenSubCommands];
+      }
+
+      return [...prevResults, command];
+    }, _Promise__default["default"].resolve([]));
   }
+
+  return await flatten(results);
+}; // Once ui-kit exposes its fallback mechanism, we can use the same one here
+
+const translate = (nameAllLocales, projectDataLocale) => {
+  const matchedTranslation = _findInstanceProperty__default["default"](nameAllLocales).call(nameAllLocales, translation => translation.locale === projectDataLocale && translation.value);
+
+  if (matchedTranslation) return matchedTranslation.value; // Fall back to the first available locale
+
+  if (nameAllLocales.length > 0) return nameAllLocales[0].value;
+  return '';
 };
 
 var _templateObject, _templateObject2;
 var QuickAccessQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "QuickAccess" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "searchText" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "canViewProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productsWhereClause" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "includeProductsByIds" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "productsByIds" }, name: { kind: "Name", value: "products" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "productsWhereClause" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "includeProductsByIds" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, 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", alias: { kind: "Name", value: "productById" }, name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "canViewProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, 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", alias: { kind: "Name", value: "productByKey" }, name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "canViewProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, 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", alias: { kind: "Name", value: "productByVariantSku" }, name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "sku" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "canViewProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, 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: "variant" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "sku" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "sku" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }] } }] } }, { kind: "Field", alias: { kind: "Name", value: "productByVariantKey" }, name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "variantKey" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "canViewProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "staged" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, 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: "variant" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "searchText" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "sku" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1407, source: { body: "query QuickAccess(\n  $searchText: String!\n  $canViewProducts: Boolean!\n  $productsWhereClause: String\n  $includeProductsByIds: Boolean!\n) {\n  productsByIds: products(where: $productsWhereClause)\n    @include(if: $includeProductsByIds) {\n    results {\n      id\n      masterData {\n        staged {\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n\n  productById: product(id: $searchText) @include(if: $canViewProducts) {\n    id\n    masterData {\n      staged {\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n    }\n  }\n\n  productByKey: product(key: $searchText) @include(if: $canViewProducts) {\n    id\n    masterData {\n      staged {\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n    }\n  }\n\n  productByVariantSku: product(sku: $searchText)\n    @include(if: $canViewProducts) {\n    id\n    masterData {\n      staged {\n        nameAllLocales {\n          locale\n          value\n        }\n        variant(sku: $searchText) {\n          sku\n          key\n          id\n        }\n      }\n    }\n  }\n\n  productByVariantKey: product(variantKey: $searchText)\n    @include(if: $canViewProducts) {\n    id\n    masterData {\n      staged {\n        nameAllLocales {\n          locale\n          value\n        }\n        variant(key: $searchText) {\n          sku\n          key\n          id\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
-var searchProductIdsAction = function searchProductIdsAction(searchText, projectKey, dataLocale) {
-  return sdk.actions.post({
-    uri: "/".concat(projectKey, "/search/products"),
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-    payload: {
-      query: {
-        fullText: {
-          field: 'name',
-          language: dataLocale,
-          value: searchText
-        }
-      },
-      sort: [{
+const searchProductIdsAction = (searchText, projectKey, dataLocale) => sdk.actions.post({
+  uri: "/".concat(projectKey, "/search/products"),
+  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
+  payload: {
+    query: {
+      fullText: {
         field: 'name',
         language: dataLocale,
-        order: 'desc'
-      }],
-      limit: 9,
-      offset: 0
-    }
-  });
-};
+        value: searchText
+      }
+    },
+    sort: [{
+      field: 'name',
+      language: dataLocale,
+      order: 'desc'
+    }],
+    limit: 9,
+    offset: 0
+  }
+});
 
-var pimIndexerStatusAction = function pimIndexerStatusAction(projectKey, dataLocale) {
-  return (// TODO this should be sdkActions.head()
-    // and then we should check whether the response code is
-    // - 200 meaning the project is indexed
-    // - 404 meaning the project is not indexed
-    //
-    // But there is a problem in tne node-sdk client as it tries to
-    // .json()-parse the response to HEAD requests which results in an
-    // error, so we send a regular request for now and limit to no results
-    // instead to keep the payload minimal
-    sdk.actions.post({
-      uri: "/".concat(projectKey, "/search/products"),
-      mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-      payload: {
-        query: {
-          fullText: {
-            field: 'name',
-            language: dataLocale,
-            value: 'availability-check'
-          }
-        },
-        limit: 0,
-        offset: 0
+const pimIndexerStatusAction = (projectKey, dataLocale) => // TODO this should be sdkActions.head()
+// and then we should check whether the response code is
+// - 200 meaning the project is indexed
+// - 404 meaning the project is not indexed
+//
+// But there is a problem in tne node-sdk client as it tries to
+// .json()-parse the response to HEAD requests which results in an
+// error, so we send a regular request for now and limit to no results
+// instead to keep the payload minimal
+sdk.actions.post({
+  uri: "/".concat(projectKey, "/search/products"),
+  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
+  payload: {
+    query: {
+      fullText: {
+        field: 'name',
+        language: dataLocale,
+        value: 'availability-check'
       }
-    })
-  );
-};
+    },
+    limit: 0,
+    offset: 0
+  }
+});
 
-var QuickAccess = function QuickAccess(props) {
-  var _useState = react$1.useState(loadHistoryEntries()),
-      _useState2 = _slicedToArray(_useState, 2),
-      historyEntries = _useState2[0],
-      setHistoryEntries = _useState2[1];
+const QuickAccess = props => {
+  const _useState = react$1.useState(loadHistoryEntries()),
+        _useState2 = _slicedToArray(_useState, 2),
+        historyEntries = _useState2[0],
+        setHistoryEntries = _useState2[1];
 
-  var handleHistoryEntriesChange = react$1.useCallback(function (entries) {
+  const handleHistoryEntriesChange = react$1.useCallback(entries => {
     // Keep the history in sync with the session storage
     saveHistoryEntries(entries);
     setHistoryEntries(entries);
   }, []);
-  var history = reactRouterDom.useHistory();
-  var apolloClient = react$2.useApolloClient();
-  var intl = reactIntl.useIntl();
+  const history = reactRouterDom.useHistory();
+  const apolloClient = react$2.useApolloClient();
+  const intl = reactIntl.useIntl();
 
-  var _useFeatureToggles = reactBroadcast.useFeatureToggles({
+  const _useFeatureToggles = reactBroadcast.useFeatureToggles({
     pimSearch: true,
     customApplications: true,
     canViewDashboard: true
   }),
-      _useFeatureToggles2 = _slicedToArray(_useFeatureToggles, 3),
-      isPimSearchEnabled = _useFeatureToggles2[0],
-      isCustomApplicationsEnabled = _useFeatureToggles2[1],
-      isCanViewDashboardEnabled = _useFeatureToggles2[2];
-
-  var applicationContext = applicationShellConnectors.useApplicationContext(); // Destructure functions from props to reference them in the hook dependency list
-
-  var onPimIndexerStateChangeFromParent = props.onPimIndexerStateChange;
-  var dispatchFetchProductIds = sdk.useAsyncDispatch();
-  var fetchPimSearchProductIds = react$1.useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(searchText) {
-      var _context, result;
-
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(applicationContext.project && applicationContext.dataLocale)) {
-                _context2.next = 5;
-                break;
-              }
-
-              _context2.next = 3;
-              return dispatchFetchProductIds(searchProductIdsAction(searchText, applicationContext.project.key, applicationContext.dataLocale));
+        _useFeatureToggles2 = _slicedToArray(_useFeatureToggles, 3),
+        isPimSearchEnabled = _useFeatureToggles2[0],
+        isCustomApplicationsEnabled = _useFeatureToggles2[1],
+        isCanViewDashboardEnabled = _useFeatureToggles2[2];
 
-            case 3:
-              result = _context2.sent;
-              return _context2.abrupt("return", result && result.hits ? _mapInstanceProperty__default["default"](_context = result.hits).call(_context, function (hit) {
-                return hit.id;
-              }) : []);
+  const applicationContext = applicationShellConnectors.useApplicationContext(); // Destructure functions from props to reference them in the hook dependency list
 
-            case 5:
-              return _context2.abrupt("return", []);
-
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee);
-    }));
+  const onPimIndexerStateChangeFromParent = props.onPimIndexerStateChange;
+  const dispatchFetchProductIds = sdk.useAsyncDispatch();
+  const fetchPimSearchProductIds = react$1.useCallback(async searchText => {
+    if (applicationContext.project && applicationContext.dataLocale) {
+      var _context;
 
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [applicationContext.dataLocale, applicationContext.project, dispatchFetchProductIds]);
-  var dispatchFetchPimIndexerStatus = sdk.useAsyncDispatch();
-  var fetchPimIndexerStatus = react$1.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!(applicationContext.project && applicationContext.dataLocale)) {
-              _context3.next = 10;
-              break;
-            }
-
-            _context3.prev = 1;
-            dispatchFetchPimIndexerStatus(pimIndexerStatusAction(applicationContext.project.key, applicationContext.dataLocale));
-            return _context3.abrupt("return", dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED);
-
-          case 6:
-            _context3.prev = 6;
-            _context3.t0 = _context3["catch"](1);
-            // but we treat all errors as non-indexed as a safe guard, so we're
-            // not checking the response error code at all
-
-            return _context3.abrupt("return", dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED);
-
-          case 10:
-            return _context3.abrupt("return", dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED);
+      const result = await dispatchFetchProductIds(searchProductIdsAction(searchText, applicationContext.project.key, applicationContext.dataLocale));
+      return result && result.hits ? _mapInstanceProperty__default["default"](_context = result.hits).call(_context, hit => hit.id) : [];
+    }
 
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
+    return [];
+  }, [applicationContext.dataLocale, applicationContext.project, dispatchFetchProductIds]);
+  const dispatchFetchPimIndexerStatus = sdk.useAsyncDispatch();
+  const fetchPimIndexerStatus = react$1.useCallback(async () => {
+    if (applicationContext.project && applicationContext.dataLocale) {
+      try {
+        dispatchFetchPimIndexerStatus(pimIndexerStatusAction(applicationContext.project.key, applicationContext.dataLocale));
+        return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED;
+      } catch (error) {
+        // but we treat all errors as non-indexed as a safe guard, so we're
+        // not checking the response error code at all
+
+        return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED;
       }
-    }, _callee2, null, [[1, 6]]);
-  })), [applicationContext.dataLocale, applicationContext.project, dispatchFetchPimIndexerStatus]);
-  var getProjectIndexStatus = react$1.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
-    var canViewProducts;
-    return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            if (applicationContext.project) {
-              _context4.next = 2;
-              break;
-            }
-
-            return _context4.abrupt("return", dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED);
-
-          case 2:
-            canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions); // skip checking when user can't view products anyways
-
-            if (canViewProducts) {
-              _context4.next = 5;
-              break;
-            }
-
-            return _context4.abrupt("return", dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED);
-
-          case 5:
-            _context4.next = 7;
-            return fetchPimIndexerStatus();
-
-          case 7:
-            return _context4.abrupt("return", _context4.sent);
+    }
 
-          case 8:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee3);
-  })), [applicationContext.permissions, applicationContext.project, fetchPimIndexerStatus]);
-  react$1.useEffect(function () {
+    return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED;
+  }, [applicationContext.dataLocale, applicationContext.project, dispatchFetchPimIndexerStatus]);
+  const getProjectIndexStatus = react$1.useCallback(async () => {
+    // skip when there is no project
+    if (!applicationContext.project) return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED;
+    const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions); // skip checking when user can't view products anyways
+
+    if (!canViewProducts) return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED;
+    return await fetchPimIndexerStatus();
+  }, [applicationContext.permissions, applicationContext.project, fetchPimIndexerStatus]);
+  react$1.useEffect(() => {
     if (props.pimIndexerState === dist_commercetoolsFrontendApplicationShell.pimIndexerStates.UNCHECKED) {
-      getProjectIndexStatus().then(function (status) {
+      getProjectIndexStatus().then(status => {
         onPimIndexerStateChangeFromParent(status);
       });
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []); // <-- run only once, when component mounts
 
-  var execQuery = react$1.useCallback(function (Query, variables, context) {
-    return apolloClient.query({
-      query: Query,
-      errorPolicy: 'ignore',
-      variables: variables,
-      context: context
-    }).then(function (response) {
-      return response.data;
+  const execQuery = react$1.useCallback((Query, variables, context) => apolloClient.query({
+    query: Query,
+    errorPolicy: 'ignore',
+    variables,
+    context
+  }).then(response => response.data), [apolloClient]);
+  const getNextCommands = react$1.useCallback(async command => {
+    if (!command.subCommands) return [];
+    if (_Array$isArray__default["default"](command.subCommands)) return command.subCommands;
+    return await command.subCommands(execQuery);
+  }, [execQuery]);
+  const getProjectCommands = react$1.useCallback(async searchText => {
+    const idsOfProductsMatchingSearchText = props.pimIndexerState === dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED ? await fetchPimSearchProductIds(searchText) : [];
+    const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
+    const data = await execQuery(QuickAccessQuery, {
+      searchText: sanitize(searchText),
+      // Pass conditional arguments to disable some of the queries
+      canViewProducts,
+      productsWhereClause: "id in (".concat(_mapInstanceProperty__default["default"](idsOfProductsMatchingSearchText).call(idsOfProductsMatchingSearchText, id => _JSON$stringify__default["default"](id)).join(', '), ")"),
+      includeProductsByIds: Boolean(canViewProducts && idsOfProductsMatchingSearchText.length > 0)
+    }, {
+      target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
     });
-  }, [apolloClient]);
-  var getNextCommands = react$1.useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(command) {
-      return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              if (command.subCommands) {
-                _context5.next = 2;
-                break;
-              }
-
-              return _context5.abrupt("return", []);
+    const commands = [];
+
+    if (data && data.productByVariantKey && data.productByVariantKey.masterData && data.productByVariantKey.masterData.staged && data.productByVariantKey.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
+      var _context2;
+
+      const productId = data.productByVariantKey.id;
+      const variantId = data.productByVariantKey.masterData.staged.variant.id;
+      const variantKey = data.productByVariantKey.masterData.staged.variant.key;
+      commands.push({
+        id: _concatInstanceProperty__default["default"](_context2 = "go/product-variant-by-key/product(".concat(productId, "/variant(")).call(_context2, variantId, ")"),
+        text: intl.formatMessage(messages.showProductVariant, {
+          variantName: translate(data.productByVariantKey.masterData.staged.nameAllLocales, applicationContext.dataLocale)
+        }),
+        keywords: variantKey ? [variantKey] : undefined,
+        action: {
+          type: actionTypes.go,
+          to: commonTags.oneLineTrim(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            /", "\n            /products\n            /", "\n            /variants\n            /", "\n          "])), applicationContext.project.key, productId, variantId)
+        },
+        subCommands: createProductVariantSubCommands({
+          intl,
+          applicationContext,
+          productId,
+          variantId
+        })
+      });
+    }
 
-            case 2:
-              if (!_Array$isArray__default["default"](command.subCommands)) {
-                _context5.next = 4;
-                break;
-              }
+    if (data && data.productByVariantSku && data.productByVariantSku.masterData && data.productByVariantSku.masterData.staged && data.productByVariantSku.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
+      var _context3;
 
-              return _context5.abrupt("return", command.subCommands);
+      const productId = data.productByVariantSku.id;
+      const variantId = data.productByVariantSku.masterData.staged.variant.id;
+      commands.push({
+        id: _concatInstanceProperty__default["default"](_context3 = "go/product-variant-by-sku/product(".concat(productId, ")/variant(")).call(_context3, variantId, ")"),
+        text: intl.formatMessage(messages.showProductVariant, {
+          variantName: data.productByVariantSku.masterData.staged.variant.sku
+        }),
+        action: {
+          type: actionTypes.go,
+          to: commonTags.oneLineTrim(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            /", "\n            /products\n            /", "\n            /variants\n            /", "\n          "])), applicationContext.project.key, productId, variantId)
+        },
+        subCommands: createProductVariantSubCommands({
+          intl,
+          applicationContext,
+          productId,
+          variantId
+        })
+      });
+    }
 
-            case 4:
-              _context5.next = 6;
-              return command.subCommands(execQuery);
+    if (data && data.productById && data.productById.masterData && data.productById.masterData.staged && data.productById.masterData.staged.nameAllLocales && applicationContext.project && applicationContext.dataLocale) {
+      var _context4;
 
-            case 6:
-              return _context5.abrupt("return", _context5.sent);
+      const productId = data.productById.id;
+      commands.push({
+        id: "go/product-by-id/product(".concat(productId, ")"),
+        text: intl.formatMessage(messages.showProduct, {
+          productName: translate(data.productById.masterData.staged.nameAllLocales, applicationContext.dataLocale)
+        }),
+        keywords: [productId],
+        action: {
+          type: actionTypes.go,
+          to: _concatInstanceProperty__default["default"](_context4 = "/".concat(applicationContext.project.key, "/products/")).call(_context4, productId)
+        },
+        subCommands: createProductTabsSubCommands({
+          intl,
+          applicationContext,
+          productId
+        })
+      });
+    }
 
-            case 7:
-            case "end":
-              return _context5.stop();
-          }
+    if (data && data.productsByIds && data.productsByIds.results) {
+      var _context5;
+
+      _forEachInstanceProperty__default["default"](_context5 = data.productsByIds.results).call(_context5, product => {
+        if (product.masterData.staged && applicationContext.project && applicationContext.dataLocale) {
+          var _context6;
+
+          commands.push({
+            id: "go/product-by-search-text/product(".concat(product.id, ")"),
+            text: intl.formatMessage(messages.showProduct, {
+              productName: translate(product.masterData.staged.nameAllLocales, applicationContext.dataLocale)
+            }),
+            keywords: [product.id],
+            action: {
+              type: actionTypes.go,
+              to: _concatInstanceProperty__default["default"](_context6 = "/".concat(applicationContext.project.key, "/products/")).call(_context6, product.id)
+            },
+            subCommands: createProductTabsSubCommands({
+              intl,
+              applicationContext,
+              productId: product.id
+            })
+          });
         }
-      }, _callee4);
-    }));
-
-    return function (_x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }(), [execQuery]);
-  var getProjectCommands = react$1.useCallback( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(searchText) {
-      var idsOfProductsMatchingSearchText, canViewProducts, data, commands, _context6, productId, variantId, variantKey, _context7, _productId, _variantId, _context8, _productId2, _context9, _context11, _productId3;
-
-      return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context12) {
-        while (1) {
-          switch (_context12.prev = _context12.next) {
-            case 0:
-              if (!(props.pimIndexerState === dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED)) {
-                _context12.next = 6;
-                break;
-              }
-
-              _context12.next = 3;
-              return fetchPimSearchProductIds(searchText);
-
-            case 3:
-              _context12.t0 = _context12.sent;
-              _context12.next = 7;
-              break;
-
-            case 6:
-              _context12.t0 = [];
-
-            case 7:
-              idsOfProductsMatchingSearchText = _context12.t0;
-              canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-              _context12.next = 11;
-              return execQuery(QuickAccessQuery, {
-                searchText: sanitize(searchText),
-                // Pass conditional arguments to disable some of the queries
-                canViewProducts: canViewProducts,
-                productsWhereClause: "id in (".concat(_mapInstanceProperty__default["default"](idsOfProductsMatchingSearchText).call(idsOfProductsMatchingSearchText, function (id) {
-                  return _JSON$stringify__default["default"](id);
-                }).join(', '), ")"),
-                includeProductsByIds: Boolean(canViewProducts && idsOfProductsMatchingSearchText.length > 0)
-              }, {
-                target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
-              });
-
-            case 11:
-              data = _context12.sent;
-              commands = [];
-
-              if (data && data.productByVariantKey && data.productByVariantKey.masterData && data.productByVariantKey.masterData.staged && data.productByVariantKey.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
-                productId = data.productByVariantKey.id;
-                variantId = data.productByVariantKey.masterData.staged.variant.id;
-                variantKey = data.productByVariantKey.masterData.staged.variant.key;
-                commands.push({
-                  id: _concatInstanceProperty__default["default"](_context6 = "go/product-variant-by-key/product(".concat(productId, "/variant(")).call(_context6, variantId, ")"),
-                  text: intl.formatMessage(messages.showProductVariant, {
-                    variantName: translate(data.productByVariantKey.masterData.staged.nameAllLocales, applicationContext.dataLocale)
-                  }),
-                  keywords: variantKey ? [variantKey] : undefined,
-                  action: {
-                    type: actionTypes.go,
-                    to: commonTags.oneLineTrim(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            /", "\n            /products\n            /", "\n            /variants\n            /", "\n          "])), applicationContext.project.key, productId, variantId)
-                  },
-                  subCommands: createProductVariantSubCommands({
-                    intl: intl,
-                    applicationContext: applicationContext,
-                    productId: productId,
-                    variantId: variantId
-                  })
-                });
-              }
-
-              if (data && data.productByVariantSku && data.productByVariantSku.masterData && data.productByVariantSku.masterData.staged && data.productByVariantSku.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
-                _productId = data.productByVariantSku.id;
-                _variantId = data.productByVariantSku.masterData.staged.variant.id;
-                commands.push({
-                  id: _concatInstanceProperty__default["default"](_context7 = "go/product-variant-by-sku/product(".concat(_productId, ")/variant(")).call(_context7, _variantId, ")"),
-                  text: intl.formatMessage(messages.showProductVariant, {
-                    variantName: data.productByVariantSku.masterData.staged.variant.sku
-                  }),
-                  action: {
-                    type: actionTypes.go,
-                    to: commonTags.oneLineTrim(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            /", "\n            /products\n            /", "\n            /variants\n            /", "\n          "])), applicationContext.project.key, _productId, _variantId)
-                  },
-                  subCommands: createProductVariantSubCommands({
-                    intl: intl,
-                    applicationContext: applicationContext,
-                    productId: _productId,
-                    variantId: _variantId
-                  })
-                });
-              }
-
-              if (data && data.productById && data.productById.masterData && data.productById.masterData.staged && data.productById.masterData.staged.nameAllLocales && applicationContext.project && applicationContext.dataLocale) {
-                _productId2 = data.productById.id;
-                commands.push({
-                  id: "go/product-by-id/product(".concat(_productId2, ")"),
-                  text: intl.formatMessage(messages.showProduct, {
-                    productName: translate(data.productById.masterData.staged.nameAllLocales, applicationContext.dataLocale)
-                  }),
-                  keywords: [_productId2],
-                  action: {
-                    type: actionTypes.go,
-                    to: _concatInstanceProperty__default["default"](_context8 = "/".concat(applicationContext.project.key, "/products/")).call(_context8, _productId2)
-                  },
-                  subCommands: createProductTabsSubCommands({
-                    intl: intl,
-                    applicationContext: applicationContext,
-                    productId: _productId2
-                  })
-                });
-              }
-
-              if (data && data.productsByIds && data.productsByIds.results) {
-                _forEachInstanceProperty__default["default"](_context9 = data.productsByIds.results).call(_context9, function (product) {
-                  if (product.masterData.staged && applicationContext.project && applicationContext.dataLocale) {
-                    var _context10;
-
-                    commands.push({
-                      id: "go/product-by-search-text/product(".concat(product.id, ")"),
-                      text: intl.formatMessage(messages.showProduct, {
-                        productName: translate(product.masterData.staged.nameAllLocales, applicationContext.dataLocale)
-                      }),
-                      keywords: [product.id],
-                      action: {
-                        type: actionTypes.go,
-                        to: _concatInstanceProperty__default["default"](_context10 = "/".concat(applicationContext.project.key, "/products/")).call(_context10, product.id)
-                      },
-                      subCommands: createProductTabsSubCommands({
-                        intl: intl,
-                        applicationContext: applicationContext,
-                        productId: product.id
-                      })
-                    });
-                  }
-                });
-              }
-
-              if (data && data.productByKey && applicationContext.project && applicationContext.dataLocale) {
-                _productId3 = data.productByKey.id;
-                commands.push({
-                  id: "go/product-by-key/product(".concat(_productId3, ")"),
-                  text: intl.formatMessage(messages.showProduct, {
-                    productName: searchText
-                  }),
-                  action: {
-                    type: actionTypes.go,
-                    to: _concatInstanceProperty__default["default"](_context11 = "/".concat(applicationContext.project.key, "/products/")).call(_context11, _productId3)
-                  },
-                  subCommands: createProductTabsSubCommands({
-                    intl: intl,
-                    applicationContext: applicationContext,
-                    productId: _productId3
-                  })
-                });
-              }
+      });
+    }
 
-              return _context12.abrupt("return", commands);
+    if (data && data.productByKey && applicationContext.project && applicationContext.dataLocale) {
+      var _context7;
 
-            case 19:
-            case "end":
-              return _context12.stop();
-          }
-        }
-      }, _callee5);
-    }));
+      const productId = data.productByKey.id;
+      commands.push({
+        id: "go/product-by-key/product(".concat(productId, ")"),
+        text: intl.formatMessage(messages.showProduct, {
+          productName: searchText
+        }),
+        action: {
+          type: actionTypes.go,
+          to: _concatInstanceProperty__default["default"](_context7 = "/".concat(applicationContext.project.key, "/products/")).call(_context7, productId)
+        },
+        subCommands: createProductTabsSubCommands({
+          intl,
+          applicationContext,
+          productId
+        })
+      });
+    }
 
-    return function (_x3) {
-      return _ref5.apply(this, arguments);
-    };
-  }(), [applicationContext, execQuery, fetchPimSearchProductIds, intl, props.pimIndexerState]);
-  var debouncedGetProjectCommands = debounce__default["default"](getProjectCommands, 200, {
+    return commands;
+  }, [applicationContext, execQuery, fetchPimSearchProductIds, intl, props.pimIndexerState]);
+  const debouncedGetProjectCommands = debounce__default["default"](getProjectCommands, 200, {
     cancelObj: 'canceled'
   });
-  var search = react$1.useCallback( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(searchText) {
-      var generalCommands, _context13, projectCommands, allCommands;
-
-      return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context14) {
-        while (1) {
-          switch (_context14.prev = _context14.next) {
-            case 0:
-              generalCommands = createCommands({
-                applicationContext: applicationContext,
-                changeProjectDataLocale: props.onChangeProjectDataLocale,
-                intl: intl,
-                featureToggles: {
-                  pimSearch: isPimSearchEnabled,
-                  customApplications: isCustomApplicationsEnabled,
-                  canViewDashboard: isCanViewDashboardEnabled
-                }
-              });
-
-              if (applicationContext.project) {
-                _context14.next = 3;
-                break;
-              }
-
-              return _context14.abrupt("return", generalCommands);
-
-            case 3:
-              if (!(_trimInstanceProperty__default["default"](searchText).call(searchText).length < 3)) {
-                _context14.next = 5;
-                break;
-              }
-
-              return _context14.abrupt("return", generalCommands);
-
-            case 5:
-              _context14.prev = 5;
-              _context14.next = 8;
-              return debouncedGetProjectCommands(searchText);
-
-            case 8:
-              projectCommands = _context14.sent;
-              allCommands = _concatInstanceProperty__default["default"](_context13 = []).call(_context13, _toConsumableArray(generalCommands), _toConsumableArray(projectCommands));
-              _context14.next = 12;
-              return flattenCommands(allCommands, execQuery);
-
-            case 12:
-              return _context14.abrupt("return", _context14.sent);
-
-            case 15:
-              _context14.prev = 15;
-              _context14.t0 = _context14["catch"](5);
-
-              if (!(_context14.t0 === 'canceled')) {
-                _context14.next = 19;
-                break;
-              }
-
-              return _context14.abrupt("return", generalCommands);
-
-            case 19:
-              throw _context14.t0;
-
-            case 20:
-            case "end":
-              return _context14.stop();
-          }
-        }
-      }, _callee6, null, [[5, 15]]);
-    }));
-
-    return function (_x4) {
-      return _ref6.apply(this, arguments);
-    };
-  }(), [applicationContext, debouncedGetProjectCommands, execQuery, intl, isCanViewDashboardEnabled, isCustomApplicationsEnabled, isPimSearchEnabled, props.onChangeProjectDataLocale]);
-  var executeCommand = react$1.useCallback(function (command, meta) {
-    var _context15;
+  const search = react$1.useCallback(async searchText => {
+    const generalCommands = createCommands({
+      applicationContext,
+      changeProjectDataLocale: props.onChangeProjectDataLocale,
+      intl,
+      featureToggles: {
+        pimSearch: isPimSearchEnabled,
+        customApplications: isCustomApplicationsEnabled,
+        canViewDashboard: isCanViewDashboardEnabled
+      }
+    });
+    if (!applicationContext.project) return generalCommands; // Avoid searching for short texts, as we won't get any good results
+    // anyways. This results in commands popping up immediately when the user
+    // starts typing, which gives the whole search a much more repsonsive
+    // feeling.
+
+    if (_trimInstanceProperty__default["default"](searchText).call(searchText).length < 3) return generalCommands;
+
+    try {
+      const projectCommands = await debouncedGetProjectCommands(searchText);
+      const allCommands = [...generalCommands, ...projectCommands];
+      return await flattenCommands(allCommands, execQuery);
+    } catch (error) {
+      // When the debounced search is canceled, it throws with "canceled"
+      // In that case we know that another search is going to happen
+      // and we just resolve with the general commands.
+      if (error === 'canceled') return generalCommands;
+      throw error;
+    }
+  }, [applicationContext, debouncedGetProjectCommands, execQuery, intl, isCanViewDashboardEnabled, isCustomApplicationsEnabled, isPimSearchEnabled, props.onChangeProjectDataLocale]);
+  const executeCommand = react$1.useCallback((command, meta) => {
+    var _context8;
 
     if (typeof command.action === 'function') {
       // Idea: We could handle these errors and set them on status bar of Butler
@@ -2254,11 +1870,11 @@ var QuickAccess = function QuickAccess(props) {
     // and always open other pages in a new window
 
 
-    if (meta.openInNewTab || !_startsWithInstanceProperty__default["default"](_context15 = command.action.to).call(_context15, '/')) {
+    if (meta.openInNewTab || !_startsWithInstanceProperty__default["default"](_context8 = command.action.to).call(_context8, '/')) {
       // eslint-disable-next-line no-restricted-globals
       open(command.action.to, '_blank');
     } else if (applicationContext.environment.useFullRedirectsForLinks) {
-      applicationEntryPoint.location.replace(command.action.to);
+      useIsServedByProxy.location.replace(command.action.to);
     } else {
       history.push(command.action.to);
     }