@commercetools-frontend/sdk 21.23.9 → 21.24.0

package/dist/commercetools-frontend-sdk.cjs.dev.js

@@ -2,18 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var _pt = require('prop-types');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var react = require('react');
-var reactRedux = require('react-redux');
-var fastEquals = require('fast-equals');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -27,22 +15,30 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var omitEmpty = require('omit-empty-es');
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
+var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _pt = require('prop-types');
+var react = require('react');
+var fastEquals = require('fast-equals');
+var reactRedux = require('react-redux');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var apiRequestBuilder = require('@commercetools/api-request-builder');
 var constants = require('@commercetools-frontend/constants');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var qss = require('qss');
 var _globalThis = require('@babel/runtime-corejs3/core-js/global-this');
 var buffer = require('buffer');
+var createHttpUserAgent = require('@commercetools/http-user-agent');
 var sdkClient = require('@commercetools/sdk-client');
-var sdkMiddlewareHttp = require('@commercetools/sdk-middleware-http');
 var sdkMiddlewareCorrelationId = require('@commercetools/sdk-middleware-correlation-id');
-var createHttpUserAgent = require('@commercetools/http-user-agent');
+var sdkMiddlewareHttp = require('@commercetools/sdk-middleware-http');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -54,21 +50,139 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _globalThis__default = /*#__PURE__*/_interopDefault(_globalThis);
 var createHttpUserAgent__default = /*#__PURE__*/_interopDefault(createHttpUserAgent);
 
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function get(payload) {
+  return {
+    type: 'SDK',
+    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+      method: 'GET'
+    })
+  };
+} // contrary to the other methods this does not bear the exact name of the HTTP-verb
+// because `delete` is a reserved keyword in ECMAScript
+
+function del(payload) {
+  return {
+    type: 'SDK',
+    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+      method: 'DELETE'
+    })
+  };
+}
+function head(payload) {
+  return {
+    type: 'SDK',
+    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+      method: 'HEAD'
+    })
+  };
+}
+function post(payload) {
+  return {
+    type: 'SDK',
+    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+      method: 'POST'
+    })
+  };
+}
+
+const enhancePayloadForForwardToProxy = payload => {
+  var _payload$headers, _context;
+
+  const headers = (_payload$headers = payload.headers) !== null && _payload$headers !== void 0 ? _payload$headers : {};
+  const exchangeTokenClaims = [];
+
+  if (payload.includeUserPermissions) {
+    exchangeTokenClaims.push('permissions');
+  }
+
+  return {
+    uri: '/proxy/forward-to',
+    mcApiProxyTarget: undefined,
+    headers: omitEmpty__default["default"](_objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](headers)).call(_context, (customForwardHeaders, _ref) => {
+      let _ref2 = _slicedToArray(_ref, 2),
+          headerName = _ref2[0],
+          headerValue = _ref2[1];
+
+      return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, {
+        // Prefix headers so that the MC API can allow and forward them.
+        ["x-forward-header-".concat(headerName)]: headerValue
+      });
+    }, {})), {}, {
+      'Accept-version': 'v2',
+      'X-Forward-To': payload.uri,
+      'X-Forward-To-Audience-Policy': payload.audiencePolicy || 'forward-url-full-path',
+      'X-Forward-To-Claims': exchangeTokenClaims.join(' ')
+    }))
+  };
+};
+
+const forwardTo = {
+  get(payload) {
+    return {
+      type: 'SDK',
+      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+        method: 'GET'
+      }, enhancePayloadForForwardToProxy(payload))
+    };
+  },
+
+  del(payload) {
+    return {
+      type: 'SDK',
+      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+        method: 'DELETE'
+      }, enhancePayloadForForwardToProxy(payload))
+    };
+  },
+
+  head(payload) {
+    return {
+      type: 'SDK',
+      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+        method: 'HEAD'
+      }, enhancePayloadForForwardToProxy(payload))
+    };
+  },
+
+  post(payload) {
+    return {
+      type: 'SDK',
+      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
+        method: 'POST'
+      }, enhancePayloadForForwardToProxy(payload))
+    };
+  }
+
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get: get,
+  del: del,
+  head: head,
+  post: post,
+  forwardTo: forwardTo
+});
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var SdkGet = /*#__PURE__*/function (_Component) {
+let SdkGet = /*#__PURE__*/function (_Component) {
   _inherits(SdkGet, _Component);
 
   var _super = _createSuper(SdkGet);
 
   function SdkGet() {
-    var _context;
-
     var _this;
 
     _classCallCheck(this, SdkGet);
@@ -77,7 +191,7 @@ var SdkGet = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
+    _this = _super.call(this, ...args);
     _this.state = {
       // We want the component to have a loading state by default, so we
       // keep track of whether the first request has completed.
@@ -90,16 +204,14 @@ var SdkGet = /*#__PURE__*/function (_Component) {
     };
     _this.isComponentMounted = false;
 
-    _this.changeRequestsInFlight = function (delta) {
-      if (_this.isComponentMounted) _this.setState(function (prevState) {
-        return {
-          requestsInFlight: prevState.requestsInFlight + delta
-        };
-      });
+    _this.changeRequestsInFlight = delta => {
+      if (_this.isComponentMounted) _this.setState(prevState => ({
+        requestsInFlight: prevState.requestsInFlight + delta
+      }));
     };
 
-    _this.fetch = function (_ref) {
-      var dispatch = _ref.dispatch,
+    _this.fetch = _ref => {
+      let dispatch = _ref.dispatch,
           actionCreator = _ref.actionCreator,
           actionCreatorArgs = _ref.actionCreatorArgs,
           onSuccess = _ref.onSuccess,
@@ -107,35 +219,33 @@ var SdkGet = /*#__PURE__*/function (_Component) {
 
       _this.changeRequestsInFlight(1);
 
-      return dispatch(actionCreator.apply(void 0, _toConsumableArray(actionCreatorArgs))).then(function (result) {
+      return dispatch(actionCreator(...actionCreatorArgs)).then(result => {
         _this.changeRequestsInFlight(-1);
 
         if (_this.isComponentMounted) _this.setState({
           error: undefined,
-          result: result
+          result
         });
         if (onSuccess) onSuccess(result);
         return result;
-      }, function (error) {
+      }, error => {
         _this.changeRequestsInFlight(-1);
 
         if (_this.isComponentMounted) _this.setState({
-          error: error,
+          error,
           result: undefined
         });
         if (onError) onError(error);else SdkGet.errorHandler(error);
       });
     };
 
-    _this.refresh = function () {
-      return _this.fetch({
-        dispatch: _this.props.dispatch,
-        actionCreator: _this.props.actionCreator,
-        actionCreatorArgs: _this.props.actionCreatorArgs,
-        onSuccess: _this.props.onSuccess,
-        onError: _this.props.onError
-      });
-    };
+    _this.refresh = () => _this.fetch({
+      dispatch: _this.props.dispatch,
+      actionCreator: _this.props.actionCreator,
+      actionCreatorArgs: _this.props.actionCreatorArgs,
+      onSuccess: _this.props.onSuccess,
+      onError: _this.props.onError
+    });
 
     return _this;
   }
@@ -143,8 +253,6 @@ var SdkGet = /*#__PURE__*/function (_Component) {
   _createClass(SdkGet, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
-
       this.isComponentMounted = true;
       this.fetch({
         dispatch: this.props.dispatch,
@@ -152,13 +260,13 @@ var SdkGet = /*#__PURE__*/function (_Component) {
         actionCreatorArgs: this.props.actionCreatorArgs,
         onSuccess: this.props.onSuccess,
         onError: this.props.onError
-      }).then(function (result) {
-        if (_this2.isComponentMounted) _this2.setState({
+      }).then(result => {
+        if (this.isComponentMounted) this.setState({
           isWaitingForCompletionOfFirstRequest: false
         });
         return result;
-      }, function (error) {
-        if (_this2.isComponentMounted) _this2.setState({
+      }, error => {
+        if (this.isComponentMounted) this.setState({
           isWaitingForCompletionOfFirstRequest: false
         });
         throw error;
@@ -196,15 +304,13 @@ var SdkGet = /*#__PURE__*/function (_Component) {
 }(react.Component);
 SdkGet.displayName = 'SdkGet';
 
-SdkGet.errorHandler = function (error) {
+SdkGet.errorHandler = error => {
   throw error;
 };
 
 SdkGet.defaultProps = {
   actionCreatorArgs: [],
-  shouldRefetch: function shouldRefetch(prevArgs, nextArgs) {
-    return !fastEquals.deepEqual(prevArgs, nextArgs);
-  }
+  shouldRefetch: (prevArgs, nextArgs) => !fastEquals.deepEqual(prevArgs, nextArgs)
 };
 SdkGet.propTypes = process.env.NODE_ENV !== "production" ? {
   dispatch: _pt__default["default"].func.isRequired,
@@ -216,172 +322,48 @@ SdkGet.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt__default["default"].func.isRequired
 } : {};
 
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return {
-    dispatch: dispatch
-  };
-};
+const mapDispatchToProps = dispatch => ({
+  dispatch
+});
 
 var SdkGet$1 = reactRedux.connect(null, mapDispatchToProps)(SdkGet);
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function get(payload) {
-  return {
-    type: 'SDK',
-    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-      method: 'GET'
-    })
-  };
-} // contrary to the other methods this does not bear the exact name of the HTTP-verb
-// because `delete` is a reserved keyword in ECMAScript
-
-function del(payload) {
-  return {
-    type: 'SDK',
-    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-      method: 'DELETE'
-    })
-  };
-}
-function head(payload) {
-  return {
-    type: 'SDK',
-    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-      method: 'HEAD'
-    })
-  };
-}
-function post(payload) {
-  return {
-    type: 'SDK',
-    payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-      method: 'POST'
-    })
-  };
-}
-
-var enhancePayloadForForwardToProxy = function enhancePayloadForForwardToProxy(payload) {
-  var _payload$headers, _context;
-
-  var headers = (_payload$headers = payload.headers) !== null && _payload$headers !== void 0 ? _payload$headers : {};
-  var exchangeTokenClaims = [];
-
-  if (payload.includeUserPermissions) {
-    exchangeTokenClaims.push('permissions');
-  }
-
-  return {
-    uri: '/proxy/forward-to',
-    mcApiProxyTarget: undefined,
-    headers: omitEmpty__default["default"](_objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](headers)).call(_context, function (customForwardHeaders, _ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          headerName = _ref2[0],
-          headerValue = _ref2[1];
-
-      return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-    }, {})), {}, {
-      'Accept-version': 'v2',
-      'X-Forward-To': payload.uri,
-      'X-Forward-To-Audience-Policy': payload.audiencePolicy || 'forward-url-full-path',
-      'X-Forward-To-Claims': exchangeTokenClaims.join(' ')
-    }))
-  };
-};
-
-var forwardTo = {
-  get: function get(payload) {
-    return {
-      type: 'SDK',
-      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-        method: 'GET'
-      }, enhancePayloadForForwardToProxy(payload))
-    };
-  },
-  del: function del(payload) {
-    return {
-      type: 'SDK',
-      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-        method: 'DELETE'
-      }, enhancePayloadForForwardToProxy(payload))
-    };
-  },
-  head: function head(payload) {
-    return {
-      type: 'SDK',
-      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-        method: 'HEAD'
-      }, enhancePayloadForForwardToProxy(payload))
-    };
-  },
-  post: function post(payload) {
-    return {
-      type: 'SDK',
-      payload: _objectSpread$3(_objectSpread$3({}, payload), {}, {
-        method: 'POST'
-      }, enhancePayloadForForwardToProxy(payload))
-    };
-  }
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  get: get,
-  del: del,
-  head: head,
-  post: post,
-  forwardTo: forwardTo
-});
-
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.23.9";
+var version = "21.24.0";
 
 /* eslint-disable no-console */
-var isLoggerEnabled = function isLoggerEnabled() {
+const isLoggerEnabled = () => {
   if (process.env.DEBUG === 'true') return true;
   if (process.env.NODE_ENV === 'development') return true;
-  var queryParams = new _URL__default["default"](window.location.href);
+  const queryParams = new _URL__default["default"](window.location.href);
   if (process.env.NODE_ENV === 'production' && queryParams.searchParams.get('debug') === 'true') return true;
   return false;
 };
 
-var logger = {
-  groupCollapsed: function groupCollapsed() {
-    var _console;
-
-    return isLoggerEnabled() && (_console = console).groupCollapsed.apply(_console, arguments);
+const logger = {
+  groupCollapsed: function () {
+    return isLoggerEnabled() && console.groupCollapsed(...arguments);
   },
-  groupEnd: function groupEnd() {
-    return isLoggerEnabled() && console.groupEnd();
+  groupEnd: () => isLoggerEnabled() && console.groupEnd(),
+  info: function () {
+    return isLoggerEnabled() && console.info(...arguments);
   },
-  info: function info() {
-    var _console2;
-
-    return isLoggerEnabled() && (_console2 = console).info.apply(_console2, arguments);
+  log: function () {
+    return isLoggerEnabled() && console.log(...arguments);
   },
-  log: function log() {
-    var _console3;
-
-    return isLoggerEnabled() && (_console3 = console).log.apply(_console3, arguments);
+  error: function () {
+    return isLoggerEnabled() && console.error(...arguments);
   },
-  error: function error() {
-    var _console4;
-
-    return isLoggerEnabled() && (_console4 = console).error.apply(_console4, arguments);
-  },
-  warn: function warn() {
-    var _console5;
-
-    return isLoggerEnabled() && (_console5 = console).warn.apply(_console5, arguments);
+  warn: function () {
+    return isLoggerEnabled() && console.warn(...arguments);
   }
 };
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var parseUri = function parseUri(uri) {
-  var parser = document.createElement('a');
+const parseUri = uri => {
+  const parser = document.createElement('a');
   parser.href = uri;
   return {
     pathname: parser.pathname,
@@ -389,21 +371,19 @@ var parseUri = function parseUri(uri) {
   };
 };
 
-var isPostAction = function isPostAction(action) {
-  return action.payload.method === 'POST';
-};
+const isPostAction = action => action.payload.method === 'POST';
 
-var logRequest = function logRequest(_ref) {
+const logRequest = _ref => {
   var _context;
 
-  var method = _ref.method,
+  let method = _ref.method,
       request = _ref.request,
       response = _ref.response,
       error = _ref.error,
       action = _ref.action;
-  var uriParts = parseUri(request.uri);
+  const uriParts = parseUri(request.uri);
 
-  var groupName = _concatInstanceProperty__default["default"](_context = "%c".concat(method, " %c")).call(_context, uriParts.pathname);
+  const groupName = _concatInstanceProperty__default["default"](_context = "%c".concat(method, " %c")).call(_context, uriParts.pathname);
 
   logger.groupCollapsed(groupName, "color: ".concat(error ? 'red' : 'black', "; font-weight: bold;"), 'color: gray; font-weight: lighter;');
   logger.log('%caction', 'color: cadetblue; font-weight: bold;', action);
@@ -418,10 +398,10 @@ var logRequest = function logRequest(_ref) {
   if (error) logger.log('%cerror', "color: red; font-weight: bold;", error);
   logger.groupEnd();
 };
-var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
-var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
 
-var getMcOriginTld = function getMcOriginTld(host) {
+const getMcOriginTld = host => {
   if (host.match(mcPreviewHostnameRegex)) {
     return host.replace(mcPreviewHostnameRegex, '$1');
   }
@@ -429,21 +409,19 @@ var getMcOriginTld = function getMcOriginTld(host) {
   return host.replace(mcHostnameRegex, '$3');
 };
 
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(actualWindow) {
+const getMcApiUrlFromOrigin = actualWindow => {
   var _context2;
 
-  var url = new _URL__default["default"](actualWindow.origin);
-  var originTld = getMcOriginTld(url.host);
+  const url = new _URL__default["default"](actualWindow.origin);
+  const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_context2 = "".concat(url.protocol, "//mc-api.")).call(_context2, originTld);
 };
 
-var parseAsBoolean = function parseAsBoolean(value) {
-  return value === true || value === 'true';
-};
+const parseAsBoolean = value => value === true || value === 'true';
 
 function getMcApiUrl() {
-  var actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var isServedByProxy = parseAsBoolean(actualWindow.app.servedByProxy);
+  let actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  const isServedByProxy = parseAsBoolean(actualWindow.app.servedByProxy);
   /**
    * Prefer using the origin URL for the MC API based on the origin value
    * of the browser's `window.location`.
@@ -463,7 +441,7 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["d
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 _globalThis__default["default"].Buffer = buffer.Buffer;
-var userAgent = createHttpUserAgent__default["default"]({
+const userAgent = createHttpUserAgent__default["default"]({
   name: '@commercetools/sdk-client',
   libraryName: [window.app.applicationName, 'sdk'].join('/'),
   libraryVersion: version,
@@ -472,39 +450,37 @@ var userAgent = createHttpUserAgent__default["default"]({
   contactEmail: 'mc@commercetools.com'
 });
 
-var customUserAgentMiddleware = function customUserAgentMiddleware(next) {
-  return function (request, response) {
-    var requestWithCustomUserAgent = _objectSpread$1(_objectSpread$1({}, request), {}, {
-      headers: _objectSpread$1(_objectSpread$1({}, request.headers), {}, {
-        'X-User-Agent': userAgent
-      })
-    });
+const customUserAgentMiddleware = next => (request, response) => {
+  const requestWithCustomUserAgent = _objectSpread$1(_objectSpread$1({}, request), {}, {
+    headers: _objectSpread$1(_objectSpread$1({}, request.headers), {}, {
+      'X-User-Agent': userAgent
+    })
+  });
 
-    next(requestWithCustomUserAgent, response);
-  };
+  next(requestWithCustomUserAgent, response);
 }; // NOTE we should not use these directly but rather have them passed in from
 // the application
 
 
-var httpMiddleware = sdkMiddlewareHttp.createHttpMiddleware({
+const httpMiddleware = sdkMiddlewareHttp.createHttpMiddleware({
   host: getMcApiUrl(),
   includeResponseHeaders: true,
   credentialsMode: 'include',
-  fetch: fetch
+  fetch
 });
 
-var createCorrelationIdMiddleware = function createCorrelationIdMiddleware(_ref) {
-  var getCorrelationId = _ref.getCorrelationId;
+const createCorrelationIdMiddleware = _ref => {
+  let getCorrelationId = _ref.getCorrelationId;
   return sdkMiddlewareCorrelationId.createCorrelationIdMiddleware({
     generate: getCorrelationId
   });
 };
 
-var createClient = function createClient(_ref2) {
-  var getCorrelationId = _ref2.getCorrelationId;
+const createClient = _ref2 => {
+  let getCorrelationId = _ref2.getCorrelationId;
   return sdkClient.createClient({
     middlewares: [createCorrelationIdMiddleware({
-      getCorrelationId: getCorrelationId
+      getCorrelationId
     }), customUserAgentMiddleware, httpMiddleware]
   });
 };
@@ -513,14 +489,12 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var isSdkActionForUri = function isSdkActionForUri(actionPayload) {
-  return actionPayload.uri !== undefined;
-}; // https://github.com/commercetools/nodejs/blob/master/packages/api-request-builder/src/default-services.js#L200:L200
+const isSdkActionForUri = actionPayload => actionPayload.uri !== undefined; // https://github.com/commercetools/nodejs/blob/master/packages/api-request-builder/src/default-services.js#L200:L200
 
 
-var ORDER_EDIT_SERVICE = 'orderEdits';
+const ORDER_EDIT_SERVICE = 'orderEdits';
 
-var actionToUri = function actionToUri(action, projectKey) {
+const actionToUri = (action, projectKey) => {
   var _action$payload$optio;
 
   if (isSdkActionForUri(action.payload)) return action.payload.uri; // Validate that `projectKey` exists
@@ -531,13 +505,13 @@ var actionToUri = function actionToUri(action, projectKey) {
     throw new Error(_concatInstanceProperty__default["default"](_context = "Expected projectKey to be defined for action service \"".concat(action.payload.service, "\" (method \"")).call(_context, action.payload.method, "\")"));
   }
 
-  var requestBuilder = apiRequestBuilder.createRequestBuilder({
-    projectKey: projectKey
+  const requestBuilder = apiRequestBuilder.createRequestBuilder({
+    projectKey
   }); // NOTE it's weird that we have to access this from the request builder.
   // Shouldn't it just be a part of the object we parse?
   // NOTE shouldn't requestBuilder be called requestUriBuilder instead?
 
-  var service = requestBuilder[action.payload.service];
+  const service = requestBuilder[action.payload.service];
   if (action.payload.options) service.parse(action.payload.options);
   return service.build({
     // given `service=orderEdits` and given `applyOrderEditTo`, we build an apply endpoint
@@ -550,135 +524,129 @@ var actionToUri = function actionToUri(action, projectKey) {
 }; // Force TS cast of generic action to TNotificationAction
 
 
-var isSdkAction = function isSdkAction(action) {
-  return action.type === 'SDK';
-};
+const isSdkAction = action => action.type === 'SDK';
 
-var isSdkError = function isSdkError(error) {
-  return error.statusCode !== undefined;
-};
+const isSdkError = error => error.statusCode !== undefined;
 
 function createSdkMiddleware(_ref) {
-  var getCorrelationId = _ref.getCorrelationId,
+  let getCorrelationId = _ref.getCorrelationId,
       getProjectKey = _ref.getProjectKey,
       getAdditionalHeaders = _ref.getAdditionalHeaders;
-  var client = createClient({
-    getCorrelationId: getCorrelationId
+  const client = createClient({
+    getCorrelationId
   });
 
-  var middleware = function middleware(_ref2) {
-    var dispatch = _ref2.dispatch;
-    return function (next) {
-      return function (action) {
-        var _context2, _context3;
+  const middleware = _ref2 => {
+    let dispatch = _ref2.dispatch;
+    return next => action => {
+      var _context2, _context3;
+
+      if (!isSdkAction(action)) {
+        return next(action);
+      }
+
+      const projectKey = getProjectKey();
+
+      const uri = _filterInstanceProperty__default["default"](_context2 = [action.payload.mcApiProxyTarget && "/proxy/".concat(action.payload.mcApiProxyTarget), actionToUri(action, projectKey)]).call(_context2, Boolean).join(''); // This `requestName` is never really used.
+      //
+      // We keep track of requests which are in progress in the `loading` state of
+      // the application. The `loading` state is an array of strings
+      // (which are correlation Ids, action types or request names).
+      // This is just done so that debugging is easier.
+      //
+      // It's easier to debug
+      //   loading: ['PRODUCTS_FETCHED', 'sdk.fetch(/product-projection-search)']
+      // than to debug
+      //   loading: 2
+
+
+      const requestName = _concatInstanceProperty__default["default"](_context3 = "sdk.".concat(action.payload.method.toLowerCase(), "(")).call(_context3, uri, ")"); // NOTE here the middleware is aware of the application
+      // Instead we should probably convert to a middleware factory
+      // and provide hooks for `onFetch`, `onResult` and `onError
+
+
+      dispatch({
+        type: constants.SHOW_LOADING,
+        payload: requestName
+      }); // NOTE the promise returned by the client resolves to a custom format
+      // it will contain { statusCode, headers, body }
+      // NOTE This retry logic could be moved to an sdk client middleware,
+      // but the client's middleware system is not capable of that right now
+      // https://github.com/commercetools/merchant-center-frontend/pull/3304
+      // https://github.com/commercetools/nodejs/issues/390
+
+      const sendRequest = function () {
+        let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            shouldRenewToken = _ref3.shouldRenewToken;
+
+        const additionalHeaders = getAdditionalHeaders();
+
+        const headers = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          Accept: 'application/json'
+        }, action.payload.headers || {}), shouldRenewToken ? {
+          'X-Force-Token': 'true'
+        } : {}), projectKey && {
+          'X-Project-Key': projectKey
+        }), additionalHeaders !== null && additionalHeaders !== void 0 ? additionalHeaders : {});
+
+        const body = action.payload.method === 'POST' ? action.payload.payload : undefined;
+        return client.execute({
+          uri,
+          method: action.payload.method,
+          headers,
+          body
+        }).then(result => {
+          if (process.env.NODE_ENV === 'development') logRequest({
+            method: action.payload.method,
+            request: {
+              headers,
+              uri
+            },
+            response: result.body,
+            action
+          });
+          return result;
+        }, error => {
+          if (process.env.NODE_ENV === 'development') logRequest({
+            method: action.payload.method,
+            request: {
+              headers,
+              uri
+            },
+            error,
+            action
+          });
+          throw error;
+        });
+      };
 
-        if (!isSdkAction(action)) {
-          return next(action);
+      return sendRequest().catch(error => {
+        // in case of 401 error, try again with a new token
+        // https://github.com/commercetools/merchant-center-backend/blob/master/docs/AUTHENTICATION.md#problems-due-to-oauth-token-caching
+        if (isSdkError(error) && error.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
+          return sendRequest({
+            shouldRenewToken: true
+          });
         }
 
-        var projectKey = getProjectKey();
-
-        var uri = _filterInstanceProperty__default["default"](_context2 = [action.payload.mcApiProxyTarget && "/proxy/".concat(action.payload.mcApiProxyTarget), actionToUri(action, projectKey)]).call(_context2, Boolean).join(''); // This `requestName` is never really used.
-        //
-        // We keep track of requests which are in progress in the `loading` state of
-        // the application. The `loading` state is an array of strings
-        // (which are correlation Ids, action types or request names).
-        // This is just done so that debugging is easier.
-        //
-        // It's easier to debug
-        //   loading: ['PRODUCTS_FETCHED', 'sdk.fetch(/product-projection-search)']
-        // than to debug
-        //   loading: 2
-
-
-        var requestName = _concatInstanceProperty__default["default"](_context3 = "sdk.".concat(action.payload.method.toLowerCase(), "(")).call(_context3, uri, ")"); // NOTE here the middleware is aware of the application
-        // Instead we should probably convert to a middleware factory
-        // and provide hooks for `onFetch`, `onResult` and `onError
-
-
+        throw error;
+      }).then(result => {
         dispatch({
-          type: constants.SHOW_LOADING,
+          type: constants.HIDE_LOADING,
           payload: requestName
-        }); // NOTE the promise returned by the client resolves to a custom format
-        // it will contain { statusCode, headers, body }
-        // NOTE This retry logic could be moved to an sdk client middleware,
-        // but the client's middleware system is not capable of that right now
-        // https://github.com/commercetools/merchant-center-frontend/pull/3304
-        // https://github.com/commercetools/nodejs/issues/390
-
-        var sendRequest = function sendRequest() {
-          var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-              shouldRenewToken = _ref3.shouldRenewToken;
-
-          var additionalHeaders = getAdditionalHeaders();
-
-          var headers = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-            Accept: 'application/json'
-          }, action.payload.headers || {}), shouldRenewToken ? {
-            'X-Force-Token': 'true'
-          } : {}), projectKey && {
-            'X-Project-Key': projectKey
-          }), additionalHeaders !== null && additionalHeaders !== void 0 ? additionalHeaders : {});
-
-          var body = action.payload.method === 'POST' ? action.payload.payload : undefined;
-          return client.execute({
-            uri: uri,
-            method: action.payload.method,
-            headers: headers,
-            body: body
-          }).then(function (result) {
-            if (process.env.NODE_ENV === 'development') logRequest({
-              method: action.payload.method,
-              request: {
-                headers: headers,
-                uri: uri
-              },
-              response: result.body,
-              action: action
-            });
-            return result;
-          }, function (error) {
-            if (process.env.NODE_ENV === 'development') logRequest({
-              method: action.payload.method,
-              request: {
-                headers: headers,
-                uri: uri
-              },
-              error: error,
-              action: action
-            });
-            throw error;
-          });
-        };
-
-        return sendRequest().catch(function (error) {
-          // in case of 401 error, try again with a new token
-          // https://github.com/commercetools/merchant-center-backend/blob/master/docs/AUTHENTICATION.md#problems-due-to-oauth-token-caching
-          if (isSdkError(error) && error.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
-            return sendRequest({
-              shouldRenewToken: true
-            });
-          }
+        }); // The promise returned by "fetch" will reject when the request fails,
+        // but only in certain cases. See "Checking that the fetch was successful"
+        // in https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
+        // The SDK already handles this case for us.
 
-          throw error;
-        }).then(function (result) {
-          dispatch({
-            type: constants.HIDE_LOADING,
-            payload: requestName
-          }); // The promise returned by "fetch" will reject when the request fails,
-          // but only in certain cases. See "Checking that the fetch was successful"
-          // in https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
-          // The SDK already handles this case for us.
-
-          return result.body;
-        }, function (error) {
-          dispatch({
-            type: constants.HIDE_LOADING,
-            payload: requestName
-          });
-          throw error;
+        return result.body;
+      }, error => {
+        dispatch({
+          type: constants.HIDE_LOADING,
+          payload: requestName
         });
-      };
+        throw error;
+      });
     };
   };
 
@@ -688,11 +656,11 @@ function createSdkMiddleware(_ref) {
 // Wraps `dispatch` and cast the return type to a Promise, as the middleware
 // returns a Promise.
 function useAsyncDispatch() {
-  var dispatch = reactRedux.useDispatch();
+  const dispatch = reactRedux.useDispatch();
   return dispatch;
 }
 
-var Sdk = {
+const Sdk = {
   Get: SdkGet$1
 };