@commercetools-frontend/experimental-components 6.2.0 → 6.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -42,10 +42,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
42
42
  import { transformLocalizedFieldToLocalizedString, formatLocalizedString, applyTransformedLocalizedFields, transformLocalizedStringToLocalizedField } from '@commercetools-frontend/l10n';
43
43
  import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
44
44
  import { useLazyQuery, useQuery as useQuery$2 } from '@apollo/client/react/hooks';
45
- import { graphql } from 'msw';
46
45
  import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
47
- import _lastIndexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/last-index-of';
48
- import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
49
46
  import camelCase from 'lodash/camelCase';
50
47
  import get from 'lodash/get';
51
48
  import { useFormikContext, Field, Formik, getIn, FastField } from 'formik';
@@ -56,6 +53,7 @@ import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
56
53
  import pick from 'lodash/pick';
57
54
  import oneLine from 'common-tags/lib/oneLine';
58
55
  import moment from 'moment';
56
+ import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
59
57
  import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
60
58
  import moment$1 from 'moment-timezone';
61
59
  import isNil$1 from 'lodash/isNil';
@@ -78,6 +76,7 @@ import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
78
76
  import keyBy from 'lodash/keyBy';
79
77
  import { ErrorMessage } from '@commercetools-frontend/ui-kit/';
80
78
  import omitBy from 'lodash/omitBy';
79
+ import _lastIndexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/last-index-of';
81
80
  import merge from 'lodash/merge';
82
81
  import set from 'lodash/set';
83
82
  import times from 'lodash/times';
@@ -93,7 +92,7 @@ import { filterDataAttributes as filterDataAttributes$1, filterAriaAttributes }
93
92
  import { oneLineTrim } from 'common-tags';
94
93
  import has from 'lodash/has';
95
94
  import warning from 'tiny-warning';
96
- import { graphql as graphql$1, withApollo } from '@apollo/client/react/hoc';
95
+ import { graphql, withApollo } from '@apollo/client/react/hoc';
97
96
  import flatten from 'lodash/flatten';
98
97
  import uniqBy from 'lodash/uniqBy';
99
98
  import invariant from 'tiny-invariant';
@@ -113,7 +112,7 @@ import _Set from '@babel/runtime-corejs3/core-js-stable/set';
113
112
  import '@babel/runtime-corejs3/helpers/get';
114
113
  import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
115
114
 
116
- var styles$j = {
115
+ var styles$k = {
117
116
  "loading-container": "centered-loading-spinner-module__loading-container___3_9-h"
118
117
  };
119
118
  /**
@@ -121,7 +120,7 @@ var styles$j = {
121
120
  * - the ui-kit Spacings.Stack does not allow for custom styles, nor does it stretch to fill its container's height
122
121
  */
123
122
  const CenteredLoadingSpinner = () => jsx("div", {
124
- className: styles$j['loading-container'],
123
+ className: styles$k['loading-container'],
125
124
  "data-testid": "centered-loading-spinner",
126
125
  children: jsx(LoadingSpinner, {})
127
126
  });
@@ -163,6 +162,7 @@ const INTERVALS_IN_SECONDS = {
163
162
  [REMINDER_OPTION_10_DAY]: 864000
164
163
  };
165
164
  const EXCLUDING_PRODUCTS = 'excludingProducts';
165
+ const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
166
166
 
167
167
  // TODO: apply a more robust solution to overlaying issues
168
168
  const Z_INDEX_DROPDOWN = 30000;
@@ -987,7 +987,7 @@ function ownKeys$1l(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertyS
987
987
  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(_context = ownKeys$1l(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1l(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
988
988
  function _callSuper$7(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$7() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
989
989
  function _isNativeReflectConstruct$7() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$7 = function () { return !!t; })(); }
990
- var styles$i = {
990
+ var styles$j = {
991
991
  "size": "throttled-field-module__size___324jx",
992
992
  "input-text": "throttled-field-module__input-text___3zFFp",
993
993
  "input-secondary": "throttled-field-module__input-secondary___cFo9e throttled-field-module__input-text___3zFFp throttled-field-module__size___324jx",
@@ -1096,9 +1096,9 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1096
1096
  })
1097
1097
  }), this.props.as === 'textarea' ? jsx(Textarea, _objectSpread$1l(_objectSpread$1l({}, commonProps), {}, {
1098
1098
  id: inputId,
1099
- className: classnames(styles$i.textarea, styles$i[`textarea-${this.props.style}`], {
1100
- [styles$i.invalid]: !this.props.isValid,
1101
- [styles$i.disabled]: this.props.disabled
1099
+ className: classnames(styles$j.textarea, styles$j[`textarea-${this.props.style}`], {
1100
+ [styles$j.invalid]: !this.props.isValid,
1101
+ [styles$j.disabled]: this.props.disabled
1102
1102
  }),
1103
1103
  rows: 1,
1104
1104
  maxRows: this.props.autoSize ? undefined : 1,
@@ -1107,10 +1107,10 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1107
1107
  id: inputId,
1108
1108
  ref: this.props.inputRef,
1109
1109
  type: this.props.as,
1110
- className: classnames(styles$i[`input-${this.props.style}`], {
1111
- [styles$i.invalid]: !this.props.isValid,
1112
- [styles$i.disabled]: this.props.disabled,
1113
- [styles$i.granular]: this.props.isGranular
1110
+ className: classnames(styles$j[`input-${this.props.style}`], {
1111
+ [styles$j.invalid]: !this.props.isValid,
1112
+ [styles$j.disabled]: this.props.disabled,
1113
+ [styles$j.granular]: this.props.isGranular
1114
1114
  })
1115
1115
  }))]
1116
1116
  });
@@ -1155,7 +1155,7 @@ var messages$G = defineMessages({
1155
1155
 
1156
1156
  function _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
1157
1157
  function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function () { return !!t; })(); }
1158
- var styles$h = {
1158
+ var styles$i = {
1159
1159
  "block": "search-input-module__block___1uM-y",
1160
1160
  "container": "search-input-module__container___9u6if",
1161
1161
  "input-container": "search-input-module__input-container___mJnyZ",
@@ -1230,14 +1230,14 @@ let SearchInput = /*#__PURE__*/function (_Component) {
1230
1230
  key: "render",
1231
1231
  value: function render() {
1232
1232
  return jsx("div", {
1233
- className: classnames(this.props.blockClassName, styles$h.block),
1233
+ className: classnames(this.props.blockClassName, styles$i.block),
1234
1234
  children: jsxs("div", {
1235
- className: classnames(this.props.containerClassName, styles$h.container),
1235
+ className: classnames(this.props.containerClassName, styles$i.container),
1236
1236
  children: [jsx("div", {
1237
- className: classnames(styles$h['input-container'], {
1238
- [styles$h['input-container-hoverable']]: !this.props.disabled,
1239
- [styles$h['input-container-disabled']]: this.props.disabled && this.props.enableDisabledStyle,
1240
- [styles$h['input-container-granular']]: this.props.isGranular
1237
+ className: classnames(styles$i['input-container'], {
1238
+ [styles$i['input-container-hoverable']]: !this.props.disabled,
1239
+ [styles$i['input-container-disabled']]: this.props.disabled && this.props.enableDisabledStyle,
1240
+ [styles$i['input-container-granular']]: this.props.isGranular
1241
1241
  }),
1242
1242
  children: jsx(ThrottledField, {
1243
1243
  style: "primary",
@@ -1255,8 +1255,8 @@ let SearchInput = /*#__PURE__*/function (_Component) {
1255
1255
  isGranular: this.props.isGranular
1256
1256
  })
1257
1257
  }), this.state.text && jsx(SecondaryIconButton, {
1258
- className: classnames(styles$h['clear-icon-container'], {
1259
- [styles$h['clear-icon-container-granular']]: this.props.isGranular
1258
+ className: classnames(styles$i['clear-icon-container'], {
1259
+ [styles$i['clear-icon-container-granular']]: this.props.isGranular
1260
1260
  }),
1261
1261
  icon: jsx(CloseIcon, {}),
1262
1262
  size: "30",
@@ -1264,9 +1264,9 @@ let SearchInput = /*#__PURE__*/function (_Component) {
1264
1264
  onClick: this.handleClear
1265
1265
  }), jsx("div", {
1266
1266
  "data-testid": "search-button",
1267
- className: classnames(styles$h['search-icon-container'], {
1268
- [styles$h['search-icon-container-hoverable']]: !this.props.disabled,
1269
- [styles$h['search-icon-container-granular']]: this.props.isGranular
1267
+ className: classnames(styles$i['search-icon-container'], {
1268
+ [styles$i['search-icon-container-hoverable']]: !this.props.disabled,
1269
+ [styles$i['search-icon-container-granular']]: this.props.isGranular
1270
1270
  }),
1271
1271
  onClick: this.props.disabled ? null : this.handleSubmit,
1272
1272
  label: "search-button",
@@ -1686,42 +1686,6 @@ const useIsFieldDuplicated = () => {
1686
1686
  };
1687
1687
  };
1688
1688
 
1689
- const graphqlQueries = {
1690
- ASSOCIATE_ROLE: 'associateRoles',
1691
- ATTRIBUTE_GROUP: 'attributeGroups',
1692
- BUSINESS_UNIT: 'businessUnits',
1693
- CART: 'carts',
1694
- CART_DISCOUNT: 'cartDiscounts',
1695
- CATEGORY: 'categories',
1696
- CHANNEL: 'channels',
1697
- CUSTOMER: 'customers',
1698
- CUSTOMER_GROUP: 'customerGroups',
1699
- DISCOUNT_CODE: 'discountCodes',
1700
- INVENTORY_ENTRY: 'inventoryEntries',
1701
- ORDER: 'orders',
1702
- PAYMENT: 'payments',
1703
- PRODUCT: 'products',
1704
- PRODUCT_DISCOUNT: 'productDiscounts',
1705
- PRODUCT_SELECTION: 'productSelections',
1706
- PRODUCT_TYPE: 'productTypes',
1707
- SHIPPING_METHOD: 'shippingMethods',
1708
- STORE: 'stores',
1709
- TAX_CATEGORY: 'taxCategories',
1710
- ZONE: 'zones'
1711
- };
1712
- const handlers$6 = {
1713
- DuplicatedField: {
1714
- total: (total, resourceType) => graphql.query('FetchResourceTypeDuplicatedField', (req, res, ctx) => {
1715
- if (!graphqlQueries[resourceType]) return res(ctx.data({}));
1716
- return res(ctx.data({
1717
- [graphqlQueries[resourceType]]: {
1718
- total
1719
- }
1720
- }));
1721
- })
1722
- }
1723
- };
1724
-
1725
1689
  const usePrevious = value => {
1726
1690
  const ref = useRef();
1727
1691
  useEffect(() => {
@@ -1797,59 +1761,6 @@ const useStoresListFetcher = props => {
1797
1761
  };
1798
1762
  };
1799
1763
 
1800
- const extractKeysFromWherePredicateClause = function () {
1801
- let whereClause = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1802
- return whereClause.substring(_lastIndexOfInstanceProperty(whereClause).call(whereClause, '("') + 1, _lastIndexOfInstanceProperty(whereClause).call(whereClause, '")')).replace(/["]/g, '').split(', ');
1803
- };
1804
- const handlers$5 = {
1805
- StoresList: {
1806
- all: stores => graphql.query('FetchStoresQuery', (req, res, ctx) => {
1807
- // GIVEN req.variables.where is specified
1808
- // THEN return only stores that are being requested (filtering stores based on IDs)
1809
- // ELSE return all the stores (without filtering any)
1810
- if (req.variables.where) {
1811
- var _context;
1812
- const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
1813
- const filteredStoreResults = _filterInstanceProperty(_context = stores.results).call(_context, store => _includesInstanceProperty(requestedStoreKeys).call(requestedStoreKeys, store.key));
1814
- return res(ctx.data({
1815
- stores: {
1816
- offset: 0,
1817
- total: filteredStoreResults.length,
1818
- count: filteredStoreResults.length,
1819
- results: filteredStoreResults,
1820
- __typename: 'StoresQueryResult'
1821
- }
1822
- }));
1823
- }
1824
- return res(ctx.data({
1825
- stores
1826
- }));
1827
- }),
1828
- withProductSelections: stores => graphql.query('FetchStoresQuery', (req, res, ctx) => {
1829
- // GIVEN req.variables.where is specified
1830
- // THEN return only stores that are being requested (filtering stores based on IDs)
1831
- // ELSE return all the stores (without filtering any)
1832
- if (req.variables.where) {
1833
- var _context2;
1834
- const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
1835
- const filteredStoreResults = _filterInstanceProperty(_context2 = stores.results).call(_context2, store => _includesInstanceProperty(requestedStoreKeys).call(requestedStoreKeys, store.key));
1836
- return res(ctx.data({
1837
- stores: {
1838
- offset: 0,
1839
- total: filteredStoreResults.length,
1840
- count: filteredStoreResults.length,
1841
- results: filteredStoreResults,
1842
- __typename: 'StoresQueryResult'
1843
- }
1844
- }));
1845
- }
1846
- return res(ctx.data({
1847
- stores
1848
- }));
1849
- })
1850
- }
1851
- };
1852
-
1853
1764
  const toPermission = (permission, resourceName) => camelCase(`can ${permission} ${resourceName}`);
1854
1765
  const createPermissionsComposePath = permission =>
1855
1766
  // e.g applicationContext.permissions?.canViewOrders
@@ -2303,17 +2214,6 @@ const useProductSelectionsTotalFetcher = props => {
2303
2214
  };
2304
2215
  };
2305
2216
 
2306
- const handlers$4 = {
2307
- ProductSelections: {
2308
- total: total => graphql.query('FetchProductSelectionsTotal', (req, res, ctx) => res(ctx.data({
2309
- productSelections: {
2310
- total,
2311
- __typename: 'ProductSelectionQueryResult'
2312
- }
2313
- })))
2314
- }
2315
- };
2316
-
2317
2217
  function ownKeys$17(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2318
2218
  function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
2319
2219
 
@@ -2362,14 +2262,6 @@ const useProductSelectionsFetcher = props => {
2362
2262
  };
2363
2263
  };
2364
2264
 
2365
- const handlers$3 = {
2366
- ProductSelections: {
2367
- all: productSelections => graphql.query('FetchProductSelections', (req, res, ctx) => res(ctx.data({
2368
- productSelections
2369
- })))
2370
- }
2371
- };
2372
-
2373
2265
  const setToArray = function () {
2374
2266
  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
2375
2267
  return `id in (${_mapInstanceProperty(values).call(values, value => `"${value}"`).join(', ')})`;
@@ -2513,10 +2405,10 @@ function defaultFilterValidator$1(_ref2) {
2513
2405
  return true;
2514
2406
  }
2515
2407
 
2516
- var localizedTextTransformer = (localizedString => {
2408
+ var localizedTextTransformer = localizedString => {
2517
2409
  var _context;
2518
2410
  return _mapInstanceProperty(_context = _Object$keys(localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
2519
- });
2411
+ };
2520
2412
 
2521
2413
  const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
2522
2414
  function moneyTransformer(value, option, locale) {
@@ -5185,7 +5077,7 @@ function getCartDiscountById(apolloClient, options) {
5185
5077
  }).then(response => response.data?.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null);
5186
5078
  }
5187
5079
 
5188
- var styles$g = {
5080
+ var styles$h = {
5189
5081
  "container": "reference-search-module__container___3-iK3",
5190
5082
  "missing-label": "reference-search-module__missing-label___az9AO"
5191
5083
  }; // This is a hashmap of loaded items used to map a value to an item
@@ -5292,9 +5184,9 @@ function ReferenceSearch(props) {
5292
5184
  props.onChange(option);
5293
5185
  };
5294
5186
  return jsxs("div", {
5295
- className: styles$g.container,
5187
+ className: styles$h.container,
5296
5188
  children: [areSomeItemsMissing && jsx("div", {
5297
- className: styles$g['missing-label'],
5189
+ className: styles$h['missing-label'],
5298
5190
  children: props.referenceIsMissingLabel
5299
5191
  }), jsx(CustomFieldTooltip, {
5300
5192
  title: tooltipTitle,
@@ -5614,7 +5506,7 @@ function useCachedCategoryOptions(ids) {
5614
5506
 
5615
5507
  function ownKeys$Z(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5616
5508
  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(_context = ownKeys$Z(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$Z(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
5617
- var styles$f = {
5509
+ var styles$g = {
5618
5510
  "button": "button-module__button___1OzVf",
5619
5511
  "cancel": "button-module__cancel___1-jYL button-module__button___1OzVf",
5620
5512
  "confirm": "button-module__confirm___-W92x button-module__button___1OzVf",
@@ -5650,7 +5542,7 @@ const Button = props => {
5650
5542
  return jsx("button", _objectSpread$Z(_objectSpread$Z({
5651
5543
  onClick: isDisabled ? null : onClick,
5652
5544
  type: props.type,
5653
- className: classnames(styles$f.button, isDisabled ? styles$f.disabled : null, className),
5545
+ className: classnames(styles$g.button, isDisabled ? styles$g.disabled : null, className),
5654
5546
  disabled: isDisabled,
5655
5547
  "aria-label": props['aria-label']
5656
5548
  }, dataProps), {}, {
@@ -5672,15 +5564,15 @@ var messages$z = defineMessages({
5672
5564
 
5673
5565
  function ownKeys$Y(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5674
5566
  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(_context = ownKeys$Y(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$Y(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
5675
- var styles$e = {
5567
+ var styles$f = {
5676
5568
  "button": "file-input-module__button___2KypN",
5677
5569
  "input": "file-input-module__input___3MP4D"
5678
5570
  };
5679
5571
  const FileInput = props => jsx("label", {
5680
5572
  children: jsxs("span", {
5681
- className: styles$e.button,
5573
+ className: styles$f.button,
5682
5574
  children: [jsx("input", {
5683
- className: styles$e.input,
5575
+ className: styles$f.input,
5684
5576
  type: "file",
5685
5577
  accept: props.acceptTypes,
5686
5578
  name: props.name,
@@ -5933,7 +5825,7 @@ const CustomerGroupPickerInput = _ref => {
5933
5825
  };
5934
5826
  CustomerGroupPickerInput.displayName = 'CustomerGroupPickerInput';
5935
5827
 
5936
- var styles$d = {
5828
+ var styles$e = {
5937
5829
  "divider": "divider-module__divider___4-vdy",
5938
5830
  "divider-horizontal": "divider-module__divider-horizontal___RuUcj",
5939
5831
  "divider-vertical": "divider-module__divider-vertical___32kJG",
@@ -5946,10 +5838,10 @@ function Divider(_ref) {
5946
5838
  orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
5947
5839
  return jsx("hr", {
5948
5840
  className: classnames({
5949
- [styles$d['divider-solid']]: !isDashed,
5950
- [styles$d['divider-dashed']]: isDashed,
5951
- [styles$d['divider-horizontal']]: orientation === 'horizontal',
5952
- [styles$d['divider-vertical']]: orientation === 'vertical'
5841
+ [styles$e['divider-solid']]: !isDashed,
5842
+ [styles$e['divider-dashed']]: isDashed,
5843
+ [styles$e['divider-horizontal']]: orientation === 'horizontal',
5844
+ [styles$e['divider-vertical']]: orientation === 'vertical'
5953
5845
  })
5954
5846
  });
5955
5847
  }
@@ -6093,7 +5985,7 @@ const ExpandButton = props => props.totalValues > 1 ? jsxs(Spacings.Stack, {
6093
5985
  }) : null;
6094
5986
  ExpandButton.displayName = 'ExpandButton';
6095
5987
 
6096
- var styles$c = {
5988
+ var styles$d = {
6097
5989
  "topAlign": "set-buttons-module__topAlign___3AZwc",
6098
5990
  "gap": "set-buttons-module__gap___38Qr0"
6099
5991
  }; // TODO(pa3): alignment of buttons made in a kinda ugly way (i.e. gap class).
@@ -6114,7 +6006,7 @@ const SetButtons = props => {
6114
6006
  size: "big",
6115
6007
  icon: jsx(PlusBoldIcon, {})
6116
6008
  }) : jsx("div", {
6117
- className: styles$c.gap
6009
+ className: styles$d.gap
6118
6010
  })]
6119
6011
  })
6120
6012
  });
@@ -6360,7 +6252,7 @@ const convertTypeValuesToOptions$1 = defaultMemoize(typeValues => _mapInstancePr
6360
6252
  function CustomEnumInput(props) {
6361
6253
  const options = convertTypeValuesToOptions$1(_valuesInstanceProperty(props.fieldDefinition.type));
6362
6254
  const handleChange = makeChangeHandler(rawValue => {
6363
- props.setFieldValue(props.name, rawValue);
6255
+ props.setFieldValue(props.name, !rawValue ? undefined : rawValue);
6364
6256
  props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
6365
6257
  });
6366
6258
  const tooltipTitle = props.value ? _findInstanceProperty(options).call(options, option => option.value === props.value)?.label ?? '' : '';
@@ -6484,7 +6376,7 @@ CustomLocalizedTextInput.displayName = 'CustomLocalizedTextInput';
6484
6376
 
6485
6377
  function ownKeys$S(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6486
6378
  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(_context = ownKeys$S(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$S(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
6487
- var styles$b = {
6379
+ var styles$c = {
6488
6380
  "container": "custom-money-input-module__container___1fdO2"
6489
6381
  };
6490
6382
  const fixCurrencyCode = (value, currencies) => {
@@ -6549,7 +6441,7 @@ function CustomMoneyInput(props) {
6549
6441
 
6550
6442
  // TODO(pa3): fix setting proper id in UIKit
6551
6443
  return jsxs("div", {
6552
- className: styles$b.container,
6444
+ className: styles$c.container,
6553
6445
  "aria-labelledby": props.name,
6554
6446
  children: [jsx(AccessibleHidden, {
6555
6447
  children: jsx("label", {
@@ -6576,7 +6468,7 @@ function CustomMoneyInput(props) {
6576
6468
  CustomMoneyInput.displayName = 'CustomMoneyInput';
6577
6469
 
6578
6470
  function ownKeys$R(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6579
- function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$R(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$R(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
6471
+ function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$R(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$R(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
6580
6472
  var FetchProductTypeQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductTypeQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productType" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "attributeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "100" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isRequired" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputHint" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputTipAllLocales" }, 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: "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: "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: "SetAttributeDefinitionType" } }, 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: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "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: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "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: [] }] } }] } }] } }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1905, source: { body: "query FetchProductTypeQuery($id: String!) {\n productType(id: $id) {\n name\n attributeDefinitions(limit: 100) {\n results {\n name\n isRequired\n inputHint\n inputTipAllLocales {\n value\n locale\n }\n labelAllLocales {\n value\n locale\n }\n type {\n name\n ... on SetAttributeDefinitionType {\n elementType {\n name\n ... on NestedAttributeDefinitionType {\n typeRef {\n id\n }\n }\n ... on EnumAttributeDefinitionType {\n values {\n results {\n key\n label\n }\n }\n }\n ... on LocalizableEnumAttributeDefinitionType {\n values {\n results {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n ... on ReferenceAttributeDefinitionType {\n referenceTypeId\n }\n }\n }\n ... on ReferenceAttributeDefinitionType {\n referenceTypeId\n }\n ... on NestedAttributeDefinitionType {\n typeRef {\n id\n }\n }\n ... on EnumAttributeDefinitionType {\n values {\n results {\n key\n label\n }\n }\n }\n ... on LocalizableEnumAttributeDefinitionType {\n values {\n results {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
6581
6473
  const mapAttributeDefinition = definition => {
6582
6474
  var _context, _context2, _context3, _context4;
@@ -6615,15 +6507,14 @@ function useNestedProductType(fieldDefinition) {
6615
6507
  loading = _useQuery.loading,
6616
6508
  error = _useQuery.error;
6617
6509
  if (!loading && !error) {
6618
- var _context5;
6619
- const attributeDefinitions = _mapInstanceProperty(_context5 = data.productType.attributeDefinitions.results).call(_context5, mapAttributeDefinition);
6510
+ const attributeDefinitions = data.productType?.attributeDefinitions.results.map(mapAttributeDefinition);
6620
6511
  return {
6621
6512
  loading: false,
6622
6513
  error: false,
6623
- productType: {
6514
+ productType: data.productType ? {
6624
6515
  name: data.productType.name,
6625
6516
  attributeDefinitions
6626
- }
6517
+ } : null
6627
6518
  };
6628
6519
  }
6629
6520
  return {
@@ -7749,10 +7640,15 @@ const useDnDContext = () => {
7749
7640
  const _excluded$1 = ["WrapperComponent"];
7750
7641
  function ownKeys$J(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7751
7642
  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(_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
7643
+ const textAttributeTypes = ['text', 'ltext'];
7752
7644
  const getFieldName = (parentName, fieldName) => {
7753
7645
  if (!parentName) return fieldName;
7754
7646
  return `${parentName}.${fieldName}`;
7755
7647
  };
7648
+ const isTextAttribute = function () {
7649
+ let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7650
+ return _includesInstanceProperty(textAttributeTypes).call(textAttributeTypes, fieldDefinitionType.name);
7651
+ };
7756
7652
  const isNested = fieldDefinition => {
7757
7653
  const type = fieldDefinition.type;
7758
7654
  const typeName = type.name.toLowerCase();
@@ -7771,6 +7667,7 @@ const CustomFieldsInternal = _ref => {
7771
7667
  values = _valuesInstanceProperty(_useFormikContext),
7772
7668
  handleBlur = _useFormikContext.handleBlur,
7773
7669
  status = _useFormikContext.status;
7670
+ const isTailoringAttributesEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
7774
7671
  const didFormValidationFail = useDidFormValidationFail();
7775
7672
  const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
7776
7673
  const _useDnDContext = useDnDContext(),
@@ -7784,6 +7681,7 @@ const CustomFieldsInternal = _ref => {
7784
7681
  children: _mapInstanceProperty(fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
7785
7682
  const fieldName = getFieldName(props.name, fieldDefinition.name);
7786
7683
  const isTouched = Boolean(getIn(touched, fieldName));
7684
+ const isFieldDisabled = props.isDisabled && !(isTextAttribute(fieldDefinition.type) && isTailoringAttributesEnabled);
7787
7685
  const fieldErrors = getIn(errors, fieldName);
7788
7686
  const value = props.inputValuesConverter(fieldName, getIn(values, fieldName));
7789
7687
 
@@ -7801,7 +7699,7 @@ const CustomFieldsInternal = _ref => {
7801
7699
  name: fieldName,
7802
7700
  value: value,
7803
7701
  fieldDefinition: fieldDefinition,
7804
- isDisabled: props.isDisabled || isDnDMode,
7702
+ isDisabled: isFieldDisabled || isDnDMode,
7805
7703
  isReadOnly: props.isReadOnly,
7806
7704
  onBlur: handleBlur,
7807
7705
  setFieldValue: props.setFieldValue,
@@ -7859,7 +7757,7 @@ const findLabel = (enumType, key) => {
7859
7757
  };
7860
7758
  const convertEnumValues = (value, attributeDefinition) => {
7861
7759
  var _context2, _context3;
7862
- if (isNil$1(value)) return value;
7760
+ if (isEmpty$3(value)) return value;
7863
7761
  const typeName = getTypeName(attributeDefinition.type);
7864
7762
  if (_includesInstanceProperty(_context2 = ['enum', 'lenum']).call(_context2, typeName)) return value.key;
7865
7763
  if (typeName === 'set' && _includesInstanceProperty(_context3 = ['enum', 'lenum']).call(_context3, getTypeName(attributeDefinition.type.elementType))) return _mapInstanceProperty(value).call(value, _ref => {
@@ -7870,7 +7768,7 @@ const convertEnumValues = (value, attributeDefinition) => {
7870
7768
  };
7871
7769
  const customFieldToAttribute = (value, attributeDefinition) => {
7872
7770
  var _context4, _context5;
7873
- if (isNil$1(value)) return value;
7771
+ if (isEmpty$3(value)) return value;
7874
7772
  if (!attributeDefinition) return value;
7875
7773
  const type = attributeDefinition.type;
7876
7774
  const typeName = getTypeName(type);
@@ -8443,7 +8341,7 @@ ProductSelectionsPicker.defaultProps = {
8443
8341
  };
8444
8342
 
8445
8343
  // NOTE: this component is duplicated in `app-shell/from-core`.
8446
- var styles$a = {
8344
+ var styles$b = {
8447
8345
  "colored": "required-indicator-module__colored____YUFm",
8448
8346
  "indicatorAsterisk": "required-indicator-module__indicatorAsterisk___3lEdX"
8449
8347
  };
@@ -8451,8 +8349,8 @@ const RequiredIndicator = _ref => {
8451
8349
  let uncolored = _ref.uncolored;
8452
8350
  return jsx("em", {
8453
8351
  className: classnames({
8454
- [styles$a.colored]: !uncolored,
8455
- [styles$a.indicatorAsterisk]: true
8352
+ [styles$b.colored]: !uncolored,
8353
+ [styles$b.indicatorAsterisk]: true
8456
8354
  }),
8457
8355
  children: '*'
8458
8356
  });
@@ -8507,7 +8405,7 @@ var messages$r = defineMessages({
8507
8405
  }
8508
8406
  });
8509
8407
 
8510
- var styles$9 = {
8408
+ var styles$a = {
8511
8409
  "container": "selectable-field-search-input-module__container___z2ltR",
8512
8410
  "search-mode-menu": "selectable-field-search-input-module__search-mode-menu___Od6Le"
8513
8411
  };
@@ -8518,7 +8416,7 @@ const SelectableFieldSearchInput = props => {
8518
8416
  setSearchText = _useState2[1];
8519
8417
  const intl = useIntl();
8520
8418
  return jsx("div", {
8521
- className: styles$9.container,
8419
+ className: styles$a.container,
8522
8420
  children: jsx(SelectableSearchInput, {
8523
8421
  menuHorizontalConstraint: 5,
8524
8422
  options: props.options,
@@ -8873,18 +8771,6 @@ const useTotalNumberOfStoresFetcher = projectKey => {
8873
8771
  };
8874
8772
  };
8875
8773
 
8876
- const handlers$2 = {
8877
- TotalNumberOfStores: {
8878
- all: total => graphql.query('TotalNumberOfStores', (req, res, ctx) => {
8879
- return res(ctx.data({
8880
- totalNumberOfStores: {
8881
- total
8882
- }
8883
- }));
8884
- })
8885
- }
8886
- };
8887
-
8888
8774
  var FetchStoresByField = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresByField" }, 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: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "storesByField" }, name: { kind: "Name", value: "stores" }, 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" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { 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: 473, source: { body: "query FetchStoresByField(\n $where: String!\n $excludeProductSelections: Boolean!\n $limit: Int\n) {\n storesByField: stores(where: $where, limit: $limit) {\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 } } } };
8889
8775
  const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => ({
8890
8776
  where: `${predicateField} in (${_mapInstanceProperty(stores).call(stores, store => `"${store}"`).join(', ')})`,
@@ -8915,7 +8801,7 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
8915
8801
  function ownKeys$C(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8916
8802
  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(_context3 = ownKeys$C(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$C(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
8917
8803
  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 } } } };
8918
- var styles$8 = {
8804
+ var styles$9 = {
8919
8805
  "renderLabelContainer": "stores-search-selector-module__renderLabelContainer___3_PBc",
8920
8806
  "customLabel": "stores-search-selector-module__customLabel___1Xse8"
8921
8807
  }; // check wether there are any errors
@@ -9029,9 +8915,9 @@ const StoresSearchSelectInput = props => {
9029
8915
  const renderNoOptions = _ref4 => {
9030
8916
  let inputValue = _ref4.inputValue;
9031
8917
  return jsxs("div", {
9032
- className: styles$8.renderLabelContainer,
8918
+ className: styles$9.renderLabelContainer,
9033
8919
  children: [jsx("div", {
9034
- className: styles$8.customLabel,
8920
+ className: styles$9.customLabel,
9035
8921
  children: props?.renderLabel && props?.renderLabel
9036
8922
  }), jsx("div", {
9037
8923
  children: intl.formatMessage(inputValue ? messages$q.searchSelectInputNoOptionsFoundMessage : messages$q.searchSelectInputNoValueMessage)
@@ -9090,6 +8976,9 @@ StoresSearchSelectInput.defaultProps = {
9090
8976
 
9091
8977
  function ownKeys$B(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9092
8978
  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(_context = ownKeys$B(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$B(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
8979
+ var styles$8 = {
8980
+ "customOption": "store-select-input-module__customOption___2SC00"
8981
+ };
9093
8982
  const StoreSelectInput = props => {
9094
8983
  const totalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher(props.projectKey);
9095
8984
  const components = useMemo(() => {
@@ -9099,13 +8988,17 @@ const StoreSelectInput = props => {
9099
8988
  if (optionInnerProps.isDisabled) {
9100
8989
  return jsx(SelectInput.Option, _objectSpread$B({}, optionInnerProps));
9101
8990
  }
9102
- return jsx(CustomSelectInputOption, {
9103
- optionType: props.optionType,
9104
- optionInnerProps: optionInnerProps
8991
+ const isSearchSelectInput = totalNumberOfStoresFetcher.total > props.upperStoresLimit;
8992
+ return jsx("div", {
8993
+ className: isSearchSelectInput ? styles$8.customOption : '',
8994
+ children: jsx(CustomSelectInputOption, {
8995
+ optionType: props.optionType,
8996
+ optionInnerProps: optionInnerProps
8997
+ })
9105
8998
  });
9106
8999
  }
9107
9000
  };
9108
- }, [props.optionType]);
9001
+ }, [props.optionType, totalNumberOfStoresFetcher.total, props.upperStoresLimit]);
9109
9002
  if (totalNumberOfStoresFetcher.isLoading) return jsx(CenteredLoadingSpinner, {});
9110
9003
  const CustomStoreSelectInput = totalNumberOfStoresFetcher.total <= props.lowerStoresLimit ? StoresBasicSelectInput : totalNumberOfStoresFetcher.total <= props.upperStoresLimit ? StoresAsyncSelectInput : StoresSearchSelectInput;
9111
9004
  return jsx(CustomStoreSelectInput, _objectSpread$B(_objectSpread$B({
@@ -9555,21 +9448,13 @@ const mapDataToProps = _ref => {
9555
9448
  fetchTypeDefinitionsQuery
9556
9449
  };
9557
9450
  };
9558
- var customFieldDefinitionsConnector = flowRight(graphql$1(FetchTypeDefinitionsQuery, {
9451
+ var customFieldDefinitionsConnector = flowRight(graphql(FetchTypeDefinitionsQuery, {
9559
9452
  skip: ownProps => ownProps.isDisabled,
9560
9453
  name: 'fetchTypeDefinitionsQuery',
9561
9454
  options: mapPropsToOptions,
9562
9455
  props: mapDataToProps
9563
9456
  }))(CustomFieldDefinitionsConnector);
9564
9457
 
9565
- const handlers$1 = {
9566
- TypeDefinitions: {
9567
- all: typeDefinitions => graphql.query('FetchTypeDefinitionsQuery', (req, res, ctx) => res(ctx.data({
9568
- typeDefinitions
9569
- })))
9570
- }
9571
- };
9572
-
9573
9458
  function ownKeys$x(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9574
9459
  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(_context4 = ownKeys$x(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$x(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
9575
9460
  const restDocToForm = customFieldsFromRestResponse => {
@@ -9697,7 +9582,7 @@ const createGraphQlOptions = ownProps => {
9697
9582
  }
9698
9583
  };
9699
9584
  };
9700
- var CustomFieldTypeDefinitionsConnector$1 = hoistNonReactStatics(graphql$1(FetchTypeDefinitionsWithNamesQuery, {
9585
+ var CustomFieldTypeDefinitionsConnector$1 = hoistNonReactStatics(graphql(FetchTypeDefinitionsWithNamesQuery, {
9701
9586
  name: 'fetchTypeDefinitionsQuery',
9702
9587
  skip: ownProps => ownProps.isDisabled,
9703
9588
  options: createGraphQlOptions
@@ -10021,7 +9906,9 @@ const mapTypeDefinitionsToOptions = (typeDefinitions, language, languages, selec
10021
9906
  }));
10022
9907
  };
10023
9908
 
10024
- // Used to generate form state when the user selects a type definition from the dropdown
9909
+ /**
9910
+ * Creates a new form state based on the selected type definition from the dropdown.
9911
+ */
10025
9912
  const createFormStateFromTypeDefinition = selectedTypeDefinition => {
10026
9913
  return {
10027
9914
  type: {
@@ -10044,7 +9931,8 @@ const CustomTypeSubform = _ref => {
10044
9931
  const _useFormikContext = useFormikContext(),
10045
9932
  formValues = _valuesInstanceProperty(_useFormikContext),
10046
9933
  setFieldValue = _useFormikContext.setFieldValue,
10047
- validateForm = _useFormikContext.validateForm;
9934
+ validateForm = _useFormikContext.validateForm,
9935
+ initialValues = _useFormikContext.initialValues;
10048
9936
  const _useIntl = useIntl(),
10049
9937
  formatMessage = _useIntl.formatMessage;
10050
9938
  const _useApplicationContex = useApplicationContext(applicationContext => ({
@@ -10057,8 +9945,23 @@ const CustomTypeSubform = _ref => {
10057
9945
  const handleTypeDefinitionSelect = useCallback(event => {
10058
9946
  const selectedTypeDefinition = _findInstanceProperty(typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
10059
9947
  if (selectedTypeDefinition) {
10060
- const nextCustom = createFormStateFromTypeDefinition(selectedTypeDefinition);
10061
- setFieldValue(rootFieldName, nextCustom).then(() => {
9948
+ const initialValueCustomType = initialValues[rootFieldName];
9949
+ const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
9950
+ let newFieldValue;
9951
+
9952
+ /**
9953
+ * If the user selects the same custom type that was already selected, we need to reset the `custom` field
9954
+ * back to its initial value to ensure that the form state is consistent with the initial values.
9955
+ */
9956
+ if (initialValueCustomType?.type?.obj?.key === selectedCustomTypeKey) {
9957
+ newFieldValue = initialValueCustomType;
9958
+ /**
9959
+ * Otherwise, set the `custom` field to the new custom type definition.
9960
+ */
9961
+ } else {
9962
+ newFieldValue = createFormStateFromTypeDefinition(selectedTypeDefinition);
9963
+ }
9964
+ setFieldValue(rootFieldName, newFieldValue).then(() => {
10062
9965
  validateForm();
10063
9966
  });
10064
9967
  } else {
@@ -10080,7 +9983,7 @@ const CustomTypeSubform = _ref => {
10080
9983
  children: panelTitle || jsx(FormattedMessage, _objectSpread$s({}, messages$o.title))
10081
9984
  }),
10082
9985
  headerControls: typeDefinitions.length > 0 && jsx("div", {
10083
- css: /*#__PURE__*/css("min-width:", 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 */"),
9986
+ css: /*#__PURE__*/css("min-width:", 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= */"),
10084
9987
  children: jsx(SelectInput, {
10085
9988
  isClearable: true,
10086
9989
  "data-testid": "custom-type-select",
@@ -10163,7 +10066,7 @@ const defaultValue = {
10163
10066
  const PimIndexerContext = /*#__PURE__*/createContext(defaultValue);
10164
10067
 
10165
10068
  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 } } } };
10166
- var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
10069
+ var fetchPimIndexStatus = (apolloClient, projectKey) => async dispatch => {
10167
10070
  try {
10168
10071
  await dispatch(actions.head({
10169
10072
  mcApiProxyTarget: MC_API_PROXY_TARGETS.PIM_SEARCH,
@@ -10201,7 +10104,7 @@ var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
10201
10104
  status: 'unreachable'
10202
10105
  };
10203
10106
  }
10204
- });
10107
+ };
10205
10108
 
10206
10109
  var messages$n = defineMessages({
10207
10110
  indexingSucceed: {
@@ -10439,9 +10342,9 @@ var pimIndexerProvider = flowRight(withApplicationContext(applicationContext =>
10439
10342
  projectKey: applicationContext.project.key
10440
10343
  })), connect(null, {
10441
10344
  fetchPimIndexStatus
10442
- }), graphql$1(RefreshProductIndices, {
10345
+ }), graphql(RefreshProductIndices, {
10443
10346
  name: 'refreshProductIndicesByIds'
10444
- }), graphql$1(IndexProject, {
10347
+ }), graphql(IndexProject, {
10445
10348
  name: 'indexProject'
10446
10349
  }), withApollo, injectIntl, injectNotifications())(PimIndexerProvider);
10447
10350
 
@@ -11823,14 +11726,6 @@ const injectCustomerGroupsPlatformLimits = () => WrappedComponent => {
11823
11726
  return WithCustomerGroupsPlatformLimits;
11824
11727
  };
11825
11728
 
11826
- const handlers = {
11827
- PlatformLimits: {
11828
- all: platformLimiits => graphql.query('PlatformLimitsFetcherQuery', (req, res, ctx) => res(ctx.data({
11829
- limits: platformLimiits
11830
- })))
11831
- }
11832
- };
11833
-
11834
11729
  var messages$8 = defineMessages({
11835
11730
  yes: {
11836
11731
  id: 'BooleanField.yes',
@@ -13569,4 +13464,4 @@ function withPendingRequests() {
13569
13464
 
13570
13465
  var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, 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: "slugAllLocales" }, 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: "parent" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ 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: "ancestors" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ 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: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n categories: categoryAutocomplete(locale: $locale, text: $text) {\n results {\n ...CategorySearchPickerOptionFragment\n }\n }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n categories(where: $where) {\n results {\n id\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n id\n externalId\n nameAllLocales {\n locale\n value\n }\n slugAllLocales {\n locale\n value\n }\n parent {\n nameAllLocales {\n locale\n value\n }\n }\n ancestors {\n nameAllLocales {\n locale\n value\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
13571
13466
 
13572
- export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, businessRoleConstants, messages$4 as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$1 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, handlers$6 as isFieldDuplicatedMockHandlers, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$G as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$5 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLoadOptions, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$2 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$C as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
13467
+ export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, businessRoleConstants, messages$4 as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$G as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLoadOptions, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$C as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };