@commercetools-frontend/experimental-components 2.0.0 → 3.0.0

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

@@ -16,7 +16,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import React, { useEffect, useCallback, useState, useContext, useRef, useMemo, PureComponent, Component, createElement, Children, cloneElement, memo, createContext, isValidElement } from 'react';
+import React, { useEffect, useCallback, useState, useContext, useRef, useMemo, PureComponent, Component, memo, createContext, isValidElement } from 'react';
 import flowRight from 'lodash.flowright';
 import { graphql as graphql$1, withApollo } from '@apollo/client/react/hoc';
 import flatten from 'lodash.flatten';
@@ -37,7 +37,7 @@ import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTem
 import oneLine from 'common-tags/lib/oneLine';
 import moment from 'moment-timezone';
 import isNil$1 from 'lodash.isnil';
-import { NO_VALUE_FALLBACK, GRAPHQL_TARGETS, DOMAINS, MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
+import { NO_VALUE_FALLBACK, GRAPHQL_TARGETS, DOMAINS, MC_API_PROXY_TARGETS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
@@ -45,7 +45,7 @@ import { usePaginationState, useDataTableSortingState, useToggleState, Spacings,
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { useShowNotification, useShowApiErrorNotification, useOnActionError, useHideAllPageNotifications } from '@commercetools-frontend/actions-global';
 import PropTypes from 'prop-types';
-import { useModalState, CustomFormModalPage, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
+import { useModalState, CustomFormModalPage, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import { useApplicationContext, ApplicationContext, withApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { GtmContext, useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/application-shell';
@@ -3125,7 +3125,8 @@ var ChannelPickerInput = function ChannelPickerInput(_ref) {
     onBlur = _ref.onBlur,
     value = _ref.value,
     hasError = _ref.hasError,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    placeholder = _ref.placeholder;
   var formatLocalizedFieldToString = useFormatLocalizedFieldToString();
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -3207,7 +3208,7 @@ var ChannelPickerInput = function ChannelPickerInput(_ref) {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$F.placeholder),
+          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$F.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -3233,11 +3234,11 @@ var ChannelPickerInput = function ChannelPickerInput(_ref) {
 };
 ChannelPickerInput.displayName = 'ChannelPickerInput';
 
-function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); 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$b() { 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; } }
+function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); 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$9() { 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; } }
 var FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
   _inherits(FormattedDateTime, _PureComponent);
-  var _super = _createSuper$b(FormattedDateTime);
+  var _super = _createSuper$9(FormattedDateTime);
   function FormattedDateTime() {
     _classCallCheck(this, FormattedDateTime);
     return _super.apply(this, arguments);
@@ -3269,12 +3270,12 @@ var keepDisplayName = function keepDisplayName(component) {
 
 function ownKeys$1a(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$1a(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1a(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$1a(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); 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$a() { 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; } }
+function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); 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$8() { 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; } }
 var withMouseOverState = function withMouseOverState(BaseComponent) {
   var WithMouseOverState = /*#__PURE__*/function (_Component) {
     _inherits(WithMouseOverState, _Component);
-    var _super = _createSuper$a(WithMouseOverState);
+    var _super = _createSuper$8(WithMouseOverState);
     function WithMouseOverState() {
       var _context;
       var _this;
@@ -3318,8 +3319,8 @@ var withMouseOverState = function withMouseOverState(BaseComponent) {
 
 function ownKeys$19(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$19(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$19(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$19(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); 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$9() { 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; } }
+function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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$7() { 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; } }
 var styles$i = {
   "size": "throttled-field-module__size___324jx",
   "input-text": "throttled-field-module__input-text___3zFFp",
@@ -3334,7 +3335,7 @@ var styles$i = {
 };
 var ThrottledField = /*#__PURE__*/function (_PureComponent) {
   _inherits(ThrottledField, _PureComponent);
-  var _super = _createSuper$9(ThrottledField);
+  var _super = _createSuper$7(ThrottledField);
   function ThrottledField() {
     var _context;
     var _this;
@@ -3493,8 +3494,8 @@ var messages$E = defineMessages({
   }
 });
 
-function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); 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$8() { 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; } }
+function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); 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$6() { 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; } }
 var styles$h = {
   "block": "search-input-module__block___1uM-y",
   "container": "search-input-module__container___9u6if",
@@ -3512,7 +3513,7 @@ var styles$h = {
 };
 var SearchInput = /*#__PURE__*/function (_Component) {
   _inherits(SearchInput, _Component);
-  var _super = _createSuper$8(SearchInput);
+  var _super = _createSuper$6(SearchInput);
   function SearchInput() {
     var _context;
     var _this;
@@ -5124,13 +5125,13 @@ var GetProductTypesQuery = { kind: "Document", definitions: [{ kind: "OperationD
 
 function ownKeys$10(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$10(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys$10(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys$10(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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$7() { 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; } }
+function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); 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$5() { 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; } }
 var FetchTypeDefinitionsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, 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" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ 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: "SetType" } }, 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: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, 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: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1172, source: { body: "query FetchTypeDefinitionsQuery($where: String, $limit: Int, $offset: Int) {\n  typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n    results {\n      fieldDefinitions {\n        type {\n          name\n          ... on SetType {\n            elementType {\n              name\n              ... on EnumType {\n                values {\n                  key\n                  label\n                }\n              }\n              ... on LocalizedEnumType {\n                values {\n                  key\n                  labelAllLocales {\n                    value\n                    locale\n                  }\n                }\n              }\n            }\n          }\n          ... on EnumType {\n            values {\n              key\n              label\n            }\n          }\n          ... on LocalizedEnumType {\n            values {\n              key\n              labelAllLocales {\n                value\n                locale\n              }\n            }\n          }\n          ... on ReferenceType {\n            referenceTypeId\n          }\n        }\n        name\n        labelAllLocales {\n          value\n          locale\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var customizableResources$1 = ['asset', 'category', 'channel', 'customer', 'order', 'discount-code', 'cart-discount', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review'];
 var CustomFieldDefinitionsConnector = /*#__PURE__*/function (_Component) {
   _inherits(CustomFieldDefinitionsConnector, _Component);
-  var _super = _createSuper$7(CustomFieldDefinitionsConnector);
+  var _super = _createSuper$5(CustomFieldDefinitionsConnector);
   function CustomFieldDefinitionsConnector() {
     _classCallCheck(this, CustomFieldDefinitionsConnector);
     return _super.apply(this, arguments);
@@ -5305,8 +5306,8 @@ var createEmptyCustomFields = function createEmptyCustomFields(typeDefinition) {
   };
 };
 
-function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); 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$6() { 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; } }
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); 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$4() { 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; } }
 var FetchTypeDefinitionsWithNamesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsWithNamesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, 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" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], 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: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "required" }, 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: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetType" } }, 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: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, 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: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, 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: "inputHint" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 1445, source: { body: "query FetchTypeDefinitionsWithNamesQuery(\n  $where: String\n  $limit: Int\n  $offset: Int\n) {\n  typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n    results {\n      id\n      key\n      nameAllLocales {\n        value\n        locale\n      }\n      fieldDefinitions {\n        required\n        type {\n          name\n          ... on ReferenceType {\n            referenceTypeId\n          }\n          ... on SetType {\n            elementType {\n              name\n              ... on ReferenceType {\n                referenceTypeId\n                name\n              }\n              ... on EnumType {\n                values {\n                  key\n                  label\n                }\n                name\n              }\n              ... on LocalizedEnumType {\n                values {\n                  key\n                  labelAllLocales {\n                    locale\n                    value\n                  }\n                }\n              }\n            }\n          }\n          ... on LocalizedEnumType {\n            values {\n              key\n              labelAllLocales {\n                locale\n                value\n              }\n            }\n          }\n          ... on EnumType {\n            values {\n              key\n              label\n            }\n            name\n          }\n        }\n        name\n        labelAllLocales {\n          value\n          locale\n        }\n        inputHint\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var customizableResources = ['asset', 'address', 'business-unit', 'category', 'channel', 'customer', 'order', 'store', 'discount-code', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review', 'cart-discount', 'product-selection'];
 var emptyTypeDefinitions = {
@@ -5316,7 +5317,7 @@ var emptyTypeDefinitions = {
 };
 var CustomFieldTypeDefinitionsConnector = /*#__PURE__*/function (_Component) {
   _inherits(CustomFieldTypeDefinitionsConnector, _Component);
-  var _super = _createSuper$6(CustomFieldTypeDefinitionsConnector);
+  var _super = _createSuper$4(CustomFieldTypeDefinitionsConnector);
   function CustomFieldTypeDefinitionsConnector() {
     _classCallCheck(this, CustomFieldTypeDefinitionsConnector);
     return _super.apply(this, arguments);
@@ -7274,84 +7275,6 @@ function CustomNestedFieldInput(props) {
 }
 CustomNestedFieldInput.displayName = 'CustomNestedFieldInput';
 
-function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); 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$5() { 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; } }
-var isEmptyChildren = function isEmptyChildren(children) {
-  return Children.count(children) === 0;
-};
-var Match = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Match, _PureComponent);
-  var _super = _createSuper$5(Match);
-  function Match() {
-    _classCallCheck(this, Match);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Match, [{
-    key: "render",
-    value: function render() {
-      if (this.props.isTouched && this.props.hasError) {
-        if (this.props.component) return /*#__PURE__*/createElement(this.props.component);
-        if (this.props.children && !isEmptyChildren(this.props.children)) return Children.only(this.props.children);
-      }
-      return null;
-    }
-  }]);
-  return Match;
-}(PureComponent);
-Match.displayName = 'ValidationErrorMatch';
-
-function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); 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$4() { 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; } }
-var hasUnknownChildren = function hasUnknownChildren(children) {
-  var _context;
-  return _someInstanceProperty(_context = Children.toArray(children)).call(_context, function (child) {
-    return child.type.displayName !== Match.displayName;
-  });
-};
-var hasError = function hasError(errors, rule) {
-  return Boolean(errors[rule]);
-};
-var Switch = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Switch, _PureComponent);
-  var _super = _createSuper$4(Switch);
-  function Switch() {
-    _classCallCheck(this, Switch);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Switch, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      /**
-       * NOTE:
-       *    The `<ValidationError.Switch>` only works with `<ValidationError.Match>` as its children.
-       */
-      !!hasUnknownChildren(this.props.children) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-local/core/src/validation-error/validation-error-switch: children can only be of type <ValidationError.Match>') : invariant(false) : void 0;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return _mapInstanceProperty(Children).call(Children, this.props.children, function (child) {
-        return /*#__PURE__*/cloneElement(child, {
-          isTouched: _this.props.isTouched,
-          hasError: hasError(_this.props.errors, child.props.rule)
-        });
-      });
-    }
-  }]);
-  return Switch;
-}(PureComponent);
-Switch.displayName = 'ValidationErrorSwitch';
-Switch.defaultProps = {
-  errors: {},
-  isTouched: false
-};
-
-var ValidationError = {
-  Switch: Switch,
-  Match: Match
-};
-
 function ownKeys$Q(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$Q(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$Q(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$Q(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var mergeSetItemsErrors = function mergeSetItemsErrors(errors) {
@@ -7367,19 +7290,11 @@ var CustomFieldErrors = function CustomFieldErrors(props) {
   // but also after manually triggered form validation.
   var didFormValidationFail = useDidFormValidationFail();
   var errors = _Array$isArray(props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
-  return jsxs(ValidationError.Switch, {
-    errors: errors,
-    isTouched: props.isTouched || didFormValidationFail,
-    children: [jsx(ValidationError.Match, {
-      rule: "missing",
-      children: jsx(ErrorMessage, {
-        intlMessage: messages$J.required
-      })
-    }), jsx(ValidationError.Match, {
-      rule: "duplicated",
-      children: jsx(ErrorMessage, {
-        intlMessage: messages$J.unique
-      })
+  return jsxs(Fragment, {
+    children: [props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsx(ErrorMessage, {
+      intlMessage: messages$J.required
+    }), props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsx(ErrorMessage, {
+      intlMessage: messages$J.unique
     })]
   });
 };
@@ -7896,6 +7811,8 @@ var NestedAttributeModalPage = function NestedAttributeModalPage(props) {
   var _useIntl3 = useIntl(),
     formatMessage = _useIntl3.formatMessage;
   var formik = useFormikContext();
+  var _useTheme = useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   var confirmationModal = useModalState();
   var nestingLevel = useContext(NestingLevelContext);
   var handleClose = function handleClose() {
@@ -7906,7 +7823,7 @@ var NestedAttributeModalPage = function NestedAttributeModalPage(props) {
     confirmationModal.closeModal();
     props.onClose();
   };
-  var columnsTemplate = nestingLevel === 1 ? "repeat(2, ".concat(customProperties.constraint11, ")") : nestingLevel === 5 ? "".concat(customProperties.constraint10) : "repeat(2, ".concat(customProperties.constraint10, ")");
+  var columnsTemplate = isNewTheme ? "".concat(customProperties.constraint15) : nestingLevel === 1 ? "repeat(2, ".concat(customProperties.constraint11, ")") : nestingLevel === 5 ? "".concat(customProperties.constraint10) : "repeat(2, ".concat(customProperties.constraint10, ")");
   return jsxs(Fragment, {
     children: [jsx(CustomFormModalPage, {
       isOpen: props.isOpen,
@@ -7925,13 +7842,15 @@ var NestedAttributeModalPage = function NestedAttributeModalPage(props) {
       onClose: handleClose,
       shouldDelayOnClose: false,
       title: props.title,
-      children: props.isOpen && jsx(Grid, {
-        gridTemplateColumns: columnsTemplate,
-        gridGap: customProperties.spacingM,
-        children: jsx(ProductAttributes, {
-          isDisabled: props.isDisabled,
-          isReadOnly: props.isReadOnly,
-          attributeDefinitions: props.productType.attributeDefinitions
+      children: jsx(PageContentNarrow, {
+        children: props.isOpen && jsx(Grid, {
+          gridTemplateColumns: columnsTemplate,
+          gridGap: customProperties.spacingM,
+          children: jsx(ProductAttributes, {
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            attributeDefinitions: props.productType.attributeDefinitions
+          })
         })
       })
     }), jsx(DropChangesConfirmation, {
@@ -8732,7 +8651,8 @@ var CustomerGroupPickerInput = function CustomerGroupPickerInput(_ref) {
     onBlur = _ref.onBlur,
     value = _ref.value,
     hasError = _ref.hasError,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    placeholder = _ref.placeholder;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var variables = useMemo(function () {
@@ -8812,7 +8732,7 @@ var CustomerGroupPickerInput = function CustomerGroupPickerInput(_ref) {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$t.placeholder),
+          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$t.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -10482,7 +10402,6 @@ var RESOURCES_WITH_PLATFORM_LIMITS = {
   shippingMethods: 'shippingMethods',
   carts: 'carts'
 };
-var CUSTOMER_SUPPORT_LINK = 'https://jira.commercetools.com/servicedesk/customer/portal/1';
 
 function ownKeys$A(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$A(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$A(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$A(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -10596,26 +10515,26 @@ function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) {
 var getCustomerSupportLink$1 = function getCustomerSupportLink(msg) {
   return jsx(Link, {
     isExternal: true,
-    to: CUSTOMER_SUPPORT_LINK,
+    to: SUPPORT_PORTAL_URL,
     children: msg
   });
 };
 var PlatformLimitWarningNotification = function PlatformLimitWarningNotification(_ref) {
   var resource = _ref.resource,
     limit = _ref.limit;
-  return jsxs(Spacings.Inline, {
-    scale: "xs",
-    children: [jsx(WarningIcon, {
-      color: "warning",
-      size: "medium"
-    }), jsx(Text.Body, {
-      intlMessage: _objectSpread$z(_objectSpread$z({}, messages$m[resource]), {}, {
-        values: {
-          limit: limit,
-          customersupport: getCustomerSupportLink$1
-        }
-      })
-    })]
+  return jsx(ContentNotification, {
+    type: "warning",
+    children: jsx(FormattedMessage, _objectSpread$z(_objectSpread$z({}, messages$m[resource]), {}, {
+      values: {
+        limit: limit,
+        customersupport: getCustomerSupportLink$1
+      },
+      children: function children(message) {
+        return jsx("div", {
+          children: message
+        });
+      }
+    }))
   });
 };
 PlatformLimitWarningNotification.displayName = 'PlatformLimitWarningNotification';
@@ -10653,7 +10572,7 @@ function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) {
 var getCustomerSupportLink = function getCustomerSupportLink(msg) {
   return jsx(Link, {
     isExternal: true,
-    to: CUSTOMER_SUPPORT_LINK,
+    to: SUPPORT_PORTAL_URL,
     children: msg
   }, msg);
 };
@@ -13018,6 +12937,10 @@ function validatedInput(InnerComponent, validators) {
         if (onChange && triggerUpdate) onChange(event);
         _this.conditionalSetValidStatus(nextValidStatus);
       };
+      /**
+       * Only triggers when there is a value, but its not valid
+       * so it must be an invalid numeric value
+       */
       _this.handleInvalid = function () {
         var nextValidStatus = _objectSpread$8({}, _this.state.validStatus);
         if (has(nextValidStatus, 'numeric')) {
@@ -14396,4 +14319,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, BusinessUnitSelectField, BusinessUnitSelectInput, Button, ButtonCancel, ButtonConfirm, ButtonSave, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, SearchInput$1 as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, ValidationError, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$7 as booleanMessages, buildSearchQuery, messages$q as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$4 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$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, 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, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$5 as productSelectionsFetcherMockHandler, handlers$6 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$E as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$7 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, trackMenuClick, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, handlers$2 as useBusinessUnitsListFetcherMockHandler, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, useStoreKeysInDataFences, useStoresListFetcher, handlers$1 as useTotalNumberOfBusinessUnitsFetcherHandlers, useTotalNumberOfStoresFetcher, handlers$3 as useTotalNumberOfStoresFetcherHandlers, useTracking, useTracking as useTrackingContext, useTrackingShared, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$J as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
+export { booleanField as BooleanField, BusinessUnitSelectField, BusinessUnitSelectInput, Button, ButtonCancel, ButtonConfirm, ButtonSave, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, SearchInput$1 as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$7 as booleanMessages, buildSearchQuery, messages$q as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$4 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$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, 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, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$5 as productSelectionsFetcherMockHandler, handlers$6 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$E as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$7 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, trackMenuClick, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, handlers$2 as useBusinessUnitsListFetcherMockHandler, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, handlers$1 as useTotalNumberOfBusinessUnitsFetcherHandlers, useTotalNumberOfStoresFetcher, handlers$3 as useTotalNumberOfStoresFetcherHandlers, useTracking, useTracking as useTrackingContext, useTrackingShared, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$J as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };

package/dist/styles.css

@@ -1,5 +1,7 @@
 /*  imported from search-input.module.css  */
 
+/* @redesign cleanup */
+
 .search-input-module__block___1uM-y {
   display: inline-flex;
   flex-direction: row;
@@ -73,7 +75,7 @@
   right: 9px;
 }
 
-.search-input-module__clear-icon-container___3RQvu {
+:where(html[data-theme='default']) .search-input-module__clear-icon-container___3RQvu {
   background-color: transparent;
   border-color: transparent;
   position: absolute;
@@ -82,6 +84,15 @@
   z-index: 2;
 }
 
+:where(html[data-theme='test']) .search-input-module__clear-icon-container___3RQvu {
+  background-color: transparent;
+  border-color: transparent;
+  position: absolute;
+  right: 36px;
+  top: 11px;
+  z-index: 2;
+}
+
 .search-input-module__clear-icon-container-granular___1mbin {
   right: 41px;
 }
@@ -114,7 +125,9 @@
 }
 /*  imported from selectable-field-search-input.module.css  */
 
-.selectable-field-search-input-module__container___z2ltR {
+/* @redesign cleanup */
+
+:where(html[data-theme='default'])  .selectable-field-search-input-module__container___z2ltR {
   width: 100%;
   position: relative;
   display: flex;
@@ -122,6 +135,13 @@
   max-width: 800px;
 }
 
+:where(html[data-theme='test']) .selectable-field-search-input-module__container___z2ltR {
+  width: 100%;
+  position: relative;
+  display: flex;
+  z-index: 3;
+}
+
 .selectable-field-search-input-module__search-mode-menu___Od6Le {
   border-radius: var(--border-radius-6);
   border: 1px solid var(--color-primary);
@@ -599,16 +619,16 @@ html[data-theme='default'] {
 :where(html[data-theme='test']) .set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customers-combined.module.css  */
-
-.platform-limits-customers-combined-module__combined___OszDd {
-  margin-bottom: var(--spacing-s);
-}
 /*  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  */
+
+.platform-limits-customers-combined-module__combined___OszDd {
+  margin-bottom: var(--spacing-s);
+}
 /*  imported from platform-limits-customer-groups-status.module.css  */
 
 .platform-limits-customer-groups-status-module__status___6099G {