@commercetools-frontend/experimental-components 6.4.6 → 7.0.0

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

@@ -27,7 +27,7 @@ import { useApolloClient, useQuery as useQuery$1 } from '@apollo/client';
 import { useQuery, useApolloClient as useApolloClient$1 } from '@apollo/client/react';
 import { defineMessages, useIntl, injectIntl, FormattedMessage } from 'react-intl';
 import { useApplicationContext, ApplicationContext, withApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { LoadingSpinner, Constraints, Spacings, AsyncSelectInput, Text, SearchIcon, Tooltip, AccessibleHidden, SecondaryIconButton, CloseIcon, usePaginationState, useDataTableSortingState, useToggleState, Link, MoneyInput, SearchSelectInput, AsyncSelectField, SelectField, SelectInput, FlatButton, AngleUpIcon, AngleDownIcon, IconButton, BinLinearIcon, PlusBoldIcon, DateInput, DateTimeInput, LocalizedTextInput, LocalizedMultilineTextInput, SecondaryButton, RevertIcon, Grid, customProperties, SubdirectoryArrowIcon, Tag, EditIcon, FieldLabel, WarningIcon, NumberInput, TextInput, MultilineTextInput, TimeInput, SwitcherIcon, ErrorIcon, DragIcon, Card, SearchSelectField, SelectableSearchInput, FieldErrors, CollapsiblePanel, designTokens, ContentNotification, ListIcon, CheckboxInput, SearchTextInput } from '@commercetools-frontend/ui-kit';
+import { LoadingSpinner, Constraints, Spacings, AsyncSelectInput, Text, SearchIcon, Tooltip, AccessibleHidden, SecondaryIconButton, CloseIcon, usePaginationState, useDataTableSortingState, useToggleState, Link, MoneyInput, SearchSelectInput, AsyncSelectField, SelectField, SelectInput, FlatButton, AngleUpIcon, AngleDownIcon, IconButton, BinLinearIcon, PlusBoldIcon, DateInput, DateTimeInput, LocalizedTextInput, LocalizedMultilineTextInput, SecondaryButton, RevertIcon, Grid, customProperties, SubdirectoryArrowIcon, Tag, EditIcon, FieldLabel, WarningIcon, NumberInput, TextInput, MultilineTextInput, TimeInput, SwitcherIcon, ErrorIcon, DragIcon, Card, SearchSelectField, ContentNotification, SelectableSearchInput, FieldErrors, CollapsiblePanel, designTokens, ListIcon, CheckboxInput, SearchTextInput } from '@commercetools-frontend/ui-kit';
 import _Map from '@babel/runtime-corejs3/core-js-stable/map';
 import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
 import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
@@ -73,7 +73,7 @@ import { useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/appl
 import { ErrorMessage } from '@commercetools-frontend/ui-kit/';
 import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
-import { Draggable, DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { Draggable, DragDropContext, Droppable } from '@hello-pangea/dnd';
 import ReactDOM from 'react-dom';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import { CustomSelectInputOption } from '@commercetools-uikit/select-utils';
@@ -129,6 +129,9 @@ const CenteredLoadingSpinner = () => jsx("div", {
 CenteredLoadingSpinner.displayName = 'CenteredLoadingSpinner';
 var CenteredLoadingSpinner$1 = CenteredLoadingSpinner;
 
+const LOWER_STORES_LIMIT = 60;
+const UPPER_STORES_LIMIT = 500;
+
 const QUERY_MAX_LIMIT = 500;
 const SHOW_TOOLTIP_CHARS_COUNT = 40;
 const SEARCHABLE_REFERENCES = {
@@ -172,7 +175,7 @@ const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAtt
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
 
-var pickerMessages$1 = defineMessages({
+var commonPickerMessages = defineMessages({
   loadingErrorMessage: {
     id: 'Pickers.loadingErrorMessage',
     description: 'Message shown to used when picker fails to load data from server.',
@@ -185,7 +188,7 @@ var pickerMessages$1 = defineMessages({
   }
 });
 
-var messages$R = defineMessages({
+var messages$S = defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -207,16 +210,19 @@ const getRolesClause = roles => roles && roles.length > 0 ? `roles contains any
 const ChannelPickerInput = _ref => {
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
-    isReadOnly = _ref.isReadOnly,
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
     onChange = _ref.onChange,
     name = _ref.name,
     onBlur = _ref.onBlur,
     value = _ref.value,
     hasError = _ref.hasError,
-    onError = _ref.onError,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? null : _ref$onError,
     placeholder = _ref.placeholder,
     roles = _ref.roles,
-    hasWarning = _ref.hasWarning,
+    _ref$hasWarning = _ref.hasWarning,
+    hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
     _ref$isMulti = _ref.isMulti,
     isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti;
   const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
@@ -300,7 +306,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsx(Constraints.Horizontal, {
@@ -312,7 +318,7 @@ const ChannelPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -335,7 +341,7 @@ const ChannelPickerInput = _ref => {
         })
       }), isLoadingFailed && jsx(Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -369,7 +375,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = injectIntl(FormattedDateTime);
 
-var messages$Q = defineMessages({
+var messages$R = defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -458,7 +464,7 @@ const ProductTypePickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -471,7 +477,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -479,7 +485,7 @@ const ProductTypePickerInput = _ref => {
         })
       }), isLoadingFailed && jsx(Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -487,7 +493,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$P = defineMessages({
+var messages$Q = defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -571,7 +577,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
@@ -583,7 +589,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -605,7 +611,7 @@ const StatePickerInput = _ref => {
         }, dataLocale)
       }), isLoadingFailed && jsx(Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -640,7 +646,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$O = defineMessages({
+var messages$P = defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -652,7 +658,7 @@ function ownKeys$1p(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertyS
 function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1p(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1p(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
+    label: formatMessage ? formatMessage(messages$P.bottomOption) : messages$P.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -1253,7 +1259,7 @@ ThrottledField.defaultProps = {
 };
 var ThrottledField$1 = ThrottledField;
 
-var messages$N = defineMessages({
+var messages$O = defineMessages({
   buttonLabel: {
     id: 'SearchInput.buttonLabel',
     description: 'Label for "Search" button.',
@@ -1358,7 +1364,7 @@ let SearchInput = /*#__PURE__*/function (_Component) {
               "data-testid": this.props.testId || 'search-input',
               value: this.state.text,
               label: this.props.label,
-              placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$N.placeholder),
+              placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$O.placeholder),
               inputRef: this.props.inputRef || this.setInputRef,
               onChange: this.handleInputChange,
               onEnter: this.handleEnter,
@@ -1928,34 +1934,6 @@ const useStoreKeysInDataFences = _ref => {
 };
 var useStoreKeysInDataFences$1 = useStoreKeysInDataFences;
 
-function useDidFormValidationFail() {
-  const _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didFormValidationFail = _useState2[0],
-    setDidFormValidationFail = _useState2[1];
-  const _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    wasValidationRequested = _useState4[0],
-    setWasValidationRequested = _useState4[1];
-  const _useFormikContext = useFormikContext(),
-    dirty = _useFormikContext.dirty,
-    isValid = _useFormikContext.isValid,
-    isValidating = _useFormikContext.isValidating;
-  useEffect(() => {
-    if (dirty) setWasValidationRequested(false);
-  }, [dirty]);
-  useEffect(() => {
-    if (isValidating) setWasValidationRequested(true);
-  }, [isValidating]);
-  useEffect(() => {
-    if (wasValidationRequested && !isValid) {
-      setDidFormValidationFail(true);
-      setWasValidationRequested(false);
-    }
-  }, [isValid, setWasValidationRequested, setDidFormValidationFail, wasValidationRequested]);
-  return Boolean(didFormValidationFail);
-}
-
 function ownKeys$1a(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$1a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const TEN_MINUTES_IN_MS = 600000;
@@ -2032,7 +2010,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$M = defineMessages({
+var messages$N = defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -2056,22 +2034,22 @@ const LinkToProfile = props => {
   return jsx(Link, {
     to: "/account/profile",
     children: props.children
-  });
+  }, "link");
 };
 LinkToProfile.displayName = 'LinkToProfile';
 const getLinkToProfile = msg => jsx(LinkToProfile, {
   children: msg
-});
-const getNewLine = () => jsx("br", {});
+}, "linkToProfile");
+const getNewLine = () => jsx("br", {}, crypto.randomUUID());
 const NotificationText = () => jsxs(Spacings.Stack, {
   children: [jsxs(Spacings.Stack, {
     scale: "xs",
     children: [jsx(Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$M.profileUpdated
+      intlMessage: messages$N.profileUpdated
     }), jsx(Text.Body, {
-      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.addMoreInformation), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$N.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -2080,7 +2058,7 @@ const NotificationText = () => jsxs(Spacings.Stack, {
   }), jsx(Spacings.Stack, {
     scale: "xs",
     children: jsx(Text.Body, {
-      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$N.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2163,8 +2141,11 @@ function usePendingRequests() {
     pendingRequests = _useState2[0],
     setPendingRequests = _useState2[1];
   const isUnmountedRef = useRef(false);
-  useEffect(() => () => {
-    isUnmountedRef.current = true;
+  useEffect(() => {
+    isUnmountedRef.current = false;
+    return () => {
+      isUnmountedRef.current = true;
+    };
   }, []);
   const change = useCallback(delta => {
     // FIXME: isMounted is an anti pattern
@@ -2205,7 +2186,7 @@ const useEventCallback = (fn, dependencies) => {
 };
 var useEventCallback$1 = useEventCallback;
 
-var messages$L = defineMessages({
+var messages$M = defineMessages({
   fallbackHint: {
     id: 'KeyFallback.fallbackHint',
     description: 'key fallback for a specified resource key (e.g name)',
@@ -2229,7 +2210,7 @@ const useLocalizedKeyFallback = () => {
   return values => {
     if (!values.resource) return null;
     const localizedString = values.resource[values.localizedStringFieldName];
-    const fallbackHintWithKey = intl.formatMessage(messages$L.fallbackHint, {
+    const fallbackHintWithKey = intl.formatMessage(messages$M.fallbackHint, {
       key: values.resource.key
     });
     if (!localizedString) return fallbackHintWithKey;
@@ -2377,7 +2358,7 @@ const convertProductSelectionsFromGraphQl = productSelections => {
   });
 };
 
-var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, defaultValue: { kind: "NullValue" }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ 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" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { 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: "version" }, 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: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 400, source: { body: "query FetchProductSelections($limit: Int = null, $offset: Int = null, $sort: [String!] = null, $where: String = null) {\n  productSelections(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n    total\n    count\n    offset\n    results {\n      id\n      version\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      createdAt\n      lastModifiedAt\n      mode\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, defaultValue: { kind: "NullValue" }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ 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" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { 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: "version" }, 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: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 424, source: { body: "query FetchProductSelections(\n  $limit: Int = null\n  $offset: Int = null\n  $sort: [String!] = null\n  $where: String = null\n) {\n  productSelections(\n    limit: $limit\n    offset: $offset\n    sort: $sort\n    where: $where\n  ) {\n    total\n    count\n    offset\n    results {\n      id\n      version\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      createdAt\n      lastModifiedAt\n      mode\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const createQueryVariables$5 = function () {
   let ownProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -2413,841 +2394,244 @@ const useProductSelectionsFetcher = props => {
 };
 var useProductSelectionsFetcher$1 = useProductSelectionsFetcher;
 
-const _excluded$d = ["action"];
-function ownKeys$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var _context0, _context1; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context0 = ownKeys$16(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context1 = ownKeys$16(Object(t))).call(_context1, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const setToArray = function () {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return `id in (${_mapInstanceProperty(values).call(values, value => `"${value}"`).join(', ')})`;
+};
 
-/**
- * Checks if a value is a LocalizedString
- *
- * { en: 'Hello' } -> true
- * 'Hello' -> false
- */
+function capitalizeFirst(text) {
+  return text.charAt(0).toUpperCase() + _sliceInstanceProperty(text).call(text, 1);
+}
 
-const getIsLocalizedString = maybeLocalizedString => {
-  if (typeof maybeLocalizedString === 'string') return false;
-  if (!maybeLocalizedString || typeof maybeLocalizedString === 'object' && _Object$keys(maybeLocalizedString).length === 0) return false;
-  return true;
+const PRODUCT_STATUSES = {
+  PUBLISHED: 'published',
+  UNPUBLISHED: 'unpublished',
+  MODIFIED: 'modified'
 };
-
-/**
- * Transforms a list of `CustomField` into a `CustomField` object
- *
- * [{ name: 'fieldA', value: 'Hello' }] -> { fieldA: 'Hello' }
- */
-const transformCustomFieldsRawToCustomFields = customFieldsRaw => {
-  if (!customFieldsRaw || customFieldsRaw.length === 0) return null;
-  return _reduceInstanceProperty(customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$16(_objectSpread$16({}, customFields), {}, {
-    [customField.name]: customField.value
-  }), {});
+const FILTER_TYPES = {
+  lessThan: 'lessThan',
+  moreThan: 'moreThan',
+  equalTo: 'equalTo',
+  range: 'range',
+  missing: 'missing',
+  missingIn: 'missingIn',
+  in: 'in'
+};
+const FIELD_TYPES = {
+  Money: 'Money',
+  LocalizedString: 'LocalizedString',
+  Time: 'Time',
+  DateTime: 'DateTime',
+  Boolean: 'Boolean',
+  String: 'String',
+  Enum: 'Enum',
+  LocalizedEnum: 'LocalizedEnum',
+  Number: 'Number',
+  Date: 'Date',
+  Reference: 'Reference',
+  Set: 'Set'
 };
+const PRECISION_TYPES = {
+  highPrecision: 'highPrecision',
+  centPrecision: 'centPrecision'
+};
+const ERROR_CODES = {
+  semanticError: 'SemanticError',
+  invalidInput: 'InvalidInput'
+};
+const DefaultPageSizes = [20, 50, 100];
+DefaultPageSizes[0];
 
-// --- Types mapping ---
+const regexpData = /^data-/;
+function filterDataAttributes(obj) {
+  var _context, _context2;
+  return _reduceInstanceProperty(_context = _filterInstanceProperty(_context2 = _Object$keys(obj)).call(_context2, p => regexpData.test(p))).call(_context, (acc, p) => {
+    // eslint-disable-next-line no-param-reassign
+    acc[p] = obj[p];
+    return acc;
+  }, {});
+}
 
-/**
- * Map category GraphQL shape with nameAllLocales to reference shape
- * Includes ancestors and parent
- *
- * @param {Object} category - A category result object from graphql
- * @return {Object} Category (as a REST API representation):
- * `{ id, obj: { id, name } }`
- */
-function transformLocalizedFieldsForCategory(category) {
-  var _context;
-  let transformationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [{
-    from: 'nameAllLocales',
-    to: 'name'
-  }];
-  const transformedData = applyTransformedLocalizedFields(category, transformationOptions);
-  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
-  const ancestors = category.ancestors ? _mapInstanceProperty(_context = category.ancestors).call(_context, ancestor => transformLocalizedFieldsForCategory(ancestor)) : null;
-  return _objectSpread$16(_objectSpread$16(_objectSpread$16({}, transformedData), parent ? {
-    parent
-  } : {}), ancestors ? {
-    ancestors
-  } : {});
+const invalidValues$1 = [null, undefined, ''];
+function isEmpty$2(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value.to);
 }
-function transformLocalizedFieldsForCartDiscount(cartDiscount) {
-  const transformationOptions = [{
-    from: 'nameAllLocales',
-    to: 'name'
-  }];
-  return applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+
+const invalidValues = [null, undefined, ''];
+function validateSingleFilter(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty(invalidValues).call(invalidValues, value);
 }
-function mapShippingRateTierToGraphQL(tiers) {
-  return _reduceInstanceProperty(tiers).call(tiers, (graphQlTiers, tier) => [...graphQlTiers, {
-    [tier.type]: {
-      price: tier.price ? {
-        centAmount: tier.price.centAmount,
-        currencyCode: tier.price.currencyCode
-      } : undefined,
-      minimumCentAmount: tier.minimumCentAmount,
-      value: tier.value || undefined,
-      priceFunction: tier.priceFunction ? {
-        function: tier.priceFunction.function,
-        currencyCode: tier.priceFunction.currencyCode
-      } : undefined,
-      score: tier.score
+
+const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
+const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
+const getDateTimeInUTC = (date, timezone, format) => {
+  const dateFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
+  const momentDate = moment(date);
+  // check if the date is date only or datetime
+  const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
+  // if it's a date then convert it to UTC datetime based on timezone
+  if (noTimeSpecified) {
+    const offset = moment(date).tz(timezone)?.utcOffset() || 0;
+    const formattedDate = momentDate.format(format);
+    const formattedDateWithOffset = moment(formattedDate).add(offset, 'minutes').format(dateFormat);
+    // console.log(formattedDateWithOffset);
+    return formattedDateWithOffset;
+  }
+  // if it's a datetime we assume that it's already in UTC
+  // and just return it
+  return date;
+};
+function dateTransformer$1(filterKey, filters) {
+  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
+  const queries = _mapInstanceProperty(filters).call(filters, _ref => {
+    let type = _ref.type,
+      value = _ref.value,
+      timezone = _ref.timezone;
+    if (!filterValidator({
+      type,
+      value
+    })) return '';
+    switch (type) {
+      case FILTER_TYPES.lessThan:
+        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
+      case FILTER_TYPES.moreThan:
+        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
+      case FILTER_TYPES.equalTo:
+        return oneLine`
+            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine`
+            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
+          `;
+      default:
+        return '';
     }
-  }], []);
+  });
+
+  // The separator is and `or` as they are the same filter
+  const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(' or ');
+
+  /* The parenthesis involing the `queryString` are needed since they are all part of the
+   * same filter so we need something to work with
+   * (
+   *  (createdAt >= "2018-04-25T00:00:00.000+02:00" and createdAt <= "2018-04-25T23:59:59.999+02:00") o
+   *  (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
+   * ) or some_more_filters
+   */
+  return queryString === '' ? null : `(${queryString})`;
+}
+function defaultFilterValidator$1(_ref2) {
+  let type = _ref2.type,
+    value = _ref2.value;
+  if (type !== 'range' && (validateSingleFilter({
+    value
+  }) || !moment(value).isValid())) return false;
+  if (type === 'range' && (isEmpty$2({
+    value
+  }) || !moment(value.from).isValid() || !moment(value.to).isValid())) return false;
+  return true;
 }
 
-/**
- * NOTE:
- * This module massages update actions produced by the JS SDK
- * to be compatible with CTP GraphQL mutations. This logic should be
- * moved into the JS SDK once discounts is fully 100% migrated to
- * GraphQL or any other plugin/app needs this functionality. Until
- * then this serves as a collective set of requirements before
- * prematurely adding a not fully working set of conversions to the
- * JS SDK.
- */
+var localizedTextTransformer = localizedString => {
+  var _context;
+  return _mapInstanceProperty(_context = _Object$keys(localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
+};
 
-const createAttributeTypeValue = attribute => {
-  switch (attribute.type.name) {
-    case 'set':
-      return {
-        set: {
-          elementType: createAttributeTypeValue({
-            type: attribute.type.elementType
-          })
-        }
-      };
-    case 'boolean':
-    case 'date':
-    case 'datetime':
-    case 'ltext':
-    case 'money':
-    case 'number':
-    case 'text':
-    case 'time':
-      return {
-        [attribute.type.name]: {}
-      };
-    case 'enum':
-    case 'lenum':
-      return {
-        [attribute.type.name]: {
-          values: []
-        }
-      };
-    case 'reference':
-      {
-        return {
-          [attribute.type.name]: {
-            referenceTypeId: attribute.type.referenceTypeId
-          }
-        };
-      }
-    default:
-      return attribute.type;
+const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
+function moneyTransformer(value, option, locale) {
+  const clauses = [];
+  if (option === FILTER_TYPES.range) {
+    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
+    clauses[1] = getCentAmountClause(value.from, '>=', locale);
+    clauses[2] = getCentAmountClause(value.to, '<=', locale);
+    return clauses.join(' and ');
   }
-};
-
-/*
- * Fixed price supports high precision. Action format is nested with the
- * the type of the money. Absolute discount only works with cent precision,
- * hence the action structure is flat.
- */
-const formatMoney$2 = valueType => money => {
-  switch (valueType) {
-    case 'fixed':
-    case 'fixedCart':
-      return {
-        [money.type]: _objectSpread$16({
-          centAmount: money.centAmount,
-          currencyCode: money.currencyCode
-        }, money.type === PRECISION_TYPES.highPrecision && {
-          preciseAmount: money.preciseAmount,
-          fractionDigits: money.fractionDigits
-        })
-      };
-    case 'absolute':
-    case 'absoluteCart':
-      return {
-        centAmount: money.centAmount,
-        currencyCode: money.currencyCode
-      };
+  clauses[0] = `currencyCode = "${value.currencyCode}"`;
+  switch (option) {
+    case FILTER_TYPES.lessThan:
+      clauses[1] = getCentAmountClause(value, '<', locale);
+      break;
+    case FILTER_TYPES.moreThan:
+      clauses[1] = getCentAmountClause(value, '>', locale);
+      break;
+    case FILTER_TYPES.equalTo:
+      clauses[1] = getCentAmountClause(value, '=', locale);
+      break;
     default:
-      throw new Error('Unexpected value type for money.');
+      return '';
   }
-};
+  return clauses.join(' and ');
+}
 
-/**
- * converts the `changeValue` action to GraphQL actions variable
- * @param {Object} actionPayload
+const formatTime = 'HH:mm:ss.SSS';
+
+/* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
+ * the milliseconds always as 000.
+ * This function returns the same time with the
  */
-const convertChangeValueAction = actionPayload => {
-  const valueType = actionPayload.value.type;
-  const possibleTypeKeys = {
-    relative: ['permyriad'],
-    absolute: ['money'],
-    absoluteCart: ['money', 'applicationMode'],
-    fixed: ['money'],
-    fixedCart: ['money', 'applicationMode'],
-    giftLineItem: ['product', 'variantId', 'distributionChannel', 'supplyChannel', 'ResourceIdentifierInput']
-  };
-  const filteredValue = pick(actionPayload.value, possibleTypeKeys[valueType]);
-  if (filteredValue.money) {
-    var _context2;
-    const moneyFormatter = formatMoney$2(valueType);
-    filteredValue.money = _mapInstanceProperty(_context2 = filteredValue.money).call(_context2, moneyFormatter);
-  }
-  return {
-    changeValue: {
-      value: {
-        [valueType]: filteredValue
-      }
+const getEndOfSecond = value => moment(value, formatTime).endOf('minute').format(formatTime);
+const defaultFilterValidator = _ref => {
+  let type = _ref.type,
+    value = _ref.value;
+  if (type !== FILTER_TYPES.range && validateSingleFilter({
+    value
+  })) return false;
+  if (type === FILTER_TYPES.range && isEmpty$2({
+    value
+  })) return false;
+  return true;
+};
+const timeTransformer = function (filterKey, filters) {
+  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
+  const queries = _mapInstanceProperty(filters).call(filters, _ref2 => {
+    let type = _ref2.type,
+      value = _ref2.value;
+    if (!filterValidator({
+      type,
+      value
+    })) return '';
+    switch (type) {
+      case FILTER_TYPES.lessThan:
+        return `${filterKey} < "${value}"`;
+      case FILTER_TYPES.moreThan:
+        return `${filterKey} > "${value}"`;
+      case FILTER_TYPES.equalTo:
+        return oneLine`
+          (${filterKey} >= "${value}"
+          and ${filterKey} <= "${getEndOfSecond(value)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine`
+          (${filterKey} >= "${value.from}"
+          and ${filterKey} <= "${getEndOfSecond(value.to)}")
+          `;
+      default:
+        return '';
     }
-  };
+  });
+
+  // The separator is and `or` as they are the same filter
+  const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(' or ');
+
+  /* The parenthesis involing the `queryString` are needed since they are all part of the
+   * same filter so we need something to work with
+   * (
+   *  (pickUpTime >= "12:00" and pickUpTime <= "13:00") o
+   *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
+   * ) or some_more_filters
+   */
+  return queryString === '' ? null : `(${queryString})`;
 };
 
-/**
- * This function changes any payload after the actions have been computed.
- * Currently we only need to change the `setCustomField` action payload
- * as its dynamic content can not be typed in SDL for the mutation.
- */
-const convertAction = (actionName, actionPayload) => {
-  var _context3, _context4, _context5, _context6, _context7;
-  const getNameFromPayload = payload => {
-    // changeName for `Organizations`
-    if (typeof payload.name === 'string') return payload;
-    // changeName for `UserProfile`
-    if (payload.firstName || payload.lastName) return payload;
-    // assume `changeName` for LocalizedString type
-    return {
-      name: transformLocalizedStringToLocalizedField(payload.name)
-    };
-  };
-  switch (actionName) {
-    case 'changeName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setDescription':
-    case 'changeDescription':
-      return {
-        [actionName]: {
-          description: getIsLocalizedString(actionPayload.description) ? transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
-        }
-      };
-    case 'setLocalizedDescription':
-      return {
-        [actionName]: {
-          localizedDescription: transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
-        }
-      };
-    case 'setName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setLocalizedName':
-      return {
-        [actionName]: {
-          localizedName: transformLocalizedStringToLocalizedField(actionPayload.localizedName)
-        }
-      };
-    case 'setLineItemCustomField':
-      return {
-        [actionName]: {
-          lineItemId: actionPayload.lineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify(actionPayload.value)
-        }
-      };
-    case 'setCustomLineItemCustomField':
-      return {
-        [actionName]: {
-          customLineItemId: actionPayload.customLineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify(actionPayload.value)
-        }
-      };
-    case 'setCustomField':
-      return {
-        [actionName]: {
-          name: actionPayload.name,
-          value: _JSON$stringify(actionPayload.value)
-        }
-      };
-    case 'setCustomType':
-      return {
-        [actionName]: {
-          typeId: actionPayload.type?.id,
-          fields: actionPayload.fields ? _mapInstanceProperty(_context3 = _Object$entries(actionPayload.fields)).call(_context3, _ref => {
-            let _ref2 = _slicedToArray(_ref, 2),
-              customField = _ref2[0],
-              value = _ref2[1];
-            return {
-              name: customField,
-              value: _JSON$stringify(value)
-            };
-          }) : undefined
-        }
-      };
-    case 'removeLocation':
-      return {
-        [actionName]: {
-          location: {
-            country: actionPayload.location.country
-          }
-        }
-      };
-    case 'addLocation':
-      return {
-        [actionName]: {
-          location: {
-            country: actionPayload.location.country
-          }
-        }
-      };
-    case 'setGeoLocation':
-      return {
-        [actionName]: actionPayload?.geoLocation ? {
-          geoLocation: {
-            type: 'Point',
-            coordinates: [_parseFloat(actionPayload.geoLocation?.longitude), _parseFloat(actionPayload.geoLocation?.latitude)]
-          }
-        } : {
-          undefined
-        }
-      };
-    case 'changeLabel':
-      return {
-        changeLabel: {
-          attributeName: actionPayload.attributeName,
-          label: transformLocalizedStringToLocalizedField(actionPayload.label)
-        }
-      };
-    case 'setInputTip':
-      return {
-        setInputTip: {
-          attributeName: actionPayload.attributeName,
-          inputTip: transformLocalizedStringToLocalizedField(actionPayload.inputTip)
-        }
-      };
-    case 'addAttributeDefinition':
-      return {
-        [actionName]: {
-          attributeDefinition: _objectSpread$16(_objectSpread$16({}, actionPayload.attribute), {}, {
-            label: transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
-            inputTip: transformLocalizedStringToLocalizedField(actionPayload.attribute.inputTip),
-            type: createAttributeTypeValue(actionPayload.attribute)
-          })
-        }
-      };
-    case 'replaceTaxRate':
-      return {
-        [actionName]: {
-          taxRate: {
-            name: actionPayload.taxRate.name,
-            country: actionPayload.taxRate.country,
-            includedInPrice: actionPayload.taxRate.includedInPrice,
-            amount: actionPayload.taxRate.amount,
-            state: actionPayload.taxRate.state,
-            key: actionPayload.taxRate.key,
-            subRates: actionPayload.taxRate.subRates
-          },
-          taxRateId: actionPayload.taxRateId
-        }
-      };
-    case 'addZone':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          }
-        }
-      };
-    case 'removeZone':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          }
-        }
-      };
-    case 'changeTaxCategory':
-      return {
-        [actionName]: {
-          taxCategory: {
-            id: actionPayload.taxCategory.id,
-            typeId: actionPayload.taxCategory.typeId
-          }
-        }
-      };
-    case 'addShippingRate':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          },
-          shippingRate: {
-            price: {
-              centAmount: actionPayload.shippingRate.price.centAmount,
-              currencyCode: actionPayload.shippingRate.price.currencyCode
-            },
-            freeAbove: actionPayload.shippingRate.freeAbove ? {
-              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
-              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
-            } : undefined,
-            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
-          }
-        }
-      };
-    case 'removeShippingRate':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          },
-          shippingRate: {
-            price: {
-              centAmount: actionPayload.shippingRate.price.centAmount,
-              currencyCode: actionPayload.shippingRate.price.currencyCode
-            },
-            freeAbove: actionPayload.shippingRate.freeAbove ? {
-              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
-              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
-            } : undefined,
-            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
-          }
-        }
-      };
-    case 'changeValue':
-      return convertChangeValueAction(actionPayload);
-    // product-types -> attributes -> enum
-    case 'addLocalizedEnumValue':
-      return {
-        [actionName]: {
-          attributeName: actionPayload.attributeName,
-          value: _objectSpread$16(_objectSpread$16({}, actionPayload.value), {}, {
-            label: transformLocalizedStringToLocalizedField(actionPayload.value.label)
-          })
-        }
-      };
-    case 'changeLocalizedEnumValueLabel':
-      return {
-        [actionName]: {
-          attributeName: actionPayload.attributeName,
-          newValue: _objectSpread$16(_objectSpread$16({}, actionPayload.newValue), {}, {
-            label: transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
-          })
-        }
-      };
-    case 'setShippingRateInputType':
-      return {
-        [actionName]: {
-          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
-            [actionPayload.shippingRateInputType.type]: {
-              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty(_context4 = _valuesInstanceProperty(actionPayload.shippingRateInputType)).call(_context4, value => ({
-                key: value.key,
-                label: value.allLocaleLabels
-              })) : undefined
-            }
-          } : undefined
-        }
-      };
-    case 'addCustomLineItem':
-      {
-        return {
-          [actionName]: {
-            slug: actionPayload.slug,
-            quantity: actionPayload.quantity,
-            name: transformLocalizedStringToLocalizedField(actionPayload.name),
-            taxCategory: actionPayload.taxCategory,
-            money: {
-              [actionPayload.money.type]: _objectSpread$16({
-                centAmount: actionPayload.money.centAmount,
-                currencyCode: actionPayload.money.currencyCode
-              }, actionPayload.money.type === PRECISION_TYPES.highPrecision && {
-                preciseAmount: actionPayload.money.preciseAmount,
-                fractionDigits: actionPayload.money.fractionDigits
-              })
-            }
-          }
-        };
-      }
-    case 'setDataFences':
-      return {
-        [actionName]: {
-          dataFences: _reduceInstanceProperty(_context5 = actionPayload.dataFences).call(_context5, (nextDataFences, dataFence) => {
-            if (dataFence.type.toLowerCase() === 'store') return [...nextDataFences, {
-              [dataFence.type.toLowerCase()]: {
-                storeKeys: dataFence.storeKeys
-              }
-            }];
-            return nextDataFences;
-          }, [])
-        }
-      };
-    case 'changeTarget':
-      return {
-        [actionName]: {
-          target: {
-            [actionPayload.target.type]: _objectSpread$16(_objectSpread$16(_objectSpread$16({}, omit(actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
-              triggerPattern: _mapInstanceProperty(_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
-                [pattern.type]: omit(pattern, ['type', '__typename'])
-              }))
-            }), actionPayload.target.targetPattern && {
-              targetPattern: _mapInstanceProperty(_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
-                [pattern.type]: omit(pattern, ['type', '__typename'])
-              }))
-            })
-          }
-        }
-      };
-    case 'addAddress':
-    case 'changeAddress':
-      {
-        var _context8;
-        const _ref3 = actionPayload.address?.custom || {},
-          _ref3$fields = _ref3.fields,
-          fields = _ref3$fields === void 0 ? {} : _ref3$fields;
-        const customFields = isEmpty$3(fields) ? null : _mapInstanceProperty(_context8 = _Object$entries(fields)).call(_context8, _ref4 => {
-          let _ref5 = _slicedToArray(_ref4, 2),
-            name = _ref5[0],
-            value = _ref5[1];
-          return {
-            name,
-            value: _JSON$stringify(value)
-          };
-        });
-        const custom = actionPayload.address?.custom?.type?.id ? {
-          type: {
-            id: actionPayload.address.custom.type.id
-          },
-          fields: customFields
-        } : null;
-        return {
-          [actionName]: _objectSpread$16(_objectSpread$16({}, actionPayload), {}, {
-            address: _objectSpread$16(_objectSpread$16({}, omit(actionPayload.address, ['__typename'])), {}, {
-              custom
-            })
-          })
-        };
-      }
-    case 'setAddressCustomType':
-      {
-        var _context9;
-        const _ref6 = actionPayload || {},
-          addressId = _ref6.addressId,
-          _ref6$fields = _ref6.fields,
-          fields = _ref6$fields === void 0 ? {} : _ref6$fields,
-          type = _ref6.type;
-        const customFields = isEmpty$3(fields) ? null : _mapInstanceProperty(_context9 = _Object$entries(fields)).call(_context9, _ref7 => {
-          let _ref8 = _slicedToArray(_ref7, 2),
-            name = _ref8[0],
-            value = _ref8[1];
-          return {
-            name,
-            value: _JSON$stringify(value)
-          };
-        });
-        const customType = type?.id ? {
-          id: type.id
-        } : null;
-        return {
-          [actionName]: {
-            addressId,
-            fields: customFields,
-            type: customType
-          }
-        };
-      }
-    default:
-      return {
-        [actionName]: actionPayload
-      };
-  }
-};
-const createGraphQlUpdateActions = actions => _reduceInstanceProperty(actions).call(actions, (previousActions, _ref9) => {
-  let actionName = _ref9.action,
-    actionPayload = _objectWithoutProperties(_ref9, _excluded$d);
-  return [...previousActions, convertAction(actionName, actionPayload)];
-}, []);
-const extractErrorFromGraphQlResponse = graphQlResponse => {
-  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
-    return graphQlResponse.networkError.result.errors;
-  }
-  if (graphQlResponse.graphQLErrors?.length > 0) {
-    return graphQlResponse.graphQLErrors;
-  }
-  return graphQlResponse;
-};
-
-var FetchRecurrencePolicies = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRecurrencePolicies" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "recurrencePolicies" }, 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: "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: [] }] } }] } }] } }] } }], loc: { start: 0, end: 160, source: { body: "query FetchRecurrencePolicies {\n  recurrencePolicies {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const isRecurringOrdersDisabledError = error => {
-  var _context;
-  return error.extensions?.code === '403' && _includesInstanceProperty(_context = error.message).call(_context, "The feature 'recurring-orders' is not enabled for this project. Please contact commercetools support.");
-};
-const useRecurrenceIntervals = () => {
-  const _useQuery = useQuery$1(FetchRecurrencePolicies, {
-      context: {
-        target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
-      },
-      fetchPolicy: 'cache-and-network'
-    }),
-    data = _useQuery.data,
-    loading = _useQuery.loading,
-    rawError = _useQuery.error;
-
-  // @TODO: Remove these error checks when the feature is enabled by default
-  const extractedErrors = rawError ? extractErrorFromGraphQlResponse(rawError) : [];
-  const isRecurringOrdersDisabled = extractedErrors.length > 0 &&
-  // If the only error is a 403 with the specific message, we assume the feature is disabled
-  _everyInstanceProperty(extractedErrors).call(extractedErrors, isRecurringOrdersDisabledError);
-  const error = isRecurringOrdersDisabled ? undefined : rawError;
-  return {
-    recurrencePolicies: data?.recurrencePolicies?.results ?? [],
-    loading,
-    error,
-    isRecurringOrdersDisabled
-  };
-};
-
-const setToArray = function () {
-  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return `id in (${_mapInstanceProperty(values).call(values, value => `"${value}"`).join(', ')})`;
-};
-
-function capitalizeFirst(text) {
-  return text.charAt(0).toUpperCase() + _sliceInstanceProperty(text).call(text, 1);
-}
-
-const PRODUCT_STATUSES = {
-  PUBLISHED: 'published',
-  UNPUBLISHED: 'unpublished',
-  MODIFIED: 'modified'
-};
-const FILTER_TYPES = {
-  lessThan: 'lessThan',
-  moreThan: 'moreThan',
-  equalTo: 'equalTo',
-  range: 'range',
-  missing: 'missing',
-  missingIn: 'missingIn',
-  in: 'in'
-};
-const FIELD_TYPES = {
-  Money: 'Money',
-  LocalizedString: 'LocalizedString',
-  Time: 'Time',
-  DateTime: 'DateTime',
-  Boolean: 'Boolean',
-  String: 'String',
-  Enum: 'Enum',
-  LocalizedEnum: 'LocalizedEnum',
-  Number: 'Number',
-  Date: 'Date',
-  Reference: 'Reference',
-  Set: 'Set'
-};
-const PRECISION_TYPES = {
-  highPrecision: 'highPrecision',
-  centPrecision: 'centPrecision'
-};
-const ERROR_CODES = {
-  semanticError: 'SemanticError',
-  invalidInput: 'InvalidInput'
-};
-const DefaultPageSizes = [20, 50, 100];
-DefaultPageSizes[0];
-
-const regexpData = /^data-/;
-function filterDataAttributes(obj) {
-  var _context, _context2;
-  return _reduceInstanceProperty(_context = _filterInstanceProperty(_context2 = _Object$keys(obj)).call(_context2, p => regexpData.test(p))).call(_context, (acc, p) => {
-    // eslint-disable-next-line no-param-reassign
-    acc[p] = obj[p];
-    return acc;
-  }, {});
-}
-
-const invalidValues$1 = [null, undefined, ''];
-function isEmpty$2(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty(invalidValues$1).call(invalidValues$1, value.to);
-}
-
-const invalidValues = [null, undefined, ''];
-function validateSingleFilter(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty(invalidValues).call(invalidValues, value);
-}
-
-const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
-const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
-const getDateTimeInUTC = (date, timezone, format) => {
-  const dateFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
-  const momentDate = moment(date);
-  // check if the date is date only or datetime
-  const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
-  // if it's a date then convert it to UTC datetime based on timezone
-  if (noTimeSpecified) {
-    const offset = moment(date).tz(timezone)?.utcOffset() || 0;
-    const formattedDate = momentDate.format(format);
-    const formattedDateWithOffset = moment(formattedDate).add(offset, 'minutes').format(dateFormat);
-    // console.log(formattedDateWithOffset);
-    return formattedDateWithOffset;
-  }
-  // if it's a datetime we assume that it's already in UTC
-  // and just return it
-  return date;
-};
-function dateTransformer$1(filterKey, filters) {
-  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
-  const queries = _mapInstanceProperty(filters).call(filters, _ref => {
-    let type = _ref.type,
-      value = _ref.value,
-      timezone = _ref.timezone;
-    if (!filterValidator({
-      type,
-      value
-    })) return '';
-    switch (type) {
-      case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
-      case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
-      case FILTER_TYPES.equalTo:
-        return oneLine`
-            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine`
-            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
-          `;
-      default:
-        return '';
-    }
-  });
-
-  // The separator is and `or` as they are the same filter
-  const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(' or ');
-
-  /* The parenthesis involing the `queryString` are needed since they are all part of the
-   * same filter so we need something to work with
-   * (
-   *  (createdAt >= "2018-04-25T00:00:00.000+02:00" and createdAt <= "2018-04-25T23:59:59.999+02:00") o
-   *  (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
-   * ) or some_more_filters
-   */
-  return queryString === '' ? null : `(${queryString})`;
-}
-function defaultFilterValidator$1(_ref2) {
-  let type = _ref2.type,
-    value = _ref2.value;
-  if (type !== 'range' && (validateSingleFilter({
-    value
-  }) || !moment(value).isValid())) return false;
-  if (type === 'range' && (isEmpty$2({
-    value
-  }) || !moment(value.from).isValid() || !moment(value.to).isValid())) return false;
-  return true;
-}
-
-var localizedTextTransformer = localizedString => {
-  var _context;
-  return _mapInstanceProperty(_context = _Object$keys(localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
-};
-
-const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
-function moneyTransformer(value, option, locale) {
-  const clauses = [];
-  if (option === FILTER_TYPES.range) {
-    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
-    clauses[1] = getCentAmountClause(value.from, '>=', locale);
-    clauses[2] = getCentAmountClause(value.to, '<=', locale);
-    return clauses.join(' and ');
-  }
-  clauses[0] = `currencyCode = "${value.currencyCode}"`;
-  switch (option) {
-    case FILTER_TYPES.lessThan:
-      clauses[1] = getCentAmountClause(value, '<', locale);
-      break;
-    case FILTER_TYPES.moreThan:
-      clauses[1] = getCentAmountClause(value, '>', locale);
-      break;
-    case FILTER_TYPES.equalTo:
-      clauses[1] = getCentAmountClause(value, '=', locale);
-      break;
-    default:
-      return '';
-  }
-  return clauses.join(' and ');
-}
-
-const formatTime = 'HH:mm:ss.SSS';
-
-/* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
- * the milliseconds always as 000.
- * This function returns the same time with the
- */
-const getEndOfSecond = value => moment(value, formatTime).endOf('minute').format(formatTime);
-const defaultFilterValidator = _ref => {
-  let type = _ref.type,
-    value = _ref.value;
-  if (type !== FILTER_TYPES.range && validateSingleFilter({
-    value
-  })) return false;
-  if (type === FILTER_TYPES.range && isEmpty$2({
-    value
-  })) return false;
-  return true;
-};
-const timeTransformer = function (filterKey, filters) {
-  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
-  const queries = _mapInstanceProperty(filters).call(filters, _ref2 => {
-    let type = _ref2.type,
-      value = _ref2.value;
-    if (!filterValidator({
-      type,
-      value
-    })) return '';
-    switch (type) {
-      case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${value}"`;
-      case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${value}"`;
-      case FILTER_TYPES.equalTo:
-        return oneLine`
-          (${filterKey} >= "${value}"
-          and ${filterKey} <= "${getEndOfSecond(value)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine`
-          (${filterKey} >= "${value.from}"
-          and ${filterKey} <= "${getEndOfSecond(value.to)}")
-          `;
-      default:
-        return '';
-    }
-  });
-
-  // The separator is and `or` as they are the same filter
-  const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(' or ');
-
-  /* The parenthesis involing the `queryString` are needed since they are all part of the
-   * same filter so we need something to work with
-   * (
-   *  (pickUpTime >= "12:00" and pickUpTime <= "13:00") o
-   *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
-   * ) or some_more_filters
-   */
-  return queryString === '' ? null : `(${queryString})`;
-};
-
-function formatDateRangeValue(value, type) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    locale: 'en',
-    timeZone: moment$1.tz.guess()
+function formatDateRangeValue(value, type) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    locale: 'en',
+    timeZone: moment$1.tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
   if (value.from && value.to) return oneLine`
@@ -4452,8 +3836,8 @@ const getData = (code, field) => {
 };
 const getFractionDigit = code => getData(code, 'fractionDigit');
 
-function ownKeys$15(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$15(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$15(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$15(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$16(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$16(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function formatMoneyRangeValue(value, intl) {
   if (value.from === value.to) return formatMoneyValue(value.from, value.currency, intl);
   if (value.from && value.to) return `${formatMoneyValue(value.from, value.currency, intl)} -
@@ -4463,7 +3847,7 @@ function formatMoneyRangeValue(value, intl) {
   return '';
 }
 function formatMoneyValue(amount, currency, intl) {
-  return formatMoney$1(_objectSpread$15({
+  return formatMoney$2(_objectSpread$16({
     centAmount: amount,
     fractionDigits: getFractionDigit(currency)
   }, currency ? {
@@ -4478,15 +3862,15 @@ function getFractionedAmount(moneyValue) {
   const amount = moneyValue.type === PRECISION_TYPES.highPrecision ? moneyValue.preciseAmount : moneyValue.centAmount;
   return amount / 10 ** fractionDigits;
 }
-function formatMoney$1(moneyValue, intl, options) {
-  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$15({
+function formatMoney$2(moneyValue, intl, options) {
+  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$16({
     style: 'currency',
     currency: moneyValue.currencyCode,
     minimumFractionDigits: moneyValue.fractionDigits
   }, options));
 }
 
-var messages$K = defineMessages({
+var messages$L = defineMessages({
   booleanYes: {
     id: 'AttributeTypeFormats.boolean.yes',
     description: 'The label for boolean attribute `true` value',
@@ -4526,10 +3910,10 @@ const formatLtext = _ref3 => {
     locale: language
   });
 };
-const formatMoney = _ref4 => {
+const formatMoney$1 = _ref4 => {
   let value = _ref4.value,
     intl = _ref4.intl;
-  return formatMoney$1(value, intl);
+  return formatMoney$2(value, intl);
 };
 const formatReference = _ref5 => {
   let value = _ref5.value;
@@ -4568,7 +3952,7 @@ const formatDateTime = _ref7 => {
 const formatBoolean = _ref8 => {
   let value = _ref8.value,
     intl = _ref8.intl;
-  return value ? intl.formatMessage(messages$K.booleanYes) : intl.formatMessage(messages$K.booleanNo);
+  return value ? intl.formatMessage(messages$L.booleanYes) : intl.formatMessage(messages$L.booleanNo);
 };
 const formatNilType = _ref9 => {
   let value = _ref9.value,
@@ -4590,144 +3974,717 @@ const formatUnknown = _ref0 => {
     extra: {
       value
     }
-  });
-  return fallbackValue;
-};
-const formatNested = _ref1 => {
-  let fallbackValue = _ref1.fallbackValue;
-  return fallbackValue;
-};
-const formatSet = _ref10 => {
-  let type = _ref10.type,
-    value = _ref10.value,
-    intl = _ref10.intl,
-    language = _ref10.language,
-    languages = _ref10.languages,
-    fallbackValue = _ref10.fallbackValue;
-  const formatedElements = _mapInstanceProperty(value).call(value, elementValue => formatAttribute({
-    type: type.elementType,
-    value: elementValue,
-    intl,
-    language,
-    languages,
-    fallbackValue
-  }));
-  return formatedElements.join(', ');
+  });
+  return fallbackValue;
+};
+const formatNested = _ref1 => {
+  let fallbackValue = _ref1.fallbackValue;
+  return fallbackValue;
+};
+const formatSet = _ref10 => {
+  let type = _ref10.type,
+    value = _ref10.value,
+    intl = _ref10.intl,
+    language = _ref10.language,
+    languages = _ref10.languages,
+    fallbackValue = _ref10.fallbackValue;
+  const formatedElements = _mapInstanceProperty(value).call(value, elementValue => formatAttribute({
+    type: type.elementType,
+    value: elementValue,
+    intl,
+    language,
+    languages,
+    fallbackValue
+  }));
+  return formatedElements.join(', ');
+};
+const doNotFormat = _ref11 => {
+  let value = _ref11.value;
+  return value;
+};
+const getFormatter = type => {
+  if (isNil$1(type)) return formatNilType;else if (type.name === 'nested') return formatNested;else if (type.name === 'set') return formatSet;else if (type.name === 'enum') return formatEnum;else if (type.name === 'lenum') return formatLenum;else if (type.name === 'ltext') return formatLtext;else if (type.name === 'money') return formatMoney$1;else if (type.name === 'reference') return formatReference;else if (type.name === 'date') return formatDate;else if (type.name === 'time') return doNotFormat;else if (type.name === 'datetime') return formatDateTime;else if (type.name === 'boolean') return formatBoolean;else if (type.name === 'text') return doNotFormat;else if (type.name === 'number') return doNotFormat;else return formatUnknown;
+};
+function formatAttribute(_ref12) {
+  let type = _ref12.type,
+    value = _ref12.value,
+    intl = _ref12.intl,
+    language = _ref12.language,
+    languages = _ref12.languages,
+    userTimeZone = _ref12.userTimeZone,
+    _ref12$fallbackValue = _ref12.fallbackValue,
+    fallbackValue = _ref12$fallbackValue === void 0 ? NO_VALUE_FALLBACK : _ref12$fallbackValue;
+  if (isNil$1(value)) {
+    return fallbackValue;
+  }
+  const formatter = getFormatter(type);
+  return formatter({
+    type,
+    value,
+    intl,
+    language,
+    languages,
+    userTimeZone,
+    fallbackValue
+  });
+}
+
+const attributeTypeNames = {
+  Boolean: 'boolean',
+  Date: 'date',
+  DateTime: 'datetime',
+  Enum: 'enum',
+  LocalizedEnum: 'lenum',
+  LocalizedString: 'ltext',
+  Money: 'money',
+  Nested: 'nested',
+  Reference: 'reference',
+  Set: 'set',
+  String: 'text',
+  Time: 'time',
+  Number: 'number'
+};
+const convertToAttributeType = customFieldType => {
+  if (isNil$1(customFieldType)) return customFieldType;
+  const attributeTypeName = attributeTypeNames[customFieldType.name];
+  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
+  return {
+    name: attributeTypeName,
+    elementType: {
+      name: elementTypeName
+    }
+  };
+};
+const inlineEnumValues = (type, value) => {
+  if (isNil$1(type)) return value;
+  if (type.name === 'Set') {
+    return _mapInstanceProperty(value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
+  }
+  if (type.name === 'Enum' || type.name === 'LocalizedEnum') {
+    var _context;
+    return _findInstanceProperty(_context = _valuesInstanceProperty(type)).call(_context, enumValue => enumValue.key === value);
+  }
+  return value;
+};
+
+/**
+ * Formats `Custom Fields`: https://docs.commercetools.com/api/projects/custom-fields
+ * Despite having different names, most of `Custom Field` maps one-to-one with an appropriate
+ * `Product Attribute Type`, hence we can reuse product attributes formatting logic.
+ *
+ * The only exception is `Enum` and `LEnum` types. Unlike when dealing with `Product Attribute Types`,
+ * value in `Custom Fields` contains a key of an `Enum` entry, and not an entry itself.
+ * Therefore, before passing value to attributes formatter we need to replace value with Enum entry.
+ */
+function formatCustomField(_ref) {
+  let type = _ref.type,
+    value = _ref.value,
+    intl = _ref.intl,
+    language = _ref.language,
+    languages = _ref.languages,
+    userTimeZone = _ref.userTimeZone;
+  const attributeType = convertToAttributeType(type);
+  return formatAttribute({
+    type: attributeType,
+    value: inlineEnumValues(type, value),
+    intl,
+    language,
+    languages,
+    userTimeZone
+  });
+}
+
+// FIXME: delete once prefix search is supported in ctp api
+
+// Currently prefix search of products in the ctp is not supported.
+// This is a temporary hack which should be deleted once the feature is
+// supported in ctp.
+// It mimics the prefix search feature by computing lower and upper bounds
+// related to the provided `input`.
+// usage:
+// If I want to do a prefix search of term 'F', I get first the bounds
+// const [lowerBound, upperBound] = getPrefixSearch('F');
+// and then use them in the search
+// e.g
+// where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
+const getPrefixSearchBounds = input => {
+  const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
+  return [input, `${_sliceInstanceProperty(input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty(input).call(input, input.length - 1))}`];
+};
+var getPrefixSearchBounds$1 = getPrefixSearchBounds;
+
+const _excluded$d = ["action"];
+function ownKeys$15(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$15(e) { for (var r = 1; r < arguments.length; r++) { var _context0, _context1; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context0 = ownKeys$15(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context1 = ownKeys$15(Object(t))).call(_context1, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/**
+ * Checks if a value is a LocalizedString
+ *
+ * { en: 'Hello' } -> true
+ * 'Hello' -> false
+ */
+
+const getIsLocalizedString = maybeLocalizedString => {
+  if (typeof maybeLocalizedString === 'string') return false;
+  if (!maybeLocalizedString || typeof maybeLocalizedString === 'object' && _Object$keys(maybeLocalizedString).length === 0) return false;
+  return true;
+};
+
+/**
+ * Transforms a list of `CustomField` into a `CustomField` object
+ *
+ * [{ name: 'fieldA', value: 'Hello' }] -> { fieldA: 'Hello' }
+ */
+const transformCustomFieldsRawToCustomFields = customFieldsRaw => {
+  if (!customFieldsRaw || customFieldsRaw.length === 0) return null;
+  return _reduceInstanceProperty(customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$15(_objectSpread$15({}, customFields), {}, {
+    [customField.name]: customField.value
+  }), {});
+};
+
+// --- Types mapping ---
+
+/**
+ * Map category GraphQL shape with nameAllLocales to reference shape
+ * Includes ancestors and parent
+ *
+ * @param {Object} category - A category result object from graphql
+ * @return {Object} Category (as a REST API representation):
+ * `{ id, obj: { id, name } }`
+ */
+function transformLocalizedFieldsForCategory(category) {
+  var _context;
+  let transformationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [{
+    from: 'nameAllLocales',
+    to: 'name'
+  }];
+  const transformedData = applyTransformedLocalizedFields(category, transformationOptions);
+  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
+  const ancestors = category.ancestors ? _mapInstanceProperty(_context = category.ancestors).call(_context, ancestor => transformLocalizedFieldsForCategory(ancestor)) : null;
+  return _objectSpread$15(_objectSpread$15(_objectSpread$15({}, transformedData), parent ? {
+    parent
+  } : {}), ancestors ? {
+    ancestors
+  } : {});
+}
+function transformLocalizedFieldsForCartDiscount(cartDiscount) {
+  const transformationOptions = [{
+    from: 'nameAllLocales',
+    to: 'name'
+  }];
+  return applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+}
+function mapShippingRateTierToGraphQL(tiers) {
+  return _reduceInstanceProperty(tiers).call(tiers, (graphQlTiers, tier) => [...graphQlTiers, {
+    [tier.type]: {
+      price: tier.price ? {
+        centAmount: tier.price.centAmount,
+        currencyCode: tier.price.currencyCode
+      } : undefined,
+      minimumCentAmount: tier.minimumCentAmount,
+      value: tier.value || undefined,
+      priceFunction: tier.priceFunction ? {
+        function: tier.priceFunction.function,
+        currencyCode: tier.priceFunction.currencyCode
+      } : undefined,
+      score: tier.score
+    }
+  }], []);
+}
+
+/**
+ * NOTE:
+ * This module massages update actions produced by the JS SDK
+ * to be compatible with CTP GraphQL mutations. This logic should be
+ * moved into the JS SDK once discounts is fully 100% migrated to
+ * GraphQL or any other plugin/app needs this functionality. Until
+ * then this serves as a collective set of requirements before
+ * prematurely adding a not fully working set of conversions to the
+ * JS SDK.
+ */
+
+const createAttributeTypeValue = attribute => {
+  switch (attribute.type.name) {
+    case 'set':
+      return {
+        set: {
+          elementType: createAttributeTypeValue({
+            type: attribute.type.elementType
+          })
+        }
+      };
+    case 'boolean':
+    case 'date':
+    case 'datetime':
+    case 'ltext':
+    case 'money':
+    case 'number':
+    case 'text':
+    case 'time':
+      return {
+        [attribute.type.name]: {}
+      };
+    case 'enum':
+    case 'lenum':
+      return {
+        [attribute.type.name]: {
+          values: []
+        }
+      };
+    case 'reference':
+      {
+        return {
+          [attribute.type.name]: {
+            referenceTypeId: attribute.type.referenceTypeId
+          }
+        };
+      }
+    default:
+      return attribute.type;
+  }
 };
-const doNotFormat = _ref11 => {
-  let value = _ref11.value;
-  return value;
+
+/*
+ * Fixed price supports high precision. Action format is nested with the
+ * the type of the money. Absolute discount only works with cent precision,
+ * hence the action structure is flat.
+ */
+const formatMoney = valueType => money => {
+  switch (valueType) {
+    case 'fixed':
+    case 'fixedCart':
+      return {
+        [money.type]: _objectSpread$15({
+          centAmount: money.centAmount,
+          currencyCode: money.currencyCode
+        }, money.type === PRECISION_TYPES.highPrecision && {
+          preciseAmount: money.preciseAmount,
+          fractionDigits: money.fractionDigits
+        })
+      };
+    case 'absolute':
+    case 'absoluteCart':
+      return {
+        centAmount: money.centAmount,
+        currencyCode: money.currencyCode
+      };
+    default:
+      throw new Error('Unexpected value type for money.');
+  }
 };
-const getFormatter = type => {
-  if (isNil$1(type)) return formatNilType;else if (type.name === 'nested') return formatNested;else if (type.name === 'set') return formatSet;else if (type.name === 'enum') return formatEnum;else if (type.name === 'lenum') return formatLenum;else if (type.name === 'ltext') return formatLtext;else if (type.name === 'money') return formatMoney;else if (type.name === 'reference') return formatReference;else if (type.name === 'date') return formatDate;else if (type.name === 'time') return doNotFormat;else if (type.name === 'datetime') return formatDateTime;else if (type.name === 'boolean') return formatBoolean;else if (type.name === 'text') return doNotFormat;else if (type.name === 'number') return doNotFormat;else return formatUnknown;
+
+/**
+ * converts the `changeValue` action to GraphQL actions variable
+ * @param {Object} actionPayload
+ */
+const convertChangeValueAction = actionPayload => {
+  const valueType = actionPayload.value.type;
+  const possibleTypeKeys = {
+    relative: ['permyriad'],
+    absolute: ['money'],
+    absoluteCart: ['money', 'applicationMode'],
+    fixed: ['money'],
+    fixedCart: ['money', 'applicationMode'],
+    giftLineItem: ['product', 'variantId', 'distributionChannel', 'supplyChannel', 'ResourceIdentifierInput']
+  };
+  const filteredValue = pick(actionPayload.value, possibleTypeKeys[valueType]);
+  if (filteredValue.money) {
+    var _context2;
+    const moneyFormatter = formatMoney(valueType);
+    filteredValue.money = _mapInstanceProperty(_context2 = filteredValue.money).call(_context2, moneyFormatter);
+  }
+  return {
+    changeValue: {
+      value: {
+        [valueType]: filteredValue
+      }
+    }
+  };
 };
-function formatAttribute(_ref12) {
-  let type = _ref12.type,
-    value = _ref12.value,
-    intl = _ref12.intl,
-    language = _ref12.language,
-    languages = _ref12.languages,
-    userTimeZone = _ref12.userTimeZone,
-    _ref12$fallbackValue = _ref12.fallbackValue,
-    fallbackValue = _ref12$fallbackValue === void 0 ? NO_VALUE_FALLBACK : _ref12$fallbackValue;
-  if (isNil$1(value)) {
-    return fallbackValue;
+
+/**
+ * This function changes any payload after the actions have been computed.
+ * Currently we only need to change the `setCustomField` action payload
+ * as its dynamic content can not be typed in SDL for the mutation.
+ */
+const convertAction = (actionName, actionPayload) => {
+  var _context3, _context4, _context5, _context6, _context7;
+  const getNameFromPayload = payload => {
+    // changeName for `Organizations`
+    if (typeof payload.name === 'string') return payload;
+    // changeName for `UserProfile`
+    if (payload.firstName || payload.lastName) return payload;
+    // assume `changeName` for LocalizedString type
+    return {
+      name: transformLocalizedStringToLocalizedField(payload.name)
+    };
+  };
+  switch (actionName) {
+    case 'changeName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setDescription':
+    case 'changeDescription':
+      return {
+        [actionName]: {
+          description: getIsLocalizedString(actionPayload.description) ? transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
+        }
+      };
+    case 'setLocalizedDescription':
+      return {
+        [actionName]: {
+          localizedDescription: transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
+        }
+      };
+    case 'setName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setLocalizedName':
+      return {
+        [actionName]: {
+          localizedName: transformLocalizedStringToLocalizedField(actionPayload.localizedName)
+        }
+      };
+    case 'setSlug':
+      return {
+        [actionName]: {
+          slug: transformLocalizedStringToLocalizedField(actionPayload.slug)
+        }
+      };
+    case 'setLineItemCustomField':
+      return {
+        [actionName]: {
+          lineItemId: actionPayload.lineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify(actionPayload.value)
+        }
+      };
+    case 'setCustomLineItemCustomField':
+      return {
+        [actionName]: {
+          customLineItemId: actionPayload.customLineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify(actionPayload.value)
+        }
+      };
+    case 'setCustomField':
+      return {
+        [actionName]: {
+          name: actionPayload.name,
+          value: _JSON$stringify(actionPayload.value)
+        }
+      };
+    case 'setCustomType':
+      return {
+        [actionName]: {
+          typeId: actionPayload.type?.id,
+          fields: actionPayload.fields ? _mapInstanceProperty(_context3 = _Object$entries(actionPayload.fields)).call(_context3, _ref => {
+            let _ref2 = _slicedToArray(_ref, 2),
+              customField = _ref2[0],
+              value = _ref2[1];
+            return {
+              name: customField,
+              value: _JSON$stringify(value)
+            };
+          }) : undefined
+        }
+      };
+    case 'removeLocation':
+      return {
+        [actionName]: {
+          location: {
+            country: actionPayload.location.country
+          }
+        }
+      };
+    case 'addLocation':
+      return {
+        [actionName]: {
+          location: {
+            country: actionPayload.location.country
+          }
+        }
+      };
+    case 'setGeoLocation':
+      return {
+        [actionName]: actionPayload?.geoLocation ? {
+          geoLocation: {
+            type: 'Point',
+            coordinates: [_parseFloat(actionPayload.geoLocation?.longitude), _parseFloat(actionPayload.geoLocation?.latitude)]
+          }
+        } : {
+          undefined
+        }
+      };
+    case 'changeLabel':
+      return {
+        changeLabel: {
+          attributeName: actionPayload.attributeName,
+          label: transformLocalizedStringToLocalizedField(actionPayload.label)
+        }
+      };
+    case 'setInputTip':
+      return {
+        setInputTip: {
+          attributeName: actionPayload.attributeName,
+          inputTip: transformLocalizedStringToLocalizedField(actionPayload.inputTip)
+        }
+      };
+    case 'addAttributeDefinition':
+      return {
+        [actionName]: {
+          attributeDefinition: _objectSpread$15(_objectSpread$15({}, actionPayload.attribute), {}, {
+            label: transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
+            inputTip: transformLocalizedStringToLocalizedField(actionPayload.attribute.inputTip),
+            type: createAttributeTypeValue(actionPayload.attribute)
+          })
+        }
+      };
+    case 'replaceTaxRate':
+      return {
+        [actionName]: {
+          taxRate: {
+            name: actionPayload.taxRate.name,
+            country: actionPayload.taxRate.country,
+            includedInPrice: actionPayload.taxRate.includedInPrice,
+            amount: actionPayload.taxRate.amount,
+            state: actionPayload.taxRate.state,
+            key: actionPayload.taxRate.key,
+            subRates: actionPayload.taxRate.subRates
+          },
+          taxRateId: actionPayload.taxRateId
+        }
+      };
+    case 'addZone':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          }
+        }
+      };
+    case 'removeZone':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          }
+        }
+      };
+    case 'changeTaxCategory':
+      return {
+        [actionName]: {
+          taxCategory: {
+            id: actionPayload.taxCategory.id,
+            typeId: actionPayload.taxCategory.typeId
+          }
+        }
+      };
+    case 'addShippingRate':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          },
+          shippingRate: {
+            price: {
+              centAmount: actionPayload.shippingRate.price.centAmount,
+              currencyCode: actionPayload.shippingRate.price.currencyCode
+            },
+            freeAbove: actionPayload.shippingRate.freeAbove ? {
+              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
+              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
+            } : undefined,
+            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
+          }
+        }
+      };
+    case 'removeShippingRate':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          },
+          shippingRate: {
+            price: {
+              centAmount: actionPayload.shippingRate.price.centAmount,
+              currencyCode: actionPayload.shippingRate.price.currencyCode
+            },
+            freeAbove: actionPayload.shippingRate.freeAbove ? {
+              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
+              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
+            } : undefined,
+            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
+          }
+        }
+      };
+    case 'changeValue':
+      return convertChangeValueAction(actionPayload);
+    // product-types -> attributes -> enum
+    case 'addLocalizedEnumValue':
+      return {
+        [actionName]: {
+          attributeName: actionPayload.attributeName,
+          value: _objectSpread$15(_objectSpread$15({}, actionPayload.value), {}, {
+            label: transformLocalizedStringToLocalizedField(actionPayload.value.label)
+          })
+        }
+      };
+    case 'changeLocalizedEnumValueLabel':
+      return {
+        [actionName]: {
+          attributeName: actionPayload.attributeName,
+          newValue: _objectSpread$15(_objectSpread$15({}, actionPayload.newValue), {}, {
+            label: transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
+          })
+        }
+      };
+    case 'setShippingRateInputType':
+      return {
+        [actionName]: {
+          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
+            [actionPayload.shippingRateInputType.type]: {
+              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty(_context4 = _valuesInstanceProperty(actionPayload.shippingRateInputType)).call(_context4, value => ({
+                key: value.key,
+                label: value.allLocaleLabels
+              })) : undefined
+            }
+          } : undefined
+        }
+      };
+    case 'addCustomLineItem':
+      {
+        return {
+          [actionName]: {
+            slug: actionPayload.slug,
+            quantity: actionPayload.quantity,
+            name: transformLocalizedStringToLocalizedField(actionPayload.name),
+            taxCategory: actionPayload.taxCategory,
+            money: {
+              [actionPayload.money.type]: _objectSpread$15({
+                centAmount: actionPayload.money.centAmount,
+                currencyCode: actionPayload.money.currencyCode
+              }, actionPayload.money.type === PRECISION_TYPES.highPrecision && {
+                preciseAmount: actionPayload.money.preciseAmount,
+                fractionDigits: actionPayload.money.fractionDigits
+              })
+            }
+          }
+        };
+      }
+    case 'setDataFences':
+      return {
+        [actionName]: {
+          dataFences: _reduceInstanceProperty(_context5 = actionPayload.dataFences).call(_context5, (nextDataFences, dataFence) => {
+            if (dataFence.type.toLowerCase() === 'store') return [...nextDataFences, {
+              [dataFence.type.toLowerCase()]: {
+                storeKeys: dataFence.storeKeys
+              }
+            }];
+            return nextDataFences;
+          }, [])
+        }
+      };
+    case 'changeTarget':
+      return {
+        [actionName]: {
+          target: {
+            [actionPayload.target.type]: _objectSpread$15(_objectSpread$15(_objectSpread$15({}, omit(actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
+              triggerPattern: _mapInstanceProperty(_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
+                [pattern.type]: omit(pattern, ['type', '__typename'])
+              }))
+            }), actionPayload.target.targetPattern && {
+              targetPattern: _mapInstanceProperty(_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
+                [pattern.type]: omit(pattern, ['type', '__typename'])
+              }))
+            })
+          }
+        }
+      };
+    case 'addAddress':
+    case 'changeAddress':
+      {
+        var _context8;
+        const _ref3 = actionPayload.address?.custom || {},
+          _ref3$fields = _ref3.fields,
+          fields = _ref3$fields === void 0 ? {} : _ref3$fields;
+        const customFields = isEmpty$3(fields) ? null : _mapInstanceProperty(_context8 = _Object$entries(fields)).call(_context8, _ref4 => {
+          let _ref5 = _slicedToArray(_ref4, 2),
+            name = _ref5[0],
+            value = _ref5[1];
+          return {
+            name,
+            value: _JSON$stringify(value)
+          };
+        });
+        const custom = actionPayload.address?.custom?.type?.id ? {
+          type: {
+            id: actionPayload.address.custom.type.id
+          },
+          fields: customFields
+        } : null;
+        return {
+          [actionName]: _objectSpread$15(_objectSpread$15({}, actionPayload), {}, {
+            address: _objectSpread$15(_objectSpread$15({}, omit(actionPayload.address, ['__typename'])), {}, {
+              custom
+            })
+          })
+        };
+      }
+    case 'setAddressCustomType':
+      {
+        var _context9;
+        const _ref6 = actionPayload || {},
+          addressId = _ref6.addressId,
+          _ref6$fields = _ref6.fields,
+          fields = _ref6$fields === void 0 ? {} : _ref6$fields,
+          type = _ref6.type;
+        const customFields = isEmpty$3(fields) ? null : _mapInstanceProperty(_context9 = _Object$entries(fields)).call(_context9, _ref7 => {
+          let _ref8 = _slicedToArray(_ref7, 2),
+            name = _ref8[0],
+            value = _ref8[1];
+          return {
+            name,
+            value: _JSON$stringify(value)
+          };
+        });
+        const customType = type?.id ? {
+          id: type.id
+        } : null;
+        return {
+          [actionName]: {
+            addressId,
+            fields: customFields,
+            type: customType
+          }
+        };
+      }
+    default:
+      return {
+        [actionName]: actionPayload
+      };
   }
-  const formatter = getFormatter(type);
-  return formatter({
-    type,
-    value,
-    intl,
-    language,
-    languages,
-    userTimeZone,
-    fallbackValue
-  });
-}
-
-const attributeTypeNames = {
-  Boolean: 'boolean',
-  Date: 'date',
-  DateTime: 'datetime',
-  Enum: 'enum',
-  LocalizedEnum: 'lenum',
-  LocalizedString: 'ltext',
-  Money: 'money',
-  Nested: 'nested',
-  Reference: 'reference',
-  Set: 'set',
-  String: 'text',
-  Time: 'time',
-  Number: 'number'
-};
-const convertToAttributeType = customFieldType => {
-  if (isNil$1(customFieldType)) return customFieldType;
-  const attributeTypeName = attributeTypeNames[customFieldType.name];
-  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
-  return {
-    name: attributeTypeName,
-    elementType: {
-      name: elementTypeName
-    }
-  };
 };
-const inlineEnumValues = (type, value) => {
-  if (isNil$1(type)) return value;
-  if (type.name === 'Set') {
-    return _mapInstanceProperty(value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
+const createGraphQlUpdateActions = actions => _reduceInstanceProperty(actions).call(actions, (previousActions, _ref9) => {
+  let actionName = _ref9.action,
+    actionPayload = _objectWithoutProperties(_ref9, _excluded$d);
+  return [...previousActions, convertAction(actionName, actionPayload)];
+}, []);
+const extractErrorFromGraphQlResponse = graphQlResponse => {
+  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
+    return graphQlResponse.networkError.result.errors;
   }
-  if (type.name === 'Enum' || type.name === 'LocalizedEnum') {
-    var _context;
-    return _findInstanceProperty(_context = _valuesInstanceProperty(type)).call(_context, enumValue => enumValue.key === value);
+  if (graphQlResponse.graphQLErrors?.length > 0) {
+    return graphQlResponse.graphQLErrors;
   }
-  return value;
-};
-
-/**
- * Formats `Custom Fields`: https://docs.commercetools.com/api/projects/custom-fields
- * Despite having different names, most of `Custom Field` maps one-to-one with an appropriate
- * `Product Attribute Type`, hence we can reuse product attributes formatting logic.
- *
- * The only exception is `Enum` and `LEnum` types. Unlike when dealing with `Product Attribute Types`,
- * value in `Custom Fields` contains a key of an `Enum` entry, and not an entry itself.
- * Therefore, before passing value to attributes formatter we need to replace value with Enum entry.
- */
-function formatCustomField(_ref) {
-  let type = _ref.type,
-    value = _ref.value,
-    intl = _ref.intl,
-    language = _ref.language,
-    languages = _ref.languages,
-    userTimeZone = _ref.userTimeZone;
-  const attributeType = convertToAttributeType(type);
-  return formatAttribute({
-    type: attributeType,
-    value: inlineEnumValues(type, value),
-    intl,
-    language,
-    languages,
-    userTimeZone
-  });
-}
-
-// FIXME: delete once prefix search is supported in ctp api
-
-// Currently prefix search of products in the ctp is not supported.
-// This is a temporary hack which should be deleted once the feature is
-// supported in ctp.
-// It mimics the prefix search feature by computing lower and upper bounds
-// related to the provided `input`.
-// usage:
-// If I want to do a prefix search of term 'F', I get first the bounds
-// const [lowerBound, upperBound] = getPrefixSearch('F');
-// and then use them in the search
-// e.g
-// where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
-const getPrefixSearchBounds = input => {
-  const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
-  return [input, `${_sliceInstanceProperty(input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty(input).call(input, input.length - 1))}`];
+  return graphQlResponse;
 };
-var getPrefixSearchBounds$1 = getPrefixSearchBounds;
 
 const isUUID = string => /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/.test(string);
 var isUUID$1 = isUUID;
@@ -5127,7 +5084,7 @@ function uniqueObjects(items) {
 
  */
 
-const messages$J = defineMessages({
+const messages$K = defineMessages({
   unique: {
     id: 'Validation.unique',
     description: 'An error message to show if the field must be unique',
@@ -5169,7 +5126,7 @@ const messages$J = defineMessages({
     defaultMessage: 'Invalid ID format. Please enter a valid ID.'
   }
 });
-var validationMessages = messages$J;
+var validationMessages = messages$K;
 
 function getIndexesOfInvalidValues(values) {
   let invalidValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -5428,7 +5385,7 @@ function ReferenceSearch(props) {
   });
 }
 
-const messages$H = defineMessages({
+const messages$I = defineMessages({
   placeholder: {
     id: 'CartDiscountReferenceSearch.placeholder',
     description: 'Placeholder for search for a cart discount',
@@ -5455,7 +5412,7 @@ const messages$H = defineMessages({
     defaultMessage: 'Enter search term'
   }
 });
-var messages$I = messages$H;
+var messages$J = messages$I;
 
 function ownKeys$11(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$11(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$11(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$11(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -5480,7 +5437,7 @@ function Option$1(props) {
           fallbackOrder: languages
         })
       }), jsxs(Text.Detail, {
-        children: [formatMessage(messages$I.key), ": ", cartDiscount.key || NO_VALUE_FALLBACK]
+        children: [formatMessage(messages$J.key), ": ", cartDiscount.key || NO_VALUE_FALLBACK]
       })]
     })
   }));
@@ -5556,10 +5513,10 @@ function CartDiscountReferenceSearch(props) {
       onBlur: props.onBlur,
       onChange: props.onChange,
       value: returnNullIfEmpty(props.value),
-      placeholderLabel: formatMessage(messages$I.placeholder),
-      searchPromptLabel: formatMessage(messages$I.searchPrompt),
-      noResultsLabel: formatMessage(messages$I.noResults),
-      referenceIsMissingLabel: formatMessage(messages$I.isMissing),
+      placeholderLabel: formatMessage(messages$J.placeholder),
+      searchPromptLabel: formatMessage(messages$J.searchPrompt),
+      noResultsLabel: formatMessage(messages$J.noResults),
+      referenceIsMissingLabel: formatMessage(messages$J.isMissing),
       mapItemToOption: mapItemToOption,
       loadItemsBySearchTerm: loadItemsBySearchTerm,
       loadItemsByIds: loadItemsByIds,
@@ -5569,7 +5526,7 @@ function CartDiscountReferenceSearch(props) {
   });
 }
 
-const messages$F = defineMessages({
+const messages$G = defineMessages({
   placeholder: {
     id: 'CategoryReferenceSearch.placeholder',
     description: 'Placeholder for search for a category',
@@ -5601,7 +5558,7 @@ const messages$F = defineMessages({
     defaultMessage: 'Parent Category'
   }
 });
-var messages$G = messages$F;
+var messages$H = messages$G;
 
 function ownKeys$$(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$$(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$$(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$$(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -5626,7 +5583,7 @@ function Option(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsx(Text.Detail, {
-        children: `${formatMessage(messages$G.parentCategory)}: ${formatLocalizedString(category.parent, {
+        children: `${formatMessage(messages$H.parentCategory)}: ${formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
@@ -5638,7 +5595,7 @@ function Option(props) {
           fallbackOrder: languages
         })}`
       }), category.externalId && jsx(Text.Detail, {
-        children: `${formatMessage(messages$G.externalId)}: ${category.externalId || NO_VALUE_FALLBACK}`
+        children: `${formatMessage(messages$H.externalId)}: ${category.externalId || NO_VALUE_FALLBACK}`
       })]
     })
   }));
@@ -5686,10 +5643,10 @@ function CategoryReferenceSearch(props) {
     onBlur: props.onBlur,
     onChange: props.onChange,
     value: props.value,
-    placeholderLabel: formatMessage(messages$G.placeholder),
-    searchPromptLabel: formatMessage(messages$G.searchPrompt),
-    noResultsLabel: formatMessage(messages$G.noResults),
-    referenceIsMissingLabel: formatMessage(messages$G.isMissing),
+    placeholderLabel: formatMessage(messages$H.placeholder),
+    searchPromptLabel: formatMessage(messages$H.searchPrompt),
+    noResultsLabel: formatMessage(messages$H.noResults),
+    referenceIsMissingLabel: formatMessage(messages$H.isMissing),
     mapItemToOption: mapItemToOption,
     loadItemsBySearchTerm: loadItemsBySearchTerm,
     loadItemsByIds: loadItemsByIds,
@@ -5766,7 +5723,7 @@ const Button = _ref => {
 Button.displayName = 'Button';
 var Button$1 = Button;
 
-var messages$E = defineMessages({
+var messages$F = defineMessages({
   chooseFile: {
     id: 'ButtonFileInput.chooseFile',
     description: 'The label text of the field for upload local file',
@@ -5783,7 +5740,7 @@ var styles$f = {
 };
 const FileInput = _ref => {
   let _ref$children = _ref.children,
-    children = _ref$children === void 0 ? jsx(FormattedMessage, _objectSpread$Y({}, messages$E.chooseFile)) : _ref$children,
+    children = _ref$children === void 0 ? jsx(FormattedMessage, _objectSpread$Y({}, messages$F.chooseFile)) : _ref$children,
     _ref$allowMultiple = _ref.allowMultiple,
     allowMultiple = _ref$allowMultiple === void 0 ? false : _ref$allowMultiple,
     _ref$acceptTypes = _ref.acceptTypes,
@@ -5806,7 +5763,7 @@ const FileInput = _ref => {
 FileInput.displayName = 'FileInput';
 var FileInput$1 = FileInput;
 
-var messages$D = defineMessages({
+var messages$E = defineMessages({
   countriesBasicSelectPlaceholder: {
     id: 'CountriesPicker.countriesBasicSelectPlaceholder',
     description: 'Placeholder of the basic field for countries',
@@ -5827,7 +5784,7 @@ var messages$D = defineMessages({
 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 _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context8 = ownKeys$X(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context9 = ownKeys$X(Object(t))).call(_context9, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const emptyCountryOption = intl => [{
-  label: intl.formatMessage(messages$D.countriesAsyncSelectDropdownTypeAheadPrompt),
+  label: intl.formatMessage(messages$E.countriesAsyncSelectDropdownTypeAheadPrompt),
   value: undefined,
   isDisabled: true
 }];
@@ -5870,7 +5827,7 @@ function CountriesAsyncSelectDropdown(props) {
       var _context7;
       return _findInstanceProperty(_context7 = props.options).call(_context7, country => country.value === countryCode);
     }),
-    placeholder: intl.formatMessage(messages$D.countriesAsyncSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$E.countriesAsyncSelectPlaceholder),
     loadOptions: handleLoadOptions,
     onChange: onOptionChange,
     isDisabled: props.isDisabled,
@@ -5890,7 +5847,7 @@ function CountriesBasicSelectDropdown(props) {
     value: props.value,
     isRequired: props.isRequired,
     description: props.description,
-    placeholder: intl.formatMessage(messages$D.countriesBasicSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$E.countriesBasicSelectPlaceholder),
     options: props.options,
     onChange: props.onChange,
     isDisabled: props.isDisabled,
@@ -5926,7 +5883,7 @@ function CountriesPicker(_ref) {
   });
 }
 
-var messages$C = defineMessages({
+var messages$D = defineMessages({
   noCustomerGroupsFound: {
     id: 'Prices.CustomerGroupPickerInput.noCustomerGroupsFound',
     description: 'The message to display when no customer groups were found',
@@ -6016,7 +5973,7 @@ const CustomerGroupPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$C.noCustomerGroupsFound), [loadingError, formatMessage]);
+  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$D.noCustomerGroupsFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
@@ -6027,7 +5984,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$C.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$D.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -6046,7 +6003,7 @@ const CustomerGroupPickerInput = _ref => {
         })
       }), isLoadingFailed && jsx(Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -6062,7 +6019,8 @@ var styles$e = {
   "divider-dashed": "divider-module__divider-dashed___2Em8A divider-module__divider___4-vdy"
 };
 function Divider(_ref) {
-  let isDashed = _ref.isDashed,
+  let _ref$isDashed = _ref.isDashed,
+    isDashed = _ref$isDashed === void 0 ? false : _ref$isDashed,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
   return jsx("hr", {
@@ -6133,12 +6091,13 @@ const mergeSetItemsErrors = errors => _reduceInstanceProperty(errors).call(error
 const CustomFieldErrors = props => {
   // We want to highlight fields with errors not only after a form submission,
   // but also after manually triggered form validation.
-  const didFormValidationFail = useDidFormValidationFail();
+  const _useFormikContext = useFormikContext(),
+    isFormValid = _useFormikContext.isValid;
   const errors = _Array$isArray(props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxs(Fragment, {
-    children: [props.isTouched || didFormValidationFail && errors?.missing && jsx(ErrorMessage, {
+    children: [props.isTouched || !isFormValid && errors?.missing && jsx(ErrorMessage, {
       intlMessage: validationMessages.required
-    }), props.isTouched || didFormValidationFail && errors?.duplicated && jsx(ErrorMessage, {
+    }), props.isTouched || !isFormValid && errors?.duplicated && jsx(ErrorMessage, {
       intlMessage: validationMessages.unique
     })]
   });
@@ -6163,7 +6122,7 @@ const makeChangeHandler = setValue => event => {
 // attributes.
 const omitUnknownValues = (valuesAsMap, fieldDefinitionsAsMap) => omitBy(valuesAsMap, (value, key) => isNil$1(fieldDefinitionsAsMap[key]));
 
-var messages$B = defineMessages({
+var messages$C = defineMessages({
   booleanSetInputYesLabel: {
     id: 'CustomBooleanInputSet.booleanSetInputYesLabel',
     description: 'Custom boolean input set Yes label',
@@ -6205,13 +6164,13 @@ function CustomBooleanInputSet(props) {
     formatMessage = _useIntl.formatMessage;
   const options = useMemo(() => [{
     value: 'true',
-    label: formatMessage(messages$B.booleanSetInputYesLabel)
+    label: formatMessage(messages$C.booleanSetInputYesLabel)
   }, {
     value: 'false',
-    label: formatMessage(messages$B.booleanSetInputNoLabel)
+    label: formatMessage(messages$C.booleanSetInputNoLabel)
   }, {
     value: 'all',
-    label: formatMessage(messages$B.booleanSetInputAllLabel)
+    label: formatMessage(messages$C.booleanSetInputAllLabel)
   }], [formatMessage]);
   const handleChange = makeChangeHandler(rawValue => {
     const nullifiedIfNeeded = !rawValue ? undefined : valueToBooleanSet(rawValue);
@@ -6795,7 +6754,7 @@ const NestingLevelContext = /*#__PURE__*/createContext(0);
 var NestingLevelContext$1 = NestingLevelContext;
 
 // eslint-disable-next-line import/prefer-default-export
-const messages$A = defineMessages({
+const messages$B = defineMessages({
   aboveFifthLevelWarning: {
     id: 'attributeInputByType.nestedAttributes.aboveFifthLevelWarning',
     description: 'Warning message shown when nested attribute are above the fifth level',
@@ -6807,9 +6766,9 @@ const messages$A = defineMessages({
     defaultMessage: 'Empty'
   }
 });
-var customFieldsMessages = messages$A;
+var customFieldsMessages = messages$B;
 
-var messages$z = defineMessages({
+var messages$A = defineMessages({
   updateButton: {
     id: 'NestedAttributes.Details.updateButton',
     description: 'Update button label',
@@ -6894,7 +6853,7 @@ const EditButton = props => {
     formatMessage = _useIntl.formatMessage;
   return jsx(Tooltip, {
     placement: "top",
-    title: formatMessage(messages$z.editTooltip),
+    title: formatMessage(messages$A.editTooltip),
     children: jsx(IconButton, {
       label: "Edit",
       isDisabled: props.isDisabled,
@@ -6910,12 +6869,12 @@ const DropChangesConfirmation = props => {
     formatMessage = _useIntl2.formatMessage;
   return jsx(ConfirmationDialog, {
     isOpen: props.isOpen || false,
-    title: formatMessage(messages$z.confirmationDialogTitle),
-    labelPrimary: formatMessage(messages$z.nestedAttributesConfirmLabel),
+    title: formatMessage(messages$A.confirmationDialogTitle),
+    labelPrimary: formatMessage(messages$A.nestedAttributesConfirmLabel),
     onConfirm: props.onConfirm,
     onCancel: props.onCancel,
     children: jsx(Text.Body, {
-      intlMessage: messages$z.confirmationDialogBody
+      intlMessage: messages$A.confirmationDialogBody
     })
   });
 };
@@ -6940,11 +6899,11 @@ const NestedAttributeModalPage = props => {
         children: [jsx(SecondaryButton, {
           isDisabled: !formik.dirty,
           iconLeft: jsx(RevertIcon, {}),
-          label: formatMessage(messages$z.cancelButton),
+          label: formatMessage(messages$A.cancelButton),
           onClick: formik.resetForm
         }), jsx(CustomFormModalPage.FormPrimaryButton, {
           isDisabled: !formik.dirty,
-          label: formatMessage(messages$z.updateButton),
+          label: formatMessage(messages$A.updateButton),
           onClick: formik.handleSubmit
         })]
       }),
@@ -6986,7 +6945,7 @@ const NestedInputControls = props => {
   if (nextNestingLevel >= 6) return jsx(MaxNestingLevelReached, {});
   const hasAttributes = props.productType.attributeDefinitions.length > 0;
   if (!hasAttributes) return jsx(Text.Body, {
-    intlMessage: messages$z.emptyProductType,
+    intlMessage: messages$A.emptyProductType,
     tone: "secondary"
   });
   return jsxs(Spacings.Inline, {
@@ -7062,7 +7021,7 @@ const CustomNestedInput = /*#__PURE__*/memo(props => {
             if (nestingLevel !== 0) parentFormik.submitForm();else showNotification({
               kind: 'success',
               domain: DOMAINS.SIDE,
-              text: formatMessage(messages$z.attributeUpdateSucceeded)
+              text: formatMessage(messages$A.attributeUpdateSucceeded)
             });
             setSubmitting(false);
           },
@@ -7181,7 +7140,7 @@ function CustomChannelReferenceInput(props) {
 }
 CustomChannelReferenceInput.displayName = 'CustomChannelReferenceInput';
 
-var messages$y = defineMessages({
+var messages$z = defineMessages({
   noProductsFound: {
     id: 'Shared.ProductPickerInput.noProductsFound',
     description: 'The message to display when no products were found',
@@ -7279,7 +7238,7 @@ const ProductPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$y.placeholder),
+          placeholder: formatMessage(messages$z.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -7293,7 +7252,7 @@ const ProductPickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$y.noProductsFound),
+          noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$z.noProductsFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -7301,7 +7260,7 @@ const ProductPickerInput = _ref => {
         })
       }), isLoadingFailed && showLoadingErrorMessage && jsx(Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -7533,7 +7492,7 @@ const CustomFieldInput = /*#__PURE__*/memo(props => {
 CustomFieldInput.displayName = 'CustomFieldInput';
 var CustomFieldInput$1 = CustomFieldInput;
 
-var messages$x = defineMessages({
+var messages$y = defineMessages({
   productReferenceLabel: {
     id: 'CustomFieldsLabel.productReferenceLabel',
     description: 'Label shown above the product picker input.',
@@ -7602,7 +7561,7 @@ const CustomFieldsLabelHint = _ref2 => {
       children: [jsx(WarningIcon, {
         size: "medium",
         color: "warning"
-      }), jsx(FormattedMessage, _objectSpread$P({}, messages$x.cartDiscountMoreThan500))]
+      }), jsx(FormattedMessage, _objectSpread$P({}, messages$y.cartDiscountMoreThan500))]
     });
   }
   return formatLocalizedString(fieldDefinition, {
@@ -7616,8 +7575,8 @@ function CustomFieldsProductTypeReferenceSubtitle() {
     formatMessage = _useIntl.formatMessage;
   const _usePimStatus = usePimStatus(),
     isProjectIndexed = _usePimStatus.isProjectIndexed;
-  if (isProjectIndexed) return formatMessage(messages$x.productTypeReferenceLabelI);
-  return formatMessage(messages$x.productTypeReferenceLabel);
+  if (isProjectIndexed) return formatMessage(messages$y.productTypeReferenceLabelI);
+  return formatMessage(messages$y.productTypeReferenceLabel);
 }
 
 // TODO(pa3): this logic may be misplaced and probably
@@ -7634,13 +7593,13 @@ function CustomFieldsLabelSubtitle(_ref3) {
   const referenceTypeName = capitalizeFirst(referenceTypeId);
   if (_includesInstanceProperty(_context = [SEARCHABLE_REFERENCES.category, SEARCHABLE_REFERENCES.cartDiscount]).call(_context, referenceTypeId)) return referenceTypeName;
   if (referenceTypeId === SEARCHABLE_REFERENCES.product) {
-    return formatMessage(messages$x.productReferenceLabel);
+    return formatMessage(messages$y.productReferenceLabel);
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.productType) {
     return jsx(CustomFieldsProductTypeReferenceSubtitle, {});
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.channel) {
-    return formatMessage(messages$x.channelReferenceLabel);
+    return formatMessage(messages$y.channelReferenceLabel);
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.state) {
-    return formatMessage(messages$x.stateReferenceLabel);
+    return formatMessage(messages$y.stateReferenceLabel);
   } else {
     return `${referenceTypeName} ID`;
   }
@@ -7660,7 +7619,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const _useIntl3 = useIntl(),
     formatMessage = _useIntl3.formatMessage;
   return assignedAttributeGroups?.length > 1 ? jsx(Tooltip, {
-    title: formatMessage(messages$x.attributeGroupCountTooltip, {
+    title: formatMessage(messages$y.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty(assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
     }),
@@ -7717,7 +7676,7 @@ const CustomFieldsLabel = /*#__PURE__*/memo(_ref5 => {
 CustomFieldsLabel.displayName = 'CustomFieldsTitle';
 var CustomFieldsLabel$1 = CustomFieldsLabel;
 
-var messages$w = defineMessages({
+var messages$x = defineMessages({
   referencedProductType: {
     id: 'NestedAttributes.referencedProductType',
     description: 'Product type referenced hint',
@@ -7728,7 +7687,7 @@ var messages$w = defineMessages({
 function ownKeys$O(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$O(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$O(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$O(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ProductTypeReference(props) {
-  const productTypeMessage = _objectSpread$O(_objectSpread$O({}, messages$w.referencedProductType), {}, {
+  const productTypeMessage = _objectSpread$O(_objectSpread$O({}, messages$x.referencedProductType), {}, {
     values: {
       productTypeName: props.productType.name
     }
@@ -7752,7 +7711,7 @@ function CustomNestedFieldInput(props) {
       color: "error"
     }), jsx(Text.Body, {
       tone: "negative",
-      intlMessage: pickerMessages$1.loadingErrorMessage
+      intlMessage: commonPickerMessages.loadingErrorMessage
     })]
   });
   if (!productType) return null;
@@ -7798,7 +7757,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "z-index:100000!important"
 } : {
   name: "4jor1w-child",
-  styles: "z-index:100000!important;label:child;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS13cmFwcGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q29CIiwiZmlsZSI6ImRyYWdnYWJsZS13cmFwcGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBEcmFnZ2FibGUgfSBmcm9tICdyZWFjdC1iZWF1dGlmdWwtZG5kJztcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcywgR3JpZCwgQ2FyZCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5pbXBvcnQgeyBEcmFnSGFuZGxlIH0gZnJvbSAnLi9kcmFnLWhhbmRsZSc7XG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIGRyYWdnYWJsZUtleSxcbiAgZHJhZ2dhYmxlSWQsXG4gIGluZGV4LFxufSkgPT4ge1xuICBjb25zdCBwb3J0YWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgcG9ydGFsLmlkID0gJ2RyYWctcmJkLXBvcnRhbCc7XG4gIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQocG9ydGFsKTtcblxuICBjb25zdCBEcmFnZ2luZ0NhcmQgPSAoeyBpc0RyYWdnaW5nLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgaWYgKGlzRHJhZ2dpbmcpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxDYXJkIHRoZW1lPVwibGlnaHRcIiBpbnNldFNjYWxlPVwibVwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgIH1cbiAgfTtcbiAgRHJhZ2dpbmdDYXJkLnByb3BUeXBlcyA9IHtcbiAgICBpc0RyYWdnaW5nOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICB9O1xuICByZXR1cm4gKFxuICAgIDxEcmFnZ2FibGUga2V5PXtkcmFnZ2FibGVLZXl9IGRyYWdnYWJsZUlkPXtkcmFnZ2FibGVJZH0gaW5kZXg9e2luZGV4fT5cbiAgICAgIHsocHJvdmlkZWQsIHNuYXBzaG90KSA9PiB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17cHJvdmlkZWQuaW5uZXJSZWZ9XG4gICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgei1pbmRleDogMTAwMDAwICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NhcmQgaXNEcmFnZ2luZz17c25hcHNob3QuaXNEcmFnZ2luZ30+XG4gICAgICAgICAgICAgIDxHcmlkXG4gICAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17JzFmciAyMGZyJ31cbiAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVSb3dzPVwiYXV0byAxZnIgYXV0b1wiXG4gICAgICAgICAgICAgICAgZ3JpZEdhcD17XG4gICAgICAgICAgICAgICAgICBzbmFwc2hvdC5pc0RyYWdnaW5nXG4gICAgICAgICAgICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU1xuICAgICAgICAgICAgICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuc3BhY2luZ01cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8R3JpZC5JdGVtPlxuICAgICAgICAgICAgICAgICAgPERyYWdIYW5kbGUgey4uLnByb3ZpZGVkLmRyYWdIYW5kbGVQcm9wc30gLz5cbiAgICAgICAgICAgICAgICA8L0dyaWQuSXRlbT5cbiAgICAgICAgICAgICAgICA8R3JpZC5JdGVtPntjaGlsZHJlbn08L0dyaWQuSXRlbT5cbiAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9EcmFnZ2luZ0NhcmQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG5cbiAgICAgICAgaWYgKCFzbmFwc2hvdC5pc0RyYWdnaW5nKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gcmVuZGVyIHRoZSBkcmFnZ2FibGUgaW4gdGhlIHBvcnRhbCB3aGVuIGl0J3MgYmVpbmcgZHJhZ2dlZFxuICAgICAgICByZXR1cm4gUmVhY3RET00uY3JlYXRlUG9ydGFsKDxkaXY+e2NoaWxkfTwvZGl2PiwgcG9ydGFsKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgZHJhZ2dhYmxlS2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGluZGV4OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGRyYWdnYWJsZUlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */",
+  styles: "z-index:100000!important;label:child;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS13cmFwcGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q29CIiwiZmlsZSI6ImRyYWdnYWJsZS13cmFwcGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBEcmFnZ2FibGUgfSBmcm9tICdAaGVsbG8tcGFuZ2VhL2RuZCc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIEdyaWQsIENhcmQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgRHJhZ0hhbmRsZSB9IGZyb20gJy4vZHJhZy1oYW5kbGUnO1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBkcmFnZ2FibGVLZXksXG4gIGRyYWdnYWJsZUlkLFxuICBpbmRleCxcbn0pID0+IHtcbiAgY29uc3QgcG9ydGFsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gIHBvcnRhbC5pZCA9ICdkcmFnLXJiZC1wb3J0YWwnO1xuICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHBvcnRhbCk7XG5cbiAgY29uc3QgRHJhZ2dpbmdDYXJkID0gKHsgaXNEcmFnZ2luZywgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGlmIChpc0RyYWdnaW5nKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8Q2FyZCB0aGVtZT1cImxpZ2h0XCIgaW5zZXRTY2FsZT1cIm1cIj5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICB9XG4gIH07XG4gIERyYWdnaW5nQ2FyZC5wcm9wVHlwZXMgPSB7XG4gICAgaXNEcmFnZ2luZzogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgfTtcbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlIGtleT17ZHJhZ2dhYmxlS2V5fSBkcmFnZ2FibGVJZD17ZHJhZ2dhYmxlSWR9IGluZGV4PXtpbmRleH0+XG4gICAgICB7KHByb3ZpZGVkLCBzbmFwc2hvdCkgPT4ge1xuICAgICAgICBjb25zdCBjaGlsZCA9IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdnYWJsZVByb3BzfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHotaW5kZXg6IDEwMDAwMCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RHJhZ2dpbmdDYXJkIGlzRHJhZ2dpbmc9e3NuYXBzaG90LmlzRHJhZ2dpbmd9PlxuICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9eycxZnIgMjBmcid9XG4gICAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlUm93cz1cImF1dG8gMWZyIGF1dG9cIlxuICAgICAgICAgICAgICAgIGdyaWRHYXA9e1xuICAgICAgICAgICAgICAgICAgc25hcHNob3QuaXNEcmFnZ2luZ1xuICAgICAgICAgICAgICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1NcbiAgICAgICAgICAgICAgICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEdyaWQuSXRlbT5cbiAgICAgICAgICAgICAgICAgIDxEcmFnSGFuZGxlIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgICAgICAgICAgPEdyaWQuSXRlbT57Y2hpbGRyZW59PC9HcmlkLkl0ZW0+XG4gICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgIDwvRHJhZ2dpbmdDYXJkPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApO1xuXG4gICAgICAgIGlmICghc25hcHNob3QuaXNEcmFnZ2luZykge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHJlbmRlciB0aGUgZHJhZ2dhYmxlIGluIHRoZSBwb3J0YWwgd2hlbiBpdCdzIGJlaW5nIGRyYWdnZWRcbiAgICAgICAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbCg8ZGl2PntjaGlsZH08L2Rpdj4sIHBvcnRhbCk7XG4gICAgICB9fVxuICAgIDwvRHJhZ2dhYmxlPlxuICApO1xufTtcblxuRHJhZ2dhYmxlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIGRyYWdnYWJsZUtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpbmRleDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBkcmFnZ2FibGVJZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const DraggableWrapper = _ref2 => {
@@ -7958,7 +7917,8 @@ const CustomFieldsInternal = _ref => {
     touched = _useFormikContext.touched,
     values = _valuesInstanceProperty(_useFormikContext),
     handleBlur = _useFormikContext.handleBlur,
-    status = _useFormikContext.status;
+    status = _useFormikContext.status,
+    isFormValid = _useFormikContext.isValid;
   const _useIntl = useIntl(),
     locale = _useIntl.locale;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
@@ -7970,7 +7930,6 @@ const CustomFieldsInternal = _ref => {
   const isTailoringAttributesEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
   const isTailoringAttributeForOtherTypes = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const isTailoringFallbackEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
-  const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -7992,7 +7951,7 @@ const CustomFieldsInternal = _ref => {
 
       // We want to highlight fields with errors not only after a form submission,
       // but also after manually triggered form validation.
-      const hasError = Boolean(fieldErrors) && (isTouched || didFormValidationFail);
+      const hasError = Boolean(fieldErrors) && (isTouched || !isFormValid);
       const validate = value => {
         if (fieldDefinition.required && isNil$1(value)) return {
           missing: true
@@ -8697,6 +8656,146 @@ function ProductSelectionsPicker(_ref) {
   });
 }
 
+var messages$w = defineMessages({
+  placeholder: {
+    id: 'RecurrentIntervalPicker.placeholder',
+    description: 'The placeholder of the input',
+    defaultMessage: 'Not restricted to any recurrent interval'
+  },
+  missingOptionLabel: {
+    id: 'RecurrentIntervalPicker.missingOptionLabel',
+    description: 'The label of the option when the recurrent interval is not found',
+    defaultMessage: 'Unknown recurrent interval ({value})'
+  },
+  missingSelectedWarning: {
+    id: 'RecurrentIntervalPicker.missingSelectedWarning',
+    description: 'The warning message shown below the input when the selected recurrent interval is not found in the options',
+    defaultMessage: 'The selected recurrent interval could not be retrieved. Please check your recurrence policy configuration.'
+  },
+  noRecurrentIntervalsConfigured: {
+    id: 'RecurrentIntervalPicker.noRecurrentIntervalsConfigured',
+    description: 'Banner warning message shown when no recurrent intervals are configured in the project',
+    defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration'
+  }
+});
+
+var FetchRecurrencePolicies = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRecurrencePolicies" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "recurrencePolicies" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], 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: [] }] } }] } }] } }] } }], loc: { start: 0, end: 191, source: { body: "query FetchRecurrencePolicies($where: String) {\n  recurrencePolicies(where: $where) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const isRecurringOrdersDisabledError = error => {
+  var _context;
+  return error.extensions?.code === '403' && _includesInstanceProperty(_context = error.message).call(_context, "The feature 'recurring-orders' is not enabled for this project. Please contact commercetools support.");
+};
+// @TODO: Remove these error checks when the feature is enabled by default
+const useRecurrenceIntervals = _ref => {
+  let where = _ref.where,
+    _ref$skip = _ref.skip,
+    skip = _ref$skip === void 0 ? false : _ref$skip;
+  const _useQuery = useQuery$1(FetchRecurrencePolicies, {
+      context: {
+        target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
+      },
+      fetchPolicy: 'cache-and-network',
+      variables: where ? {
+        where
+      } : undefined,
+      skip
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    rawError = _useQuery.error;
+  const extractedErrors = rawError ? extractErrorFromGraphQlResponse(rawError) : [];
+  const isRecurringOrdersDisabled = extractedErrors.length > 0 &&
+  // If the only error is a 403 with the specific message, we assume the feature is disabled.
+  _everyInstanceProperty(extractedErrors).call(extractedErrors, isRecurringOrdersDisabledError);
+  const error = isRecurringOrdersDisabled ? undefined : rawError;
+  return {
+    recurrencePolicies: data?.recurrencePolicies?.results ?? [],
+    loading,
+    error,
+    isRecurringOrdersDisabled
+  };
+};
+
+const RecurrentIntervalPicker = _ref => {
+  let name = _ref.name,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    onError = _ref.onError,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly;
+  const _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const dataLocale = useApplicationContext(applicationContext => applicationContext.dataLocale);
+  const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
+  const skip = isReadOnly && !value;
+  const where = isReadOnly && value ? `id="${value}"` : undefined;
+  const _useRecurrenceInterva = useRecurrenceIntervals({
+      where,
+      skip
+    }),
+    recurrencePolicies = _useRecurrenceInterva.recurrencePolicies,
+    loading = _useRecurrenceInterva.loading,
+    error = _useRecurrenceInterva.error;
+  const selectedIsMissingInData = Boolean(value) && !_someInstanceProperty(recurrencePolicies).call(recurrencePolicies, policy => policy.id === value);
+  const options = useMemo(() => {
+    if (loading) return [];
+    const mapped = _mapInstanceProperty(recurrencePolicies).call(recurrencePolicies, policy => ({
+      value: policy.id,
+      label: formatLocalizedFieldToString(policy.nameAllLocales, policy.key)
+    }));
+
+    // If the selected value cannot be loaded, add it as a missing option
+    if (selectedIsMissingInData && value) {
+      const label = formatMessage(messages$w.missingOptionLabel, {
+        value
+      });
+      return [{
+        value,
+        label
+      }, ...mapped];
+    }
+    return mapped;
+  }, [recurrencePolicies, selectedIsMissingInData, value, dataLocale, formatMessage, formatLocalizedFieldToString, loading]);
+  const noRecurrentIntervalsConfigured = !loading && recurrencePolicies.length === 0;
+  useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  return jsxs(Spacings.Stack, {
+    scale: "s",
+    children: [jsx(SelectInput, {
+      id: name,
+      name: name,
+      value: value,
+      placeholder: messages$w.placeholder.defaultMessage,
+      options: options,
+      isClearable: isClearable,
+      isReadOnly: isReadOnly,
+      isDisabled: isDisabled || loading || noRecurrentIntervalsConfigured,
+      onChange: onChange,
+      onBlur: onBlur,
+      hasError: !loading && !error && selectedIsMissingInData
+    }), error ? jsx(Text.Body, {
+      tone: "negative",
+      intlMessage: commonPickerMessages.loadingErrorMessage
+    }) : selectedIsMissingInData ? jsx(Text.Body, {
+      tone: "negative",
+      intlMessage: messages$w.missingSelectedWarning
+    }) : null, !error && noRecurrentIntervalsConfigured && jsx(ContentNotification, {
+      type: "warning",
+      children: jsx(Text.Detail, {
+        intlMessage: messages$w.noRecurrentIntervalsConfigured
+      })
+    })]
+  });
+};
+var RecurrentIntervalPicker$1 = RecurrentIntervalPicker;
+
 // NOTE: this component is duplicated in `app-shell/from-core`.
 var styles$b = {
   "colored": "required-indicator-module__colored____YUFm",
@@ -8853,9 +8952,6 @@ var messages$u = defineMessages({
   }
 });
 
-const LOWER_STORES_LIMIT = 60;
-const UPPER_STORES_LIMIT = 500;
-
 // map store to options
 const mapStoresToOptions = _ref => {
   var _context, _context2;
@@ -10836,9 +10932,9 @@ const createQueryVariables = platformLimit => _reduceInstanceProperty(resourcesW
 }, previousIncludedLimits), {});
 var createPlatformLimitsQueryVariables = createQueryVariables;
 
-var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2107, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var PlatformLimitsFetcherQuery$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxGroupsPerCustomer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2158, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n      maxGroupsPerCustomer {\n        limit\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const usePlatformLimitsFetcher = platformLimit => {
-  const _useQuery = useQuery(PlatformLimitsFetcherQuery, {
+  const _useQuery = useQuery(PlatformLimitsFetcherQuery$1, {
       variables: createPlatformLimitsQueryVariables(platformLimit),
       context: {
         target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -10859,6 +10955,8 @@ const usePlatformLimitsFetcher = platformLimit => {
 };
 var usePlatformLimitsFetcher$1 = usePlatformLimitsFetcher;
 
+var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxGroupsPerCustomer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2158, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n      maxGroupsPerCustomer {\n        limit\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+
 const useLimitsModalState = function () {
   let isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   const _useState = useState(isInitiallyOpen),
@@ -10985,7 +11083,7 @@ const getCustomerSupportLink = msg => jsx(Link, {
   isExternal: true,
   to: SUPPORT_PORTAL_URL,
   children: msg
-});
+}, `msg-${msg}`);
 const PlatformLimitWarningNotification = _ref => {
   let resource = _ref.resource,
     limit = _ref.limit;
@@ -11823,11 +11921,13 @@ var CustomersCombined = PlatformLimitsCustomersCombined;
 
 const useCustomersPlatformLimits = () => {
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
+    platformLimits = _useCustomersPlatform.platformLimits,
     refetch = _useCustomersPlatform.refetch;
   const _useCustomersPlatform2 = useCustomersPlatformLimitsStatus(),
     hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
     hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
   const interceptNavigation = useInterceptNavigation$1(hasReachedCustomersErrorLimit);
+  const maxGroupsPerCustomerLimit = platformLimits?.customers?.maxGroupsPerCustomer?.limit;
   return {
     CustomersLimits: {
       Notifications: CustomersNotification,
@@ -11837,6 +11937,7 @@ const useCustomersPlatformLimits = () => {
       ErrorModal: CustomersErrorModal
     },
     refetchCustomersPlatformLimits: refetch,
+    maxGroupsPerCustomerLimit,
     interceptNavigation,
     status: {
       hasReachedCustomersWarningLimit,
@@ -11861,6 +11962,38 @@ const injectCustomersPlatformLimits = () => WrappedComponent => {
 };
 var injectCustomersPlatformLimits$1 = injectCustomersPlatformLimits;
 
+const useBusinessUnitsPlatformLimitsFetcher = () => {
+  const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.businessUnits),
+    isLoading = _usePlatformLimitsFet.isLoading,
+    error = _usePlatformLimitsFet.error,
+    platformLimits = _usePlatformLimitsFet.platformLimits,
+    refetch = _usePlatformLimitsFet.refetch;
+  const formattedPlatformLimits = {
+    businessUnitsMaxDivisionsLimit: platformLimits.businessUnits?.maxDivisions.limit,
+    businessUnitsMaxDepthLimit: platformLimits.businessUnits?.maxDepthLimit.limit,
+    businessUnitsMaxAssociatesLimit: platformLimits.businessUnits?.maxAssociates.limit,
+    businessUnitsMaxAssociateRolesLimit: platformLimits.businessUnits?.maxAssociateRoles.limit
+  };
+  return {
+    isLoading,
+    error,
+    platformLimits: formattedPlatformLimits,
+    refetch
+  };
+};
+var useBusinessUnitsPlatformLimitsFetcher$1 = useBusinessUnitsPlatformLimitsFetcher;
+
+const useBusinessUnitsLimits = () => {
+  const _useBusinessUnitsPlat = useBusinessUnitsPlatformLimitsFetcher$1(),
+    refetch = _useBusinessUnitsPlat.refetch,
+    platformLimits = _useBusinessUnitsPlat.platformLimits;
+  return {
+    BusinessUnitsLimits: platformLimits,
+    refetchBusinessUnitsPlatformLimits: refetch
+  };
+};
+var useBusinessUnitsLimits$1 = useBusinessUnitsLimits;
+
 const useCustomerGroupsPlatformLimitsFetcher = () => {
   const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.customerGroups),
     isLoading = _usePlatformLimitsFet.isLoading,
@@ -12208,6 +12341,72 @@ const injectCustomerGroupsPlatformLimits = () => WrappedComponent => {
 };
 var injectCustomerGroupsPlatformLimits$1 = injectCustomerGroupsPlatformLimits;
 
+const useStoresPlatformLimitsFetcher = () => {
+  const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.stores),
+    isLoading = _usePlatformLimitsFet.isLoading,
+    error = _usePlatformLimitsFet.error,
+    platformLimits = _usePlatformLimitsFet.platformLimits,
+    refetch = _usePlatformLimitsFet.refetch;
+  const formattedPlatformLimits = {
+    total: platformLimits.stores?.total.limit,
+    storeLimit: platformLimits.stores?.total.limit,
+    storeCurrent: platformLimits.stores?.total.current,
+    inventorySupplyChannels: platformLimits.stores?.inventorySupplyChannels.limit,
+    productDistributionChannels: platformLimits.stores?.productDistributionChannels.limit
+  };
+  return {
+    isLoading,
+    error,
+    platformLimits: formattedPlatformLimits,
+    refetch
+  };
+};
+var useStoresPlatformLimitsFetcher$1 = useStoresPlatformLimitsFetcher;
+
+const useStoresPlatformLimits = () => {
+  const _useStoresPlatformLim = useStoresPlatformLimitsFetcher$1(),
+    platformLimits = _useStoresPlatformLim.platformLimits;
+  if (!platformLimits?.total) {
+    return {
+      hasReachedStoresWarningLimit: false,
+      hasReachedStoresErrorLimit: false
+    };
+  }
+  const storeLimit = platformLimits.storeLimit,
+    storeCurrent = platformLimits.storeCurrent;
+  const hasReachedStoresWarningLimit = getHasExceededWarningThreshold({
+    limit: storeLimit,
+    current: storeCurrent
+  });
+  const hasReachedStoresErrorLimit = getHasExceededLimit({
+    limit: storeLimit,
+    current: storeCurrent
+  });
+  return {
+    hasReachedStoresWarningLimit,
+    hasReachedStoresErrorLimit
+  };
+};
+var useStoresPlatformLimitsStatus = useStoresPlatformLimits;
+
+const useStoresLimits = () => {
+  const _useStoresPlatformLim = useStoresPlatformLimitsFetcher$1(),
+    refetch = _useStoresPlatformLim.refetch,
+    platformLimits = _useStoresPlatformLim.platformLimits;
+  const _useStoresPlatformLim2 = useStoresPlatformLimitsStatus(),
+    hasReachedStoresWarningLimit = _useStoresPlatformLim2.hasReachedStoresWarningLimit,
+    hasReachedStoresErrorLimit = _useStoresPlatformLim2.hasReachedStoresErrorLimit;
+  return {
+    StoreLimits: platformLimits,
+    refetchStoresPlatformLimits: refetch,
+    status: {
+      hasReachedStoresWarningLimit,
+      hasReachedStoresErrorLimit
+    }
+  };
+};
+var useStoresLimits$1 = useStoresLimits;
+
 var messages$c = defineMessages({
   yes: {
     id: 'BooleanField.yes',
@@ -13503,7 +13702,7 @@ function formatDiscount(discount, currencyCode, intl) {
   if (discount.type === 'relative') return `${discount.permyriad / 100}%`;
   if (!discount.money) return null;
   const moneyForCurrencyCode = _findInstanceProperty(_context = discount.money).call(_context, discountMoney => discountMoney.currencyCode === currencyCode);
-  return moneyForCurrencyCode ? formatMoney$1(moneyForCurrencyCode, intl) : null;
+  return moneyForCurrencyCode ? formatMoney$2(moneyForCurrencyCode, intl) : null;
 }
 
 function formatPercentage(percentage) {
@@ -13649,6 +13848,9 @@ function resolveStatusType(product) {
   if (published && !hasStagedChanges) return PRODUCT_STATUSES.PUBLISHED;
   return PRODUCT_STATUSES.UNPUBLISHED;
 }
+function getStampToneByPublishState(statusCode) {
+  if (statusCode === PRODUCT_STATUSES.UNPUBLISHED) return 'secondary';else if (statusCode === PRODUCT_STATUSES.PUBLISHED) return 'positive';else if (statusCode === PRODUCT_STATUSES.MODIFIED) return 'warning';
+}
 const computedProperties = {
   // TODO: show relative time as tooltip
   // `intl.formatRelative(<DATETIME>)`
@@ -13680,7 +13882,7 @@ const computedProperties = {
       intl = _ref4.intl;
     const allVariants = _concatInstanceProperty(_context2 = product.variants).call(_context2, product.masterVariant);
     const variantPrices = flatMap(allVariants, variant => variant.prices);
-    return _mapInstanceProperty(_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$1(price, intl)).join(', ') || NO_VALUE_FALLBACK;
+    return _mapInstanceProperty(_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$2(price, intl)).join(', ') || NO_VALUE_FALLBACK;
   },
   sku(_ref5) {
     var _context4, _context5;
@@ -13970,4 +14172,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$1 as Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, FormattedLocalizedString, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as 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$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as 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$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$N as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };
+export { booleanField as BooleanField, Button$1 as Button, CUSTOM_FIELD_TYPES, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldInput$1 as CustomFieldInput, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, FormattedLocalizedString, LOWER_STORES_LIMIT, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, PlatformLimitsFetcherQuery, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, QUERY_MAX_LIMIT, RESOURCES_WITH_PLATFORM_LIMITS, RecurrentIntervalPicker$1 as RecurrentIntervalPicker, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, UPPER_STORES_LIMIT, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributeToCustomField, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as createNextSortDefinition, createPlatformLimitsQueryVariables, 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$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapShippingRateTierToGraphQL, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$O as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useBusinessUnitsLimits$1 as useBusinessUnitsPlatformLimits, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };