@commercetools-frontend/application-shell 22.30.2 → 22.31.0

package/dist/{quick-access-438951ba.cjs.dev.js → quick-access-3479fec8.cjs.dev.js}

@@ -1,12 +1,10 @@
 'use strict';
 
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
 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');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
@@ -40,11 +38,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-8974720c.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bd1c5108.cjs.dev.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('./index-ca730730.cjs.dev.js');
+require('./index-b1476d46.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
@@ -59,7 +57,7 @@ require('redux-logger');
 require('@emotion/styled/base');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-63e926e1.cjs.dev.js');
+require('./oidc-6c6599a2.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
@@ -69,6 +67,8 @@ require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-uikit/text');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-frontend/browser-history');
 require('@commercetools-frontend/l10n');
@@ -98,7 +98,6 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
@@ -139,26 +138,26 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dGxlci1jb21tYW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2MiLCJmaWxlIjoiYnV0bGVyLWNvbW1hbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBBbmdsZVRoaW5SaWdodEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgdHlwZSB7IENvbW1hbmQgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbW1hbmQ6IENvbW1hbmQ7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBvbkNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIG9uTW91c2VFbnRlcjogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuY29uc3QgQnV0bGVyQ29tbWFuZCA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGtleT17cHJvcHMuY29tbWFuZC5pZH1cbiAgICBkYXRhLXRlc3RpZD17YHF1aWNrLWFjY2Vzcy1yZXN1bHQoJHtwcm9wcy5jb21tYW5kLmlkfSlgfVxuICAgIGFyaWEtY3VycmVudD17cHJvcHMuaXNTZWxlY3RlZCA9PT0gdHJ1ZSA/ICd0cnVlJyA6ICdmYWxzZSd9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgJHtwcm9wcy5pc1NlbGVjdGVkID09PSB0cnVlXG4gICAgICAgID8gYFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yQWNjZW50fTtcbiAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBgXG4gICAgICAgIDogJyd9XG4gICAgYH1cbiAgICBvbk1vdXNlRW50ZXI9e3Byb3BzLm9uTW91c2VFbnRlcn1cbiAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICA+XG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXg6IDEgYXV0bztcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtwcm9wcy5jb21tYW5kLnRleHR9XG4gICAgPC9kaXY+XG4gICAgeygoQXJyYXkuaXNBcnJheShwcm9wcy5jb21tYW5kLnN1YkNvbW1hbmRzKSAmJlxuICAgICAgcHJvcHMuY29tbWFuZC5zdWJDb21tYW5kcy5sZW5ndGggPiAwKSB8fFxuICAgICAgdHlwZW9mIHByb3BzLmNvbW1hbmQuc3ViQ29tbWFuZHMgPT09ICdmdW5jdGlvbicpICYmIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICAgID4gKiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxBbmdsZVRoaW5SaWdodEljb25cbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj17cHJvcHMuaXNTZWxlY3RlZCA/ICdzdXJmYWNlJyA6ICduZXV0cmFsNjAnfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuXG5CdXRsZXJDb21tYW5kLmRpc3BsYXlOYW1lID0gJ0J1dGxlckNvbW1hbmQnO1xuXG5leHBvcnQgZGVmYXVsdCBCdXRsZXJDb21tYW5kO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
-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',
-    css: /*#__PURE__*/react.css("display:flex;padding:0 ", designSystem.customProperties.spacingM, ";height:36px;font-size:16px;font-weight:200;line-height:36px;cursor:default;", props.isSelected === true ? _concatInstanceProperty__default["default"](_context = "\n            background: ".concat(designSystem.customProperties.colorAccent, ";\n            color: ")).call(_context, designSystem.customProperties.colorSurface, ";\n          ") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ButlerCommand;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dGxlci1jb21tYW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlkiLCJmaWxlIjoiYnV0bGVyLWNvbW1hbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBBbmdsZVRoaW5SaWdodEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgdHlwZSB7IENvbW1hbmQgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbW1hbmQ6IENvbW1hbmQ7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBvbkNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIG9uTW91c2VFbnRlcjogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuY29uc3QgQnV0bGVyQ29tbWFuZCA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGtleT17cHJvcHMuY29tbWFuZC5pZH1cbiAgICBkYXRhLXRlc3RpZD17YHF1aWNrLWFjY2Vzcy1yZXN1bHQoJHtwcm9wcy5jb21tYW5kLmlkfSlgfVxuICAgIGFyaWEtY3VycmVudD17cHJvcHMuaXNTZWxlY3RlZCA9PT0gdHJ1ZSA/ICd0cnVlJyA6ICdmYWxzZSd9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgJHtwcm9wcy5pc1NlbGVjdGVkID09PSB0cnVlXG4gICAgICAgID8gYFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yQWNjZW50fTtcbiAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBgXG4gICAgICAgIDogJyd9XG4gICAgYH1cbiAgICBvbk1vdXNlRW50ZXI9e3Byb3BzLm9uTW91c2VFbnRlcn1cbiAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICA+XG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXg6IDEgYXV0bztcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtwcm9wcy5jb21tYW5kLnRleHR9XG4gICAgPC9kaXY+XG4gICAgeygoQXJyYXkuaXNBcnJheShwcm9wcy5jb21tYW5kLnN1YkNvbW1hbmRzKSAmJlxuICAgICAgcHJvcHMuY29tbWFuZC5zdWJDb21tYW5kcy5sZW5ndGggPiAwKSB8fFxuICAgICAgdHlwZW9mIHByb3BzLmNvbW1hbmQuc3ViQ29tbWFuZHMgPT09ICdmdW5jdGlvbicpICYmIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICAgID4gKiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxBbmdsZVRoaW5SaWdodEljb25cbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj17cHJvcHMuaXNTZWxlY3RlZCA/ICdzdXJmYWNlJyA6ICduZXV0cmFsNjAnfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuXG5CdXRsZXJDb21tYW5kLmRpc3BsYXlOYW1lID0gJ0J1dGxlckNvbW1hbmQnO1xuXG5leHBvcnQgZGVmYXVsdCBCdXRsZXJDb21tYW5kO1xuIl19 */"),
-    onMouseEnter: props.onMouseEnter,
-    onClick: props.onClick,
-    children: [jsxRuntime.jsx("div", {
-      css: _ref2,
-      children: props.command.text
-    }), (_Array$isArray__default["default"](props.command.subCommands) && props.command.subCommands.length > 0 || typeof props.command.subCommands === 'function') && jsxRuntime.jsx("div", {
-      css: _ref$1,
-      children: jsxRuntime.jsx(icons.AngleThinRightIcon, {
-        size: "medium",
-        color: props.isSelected ? 'surface' : 'neutral60'
-      })
-    })]
-  }, props.command.id);
-};
+const ButlerCommand = props => jsxRuntime.jsxs("div", {
+  "data-testid": `quick-access-result(${props.command.id})`,
+  "aria-current": props.isSelected === true ? 'true' : 'false',
+  css: /*#__PURE__*/react.css("display:flex;padding:0 ", designSystem.customProperties.spacingM, ";height:36px;font-size:16px;font-weight:200;line-height:36px;cursor:default;", props.isSelected === true ? `
+            background: ${designSystem.customProperties.colorAccent};
+            color: ${designSystem.customProperties.colorSurface};
+          ` : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ButlerCommand;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dGxlci1jb21tYW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlkiLCJmaWxlIjoiYnV0bGVyLWNvbW1hbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBBbmdsZVRoaW5SaWdodEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgdHlwZSB7IENvbW1hbmQgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbW1hbmQ6IENvbW1hbmQ7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBvbkNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIG9uTW91c2VFbnRlcjogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuY29uc3QgQnV0bGVyQ29tbWFuZCA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGtleT17cHJvcHMuY29tbWFuZC5pZH1cbiAgICBkYXRhLXRlc3RpZD17YHF1aWNrLWFjY2Vzcy1yZXN1bHQoJHtwcm9wcy5jb21tYW5kLmlkfSlgfVxuICAgIGFyaWEtY3VycmVudD17cHJvcHMuaXNTZWxlY3RlZCA9PT0gdHJ1ZSA/ICd0cnVlJyA6ICdmYWxzZSd9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgJHtwcm9wcy5pc1NlbGVjdGVkID09PSB0cnVlXG4gICAgICAgID8gYFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yQWNjZW50fTtcbiAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBgXG4gICAgICAgIDogJyd9XG4gICAgYH1cbiAgICBvbk1vdXNlRW50ZXI9e3Byb3BzLm9uTW91c2VFbnRlcn1cbiAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICA+XG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXg6IDEgYXV0bztcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtwcm9wcy5jb21tYW5kLnRleHR9XG4gICAgPC9kaXY+XG4gICAgeygoQXJyYXkuaXNBcnJheShwcm9wcy5jb21tYW5kLnN1YkNvbW1hbmRzKSAmJlxuICAgICAgcHJvcHMuY29tbWFuZC5zdWJDb21tYW5kcy5sZW5ndGggPiAwKSB8fFxuICAgICAgdHlwZW9mIHByb3BzLmNvbW1hbmQuc3ViQ29tbWFuZHMgPT09ICdmdW5jdGlvbicpICYmIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICAgID4gKiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxBbmdsZVRoaW5SaWdodEljb25cbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj17cHJvcHMuaXNTZWxlY3RlZCA/ICdzdXJmYWNlJyA6ICduZXV0cmFsNjAnfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuXG5CdXRsZXJDb21tYW5kLmRpc3BsYXlOYW1lID0gJ0J1dGxlckNvbW1hbmQnO1xuXG5leHBvcnQgZGVmYXVsdCBCdXRsZXJDb21tYW5kO1xuIl19 */"),
+  onMouseEnter: props.onMouseEnter,
+  onClick: props.onClick,
+  children: [jsxRuntime.jsx("div", {
+    css: _ref2,
+    children: props.command.text
+  }), (_Array$isArray__default["default"](props.command.subCommands) && props.command.subCommands.length > 0 || typeof props.command.subCommands === 'function') && jsxRuntime.jsx("div", {
+    css: _ref$1,
+    children: jsxRuntime.jsx(icons.AngleThinRightIcon, {
+      size: "medium",
+      color: props.isSelected ? 'surface' : 'neutral60'
+    })
+  })]
+}, props.command.id);
 ButlerCommand.propTypes = process.env.NODE_ENV !== "production" ? {
   command: _pt__default["default"].any.isRequired,
   isSelected: _pt__default["default"].bool,
@@ -416,7 +415,6 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-var _templateObject$3, _templateObject2$2;
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context12, _context13; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context12 = ownKeys(Object(t), !0)).call(_context12, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context13 = ownKeys(Object(t))).call(_context13, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -439,7 +437,24 @@ const hasNewWindowModifier = event => {
       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 shakeAnimation = react.keyframes`
+  from,
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  14%,
+  42%,
+  70% {
+    transform: translate3d(-3px, 0, 0);
+  }
+
+  28%,
+  56%,
+  84% {
+    transform: translate3d(3px, 0, 0);
+  }
+`;
 const initialState = {
   hasNetworkError: false,
   isLoading: false,
@@ -939,7 +954,11 @@ 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)
+      classNameShakeAnimation: css`
+          animation-duration: 0.45s;
+          animation-fill-mode: both;
+          animation-name: ${shakeAnimation};
+        `
     }));
   }
 });
@@ -975,7 +994,6 @@ const actionTypes = {
   go: 'go'
 };
 
-var _templateObject$2;
 function nonNullable(value) {
   return value !== null && value !== undefined && typeof value !== 'boolean';
 }
@@ -991,7 +1009,7 @@ const createCommands = _ref => {
     keywords: ['Go to Dashboard'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/dashboard")
+      to: `/${applicationContext.project.key}/dashboard`
     }
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
     id: 'go/products',
@@ -999,35 +1017,35 @@ const createCommands = _ref => {
     keywords: ['Go to Products'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/products")
+      to: `/${applicationContext.project.key}/products`
     },
     subCommands: _filterInstanceProperty__default["default"](_context2 = [permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
       id: 'go/products/list',
       text: intl.formatMessage(messages.openProductList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/products")
+        to: `/${applicationContext.project.key}/products`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
       id: 'go/products/modified',
       text: intl.formatMessage(messages.openModifiedProducts),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/products/modified")
+        to: `/${applicationContext.project.key}/products/modified`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && featureToggles.pimSearch && {
       id: 'go/products/pim-search',
       text: intl.formatMessage(messages.openPimSearch),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/products")
+        to: `/${applicationContext.project.key}/products`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageProducts], applicationContext.permissions) && {
       id: 'go/products/add',
       text: intl.formatMessage(messages.openAddProducts),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/products/new")
+        to: `/${applicationContext.project.key}/products/new`
       }
     }]).call(_context2, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
@@ -1036,28 +1054,28 @@ const createCommands = _ref => {
     keywords: ['Go to Categories'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/categories")
+      to: `/${applicationContext.project.key}/categories`
     },
     subCommands: _filterInstanceProperty__default["default"](_context3 = [permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
       id: 'go/categories/list',
       text: intl.formatMessage(messages.openCategoriesList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/categories?mode=list")
+        to: `/${applicationContext.project.key}/categories?mode=list`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
       id: 'go/categories/search',
       text: intl.formatMessage(messages.openCategoriesSearch),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/categories?mode=search")
+        to: `/${applicationContext.project.key}/categories?mode=search`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageCategories], applicationContext.permissions) && {
       id: 'go/categories/add',
       text: intl.formatMessage(messages.openAddCategory),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/categories/new")
+        to: `/${applicationContext.project.key}/categories/new`
       }
     }]).call(_context3, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCustomers, permissions.ViewCustomerGroups], applicationContext.permissions) && {
@@ -1066,35 +1084,35 @@ const createCommands = _ref => {
     keywords: ['Go to Customers'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/customers")
+      to: `/${applicationContext.project.key}/customers`
     },
     subCommands: _filterInstanceProperty__default["default"](_context4 = [permissions$1.hasSomePermissions([permissions.ViewCustomers], applicationContext.permissions) && {
       id: 'go/customers/list',
       text: intl.formatMessage(messages.openCustomersList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/customers")
+        to: `/${applicationContext.project.key}/customers`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageCustomers], applicationContext.permissions) && {
       id: 'go/customers/new',
       text: intl.formatMessage(messages.openAddCustomer),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/customers/new")
+        to: `/${applicationContext.project.key}/customers/new`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewCustomerGroups], applicationContext.permissions) && {
       id: 'go/customer/customer-groups',
       text: intl.formatMessage(messages.openCustomerGroupsList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/customers/customer-groups")
+        to: `/${applicationContext.project.key}/customers/customer-groups`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageCustomerGroups], applicationContext.permissions) && {
       id: 'go/customers/customer-groups/add',
       text: intl.formatMessage(messages.openAddCustomerGroup),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/customers/customer-groups/new")
+        to: `/${applicationContext.project.key}/customers/customer-groups/new`
       }
     }]).call(_context4, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
@@ -1103,21 +1121,21 @@ const createCommands = _ref => {
     keywords: ['Go to Orders'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/orders")
+      to: `/${applicationContext.project.key}/orders`
     },
     subCommands: _filterInstanceProperty__default["default"](_context5 = [permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
       id: 'go/orders/list',
       text: intl.formatMessage(messages.openOrdersList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/orders")
+        to: `/${applicationContext.project.key}/orders`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageOrders], applicationContext.permissions) && {
       id: 'go/orders/add',
       text: intl.formatMessage(messages.openAddOrder),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/orders/new")
+        to: `/${applicationContext.project.key}/orders/new`
       }
     }]).call(_context5, nonNullable)
   }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewDiscountCodes, permissions.ViewProductDiscounts, permissions.ViewCartDiscounts], applicationContext.permissions) && {
@@ -1126,56 +1144,56 @@ const createCommands = _ref => {
     keywords: ['Go to Discounts'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/discounts")
+      to: `/${applicationContext.project.key}/discounts`
     },
     subCommands: _filterInstanceProperty__default["default"](_context6 = [permissions$1.hasSomePermissions([permissions.ViewProductDiscounts], applicationContext.permissions) && {
       id: 'go/discounts/products/list',
       text: intl.formatMessage(messages.openProductDiscountsList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/discounts/products")
+        to: `/${applicationContext.project.key}/discounts/products`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewCartDiscounts], applicationContext.permissions) && {
       id: 'go/discounts/carts/list',
       text: intl.formatMessage(messages.openCartDiscountsList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/discounts/carts")
+        to: `/${applicationContext.project.key}/discounts/carts`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewDiscountCodes], applicationContext.permissions) && {
       id: 'go/discounts/codes/list',
       text: intl.formatMessage(messages.openDiscountCodesList),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/discounts/codes")
+        to: `/${applicationContext.project.key}/discounts/codes`
       }
     }, permissions$1.hasSomePermissions([permissions.ManageProductDiscounts, permissions.ManageDiscountCodes, permissions.ManageCartDiscounts], applicationContext.permissions) && {
       id: 'go/discounts/add',
       text: intl.formatMessage(messages.openAddDiscount),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/discounts/new")
+        to: `/${applicationContext.project.key}/discounts/new`
       },
       subCommands: _filterInstanceProperty__default["default"](_context7 = [permissions$1.hasSomePermissions([permissions.ManageProductDiscounts], applicationContext.permissions) && {
         id: 'go/discounts/product/add',
         text: intl.formatMessage(messages.openAddProductDiscount),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/discounts/products/new")
+          to: `/${applicationContext.project.key}/discounts/products/new`
         }
       }, permissions$1.hasSomePermissions([permissions.ManageCartDiscounts], applicationContext.permissions) && {
         id: 'go/discounts/cart/add',
         text: intl.formatMessage(messages.openAddCartDiscount),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/discounts/carts/new")
+          to: `/${applicationContext.project.key}/discounts/carts/new`
         }
       }, permissions$1.hasSomePermissions([permissions.ManageDiscountCodes], applicationContext.permissions) && {
         id: 'go/discounts/code/add',
         text: intl.formatMessage(messages.openAddCartDiscount),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/discounts/codes/new")
+          to: `/${applicationContext.project.key}/discounts/codes/new`
         }
       }]).call(_context7, nonNullable)
     }]).call(_context6, nonNullable)
@@ -1185,49 +1203,49 @@ const createCommands = _ref => {
     keywords: ['Go to Settings'],
     action: {
       type: actionTypes.go,
-      to: "/".concat(applicationContext.project.key, "/settings/project")
+      to: `/${applicationContext.project.key}/settings/project`
     },
     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")
+        to: `/${applicationContext.project.key}/settings/project`
       },
       subCommands: _filterInstanceProperty__default["default"](_context9 = [{
         id: 'go/settings/project/international',
         text: intl.formatMessage(messages.openProjectSettingsInternationalTab),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/project/international")
+          to: `/${applicationContext.project.key}/settings/project/international`
         }
       }, {
         id: 'go/settings/project/taxes',
         text: intl.formatMessage(messages.openProjectSettingsTaxesTab),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/project/taxes")
+          to: `/${applicationContext.project.key}/settings/project/taxes`
         }
       }, {
         id: 'go/settings/project/shipping-methods',
         text: intl.formatMessage(messages.openProjectSettingsShippingMethodsTab),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/project/shipping-methods")
+          to: `/${applicationContext.project.key}/settings/project/shipping-methods`
         }
       }, {
         id: 'go/settings/project/channels',
         text: intl.formatMessage(messages.openProjectSettingsChannelsTab),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/project/channels")
+          to: `/${applicationContext.project.key}/settings/project/channels`
         }
       }, {
         id: 'go/settings/project/stores',
         text: intl.formatMessage(messages.openProjectSettingsStoresTab),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/project/stores")
+          to: `/${applicationContext.project.key}/settings/project/stores`
         }
       }]).call(_context9, nonNullable)
     }, permissions$1.hasSomePermissions([permissions.ViewProductTypes], applicationContext.permissions) && {
@@ -1235,28 +1253,28 @@ const createCommands = _ref => {
       text: intl.formatMessage(messages.openProductTypesSettings),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/settings/product-types")
+        to: `/${applicationContext.project.key}/settings/product-types`
       }
     }, permissions$1.hasSomePermissions([permissions.ViewDeveloperSettings], applicationContext.permissions) && {
       id: 'go/settings/developer',
       text: intl.formatMessage(messages.openDeveloperSettings),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/settings/developer")
+        to: `/${applicationContext.project.key}/settings/developer`
       },
       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: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/developer/api-clients")
+          to: `/${applicationContext.project.key}/settings/developer/api-clients`
         }
       }, permissions$1.hasSomePermissions([permissions.ManageDeveloperSettings], applicationContext.permissions) && {
         id: 'go/settings/developer/api-clients/add',
         text: intl.formatMessage(messages.openAddApiClient),
         action: {
           type: actionTypes.go,
-          to: "/".concat(applicationContext.project.key, "/settings/developer/api-clients/new")
+          to: `/${applicationContext.project.key}/settings/developer/api-clients/new`
         }
       }]).call(_context10, nonNullable)
     }, featureToggles.customApplications && permissions$1.hasSomePermissions([permissions.ManageProjectSettings], applicationContext.permissions) && {
@@ -1264,7 +1282,7 @@ const createCommands = _ref => {
       text: intl.formatMessage(messages.openCustomApplicationsSettings),
       action: {
         type: actionTypes.go,
-        to: "/".concat(applicationContext.project.key, "/settings/custom-applications")
+        to: `/${applicationContext.project.key}/settings/custom-applications`
       }
     }]).call(_context8, nonNullable)
   }, applicationContext.project && applicationContext.project.languages && applicationContext.project.languages.length > 1 && {
@@ -1277,8 +1295,11 @@ const createCommands = _ref => {
     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)' : ''),
+        id: `action/set-resource-language/${language}`,
+        text: commonTags.oneLineTrim`
+                      ${language}
+                      ${language === applicationContext.dataLocale ? ' (active)' : ''}
+                    `,
         action: () => {
           changeProjectDataLocale(language);
 
@@ -1305,7 +1326,7 @@ const createCommands = _ref => {
     keywords: ['Go to user account', 'Go to profile', 'Open profile'],
     action: {
       type: actionTypes.go,
-      to: "/account/profile"
+      to: `/account/profile`
     }
   }, {
     id: 'go/privacy-policy',
@@ -1321,7 +1342,7 @@ const createCommands = _ref => {
     keywords: ['Sign out'],
     action: {
       type: actionTypes.go,
-      to: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER)
+      to: `/logout?reason=${constants.LOGOUT_REASONS.USER}`
     }
   }, {
     id: 'go/manage-projects',
@@ -1329,7 +1350,7 @@ const createCommands = _ref => {
     keywords: ['Go to manage projects', 'Go to projects', 'Open projects list'],
     action: {
       type: actionTypes.go,
-      to: "/account/projects"
+      to: `/account/projects`
     }
   }, {
     id: 'go/manage-organizations',
@@ -1337,10 +1358,10 @@ const createCommands = _ref => {
     keywords: ['Go to manage organizations', 'Go to organizations', 'Open organizations list'],
     action: {
       type: actionTypes.go,
-      to: "/account/organizations"
+      to: `/account/organizations`
     }
   }, ...(applicationContext.user ? _mapInstanceProperty__default["default"](_context13 = applicationContext.user.projects.results).call(_context13, userProject => ({
-    id: "go/project(".concat(userProject.key, ")"),
+    id: `go/project(${userProject.key})`,
     text: intl.formatMessage(messages.useProject, {
       projectName: userProject.name
     }),
@@ -1348,7 +1369,7 @@ const createCommands = _ref => {
     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);
+      window.location.href = `/${userProject.key}`;
     }
   })) : [])]).call(_context, nonNullable);
 };
@@ -1371,10 +1392,8 @@ const loadHistoryEntries = () => {
   }
 };
 
-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 } } } };
 const createProductVariantSubCommands = _ref => {
-  var _context, _context2, _context3, _context4;
   let intl = _ref.intl,
     applicationContext = _ref.applicationContext,
     productId = _ref.productId,
@@ -1382,32 +1401,60 @@ const createProductVariantSubCommands = _ref => {
   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"),
+    id: `go/product(${productId})/variant(${variantId})/attributes`,
     text: intl.formatMessage(messages.showProductVariantAttributes),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n          /attributes\n        "])), applicationContext.project.key, productId, variantId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /variants
+          /${variantId}
+          /attributes
+        `
     }
   }, {
-    id: _concatInstanceProperty__default["default"](_context2 = "go/product(".concat(productId, ")/variant")).call(_context2, variantId, "/images"),
+    id: `go/product(${productId})/variant${variantId}/images`,
     text: intl.formatMessage(messages.showProductVariantImages),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n          /images\n        "])), applicationContext.project.key, productId, variantId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /variants
+          /${variantId}
+          /images
+        `
     }
   }, {
-    id: _concatInstanceProperty__default["default"](_context3 = "go/product(".concat(productId, ")/variant(")).call(_context3, variantId, ")/prices"),
+    id: `go/product(${productId})/variant(${variantId})/prices`,
     text: intl.formatMessage(messages.showProductVariantPrices),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n          /prices\n        "])), applicationContext.project.key, productId, variantId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /variants
+          /${variantId}
+          /prices
+        `
     }
   }, {
-    id: _concatInstanceProperty__default["default"](_context4 = "go/product(".concat(productId, ")/variant(")).call(_context4, variantId, ")/inventory"),
+    id: `go/product(${productId})/variant(${variantId})/inventory`,
     text: intl.formatMessage(messages.showProductVariantInventory),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n          /", "\n          /inventory\n        "])), applicationContext.project.key, productId, variantId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /variants
+          /${variantId}
+          /inventory
+        `
     }
   }];
 };
@@ -1435,25 +1482,28 @@ 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;
+    var _context;
     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)
-        }
-      };
-    });
+    return _mapInstanceProperty__default["default"](_context = data.product.masterData.staged.allVariants).call(_context, variant => ({
+      id: `go/product(${productId})/variant(${variant.id})`,
+      text: formatVariantMessage(variant, intl),
+      subCommands: createProductVariantSubCommands({
+        intl,
+        applicationContext,
+        productId,
+        variantId: variant.id
+      }),
+      action: {
+        type: actionTypes.go,
+        to: commonTags.oneLineTrim`
+          /${projectKey}
+          /products
+          /${productId}
+          /variants
+          /${variant.id}
+        `
+      }
+    }));
   }
   return [];
 };
@@ -1464,18 +1514,28 @@ const createProductTabsSubCommands = _ref3 => {
   const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
   if (!canViewProducts || !applicationContext.project) return [];
   return [{
-    id: "go/product(".concat(productId, ")/general"),
+    id: `go/product(${productId})/general`,
     text: intl.formatMessage(messages.openProductVariantGeneral),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /general\n        "])), applicationContext.project.key, productId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /general
+        `
     }
   }, {
-    id: "go/product(".concat(productId, ")/variants"),
+    id: `go/product(${productId})/variants`,
     text: intl.formatMessage(messages.openProductVariantList),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /variants\n        "])), applicationContext.project.key, productId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /variants
+        `
     },
     subCommands: execQuery => createProductVariantListSubCommands({
       intl,
@@ -1484,11 +1544,16 @@ const createProductTabsSubCommands = _ref3 => {
       execQuery
     })
   }, {
-    id: "go/product(".concat(productId, ")/search"),
+    id: `go/product(${productId})/search`,
     text: intl.formatMessage(messages.openProductVariantSearch),
     action: {
       type: actionTypes.go,
-      to: commonTags.oneLineTrim(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          /", "\n          /products\n          /", "\n          /search\n        "])), applicationContext.project.key, productId)
+      to: commonTags.oneLineTrim`
+          /${applicationContext.project.key}
+          /products
+          /${productId}
+          /search
+        `
     }
   }];
 };
@@ -1527,10 +1592,9 @@ const translate = (nameAllLocales, projectDataLocale) => {
   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"),
+  uri: `/${projectKey}/search/products`,
   mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
   payload: {
     query: {
@@ -1560,7 +1624,7 @@ const pimIndexerStatusAction = (projectKey, dataLocale) =>
 // 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"),
+  uri: `/${projectKey}/search/products`,
   mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
   payload: {
     query: {
@@ -1662,26 +1726,31 @@ const QuickAccess = props => {
       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(', '), ")"),
+      productsWhereClause: `id in (${_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
     });
     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, ")"),
+        id: `go/product-variant-by-key/product(${productId}/variant(${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)
+          to: commonTags.oneLineTrim`
+            /${applicationContext.project.key}
+            /products
+            /${productId}
+            /variants
+            /${variantId}
+          `
         },
         subCommands: createProductVariantSubCommands({
           intl,
@@ -1692,17 +1761,22 @@ 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({
-        id: _concatInstanceProperty__default["default"](_context3 = "go/product-variant-by-sku/product(".concat(productId, ")/variant(")).call(_context3, variantId, ")"),
+        id: `go/product-variant-by-sku/product(${productId})/variant(${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)
+          to: commonTags.oneLineTrim`
+            /${applicationContext.project.key}
+            /products
+            /${productId}
+            /variants
+            /${variantId}
+          `
         },
         subCommands: createProductVariantSubCommands({
           intl,
@@ -1713,17 +1787,16 @@ 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, ")"),
+        id: `go/product-by-id/product(${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)
+          to: `/${applicationContext.project.key}/products/${productId}`
         },
         subCommands: createProductTabsSubCommands({
           intl,
@@ -1733,19 +1806,18 @@ const QuickAccess = props => {
       });
     }
     if (data && data.productsByIds && data.productsByIds.results) {
-      var _context5;
-      _forEachInstanceProperty__default["default"](_context5 = data.productsByIds.results).call(_context5, product => {
+      var _context2;
+      _forEachInstanceProperty__default["default"](_context2 = data.productsByIds.results).call(_context2, product => {
         if (product.masterData.staged && applicationContext.project && applicationContext.dataLocale) {
-          var _context6;
           commands.push({
-            id: "go/product-by-search-text/product(".concat(product.id, ")"),
+            id: `go/product-by-search-text/product(${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)
+              to: `/${applicationContext.project.key}/products/${product.id}`
             },
             subCommands: createProductTabsSubCommands({
               intl,
@@ -1757,16 +1829,15 @@ 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, ")"),
+        id: `go/product-by-key/product(${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)
+          to: `/${applicationContext.project.key}/products/${productId}`
         },
         subCommands: createProductTabsSubCommands({
           intl,
@@ -1811,7 +1882,7 @@ const QuickAccess = props => {
     }
   }, [applicationContext, debouncedGetProjectCommands, execQuery, intl, isCanViewDashboardEnabled, isCustomApplicationsEnabled, isPimSearchEnabled, props.onChangeProjectDataLocale]);
   const executeCommand = react$1.useCallback((command, meta) => {
-    var _context8;
+    var _context3;
     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
@@ -1820,7 +1891,7 @@ const QuickAccess = props => {
     }
     // 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, '/')) {
+    if (meta.openInNewTab || !_startsWithInstanceProperty__default["default"](_context3 = command.action.to).call(_context3, '/')) {
       // eslint-disable-next-line no-restricted-globals
       open(command.action.to, '_blank');
     } else if (applicationContext.environment.useFullRedirectsForLinks) {