@commercetools-frontend/application-shell 24.11.0 → 24.12.0

package/dist/quick-access-9dd197bb.cjs.prod.js

@@ -1,1875 +0,0 @@
-'use strict';
-
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-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 _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');
-var react$1 = require('react');
-var react$2 = require('@apollo/client/react');
-var reactBroadcast = require('@flopflip/react-broadcast');
-var commonTags = require('common-tags');
-var debounce = require('debounce-async');
-var reactIntl = require('react-intl');
-var reactRouterDom = require('react-router-dom');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var constants = require('@commercetools-frontend/constants');
-var permissions$1 = require('@commercetools-frontend/permissions');
-var sdk = require('@commercetools-frontend/sdk');
-var location = require('./location-537e0660.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');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
-var react = require('@emotion/react');
-var Fuse = require('fuse.js');
-var last = require('lodash/last');
-var 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-7bdde97c.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('./index-245e2980.cjs.prod.js');
-require('@babel/runtime-corejs3/core-js-stable/object/entries');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-require('@babel/runtime-corejs3/core-js-stable/reflect/has');
-require('@reduxjs/toolkit');
-require('lodash/mapValues');
-require('omit-empty-es');
-require('redux');
-require('redux-thunk');
-require('@commercetools-frontend/notifications');
-require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-require('@commercetools-frontend/sentry');
-require('@commercetools-frontend/react-notifications');
-require('redux-logger');
-require('@emotion/styled/base');
-require('@commercetools-frontend/application-components');
-require('@commercetools-frontend/i18n');
-require('./oidc-d74e6aa2.cjs.prod.js');
-require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-uikit/spacings');
-require('@commercetools-uikit/flat-button');
-require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('memoize-one');
-require('react-select');
-require('@commercetools-uikit/accessible-hidden');
-require('@commercetools-uikit/select-input');
-require('@commercetools-uikit/text');
-require('@commercetools-frontend/assets/images/ct-logo.svg');
-require('@commercetools-frontend/browser-history');
-require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/inherits');
-require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
-require('@babel/runtime-corejs3/core-js-stable/instance/flags');
-require('@flopflip/combine-adapters');
-require('@flopflip/http-adapter');
-require('@flopflip/launchdarkly-adapter');
-require('@flopflip/types');
-require('react-redux');
-require('@commercetools-uikit/design-system/materials/resets.css');
-require('@commercetools-frontend/application-config/ssr');
-require('@flopflip/memory-adapter');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
-require('@commercetools-frontend/actions-global');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
-var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
-var debounce__default = /*#__PURE__*/_interopDefault(debounce);
-var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
-var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
-var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
-var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
-var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
-var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
-var Fuse__default = /*#__PURE__*/_interopDefault(Fuse);
-var last__default = /*#__PURE__*/_interopDefault(last);
-var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
-var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-
-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 => 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};
-          ` : '', ";" + ("" ), "" ),
-  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.displayName = 'ButlerCommand';
-
-var messages = reactIntl.defineMessages({
-  inputPlacehoder: {
-    id: 'QuickAccess.inputPlaceholder',
-    defaultMessage: 'Go to...'
-  },
-  offline: {
-    id: 'QuickAccess.offline',
-    defaultMessage: 'Offline'
-  },
-  noResults: {
-    id: 'QuickAccess.noResults',
-    defaultMessage: 'No results found'
-  },
-  // create-commands
-  setResourceLanguage: {
-    id: 'QuickAccess.setResourceLanguage',
-    defaultMessage: 'Set Resource Language'
-  },
-  openDashboard: {
-    id: 'QuickAccess.openDashboard',
-    defaultMessage: 'Open Dashboard'
-  },
-  openProducts: {
-    id: 'QuickAccess.openProducts',
-    defaultMessage: 'Open Products'
-  },
-  openProductList: {
-    id: 'QuickAccess.openProductList',
-    defaultMessage: 'Open Product List'
-  },
-  openProductVariantGeneral: {
-    id: 'QuickAccess.openProductVariantGeneral',
-    defaultMessage: 'General'
-  },
-  openProductVariantList: {
-    id: 'QuickAccess.openProductVariantList',
-    defaultMessage: 'Variants'
-  },
-  openProductVariantSearch: {
-    id: 'QuickAccess.openProductVariantSearch',
-    defaultMessage: 'Int. / Ext. Search'
-  },
-  openModifiedProducts: {
-    id: 'QuickAccess.openModifiedProducts',
-    defaultMessage: 'Open Review Modified Products'
-  },
-  openPimSearch: {
-    id: 'QuickAccess.openPimSearch',
-    defaultMessage: 'Open PIM Search'
-  },
-  openAddProducts: {
-    id: 'QuickAccess.openAddProducts',
-    defaultMessage: 'Open Add Products'
-  },
-  openCategories: {
-    id: 'QuickAccess.openCategories',
-    defaultMessage: 'Open Categories'
-  },
-  openCategoriesList: {
-    id: 'QuickAccess.openCategoriesList',
-    defaultMessage: 'Open Categories List'
-  },
-  openCategoriesSearch: {
-    id: 'QuickAccess.openCategoriesSearch',
-    defaultMessage: 'Open Categories Search'
-  },
-  openAddCategory: {
-    id: 'QuickAccess.openAddCategory',
-    defaultMessage: 'Open Add Category'
-  },
-  openCustomers: {
-    id: 'QuickAccess.openCustomers',
-    defaultMessage: 'Open Customers'
-  },
-  openCustomersList: {
-    id: 'QuickAccess.openCustomersList',
-    defaultMessage: 'Open Customers List'
-  },
-  openAddCustomer: {
-    id: 'QuickAccess.openAddCustomer',
-    defaultMessage: 'Open Add Customer'
-  },
-  openCustomerGroupsList: {
-    id: 'QuickAccess.openCustomerGroupsList',
-    defaultMessage: 'Open Customer Groups List'
-  },
-  openAddCustomerGroup: {
-    id: 'QuickAccess.openAddCustomerGroup',
-    defaultMessage: 'Open Add Customer Group'
-  },
-  openOrders: {
-    id: 'QuickAccess.openOrders',
-    defaultMessage: 'Open Orders'
-  },
-  openOrdersList: {
-    id: 'QuickAccess.openOrdersList',
-    defaultMessage: 'Open Orders List'
-  },
-  openAddOrder: {
-    id: 'QuickAccess.openAddOrder',
-    defaultMessage: 'Open Add Order'
-  },
-  openDiscounts: {
-    id: 'QuickAccess.openDiscounts',
-    defaultMessage: 'Open Discounts'
-  },
-  openProductDiscountsList: {
-    id: 'QuickAccess.openProductDiscountsList',
-    defaultMessage: 'Open Product Discounts List'
-  },
-  openCartDiscountsList: {
-    id: 'QuickAccess.openCartDiscountsList',
-    defaultMessage: 'Open Cart Discounts List'
-  },
-  openDiscountCodesList: {
-    id: 'QuickAccess.openDiscountCodesList',
-    defaultMessage: 'Open Discount Codes List'
-  },
-  openAddDiscount: {
-    id: 'QuickAccess.openAddDiscount',
-    defaultMessage: 'Open Add Discount'
-  },
-  openAddProductDiscount: {
-    id: 'QuickAccess.openAddProductDiscount',
-    defaultMessage: 'Open Add Product Discount'
-  },
-  openAddCartDiscount: {
-    id: 'QuickAccess.openAddCartDiscount',
-    defaultMessage: 'Open Add Cart Discount'
-  },
-  openAddDiscountCode: {
-    id: 'QuickAccess.openAddDiscountCode',
-    defaultMessage: 'Open Add Discount Code'
-  },
-  openSettings: {
-    id: 'QuickAccess.openSettings',
-    defaultMessage: 'Open Settings'
-  },
-  openProjectSettings: {
-    id: 'QuickAccess.openProjectSettings',
-    defaultMessage: 'Open Project Settings'
-  },
-  openProjectSettingsInternationalTab: {
-    id: 'QuickAccess.openProjectSettingsInternationalTab',
-    defaultMessage: 'Open Project Settings • International'
-  },
-  openProjectSettingsTaxesTab: {
-    id: 'QuickAccess.openProjectSettingsTaxesTab',
-    defaultMessage: 'Open Project Settings • Taxes'
-  },
-  openProjectSettingsShippingMethodsTab: {
-    id: 'QuickAccess.openProjectSettingsShippingMethodsTab',
-    defaultMessage: 'Open Project Settings • Shipping Methods'
-  },
-  openProjectSettingsChannelsTab: {
-    id: 'QuickAccess.openProjectSettingsChannelsTab',
-    defaultMessage: 'Open Project Settings • Channels'
-  },
-  openProjectSettingsStoresTab: {
-    id: 'QuickAccess.openProjectSettingsStoresTab',
-    defaultMessage: 'Open Project Settings • Stores'
-  },
-  openProductTypesSettings: {
-    id: 'QuickAccess.openProductTypesSettings',
-    defaultMessage: 'Open Product Types Settings'
-  },
-  openDeveloperSettings: {
-    id: 'QuickAccess.openDeveloperSettings',
-    defaultMessage: 'Open Developer Settings'
-  },
-  openCustomApplicationsSettings: {
-    id: 'QuickAccess.openCustomApplicationsSettings',
-    defaultMessage: 'Open Custom Applications Settings'
-  },
-  openApiClientsList: {
-    id: 'QuickAccess.openApiClientsList',
-    defaultMessage: 'Open API Clients'
-  },
-  openAddApiClient: {
-    id: 'QuickAccess.openAddApiClient',
-    defaultMessage: 'Open Add API Client'
-  },
-  openSupport: {
-    id: 'QuickAccess.openSupport',
-    defaultMessage: 'Open Support'
-  },
-  openMyProfile: {
-    id: 'QuickAccess.openMyProfile',
-    defaultMessage: 'Open My Profile'
-  },
-  showPrivacyPolicy: {
-    id: 'QuickAccess.showPrivacyPolicy',
-    defaultMessage: 'Show Privacy Policy'
-  },
-  logout: {
-    id: 'QuickAccess.logout',
-    defaultMessage: 'Logout'
-  },
-  useProject: {
-    id: 'QuickAccess.useProject',
-    defaultMessage: 'Switch to project "{projectName}"'
-  },
-  openManageProjects: {
-    id: 'QuickAccess.openManageProject',
-    defaultMessage: 'Open Manage Projects'
-  },
-  openManageOrganizations: {
-    id: 'QuickAccess.openManageOrganizations',
-    defaultMessage: 'Open Manage Organizations'
-  },
-  // subcommands
-  openVariantById: {
-    id: 'QuickAccess.openVariantById',
-    defaultMessage: 'Open Variant "{id}" (id)'
-  },
-  openVariantByKey: {
-    id: 'QuickAccess.openVariantByKey',
-    defaultMessage: 'Open Variant "{key}" (key)'
-  },
-  openVariantBySku: {
-    id: 'QuickAccess.openVariantBySku',
-    defaultMessage: 'Open Variant "{sku}" (sku)'
-  },
-  showProduct: {
-    id: 'QuickAccess.showProduct',
-    defaultMessage: 'Show Product "{productName}"'
-  },
-  showProductVariant: {
-    id: 'QuickAccess.showProductVariant',
-    defaultMessage: 'Show Product Variant "{variantName}"'
-  },
-  showProductVariantAttributes: {
-    id: 'QuickAccess.showProductVariantAttributes',
-    defaultMessage: 'Show Attributes'
-  },
-  showProductVariantImages: {
-    id: 'QuickAccess.showProductVariantImages',
-    defaultMessage: 'Show Images'
-  },
-  showProductVariantPrices: {
-    id: 'QuickAccess.showProductVariantPrices',
-    defaultMessage: 'Show Prices'
-  },
-  showProductVariantInventory: {
-    id: 'QuickAccess.showProductVariantInventory',
-    defaultMessage: 'Show Inventory'
-  }
-});
-
-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 _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys(Object(t))).call(_context11, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-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`
-  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,
-  searchText: '',
-  selectedResult: -1,
-  // Used for UX when browsing through history
-  enableHistory: true,
-  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
-        // with the regular flow.
-      });
-    case 'setNextCommands':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        stack: [...state.stack, {
-          searchText: state.searchText,
-          results: state.results,
-          selectedResult: state.selectedResult
-        }],
-        selectedResult: 0,
-        enableHistory: false,
-        results: action.payload.results
-      });
-    case 'setPrevCommands':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        searchText: action.payload.searchText,
-        results: action.payload.results,
-        selectedResult: 0,
-        enableHistory: false,
-        // omit last item
-        stack: _sliceInstanceProperty__default["default"](_context5 = state.stack).call(_context5, 0, -1)
-      });
-    case 'searchText':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        searchText: action.payload,
-        // clear network error when search text is cleared, so that users
-        // are tempted to retry
-        hasNetworkError: action.payload.length > 0 && state.hasNetworkError
-      });
-    case 'setSearchTextResults':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        results: action.payload,
-        selectedResult: action.payload.length > 0 ? 0 : -1,
-        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];
-  const shouldSelectFieldText = react$1.useRef(false);
-  const isNewWindowCombo = react$1.useRef(false);
-  const skipNextSelection = react$1.useRef(false);
-  const searchContainerRef = react$1.useRef(null);
-  const searchInputRef = react$1.useRef(null);
-  const setHasNetworkError = react$1.useCallback(() => {
-    dispatch({
-      type: 'networkError',
-      payload: true
-    });
-  }, []);
-  const unsetHasNetworkError = react$1.useCallback(() => {
-    dispatch({
-      type: 'networkError',
-      payload: false
-    });
-  }, []);
-  const setIsLoading = react$1.useCallback(() => {
-    dispatch({
-      type: 'loading',
-      payload: true
-    });
-  }, []);
-  const unsetIsLoading = react$1.useCallback(() => {
-    dispatch({
-      type: 'loading',
-      payload: false
-    });
-  }, []);
-
-  // 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;
-  const shake = react$1.useCallback(() => {
-    if (searchContainerRef.current) {
-      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
-    {
-      searchText: state.searchText,
-      results: state.results
-    } :
-    // 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
-    // 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'
-    });
-    onCloseFromParent();
-    executeCommandFromParent(command, meta);
-  }, [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).
-    // 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
-    // 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
-    // 2) types into it
-    // 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
-    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
-    skipNextSelection.current = true;
-    if (event.key === 'ArrowDown') {
-      // prevent cursor from jumping to end of text input
-      event.preventDefault();
-      dispatch({
-        type: 'incrementSelectedResult'
-      });
-      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
-        // first step
-        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
-        if (!prevCommand) return;
-        dispatch({
-          type: 'pickCommandFromHistory',
-          payload: {
-            searchText: prevCommand.searchText,
-            results: prevCommand.results
-          }
-        });
-        return;
-      }
-      // 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)
-        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.
-        (async () => {
-          if (command) {
-            const nextCommands = await getNextCommandsFromParent(command);
-            // avoid moving cursor when there are sub-options
-            if (nextCommands.length > 0) {
-              // Ensure the search text has not changed while we were loading
-              // the next results, otherwise we'd interrupt the user.
-              // Throw away the results in case the search text has changed.
-              if (state.searchText === searchText) {
-                dispatch({
-                  type: 'setNextCommands',
-                  payload: {
-                    results: nextCommands
-                  }
-                });
-              }
-              return;
-            }
-          }
-          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
-        if (!prevCommand) return;
-
-        // prevent cursor from jumping a char to the left in text input
-        event.preventDefault();
-        dispatch({
-          type: 'setPrevCommands',
-          payload: {
-            searchText: prevCommand.searchText,
-            results: prevCommand.results
-          }
-        });
-        return;
-      }
-    }
-  }, [getNextCommandsFromParent, props.historyEntries, shake, state, unsetHasNetworkError]);
-  const handleKeyUp = react$1.useCallback(event => {
-    // setting the selection can only happen in onKeyUp
-    if (shouldSelectFieldText.current) {
-      const input = event.target;
-      input.focus();
-      input.select();
-      shouldSelectFieldText.current = false;
-    }
-    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
-    execute(state.results[state.selectedResult], {
-      openInNewTab: isNewWindowCombo.current
-    });
-    isNewWindowCombo.current = false;
-    return true;
-  }, [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
-    // 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, {
-        keys: [{
-          name: 'text',
-          weight: 0.6
-        }, {
-          name: 'keywords',
-          weight: 0.4
-        }],
-        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
-      ).call(_context8, 0, 9);
-      dispatch({
-        type: 'setSearchTextResults',
-        payload: _mapInstanceProperty__default["default"](searchResults).call(searchResults, result => result.item)
-      });
-    }, error => {
-      unsetIsLoading();
-      setHasNetworkError();
-    });
-  }, [searchFromParent, setHasNetworkError, setIsLoading, unsetHasNetworkError, unsetIsLoading]);
-  const handleContainerClick = react$1.useCallback(() => {
-    dispatch({
-      type: 'resetResultsWhenClosing'
-    });
-    onCloseFromParent();
-  }, [onCloseFromParent]);
-  const createCommandMouseEnterHandler = react$1.useCallback(index => () => {
-    // In case the cursor happened to be in a location where a
-    // result would appear, it would trigger onMouseEnter and the
-    // result would be selected immediately. This is not something
-    // a user would expect, hence we prevent it from happening.
-    // The user has to move the cursor to an option explicitly for
-    // it to become active. However, the user can always click and
-    // that action will be triggered.
-    if (skipNextSelection.current) {
-      skipNextSelection.current = false;
-      return;
-    }
-
-    // sets the selected result, mainly for the hover effect
-    dispatch({
-      type: 'selectedResult',
-      payload: index
-    });
-  }, []);
-  const createCommandClickHandler = react$1.useCallback(command => event => {
-    execute(command, {
-      openInNewTab: hasNewWindowModifier(event)
-    });
-  }, [execute]);
-  return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ButlerContainer, {
-    onClick: handleContainerClick,
-    "data-testid": "quick-access",
-    tabIndex: -1,
-    children: jsxRuntime.jsxs("div", {
-      ref: searchContainerRef,
-      css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border:0;border-radius:", designSystem.designTokens.borderRadius4, ";min-height:40px;z-index:20002;width:400px;margin:40px auto;overflow:hidden;-webkit-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);-moz-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);padding-bottom:", state.hasNetworkError ? '0' : designSystem.designTokens.spacingS, ";" + ("" ), "" ),
-      onClick: event => {
-        // Avoid closing when the searchContainer itself is clicked
-        // If we don't do this, then the overlay will close when e.g.
-        // the search input is clicked.
-        event.stopPropagation();
-        event.preventDefault();
-      },
-      children: [jsxRuntime.jsxs("div", {
-        css: _ref,
-        children: [jsxRuntime.jsx("label", {
-          htmlFor: "quick-access-search-input",
-          css: /*#__PURE__*/react.css("align-self:center;padding-left:", designSystem.designTokens.spacingM, ";margin-top:", designSystem.designTokens.spacingS, ";" + ("" ), "" ),
-          children: jsxRuntime.jsx(icons.SearchIcon, {
-            color: "neutral60"
-          })
-        }), jsxRuntime.jsx("input", {
-          id: "quick-access-search-input",
-          ref: searchInputRef,
-          placeholder: intl.formatMessage(messages.inputPlacehoder),
-          type: "text",
-          css: /*#__PURE__*/react.css("width:100%;border:0;outline:0;font-size:22px;font-weight:300;padding:", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingS, " ", designSystem.designTokens.spacingS, ";&::placeholder{color:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ),
-          value: state.searchText,
-          onChange: handleChange,
-          onKeyDown: handleKeyDown,
-          onKeyUp: handleKeyUp,
-          autoFocus: true,
-          autoComplete: "off",
-          "data-testid": "quick-access-search-input"
-        }), state.isLoading && jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.designTokens.spacingS, ";margin-right:", designSystem.designTokens.spacingS, ";" + ("" ), "" ),
-          children: jsxRuntime.jsx(LoadingSpinner__default["default"], {})
-        })]
-      }), ((_context0, _context1) => {
-        if (state.hasNetworkError) return jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.designTokens.colorError, ";text-align:center;text-transform:uppercase;color:", designSystem.designTokens.colorSurface, ";font-size:", designSystem.designTokens.fontSize20, ";padding:", designSystem.designTokens.spacingXs, ";" + ("" ), "" ),
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.offline))
-        });
-        if (state.results.length === 0 && _trimInstanceProperty__default["default"](_context0 = state.searchText).call(_context0).length > 0) return jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.designTokens.colorNeutral, ";color:", designSystem.designTokens.colorSolid, ";text-align:center;text-transform:uppercase;font-size:", designSystem.designTokens.fontSize20, ";padding:", designSystem.designTokens.spacingXs, ";" + ("" ), "" ),
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.noResults))
-        });
-        return _mapInstanceProperty__default["default"](_context1 = state.results).call(_context1, (command, index) => jsxRuntime.jsx(ButlerCommand, {
-          command: command,
-          isSelected: state.selectedResult === index,
-          onMouseEnter: createCommandMouseEnterHandler(index),
-          onClick: createCommandClickHandler(command)
-        }, command.id));
-      })()]
-    })
-  });
-};
-Butler.displayName = 'Butler';
-const ButlerWithAnimation = props => jsxRuntime.jsx(react.ClassNames, {
-  children: _ref2 => {
-    let css = _ref2.css;
-    return jsxRuntime.jsx(Butler, _objectSpread(_objectSpread({}, props), {}, {
-      classNameShakeAnimation: css`
-          animation-duration: 0.45s;
-          animation-fill-mode: both;
-          animation-name: ${shakeAnimation};
-        `
-    }));
-  }
-});
-
-// eslint-disable-next-line import/prefer-default-export
-
-const permissions = {
-  ViewOrders: 'ViewOrders',
-  ManageOrders: 'ManageOrders',
-  ViewProducts: 'ViewProducts',
-  ManageProducts: 'ManageProducts',
-  ViewCategories: 'ViewCategories',
-  ManageCategories: 'ManageCategories',
-  ViewCustomers: 'ViewCustomers',
-  ManageCustomers: 'ManageCustomers',
-  ViewCustomerGroups: 'ViewCustomerGroups',
-  ManageCustomerGroups: 'ManageCustomerGroups',
-  ViewProductDiscounts: 'ViewProductDiscounts',
-  ManageProductDiscounts: 'ManageProductDiscounts',
-  ViewDiscountCodes: 'ViewDiscountCodes',
-  ManageDiscountCodes: 'ManageDiscountCodes',
-  ViewCartDiscounts: 'ViewCartDiscounts',
-  ManageCartDiscounts: 'ManageCartDiscounts',
-  ViewProjectSettings: 'ViewProjectSettings',
-  ManageProjectSettings: 'ManageProjectSettings',
-  ViewDeveloperSettings: 'ViewDeveloperSettings',
-  ManageDeveloperSettings: 'ManageDeveloperSettings',
-  ViewProductTypes: 'ViewProductTypes',
-  ManageProductTypes: 'ManageProductTypes'
-};
-
-const actionTypes = {
-  go: 'go'
-};
-
-function nonNullable(value) {
-  return value !== null && value !== undefined && typeof value !== 'boolean';
-}
-const createCommands = _ref => {
-  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context0, _context11;
-  let intl = _ref.intl,
-    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),
-    keywords: ['Go to Dashboard'],
-    action: {
-      type: actionTypes.go,
-      to: `/${applicationContext.project.key}/dashboard`
-    }
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions) && {
-    id: 'go/products',
-    text: intl.formatMessage(messages.openProducts),
-    keywords: ['Go to Products'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${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: `/${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: `/${applicationContext.project.key}/products/new`
-      }
-    }]).call(_context2, nonNullable)
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCategories], applicationContext.permissions) && {
-    id: 'go/categories',
-    text: intl.formatMessage(messages.openCategories),
-    keywords: ['Go to Categories'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${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: `/${applicationContext.project.key}/categories/new`
-      }
-    }]).call(_context3, nonNullable)
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewCustomers, permissions.ViewCustomerGroups], applicationContext.permissions) && {
-    id: 'go/customers',
-    text: intl.formatMessage(messages.openCustomers),
-    keywords: ['Go to Customers'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${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: `/${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: `/${applicationContext.project.key}/customers/customer-groups/new`
-      }
-    }]).call(_context4, nonNullable)
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewOrders], applicationContext.permissions) && {
-    id: 'go/orders',
-    text: intl.formatMessage(messages.openOrders),
-    keywords: ['Go to Orders'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${applicationContext.project.key}/orders/new`
-      }
-    }]).call(_context5, nonNullable)
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewDiscountCodes, permissions.ViewProductDiscounts, permissions.ViewCartDiscounts], applicationContext.permissions) && {
-    id: 'go/discounts',
-    text: intl.formatMessage(messages.openDiscounts),
-    keywords: ['Go to Discounts'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${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: `/${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: `/${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: `/${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: `/${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: `/${applicationContext.project.key}/discounts/codes/new`
-        }
-      }]).call(_context7, nonNullable)
-    }]).call(_context6, nonNullable)
-  }, applicationContext.project && applicationContext.permissions && permissions$1.hasSomePermissions([permissions.ViewProjectSettings, permissions.ViewDeveloperSettings, permissions.ViewProductTypes], applicationContext.permissions) && {
-    id: 'go/settings',
-    text: intl.formatMessage(messages.openSettings),
-    keywords: ['Go to Settings'],
-    action: {
-      type: actionTypes.go,
-      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: `/${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: `/${applicationContext.project.key}/settings/project/international`
-        }
-      }, {
-        id: 'go/settings/project/taxes',
-        text: intl.formatMessage(messages.openProjectSettingsTaxesTab),
-        action: {
-          type: actionTypes.go,
-          to: `/${applicationContext.project.key}/settings/project/taxes`
-        }
-      }, {
-        id: 'go/settings/project/shipping-methods',
-        text: intl.formatMessage(messages.openProjectSettingsShippingMethodsTab),
-        action: {
-          type: actionTypes.go,
-          to: `/${applicationContext.project.key}/settings/project/shipping-methods`
-        }
-      }, {
-        id: 'go/settings/project/channels',
-        text: intl.formatMessage(messages.openProjectSettingsChannelsTab),
-        action: {
-          type: actionTypes.go,
-          to: `/${applicationContext.project.key}/settings/project/channels`
-        }
-      }, {
-        id: 'go/settings/project/stores',
-        text: intl.formatMessage(messages.openProjectSettingsStoresTab),
-        action: {
-          type: actionTypes.go,
-          to: `/${applicationContext.project.key}/settings/project/stores`
-        }
-      }]).call(_context9, nonNullable)
-    }, permissions$1.hasSomePermissions([permissions.ViewProductTypes], applicationContext.permissions) && {
-      id: 'go/settings/product-types',
-      text: intl.formatMessage(messages.openProductTypesSettings),
-      action: {
-        type: actionTypes.go,
-        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: `/${applicationContext.project.key}/settings/developer`
-      },
-      subCommands: _filterInstanceProperty__default["default"](_context0 = [permissions$1.hasSomePermissions([permissions.ViewDeveloperSettings], applicationContext.permissions) && {
-        id: 'go/settings/developer/api-clients/list',
-        text: intl.formatMessage(messages.openApiClientsList),
-        action: {
-          type: actionTypes.go,
-          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: `/${applicationContext.project.key}/settings/developer/api-clients/new`
-        }
-      }]).call(_context0, nonNullable)
-    }, featureToggles.customApplications && permissions$1.hasSomePermissions([permissions.ManageProjectSettings], applicationContext.permissions) && {
-      id: 'go/settings/custom-applications',
-      text: intl.formatMessage(messages.openCustomApplicationsSettings),
-      action: {
-        type: actionTypes.go,
-        to: `/${applicationContext.project.key}/settings/custom-applications`
-      }
-    }]).call(_context8, nonNullable)
-  }, applicationContext.project && applicationContext.project.languages && applicationContext.project.languages.length > 1 && {
-    id: 'action/set-resource-language',
-    text: intl.formatMessage(messages.setResourceLanguage),
-    keywords: ['set resource locale', 'set project data language', 'set project data locale'],
-    action: () => void 0,
-    // We would know these statically, but we define them here as we don't
-    // want to include them in the top-level search results
-    subCommands: () => {
-      var _context1, _context10;
-      return _Promise__default["default"].resolve(_filterInstanceProperty__default["default"](_context1 = _mapInstanceProperty__default["default"](_context10 = applicationContext.project ? applicationContext.project.languages : []).call(_context10, language => changeProjectDataLocale && {
-        id: `action/set-resource-language/${language}`,
-        text: commonTags.oneLineTrim`
-                      ${language}
-                      ${language === applicationContext.dataLocale ? ' (active)' : ''}
-                    `,
-        action: () => {
-          changeProjectDataLocale(language);
-
-          // We reload, since ProjectDataLocale is written in a way where
-          // only the tree under the parent container reloads, but
-          // not all of them reload.
-          // So this action would seem like it had not effect, unless we
-          // reload
-          location.location.reload();
-        }
-      })).call(_context1, nonNullable));
-    }
-  }, {
-    id: 'go/support',
-    text: intl.formatMessage(messages.openSupport),
-    keywords: ['Go to support'],
-    action: {
-      type: actionTypes.go,
-      to: constants.SUPPORT_PORTAL_URL
-    }
-  }, {
-    id: 'go/account-profile',
-    text: intl.formatMessage(messages.openMyProfile),
-    keywords: ['Go to user account', 'Go to profile', 'Open profile'],
-    action: {
-      type: actionTypes.go,
-      to: `/account/profile`
-    }
-  }, {
-    id: 'go/privacy-policy',
-    text: intl.formatMessage(messages.showPrivacyPolicy),
-    keywords: ['Open Privacy Policy'],
-    action: {
-      type: actionTypes.go,
-      to: 'https://commercetools.com/privacy#suppliers'
-    }
-  }, {
-    id: 'go/logout',
-    text: intl.formatMessage(messages.logout),
-    keywords: ['Sign out'],
-    action: {
-      type: actionTypes.go,
-      to: `/logout?reason=${constants.LOGOUT_REASONS.USER}`
-    }
-  }, {
-    id: 'go/manage-projects',
-    text: intl.formatMessage(messages.openManageProjects),
-    keywords: ['Go to manage projects', 'Go to projects', 'Open projects list'],
-    action: {
-      type: actionTypes.go,
-      to: `/account/projects`
-    }
-  }, {
-    id: 'go/manage-organizations',
-    text: intl.formatMessage(messages.openManageOrganizations),
-    keywords: ['Go to manage organizations', 'Go to organizations', 'Open organizations list'],
-    action: {
-      type: actionTypes.go,
-      to: `/account/organizations`
-    }
-  }, ...(applicationContext.user ? _mapInstanceProperty__default["default"](_context11 = applicationContext.user.projects.results).call(_context11, userProject => ({
-    id: `go/project(${userProject.key})`,
-    text: intl.formatMessage(messages.useProject, {
-      projectName: userProject.name
-    }),
-    keywords: [userProject.key],
-    action: () => {
-      // Switching projects needs a full redirect so that
-      // the feature flags are reloaded (and things caches get destroyed)
-      window.location.href = `/${userProject.key}`;
-    }
-  })) : [])]).call(_context, nonNullable);
-};
-
-const STORAGE_KEY = 'quickAccessHistoryEntries';
-const saveHistoryEntries = historyEntries => {
-  try {
-    window.sessionStorage.setItem(STORAGE_KEY, _JSON$stringify__default["default"](historyEntries));
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
-const loadHistoryEntries = () => {
-  try {
-    const value = sessionStorage.getItem(STORAGE_KEY);
-    return value ? JSON.parse(value) : [];
-  } catch (error) {
-    return [];
-  }
-};
-
-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 => {
-  let intl = _ref.intl,
-    applicationContext = _ref.applicationContext,
-    productId = _ref.productId,
-    variantId = _ref.variantId;
-  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-  if (!canViewProducts || !applicationContext.project) return [];
-  return [{
-    id: `go/product(${productId})/variant(${variantId})/attributes`,
-    text: intl.formatMessage(messages.showProductVariantAttributes),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /variants
-          /${variantId}
-          /attributes
-        `
-    }
-  }, {
-    id: `go/product(${productId})/variant${variantId}/images`,
-    text: intl.formatMessage(messages.showProductVariantImages),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /variants
-          /${variantId}
-          /images
-        `
-    }
-  }, {
-    id: `go/product(${productId})/variant(${variantId})/prices`,
-    text: intl.formatMessage(messages.showProductVariantPrices),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /variants
-          /${variantId}
-          /prices
-        `
-    }
-  }, {
-    id: `go/product(${productId})/variant(${variantId})/inventory`,
-    text: intl.formatMessage(messages.showProductVariantInventory),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /variants
-          /${variantId}
-          /inventory
-        `
-    }
-  }];
-};
-const formatVariantMessage = (variant, intl) => {
-  if (variant.sku) return intl.formatMessage(messages.openVariantBySku, {
-    sku: variant.sku
-  });
-  if (variant.key) return intl.formatMessage(messages.openVariantByKey, {
-    key: variant.key
-  });
-  return intl.formatMessage(messages.openVariantById, {
-    id: variant.id
-  });
-};
-const createProductVariantListSubCommands = async _ref2 => {
-  let intl = _ref2.intl,
-    applicationContext = _ref2.applicationContext,
-    productId = _ref2.productId,
-    execQuery = _ref2.execQuery;
-  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-  if (!canViewProducts) return [];
-  const data = await execQuery(QuickAccessProductQuery, {
-    productId
-  }, {
-    target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
-  });
-  if (data && data.product && data.product.masterData && data.product.masterData.staged && applicationContext.project) {
-    var _context;
-    const projectKey = applicationContext.project.key;
-    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 [];
-};
-const createProductTabsSubCommands = _ref3 => {
-  let intl = _ref3.intl,
-    applicationContext = _ref3.applicationContext,
-    productId = _ref3.productId;
-  const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-  if (!canViewProducts || !applicationContext.project) return [];
-  return [{
-    id: `go/product(${productId})/general`,
-    text: intl.formatMessage(messages.openProductVariantGeneral),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /general
-        `
-    }
-  }, {
-    id: `go/product(${productId})/variants`,
-    text: intl.formatMessage(messages.openProductVariantList),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /variants
-        `
-    },
-    subCommands: execQuery => createProductVariantListSubCommands({
-      intl,
-      applicationContext,
-      productId,
-      execQuery
-    })
-  }, {
-    id: `go/product(${productId})/search`,
-    text: intl.formatMessage(messages.openProductVariantSearch),
-    action: {
-      type: actionTypes.go,
-      to: commonTags.oneLineTrim`
-          /${applicationContext.project.key}
-          /products
-          /${productId}
-          /search
-        `
-    }
-  }];
-};
-
-const sanitize = param => param
-// Replace all \ with \\ (to prevent generate escape characters)
-.replace(/\\/g, '\\\\')
-// Replace all " with \"
-.replace(/"/g, '\\"');
-const flattenCommands = async (results, execQuery) => {
-  async function flatten(commands) {
-    return _reduceInstanceProperty__default["default"](commands).call(commands, async (prevPromise, command) => {
-      const prevResults = await prevPromise;
-      if (command.subCommands) {
-        if (typeof command.subCommands === 'function') {
-          const subCommands = await command.subCommands(execQuery);
-          const flattenSubCommands = await flatten(subCommands);
-          return [...prevResults, command, ...flattenSubCommands];
-        }
-        const flattenSubCommands = await flatten(command.subCommands);
-        return [...prevResults, command, ...flattenSubCommands];
-      }
-      return [...prevResults, command];
-    }, _Promise__default["default"].resolve([]));
-  }
-  return await flatten(results);
-};
-
-// Once ui-kit exposes its fallback mechanism, we can use the same one here
-const translate = (nameAllLocales, projectDataLocale) => {
-  const matchedTranslation = _findInstanceProperty__default["default"](nameAllLocales).call(nameAllLocales, translation => translation.locale === projectDataLocale && translation.value);
-  if (matchedTranslation) return matchedTranslation.value;
-
-  // Fall back to the first available locale
-  if (nameAllLocales.length > 0) return nameAllLocales[0].value;
-  return '';
-};
-
-var 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: `/${projectKey}/search/products`,
-  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-  payload: {
-    query: {
-      fullText: {
-        field: 'name',
-        language: dataLocale,
-        value: searchText
-      }
-    },
-    sort: [{
-      field: 'name',
-      language: dataLocale,
-      order: 'desc'
-    }],
-    limit: 9,
-    offset: 0
-  }
-});
-const pimIndexerStatusAction = (projectKey, dataLocale) =>
-// TODO this should be sdkActions.head()
-// and then we should check whether the response code is
-// - 200 meaning the project is indexed
-// - 404 meaning the project is not indexed
-//
-// But there is a problem in tne node-sdk client as it tries to
-// .json()-parse the response to HEAD requests which results in an
-// error, so we send a regular request for now and limit to no results
-// instead to keep the payload minimal
-sdk.actions.post({
-  uri: `/${projectKey}/search/products`,
-  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-  payload: {
-    query: {
-      fullText: {
-        field: 'name',
-        language: dataLocale,
-        value: 'availability-check'
-      }
-    },
-    limit: 0,
-    offset: 0
-  }
-});
-const QuickAccess = props => {
-  const _useState = react$1.useState(loadHistoryEntries()),
-    _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);
-    setHistoryEntries(entries);
-  }, []);
-  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
-  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();
-  const fetchPimIndexerStatus = react$1.useCallback(async () => {
-    if (applicationContext.project && applicationContext.dataLocale) {
-      try {
-        dispatchFetchPimIndexerStatus(pimIndexerStatusAction(applicationContext.project.key, applicationContext.dataLocale));
-        return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED;
-      } catch (error) {
-        // 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
-    if (!canViewProducts) return dist_commercetoolsFrontendApplicationShell.pimIndexerStates.NOT_INDEXED;
-    return await fetchPimIndexerStatus();
-  }, [applicationContext.permissions, applicationContext.project, fetchPimIndexerStatus]);
-  react$1.useEffect(() => {
-    if (props.pimIndexerState === dist_commercetoolsFrontendApplicationShell.pimIndexerStates.UNCHECKED) {
-      getProjectIndexStatus().then(status => {
-        onPimIndexerStateChangeFromParent(status);
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // <-- run only once, when component mounts
-
-  const execQuery = react$1.useCallback((Query, variables, context) => apolloClient.query({
-    query: Query,
-    errorPolicy: 'ignore',
-    variables,
-    context
-  }).then(response => response.data), [apolloClient]);
-  const getNextCommands = react$1.useCallback(async command => {
-    if (!command.subCommands) return [];
-    if (_Array$isArray__default["default"](command.subCommands)) return command.subCommands;
-    return await command.subCommands(execQuery);
-  }, [execQuery]);
-  const getProjectCommands = react$1.useCallback(async searchText => {
-    const idsOfProductsMatchingSearchText = props.pimIndexerState === dist_commercetoolsFrontendApplicationShell.pimIndexerStates.INDEXED ? await fetchPimSearchProductIds(searchText) : [];
-    const canViewProducts = permissions$1.hasSomePermissions([permissions.ViewProducts], applicationContext.permissions);
-    const data = await execQuery(QuickAccessQuery, {
-      searchText: sanitize(searchText),
-      // Pass conditional arguments to disable some of the queries
-      canViewProducts,
-      productsWhereClause: `id in (${_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) {
-      const productId = data.productByVariantKey.id;
-      const variantId = data.productByVariantKey.masterData.staged.variant.id;
-      const variantKey = data.productByVariantKey.masterData.staged.variant.key;
-      commands.push({
-        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`
-            /${applicationContext.project.key}
-            /products
-            /${productId}
-            /variants
-            /${variantId}
-          `
-        },
-        subCommands: createProductVariantSubCommands({
-          intl,
-          applicationContext,
-          productId,
-          variantId
-        })
-      });
-    }
-    if (data && data.productByVariantSku && data.productByVariantSku.masterData && data.productByVariantSku.masterData.staged && data.productByVariantSku.masterData.staged.variant && applicationContext.project && applicationContext.dataLocale) {
-      const productId = data.productByVariantSku.id;
-      const variantId = data.productByVariantSku.masterData.staged.variant.id;
-      commands.push({
-        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`
-            /${applicationContext.project.key}
-            /products
-            /${productId}
-            /variants
-            /${variantId}
-          `
-        },
-        subCommands: createProductVariantSubCommands({
-          intl,
-          applicationContext,
-          productId,
-          variantId
-        })
-      });
-    }
-    if (data && data.productById && data.productById.masterData && data.productById.masterData.staged && data.productById.masterData.staged.nameAllLocales && applicationContext.project && applicationContext.dataLocale) {
-      const productId = data.productById.id;
-      commands.push({
-        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: `/${applicationContext.project.key}/products/${productId}`
-        },
-        subCommands: createProductTabsSubCommands({
-          intl,
-          applicationContext,
-          productId
-        })
-      });
-    }
-    if (data && data.productsByIds && data.productsByIds.results) {
-      var _context2;
-      _forEachInstanceProperty__default["default"](_context2 = data.productsByIds.results).call(_context2, product => {
-        if (product.masterData.staged && applicationContext.project && applicationContext.dataLocale) {
-          commands.push({
-            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: `/${applicationContext.project.key}/products/${product.id}`
-            },
-            subCommands: createProductTabsSubCommands({
-              intl,
-              applicationContext,
-              productId: product.id
-            })
-          });
-        }
-      });
-    }
-    if (data && data.productByKey && applicationContext.project && applicationContext.dataLocale) {
-      const productId = data.productByKey.id;
-      commands.push({
-        id: `go/product-by-key/product(${productId})`,
-        text: intl.formatMessage(messages.showProduct, {
-          productName: searchText
-        }),
-        action: {
-          type: actionTypes.go,
-          to: `/${applicationContext.project.key}/products/${productId}`
-        },
-        subCommands: createProductTabsSubCommands({
-          intl,
-          applicationContext,
-          productId
-        })
-      });
-    }
-    return commands;
-  }, [applicationContext, execQuery, fetchPimSearchProductIds, intl, props.pimIndexerState]);
-  const debouncedGetProjectCommands = debounce__default["default"](getProjectCommands, 200, {
-    cancelObj: 'canceled'
-  });
-  const search = react$1.useCallback(async searchText => {
-    const generalCommands = createCommands({
-      applicationContext,
-      changeProjectDataLocale: props.onChangeProjectDataLocale,
-      intl,
-      featureToggles: {
-        pimSearch: isPimSearchEnabled,
-        customApplications: isCustomApplicationsEnabled,
-        canViewDashboard: isCanViewDashboardEnabled
-      }
-    });
-    if (!applicationContext.project) return generalCommands;
-
-    // Avoid searching for short texts, as we won't get any good results
-    // anyways. This results in commands popping up immediately when the user
-    // starts typing, which gives the whole search a much more repsonsive
-    // feeling.
-    if (_trimInstanceProperty__default["default"](searchText).call(searchText).length < 3) return generalCommands;
-    try {
-      const projectCommands = await debouncedGetProjectCommands(searchText);
-      const allCommands = [...generalCommands, ...projectCommands];
-      return await flattenCommands(allCommands, execQuery);
-    } catch (error) {
-      // When the debounced search is canceled, it throws with "canceled"
-      // In that case we know that another search is going to happen
-      // and we just resolve with the general commands.
-      if (error === 'canceled') return generalCommands;
-      throw error;
-    }
-  }, [applicationContext, debouncedGetProjectCommands, execQuery, intl, isCanViewDashboardEnabled, isCustomApplicationsEnabled, isPimSearchEnabled, props.onChangeProjectDataLocale]);
-  const executeCommand = react$1.useCallback((command, meta) => {
-    var _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
-      command.action();
-      return;
-    }
-    // open in new window
-    // and always open other pages in a new window
-    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) {
-      location.location.replace(command.action.to);
-    } else {
-      history.push(command.action.to);
-    }
-  }, [applicationContext.environment.useFullRedirectsForLinks, history]);
-  return jsxRuntime.jsx(ButlerWithAnimation, {
-    historyEntries: historyEntries,
-    onHistoryEntriesChange: handleHistoryEntriesChange,
-    search: search,
-    executeCommand: executeCommand,
-    onClose: props.onClose,
-    getNextCommands: getNextCommands
-  });
-};
-QuickAccess.displayName = 'QuickAccess';
-
-exports["default"] = QuickAccess;