@commercetools-frontend/experimental-components 6.4.6 → 7.0.0

package/dist/commercetools-frontend-experimental-components.cjs.prod.js

@@ -76,7 +76,7 @@ var applicationShell = require('@commercetools-frontend/application-shell');
 var _ = require('@commercetools-frontend/ui-kit/');
 var PropTypes = require('prop-types');
 var react$1 = require('@emotion/react');
-var reactBeautifulDnd = require('react-beautiful-dnd');
+var dnd = require('@hello-pangea/dnd');
 var ReactDOM = require('react-dom');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var selectUtils = require('@commercetools-uikit/select-utils');
@@ -229,6 +229,9 @@ const CenteredLoadingSpinner = () => jsxRuntime.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 = {
@@ -272,7 +275,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 = reactIntl.defineMessages({
+var commonPickerMessages = reactIntl.defineMessages({
   loadingErrorMessage: {
     id: 'Pickers.loadingErrorMessage',
     description: 'Message shown to used when picker fails to load data from server.',
@@ -285,7 +288,7 @@ var pickerMessages$1 = reactIntl.defineMessages({
   }
 });
 
-var messages$R = reactIntl.defineMessages({
+var messages$S = reactIntl.defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -307,16 +310,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();
@@ -400,7 +406,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -412,7 +418,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -435,7 +441,7 @@ const ChannelPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -469,7 +475,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
 
-var messages$Q = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -558,7 +564,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -571,7 +577,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,
@@ -579,7 +585,7 @@ const ProductTypePickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -587,7 +593,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$P = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -671,7 +677,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -683,7 +689,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,
@@ -705,7 +711,7 @@ const StatePickerInput = _ref => {
         }, dataLocale)
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -740,7 +746,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$O = reactIntl.defineMessages({
+var messages$P = reactIntl.defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -752,7 +758,7 @@ function ownKeys$1p(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 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__default["default"](_context = ownKeys$1p(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1p(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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
   }]
@@ -1353,7 +1359,7 @@ ThrottledField.defaultProps = {
 };
 var ThrottledField$1 = ThrottledField;
 
-var messages$N = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   buttonLabel: {
     id: 'SearchInput.buttonLabel',
     description: 'Label for "Search" button.',
@@ -1458,7 +1464,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,
@@ -2028,34 +2034,6 @@ const useStoreKeysInDataFences = _ref => {
 };
 var useStoreKeysInDataFences$1 = useStoreKeysInDataFences;
 
-function useDidFormValidationFail() {
-  const _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didFormValidationFail = _useState2[0],
-    setDidFormValidationFail = _useState2[1];
-  const _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    wasValidationRequested = _useState4[0],
-    setWasValidationRequested = _useState4[1];
-  const _useFormikContext = formik.useFormikContext(),
-    dirty = _useFormikContext.dirty,
-    isValid = _useFormikContext.isValid,
-    isValidating = _useFormikContext.isValidating;
-  React.useEffect(() => {
-    if (dirty) setWasValidationRequested(false);
-  }, [dirty]);
-  React.useEffect(() => {
-    if (isValidating) setWasValidationRequested(true);
-  }, [isValidating]);
-  React.useEffect(() => {
-    if (wasValidationRequested && !isValid) {
-      setDidFormValidationFail(true);
-      setWasValidationRequested(false);
-    }
-  }, [isValid, setWasValidationRequested, setDidFormValidationFail, wasValidationRequested]);
-  return Boolean(didFormValidationFail);
-}
-
 function ownKeys$1a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$1a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const TEN_MINUTES_IN_MS = 600000;
@@ -2132,7 +2110,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$M = reactIntl.defineMessages({
+var messages$N = reactIntl.defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -2156,22 +2134,22 @@ const LinkToProfile = props => {
   return jsxRuntime.jsx(uiKit.Link, {
     to: "/account/profile",
     children: props.children
-  });
+  }, "link");
 };
 LinkToProfile.displayName = 'LinkToProfile';
 const getLinkToProfile = msg => jsxRuntime.jsx(LinkToProfile, {
   children: msg
-});
-const getNewLine = () => jsxRuntime.jsx("br", {});
+}, "linkToProfile");
+const getNewLine = () => jsxRuntime.jsx("br", {}, crypto.randomUUID());
 const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xs",
     children: [jsxRuntime.jsx(uiKit.Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$M.profileUpdated
+      intlMessage: messages$N.profileUpdated
     }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.addMoreInformation), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$N.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -2180,7 +2158,7 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   }), jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "xs",
     children: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$N.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2263,8 +2241,11 @@ function usePendingRequests() {
     pendingRequests = _useState2[0],
     setPendingRequests = _useState2[1];
   const isUnmountedRef = React.useRef(false);
-  React.useEffect(() => () => {
-    isUnmountedRef.current = true;
+  React.useEffect(() => {
+    isUnmountedRef.current = false;
+    return () => {
+      isUnmountedRef.current = true;
+    };
   }, []);
   const change = React.useCallback(delta => {
     // FIXME: isMounted is an anti pattern
@@ -2305,7 +2286,7 @@ const useEventCallback = (fn, dependencies) => {
 };
 var useEventCallback$1 = useEventCallback;
 
-var messages$L = reactIntl.defineMessages({
+var messages$M = reactIntl.defineMessages({
   fallbackHint: {
     id: 'KeyFallback.fallbackHint',
     description: 'key fallback for a specified resource key (e.g name)',
@@ -2329,7 +2310,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;
@@ -2477,7 +2458,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 {
@@ -2513,841 +2494,244 @@ const useProductSelectionsFetcher = props => {
 };
 var useProductSelectionsFetcher$1 = useProductSelectionsFetcher;
 
-const _excluded$d = ["action"];
-function ownKeys$16(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context0 = ownKeys$16(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context1 = ownKeys$16(Object(t))).call(_context1, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const setToArray = function () {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return `id in (${_mapInstanceProperty__default["default"](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__default["default"](text).call(text, 1);
+}
 
-const getIsLocalizedString = maybeLocalizedString => {
-  if (typeof maybeLocalizedString === 'string') return false;
-  if (!maybeLocalizedString || typeof maybeLocalizedString === 'object' && _Object$keys__default["default"](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__default["default"](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__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](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 = l10n.applyTransformedLocalizedFields(category, transformationOptions);
-  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
-  const ancestors = category.ancestors ? _mapInstanceProperty__default["default"](_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__default["default"](invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.to);
 }
-function transformLocalizedFieldsForCartDiscount(cartDiscount) {
-  const transformationOptions = [{
-    from: 'nameAllLocales',
-    to: 'name'
-  }];
-  return l10n.applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+
+const invalidValues = [null, undefined, ''];
+function validateSingleFilter(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value);
 }
-function mapShippingRateTierToGraphQL(tiers) {
-  return _reduceInstanceProperty__default["default"](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__default["default"](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__default["default"](date).tz(timezone)?.utcOffset() || 0;
+    const formattedDate = momentDate.format(format);
+    const formattedDateWithOffset = moment__default["default"](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__default["default"](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__default["default"]`
+            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine__default["default"]`
+            (${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__default["default"](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__default["default"](value).isValid())) return false;
+  if (type === 'range' && (isEmpty$2({
+    value
+  }) || !moment__default["default"](value.from).isValid() || !moment__default["default"](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__default["default"](_context = _Object$keys__default["default"](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} ${uiKit.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__default["default"](actionPayload.value, possibleTypeKeys[valueType]);
-  if (filteredValue.money) {
-    var _context2;
-    const moneyFormatter = formatMoney$2(valueType);
-    filteredValue.money = _mapInstanceProperty__default["default"](_context2 = filteredValue.money).call(_context2, moneyFormatter);
-  }
-  return {
-    changeValue: {
-      value: {
-        [valueType]: filteredValue
-      }
+const getEndOfSecond = value => moment__default["default"](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__default["default"](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__default["default"]`
+          (${filterKey} >= "${value}"
+          and ${filterKey} <= "${getEndOfSecond(value)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine__default["default"]`
+          (${filterKey} >= "${value.from}"
+          and ${filterKey} <= "${getEndOfSecond(value.to)}")
+          `;
+      default:
+        return '';
     }
-  };
+  });
+
+  // The separator is and `or` as they are the same filter
+  const queryString = _filterInstanceProperty__default["default"](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: l10n.transformLocalizedStringToLocalizedField(payload.name)
-    };
-  };
-  switch (actionName) {
-    case 'changeName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setDescription':
-    case 'changeDescription':
-      return {
-        [actionName]: {
-          description: getIsLocalizedString(actionPayload.description) ? l10n.transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
-        }
-      };
-    case 'setLocalizedDescription':
-      return {
-        [actionName]: {
-          localizedDescription: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
-        }
-      };
-    case 'setName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setLocalizedName':
-      return {
-        [actionName]: {
-          localizedName: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedName)
-        }
-      };
-    case 'setLineItemCustomField':
-      return {
-        [actionName]: {
-          lineItemId: actionPayload.lineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomLineItemCustomField':
-      return {
-        [actionName]: {
-          customLineItemId: actionPayload.customLineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomField':
-      return {
-        [actionName]: {
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomType':
-      return {
-        [actionName]: {
-          typeId: actionPayload.type?.id,
-          fields: actionPayload.fields ? _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
-            let _ref2 = _slicedToArray(_ref, 2),
-              customField = _ref2[0],
-              value = _ref2[1];
-            return {
-              name: customField,
-              value: _JSON$stringify__default["default"](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__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
-          }
-        } : {
-          undefined
-        }
-      };
-    case 'changeLabel':
-      return {
-        changeLabel: {
-          attributeName: actionPayload.attributeName,
-          label: l10n.transformLocalizedStringToLocalizedField(actionPayload.label)
-        }
-      };
-    case 'setInputTip':
-      return {
-        setInputTip: {
-          attributeName: actionPayload.attributeName,
-          inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.inputTip)
-        }
-      };
-    case 'addAttributeDefinition':
-      return {
-        [actionName]: {
-          attributeDefinition: _objectSpread$16(_objectSpread$16({}, actionPayload.attribute), {}, {
-            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
-            inputTip: l10n.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: l10n.transformLocalizedStringToLocalizedField(actionPayload.value.label)
-          })
-        }
-      };
-    case 'changeLocalizedEnumValueLabel':
-      return {
-        [actionName]: {
-          attributeName: actionPayload.attributeName,
-          newValue: _objectSpread$16(_objectSpread$16({}, actionPayload.newValue), {}, {
-            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
-          })
-        }
-      };
-    case 'setShippingRateInputType':
-      return {
-        [actionName]: {
-          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
-            [actionPayload.shippingRateInputType.type]: {
-              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
-                key: value.key,
-                label: value.allLocaleLabels
-              })) : undefined
-            }
-          } : undefined
-        }
-      };
-    case 'addCustomLineItem':
-      {
-        return {
-          [actionName]: {
-            slug: actionPayload.slug,
-            quantity: actionPayload.quantity,
-            name: l10n.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__default["default"](_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__default["default"](actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
-              triggerPattern: _mapInstanceProperty__default["default"](_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
-                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
-              }))
-            }), actionPayload.target.targetPattern && {
-              targetPattern: _mapInstanceProperty__default["default"](_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
-                [pattern.type]: omit__default["default"](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__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context8 = _Object$entries__default["default"](fields)).call(_context8, _ref4 => {
-          let _ref5 = _slicedToArray(_ref4, 2),
-            name = _ref5[0],
-            value = _ref5[1];
-          return {
-            name,
-            value: _JSON$stringify__default["default"](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__default["default"](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__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context9 = _Object$entries__default["default"](fields)).call(_context9, _ref7 => {
-          let _ref8 = _slicedToArray(_ref7, 2),
-            name = _ref8[0],
-            value = _ref8[1];
-          return {
-            name,
-            value: _JSON$stringify__default["default"](value)
-          };
-        });
-        const customType = type?.id ? {
-          id: type.id
-        } : null;
-        return {
-          [actionName]: {
-            addressId,
-            fields: customFields,
-            type: customType
-          }
-        };
-      }
-    default:
-      return {
-        [actionName]: actionPayload
-      };
-  }
-};
-const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["default"](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__default["default"](_context = error.message).call(_context, "The feature 'recurring-orders' is not enabled for this project. Please contact commercetools support.");
-};
-const useRecurrenceIntervals = () => {
-  const _useQuery = client.useQuery(FetchRecurrencePolicies, {
-      context: {
-        target: constants.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__default["default"](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__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
-};
-
-function capitalizeFirst(text) {
-  return text.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](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__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](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__default["default"](invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.to);
-}
-
-const invalidValues = [null, undefined, ''];
-function validateSingleFilter(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty__default["default"](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__default["default"](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__default["default"](date).tz(timezone)?.utcOffset() || 0;
-    const formattedDate = momentDate.format(format);
-    const formattedDateWithOffset = moment__default["default"](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__default["default"](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__default["default"]`
-            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine__default["default"]`
-            (${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__default["default"](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__default["default"](value).isValid())) return false;
-  if (type === 'range' && (isEmpty$2({
-    value
-  }) || !moment__default["default"](value.from).isValid() || !moment__default["default"](value.to).isValid())) return false;
-  return true;
-}
-
-var localizedTextTransformer = localizedString => {
-  var _context;
-  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
-};
-
-const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.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__default["default"](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__default["default"](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__default["default"]`
-          (${filterKey} >= "${value}"
-          and ${filterKey} <= "${getEndOfSecond(value)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine__default["default"]`
-          (${filterKey} >= "${value.from}"
-          and ${filterKey} <= "${getEndOfSecond(value.to)}")
-          `;
-      default:
-        return '';
-    }
-  });
-
-  // The separator is and `or` as they are the same filter
-  const queryString = _filterInstanceProperty__default["default"](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__default$1["default"].tz.guess()
+function formatDateRangeValue(value, type) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    locale: 'en',
+    timeZone: moment__default$1["default"].tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
   if (value.from && value.to) return oneLine__default["default"]`
@@ -4552,8 +3936,8 @@ const getData = (code, field) => {
 };
 const getFractionDigit = code => getData(code, 'fractionDigit');
 
-function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$15(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$15(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$16(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$16(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$16(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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)} -
@@ -4563,7 +3947,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 ? {
@@ -4578,15 +3962,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 = reactIntl.defineMessages({
+var messages$L = reactIntl.defineMessages({
   booleanYes: {
     id: 'AttributeTypeFormats.boolean.yes',
     description: 'The label for boolean attribute `true` value',
@@ -4626,10 +4010,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;
@@ -4668,7 +4052,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,
@@ -4690,144 +4074,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__default["default"](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__default["default"](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__default["default"](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 ? constants.NO_VALUE_FALLBACK : _ref12$fallbackValue;
+  if (isNil__default["default"](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__default["default"](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__default["default"](type)) return value;
+  if (type.name === 'Set') {
+    return _mapInstanceProperty__default["default"](value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
+  }
+  if (type.name === 'Enum' || type.name === 'LocalizedEnum') {
+    var _context;
+    return _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](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__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
+};
+var getPrefixSearchBounds$1 = getPrefixSearchBounds;
+
+const _excluded$d = ["action"];
+function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context0 = ownKeys$15(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context1 = ownKeys$15(Object(t))).call(_context1, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](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__default["default"](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 = l10n.applyTransformedLocalizedFields(category, transformationOptions);
+  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
+  const ancestors = category.ancestors ? _mapInstanceProperty__default["default"](_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 l10n.applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+}
+function mapShippingRateTierToGraphQL(tiers) {
+  return _reduceInstanceProperty__default["default"](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__default["default"](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__default["default"](actionPayload.value, possibleTypeKeys[valueType]);
+  if (filteredValue.money) {
+    var _context2;
+    const moneyFormatter = formatMoney(valueType);
+    filteredValue.money = _mapInstanceProperty__default["default"](_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 ? constants.NO_VALUE_FALLBACK : _ref12$fallbackValue;
-  if (isNil__default["default"](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: l10n.transformLocalizedStringToLocalizedField(payload.name)
+    };
+  };
+  switch (actionName) {
+    case 'changeName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setDescription':
+    case 'changeDescription':
+      return {
+        [actionName]: {
+          description: getIsLocalizedString(actionPayload.description) ? l10n.transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
+        }
+      };
+    case 'setLocalizedDescription':
+      return {
+        [actionName]: {
+          localizedDescription: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
+        }
+      };
+    case 'setName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setLocalizedName':
+      return {
+        [actionName]: {
+          localizedName: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedName)
+        }
+      };
+    case 'setSlug':
+      return {
+        [actionName]: {
+          slug: l10n.transformLocalizedStringToLocalizedField(actionPayload.slug)
+        }
+      };
+    case 'setLineItemCustomField':
+      return {
+        [actionName]: {
+          lineItemId: actionPayload.lineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomLineItemCustomField':
+      return {
+        [actionName]: {
+          customLineItemId: actionPayload.customLineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomField':
+      return {
+        [actionName]: {
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomType':
+      return {
+        [actionName]: {
+          typeId: actionPayload.type?.id,
+          fields: actionPayload.fields ? _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
+            let _ref2 = _slicedToArray(_ref, 2),
+              customField = _ref2[0],
+              value = _ref2[1];
+            return {
+              name: customField,
+              value: _JSON$stringify__default["default"](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__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
+          }
+        } : {
+          undefined
+        }
+      };
+    case 'changeLabel':
+      return {
+        changeLabel: {
+          attributeName: actionPayload.attributeName,
+          label: l10n.transformLocalizedStringToLocalizedField(actionPayload.label)
+        }
+      };
+    case 'setInputTip':
+      return {
+        setInputTip: {
+          attributeName: actionPayload.attributeName,
+          inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.inputTip)
+        }
+      };
+    case 'addAttributeDefinition':
+      return {
+        [actionName]: {
+          attributeDefinition: _objectSpread$15(_objectSpread$15({}, actionPayload.attribute), {}, {
+            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
+            inputTip: l10n.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: l10n.transformLocalizedStringToLocalizedField(actionPayload.value.label)
+          })
+        }
+      };
+    case 'changeLocalizedEnumValueLabel':
+      return {
+        [actionName]: {
+          attributeName: actionPayload.attributeName,
+          newValue: _objectSpread$15(_objectSpread$15({}, actionPayload.newValue), {}, {
+            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
+          })
+        }
+      };
+    case 'setShippingRateInputType':
+      return {
+        [actionName]: {
+          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
+            [actionPayload.shippingRateInputType.type]: {
+              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
+                key: value.key,
+                label: value.allLocaleLabels
+              })) : undefined
+            }
+          } : undefined
+        }
+      };
+    case 'addCustomLineItem':
+      {
+        return {
+          [actionName]: {
+            slug: actionPayload.slug,
+            quantity: actionPayload.quantity,
+            name: l10n.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__default["default"](_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__default["default"](actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
+              triggerPattern: _mapInstanceProperty__default["default"](_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
+                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
+              }))
+            }), actionPayload.target.targetPattern && {
+              targetPattern: _mapInstanceProperty__default["default"](_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
+                [pattern.type]: omit__default["default"](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__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context8 = _Object$entries__default["default"](fields)).call(_context8, _ref4 => {
+          let _ref5 = _slicedToArray(_ref4, 2),
+            name = _ref5[0],
+            value = _ref5[1];
+          return {
+            name,
+            value: _JSON$stringify__default["default"](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__default["default"](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__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context9 = _Object$entries__default["default"](fields)).call(_context9, _ref7 => {
+          let _ref8 = _slicedToArray(_ref7, 2),
+            name = _ref8[0],
+            value = _ref8[1];
+          return {
+            name,
+            value: _JSON$stringify__default["default"](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__default["default"](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__default["default"](type)) return value;
-  if (type.name === 'Set') {
-    return _mapInstanceProperty__default["default"](value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
+const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["default"](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__default["default"](_context = _valuesInstanceProperty__default["default"](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__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](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;
@@ -5227,7 +5184,7 @@ function uniqueObjects(items) {
 
  */
 
-const messages$J = reactIntl.defineMessages({
+const messages$K = reactIntl.defineMessages({
   unique: {
     id: 'Validation.unique',
     description: 'An error message to show if the field must be unique',
@@ -5269,7 +5226,7 @@ const messages$J = reactIntl.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] : [];
@@ -5528,7 +5485,7 @@ function ReferenceSearch(props) {
   });
 }
 
-const messages$H = reactIntl.defineMessages({
+const messages$I = reactIntl.defineMessages({
   placeholder: {
     id: 'CartDiscountReferenceSearch.placeholder',
     description: 'Placeholder for search for a cart discount',
@@ -5555,7 +5512,7 @@ const messages$H = reactIntl.defineMessages({
     defaultMessage: 'Enter search term'
   }
 });
-var messages$I = messages$H;
+var messages$J = messages$I;
 
 function ownKeys$11(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$11(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$11(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -5580,7 +5537,7 @@ function Option$1(props) {
           fallbackOrder: languages
         })
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: [formatMessage(messages$I.key), ": ", cartDiscount.key || constants.NO_VALUE_FALLBACK]
+        children: [formatMessage(messages$J.key), ": ", cartDiscount.key || constants.NO_VALUE_FALLBACK]
       })]
     })
   }));
@@ -5656,10 +5613,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,
@@ -5669,7 +5626,7 @@ function CartDiscountReferenceSearch(props) {
   });
 }
 
-const messages$F = reactIntl.defineMessages({
+const messages$G = reactIntl.defineMessages({
   placeholder: {
     id: 'CategoryReferenceSearch.placeholder',
     description: 'Placeholder for search for a category',
@@ -5701,7 +5658,7 @@ const messages$F = reactIntl.defineMessages({
     defaultMessage: 'Parent Category'
   }
 });
-var messages$G = messages$F;
+var messages$H = messages$G;
 
 function ownKeys$$(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$$(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$$(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -5726,7 +5683,7 @@ function Option(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$G.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
+        children: `${formatMessage(messages$H.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
@@ -5738,7 +5695,7 @@ function Option(props) {
           fallbackOrder: languages
         })}`
       }), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$G.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
+        children: `${formatMessage(messages$H.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
       })]
     })
   }));
@@ -5786,10 +5743,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,
@@ -5866,7 +5823,7 @@ const Button = _ref => {
 Button.displayName = 'Button';
 var Button$1 = Button;
 
-var messages$E = reactIntl.defineMessages({
+var messages$F = reactIntl.defineMessages({
   chooseFile: {
     id: 'ButtonFileInput.chooseFile',
     description: 'The label text of the field for upload local file',
@@ -5883,7 +5840,7 @@ var styles$f = {
 };
 const FileInput = _ref => {
   let _ref$children = _ref.children,
-    children = _ref$children === void 0 ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$E.chooseFile)) : _ref$children,
+    children = _ref$children === void 0 ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$F.chooseFile)) : _ref$children,
     _ref$allowMultiple = _ref.allowMultiple,
     allowMultiple = _ref$allowMultiple === void 0 ? false : _ref$allowMultiple,
     _ref$acceptTypes = _ref.acceptTypes,
@@ -5906,7 +5863,7 @@ const FileInput = _ref => {
 FileInput.displayName = 'FileInput';
 var FileInput$1 = FileInput;
 
-var messages$D = reactIntl.defineMessages({
+var messages$E = reactIntl.defineMessages({
   countriesBasicSelectPlaceholder: {
     id: 'CountriesPicker.countriesBasicSelectPlaceholder',
     description: 'Placeholder of the basic field for countries',
@@ -5927,7 +5884,7 @@ var messages$D = reactIntl.defineMessages({
 function ownKeys$X(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context8 = ownKeys$X(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$X(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const emptyCountryOption = intl => [{
-  label: intl.formatMessage(messages$D.countriesAsyncSelectDropdownTypeAheadPrompt),
+  label: intl.formatMessage(messages$E.countriesAsyncSelectDropdownTypeAheadPrompt),
   value: undefined,
   isDisabled: true
 }];
@@ -5970,7 +5927,7 @@ function CountriesAsyncSelectDropdown(props) {
       var _context7;
       return _findInstanceProperty__default["default"](_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,
@@ -5990,7 +5947,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,
@@ -6026,7 +5983,7 @@ function CountriesPicker(_ref) {
   });
 }
 
-var messages$C = reactIntl.defineMessages({
+var messages$D = reactIntl.defineMessages({
   noCustomerGroupsFound: {
     id: 'Prices.CustomerGroupPickerInput.noCustomerGroupsFound',
     description: 'The message to display when no customer groups were found',
@@ -6116,7 +6073,7 @@ const CustomerGroupPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$C.noCustomerGroupsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$D.noCustomerGroupsFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -6127,7 +6084,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$C.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$D.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -6146,7 +6103,7 @@ const CustomerGroupPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -6162,7 +6119,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 jsxRuntime.jsx("hr", {
@@ -6233,12 +6191,13 @@ const mergeSetItemsErrors = errors => _reduceInstanceProperty__default["default"
 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 = formik.useFormikContext(),
+    isFormValid = _useFormikContext.isValid;
   const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [props.isTouched || didFormValidationFail && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
+    children: [props.isTouched || !isFormValid && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.required
-    }), props.isTouched || didFormValidationFail && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
+    }), props.isTouched || !isFormValid && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.unique
     })]
   });
@@ -6263,7 +6222,7 @@ const makeChangeHandler = setValue => event => {
 // attributes.
 const omitUnknownValues = (valuesAsMap, fieldDefinitionsAsMap) => omitBy__default["default"](valuesAsMap, (value, key) => isNil__default["default"](fieldDefinitionsAsMap[key]));
 
-var messages$B = reactIntl.defineMessages({
+var messages$C = reactIntl.defineMessages({
   booleanSetInputYesLabel: {
     id: 'CustomBooleanInputSet.booleanSetInputYesLabel',
     description: 'Custom boolean input set Yes label',
@@ -6305,13 +6264,13 @@ function CustomBooleanInputSet(props) {
     formatMessage = _useIntl.formatMessage;
   const options = React.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);
@@ -6895,7 +6854,7 @@ const NestingLevelContext = /*#__PURE__*/React.createContext(0);
 var NestingLevelContext$1 = NestingLevelContext;
 
 // eslint-disable-next-line import/prefer-default-export
-const messages$A = reactIntl.defineMessages({
+const messages$B = reactIntl.defineMessages({
   aboveFifthLevelWarning: {
     id: 'attributeInputByType.nestedAttributes.aboveFifthLevelWarning',
     description: 'Warning message shown when nested attribute are above the fifth level',
@@ -6907,9 +6866,9 @@ const messages$A = reactIntl.defineMessages({
     defaultMessage: 'Empty'
   }
 });
-var customFieldsMessages = messages$A;
+var customFieldsMessages = messages$B;
 
-var messages$z = reactIntl.defineMessages({
+var messages$A = reactIntl.defineMessages({
   updateButton: {
     id: 'NestedAttributes.Details.updateButton',
     description: 'Update button label',
@@ -6994,7 +6953,7 @@ const EditButton = props => {
     formatMessage = _useIntl.formatMessage;
   return jsxRuntime.jsx(uiKit.Tooltip, {
     placement: "top",
-    title: formatMessage(messages$z.editTooltip),
+    title: formatMessage(messages$A.editTooltip),
     children: jsxRuntime.jsx(uiKit.IconButton, {
       label: "Edit",
       isDisabled: props.isDisabled,
@@ -7010,12 +6969,12 @@ const DropChangesConfirmation = props => {
     formatMessage = _useIntl2.formatMessage;
   return jsxRuntime.jsx(applicationComponents.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: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: messages$z.confirmationDialogBody
+      intlMessage: messages$A.confirmationDialogBody
     })
   });
 };
@@ -7040,11 +6999,11 @@ const NestedAttributeModalPage = props => {
         children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
           isDisabled: !formik$1.dirty,
           iconLeft: jsxRuntime.jsx(uiKit.RevertIcon, {}),
-          label: formatMessage(messages$z.cancelButton),
+          label: formatMessage(messages$A.cancelButton),
           onClick: formik$1.resetForm
         }), jsxRuntime.jsx(applicationComponents.CustomFormModalPage.FormPrimaryButton, {
           isDisabled: !formik$1.dirty,
-          label: formatMessage(messages$z.updateButton),
+          label: formatMessage(messages$A.updateButton),
           onClick: formik$1.handleSubmit
         })]
       }),
@@ -7086,7 +7045,7 @@ const NestedInputControls = props => {
   if (nextNestingLevel >= 6) return jsxRuntime.jsx(MaxNestingLevelReached, {});
   const hasAttributes = props.productType.attributeDefinitions.length > 0;
   if (!hasAttributes) return jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: messages$z.emptyProductType,
+    intlMessage: messages$A.emptyProductType,
     tone: "secondary"
   });
   return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -7162,7 +7121,7 @@ const CustomNestedInput = /*#__PURE__*/React.memo(props => {
             if (nestingLevel !== 0) parentFormik.submitForm();else showNotification({
               kind: 'success',
               domain: constants.DOMAINS.SIDE,
-              text: formatMessage(messages$z.attributeUpdateSucceeded)
+              text: formatMessage(messages$A.attributeUpdateSucceeded)
             });
             setSubmitting(false);
           },
@@ -7281,7 +7240,7 @@ function CustomChannelReferenceInput(props) {
 }
 CustomChannelReferenceInput.displayName = 'CustomChannelReferenceInput';
 
-var messages$y = reactIntl.defineMessages({
+var messages$z = reactIntl.defineMessages({
   noProductsFound: {
     id: 'Shared.ProductPickerInput.noProductsFound',
     description: 'The message to display when no products were found',
@@ -7379,7 +7338,7 @@ const ProductPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$y.placeholder),
+          placeholder: formatMessage(messages$z.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -7393,7 +7352,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,
@@ -7401,7 +7360,7 @@ const ProductPickerInput = _ref => {
         })
       }), isLoadingFailed && showLoadingErrorMessage && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -7633,7 +7592,7 @@ const CustomFieldInput = /*#__PURE__*/React.memo(props => {
 CustomFieldInput.displayName = 'CustomFieldInput';
 var CustomFieldInput$1 = CustomFieldInput;
 
-var messages$x = reactIntl.defineMessages({
+var messages$y = reactIntl.defineMessages({
   productReferenceLabel: {
     id: 'CustomFieldsLabel.productReferenceLabel',
     description: 'Label shown above the product picker input.',
@@ -7701,7 +7660,7 @@ const CustomFieldsLabelHint = _ref2 => {
       children: [jsxRuntime.jsx(uiKit.WarningIcon, {
         size: "medium",
         color: "warning"
-      }), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$P({}, messages$x.cartDiscountMoreThan500))]
+      }), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$P({}, messages$y.cartDiscountMoreThan500))]
     });
   }
   return l10n.formatLocalizedString(fieldDefinition, {
@@ -7715,8 +7674,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
@@ -7733,13 +7692,13 @@ function CustomFieldsLabelSubtitle(_ref3) {
   const referenceTypeName = capitalizeFirst(referenceTypeId);
   if (_includesInstanceProperty__default["default"](_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 jsxRuntime.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`;
   }
@@ -7755,7 +7714,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const _useIntl3 = reactIntl.useIntl(),
     formatMessage = _useIntl3.formatMessage;
   return assignedAttributeGroups?.length > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
-    title: formatMessage(messages$x.attributeGroupCountTooltip, {
+    title: formatMessage(messages$y.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty__default["default"](assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
     }),
@@ -7812,7 +7771,7 @@ const CustomFieldsLabel = /*#__PURE__*/React.memo(_ref5 => {
 CustomFieldsLabel.displayName = 'CustomFieldsTitle';
 var CustomFieldsLabel$1 = CustomFieldsLabel;
 
-var messages$w = reactIntl.defineMessages({
+var messages$x = reactIntl.defineMessages({
   referencedProductType: {
     id: 'NestedAttributes.referencedProductType',
     description: 'Product type referenced hint',
@@ -7823,7 +7782,7 @@ var messages$w = reactIntl.defineMessages({
 function ownKeys$O(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$O(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$O(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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
     }
@@ -7847,7 +7806,7 @@ function CustomNestedFieldInput(props) {
       color: "error"
     }), jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
-      intlMessage: pickerMessages$1.loadingErrorMessage
+      intlMessage: commonPickerMessages.loadingErrorMessage
     })]
   });
   if (!productType) return null;
@@ -7912,7 +7871,7 @@ const DraggableWrapper = _ref2 => {
       return children;
     }
   };
-  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
+  return jsxRuntime.jsx(dnd.Draggable, {
     draggableId: draggableId,
     index: index,
     children: (provided, snapshot) => {
@@ -7951,9 +7910,9 @@ function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var _
 const DroppableWrapper = _ref => {
   let children = _ref.children,
     onDragEnd = _ref.onDragEnd;
-  return jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
+  return jsxRuntime.jsx(dnd.DragDropContext, {
     onDragEnd: onDragEnd,
-    children: jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
+    children: jsxRuntime.jsx(dnd.Droppable, {
       droppableId: "droppable",
       children: provided => jsxRuntime.jsxs("div", _objectSpread$L(_objectSpread$L({
         ref: provided.innerRef
@@ -8048,7 +8007,8 @@ const CustomFieldsInternal = _ref => {
     touched = _useFormikContext.touched,
     values = _valuesInstanceProperty__default["default"](_useFormikContext),
     handleBlur = _useFormikContext.handleBlur,
-    status = _useFormikContext.status;
+    status = _useFormikContext.status,
+    isFormValid = _useFormikContext.isValid;
   const _useIntl = reactIntl.useIntl(),
     locale = _useIntl.locale;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -8060,7 +8020,6 @@ const CustomFieldsInternal = _ref => {
   const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
   const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const isTailoringFallbackEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
-  const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -8082,7 +8041,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__default["default"](value)) return {
           missing: true
@@ -8787,6 +8746,146 @@ function ProductSelectionsPicker(_ref) {
   });
 }
 
+var messages$w = reactIntl.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__default["default"](_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 = client.useQuery(FetchRecurrencePolicies, {
+      context: {
+        target: constants.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__default["default"](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 = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const dataLocale = applicationShellConnectors.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__default["default"](recurrencePolicies).call(recurrencePolicies, policy => policy.id === value);
+  const options = React.useMemo(() => {
+    if (loading) return [];
+    const mapped = _mapInstanceProperty__default["default"](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;
+  React.useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "s",
+    children: [jsxRuntime.jsx(uiKit.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 ? jsxRuntime.jsx(uiKit.Text.Body, {
+      tone: "negative",
+      intlMessage: commonPickerMessages.loadingErrorMessage
+    }) : selectedIsMissingInData ? jsxRuntime.jsx(uiKit.Text.Body, {
+      tone: "negative",
+      intlMessage: messages$w.missingSelectedWarning
+    }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
+      type: "warning",
+      children: jsxRuntime.jsx(uiKit.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",
@@ -8943,9 +9042,6 @@ var messages$u = reactIntl.defineMessages({
   }
 });
 
-const LOWER_STORES_LIMIT = 60;
-const UPPER_STORES_LIMIT = 500;
-
 // map store to options
 const mapStoresToOptions = _ref => {
   var _context, _context2;
@@ -10918,9 +11014,9 @@ const createQueryVariables = platformLimit => _reduceInstanceProperty__default["
 }, 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 = react.useQuery(PlatformLimitsFetcherQuery, {
+  const _useQuery = react.useQuery(PlatformLimitsFetcherQuery$1, {
       variables: createPlatformLimitsQueryVariables(platformLimit),
       context: {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -10941,6 +11037,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 = React.useState(isInitiallyOpen),
@@ -11067,7 +11165,7 @@ const getCustomerSupportLink = msg => jsxRuntime.jsx(uiKit.Link, {
   isExternal: true,
   to: constants.SUPPORT_PORTAL_URL,
   children: msg
-});
+}, `msg-${msg}`);
 const PlatformLimitWarningNotification = _ref => {
   let resource = _ref.resource,
     limit = _ref.limit;
@@ -11905,11 +12003,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,
@@ -11919,6 +12019,7 @@ const useCustomersPlatformLimits = () => {
       ErrorModal: CustomersErrorModal
     },
     refetchCustomersPlatformLimits: refetch,
+    maxGroupsPerCustomerLimit,
     interceptNavigation,
     status: {
       hasReachedCustomersWarningLimit,
@@ -11943,6 +12044,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,
@@ -12290,6 +12423,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 = reactIntl.defineMessages({
   yes: {
     id: 'BooleanField.yes',
@@ -13585,7 +13784,7 @@ function formatDiscount(discount, currencyCode, intl) {
   if (discount.type === 'relative') return `${discount.permyriad / 100}%`;
   if (!discount.money) return null;
   const moneyForCurrencyCode = _findInstanceProperty__default["default"](_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) {
@@ -13731,6 +13930,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>)`
@@ -13762,7 +13964,7 @@ const computedProperties = {
       intl = _ref4.intl;
     const allVariants = _concatInstanceProperty__default["default"](_context2 = product.variants).call(_context2, product.masterVariant);
     const variantPrices = flatMap__default["default"](allVariants, variant => variant.prices);
-    return _mapInstanceProperty__default["default"](_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$1(price, intl)).join(', ') || constants.NO_VALUE_FALLBACK;
+    return _mapInstanceProperty__default["default"](_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$2(price, intl)).join(', ') || constants.NO_VALUE_FALLBACK;
   },
   sku(_ref5) {
     var _context4, _context5;
@@ -14054,6 +14256,7 @@ var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kin
 
 exports.BooleanField = booleanField;
 exports.Button = Button$1;
+exports.CUSTOM_FIELD_TYPES = CUSTOM_FIELD_TYPES;
 exports.CartDiscountReferenceSearch = CartDiscountReferenceSearch;
 exports.CategoryReferenceSearch = CategoryReferenceSearch;
 exports.CategorySearchPickerOptionFragment = CategorySearchPickerOptionFragment;
@@ -14061,6 +14264,7 @@ exports.CenteredLoadingSpinner = CenteredLoadingSpinner$1;
 exports.ChannelPickerInput = ChannelPickerInput$1;
 exports.CountriesPicker = CountriesPicker;
 exports.CustomFieldDefinitionsConnector = customFieldDefinitionsConnector;
+exports.CustomFieldInput = CustomFieldInput$1;
 exports.CustomFieldTooltip = CustomFieldTooltip$1;
 exports.CustomFieldTypeDefinitionsConnector = CustomFieldTypeDefinitionsConnector$1;
 exports.CustomFields = CustomFields$1;
@@ -14073,6 +14277,7 @@ exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.FileInput = FileInput$1;
 exports.FormattedDateTime = FormattedDateTime$1;
 exports.FormattedLocalizedString = FormattedLocalizedString;
+exports.LOWER_STORES_LIMIT = LOWER_STORES_LIMIT;
 exports.LabelRange = LabelRange$1;
 exports.MC_RESOURCES_WITH_KEYS = MC_RESOURCES_WITH_KEYS;
 exports.MissingValueField = MissingValueField$1;
@@ -14081,11 +14286,15 @@ exports.NumericFormatInput = numericFormatInput;
 exports.Option = Option$2;
 exports.PRECISION_TYPES = PRECISION_TYPES;
 exports.PimIndexerProvider = pimIndexerProvider;
+exports.PlatformLimitsFetcherQuery = PlatformLimitsFetcherQuery;
 exports.ProductAttributeInput = ProductAttributeInput;
 exports.ProductAttributes = ProductAttributes;
 exports.ProductPickerInput = ProductPickerInput$1;
 exports.ProductSelectionPicker = ProductSelectionsPicker;
 exports.QUERY_LIMIT = QUERY_LIMIT;
+exports.QUERY_MAX_LIMIT = QUERY_MAX_LIMIT;
+exports.RESOURCES_WITH_PLATFORM_LIMITS = RESOURCES_WITH_PLATFORM_LIMITS;
+exports.RecurrentIntervalPicker = RecurrentIntervalPicker$1;
 exports.RequestCache = RequestCache$1;
 exports.RequiredIndicator = RequiredIndicator$1;
 exports.ScrollToFieldError = ScrollToFieldError$1;
@@ -14094,12 +14303,14 @@ exports.SelectableFieldSearchInput = SelectableFieldSearchInput$1;
 exports.StoreSelectField = StoreSelectField$1;
 exports.StoreSelectInput = StoreSelectInput$1;
 exports.ThrottledField = ThrottledField$1;
+exports.UPPER_STORES_LIMIT = UPPER_STORES_LIMIT;
 exports.VALIDATOR_INTEGER = VALIDATOR_INTEGER;
 exports.VALIDATOR_NUMERIC = VALIDATOR_NUMERIC;
 exports.VALIDATOR_REQUIRED = VALIDATOR_REQUIRED;
 exports.WithPimIndexer = WithPimIndexer$1;
 exports.allowedProperties = allowedProperties;
 exports.and = and;
+exports.attributeToCustomField = attributeToCustomField;
 exports.attributesMapToNameValuePairs = attributesMapToNameValuePairs;
 exports.base64ToString = base64ToString;
 exports.booleanMessages = messages$c;
@@ -14117,6 +14328,7 @@ exports.convertProductSelectionFromGraphQl = convertProductSelectionFromGraphQl;
 exports.convertRatioToPercentage = convertRatioToPercentage;
 exports.createGraphQlUpdateActions = createGraphQlUpdateActions;
 exports.createNextSortDefinition = createNextSortDefinition$1;
+exports.createPlatformLimitsQueryVariables = createPlatformLimitsQueryVariables;
 exports.createReducer = createReducer;
 exports.createResourceReducer = createResourceReducer;
 exports.customFieldsTransformer = customFields;
@@ -14133,7 +14345,7 @@ exports.formatCustomerName = formatCustomerName;
 exports.formatDateRangeValue = formatDateRangeValue;
 exports.formatDateTime = formatDateTime$1;
 exports.formatDiscount = formatDiscount;
-exports.formatMoney = formatMoney$1;
+exports.formatMoney = formatMoney$2;
 exports.formatMoneyRangeValue = formatMoneyRangeValue;
 exports.formatMoneyValue = formatMoneyValue;
 exports.formatPercentage = formatPercentage;
@@ -14156,6 +14368,7 @@ exports.getPrefixSearchBounds = getPrefixSearchBounds$1;
 exports.getPriceChannelName = getPriceChannelName;
 exports.getReferenceTypeId = getReferenceTypeId;
 exports.getSelectedPrice = getSelectedPrice;
+exports.getStampToneByPublishState = getStampToneByPublishState;
 exports.getTimeZoneId = getTimeZoneId;
 exports.getTimeZoneLabel = getTimeZoneLabel;
 exports.getTypeNameOfType = getTypeNameOfType;
@@ -14187,6 +14400,7 @@ exports.isValidISODate = isValidISODate;
 exports.isValidISODateTime = isValidISODateTime;
 exports.isValidISOTime = isValidISOTime;
 exports.keepDisplayName = keepDisplayName$1;
+exports.mapShippingRateTierToGraphQL = mapShippingRateTierToGraphQL;
 exports.mapStoresToOptions = mapStoresToOptions;
 exports.mapTimeZonesToOptions = mapTimeZonesToOptions;
 exports.minusify = minusify;
@@ -14197,14 +14411,14 @@ exports.not = not;
 exports.omitDeep = omitDeep;
 exports.omitSetsOfSets = omitSetsOfSets;
 exports.or = or;
-exports.pickerMessages = pickerMessages$1;
+exports.pickerMessages = commonPickerMessages;
 exports.range = range;
 exports.reorderArrayItems = reorderArrayItems;
 exports.resolveStatusType = resolveStatusType;
 exports.safelyAddFallback = safelyAddFallback;
 exports.sanitize = sanitize;
 exports.searchCategories = searchCategories;
-exports.searchInputMessages = messages$N;
+exports.searchInputMessages = messages$O;
 exports.setDisplayName = setDisplayName$1;
 exports.setToArray = setToArray;
 exports.shallowEqual = shallowEqual;
@@ -14221,6 +14435,7 @@ exports.transformLocalizedFieldsForCategory = transformLocalizedFieldsForCategor
 exports.truncate = truncate;
 exports.unique = unique;
 exports.uniqueObjects = uniqueObjects;
+exports.useBusinessUnitsPlatformLimits = useBusinessUnitsLimits$1;
 exports.useCachedCategoryOptions = useCachedCategoryOptions;
 exports.useCurrentOption = useCurrentOption;
 exports.useCustomFieldsDnDContext = useDnDContext;
@@ -14244,6 +14459,7 @@ exports.useShippingMethodsPlatformLimits = useShippingMethodsPlatformLimits;
 exports.useStorage = useStorage$1;
 exports.useStoreKeysInDataFences = useStoreKeysInDataFences$1;
 exports.useStoresListFetcher = useStoresListFetcher$1;
+exports.useStoresPlatformLimits = useStoresLimits$1;
 exports.useTaxCategoriesPlatformLimits = useTaxCategoriesPlatformLimits;
 exports.useTotalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher$1;
 exports.validateCustomField = validateFilter$2;