@commercetools-frontend/sdk 22.2.0 → 22.3.0

package/dist/commercetools-frontend-sdk.esm.js

@@ -34,7 +34,6 @@ import { createCorrelationIdMiddleware as createCorrelationIdMiddleware$1 } from
 import { createHttpMiddleware } from '@commercetools/sdk-middleware-http';
 
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(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(_context2 = ownKeys$3(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$3(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function get(payload) {
   return {
@@ -43,9 +42,10 @@ function get(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
+}
 
+// 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',
@@ -70,25 +70,20 @@ function post(payload) {
     })
   };
 }
-
 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(_objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty(_context = _Object$entries(headers)).call(_context, (customForwardHeaders, _ref) => {
       let _ref2 = _slicedToArray(_ref, 2),
-          headerName = _ref2[0],
-          headerValue = _ref2[1];
-
+        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
@@ -101,7 +96,6 @@ const enhancePayloadForForwardToProxy = payload => {
     }))
   };
 };
-
 const forwardTo = {
   get(payload) {
     return {
@@ -111,7 +105,6 @@ const forwardTo = {
       }, enhancePayloadForForwardToProxy(payload))
     };
   },
-
   del(payload) {
     return {
       type: 'SDK',
@@ -120,7 +113,6 @@ const forwardTo = {
       }, enhancePayloadForForwardToProxy(payload))
     };
   },
-
   head(payload) {
     return {
       type: 'SDK',
@@ -129,7 +121,6 @@ const forwardTo = {
       }, enhancePayloadForForwardToProxy(payload))
     };
   },
-
   post(payload) {
     return {
       type: 'SDK',
@@ -138,7 +129,6 @@ const forwardTo = {
       }, enhancePayloadForForwardToProxy(payload))
     };
   }
-
 };
 
 var index = /*#__PURE__*/Object.freeze({
@@ -151,22 +141,16 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let SdkGet = /*#__PURE__*/function (_Component) {
   _inherits(SdkGet, _Component);
-
   var _super = _createSuper(SdkGet);
-
   function SdkGet() {
     var _this;
-
     _classCallCheck(this, SdkGet);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call(this, ...args);
     _this.state = {
       // We want the component to have a loading state by default, so we
@@ -179,25 +163,20 @@ let SdkGet = /*#__PURE__*/function (_Component) {
       error: undefined
     };
     _this.isComponentMounted = false;
-
     _this.changeRequestsInFlight = delta => {
       if (_this.isComponentMounted) _this.setState(prevState => ({
         requestsInFlight: prevState.requestsInFlight + delta
       }));
     };
-
     _this.fetch = _ref => {
       let dispatch = _ref.dispatch,
-          actionCreator = _ref.actionCreator,
-          actionCreatorArgs = _ref.actionCreatorArgs,
-          onSuccess = _ref.onSuccess,
-          onError = _ref.onError;
-
+        actionCreator = _ref.actionCreator,
+        actionCreatorArgs = _ref.actionCreatorArgs,
+        onSuccess = _ref.onSuccess,
+        onError = _ref.onError;
       _this.changeRequestsInFlight(1);
-
       return dispatch(actionCreator(...actionCreatorArgs)).then(result => {
         _this.changeRequestsInFlight(-1);
-
         if (_this.isComponentMounted) _this.setState({
           error: undefined,
           result
@@ -206,7 +185,6 @@ let SdkGet = /*#__PURE__*/function (_Component) {
         return result;
       }, error => {
         _this.changeRequestsInFlight(-1);
-
         if (_this.isComponentMounted) _this.setState({
           error,
           result: undefined
@@ -214,7 +192,6 @@ let SdkGet = /*#__PURE__*/function (_Component) {
         if (onError) onError(error);else SdkGet.errorHandler(error);
       });
     };
-
     _this.refresh = () => _this.fetch({
       dispatch: _this.props.dispatch,
       actionCreator: _this.props.actionCreator,
@@ -222,10 +199,8 @@ let SdkGet = /*#__PURE__*/function (_Component) {
       onSuccess: _this.props.onSuccess,
       onError: _this.props.onError
     });
-
     return _this;
   }
-
   _createClass(SdkGet, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -275,15 +250,12 @@ let SdkGet = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return SdkGet;
 }(Component);
 SdkGet.displayName = 'SdkGet';
-
 SdkGet.errorHandler = error => {
   throw error;
 };
-
 SdkGet.defaultProps = {
   actionCreatorArgs: [],
   shouldRefetch: (prevArgs, nextArgs) => !deepEqual(prevArgs, nextArgs)
@@ -297,17 +269,16 @@ SdkGet.propTypes = process.env.NODE_ENV !== "production" ? {
   onError: _pt.func,
   render: _pt.func.isRequired
 } : {};
-
 const mapDispatchToProps = dispatch => ({
   dispatch
 });
-
 var SdkGet$1 = connect(null, mapDispatchToProps)(SdkGet);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.0";
+var version = "22.3.0";
 
 /* eslint-disable no-console */
+
 const isLoggerEnabled = () => {
   if (process.env.DEBUG === 'true') return true;
   if (process.env.NODE_ENV === 'development') return true;
@@ -315,7 +286,6 @@ const isLoggerEnabled = () => {
   if (process.env.NODE_ENV === 'production' && queryParams.searchParams.get('debug') === 'true') return true;
   return false;
 };
-
 const logger = {
   groupCollapsed: function () {
     return isLoggerEnabled() && console.groupCollapsed(...arguments);
@@ -336,7 +306,6 @@ const logger = {
 };
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(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(_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const parseUri = uri => {
   const parser = document.createElement('a');
@@ -346,21 +315,16 @@ const parseUri = uri => {
     search: decode(parser.search.substring(1))
   };
 };
-
 const isPostAction = action => action.payload.method === 'POST';
-
 const logRequest = _ref => {
   var _context;
-
   let method = _ref.method,
-      request = _ref.request,
-      response = _ref.response,
-      error = _ref.error,
-      action = _ref.action;
+    request = _ref.request,
+    response = _ref.response,
+    error = _ref.error,
+    action = _ref.action;
   const uriParts = parseUri(request.uri);
-
   const groupName = _concatInstanceProperty(_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);
   logger.log('%crequest', "color: cornflowerblue; font-weight: bold;", _objectSpread$2({
@@ -376,46 +340,39 @@ const logRequest = _ref => {
 };
 const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
-
 const getMcOriginTld = host => {
   if (host.match(mcPreviewHostnameRegex)) {
     return host.replace(mcPreviewHostnameRegex, '$1');
   }
-
   return host.replace(mcHostnameRegex, '$3');
 };
-
 const getMcApiUrlFromOrigin = actualWindow => {
   var _context2;
-
   const url = new _URL(actualWindow.origin);
   const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty(_context2 = "".concat(url.protocol, "//mc-api.")).call(_context2, originTld);
 };
-
 const parseAsBoolean = value => value === true || value === 'true';
-
 function getMcApiUrl() {
   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`.
    * This ensures that the application always uses the correct URL associated
    * with that environment, instead of relying on the config value.
    */
-
   if (isServedByProxy) {
     return getMcApiUrlFromOrigin(actualWindow);
   }
-
   return actualWindow.app.mcApiUrl;
 }
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+// This is currently required by @commercetools/sdk-middleware-http package
 _globalThis.Buffer = Buffer;
 const userAgent = createHttpUserAgent({
   name: '@commercetools/sdk-client',
@@ -425,33 +382,29 @@ const userAgent = createHttpUserAgent({
   // points to the appkit repo issues
   contactEmail: 'mc@commercetools.com'
 });
-
 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);
-}; // NOTE we should not use these directly but rather have them passed in from
-// the application
-
+};
 
+// NOTE we should not use these directly but rather have them passed in from
+// the application
 const httpMiddleware = createHttpMiddleware({
   host: getMcApiUrl(),
   includeResponseHeaders: true,
   credentialsMode: 'include',
   fetch
 });
-
 const createCorrelationIdMiddleware = _ref => {
   let getCorrelationId = _ref.getCorrelationId;
   return createCorrelationIdMiddleware$1({
     generate: getCorrelationId
   });
 };
-
 const createClient = _ref2 => {
   let getCorrelationId = _ref2.getCorrelationId;
   return createClient$1({
@@ -462,31 +415,26 @@ const createClient = _ref2 => {
 };
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+const isSdkActionForUri = actionPayload => actionPayload.uri !== undefined;
 
-const isSdkActionForUri = actionPayload => actionPayload.uri !== undefined; // https://github.com/commercetools/nodejs/blob/master/packages/api-request-builder/src/default-services.js#L200:L200
-
-
+// https://github.com/commercetools/nodejs/blob/master/packages/api-request-builder/src/default-services.js#L200:L200
 const ORDER_EDIT_SERVICE = 'orderEdits';
-
 const actionToUri = (action, projectKey) => {
   var _action$payload$optio;
+  if (isSdkActionForUri(action.payload)) return action.payload.uri;
 
-  if (isSdkActionForUri(action.payload)) return action.payload.uri; // Validate that `projectKey` exists
-
+  // Validate that `projectKey` exists
   if (!projectKey) {
     var _context;
-
     throw new Error(_concatInstanceProperty(_context = "Expected projectKey to be defined for action service \"".concat(action.payload.service, "\" (method \"")).call(_context, action.payload.method, "\")"));
   }
-
   const requestBuilder = createRequestBuilder({
     projectKey
-  }); // NOTE it's weird that we have to access this from the request builder.
+  });
+  // 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?
-
   const service = requestBuilder[action.payload.service];
   if (action.payload.options) service.parse(action.payload.options);
   return service.build({
@@ -497,33 +445,29 @@ const actionToUri = (action, projectKey) => {
     // at this stage, the `projectKey` should be available already.
     withProjectKey: true
   });
-}; // Force TS cast of generic action to TNotificationAction
-
+};
 
+// Force TS cast of generic action to TNotificationAction
 const isSdkAction = action => action.type === 'SDK';
-
 const isSdkError = error => error.statusCode !== undefined;
-
 function createSdkMiddleware(_ref) {
   let getCorrelationId = _ref.getCorrelationId,
-      getProjectKey = _ref.getProjectKey,
-      getAdditionalHeaders = _ref.getAdditionalHeaders;
+    getProjectKey = _ref.getProjectKey,
+    getAdditionalHeaders = _ref.getAdditionalHeaders;
   const client = createClient({
     getCorrelationId
   });
-
   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(_context2 = [action.payload.mcApiProxyTarget && "/proxy/".concat(action.payload.mcApiProxyTarget), actionToUri(action, projectKey)]).call(_context2, Boolean).join('');
 
-      const uri = _filterInstanceProperty(_context2 = [action.payload.mcApiProxyTarget && "/proxy/".concat(action.payload.mcApiProxyTarget), actionToUri(action, projectKey)]).call(_context2, Boolean).join(''); // This `requestName` is never really used.
+      // 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
@@ -534,29 +478,26 @@ function createSdkMiddleware(_ref) {
       //   loading: ['PRODUCTS_FETCHED', 'sdk.fetch(/product-projection-search)']
       // than to debug
       //   loading: 2
+      const requestName = _concatInstanceProperty(_context3 = "sdk.".concat(action.payload.method.toLowerCase(), "(")).call(_context3, uri, ")");
 
-
-      const requestName = _concatInstanceProperty(_context3 = "sdk.".concat(action.payload.method.toLowerCase(), "(")).call(_context3, uri, ")"); // NOTE here the middleware is aware of the application
+      // 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: SHOW_LOADING,
         payload: requestName
-      }); // NOTE the promise returned by the client resolves to a custom format
+      });
+
+      // 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;
-
+          shouldRenewToken = _ref3.shouldRenewToken;
         const additionalHeaders = getAdditionalHeaders();
-
         const headers = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
           Accept: 'application/json'
         }, action.payload.headers || {}), shouldRenewToken ? {
@@ -564,7 +505,6 @@ function createSdkMiddleware(_ref) {
         } : {}), 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,
@@ -595,7 +535,6 @@ function createSdkMiddleware(_ref) {
           throw error;
         });
       };
-
       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
@@ -604,13 +543,13 @@ function createSdkMiddleware(_ref) {
             shouldRenewToken: true
           });
         }
-
         throw error;
       }).then(result => {
         dispatch({
           type: HIDE_LOADING,
           payload: requestName
-        }); // The promise returned by "fetch" will reject when the request fails,
+        });
+        // 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.
@@ -625,7 +564,6 @@ function createSdkMiddleware(_ref) {
       });
     };
   };
-
   return middleware;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/sdk",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "Tools for declarative fetching",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -9,21 +9,35 @@
     "directory": "packages/sdk"
   },
   "homepage": "https://docs.commercetools.com/custom-applications",
-  "keywords": ["javascript", "frontend", "react", "toolkit"],
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
   "preconstruct": {
-    "entrypoints": ["./index.ts", "./test-utils/index.ts"]
+    "entrypoints": [
+      "./index.ts",
+      "./test-utils/index.ts"
+    ]
   },
   "main": "dist/commercetools-frontend-sdk.cjs.js",
   "module": "dist/commercetools-frontend-sdk.esm.js",
-  "files": ["dist", "test-utils", "package.json", "LICENSE", "README.md"],
+  "files": [
+    "dist",
+    "test-utils",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/constants": "22.2.0",
+    "@commercetools-frontend/constants": "22.3.0",
     "@commercetools/api-request-builder": "6.0.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@commercetools/sdk-client": "3.0.0",
@@ -42,9 +56,12 @@
     "uuid": "9.0.0"
   },
   "devDependencies": {
+    "@emotion/react": "11.11.0",
     "@testing-library/react": "12.1.5",
     "@types/uuid": "^9.0.1",
+    "jest-mock": "29.5.0",
     "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-redux": "7.2.9",
     "redux": "4.2.1",
     "redux-thunk": "2.4.2"
@@ -54,4 +71,4 @@
     "react-redux": "7.x",
     "redux": "4.x"
   }
-}
+}

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

@@ -20,49 +20,47 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 
+/**
+ * START -->
+ * Remove once `@commercetools/sdk-client` exposes proper types.
+ */
+
+/* <-- END */
+
 const serialize = data => {
   const undefinedPlaceholder = uuid.v4();
   const placeholderRegexp = new RegExp("\"".concat(undefinedPlaceholder, "\""), 'g');
-
   const mapUndefinedValues = (_k, v) => v === undefined ? undefinedPlaceholder : v;
-
   const withPlaceholders = _JSON$stringify__default["default"](data, mapUndefinedValues, 2);
-
   return withPlaceholders.replace(placeholderRegexp, 'undefined');
 };
-
 const throwIfNoMocksArePassed = mocks => {
   if (!mocks || !_Array$isArray__default["default"](mocks) || mocks.length === 0) {
     throw new Error('Missing or invalid argument for `mocks`. Expected an array of mocked actions.');
   }
 };
-
 const isSdkAction = action => action.type === 'SDK';
-
 const isSdkMockSuccess = mock => mock.response !== undefined;
-
 const createTestMiddleware = mocks => {
-  throwIfNoMocksArePassed(mocks); // We clone the mocks so we can keep the user-provided mocks around for
+  throwIfNoMocksArePassed(mocks);
+
+  // We clone the mocks so we can keep the user-provided mocks around for
   // the debugging message. The mocksStack gets mutated, while mocks
   // should never be mutated.
-
   const mocksStack = [...mocks];
   return () => next => action => {
     var _context;
-
     if (!isSdkAction(action)) {
       return next(action);
     }
-
     const index = _findIndexInstanceProperty__default["default"](mocksStack).call(mocksStack, item => fastEquals.deepEqual(item.action, action));
-
     if (index === -1) throw new Error(_concatInstanceProperty__default["default"](_context = "Could not find any more mocks for action ".concat(serialize(action), " in ")).call(_context, serialize(mocks)));
-    const mock = mocksStack[index]; // Mocks should only be used once, so we remove it from the stack.
+    const mock = mocksStack[index];
 
+    // Mocks should only be used once, so we remove it from the stack.
     _spliceInstanceProperty__default["default"](mocksStack).call(mocksStack, index, 1);
-
     return isSdkMockSuccess(mock) ? _Promise__default["default"].resolve(mock.response) : _Promise__default["default"].reject(mock.error);
   };
-}; // eslint-disable-next-line import/prefer-default-export
+};
 
 exports.createTestMiddleware = createTestMiddleware;

package/test-utils/dist/commercetools-frontend-sdk-test-utils.cjs.prod.js

@@ -20,49 +20,47 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 
+/**
+ * START -->
+ * Remove once `@commercetools/sdk-client` exposes proper types.
+ */
+
+/* <-- END */
+
 const serialize = data => {
   const undefinedPlaceholder = uuid.v4();
   const placeholderRegexp = new RegExp("\"".concat(undefinedPlaceholder, "\""), 'g');
-
   const mapUndefinedValues = (_k, v) => v === undefined ? undefinedPlaceholder : v;
-
   const withPlaceholders = _JSON$stringify__default["default"](data, mapUndefinedValues, 2);
-
   return withPlaceholders.replace(placeholderRegexp, 'undefined');
 };
-
 const throwIfNoMocksArePassed = mocks => {
   if (!mocks || !_Array$isArray__default["default"](mocks) || mocks.length === 0) {
     throw new Error('Missing or invalid argument for `mocks`. Expected an array of mocked actions.');
   }
 };
-
 const isSdkAction = action => action.type === 'SDK';
-
 const isSdkMockSuccess = mock => mock.response !== undefined;
-
 const createTestMiddleware = mocks => {
-  throwIfNoMocksArePassed(mocks); // We clone the mocks so we can keep the user-provided mocks around for
+  throwIfNoMocksArePassed(mocks);
+
+  // We clone the mocks so we can keep the user-provided mocks around for
   // the debugging message. The mocksStack gets mutated, while mocks
   // should never be mutated.
-
   const mocksStack = [...mocks];
   return () => next => action => {
     var _context;
-
     if (!isSdkAction(action)) {
       return next(action);
     }
-
     const index = _findIndexInstanceProperty__default["default"](mocksStack).call(mocksStack, item => fastEquals.deepEqual(item.action, action));
-
     if (index === -1) throw new Error(_concatInstanceProperty__default["default"](_context = "Could not find any more mocks for action ".concat(serialize(action), " in ")).call(_context, serialize(mocks)));
-    const mock = mocksStack[index]; // Mocks should only be used once, so we remove it from the stack.
+    const mock = mocksStack[index];
 
+    // Mocks should only be used once, so we remove it from the stack.
     _spliceInstanceProperty__default["default"](mocksStack).call(mocksStack, index, 1);
-
     return isSdkMockSuccess(mock) ? _Promise__default["default"].resolve(mock.response) : _Promise__default["default"].reject(mock.error);
   };
-}; // eslint-disable-next-line import/prefer-default-export
+};
 
 exports.createTestMiddleware = createTestMiddleware;