@commercetools-frontend/application-shell 22.2.1 → 22.3.0

package/dist/{quick-access-e7d9ec95.cjs.prod.js → quick-access-ff6fee75.cjs.prod.js}

@@ -21,7 +21,7 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var constants = require('@commercetools-frontend/constants');
 var permissions$1 = require('@commercetools-frontend/permissions');
 var sdk = require('@commercetools-frontend/sdk');
-var useIsServedByProxy = require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
+var useIsServedByProxy = require('./use-is-served-by-proxy-845cace5.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');
@@ -40,11 +40,11 @@ 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-4e8fd5e2.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a03f4e81.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-b2a0d497.cjs.prod.js');
+require('./configure-apollo-70d83707.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
@@ -54,7 +54,7 @@ require('redux-thunk');
 require('@commercetools-frontend/notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@commercetools-frontend/sentry');
-require('./constants-a3c2194a.cjs.prod.js');
+require('./constants-902cf3f3.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/url');
@@ -100,7 +100,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-6c79100b.cjs.prod.js');
+require('./oidc-da4ccc69.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');
@@ -136,15 +136,12 @@ var _ref$1 = {
   name: "13n9jnb",
   styles: "align-self:center;>*{display:block;}"
 } ;
-
 var _ref2 = {
   name: "lhzw0z",
   styles: "flex:1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
 } ;
-
 const ButlerCommand = props => {
   var _context;
-
   return jsxRuntime.jsxs("div", {
     "data-testid": "quick-access-result(".concat(props.command.id, ")"),
     "aria-current": props.isSelected === true ? 'true' : 'false',
@@ -163,7 +160,6 @@ const ButlerCommand = props => {
     })]
   }, props.command.id);
 };
-
 ButlerCommand.propTypes = {};
 ButlerCommand.displayName = 'ButlerCommand';
 
@@ -417,37 +413,27 @@ var messages = reactIntl.defineMessages({
 });
 
 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 _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; }
-
 const isSelectAllCombo = event => event.key === 'a' && event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
-
 const isCloseCombo = event => event.key === 'Escape' && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
-
 const getPlatform = () => {
   var _context, _context2, _context3, _context4;
-
   if (_includesInstanceProperty__default["default"](_context = navigator.appVersion).call(_context, 'Win')) return 'windows';
   if (_includesInstanceProperty__default["default"](_context2 = navigator.appVersion).call(_context2, 'Mac')) return 'macos';
   if (_includesInstanceProperty__default["default"](_context3 = navigator.appVersion).call(_context3, 'X11')) return 'unix';
   if (_includesInstanceProperty__default["default"](_context4 = navigator.appVersion).call(_context4, 'Linux')) return 'linux';
   return null;
 };
-
 const hasNewWindowModifier = event => {
   const platform = getPlatform();
-
   switch (platform) {
     case 'macos':
       return event.metaKey;
-
     default:
       return event.ctrlKey;
   }
 };
-
 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,
@@ -459,49 +445,41 @@ const initialState = {
   results: [],
   stack: []
 };
-
 const reducer = function () {
   var _context5;
-
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case 'networkError':
       return _objectSpread(_objectSpread({}, state), {}, {
         hasNetworkError: action.payload
       });
-
     case 'loading':
       return _objectSpread(_objectSpread({}, state), {}, {
         isLoading: action.payload
       });
-
     case 'selectedResult':
       return _objectSpread(_objectSpread({}, state), {}, {
         selectedResult: action.payload
       });
-
     case 'incrementSelectedResult':
       return _objectSpread(_objectSpread({}, state), {}, {
         selectedResult: state.selectedResult === state.results.length - 1 ? 0 : state.selectedResult + 1,
         enableHistory: false
       });
-
     case 'decrementSelectedResult':
       return _objectSpread(_objectSpread({}, state), {}, {
         selectedResult: state.selectedResult < 1 ? state.results.length - 1 : state.selectedResult - 1,
         enableHistory: false
       });
-
     case 'pickCommandFromHistory':
       return _objectSpread(_objectSpread({}, state), {}, {
         selectedResult: 0,
         searchText: action.payload.searchText,
         results: action.payload.results,
-        stack: [] // The history does not get changed here, it will be changed along
+        stack: []
+        // The history does not get changed here, it will be changed along
         // with the regular flow.
-
       });
 
     case 'setNextCommands':
@@ -515,7 +493,6 @@ const reducer = function () {
         enableHistory: false,
         results: action.payload.results
       });
-
     case 'setPrevCommands':
       return _objectSpread(_objectSpread({}, state), {}, {
         searchText: action.payload.searchText,
@@ -525,7 +502,6 @@ const reducer = function () {
         // omit last item
         stack: _sliceInstanceProperty__default["default"](_context5 = state.stack).call(_context5, 0, -1)
       });
-
     case 'searchText':
       return _objectSpread(_objectSpread({}, state), {}, {
         searchText: action.payload,
@@ -533,7 +509,6 @@ const reducer = function () {
         // are tempted to retry
         hasNetworkError: action.payload.length > 0 && state.hasNetworkError
       });
-
     case 'setSearchTextResults':
       return _objectSpread(_objectSpread({}, state), {}, {
         results: action.payload,
@@ -541,41 +516,33 @@ const reducer = function () {
         enableHistory: true,
         stack: []
       });
-
     case 'resetSearchText':
       return _objectSpread(_objectSpread({}, state), {}, {
         searchText: '',
         results: [],
         selectedResult: -1
       });
-
     case 'resetResultsWhenClosing':
       return _objectSpread(_objectSpread({}, state), {}, {
         selectedResult: -1,
         enableHistory: true
       });
-
     case 'reset':
       return initialState;
-
     default:
       return state;
   }
 };
-
 var _ref = {
   name: "zjik7",
   styles: "display:flex"
 } ;
-
 const Butler = props => {
   const intl = reactIntl.useIntl();
-
   const _useReducer = react$1.useReducer(reducer, initialState),
-        _useReducer2 = _slicedToArray(_useReducer, 2),
-        state = _useReducer2[0],
-        dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   const shouldSelectFieldText = react$1.useRef(false);
   const isNewWindowCombo = react$1.useRef(false);
   const skipNextSelection = react$1.useRef(false);
@@ -604,44 +571,47 @@ const Butler = props => {
       type: 'loading',
       payload: false
     });
-  }, []); // Destructure functions from props to reference them in the hook dependency list
+  }, []);
 
+  // Destructure functions from props to reference them in the hook dependency list
   const searchFromParent = props.search,
-        onCloseFromParent = props.onClose,
-        executeCommandFromParent = props.executeCommand,
-        onHistoryEntriesChangeFromParent = props.onHistoryEntriesChange,
-        getNextCommandsFromParent = props.getNextCommands;
+    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
+      searchContainerRef.current.classList.remove(props.classNameShakeAnimation);
+      // -> triggering reflow
       // eslint-disable-next-line no-void
-
       void searchContainerRef.current.offsetWidth;
       searchContainerRef.current.classList.add(props.classNameShakeAnimation);
     }
   }, [props.classNameShakeAnimation]);
   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
-    const 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
-    } : // We are executing a subcommand, so we get the top-level command for it,
+    } :
+    // We are executing a subcommand, so we get the top-level command for it,
     // which is at the bottom of the stack.
     {
       searchText: state.stack[0].searchText,
       results: state.stack[0].results
-    }; // Add the entry to the history, while excluding any earlier history entry
+    };
+
+    // Add the entry to the history, while excluding any earlier history entry
     // with the same search text. This effectively "moves" that entry to the
     // top of the history (with the most recent results), or appends a new entry
     // when it didn't exist before.
-
     onHistoryEntriesChangeFromParent([..._filterInstanceProperty__default["default"](_context6 = props.historyEntries).call(_context6, command => command.searchText !== entry.searchText), entry]);
     dispatch({
       type: 'resetSearchText'
@@ -651,14 +621,17 @@ const Butler = props => {
   }, [executeCommandFromParent, onCloseFromParent, onHistoryEntriesChangeFromParent, props.historyEntries, state.results, state.searchText, state.stack]);
   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).
+    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
     // to handle it here
-
     if (event.key === 'Enter' && hasNewWindowModifier(event)) {
       isNewWindowCombo.current = true;
       return;
-    } // Avoid selecting the whole page when user selectes everything with
+    }
+
+    // Avoid selecting the whole page when user selectes everything with
     // a keyboard shortcut. There is probably a better way to do this though.
     // This prevents the whole page from being selected in case the user
     // 1) opens the search box
@@ -666,27 +639,23 @@ const Butler = props => {
     // 3) selects all text using cmd+a
     // 4) closes the search box with esc
     // Without this handling, the whole page would now be selected
-
-
     if (isSelectAllCombo(event)) {
       // This stops the browser from selecting anything
       event.preventDefault();
-
       if (searchInputRef.current) {
         // This selects the text in the search input
         searchInputRef.current.setSelectionRange(0, state.searchText.length);
       }
-
       return;
-    } // avoid interfering with other key combinations using modifier keys
-
+    }
 
+    // avoid interfering with other key combinations using modifier keys
     if (event.ctrlKey || event.altKey || event.shiftKey || event.metaKey) return;
-    if (isCloseCombo(event)) return; // skip next mouseEnter to avoid setting selectedResult when cursor just
-    // happens to be where the results will pop up
+    if (isCloseCombo(event)) return;
 
+    // skip next mouseEnter to avoid setting selectedResult when cursor just
+    // happens to be where the results will pop up
     skipNextSelection.current = true;
-
     if (event.key === 'ArrowDown') {
       // prevent cursor from jumping to end of text input
       event.preventDefault();
@@ -695,24 +664,26 @@ const Butler = props => {
       });
       return;
     }
-
     if (event.key === 'ArrowUp') {
       // browse through history
       if (state.searchText.length === 0 || state.selectedResult < 1 && state.enableHistory) {
         var _context7;
-
         shouldSelectFieldText.current = true;
-        const selectedIndex = state.searchText.length === 0 ? // When going back the first step
-        -1 : // When going back more than one step
-        _findIndexInstanceProperty__default["default"](_context7 = props.historyEntries).call(_context7, command => command.searchText === state.searchText); // Pick the previous command from the history
-
-        const prevCommand = selectedIndex === -1 ? // previous command on top of the history when going back on
+        const selectedIndex = state.searchText.length === 0 ?
+        // When going back the first step
+        -1 :
+        // When going back more than one step
+        _findIndexInstanceProperty__default["default"](_context7 = props.historyEntries).call(_context7, command => command.searchText === state.searchText);
+        // Pick the previous command from the history
+        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
+        last__default["default"](props.historyEntries) :
+        // previous command is deeper down
         // When the history does not exist (negative index), then
         // this implicitly returns undefined
-        props.historyEntries[selectedIndex - 1]; // Skip when no previous entry exists in the history
-
+        props.historyEntries[selectedIndex - 1];
+        // Skip when no previous entry exists in the history
         if (!prevCommand) return;
         dispatch({
           type: 'pickCommandFromHistory',
@@ -722,32 +693,32 @@ const Butler = props => {
           }
         });
         return;
-      } // prevent cursor from jumping to beginning of text input
-
-
+      }
+      // prevent cursor from jumping to beginning of text input
       event.preventDefault();
       dispatch({
         type: 'decrementSelectedResult'
       });
       return;
     }
-
     if (state.selectedResult > -1) {
       if (event.key === 'ArrowRight') {
         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)
+        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.
+        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.
         (async () => {
           if (command) {
-            const nextCommands = await getNextCommandsFromParent(command); // avoid moving cursor when there are sub-options
-
+            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.
@@ -760,23 +731,21 @@ const Butler = props => {
                   }
                 });
               }
-
               return;
             }
           }
-
           shake();
         })();
-
         return;
       }
-
       if (event.key === 'ArrowLeft') {
         // go left in stack
-        const prevCommand = last__default["default"](state.stack); // do nothing when we can't go left anymore
+        const prevCommand = last__default["default"](state.stack);
 
-        if (!prevCommand) return; // prevent cursor from jumping a char to the left in text input
+        // do nothing when we can't go left anymore
+        if (!prevCommand) return;
 
+        // prevent cursor from jumping a char to the left in text input
         event.preventDefault();
         dispatch({
           type: 'setPrevCommands',
@@ -797,11 +766,12 @@ const Butler = props => {
       input.select();
       shouldSelectFieldText.current = false;
     }
+    if (event.key !== 'Enter' && !isNewWindowCombo.current) return true;
 
-    if (event.key !== 'Enter' && !isNewWindowCombo.current) return true; // User just triggered the search
-
-    if (state.selectedResult === -1) return true; // User had something selected and wants to go there
+    // User just triggered the search
+    if (state.selectedResult === -1) return true;
 
+    // User had something selected and wants to go there
     execute(state.results[state.selectedResult], {
       openInNewTab: isNewWindowCombo.current
     });
@@ -810,28 +780,25 @@ const Butler = props => {
   }, [execute, state.results, state.selectedResult]);
   const handleChange = react$1.useCallback(event => {
     const searchText = event.target.value;
-
     if (_trimInstanceProperty__default["default"](searchText).call(searchText).length === 0) {
       dispatch({
         type: 'reset'
       });
       return;
     }
-
     dispatch({
       type: 'searchText',
       payload: searchText
-    }); // A search via network is only triggered when there
+    });
+
+    // A search via network is only triggered when there
     // are more than three characters. So no false loading
     // indication is given.
-
     if (_trimInstanceProperty__default["default"](searchText).call(searchText).length > 3) {
       setIsLoading();
     }
-
     searchFromParent(searchText).then(asyncResults => {
       var _context8, _context9;
-
       unsetHasNetworkError();
       unsetIsLoading();
       const fuse = new Fuse__default["default"](asyncResults, {
@@ -845,11 +812,11 @@ const Butler = props => {
         minMatchCharLength: 2,
         includeScore: true
       });
-
-      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
+      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, result => result.item)
@@ -876,9 +843,9 @@ const Butler = props => {
     if (skipNextSelection.current) {
       skipNextSelection.current = false;
       return;
-    } // sets the selected result, mainly for the hover effect
-
+    }
 
+    // sets the selected result, mainly for the hover effect
     dispatch({
       type: 'selectedResult',
       payload: index
@@ -930,7 +897,6 @@ const Butler = props => {
         })]
       }), (() => {
         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))
@@ -949,10 +915,8 @@ const Butler = props => {
     })
   });
 };
-
 Butler.propTypes = {};
 Butler.displayName = 'Butler';
-
 const ButlerWithAnimation = props => jsxRuntime.jsx(react.ClassNames, {
   children: _ref2 => {
     let css = _ref2.css;
@@ -963,6 +927,7 @@ const ButlerWithAnimation = props => jsxRuntime.jsx(react.ClassNames, {
 });
 
 // eslint-disable-next-line import/prefer-default-export
+
 const permissions = {
   ViewOrders: 'ViewOrders',
   ManageOrders: 'ManageOrders',
@@ -993,18 +958,15 @@ const actionTypes = {
 };
 
 var _templateObject$2;
-
 function nonNullable(value) {
   return value !== null && value !== undefined && typeof value !== 'boolean';
 }
-
 const createCommands = _ref => {
   var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context13;
-
   let intl = _ref.intl,
-      applicationContext = _ref.applicationContext,
-      featureToggles = _ref.featureToggles,
-      changeProjectDataLocale = _ref.changeProjectDataLocale;
+    applicationContext = _ref.applicationContext,
+    featureToggles = _ref.featureToggles,
+    changeProjectDataLocale = _ref.changeProjectDataLocale;
   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),
@@ -1296,17 +1258,17 @@ const createCommands = _ref => {
     // want to include them in the top-level search results
     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
+          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));
@@ -1395,11 +1357,10 @@ var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _
 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 } } } };
 const createProductVariantSubCommands = _ref => {
   var _context, _context2, _context3, _context4;
-
   let intl = _ref.intl,
-      applicationContext = _ref.applicationContext,
-      productId = _ref.productId,
-      variantId = _ref.variantId;
+    applicationContext = _ref.applicationContext,
+    productId = _ref.productId,
+    variantId = _ref.variantId;
   const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
   if (!canViewProducts || !applicationContext.project) return [];
   return [{
@@ -1432,7 +1393,6 @@ const createProductVariantSubCommands = _ref => {
     }
   }];
 };
-
 const formatVariantMessage = (variant, intl) => {
   if (variant.sku) return intl.formatMessage(messages.openVariantBySku, {
     sku: variant.sku
@@ -1444,12 +1404,11 @@ const formatVariantMessage = (variant, intl) => {
     id: variant.id
   });
 };
-
 const createProductVariantListSubCommands = async _ref2 => {
   let intl = _ref2.intl,
-      applicationContext = _ref2.applicationContext,
-      productId = _ref2.productId,
-      execQuery = _ref2.execQuery;
+    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, {
@@ -1457,14 +1416,11 @@ const createProductVariantListSubCommands = async _ref2 => {
   }, {
     target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
   });
-
   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),
@@ -1481,14 +1437,12 @@ const createProductVariantListSubCommands = async _ref2 => {
       };
     });
   }
-
   return [];
 };
-
 const createProductTabsSubCommands = _ref3 => {
   let intl = _ref3.intl,
-      applicationContext = _ref3.applicationContext,
-      productId = _ref3.productId;
+    applicationContext = _ref3.applicationContext,
+    productId = _ref3.productId;
   const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
   if (!canViewProducts || !applicationContext.project) return [];
   return [{
@@ -1521,44 +1475,42 @@ const createProductTabsSubCommands = _ref3 => {
   }];
 };
 
-const sanitize = param => param // Replace all \ with \\ (to prevent generate escape characters)
-.replace(/\\/g, '\\\\') // Replace all " with \"
+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
+};
 
+// 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;
 
-  if (matchedTranslation) return matchedTranslation.value; // Fall back to the first available locale
-
+  // 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 } } } };
-
 const searchProductIdsAction = (searchText, projectKey, dataLocale) => sdk.actions.post({
   uri: "/".concat(projectKey, "/search/products"),
   mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
@@ -1579,8 +1531,8 @@ const searchProductIdsAction = (searchText, projectKey, dataLocale) => sdk.actio
     offset: 0
   }
 });
-
-const pimIndexerStatusAction = (projectKey, dataLocale) => // TODO this should be sdkActions.head()
+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
@@ -1604,13 +1556,11 @@ sdk.actions.post({
     offset: 0
   }
 });
-
 const QuickAccess = props => {
   const _useState = react$1.useState(loadHistoryEntries()),
-        _useState2 = _slicedToArray(_useState, 2),
-        historyEntries = _useState2[0],
-        setHistoryEntries = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    historyEntries = _useState2[0],
+    setHistoryEntries = _useState2[1];
   const handleHistoryEntriesChange = react$1.useCallback(entries => {
     // Keep the history in sync with the session storage
     saveHistoryEntries(entries);
@@ -1619,29 +1569,26 @@ const QuickAccess = props => {
   const history = reactRouterDom.useHistory();
   const apolloClient = react$2.useApolloClient();
   const intl = reactIntl.useIntl();
-
   const _useFeatureToggles = reactBroadcast.useFeatureToggles({
-    pimSearch: true,
-    customApplications: true,
-    canViewDashboard: true
-  }),
-        _useFeatureToggles2 = _slicedToArray(_useFeatureToggles, 3),
-        isPimSearchEnabled = _useFeatureToggles2[0],
-        isCustomApplicationsEnabled = _useFeatureToggles2[1],
-        isCanViewDashboardEnabled = _useFeatureToggles2[2];
-
-  const applicationContext = applicationShellConnectors.useApplicationContext(); // Destructure functions from props to reference them in the hook dependency list
+      pimSearch: true,
+      customApplications: true,
+      canViewDashboard: true
+    }),
+    _useFeatureToggles2 = _slicedToArray(_useFeatureToggles, 3),
+    isPimSearchEnabled = _useFeatureToggles2[0],
+    isCustomApplicationsEnabled = _useFeatureToggles2[1],
+    isCanViewDashboardEnabled = _useFeatureToggles2[2];
+  const applicationContext = applicationShellConnectors.useApplicationContext();
 
+  // Destructure functions from props to reference them in the hook dependency list
   const onPimIndexerStateChangeFromParent = props.onPimIndexerStateChange;
   const dispatchFetchProductIds = sdk.useAsyncDispatch();
   const fetchPimSearchProductIds = react$1.useCallback(async searchText => {
     if (applicationContext.project && applicationContext.dataLocale) {
       var _context;
-
       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) : [];
     }
-
     return [];
   }, [applicationContext.dataLocale, applicationContext.project, dispatchFetchProductIds]);
   const dispatchFetchPimIndexerStatus = sdk.useAsyncDispatch();
@@ -1651,20 +1598,20 @@ const QuickAccess = props => {
         dispatchFetchPimIndexerStatus(pimIndexerStatusAction(applicationContext.project.key, applicationContext.dataLocale));
         return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED;
       } catch (error) {
+        // project is not using pim-indexer when response error code is 404,
         // 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;
       }
     }
-
     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
+    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]);
@@ -1673,8 +1620,8 @@ const QuickAccess = props => {
       getProjectIndexStatus().then(status => {
         onPimIndexerStateChangeFromParent(status);
       });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // <-- run only once, when component mounts
 
   const execQuery = react$1.useCallback((Query, variables, context) => apolloClient.query({
@@ -1701,10 +1648,8 @@ const QuickAccess = props => {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
     });
     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;
@@ -1726,10 +1671,8 @@ const QuickAccess = props => {
         })
       });
     }
-
     if (data && data.productByVariantSku && data.productByVariantSku.masterData && data.productByVariantSku.masterData.staged && data.productByVariantSku.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
       var _context3;
-
       const productId = data.productByVariantSku.id;
       const variantId = data.productByVariantSku.masterData.staged.variant.id;
       commands.push({
@@ -1749,10 +1692,8 @@ const QuickAccess = props => {
         })
       });
     }
-
     if (data && data.productById && data.productById.masterData && data.productById.masterData.staged && data.productById.masterData.staged.nameAllLocales && applicationContext.project && applicationContext.dataLocale) {
       var _context4;
-
       const productId = data.productById.id;
       commands.push({
         id: "go/product-by-id/product(".concat(productId, ")"),
@@ -1771,14 +1712,11 @@ const QuickAccess = props => {
         })
       });
     }
-
     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, {
@@ -1798,10 +1736,8 @@ const QuickAccess = props => {
         }
       });
     }
-
     if (data && data.productByKey && applicationContext.project && applicationContext.dataLocale) {
       var _context7;
-
       const productId = data.productByKey.id;
       commands.push({
         id: "go/product-by-key/product(".concat(productId, ")"),
@@ -1819,7 +1755,6 @@ const QuickAccess = props => {
         })
       });
     }
-
     return commands;
   }, [applicationContext, execQuery, fetchPimSearchProductIds, intl, props.pimIndexerState]);
   const debouncedGetProjectCommands = debounce__default["default"](getProjectCommands, 200, {
@@ -1836,13 +1771,13 @@ const QuickAccess = props => {
         canViewDashboard: isCanViewDashboardEnabled
       }
     });
-    if (!applicationContext.project) return generalCommands; // Avoid searching for short texts, as we won't get any good results
+    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];
@@ -1857,16 +1792,14 @@ const QuickAccess = props => {
   }, [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
       // We can also handle sync/async commands by checking command.action.then
       command.action();
       return;
-    } // open in new window
+    }
+    // open in new window
     // and always open other pages in a new window
-
-
     if (meta.openInNewTab || !_startsWithInstanceProperty__default["default"](_context8 = command.action.to).call(_context8, '/')) {
       // eslint-disable-next-line no-restricted-globals
       open(command.action.to, '_blank');
@@ -1885,7 +1818,6 @@ const QuickAccess = props => {
     getNextCommands: getNextCommands
   });
 };
-
 QuickAccess.propTypes = {};
 QuickAccess.displayName = 'QuickAccess';