@commercetools-frontend/experimental-components 6.2.0 → 6.2.1

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

@@ -196,7 +196,7 @@ var compact__default = /*#__PURE__*/_interopDefault(compact);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
 
-var styles$j = {
+var styles$k = {
   "loading-container": "centered-loading-spinner-module__loading-container___3_9-h"
 };
 /**
@@ -204,7 +204,7 @@ var styles$j = {
  * - the ui-kit Spacings.Stack does not allow for custom styles, nor does it stretch to fill its container's height
  */
 const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
-  className: styles$j['loading-container'],
+  className: styles$k['loading-container'],
   "data-testid": "centered-loading-spinner",
   children: jsxRuntime.jsx(uiKit.LoadingSpinner, {})
 });
@@ -246,6 +246,7 @@ const INTERVALS_IN_SECONDS = {
   [REMINDER_OPTION_10_DAY]: 864000
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
+const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
@@ -1070,7 +1071,7 @@ function ownKeys$1l(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1l(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1l(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper$7(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$7() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$7() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$7 = function () { return !!t; })(); }
-var styles$i = {
+var styles$j = {
   "size": "throttled-field-module__size___324jx",
   "input-text": "throttled-field-module__input-text___3zFFp",
   "input-secondary": "throttled-field-module__input-secondary___cFo9e throttled-field-module__input-text___3zFFp throttled-field-module__size___324jx",
@@ -1179,9 +1180,9 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           })
         }), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1l(_objectSpread$1l({}, commonProps), {}, {
           id: inputId,
-          className: classnames__default["default"](styles$i.textarea, styles$i[`textarea-${this.props.style}`], {
-            [styles$i.invalid]: !this.props.isValid,
-            [styles$i.disabled]: this.props.disabled
+          className: classnames__default["default"](styles$j.textarea, styles$j[`textarea-${this.props.style}`], {
+            [styles$j.invalid]: !this.props.isValid,
+            [styles$j.disabled]: this.props.disabled
           }),
           rows: 1,
           maxRows: this.props.autoSize ? undefined : 1,
@@ -1190,10 +1191,10 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           id: inputId,
           ref: this.props.inputRef,
           type: this.props.as,
-          className: classnames__default["default"](styles$i[`input-${this.props.style}`], {
-            [styles$i.invalid]: !this.props.isValid,
-            [styles$i.disabled]: this.props.disabled,
-            [styles$i.granular]: this.props.isGranular
+          className: classnames__default["default"](styles$j[`input-${this.props.style}`], {
+            [styles$j.invalid]: !this.props.isValid,
+            [styles$j.disabled]: this.props.disabled,
+            [styles$j.granular]: this.props.isGranular
           })
         }))]
       });
@@ -1238,7 +1239,7 @@ var messages$G = reactIntl.defineMessages({
 
 function _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function () { return !!t; })(); }
-var styles$h = {
+var styles$i = {
   "block": "search-input-module__block___1uM-y",
   "container": "search-input-module__container___9u6if",
   "input-container": "search-input-module__input-container___mJnyZ",
@@ -1313,14 +1314,14 @@ let SearchInput = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return jsxRuntime.jsx("div", {
-        className: classnames__default["default"](this.props.blockClassName, styles$h.block),
+        className: classnames__default["default"](this.props.blockClassName, styles$i.block),
         children: jsxRuntime.jsxs("div", {
-          className: classnames__default["default"](this.props.containerClassName, styles$h.container),
+          className: classnames__default["default"](this.props.containerClassName, styles$i.container),
           children: [jsxRuntime.jsx("div", {
-            className: classnames__default["default"](styles$h['input-container'], {
-              [styles$h['input-container-hoverable']]: !this.props.disabled,
-              [styles$h['input-container-disabled']]: this.props.disabled && this.props.enableDisabledStyle,
-              [styles$h['input-container-granular']]: this.props.isGranular
+            className: classnames__default["default"](styles$i['input-container'], {
+              [styles$i['input-container-hoverable']]: !this.props.disabled,
+              [styles$i['input-container-disabled']]: this.props.disabled && this.props.enableDisabledStyle,
+              [styles$i['input-container-granular']]: this.props.isGranular
             }),
             children: jsxRuntime.jsx(ThrottledField, {
               style: "primary",
@@ -1338,8 +1339,8 @@ let SearchInput = /*#__PURE__*/function (_Component) {
               isGranular: this.props.isGranular
             })
           }), this.state.text && jsxRuntime.jsx(uiKit.SecondaryIconButton, {
-            className: classnames__default["default"](styles$h['clear-icon-container'], {
-              [styles$h['clear-icon-container-granular']]: this.props.isGranular
+            className: classnames__default["default"](styles$i['clear-icon-container'], {
+              [styles$i['clear-icon-container-granular']]: this.props.isGranular
             }),
             icon: jsxRuntime.jsx(uiKit.CloseIcon, {}),
             size: "30",
@@ -1347,9 +1348,9 @@ let SearchInput = /*#__PURE__*/function (_Component) {
             onClick: this.handleClear
           }), jsxRuntime.jsx("div", {
             "data-testid": "search-button",
-            className: classnames__default["default"](styles$h['search-icon-container'], {
-              [styles$h['search-icon-container-hoverable']]: !this.props.disabled,
-              [styles$h['search-icon-container-granular']]: this.props.isGranular
+            className: classnames__default["default"](styles$i['search-icon-container'], {
+              [styles$i['search-icon-container-hoverable']]: !this.props.disabled,
+              [styles$i['search-icon-container-granular']]: this.props.isGranular
             }),
             onClick: this.props.disabled ? null : this.handleSubmit,
             label: "search-button",
@@ -2596,10 +2597,10 @@ function defaultFilterValidator$1(_ref2) {
   return true;
 }
 
-var localizedTextTransformer = (localizedString => {
+var localizedTextTransformer = localizedString => {
   var _context;
   return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
-});
+};
 
 const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
 function moneyTransformer(value, option, locale) {
@@ -5268,7 +5269,7 @@ function getCartDiscountById(apolloClient, options) {
   }).then(response => response.data?.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null);
 }
 
-var styles$g = {
+var styles$h = {
   "container": "reference-search-module__container___3-iK3",
   "missing-label": "reference-search-module__missing-label___az9AO"
 }; // This is a hashmap of loaded items used to map a value to an item
@@ -5375,9 +5376,9 @@ function ReferenceSearch(props) {
     props.onChange(option);
   };
   return jsxRuntime.jsxs("div", {
-    className: styles$g.container,
+    className: styles$h.container,
     children: [areSomeItemsMissing && jsxRuntime.jsx("div", {
-      className: styles$g['missing-label'],
+      className: styles$h['missing-label'],
       children: props.referenceIsMissingLabel
     }), jsxRuntime.jsx(CustomFieldTooltip, {
       title: tooltipTitle,
@@ -5697,7 +5698,7 @@ function useCachedCategoryOptions(ids) {
 
 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$f = {
+var styles$g = {
   "button": "button-module__button___1OzVf",
   "cancel": "button-module__cancel___1-jYL button-module__button___1OzVf",
   "confirm": "button-module__confirm___-W92x button-module__button___1OzVf",
@@ -5733,7 +5734,7 @@ const Button = props => {
   return jsxRuntime.jsx("button", _objectSpread$Z(_objectSpread$Z({
     onClick: isDisabled ? null : onClick,
     type: props.type,
-    className: classnames__default["default"](styles$f.button, isDisabled ? styles$f.disabled : null, className),
+    className: classnames__default["default"](styles$g.button, isDisabled ? styles$g.disabled : null, className),
     disabled: isDisabled,
     "aria-label": props['aria-label']
   }, dataProps), {}, {
@@ -5755,15 +5756,15 @@ var messages$z = reactIntl.defineMessages({
 
 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$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$e.button,
+    className: styles$f.button,
     children: [jsxRuntime.jsx("input", {
-      className: styles$e.input,
+      className: styles$f.input,
       type: "file",
       accept: props.acceptTypes,
       name: props.name,
@@ -6016,7 +6017,7 @@ const CustomerGroupPickerInput = _ref => {
 };
 CustomerGroupPickerInput.displayName = 'CustomerGroupPickerInput';
 
-var styles$d = {
+var styles$e = {
   "divider": "divider-module__divider___4-vdy",
   "divider-horizontal": "divider-module__divider-horizontal___RuUcj",
   "divider-vertical": "divider-module__divider-vertical___32kJG",
@@ -6029,10 +6030,10 @@ function Divider(_ref) {
     orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
   return jsxRuntime.jsx("hr", {
     className: classnames__default["default"]({
-      [styles$d['divider-solid']]: !isDashed,
-      [styles$d['divider-dashed']]: isDashed,
-      [styles$d['divider-horizontal']]: orientation === 'horizontal',
-      [styles$d['divider-vertical']]: orientation === 'vertical'
+      [styles$e['divider-solid']]: !isDashed,
+      [styles$e['divider-dashed']]: isDashed,
+      [styles$e['divider-horizontal']]: orientation === 'horizontal',
+      [styles$e['divider-vertical']]: orientation === 'vertical'
     })
   });
 }
@@ -6176,7 +6177,7 @@ const ExpandButton = props => props.totalValues > 1 ? jsxRuntime.jsxs(uiKit.Spac
 }) : null;
 ExpandButton.displayName = 'ExpandButton';
 
-var styles$c = {
+var styles$d = {
   "topAlign": "set-buttons-module__topAlign___3AZwc",
   "gap": "set-buttons-module__gap___38Qr0"
 }; // TODO(pa3): alignment of buttons made in a kinda ugly way (i.e. gap class).
@@ -6197,7 +6198,7 @@ const SetButtons = props => {
         size: "big",
         icon: jsxRuntime.jsx(uiKit.PlusBoldIcon, {})
       }) : jsxRuntime.jsx("div", {
-        className: styles$c.gap
+        className: styles$d.gap
       })]
     })
   });
@@ -6567,7 +6568,7 @@ CustomLocalizedTextInput.displayName = 'CustomLocalizedTextInput';
 
 function ownKeys$S(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$S(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$S(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$S(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var styles$b = {
+var styles$c = {
   "container": "custom-money-input-module__container___1fdO2"
 };
 const fixCurrencyCode = (value, currencies) => {
@@ -6632,7 +6633,7 @@ function CustomMoneyInput(props) {
 
   // TODO(pa3): fix setting proper id in UIKit
   return jsxRuntime.jsxs("div", {
-    className: styles$b.container,
+    className: styles$c.container,
     "aria-labelledby": props.name,
     children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
       children: jsxRuntime.jsx("label", {
@@ -7832,10 +7833,15 @@ const useDnDContext = () => {
 const _excluded$1 = ["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 textAttributeTypes = ['text', 'ltext'];
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
   return `${parentName}.${fieldName}`;
 };
+const isTextAttribute = function () {
+  let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _includesInstanceProperty__default["default"](textAttributeTypes).call(textAttributeTypes, fieldDefinitionType.name);
+};
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
   const typeName = type.name.toLowerCase();
@@ -7854,6 +7860,7 @@ const CustomFieldsInternal = _ref => {
     values = _valuesInstanceProperty__default["default"](_useFormikContext),
     handleBlur = _useFormikContext.handleBlur,
     status = _useFormikContext.status;
+  const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
   const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
@@ -7867,6 +7874,7 @@ const CustomFieldsInternal = _ref => {
     children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
+      const isFieldDisabled = props.isDisabled && !(isTextAttribute(fieldDefinition.type) && isTailoringAttributesEnabled);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 
@@ -7884,7 +7892,7 @@ const CustomFieldsInternal = _ref => {
         name: fieldName,
         value: value,
         fieldDefinition: fieldDefinition,
-        isDisabled: props.isDisabled || isDnDMode,
+        isDisabled: isFieldDisabled || isDnDMode,
         isReadOnly: props.isReadOnly,
         onBlur: handleBlur,
         setFieldValue: props.setFieldValue,
@@ -7942,7 +7950,7 @@ const findLabel = (enumType, key) => {
 };
 const convertEnumValues = (value, attributeDefinition) => {
   var _context2, _context3;
-  if (isNil__default["default"](value)) return value;
+  if (isEmpty__default["default"](value)) return value;
   const typeName = getTypeName(attributeDefinition.type);
   if (_includesInstanceProperty__default["default"](_context2 = ['enum', 'lenum']).call(_context2, typeName)) return value.key;
   if (typeName === 'set' && _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, getTypeName(attributeDefinition.type.elementType))) return _mapInstanceProperty__default["default"](value).call(value, _ref => {
@@ -7953,7 +7961,7 @@ const convertEnumValues = (value, attributeDefinition) => {
 };
 const customFieldToAttribute = (value, attributeDefinition) => {
   var _context4, _context5;
-  if (isNil__default["default"](value)) return value;
+  if (isEmpty__default["default"](value)) return value;
   if (!attributeDefinition) return value;
   const type = attributeDefinition.type;
   const typeName = getTypeName(type);
@@ -8526,7 +8534,7 @@ ProductSelectionsPicker.defaultProps = {
 };
 
 // NOTE: this component is duplicated in `app-shell/from-core`.
-var styles$a = {
+var styles$b = {
   "colored": "required-indicator-module__colored____YUFm",
   "indicatorAsterisk": "required-indicator-module__indicatorAsterisk___3lEdX"
 };
@@ -8534,8 +8542,8 @@ const RequiredIndicator = _ref => {
   let uncolored = _ref.uncolored;
   return jsxRuntime.jsx("em", {
     className: classnames__default["default"]({
-      [styles$a.colored]: !uncolored,
-      [styles$a.indicatorAsterisk]: true
+      [styles$b.colored]: !uncolored,
+      [styles$b.indicatorAsterisk]: true
     }),
     children: '*'
   });
@@ -8590,7 +8598,7 @@ var messages$r = reactIntl.defineMessages({
   }
 });
 
-var styles$9 = {
+var styles$a = {
   "container": "selectable-field-search-input-module__container___z2ltR",
   "search-mode-menu": "selectable-field-search-input-module__search-mode-menu___Od6Le"
 };
@@ -8601,7 +8609,7 @@ const SelectableFieldSearchInput = props => {
     setSearchText = _useState2[1];
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
-    className: styles$9.container,
+    className: styles$a.container,
     children: jsxRuntime.jsx(uiKit.SelectableSearchInput, {
       menuHorizontalConstraint: 5,
       options: props.options,
@@ -8998,7 +9006,7 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
 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 } } } };
-var styles$8 = {
+var styles$9 = {
   "renderLabelContainer": "stores-search-selector-module__renderLabelContainer___3_PBc",
   "customLabel": "stores-search-selector-module__customLabel___1Xse8"
 }; // check wether there are any errors
@@ -9112,9 +9120,9 @@ const StoresSearchSelectInput = props => {
   const renderNoOptions = _ref4 => {
     let inputValue = _ref4.inputValue;
     return jsxRuntime.jsxs("div", {
-      className: styles$8.renderLabelContainer,
+      className: styles$9.renderLabelContainer,
       children: [jsxRuntime.jsx("div", {
-        className: styles$8.customLabel,
+        className: styles$9.customLabel,
         children: props?.renderLabel && props?.renderLabel
       }), jsxRuntime.jsx("div", {
         children: intl.formatMessage(inputValue ? messages$q.searchSelectInputNoOptionsFoundMessage : messages$q.searchSelectInputNoValueMessage)
@@ -9173,6 +9181,9 @@ StoresSearchSelectInput.defaultProps = {
 
 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 totalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher(props.projectKey);
   const components = React.useMemo(() => {
@@ -9182,13 +9193,17 @@ const StoreSelectInput = props => {
         if (optionInnerProps.isDisabled) {
           return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$B({}, optionInnerProps));
         }
-        return jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
-          optionType: props.optionType,
-          optionInnerProps: optionInnerProps
+        const isSearchSelectInput = totalNumberOfStoresFetcher.total > props.upperStoresLimit;
+        return jsxRuntime.jsx("div", {
+          className: isSearchSelectInput ? styles$8.customOption : '',
+          children: jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
+            optionType: props.optionType,
+            optionInnerProps: optionInnerProps
+          })
         });
       }
     };
-  }, [props.optionType]);
+  }, [props.optionType, totalNumberOfStoresFetcher.total, props.upperStoresLimit]);
   if (totalNumberOfStoresFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
   const CustomStoreSelectInput = totalNumberOfStoresFetcher.total <= props.lowerStoresLimit ? StoresBasicSelectInput : totalNumberOfStoresFetcher.total <= props.upperStoresLimit ? StoresAsyncSelectInput : StoresSearchSelectInput;
   return jsxRuntime.jsx(CustomStoreSelectInput, _objectSpread$B(_objectSpread$B({
@@ -10104,7 +10119,9 @@ const mapTypeDefinitionsToOptions = (typeDefinitions, language, languages, selec
   }));
 };
 
-// Used to generate form state when the user selects a type definition from the dropdown
+/**
+ * Creates a new form state based on the selected type definition from the dropdown.
+ */
 const createFormStateFromTypeDefinition = selectedTypeDefinition => {
   return {
     type: {
@@ -10127,7 +10144,8 @@ const CustomTypeSubform = _ref => {
   const _useFormikContext = formik.useFormikContext(),
     formValues = _valuesInstanceProperty__default["default"](_useFormikContext),
     setFieldValue = _useFormikContext.setFieldValue,
-    validateForm = _useFormikContext.validateForm;
+    validateForm = _useFormikContext.validateForm,
+    initialValues = _useFormikContext.initialValues;
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -10140,8 +10158,23 @@ const CustomTypeSubform = _ref => {
   const handleTypeDefinitionSelect = React.useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
-      const nextCustom = createFormStateFromTypeDefinition(selectedTypeDefinition);
-      setFieldValue(rootFieldName, nextCustom).then(() => {
+      const initialValueCustomType = initialValues[rootFieldName];
+      const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
+      let newFieldValue;
+
+      /**
+       * If the user selects the same custom type that was already selected, we need to reset the `custom` field
+       * back to its initial value to ensure that the form state is consistent with the initial values.
+       */
+      if (initialValueCustomType?.type?.obj?.key === selectedCustomTypeKey) {
+        newFieldValue = initialValueCustomType;
+        /**
+         * Otherwise, set the `custom` field to the new custom type definition.
+         */
+      } else {
+        newFieldValue = createFormStateFromTypeDefinition(selectedTypeDefinition);
+      }
+      setFieldValue(rootFieldName, newFieldValue).then(() => {
         validateForm();
       });
     } else {
@@ -10163,7 +10196,7 @@ const CustomTypeSubform = _ref => {
       children: panelTitle || jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$s({}, messages$o.title))
     }),
     headerControls: typeDefinitions.length > 0 && jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css("min-width:", uiKit.designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFIb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vLyBDcmVhdGVzIGRyb3Bkb3duIG9wdGlvbnNcbmV4cG9ydCBjb25zdCBtYXBUeXBlRGVmaW5pdGlvbnNUb09wdGlvbnMgPSAoXG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgbGFuZ3VhZ2UsXG4gIGxhbmd1YWdlcyxcbiAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkXG4pID0+IHtcbiAgcmV0dXJuIHR5cGVEZWZpbml0aW9ucy5tYXAoKHR5cGVEZWZpbml0aW9uKSA9PiAoe1xuICAgIGlzRGlzYWJsZWQ6XG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgJiZcbiAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZCA9PT0gdHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICB2YWx1ZTogdHlwZURlZmluaXRpb24udHlwZS5rZXksXG4gICAgbGFiZWw6IGZvcm1hdExvY2FsaXplZFN0cmluZyh0eXBlRGVmaW5pdGlvbi50eXBlLCB7XG4gICAgICBrZXk6ICduYW1lJyxcbiAgICAgIGxvY2FsZTogbGFuZ3VhZ2UsXG4gICAgICBmYWxsYmFja09yZGVyOiBsYW5ndWFnZXMsXG4gICAgfSksXG4gIH0pKTtcbn07XG5cbi8vIFVzZWQgdG8gZ2VuZXJhdGUgZm9ybSBzdGF0ZSB3aGVuIHRoZSB1c2VyIHNlbGVjdHMgYSB0eXBlIGRlZmluaXRpb24gZnJvbSB0aGUgZHJvcGRvd25cbmNvbnN0IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbiA9IChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSA9PiB7XG4gIHJldHVybiB7XG4gICAgdHlwZToge1xuICAgICAgaWQ6IHNlbGVjdGVkVHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICAgIG9iajoge1xuICAgICAgICBmaWVsZERlZmluaXRpb25zOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuZmllbGREZWZpbml0aW9ucyxcbiAgICAgICAga2V5OiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgICAgfSxcbiAgICB9LFxuICAgIGZpZWxkczoge30sXG4gIH07XG59O1xuXG5jb25zdCBDdXN0b21UeXBlU3ViZm9ybSA9ICh7XG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgaXNSZWFkT25seSxcbiAgaXNDb25kZW5zZWQsXG4gIGhpZGVFbXB0eUZpZWxkcyxcbiAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZSxcbiAgcGFuZWxUaXRsZSxcbn0pID0+IHtcbiAgY29uc3Qge1xuICAgIHZhbHVlczogZm9ybVZhbHVlcyxcbiAgICBzZXRGaWVsZFZhbHVlLFxuICAgIHZhbGlkYXRlRm9ybSxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IG5leHRDdXN0b20gPSBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24oXG4gICAgICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvblxuICAgICAgICApO1xuXG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgbmV4dEN1c3RvbSkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gaWYgdGhlIGRyb3Bkb3duIHNlbGVjdG9yIGlzIGNsZWFyZWQsIHJlbW92ZSB0aGUgYGN1c3RvbWAgZmllbGQgZnJvbSB0aGUgZm9ybSBzdGF0ZSBlbnRpcmVseVxuICAgICAgICBzZXRGaWVsZFZhbHVlKHJvb3RGaWVsZE5hbWUsIHVuZGVmaW5lZCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3R5cGVEZWZpbml0aW9ucywgc2V0RmllbGRWYWx1ZSwgdmFsaWRhdGVGb3JtLCByb290RmllbGROYW1lXVxuICApO1xuXG4gIGNvbnN0IHR5cGVEZWZpbml0aW9uU2VsZWN0ZWQgPSAoZm9ybVZhbHVlcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZSAmJlxuICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/Lm9ialxuICAgICk7XG4gIH07XG5cbiAgLy8gaWYgdGhlIHVzZXIgaGFzIHJlYWQtb25seSBwZXJtaXNzaW9ucywgZW1wdHkgZmllbGRzIGFyZSBoaWRkZW4sIGFuZCBubyB0eXBlIGRlZmluaXRpb24gaXMgc2VsZWN0ZWQsIGhpZGUgdGhlIGNvbXBvbmVudFxuICBpZiAoaXNSZWFkT25seSAmJiBoaWRlRW1wdHlGaWVsZHMgJiYgIXR5cGVEZWZpbml0aW9uU2VsZWN0ZWQoZm9ybVZhbHVlcykpXG4gICAgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgaGVhZGVyPXtcbiAgICAgICAgPENvbGxhcHNpYmxlUGFuZWwuSGVhZGVyIGlzQ29uZGVuc2VkPXtpc0NvbmRlbnNlZH0+XG4gICAgICAgICAge3BhbmVsVGl0bGUgfHwgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnRpdGxlfSAvPn1cbiAgICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsLkhlYWRlcj5cbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzPXtcbiAgICAgICAgdHlwZURlZmluaXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpc0NsZWFyYWJsZVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImN1c3RvbS10eXBlLXNlbGVjdFwiXG4gICAgICAgICAgICAgIG5hbWU9e2Ake3Jvb3RGaWVsZE5hbWV9LnR5cGUub2JqLmtleWB9XG4gICAgICAgICAgICAgIG9wdGlvbnM9e21hcFR5cGVEZWZpbml0aW9uc1RvT3B0aW9ucyhcbiAgICAgICAgICAgICAgICB0eXBlRGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2UsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2VzLFxuXG4gICAgICAgICAgICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/LmlkXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHZhbHVlPXtnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqPy5rZXl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdH1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2Zvcm1hdE1lc3NhZ2UobWVzc2FnZXMudHlwZXNQbGFjZWhvbGRlcil9XG4gICAgICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9XG4gICAgICBoZWFkZXJDb250cm9sc0FsaWdubWVudD1cInJpZ2h0XCJcbiAgICA+XG4gICAgICA8Q3VzdG9tRmllbGRzSW5wdXRXcmFwcGVyXG4gICAgICAgIHR5cGVEZWZpbml0aW9ucz17dHlwZURlZmluaXRpb25zfVxuICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICBoaWRlRW1wdHlGaWVsZHM9e2hpZGVFbXB0eUZpZWxkc31cbiAgICAgICAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZT17cm9vdEZvcm1TdGF0ZUZpZWxkTmFtZX1cbiAgICAgIC8+XG4gICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICApO1xufTtcblxuQ3VzdG9tVHlwZVN1YmZvcm0uZGlzcGxheU5hbWUgPSAnQ3VzdG9tVHlwZVN1YmZvcm0nO1xuQ3VzdG9tVHlwZVN1YmZvcm0ucHJvcFR5cGVzID0ge1xuICB0eXBlRGVmaW5pdGlvbnM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDb25kZW5zZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlRW1wdHlGaWVsZHM6IFByb3BUeXBlcy5ib29sLFxuICByb290Rm9ybVN0YXRlRmllbGROYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwYW5lbFRpdGxlOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVR5cGVTdWJmb3JtO1xuIl19 */"),
+      css: /*#__PURE__*/react$1.css("min-width:", uiKit.designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKipcbiAqIE1hcHMgdGhlIHR5cGUgZGVmaW5pdGlvbnMgdG8gb3B0aW9ucyBmb3IgdGhlIGRyb3Bkb3duIHNlbGVjdG9yLlxuICovXG5leHBvcnQgY29uc3QgbWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zID0gKFxuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGxhbmd1YWdlLFxuICBsYW5ndWFnZXMsXG4gIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZFxuKSA9PiB7XG4gIHJldHVybiB0eXBlRGVmaW5pdGlvbnMubWFwKCh0eXBlRGVmaW5pdGlvbikgPT4gKHtcbiAgICBpc0Rpc2FibGVkOlxuICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkICYmXG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgPT09IHR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgdmFsdWU6IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgIGxhYmVsOiBmb3JtYXRMb2NhbGl6ZWRTdHJpbmcodHlwZURlZmluaXRpb24udHlwZSwge1xuICAgICAga2V5OiAnbmFtZScsXG4gICAgICBsb2NhbGU6IGxhbmd1YWdlLFxuICAgICAgZmFsbGJhY2tPcmRlcjogbGFuZ3VhZ2VzLFxuICAgIH0pLFxuICB9KSk7XG59O1xuXG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgZm9ybSBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0ZWQgdHlwZSBkZWZpbml0aW9uIGZyb20gdGhlIGRyb3Bkb3duLlxuICovXG5jb25zdCBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24gPSAoc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbikgPT4ge1xuICByZXR1cm4ge1xuICAgIHR5cGU6IHtcbiAgICAgIGlkOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgICBvYmo6IHtcbiAgICAgICAgZmllbGREZWZpbml0aW9uczogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmZpZWxkRGVmaW5pdGlvbnMsXG4gICAgICAgIGtleTogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmtleSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBmaWVsZHM6IHt9LFxuICB9O1xufTtcblxuY29uc3QgQ3VzdG9tVHlwZVN1YmZvcm0gPSAoe1xuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGlzUmVhZE9ubHksXG4gIGlzQ29uZGVuc2VkLFxuICBoaWRlRW1wdHlGaWVsZHMsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWUsXG4gIHBhbmVsVGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZXM6IGZvcm1WYWx1ZXMsXG4gICAgc2V0RmllbGRWYWx1ZSxcbiAgICB2YWxpZGF0ZUZvcm0sXG4gICAgaW5pdGlhbFZhbHVlcyxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IGluaXRpYWxWYWx1ZUN1c3RvbVR5cGUgPSBpbml0aWFsVmFsdWVzW3Jvb3RGaWVsZE5hbWVdO1xuICAgICAgICBjb25zdCBzZWxlY3RlZEN1c3RvbVR5cGVLZXkgPSBzZWxlY3RlZFR5cGVEZWZpbml0aW9uPy50eXBlLmtleTtcblxuICAgICAgICBsZXQgbmV3RmllbGRWYWx1ZTtcblxuICAgICAgICAvKipcbiAgICAgICAgICogSWYgdGhlIHVzZXIgc2VsZWN0cyB0aGUgc2FtZSBjdXN0b20gdHlwZSB0aGF0IHdhcyBhbHJlYWR5IHNlbGVjdGVkLCB3ZSBuZWVkIHRvIHJlc2V0IHRoZSBgY3VzdG9tYCBmaWVsZFxuICAgICAgICAgKiBiYWNrIHRvIGl0cyBpbml0aWFsIHZhbHVlIHRvIGVuc3VyZSB0aGF0IHRoZSBmb3JtIHN0YXRlIGlzIGNvbnNpc3RlbnQgd2l0aCB0aGUgaW5pdGlhbCB2YWx1ZXMuXG4gICAgICAgICAqL1xuICAgICAgICBpZiAoaW5pdGlhbFZhbHVlQ3VzdG9tVHlwZT8udHlwZT8ub2JqPy5rZXkgPT09IHNlbGVjdGVkQ3VzdG9tVHlwZUtleSkge1xuICAgICAgICAgIG5ld0ZpZWxkVmFsdWUgPSBpbml0aWFsVmFsdWVDdXN0b21UeXBlO1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIE90aGVyd2lzZSwgc2V0IHRoZSBgY3VzdG9tYCBmaWVsZCB0byB0aGUgbmV3IGN1c3RvbSB0eXBlIGRlZmluaXRpb24uXG4gICAgICAgICAgICovXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbmV3RmllbGRWYWx1ZSA9IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbihcbiAgICAgICAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25cbiAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0RmllbGRWYWx1ZShyb290RmllbGROYW1lLCBuZXdGaWVsZFZhbHVlKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBpZiB0aGUgZHJvcGRvd24gc2VsZWN0b3IgaXMgY2xlYXJlZCwgcmVtb3ZlIHRoZSBgY3VzdG9tYCBmaWVsZCBmcm9tIHRoZSBmb3JtIHN0YXRlIGVudGlyZWx5XG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgdW5kZWZpbmVkKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHlwZURlZmluaXRpb25zLCBzZXRGaWVsZFZhbHVlLCB2YWxpZGF0ZUZvcm0sIHJvb3RGaWVsZE5hbWVdXG4gICk7XG5cbiAgY29uc3QgdHlwZURlZmluaXRpb25TZWxlY3RlZCA9IChmb3JtVmFsdWVzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIGdldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlICYmXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqXG4gICAgKTtcbiAgfTtcblxuICAvLyBpZiB0aGUgdXNlciBoYXMgcmVhZC1vbmx5IHBlcm1pc3Npb25zLCBlbXB0eSBmaWVsZHMgYXJlIGhpZGRlbiwgYW5kIG5vIHR5cGUgZGVmaW5pdGlvbiBpcyBzZWxlY3RlZCwgaGlkZSB0aGUgY29tcG9uZW50XG4gIGlmIChpc1JlYWRPbmx5ICYmIGhpZGVFbXB0eUZpZWxkcyAmJiAhdHlwZURlZmluaXRpb25TZWxlY3RlZChmb3JtVmFsdWVzKSlcbiAgICByZXR1cm4gbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZVBhbmVsXG4gICAgICBoZWFkZXI9e1xuICAgICAgICA8Q29sbGFwc2libGVQYW5lbC5IZWFkZXIgaXNDb25kZW5zZWQ9e2lzQ29uZGVuc2VkfT5cbiAgICAgICAgICB7cGFuZWxUaXRsZSB8fCA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMudGl0bGV9IC8+fVxuICAgICAgICA8L0NvbGxhcHNpYmxlUGFuZWwuSGVhZGVyPlxuICAgICAgfVxuICAgICAgaGVhZGVyQ29udHJvbHM9e1xuICAgICAgICB0eXBlRGVmaW5pdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1pbi13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDExfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlzQ2xlYXJhYmxlXG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY3VzdG9tLXR5cGUtc2VsZWN0XCJcbiAgICAgICAgICAgICAgbmFtZT17YCR7cm9vdEZpZWxkTmFtZX0udHlwZS5vYmoua2V5YH1cbiAgICAgICAgICAgICAgb3B0aW9ucz17bWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zKFxuICAgICAgICAgICAgICAgIHR5cGVEZWZpbml0aW9ucyxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZSxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZXMsXG5cbiAgICAgICAgICAgICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8uaWRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgdmFsdWU9e2dldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlPy5vYmo/LmtleX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVR5cGVEZWZpbml0aW9uU2VsZWN0fVxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17Zm9ybWF0TWVzc2FnZShtZXNzYWdlcy50eXBlc1BsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzQWxpZ25tZW50PVwicmlnaHRcIlxuICAgID5cbiAgICAgIDxDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZURlZmluaXRpb25zPXt0eXBlRGVmaW5pdGlvbnN9XG4gICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgIGhpZGVFbXB0eUZpZWxkcz17aGlkZUVtcHR5RmllbGRzfVxuICAgICAgICByb290Rm9ybVN0YXRlRmllbGROYW1lPXtyb290Rm9ybVN0YXRlRmllbGROYW1lfVxuICAgICAgLz5cbiAgICA8L0NvbGxhcHNpYmxlUGFuZWw+XG4gICk7XG59O1xuXG5DdXN0b21UeXBlU3ViZm9ybS5kaXNwbGF5TmFtZSA9ICdDdXN0b21UeXBlU3ViZm9ybSc7XG5DdXN0b21UeXBlU3ViZm9ybS5wcm9wVHlwZXMgPSB7XG4gIHR5cGVEZWZpbml0aW9uczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpZGVFbXB0eUZpZWxkczogUHJvcFR5cGVzLmJvb2wsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBhbmVsVGl0bGU6IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVHlwZVN1YmZvcm07XG4iXX0= */"),
       children: jsxRuntime.jsx(uiKit.SelectInput, {
         isClearable: true,
         "data-testid": "custom-type-select",
@@ -10246,7 +10279,7 @@ const defaultValue = {
 const PimIndexerContext = /*#__PURE__*/React.createContext(defaultValue);
 
 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 fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
+var fetchPimIndexStatus = (apolloClient, projectKey) => async dispatch => {
   try {
     await dispatch(sdk.actions.head({
       mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
@@ -10284,7 +10317,7 @@ var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
       status: 'unreachable'
     };
   }
-});
+};
 
 var messages$n = reactIntl.defineMessages({
   indexingSucceed: {