@commercetools-frontend/experimental-components 6.3.2 → 6.4.0

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

@@ -266,6 +266,7 @@ const INTERVALS_IN_SECONDS = {
 const EXCLUDING_PRODUCTS = 'excludingProducts';
 const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
 const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
+const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAttributesFallbackValues';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
@@ -283,7 +284,7 @@ var pickerMessages$1 = reactIntl.defineMessages({
   }
 });
 
-var messages$Q = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -367,7 +368,7 @@ const ChannelPickerInput = _ref => {
     return inputValue.length === 0 && data.channels.total > 60 ? [...channels, getBottomOption()] : channels;
   }).catch(error => {
     setLoadingError(error);
-    onError(error);
+    onError && onError(error);
   }), [loadOptions, convertChannelToOption, onError]);
   const loadOptionsDebounced = useDebouncedPromiseCallback$1(handleLoadOptions, 300);
   const _useHandlers = useHandlers$1(onChange),
@@ -380,10 +381,10 @@ const ChannelPickerInput = _ref => {
   }, [handleInternalInputChange]);
   const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
   React.useEffect(() => {
-    if (isCurrentOptionLoadingFailed) onError(currentOption.error);
+    if (isCurrentOptionLoadingFailed && onError) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$Q.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -394,7 +395,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$Q.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -450,7 +451,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
 
-var messages$P = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -539,7 +540,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -552,7 +553,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$P.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -568,7 +569,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$O = reactIntl.defineMessages({
+var messages$P = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -652,7 +653,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$O.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -664,7 +665,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$O.placeholder),
+          placeholder: formatMessage(messages$P.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -721,7 +722,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$N = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -733,7 +734,7 @@ function ownKeys$1p(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1p(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1p(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$N.bottomOption) : messages$N.bottomOption,
+    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -780,7 +781,7 @@ const useHandlers = onChange => {
 };
 var useHandlers$1 = useHandlers;
 
-const _excluded$3 = ["extraWhere"];
+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 constructPrefixSearchPredicate$1 = function () {
@@ -823,7 +824,7 @@ const useLoadOptions = _ref => {
     }
     const _ref2 = variables ?? {},
       extraWhere = _ref2.extraWhere,
-      restVariables = _objectWithoutProperties(_ref2, _excluded$3);
+      restVariables = _objectWithoutProperties(_ref2, _excluded$e);
     if (typeof extraWhere === 'string') {
       where = where ? `(${where}) and ${variables.extraWhere}` : variables.extraWhere;
     }
@@ -842,7 +843,7 @@ const useLoadOptions = _ref => {
 };
 var useLoadOptions$1 = useLoadOptions;
 
-var FetchIndicesExist$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchIndicesExist" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indicesExist" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "products" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 191, source: { body: "query FetchIndicesExist {\n  indicesExist {\n    products {\n      searchableIndexExists\n      newInProgress\n    }\n    productTypes {\n      searchableIndexExists\n      newInProgress\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var FetchIndicesExist$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchIndicesExist" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indicesExist" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "products" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 269, source: { body: "query FetchIndicesExist {\n  indicesExist {\n    products {\n      searchableIndexExists\n      newInProgress\n    }\n    productTypes {\n      searchableIndexExists\n      newInProgress\n    }\n    productSelections {\n      searchableIndexExists\n      newInProgress\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useExecuteGraphQLRequest = () => {
   const apolloClient = react.useApolloClient();
   return React.useCallback((query, variables, context, fetchPolicy) => {
@@ -1256,7 +1257,7 @@ ThrottledField.defaultProps = {
 };
 var ThrottledField$1 = ThrottledField;
 
-var messages$M = reactIntl.defineMessages({
+var messages$N = reactIntl.defineMessages({
   buttonLabel: {
     id: 'SearchInput.buttonLabel',
     description: 'Label for "Search" button.',
@@ -1361,7 +1362,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$M.placeholder),
+              placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$N.placeholder),
               inputRef: this.props.inputRef || this.setInputRef,
               onChange: this.handleInputChange,
               onEnter: this.handleEnter,
@@ -2030,7 +2031,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$L = reactIntl.defineMessages({
+var messages$M = reactIntl.defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -2067,9 +2068,9 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     children: [jsxRuntime.jsx(uiKit.Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$L.profileUpdated
+      intlMessage: messages$M.profileUpdated
     }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$L.addMoreInformation), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -2078,7 +2079,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$L.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$19(_objectSpread$19({}, messages$M.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2203,7 +2204,7 @@ const useEventCallback = (fn, dependencies) => {
 };
 var useEventCallback$1 = useEventCallback;
 
-var messages$K = reactIntl.defineMessages({
+var messages$L = reactIntl.defineMessages({
   fallbackHint: {
     id: 'KeyFallback.fallbackHint',
     description: 'key fallback for a specified resource key (e.g name)',
@@ -2227,7 +2228,7 @@ const useLocalizedKeyFallback = () => {
   return values => {
     if (!values.resource) return null;
     const localizedString = values.resource[values.localizedStringFieldName];
-    const fallbackHintWithKey = intl.formatMessage(messages$K.fallbackHint, {
+    const fallbackHintWithKey = intl.formatMessage(messages$L.fallbackHint, {
       key: values.resource.key
     });
     if (!localizedString) return fallbackHintWithKey;
@@ -3884,7 +3885,7 @@ function formatMoney$2(moneyValue, intl, options) {
   }, options));
 }
 
-var messages$J = reactIntl.defineMessages({
+var messages$K = reactIntl.defineMessages({
   booleanYes: {
     id: 'AttributeTypeFormats.boolean.yes',
     description: 'The label for boolean attribute `true` value',
@@ -3966,7 +3967,7 @@ const formatDateTime = _ref7 => {
 const formatBoolean = _ref8 => {
   let value = _ref8.value,
     intl = _ref8.intl;
-  return value ? intl.formatMessage(messages$J.booleanYes) : intl.formatMessage(messages$J.booleanNo);
+  return value ? intl.formatMessage(messages$K.booleanYes) : intl.formatMessage(messages$K.booleanNo);
 };
 const formatNilType = _ref9 => {
   let value = _ref9.value,
@@ -4125,9 +4126,9 @@ const getPrefixSearchBounds = input => {
 };
 var getPrefixSearchBounds$1 = getPrefixSearchBounds;
 
-const _excluded$2 = ["action"];
+const _excluded$d = ["action"];
 function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$15(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$15(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys$15(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys$15(Object(t))).call(_context11, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 /**
  * Checks if a value is a LocalizedString
@@ -4264,6 +4265,7 @@ const createAttributeTypeValue = attribute => {
 const formatMoney = valueType => money => {
   switch (valueType) {
     case 'fixed':
+    case 'fixedCart':
       return {
         [money.type]: _objectSpread$15({
           centAmount: money.centAmount,
@@ -4295,6 +4297,7 @@ const convertChangeValueAction = actionPayload => {
     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]);
@@ -4318,7 +4321,7 @@ const convertChangeValueAction = actionPayload => {
  * as its dynamic content can not be typed in SDL for the mutation.
  */
 const convertAction = (actionName, actionPayload) => {
-  var _context3, _context4, _context5;
+  var _context3, _context4, _context5, _context6, _context7;
   const getNameFromPayload = payload => {
     // changeName for `Organizations`
     if (typeof payload.name === 'string') return payload;
@@ -4599,18 +4602,26 @@ const convertAction = (actionName, actionPayload) => {
       return {
         [actionName]: {
           target: {
-            [actionPayload.target.type]: omit__default["default"](actionPayload.target, ['type', '__typename'])
+            [actionPayload.target.type]: _objectSpread$15(_objectSpread$15(_objectSpread$15({}, omit__default["default"](actionPayload.target, ['type', '__typename'])), actionPayload.target.triggerPattern && {
+              triggerPattern: _mapInstanceProperty__default["default"](_context6 = actionPayload.target.triggerPattern).call(_context6, pattern => ({
+                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
+              }))
+            }), actionPayload.target.targetPattern && {
+              targetPattern: _mapInstanceProperty__default["default"](_context7 = actionPayload.target.targetPattern).call(_context7, pattern => ({
+                [pattern.type]: omit__default["default"](pattern, ['type', '__typename'])
+              }))
+            })
           }
         }
       };
     case 'addAddress':
     case 'changeAddress':
       {
-        var _context6;
+        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"](_context6 = _Object$entries__default["default"](fields)).call(_context6, _ref4 => {
+        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];
@@ -4635,13 +4646,13 @@ const convertAction = (actionName, actionPayload) => {
       }
     case 'setAddressCustomType':
       {
-        var _context7;
+        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"](_context7 = _Object$entries__default["default"](fields)).call(_context7, _ref7 => {
+        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];
@@ -4669,7 +4680,7 @@ const convertAction = (actionName, actionPayload) => {
 };
 const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["default"](actions).call(actions, (previousActions, _ref9) => {
   let actionName = _ref9.action,
-    actionPayload = _objectWithoutProperties(_ref9, _excluded$2);
+    actionPayload = _objectWithoutProperties(_ref9, _excluded$d);
   return [...previousActions, convertAction(actionName, actionPayload)];
 }, []);
 const extractErrorFromGraphQlResponse = graphQlResponse => {
@@ -5073,7 +5084,7 @@ function uniqueObjects(items) {
 
  */
 
-const messages$I = reactIntl.defineMessages({
+const messages$J = reactIntl.defineMessages({
   unique: {
     id: 'Validation.unique',
     description: 'An error message to show if the field must be unique',
@@ -5115,7 +5126,7 @@ const messages$I = reactIntl.defineMessages({
     defaultMessage: 'Invalid ID format. Please enter a valid ID.'
   }
 });
-var validationMessages = messages$I;
+var validationMessages = messages$J;
 
 function getIndexesOfInvalidValues(values) {
   let invalidValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -5371,7 +5382,7 @@ function ReferenceSearch(props) {
   });
 }
 
-const messages$G = reactIntl.defineMessages({
+const messages$H = reactIntl.defineMessages({
   placeholder: {
     id: 'CartDiscountReferenceSearch.placeholder',
     description: 'Placeholder for search for a cart discount',
@@ -5398,7 +5409,7 @@ const messages$G = reactIntl.defineMessages({
     defaultMessage: 'Enter search term'
   }
 });
-var messages$H = messages$G;
+var messages$I = messages$H;
 
 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; }
@@ -5423,7 +5434,7 @@ function Option$1(props) {
           fallbackOrder: languages
         })
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: [formatMessage(messages$H.key), ": ", cartDiscount.key || constants.NO_VALUE_FALLBACK]
+        children: [formatMessage(messages$I.key), ": ", cartDiscount.key || constants.NO_VALUE_FALLBACK]
       })]
     })
   }));
@@ -5499,10 +5510,10 @@ function CartDiscountReferenceSearch(props) {
       onBlur: props.onBlur,
       onChange: props.onChange,
       value: returnNullIfEmpty(props.value),
-      placeholderLabel: formatMessage(messages$H.placeholder),
-      searchPromptLabel: formatMessage(messages$H.searchPrompt),
-      noResultsLabel: formatMessage(messages$H.noResults),
-      referenceIsMissingLabel: formatMessage(messages$H.isMissing),
+      placeholderLabel: formatMessage(messages$I.placeholder),
+      searchPromptLabel: formatMessage(messages$I.searchPrompt),
+      noResultsLabel: formatMessage(messages$I.noResults),
+      referenceIsMissingLabel: formatMessage(messages$I.isMissing),
       mapItemToOption: mapItemToOption,
       loadItemsBySearchTerm: loadItemsBySearchTerm,
       loadItemsByIds: loadItemsByIds,
@@ -5512,7 +5523,7 @@ function CartDiscountReferenceSearch(props) {
   });
 }
 
-const messages$E = reactIntl.defineMessages({
+const messages$F = reactIntl.defineMessages({
   placeholder: {
     id: 'CategoryReferenceSearch.placeholder',
     description: 'Placeholder for search for a category',
@@ -5544,7 +5555,7 @@ const messages$E = reactIntl.defineMessages({
     defaultMessage: 'Parent Category'
   }
 });
-var messages$F = messages$E;
+var messages$G = messages$F;
 
 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; }
@@ -5569,7 +5580,7 @@ function Option(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$F.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
+        children: `${formatMessage(messages$G.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
@@ -5581,7 +5592,7 @@ function Option(props) {
           fallbackOrder: languages
         })}`
       }), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$F.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
+        children: `${formatMessage(messages$G.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
       })]
     })
   }));
@@ -5629,10 +5640,10 @@ function CategoryReferenceSearch(props) {
     onBlur: props.onBlur,
     onChange: props.onChange,
     value: props.value,
-    placeholderLabel: formatMessage(messages$F.placeholder),
-    searchPromptLabel: formatMessage(messages$F.searchPrompt),
-    noResultsLabel: formatMessage(messages$F.noResults),
-    referenceIsMissingLabel: formatMessage(messages$F.isMissing),
+    placeholderLabel: formatMessage(messages$G.placeholder),
+    searchPromptLabel: formatMessage(messages$G.searchPrompt),
+    noResultsLabel: formatMessage(messages$G.noResults),
+    referenceIsMissingLabel: formatMessage(messages$G.isMissing),
     mapItemToOption: mapItemToOption,
     loadItemsBySearchTerm: loadItemsBySearchTerm,
     loadItemsByIds: loadItemsByIds,
@@ -5657,6 +5668,7 @@ 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; }
 var styles$g = {
@@ -5684,7 +5696,10 @@ var styles$g = {
   "save-alt": "button-module__save-alt___6iHMF button-module__save___1-KXp button-module__confirm___-W92x button-module__button___1OzVf button-module__alt___Z6PWx",
   "add-button": "button-module__add-button___1f093"
 };
-const Button = props => {
+const Button = _ref => {
+  let _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    props = _objectWithoutProperties(_ref, _excluded$c);
   const className = props.className,
     onClick = props.onClick,
     isDisabled = props.isDisabled,
@@ -5694,7 +5709,7 @@ const Button = props => {
   const dataProps = filterDataAttributes(props);
   return jsxRuntime.jsx("button", _objectSpread$Z(_objectSpread$Z({
     onClick: isDisabled ? null : onClick,
-    type: props.type,
+    type: type,
     className: classnames__default["default"](styles$g.button, isDisabled ? styles$g.disabled : null, className),
     disabled: isDisabled,
     "aria-label": props['aria-label']
@@ -5703,12 +5718,9 @@ const Button = props => {
   }));
 };
 Button.displayName = 'Button';
-Button.defaultProps = {
-  type: 'button'
-};
 var Button$1 = Button;
 
-var messages$D = reactIntl.defineMessages({
+var messages$E = reactIntl.defineMessages({
   chooseFile: {
     id: 'ButtonFileInput.chooseFile',
     description: 'The label text of the field for upload local file',
@@ -5716,34 +5728,39 @@ var messages$D = 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; }
 var styles$f = {
   "button": "file-input-module__button___2KypN",
   "input": "file-input-module__input___3MP4D"
 };
-const FileInput = props => jsxRuntime.jsx("label", {
-  children: jsxRuntime.jsxs("span", {
-    className: styles$f.button,
-    children: [jsxRuntime.jsx("input", {
-      className: styles$f.input,
-      type: "file",
-      accept: props.acceptTypes,
-      name: props.name,
-      onChange: props.onChange,
-      multiple: props.allowMultiple
-    }), props.children]
-  })
-});
-FileInput.displayName = 'FileInput';
-FileInput.defaultProps = {
-  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$D.chooseFile)),
-  allowMultiple: false,
-  acceptTypes: 'image/png,image/jpeg,image/gif'
+const FileInput = _ref => {
+  let _ref$children = _ref.children,
+    children = _ref$children === void 0 ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$E.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);
+  return jsxRuntime.jsx("label", {
+    children: jsxRuntime.jsxs("span", {
+      className: styles$f.button,
+      children: [jsxRuntime.jsx("input", {
+        className: styles$f.input,
+        type: "file",
+        accept: acceptTypes,
+        name: props.name,
+        onChange: props.onChange,
+        multiple: allowMultiple
+      }), children]
+    })
+  });
 };
+FileInput.displayName = 'FileInput';
 var FileInput$1 = FileInput;
 
-var messages$C = reactIntl.defineMessages({
+var messages$D = reactIntl.defineMessages({
   countriesBasicSelectPlaceholder: {
     id: 'CountriesPicker.countriesBasicSelectPlaceholder',
     description: 'Placeholder of the basic field for countries',
@@ -5764,7 +5781,7 @@ var messages$C = 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$X(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$X(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const emptyCountryOption = intl => [{
-  label: intl.formatMessage(messages$C.countriesAsyncSelectDropdownTypeAheadPrompt),
+  label: intl.formatMessage(messages$D.countriesAsyncSelectDropdownTypeAheadPrompt),
   value: undefined,
   isDisabled: true
 }];
@@ -5806,7 +5823,7 @@ function CountriesAsyncSelectDropdown(props) {
       var _context3;
       return _findInstanceProperty__default["default"](_context3 = props.options).call(_context3, country => country.value === countryCode);
     }),
-    placeholder: intl.formatMessage(messages$C.countriesAsyncSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$D.countriesAsyncSelectPlaceholder),
     loadOptions: handleLoadOptions,
     onChange: onOptionChange,
     isDisabled: props.isDisabled,
@@ -5826,7 +5843,7 @@ function CountriesBasicSelectDropdown(props) {
     value: props.value,
     isRequired: props.isRequired,
     description: props.description,
-    placeholder: intl.formatMessage(messages$C.countriesBasicSelectPlaceholder),
+    placeholder: intl.formatMessage(messages$D.countriesBasicSelectPlaceholder),
     options: props.options,
     onChange: props.onChange,
     isDisabled: props.isDisabled,
@@ -5838,22 +5855,31 @@ function CountriesBasicSelectDropdown(props) {
 
 const COUNTRIES_ASYNC_LOADING_LIMIT = 60;
 
+const _excluded$a = ["countriesAsyncLoadingLimit", "isMulti", "isRequired", "hasWarning"];
 function ownKeys$W(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$W(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$W(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$W(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function CountriesPicker(props) {
-  const CustomCountriesPicker = props.options?.length <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
+function CountriesPicker(_ref) {
+  let _ref$countriesAsyncLo = _ref.countriesAsyncLoadingLimit,
+    countriesAsyncLoadingLimit = _ref$countriesAsyncLo === void 0 ? COUNTRIES_ASYNC_LOADING_LIMIT : _ref$countriesAsyncLo,
+    _ref$isMulti = _ref.isMulti,
+    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
+    _ref$hasWarning = _ref.hasWarning,
+    hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
+    props = _objectWithoutProperties(_ref, _excluded$a);
+  const CustomCountriesPicker = props.options?.length <= countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
-    children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$W({}, props))
+    children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$W({
+      countriesAsyncLoadingLimit: countriesAsyncLoadingLimit,
+      isMulti: isMulti,
+      isRequired: isRequired,
+      hasWarning: hasWarning
+    }, props))
   });
 }
-CountriesPicker.defaultProps = {
-  countriesAsyncLoadingLimit: COUNTRIES_ASYNC_LOADING_LIMIT,
-  isMulti: false,
-  isRequired: false,
-  hasWarning: false
-};
 
-var messages$B = reactIntl.defineMessages({
+var messages$C = reactIntl.defineMessages({
   noCustomerGroupsFound: {
     id: 'Prices.CustomerGroupPickerInput.noCustomerGroupsFound',
     description: 'The message to display when no customer groups were found',
@@ -5943,7 +5969,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$B.noCustomerGroupsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$C.noCustomerGroupsFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -5954,7 +5980,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$B.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$C.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -6089,16 +6115,24 @@ const makeChangeHandler = setValue => event => {
 // attributes.
 const omitUnknownValues = (valuesAsMap, fieldDefinitionsAsMap) => omitBy__default["default"](valuesAsMap, (value, key) => isNil__default["default"](fieldDefinitionsAsMap[key]));
 
-const options$1 = [{
-  value: 'true',
-  label: 'YES'
-}, {
-  value: 'false',
-  label: 'NO'
-}, {
-  value: 'all',
-  label: 'ALL'
-}];
+var messages$B = reactIntl.defineMessages({
+  booleanSetInputYesLabel: {
+    id: 'CustomBooleanInputSet.booleanSetInputYesLabel',
+    description: 'Custom boolean input set Yes label',
+    defaultMessage: 'YES'
+  },
+  booleanSetInputNoLabel: {
+    id: 'CustomBooleanInputSet.booleanSetInputNoLabel',
+    description: 'Custom boolean input set No label',
+    defaultMessage: 'NO'
+  },
+  booleanSetInputAllLabel: {
+    id: 'CustomBooleanInputSet.booleanSetInputAllLabel',
+    description: 'Custom boolean input set All label',
+    defaultMessage: 'ALL'
+  }
+});
+
 const valueToBooleanSet = value => {
   switch (value) {
     case 'true':
@@ -6119,6 +6153,18 @@ const mapToValue = value => {
 };
 function CustomBooleanInputSet(props) {
   const value = mapToValue(props.value);
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const options = React.useMemo(() => [{
+    value: 'true',
+    label: formatMessage(messages$B.booleanSetInputYesLabel)
+  }, {
+    value: 'false',
+    label: formatMessage(messages$B.booleanSetInputNoLabel)
+  }, {
+    value: 'all',
+    label: formatMessage(messages$B.booleanSetInputAllLabel)
+  }], [formatMessage]);
   const handleChange = makeChangeHandler(rawValue => {
     const nullifiedIfNeeded = !rawValue ? undefined : valueToBooleanSet(rawValue);
     props.setFieldValue(props.name, nullifiedIfNeeded);
@@ -6127,7 +6173,7 @@ function CustomBooleanInputSet(props) {
     id: props.name,
     name: props.name,
     value: value,
-    options: options$1,
+    options: options,
     onChange: handleChange,
     onBlur: props.onBlur,
     isClearable: !props.fieldDefinition.required,
@@ -6540,7 +6586,8 @@ function CustomLocalizedTextInput(props) {
       hasError: props.hasError,
       isDisabled: props.isDisabled,
       isReadOnly: props.isReadOnly,
-      hasWarning: props.hasWarning
+      hasWarning: props.hasWarning,
+      additionalInfo: props.additionalInfo
     })
   });
 }
@@ -7351,7 +7398,8 @@ function CustomTimeInput(props) {
     setInternalValue = _useState2[1];
   const lastValueSentToFormik = React.useRef();
   React.useEffect(() => {
-    if (lastValueSentToFormik.current !== props.value) {
+    if (lastValueSentToFormik.current !== props.value || !lastValueSentToFormik.current && !props.value // not updating tailored value when the value is empty
+    ) {
       setInternalValue(formatTime(props.value));
     }
   }, [props.value, formatTime]);
@@ -7428,7 +7476,8 @@ const CustomFieldInput = /*#__PURE__*/React.memo(props => {
     hasError: props.hasError,
     hasWarning: props.hasWarning,
     handleWarningChange: props.handleWarningChange,
-    renderWarnings: props.renderWarnings
+    renderWarnings: props.renderWarnings,
+    additionalInfo: props.additionalInfo
   });
 });
 CustomFieldInput.displayName = 'CustomFieldInput';
@@ -7815,22 +7864,22 @@ const useDnDContext = () => {
   return React.useContext(DnDContext);
 };
 
-const _excluded$1 = ["WrapperComponent"];
+const _excluded$9 = ["renderCustomWarnings", "WrapperComponent"];
 function ownKeys$J(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$J(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$J(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$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const existingAttributeTypes = ['text', 'ltext'];
-const newAttributeTypes = ['text', 'ltext', 'number']; // Add more types here
-
+const newAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time']; // Add more types here
+const setAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
   return `${parentName}.${fieldName}`;
 };
-function isAttributeType() {
+const isAttributeType = function () {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
   const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
-  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name);
-}
+  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name) || isTailoringAttributeForOtherTypes && fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](setAttributeTypes).call(setAttributeTypes, fieldDefinitionType?.elementType?.name);
+};
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
   const typeName = type.name.toLowerCase();
@@ -7841,8 +7890,10 @@ const isNested = fieldDefinition => {
   return typeName === CUSTOM_FIELD_TYPES.nested;
 };
 const CustomFieldsInternal = _ref => {
-  let WrapperComponent = _ref.WrapperComponent,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+  let _ref$renderCustomWarn = _ref.renderCustomWarnings,
+    renderCustomWarnings = _ref$renderCustomWarn === void 0 ? () => null : _ref$renderCustomWarn,
+    WrapperComponent = _ref.WrapperComponent,
+    props = _objectWithoutProperties(_ref, _excluded$9);
   const _useFormikContext = formik.useFormikContext(),
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
@@ -7851,6 +7902,7 @@ const CustomFieldsInternal = _ref => {
     status = _useFormikContext.status;
   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(),
@@ -7865,6 +7917,7 @@ const CustomFieldsInternal = _ref => {
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
       const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
+      const isSet = fieldDefinition.type.name === 'set';
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 
@@ -7889,7 +7942,8 @@ const CustomFieldsInternal = _ref => {
         hasError: hasError,
         hasWarning: props.renderWarnings && status?.warnings[fieldName],
         handleWarningChange: props.handleWarningChange,
-        renderWarnings: props.renderWarnings
+        renderWarnings: props.renderWarnings,
+        additionalInfo: isTailoringFallbackEnabled && props.additionalInfoHandler && !isSet ? props.additionalInfoHandler(fieldDefinition) : undefined
       };
       const Field = jsxRuntime.jsx(FieldComponent, _objectSpread$J({}, fieldProps));
       return jsxRuntime.jsx(formik.FastField, {
@@ -7913,7 +7967,7 @@ const CustomFieldsInternal = _ref => {
                 alignItems: "stretch",
                 children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
                   children: Field
-                }) : Field, props.renderWarnings && status?.warnings[fieldName] && props.renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
+                }) : Field, props.renderWarnings && status?.warnings[fieldName] && renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
                   isTouched: isTouched,
                   errors: fieldErrors
                 })]
@@ -7926,9 +7980,6 @@ const CustomFieldsInternal = _ref => {
   });
 };
 CustomFieldsInternal.displayName = 'CustomFieldsInternal';
-CustomFieldsInternal.defaultProps = {
-  renderCustomWarnings: () => null
-};
 var CustomFieldsInternal$1 = CustomFieldsInternal;
 
 function ownKeys$I(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; }
@@ -8000,14 +8051,14 @@ const attributesMapToNameValuePairs = map => {
   });
 };
 
-const _excluded = ["WrapperComponent"];
+const _excluded$8 = ["WrapperComponent"];
 const getAttributeShortName = (fullName, attributesPrefix) => {
   if (!attributesPrefix) return fullName;
   return fullName.replace(`${attributesPrefix}.`, '');
 };
 function ProductAttributes(_ref) {
   let WrapperComponent = _ref.WrapperComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   const formik$1 = formik.useFormikContext();
   const fieldDefinitions = React.useMemo(() => {
     var _context;
@@ -8035,7 +8086,8 @@ function ProductAttributes(_ref) {
         WrapperComponent: WrapperComponent,
         renderWarnings: props.renderWarnings,
         renderCustomWarnings: props.renderCustomWarnings,
-        handleWarningChange: props.handleWarningChange
+        handleWarningChange: props.handleWarningChange,
+        additionalInfoHandler: props.additionalInfoHandler
       })
     })
   });
@@ -8481,9 +8533,37 @@ function ModeSelectInputOption(props) {
   }));
 }
 
+const _excluded$7 = ["lowerProductSelectionsLimit", "upperProductSelectionsLimit", "renderSelectInputOptionValuesByField", "optionType", "isMulti", "isRequired", "hasWarning", "hasError", "isClearable", "isReadOnly", "isDisabled", "excludedProductSelectionIds", "title"];
 function ownKeys$F(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$F(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$F(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$F(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function ProductSelectionsPicker(props) {
+function ProductSelectionsPicker(_ref) {
+  let _ref$lowerProductSele = _ref.lowerProductSelectionsLimit,
+    lowerProductSelectionsLimit = _ref$lowerProductSele === void 0 ? LOWER_PRODUCT_SELECTIONS_LIMIT : _ref$lowerProductSele,
+    _ref$upperProductSele = _ref.upperProductSelectionsLimit,
+    upperProductSelectionsLimit = _ref$upperProductSele === void 0 ? UPPER_PRODUCT_SELECTIONS_LIMIT : _ref$upperProductSele,
+    _ref$renderSelectInpu = _ref.renderSelectInputOptionValuesByField,
+    renderSelectInputOptionValuesByField = _ref$renderSelectInpu === void 0 ? 'id' : _ref$renderSelectInpu,
+    _ref$optionType = _ref.optionType,
+    optionType = _ref$optionType === void 0 ? 'double-property' : _ref$optionType,
+    _ref$isMulti = _ref.isMulti,
+    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
+    _ref$hasWarning = _ref.hasWarning,
+    hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$excludedProductS = _ref.excludedProductSelectionIds,
+    excludedProductSelectionIds = _ref$excludedProductS === void 0 ? [] : _ref$excludedProductS,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    props = _objectWithoutProperties(_ref, _excluded$7);
   const productSelectionsTotalFetcher = useProductSelectionsTotalFetcher$1();
   const components = React.useMemo(() => {
     return {
@@ -8491,39 +8571,38 @@ function ProductSelectionsPicker(props) {
         if (optionInnerProps.isDisabled) {
           return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$F({}, optionInnerProps));
         }
-        if (props.optionType === TYPE_PROPERTY) {
+        if (optionType === TYPE_PROPERTY) {
           return jsxRuntime.jsx(ModeSelectInputOption, _objectSpread$F({}, optionInnerProps));
         }
         return jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
-          optionType: props.optionType,
+          optionType: optionType,
           optionInnerProps: optionInnerProps
         });
       }
     };
-  }, [props.optionType]);
+  }, [optionType]);
   if (productSelectionsTotalFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner$1, {});
-  const CustomProductSelectionsPicker = productSelectionsTotalFetcher.total <= props.lowerProductSelectionsLimit ? ProductSelectionBasicSelectDropdown : productSelectionsTotalFetcher.total <= props.upperProductSelectionsLimit ? ProductSelectionsAsyncSelectDropdown : ProductSelectionsSearchSelectDropdown;
+  const CustomProductSelectionsPicker = productSelectionsTotalFetcher.total <= lowerProductSelectionsLimit ? ProductSelectionBasicSelectDropdown : productSelectionsTotalFetcher.total <= upperProductSelectionsLimit ? ProductSelectionsAsyncSelectDropdown : ProductSelectionsSearchSelectDropdown;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
-    children: jsxRuntime.jsx(CustomProductSelectionsPicker, _objectSpread$F(_objectSpread$F({}, props), {}, {
+    children: jsxRuntime.jsx(CustomProductSelectionsPicker, _objectSpread$F(_objectSpread$F({
+      lowerProductSelectionsLimit: lowerProductSelectionsLimit,
+      upperProductSelectionsLimit: upperProductSelectionsLimit,
+      renderSelectInputOptionValuesByField: renderSelectInputOptionValuesByField,
+      optionType: optionType,
+      isMulti: isMulti,
+      isRequired: isRequired,
+      hasWarning: hasWarning,
+      hasError: hasError,
+      isClearable: isClearable,
+      isReadOnly: isReadOnly,
+      isDisabled: isDisabled,
+      excludedProductSelectionIds: excludedProductSelectionIds,
+      title: title
+    }, props), {}, {
       components: components
     }))
   });
 }
-ProductSelectionsPicker.defaultProps = {
-  lowerProductSelectionsLimit: LOWER_PRODUCT_SELECTIONS_LIMIT,
-  upperProductSelectionsLimit: UPPER_PRODUCT_SELECTIONS_LIMIT,
-  renderSelectInputOptionValuesByField: 'id',
-  optionType: 'double-property',
-  isMulti: false,
-  isRequired: false,
-  hasWarning: false,
-  hasError: false,
-  isClearable: false,
-  isReadOnly: false,
-  isDisabled: false,
-  excludedProductSelectionIds: [],
-  title: '' // FieldLabel requires title to have some value
-};
 
 // NOTE: this component is duplicated in `app-shell/from-core`.
 var styles$b = {
@@ -8560,19 +8639,21 @@ const ScrollToFieldError = () => {
     if (firstErrorElement) {
       // Get a reference to the label.
       const firstElementId = firstErrorElement.getAttribute('id');
-      const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, `.${dataLocale}`);
+      if (firstElementId) {
+        const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, `.${dataLocale}`);
 
-      // check if locale is appended then remove it from id
-      const id = localizedInputIndex > -1 ? firstElementId.replace(`.${dataLocale}`, '') : firstElementId;
+        // check if locale is appended then remove it from id
+        const id = localizedInputIndex > -1 ? firstElementId.replace(`.${dataLocale}`, '') : firstElementId;
 
-      // Scroll to the label (if found), otherwise to the input element itself.
+        // Scroll to the label (if found), otherwise to the input element itself.
 
-      const elementToScrollTo =
-      //  div is used only for custom fields
-      document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
-      elementToScrollTo.scrollIntoView?.({
-        behavior: 'smooth'
-      });
+        const elementToScrollTo =
+        //  div is used only for custom fields
+        document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
+        elementToScrollTo.scrollIntoView?.({
+          behavior: 'smooth'
+        });
+      }
     }
   }, [dataLocale, isValid, submitCount]);
   return null;
@@ -8718,6 +8799,7 @@ const getCustomGroupLabelOption = customLabel => [{
   isDisabled: true
 }];
 
+const _excluded$6 = ["shouldFetchProductSelections"];
 function ownKeys$E(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(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$E(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$E(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const hasErrors$2 = errors => {
@@ -8748,7 +8830,10 @@ const emptyStoreOption = intl => [{
   value: undefined,
   isDisabled: true
 }];
-const StoresAsyncSelectInput = props => {
+const StoresAsyncSelectInput = _ref2 => {
+  let _ref2$shouldFetchProd = _ref2.shouldFetchProductSelections,
+    shouldFetchProductSelections = _ref2$shouldFetchProd === void 0 ? false : _ref2$shouldFetchProd,
+    props = _objectWithoutProperties(_ref2, _excluded$6);
   const intl = reactIntl.useIntl();
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       dataLocale: applicationContext.dataLocale,
@@ -8762,7 +8847,7 @@ const StoresAsyncSelectInput = props => {
     offset: 0,
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
-    excludeProductSelections: !props.shouldFetchProductSelections,
+    excludeProductSelections: !shouldFetchProductSelections,
     stores: keysOfStores?.length && keysOfStores,
     projectKey: props.projectKey
   });
@@ -8843,18 +8928,19 @@ const StoresAsyncSelectInput = props => {
   });
 };
 StoresAsyncSelectInput.displayName = 'StoresAsyncSelectInput';
-StoresAsyncSelectInput.defaultProps = {
-  shouldFetchProductSelections: false
-};
 var StoresAsyncSelectInput$1 = StoresAsyncSelectInput;
 
+const _excluded$5 = ["shouldFetchProductSelections"];
 function ownKeys$D(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$D(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$D(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$D(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const hasErrors$1 = errors => {
   var _context;
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
 };
-const StoresBasicSelectInput = props => {
+const StoresBasicSelectInput = _ref => {
+  let _ref$shouldFetchProdu = _ref.shouldFetchProductSelections,
+    shouldFetchProductSelections = _ref$shouldFetchProdu === void 0 ? false : _ref$shouldFetchProdu,
+    props = _objectWithoutProperties(_ref, _excluded$5);
   const intl = reactIntl.useIntl();
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       dataLocale: applicationContext.dataLocale,
@@ -8868,7 +8954,7 @@ const StoresBasicSelectInput = props => {
     offset: 0,
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
-    excludeProductSelections: !props.shouldFetchProductSelections,
+    excludeProductSelections: !shouldFetchProductSelections,
     stores: keysOfStores?.length && keysOfStores,
     projectKey: props.projectKey
   });
@@ -8893,7 +8979,7 @@ const StoresBasicSelectInput = props => {
     const currentStore = _findInstanceProperty__default["default"](listOptions).call(listOptions, store => store.value === value);
 
     // We need complete store info including productSelections
-    if (!props.shouldFetchProductSelections && !props?.renderLabel) {
+    if (!shouldFetchProductSelections && !props?.renderLabel) {
       props.onChange(event);
     } else {
       props.onChange({
@@ -8941,9 +9027,6 @@ const StoresBasicSelectInput = props => {
   });
 };
 StoresBasicSelectInput.displayName = 'StoresBasicSelectInput';
-StoresBasicSelectInput.defaultProps = {
-  shouldFetchProductSelections: false
-};
 var StoresBasicSelectInput$1 = StoresBasicSelectInput;
 
 var TotalNumberOfStores = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "TotalNumberOfStores" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "totalNumberOfStores" }, name: { kind: "Name", value: "stores" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 76, source: { body: "query TotalNumberOfStores {\n  totalNumberOfStores: stores {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
@@ -8990,6 +9073,7 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
 };
 var useStoresByFieldFetcher$1 = useStoresByFieldFetcher;
 
+const _excluded$4 = ["shouldFetchProductSelections"];
 function ownKeys$C(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$C(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$C(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$C(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchStoresByWherePredicate = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresByWherePredicate" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipFetchingStores" } }, 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", alias: { kind: "Name", value: "storesByWherePredicate" }, 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: "skipFetchingStores" } } }] }], 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: [] }] } }, { 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: "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: 525, source: { body: "query FetchStoresByWherePredicate(\n  $where: String!\n  $skipFetchingStores: Boolean!\n  $excludeProductSelections: Boolean!\n) {\n  storesByWherePredicate: stores(where: $where) @skip(if: $skipFetchingStores) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
@@ -9060,7 +9144,10 @@ const getValueFromOptions = _ref2 => {
     return selectedOptions[0];
   }
 };
-const StoresSearchSelectInput = props => {
+const StoresSearchSelectInput = _ref3 => {
+  let _ref3$shouldFetchProd = _ref3.shouldFetchProductSelections,
+    shouldFetchProductSelections = _ref3$shouldFetchProd === void 0 ? false : _ref3$shouldFetchProd,
+    props = _objectWithoutProperties(_ref3, _excluded$4);
   // hooks
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       dataLocale: applicationContext.dataLocale,
@@ -9070,7 +9157,7 @@ const StoresSearchSelectInput = props => {
     projectLanguages = _useApplicationContex.projectLanguages;
   const intl = reactIntl.useIntl();
   const client$1 = client.useApolloClient();
-  const storesByFieldFetcher = useStoresByFieldFetcher$1(props.value, props.renderSelectInputOptionValuesByField, props.projectKey, props.shouldFetchProductSelections);
+  const storesByFieldFetcher = useStoresByFieldFetcher$1(props.value, props.renderSelectInputOptionValuesByField, props.projectKey, shouldFetchProductSelections);
   const hasError = uiKit.AsyncSelectInput.isTouched(props.touched) && hasErrors(props.errors) || props.hasError;
   const handleLoadOptions = searchText => {
     const extractMatchedStores = client$1.query({
@@ -9079,15 +9166,15 @@ const StoresSearchSelectInput = props => {
         searchText,
         dataLocale,
         allAccessibleStoreKeysThroughDataFencePermissions: props.allAccessibleStoreKeysThroughDataFencePermissions,
-        shouldFetchProductSelections: props.shouldFetchProductSelections
+        shouldFetchProductSelections
       }),
       context: {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM,
         projectKey: props.projectKey
       },
       fetchPolicy: 'network-only'
-    }).then(_ref3 => {
-      let data = _ref3.data;
+    }).then(_ref4 => {
+      let data = _ref4.data;
       const result = data.storesByWherePredicate?.results.map(store => mapStoresToOptions({
         store,
         dataLocale,
@@ -9104,8 +9191,8 @@ const StoresSearchSelectInput = props => {
     return extractMatchedStores;
   };
   const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
-  const renderNoOptions = _ref4 => {
-    let inputValue = _ref4.inputValue;
+  const renderNoOptions = _ref5 => {
+    let inputValue = _ref5.inputValue;
     return jsxRuntime.jsxs("div", {
       className: styles$9.renderLabelContainer,
       children: [jsxRuntime.jsx("div", {
@@ -9162,17 +9249,26 @@ const StoresSearchSelectInput = props => {
   });
 };
 StoresSearchSelectInput.displayName = 'StoresSearchSelectInput';
-StoresSearchSelectInput.defaultProps = {
-  shouldFetchProductSelections: false
-};
 var StoresSearchSelectInput$1 = StoresSearchSelectInput;
 
+const _excluded$3 = ["lowerStoresLimit", "upperStoresLimit", "renderSelectInputOptionValuesByField", "optionType", "shouldFetchProductSelections"];
 function ownKeys$B(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$B(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$B(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$B(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var styles$8 = {
   "customOption": "store-select-input-module__customOption___2SC00"
 };
-const StoreSelectInput = props => {
+const StoreSelectInput = _ref => {
+  let _ref$lowerStoresLimit = _ref.lowerStoresLimit,
+    lowerStoresLimit = _ref$lowerStoresLimit === void 0 ? LOWER_STORES_LIMIT : _ref$lowerStoresLimit,
+    _ref$upperStoresLimit = _ref.upperStoresLimit,
+    upperStoresLimit = _ref$upperStoresLimit === void 0 ? UPPER_STORES_LIMIT : _ref$upperStoresLimit,
+    _ref$renderSelectInpu = _ref.renderSelectInputOptionValuesByField,
+    renderSelectInputOptionValuesByField = _ref$renderSelectInpu === void 0 ? 'id' : _ref$renderSelectInpu,
+    _ref$optionType = _ref.optionType,
+    optionType = _ref$optionType === void 0 ? 'double-property' : _ref$optionType,
+    _ref$shouldFetchProdu = _ref.shouldFetchProductSelections,
+    shouldFetchProductSelections = _ref$shouldFetchProdu === void 0 ? false : _ref$shouldFetchProdu,
+    props = _objectWithoutProperties(_ref, _excluded$3);
   const totalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher$1(props.projectKey);
   const components = React.useMemo(() => {
     return {
@@ -9181,19 +9277,19 @@ const StoreSelectInput = props => {
         if (optionInnerProps.isDisabled) {
           return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$B({}, optionInnerProps));
         }
-        const isSearchSelectInput = totalNumberOfStoresFetcher.total > props.upperStoresLimit;
+        const isSearchSelectInput = totalNumberOfStoresFetcher.total > upperStoresLimit;
         return jsxRuntime.jsx("div", {
           className: isSearchSelectInput ? styles$8.customOption : '',
           children: jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
-            optionType: props.optionType,
+            optionType: optionType,
             optionInnerProps: optionInnerProps
           })
         });
       }
     };
-  }, [props.optionType, totalNumberOfStoresFetcher.total, props.upperStoresLimit]);
+  }, [optionType, totalNumberOfStoresFetcher.total, upperStoresLimit]);
   if (totalNumberOfStoresFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner$1, {});
-  const CustomStoreSelectInput = totalNumberOfStoresFetcher.total <= props.lowerStoresLimit ? StoresBasicSelectInput$1 : totalNumberOfStoresFetcher.total <= props.upperStoresLimit ? StoresAsyncSelectInput$1 : StoresSearchSelectInput$1;
+  const CustomStoreSelectInput = totalNumberOfStoresFetcher.total <= lowerStoresLimit ? StoresBasicSelectInput$1 : totalNumberOfStoresFetcher.total <= upperStoresLimit ? StoresAsyncSelectInput$1 : StoresSearchSelectInput$1;
   return jsxRuntime.jsx(CustomStoreSelectInput, _objectSpread$B(_objectSpread$B({
     menuIsOpen: props.menuIsOpen,
     placeholder: props.placeholder,
@@ -9222,27 +9318,27 @@ const StoreSelectInput = props => {
     maxMenuHeight: props.maxMenuHeight,
     menuPortalTarget: props.menuPortalTarget,
     menuPortalZIndex: props.menuPortalZIndex,
-    renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField,
-    lowerStoresLimit: props.lowerStoresLimit,
-    upperStoresLimit: props.upperStoresLimit,
+    renderSelectInputOptionValuesByField: renderSelectInputOptionValuesByField,
+    lowerStoresLimit: lowerStoresLimit,
+    upperStoresLimit: upperStoresLimit,
     allAccessibleStoreKeysThroughDataFencePermissions: props.allAccessibleStoreKeysThroughDataFencePermissions,
-    shouldFetchProductSelections: props.shouldFetchProductSelections,
+    shouldFetchProductSelections: shouldFetchProductSelections,
     controlShouldRenderValue: props.controlShouldRenderValue
   }, utils.filterDataAttributes(props)), utils.filterAriaAttributes(props)));
 };
 StoreSelectInput.displayName = 'StoreSelectInput';
-StoreSelectInput.defaultProps = {
-  lowerStoresLimit: LOWER_STORES_LIMIT,
-  upperStoresLimit: UPPER_STORES_LIMIT,
-  renderSelectInputOptionValuesByField: 'id',
-  optionType: 'double-property',
-  shouldFetchProductSelections: false
-};
 var StoreSelectInput$1 = StoreSelectInput;
 
+const _excluded$2 = ["lowerStoresLimit", "upperStoresLimit", "mappedValueField"];
 function ownKeys$A(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$A(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$A(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$A(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const StoreSelectField = props => {
+const StoreSelectField = _ref => {
+  let _ref$lowerStoresLimit = _ref.lowerStoresLimit,
+    lowerStoresLimit = _ref$lowerStoresLimit === void 0 ? LOWER_STORES_LIMIT : _ref$lowerStoresLimit,
+    _ref$upperStoresLimit = _ref.upperStoresLimit,
+    upperStoresLimit = _ref$upperStoresLimit === void 0 ? UPPER_STORES_LIMIT : _ref$upperStoresLimit;
+    _ref.mappedValueField;
+    let props = _objectWithoutProperties(_ref, _excluded$2);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: props.horizontalConstraint,
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -9279,8 +9375,8 @@ const StoreSelectField = props => {
         menuPortalZIndex: props.menuPortalZIndex,
         optionType: props.optionType,
         renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField,
-        lowerStoresLimit: props.lowerStoresLimit,
-        upperStoresLimit: props.upperStoresLimit,
+        lowerStoresLimit: lowerStoresLimit,
+        upperStoresLimit: upperStoresLimit,
         allAccessibleStoreKeysThroughDataFencePermissions: props.allAccessibleStoreKeysThroughDataFencePermissions,
         controlShouldRenderValue: props.controlShouldRenderValue
       }, utils.filterDataAttributes(props)), utils.filterAriaAttributes(props)))]
@@ -9288,11 +9384,6 @@ const StoreSelectField = props => {
   });
 };
 StoreSelectField.displayName = 'StoreSelectField';
-StoreSelectField.defaultProps = {
-  lowerStoresLimit: LOWER_STORES_LIMIT,
-  upperStoresLimit: UPPER_STORES_LIMIT,
-  mappedValueField: 'id'
-};
 var StoreSelectField$1 = StoreSelectField;
 
 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; }
@@ -9721,7 +9812,7 @@ const createEmptyCustomFields = typeDefinition => ({
 function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 var FetchTypeDefinitionsWithNamesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsWithNamesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "required" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inputHint" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 1445, source: { body: "query FetchTypeDefinitionsWithNamesQuery(\n  $where: String\n  $limit: Int\n  $offset: Int\n) {\n  typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n    results {\n      id\n      key\n      nameAllLocales {\n        value\n        locale\n      }\n      fieldDefinitions {\n        required\n        type {\n          name\n          ... on ReferenceType {\n            referenceTypeId\n          }\n          ... on SetType {\n            elementType {\n              name\n              ... on ReferenceType {\n                referenceTypeId\n                name\n              }\n              ... on EnumType {\n                values {\n                  key\n                  label\n                }\n                name\n              }\n              ... on LocalizedEnumType {\n                values {\n                  key\n                  labelAllLocales {\n                    locale\n                    value\n                  }\n                }\n              }\n            }\n          }\n          ... on LocalizedEnumType {\n            values {\n              key\n              labelAllLocales {\n                locale\n                value\n              }\n            }\n          }\n          ... on EnumType {\n            values {\n              key\n              label\n            }\n            name\n          }\n        }\n        name\n        labelAllLocales {\n          value\n          locale\n        }\n        inputHint\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const customizableResources = ['asset', 'address', 'associate-role', 'business-unit', 'category', 'channel', 'customer', 'customer-group', 'order', 'quote', 'order-delivery', 'store', 'discount-code', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shipping-method', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review', 'cart-discount', 'product-selection', 'order-return-item', 'order-parcel'];
+const customizableResources = ['asset', 'address', 'associate-role', 'business-unit', 'category', 'channel', 'customer', 'customer-group', 'order', 'quote', 'order-delivery', 'store', 'discount-code', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shipping-method', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review', 'cart-discount', 'product-selection', 'order-return-item', 'order-parcel', 'transaction'];
 const emptyTypeDefinitions = {
   total: 0,
   count: 0,
@@ -10274,7 +10365,7 @@ const defaultValue = {
 const PimIndexerContext = /*#__PURE__*/React.createContext(defaultValue);
 var PimIndexerContext$1 = PimIndexerContext;
 
-var FetchIndicesExist = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchIndicesExist" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indicesExist" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "products" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 191, source: { body: "query FetchIndicesExist {\n  indicesExist {\n    products {\n      searchableIndexExists\n      newInProgress\n    }\n    productTypes {\n      searchableIndexExists\n      newInProgress\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var FetchIndicesExist = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchIndicesExist" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indicesExist" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "products" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "searchableIndexExists" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "newInProgress" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 269, source: { body: "query FetchIndicesExist {\n  indicesExist {\n    products {\n      searchableIndexExists\n      newInProgress\n    }\n    productTypes {\n      searchableIndexExists\n      newInProgress\n    }\n    productSelections {\n      searchableIndexExists\n      newInProgress\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var fetchPimIndexStatus = (apolloClient, projectKey) => async dispatch => {
   try {
     await dispatch(sdk.actions.head({
@@ -10294,11 +10385,12 @@ var fetchPimIndexStatus = (apolloClient, projectKey) => async dispatch => {
           fetchPolicy: 'network-only'
         }),
         data = _await$apolloClient$q.data;
-      if (data.indicesExist.products.newInProgress || data.indicesExist.productTypes.newInProgress) {
+      if (data.indicesExist.products.newInProgress || data.indicesExist.productTypes.newInProgress || data.indicesExist.productSelections.newInProgress) {
         return {
           status: 'indexing',
           isIndexingProducts: !data.indicesExist.products.searchableIndexExists,
-          isIndexingProductTypes: !data.indicesExist.productTypes.searchableIndexExists
+          isIndexingProductTypes: !data.indicesExist.productTypes.searchableIndexExists,
+          isIndexingProductSelections: !data.indicesExist.productSelections.searchableIndexExists
         };
       }
       return {
@@ -10332,21 +10424,23 @@ function ownKeys$r(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$r(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$r(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$r(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
-var RefreshProductIndices = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "RefreshProductIndices" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "ids" } }, type: { kind: "NonNullType", type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "refreshProducts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "ids" }, value: { kind: "Variable", name: { kind: "Name", value: "ids" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "updatedDocuments" }, 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: "deletedDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "notFoundDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "unchangedDocuments" }, 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: "failedRefreshedDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 1119, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var IndexProject = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "IndexProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "products" }, name: { kind: "Name", value: "reIndexAllProducts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indexingJobId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "existingIndexingJobId" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productTypes" }, name: { kind: "Name", value: "reIndexAllProductTypes" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indexingJobId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "existingIndexingJobId" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1119, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var GetIndexingProgress = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetIndexingProgress" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productsJobId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productTypesJobId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "products" }, name: { kind: "Name", value: "getReindexingStatus" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productsJobId" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "percentCompleted" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "completed" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productTypes" }, name: { kind: "Name", value: "getReindexingStatus" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productTypesJobId" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "percentCompleted" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "completed" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1119, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var RefreshProductIndices = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "RefreshProductIndices" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "ids" } }, type: { kind: "NonNullType", type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "refreshProducts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "ids" }, value: { kind: "Variable", name: { kind: "Name", value: "ids" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "updatedDocuments" }, 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: "deletedDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "notFoundDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "unchangedDocuments" }, 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: "failedRefreshedDocuments" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 1549, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n  $shouldIndexProductSelections: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productSelections: reIndexAllProductSelections\n    @include(if: $shouldIndexProductSelections) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $productSelectionsJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n  $shouldIncludeProductSelections: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n\n  productSelections: getReindexingStatus(id: $productSelectionsJobId)\n    @include(if: $shouldIncludeProductSelections) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var IndexProject = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "IndexProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "products" }, name: { kind: "Name", value: "reIndexAllProducts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indexingJobId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "existingIndexingJobId" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productTypes" }, name: { kind: "Name", value: "reIndexAllProductTypes" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indexingJobId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "existingIndexingJobId" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productSelections" }, name: { kind: "Name", value: "reIndexAllProductSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIndexProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "indexingJobId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "existingIndexingJobId" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1549, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n  $shouldIndexProductSelections: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productSelections: reIndexAllProductSelections\n    @include(if: $shouldIndexProductSelections) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $productSelectionsJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n  $shouldIncludeProductSelections: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n\n  productSelections: getReindexingStatus(id: $productSelectionsJobId)\n    @include(if: $shouldIncludeProductSelections) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var GetIndexingProgress = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetIndexingProgress" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productsJobId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productTypesJobId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "productSelectionsJobId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "products" }, name: { kind: "Name", value: "getReindexingStatus" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productsJobId" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "percentCompleted" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "completed" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productTypes" }, name: { kind: "Name", value: "getReindexingStatus" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productTypesJobId" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "percentCompleted" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "completed" }, arguments: [], directives: [] }] } }, { kind: "Field", alias: { kind: "Name", value: "productSelections" }, name: { kind: "Name", value: "getReindexingStatus" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "productSelectionsJobId" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "percentCompleted" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "completed" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1549, source: { body: "mutation RefreshProductIndices($ids: [String!]!) {\n  refreshProducts(ids: $ids) {\n    updatedDocuments {\n      id\n      version\n    }\n    deletedDocuments {\n      id\n    }\n    notFoundDocuments {\n      id\n    }\n    unchangedDocuments {\n      id\n      version\n    }\n    failedRefreshedDocuments {\n      id\n      reason\n    }\n  }\n}\n\nmutation IndexProject(\n  $shouldIndexProducts: Boolean!\n  $shouldIndexProductTypes: Boolean!\n  $shouldIndexProductSelections: Boolean!\n) {\n  products: reIndexAllProducts @include(if: $shouldIndexProducts) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productTypes: reIndexAllProductTypes @include(if: $shouldIndexProductTypes) {\n    indexingJobId\n    existingIndexingJobId\n  }\n  productSelections: reIndexAllProductSelections\n    @include(if: $shouldIndexProductSelections) {\n    indexingJobId\n    existingIndexingJobId\n  }\n}\n\nquery GetIndexingProgress(\n  $productsJobId: String!\n  $productTypesJobId: String!\n  $productSelectionsJobId: String!\n  $shouldIncludeProducts: Boolean!\n  $shouldIncludeProductTypes: Boolean!\n  $shouldIncludeProductSelections: Boolean!\n) {\n  products: getReindexingStatus(id: $productsJobId)\n    @include(if: $shouldIncludeProducts) {\n    percentCompleted\n    completed\n  }\n\n  productTypes: getReindexingStatus(id: $productTypesJobId)\n    @include(if: $shouldIncludeProductTypes) {\n    percentCompleted\n    completed\n  }\n\n  productSelections: getReindexingStatus(id: $productSelectionsJobId)\n    @include(if: $shouldIncludeProductSelections) {\n    percentCompleted\n    completed\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const pimIndexerRequestContext = {
   target: constants.GRAPHQL_TARGETS.PIM_INDEXER
 };
-const isIndexingCompleted = (products, productTypes) => products.completed && productTypes.completed;
-const calculateProgress = (products, productTypes) => (products.percentCompleted + productTypes.percentCompleted) / 2;
+const isIndexingCompleted = (products, productTypes, productSelections) => products.completed && productTypes.completed && productSelections.completed;
+const calculateProgress = (products, productTypes, productSelections) => (products.percentCompleted + productTypes.percentCompleted + productSelections.percentCompleted) / 3;
 const getIndexingJobIds = _ref => {
   let _ref$data = _ref.data,
     products = _ref$data.products,
-    productTypes = _ref$data.productTypes;
+    productTypes = _ref$data.productTypes,
+    productSelections = _ref$data.productSelections;
   return {
     productsJobId: products?.indexingJobId || products?.existingIndexingJobId,
-    productTypesJobId: productTypes?.indexingJobId || productTypes?.existingIndexingJobId
+    productTypesJobId: productTypes?.indexingJobId || productTypes?.existingIndexingJobId,
+    productSelectionsJobId: productSelections?.indexingJobId || productSelections?.existingIndexingJobId
   };
 };
 let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
@@ -10369,12 +10463,14 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
         const _await$_this$props$fe = await _this.props.fetchPimIndexStatus(_this.props.client, _this.props.projectKey),
           status = _await$_this$props$fe.status,
           isIndexingProducts = _await$_this$props$fe.isIndexingProducts,
-          isIndexingProductTypes = _await$_this$props$fe.isIndexingProductTypes;
+          isIndexingProductTypes = _await$_this$props$fe.isIndexingProductTypes,
+          isIndexingProductSelections = _await$_this$props$fe.isIndexingProductSelections;
         const isPimIndexerUnreachable = _includesInstanceProperty__default["default"](_context = ['not-configured', 'unreachable']).call(_context, status);
         if (status === 'indexing') {
           _this.monitorIndexingProgress({
             isIndexingProducts,
-            isIndexingProductTypes
+            isIndexingProductTypes,
+            isIndexingProductSelections
           });
         } else {
           _this.setState({
@@ -10431,8 +10527,10 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
         variables: {
           productsJobId: _this.state.productsJobId || '',
           productTypesJobId: _this.state.productTypesJobId || '',
+          productSelectionsJobId: _this.state.productSelectionsJobId || '',
           shouldIncludeProducts: !!_this.state.productsJobId,
-          shouldIncludeProductTypes: !!_this.state.productTypesJobId
+          shouldIncludeProductTypes: !!_this.state.productTypesJobId,
+          shouldIncludeProductSelections: !!_this.state.productSelectionsJobId
         },
         fetchPolicy: 'network-only'
       });
@@ -10442,7 +10540,8 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       };
       return {
         products: result.data.products || completedStatus,
-        productTypes: result.data.productTypes || completedStatus
+        productTypes: result.data.productTypes || completedStatus,
+        productSelections: result.data.productSelections || completedStatus
       };
     };
     _this.handleFinishedIndexing = async () => {
@@ -10481,9 +10580,10 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       try {
         const _await$_this$getIndex = await _this.getIndexingProgress(),
           products = _await$_this$getIndex.products,
-          productTypes = _await$_this$getIndex.productTypes;
-        const isCompleted = isIndexingCompleted(products, productTypes);
-        const indexingProgress = calculateProgress(products, productTypes);
+          productTypes = _await$_this$getIndex.productTypes,
+          productSelections = _await$_this$getIndex.productSelections;
+        const isCompleted = isIndexingCompleted(products, productTypes, productSelections);
+        const indexingProgress = calculateProgress(products, productTypes, productSelections);
         _this.setState({
           indexingProgress
         });
@@ -10501,14 +10601,16 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
     };
     _this.monitorIndexingProgress = async _ref2 => {
       let isIndexingProducts = _ref2.isIndexingProducts,
-        isIndexingProductTypes = _ref2.isIndexingProductTypes;
+        isIndexingProductTypes = _ref2.isIndexingProductTypes,
+        isIndexingProductSelections = _ref2.isIndexingProductSelections;
       if (_this.state.isProjectBeingIndexedByPim) return;
       try {
         const indexMutationResult = await _this.props.indexProject({
           context: pimIndexerRequestContext,
           variables: {
             shouldIndexProducts: isIndexingProducts,
-            shouldIndexProductTypes: isIndexingProductTypes
+            shouldIndexProductTypes: isIndexingProductTypes,
+            shouldIndexProductSelections: isIndexingProductSelections
           }
         });
         _this.setState(_objectSpread$r(_objectSpread$r({
@@ -10523,7 +10625,8 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
     };
     _this.indexProject = () => _this.monitorIndexingProgress({
       isIndexingProductTypes: true,
-      isIndexingProducts: true
+      isIndexingProducts: true,
+      isIndexingProductSelections: true
     });
     return _this;
   }
@@ -11998,12 +12101,18 @@ var messages$c = reactIntl.defineMessages({
   }
 });
 
+const _excluded$1 = ["isRequired", "disabled"];
 const valueMapping = {
   yes: true,
   no: false,
   all: [true, false]
 };
-const BooleanField = props => {
+const BooleanField = _ref => {
+  let _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    props = _objectWithoutProperties(_ref, _excluded$1);
   let selectedValue;
   if (typeof props.value === 'boolean') selectedValue = getBooleanValue(props.value);else if (props.isMulti && _Array$isArray__default["default"](props.value) && props.value.length) selectedValue = props.value.length === 2 ? 'all' : getBooleanValue(props.value[0]);
   const yesLabel = props.intl.formatMessage(messages$c.yes);
@@ -12021,7 +12130,7 @@ const BooleanField = props => {
   });
   return jsxRuntime.jsx(uiKit.SelectInput, {
     name: props.name,
-    isClearable: !props.isRequired,
+    isClearable: !isRequired,
     isSearchable: false,
     value: selectedValue,
     onChange: event => {
@@ -12031,14 +12140,10 @@ const BooleanField = props => {
       props.onChange(newValue);
     },
     options,
-    isDisabled: props.disabled
+    isDisabled: disabled
   });
 };
 BooleanField.displayName = 'BooleanField';
-BooleanField.defaultProps = {
-  isRequired: false,
-  disabled: false
-};
 var booleanField = reactIntl.injectIntl(BooleanField);
 function getBooleanValue(value) {
   if (typeof value !== 'boolean') return undefined;
@@ -12082,16 +12187,19 @@ var messages$9 = reactIntl.defineMessages({
   }
 });
 
+const _excluded = ["isChecked"];
 function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const MissingValueField = props => jsxRuntime.jsx(uiKit.CheckboxInput, {
-  name: "missing-value",
-  isChecked: props.isChecked,
-  onChange: props.onChange,
-  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$9.label))
-});
-MissingValueField.defaultProps = {
-  isChecked: false
+const MissingValueField = _ref => {
+  let _ref$isChecked = _ref.isChecked,
+    isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx(uiKit.CheckboxInput, {
+    name: "missing-value",
+    isChecked: isChecked,
+    onChange: props.onChange,
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$9.label))
+  });
 };
 var MissingValueField$1 = MissingValueField;
 
@@ -13365,7 +13473,8 @@ const not = function () {
 
 const safelyAddFallback = function (string) {
   let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
-  return string === '' ? fallback : string ?? fallback;
+  if (string === '') return fallback;
+  return string ?? fallback;
 };
 
 var messages = reactIntl.defineMessages({
@@ -13889,7 +13998,7 @@ exports.resolveStatusType = resolveStatusType;
 exports.safelyAddFallback = safelyAddFallback;
 exports.sanitize = sanitize;
 exports.searchCategories = searchCategories;
-exports.searchInputMessages = messages$M;
+exports.searchInputMessages = messages$N;
 exports.setDisplayName = setDisplayName$1;
 exports.setToArray = setToArray;
 exports.shallowEqual = shallowEqual;