@commercetools-frontend/experimental-components 6.4.5 → 7.0.0

package/dist/commercetools-frontend-experimental-components.cjs.dev.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');
@@ -230,6 +230,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 = {
@@ -273,7 +276,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.',
@@ -286,7 +289,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',
@@ -308,16 +311,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();
@@ -401,7 +407,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, {
@@ -413,7 +419,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,
@@ -436,7 +442,7 @@ const ChannelPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -470,7 +476,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',
@@ -559,7 +565,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,
@@ -572,7 +578,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,
@@ -580,7 +586,7 @@ const ProductTypePickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -588,7 +594,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',
@@ -672,7 +678,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",
@@ -684,7 +690,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,
@@ -706,7 +712,7 @@ const StatePickerInput = _ref => {
         }, dataLocale)
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -741,7 +747,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',
@@ -753,7 +759,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
   }]
@@ -1354,7 +1360,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.',
@@ -1459,7 +1465,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,
@@ -2029,34 +2035,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;
@@ -2133,7 +2111,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',
@@ -2157,22 +2135,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
         }
@@ -2181,7 +2159,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
@@ -2264,8 +2242,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
@@ -2306,7 +2287,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)',
@@ -2330,7 +2311,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;
@@ -2478,7 +2459,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 {
@@ -3990,7 +3971,7 @@ function formatMoney$2(moneyValue, intl, options) {
   }, options));
 }
 
-var messages$K = reactIntl.defineMessages({
+var messages$L = reactIntl.defineMessages({
   booleanYes: {
     id: 'AttributeTypeFormats.boolean.yes',
     description: 'The label for boolean attribute `true` value',
@@ -4072,7 +4053,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,
@@ -4467,6 +4448,12 @@ const convertAction = (actionName, actionPayload) => {
           localizedName: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedName)
         }
       };
+    case 'setSlug':
+      return {
+        [actionName]: {
+          slug: l10n.transformLocalizedStringToLocalizedField(actionPayload.slug)
+        }
+      };
     case 'setLineItemCustomField':
       return {
         [actionName]: {
@@ -5198,7 +5185,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',
@@ -5240,7 +5227,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] : [];
@@ -5499,7 +5486,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',
@@ -5526,7 +5513,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; }
@@ -5551,7 +5538,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]
       })]
     })
   }));
@@ -5627,10 +5614,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,
@@ -5640,7 +5627,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',
@@ -5672,7 +5659,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; }
@@ -5697,7 +5684,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
@@ -5709,7 +5696,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}`
       })]
     })
   }));
@@ -5757,10 +5744,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,
@@ -5837,7 +5824,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',
@@ -5854,7 +5841,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,
@@ -5877,7 +5864,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',
@@ -5898,7 +5885,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
 }];
@@ -5941,7 +5928,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,
@@ -5961,7 +5948,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,
@@ -5997,7 +5984,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',
@@ -6087,7 +6074,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",
@@ -6098,7 +6085,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,
@@ -6117,7 +6104,7 @@ const CustomerGroupPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -6133,7 +6120,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", {
@@ -6204,12 +6192,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
     })]
   });
@@ -6234,7 +6223,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',
@@ -6276,13 +6265,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);
@@ -6866,7 +6855,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',
@@ -6878,9 +6867,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',
@@ -6965,7 +6954,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,
@@ -6981,12 +6970,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
     })
   });
 };
@@ -7011,11 +7000,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
         })]
       }),
@@ -7057,7 +7046,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, {
@@ -7133,7 +7122,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);
           },
@@ -7252,7 +7241,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',
@@ -7350,7 +7339,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,
@@ -7364,7 +7353,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,
@@ -7372,7 +7361,7 @@ const ProductPickerInput = _ref => {
         })
       }), isLoadingFailed && showLoadingErrorMessage && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -7604,7 +7593,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.',
@@ -7673,7 +7662,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, {
@@ -7687,8 +7676,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
@@ -7705,13 +7694,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`;
   }
@@ -7731,7 +7720,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
     }),
@@ -7788,7 +7777,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',
@@ -7799,7 +7788,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
     }
@@ -7823,7 +7812,7 @@ function CustomNestedFieldInput(props) {
       color: "error"
     }), jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
-      intlMessage: pickerMessages$1.loadingErrorMessage
+      intlMessage: commonPickerMessages.loadingErrorMessage
     })]
   });
   if (!productType) return null;
@@ -7869,7 +7858,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "z-index:100000!important"
 } : {
   name: "4jor1w-child",
-  styles: "z-index:100000!important;label:child;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS13cmFwcGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q29CIiwiZmlsZSI6ImRyYWdnYWJsZS13cmFwcGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBEcmFnZ2FibGUgfSBmcm9tICdyZWFjdC1iZWF1dGlmdWwtZG5kJztcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcywgR3JpZCwgQ2FyZCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5pbXBvcnQgeyBEcmFnSGFuZGxlIH0gZnJvbSAnLi9kcmFnLWhhbmRsZSc7XG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIGRyYWdnYWJsZUtleSxcbiAgZHJhZ2dhYmxlSWQsXG4gIGluZGV4LFxufSkgPT4ge1xuICBjb25zdCBwb3J0YWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgcG9ydGFsLmlkID0gJ2RyYWctcmJkLXBvcnRhbCc7XG4gIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQocG9ydGFsKTtcblxuICBjb25zdCBEcmFnZ2luZ0NhcmQgPSAoeyBpc0RyYWdnaW5nLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgaWYgKGlzRHJhZ2dpbmcpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxDYXJkIHRoZW1lPVwibGlnaHRcIiBpbnNldFNjYWxlPVwibVwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgIH1cbiAgfTtcbiAgRHJhZ2dpbmdDYXJkLnByb3BUeXBlcyA9IHtcbiAgICBpc0RyYWdnaW5nOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICB9O1xuICByZXR1cm4gKFxuICAgIDxEcmFnZ2FibGUga2V5PXtkcmFnZ2FibGVLZXl9IGRyYWdnYWJsZUlkPXtkcmFnZ2FibGVJZH0gaW5kZXg9e2luZGV4fT5cbiAgICAgIHsocHJvdmlkZWQsIHNuYXBzaG90KSA9PiB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17cHJvdmlkZWQuaW5uZXJSZWZ9XG4gICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgei1pbmRleDogMTAwMDAwICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NhcmQgaXNEcmFnZ2luZz17c25hcHNob3QuaXNEcmFnZ2luZ30+XG4gICAgICAgICAgICAgIDxHcmlkXG4gICAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17JzFmciAyMGZyJ31cbiAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVSb3dzPVwiYXV0byAxZnIgYXV0b1wiXG4gICAgICAgICAgICAgICAgZ3JpZEdhcD17XG4gICAgICAgICAgICAgICAgICBzbmFwc2hvdC5pc0RyYWdnaW5nXG4gICAgICAgICAgICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU1xuICAgICAgICAgICAgICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuc3BhY2luZ01cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8R3JpZC5JdGVtPlxuICAgICAgICAgICAgICAgICAgPERyYWdIYW5kbGUgey4uLnByb3ZpZGVkLmRyYWdIYW5kbGVQcm9wc30gLz5cbiAgICAgICAgICAgICAgICA8L0dyaWQuSXRlbT5cbiAgICAgICAgICAgICAgICA8R3JpZC5JdGVtPntjaGlsZHJlbn08L0dyaWQuSXRlbT5cbiAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9EcmFnZ2luZ0NhcmQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG5cbiAgICAgICAgaWYgKCFzbmFwc2hvdC5pc0RyYWdnaW5nKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gcmVuZGVyIHRoZSBkcmFnZ2FibGUgaW4gdGhlIHBvcnRhbCB3aGVuIGl0J3MgYmVpbmcgZHJhZ2dlZFxuICAgICAgICByZXR1cm4gUmVhY3RET00uY3JlYXRlUG9ydGFsKDxkaXY+e2NoaWxkfTwvZGl2PiwgcG9ydGFsKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgZHJhZ2dhYmxlS2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGluZGV4OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGRyYWdnYWJsZUlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */",
+  styles: "z-index:100000!important;label:child;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS13cmFwcGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q29CIiwiZmlsZSI6ImRyYWdnYWJsZS13cmFwcGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBEcmFnZ2FibGUgfSBmcm9tICdAaGVsbG8tcGFuZ2VhL2RuZCc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIEdyaWQsIENhcmQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgRHJhZ0hhbmRsZSB9IGZyb20gJy4vZHJhZy1oYW5kbGUnO1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBkcmFnZ2FibGVLZXksXG4gIGRyYWdnYWJsZUlkLFxuICBpbmRleCxcbn0pID0+IHtcbiAgY29uc3QgcG9ydGFsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gIHBvcnRhbC5pZCA9ICdkcmFnLXJiZC1wb3J0YWwnO1xuICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHBvcnRhbCk7XG5cbiAgY29uc3QgRHJhZ2dpbmdDYXJkID0gKHsgaXNEcmFnZ2luZywgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGlmIChpc0RyYWdnaW5nKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8Q2FyZCB0aGVtZT1cImxpZ2h0XCIgaW5zZXRTY2FsZT1cIm1cIj5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICB9XG4gIH07XG4gIERyYWdnaW5nQ2FyZC5wcm9wVHlwZXMgPSB7XG4gICAgaXNEcmFnZ2luZzogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgfTtcbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlIGtleT17ZHJhZ2dhYmxlS2V5fSBkcmFnZ2FibGVJZD17ZHJhZ2dhYmxlSWR9IGluZGV4PXtpbmRleH0+XG4gICAgICB7KHByb3ZpZGVkLCBzbmFwc2hvdCkgPT4ge1xuICAgICAgICBjb25zdCBjaGlsZCA9IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdnYWJsZVByb3BzfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHotaW5kZXg6IDEwMDAwMCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RHJhZ2dpbmdDYXJkIGlzRHJhZ2dpbmc9e3NuYXBzaG90LmlzRHJhZ2dpbmd9PlxuICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9eycxZnIgMjBmcid9XG4gICAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlUm93cz1cImF1dG8gMWZyIGF1dG9cIlxuICAgICAgICAgICAgICAgIGdyaWRHYXA9e1xuICAgICAgICAgICAgICAgICAgc25hcHNob3QuaXNEcmFnZ2luZ1xuICAgICAgICAgICAgICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1NcbiAgICAgICAgICAgICAgICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEdyaWQuSXRlbT5cbiAgICAgICAgICAgICAgICAgIDxEcmFnSGFuZGxlIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgICAgICAgICAgPEdyaWQuSXRlbT57Y2hpbGRyZW59PC9HcmlkLkl0ZW0+XG4gICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgIDwvRHJhZ2dpbmdDYXJkPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApO1xuXG4gICAgICAgIGlmICghc25hcHNob3QuaXNEcmFnZ2luZykge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHJlbmRlciB0aGUgZHJhZ2dhYmxlIGluIHRoZSBwb3J0YWwgd2hlbiBpdCdzIGJlaW5nIGRyYWdnZWRcbiAgICAgICAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbCg8ZGl2PntjaGlsZH08L2Rpdj4sIHBvcnRhbCk7XG4gICAgICB9fVxuICAgIDwvRHJhZ2dhYmxlPlxuICApO1xufTtcblxuRHJhZ2dhYmxlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIGRyYWdnYWJsZUtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpbmRleDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBkcmFnZ2FibGVJZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const DraggableWrapper = _ref2 => {
@@ -7893,7 +7882,7 @@ const DraggableWrapper = _ref2 => {
       return children;
     }
   };
-  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
+  return jsxRuntime.jsx(dnd.Draggable, {
     draggableId: draggableId,
     index: index,
     children: (provided, snapshot) => {
@@ -7932,9 +7921,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
@@ -8029,7 +8018,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 => ({
@@ -8041,7 +8031,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,
@@ -8063,7 +8052,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
@@ -8768,6 +8757,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",
@@ -8924,9 +9053,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;
@@ -10907,9 +11033,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
@@ -10930,6 +11056,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),
@@ -11056,7 +11184,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;
@@ -11894,11 +12022,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,
@@ -11908,6 +12038,7 @@ const useCustomersPlatformLimits = () => {
       ErrorModal: CustomersErrorModal
     },
     refetchCustomersPlatformLimits: refetch,
+    maxGroupsPerCustomerLimit,
     interceptNavigation,
     status: {
       hasReachedCustomersWarningLimit,
@@ -11932,6 +12063,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,
@@ -12279,6 +12442,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',
@@ -13720,6 +13949,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>)`
@@ -13962,11 +14194,6 @@ function slugify(text) {
   .replace(/-+$/, ''); // Trim - from end of text
 }
 
-const contextProjects = ['context-medium-data-playground', 'context-demo-data-project-1', 'context-demo-data-project-10', 'context-demo-data-project-11', 'context-demo-data-project-12', 'context-demo-data-project-8', 'context-demo-data-project-13', 'context-demo-data-project-9', 'context-demo-data-project-14', 'context-demo-data-project-15', 'context-big-data-playground', 'context-without-stores', 'context-playground', 'context-small-data-playground'];
-const isStoreDataFenceProductSelection = projectKey => {
-  return _includesInstanceProperty__default["default"](contextProjects).call(contextProjects, projectKey);
-};
-
 function swapArrayItems(array, from, to) {
   const result = [...array];
   result[to] = array[from];
@@ -14048,6 +14275,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;
@@ -14055,6 +14283,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;
@@ -14067,6 +14296,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;
@@ -14075,11 +14305,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;
@@ -14088,12 +14322,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;
@@ -14111,6 +14347,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;
@@ -14150,6 +14387,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;
@@ -14176,12 +14414,12 @@ exports.injectToggleState = injectModalState$1;
 exports.injectZonesPlatformLimits = injectZonesPlatformLimits$1;
 exports.isEmpty = isEmptyFilter;
 exports.isEmptyValue = isEmptyValue;
-exports.isStoreDataFenceProductSelection = isStoreDataFenceProductSelection;
 exports.isUUID = isUUID$1;
 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;
@@ -14192,14 +14430,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;
@@ -14216,6 +14454,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;
@@ -14233,11 +14472,13 @@ exports.usePimIndexer = usePimIndexer;
 exports.usePrevious = usePrevious$1;
 exports.useProductSelectionsFetcher = useProductSelectionsFetcher$1;
 exports.useProductSelectionsTotalFetcher = useProductSelectionsTotalFetcher$1;
+exports.useRecurrenceIntervals = useRecurrenceIntervals;
 exports.useRoleNotificationEffect = useRoleNotificationEffect$1;
 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;