npm - @commercetools-frontend/experimental-components - Versions diffs - 6.4.6 → 7.1.0 - Mend

@commercetools-frontend/experimental-components 6.4.6 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

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

@@ -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');
@@ -108,6 +108,8 @@ var _Date$now = require('@babel/runtime-corejs3/core-js-stable/date/now');
 var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
 var memoize = require('memoize-one');
 var omitEmpty = require('omit-empty-es');
+var shuffle = require('lodash/shuffle');
+var reactSnapCarousel = require('react-snap-carousel');
 var hoc = require('@apollo/client/react/hoc');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
@@ -208,6 +210,7 @@ var _Date$now__default = /*#__PURE__*/_interopDefault(_Date$now);
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
 var memoize__default = /*#__PURE__*/_interopDefault(memoize);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var shuffle__default = /*#__PURE__*/_interopDefault(shuffle);
 var flatten__default = /*#__PURE__*/_interopDefault(flatten);
 var uniqBy__default = /*#__PURE__*/_interopDefault(uniqBy);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
@@ -229,6 +232,9 @@ const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
 CenteredLoadingSpinner.displayName = 'CenteredLoadingSpinner';
 var CenteredLoadingSpinner$1 = CenteredLoadingSpinner;
+const LOWER_STORES_LIMIT = 60;
+const UPPER_STORES_LIMIT = 500;
 const QUERY_MAX_LIMIT = 500;
 const SHOW_TOOLTIP_CHARS_COUNT = 40;
 const SEARCHABLE_REFERENCES = {
@@ -272,7 +278,7 @@ const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAtt
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
-var pickerMessages$1 = reactIntl.defineMessages({
+var commonPickerMessages = reactIntl.defineMessages({
   loadingErrorMessage: {
     id: 'Pickers.loadingErrorMessage',
     description: 'Message shown to used when picker fails to load data from server.',
@@ -285,7 +291,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',
@@ -298,8 +304,8 @@ var messages$R = reactIntl.defineMessages({
   }
 });
-function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1r(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1r(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1t(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1t(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var GetChannelsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, 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: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetChannelQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channel" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, 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: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var PickerInputChannel = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, 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: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
@@ -307,16 +313,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();
@@ -325,7 +334,7 @@ const ChannelPickerInput = _ref => {
   const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
   const variables = React.useMemo(() => {
     const rolesClause = getRolesClause(roles);
-    return _objectSpread$1r({
+    return _objectSpread$1t({
       sortByNamePath: `name.${dataLocale}`
     }, rolesClause && {
       extraWhere: rolesClause
@@ -400,7 +409,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -412,7 +421,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -435,7 +444,7 @@ const ChannelPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -469,7 +478,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
-var messages$Q = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -558,7 +567,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -571,7 +580,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -579,7 +588,7 @@ const ProductTypePickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -587,7 +596,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
-var messages$P = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -671,7 +680,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -683,7 +692,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -705,7 +714,7 @@ const StatePickerInput = _ref => {
         }, dataLocale)
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -713,9 +722,9 @@ const StatePickerInput = _ref => {
 StatePickerInput.displayName = 'StatePickerInput';
 var StatePickerInput$1 = StatePickerInput;
-function ownKeys$1q(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$1q(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$1q(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$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const TooltipWrapper = /*#__PURE__*/React__namespace["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1q({
+function ownKeys$1s(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$1s(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$1s(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$1s(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const TooltipWrapper = /*#__PURE__*/React__namespace["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1s({
   ref: ref,
   style: {
     display: 'block',
@@ -740,7 +749,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',
@@ -748,11 +757,11 @@ var messages$O = reactIntl.defineMessages({
   }
 });
-function ownKeys$1p(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$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; }
+function ownKeys$1r(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$1r(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$1r(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$1r(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
   }]
@@ -760,7 +769,7 @@ const getBottomOption = formatMessage => ({
 const Option$2 = props => {
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
-  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$1p(_objectSpread$1p({}, props), {}, {
+  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$1r(_objectSpread$1r({}, props), {}, {
     children: props.data.isBottomOption ? jsxRuntime.jsx(uiKit.Text.Detail, {
       tone: "secondary",
       children: formatMessage(props.data.label)
@@ -777,8 +786,8 @@ const Option$2 = props => {
 };
 Option$2.displayName = 'Option';
-function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1o(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1o(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1q(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const useHandlers = onChange => {
   const _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -789,8 +798,8 @@ const useHandlers = onChange => {
   }, []);
   const handleChange = useEventCallback$1(event => {
     var _context;
-    const eventWithExtractedValue = _objectSpread$1o(_objectSpread$1o({}, event), {}, {
-      target: _objectSpread$1o(_objectSpread$1o({}, event.target), {}, {
+    const eventWithExtractedValue = _objectSpread$1q(_objectSpread$1q({}, event), {}, {
+      target: _objectSpread$1q(_objectSpread$1q({}, event.target), {}, {
         value: _Array$isArray__default["default"](event.target.value) ? _mapInstanceProperty__default["default"](_context = event.target.value).call(_context, item => item?.value) : event.target.value?.value
       })
     });
@@ -800,9 +809,9 @@ const useHandlers = onChange => {
 };
 var useHandlers$1 = useHandlers;
-const _excluded$e = ["extraWhere"];
-function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1n(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1n(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const _excluded$g = ["extraWhere"];
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1p(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1p(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const constructPrefixSearchPredicate$1 = function () {
   let prefixSearchFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let lowerBound = arguments.length > 1 ? arguments[1] : undefined;
@@ -843,13 +852,13 @@ const useLoadOptions = _ref => {
     }
     const _ref2 = variables ?? {},
       extraWhere = _ref2.extraWhere,
-      restVariables = _objectWithoutProperties(_ref2, _excluded$e);
+      restVariables = _objectWithoutProperties(_ref2, _excluded$g);
     if (typeof extraWhere === 'string') {
       where = where ? `(${where}) and ${variables.extraWhere}` : variables.extraWhere;
     }
     return client$1.query({
       query,
-      variables: _objectSpread$1n({
+      variables: _objectSpread$1p({
         where
       }, restVariables),
       context: {
@@ -1154,8 +1163,8 @@ var keepDisplayName$1 = keepDisplayName;
 const wrapDisplayName = (BaseComponent, hocName) => `${hocName}(${getDisplayName$1(BaseComponent)})`;
 var wrapDisplayName$1 = wrapDisplayName;
-function ownKeys$1m(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$1m(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$1m(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$1m(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1o(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$1o(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$1o(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$1o(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper$8(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$8() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$8() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$8 = function () { return !!t; })(); }
 const withMouseOverState = BaseComponent => {
@@ -1186,7 +1195,7 @@ const withMouseOverState = BaseComponent => {
           handleMouseOver: this.handleMouseOver,
           handleMouseOut: this.handleMouseOut
         };
-        return jsxRuntime.jsx(BaseComponent, _objectSpread$1m({}, _objectSpread$1m(_objectSpread$1m({}, this.props), injectedProps)));
+        return jsxRuntime.jsx(BaseComponent, _objectSpread$1o({}, _objectSpread$1o(_objectSpread$1o({}, this.props), injectedProps)));
       }
     }]);
   }(React.Component);
@@ -1195,8 +1204,8 @@ const withMouseOverState = BaseComponent => {
 };
 var withMouseOverState$1 = withMouseOverState;
-function ownKeys$1l(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$1l(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$1l(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$1l(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1n(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$1n(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$1n(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$1n(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper$7(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$7() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$7() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$7 = function () { return !!t; })(); }
 var styles$j = {
@@ -1287,7 +1296,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      const commonProps = _objectSpread$1l(_objectSpread$1l({
+      const commonProps = _objectSpread$1n(_objectSpread$1n({
         value: this.state.draftValue,
         autoComplete: this.props.autoComplete,
         onChange: this.handleChange,
@@ -1306,7 +1315,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
             htmlFor: inputId,
             children: this.props.label
           })
-        }), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1l(_objectSpread$1l({}, commonProps), {}, {
+        }), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1n(_objectSpread$1n({}, commonProps), {}, {
           id: inputId,
           className: classnames__default["default"](styles$j.textarea, styles$j[`textarea-${this.props.style}`], {
             [styles$j.invalid]: !this.props.isValid,
@@ -1315,7 +1324,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           rows: 1,
           maxRows: this.props.autoSize ? undefined : 1,
           cacheMeasurements: true
-        })) : jsxRuntime.jsx("input", _objectSpread$1l(_objectSpread$1l({}, commonProps), {}, {
+        })) : jsxRuntime.jsx("input", _objectSpread$1n(_objectSpread$1n({}, commonProps), {}, {
           id: inputId,
           ref: this.props.inputRef,
           type: this.props.as,
@@ -1353,7 +1362,7 @@ ThrottledField.defaultProps = {
 };
 var ThrottledField$1 = ThrottledField;
-var messages$N = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   buttonLabel: {
     id: 'SearchInput.buttonLabel',
     description: 'Label for "Search" button.',
@@ -1458,7 +1467,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,
@@ -1515,8 +1524,8 @@ SearchInput.defaultProps = {
 };
 var searchInput = flowRight__default["default"](keepDisplayName$1(SearchInput), withMouseOverState$1, reactIntl.injectIntl)(SearchInput);
-function ownKeys$1k(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$1k(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$1k(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$1k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1m(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$1m(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$1m(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$1m(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const injectDataTablePaginationState = initialValues => Component => {
   const WithDataTablePaginationState = props => {
     const _usePaginationState = uiKit.usePaginationState({
@@ -1529,7 +1538,7 @@ const injectDataTablePaginationState = initialValues => Component => {
       key: initialValues?.tableSorting?.key,
       order: initialValues?.tableSorting?.order
     });
-    return jsxRuntime.jsx(Component, _objectSpread$1k(_objectSpread$1k({}, props), {}, {
+    return jsxRuntime.jsx(Component, _objectSpread$1m(_objectSpread$1m({}, props), {}, {
       dataTablePaginationState: {
         page,
         perPage,
@@ -1542,8 +1551,8 @@ const injectDataTablePaginationState = initialValues => Component => {
 };
 var injectDataTablePaginationState$1 = injectDataTablePaginationState;
-function ownKeys$1j(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$1j(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$1j(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$1j(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1l(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$1l(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$1l(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$1l(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const injectNotifications = function () {
   let propName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'notifications';
   return Component => {
@@ -1558,7 +1567,7 @@ const injectNotifications = function () {
         onActionError,
         hideAllPageNotifications
       };
-      return jsxRuntime.jsx(Component, _objectSpread$1j(_objectSpread$1j({}, props), {}, {
+      return jsxRuntime.jsx(Component, _objectSpread$1l(_objectSpread$1l({}, props), {}, {
         [propName]: notifications
       }));
     };
@@ -1568,23 +1577,23 @@ const injectNotifications = function () {
 };
 var injectNotifications$1 = injectNotifications;
-function ownKeys$1i(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$1i(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$1i(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$1i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1k(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$1k(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$1k(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$1k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function isPropsMapper(mapProps) {
   return typeof mapProps === 'function';
 }
 const withProps = mapProps => Component => {
   const EnhancedWithProps = ownProps => {
-    const enhancedProps = isPropsMapper(mapProps) ? _objectSpread$1i(_objectSpread$1i({}, ownProps), mapProps(ownProps)) : _objectSpread$1i(_objectSpread$1i({}, ownProps), mapProps);
-    return jsxRuntime.jsx(Component, _objectSpread$1i({}, enhancedProps));
+    const enhancedProps = isPropsMapper(mapProps) ? _objectSpread$1k(_objectSpread$1k({}, ownProps), mapProps(ownProps)) : _objectSpread$1k(_objectSpread$1k({}, ownProps), mapProps);
+    return jsxRuntime.jsx(Component, _objectSpread$1k({}, enhancedProps));
   };
   EnhancedWithProps.displayName = wrapDisplayName$1(Component, 'withProps');
   return EnhancedWithProps;
 };
 var withProps$1 = withProps;
-function ownKeys$1h(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$1h(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$1h(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$1h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1j(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$1j(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$1j(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$1j(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const useRedirectEffect = _ref => {
   let goTo = _ref.goTo;
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1604,31 +1613,31 @@ const defaultOptions$5 = {
   skip: () => false
 };
 const withRedirectTo = options => Component => {
-  const mergedOptions = _objectSpread$1h(_objectSpread$1h({}, defaultOptions$5), options);
+  const mergedOptions = _objectSpread$1j(_objectSpread$1j({}, defaultOptions$5), options);
   const WithRedirectTo = props => {
     if (!mergedOptions.skip(props)) {
       return jsxRuntime.jsx(RedirectTo, {
         goTo: options.selectGoTo(props)
       });
     }
-    return jsxRuntime.jsx(Component, _objectSpread$1h({}, props));
+    return jsxRuntime.jsx(Component, _objectSpread$1j({}, props));
   };
   WithRedirectTo.displayName = 'WithFirstStepRedirect';
   return WithRedirectTo;
 };
 var withRedirectTo$1 = withRedirectTo;
-function ownKeys$1g(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$1g(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$1g(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$1g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1i(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$1i(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$1i(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$1i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultOptions$4 = {
   propName: 'modalState',
   isInitiallyOpen: false
 };
 const injectModalState$2 = options => Component => {
-  const mergedOptions = _objectSpread$1g(_objectSpread$1g({}, defaultOptions$4), options);
+  const mergedOptions = _objectSpread$1i(_objectSpread$1i({}, defaultOptions$4), options);
   const WithModalState = props => {
     const modalState = applicationComponents.useModalState(mergedOptions.isInitiallyOpen);
-    return jsxRuntime.jsx(Component, _objectSpread$1g(_objectSpread$1g({}, props), {}, {
+    return jsxRuntime.jsx(Component, _objectSpread$1i(_objectSpread$1i({}, props), {}, {
       [mergedOptions.propName]: modalState
     }));
   };
@@ -1637,17 +1646,17 @@ const injectModalState$2 = options => Component => {
 };
 var injectModalState$3 = injectModalState$2;
-function ownKeys$1f(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$1f(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$1f(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$1f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1h(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$1h(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$1h(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$1h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultOptions$3 = {
   propName: 'toggleState',
   isInitiallyOpen: false
 };
 const injectModalState = options => Component => {
-  const mergedOptions = _objectSpread$1f(_objectSpread$1f({}, defaultOptions$3), options);
+  const mergedOptions = _objectSpread$1h(_objectSpread$1h({}, defaultOptions$3), options);
   const WithToggleState = props => {
     const toggleState = uiKit.useToggleState(mergedOptions.isInitiallyOpen);
-    return jsxRuntime.jsx(Component, _objectSpread$1f(_objectSpread$1f({}, props), {}, {
+    return jsxRuntime.jsx(Component, _objectSpread$1h(_objectSpread$1h({}, props), {}, {
       [mergedOptions.propName]: toggleState
     }));
   };
@@ -1656,8 +1665,8 @@ const injectModalState = options => Component => {
 };
 var injectModalState$1 = injectModalState;
-function ownKeys$1e(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$1e(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1e(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1g(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$1g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultOptions$2 = {
   storageType: 'local',
   segregateByUser: true
@@ -1675,7 +1684,7 @@ const getStorage = storageType => storageType === 'session' ? sessionStorage : l
 const isNil = value => typeof value === 'undefined' || value === null;
 const useStorage = (storageKey, initialStorageValue, options) => {
   var _context;
-  const mergedOptions = _objectSpread$1e(_objectSpread$1e({}, defaultOptions$2), options);
+  const mergedOptions = _objectSpread$1g(_objectSpread$1g({}, defaultOptions$2), options);
   const userId = applicationShellConnectors.useApplicationContext(context => context.user?.id);
   const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
   const readFromStorage = React.useCallback(() => {
@@ -1720,8 +1729,8 @@ const useStorage = (storageKey, initialStorageValue, options) => {
 };
 var useStorage$1 = useStorage;
-function ownKeys$1d(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$1d(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$1d(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$1d(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1f(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$1f(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$1f(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$1f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultOptions$1 = {
   propName: 'storage',
   storageKey: '',
@@ -1734,7 +1743,7 @@ const injectStorage = options => WrappedComponent => {
    *    Options are being merged by spreading as destructuring and defaulting in
    *    argument position does not allow passing specification of option(s).
    */
-  const mergedOptions = _objectSpread$1d(_objectSpread$1d({}, defaultOptions$1), options);
+  const mergedOptions = _objectSpread$1f(_objectSpread$1f({}, defaultOptions$1), options);
   const WithStorage = props => {
     const _useStorage = useStorage$1(mergedOptions.storageKey(props), mergedOptions.initalStorageValue, mergedOptions.options),
       _useStorage2 = _slicedToArray(_useStorage, 3),
@@ -1748,7 +1757,7 @@ const injectStorage = options => WrappedComponent => {
         readFromStorage
       }
     };
-    return jsxRuntime.jsx(WrappedComponent, _objectSpread$1d(_objectSpread$1d({}, props), storageProp));
+    return jsxRuntime.jsx(WrappedComponent, _objectSpread$1f(_objectSpread$1f({}, props), storageProp));
   };
   WithStorage.displayName = wrapDisplayName$1(WrappedComponent, 'WithStorage');
   return WithStorage;
@@ -1793,8 +1802,8 @@ function useFormatLocalizedFieldToString() {
   return formatLocalizedFieldToString;
 }
-function ownKeys$1c(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$1c(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$1c(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$1c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1e(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$1e(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$1e(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$1e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchResourceTypeDuplicatedField = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchResourceTypeDuplicatedField" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipAssociateRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipAttributeGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipChannels" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipDiscountCodes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipInventoryEntries" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipOrders" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipPayments" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRoles" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipAssociateRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "attributeGroups" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipAttributeGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "categories" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipChannels" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "discountCodes" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipDiscountCodes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventoryEntries" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipInventoryEntries" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "orders" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipOrders" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "payments" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipPayments" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "products" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 2328, source: { body: "query FetchResourceTypeDuplicatedField(\n  $where: String\n  $skipAssociateRoles: Boolean!\n  $skipAttributeGroups: Boolean!\n  $skipBusinessUnits: Boolean!\n  $skipCarts: Boolean!\n  $skipCartDiscounts: Boolean!\n  $skipCategories: Boolean!\n  $skipChannels: Boolean!\n  $skipCustomers: Boolean!\n  $skipCustomerGroups: Boolean!\n  $skipDiscountCodes: Boolean!\n  $skipInventoryEntries: Boolean!\n  $skipOrders: Boolean!\n  $skipPayments: Boolean!\n  $skipProducts: Boolean!\n  $skipProductDiscounts: Boolean!\n  $skipProductSelections: Boolean!\n  $skipProductTypes: Boolean!\n  $skipShippingMethods: Boolean!\n  $skipShoppingLists: Boolean!\n  $skipStores: Boolean!\n  $skipTaxCategories: Boolean!\n  $skipZones: Boolean!\n) {\n  associateRoles(where: $where) @skip(if: $skipAssociateRoles) {\n    total\n  }\n  attributeGroups(where: $where) @skip(if: $skipAttributeGroups) {\n    total\n  }\n  businessUnits(where: $where) @skip(if: $skipBusinessUnits) {\n    total\n  }\n  carts(where: $where) @skip(if: $skipCarts) {\n    total\n  }\n  cartDiscounts(where: $where) @skip(if: $skipCartDiscounts) {\n    total\n  }\n  categories(where: $where) @skip(if: $skipCategories) {\n    total\n  }\n  channels(where: $where) @skip(if: $skipChannels) {\n    total\n  }\n  customers(where: $where) @skip(if: $skipCustomers) {\n    total\n  }\n  customerGroups(where: $where) @skip(if: $skipCustomerGroups) {\n    total\n  }\n  discountCodes(where: $where) @skip(if: $skipDiscountCodes) {\n    total\n  }\n  inventoryEntries(where: $where) @skip(if: $skipInventoryEntries) {\n    total\n  }\n  orders(where: $where) @skip(if: $skipOrders) {\n    total\n  }\n  payments(where: $where) @skip(if: $skipPayments) {\n    total\n  }\n  products(where: $where) @skip(if: $skipProducts) {\n    total\n  }\n  productDiscounts(where: $where) @skip(if: $skipProductDiscounts) {\n    total\n  }\n  productSelections(where: $where) @skip(if: $skipProductSelections) {\n    total\n  }\n  productTypes(where: $where) @skip(if: $skipProductTypes) {\n    total\n  }\n  shippingMethods(where: $where) @skip(if: $skipShippingMethods) {\n    total\n  }\n  shoppingLists(where: $where) @skip(if: $skipShoppingLists) {\n    total\n  }\n  stores(where: $where) @skip(if: $skipStores) {\n    total\n  }\n  taxCategories(where: $where) @skip(if: $skipTaxCategories) {\n    total\n  }\n  zones(where: $where) @skip(if: $skipZones) {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const MC_RESOURCES_WITH_KEYS = {
   ASSOCIATE_ROLE: 'ASSOCIATE_ROLE',
@@ -1869,7 +1878,7 @@ const DEFAULT_SKIP_RESOURCE_TYPES_VARIABLES = {
   [BASE_SKIP_RESOURCE_TYPES_VARIABLES.ZONE]: true
 };
 const getSkipVariables = resourceType => {
-  return _objectSpread$1c(_objectSpread$1c({}, DEFAULT_SKIP_RESOURCE_TYPES_VARIABLES), {}, {
+  return _objectSpread$1e(_objectSpread$1e({}, DEFAULT_SKIP_RESOURCE_TYPES_VARIABLES), {}, {
     [BASE_SKIP_RESOURCE_TYPES_VARIABLES[resourceType]]: false
   });
 };
@@ -1894,7 +1903,7 @@ const getQueryVariables = _ref2 => {
     fieldValue,
     id
   });
-  return _objectSpread$1c({
+  return _objectSpread$1e({
     where
   }, skipVariables);
 };
@@ -1928,8 +1937,8 @@ const usePrevious = value => {
 };
 var usePrevious$1 = usePrevious;
-function ownKeys$1b(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$1b(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1b(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1b(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1d(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$1d(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1d(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1d(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchStoresQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "stores" }, 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: "FragmentSpread", name: { kind: "Name", value: "StoreBasicInfo" }, directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "code" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "distributionChannelsRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "distributionChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "supplyChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, 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: "FragmentDefinition", name: { kind: "Name", value: "StoreBasicInfo" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Store" } }, 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: "version" }, 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: [] }] } }], loc: { start: 0, end: 1089, source: { body: "#import '../../utils/graphql/fragments/store-basic-info.ctp.graphql'\n\nquery FetchStoresQuery(\n  $limit: Int\n  $offset: Int\n  $sort: [String!]\n  $where: String\n  $excludeExtendedStoresList: Boolean!\n  $excludeProductSelections: Boolean!\n) {\n  stores(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n    total\n    count\n    offset\n    results {\n      ...StoreBasicInfo\n      countries {\n        code\n      }\n      languages @skip(if: $excludeExtendedStoresList)\n      distributionChannelsRef {\n        id\n      }\n      distributionChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      supplyChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          mode\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
   var _context, _context2;
@@ -1940,7 +1949,7 @@ const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
     offset: storesQueryResult.offset,
     results: ((_context = storesQueryResult.results) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(store => {
       var _context3, _context4;
-      return _objectSpread$1b(_objectSpread$1b({}, store), {}, {
+      return _objectSpread$1d(_objectSpread$1d({}, store), {}, {
         productSelections: ((_context3 = store.productSelections) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _filterInstanceProperty__default["default"](_context3), _context3))?.(productSelectionRef => Boolean(productSelectionRef.productSelection))
       });
     })
@@ -1948,7 +1957,7 @@ const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
 };
 const createQueryVariables$6 = ownProps => {
   var _context5;
-  return _objectSpread$1b(_objectSpread$1b({
+  return _objectSpread$1d(_objectSpread$1d({
     limit: ownProps.limit,
     offset: ownProps.offset,
     sort: _sortInstanceProperty__default["default"](ownProps)
@@ -2028,36 +2037,8 @@ 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; }
+function ownKeys$1c(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$1c(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$1c(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$1c(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;
 const defaultOptions = {
   reminderInterval: REMINDER_OPTION_1_DAY,
@@ -2085,7 +2066,7 @@ const useHasReminderExpired = readReminderInterval => {
 };
 const usePersistedReminder = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const mergedOptions = _objectSpread$1a(_objectSpread$1a({}, defaultOptions), options);
+  const mergedOptions = _objectSpread$1c(_objectSpread$1c({}, defaultOptions), options);
   const _useStorage = useStorage$1(mergedOptions.storageKey, null),
     _useStorage2 = _slicedToArray(_useStorage, 3),
     initialChosenReminderInterval = _useStorage2[0],
@@ -2132,7 +2113,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',
@@ -2150,28 +2131,28 @@ var messages$M = reactIntl.defineMessages({
   }
 });
-function ownKeys$19(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$19(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$19(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$19(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1b(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$1b(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$1b(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$1b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 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$1b(_objectSpread$1b({}, messages$N.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -2180,7 +2161,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$1b(_objectSpread$1b({}, messages$N.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2263,8 +2244,11 @@ function usePendingRequests() {
     pendingRequests = _useState2[0],
     setPendingRequests = _useState2[1];
   const isUnmountedRef = React.useRef(false);
-  React.useEffect(() => () => {
-    isUnmountedRef.current = true;
+  React.useEffect(() => {
+    isUnmountedRef.current = false;
+    return () => {
+      isUnmountedRef.current = true;
+    };
   }, []);
   const change = React.useCallback(delta => {
     // FIXME: isMounted is an anti pattern
@@ -2305,7 +2289,7 @@ const useEventCallback = (fn, dependencies) => {
 };
 var useEventCallback$1 = useEventCallback;
-var messages$L = reactIntl.defineMessages({
+var messages$M = reactIntl.defineMessages({
   fallbackHint: {
     id: 'KeyFallback.fallbackHint',
     description: 'key fallback for a specified resource key (e.g name)',
@@ -2329,7 +2313,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;
@@ -2343,8 +2327,8 @@ const useDebouncedPromiseCallback = (promiseCallback, wait) =>
 React.useCallback(debounce__default["default"](promiseCallback, wait), [promiseCallback]);
 var useDebouncedPromiseCallback$1 = useDebouncedPromiseCallback;
-function ownKeys$18(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$18(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$18(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$18(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1a(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1a(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const prepareMutableColumnProps = (columnConfig, mutableColumnProps) => {
   const updatedColumnProps = {};
   _forEachInstanceProperty__default["default"](mutableColumnProps).call(mutableColumnProps, columnProp => {
@@ -2364,14 +2348,14 @@ const retrieveColumnsWithCachedConfiguration = _ref => {
     mutableColumnProps = _ref.mutableColumnProps;
   return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](cachedVisibleTableConfiguration).call(cachedVisibleTableConfiguration, cachedColumn => _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, initialConfig => initialConfig.key === cachedColumn.key))).call(_context, cachedConfig => {
     const initialColumnConfig = _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, initialConfig => initialConfig.key === cachedConfig.key);
-    return _objectSpread$18(_objectSpread$18({}, initialColumnConfig), prepareMutableColumnProps(cachedConfig, mutableColumnProps));
+    return _objectSpread$1a(_objectSpread$1a({}, initialColumnConfig), prepareMutableColumnProps(cachedConfig, mutableColumnProps));
   });
 };
 const handleCacheUpdate = _ref2 => {
   let update = _ref2.update,
     cachedVisibleTableConfiguration = _ref2.cachedVisibleTableConfiguration,
     updateCachedTableConfiguration = _ref2.updateCachedTableConfiguration;
-  return updateCachedTableConfiguration(_objectSpread$18(_objectSpread$18({}, pick__default["default"](cachedVisibleTableConfiguration, ['columnsConfig', 'displaySettings'])), update));
+  return updateCachedTableConfiguration(_objectSpread$1a(_objectSpread$1a({}, pick__default["default"](cachedVisibleTableConfiguration, ['columnsConfig', 'displaySettings'])), update));
 };
 // Signature:
@@ -2400,7 +2384,7 @@ const usePersistedTableConfiguration = props => {
     return {
       columnsConfig: _mapInstanceProperty__default["default"](initialVisibleColumnKeys).call(initialVisibleColumnKeys, visibleColumnKey => {
         const visibleColumnConfig = _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, columnConfig => columnConfig.key === visibleColumnKey);
-        return _objectSpread$18({
+        return _objectSpread$1a({
           key: visibleColumnKey
         }, prepareMutableColumnProps(visibleColumnConfig, mutableColumnProps));
       }),
@@ -2463,21 +2447,21 @@ const useProductSelectionsTotalFetcher = props => {
 };
 var useProductSelectionsTotalFetcher$1 = useProductSelectionsTotalFetcher;
-function ownKeys$17(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$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$19(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$19(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$19(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$19(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 // eslint-disable-next-line import/prefer-default-export
 const convertProductSelectionsFromGraphQl = productSelections => {
   var _context;
-  return productSelections?.results && _objectSpread$17(_objectSpread$17({}, productSelections), {}, {
-    results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$17({}, l10n.applyTransformedLocalizedFields(productSelection, [{
+  return productSelections?.results && _objectSpread$19(_objectSpread$19({}, productSelections), {}, {
+    results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$19({}, l10n.applyTransformedLocalizedFields(productSelection, [{
       from: 'nameAllLocales',
       to: 'name'
     }])))
   });
 };
-var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, defaultValue: { kind: "NullValue" }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 400, source: { body: "query FetchProductSelections($limit: Int = null, $offset: Int = null, $sort: [String!] = null, $where: String = null) {\n  productSelections(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n    total\n    count\n    offset\n    results {\n      id\n      version\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      createdAt\n      lastModifiedAt\n      mode\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, defaultValue: { kind: "NullValue" }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, defaultValue: { kind: "NullValue" }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 424, source: { body: "query FetchProductSelections(\n  $limit: Int = null\n  $offset: Int = null\n  $sort: [String!] = null\n  $where: String = null\n) {\n  productSelections(\n    limit: $limit\n    offset: $offset\n    sort: $sort\n    where: $where\n  ) {\n    total\n    count\n    offset\n    results {\n      id\n      version\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      createdAt\n      lastModifiedAt\n      mode\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const createQueryVariables$5 = function () {
   let ownProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -2513,841 +2497,244 @@ const useProductSelectionsFetcher = props => {
 };
 var useProductSelectionsFetcher$1 = useProductSelectionsFetcher;
-const _excluded$d = ["action"];
-function ownKeys$16(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var _context0, _context1; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context0 = ownKeys$16(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context1 = ownKeys$16(Object(t))).call(_context1, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const setToArray = function () {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return `id in (${_mapInstanceProperty__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
+};
-/**
- * Checks if a value is a LocalizedString
- *
- * { en: 'Hello' } -> true
- * 'Hello' -> false
- */
+function capitalizeFirst(text) {
+  return text.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](text).call(text, 1);
+}
-const getIsLocalizedString = maybeLocalizedString => {
-  if (typeof maybeLocalizedString === 'string') return false;
-  if (!maybeLocalizedString || typeof maybeLocalizedString === 'object' && _Object$keys__default["default"](maybeLocalizedString).length === 0) return false;
-  return true;
+const PRODUCT_STATUSES = {
+  PUBLISHED: 'published',
+  UNPUBLISHED: 'unpublished',
+  MODIFIED: 'modified'
 };
-/**
- * Transforms a list of `CustomField` into a `CustomField` object
- *
- * [{ name: 'fieldA', value: 'Hello' }] -> { fieldA: 'Hello' }
- */
-const transformCustomFieldsRawToCustomFields = customFieldsRaw => {
-  if (!customFieldsRaw || customFieldsRaw.length === 0) return null;
-  return _reduceInstanceProperty__default["default"](customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$16(_objectSpread$16({}, customFields), {}, {
-    [customField.name]: customField.value
-  }), {});
+const FILTER_TYPES = {
+  lessThan: 'lessThan',
+  moreThan: 'moreThan',
+  equalTo: 'equalTo',
+  range: 'range',
+  missing: 'missing',
+  missingIn: 'missingIn',
+  in: 'in'
 };
+const FIELD_TYPES = {
+  Money: 'Money',
+  LocalizedString: 'LocalizedString',
+  Time: 'Time',
+  DateTime: 'DateTime',
+  Boolean: 'Boolean',
+  String: 'String',
+  Enum: 'Enum',
+  LocalizedEnum: 'LocalizedEnum',
+  Number: 'Number',
+  Date: 'Date',
+  Reference: 'Reference',
+  Set: 'Set'
+};
+const PRECISION_TYPES = {
+  highPrecision: 'highPrecision',
+  centPrecision: 'centPrecision'
+};
+const ERROR_CODES = {
+  semanticError: 'SemanticError',
+  invalidInput: 'InvalidInput'
+};
+const DefaultPageSizes = [20, 50, 100];
+DefaultPageSizes[0];
-// --- Types mapping ---
-/**
- * Map category GraphQL shape with nameAllLocales to reference shape
- * Includes ancestors and parent
- *
- * @param {Object} category - A category result object from graphql
- * @return {Object} Category (as a REST API representation):
- * `{ id, obj: { id, name } }`
- */
-function transformLocalizedFieldsForCategory(category) {
-  var _context;
-  let transformationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [{
-    from: 'nameAllLocales',
-    to: 'name'
-  }];
-  const transformedData = l10n.applyTransformedLocalizedFields(category, transformationOptions);
-  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
-  const ancestors = category.ancestors ? _mapInstanceProperty__default["default"](_context = category.ancestors).call(_context, ancestor => transformLocalizedFieldsForCategory(ancestor)) : null;
-  return _objectSpread$16(_objectSpread$16(_objectSpread$16({}, transformedData), parent ? {
-    parent
-  } : {}), ancestors ? {
-    ancestors
-  } : {});
-}
-function transformLocalizedFieldsForCartDiscount(cartDiscount) {
-  const transformationOptions = [{
-    from: 'nameAllLocales',
-    to: 'name'
-  }];
-  return l10n.applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+const regexpData = /^data-/;
+function filterDataAttributes(obj) {
+  var _context, _context2;
+  return _reduceInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](obj)).call(_context2, p => regexpData.test(p))).call(_context, (acc, p) => {
+    // eslint-disable-next-line no-param-reassign
+    acc[p] = obj[p];
+    return acc;
+  }, {});
 }
-function mapShippingRateTierToGraphQL(tiers) {
-  return _reduceInstanceProperty__default["default"](tiers).call(tiers, (graphQlTiers, tier) => [...graphQlTiers, {
-    [tier.type]: {
-      price: tier.price ? {
-        centAmount: tier.price.centAmount,
-        currencyCode: tier.price.currencyCode
-      } : undefined,
-      minimumCentAmount: tier.minimumCentAmount,
-      value: tier.value || undefined,
-      priceFunction: tier.priceFunction ? {
-        function: tier.priceFunction.function,
-        currencyCode: tier.priceFunction.currencyCode
-      } : undefined,
-      score: tier.score
-    }
-  }], []);
+const invalidValues$1 = [null, undefined, ''];
+function isEmpty$2(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.to);
 }
-/**
- * NOTE:
- * This module massages update actions produced by the JS SDK
- * to be compatible with CTP GraphQL mutations. This logic should be
- * moved into the JS SDK once discounts is fully 100% migrated to
- * GraphQL or any other plugin/app needs this functionality. Until
- * then this serves as a collective set of requirements before
- * prematurely adding a not fully working set of conversions to the
- * JS SDK.
- */
+const invalidValues = [null, undefined, ''];
+function validateSingleFilter(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value);
+}
-const createAttributeTypeValue = attribute => {
-  switch (attribute.type.name) {
-    case 'set':
-      return {
-        set: {
-          elementType: createAttributeTypeValue({
-            type: attribute.type.elementType
-          })
-        }
-      };
-    case 'boolean':
-    case 'date':
-    case 'datetime':
-    case 'ltext':
-    case 'money':
-    case 'number':
-    case 'text':
-    case 'time':
-      return {
-        [attribute.type.name]: {}
-      };
-    case 'enum':
-    case 'lenum':
-      return {
-        [attribute.type.name]: {
-          values: []
-        }
-      };
-    case 'reference':
-      {
-        return {
-          [attribute.type.name]: {
-            referenceTypeId: attribute.type.referenceTypeId
-          }
-        };
-      }
-    default:
-      return attribute.type;
+const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
+const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
+const getDateTimeInUTC = (date, timezone, format) => {
+  const dateFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
+  const momentDate = moment__default["default"](date);
+  // check if the date is date only or datetime
+  const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
+  // if it's a date then convert it to UTC datetime based on timezone
+  if (noTimeSpecified) {
+    const offset = moment__default["default"](date).tz(timezone)?.utcOffset() || 0;
+    const formattedDate = momentDate.format(format);
+    const formattedDateWithOffset = moment__default["default"](formattedDate).add(offset, 'minutes').format(dateFormat);
+    // console.log(formattedDateWithOffset);
+    return formattedDateWithOffset;
   }
+  // if it's a datetime we assume that it's already in UTC
+  // and just return it
+  return date;
 };
+function dateTransformer$1(filterKey, filters) {
+  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
+  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
+    let type = _ref.type,
+      value = _ref.value,
+      timezone = _ref.timezone;
+    if (!filterValidator({
+      type,
+      value
+    })) return '';
+    switch (type) {
+      case FILTER_TYPES.lessThan:
+        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
+      case FILTER_TYPES.moreThan:
+        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
+      case FILTER_TYPES.equalTo:
+        return oneLine__default["default"]`
+            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine__default["default"]`
+            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
+          `;
+      default:
+        return '';
+    }
+  });
-/*
- * Fixed price supports high precision. Action format is nested with the
- * the type of the money. Absolute discount only works with cent precision,
- * hence the action structure is flat.
- */
-const formatMoney$2 = valueType => money => {
-  switch (valueType) {
-    case 'fixed':
-    case 'fixedCart':
-      return {
-        [money.type]: _objectSpread$16({
-          centAmount: money.centAmount,
-          currencyCode: money.currencyCode
-        }, money.type === PRECISION_TYPES.highPrecision && {
-          preciseAmount: money.preciseAmount,
-          fractionDigits: money.fractionDigits
-        })
-      };
-    case 'absolute':
-    case 'absoluteCart':
-      return {
-        centAmount: money.centAmount,
-        currencyCode: money.currencyCode
-      };
+  // The separator is and `or` as they are the same filter
+  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(' or ');
+  /* The parenthesis involing the `queryString` are needed since they are all part of the
+   * same filter so we need something to work with
+   * (
+   *  (createdAt >= "2018-04-25T00:00:00.000+02:00" and createdAt <= "2018-04-25T23:59:59.999+02:00") o
+   *  (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
+   * ) or some_more_filters
+   */
+  return queryString === '' ? null : `(${queryString})`;
+}
+function defaultFilterValidator$1(_ref2) {
+  let type = _ref2.type,
+    value = _ref2.value;
+  if (type !== 'range' && (validateSingleFilter({
+    value
+  }) || !moment__default["default"](value).isValid())) return false;
+  if (type === 'range' && (isEmpty$2({
+    value
+  }) || !moment__default["default"](value.from).isValid() || !moment__default["default"](value.to).isValid())) return false;
+  return true;
+}
+var localizedTextTransformer = localizedString => {
+  var _context;
+  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
+};
+const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
+function moneyTransformer(value, option, locale) {
+  const clauses = [];
+  if (option === FILTER_TYPES.range) {
+    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
+    clauses[1] = getCentAmountClause(value.from, '>=', locale);
+    clauses[2] = getCentAmountClause(value.to, '<=', locale);
+    return clauses.join(' and ');
+  }
+  clauses[0] = `currencyCode = "${value.currencyCode}"`;
+  switch (option) {
+    case FILTER_TYPES.lessThan:
+      clauses[1] = getCentAmountClause(value, '<', locale);
+      break;
+    case FILTER_TYPES.moreThan:
+      clauses[1] = getCentAmountClause(value, '>', locale);
+      break;
+    case FILTER_TYPES.equalTo:
+      clauses[1] = getCentAmountClause(value, '=', locale);
+      break;
     default:
-      throw new Error('Unexpected value type for money.');
+      return '';
   }
-};
+  return clauses.join(' and ');
+}
-/**
- * converts the `changeValue` action to GraphQL actions variable
- * @param {Object} actionPayload
+const formatTime = 'HH:mm:ss.SSS';
+/* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
+ * the milliseconds always as 000.
+ * This function returns the same time with the
  */
-const convertChangeValueAction = actionPayload => {
-  const valueType = actionPayload.value.type;
-  const possibleTypeKeys = {
-    relative: ['permyriad'],
-    absolute: ['money'],
-    absoluteCart: ['money', 'applicationMode'],
-    fixed: ['money'],
-    fixedCart: ['money', 'applicationMode'],
-    giftLineItem: ['product', 'variantId', 'distributionChannel', 'supplyChannel', 'ResourceIdentifierInput']
-  };
-  const filteredValue = pick__default["default"](actionPayload.value, possibleTypeKeys[valueType]);
-  if (filteredValue.money) {
-    var _context2;
-    const moneyFormatter = formatMoney$2(valueType);
-    filteredValue.money = _mapInstanceProperty__default["default"](_context2 = filteredValue.money).call(_context2, moneyFormatter);
-  }
-  return {
-    changeValue: {
-      value: {
-        [valueType]: filteredValue
-      }
+const getEndOfSecond = value => moment__default["default"](value, formatTime).endOf('minute').format(formatTime);
+const defaultFilterValidator = _ref => {
+  let type = _ref.type,
+    value = _ref.value;
+  if (type !== FILTER_TYPES.range && validateSingleFilter({
+    value
+  })) return false;
+  if (type === FILTER_TYPES.range && isEmpty$2({
+    value
+  })) return false;
+  return true;
+};
+const timeTransformer = function (filterKey, filters) {
+  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
+  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref2 => {
+    let type = _ref2.type,
+      value = _ref2.value;
+    if (!filterValidator({
+      type,
+      value
+    })) return '';
+    switch (type) {
+      case FILTER_TYPES.lessThan:
+        return `${filterKey} < "${value}"`;
+      case FILTER_TYPES.moreThan:
+        return `${filterKey} > "${value}"`;
+      case FILTER_TYPES.equalTo:
+        return oneLine__default["default"]`
+          (${filterKey} >= "${value}"
+          and ${filterKey} <= "${getEndOfSecond(value)}")
+          `;
+      case FILTER_TYPES.range:
+        return oneLine__default["default"]`
+          (${filterKey} >= "${value.from}"
+          and ${filterKey} <= "${getEndOfSecond(value.to)}")
+          `;
+      default:
+        return '';
     }
-  };
+  });
+  // The separator is and `or` as they are the same filter
+  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(' or ');
+  /* The parenthesis involing the `queryString` are needed since they are all part of the
+   * same filter so we need something to work with
+   * (
+   *  (pickUpTime >= "12:00" and pickUpTime <= "13:00") o
+   *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
+   * ) or some_more_filters
+   */
+  return queryString === '' ? null : `(${queryString})`;
 };
-/**
- * This function changes any payload after the actions have been computed.
- * Currently we only need to change the `setCustomField` action payload
- * as its dynamic content can not be typed in SDL for the mutation.
- */
-const convertAction = (actionName, actionPayload) => {
-  var _context3, _context4, _context5, _context6, _context7;
-  const getNameFromPayload = payload => {
-    // changeName for `Organizations`
-    if (typeof payload.name === 'string') return payload;
-    // changeName for `UserProfile`
-    if (payload.firstName || payload.lastName) return payload;
-    // assume `changeName` for LocalizedString type
-    return {
-      name: l10n.transformLocalizedStringToLocalizedField(payload.name)
-    };
-  };
-  switch (actionName) {
-    case 'changeName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setDescription':
-    case 'changeDescription':
-      return {
-        [actionName]: {
-          description: getIsLocalizedString(actionPayload.description) ? l10n.transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
-        }
-      };
-    case 'setLocalizedDescription':
-      return {
-        [actionName]: {
-          localizedDescription: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
-        }
-      };
-    case 'setName':
-      return {
-        [actionName]: getNameFromPayload(actionPayload)
-      };
-    case 'setLocalizedName':
-      return {
-        [actionName]: {
-          localizedName: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedName)
-        }
-      };
-    case 'setLineItemCustomField':
-      return {
-        [actionName]: {
-          lineItemId: actionPayload.lineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomLineItemCustomField':
-      return {
-        [actionName]: {
-          customLineItemId: actionPayload.customLineItemId,
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomField':
-      return {
-        [actionName]: {
-          name: actionPayload.name,
-          value: _JSON$stringify__default["default"](actionPayload.value)
-        }
-      };
-    case 'setCustomType':
-      return {
-        [actionName]: {
-          typeId: actionPayload.type?.id,
-          fields: actionPayload.fields ? _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
-            let _ref2 = _slicedToArray(_ref, 2),
-              customField = _ref2[0],
-              value = _ref2[1];
-            return {
-              name: customField,
-              value: _JSON$stringify__default["default"](value)
-            };
-          }) : undefined
-        }
-      };
-    case 'removeLocation':
-      return {
-        [actionName]: {
-          location: {
-            country: actionPayload.location.country
-          }
-        }
-      };
-    case 'addLocation':
-      return {
-        [actionName]: {
-          location: {
-            country: actionPayload.location.country
-          }
-        }
-      };
-    case 'setGeoLocation':
-      return {
-        [actionName]: actionPayload?.geoLocation ? {
-          geoLocation: {
-            type: 'Point',
-            coordinates: [_parseFloat__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
-          }
-        } : {
-          undefined
-        }
-      };
-    case 'changeLabel':
-      return {
-        changeLabel: {
-          attributeName: actionPayload.attributeName,
-          label: l10n.transformLocalizedStringToLocalizedField(actionPayload.label)
-        }
-      };
-    case 'setInputTip':
-      return {
-        setInputTip: {
-          attributeName: actionPayload.attributeName,
-          inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.inputTip)
-        }
-      };
-    case 'addAttributeDefinition':
-      return {
-        [actionName]: {
-          attributeDefinition: _objectSpread$16(_objectSpread$16({}, actionPayload.attribute), {}, {
-            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
-            inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.inputTip),
-            type: createAttributeTypeValue(actionPayload.attribute)
-          })
-        }
-      };
-    case 'replaceTaxRate':
-      return {
-        [actionName]: {
-          taxRate: {
-            name: actionPayload.taxRate.name,
-            country: actionPayload.taxRate.country,
-            includedInPrice: actionPayload.taxRate.includedInPrice,
-            amount: actionPayload.taxRate.amount,
-            state: actionPayload.taxRate.state,
-            key: actionPayload.taxRate.key,
-            subRates: actionPayload.taxRate.subRates
-          },
-          taxRateId: actionPayload.taxRateId
-        }
-      };
-    case 'addZone':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          }
-        }
-      };
-    case 'removeZone':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          }
-        }
-      };
-    case 'changeTaxCategory':
-      return {
-        [actionName]: {
-          taxCategory: {
-            id: actionPayload.taxCategory.id,
-            typeId: actionPayload.taxCategory.typeId
-          }
-        }
-      };
-    case 'addShippingRate':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          },
-          shippingRate: {
-            price: {
-              centAmount: actionPayload.shippingRate.price.centAmount,
-              currencyCode: actionPayload.shippingRate.price.currencyCode
-            },
-            freeAbove: actionPayload.shippingRate.freeAbove ? {
-              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
-              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
-            } : undefined,
-            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
-          }
-        }
-      };
-    case 'removeShippingRate':
-      return {
-        [actionName]: {
-          zone: {
-            id: actionPayload.zone.id,
-            typeId: actionPayload.zone.typeId
-          },
-          shippingRate: {
-            price: {
-              centAmount: actionPayload.shippingRate.price.centAmount,
-              currencyCode: actionPayload.shippingRate.price.currencyCode
-            },
-            freeAbove: actionPayload.shippingRate.freeAbove ? {
-              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
-              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
-            } : undefined,
-            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
-          }
-        }
-      };
-    case 'changeValue':
-      return convertChangeValueAction(actionPayload);
-    // product-types -> attributes -> enum
-    case 'addLocalizedEnumValue':
-      return {
-        [actionName]: {
-          attributeName: actionPayload.attributeName,
-          value: _objectSpread$16(_objectSpread$16({}, actionPayload.value), {}, {
-            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.value.label)
-          })
-        }
-      };
-    case 'changeLocalizedEnumValueLabel':
-      return {
-        [actionName]: {
-          attributeName: actionPayload.attributeName,
-          newValue: _objectSpread$16(_objectSpread$16({}, actionPayload.newValue), {}, {
-            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
-          })
-        }
-      };
-    case 'setShippingRateInputType':
-      return {
-        [actionName]: {
-          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
-            [actionPayload.shippingRateInputType.type]: {
-              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
-                key: value.key,
-                label: value.allLocaleLabels
-              })) : undefined
-            }
-          } : undefined
-        }
-      };
-    case 'addCustomLineItem':
-      {
-        return {
-          [actionName]: {
-            slug: actionPayload.slug,
-            quantity: actionPayload.quantity,
-            name: l10n.transformLocalizedStringToLocalizedField(actionPayload.name),
-            taxCategory: actionPayload.taxCategory,
-            money: {
-              [actionPayload.money.type]: _objectSpread$16({
-                centAmount: actionPayload.money.centAmount,
-                currencyCode: actionPayload.money.currencyCode
-              }, actionPayload.money.type === PRECISION_TYPES.highPrecision && {
-                preciseAmount: actionPayload.money.preciseAmount,
-                fractionDigits: actionPayload.money.fractionDigits
-              })
-            }
-          }
-        };
-      }
-    case 'setDataFences':
-      return {
-        [actionName]: {
-          dataFences: _reduceInstanceProperty__default["default"](_context5 = actionPayload.dataFences).call(_context5, (nextDataFences, dataFence) => {
-            if (dataFence.type.toLowerCase() === 'store') return [...nextDataFences, {
-              [dataFence.type.toLowerCase()]: {
-                storeKeys: dataFence.storeKeys
-              }
-            }];
-            return nextDataFences;
-          }, [])
-        }
-      };
-    case 'changeTarget':
-      return {
-        [actionName]: {
-          target: {
-            [actionPayload.target.type]: _objectSpread$16(_objectSpread$16(_objectSpread$16({}, omit__default["default"](actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
-              triggerPattern: _mapInstanceProperty__default["default"](_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
-                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
-              }))
-            }), actionPayload.target.targetPattern && {
-              targetPattern: _mapInstanceProperty__default["default"](_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
-                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
-              }))
-            })
-          }
-        }
-      };
-    case 'addAddress':
-    case 'changeAddress':
-      {
-        var _context8;
-        const _ref3 = actionPayload.address?.custom || {},
-          _ref3$fields = _ref3.fields,
-          fields = _ref3$fields === void 0 ? {} : _ref3$fields;
-        const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context8 = _Object$entries__default["default"](fields)).call(_context8, _ref4 => {
-          let _ref5 = _slicedToArray(_ref4, 2),
-            name = _ref5[0],
-            value = _ref5[1];
-          return {
-            name,
-            value: _JSON$stringify__default["default"](value)
-          };
-        });
-        const custom = actionPayload.address?.custom?.type?.id ? {
-          type: {
-            id: actionPayload.address.custom.type.id
-          },
-          fields: customFields
-        } : null;
-        return {
-          [actionName]: _objectSpread$16(_objectSpread$16({}, actionPayload), {}, {
-            address: _objectSpread$16(_objectSpread$16({}, omit__default["default"](actionPayload.address, ['__typename'])), {}, {
-              custom
-            })
-          })
-        };
-      }
-    case 'setAddressCustomType':
-      {
-        var _context9;
-        const _ref6 = actionPayload || {},
-          addressId = _ref6.addressId,
-          _ref6$fields = _ref6.fields,
-          fields = _ref6$fields === void 0 ? {} : _ref6$fields,
-          type = _ref6.type;
-        const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context9 = _Object$entries__default["default"](fields)).call(_context9, _ref7 => {
-          let _ref8 = _slicedToArray(_ref7, 2),
-            name = _ref8[0],
-            value = _ref8[1];
-          return {
-            name,
-            value: _JSON$stringify__default["default"](value)
-          };
-        });
-        const customType = type?.id ? {
-          id: type.id
-        } : null;
-        return {
-          [actionName]: {
-            addressId,
-            fields: customFields,
-            type: customType
-          }
-        };
-      }
-    default:
-      return {
-        [actionName]: actionPayload
-      };
-  }
-};
-const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["default"](actions).call(actions, (previousActions, _ref9) => {
-  let actionName = _ref9.action,
-    actionPayload = _objectWithoutProperties(_ref9, _excluded$d);
-  return [...previousActions, convertAction(actionName, actionPayload)];
-}, []);
-const extractErrorFromGraphQlResponse = graphQlResponse => {
-  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
-    return graphQlResponse.networkError.result.errors;
-  }
-  if (graphQlResponse.graphQLErrors?.length > 0) {
-    return graphQlResponse.graphQLErrors;
-  }
-  return graphQlResponse;
-};
-var FetchRecurrencePolicies = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRecurrencePolicies" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "recurrencePolicies" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 160, source: { body: "query FetchRecurrencePolicies {\n  recurrencePolicies {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const isRecurringOrdersDisabledError = error => {
-  var _context;
-  return error.extensions?.code === '403' && _includesInstanceProperty__default["default"](_context = error.message).call(_context, "The feature 'recurring-orders' is not enabled for this project. Please contact commercetools support.");
-};
-const useRecurrenceIntervals = () => {
-  const _useQuery = client.useQuery(FetchRecurrencePolicies, {
-      context: {
-        target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
-      },
-      fetchPolicy: 'cache-and-network'
-    }),
-    data = _useQuery.data,
-    loading = _useQuery.loading,
-    rawError = _useQuery.error;
-  // @TODO: Remove these error checks when the feature is enabled by default
-  const extractedErrors = rawError ? extractErrorFromGraphQlResponse(rawError) : [];
-  const isRecurringOrdersDisabled = extractedErrors.length > 0 &&
-  // If the only error is a 403 with the specific message, we assume the feature is disabled
-  _everyInstanceProperty__default["default"](extractedErrors).call(extractedErrors, isRecurringOrdersDisabledError);
-  const error = isRecurringOrdersDisabled ? undefined : rawError;
-  return {
-    recurrencePolicies: data?.recurrencePolicies?.results ?? [],
-    loading,
-    error,
-    isRecurringOrdersDisabled
-  };
-};
-const setToArray = function () {
-  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return `id in (${_mapInstanceProperty__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
-};
-function capitalizeFirst(text) {
-  return text.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](text).call(text, 1);
-}
-const PRODUCT_STATUSES = {
-  PUBLISHED: 'published',
-  UNPUBLISHED: 'unpublished',
-  MODIFIED: 'modified'
-};
-const FILTER_TYPES = {
-  lessThan: 'lessThan',
-  moreThan: 'moreThan',
-  equalTo: 'equalTo',
-  range: 'range',
-  missing: 'missing',
-  missingIn: 'missingIn',
-  in: 'in'
-};
-const FIELD_TYPES = {
-  Money: 'Money',
-  LocalizedString: 'LocalizedString',
-  Time: 'Time',
-  DateTime: 'DateTime',
-  Boolean: 'Boolean',
-  String: 'String',
-  Enum: 'Enum',
-  LocalizedEnum: 'LocalizedEnum',
-  Number: 'Number',
-  Date: 'Date',
-  Reference: 'Reference',
-  Set: 'Set'
-};
-const PRECISION_TYPES = {
-  highPrecision: 'highPrecision',
-  centPrecision: 'centPrecision'
-};
-const ERROR_CODES = {
-  semanticError: 'SemanticError',
-  invalidInput: 'InvalidInput'
-};
-const DefaultPageSizes = [20, 50, 100];
-DefaultPageSizes[0];
-const regexpData = /^data-/;
-function filterDataAttributes(obj) {
-  var _context, _context2;
-  return _reduceInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](obj)).call(_context2, p => regexpData.test(p))).call(_context, (acc, p) => {
-    // eslint-disable-next-line no-param-reassign
-    acc[p] = obj[p];
-    return acc;
-  }, {});
-}
-const invalidValues$1 = [null, undefined, ''];
-function isEmpty$2(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value) || _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.from) && _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value.to);
-}
-const invalidValues = [null, undefined, ''];
-function validateSingleFilter(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value);
-}
-const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
-const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
-const getDateTimeInUTC = (date, timezone, format) => {
-  const dateFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
-  const momentDate = moment__default["default"](date);
-  // check if the date is date only or datetime
-  const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
-  // if it's a date then convert it to UTC datetime based on timezone
-  if (noTimeSpecified) {
-    const offset = moment__default["default"](date).tz(timezone)?.utcOffset() || 0;
-    const formattedDate = momentDate.format(format);
-    const formattedDateWithOffset = moment__default["default"](formattedDate).add(offset, 'minutes').format(dateFormat);
-    // console.log(formattedDateWithOffset);
-    return formattedDateWithOffset;
-  }
-  // if it's a datetime we assume that it's already in UTC
-  // and just return it
-  return date;
-};
-function dateTransformer$1(filterKey, filters) {
-  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
-  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
-    let type = _ref.type,
-      value = _ref.value,
-      timezone = _ref.timezone;
-    if (!filterValidator({
-      type,
-      value
-    })) return '';
-    switch (type) {
-      case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
-      case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
-      case FILTER_TYPES.equalTo:
-        return oneLine__default["default"]`
-            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine__default["default"]`
-            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
-          `;
-      default:
-        return '';
-    }
-  });
-  // The separator is and `or` as they are the same filter
-  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(' or ');
-  /* The parenthesis involing the `queryString` are needed since they are all part of the
-   * same filter so we need something to work with
-   * (
-   *  (createdAt >= "2018-04-25T00:00:00.000+02:00" and createdAt <= "2018-04-25T23:59:59.999+02:00") o
-   *  (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
-   * ) or some_more_filters
-   */
-  return queryString === '' ? null : `(${queryString})`;
-}
-function defaultFilterValidator$1(_ref2) {
-  let type = _ref2.type,
-    value = _ref2.value;
-  if (type !== 'range' && (validateSingleFilter({
-    value
-  }) || !moment__default["default"](value).isValid())) return false;
-  if (type === 'range' && (isEmpty$2({
-    value
-  }) || !moment__default["default"](value.from).isValid() || !moment__default["default"](value.to).isValid())) return false;
-  return true;
-}
-var localizedTextTransformer = localizedString => {
-  var _context;
-  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
-};
-const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
-function moneyTransformer(value, option, locale) {
-  const clauses = [];
-  if (option === FILTER_TYPES.range) {
-    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
-    clauses[1] = getCentAmountClause(value.from, '>=', locale);
-    clauses[2] = getCentAmountClause(value.to, '<=', locale);
-    return clauses.join(' and ');
-  }
-  clauses[0] = `currencyCode = "${value.currencyCode}"`;
-  switch (option) {
-    case FILTER_TYPES.lessThan:
-      clauses[1] = getCentAmountClause(value, '<', locale);
-      break;
-    case FILTER_TYPES.moreThan:
-      clauses[1] = getCentAmountClause(value, '>', locale);
-      break;
-    case FILTER_TYPES.equalTo:
-      clauses[1] = getCentAmountClause(value, '=', locale);
-      break;
-    default:
-      return '';
-  }
-  return clauses.join(' and ');
-}
-const formatTime = 'HH:mm:ss.SSS';
-/* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
- * the milliseconds always as 000.
- * This function returns the same time with the
- */
-const getEndOfSecond = value => moment__default["default"](value, formatTime).endOf('minute').format(formatTime);
-const defaultFilterValidator = _ref => {
-  let type = _ref.type,
-    value = _ref.value;
-  if (type !== FILTER_TYPES.range && validateSingleFilter({
-    value
-  })) return false;
-  if (type === FILTER_TYPES.range && isEmpty$2({
-    value
-  })) return false;
-  return true;
-};
-const timeTransformer = function (filterKey, filters) {
-  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
-  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref2 => {
-    let type = _ref2.type,
-      value = _ref2.value;
-    if (!filterValidator({
-      type,
-      value
-    })) return '';
-    switch (type) {
-      case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${value}"`;
-      case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${value}"`;
-      case FILTER_TYPES.equalTo:
-        return oneLine__default["default"]`
-          (${filterKey} >= "${value}"
-          and ${filterKey} <= "${getEndOfSecond(value)}")
-          `;
-      case FILTER_TYPES.range:
-        return oneLine__default["default"]`
-          (${filterKey} >= "${value.from}"
-          and ${filterKey} <= "${getEndOfSecond(value.to)}")
-          `;
-      default:
-        return '';
-    }
-  });
-  // The separator is and `or` as they are the same filter
-  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(' or ');
-  /* The parenthesis involing the `queryString` are needed since they are all part of the
-   * same filter so we need something to work with
-   * (
-   *  (pickUpTime >= "12:00" and pickUpTime <= "13:00") o
-   *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
-   * ) or some_more_filters
-   */
-  return queryString === '' ? null : `(${queryString})`;
-};
-function formatDateRangeValue(value, type) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    locale: 'en',
-    timeZone: moment__default$1["default"].tz.guess()
+function formatDateRangeValue(value, type) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    locale: 'en',
+    timeZone: moment__default$1["default"].tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
   if (value.from && value.to) return oneLine__default["default"]`
@@ -4552,8 +3939,8 @@ const getData = (code, field) => {
 };
 const getFractionDigit = code => getData(code, 'fractionDigit');
-function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$15(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$15(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$18(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$18(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$18(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$18(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function formatMoneyRangeValue(value, intl) {
   if (value.from === value.to) return formatMoneyValue(value.from, value.currency, intl);
   if (value.from && value.to) return `${formatMoneyValue(value.from, value.currency, intl)} -
@@ -4563,7 +3950,7 @@ function formatMoneyRangeValue(value, intl) {
   return '';
 }
 function formatMoneyValue(amount, currency, intl) {
-  return formatMoney$1(_objectSpread$15({
+  return formatMoney$2(_objectSpread$18({
     centAmount: amount,
     fractionDigits: getFractionDigit(currency)
   }, currency ? {
@@ -4578,15 +3965,15 @@ function getFractionedAmount(moneyValue) {
   const amount = moneyValue.type === PRECISION_TYPES.highPrecision ? moneyValue.preciseAmount : moneyValue.centAmount;
   return amount / 10 ** fractionDigits;
 }
-function formatMoney$1(moneyValue, intl, options) {
-  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$15({
+function formatMoney$2(moneyValue, intl, options) {
+  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$18({
     style: 'currency',
     currency: moneyValue.currencyCode,
     minimumFractionDigits: moneyValue.fractionDigits
   }, options));
 }
-var messages$K = reactIntl.defineMessages({
+var messages$L = reactIntl.defineMessages({
   booleanYes: {
     id: 'AttributeTypeFormats.boolean.yes',
     description: 'The label for boolean attribute `true` value',
@@ -4626,10 +4013,10 @@ const formatLtext = _ref3 => {
     locale: language
   });
 };
-const formatMoney = _ref4 => {
+const formatMoney$1 = _ref4 => {
   let value = _ref4.value,
     intl = _ref4.intl;
-  return formatMoney$1(value, intl);
+  return formatMoney$2(value, intl);
 };
 const formatReference = _ref5 => {
   let value = _ref5.value;
@@ -4668,7 +4055,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,
@@ -4719,7 +4106,7 @@ const doNotFormat = _ref11 => {
   return value;
 };
 const getFormatter = type => {
-  if (isNil__default["default"](type)) return formatNilType;else if (type.name === 'nested') return formatNested;else if (type.name === 'set') return formatSet;else if (type.name === 'enum') return formatEnum;else if (type.name === 'lenum') return formatLenum;else if (type.name === 'ltext') return formatLtext;else if (type.name === 'money') return formatMoney;else if (type.name === 'reference') return formatReference;else if (type.name === 'date') return formatDate;else if (type.name === 'time') return doNotFormat;else if (type.name === 'datetime') return formatDateTime;else if (type.name === 'boolean') return formatBoolean;else if (type.name === 'text') return doNotFormat;else if (type.name === 'number') return doNotFormat;else return formatUnknown;
+  if (isNil__default["default"](type)) return formatNilType;else if (type.name === 'nested') return formatNested;else if (type.name === 'set') return formatSet;else if (type.name === 'enum') return formatEnum;else if (type.name === 'lenum') return formatLenum;else if (type.name === 'ltext') return formatLtext;else if (type.name === 'money') return formatMoney$1;else if (type.name === 'reference') return formatReference;else if (type.name === 'date') return formatDate;else if (type.name === 'time') return doNotFormat;else if (type.name === 'datetime') return formatDateTime;else if (type.name === 'boolean') return formatBoolean;else if (type.name === 'text') return doNotFormat;else if (type.name === 'number') return doNotFormat;else return formatUnknown;
 };
 function formatAttribute(_ref12) {
   let type = _ref12.type,
@@ -4745,89 +4132,662 @@ function formatAttribute(_ref12) {
   });
 }
-const attributeTypeNames = {
-  Boolean: 'boolean',
-  Date: 'date',
-  DateTime: 'datetime',
-  Enum: 'enum',
-  LocalizedEnum: 'lenum',
-  LocalizedString: 'ltext',
-  Money: 'money',
-  Nested: 'nested',
-  Reference: 'reference',
-  Set: 'set',
-  String: 'text',
-  Time: 'time',
-  Number: 'number'
+const attributeTypeNames = {
+  Boolean: 'boolean',
+  Date: 'date',
+  DateTime: 'datetime',
+  Enum: 'enum',
+  LocalizedEnum: 'lenum',
+  LocalizedString: 'ltext',
+  Money: 'money',
+  Nested: 'nested',
+  Reference: 'reference',
+  Set: 'set',
+  String: 'text',
+  Time: 'time',
+  Number: 'number'
+};
+const convertToAttributeType = customFieldType => {
+  if (isNil__default["default"](customFieldType)) return customFieldType;
+  const attributeTypeName = attributeTypeNames[customFieldType.name];
+  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
+  return {
+    name: attributeTypeName,
+    elementType: {
+      name: elementTypeName
+    }
+  };
+};
+const inlineEnumValues = (type, value) => {
+  if (isNil__default["default"](type)) return value;
+  if (type.name === 'Set') {
+    return _mapInstanceProperty__default["default"](value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
+  }
+  if (type.name === 'Enum' || type.name === 'LocalizedEnum') {
+    var _context;
+    return _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](type)).call(_context, enumValue => enumValue.key === value);
+  }
+  return value;
+};
+/**
+ * Formats `Custom Fields`: https://docs.commercetools.com/api/projects/custom-fields
+ * Despite having different names, most of `Custom Field` maps one-to-one with an appropriate
+ * `Product Attribute Type`, hence we can reuse product attributes formatting logic.
+ *
+ * The only exception is `Enum` and `LEnum` types. Unlike when dealing with `Product Attribute Types`,
+ * value in `Custom Fields` contains a key of an `Enum` entry, and not an entry itself.
+ * Therefore, before passing value to attributes formatter we need to replace value with Enum entry.
+ */
+function formatCustomField(_ref) {
+  let type = _ref.type,
+    value = _ref.value,
+    intl = _ref.intl,
+    language = _ref.language,
+    languages = _ref.languages,
+    userTimeZone = _ref.userTimeZone;
+  const attributeType = convertToAttributeType(type);
+  return formatAttribute({
+    type: attributeType,
+    value: inlineEnumValues(type, value),
+    intl,
+    language,
+    languages,
+    userTimeZone
+  });
+}
+// FIXME: delete once prefix search is supported in ctp api
+// Currently prefix search of products in the ctp is not supported.
+// This is a temporary hack which should be deleted once the feature is
+// supported in ctp.
+// It mimics the prefix search feature by computing lower and upper bounds
+// related to the provided `input`.
+// usage:
+// If I want to do a prefix search of term 'F', I get first the bounds
+// const [lowerBound, upperBound] = getPrefixSearch('F');
+// and then use them in the search
+// e.g
+// where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
+const getPrefixSearchBounds = input => {
+  const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
+  return [input, `${_sliceInstanceProperty__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
+};
+var getPrefixSearchBounds$1 = getPrefixSearchBounds;
+const _excluded$f = ["action"];
+function ownKeys$17(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$17(e) { for (var r = 1; r < arguments.length; r++) { var _context0, _context1; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context0 = ownKeys$17(Object(t), !0)).call(_context0, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context1 = ownKeys$17(Object(t))).call(_context1, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+/**
+ * Checks if a value is a LocalizedString
+ *
+ * { en: 'Hello' } -> true
+ * 'Hello' -> false
+ */
+const getIsLocalizedString = maybeLocalizedString => {
+  if (typeof maybeLocalizedString === 'string') return false;
+  if (!maybeLocalizedString || typeof maybeLocalizedString === 'object' && _Object$keys__default["default"](maybeLocalizedString).length === 0) return false;
+  return true;
+};
+/**
+ * Transforms a list of `CustomField` into a `CustomField` object
+ *
+ * [{ name: 'fieldA', value: 'Hello' }] -> { fieldA: 'Hello' }
+ */
+const transformCustomFieldsRawToCustomFields = customFieldsRaw => {
+  if (!customFieldsRaw || customFieldsRaw.length === 0) return null;
+  return _reduceInstanceProperty__default["default"](customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$17(_objectSpread$17({}, customFields), {}, {
+    [customField.name]: customField.value
+  }), {});
+};
+// --- Types mapping ---
+/**
+ * Map category GraphQL shape with nameAllLocales to reference shape
+ * Includes ancestors and parent
+ *
+ * @param {Object} category - A category result object from graphql
+ * @return {Object} Category (as a REST API representation):
+ * `{ id, obj: { id, name } }`
+ */
+function transformLocalizedFieldsForCategory(category) {
+  var _context;
+  let transformationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [{
+    from: 'nameAllLocales',
+    to: 'name'
+  }];
+  const transformedData = l10n.applyTransformedLocalizedFields(category, transformationOptions);
+  const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
+  const ancestors = category.ancestors ? _mapInstanceProperty__default["default"](_context = category.ancestors).call(_context, ancestor => transformLocalizedFieldsForCategory(ancestor)) : null;
+  return _objectSpread$17(_objectSpread$17(_objectSpread$17({}, transformedData), parent ? {
+    parent
+  } : {}), ancestors ? {
+    ancestors
+  } : {});
+}
+function transformLocalizedFieldsForCartDiscount(cartDiscount) {
+  const transformationOptions = [{
+    from: 'nameAllLocales',
+    to: 'name'
+  }];
+  return l10n.applyTransformedLocalizedFields(cartDiscount, transformationOptions);
+}
+function mapShippingRateTierToGraphQL(tiers) {
+  return _reduceInstanceProperty__default["default"](tiers).call(tiers, (graphQlTiers, tier) => [...graphQlTiers, {
+    [tier.type]: {
+      price: tier.price ? {
+        centAmount: tier.price.centAmount,
+        currencyCode: tier.price.currencyCode
+      } : undefined,
+      minimumCentAmount: tier.minimumCentAmount,
+      value: tier.value || undefined,
+      priceFunction: tier.priceFunction ? {
+        function: tier.priceFunction.function,
+        currencyCode: tier.priceFunction.currencyCode
+      } : undefined,
+      score: tier.score
+    }
+  }], []);
+}
+/**
+ * NOTE:
+ * This module massages update actions produced by the JS SDK
+ * to be compatible with CTP GraphQL mutations. This logic should be
+ * moved into the JS SDK once discounts is fully 100% migrated to
+ * GraphQL or any other plugin/app needs this functionality. Until
+ * then this serves as a collective set of requirements before
+ * prematurely adding a not fully working set of conversions to the
+ * JS SDK.
+ */
+const createAttributeTypeValue = attribute => {
+  switch (attribute.type.name) {
+    case 'set':
+      return {
+        set: {
+          elementType: createAttributeTypeValue({
+            type: attribute.type.elementType
+          })
+        }
+      };
+    case 'boolean':
+    case 'date':
+    case 'datetime':
+    case 'ltext':
+    case 'money':
+    case 'number':
+    case 'text':
+    case 'time':
+      return {
+        [attribute.type.name]: {}
+      };
+    case 'enum':
+    case 'lenum':
+      return {
+        [attribute.type.name]: {
+          values: []
+        }
+      };
+    case 'reference':
+      {
+        return {
+          [attribute.type.name]: {
+            referenceTypeId: attribute.type.referenceTypeId
+          }
+        };
+      }
+    default:
+      return attribute.type;
+  }
 };
-const convertToAttributeType = customFieldType => {
-  if (isNil__default["default"](customFieldType)) return customFieldType;
-  const attributeTypeName = attributeTypeNames[customFieldType.name];
-  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
+/*
+ * Fixed price supports high precision. Action format is nested with the
+ * the type of the money. Absolute discount only works with cent precision,
+ * hence the action structure is flat.
+ */
+const formatMoney = valueType => money => {
+  switch (valueType) {
+    case 'fixed':
+    case 'fixedCart':
+      return {
+        [money.type]: _objectSpread$17({
+          centAmount: money.centAmount,
+          currencyCode: money.currencyCode
+        }, money.type === PRECISION_TYPES.highPrecision && {
+          preciseAmount: money.preciseAmount,
+          fractionDigits: money.fractionDigits
+        })
+      };
+    case 'absolute':
+    case 'absoluteCart':
+      return {
+        centAmount: money.centAmount,
+        currencyCode: money.currencyCode
+      };
+    default:
+      throw new Error('Unexpected value type for money.');
+  }
+};
+/**
+ * converts the `changeValue` action to GraphQL actions variable
+ * @param {Object} actionPayload
+ */
+const convertChangeValueAction = actionPayload => {
+  const valueType = actionPayload.value.type;
+  const possibleTypeKeys = {
+    relative: ['permyriad'],
+    absolute: ['money'],
+    absoluteCart: ['money', 'applicationMode'],
+    fixed: ['money'],
+    fixedCart: ['money', 'applicationMode'],
+    giftLineItem: ['product', 'variantId', 'distributionChannel', 'supplyChannel', 'ResourceIdentifierInput']
+  };
+  const filteredValue = pick__default["default"](actionPayload.value, possibleTypeKeys[valueType]);
+  if (filteredValue.money) {
+    var _context2;
+    const moneyFormatter = formatMoney(valueType);
+    filteredValue.money = _mapInstanceProperty__default["default"](_context2 = filteredValue.money).call(_context2, moneyFormatter);
+  }
   return {
-    name: attributeTypeName,
-    elementType: {
-      name: elementTypeName
+    changeValue: {
+      value: {
+        [valueType]: filteredValue
+      }
     }
   };
 };
-const inlineEnumValues = (type, value) => {
-  if (isNil__default["default"](type)) return value;
-  if (type.name === 'Set') {
-    return _mapInstanceProperty__default["default"](value).call(value, setValue => inlineEnumValues(type.elementType, setValue));
-  }
-  if (type.name === 'Enum' || type.name === 'LocalizedEnum') {
-    var _context;
-    return _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](type)).call(_context, enumValue => enumValue.key === value);
-  }
-  return value;
-};
 /**
- * Formats `Custom Fields`: https://docs.commercetools.com/api/projects/custom-fields
- * Despite having different names, most of `Custom Field` maps one-to-one with an appropriate
- * `Product Attribute Type`, hence we can reuse product attributes formatting logic.
- *
- * The only exception is `Enum` and `LEnum` types. Unlike when dealing with `Product Attribute Types`,
- * value in `Custom Fields` contains a key of an `Enum` entry, and not an entry itself.
- * Therefore, before passing value to attributes formatter we need to replace value with Enum entry.
+ * This function changes any payload after the actions have been computed.
+ * Currently we only need to change the `setCustomField` action payload
+ * as its dynamic content can not be typed in SDL for the mutation.
  */
-function formatCustomField(_ref) {
-  let type = _ref.type,
-    value = _ref.value,
-    intl = _ref.intl,
-    language = _ref.language,
-    languages = _ref.languages,
-    userTimeZone = _ref.userTimeZone;
-  const attributeType = convertToAttributeType(type);
-  return formatAttribute({
-    type: attributeType,
-    value: inlineEnumValues(type, value),
-    intl,
-    language,
-    languages,
-    userTimeZone
-  });
-}
-// FIXME: delete once prefix search is supported in ctp api
-// Currently prefix search of products in the ctp is not supported.
-// This is a temporary hack which should be deleted once the feature is
-// supported in ctp.
-// It mimics the prefix search feature by computing lower and upper bounds
-// related to the provided `input`.
-// usage:
-// If I want to do a prefix search of term 'F', I get first the bounds
-// const [lowerBound, upperBound] = getPrefixSearch('F');
-// and then use them in the search
-// e.g
-// where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
-const getPrefixSearchBounds = input => {
-  const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
-  return [input, `${_sliceInstanceProperty__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
+const convertAction = (actionName, actionPayload) => {
+  var _context3, _context4, _context5, _context6, _context7;
+  const getNameFromPayload = payload => {
+    // changeName for `Organizations`
+    if (typeof payload.name === 'string') return payload;
+    // changeName for `UserProfile`
+    if (payload.firstName || payload.lastName) return payload;
+    // assume `changeName` for LocalizedString type
+    return {
+      name: l10n.transformLocalizedStringToLocalizedField(payload.name)
+    };
+  };
+  switch (actionName) {
+    case 'changeName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setDescription':
+    case 'changeDescription':
+      return {
+        [actionName]: {
+          description: getIsLocalizedString(actionPayload.description) ? l10n.transformLocalizedStringToLocalizedField(actionPayload.description) : actionPayload.description
+        }
+      };
+    case 'setLocalizedDescription':
+      return {
+        [actionName]: {
+          localizedDescription: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedDescription)
+        }
+      };
+    case 'setName':
+      return {
+        [actionName]: getNameFromPayload(actionPayload)
+      };
+    case 'setLocalizedName':
+      return {
+        [actionName]: {
+          localizedName: l10n.transformLocalizedStringToLocalizedField(actionPayload.localizedName)
+        }
+      };
+    case 'setSlug':
+      return {
+        [actionName]: {
+          slug: l10n.transformLocalizedStringToLocalizedField(actionPayload.slug)
+        }
+      };
+    case 'setLineItemCustomField':
+      return {
+        [actionName]: {
+          lineItemId: actionPayload.lineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomLineItemCustomField':
+      return {
+        [actionName]: {
+          customLineItemId: actionPayload.customLineItemId,
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomField':
+      return {
+        [actionName]: {
+          name: actionPayload.name,
+          value: _JSON$stringify__default["default"](actionPayload.value)
+        }
+      };
+    case 'setCustomType':
+      return {
+        [actionName]: {
+          typeId: actionPayload.type?.id,
+          fields: actionPayload.fields ? _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
+            let _ref2 = _slicedToArray(_ref, 2),
+              customField = _ref2[0],
+              value = _ref2[1];
+            return {
+              name: customField,
+              value: _JSON$stringify__default["default"](value)
+            };
+          }) : undefined
+        }
+      };
+    case 'removeLocation':
+      return {
+        [actionName]: {
+          location: {
+            country: actionPayload.location.country
+          }
+        }
+      };
+    case 'addLocation':
+      return {
+        [actionName]: {
+          location: {
+            country: actionPayload.location.country
+          }
+        }
+      };
+    case 'setGeoLocation':
+      return {
+        [actionName]: actionPayload?.geoLocation ? {
+          geoLocation: {
+            type: 'Point',
+            coordinates: [_parseFloat__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
+          }
+        } : {
+          undefined
+        }
+      };
+    case 'changeLabel':
+      return {
+        changeLabel: {
+          attributeName: actionPayload.attributeName,
+          label: l10n.transformLocalizedStringToLocalizedField(actionPayload.label)
+        }
+      };
+    case 'setInputTip':
+      return {
+        setInputTip: {
+          attributeName: actionPayload.attributeName,
+          inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.inputTip)
+        }
+      };
+    case 'addAttributeDefinition':
+      return {
+        [actionName]: {
+          attributeDefinition: _objectSpread$17(_objectSpread$17({}, actionPayload.attribute), {}, {
+            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
+            inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.inputTip),
+            type: createAttributeTypeValue(actionPayload.attribute)
+          })
+        }
+      };
+    case 'replaceTaxRate':
+      return {
+        [actionName]: {
+          taxRate: {
+            name: actionPayload.taxRate.name,
+            country: actionPayload.taxRate.country,
+            includedInPrice: actionPayload.taxRate.includedInPrice,
+            amount: actionPayload.taxRate.amount,
+            state: actionPayload.taxRate.state,
+            key: actionPayload.taxRate.key,
+            subRates: actionPayload.taxRate.subRates
+          },
+          taxRateId: actionPayload.taxRateId
+        }
+      };
+    case 'addZone':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          }
+        }
+      };
+    case 'removeZone':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          }
+        }
+      };
+    case 'changeTaxCategory':
+      return {
+        [actionName]: {
+          taxCategory: {
+            id: actionPayload.taxCategory.id,
+            typeId: actionPayload.taxCategory.typeId
+          }
+        }
+      };
+    case 'addShippingRate':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          },
+          shippingRate: {
+            price: {
+              centAmount: actionPayload.shippingRate.price.centAmount,
+              currencyCode: actionPayload.shippingRate.price.currencyCode
+            },
+            freeAbove: actionPayload.shippingRate.freeAbove ? {
+              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
+              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
+            } : undefined,
+            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
+          }
+        }
+      };
+    case 'removeShippingRate':
+      return {
+        [actionName]: {
+          zone: {
+            id: actionPayload.zone.id,
+            typeId: actionPayload.zone.typeId
+          },
+          shippingRate: {
+            price: {
+              centAmount: actionPayload.shippingRate.price.centAmount,
+              currencyCode: actionPayload.shippingRate.price.currencyCode
+            },
+            freeAbove: actionPayload.shippingRate.freeAbove ? {
+              centAmount: actionPayload.shippingRate.freeAbove.centAmount,
+              currencyCode: actionPayload.shippingRate.freeAbove.currencyCode
+            } : undefined,
+            tiers: actionPayload.shippingRate.tiers ? mapShippingRateTierToGraphQL(actionPayload.shippingRate.tiers) : undefined
+          }
+        }
+      };
+    case 'changeValue':
+      return convertChangeValueAction(actionPayload);
+    // product-types -> attributes -> enum
+    case 'addLocalizedEnumValue':
+      return {
+        [actionName]: {
+          attributeName: actionPayload.attributeName,
+          value: _objectSpread$17(_objectSpread$17({}, actionPayload.value), {}, {
+            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.value.label)
+          })
+        }
+      };
+    case 'changeLocalizedEnumValueLabel':
+      return {
+        [actionName]: {
+          attributeName: actionPayload.attributeName,
+          newValue: _objectSpread$17(_objectSpread$17({}, actionPayload.newValue), {}, {
+            label: l10n.transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
+          })
+        }
+      };
+    case 'setShippingRateInputType':
+      return {
+        [actionName]: {
+          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
+            [actionPayload.shippingRateInputType.type]: {
+              values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
+                key: value.key,
+                label: value.allLocaleLabels
+              })) : undefined
+            }
+          } : undefined
+        }
+      };
+    case 'addCustomLineItem':
+      {
+        return {
+          [actionName]: {
+            slug: actionPayload.slug,
+            quantity: actionPayload.quantity,
+            name: l10n.transformLocalizedStringToLocalizedField(actionPayload.name),
+            taxCategory: actionPayload.taxCategory,
+            money: {
+              [actionPayload.money.type]: _objectSpread$17({
+                centAmount: actionPayload.money.centAmount,
+                currencyCode: actionPayload.money.currencyCode
+              }, actionPayload.money.type === PRECISION_TYPES.highPrecision && {
+                preciseAmount: actionPayload.money.preciseAmount,
+                fractionDigits: actionPayload.money.fractionDigits
+              })
+            }
+          }
+        };
+      }
+    case 'setDataFences':
+      return {
+        [actionName]: {
+          dataFences: _reduceInstanceProperty__default["default"](_context5 = actionPayload.dataFences).call(_context5, (nextDataFences, dataFence) => {
+            if (dataFence.type.toLowerCase() === 'store') return [...nextDataFences, {
+              [dataFence.type.toLowerCase()]: {
+                storeKeys: dataFence.storeKeys
+              }
+            }];
+            return nextDataFences;
+          }, [])
+        }
+      };
+    case 'changeTarget':
+      return {
+        [actionName]: {
+          target: {
+            [actionPayload.target.type]: _objectSpread$17(_objectSpread$17(_objectSpread$17({}, omit__default["default"](actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
+              triggerPattern: _mapInstanceProperty__default["default"](_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
+                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
+              }))
+            }), actionPayload.target.targetPattern && {
+              targetPattern: _mapInstanceProperty__default["default"](_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
+                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
+              }))
+            })
+          }
+        }
+      };
+    case 'addAddress':
+    case 'changeAddress':
+      {
+        var _context8;
+        const _ref3 = actionPayload.address?.custom || {},
+          _ref3$fields = _ref3.fields,
+          fields = _ref3$fields === void 0 ? {} : _ref3$fields;
+        const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context8 = _Object$entries__default["default"](fields)).call(_context8, _ref4 => {
+          let _ref5 = _slicedToArray(_ref4, 2),
+            name = _ref5[0],
+            value = _ref5[1];
+          return {
+            name,
+            value: _JSON$stringify__default["default"](value)
+          };
+        });
+        const custom = actionPayload.address?.custom?.type?.id ? {
+          type: {
+            id: actionPayload.address.custom.type.id
+          },
+          fields: customFields
+        } : null;
+        return {
+          [actionName]: _objectSpread$17(_objectSpread$17({}, actionPayload), {}, {
+            address: _objectSpread$17(_objectSpread$17({}, omit__default["default"](actionPayload.address, ['__typename'])), {}, {
+              custom
+            })
+          })
+        };
+      }
+    case 'setAddressCustomType':
+      {
+        var _context9;
+        const _ref6 = actionPayload || {},
+          addressId = _ref6.addressId,
+          _ref6$fields = _ref6.fields,
+          fields = _ref6$fields === void 0 ? {} : _ref6$fields,
+          type = _ref6.type;
+        const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context9 = _Object$entries__default["default"](fields)).call(_context9, _ref7 => {
+          let _ref8 = _slicedToArray(_ref7, 2),
+            name = _ref8[0],
+            value = _ref8[1];
+          return {
+            name,
+            value: _JSON$stringify__default["default"](value)
+          };
+        });
+        const customType = type?.id ? {
+          id: type.id
+        } : null;
+        return {
+          [actionName]: {
+            addressId,
+            fields: customFields,
+            type: customType
+          }
+        };
+      }
+    default:
+      return {
+        [actionName]: actionPayload
+      };
+  }
+};
+const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["default"](actions).call(actions, (previousActions, _ref9) => {
+  let actionName = _ref9.action,
+    actionPayload = _objectWithoutProperties(_ref9, _excluded$f);
+  return [...previousActions, convertAction(actionName, actionPayload)];
+}, []);
+const extractErrorFromGraphQlResponse = graphQlResponse => {
+  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
+    return graphQlResponse.networkError.result.errors;
+  }
+  if (graphQlResponse.graphQLErrors?.length > 0) {
+    return graphQlResponse.graphQLErrors;
+  }
+  return graphQlResponse;
 };
-var getPrefixSearchBounds$1 = getPrefixSearchBounds;
 const isUUID = string => /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/.test(string);
 var isUUID$1 = isUUID;
@@ -4882,8 +4842,8 @@ function omitDeep(obj, fieldsToOmit) {
   return originalOmitDeep__default["default"](obj, fieldsToOmit);
 }
-function ownKeys$14(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$14(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$14(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$14(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$16(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$16(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$16(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getPriceChannelName(price) {
   return price.channel?.name ?? price.channel?.key ?? null;
 }
@@ -4895,11 +4855,11 @@ function getDiscountValue(price) {
   } else if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted?.value?.type === PRECISION_TYPES.centPrecision) {
     fractionedAmount = getFractionedAmount(price.value) - getFractionedAmount(price.discounted.value);
   }
-  return price.discounted ? _objectSpread$14(_objectSpread$14({}, price.value), {}, {
+  return price.discounted ? _objectSpread$16(_objectSpread$16({}, price.value), {}, {
     fractionedAmount,
     centAmount: price.value.centAmount - price.discounted.value.centAmount,
     preciseAmount
-  }) : _objectSpread$14(_objectSpread$14({}, price.value), {}, {
+  }) : _objectSpread$16(_objectSpread$16({}, price.value), {}, {
     centAmount: 0
   });
 }
@@ -4930,7 +4890,7 @@ function getNetUnitPrice(_ref) {
     }
     let preciseAmount;
     if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + taxRate.amount);
-    return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
+    return _objectSpread$16(_objectSpread$16({}, price.value), {}, {
       centAmount,
       preciseAmount
     });
@@ -4946,7 +4906,7 @@ function getNetUnitPrice(_ref) {
     }
     let preciseAmount;
     if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
-    return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
+    return _objectSpread$16(_objectSpread$16({}, price.value), {}, {
       centAmount,
       preciseAmount
     });
@@ -4958,7 +4918,7 @@ function getMinimumPricesByCurrencyCode(prices) {
     const currencyCode = price.value.currencyCode;
     const fractionedAmount = getFractionedAmount(price.value);
     if (currencyCode && !isNil__default["default"](fractionedAmount)) {
-      if (!minPrices[currencyCode] || fractionedAmount < getFractionedAmount(minPrices[currencyCode])) return _objectSpread$14(_objectSpread$14({}, minPrices), {}, {
+      if (!minPrices[currencyCode] || fractionedAmount < getFractionedAmount(minPrices[currencyCode])) return _objectSpread$16(_objectSpread$16({}, minPrices), {}, {
         [currencyCode]: price.value
       });
     }
@@ -4967,8 +4927,8 @@ function getMinimumPricesByCurrencyCode(prices) {
   return _Object$values__default["default"](minPricesByCurrency);
 }
-function ownKeys$13(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$13(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$13(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$13(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$15(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$15(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const transformCustomFieldFromGraphQLResponse = resource => {
   var _context, _context4;
   return {
@@ -4983,14 +4943,14 @@ const transformCustomFieldFromGraphQLResponse = resource => {
           return {
             name: fieldDefinition.name,
             required: fieldDefinition.required,
-            type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
-              elementType: _objectSpread$13(_objectSpread$13({}, fieldDefinition.type.elementType), {}, {
+            type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$15(_objectSpread$15({}, fieldDefinition.type), {}, {
+              elementType: _objectSpread$15(_objectSpread$15({}, fieldDefinition.type.elementType), {}, {
                 values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
                   key: value.key,
                   label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
                 }))
               })
-            }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
+            }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$15(_objectSpread$15({}, fieldDefinition.type), {}, {
               values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
                 key: value.key,
                 label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -5001,7 +4961,7 @@ const transformCustomFieldFromGraphQLResponse = resource => {
         })
       }
     },
-    fields: _reduceInstanceProperty__default["default"](_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread$13(_objectSpread$13({}, fields), {}, {
+    fields: _reduceInstanceProperty__default["default"](_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread$15(_objectSpread$15({}, fields), {}, {
       [customField.name]: customField.value
     }), {})
   };
@@ -5013,7 +4973,7 @@ const convertProductSelectionFromGraphQl = productSelection => {
   // Incase the product selection is not missing or if the current project dose not yet have access to the feature,
   // in either case we return null
   if (!productSelection) return null;
-  return _objectSpread$13(_objectSpread$13({}, l10n.applyTransformedLocalizedFields(productSelection, [{
+  return _objectSpread$15(_objectSpread$15({}, l10n.applyTransformedLocalizedFields(productSelection, [{
     from: 'nameAllLocales',
     to: 'name'
   }])), {}, {
@@ -5036,8 +4996,8 @@ const transformAllToProperNounCase = text => {
   return _mapInstanceProperty__default["default"](_context = text.split(' ')).call(_context, term => transformToProperNounCase(term)).join(' ');
 };
-function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$12(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$12(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$14(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$14(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$14(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$14(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const REGEX_ISO8601 = /(\d{4}-\d{2}-\d{2}[T]\d{2}:\d{2}:\d{2}(\.\d{3}[Z]?))/;
 const REGEX_TIME = /\d{2}:\d{2}/;
 const REGEX_DATE = /\d{4}-\d{2}-\d{2}/;
@@ -5054,7 +5014,7 @@ function filterCustomTypeUpdateActionValues() {
     if (updateAction.action === 'setCustomField' && _Array$isArray__default["default"](updateAction.value)) {
       const definition = _findInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, field => field.name === updateAction.name);
       const definitionName = definition.type.elementType.name;
-      return _objectSpread$12(_objectSpread$12({}, updateAction), {}, {
+      return _objectSpread$14(_objectSpread$14({}, updateAction), {}, {
         value: filterNotDefinedValues(updateAction.value, definitionName)
       });
     }
@@ -5227,7 +5187,7 @@ function uniqueObjects(items) {
  */
-const messages$J = reactIntl.defineMessages({
+const messages$K = reactIntl.defineMessages({
   unique: {
     id: 'Validation.unique',
     description: 'An error message to show if the field must be unique',
@@ -5269,7 +5229,7 @@ const messages$J = reactIntl.defineMessages({
     defaultMessage: 'Invalid ID format. Please enter a valid ID.'
   }
 });
-var validationMessages = messages$J;
+var validationMessages = messages$K;
 function getIndexesOfInvalidValues(values) {
   let invalidValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -5528,7 +5488,7 @@ function ReferenceSearch(props) {
   });
 }
-const messages$H = reactIntl.defineMessages({
+const messages$I = reactIntl.defineMessages({
   placeholder: {
     id: 'CartDiscountReferenceSearch.placeholder',
     description: 'Placeholder for search for a cart discount',
@@ -5555,10 +5515,10 @@ 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; }
+function ownKeys$13(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$13(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$13(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$13(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function Option$1(props) {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -5569,7 +5529,7 @@ function Option$1(props) {
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   const cartDiscount = props.data;
-  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$11(_objectSpread$11({}, props), {}, {
+  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$13(_objectSpread$13({}, props), {}, {
     children: jsxRuntime.jsxs("div", {
       "data-testid": "cart-discount-option",
       children: [jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -5580,14 +5540,14 @@ 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]
       })]
     })
   }));
 }
-function ownKeys$10(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$10(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$10(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$10(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$12(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$12(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var CartDiscountsCount$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "CartDiscountsCount" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 425, source: { body: "query SearchCartDiscount($where: String) {\n  cartDiscounts(limit: 500, where: $where) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery CartDiscountsCount {\n  cartDiscounts {\n    total\n  }\n}\n\nquery FetchCartDiscountById($cartDiscountId: String!) {\n  cartDiscount(id: $cartDiscountId) {\n    id\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const returnNullIfEmpty = value => value && value.id === '' ? null : value;
 const filterOption$1 = (option, text) => {
@@ -5613,7 +5573,7 @@ function CartDiscountReferenceSearch(props) {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
-  const mapItemToOption = React.useCallback(cartDiscount => _objectSpread$10(_objectSpread$10({}, cartDiscount), {}, {
+  const mapItemToOption = React.useCallback(cartDiscount => _objectSpread$12(_objectSpread$12({}, cartDiscount), {}, {
     value: cartDiscount.id,
     key: cartDiscount.key,
     label: l10n.formatLocalizedString(cartDiscount, {
@@ -5656,10 +5616,10 @@ function CartDiscountReferenceSearch(props) {
       onBlur: props.onBlur,
       onChange: props.onChange,
       value: returnNullIfEmpty(props.value),
-      placeholderLabel: formatMessage(messages$I.placeholder),
-      searchPromptLabel: formatMessage(messages$I.searchPrompt),
-      noResultsLabel: formatMessage(messages$I.noResults),
-      referenceIsMissingLabel: formatMessage(messages$I.isMissing),
+      placeholderLabel: formatMessage(messages$J.placeholder),
+      searchPromptLabel: formatMessage(messages$J.searchPrompt),
+      noResultsLabel: formatMessage(messages$J.noResults),
+      referenceIsMissingLabel: formatMessage(messages$J.isMissing),
       mapItemToOption: mapItemToOption,
       loadItemsBySearchTerm: loadItemsBySearchTerm,
       loadItemsByIds: loadItemsByIds,
@@ -5669,7 +5629,7 @@ function CartDiscountReferenceSearch(props) {
   });
 }
-const messages$F = reactIntl.defineMessages({
+const messages$G = reactIntl.defineMessages({
   placeholder: {
     id: 'CategoryReferenceSearch.placeholder',
     description: 'Placeholder for search for a category',
@@ -5701,10 +5661,10 @@ 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; }
+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; }
 function Option(props) {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -5715,7 +5675,7 @@ function Option(props) {
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   const category = props.data;
-  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$$(_objectSpread$$({}, props), {}, {
+  return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$11(_objectSpread$11({}, props), {}, {
     children: jsxRuntime.jsxs("div", {
       "data-testid": "category-option",
       children: [jsxRuntime.jsx(uiKit.Text.Body, {
@@ -5726,7 +5686,7 @@ function Option(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$G.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
+        children: `${formatMessage(messages$H.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
@@ -5738,14 +5698,14 @@ 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}`
       })]
     })
   }));
 }
-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; }
+function ownKeys$10(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$10(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$10(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$10(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const filterOption = () => true;
 function CategoryReferenceSearch(props) {
   const _useIntl = reactIntl.useIntl(),
@@ -5757,7 +5717,7 @@ function CategoryReferenceSearch(props) {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
-  const mapItemToOption = React.useCallback(category => _objectSpread$_(_objectSpread$_({}, category), {}, {
+  const mapItemToOption = React.useCallback(category => _objectSpread$10(_objectSpread$10({}, category), {}, {
     value: category.id,
     label: l10n.formatLocalizedString(category, {
       key: 'name',
@@ -5775,7 +5735,7 @@ function CategoryReferenceSearch(props) {
   }), [apolloClient]);
   return jsxRuntime.jsx(ReferenceSearch, {
     id: props.id,
-    components: _objectSpread$_({
+    components: _objectSpread$10({
       Option
     }, props.components),
     isClearable: props.isClearable,
@@ -5786,10 +5746,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,
@@ -5814,9 +5774,9 @@ function useCachedCategoryOptions(ids) {
   }]));
 }
-const _excluded$c = ["type"];
-function ownKeys$Z(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$Z(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$Z(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$Z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const _excluded$e = ["type"];
+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; }
 var styles$g = {
   "button": "button-module__button___1OzVf",
   "cancel": "button-module__cancel___1-jYL button-module__button___1OzVf",
@@ -5845,7 +5805,7 @@ var styles$g = {
 const Button = _ref => {
   let _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'button' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded$c);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   const className = props.className,
     onClick = props.onClick,
     isDisabled = props.isDisabled,
@@ -5853,7 +5813,7 @@ const Button = _ref => {
   // Pass only `data-*` props
   const dataProps = filterDataAttributes(props);
-  return jsxRuntime.jsx("button", _objectSpread$Z(_objectSpread$Z({
+  return jsxRuntime.jsx("button", _objectSpread$$(_objectSpread$$({
     onClick: isDisabled ? null : onClick,
     type: type,
     className: classnames__default["default"](styles$g.button, isDisabled ? styles$g.disabled : null, className),
@@ -5866,7 +5826,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',
@@ -5874,21 +5834,21 @@ var messages$E = reactIntl.defineMessages({
   }
 });
-const _excluded$b = ["children", "allowMultiple", "acceptTypes"];
-function ownKeys$Y(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$Y(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$Y(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$Y(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const _excluded$d = ["children", "allowMultiple", "acceptTypes"];
+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; }
 var styles$f = {
   "button": "file-input-module__button___2KypN",
   "input": "file-input-module__input___3MP4D"
 };
 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$_({}, messages$F.chooseFile)) : _ref$children,
     _ref$allowMultiple = _ref.allowMultiple,
     allowMultiple = _ref$allowMultiple === void 0 ? false : _ref$allowMultiple,
     _ref$acceptTypes = _ref.acceptTypes,
     acceptTypes = _ref$acceptTypes === void 0 ? 'image/png,image/jpeg,image/gif' : _ref$acceptTypes,
-    props = _objectWithoutProperties(_ref, _excluded$b);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   return jsxRuntime.jsx("label", {
     children: jsxRuntime.jsxs("span", {
       className: styles$f.button,
@@ -5906,7 +5866,216 @@ const FileInput = _ref => {
 FileInput.displayName = 'FileInput';
 var FileInput$1 = FileInput;
-var messages$D = reactIntl.defineMessages({
+// Start with a button "css reset"
+const baseButtonStyles = {
+  name: "it1691",
+  styles: "color:inherit;padding:0;font:inherit;cursor:pointer;outline:inherit;border:none;background:none"
+} ;
+const _excluded$c = ["animationOrientation", "children", "onClick"];
+function ownKeys$Z(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$Z(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$Z(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$Z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ICON_COLOR$1 = '#6359ff';
+const PaginationIconButton = _ref => {
+  let animationOrientation = _ref.animationOrientation,
+    children = _ref.children,
+    onClick = _ref.onClick,
+    rest = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxRuntime.jsx("button", _objectSpread$Z(_objectSpread$Z({
+    css: [baseButtonStyles, /*#__PURE__*/react$1.css("svg{fill:", ICON_COLOR$1, ";}transition:transform ", uiKit.designTokens.transitionStandard, ";:hover{transform:translateX(\n            ", animationOrientation === 'left' ? `calc(0px - var(--spacing-10))` : `var(--spacing-10)`, "\n          );}padding-left:1px;padding-right:1px;:focus{border:1px solid ", ICON_COLOR$1, ";border-radius:", uiKit.designTokens.borderRadius1, ";padding-left:0px;padding-right:0px;}" + ("" ), "" ), "" , "" ],
+    onClick: onClick
+  }, rest), {}, {
+    children: children
+  }));
+};
+var PaginationIconButton$1 = PaginationIconButton;
+const _excluded$b = ["isFilled", "onClick"];
+function ownKeys$Y(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$Y(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$Y(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$Y(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ICON_HEIGHT = '10px';
+const ICON_WIDTH = ICON_HEIGHT;
+// TODO: Integrate design tokens when redesign is complete
+const ICON_COLOR = '#6359FF';
+const ICON_HOVER_COLOR = '#B1ACFF';
+const PaginationSelectionButton = _ref => {
+  let _ref$isFilled = _ref.isFilled,
+    isFilled = _ref$isFilled === void 0 ? false : _ref$isFilled,
+    onClick = _ref.onClick,
+    rest = _objectWithoutProperties(_ref, _excluded$b);
+  return jsxRuntime.jsx("button", _objectSpread$Y({
+    css: [baseButtonStyles, /*#__PURE__*/react$1.css("height:", ICON_HEIGHT, ";width:", ICON_WIDTH, ";border-radius:", uiKit.designTokens.borderRadius6, ";border:", isFilled ? 'none' : `${uiKit.designTokens.borderWidth1} solid ${uiKit.designTokens.colorNeutral}`, ";background:", isFilled ? ICON_COLOR : 'none', ";transition:", uiKit.designTokens.transitionStandard, ";:hover{background:", isFilled ? undefined : ICON_HOVER_COLOR, ";}:focus{border:", uiKit.designTokens.borderWidth1, " solid ", ICON_COLOR, ";}" + ("" ), "" ), "" , "" ],
+    onClick: onClick
+  }, rest));
+};
+var PaginationSelectionButton$1 = PaginationSelectionButton;
+const CAROUSEL_WIDTH = 384;
+const PAGINATION_CONTROL_HEIGHT = 26;
+const IMAGE_AREA_HEIGHT = 200;
+const BaseCarousel = _ref2 => {
+  let items = _ref2.items,
+    renderItem = _ref2.renderItem;
+  // Randomize input array and cache across rerenders
+  const _useState = React.useState(shuffle__default["default"](items)),
+    _useState2 = _slicedToArray(_useState, 2),
+    shuffledItems = _useState2[0],
+    setShuffledItems = _useState2[1];
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const handleFilterItemsWhenFlagDisabled = idx => {
+    const newItems = _filterInstanceProperty__default["default"](shuffledItems).call(shuffledItems, (_, idx1) => idx !== idx1);
+    setShuffledItems(newItems);
+  };
+  const _useSnapCarousel = reactSnapCarousel.useSnapCarousel(),
+    scrollRef = _useSnapCarousel.scrollRef,
+    pages = _useSnapCarousel.pages,
+    activePageIndex = _useSnapCarousel.activePageIndex,
+    prev = _useSnapCarousel.prev,
+    next = _useSnapCarousel.next,
+    goTo = _useSnapCarousel.goTo;
+  const handlePrev = () => {
+    if (activePageIndex === 0) {
+      goTo(pages.length - 1);
+    } else {
+      prev();
+    }
+  };
+  const handleNext = () => {
+    if (activePageIndex === pages.length - 1) {
+      goTo(0);
+    } else {
+      next();
+    }
+  };
+  const getLinkTo = activeItem => {
+    return activeItem.isExternal ? activeItem.linkTo() : activeItem.linkTo(projectKey);
+  };
+  // Get the current item safely
+  const currentItem = shuffledItems[activePageIndex];
+  // Don't render if there's no current item
+  if (!currentItem) {
+    return null;
+  }
+  return jsxRuntime.jsxs("div", {
+    css: /*#__PURE__*/react$1.css("width:", CAROUSEL_WIDTH, "px;position:relative;" + ("" ), "" ),
+    role: "region",
+    "aria-roledescription": "carousel",
+    "aria-label": "rotunda",
+    children: [jsxRuntime.jsx("a", {
+      href: getLinkTo(currentItem),
+      target: currentItem.isExternal ? '_blank' : '_self',
+      rel: "noopener noreferrer",
+      children: jsxRuntime.jsx(uiKit.Card, {
+        insetScale: "none",
+        onClick: () => {},
+        children: jsxRuntime.jsx("div", {
+          css: /*#__PURE__*/react$1.css("position:relative;display:flex;scroll-snap-type:x mandatory;overflow:hidden;margin:0;padding-bottom:", uiKit.designTokens.spacing60, ";" + ("" ), "" ),
+          ref: scrollRef,
+          children: _mapInstanceProperty__default["default"](shuffledItems).call(shuffledItems, (item, idx) => renderItem({
+            item
+          }, handleFilterItemsWhenFlagDisabled, idx))
+        })
+      })
+    }), jsxRuntime.jsx("div", {
+      css: /*#__PURE__*/react$1.css("position:absolute;bottom:", uiKit.designTokens.spacingM, ";left:50%;pointer-events:none;" + ("" ), "" ),
+      children: jsxRuntime.jsx("div", {
+        css: /*#__PURE__*/react$1.css("position:relative;left:-50%;background-color:", uiKit.designTokens.colorSurface, ";pointer-events:auto;height:", PAGINATION_CONTROL_HEIGHT, "px;border-radius:", uiKit.designTokens.borderRadius4, ";padding-left:", uiKit.designTokens.spacing25, ";padding-right:", uiKit.designTokens.spacing25, ";display:flex;align-items:center;" + ("" ), "" ),
+        children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "center",
+          alignItems: "center",
+          children: [jsxRuntime.jsx(PaginationIconButton$1, {
+            animationOrientation: "left",
+            onClick: handlePrev,
+            "aria-label": "go to previous slide",
+            children: jsxRuntime.jsx(uiKit.AngleLeftIcon, {
+              size: "small"
+            })
+          }), _mapInstanceProperty__default["default"](pages).call(pages, (_, i) => jsxRuntime.jsx(PaginationSelectionButton$1, {
+            isFilled: activePageIndex === i,
+            onClick: () => goTo(i),
+            "aria-label": `go to slide ${i + 1}`
+          }, i)), jsxRuntime.jsx(PaginationIconButton$1, {
+            animationOrientation: "right",
+            onClick: handleNext,
+            "aria-label": "go to next slide",
+            children: jsxRuntime.jsx(uiKit.AngleRightIcon, {
+              size: "small"
+            })
+          })]
+        })
+      })
+    })]
+  });
+};
+var _ref$2 = {
+  name: "97rk2e",
+  styles: "width:100%;height:100%;flex-shrink:0;scroll-snap-align:start"
+} ;
+const CarouselContent = _ref3 => {
+  let item = _ref3.item,
+    handleFilterItemsWhenFlagDisabled = _ref3.handleFilterItemsWhenFlagDisabled,
+    idx = _ref3.idx;
+  const isEnabled = applicationShell.useFeatureToggle(item.flag || '');
+  const intl = reactIntl.useIntl();
+  React.useEffect(() => {
+    if (item.flag && !isEnabled) {
+      handleFilterItemsWhenFlagDisabled(idx);
+    }
+  }, [isEnabled, handleFilterItemsWhenFlagDisabled, idx, item]);
+  if (item.flag && !isEnabled) {
+    return null;
+  }
+  return jsxRuntime.jsx("div", {
+    role: "group",
+    "aria-roledescription": "slide",
+    "aria-label": `slide-${idx + 1}`,
+    css: _ref$2,
+    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      children: [jsxRuntime.jsx("img", {
+        css: /*#__PURE__*/react$1.css("width:100%;height:", IMAGE_AREA_HEIGHT, "px;" + ("" ), "" ),
+        src: item.imgSrc,
+        alt: intl.formatMessage(item.imgAlt)
+      }), jsxRuntime.jsx("div", {
+        css: /*#__PURE__*/react$1.css("padding:0 ", uiKit.designTokens.spacingL, " 0 ", uiKit.designTokens.spacingL, ";" + ("" ), "" ),
+        children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "xs",
+          children: [jsxRuntime.jsx("div", {
+            children: jsxRuntime.jsx(uiKit.Stamp, {
+              tone: item.stampTone,
+              isCondensed: true,
+              label: intl.formatMessage(item.stampLabel)
+            })
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: item.textContent
+          })]
+        })
+      })]
+    })
+  });
+};
+const Carousel = _ref4 => {
+  let items = _ref4.items;
+  return jsxRuntime.jsx(BaseCarousel, {
+    items: items,
+    renderItem: (_ref5, handleFilterItemsWhenFlagDisabled, idx) => {
+      let item = _ref5.item;
+      return jsxRuntime.jsx(CarouselContent, {
+        handleFilterItemsWhenFlagDisabled: handleFilterItemsWhenFlagDisabled,
+        item: item,
+        idx: idx
+      }, item.id);
+    }
+  });
+};
+var Carousel$1 = Carousel;
+var messages$E = reactIntl.defineMessages({
   countriesBasicSelectPlaceholder: {
     id: 'CountriesPicker.countriesBasicSelectPlaceholder',
     description: 'Placeholder of the basic field for countries',
@@ -5927,7 +6096,7 @@ var messages$D = reactIntl.defineMessages({
 function ownKeys$X(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$X(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$X(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const emptyCountryOption = intl => [{
-  label: intl.formatMessage(messages$D.countriesAsyncSelectDropdownTypeAheadPrompt),
+  label: intl.formatMessage(messages$E.countriesAsyncSelectDropdownTypeAheadPrompt),
   value: undefined,
   isDisabled: true
 }];
@@ -5970,7 +6139,7 @@ function CountriesAsyncSelectDropdown(props) {
       var _context7;
       return _findInstanceProperty__default["default"](_context7 = props.options).call(_context7, country => country.value === countryCode);
     }),
-    placeholder: intl.formatMessage(messages$D.countriesAsyncSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$E.countriesAsyncSelectPlaceholder),
     loadOptions: handleLoadOptions,
     onChange: onOptionChange,
     isDisabled: props.isDisabled,
@@ -5990,7 +6159,7 @@ function CountriesBasicSelectDropdown(props) {
     value: props.value,
     isRequired: props.isRequired,
     description: props.description,
-    placeholder: intl.formatMessage(messages$D.countriesBasicSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$E.countriesBasicSelectPlaceholder),
     options: props.options,
     onChange: props.onChange,
     isDisabled: props.isDisabled,
@@ -6026,7 +6195,7 @@ function CountriesPicker(_ref) {
   });
 }
-var messages$C = reactIntl.defineMessages({
+var messages$D = reactIntl.defineMessages({
   noCustomerGroupsFound: {
     id: 'Prices.CustomerGroupPickerInput.noCustomerGroupsFound',
     description: 'The message to display when no customer groups were found',
@@ -6116,7 +6285,7 @@ const CustomerGroupPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$C.noCustomerGroupsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$D.noCustomerGroupsFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -6127,7 +6296,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$C.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$D.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -6146,7 +6315,7 @@ const CustomerGroupPickerInput = _ref => {
         })
       }), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -6162,7 +6331,8 @@ var styles$e = {
   "divider-dashed": "divider-module__divider-dashed___2Em8A divider-module__divider___4-vdy"
 };
 function Divider(_ref) {
-  let isDashed = _ref.isDashed,
+  let _ref$isDashed = _ref.isDashed,
+    isDashed = _ref$isDashed === void 0 ? false : _ref$isDashed,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
   return jsxRuntime.jsx("hr", {
@@ -6233,12 +6403,13 @@ const mergeSetItemsErrors = errors => _reduceInstanceProperty__default["default"
 const CustomFieldErrors = props => {
   // We want to highlight fields with errors not only after a form submission,
   // but also after manually triggered form validation.
-  const didFormValidationFail = useDidFormValidationFail();
+  const _useFormikContext = formik.useFormikContext(),
+    isFormValid = _useFormikContext.isValid;
   const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [props.isTouched || didFormValidationFail && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
+    children: [props.isTouched || !isFormValid && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.required
-    }), props.isTouched || didFormValidationFail && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
+    }), props.isTouched || !isFormValid && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.unique
     })]
   });
@@ -6263,7 +6434,7 @@ const makeChangeHandler = setValue => event => {
 // attributes.
 const omitUnknownValues = (valuesAsMap, fieldDefinitionsAsMap) => omitBy__default["default"](valuesAsMap, (value, key) => isNil__default["default"](fieldDefinitionsAsMap[key]));
-var messages$B = reactIntl.defineMessages({
+var messages$C = reactIntl.defineMessages({
   booleanSetInputYesLabel: {
     id: 'CustomBooleanInputSet.booleanSetInputYesLabel',
     description: 'Custom boolean input set Yes label',
@@ -6305,13 +6476,13 @@ function CustomBooleanInputSet(props) {
     formatMessage = _useIntl.formatMessage;
   const options = React.useMemo(() => [{
     value: 'true',
-    label: formatMessage(messages$B.booleanSetInputYesLabel)
+    label: formatMessage(messages$C.booleanSetInputYesLabel)
   }, {
     value: 'false',
-    label: formatMessage(messages$B.booleanSetInputNoLabel)
+    label: formatMessage(messages$C.booleanSetInputNoLabel)
   }, {
     value: 'all',
-    label: formatMessage(messages$B.booleanSetInputAllLabel)
+    label: formatMessage(messages$C.booleanSetInputAllLabel)
   }], [formatMessage]);
   const handleChange = makeChangeHandler(rawValue => {
     const nullifiedIfNeeded = !rawValue ? undefined : valueToBooleanSet(rawValue);
@@ -6895,7 +7066,7 @@ const NestingLevelContext = /*#__PURE__*/React.createContext(0);
 var NestingLevelContext$1 = NestingLevelContext;
 // eslint-disable-next-line import/prefer-default-export
-const messages$A = reactIntl.defineMessages({
+const messages$B = reactIntl.defineMessages({
   aboveFifthLevelWarning: {
     id: 'attributeInputByType.nestedAttributes.aboveFifthLevelWarning',
     description: 'Warning message shown when nested attribute are above the fifth level',
@@ -6907,9 +7078,9 @@ const messages$A = reactIntl.defineMessages({
     defaultMessage: 'Empty'
   }
 });
-var customFieldsMessages = messages$A;
+var customFieldsMessages = messages$B;
-var messages$z = reactIntl.defineMessages({
+var messages$A = reactIntl.defineMessages({
   updateButton: {
     id: 'NestedAttributes.Details.updateButton',
     description: 'Update button label',
@@ -6994,7 +7165,7 @@ const EditButton = props => {
     formatMessage = _useIntl.formatMessage;
   return jsxRuntime.jsx(uiKit.Tooltip, {
     placement: "top",
-    title: formatMessage(messages$z.editTooltip),
+    title: formatMessage(messages$A.editTooltip),
     children: jsxRuntime.jsx(uiKit.IconButton, {
       label: "Edit",
       isDisabled: props.isDisabled,
@@ -7010,12 +7181,12 @@ const DropChangesConfirmation = props => {
     formatMessage = _useIntl2.formatMessage;
   return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
     isOpen: props.isOpen || false,
-    title: formatMessage(messages$z.confirmationDialogTitle),
-    labelPrimary: formatMessage(messages$z.nestedAttributesConfirmLabel),
+    title: formatMessage(messages$A.confirmationDialogTitle),
+    labelPrimary: formatMessage(messages$A.nestedAttributesConfirmLabel),
     onConfirm: props.onConfirm,
     onCancel: props.onCancel,
     children: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: messages$z.confirmationDialogBody
+      intlMessage: messages$A.confirmationDialogBody
     })
   });
 };
@@ -7040,11 +7211,11 @@ const NestedAttributeModalPage = props => {
         children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
           isDisabled: !formik$1.dirty,
           iconLeft: jsxRuntime.jsx(uiKit.RevertIcon, {}),
-          label: formatMessage(messages$z.cancelButton),
+          label: formatMessage(messages$A.cancelButton),
           onClick: formik$1.resetForm
         }), jsxRuntime.jsx(applicationComponents.CustomFormModalPage.FormPrimaryButton, {
           isDisabled: !formik$1.dirty,
-          label: formatMessage(messages$z.updateButton),
+          label: formatMessage(messages$A.updateButton),
           onClick: formik$1.handleSubmit
         })]
       }),
@@ -7086,7 +7257,7 @@ const NestedInputControls = props => {
   if (nextNestingLevel >= 6) return jsxRuntime.jsx(MaxNestingLevelReached, {});
   const hasAttributes = props.productType.attributeDefinitions.length > 0;
   if (!hasAttributes) return jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: messages$z.emptyProductType,
+    intlMessage: messages$A.emptyProductType,
     tone: "secondary"
   });
   return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -7162,7 +7333,7 @@ const CustomNestedInput = /*#__PURE__*/React.memo(props => {
             if (nestingLevel !== 0) parentFormik.submitForm();else showNotification({
               kind: 'success',
               domain: constants.DOMAINS.SIDE,
-              text: formatMessage(messages$z.attributeUpdateSucceeded)
+              text: formatMessage(messages$A.attributeUpdateSucceeded)
             });
             setSubmitting(false);
           },
@@ -7281,7 +7452,7 @@ function CustomChannelReferenceInput(props) {
 }
 CustomChannelReferenceInput.displayName = 'CustomChannelReferenceInput';
-var messages$y = reactIntl.defineMessages({
+var messages$z = reactIntl.defineMessages({
   noProductsFound: {
     id: 'Shared.ProductPickerInput.noProductsFound',
     description: 'The message to display when no products were found',
@@ -7379,7 +7550,7 @@ const ProductPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$y.placeholder),
+          placeholder: formatMessage(messages$z.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -7393,7 +7564,7 @@ const ProductPickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$y.noProductsFound),
+          noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$z.noProductsFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -7401,7 +7572,7 @@ const ProductPickerInput = _ref => {
         })
       }), isLoadingFailed && showLoadingErrorMessage && jsxRuntime.jsx(uiKit.Text.Body, {
         tone: "negative",
-        intlMessage: pickerMessages$1.loadingErrorMessage
+        intlMessage: commonPickerMessages.loadingErrorMessage
       })]
     })
   });
@@ -7633,7 +7804,7 @@ const CustomFieldInput = /*#__PURE__*/React.memo(props => {
 CustomFieldInput.displayName = 'CustomFieldInput';
 var CustomFieldInput$1 = CustomFieldInput;
-var messages$x = reactIntl.defineMessages({
+var messages$y = reactIntl.defineMessages({
   productReferenceLabel: {
     id: 'CustomFieldsLabel.productReferenceLabel',
     description: 'Label shown above the product picker input.',
@@ -7701,7 +7872,7 @@ const CustomFieldsLabelHint = _ref2 => {
       children: [jsxRuntime.jsx(uiKit.WarningIcon, {
         size: "medium",
         color: "warning"
-      }), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$P({}, messages$x.cartDiscountMoreThan500))]
+      }), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$P({}, messages$y.cartDiscountMoreThan500))]
     });
   }
   return l10n.formatLocalizedString(fieldDefinition, {
@@ -7715,8 +7886,8 @@ function CustomFieldsProductTypeReferenceSubtitle() {
     formatMessage = _useIntl.formatMessage;
   const _usePimStatus = usePimStatus(),
     isProjectIndexed = _usePimStatus.isProjectIndexed;
-  if (isProjectIndexed) return formatMessage(messages$x.productTypeReferenceLabelI);
-  return formatMessage(messages$x.productTypeReferenceLabel);
+  if (isProjectIndexed) return formatMessage(messages$y.productTypeReferenceLabelI);
+  return formatMessage(messages$y.productTypeReferenceLabel);
 }
 // TODO(pa3): this logic may be misplaced and probably
@@ -7733,13 +7904,13 @@ function CustomFieldsLabelSubtitle(_ref3) {
   const referenceTypeName = capitalizeFirst(referenceTypeId);
   if (_includesInstanceProperty__default["default"](_context = [SEARCHABLE_REFERENCES.category, SEARCHABLE_REFERENCES.cartDiscount]).call(_context, referenceTypeId)) return referenceTypeName;
   if (referenceTypeId === SEARCHABLE_REFERENCES.product) {
-    return formatMessage(messages$x.productReferenceLabel);
+    return formatMessage(messages$y.productReferenceLabel);
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.productType) {
     return jsxRuntime.jsx(CustomFieldsProductTypeReferenceSubtitle, {});
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.channel) {
-    return formatMessage(messages$x.channelReferenceLabel);
+    return formatMessage(messages$y.channelReferenceLabel);
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.state) {
-    return formatMessage(messages$x.stateReferenceLabel);
+    return formatMessage(messages$y.stateReferenceLabel);
   } else {
     return `${referenceTypeName} ID`;
   }
@@ -7755,7 +7926,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const _useIntl3 = reactIntl.useIntl(),
     formatMessage = _useIntl3.formatMessage;
   return assignedAttributeGroups?.length > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
-    title: formatMessage(messages$x.attributeGroupCountTooltip, {
+    title: formatMessage(messages$y.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty__default["default"](assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
     }),
@@ -7812,7 +7983,7 @@ const CustomFieldsLabel = /*#__PURE__*/React.memo(_ref5 => {
 CustomFieldsLabel.displayName = 'CustomFieldsTitle';
 var CustomFieldsLabel$1 = CustomFieldsLabel;
-var messages$w = reactIntl.defineMessages({
+var messages$x = reactIntl.defineMessages({
   referencedProductType: {
     id: 'NestedAttributes.referencedProductType',
     description: 'Product type referenced hint',
@@ -7823,7 +7994,7 @@ var messages$w = reactIntl.defineMessages({
 function ownKeys$O(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$O(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$O(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function ProductTypeReference(props) {
-  const productTypeMessage = _objectSpread$O(_objectSpread$O({}, messages$w.referencedProductType), {}, {
+  const productTypeMessage = _objectSpread$O(_objectSpread$O({}, messages$x.referencedProductType), {}, {
     values: {
       productTypeName: props.productType.name
     }
@@ -7847,7 +8018,7 @@ function CustomNestedFieldInput(props) {
       color: "error"
     }), jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
-      intlMessage: pickerMessages$1.loadingErrorMessage
+      intlMessage: commonPickerMessages.loadingErrorMessage
     })]
   });
   if (!productType) return null;
@@ -7912,7 +8083,7 @@ const DraggableWrapper = _ref2 => {
       return children;
     }
   };
-  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
+  return jsxRuntime.jsx(dnd.Draggable, {
     draggableId: draggableId,
     index: index,
     children: (provided, snapshot) => {
@@ -7951,9 +8122,9 @@ function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var _
 const DroppableWrapper = _ref => {
   let children = _ref.children,
     onDragEnd = _ref.onDragEnd;
-  return jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
+  return jsxRuntime.jsx(dnd.DragDropContext, {
     onDragEnd: onDragEnd,
-    children: jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
+    children: jsxRuntime.jsx(dnd.Droppable, {
       droppableId: "droppable",
       children: provided => jsxRuntime.jsxs("div", _objectSpread$L(_objectSpread$L({
         ref: provided.innerRef
@@ -8048,7 +8219,8 @@ const CustomFieldsInternal = _ref => {
     touched = _useFormikContext.touched,
     values = _valuesInstanceProperty__default["default"](_useFormikContext),
     handleBlur = _useFormikContext.handleBlur,
-    status = _useFormikContext.status;
+    status = _useFormikContext.status,
+    isFormValid = _useFormikContext.isValid;
   const _useIntl = reactIntl.useIntl(),
     locale = _useIntl.locale;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -8060,7 +8232,6 @@ const CustomFieldsInternal = _ref => {
   const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
   const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const isTailoringFallbackEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
-  const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -8082,7 +8253,7 @@ const CustomFieldsInternal = _ref => {
       // We want to highlight fields with errors not only after a form submission,
       // but also after manually triggered form validation.
-      const hasError = Boolean(fieldErrors) && (isTouched || didFormValidationFail);
+      const hasError = Boolean(fieldErrors) && (isTouched || !isFormValid);
       const validate = value => {
         if (fieldDefinition.required && isNil__default["default"](value)) return {
           missing: true
@@ -8787,6 +8958,146 @@ function ProductSelectionsPicker(_ref) {
   });
 }
+var messages$w = reactIntl.defineMessages({
+  placeholder: {
+    id: 'RecurrentIntervalPicker.placeholder',
+    description: 'The placeholder of the input',
+    defaultMessage: 'Not restricted to any recurrent interval'
+  },
+  missingOptionLabel: {
+    id: 'RecurrentIntervalPicker.missingOptionLabel',
+    description: 'The label of the option when the recurrent interval is not found',
+    defaultMessage: 'Unknown recurrent interval ({value})'
+  },
+  missingSelectedWarning: {
+    id: 'RecurrentIntervalPicker.missingSelectedWarning',
+    description: 'The warning message shown below the input when the selected recurrent interval is not found in the options',
+    defaultMessage: 'The selected recurrent interval could not be retrieved. Please check your recurrence policy configuration.'
+  },
+  noRecurrentIntervalsConfigured: {
+    id: 'RecurrentIntervalPicker.noRecurrentIntervalsConfigured',
+    description: 'Banner warning message shown when no recurrent intervals are configured in the project',
+    defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration'
+  }
+});
+var FetchRecurrencePolicies = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRecurrencePolicies" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "recurrencePolicies" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 191, source: { body: "query FetchRecurrencePolicies($where: String) {\n  recurrencePolicies(where: $where) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const isRecurringOrdersDisabledError = error => {
+  var _context;
+  return error.extensions?.code === '403' && _includesInstanceProperty__default["default"](_context = error.message).call(_context, "The feature 'recurring-orders' is not enabled for this project. Please contact commercetools support.");
+};
+// @TODO: Remove these error checks when the feature is enabled by default
+const useRecurrenceIntervals = _ref => {
+  let where = _ref.where,
+    _ref$skip = _ref.skip,
+    skip = _ref$skip === void 0 ? false : _ref$skip;
+  const _useQuery = client.useQuery(FetchRecurrencePolicies, {
+      context: {
+        target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
+      },
+      fetchPolicy: 'cache-and-network',
+      variables: where ? {
+        where
+      } : undefined,
+      skip
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    rawError = _useQuery.error;
+  const extractedErrors = rawError ? extractErrorFromGraphQlResponse(rawError) : [];
+  const isRecurringOrdersDisabled = extractedErrors.length > 0 &&
+  // If the only error is a 403 with the specific message, we assume the feature is disabled.
+  _everyInstanceProperty__default["default"](extractedErrors).call(extractedErrors, isRecurringOrdersDisabledError);
+  const error = isRecurringOrdersDisabled ? undefined : rawError;
+  return {
+    recurrencePolicies: data?.recurrencePolicies?.results ?? [],
+    loading,
+    error,
+    isRecurringOrdersDisabled
+  };
+};
+const RecurrentIntervalPicker = _ref => {
+  let name = _ref.name,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    onError = _ref.onError,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly;
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
+  const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
+  const skip = isReadOnly && !value;
+  const where = isReadOnly && value ? `id="${value}"` : undefined;
+  const _useRecurrenceInterva = useRecurrenceIntervals({
+      where,
+      skip
+    }),
+    recurrencePolicies = _useRecurrenceInterva.recurrencePolicies,
+    loading = _useRecurrenceInterva.loading,
+    error = _useRecurrenceInterva.error;
+  const selectedIsMissingInData = Boolean(value) && !_someInstanceProperty__default["default"](recurrencePolicies).call(recurrencePolicies, policy => policy.id === value);
+  const options = React.useMemo(() => {
+    if (loading) return [];
+    const mapped = _mapInstanceProperty__default["default"](recurrencePolicies).call(recurrencePolicies, policy => ({
+      value: policy.id,
+      label: formatLocalizedFieldToString(policy.nameAllLocales, policy.key)
+    }));
+    // If the selected value cannot be loaded, add it as a missing option
+    if (selectedIsMissingInData && value) {
+      const label = formatMessage(messages$w.missingOptionLabel, {
+        value
+      });
+      return [{
+        value,
+        label
+      }, ...mapped];
+    }
+    return mapped;
+  }, [recurrencePolicies, selectedIsMissingInData, value, dataLocale, formatMessage, formatLocalizedFieldToString, loading]);
+  const noRecurrentIntervalsConfigured = !loading && recurrencePolicies.length === 0;
+  React.useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "s",
+    children: [jsxRuntime.jsx(uiKit.SelectInput, {
+      id: name,
+      name: name,
+      value: value,
+      placeholder: messages$w.placeholder.defaultMessage,
+      options: options,
+      isClearable: isClearable,
+      isReadOnly: isReadOnly,
+      isDisabled: isDisabled || loading || noRecurrentIntervalsConfigured,
+      onChange: onChange,
+      onBlur: onBlur,
+      hasError: !loading && !error && selectedIsMissingInData
+    }), error ? jsxRuntime.jsx(uiKit.Text.Body, {
+      tone: "negative",
+      intlMessage: commonPickerMessages.loadingErrorMessage
+    }) : selectedIsMissingInData ? jsxRuntime.jsx(uiKit.Text.Body, {
+      tone: "negative",
+      intlMessage: messages$w.missingSelectedWarning
+    }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
+      type: "warning",
+      children: jsxRuntime.jsx(uiKit.Text.Detail, {
+        intlMessage: messages$w.noRecurrentIntervalsConfigured
+      })
+    })]
+  });
+};
+var RecurrentIntervalPicker$1 = RecurrentIntervalPicker;
 // NOTE: this component is duplicated in `app-shell/from-core`.
 var styles$b = {
   "colored": "required-indicator-module__colored____YUFm",
@@ -8943,9 +9254,6 @@ var messages$u = reactIntl.defineMessages({
   }
 });
-const LOWER_STORES_LIMIT = 60;
-const UPPER_STORES_LIMIT = 500;
 // map store to options
 const mapStoresToOptions = _ref => {
   var _context, _context2;
@@ -10918,9 +11226,9 @@ const createQueryVariables = platformLimit => _reduceInstanceProperty__default["
 }, previousIncludedLimits), {});
 var createPlatformLimitsQueryVariables = createQueryVariables;
-var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2107, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var PlatformLimitsFetcherQuery$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxGroupsPerCustomer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2158, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n      maxGroupsPerCustomer {\n        limit\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const usePlatformLimitsFetcher = platformLimit => {
-  const _useQuery = react.useQuery(PlatformLimitsFetcherQuery, {
+  const _useQuery = react.useQuery(PlatformLimitsFetcherQuery$1, {
       variables: createPlatformLimitsQueryVariables(platformLimit),
       context: {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -10941,6 +11249,8 @@ const usePlatformLimitsFetcher = platformLimit => {
 };
 var usePlatformLimitsFetcher$1 = usePlatformLimitsFetcher;
+var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxGroupsPerCustomer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2158, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n  $shouldIncludeBusinessUnits: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n      maxGroupsPerCustomer {\n        limit\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n    businessUnits @include(if: $shouldIncludeBusinessUnits) {\n      maxDivisions {\n        limit\n      }\n      maxDepthLimit {\n        limit\n      }\n      maxAssociates {\n        limit\n      }\n      maxAssociateRoles {\n        limit\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useLimitsModalState = function () {
   let isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   const _useState = React.useState(isInitiallyOpen),
@@ -11067,7 +11377,7 @@ const getCustomerSupportLink = msg => jsxRuntime.jsx(uiKit.Link, {
   isExternal: true,
   to: constants.SUPPORT_PORTAL_URL,
   children: msg
-});
+}, `msg-${msg}`);
 const PlatformLimitWarningNotification = _ref => {
   let resource = _ref.resource,
     limit = _ref.limit;
@@ -11905,11 +12215,13 @@ var CustomersCombined = PlatformLimitsCustomersCombined;
 const useCustomersPlatformLimits = () => {
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
+    platformLimits = _useCustomersPlatform.platformLimits,
     refetch = _useCustomersPlatform.refetch;
   const _useCustomersPlatform2 = useCustomersPlatformLimitsStatus(),
     hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
     hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
   const interceptNavigation = useInterceptNavigation$1(hasReachedCustomersErrorLimit);
+  const maxGroupsPerCustomerLimit = platformLimits?.customers?.maxGroupsPerCustomer?.limit;
   return {
     CustomersLimits: {
       Notifications: CustomersNotification,
@@ -11919,6 +12231,7 @@ const useCustomersPlatformLimits = () => {
       ErrorModal: CustomersErrorModal
     },
     refetchCustomersPlatformLimits: refetch,
+    maxGroupsPerCustomerLimit,
     interceptNavigation,
     status: {
       hasReachedCustomersWarningLimit,
@@ -11943,6 +12256,38 @@ const injectCustomersPlatformLimits = () => WrappedComponent => {
 };
 var injectCustomersPlatformLimits$1 = injectCustomersPlatformLimits;
+const useBusinessUnitsPlatformLimitsFetcher = () => {
+  const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.businessUnits),
+    isLoading = _usePlatformLimitsFet.isLoading,
+    error = _usePlatformLimitsFet.error,
+    platformLimits = _usePlatformLimitsFet.platformLimits,
+    refetch = _usePlatformLimitsFet.refetch;
+  const formattedPlatformLimits = {
+    businessUnitsMaxDivisionsLimit: platformLimits.businessUnits?.maxDivisions.limit,
+    businessUnitsMaxDepthLimit: platformLimits.businessUnits?.maxDepthLimit.limit,
+    businessUnitsMaxAssociatesLimit: platformLimits.businessUnits?.maxAssociates.limit,
+    businessUnitsMaxAssociateRolesLimit: platformLimits.businessUnits?.maxAssociateRoles.limit
+  };
+  return {
+    isLoading,
+    error,
+    platformLimits: formattedPlatformLimits,
+    refetch
+  };
+};
+var useBusinessUnitsPlatformLimitsFetcher$1 = useBusinessUnitsPlatformLimitsFetcher;
+const useBusinessUnitsLimits = () => {
+  const _useBusinessUnitsPlat = useBusinessUnitsPlatformLimitsFetcher$1(),
+    refetch = _useBusinessUnitsPlat.refetch,
+    platformLimits = _useBusinessUnitsPlat.platformLimits;
+  return {
+    BusinessUnitsLimits: platformLimits,
+    refetchBusinessUnitsPlatformLimits: refetch
+  };
+};
+var useBusinessUnitsLimits$1 = useBusinessUnitsLimits;
 const useCustomerGroupsPlatformLimitsFetcher = () => {
   const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.customerGroups),
     isLoading = _usePlatformLimitsFet.isLoading,
@@ -12290,6 +12635,72 @@ const injectCustomerGroupsPlatformLimits = () => WrappedComponent => {
 };
 var injectCustomerGroupsPlatformLimits$1 = injectCustomerGroupsPlatformLimits;
+const useStoresPlatformLimitsFetcher = () => {
+  const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.stores),
+    isLoading = _usePlatformLimitsFet.isLoading,
+    error = _usePlatformLimitsFet.error,
+    platformLimits = _usePlatformLimitsFet.platformLimits,
+    refetch = _usePlatformLimitsFet.refetch;
+  const formattedPlatformLimits = {
+    total: platformLimits.stores?.total.limit,
+    storeLimit: platformLimits.stores?.total.limit,
+    storeCurrent: platformLimits.stores?.total.current,
+    inventorySupplyChannels: platformLimits.stores?.inventorySupplyChannels.limit,
+    productDistributionChannels: platformLimits.stores?.productDistributionChannels.limit
+  };
+  return {
+    isLoading,
+    error,
+    platformLimits: formattedPlatformLimits,
+    refetch
+  };
+};
+var useStoresPlatformLimitsFetcher$1 = useStoresPlatformLimitsFetcher;
+const useStoresPlatformLimits = () => {
+  const _useStoresPlatformLim = useStoresPlatformLimitsFetcher$1(),
+    platformLimits = _useStoresPlatformLim.platformLimits;
+  if (!platformLimits?.total) {
+    return {
+      hasReachedStoresWarningLimit: false,
+      hasReachedStoresErrorLimit: false
+    };
+  }
+  const storeLimit = platformLimits.storeLimit,
+    storeCurrent = platformLimits.storeCurrent;
+  const hasReachedStoresWarningLimit = getHasExceededWarningThreshold({
+    limit: storeLimit,
+    current: storeCurrent
+  });
+  const hasReachedStoresErrorLimit = getHasExceededLimit({
+    limit: storeLimit,
+    current: storeCurrent
+  });
+  return {
+    hasReachedStoresWarningLimit,
+    hasReachedStoresErrorLimit
+  };
+};
+var useStoresPlatformLimitsStatus = useStoresPlatformLimits;
+const useStoresLimits = () => {
+  const _useStoresPlatformLim = useStoresPlatformLimitsFetcher$1(),
+    refetch = _useStoresPlatformLim.refetch,
+    platformLimits = _useStoresPlatformLim.platformLimits;
+  const _useStoresPlatformLim2 = useStoresPlatformLimitsStatus(),
+    hasReachedStoresWarningLimit = _useStoresPlatformLim2.hasReachedStoresWarningLimit,
+    hasReachedStoresErrorLimit = _useStoresPlatformLim2.hasReachedStoresErrorLimit;
+  return {
+    StoreLimits: platformLimits,
+    refetchStoresPlatformLimits: refetch,
+    status: {
+      hasReachedStoresWarningLimit,
+      hasReachedStoresErrorLimit
+    }
+  };
+};
+var useStoresLimits$1 = useStoresLimits;
 var messages$c = reactIntl.defineMessages({
   yes: {
     id: 'BooleanField.yes',
@@ -13585,7 +13996,7 @@ function formatDiscount(discount, currencyCode, intl) {
   if (discount.type === 'relative') return `${discount.permyriad / 100}%`;
   if (!discount.money) return null;
   const moneyForCurrencyCode = _findInstanceProperty__default["default"](_context = discount.money).call(_context, discountMoney => discountMoney.currencyCode === currencyCode);
-  return moneyForCurrencyCode ? formatMoney$1(moneyForCurrencyCode, intl) : null;
+  return moneyForCurrencyCode ? formatMoney$2(moneyForCurrencyCode, intl) : null;
 }
 function formatPercentage(percentage) {
@@ -13731,6 +14142,9 @@ function resolveStatusType(product) {
   if (published && !hasStagedChanges) return PRODUCT_STATUSES.PUBLISHED;
   return PRODUCT_STATUSES.UNPUBLISHED;
 }
+function getStampToneByPublishState(statusCode) {
+  if (statusCode === PRODUCT_STATUSES.UNPUBLISHED) return 'secondary';else if (statusCode === PRODUCT_STATUSES.PUBLISHED) return 'positive';else if (statusCode === PRODUCT_STATUSES.MODIFIED) return 'warning';
+}
 const computedProperties = {
   // TODO: show relative time as tooltip
   // `intl.formatRelative(<DATETIME>)`
@@ -13762,7 +14176,7 @@ const computedProperties = {
       intl = _ref4.intl;
     const allVariants = _concatInstanceProperty__default["default"](_context2 = product.variants).call(_context2, product.masterVariant);
     const variantPrices = flatMap__default["default"](allVariants, variant => variant.prices);
-    return _mapInstanceProperty__default["default"](_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$1(price, intl)).join(', ') || constants.NO_VALUE_FALLBACK;
+    return _mapInstanceProperty__default["default"](_context3 = getMinimumPricesByCurrencyCode(variantPrices)).call(_context3, price => formatMoney$2(price, intl)).join(', ') || constants.NO_VALUE_FALLBACK;
   },
   sku(_ref5) {
     var _context4, _context5;
@@ -14054,6 +14468,8 @@ var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kin
 exports.BooleanField = booleanField;
 exports.Button = Button$1;
+exports.CUSTOM_FIELD_TYPES = CUSTOM_FIELD_TYPES;
+exports.Carousel = Carousel$1;
 exports.CartDiscountReferenceSearch = CartDiscountReferenceSearch;
 exports.CategoryReferenceSearch = CategoryReferenceSearch;
 exports.CategorySearchPickerOptionFragment = CategorySearchPickerOptionFragment;
@@ -14061,6 +14477,7 @@ exports.CenteredLoadingSpinner = CenteredLoadingSpinner$1;
 exports.ChannelPickerInput = ChannelPickerInput$1;
 exports.CountriesPicker = CountriesPicker;
 exports.CustomFieldDefinitionsConnector = customFieldDefinitionsConnector;
+exports.CustomFieldInput = CustomFieldInput$1;
 exports.CustomFieldTooltip = CustomFieldTooltip$1;
 exports.CustomFieldTypeDefinitionsConnector = CustomFieldTypeDefinitionsConnector$1;
 exports.CustomFields = CustomFields$1;
@@ -14073,6 +14490,7 @@ exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.FileInput = FileInput$1;
 exports.FormattedDateTime = FormattedDateTime$1;
 exports.FormattedLocalizedString = FormattedLocalizedString;
+exports.LOWER_STORES_LIMIT = LOWER_STORES_LIMIT;
 exports.LabelRange = LabelRange$1;
 exports.MC_RESOURCES_WITH_KEYS = MC_RESOURCES_WITH_KEYS;
 exports.MissingValueField = MissingValueField$1;
@@ -14081,11 +14499,15 @@ exports.NumericFormatInput = numericFormatInput;
 exports.Option = Option$2;
 exports.PRECISION_TYPES = PRECISION_TYPES;
 exports.PimIndexerProvider = pimIndexerProvider;
+exports.PlatformLimitsFetcherQuery = PlatformLimitsFetcherQuery;
 exports.ProductAttributeInput = ProductAttributeInput;
 exports.ProductAttributes = ProductAttributes;
 exports.ProductPickerInput = ProductPickerInput$1;
 exports.ProductSelectionPicker = ProductSelectionsPicker;
 exports.QUERY_LIMIT = QUERY_LIMIT;
+exports.QUERY_MAX_LIMIT = QUERY_MAX_LIMIT;
+exports.RESOURCES_WITH_PLATFORM_LIMITS = RESOURCES_WITH_PLATFORM_LIMITS;
+exports.RecurrentIntervalPicker = RecurrentIntervalPicker$1;
 exports.RequestCache = RequestCache$1;
 exports.RequiredIndicator = RequiredIndicator$1;
 exports.ScrollToFieldError = ScrollToFieldError$1;
@@ -14094,12 +14516,14 @@ exports.SelectableFieldSearchInput = SelectableFieldSearchInput$1;
 exports.StoreSelectField = StoreSelectField$1;
 exports.StoreSelectInput = StoreSelectInput$1;
 exports.ThrottledField = ThrottledField$1;
+exports.UPPER_STORES_LIMIT = UPPER_STORES_LIMIT;
 exports.VALIDATOR_INTEGER = VALIDATOR_INTEGER;
 exports.VALIDATOR_NUMERIC = VALIDATOR_NUMERIC;
 exports.VALIDATOR_REQUIRED = VALIDATOR_REQUIRED;
 exports.WithPimIndexer = WithPimIndexer$1;
 exports.allowedProperties = allowedProperties;
 exports.and = and;
+exports.attributeToCustomField = attributeToCustomField;
 exports.attributesMapToNameValuePairs = attributesMapToNameValuePairs;
 exports.base64ToString = base64ToString;
 exports.booleanMessages = messages$c;
@@ -14117,6 +14541,7 @@ exports.convertProductSelectionFromGraphQl = convertProductSelectionFromGraphQl;
 exports.convertRatioToPercentage = convertRatioToPercentage;
 exports.createGraphQlUpdateActions = createGraphQlUpdateActions;
 exports.createNextSortDefinition = createNextSortDefinition$1;
+exports.createPlatformLimitsQueryVariables = createPlatformLimitsQueryVariables;
 exports.createReducer = createReducer;
 exports.createResourceReducer = createResourceReducer;
 exports.customFieldsTransformer = customFields;
@@ -14133,7 +14558,7 @@ exports.formatCustomerName = formatCustomerName;
 exports.formatDateRangeValue = formatDateRangeValue;
 exports.formatDateTime = formatDateTime$1;
 exports.formatDiscount = formatDiscount;
-exports.formatMoney = formatMoney$1;
+exports.formatMoney = formatMoney$2;
 exports.formatMoneyRangeValue = formatMoneyRangeValue;
 exports.formatMoneyValue = formatMoneyValue;
 exports.formatPercentage = formatPercentage;
@@ -14156,6 +14581,7 @@ exports.getPrefixSearchBounds = getPrefixSearchBounds$1;
 exports.getPriceChannelName = getPriceChannelName;
 exports.getReferenceTypeId = getReferenceTypeId;
 exports.getSelectedPrice = getSelectedPrice;
+exports.getStampToneByPublishState = getStampToneByPublishState;
 exports.getTimeZoneId = getTimeZoneId;
 exports.getTimeZoneLabel = getTimeZoneLabel;
 exports.getTypeNameOfType = getTypeNameOfType;
@@ -14187,6 +14613,7 @@ exports.isValidISODate = isValidISODate;
 exports.isValidISODateTime = isValidISODateTime;
 exports.isValidISOTime = isValidISOTime;
 exports.keepDisplayName = keepDisplayName$1;
+exports.mapShippingRateTierToGraphQL = mapShippingRateTierToGraphQL;
 exports.mapStoresToOptions = mapStoresToOptions;
 exports.mapTimeZonesToOptions = mapTimeZonesToOptions;
 exports.minusify = minusify;
@@ -14197,14 +14624,14 @@ exports.not = not;
 exports.omitDeep = omitDeep;
 exports.omitSetsOfSets = omitSetsOfSets;
 exports.or = or;
-exports.pickerMessages = pickerMessages$1;
+exports.pickerMessages = commonPickerMessages;
 exports.range = range;
 exports.reorderArrayItems = reorderArrayItems;
 exports.resolveStatusType = resolveStatusType;
 exports.safelyAddFallback = safelyAddFallback;
 exports.sanitize = sanitize;
 exports.searchCategories = searchCategories;
-exports.searchInputMessages = messages$N;
+exports.searchInputMessages = messages$O;
 exports.setDisplayName = setDisplayName$1;
 exports.setToArray = setToArray;
 exports.shallowEqual = shallowEqual;
@@ -14221,6 +14648,7 @@ exports.transformLocalizedFieldsForCategory = transformLocalizedFieldsForCategor
 exports.truncate = truncate;
 exports.unique = unique;
 exports.uniqueObjects = uniqueObjects;
+exports.useBusinessUnitsPlatformLimits = useBusinessUnitsLimits$1;
 exports.useCachedCategoryOptions = useCachedCategoryOptions;
 exports.useCurrentOption = useCurrentOption;
 exports.useCustomFieldsDnDContext = useDnDContext;
@@ -14244,6 +14672,7 @@ exports.useShippingMethodsPlatformLimits = useShippingMethodsPlatformLimits;
 exports.useStorage = useStorage$1;
 exports.useStoreKeysInDataFences = useStoreKeysInDataFences$1;
 exports.useStoresListFetcher = useStoresListFetcher$1;
+exports.useStoresPlatformLimits = useStoresLimits$1;
 exports.useTaxCategoriesPlatformLimits = useTaxCategoriesPlatformLimits;
 exports.useTotalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher$1;
 exports.validateCustomField = validateFilter$2;