@commercetools-frontend/experimental-components 6.2.1 → 6.2.2

package/dist/commercetools-frontend-experimental-components.esm.js

@@ -42,10 +42,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { transformLocalizedFieldToLocalizedString, formatLocalizedString, applyTransformedLocalizedFields, transformLocalizedStringToLocalizedField } from '@commercetools-frontend/l10n';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
 import { useLazyQuery, useQuery as useQuery$2 } from '@apollo/client/react/hooks';
-import { graphql } from 'msw';
 import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
-import _lastIndexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/last-index-of';
-import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import camelCase from 'lodash/camelCase';
 import get from 'lodash/get';
 import { useFormikContext, Field, Formik, getIn, FastField } from 'formik';
@@ -56,6 +53,7 @@ import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import pick from 'lodash/pick';
 import oneLine from 'common-tags/lib/oneLine';
 import moment from 'moment';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import moment$1 from 'moment-timezone';
 import isNil$1 from 'lodash/isNil';
@@ -78,6 +76,7 @@ import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
 import keyBy from 'lodash/keyBy';
 import { ErrorMessage } from '@commercetools-frontend/ui-kit/';
 import omitBy from 'lodash/omitBy';
+import _lastIndexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/last-index-of';
 import merge from 'lodash/merge';
 import set from 'lodash/set';
 import times from 'lodash/times';
@@ -93,7 +92,7 @@ import { filterDataAttributes as filterDataAttributes$1, filterAriaAttributes }
 import { oneLineTrim } from 'common-tags';
 import has from 'lodash/has';
 import warning from 'tiny-warning';
-import { graphql as graphql$1, withApollo } from '@apollo/client/react/hoc';
+import { graphql, withApollo } from '@apollo/client/react/hoc';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
 import invariant from 'tiny-invariant';
@@ -1687,42 +1686,6 @@ const useIsFieldDuplicated = () => {
   };
 };
 
-const graphqlQueries = {
-  ASSOCIATE_ROLE: 'associateRoles',
-  ATTRIBUTE_GROUP: 'attributeGroups',
-  BUSINESS_UNIT: 'businessUnits',
-  CART: 'carts',
-  CART_DISCOUNT: 'cartDiscounts',
-  CATEGORY: 'categories',
-  CHANNEL: 'channels',
-  CUSTOMER: 'customers',
-  CUSTOMER_GROUP: 'customerGroups',
-  DISCOUNT_CODE: 'discountCodes',
-  INVENTORY_ENTRY: 'inventoryEntries',
-  ORDER: 'orders',
-  PAYMENT: 'payments',
-  PRODUCT: 'products',
-  PRODUCT_DISCOUNT: 'productDiscounts',
-  PRODUCT_SELECTION: 'productSelections',
-  PRODUCT_TYPE: 'productTypes',
-  SHIPPING_METHOD: 'shippingMethods',
-  STORE: 'stores',
-  TAX_CATEGORY: 'taxCategories',
-  ZONE: 'zones'
-};
-const handlers$6 = {
-  DuplicatedField: {
-    total: (total, resourceType) => graphql.query('FetchResourceTypeDuplicatedField', (req, res, ctx) => {
-      if (!graphqlQueries[resourceType]) return res(ctx.data({}));
-      return res(ctx.data({
-        [graphqlQueries[resourceType]]: {
-          total
-        }
-      }));
-    })
-  }
-};
-
 const usePrevious = value => {
   const ref = useRef();
   useEffect(() => {
@@ -1798,59 +1761,6 @@ const useStoresListFetcher = props => {
   };
 };
 
-const extractKeysFromWherePredicateClause = function () {
-  let whereClause = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return whereClause.substring(_lastIndexOfInstanceProperty(whereClause).call(whereClause, '("') + 1, _lastIndexOfInstanceProperty(whereClause).call(whereClause, '")')).replace(/["]/g, '').split(', ');
-};
-const handlers$5 = {
-  StoresList: {
-    all: stores => graphql.query('FetchStoresQuery', (req, res, ctx) => {
-      // GIVEN req.variables.where is specified
-      // THEN return only stores that are being requested (filtering stores based on IDs)
-      // ELSE return all the stores (without filtering any)
-      if (req.variables.where) {
-        var _context;
-        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
-        const filteredStoreResults = _filterInstanceProperty(_context = stores.results).call(_context, store => _includesInstanceProperty(requestedStoreKeys).call(requestedStoreKeys, store.key));
-        return res(ctx.data({
-          stores: {
-            offset: 0,
-            total: filteredStoreResults.length,
-            count: filteredStoreResults.length,
-            results: filteredStoreResults,
-            __typename: 'StoresQueryResult'
-          }
-        }));
-      }
-      return res(ctx.data({
-        stores
-      }));
-    }),
-    withProductSelections: stores => graphql.query('FetchStoresQuery', (req, res, ctx) => {
-      // GIVEN req.variables.where is specified
-      // THEN return only stores that are being requested (filtering stores based on IDs)
-      // ELSE return all the stores (without filtering any)
-      if (req.variables.where) {
-        var _context2;
-        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
-        const filteredStoreResults = _filterInstanceProperty(_context2 = stores.results).call(_context2, store => _includesInstanceProperty(requestedStoreKeys).call(requestedStoreKeys, store.key));
-        return res(ctx.data({
-          stores: {
-            offset: 0,
-            total: filteredStoreResults.length,
-            count: filteredStoreResults.length,
-            results: filteredStoreResults,
-            __typename: 'StoresQueryResult'
-          }
-        }));
-      }
-      return res(ctx.data({
-        stores
-      }));
-    })
-  }
-};
-
 const toPermission = (permission, resourceName) => camelCase(`can ${permission} ${resourceName}`);
 const createPermissionsComposePath = permission =>
 // e.g applicationContext.permissions?.canViewOrders
@@ -2304,17 +2214,6 @@ const useProductSelectionsTotalFetcher = props => {
   };
 };
 
-const handlers$4 = {
-  ProductSelections: {
-    total: total => graphql.query('FetchProductSelectionsTotal', (req, res, ctx) => res(ctx.data({
-      productSelections: {
-        total,
-        __typename: 'ProductSelectionQueryResult'
-      }
-    })))
-  }
-};
-
 function ownKeys$17(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -2363,14 +2262,6 @@ const useProductSelectionsFetcher = props => {
   };
 };
 
-const handlers$3 = {
-  ProductSelections: {
-    all: productSelections => graphql.query('FetchProductSelections', (req, res, ctx) => res(ctx.data({
-      productSelections
-    })))
-  }
-};
-
 const setToArray = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return `id in (${_mapInstanceProperty(values).call(values, value => `"${value}"`).join(', ')})`;
@@ -6361,7 +6252,7 @@ const convertTypeValuesToOptions$1 = defaultMemoize(typeValues => _mapInstancePr
 function CustomEnumInput(props) {
   const options = convertTypeValuesToOptions$1(_valuesInstanceProperty(props.fieldDefinition.type));
   const handleChange = makeChangeHandler(rawValue => {
-    props.setFieldValue(props.name, rawValue);
+    props.setFieldValue(props.name, !rawValue ? undefined : rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
   const tooltipTitle = props.value ? _findInstanceProperty(options).call(options, option => option.value === props.value)?.label ?? '' : '';
@@ -6577,7 +6468,7 @@ function CustomMoneyInput(props) {
 CustomMoneyInput.displayName = 'CustomMoneyInput';
 
 function ownKeys$R(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$R(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$R(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$R(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$R(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FetchProductTypeQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductTypeQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productType" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "attributeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "100" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isRequired" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputHint" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputTipAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, 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: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1905, source: { body: "query FetchProductTypeQuery($id: String!) {\n  productType(id: $id) {\n    name\n    attributeDefinitions(limit: 100) {\n      results {\n        name\n        isRequired\n        inputHint\n        inputTipAllLocales {\n          value\n          locale\n        }\n        labelAllLocales {\n          value\n          locale\n        }\n        type {\n          name\n          ... on SetAttributeDefinitionType {\n            elementType {\n              name\n              ... on NestedAttributeDefinitionType {\n                typeRef {\n                  id\n                }\n              }\n              ... on EnumAttributeDefinitionType {\n                values {\n                  results {\n                    key\n                    label\n                  }\n                }\n              }\n              ... on LocalizableEnumAttributeDefinitionType {\n                values {\n                  results {\n                    key\n                    labelAllLocales {\n                      locale\n                      value\n                    }\n                  }\n                }\n              }\n              ... on ReferenceAttributeDefinitionType {\n                referenceTypeId\n              }\n            }\n          }\n          ... on ReferenceAttributeDefinitionType {\n            referenceTypeId\n          }\n          ... on NestedAttributeDefinitionType {\n            typeRef {\n              id\n            }\n          }\n          ... on EnumAttributeDefinitionType {\n            values {\n              results {\n                key\n                label\n              }\n            }\n          }\n          ... on LocalizableEnumAttributeDefinitionType {\n            values {\n              results {\n                key\n                labelAllLocales {\n                  locale\n                  value\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const mapAttributeDefinition = definition => {
   var _context, _context2, _context3, _context4;
@@ -6616,15 +6507,14 @@ function useNestedProductType(fieldDefinition) {
     loading = _useQuery.loading,
     error = _useQuery.error;
   if (!loading && !error) {
-    var _context5;
-    const attributeDefinitions = _mapInstanceProperty(_context5 = data.productType.attributeDefinitions.results).call(_context5, mapAttributeDefinition);
+    const attributeDefinitions = data.productType?.attributeDefinitions.results.map(mapAttributeDefinition);
     return {
       loading: false,
       error: false,
-      productType: {
+      productType: data.productType ? {
         name: data.productType.name,
         attributeDefinitions
-      }
+      } : null
     };
   }
   return {
@@ -8881,18 +8771,6 @@ const useTotalNumberOfStoresFetcher = projectKey => {
   };
 };
 
-const handlers$2 = {
-  TotalNumberOfStores: {
-    all: total => graphql.query('TotalNumberOfStores', (req, res, ctx) => {
-      return res(ctx.data({
-        totalNumberOfStores: {
-          total
-        }
-      }));
-    })
-  }
-};
-
 var FetchStoresByField = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresByField" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "storesByField" }, name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }], directives: [], 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: "key" }, arguments: [], directives: [] }, { 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: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { 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: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 473, source: { body: "query FetchStoresByField(\n  $where: String!\n  $excludeProductSelections: Boolean!\n  $limit: Int\n) {\n  storesByField: stores(where: $where, limit: $limit) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => ({
   where: `${predicateField} in (${_mapInstanceProperty(stores).call(stores, store => `"${store}"`).join(', ')})`,
@@ -9570,21 +9448,13 @@ const mapDataToProps = _ref => {
     fetchTypeDefinitionsQuery
   };
 };
-var customFieldDefinitionsConnector = flowRight(graphql$1(FetchTypeDefinitionsQuery, {
+var customFieldDefinitionsConnector = flowRight(graphql(FetchTypeDefinitionsQuery, {
   skip: ownProps => ownProps.isDisabled,
   name: 'fetchTypeDefinitionsQuery',
   options: mapPropsToOptions,
   props: mapDataToProps
 }))(CustomFieldDefinitionsConnector);
 
-const handlers$1 = {
-  TypeDefinitions: {
-    all: typeDefinitions => graphql.query('FetchTypeDefinitionsQuery', (req, res, ctx) => res(ctx.data({
-      typeDefinitions
-    })))
-  }
-};
-
 function ownKeys$x(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$x(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$x(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const restDocToForm = customFieldsFromRestResponse => {
@@ -9712,7 +9582,7 @@ const createGraphQlOptions = ownProps => {
     }
   };
 };
-var CustomFieldTypeDefinitionsConnector$1 = hoistNonReactStatics(graphql$1(FetchTypeDefinitionsWithNamesQuery, {
+var CustomFieldTypeDefinitionsConnector$1 = hoistNonReactStatics(graphql(FetchTypeDefinitionsWithNamesQuery, {
   name: 'fetchTypeDefinitionsQuery',
   skip: ownProps => ownProps.isDisabled,
   options: createGraphQlOptions
@@ -10472,9 +10342,9 @@ var pimIndexerProvider = flowRight(withApplicationContext(applicationContext =>
   projectKey: applicationContext.project.key
 })), connect(null, {
   fetchPimIndexStatus
-}), graphql$1(RefreshProductIndices, {
+}), graphql(RefreshProductIndices, {
   name: 'refreshProductIndicesByIds'
-}), graphql$1(IndexProject, {
+}), graphql(IndexProject, {
   name: 'indexProject'
 }), withApollo, injectIntl, injectNotifications())(PimIndexerProvider);
 
@@ -11856,14 +11726,6 @@ const injectCustomerGroupsPlatformLimits = () => WrappedComponent => {
   return WithCustomerGroupsPlatformLimits;
 };
 
-const handlers = {
-  PlatformLimits: {
-    all: platformLimiits => graphql.query('PlatformLimitsFetcherQuery', (req, res, ctx) => res(ctx.data({
-      limits: platformLimiits
-    })))
-  }
-};
-
 var messages$8 = defineMessages({
   yes: {
     id: 'BooleanField.yes',
@@ -13602,4 +13464,4 @@ function withPendingRequests() {
 
 var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, arguments: [], directives: [] }, { 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: "slugAllLocales" }, 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: "parent" }, 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: "ancestors" }, 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: [] }] } }] } }] } }], loc: { start: 0, end: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n  categories: categoryAutocomplete(locale: $locale, text: $text) {\n    results {\n      ...CategorySearchPickerOptionFragment\n    }\n  }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n  categories(where: $where) {\n    results {\n      id\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n  id\n  externalId\n  nameAllLocales {\n    locale\n    value\n  }\n  slugAllLocales {\n    locale\n    value\n  }\n  parent {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n  ancestors {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
-export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, businessRoleConstants, messages$4 as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$1 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, handlers$6 as isFieldDuplicatedMockHandlers, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$G as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$5 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLoadOptions, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$2 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$C as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
+export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, businessRoleConstants, messages$4 as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$G as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLoadOptions, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$C as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };

package/dist/styles.css

@@ -505,15 +505,6 @@
   width: 1px;
   height: 1px;
 }
-/*  imported from centered-loading-spinner.module.css  */
-
-.centered-loading-spinner-module__loading-container___3_9-h {
-  height: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-}
 /*  imported from divider.module.css  */
 
 .divider-module__divider___4-vdy {
@@ -541,6 +532,15 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
+/*  imported from centered-loading-spinner.module.css  */
+
+.centered-loading-spinner-module__loading-container___3_9-h {
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+}
 /*  imported from reference-search.module.css  */
 
 .reference-search-module__container___3-iK3 {
@@ -589,9 +589,14 @@
 .set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customer-groups-combined.module.css  */
+/*  imported from platform-limits-customers-status.module.css  */
 
-.platform-limits-customer-groups-combined-module__combined___WjRoI {
+.platform-limits-customers-status-module__status___3rXYM {
+  min-width: max-content;
+}
+/*  imported from platform-limits-customers-combined.module.css  */
+
+.platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }
 /*  imported from platform-limits-customer-groups-status.module.css  */
@@ -599,13 +604,8 @@
 .platform-limits-customer-groups-status-module__status___6099G {
   min-width: max-content;
 }
-/*  imported from platform-limits-customers-status.module.css  */
-
-.platform-limits-customers-status-module__status___3rXYM {
-  min-width: max-content;
-}
-/*  imported from platform-limits-customers-combined.module.css  */
+/*  imported from platform-limits-customer-groups-combined.module.css  */
 
-.platform-limits-customers-combined-module__combined___OszDd {
+.platform-limits-customer-groups-combined-module__combined___WjRoI {
   margin-bottom: var(--spacing-s);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.2.1",
+  "version": "6.2.2",
   "description": "",
   "repository": {
     "type": "git",
@@ -12,20 +12,27 @@
   "files": [
     "dist",
     "package.json",
-    "README.md"
+    "README.md",
+    "test-utils"
   ],
+  "preconstruct": {
+    "entrypoints": [
+      "index.js",
+      "test-utils.js"
+    ]
+  },
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.32.2",
-    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.32.2",
-    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.32.2",
-    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.32.2",
-    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.32.2",
-    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.32.2",
-    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.32.2",
-    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.32.2",
+    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.33.0",
+    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.33.0",
+    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.33.0",
+    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.33.0",
+    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.33.0",
+    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.33.0",
+    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.33.0",
+    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.33.0",
     "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.11.0",
     "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.11.0",
     "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.11.0",
@@ -53,11 +60,11 @@
   },
   "devDependencies": {
     "@apollo/client": "3.7.10",
-    "@commercetools-test-data/channel": "10.7.0",
-    "@commercetools-test-data/commons": "10.7.0",
-    "@commercetools-test-data/core": "10.7.0",
-    "@commercetools-test-data/product-selection": "10.7.0",
-    "@commercetools-test-data/store": "10.7.0",
+    "@commercetools-test-data/channel": "10.7.1",
+    "@commercetools-test-data/commons": "10.7.1",
+    "@commercetools-test-data/core": "10.7.1",
+    "@commercetools-test-data/product-selection": "10.7.1",
+    "@commercetools-test-data/store": "10.7.1",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "formik": "2.4.6",