@commercetools-frontend/experimental-components 6.0.2 → 6.1.0

package/dist/commercetools-frontend-experimental-components.esm.js

@@ -26,12 +26,14 @@ import { formatLocalizedString, transformLocalizedFieldToLocalizedString, applyT
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import camelCase from 'lodash/camelCase';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import { deepEqual } from 'fast-equals';
 import { defineMessages, useIntl, injectIntl, FormattedMessage } from 'react-intl';
 import omitEmpty from 'omit-empty-es';
+import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
 import oneLine from 'common-tags/lib/oneLine';
 import moment from 'moment-timezone';
 import isNil$1 from 'lodash/isNil';
@@ -60,7 +62,6 @@ import { useQuery as useQuery$1 } from '@apollo/client/react/hooks';
 import moment$1 from 'moment';
 import classnames from 'classnames';
 import 'react-required-if';
-import _assertThisInitialized from '@babel/runtime-corejs3/helpers/esm/assertThisInitialized';
 import Textarea from 'react-textarea-autosize';
 import has from 'lodash/has';
 import _toArray from '@babel/runtime-corejs3/helpers/esm/toArray';
@@ -74,6 +75,7 @@ import omit from 'lodash/omit';
 import isEmpty$3 from 'lodash/isEmpty';
 import _Object$freeze from '@babel/runtime-corejs3/core-js-stable/object/freeze';
 import originalOmitDeep from 'omit-deep';
+import _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find-index';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
 import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -101,14 +103,12 @@ import flatMap from 'lodash/flatMap';
 import { connect } from 'react-redux';
 import { oneLineTrim } from 'common-tags';
 import warning from 'tiny-warning';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Math$trunc from '@babel/runtime-corejs3/core-js-stable/math/trunc';
 import _Number$isNaN from '@babel/runtime-corejs3/core-js-stable/number/is-nan';
 import isUndefined from 'lodash/isUndefined';
 import isFinite from 'lodash/isFinite';
 import Cleave from 'cleave.js/react';
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
-import _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find-index';
 import compact from 'lodash/compact';
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import '@babel/runtime-corejs3/helpers/get';
@@ -210,7 +210,7 @@ function filterDataAttributes(obj) {
 *                         duplicated in original values
 */
 function unique(values, properties) {
-  var _context;
+  var _context2;
   let ignoredValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['', null, undefined];
   const duplicateValues = [];
   let realValues;
@@ -219,19 +219,20 @@ function unique(values, properties) {
   realValues = _filterInstanceProperty(values).call(values, value => !_includesInstanceProperty(ignoredValues).call(ignoredValues, value));
   if (!realValues.length) return [];
   if (properties) realValues = _mapInstanceProperty(realValues).call(realValues, value => _reduceInstanceProperty(properties).call(properties, (prev, curr) => {
+    var _context;
     const currentValue = value[curr] || '';
-    return `${prev}:${currentValue}`;
+    return _concatInstanceProperty(_context = "".concat(prev, ":")).call(_context, currentValue);
   }, ''));else realValues = _sliceInstanceProperty(values).call(values, 0);
 
   // TODO: checking for dupes like this is slow, find a better way
-  _reduceInstanceProperty(_context = _sortInstanceProperty(realValues).call(realValues)).call(_context, (prev, curr) => {
+  _reduceInstanceProperty(_context2 = _sortInstanceProperty(realValues).call(realValues)).call(_context2, (prev, curr) => {
     if (curr === null) return curr;
     if (curr !== '' && prev === curr && _indexOfInstanceProperty(duplicateValues).call(duplicateValues, curr) === -1) duplicateValues.push(curr);
     return curr;
   });
   if (properties) return _mapInstanceProperty(duplicateValues).call(duplicateValues, value => {
-    var _context2;
-    const parts = _sliceInstanceProperty(_context2 = value.split(':')).call(_context2, 1);
+    var _context3;
+    const parts = _sliceInstanceProperty(_context3 = value.split(':')).call(_context3, 1);
     return _reduceInstanceProperty(properties).call(properties, (prev, curr, index) => {
       // eslint-disable-next-line no-param-reassign
       prev[curr] = parts[index];
@@ -250,14 +251,14 @@ function unique(values, properties) {
  * @return Array<Object> returns an array of objects with all duplicated values
  */
 function uniqueObjects(items) {
-  var _context3;
+  var _context4;
   const emptyValues = [undefined, null, ''];
-  const itemsWorkingSet = items && items.length ? _filterInstanceProperty(_context3 = _sliceInstanceProperty(items).call(items)).call(_context3, x => !_includesInstanceProperty(emptyValues).call(emptyValues, x)) : [];
+  const itemsWorkingSet = items && items.length ? _filterInstanceProperty(_context4 = _sliceInstanceProperty(items).call(items)).call(_context4, x => !_includesInstanceProperty(emptyValues).call(emptyValues, x)) : [];
   const duplicateValues = _reduceInstanceProperty(itemsWorkingSet).call(itemsWorkingSet, (acc, item, index) => {
-    var _context4;
+    var _context5;
     if (item === null) return acc;
-    const isDuplicate = _reduceInstanceProperty(_context4 = _sliceInstanceProperty(itemsWorkingSet).call(itemsWorkingSet, index + 1) // get sub-array after this index
-    ).call(_context4, (duplicateAcc, comparisonItem, comparisonIndex) => {
+    const isDuplicate = _reduceInstanceProperty(_context5 = _sliceInstanceProperty(itemsWorkingSet).call(itemsWorkingSet, index + 1) // get sub-array after this index
+    ).call(_context5, (duplicateAcc, comparisonItem, comparisonIndex) => {
       if (comparisonItem === null) return duplicateAcc;
 
       // check if its a dupe
@@ -353,18 +354,16 @@ function getIndexesOfInvalidValues(values) {
 
 const withoutEmptyErrorsByField = errorsByField => omitEmpty(errorsByField);
 
+var _templateObject$4;
 function formatDateRangeValue(value, type) {
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     locale: 'en',
     timeZone: moment.tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
-  if (value.from && value.to) return oneLine`
-      ${formatDateTime$1(type, value.from, options)} -
-      ${formatDateTime$1(type, value.to, options)}
-    `;
-  if (value.from) return `from ${formatDateTime$1(type, value.from, options)}`;
-  if (value.to) return `to ${formatDateTime$1(type, value.to, options)}`;
+  if (value.from && value.to) return oneLine(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n      ", " -\n      ", "\n    "])), formatDateTime$1(type, value.from, options), formatDateTime$1(type, value.to, options));
+  if (value.from) return "from ".concat(formatDateTime$1(type, value.from, options));
+  if (value.to) return "to ".concat(formatDateTime$1(type, value.to, options));
   return '';
 }
 function formatDateTime$1(type, value) {
@@ -1600,13 +1599,13 @@ const getData = (code, field) => {
 const getFractionDigit = code => getData(code, 'fractionDigit');
 
 function ownKeys$1q(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; }
-function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1q(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$1q(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function formatMoneyRangeValue(value, intl) {
+  var _context;
   if (value.from === value.to) return formatMoneyValue(value.from, value.currency, intl);
-  if (value.from && value.to) return `${formatMoneyValue(value.from, value.currency, intl)} -
-      ${formatMoneyValue(value.to, value.currency, intl)}`;
-  if (value.from) return `from ${formatMoneyValue(value.from, value.currency, intl)}`;
-  if (value.to) return `to ${formatMoneyValue(value.to, value.currency, intl)}`;
+  if (value.from && value.to) return _concatInstanceProperty(_context = "".concat(formatMoneyValue(value.from, value.currency, intl), " -\n      ")).call(_context, formatMoneyValue(value.to, value.currency, intl));
+  if (value.from) return "from ".concat(formatMoneyValue(value.from, value.currency, intl));
+  if (value.to) return "to ".concat(formatMoneyValue(value.to, value.currency, intl));
   return '';
 }
 function formatMoneyValue(amount, currency, intl) {
@@ -1626,7 +1625,8 @@ function getFractionedAmount(moneyValue) {
   return amount / 10 ** fractionDigits;
 }
 function formatMoney$2(moneyValue, intl, options) {
-  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$1q({
+  var _moneyValue$fractione;
+  return intl.formatNumber((_moneyValue$fractione = moneyValue.fractionedAmount) !== null && _moneyValue$fractione !== void 0 ? _moneyValue$fractione : getFractionedAmount(moneyValue), _objectSpread$1q({
     style: 'currency',
     currency: moneyValue.currencyCode,
     minimumFractionDigits: moneyValue.fractionDigits
@@ -1647,11 +1647,13 @@ var messages$J = defineMessages({
 });
 
 const formatEnum = _ref => {
+  var _context;
   let value = _ref.value,
     fallbackValue = _ref.fallbackValue;
-  return value.label || `${fallbackValue} (${value.key})`;
+  return value.label || _concatInstanceProperty(_context = "".concat(fallbackValue, " (")).call(_context, value.key, ")");
 };
 const formatLenum = _ref2 => {
+  var _context2;
   let value = _ref2.value,
     language = _ref2.language,
     languages = _ref2.languages,
@@ -1659,7 +1661,7 @@ const formatLenum = _ref2 => {
   return formatLocalizedString(value, {
     key: 'label',
     locale: language,
-    fallback: `${fallbackValue} (${value.key})`,
+    fallback: _concatInstanceProperty(_context2 = "".concat(fallbackValue, " (")).call(_context2, value.key, ")"),
     fallbackOrder: languages
   });
 };
@@ -1695,6 +1697,7 @@ const formatDate = _ref6 => {
   });
 };
 const formatDateTime = _ref7 => {
+  var _context3;
   let value = _ref7.value,
     userTimeZone = _ref7.userTimeZone,
     intl = _ref7.intl;
@@ -1710,7 +1713,7 @@ const formatDateTime = _ref7 => {
     // defaults to utc if timeZone is not provided
     timeZone: userTimeZone || 'utc'
   });
-  return `${date} (${time})`;
+  return _concatInstanceProperty(_context3 = "".concat(date, " (")).call(_context3, time, ")");
 };
 const formatBoolean = _ref8 => {
   let value = _ref8.value,
@@ -1733,7 +1736,7 @@ const formatUnknown = _ref10 => {
     fallbackValue = _ref10.fallbackValue;
   // NOTE This is reporting within the render function, which is supposed to
   // be pure. This is quite bad as this is a side-effect in the render fn.
-  reportErrorToSentry(new Error(`Unhandled custom attribute type '${type.name}' for value`), {
+  reportErrorToSentry(new Error("Unhandled custom attribute type '".concat(type.name, "' for value")), {
     extra: {
       value
     }
@@ -1806,9 +1809,10 @@ const attributeTypeNames = {
   Number: 'number'
 };
 const convertToAttributeType = customFieldType => {
+  var _customFieldType$elem;
   if (isNil$1(customFieldType)) return customFieldType;
   const attributeTypeName = attributeTypeNames[customFieldType.name];
-  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
+  const elementTypeName = attributeTypeNames[(_customFieldType$elem = customFieldType.elementType) === null || _customFieldType$elem === void 0 ? void 0 : _customFieldType$elem.name];
   return {
     name: attributeTypeName,
     elementType: {
@@ -1871,21 +1875,25 @@ const setDisplayName = nextDisplayName => Component => {
   return Component;
 };
 
-const wrapDisplayName = (BaseComponent, hocName) => `${hocName}(${getDisplayName(BaseComponent)})`;
+const wrapDisplayName = (BaseComponent, hocName) => {
+  var _context;
+  return _concatInstanceProperty(_context = "".concat(hocName, "(")).call(_context, getDisplayName(BaseComponent), ")");
+};
 
 function ownKeys$1p(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; }
 function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1p(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1p(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const injectDataTablePaginationState = initialValues => Component => {
   const WithDataTablePaginationState = props => {
+    var _initialValues$tableS, _initialValues$tableS2;
     const _usePaginationState = usePaginationState({
-        page: initialValues?.page,
-        perPage: initialValues?.perPage
+        page: initialValues === null || initialValues === void 0 ? void 0 : initialValues.page,
+        perPage: initialValues === null || initialValues === void 0 ? void 0 : initialValues.perPage
       }),
       page = _usePaginationState.page,
       perPage = _usePaginationState.perPage;
     const tableSorting = useDataTableSortingState({
-      key: initialValues?.tableSorting?.key,
-      order: initialValues?.tableSorting?.order
+      key: initialValues === null || initialValues === void 0 || (_initialValues$tableS = initialValues.tableSorting) === null || _initialValues$tableS === void 0 ? void 0 : _initialValues$tableS.key,
+      order: initialValues === null || initialValues === void 0 || (_initialValues$tableS2 = initialValues.tableSorting) === null || _initialValues$tableS2 === void 0 ? void 0 : _initialValues$tableS2.order
     });
     return jsx(Component, _objectSpread$1p(_objectSpread$1p({}, props), {}, {
       dataTablePaginationState: {
@@ -1919,7 +1927,7 @@ const injectNotifications = function () {
         [propName]: notifications
       }));
     };
-    WrappedComponent.displayName = `withNotifications(${getDisplayName(Component)}`;
+    WrappedComponent.displayName = "withNotifications(".concat(getDisplayName(Component));
     return WrappedComponent;
   };
 };
@@ -2028,7 +2036,10 @@ const isNil = value => typeof value === 'undefined' || value === null;
 const useStorage = (storageKey, initialStorageValue, options) => {
   var _context;
   const mergedOptions = _objectSpread$1j(_objectSpread$1j({}, defaultOptions$2), options);
-  const userId = useApplicationContext(context => context.user?.id);
+  const userId = useApplicationContext(context => {
+    var _context$user;
+    return (_context$user = context.user) === null || _context$user === void 0 ? void 0 : _context$user.id;
+  });
   const scopedStorageKey = _filterInstanceProperty(_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
   const readFromStorage = useCallback(() => {
     const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
@@ -2047,8 +2058,9 @@ const useStorage = (storageKey, initialStorageValue, options) => {
     return parsedStorageValue;
   }, [mergedOptions.storageType, scopedStorageKey]);
   const initializeStorageValue = () => {
+    var _ref, _readFromStorage;
     // default the storage value to the initial provided value when provided
-    return readFromStorage() ?? initialStorageValue ?? null;
+    return (_ref = (_readFromStorage = readFromStorage()) !== null && _readFromStorage !== void 0 ? _readFromStorage : initialStorageValue) !== null && _ref !== void 0 ? _ref : null;
   };
   const _useState = useState(initializeStorageValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2147,14 +2159,16 @@ function ownKeys$1h(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertyS
 function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1h(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$1h(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FetchStoresQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "StoreBasicInfo" }, directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "code" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "distributionChannelsRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "distributionChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "supplyChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StoreBasicInfo" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Store" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 1089, source: { body: "#import '../../utils/graphql/fragments/store-basic-info.ctp.graphql'\n\nquery FetchStoresQuery(\n  $limit: Int\n  $offset: Int\n  $sort: [String!]\n  $where: String\n  $excludeExtendedStoresList: Boolean!\n  $excludeProductSelections: Boolean!\n) {\n  stores(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n    total\n    count\n    offset\n    results {\n      ...StoreBasicInfo\n      countries {\n        code\n      }\n      languages @skip(if: $excludeExtendedStoresList)\n      distributionChannelsRef {\n        id\n      }\n      distributionChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      supplyChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          mode\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
+  var _storesQueryResult$re;
   if (!storesQueryResult) return null;
   return {
     total: storesQueryResult.total,
     count: storesQueryResult.count,
     offset: storesQueryResult.offset,
-    results: storesQueryResult.results?.map(store => {
+    results: (_storesQueryResult$re = storesQueryResult.results) === null || _storesQueryResult$re === void 0 ? void 0 : _mapInstanceProperty(_storesQueryResult$re).call(_storesQueryResult$re, store => {
+      var _store$productSelecti;
       return _objectSpread$1h(_objectSpread$1h({}, store), {}, {
-        productSelections: store.productSelections?.filter(productSelectionRef => Boolean(productSelectionRef.productSelection))
+        productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _filterInstanceProperty(_store$productSelecti).call(_store$productSelecti, productSelectionRef => Boolean(productSelectionRef.productSelection))
       });
     })
   };
@@ -2166,7 +2180,7 @@ const createQueryVariables$6 = ownProps => {
     offset: ownProps.offset,
     sort: _sortInstanceProperty(ownProps)
   }, Boolean(ownProps.stores) && {
-    where: `key in (${_mapInstanceProperty(_context = ownProps.stores).call(_context, store => `"${store}"`).join(', ')})`
+    where: "key in (".concat(_mapInstanceProperty(_context = ownProps.stores).call(_context, store => "\"".concat(store, "\"")).join(', '), ")")
   }), {}, {
     excludeExtendedStoresList: ownProps.excludeExtendedStoresList,
     excludeProductSelections: ownProps.excludeProductSelections
@@ -2191,7 +2205,10 @@ const useStoresListFetcher = props => {
         projectKey: props.projectKey
       },
       fetchPolicy: 'network-only',
-      onError: graphqlErrorResponse => props.onError?.(graphqlErrorResponse)
+      onError: graphqlErrorResponse => {
+        var _props$onError;
+        return (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, graphqlErrorResponse);
+      }
     }),
     data = _useQuery.data,
     refetch = _useQuery.refetch,
@@ -2199,7 +2216,7 @@ const useStoresListFetcher = props => {
   return {
     isLoading: loading,
     refetch,
-    stores: filterStoresOutdatedDanglingProductSelections(data?.stores),
+    stores: filterStoresOutdatedDanglingProductSelections(data === null || data === void 0 ? void 0 : data.stores),
     refetchQuery: {
       query: FetchStoresQuery,
       variables: queryVariables,
@@ -2263,10 +2280,16 @@ const handlers$5 = {
   }
 };
 
-const toPermission = (permission, resourceName) => camelCase(`can ${permission} ${resourceName}`);
-const createComposePath = resourceName => permission =>
-// e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
-`dataFences.store.${resourceName}.${permission}.values`;
+const toPermission = (permission, resourceName) => {
+  var _context;
+  return camelCase(_concatInstanceProperty(_context = "can ".concat(permission, " ")).call(_context, resourceName));
+};
+const createComposePath = resourceName => permission => {
+  var _context2;
+  return (// e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
+    _concatInstanceProperty(_context2 = "dataFences.store.".concat(resourceName, ".")).call(_context2, permission, ".values")
+  );
+};
 const useStoreKeysInDataFences = _ref => {
   let resourceName = _ref.resourceName,
     _ref$permission = _ref.permission,
@@ -2664,7 +2687,7 @@ const usePersistedTableConfiguration = props => {
    * Therefore, if it will be missing from the local storage and hence we use the [] as default.
    */
   const getVisibleColumns = useCallback(() => {
-    if (cachedVisibleTableConfiguration?.columnsConfig) {
+    if (cachedVisibleTableConfiguration !== null && cachedVisibleTableConfiguration !== void 0 && cachedVisibleTableConfiguration.columnsConfig) {
       return retrieveColumnsWithCachedConfiguration({
         allAvailableColumnsConfiguration,
         cachedVisibleTableConfiguration: cachedVisibleTableConfiguration.columnsConfig,
@@ -2678,8 +2701,8 @@ const usePersistedTableConfiguration = props => {
   return {
     visibleColumns,
     visibleColumnKeys,
-    cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration?.columnsConfig,
-    cachedDisplaySettings: cachedVisibleTableConfiguration?.displaySettings,
+    cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.columnsConfig,
+    cachedDisplaySettings: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.displaySettings,
     handleCachedTableConfigurationUpdate: update => handleCacheUpdate({
       update,
       cachedVisibleTableConfiguration,
@@ -2690,6 +2713,7 @@ const usePersistedTableConfiguration = props => {
 
 var FetchProductSelectionsTotal = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelectionsTotal" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 74, source: { body: "query FetchProductSelectionsTotal {\n  productSelections {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useProductSelectionsTotalFetcher = props => {
+  var _data$productSelectio;
   const _useQuery = useQuery$1(FetchProductSelectionsTotal, {
       context: {
         target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -2699,7 +2723,7 @@ const useProductSelectionsTotalFetcher = props => {
     data = _useQuery.data;
   return {
     isLoading: loading,
-    total: data?.productSelections?.total
+    total: data === null || data === void 0 || (_data$productSelectio = data.productSelections) === null || _data$productSelectio === void 0 ? void 0 : _data$productSelectio.total
   };
 };
 
@@ -2720,7 +2744,7 @@ function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var
 // eslint-disable-next-line import/prefer-default-export
 const convertProductSelectionsFromGraphQl = productSelections => {
   var _context;
-  return productSelections?.results && _objectSpread$1d(_objectSpread$1d({}, productSelections), {}, {
+  return (productSelections === null || productSelections === void 0 ? void 0 : productSelections.results) && _objectSpread$1d(_objectSpread$1d({}, productSelections), {}, {
     results: _mapInstanceProperty(_context = productSelections.results).call(_context, productSelection => _objectSpread$1d({}, applyTransformedLocalizedFields(productSelection, [{
       from: 'nameAllLocales',
       to: 'name'
@@ -2754,7 +2778,7 @@ const useProductSelectionsFetcher = props => {
     refetch = _useQuery.refetch;
   return {
     isLoading: loading,
-    productSelections: convertProductSelectionsFromGraphQl(data?.productSelections) || emptyProductSelections,
+    productSelections: convertProductSelectionsFromGraphQl(data === null || data === void 0 ? void 0 : data.productSelections) || emptyProductSelections,
     refetch
   };
 };
@@ -2779,6 +2803,7 @@ function validateSingleFilter(_ref) {
   return _includesInstanceProperty(invalidValues).call(invalidValues, value);
 }
 
+var _templateObject$3, _templateObject2$2;
 const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
 const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
 const getDateTimeInUTC = (date, timezone, format) => {
@@ -2788,7 +2813,8 @@ const getDateTimeInUTC = (date, timezone, format) => {
   const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
   // if it's a date then convert it to UTC datetime based on timezone
   if (noTimeSpecified) {
-    const offset = moment$1(date).tz(timezone)?.utcOffset() || 0;
+    var _moment$tz;
+    const offset = ((_moment$tz = moment$1(date).tz(timezone)) === null || _moment$tz === void 0 ? void 0 : _moment$tz.utcOffset()) || 0;
     const formattedDate = momentDate.format(format);
     const formattedDateWithOffset = moment$1(formattedDate).add(offset, 'minutes').format(dateFormat);
     // console.log(formattedDateWithOffset);
@@ -2801,6 +2827,7 @@ const getDateTimeInUTC = (date, timezone, format) => {
 function dateTransformer$1(filterKey, filters) {
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
   const queries = _mapInstanceProperty(filters).call(filters, _ref => {
+    var _context, _context2;
     let type = _ref.type,
       value = _ref.value,
       timezone = _ref.timezone;
@@ -2810,19 +2837,13 @@ function dateTransformer$1(filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
+        return _concatInstanceProperty(_context = "".concat(filterKey, " < \"")).call(_context, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), "\"");
       case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
+        return _concatInstanceProperty(_context2 = "".concat(filterKey, " > \"")).call(_context2, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1), "\"");
       case FILTER_TYPES.equalTo:
-        return oneLine`
-            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
-          `;
+        return oneLine(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n            (", " >= \"", "\"\n            and ", " <= \"", "\")\n          "])), filterKey, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), filterKey, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1));
       case FILTER_TYPES.range:
-        return oneLine`
-            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
-          `;
+        return oneLine(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n            (", " >= \"", "\"\n            and ", " <= \"", "\")\n          "])), filterKey, getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1), filterKey, getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1));
       default:
         return '';
     }
@@ -2838,7 +2859,7 @@ function dateTransformer$1(filterKey, filters) {
    *  (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
    * ) or some_more_filters
    */
-  return queryString === '' ? null : `(${queryString})`;
+  return queryString === '' ? null : "(".concat(queryString, ")");
 }
 function defaultFilterValidator$1(_ref2) {
   let type = _ref2.type,
@@ -2854,7 +2875,10 @@ function defaultFilterValidator$1(_ref2) {
 
 var localizedTextTransformer = (localizedString => {
   var _context;
-  return _mapInstanceProperty(_context = _Object$keys(localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
+  return _mapInstanceProperty(_context = _Object$keys(localizedString)).call(_context, locale => {
+    var _context2;
+    return _concatInstanceProperty(_context2 = "".concat(locale, " = \"")).call(_context2, localizedString[locale], "\"");
+  }).join(' and ');
 });
 
 var styles$j = {
@@ -2902,8 +2926,9 @@ function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var
 var GetChannelsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetChannelQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channel" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var PickerInputChannel = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const getRolesClause = roles => roles && roles.length > 0 ? `roles contains any (${_mapInstanceProperty(roles).call(roles, role => `"${role}"`).join(',')})` : undefined;
+const getRolesClause = roles => roles && roles.length > 0 ? "roles contains any (".concat(_mapInstanceProperty(roles).call(roles, role => "\"".concat(role, "\"")).join(','), ")") : undefined;
 const ChannelPickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -2923,7 +2948,7 @@ const ChannelPickerInput = _ref => {
   const variables = useMemo(() => {
     const rolesClause = getRolesClause(roles);
     return _objectSpread$1c({
-      sortByNamePath: `name.${dataLocale}`
+      sortByNamePath: "name.".concat(dataLocale)
     }, rolesClause && {
       extraWhere: rolesClause
     });
@@ -2944,7 +2969,7 @@ const ChannelPickerInput = _ref => {
     }
     return channel;
   }, [formatLocalizedFieldToString]);
-  const prefixSearchFields = useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetChannelsQuery,
     variables,
@@ -2979,13 +3004,13 @@ const ChannelPickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
   useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$G.noChannelsFound), [loadingError, formatMessage]);
-  const tooltipTitle = currentOption?.data?.label ?? '';
+  const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 || (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: jsxs(Spacings.Stack, {
@@ -2995,7 +3020,7 @@ const ChannelPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$G.placeholder),
+          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$G.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -3039,26 +3064,26 @@ function _callSuper$9(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? _Reflect$construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
 }
 let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
-  _inherits(FormattedDateTime, _PureComponent);
   function FormattedDateTime() {
     _classCallCheck(this, FormattedDateTime);
     return _callSuper$9(this, FormattedDateTime, arguments);
   }
-  _createClass(FormattedDateTime, [{
+  _inherits(FormattedDateTime, _PureComponent);
+  return _createClass(FormattedDateTime, [{
     key: "render",
     value: function render() {
       return jsx(ApplicationContext, {
         render: _ref => {
+          var _this$props;
           let user = _ref.user;
           return formatDateTime$1(this.props.type, this.props.value, {
-            timeZone: this?.props?.timeZone || user?.timeZone,
+            timeZone: (this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.timeZone) || (user === null || user === void 0 ? void 0 : user.timeZone),
             locale: this.props.intl.locale
           });
         }
       });
     }
   }]);
-  return FormattedDateTime;
 }(PureComponent);
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = injectIntl(FormattedDateTime);
@@ -3083,25 +3108,25 @@ function _callSuper$8(_this, derived, args) {
 }
 const withMouseOverState = BaseComponent => {
   let WithMouseOverState = /*#__PURE__*/function (_Component) {
-    _inherits(WithMouseOverState, _Component);
     function WithMouseOverState() {
-      var _this;
+      var _this2;
       _classCallCheck(this, WithMouseOverState);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper$8(this, WithMouseOverState, [...args]);
-      _this.state = {
+      _this2 = _callSuper$8(this, WithMouseOverState, [...args]);
+      _this2.state = {
         isMouseOver: false
       };
-      _this.setMouseOver = nextMouseOver => _this.setState({
+      _this2.setMouseOver = nextMouseOver => _this2.setState({
         isMouseOver: nextMouseOver
       });
-      _this.handleMouseOver = () => _this.setMouseOver(true);
-      _this.handleMouseOut = () => _this.setMouseOver(false);
-      return _this;
+      _this2.handleMouseOver = () => _this2.setMouseOver(true);
+      _this2.handleMouseOut = () => _this2.setMouseOver(false);
+      return _this2;
     }
-    _createClass(WithMouseOverState, [{
+    _inherits(WithMouseOverState, _Component);
+    return _createClass(WithMouseOverState, [{
       key: "render",
       value: function render() {
         const injectedProps = {
@@ -3112,7 +3137,6 @@ const withMouseOverState = BaseComponent => {
         return jsx(BaseComponent, _objectSpread$1b({}, _objectSpread$1b(_objectSpread$1b({}, this.props), injectedProps)));
       }
     }]);
-    return WithMouseOverState;
   }(Component);
   WithMouseOverState.displayName = wrapDisplayName(BaseComponent, 'withMouseOverState');
   return WithMouseOverState;
@@ -3147,74 +3171,74 @@ var styles$i = {
   "granular": "throttled-field-module__granular___2LXJf"
 };
 let ThrottledField = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ThrottledField, _PureComponent);
   function ThrottledField() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ThrottledField);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$7(this, ThrottledField, [...args]);
-    _this.state = {
+    _this2 = _callSuper$7(this, ThrottledField, [...args]);
+    _this2.state = {
       draftValue: '',
       prevValue: ''
     };
-    _this.clearPendingUpdates = () => {
-      clearTimeout(_this.changeTimeout);
-      clearTimeout(_this.blurTimeout);
-      _this.changeTimeout = null;
-      _this.blurTimeout = null;
+    _this2.clearPendingUpdates = () => {
+      clearTimeout(_this2.changeTimeout);
+      clearTimeout(_this2.blurTimeout);
+      _this2.changeTimeout = null;
+      _this2.blurTimeout = null;
     };
-    _this.handleChange = event => {
+    _this2.handleChange = event => {
       // The `SyntheticEvent` is pooled by default for perf reasons.
       // See https://facebook.github.io/react/docs/events.html#event-pooling
       // To access the event in an async way we need to persist it.
       event.persist();
-      _this.setState({
+      _this2.setState({
         draftValue: event.target.value
       });
-      _this.doDelayedUpdate(_this.props.onChange, event, 'change');
+      _this2.doDelayedUpdate(_this2.props.onChange, event, 'change');
     };
-    _this.handleEnter = event => {
+    _this2.handleEnter = event => {
       if (event.keyCode !== 13) return;
-      if (_this.changeTimeout) {
+      if (_this2.changeTimeout) {
         // Since there are still are some pending updates that are not sent to the
         // parent yet we need to call the update here explicitly and clear the
         // pending updates
-        _this.props.onChange({
+        _this2.props.onChange({
           target: {
-            value: _this.state.draftValue
+            value: _this2.state.draftValue
           }
         });
         // we can savely clear the timeout and thus abort all pending changes
         // because we just update the parent with the current state
-        clearTimeout(_this.changeTimeout);
-        _this.changeTimeout = null;
+        clearTimeout(_this2.changeTimeout);
+        _this2.changeTimeout = null;
       }
-      _this.props.onEnter(_this.state.draftValue);
+      _this2.props.onEnter(_this2.state.draftValue);
     };
-    _this.handleBlur = event => {
+    _this2.handleBlur = event => {
       // The `SyntheticEvent` is pooled by default for perf reasons.
       // See https://facebook.github.io/react/docs/events.html#event-pooling
       // To access the event in an async way we need to persist it.
-      if (_this.props.onBlurValue) {
+      if (_this2.props.onBlurValue) {
         event.persist();
-        _this.doDelayedUpdate(e => _this.props.onBlurValue(e.target.value), event, 'blur');
+        _this2.doDelayedUpdate(e => _this2.props.onBlurValue(e.target.value), event, 'blur');
       }
     };
-    _this.doDelayedUpdate = (updateFunction, event, eventType) => {
-      const self = _assertThisInitialized(_this);
-      const timeoutKey = `${eventType}Timeout`;
+    _this2.doDelayedUpdate = (updateFunction, event, eventType) => {
+      const self = _this2;
+      const timeoutKey = "".concat(eventType, "Timeout");
       // TODO: can't we just use one variable?
-      clearTimeout(_this[timeoutKey]);
-      _this[timeoutKey] = _setTimeout(() => {
+      clearTimeout(_this2[timeoutKey]);
+      _this2[timeoutKey] = _setTimeout(() => {
         updateFunction.call(self, event);
-        _this[timeoutKey] = null;
-      }, _this.props.throttleMS);
+        _this2[timeoutKey] = null;
+      }, _this2.props.throttleMS);
     };
-    return _this;
+    return _this2;
   }
-  _createClass(ThrottledField, [{
+  _inherits(ThrottledField, _PureComponent);
+  return _createClass(ThrottledField, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.clearPendingUpdates();
@@ -3234,7 +3258,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
       }, this.props.onEnter ? {
         onKeyDown: this.handleEnter
       } : {}), filterDataAttributes(this.props));
-      const inputId = `throttled-field-${this.props.name}`;
+      const inputId = "throttled-field-".concat(this.props.name);
       return jsxs(Fragment, {
         children: [jsx(AccessibleHidden, {
           children: jsx("label", {
@@ -3243,7 +3267,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           })
         }), this.props.as === 'textarea' ? jsx(Textarea, _objectSpread$1a(_objectSpread$1a({}, commonProps), {}, {
           id: inputId,
-          className: classnames(styles$i.textarea, styles$i[`textarea-${this.props.style}`], {
+          className: classnames(styles$i.textarea, styles$i["textarea-".concat(this.props.style)], {
             [styles$i.invalid]: !this.props.isValid,
             [styles$i.disabled]: this.props.disabled
           }),
@@ -3254,7 +3278,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           id: inputId,
           ref: this.props.inputRef,
           type: this.props.as,
-          className: classnames(styles$i[`input-${this.props.style}`], {
+          className: classnames(styles$i["input-".concat(this.props.style)], {
             [styles$i.invalid]: !this.props.isValid,
             [styles$i.disabled]: this.props.disabled,
             [styles$i.granular]: this.props.isGranular
@@ -3274,7 +3298,6 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
       return null;
     }
   }]);
-  return ThrottledField;
 }(PureComponent);
 ThrottledField.displayName = 'ThrottledField';
 ThrottledField.defaultProps = {
@@ -3331,53 +3354,54 @@ var styles$h = {
   "action": "search-input-module__action___1GqGT"
 };
 let SearchInput = /*#__PURE__*/function (_Component) {
-  _inherits(SearchInput, _Component);
   function SearchInput() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SearchInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$6(this, SearchInput, [...args]);
-    _this.state = {
-      initialValue: _this.props.initialValue,
-      text: _this.props.initialValue || ''
+    _this2 = _callSuper$6(this, SearchInput, [...args]);
+    _this2.state = {
+      initialValue: _this2.props.initialValue,
+      text: _this2.props.initialValue || ''
     };
-    _this.handleInputChange = event => {
+    _this2.handleInputChange = event => {
       const value = event.target.value;
-      _this.setState({
+      _this2.setState({
         text: value
       }, () => {
-        if (_this.props.shouldSubmitOnInputChange) _this.props.onSubmit(value, _this.props.searchMode);
-        if (_this.props.onChange) _this.props.onChange(value);
+        if (_this2.props.shouldSubmitOnInputChange) _this2.props.onSubmit(value, _this2.props.searchMode);
+        if (_this2.props.onChange) _this2.props.onChange(value);
       });
     };
-    _this.handleEnter = value => {
-      _this.setState({
-        text: _this.props.shouldClearOnSubmit ? '' : value
+    _this2.handleEnter = value => {
+      _this2.setState({
+        text: _this2.props.shouldClearOnSubmit ? '' : value
       });
-      _this.props.onSubmit(value, _this.props.searchMode);
+      _this2.props.onSubmit(value, _this2.props.searchMode);
     };
-    _this.handleSubmit = () => {
-      _this.props.onSubmit(_this.state.text, _this.props.searchMode);
-      _this.props.shouldClearOnSubmit && _this.setState({
+    _this2.handleSubmit = () => {
+      _this2.props.onSubmit(_this2.state.text, _this2.props.searchMode);
+      _this2.props.shouldClearOnSubmit && _this2.setState({
         text: ''
       });
     };
-    _this.handleClear = () => {
-      _this.inputRef?.focus();
-      _this.props.onChange(null);
-      _this.props.onReset();
-      _this.setState({
+    _this2.handleClear = () => {
+      var _this2$inputRef;
+      (_this2$inputRef = _this2.inputRef) === null || _this2$inputRef === void 0 || _this2$inputRef.focus();
+      _this2.props.onChange(null);
+      _this2.props.onReset();
+      _this2.setState({
         text: ''
       });
     };
-    _this.setInputRef = inputRef => {
-      _this.inputRef = inputRef;
+    _this2.setInputRef = inputRef => {
+      _this2.inputRef = inputRef;
     };
-    return _this;
+    return _this2;
   }
-  _createClass(SearchInput, [{
+  _inherits(SearchInput, _Component);
+  return _createClass(SearchInput, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
       // ignore state, since it is only use to keep track of the text in the child
@@ -3452,7 +3476,6 @@ let SearchInput = /*#__PURE__*/function (_Component) {
       return null;
     }
   }]);
-  return SearchInput;
 }(Component);
 SearchInput.displayName = 'SearchInput';
 SearchInput.defaultProps = {
@@ -3477,12 +3500,12 @@ const useExecuteGraphQLRequest = () => {
 };
 const createSearchProductsFromPIMAction = (searchTerm, projectKey) => actions.post({
   mcApiProxyTarget: MC_API_PROXY_TARGETS.PIM_SEARCH,
-  uri: `/${projectKey}/search/product-types`,
+  uri: "/".concat(projectKey, "/search/product-types"),
   payload: {
     query: {
       wildcard: {
         field: 'name',
-        value: `*${searchTerm}*`,
+        value: "*".concat(searchTerm, "*"),
         caseInsensitive: true
       }
     },
@@ -3496,8 +3519,9 @@ const useFetchProductTypesFromPIM = _ref => {
   const dispatch = useAsyncDispatch();
   const executeGraphQLRequest = useExecuteGraphQLRequest();
   const fetchProductTypesFromPim = useCallback(async searchTerm => {
+    var _result$hits$map, _result$hits;
     const result = await dispatch(createSearchProductsFromPIMAction(searchTerm, projectKey));
-    const ids = result?.hits?.map(hit => hit.id) ?? [];
+    const ids = (_result$hits$map = result === null || result === void 0 || (_result$hits = result.hits) === null || _result$hits === void 0 ? void 0 : _mapInstanceProperty(_result$hits).call(_result$hits, hit => hit.id)) !== null && _result$hits$map !== void 0 ? _result$hits$map : [];
     // Avoid sending any requests if it's clear that nothing is found
     if (ids.length === 0) {
       return {
@@ -3532,19 +3556,22 @@ const useFetchProductTypesFromPIM = _ref => {
  */
 const constructNestedExpression = (reversedPath, predicate) => {
   if (reversedPath.length > 0) {
-    return _reduceInstanceProperty(reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => `${nestedSelection}(${nextNestedValue})`, predicate);
+    return _reduceInstanceProperty(reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => {
+      var _context;
+      return _concatInstanceProperty(_context = "".concat(nestedSelection, "(")).call(_context, nextNestedValue, ")");
+    }, predicate);
   }
   return predicate;
 };
 const constructPrefixSearchPredicate$1 = (prefixSearchFields, lowerBound, upperBound) => {
   const constructPrefixSearchExpression = field => {
-    var _context;
+    var _context2, _context3, _context4, _context5;
     const parts = field.split('.');
-    const _parts$slice$reverse = _reverseInstanceProperty(_context = _sliceInstanceProperty(parts).call(parts)).call(_context),
+    const _parts$slice$reverse = _reverseInstanceProperty(_context2 = _sliceInstanceProperty(parts).call(parts)).call(_context2),
       _parts$slice$reverse2 = _toArray(_parts$slice$reverse),
       valueToNest = _parts$slice$reverse2[0],
       reversedPathToNestedValue = _sliceInstanceProperty(_parts$slice$reverse2).call(_parts$slice$reverse2, 1);
-    const predicateExpression = `${valueToNest} >= "${lowerBound}" and ${valueToNest} < "${upperBound}"`;
+    const predicateExpression = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(valueToNest, " >= \"")).call(_context5, lowerBound, "\" and ")).call(_context4, valueToNest, " < \"")).call(_context3, upperBound, "\"");
     return constructNestedExpression(reversedPathToNestedValue, predicateExpression);
   };
   return _mapInstanceProperty(prefixSearchFields).call(prefixSearchFields, constructPrefixSearchExpression).join(' or ');
@@ -3552,7 +3579,7 @@ const constructPrefixSearchPredicate$1 = (prefixSearchFields, lowerBound, upperB
 const constructWherePredicate = (inputValue, prefixSearchFields) => {
   const wherePredicate = function () {
     if (inputValue.length) {
-      if (isUUID(inputValue)) return `id = "${inputValue}"`;else {
+      if (isUUID(inputValue)) return "id = \"".concat(inputValue, "\"");else {
         const _getPrefixSearchBound = getPrefixSearchBounds(inputValue),
           _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
           lowerBound = _getPrefixSearchBound2[0],
@@ -3577,6 +3604,7 @@ const useFetchProductTypessFromCTP = _ref2 => {
   }, [prefixSearchFields, executeGraphQLRequest]);
 };
 const usePimStatus = () => {
+  var _data$indicesExist;
   const _useQuery = useQuery(FetchIndicesExist$1, {
       context: {
         target: GRAPHQL_TARGETS.PIM_INDEXER
@@ -3586,17 +3614,20 @@ const usePimStatus = () => {
     data = _useQuery.data;
   return {
     data,
-    isProjectIndexed: Boolean(data?.indicesExist?.productTypes?.searchableIndexExists)
+    isProjectIndexed: Boolean(data === null || data === void 0 || (_data$indicesExist = data.indicesExist) === null || _data$indicesExist === void 0 || (_data$indicesExist = _data$indicesExist.productTypes) === null || _data$indicesExist === void 0 ? void 0 : _data$indicesExist.searchableIndexExists)
   };
 };
 const useProductTypeOptions = _ref3 => {
   let prefixSearchFields = _ref3.prefixSearchFields;
   const _usePimStatus = usePimStatus(),
     isProjectIndexed = _usePimStatus.isProjectIndexed;
-  const _useApplicationContex = useApplicationContext(context => ({
-      dataLocale: context.dataLocale,
-      projectKey: context.project?.key
-    })),
+  const _useApplicationContex = useApplicationContext(context => {
+      var _context$project;
+      return {
+        dataLocale: context.dataLocale,
+        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
+      };
+    }),
     dataLocale = _useApplicationContex.dataLocale,
     projectKey = _useApplicationContex.projectKey;
   const fetchProductTypesFromPim = useFetchProductTypesFromPIM({
@@ -3660,9 +3691,10 @@ const useHandlers = onChange => {
     setInputValue(changedValue);
   }, []);
   const handleChange = useEventCallback(event => {
+    var _event$target$value;
     const eventWithExtractedValue = _objectSpread$18(_objectSpread$18({}, event), {}, {
       target: _objectSpread$18(_objectSpread$18({}, event.target), {}, {
-        value: event.target.value?.value
+        value: (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value
       })
     });
     onChange(eventWithExtractedValue);
@@ -3672,21 +3704,24 @@ const useHandlers = onChange => {
 
 const _excluded$3 = ["extraWhere"];
 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; }
-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; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$17(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$17(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const constructPrefixSearchPredicate = function () {
   let prefixSearchFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let lowerBound = arguments.length > 1 ? arguments[1] : undefined;
   let upperBound = arguments.length > 2 ? arguments[2] : undefined;
   const constructPrefixSearchExpression = field => {
-    var _context;
+    var _context, _context2, _context3, _context4;
     const path = field.split('.');
     const _path$slice$reverse = _reverseInstanceProperty(_context = _sliceInstanceProperty(path).call(path)).call(_context),
       _path$slice$reverse2 = _toArray(_path$slice$reverse),
       finalValueInPath = _path$slice$reverse2[0],
       remainPathInReverse = _sliceInstanceProperty(_path$slice$reverse2).call(_path$slice$reverse2, 1);
-    const comparison = `${finalValueInPath} >= "${lowerBound}" and ${finalValueInPath} < "${upperBound}"`;
+    const comparison = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(finalValueInPath, " >= \"")).call(_context4, lowerBound, "\" and ")).call(_context3, finalValueInPath, " < \"")).call(_context2, upperBound, "\"");
     if (remainPathInReverse.length) {
-      return _reduceInstanceProperty(remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => `${nextPath}(${nestedPath})`, comparison);
+      return _reduceInstanceProperty(remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => {
+        var _context5;
+        return _concatInstanceProperty(_context5 = "".concat(nextPath, "(")).call(_context5, nestedPath, ")");
+      }, comparison);
     }
     return comparison;
   };
@@ -3702,7 +3737,7 @@ const useLoadOptions = _ref => {
     let where;
     if (inputValue.length) {
       if (isUUID(inputValue)) {
-        where = `id = "${inputValue}"`;
+        where = "id = \"".concat(inputValue, "\"");
       } else {
         const _getPrefixSearchBound = getPrefixSearchBounds(inputValue),
           _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
@@ -3711,11 +3746,12 @@ const useLoadOptions = _ref => {
         where = constructPrefixSearchPredicate(prefixSearchFields, lowerBound, upperBound);
       }
     }
-    const _ref2 = variables ?? {},
+    const _ref2 = variables !== null && variables !== void 0 ? variables : {},
       extraWhere = _ref2.extraWhere,
       restVariables = _objectWithoutProperties(_ref2, _excluded$3);
     if (typeof extraWhere === 'string') {
-      where = where ? `(${where}) and ${variables.extraWhere}` : variables.extraWhere;
+      var _context6;
+      where = where ? _concatInstanceProperty(_context6 = "(".concat(where, ") and ")).call(_context6, variables.extraWhere) : variables.extraWhere;
     }
     return client.query({
       query,
@@ -3732,6 +3768,7 @@ const useLoadOptions = _ref => {
 };
 
 function useCurrentOption(_ref) {
+  var _context;
   let id = _ref.id,
     typename = _ref.typename,
     query = _ref.query,
@@ -3743,7 +3780,7 @@ function useCurrentOption(_ref) {
   // load from cache when possible to speed up initial render
   const canReadFromCache = id && typename && fragment;
   const cacheItem = canReadFromCache ? apolloClient.readFragment({
-    id: `${typename}:${id}`,
+    id: _concatInstanceProperty(_context = "".concat(typename, ":")).call(_context, id),
     fragment
   }) : undefined;
 
@@ -3761,7 +3798,7 @@ function useCurrentOption(_ref) {
     queryData = _useQuery.data,
     queryError = _useQuery.error;
   const queryItem = queryData && queryDataToItem(queryData);
-  const item = queryItem ?? cacheItem;
+  const item = queryItem !== null && queryItem !== void 0 ? queryItem : cacheItem;
   const loading = item ? false : queryLoading;
   const error = item ? undefined : queryError;
   const data = item && itemToOption(item);
@@ -3800,6 +3837,7 @@ const convertProductTypeToOption = productType => {
   };
 };
 const ProductTypePickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -3831,8 +3869,9 @@ const ProductTypePickerInput = _ref => {
     itemToOption: convertProductTypeToOption
   });
   const handleLoadOptions = useCallback(inputValue => loadProductTypes(inputValue).then(_ref3 => {
+    var _data$productTypes;
     let data = _ref3.data;
-    return data.productTypes?.results || [];
+    return ((_data$productTypes = data.productTypes) === null || _data$productTypes === void 0 ? void 0 : _data$productTypes.results) || [];
   }).then(productTypes => _mapInstanceProperty(productTypes).call(productTypes, convertProductTypeToOption)).catch(error => {
     setLoadingError(error);
     onError(error);
@@ -3846,12 +3885,12 @@ const ProductTypePickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
   useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const tooltipTitle = currentOption?.data?.label ?? '';
+  const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 || (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsx(CenteredLoadingSpinner, {}) : jsxs(Spacings.Stack, {
@@ -3905,6 +3944,7 @@ var messages$C = defineMessages({
 var GetStatesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetStatesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "states" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 377, source: { body: "query GetStatesQuery($where: String, $sortByNamePath: String!) {\n  states(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery GetStateQuery($id: String) {\n  state(id: $id) {\n    id\n    key\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetStateQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetStateQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "state" }, 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: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 377, source: { body: "query GetStatesQuery($where: String, $sortByNamePath: String!) {\n  states(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery GetStateQuery($id: String) {\n  state(id: $id) {\n    id\n    key\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const StatePickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -3920,7 +3960,7 @@ const StatePickerInput = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = useApplicationContext(applicationContext => applicationContext.dataLocale);
   const variables = useMemo(() => ({
-    sortByNamePath: `name.${dataLocale}`
+    sortByNamePath: "name.".concat(dataLocale)
   }), [dataLocale]);
   const convertStateToOption = useCallback(state => {
     const localizedName = formatLocalizedFieldToString(state.nameAllLocales);
@@ -3935,7 +3975,7 @@ const StatePickerInput = _ref => {
     _useState2 = _slicedToArray(_useState, 2),
     loadingError = _useState2[0],
     setLoadingError = _useState2[1];
-  const prefixSearchFields = useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetStatesQuery,
     variables,
@@ -3968,13 +4008,13 @@ const StatePickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
   useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$C.noStatesFound), [loadingError, formatMessage]);
-  const tooltipTitle = currentOption?.data?.label ?? '';
+  const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 || (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsx(CenteredLoadingSpinner, {}) : jsxs(Spacings.Stack, {
@@ -4042,23 +4082,26 @@ const CustomFieldTooltip = _ref => {
 
 const setToArray = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return `id in (${_mapInstanceProperty(values).call(values, value => `"${value}"`).join(', ')})`;
+  return "id in (".concat(_mapInstanceProperty(values).call(values, value => "\"".concat(value, "\"")).join(', '), ")");
 };
 
 function capitalizeFirst(text) {
   return text.charAt(0).toUpperCase() + _sliceInstanceProperty(text).call(text, 1);
 }
 
-const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
+const getCentAmountClause = (value, operator, locale) => {
+  var _context;
+  return _concatInstanceProperty(_context = "centAmount ".concat(operator, " ")).call(_context, MoneyInput.convertToMoneyValue(value, locale).centAmount);
+};
 function moneyTransformer(value, option, locale) {
   const clauses = [];
   if (option === FILTER_TYPES.range) {
-    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
+    clauses[0] = "currencyCode = \"".concat(value.from.currencyCode, "\"");
     clauses[1] = getCentAmountClause(value.from, '>=', locale);
     clauses[2] = getCentAmountClause(value.to, '<=', locale);
     return clauses.join(' and ');
   }
-  clauses[0] = `currencyCode = "${value.currencyCode}"`;
+  clauses[0] = "currencyCode = \"".concat(value.currencyCode, "\"");
   switch (option) {
     case FILTER_TYPES.lessThan:
       clauses[1] = getCentAmountClause(value, '<', locale);
@@ -4075,6 +4118,7 @@ function moneyTransformer(value, option, locale) {
   return clauses.join(' and ');
 }
 
+var _templateObject$2, _templateObject2$1;
 const formatTime = 'HH:mm:ss.SSS';
 
 /* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
@@ -4096,6 +4140,7 @@ const defaultFilterValidator = _ref => {
 const timeTransformer = function (filterKey, filters) {
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
   const queries = _mapInstanceProperty(filters).call(filters, _ref2 => {
+    var _context, _context2;
     let type = _ref2.type,
       value = _ref2.value;
     if (!filterValidator({
@@ -4104,19 +4149,13 @@ const timeTransformer = function (filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${value}"`;
+        return _concatInstanceProperty(_context = "".concat(filterKey, " < \"")).call(_context, value, "\"");
       case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${value}"`;
+        return _concatInstanceProperty(_context2 = "".concat(filterKey, " > \"")).call(_context2, value, "\"");
       case FILTER_TYPES.equalTo:
-        return oneLine`
-          (${filterKey} >= "${value}"
-          and ${filterKey} <= "${getEndOfSecond(value)}")
-          `;
+        return oneLine(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value, filterKey, getEndOfSecond(value));
       case FILTER_TYPES.range:
-        return oneLine`
-          (${filterKey} >= "${value.from}"
-          and ${filterKey} <= "${getEndOfSecond(value.to)}")
-          `;
+        return oneLine(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value.from, filterKey, getEndOfSecond(value.to));
       default:
         return '';
     }
@@ -4132,7 +4171,7 @@ const timeTransformer = function (filterKey, filters) {
    *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
    * ) or some_more_filters
    */
-  return queryString === '' ? null : `(${queryString})`;
+  return queryString === '' ? null : "(".concat(queryString, ")");
 };
 
 // FIXME: delete once prefix search is supported in ctp api
@@ -4149,8 +4188,9 @@ const timeTransformer = function (filterKey, filters) {
 // e.g
 // where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
 const getPrefixSearchBounds = input => {
+  var _context;
   const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
-  return [input, `${_sliceInstanceProperty(input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty(input).call(input, input.length - 1))}`];
+  return [input, _concatInstanceProperty(_context = "".concat(_sliceInstanceProperty(input).call(input, 0, input.length - 1))).call(_context, getNextCharacter(_sliceInstanceProperty(input).call(input, input.length - 1)))];
 };
 
 const _excluded$2 = ["action"];
@@ -4343,7 +4383,7 @@ const convertChangeValueAction = actionPayload => {
  * as its dynamic content can not be typed in SDL for the mutation.
  */
 const convertAction = (actionName, actionPayload) => {
-  var _context3, _context4, _context5;
+  var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5;
   const getNameFromPayload = payload => {
     // changeName for `Organizations`
     if (typeof payload.name === 'string') return payload;
@@ -4408,7 +4448,7 @@ const convertAction = (actionName, actionPayload) => {
     case 'setCustomType':
       return {
         [actionName]: {
-          typeId: actionPayload.type?.id,
+          typeId: (_actionPayload$type = actionPayload.type) === null || _actionPayload$type === void 0 ? void 0 : _actionPayload$type.id,
           fields: actionPayload.fields ? _mapInstanceProperty(_context3 = _Object$entries(actionPayload.fields)).call(_context3, _ref => {
             let _ref2 = _slicedToArray(_ref, 2),
               customField = _ref2[0],
@@ -4438,10 +4478,10 @@ const convertAction = (actionName, actionPayload) => {
       };
     case 'setGeoLocation':
       return {
-        [actionName]: actionPayload?.geoLocation ? {
+        [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
           geoLocation: {
             type: 'Point',
-            coordinates: [_parseFloat(actionPayload.geoLocation?.longitude), _parseFloat(actionPayload.geoLocation?.latitude)]
+            coordinates: [_parseFloat((_actionPayload$geoLoc = actionPayload.geoLocation) === null || _actionPayload$geoLoc === void 0 ? void 0 : _actionPayload$geoLoc.longitude), _parseFloat((_actionPayload$geoLoc2 = actionPayload.geoLocation) === null || _actionPayload$geoLoc2 === void 0 ? void 0 : _actionPayload$geoLoc2.latitude)]
           }
         } : {
           undefined
@@ -4577,7 +4617,7 @@ const convertAction = (actionName, actionPayload) => {
     case 'setShippingRateInputType':
       return {
         [actionName]: {
-          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
+          shippingRateInputType: (_actionPayload$shippi = actionPayload.shippingRateInputType) !== null && _actionPayload$shippi !== void 0 && _actionPayload$shippi.type ? {
             [actionPayload.shippingRateInputType.type]: {
               values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty(_context4 = _valuesInstanceProperty(actionPayload.shippingRateInputType)).call(_context4, value => ({
                 key: value.key,
@@ -4631,8 +4671,8 @@ const convertAction = (actionName, actionPayload) => {
     case 'addAddress':
     case 'changeAddress':
       {
-        var _context6;
-        const _ref3 = actionPayload.address?.custom || {},
+        var _actionPayload$addres, _context6, _actionPayload$addres2;
+        const _ref3 = ((_actionPayload$addres = actionPayload.address) === null || _actionPayload$addres === void 0 ? void 0 : _actionPayload$addres.custom) || {},
           _ref3$fields = _ref3.fields,
           fields = _ref3$fields === void 0 ? {} : _ref3$fields;
         const customFields = isEmpty$3(fields) ? null : _mapInstanceProperty(_context6 = _Object$entries(fields)).call(_context6, _ref4 => {
@@ -4644,7 +4684,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify(value)
           };
         });
-        const custom = actionPayload.address?.custom?.type?.id ? {
+        const custom = (_actionPayload$addres2 = actionPayload.address) !== null && _actionPayload$addres2 !== void 0 && (_actionPayload$addres2 = _actionPayload$addres2.custom) !== null && _actionPayload$addres2 !== void 0 && (_actionPayload$addres2 = _actionPayload$addres2.type) !== null && _actionPayload$addres2 !== void 0 && _actionPayload$addres2.id ? {
           type: {
             id: actionPayload.address.custom.type.id
           },
@@ -4675,7 +4715,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify(value)
           };
         });
-        const customType = type?.id ? {
+        const customType = type !== null && type !== void 0 && type.id ? {
           id: type.id
         } : null;
         return {
@@ -4698,10 +4738,11 @@ const createGraphQlUpdateActions = actions => _reduceInstanceProperty(actions).c
   return [...previousActions, convertAction(actionName, actionPayload)];
 }, []);
 const extractErrorFromGraphQlResponse = graphQlResponse => {
-  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
+  var _graphQlResponse$netw, _graphQlResponse$grap;
+  if (((_graphQlResponse$netw = graphQlResponse.networkError) === null || _graphQlResponse$netw === void 0 || (_graphQlResponse$netw = _graphQlResponse$netw.result) === null || _graphQlResponse$netw === void 0 || (_graphQlResponse$netw = _graphQlResponse$netw.errors) === null || _graphQlResponse$netw === void 0 ? void 0 : _graphQlResponse$netw.length) > 0) {
     return graphQlResponse.networkError.result.errors;
   }
-  if (graphQlResponse.graphQLErrors?.length > 0) {
+  if (((_graphQlResponse$grap = graphQlResponse.graphQLErrors) === null || _graphQlResponse$grap === void 0 ? void 0 : _graphQlResponse$grap.length) > 0) {
     return graphQlResponse.graphQLErrors;
   }
   return graphQlResponse;
@@ -4730,14 +4771,16 @@ function omitDeep(obj, fieldsToOmit) {
 function ownKeys$14(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; }
 function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$14(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$14(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getPriceChannelName(price) {
-  return price.channel?.name ?? price.channel?.key ?? null;
+  var _ref, _price$channel$name, _price$channel, _price$channel2;
+  return (_ref = (_price$channel$name = (_price$channel = price.channel) === null || _price$channel === void 0 ? void 0 : _price$channel.name) !== null && _price$channel$name !== void 0 ? _price$channel$name : (_price$channel2 = price.channel) === null || _price$channel2 === void 0 ? void 0 : _price$channel2.key) !== null && _ref !== void 0 ? _ref : null;
 }
 function getDiscountValue(price) {
+  var _price$value, _price$value2, _price$discounted;
   let preciseAmount;
   let fractionedAmount;
-  if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted.value.type === PRECISION_TYPES.highPrecision) {
+  if (((_price$value = price.value) === null || _price$value === void 0 ? void 0 : _price$value.type) === PRECISION_TYPES.highPrecision && price.discounted.value.type === PRECISION_TYPES.highPrecision) {
     preciseAmount = price.value.preciseAmount - price.discounted.value.preciseAmount;
-  } else if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted?.value?.type === PRECISION_TYPES.centPrecision) {
+  } else if (((_price$value2 = price.value) === null || _price$value2 === void 0 ? void 0 : _price$value2.type) === PRECISION_TYPES.highPrecision && ((_price$discounted = price.discounted) === null || _price$discounted === void 0 || (_price$discounted = _price$discounted.value) === null || _price$discounted === void 0 ? void 0 : _price$discounted.type) === PRECISION_TYPES.centPrecision) {
     fractionedAmount = getFractionedAmount(price.value) - getFractionedAmount(price.discounted.value);
   }
   return price.discounted ? _objectSpread$14(_objectSpread$14({}, price.value), {}, {
@@ -4751,23 +4794,28 @@ function getDiscountValue(price) {
 function getSelectedPrice(price) {
   return price.discounted ? price.discounted : price;
 }
-function getNetUnitPrice(_ref) {
-  let lineItem = _ref.lineItem,
-    shouldRoundAmount = _ref.shouldRoundAmount;
+function getNetUnitPrice(_ref2) {
+  var _lineItem$perMethodTa, _filteredPerMethodTax;
+  let lineItem = _ref2.lineItem,
+    shouldRoundAmount = _ref2.shouldRoundAmount;
   const price = getSelectedPrice(lineItem.price);
-  const filteredPerMethodTaxRate = lineItem?.perMethodTaxRate?.filter(perMethodTax => lineItem?.shippingDetails?.targets?.findIndex(target => target?.shippingMethodKey === perMethodTax?.shippingMethodKey) >= 0);
+  const filteredPerMethodTaxRate = lineItem === null || lineItem === void 0 || (_lineItem$perMethodTa = lineItem.perMethodTaxRate) === null || _lineItem$perMethodTa === void 0 ? void 0 : _filterInstanceProperty(_lineItem$perMethodTa).call(_lineItem$perMethodTa, perMethodTax => {
+    var _lineItem$shippingDet;
+    return (lineItem === null || lineItem === void 0 || (_lineItem$shippingDet = lineItem.shippingDetails) === null || _lineItem$shippingDet === void 0 || (_lineItem$shippingDet = _lineItem$shippingDet.targets) === null || _lineItem$shippingDet === void 0 ? void 0 : _findIndexInstanceProperty(_lineItem$shippingDet).call(_lineItem$shippingDet, target => (target === null || target === void 0 ? void 0 : target.shippingMethodKey) === (perMethodTax === null || perMethodTax === void 0 ? void 0 : perMethodTax.shippingMethodKey))) >= 0;
+  });
 
   // when shipping mode is multi with the same tax rate
-  if (filteredPerMethodTaxRate?.length > 0 && filteredPerMethodTaxRate[0]?.taxRate?.includedInPrice) {
+  if ((filteredPerMethodTaxRate === null || filteredPerMethodTaxRate === void 0 ? void 0 : filteredPerMethodTaxRate.length) > 0 && (_filteredPerMethodTax = filteredPerMethodTaxRate[0]) !== null && _filteredPerMethodTax !== void 0 && (_filteredPerMethodTax = _filteredPerMethodTax.taxRate) !== null && _filteredPerMethodTax !== void 0 && _filteredPerMethodTax.includedInPrice) {
+    var _price$value3, _price$value4;
     const taxRate = filteredPerMethodTaxRate[0].taxRate;
     let centAmount;
     // should accept 0 value
-    if (typeof price.value?.centAmount === 'number') {
+    if (typeof ((_price$value3 = price.value) === null || _price$value3 === void 0 ? void 0 : _price$value3.centAmount) === 'number') {
       const amount = price.value.centAmount / (1 + taxRate.amount);
       centAmount = shouldRoundAmount ? Math.round(amount) : amount;
     }
     let preciseAmount;
-    if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + taxRate.amount);
+    if (((_price$value4 = price.value) === null || _price$value4 === void 0 ? void 0 : _price$value4.type) === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + taxRate.amount);
     return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
       centAmount,
       preciseAmount
@@ -4776,14 +4824,15 @@ function getNetUnitPrice(_ref) {
 
   // when shipping mode is single
   if (lineItem.taxRate && lineItem.taxRate.includedInPrice) {
+    var _price$value5, _price$value6;
     let centAmount;
     // should accept 0 value
-    if (typeof price.value?.centAmount === 'number') {
+    if (typeof ((_price$value5 = price.value) === null || _price$value5 === void 0 ? void 0 : _price$value5.centAmount) === 'number') {
       const amount = price.value.centAmount / (1 + lineItem.taxRate.amount);
       centAmount = shouldRoundAmount ? Math.round(amount) : amount;
     }
     let preciseAmount;
-    if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
+    if (((_price$value6 = price.value) === null || _price$value6 === void 0 ? void 0 : _price$value6.type) === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
     return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
       centAmount,
       preciseAmount
@@ -4817,18 +4866,18 @@ const transformCustomFieldFromGraphQLResponse = resource => {
         key: resource.custom.type.key,
         name: transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
         fieldDefinitions: _mapInstanceProperty(_context = resource.custom.type.fieldDefinitions).call(_context, fieldDefinition => {
-          var _context2, _context3;
+          var _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
           return {
             name: fieldDefinition.name,
             required: fieldDefinition.required,
-            type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
+            type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 || (_fieldDefinition$type = _fieldDefinition$type.elementType) === null || _fieldDefinition$type === void 0 ? void 0 : _fieldDefinition$type.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
               elementType: _objectSpread$13(_objectSpread$13({}, fieldDefinition.type.elementType), {}, {
                 values: _mapInstanceProperty(_context2 = _valuesInstanceProperty(fieldDefinition.type.elementType)).call(_context2, value => ({
                   key: value.key,
                   label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
                 }))
               })
-            }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
+            }) : ((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
               values: _mapInstanceProperty(_context3 = _valuesInstanceProperty(fieldDefinition.type)).call(_context3, value => ({
                 key: value.key,
                 label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -4855,7 +4904,7 @@ const convertProductSelectionFromGraphQl = productSelection => {
     from: 'nameAllLocales',
     to: 'name'
   }])), {}, {
-    custom: productSelection?.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
+    custom: productSelection !== null && productSelection !== void 0 && productSelection.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
   });
 };
 
@@ -4985,17 +5034,17 @@ function _callSuper$5(_this, derived, args) {
 var FetchTypeDefinitionsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ 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: "SetType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "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: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1172, source: { body: "query FetchTypeDefinitionsQuery($where: String, $limit: Int, $offset: Int) {\n  typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n    results {\n      fieldDefinitions {\n        type {\n          name\n          ... on SetType {\n            elementType {\n              name\n              ... on EnumType {\n                values {\n                  key\n                  label\n                }\n              }\n              ... on LocalizedEnumType {\n                values {\n                  key\n                  labelAllLocales {\n                    value\n                    locale\n                  }\n                }\n              }\n            }\n          }\n          ... on EnumType {\n            values {\n              key\n              label\n            }\n          }\n          ... on LocalizedEnumType {\n            values {\n              key\n              labelAllLocales {\n                value\n                locale\n              }\n            }\n          }\n          ... on ReferenceType {\n            referenceTypeId\n          }\n        }\n        name\n        labelAllLocales {\n          value\n          locale\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const customizableResources$1 = ['asset', 'category', 'channel', 'customer', 'order', 'discount-code', 'cart-discount', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review'];
 let CustomFieldDefinitionsConnector = /*#__PURE__*/function (_Component) {
-  _inherits(CustomFieldDefinitionsConnector, _Component);
   function CustomFieldDefinitionsConnector() {
     _classCallCheck(this, CustomFieldDefinitionsConnector);
     return _callSuper$5(this, CustomFieldDefinitionsConnector, arguments);
   }
-  _createClass(CustomFieldDefinitionsConnector, [{
+  _inherits(CustomFieldDefinitionsConnector, _Component);
+  return _createClass(CustomFieldDefinitionsConnector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _context;
       const hasUnsupportedResource = _someInstanceProperty(_context = this.props.resources).call(_context, resource => !_includesInstanceProperty(customizableResources$1).call(customizableResources$1, resource));
-      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant(false, `core/components/custom-field-definitions-connector: some of the specified resources are not supported.`) : invariant(false) : void 0;
+      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant(false, "core/components/custom-field-definitions-connector: some of the specified resources are not supported.") : invariant(false) : void 0;
     }
   }, {
     key: "render",
@@ -5008,15 +5057,14 @@ let CustomFieldDefinitionsConnector = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return CustomFieldDefinitionsConnector;
 }(Component);
 CustomFieldDefinitionsConnector.displayName = 'CustomFieldDefinitionsConnector';
 CustomFieldDefinitionsConnector.defaultProps = {
   resources: []
 };
-const stringifyResources$1 = resources => _mapInstanceProperty(resources).call(resources, resource => `"${resource}"`).join();
+const stringifyResources$1 = resources => _mapInstanceProperty(resources).call(resources, resource => "\"".concat(resource, "\"")).join();
 const mapPropsToOptions = ownProps => {
-  const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources$1(ownProps.resources)})` : undefined;
+  const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources$1(ownProps.resources), ")") : undefined;
   return {
     variables: {
       where,
@@ -5085,19 +5133,19 @@ const graphQlDocToForm = typeDefinition => {
       key: typeDefinition.key,
       name: transformLocalizedFieldToLocalizedString(typeDefinition.nameAllLocales),
       fieldDefinitions: _mapInstanceProperty(_context = typeDefinition.fieldDefinitions).call(_context, fieldDefinition => {
-        var _context2, _context3;
+        var _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
         return {
           name: fieldDefinition.name,
           required: fieldDefinition.required,
           inputHint: fieldDefinition.inputHint,
-          type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
+          type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 || (_fieldDefinition$type = _fieldDefinition$type.elementType) === null || _fieldDefinition$type === void 0 ? void 0 : _fieldDefinition$type.name) === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
             elementType: _objectSpread$10(_objectSpread$10({}, fieldDefinition.type.elementType), {}, {
               values: _mapInstanceProperty(_context2 = _valuesInstanceProperty(fieldDefinition.type.elementType)).call(_context2, value => ({
                 key: value.key,
                 label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
               }))
             })
-          }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
+          }) : ((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
             values: _mapInstanceProperty(_context3 = _valuesInstanceProperty(fieldDefinition.type)).call(_context3, value => ({
               key: value.key,
               label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -5129,7 +5177,7 @@ const formToGraphQlDoc = formCustomFields => ({
 // TODO(pa3): find usages and make sure only 1 param is passed
 const createEmptyCustomFields = typeDefinition => ({
   fields: {},
-  type: typeDefinition?.type || {
+  type: (typeDefinition === null || typeDefinition === void 0 ? void 0 : typeDefinition.type) || {
     fieldDefinitions: []
   }
 });
@@ -5156,17 +5204,17 @@ const emptyTypeDefinitions = {
   results: []
 };
 let CustomFieldTypeDefinitionsConnector = /*#__PURE__*/function (_Component) {
-  _inherits(CustomFieldTypeDefinitionsConnector, _Component);
   function CustomFieldTypeDefinitionsConnector() {
     _classCallCheck(this, CustomFieldTypeDefinitionsConnector);
     return _callSuper$4(this, CustomFieldTypeDefinitionsConnector, arguments);
   }
-  _createClass(CustomFieldTypeDefinitionsConnector, [{
+  _inherits(CustomFieldTypeDefinitionsConnector, _Component);
+  return _createClass(CustomFieldTypeDefinitionsConnector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _context;
       const hasUnsupportedResource = _someInstanceProperty(_context = this.props.resources).call(_context, resource => !_includesInstanceProperty(customizableResources).call(customizableResources, resource));
-      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant(false, `core/components/custom-field-definitions-connector: some of the specified resources are not supported.`) : invariant(false) : void 0;
+      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant(false, "core/components/custom-field-definitions-connector: some of the specified resources are not supported.") : invariant(false) : void 0;
     }
   }, {
     key: "render",
@@ -5179,7 +5227,6 @@ let CustomFieldTypeDefinitionsConnector = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return CustomFieldTypeDefinitionsConnector;
 }(Component);
 CustomFieldTypeDefinitionsConnector.displayName = 'CustomFieldTypeDefinitionsConnector';
 CustomFieldTypeDefinitionsConnector.defaultProps = {
@@ -5191,9 +5238,9 @@ CustomFieldTypeDefinitionsConnector.graphQlDocToForm = graphQlDocToForm;
 CustomFieldTypeDefinitionsConnector.formToRestDoc = formToRestDoc;
 CustomFieldTypeDefinitionsConnector.formToGraphQlDoc = formToGraphQlDoc;
 CustomFieldTypeDefinitionsConnector.createEmptyCustomFields = createEmptyCustomFields;
-const stringifyResources = resources => _mapInstanceProperty(resources).call(resources, resource => `"${resource}"`).join();
+const stringifyResources = resources => _mapInstanceProperty(resources).call(resources, resource => "\"".concat(resource, "\"")).join();
 const createGraphQlOptions = ownProps => {
-  const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources(ownProps.resources)})` : undefined;
+  const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources(ownProps.resources), ")") : undefined;
   return {
     variables: {
       where,
@@ -5269,7 +5316,7 @@ const extractDuplicatedValues = (values, type, language, languages) => {
   let validatedValues = [];
   if (type.name.toLowerCase() === 'money') {
     validatedValues = unique(values, ['amount', 'currencyCode']);
-  } else if (type.name.toLowerCase() === 'reference') validatedValues = unique(_filterInstanceProperty(values).call(values, value => value?.id), ['id']);else if (type.name.toLowerCase() === 'localizedstring') {
+  } else if (type.name.toLowerCase() === 'reference') validatedValues = unique(_filterInstanceProperty(values).call(values, value => value === null || value === void 0 ? void 0 : value.id), ['id']);else if (type.name.toLowerCase() === 'localizedstring') {
     validatedValues = unique(values, languages);
   } else validatedValues = unique(values);
   return validatedValues;
@@ -5516,6 +5563,7 @@ const getSubfieldLanguage = subfieldName => {
   return subfieldName.substring(lastDotIndex + 1);
 };
 function CustomLocalizedTextInput(props) {
+  var _value$language;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
       languages: applicationContext.project.languages
@@ -5541,7 +5589,7 @@ function CustomLocalizedTextInput(props) {
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
   const InputComponent = isMultiLine ? LocalizedMultilineTextInput : LocalizedTextInput;
-  const tooltipTitle = isMultiLine ? '' : value ? value[language] ?? '' : '';
+  const tooltipTitle = isMultiLine ? '' : value ? (_value$language = value[language]) !== null && _value$language !== void 0 ? _value$language : '' : '';
   return jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsx(InputComponent, {
@@ -5592,7 +5640,8 @@ function CustomBooleanInput(props) {
 CustomBooleanInput.displayName = 'CustomBooleanInput';
 
 function CustomNumberInput(props) {
-  const value = props.value ?? '';
+  var _props$value;
+  const value = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : '';
   const handleChange = makeChangeHandler(rawValue => {
     props.setFieldValue(props.name, !rawValue ? undefined : Number(rawValue));
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
@@ -5641,7 +5690,7 @@ const fixAmount = value => {
 // data user just entered effectively preventing full data from being entered.
 const fixEnteredValue = (newValue, initialValue, currencies) => {
   const withFixedCurrency = fixCurrencyCode(newValue, currencies);
-  if (!initialValue?.amount) {
+  if (!(initialValue !== null && initialValue !== void 0 && initialValue.amount)) {
     return fixAmount(withFixedCurrency);
   }
   return withFixedCurrency;
@@ -5711,12 +5760,13 @@ const convertTypeValuesToOptions$1 = defaultMemoize((type, dataLocale, languages
       key: 'label',
       locale: dataLocale,
       fallbackOrder: languages,
-      fallback: `${value.key} (key)`
+      fallback: "".concat(value.key, " (key)")
     }),
     value: value.key
   }));
 });
 function CustomLocalizedEnumInput(props) {
+  var _options$find$label, _options$find;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
       languages: applicationContext.project.languages,
       dataLocale: applicationContext.dataLocale
@@ -5728,7 +5778,7 @@ function CustomLocalizedEnumInput(props) {
     props.setFieldValue(props.name, rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
-  const tooltipTitle = props.value ? _findInstanceProperty(options).call(options, option => option.value === props.value)?.label ?? '' : '';
+  const tooltipTitle = props.value ? (_options$find$label = (_options$find = _findInstanceProperty(options).call(options, option => option.value === props.value)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : '' : '';
   return jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsx(SelectInput, {
@@ -5751,7 +5801,8 @@ function CustomLocalizedEnumInput(props) {
 CustomLocalizedEnumInput.displayName = 'CustomLocalizedEnumInput';
 
 function CustomRawIdReferenceInput(props) {
-  const value = props.value?.id || '';
+  var _props$value;
+  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
   return jsx(CustomFieldTooltip, {
     title: value,
     children: jsx(TextInput, {
@@ -5797,7 +5848,7 @@ function getCategoriesByIds(apolloClient, options) {
   return apolloClient.query({
     query: FetchCategoriesByIds,
     variables: {
-      where: `id in (${_mapInstanceProperty(_context2 = options.ids).call(_context2, id => `"${id}"`).join(', ')})`
+      where: "id in (".concat(_mapInstanceProperty(_context2 = options.ids).call(_context2, id => "\"".concat(id, "\"")).join(', '), ")")
     },
     context: {
       target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -5896,10 +5947,13 @@ const useReferenceSearchItems = _ref => {
   };
 };
 function ReferenceSearch(props) {
-  const ids = useMemo(() => props.value ? props.isMulti ? props.value?.map(_ref2 => {
-    let id = _ref2.id;
-    return id;
-  }) : [props.value?.id] : [], [props.value, props.isMulti]);
+  const ids = useMemo(() => {
+    var _props$value, _props$value2;
+    return props.value ? props.isMulti ? (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _mapInstanceProperty(_props$value).call(_props$value, _ref2 => {
+      let id = _ref2.id;
+      return id;
+    }) : [(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.id] : [];
+  }, [props.value, props.isMulti]);
   const _useReferenceSearchIt = useReferenceSearchItems({
       loadItemsBySearchTerm: props.loadItemsBySearchTerm,
       loadItemsByIds: props.loadItemsByIds,
@@ -5910,14 +5964,14 @@ function ReferenceSearch(props) {
     areSomeItemsMissing = _useReferenceSearchIt.areSomeItemsMissing,
     handleLoadItems = _useReferenceSearchIt.handleLoadItems;
   if (areItemsLoading) return null;
-  const value = props.isMulti ? items : items?.[0];
+  const value = props.isMulti ? items : items === null || items === void 0 ? void 0 : items[0];
   let filterValue = null;
   if (value) filterValue = props.isMulti ? _mapInstanceProperty(value).call(value, props.mapItemToOption) : props.mapItemToOption(value);
   const tooltipTitle = value || props.value ? props.mapItemToOption(value || props.value).label : '';
   const loadItems = value => _Promise.resolve(handleLoadItems(value)).then(items => _mapInstanceProperty(items).call(items, item => props.mapItemToOption(item)));
   const handleChange = event => {
-    var _context;
-    const option = props.isMulti ? _mapInstanceProperty(_context = event.target.value).call(_context, item => item.value) : event.target.value?.value || null;
+    var _context, _event$target$value;
+    const option = props.isMulti ? _mapInstanceProperty(_context = event.target.value).call(_context, item => item.value) : ((_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value) || null;
     props.onChange(option);
   };
   return jsxs("div", {
@@ -5991,8 +6045,9 @@ const messages$B = defineMessages({
 });
 
 function ownKeys$U(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; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$U(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$U(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$U(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$U(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Option$1(props) {
+  var _context, _context2;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
       languages: applicationContext.project.languages
@@ -6013,19 +6068,19 @@ function Option$1(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsx(Text.Detail, {
-        children: `${formatMessage(messages$B.parentCategory)}: ${formatLocalizedString(category.parent, {
+        children: _concatInstanceProperty(_context = "".concat(formatMessage(messages$B.parentCategory), ": ")).call(_context, formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        })}`
+        }))
       }), jsx(Text.Detail, {
-        children: `Slug: ${formatLocalizedString(category, {
+        children: "Slug: ".concat(formatLocalizedString(category, {
           key: 'slug',
           locale: language,
           fallbackOrder: languages
-        })}`
+        }))
       }), category.externalId && jsx(Text.Detail, {
-        children: `${formatMessage(messages$B.externalId)}: ${category.externalId || NO_VALUE_FALLBACK}`
+        children: _concatInstanceProperty(_context2 = "".concat(formatMessage(messages$B.externalId), ": ")).call(_context2, category.externalId || NO_VALUE_FALLBACK)
       })]
     })
   }));
@@ -6089,7 +6144,7 @@ var CategorySearchPickerOptionFragment$1 = { kind: "Document", definitions: [{ k
 function useCachedCategoryOptions(ids) {
   const apolloClient = useApolloClient$1();
   const fragments = _mapInstanceProperty(ids).call(ids, id => apolloClient.readFragment({
-    id: `CategorySearch:${id}`,
+    id: "CategorySearch:".concat(id),
     fragment: CategorySearchPickerOptionFragment$1
   }));
   return _mapInstanceProperty(fragments).call(fragments, category => transformLocalizedFieldsForCategory(category, [{
@@ -6104,8 +6159,8 @@ function useCachedCategoryOptions(ids) {
 var SearchCartDiscount = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "SearchCartDiscount" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "500" } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 425, source: { body: "query SearchCartDiscount($where: String) {\n  cartDiscounts(limit: 500, where: $where) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery CartDiscountsCount {\n  cartDiscounts {\n    total\n  }\n}\n\nquery FetchCartDiscountById($cartDiscountId: String!) {\n  cartDiscount(id: $cartDiscountId) {\n    id\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var FetchCartDiscountById = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchCartDiscountById" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "cartDiscountId" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscount" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "cartDiscountId" } } }], 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: 425, source: { body: "query SearchCartDiscount($where: String) {\n  cartDiscounts(limit: 500, where: $where) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery CartDiscountsCount {\n  cartDiscounts {\n    total\n  }\n}\n\nquery FetchCartDiscountById($cartDiscountId: String!) {\n  cartDiscount(id: $cartDiscountId) {\n    id\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const transformCartDiscountResponse = response => {
-  var _context;
-  return _mapInstanceProperty(_context = response.data?.cartDiscounts.results || []).call(_context, cartDiscount => transformLocalizedFieldsForCartDiscount(cartDiscount));
+  var _context, _response$data;
+  return _mapInstanceProperty(_context = ((_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.cartDiscounts.results) || []).call(_context, cartDiscount => transformLocalizedFieldsForCartDiscount(cartDiscount));
 };
 function queryCartDiscounts(apolloClient) {
   return apolloClient.query({
@@ -6117,14 +6172,14 @@ function queryCartDiscounts(apolloClient) {
   }).then(transformCartDiscountResponse);
 }
 const getWhereClause = function () {
-  var _context2, _context3;
+  var _context2, _context3, _context4;
   let searchText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let language = arguments.length > 1 ? arguments[1] : undefined;
   const query = _trimInstanceProperty(_context2 = _JSON$stringify(searchText)).call(_context2);
-  const idQuery = isUUID(searchText) && `id = ${query}`;
-  const nameQuery = `name(${language} = ${query})`;
-  const keyQuery = `key = ${query}`;
-  return _filterInstanceProperty(_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
+  const idQuery = isUUID(searchText) && "id = ".concat(query);
+  const nameQuery = _concatInstanceProperty(_context3 = "name(".concat(language, " = ")).call(_context3, query, ")");
+  const keyQuery = "key = ".concat(query);
+  return _filterInstanceProperty(_context4 = [idQuery, nameQuery, keyQuery]).call(_context4, Boolean).join(' or ');
 };
 function searchCartDiscountsByExactMatch(apolloClient, options) {
   return apolloClient.query({
@@ -6147,7 +6202,10 @@ function getCartDiscountById(apolloClient, options) {
     context: {
       target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
     }
-  }).then(response => response.data?.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null);
+  }).then(response => {
+    var _response$data2;
+    return (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null;
+  });
 }
 
 const messages$A = defineMessages({
@@ -6224,7 +6282,7 @@ function CartDiscountReferenceSearch(props) {
     }),
     loading = _useQuery.loading,
     data = _useQuery.data;
-  const isExactMatch = data?.cartDiscounts.total > QUERY_MAX_LIMIT;
+  const isExactMatch = (data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT;
   const _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   const apolloClient = useApolloClient$1();
@@ -6364,6 +6422,7 @@ const DropdownIndicator = () => jsx(SearchIcon, {
 });
 DropdownIndicator.displayName = 'DropdownIndicator';
 const ProductPickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -6384,19 +6443,20 @@ const ProductPickerInput = _ref => {
     loadingError = _useState2[0],
     setLoadingError = _useState2[1];
   const convertProductToOption = useCallback(product => {
+    var _masterData$current;
     if (!product) return null;
     const id = product.id,
       key = product.key,
       masterData = product.masterData;
-    const localizedName = formatLocalizedFieldToString(masterData.current?.nameAllLocales);
+    const localizedName = formatLocalizedFieldToString((_masterData$current = masterData.current) === null || _masterData$current === void 0 ? void 0 : _masterData$current.nameAllLocales);
     return {
-      label: localizedName + (key ? ` (key: ${key})` : ''),
+      label: localizedName + (key ? " (key: ".concat(key, ")") : ''),
       value: id,
       name: localizedName,
       key
     };
   }, [formatLocalizedFieldToString]);
-  const prefixSearchFields = useMemo(() => [`masterData.current.name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = useMemo(() => ["masterData.current.name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetProductsQuery,
     prefixSearchFields
@@ -6427,12 +6487,12 @@ const ProductPickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
   useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const tooltipTitle = currentOption?.data?.label ?? '';
+  const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 || (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsx(CenteredLoadingSpinner, {}) : jsxs(Spacings.Stack, {
@@ -6472,7 +6532,8 @@ const ProductPickerInput = _ref => {
 ProductPickerInput.displayName = 'ProductPickerInput';
 
 function CustomProductReferenceInput(props) {
-  const value = props.value?.id || '';
+  var _props$value;
+  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
   return jsx(ProductPickerInput, {
     value: value,
     name: props.name,
@@ -6490,7 +6551,8 @@ function CustomProductReferenceInput(props) {
 CustomProductReferenceInput.displayName = 'CustomProductReferenceInput';
 
 function CustomProductTypeReferenceInput(props) {
-  const value = props.value?.id || '';
+  var _props$value;
+  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
   return jsx(ProductTypePickerInput, {
     value: value,
     name: props.name,
@@ -6507,7 +6569,8 @@ function CustomProductTypeReferenceInput(props) {
 CustomProductTypeReferenceInput.displayName = 'CustomProductTypeReferenceInput';
 
 function CustomChannelReferenceInput(props) {
-  const value = props.value?.id || '';
+  var _props$value;
+  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
   return jsx(ChannelPickerInput, {
     value: value,
     name: props.name,
@@ -6524,7 +6587,8 @@ function CustomChannelReferenceInput(props) {
 CustomChannelReferenceInput.displayName = 'CustomChannelReferenceInput';
 
 function CustomStateReferenceInput(props) {
-  const value = props.value?.id || '';
+  var _props$value;
+  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
   return jsx(StatePickerInput, {
     value: value,
     name: props.name,
@@ -6640,16 +6704,17 @@ function CustomTimeInput(props) {
 CustomTimeInput.displayName = 'CustomTimeInput';
 
 const convertTypeValuesToOptions = defaultMemoize(typeValues => _mapInstanceProperty(typeValues).call(typeValues, typeValue => ({
-  label: typeValue.label || `${typeValue.key} (key)`,
+  label: typeValue.label || "".concat(typeValue.key, " (key)"),
   value: typeValue.key
 })));
 function CustomEnumInput(props) {
+  var _options$find$label, _options$find;
   const options = convertTypeValuesToOptions(_valuesInstanceProperty(props.fieldDefinition.type));
   const handleChange = makeChangeHandler(rawValue => {
     props.setFieldValue(props.name, rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
-  const tooltipTitle = props.value ? _findInstanceProperty(options).call(options, option => option.value === props.value)?.label ?? '' : '';
+  const tooltipTitle = props.value ? (_options$find$label = (_options$find = _findInstanceProperty(options).call(options, option => option.value === props.value)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : '' : '';
   return jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsx(SelectInput, {
@@ -6727,9 +6792,9 @@ function ownKeys$Q(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$Q(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$Q(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getTypeName = type => type.name.toLowerCase();
 const findLabel = (enumType, key) => {
-  var _context;
+  var _enumType$values$find, _enumType$values$find2, _context;
   const emptyValue = getTypeName(enumType) === 'enum' ? '' : {};
-  return _findInstanceProperty(_context = _valuesInstanceProperty(enumType)).call(_context, value => value.key === key)?.label ?? emptyValue;
+  return (_enumType$values$find = (_enumType$values$find2 = _findInstanceProperty(_context = _valuesInstanceProperty(enumType)).call(_context, value => value.key === key)) === null || _enumType$values$find2 === void 0 ? void 0 : _enumType$values$find2.label) !== null && _enumType$values$find !== void 0 ? _enumType$values$find : emptyValue;
 };
 const convertEnumValues = (value, attributeDefinition) => {
   var _context2, _context3;
@@ -6795,7 +6860,7 @@ const attributesMapToNameValuePairs = map => {
 const _excluded$1 = ["WrapperComponent"];
 const getAttributeShortName = (fullName, attributesPrefix) => {
   if (!attributesPrefix) return fullName;
-  return fullName.replace(`${attributesPrefix}.`, '');
+  return fullName.replace("".concat(attributesPrefix, "."), '');
 };
 function ProductAttributes(_ref) {
   let WrapperComponent = _ref.WrapperComponent,
@@ -6883,19 +6948,19 @@ function ownKeys$P(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$P(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$P(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 } } } };
 const mapAttributeDefinition = definition => {
-  var _context, _context2, _context3, _context4;
+  var _context, _definition$type, _context2, _context3, _definition$type2, _context4;
   return _objectSpread$P(_objectSpread$P({}, definition), {}, {
     required: definition.isRequired,
     inputTip: transformLocalizedFieldToLocalizedString(definition.inputTipAllLocales),
     label: transformLocalizedFieldToLocalizedString(definition.labelAllLocales),
-    type: _includesInstanceProperty(_context = ['enum', 'lenum']).call(_context, definition.type?.elementType?.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
+    type: _includesInstanceProperty(_context = ['enum', 'lenum']).call(_context, (_definition$type = definition.type) === null || _definition$type === void 0 || (_definition$type = _definition$type.elementType) === null || _definition$type === void 0 ? void 0 : _definition$type.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
       elementType: _objectSpread$P(_objectSpread$P({}, definition.type.elementType), {}, {
         values: _mapInstanceProperty(_context2 = _valuesInstanceProperty(definition.type.elementType).results).call(_context2, value => ({
           key: value.key,
           label: value.label || transformLocalizedFieldToLocalizedString(value.labelAllLocales)
         }))
       })
-    }) : _includesInstanceProperty(_context3 = ['enum', 'lenum']).call(_context3, definition.type?.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
+    }) : _includesInstanceProperty(_context3 = ['enum', 'lenum']).call(_context3, (_definition$type2 = definition.type) === null || _definition$type2 === void 0 ? void 0 : _definition$type2.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
       values: _mapInstanceProperty(_context4 = _valuesInstanceProperty(definition.type).results).call(_context4, value => ({
         key: value.key,
         label: value.label || transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -7248,7 +7313,7 @@ const ExpandButton = props => props.totalValues > 1 ? jsxs(Spacings.Stack, {
   }), jsx(FlatButton, {
     tone: "primary",
     icon: props.isExpanded ? jsx(AngleUpIcon, {}) : jsx(AngleDownIcon, {}),
-    label: props.isExpanded ? `Hide set items (${props.totalValues})` : `Show all set items (${props.totalValues})`,
+    label: props.isExpanded ? "Hide set items (".concat(props.totalValues, ")") : "Show all set items (".concat(props.totalValues, ")"),
     onClick: props.onExpand
   })]
 }) : null;
@@ -7283,7 +7348,7 @@ const SetButtons = props => {
 SetButtons.displayName = 'SetButtons';
 
 function ownKeys$N(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; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$N(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$N(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$N(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$N(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getDuplicateErrors = setValues => {
   /* eslint-disable no-plusplus */
   const result = [];
@@ -7324,10 +7389,13 @@ const getItemIndex = name => {
   return _parseInt(rawIndex, 10);
 };
 const makeKeys = amount => times(amount, () => v4());
-const makeItemFieldName = (fieldName, index) => `${fieldName}.[${index}]`;
+const makeItemFieldName = (fieldName, index) => {
+  var _context;
+  return _concatInstanceProperty(_context = "".concat(fieldName, ".[")).call(_context, index, "]");
+};
 const makeMapForAllItems = (fieldName, items, value) => _reduceInstanceProperty(items).call(items, (result, item, index) => set(result, makeItemFieldName(fieldName, index), value), {});
 function CustomInputSet(props) {
-  var _context;
+  var _context2;
   const _useToggleState = useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
     isExpanded = _useToggleState2[0],
@@ -7349,7 +7417,7 @@ function CustomInputSet(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     keys = _useState4[0],
     setKeys = _useState4[1];
-  const totalAmount = internalValue?.length;
+  const totalAmount = internalValue === null || internalValue === void 0 ? void 0 : internalValue.length;
   const amountToRender = isExpanded ? totalAmount : 1;
   const updateInternalValue = newValue => {
     const valueToSet = isEmpty$1(newValue) ? [undefined] : newValue;
@@ -7396,8 +7464,8 @@ function CustomInputSet(props) {
   // in <CustomFieldComponent /> where proper component for given field/attribute
   // type is selected.
   const type = getType(props.fieldDefinition);
-  const typeName = type?.name.toLowerCase();
-  const areButtonsTopAligned = _includesInstanceProperty(_context = [CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.localizedenum, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.string, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.reference]).call(_context, typeName);
+  const typeName = type === null || type === void 0 ? void 0 : type.name.toLowerCase();
+  const areButtonsTopAligned = _includesInstanceProperty(_context2 = [CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.localizedenum, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.string, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.reference]).call(_context2, typeName);
   return jsxs(Fragment, {
     children: [jsx(AccessibleHidden, {
       children: jsx("label", {
@@ -7479,12 +7547,14 @@ const nonSetComponents = {
 };
 const CustomFieldInput = /*#__PURE__*/memo(props => {
   const InputComponent = useMemo(() => {
-    const typeName = props.fieldDefinition.type?.name.toLowerCase();
+    var _props$fieldDefinitio;
+    const typeName = (_props$fieldDefinitio = props.fieldDefinition.type) === null || _props$fieldDefinitio === void 0 ? void 0 : _props$fieldDefinitio.name.toLowerCase();
     if (typeName === 'set') {
+      var _getSetElementType;
       // Boolean is the only set element with peculiarities (i.e. way more
       // convenient for user to work with it as with select input with three values:
       // [true], [false] and [true, false]).
-      if (getType(props.fieldDefinition)?.name.toLowerCase() === CUSTOM_FIELD_TYPES.boolean) {
+      if (((_getSetElementType = getType(props.fieldDefinition)) === null || _getSetElementType === void 0 ? void 0 : _getSetElementType.name.toLowerCase()) === CUSTOM_FIELD_TYPES.boolean) {
         return CustomBooleanInputSet;
       }
       // All the rest sets are just a fancy wrapper around single-item components
@@ -7581,9 +7651,9 @@ const CustomFieldErrors = props => {
   const didFormValidationFail = useDidFormValidationFail();
   const errors = _Array$isArray(props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxs(Fragment, {
-    children: [props.isTouched || didFormValidationFail && errors?.missing && jsx(ErrorMessage, {
+    children: [props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsx(ErrorMessage, {
       intlMessage: messages$K.required
-    }), props.isTouched || didFormValidationFail && errors?.duplicated && jsx(ErrorMessage, {
+    }), props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsx(ErrorMessage, {
       intlMessage: messages$K.unique
     })]
   });
@@ -7633,9 +7703,10 @@ function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var _
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var CartDiscountsCount = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "CartDiscountsCount" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 61, source: { body: "query CartDiscountsCount {\n  cartDiscounts {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const CustomFieldsLabelHint = _ref2 => {
+  var _type$name;
   let fieldDefinition = _ref2.fieldDefinition;
   const type = getType(fieldDefinition);
-  const isReference = type.name?.toLowerCase() === 'reference';
+  const isReference = ((_type$name = type.name) === null || _type$name === void 0 ? void 0 : _type$name.toLowerCase()) === 'reference';
   const referenceTypeId = type.referenceTypeId;
   const isCartDiscountsReference = isReference && referenceTypeId === SEARCHABLE_REFERENCES.cartDiscount;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
@@ -7653,7 +7724,7 @@ const CustomFieldsLabelHint = _ref2 => {
     data = _useQuery.data,
     loading = _useQuery.loading;
   if (loading) return null;
-  if (data?.cartDiscounts.total > QUERY_MAX_LIMIT) {
+  if ((data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT) {
     return jsxs(Spacings.Inline, {
       alignItems: "center",
       children: [jsx(WarningIcon, {
@@ -7680,17 +7751,17 @@ function CustomFieldsProductTypeReferenceSubtitle() {
 // TODO(pa3): this logic may be misplaced and probably
 // should belong to <CustomReferenceInput /> component instead.
 function CustomFieldsLabelSubtitle(_ref3) {
-  var _context;
+  var _type$name2, _context;
   let fieldDefinition = _ref3.fieldDefinition;
   const _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
   const type = getType(fieldDefinition);
-  const isReference = type.name?.toLowerCase() === 'reference';
+  const isReference = ((_type$name2 = type.name) === null || _type$name2 === void 0 ? void 0 : _type$name2.toLowerCase()) === 'reference';
   if (!isReference) return null;
   const referenceTypeId = type.referenceTypeId;
   const referenceTypeName = capitalizeFirst(referenceTypeId);
   if (_includesInstanceProperty(_context = [SEARCHABLE_REFERENCES.category, SEARCHABLE_REFERENCES.cartDiscount]).call(_context, referenceTypeId)) return referenceTypeName;
-  return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$v.productReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.productType ? jsx(CustomFieldsProductTypeReferenceSubtitle, {}) : referenceTypeId === SEARCHABLE_REFERENCES.channel ? formatMessage(messages$v.channelReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.state ? formatMessage(messages$v.stateReferenceLabel) : `${referenceTypeName} ID`;
+  return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$v.productReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.productType ? jsx(CustomFieldsProductTypeReferenceSubtitle, {}) : referenceTypeId === SEARCHABLE_REFERENCES.channel ? formatMessage(messages$v.channelReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.state ? formatMessage(messages$v.stateReferenceLabel) : "".concat(referenceTypeName, " ID");
 }
 const Portal = props => /*#__PURE__*/ReactDOM.createPortal(props.children, document.body);
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -7707,7 +7778,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const formatLocalizedField = useFormatLocalizedFieldToString();
   const _useIntl3 = useIntl(),
     formatMessage = _useIntl3.formatMessage;
-  return assignedAttributeGroups?.length > 1 ? jsx(Tooltip, {
+  return (assignedAttributeGroups === null || assignedAttributeGroups === void 0 ? void 0 : assignedAttributeGroups.length) > 1 ? jsx(Tooltip, {
     title: formatMessage(messages$v.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty(assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
@@ -7766,10 +7837,11 @@ CustomFieldsLabel.displayName = 'CustomFieldsTitle';
 
 const _excluded = ["WrapperComponent"];
 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; }
-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; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$J(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$J(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getFieldName = (parentName, fieldName) => {
+  var _context;
   if (!parentName) return fieldName;
-  return `${parentName}.${fieldName}`;
+  return _concatInstanceProperty(_context = "".concat(parentName, ".")).call(_context, fieldName);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -7800,6 +7872,7 @@ const CustomFieldsInternal = _ref => {
   return jsx(DroppableWrapper, {
     onDragEnd: onDragEnd,
     children: _mapInstanceProperty(fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
+      var _context2, _context3;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(getIn(touched, fieldName));
       const fieldErrors = getIn(errors, fieldName);
@@ -7824,7 +7897,7 @@ const CustomFieldsInternal = _ref => {
         onBlur: handleBlur,
         setFieldValue: props.setFieldValue,
         hasError: hasError,
-        hasWarning: props.renderWarnings && status?.warnings[fieldName],
+        hasWarning: props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]),
         handleWarningChange: props.handleWarningChange,
         renderWarnings: props.renderWarnings
       };
@@ -7832,33 +7905,36 @@ const CustomFieldsInternal = _ref => {
       return jsx(FastField, {
         name: fieldName,
         validate: validate,
-        children: () => jsx(DraggableWrapper, {
-          draggableKey: `${fieldName}-${index}`,
-          draggableId: `${fieldName}-${index}`,
-          index: index,
-          children: jsx(Spacings.Stack, {
-            scale: "xs",
-            children: jsxs("div", {
-              "aria-invalid": _Object$keys(fieldErrors ?? {}).length > 0,
-              "aria-errormessage": `${fieldName}-error`,
-              id: `${fieldName}-error`,
-              children: [jsx(CustomFieldsLabel, {
-                name: fieldName,
-                fieldDefinition: fieldDefinition
-              }), jsxs(Spacings.Stack, {
-                scale: "xs",
-                alignItems: "stretch",
-                children: [WrapperComponent ? jsx(WrapperComponent, {
-                  children: Field
-                }) : Field, props.renderWarnings && status?.warnings[fieldName] && props.renderCustomWarnings(fieldDefinition), jsx(CustomFieldErrors, {
-                  isTouched: isTouched,
-                  errors: fieldErrors
+        children: () => {
+          var _context4, _context5;
+          return jsx(DraggableWrapper, {
+            draggableKey: _concatInstanceProperty(_context4 = "".concat(fieldName, "-")).call(_context4, index),
+            draggableId: _concatInstanceProperty(_context5 = "".concat(fieldName, "-")).call(_context5, index),
+            index: index,
+            children: jsx(Spacings.Stack, {
+              scale: "xs",
+              children: jsxs("div", {
+                "aria-invalid": _Object$keys(fieldErrors !== null && fieldErrors !== void 0 ? fieldErrors : {}).length > 0,
+                "aria-errormessage": "".concat(fieldName, "-error"),
+                id: "".concat(fieldName, "-error"),
+                children: [jsx(CustomFieldsLabel, {
+                  name: fieldName,
+                  fieldDefinition: fieldDefinition
+                }), jsxs(Spacings.Stack, {
+                  scale: "xs",
+                  alignItems: "stretch",
+                  children: [WrapperComponent ? jsx(WrapperComponent, {
+                    children: Field
+                  }) : Field, props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]) && props.renderCustomWarnings(fieldDefinition), jsx(CustomFieldErrors, {
+                    isTouched: isTouched,
+                    errors: fieldErrors
+                  })]
                 })]
-              })]
+              })
             })
-          })
-        })
-      }, `${fieldName}-${index}-${fieldKey}`);
+          });
+        }
+      }, _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(fieldName, "-")).call(_context3, index, "-")).call(_context2, fieldKey));
     })
   });
 };
@@ -7918,7 +7994,7 @@ var pickerMessages = defineMessages({
 });
 
 function ownKeys$I(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; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$I(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$I(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$I(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$I(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const PRODUCT_SELECTION_MODES = {
   INCLUSION: 'Individual',
   EXCLUSION: 'IndividualExclusion'
@@ -7929,10 +8005,11 @@ const PRODUCT_SELECTION_MODES_LABELS = {
 };
 const getMode = mode => mode === PRODUCT_SELECTION_MODES.INCLUSION || mode === PRODUCT_SELECTION_MODES_LABELS.INCLUSION ? 'inclusion' : 'exclusion';
 const addModeToLabel = function (ps) {
+  var _context;
   let enableExcludingProducts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (!ps) return undefined;
   return _objectSpread$I(_objectSpread$I({}, ps), {}, {
-    label: `${ps?.label}${enableExcludingProducts ? ` (type: ${getMode(ps?.mode)})` : ''}`
+    label: _concatInstanceProperty(_context = "".concat(ps === null || ps === void 0 ? void 0 : ps.label)).call(_context, enableExcludingProducts ? " (type: ".concat(getMode(ps === null || ps === void 0 ? void 0 : ps.mode), ")") : '')
   });
 };
 
@@ -7944,6 +8021,7 @@ const mapProductSelectionsToOptions$1 = memoize(function () {
   let enableExcludingProducts = arguments.length > 4 ? arguments[4] : undefined;
   const selectedPSList = _Array$isArray(selectedPS) ? selectedPS : [selectedPS];
   return _mapInstanceProperty(productSelections).call(productSelections, productSelection => {
+    var _context;
     const label = formatLocalizedString(productSelection, {
       key: 'name',
       locale: dataLocale,
@@ -7952,13 +8030,14 @@ const mapProductSelectionsToOptions$1 = memoize(function () {
     return {
       id: productSelection.id,
       value: productSelection.id,
-      label: `${label}${_includesInstanceProperty(selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? ` (type: ${getMode(productSelection.mode)})` : ''}`,
+      label: _concatInstanceProperty(_context = "".concat(label)).call(_context, _includesInstanceProperty(selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? " (type: ".concat(getMode(productSelection.mode), ")") : ''),
       key: productSelection.key,
       mode: getMode(productSelection.mode)
     };
   });
 });
 function ProductSelectionBasicSelectDropdown(props) {
+  var _productSelectionsFet, _productSelectionsFet2;
   const intl = useIntl();
   const enableExcludingProducts = useFeatureToggle(EXCLUDING_PRODUCTS);
   const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -7971,10 +8050,10 @@ function ProductSelectionBasicSelectDropdown(props) {
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
   if (productSelectionsFetcher.isLoading) return jsx(CenteredLoadingSpinner, {});
-  const productSelections = productSelectionsFetcher.productSelections?.results ?? [];
+  const productSelections = (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
   const filteredProductSelections = _filterInstanceProperty(productSelections).call(productSelections, ps => {
-    var _context;
-    return !_includesInstanceProperty(_context = props.excludedProductSelectionIds).call(_context, ps.id);
+    var _context2;
+    return !_includesInstanceProperty(_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
   });
   const onOptionClick = event => {
     const productSelectionId = event.target.value;
@@ -8027,7 +8106,7 @@ const getValueFromOptions$3 = _ref => {
   // handle async-select-field value transformation
   if (isMulti) {
     var _context;
-    return _mapInstanceProperty(_context = _filterInstanceProperty(allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections?.includes(ps.value))).call(_context, ps => addModeToLabel(ps, enableExcludingProducts));
+    return _mapInstanceProperty(_context = _filterInstanceProperty(allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections === null || currentlySelectedProductSelections === void 0 ? void 0 : _includesInstanceProperty(currentlySelectedProductSelections).call(currentlySelectedProductSelections, ps.value))).call(_context, ps => addModeToLabel(ps, enableExcludingProducts));
   }
 
   // in case it is not multiselect, then a single valued async-select-input is being requested and the value should have proper format
@@ -8039,6 +8118,7 @@ const emptyStoreOption$1 = intl => [{
   isDisabled: true
 }];
 function ProductSelectionsAsyncSelectDropdown(props) {
+  var _productSelectionsFet3;
   const intl = useIntl();
   const enableExcludingProducts = useFeatureToggle(EXCLUDING_PRODUCTS);
   const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -8051,13 +8131,17 @@ function ProductSelectionsAsyncSelectDropdown(props) {
     })),
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
-  const productSelections = useMemo(() => productSelectionsFetcher.productSelections?.results ?? [], [productSelectionsFetcher.productSelections?.results]);
+  const productSelections = useMemo(() => {
+    var _productSelectionsFet, _productSelectionsFet2;
+    return (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
+  }, [(_productSelectionsFet3 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet3 === void 0 ? void 0 : _productSelectionsFet3.results]);
   const filteredProductSelections = _filterInstanceProperty(productSelections).call(productSelections, ps => {
     var _context2;
     return !_includesInstanceProperty(_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
   });
   const onOptionClick = event => {
-    const productSelectionId = event.target.value?.value;
+    var _event$target$value;
+    const productSelectionId = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value;
     const currentProductSelection = _findInstanceProperty(productSelections).call(productSelections, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8133,11 +8217,15 @@ function ProductSelectionsAsyncSelectDropdown(props) {
 }
 
 var ProductSelectionsPickerFetcher$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "ProductSelectionsPickerFetcher" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 223, source: { body: "query ProductSelectionsPickerFetcher($where: String!) {\n  productSelections(where: $where) {\n    results {\n      id\n      key\n      version\n      nameAllLocales {\n        locale\n        value\n      }\n      mode\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const createQueryVariables$4 = (productSelections, predicateField) => ({
-  where: `${predicateField} in (${_mapInstanceProperty(productSelections).call(productSelections, ps => `"${ps}"`).join(', ')})`,
-  limit: 500
-});
+const createQueryVariables$4 = (productSelections, predicateField) => {
+  var _context;
+  return {
+    where: _concatInstanceProperty(_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty(productSelections).call(productSelections, ps => "\"".concat(ps, "\"")).join(', '), ")"),
+    limit: 500
+  };
+};
 const useProductSelectionsByFieldFetcher = (productSelections, predicateField) => {
+  var _productSelectionsQue, _productSelectionsQue2;
   const productSelectionList = _Array$isArray(productSelections) ? productSelections : [productSelections];
   const productSelectionsQuery = useQuery(ProductSelectionsPickerFetcher$1, {
     context: {
@@ -8147,7 +8235,7 @@ const useProductSelectionsByFieldFetcher = (productSelections, predicateField) =
     skip: productSelectionList.length === 0
   });
   return {
-    productSelections: productSelectionsQuery.data?.productSelections.results ?? [],
+    productSelections: (_productSelectionsQue = (_productSelectionsQue2 = productSelectionsQuery.data) === null || _productSelectionsQue2 === void 0 ? void 0 : _productSelectionsQue2.productSelections.results) !== null && _productSelectionsQue !== void 0 ? _productSelectionsQue : [],
     isLoading: productSelectionsQuery.loading
   };
 };
@@ -8188,8 +8276,8 @@ const createQueryVariables$3 = _ref3 => {
   var _context;
   let searchText = _ref3.searchText;
   const sanitizedSearchText = sanitize(_trimInstanceProperty(searchText).call(searchText, searchText));
-  const idQuery = isUUID(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
-  const keyQuery = `key = "${sanitizedSearchText}"`;
+  const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
+  const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
   const searchTextQuery = _filterInstanceProperty(_context = [idQuery, keyQuery]).call(_context, Boolean).join(' or ');
   return {
     where: searchTextQuery || undefined
@@ -8212,6 +8300,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
     dataLocale = _useApplicationContex.dataLocale;
   const productSelectionsByFieldFetcher = useProductSelectionsByFieldFetcher(props.value, props.renderSelectInputOptionValuesByField);
   const handleLoadOptions = async searchText => {
+    var _data$productSelectio, _data$productSelectio2;
     const _await$client$query = await client.query({
         query: ProductSelectionsPickerFetcher,
         variables: createQueryVariables$3({
@@ -8223,7 +8312,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
         fetchPolicy: 'network-only'
       }),
       data = _await$client$query.data;
-    const matchedProductSelections = data?.productSelections?.results ?? [];
+    const matchedProductSelections = (_data$productSelectio = data === null || data === void 0 || (_data$productSelectio2 = data.productSelections) === null || _data$productSelectio2 === void 0 ? void 0 : _data$productSelectio2.results) !== null && _data$productSelectio !== void 0 ? _data$productSelectio : [];
     const updatedProductSelections = _mapInstanceProperty(matchedProductSelections).call(matchedProductSelections, convertProductSelectionFromGraphQl);
     const filteredProductSelections = _filterInstanceProperty(updatedProductSelections).call(updatedProductSelections, ps => {
       var _context2;
@@ -8239,7 +8328,8 @@ function ProductSelectionsSearchSelectDropdown(props) {
   };
   const loadOptionsDebounced = debounce(handleLoadOptions, 500);
   const onOptionClick = event => {
-    const productSelectionId = event.target.value?.value;
+    var _event$target$value;
+    const productSelectionId = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value;
     const currentProductSelection = _findInstanceProperty(productionSelectionResults).call(productionSelectionResults, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8291,11 +8381,11 @@ function ModeSelectInputOption(props) {
       scale: "xs",
       children: [jsx(Text.Detail, {
         isBold: true,
-        children: data?.label || noValueFallback
+        children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
       }), jsxs(Text.Detail, {
-        children: ["Key: ", data?.key || noValueFallback]
+        children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
       }), jsxs(Text.Detail, {
-        children: ["Type: ", data?.mode || noValueFallback]
+        children: ["Type: ", (data === null || data === void 0 ? void 0 : data.mode) || noValueFallback]
       })]
     })
   }));
@@ -8396,7 +8486,8 @@ function CountriesAsyncSelectDropdown(props) {
   var _context2;
   const intl = useIntl();
   const handleLoadOptions = async searchTerm => {
-    const filteredOptions = props.options?.filter(country => {
+    var _props$options, _props$options2;
+    const filteredOptions = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _filterInstanceProperty(_props$options).call(_props$options, country => {
       var _context;
       return _includesInstanceProperty(_context = country.label.toLowerCase()).call(_context, searchTerm.toLowerCase());
     });
@@ -8404,7 +8495,7 @@ function CountriesAsyncSelectDropdown(props) {
       return _sliceInstanceProperty(filteredOptions).call(filteredOptions, 0, props.countriesAsyncLoadingLimit);
     }
     return [{
-      options: props.options?.slice(0, props.countriesAsyncLoadingLimit)
+      options: (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _sliceInstanceProperty(_props$options2).call(_props$options2, 0, props.countriesAsyncLoadingLimit)
     }, {
       options: emptyCountryOption(intl)
     }];
@@ -8413,7 +8504,10 @@ function CountriesAsyncSelectDropdown(props) {
     const countries = event.target.value;
     props.onChange({
       target: _objectSpread$F(_objectSpread$F({}, event.target), {}, {
-        value: _mapInstanceProperty(countries).call(countries, country => country?.value ?? country)
+        value: _mapInstanceProperty(countries).call(countries, country => {
+          var _country$value;
+          return (_country$value = country === null || country === void 0 ? void 0 : country.value) !== null && _country$value !== void 0 ? _country$value : country;
+        })
       })
     });
   };
@@ -8443,7 +8537,8 @@ function CountriesAsyncSelectDropdown(props) {
 function ownKeys$E(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; }
 function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$E(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$E(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function CountriesPicker(props) {
-  const CustomCountriesPicker = props.options?.length <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
+  var _props$options;
+  const CustomCountriesPicker = ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
   return jsx(Spacings.Stack, {
     children: jsx(CustomCountriesPicker, _objectSpread$E({}, props))
   });
@@ -8472,6 +8567,7 @@ var GetCustomerGroupsQuery = { kind: "Document", definitions: [{ kind: "Operatio
 var GetCustomerGroupQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetCustomerGroupQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "customerGroup" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputCustomerGroups" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputCustomerGroups" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CustomerGroup" } }, 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: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 406, source: { body: "fragment PickerInputCustomerGroups on CustomerGroup {\n  id\n  key\n  name\n}\n\nquery GetCustomerGroupsQuery($where: String, $sortByNamePath: String!) {\n  customerGroups(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputCustomerGroups\n    }\n  }\n}\n\nquery GetCustomerGroupQuery($id: String) {\n  customerGroup(id: $id) {\n    ...PickerInputCustomerGroups\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var PickerInputCustomerGroups = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputCustomerGroups" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CustomerGroup" } }, 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: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 406, source: { body: "fragment PickerInputCustomerGroups on CustomerGroup {\n  id\n  key\n  name\n}\n\nquery GetCustomerGroupsQuery($where: String, $sortByNamePath: String!) {\n  customerGroups(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputCustomerGroups\n    }\n  }\n}\n\nquery GetCustomerGroupQuery($id: String) {\n  customerGroup(id: $id) {\n    ...PickerInputCustomerGroups\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const CustomerGroupPickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -8540,13 +8636,13 @@ const CustomerGroupPickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
   useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$t.noCustomerGroupsFound), [loadingError, formatMessage]);
-  const tooltipTitle = currentOption?.data?.label ?? '';
+  const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 || (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: jsxs(Spacings.Stack, {
@@ -8556,7 +8652,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$t.placeholder),
+          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$t.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -8585,11 +8681,12 @@ CustomerGroupPickerInput.displayName = 'CustomerGroupPickerInput';
 const DEFAULT_LENGTH = 50;
 const DEFAULT_END = '...';
 function truncate (text) {
+  var _context;
   let length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_LENGTH;
   let end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_END;
   if (!text) return '';
   if (text.length < length) return text;
-  return `${text.substring(0, length)}${end}`;
+  return _concatInstanceProperty(_context = "".concat(text.substring(0, length))).call(_context, end);
 }
 
 const LOWER_STORES_LIMIT = 60;
@@ -8597,6 +8694,7 @@ const UPPER_STORES_LIMIT = 500;
 
 // map store to options
 const mapStoresToOptions = _ref => {
+  var _store$productSelecti;
   let store = _ref.store,
     renderSelectInputOptionValuesByField = _ref.renderSelectInputOptionValuesByField,
     dataLocale = _ref.dataLocale;
@@ -8607,14 +8705,14 @@ const mapStoresToOptions = _ref => {
   const localizedName = formatLocalizedString(convertedStore, {
     key: 'name',
     locale: dataLocale,
-    fallback: `${store.key} (key)`
+    fallback: "".concat(store.key, " (key)")
   });
   return {
     label: localizedName,
     value: renderSelectInputOptionValuesByField === 'key' ? store.key : store.id,
     key: store.key,
     id: store.id,
-    productSelections: store.productSelections?.map(productSelectionRef => productSelectionRef.productSelection.id)
+    productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _mapInstanceProperty(_store$productSelecti).call(_store$productSelecti, productSelectionRef => productSelectionRef.productSelection.id)
   };
 };
 
@@ -8681,7 +8779,7 @@ const getValueFromOptions$1 = _ref => {
     isMulti = _ref.isMulti;
   // handle async-select-field value transformation
   if (isMulti) {
-    return _filterInstanceProperty(mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores?.includes(store.value));
+    return _filterInstanceProperty(mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores === null || currentlySelectedStores === void 0 ? void 0 : _includesInstanceProperty(currentlySelectedStores).call(currentlySelectedStores, store.value));
   }
 
   // return value as undefined if no options is yet selected. It is needed for cases where users sets initial values as empty string
@@ -8710,13 +8808,13 @@ const StoresAsyncSelectInput = props => {
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
     excludeProductSelections: !props.shouldFetchProductSelections,
-    stores: keysOfStores?.length && keysOfStores,
+    stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
     projectKey: props.projectKey
   });
   const hasError = AsyncSelectInput.isTouched(props.touched) && hasErrors$2(props.errors) || props.hasError;
   const mappedStoresListOptions = useMemo(() => {
-    var _context2;
-    return _mapInstanceProperty(_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
+    var _context2, _storesListFetcher$st;
+    return _mapInstanceProperty(_context2 = ((_storesListFetcher$st = storesListFetcher.stores) === null || _storesListFetcher$st === void 0 ? void 0 : _storesListFetcher$st.results) || []).call(_context2, store => mapStoresToOptions({
       store,
       dataLocale,
       renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -8812,25 +8910,26 @@ const StoresBasicSelectInput = props => {
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
     excludeProductSelections: !props.shouldFetchProductSelections,
-    stores: keysOfStores?.length && keysOfStores,
+    stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
     projectKey: props.projectKey
   });
   const hasError = SelectInput.isTouched(props.touched) && hasErrors$1(props.errors) || props.hasError;
   const mappedStoresListOptions = useMemo(() => {
-    var _context2;
-    const results = _mapInstanceProperty(_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
+    var _context2, _storesListFetcher$st;
+    const results = _mapInstanceProperty(_context2 = ((_storesListFetcher$st = storesListFetcher.stores) === null || _storesListFetcher$st === void 0 ? void 0 : _storesListFetcher$st.results) || []).call(_context2, store => mapStoresToOptions({
       store,
       dataLocale,
       renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
     }));
-    return props?.renderLabel ? [{
+    return props !== null && props !== void 0 && props.renderLabel ? [{
       options: getCustomGroupLabelOption(props.renderLabel)
     }, {
       options: results
     }] : results;
-  }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props?.renderLabel]);
+  }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props === null || props === void 0 ? void 0 : props.renderLabel]);
   const handleChange = event => {
-    const value = event.target.value?.value ?? event.target.value;
+    var _event$target$value$v, _event$target$value;
+    const value = (_event$target$value$v = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value) !== null && _event$target$value$v !== void 0 ? _event$target$value$v : event.target.value;
     const currentStore = _findInstanceProperty(mappedStoresListOptions).call(mappedStoresListOptions, store => store.value === value);
 
     // We need complete store info including productSelections
@@ -8888,6 +8987,7 @@ StoresBasicSelectInput.defaultProps = {
 
 var TotalNumberOfStores = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "TotalNumberOfStores" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "totalNumberOfStores" }, name: { kind: "Name", value: "stores" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 76, source: { body: "query TotalNumberOfStores {\n  totalNumberOfStores: stores {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useTotalNumberOfStoresFetcher = projectKey => {
+  var _totalNumberOfStoresQ;
   const totalNumberOfStoresQuery = useQuery(TotalNumberOfStores, {
     context: {
       target: GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM,
@@ -8896,7 +8996,7 @@ const useTotalNumberOfStoresFetcher = projectKey => {
     fetchPolicy: 'network-only'
   });
   return {
-    total: totalNumberOfStoresQuery.data?.totalNumberOfStores.total,
+    total: (_totalNumberOfStoresQ = totalNumberOfStoresQuery.data) === null || _totalNumberOfStoresQ === void 0 ? void 0 : _totalNumberOfStoresQ.totalNumberOfStores.total,
     isLoading: totalNumberOfStoresQuery.loading
   };
 };
@@ -8914,15 +9014,19 @@ const handlers$1 = {
 };
 
 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 } } } };
-const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => ({
-  where: `${predicateField} in (${_mapInstanceProperty(stores).call(stores, store => `"${store}"`).join(', ')})`,
-  limit: 500,
-  excludeProductSelections: !shouldFetchProductSelections
-});
+const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => {
+  var _context;
+  return {
+    where: _concatInstanceProperty(_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty(stores).call(stores, store => "\"".concat(store, "\"")).join(', '), ")"),
+    limit: 500,
+    excludeProductSelections: !shouldFetchProductSelections
+  };
+};
 const emptyStoresQueryResult = {
   results: []
 };
 const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
+  var _storesQuery$data;
   let shouldFetchProductSelections = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   // incase of single select input stores are sent as single string literal
   const storesList = _Array$isArray(stores) ? stores : [stores];
@@ -8935,13 +9039,13 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
     skip: storesList.length === 0
   });
   return {
-    stores: storesQuery.data?.storesByField || emptyStoresQueryResult,
+    stores: ((_storesQuery$data = storesQuery.data) === null || _storesQuery$data === void 0 ? void 0 : _storesQuery$data.storesByField) || emptyStoresQueryResult,
     isLoading: storesQuery.loading
   };
 };
 
 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; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$B(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$B(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$B(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$B(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(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$c = {
   "renderLabelContainer": "stores-search-selector-module__renderLabelContainer___3_PBc",
@@ -8952,16 +9056,16 @@ const hasErrors = errors => {
   return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
 };
 const createQueryVariables$1 = _ref => {
-  var _context2;
+  var _context2, _context3;
   let searchText = _ref.searchText,
     dataLocale = _ref.dataLocale,
     allAccessibleStoreKeysThroughDataFencePermissions = _ref.allAccessibleStoreKeysThroughDataFencePermissions,
     shouldFetchProductSelections = _ref.shouldFetchProductSelections;
   const sanitizedSearchText = sanitize(_trimInstanceProperty(searchText).call(searchText, searchText));
-  const keyQuery = `key = "${sanitizedSearchText}"`;
+  const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
 
   // if the user has data fence permissions then we only allow stores to fetched that user has access to
-  if (allAccessibleStoreKeysThroughDataFencePermissions?.length) {
+  if (allAccessibleStoreKeysThroughDataFencePermissions !== null && allAccessibleStoreKeysThroughDataFencePermissions !== void 0 && allAccessibleStoreKeysThroughDataFencePermissions.length) {
     // if the current search term match the accessible stores keys, then proceed with fetching the store
     if (_includesInstanceProperty(allAccessibleStoreKeysThroughDataFencePermissions).call(allAccessibleStoreKeysThroughDataFencePermissions, sanitizedSearchText)) {
       return {
@@ -8977,9 +9081,9 @@ const createQueryVariables$1 = _ref => {
       excludeProductSelections: !shouldFetchProductSelections
     };
   }
-  const idQuery = isUUID(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
-  const nameQuery = `name(${dataLocale} = "${sanitizedSearchText}")`;
-  const searchTextQuery = _filterInstanceProperty(_context2 = [idQuery, nameQuery, keyQuery]).call(_context2, Boolean).join(' or ');
+  const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
+  const nameQuery = _concatInstanceProperty(_context2 = "name(".concat(dataLocale, " = \"")).call(_context2, sanitizedSearchText, "\")");
+  const searchTextQuery = _filterInstanceProperty(_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
   return {
     skipFetchingStores: false,
     where: searchTextQuery,
@@ -8987,6 +9091,7 @@ const createQueryVariables$1 = _ref => {
   };
 };
 const getValueFromOptions = _ref2 => {
+  var _storesByFieldFetcher, _context4;
   let isMulti = _ref2.isMulti,
     value = _ref2.value,
     dataLocale = _ref2.dataLocale,
@@ -8995,7 +9100,7 @@ const getValueFromOptions = _ref2 => {
   if (!value) {
     return undefined;
   }
-  const selectedOptions = storesByFieldFetcher.stores?.results.map(store => mapStoresToOptions({
+  const selectedOptions = (_storesByFieldFetcher = storesByFieldFetcher.stores) === null || _storesByFieldFetcher === void 0 ? void 0 : _mapInstanceProperty(_context4 = _storesByFieldFetcher.results).call(_context4, store => mapStoresToOptions({
     store,
     dataLocale,
     renderSelectInputOptionValuesByField: renderSelectInputOptionValuesByField
@@ -9033,8 +9138,9 @@ const StoresSearchSelectInput = props => {
       },
       fetchPolicy: 'network-only'
     }).then(_ref3 => {
+      var _data$storesByWherePr, _context5;
       let data = _ref3.data;
-      const result = data.storesByWherePredicate?.results.map(store => mapStoresToOptions({
+      const result = (_data$storesByWherePr = data.storesByWherePredicate) === null || _data$storesByWherePr === void 0 ? void 0 : _mapInstanceProperty(_context5 = _data$storesByWherePr.results).call(_context5, store => mapStoresToOptions({
         store,
         dataLocale,
         renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -9055,7 +9161,7 @@ const StoresSearchSelectInput = props => {
       className: styles$c.renderLabelContainer,
       children: [jsx("div", {
         className: styles$c.customLabel,
-        children: props?.renderLabel && props?.renderLabel
+        children: (props === null || props === void 0 ? void 0 : props.renderLabel) && (props === null || props === void 0 ? void 0 : props.renderLabel)
       }), jsx("div", {
         children: intl.formatMessage(inputValue ? messages$s.searchSelectInputNoOptionsFoundMessage : messages$s.searchSelectInputNoValueMessage)
       })]
@@ -9234,14 +9340,14 @@ var messages$r = defineMessages({
 
 function formatDiscount(discount, currencyCode, intl) {
   var _context;
-  if (discount.type === 'relative') return `${discount.permyriad / 100}%`;
+  if (discount.type === 'relative') return "".concat(discount.permyriad / 100, "%");
   if (!discount.money) return null;
   const moneyForCurrencyCode = _findInstanceProperty(_context = discount.money).call(_context, discountMoney => discountMoney.currencyCode === currencyCode);
   return moneyForCurrencyCode ? formatMoney$2(moneyForCurrencyCode, intl) : null;
 }
 
 function formatPercentage(percentage) {
-  return `${percentage}%`;
+  return "".concat(percentage, "%");
 }
 function convertRatioToPercentage(ratio) {
   return _parseFloat((ratio * 100).toFixed(2));
@@ -9295,8 +9401,8 @@ function validateFilter$2(_ref, intl) {
     };
   }
   if (value.option === FILTER_TYPES.range) {
-    const from = validateValue(filterValue?.from, typeName, intl);
-    const to = from ? null : validateValue(filterValue?.to, typeName, intl);
+    const from = validateValue(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from, typeName, intl);
+    const to = from ? null : validateValue(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to, typeName, intl);
     return from || to ? {
       input: {
         from,
@@ -9333,16 +9439,16 @@ function validateFilter$1(_ref, intl) {
     type = _ref.type;
   if (type === 'range') {
     if (validateSingleFilter({
-      value: value?.from
+      value: value === null || value === void 0 ? void 0 : value.from
     })) return {
       from: intl.formatMessage(messages$p.rangeMissingValue)
     };
     if (validateSingleFilter({
-      value: value?.to
+      value: value === null || value === void 0 ? void 0 : value.to
     })) return {
       to: intl.formatMessage(messages$p.rangeMissingValue)
     };
-    if (moment$1(value?.to).isBefore(value?.from)) return {
+    if (moment$1(value === null || value === void 0 ? void 0 : value.to).isBefore(value === null || value === void 0 ? void 0 : value.from)) return {
       from: intl.formatMessage(messages$p.rangeToSmallerThanFrom)
     };
   } else if (type === 'equalTo' || type === 'lessThan' || type === 'moreThan') {
@@ -9412,8 +9518,10 @@ function isEmptyFilter(_ref) {
 }
 
 function numberTransformer(filterKey, filters) {
+  var _context3;
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid$2;
   const queries = _mapInstanceProperty(filters).call(filters, _ref => {
+    var _context, _context2;
     let type = _ref.type,
       value = _ref.value;
     if (!filterValidator({
@@ -9422,19 +9530,19 @@ function numberTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return `(* to ${_parseInt(value) - 1})`;
+        return "(* to ".concat(_parseInt(value) - 1, ")");
       case 'moreThan':
-        return `(${_parseInt(value) + 1} to *)`;
+        return "(".concat(_parseInt(value) + 1, " to *)");
       case 'equalTo':
-        return `(${value} to ${value})`;
+        return _concatInstanceProperty(_context = "(".concat(value, " to ")).call(_context, value, ")");
       case 'range':
-        return `(${value.from} to ${value.to})`;
+        return _concatInstanceProperty(_context2 = "(".concat(value.from, " to ")).call(_context2, value.to, ")");
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}: range${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty(_context3 = "".concat(filterKey, ": range")).call(_context3, queryString);
 }
 function isFilterValid$2(_ref2) {
   let type = _ref2.type,
@@ -9461,9 +9569,11 @@ function graphqlCategoryLevelTransformer(filterKey, filters, filterValidator) {
   return _filterInstanceProperty(_context = [levelFilterQuery, lastLevelFilterQuery]).call(_context, Boolean);
 }
 
+var _templateObject$1, _templateObject2;
 const dateFormatDayStart = 'YYYY-MM-DDT00:00:00.000Z';
 const dateFormatDayEnd = 'YYYY-MM-DDT23:59:59.999Z';
 function dateTransformer(filterKey, filters) {
+  var _context;
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid$1;
   const queries = _mapInstanceProperty(filters).call(filters, _ref => {
     let type = _ref.type,
@@ -9474,25 +9584,19 @@ function dateTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return `(* to "${moment$1(value).format(dateFormatDayStart)}")`;
+        return "(* to \"".concat(moment$1(value).format(dateFormatDayStart), "\")");
       case 'moreThan':
-        return `("${moment$1(value).format(dateFormatDayEnd)}" to *)`;
+        return "(\"".concat(moment$1(value).format(dateFormatDayEnd), "\" to *)");
       case 'equalTo':
-        return oneLine`
-            ("${moment$1(value).format(dateFormatDayStart)}"
-            to "${moment$1(value).format(dateFormatDayEnd)}")
-          `;
+        return oneLine(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment$1(value).format(dateFormatDayStart), moment$1(value).format(dateFormatDayEnd));
       case 'range':
-        return oneLine`
-            ("${moment$1(value.from).format(dateFormatDayStart)}"
-            to "${moment$1(value.to).format(dateFormatDayEnd)}")
-          `;
+        return oneLine(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment$1(value.from).format(dateFormatDayStart), moment$1(value.to).format(dateFormatDayEnd));
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}: range${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty(_context = "".concat(filterKey, ": range")).call(_context, queryString);
 }
 function isFilterValid$1(_ref2) {
   let type = _ref2.type,
@@ -9507,18 +9611,19 @@ function isFilterValid$1(_ref2) {
 }
 
 function missingLocaleTransformer(filterKey, filters) {
+  var _context;
   // Note: we assume for now that there can only be 1 missing filter value,
   // as the API doesn't support yet multiple OR values (for missing).
   if (filters.length === 0) return null;
   const missingLocale = filters[0].value.value;
-  return `${filterKey}.${missingLocale}:missing`;
+  return _concatInstanceProperty(_context = "".concat(filterKey, ".")).call(_context, missingLocale, ":missing");
 }
 
 function missingTransformer(filterKey, filters) {
   // Note: we assume for now that there can only be 1 missing filter value,
   // as the API doesn't support yet multiple OR values (for missing).
   if (filters.length === 0) return null;
-  return `${filterKey}:missing`;
+  return "".concat(filterKey, ":missing");
 }
 
 /**
@@ -9559,6 +9664,7 @@ function graphqlQueryBuilder(_ref) {
 }
 
 function referenceTransformer(filterKey, filters) {
+  var _context;
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid;
   const queries = _mapInstanceProperty(filters).call(filters, _ref => {
     let type = _ref.type,
@@ -9569,46 +9675,49 @@ function referenceTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'equalTo':
-        return `"${value}"`;
+        return "\"".concat(value, "\"");
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty(queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}.id: ${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty(_context = "".concat(filterKey, ".id: ")).call(_context, queryString);
 }
 function isFilterValid(_ref2) {
-  var _context;
+  var _context2;
   let type = _ref2.type,
     value = _ref2.value;
-  if (type === 'equalTo' && !_includesInstanceProperty(_context = [null, undefined, '']).call(_context, value)) return true;
+  if (type === 'equalTo' && !_includesInstanceProperty(_context2 = [null, undefined, '']).call(_context2, value)) return true;
   return false;
 }
 
 function textTransformer(filterKey, queries) {
+  var _context;
   if (queries.length === 0) return null;
 
   // Note: we assume for now that there can only be 1 text filter.
   const queryValue = queries[0].value;
-  return queryValue ? `${filterKey}:"${queryValue}"` : null;
+  return queryValue ? _concatInstanceProperty(_context = "".concat(filterKey, ":\"")).call(_context, queryValue, "\"") : null;
 }
 
 const composeNumberPredicateFromFilter = (target, value, option) => {
+  var _context, _context2, _context3, _context4, _context5, _context6;
   switch (option) {
     case FILTER_TYPES.lessThan:
-      return `${target} < ${value}`;
+      return _concatInstanceProperty(_context = "".concat(target, " < ")).call(_context, value);
     case FILTER_TYPES.moreThan:
-      return `${target} > ${value}`;
+      return _concatInstanceProperty(_context2 = "".concat(target, " > ")).call(_context2, value);
     case FILTER_TYPES.equalTo:
-      return `${target} = ${value}`;
+      return _concatInstanceProperty(_context3 = "".concat(target, " = ")).call(_context3, value);
     case FILTER_TYPES.range:
-      return `${target} >= ${value.from} and ${target} <= ${value.to}`;
+      return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "".concat(target, " >= ")).call(_context6, value.from, " and ")).call(_context5, target, " <= ")).call(_context4, value.to);
     default:
       return '';
   }
 };
 function customFields (filter, locale) {
   const customFieldsPredicates = _mapInstanceProperty(filter).call(filter, customFieldFilter => {
+    var _context7, _context8, _context9, _context10, _context11;
     const _customFieldFilter$va = customFieldFilter.value,
       target = _customFieldFilter$va.target,
       type = _customFieldFilter$va.type,
@@ -9616,14 +9725,14 @@ function customFields (filter, locale) {
       option = _customFieldFilter$va.option;
     switch (type.name) {
       case FIELD_TYPES.Boolean:
-        return `${target} = ${value.value}`;
+        return _concatInstanceProperty(_context7 = "".concat(target, " = ")).call(_context7, value.value);
       case FIELD_TYPES.String:
-        return `${target} = "${value}"`;
+        return _concatInstanceProperty(_context8 = "".concat(target, " = \"")).call(_context8, value, "\"");
       case FIELD_TYPES.LocalizedString:
-        return `${target}(${localizedTextTransformer(value)})`;
+        return _concatInstanceProperty(_context9 = "".concat(target, "(")).call(_context9, localizedTextTransformer(value), ")");
       case FIELD_TYPES.Enum:
       case FIELD_TYPES.LocalizedEnum:
-        return `${target} = "${value.value}"`;
+        return _concatInstanceProperty(_context10 = "".concat(target, " = \"")).call(_context10, value.value, "\"");
       case FIELD_TYPES.Time:
         return timeTransformer(target, [{
           type: option,
@@ -9638,14 +9747,14 @@ function customFields (filter, locale) {
       case FIELD_TYPES.Number:
         return composeNumberPredicateFromFilter(target, value, option);
       case FIELD_TYPES.Money:
-        return `${target}(${moneyTransformer(value, option, locale)})`;
+        return _concatInstanceProperty(_context11 = "".concat(target, "(")).call(_context11, moneyTransformer(value, option, locale), ")");
       case FIELD_TYPES.Reference:
       case FIELD_TYPES.Set:
       default:
         throw new Error('Custom field type not recognized');
     }
   });
-  return `(custom(fields(${customFieldsPredicates.join(' and ')})))`;
+  return "(custom(fields(".concat(customFieldsPredicates.join(' and '), ")))");
 }
 
 // https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa#Unicode_strings
@@ -9690,7 +9799,7 @@ function ownKeys$z(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 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; }
 const resourcesWithPlatformLimits = _Object$keys(RESOURCES_WITH_PLATFORM_LIMITS);
 const createQueryVariables = platformLimit => _reduceInstanceProperty(resourcesWithPlatformLimits).call(resourcesWithPlatformLimits, (previousIncludedLimits, nextNameOfLimit) => _objectSpread$z({
-  [camelCase(`should include ${nextNameOfLimit}`)]: platformLimit ? nextNameOfLimit === platformLimit : true
+  [camelCase("should include ".concat(nextNameOfLimit))]: platformLimit ? nextNameOfLimit === platformLimit : true
 }, previousIncludedLimits), {});
 
 var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 1820, source: { body: "query PlatformLimitsFetcherQuery(\n  $shouldIncludeShoppingLists: Boolean!\n  $shouldIncludeProductDiscounts: Boolean!\n  $shouldIncludeCartDiscounts: Boolean!\n  $shouldIncludeStores: Boolean!\n  $shouldIncludeCustomers: Boolean!\n  $shouldIncludeCustomerGroups: Boolean!\n  $shouldIncludeZones: Boolean!\n  $shouldIncludeTaxCategories: Boolean!\n  $shouldIncludeShippingMethods: Boolean!\n  $shouldIncludeCarts: Boolean!\n) {\n  limits {\n    shoppingLists @include(if: $shouldIncludeShoppingLists) {\n      total {\n        limit\n        current\n      }\n      lineItems {\n        limit\n      }\n      textLineItems {\n        limit\n      }\n    }\n    productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n      totalActive {\n        limit\n        current\n      }\n    }\n    cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n      totalActiveWithoutDiscountCodes {\n        limit\n        current\n      }\n    }\n    stores @include(if: $shouldIncludeStores) {\n      total {\n        limit\n        current\n      }\n      inventorySupplyChannels {\n        limit\n      }\n      productDistributionChannels {\n        limit\n      }\n    }\n    customers @include(if: $shouldIncludeCustomers) {\n      total {\n        limit\n        current\n      }\n    }\n    customerGroups @include(if: $shouldIncludeCustomerGroups) {\n      total {\n        limit\n        current\n      }\n    }\n    zones @include(if: $shouldIncludeZones) {\n      total {\n        limit\n        current\n      }\n    }\n    taxCategories @include(if: $shouldIncludeTaxCategories) {\n      total {\n        limit\n        current\n      }\n    }\n    shippingMethods @include(if: $shouldIncludeShippingMethods) {\n      total {\n        limit\n        current\n      }\n    }\n    carts @include(if: $shouldIncludeCarts) {\n      total {\n        limit\n        current\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
@@ -9706,7 +9815,7 @@ const usePlatformLimitsFetcher = platformLimit => {
     error = _useQuery.error,
     data = _useQuery.data,
     refetch = _useQuery.refetch;
-  const platformLimits = !loading ? omit(data?.limits, '__typename') : {};
+  const platformLimits = !loading ? omit(data === null || data === void 0 ? void 0 : data.limits, '__typename') : {};
   return {
     isLoading: loading,
     error,
@@ -9897,10 +10006,11 @@ const getPlatformLimitsStatus = _ref3 => {
     total = _ref3.total,
     intl = _ref3.intl;
   if (limit) {
-    return `(${intl.formatNumber(current)}/${intl.formatNumber(limit)})`;
+    var _context;
+    return _concatInstanceProperty(_context = "(".concat(intl.formatNumber(current), "/")).call(_context, intl.formatNumber(limit), ")");
   }
   if (total) {
-    return `(${intl.formatNumber(total)})`;
+    return "(".concat(intl.formatNumber(total), ")");
   }
   return '';
 };
@@ -9920,17 +10030,18 @@ const useShippingMethodsPlatformLimitsFetcher = () => {
 };
 
 const useShippingMethodsPlatformLimits = () => {
+  var _platformLimits$shipp;
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
     platformLimits = _useShippingMethodsPl.platformLimits;
-  if (!platformLimits?.shippingMethods?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
     return {
       hasReachedShippingMethodsWarningLimit: false,
       hasReachedShippingMethodsErrorLimit: false
     };
   }
-  const _platformLimits$shipp = platformLimits.shippingMethods.total,
-    limit = _platformLimits$shipp.limit,
-    current = _platformLimits$shipp.current;
+  const _platformLimits$shipp2 = platformLimits.shippingMethods.total,
+    limit = _platformLimits$shipp2.limit,
+    current = _platformLimits$shipp2.current;
   const hasReachedShippingMethodsWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -9946,12 +10057,13 @@ const useShippingMethodsPlatformLimits = () => {
 };
 
 const PlatformLimitsShippingMethodsNotifications = () => {
+  var _platformLimits$shipp;
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
     platformLimits = _useShippingMethodsPl.platformLimits;
   const _useShippingMethodsPl2 = useShippingMethodsPlatformLimits(),
     hasReachedShippingMethodsWarningLimit = _useShippingMethodsPl2.hasReachedShippingMethodsWarningLimit,
     hasReachedShippingMethodsErrorLimit = _useShippingMethodsPl2.hasReachedShippingMethodsErrorLimit;
-  if (!platformLimits?.shippingMethods?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
     return null;
   }
   if (hasReachedShippingMethodsErrorLimit) {
@@ -9997,12 +10109,13 @@ var messages$k = defineMessages({
 });
 
 const PlatformLimitsShippingMethodsStatus = _ref => {
+  var _platformLimits$shipp, _platformLimits$shipp2;
   let total = _ref.total;
   const intl = useIntl();
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
     platformLimits = _useShippingMethodsPl.platformLimits;
-  const current = platformLimits?.shippingMethods?.total?.current;
-  const limit = platformLimits?.shippingMethods?.total?.limit;
+  const current = platformLimits === null || platformLimits === void 0 || (_platformLimits$shipp = platformLimits.shippingMethods) === null || _platformLimits$shipp === void 0 || (_platformLimits$shipp = _platformLimits$shipp.total) === null || _platformLimits$shipp === void 0 ? void 0 : _platformLimits$shipp.current;
+  const limit = platformLimits === null || platformLimits === void 0 || (_platformLimits$shipp2 = platformLimits.shippingMethods) === null || _platformLimits$shipp2 === void 0 || (_platformLimits$shipp2 = _platformLimits$shipp2.total) === null || _platformLimits$shipp2 === void 0 ? void 0 : _platformLimits$shipp2.limit;
   return jsx(PlatformLimitsStatusText, {
     intlMessage: messages$k.shippingMethodsStatus,
     children: getPlatformLimitsStatus({
@@ -10064,17 +10177,18 @@ const useTaxCategoriesPlatformLimitsFetcher = () => {
 };
 
 const useTaxCategoriesPlatformLimits = () => {
+  var _platformLimits$taxCa;
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
-  if (!platformLimits?.taxCategories?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
     return {
       hasReachedTaxCategoriesWarningLimit: false,
       hasReachedTaxCategoriesErrorLimit: false
     };
   }
-  const _platformLimits$taxCa = platformLimits.taxCategories.total,
-    limit = _platformLimits$taxCa.limit,
-    current = _platformLimits$taxCa.current;
+  const _platformLimits$taxCa2 = platformLimits.taxCategories.total,
+    limit = _platformLimits$taxCa2.limit,
+    current = _platformLimits$taxCa2.current;
   const hasReachedTaxCategoriesWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -10090,12 +10204,13 @@ const useTaxCategoriesPlatformLimits = () => {
 };
 
 const PlatformLimitsTaxCategoriesNotifications = () => {
+  var _platformLimits$taxCa;
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
   const _useTaxCategoriesPlat2 = useTaxCategoriesPlatformLimits(),
     hasReachedTaxCategoriesWarningLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesWarningLimit,
     hasReachedTaxCategoriesErrorLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesErrorLimit;
-  if (!platformLimits?.taxCategories?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
     return null;
   }
   if (hasReachedTaxCategoriesErrorLimit) {
@@ -10141,12 +10256,13 @@ var messages$i = defineMessages({
 });
 
 const PlatformLimitsTaxCategoriesStatus = _ref => {
+  var _platformLimits$taxCa, _platformLimits$taxCa2;
   let total = _ref.total;
   const intl = useIntl();
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
-  const current = platformLimits?.taxCategories?.total?.current;
-  const limit = platformLimits?.taxCategories?.total?.limit;
+  const current = platformLimits === null || platformLimits === void 0 || (_platformLimits$taxCa = platformLimits.taxCategories) === null || _platformLimits$taxCa === void 0 || (_platformLimits$taxCa = _platformLimits$taxCa.total) === null || _platformLimits$taxCa === void 0 ? void 0 : _platformLimits$taxCa.current;
+  const limit = platformLimits === null || platformLimits === void 0 || (_platformLimits$taxCa2 = platformLimits.taxCategories) === null || _platformLimits$taxCa2 === void 0 || (_platformLimits$taxCa2 = _platformLimits$taxCa2.total) === null || _platformLimits$taxCa2 === void 0 ? void 0 : _platformLimits$taxCa2.limit;
   return jsx(PlatformLimitsStatusText, {
     intlMessage: messages$i.taxCategoriesStatus,
     children: getPlatformLimitsStatus({
@@ -10208,17 +10324,18 @@ const useZonesPlatformLimitsFetcher = () => {
 };
 
 const useZonesPlatformLimits = () => {
+  var _platformLimits$zones;
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
-  if (!platformLimits?.zones?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
     return {
       hasReachedZonesWarningLimit: false,
       hasReachedZonesErrorLimit: false
     };
   }
-  const _platformLimits$zones = platformLimits.zones.total,
-    limit = _platformLimits$zones.limit,
-    current = _platformLimits$zones.current;
+  const _platformLimits$zones2 = platformLimits.zones.total,
+    limit = _platformLimits$zones2.limit,
+    current = _platformLimits$zones2.current;
   const hasReachedZonesWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -10234,12 +10351,13 @@ const useZonesPlatformLimits = () => {
 };
 
 const PlatformLimitsZonesNotifications = () => {
+  var _platformLimits$zones;
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
   const _useZonesPlatformLimi2 = useZonesPlatformLimits(),
     hasReachedZonesWarningLimit = _useZonesPlatformLimi2.hasReachedZonesWarningLimit,
     hasReachedZonesErrorLimit = _useZonesPlatformLimi2.hasReachedZonesErrorLimit;
-  if (!platformLimits?.zones?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
     return null;
   }
   if (hasReachedZonesErrorLimit) {
@@ -10285,12 +10403,13 @@ var messages$g = defineMessages({
 });
 
 const PlatformLimitsZonesStatus = _ref => {
+  var _platformLimits$zones, _platformLimits$zones2;
   let total = _ref.total;
   const intl = useIntl();
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
-  const current = platformLimits?.zones?.total?.current;
-  const limit = platformLimits?.zones?.total?.limit;
+  const current = platformLimits === null || platformLimits === void 0 || (_platformLimits$zones = platformLimits.zones) === null || _platformLimits$zones === void 0 || (_platformLimits$zones = _platformLimits$zones.total) === null || _platformLimits$zones === void 0 ? void 0 : _platformLimits$zones.current;
+  const limit = platformLimits === null || platformLimits === void 0 || (_platformLimits$zones2 = platformLimits.zones) === null || _platformLimits$zones2 === void 0 || (_platformLimits$zones2 = _platformLimits$zones2.total) === null || _platformLimits$zones2 === void 0 ? void 0 : _platformLimits$zones2.limit;
   return jsx(PlatformLimitsStatusText, {
     intlMessage: messages$g.zonesStatus,
     children: getPlatformLimitsStatus({
@@ -10352,17 +10471,18 @@ const useCustomersPlatformLimitsFetcher = () => {
 };
 
 const useCustomersPlatformLimits$1 = () => {
+  var _platformLimits$custo;
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
     platformLimits = _useCustomersPlatform.platformLimits;
-  if (!platformLimits?.customers?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return {
       hasReachedCustomersWarningLimit: false,
       hasReachedCustomersErrorLimit: false
     };
   }
-  const _platformLimits$custo = platformLimits.customers.total,
-    limit = _platformLimits$custo.limit,
-    current = _platformLimits$custo.current;
+  const _platformLimits$custo2 = platformLimits.customers.total,
+    limit = _platformLimits$custo2.limit,
+    current = _platformLimits$custo2.current;
   const hasReachedCustomersWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -10391,12 +10511,13 @@ const useCustomersPlatormLimitsModalState = () => {
 };
 
 const PlatformLimitsCustomersNotifications = () => {
+  var _platformLimits$custo;
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
     platformLimits = _useCustomersPlatform.platformLimits;
   const _useCustomersPlatform2 = useCustomersPlatformLimits$1(),
     hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
     hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
-  if (!platformLimits?.customers?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return jsx("div", {});
   }
   if (hasReachedCustomersErrorLimit) {
@@ -10447,15 +10568,16 @@ var styles$b = {
   "status": "platform-limits-customers-status-module__status___3rXYM"
 };
 const PlatformLimitsCustomersStatus = () => {
+  var _platformLimits$custo;
   const intl = useIntl();
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
     platformLimits = _useCustomersPlatform.platformLimits;
-  if (!platformLimits?.customers?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return null;
   }
-  const _platformLimits$custo = platformLimits.customers.total,
-    current = _platformLimits$custo.current,
-    limit = _platformLimits$custo.limit;
+  const _platformLimits$custo2 = platformLimits.customers.total,
+    current = _platformLimits$custo2.current,
+    limit = _platformLimits$custo2.limit;
   return jsx("div", {
     className: styles$b.status,
     children: jsx(Text.Detail, {
@@ -10689,17 +10811,18 @@ const useCustomerGroupsPlatformLimitsFetcher = () => {
 };
 
 const useCustomerGroupsPlatformLimitsStatus = () => {
+  var _platformLimits$custo;
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
-  if (!platformLimits?.customerGroups?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return {
       hasReachedCustomerGroupsWarningLimit: false,
       hasReachedCustomerGroupsErrorLimit: false
     };
   }
-  const _platformLimits$custo = platformLimits.customerGroups.total,
-    limit = _platformLimits$custo.limit,
-    current = _platformLimits$custo.current;
+  const _platformLimits$custo2 = platformLimits.customerGroups.total,
+    limit = _platformLimits$custo2.limit,
+    current = _platformLimits$custo2.current;
   const hasReachedCustomerGroupsWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -10728,12 +10851,13 @@ const useCustomerGroupsPlatormLimitsModalState = () => {
 };
 
 const PlatformLimitsCustomerGroupsNotifications = () => {
+  var _platformLimits$custo;
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
   const _useCustomerGroupsPla2 = useCustomerGroupsPlatformLimitsStatus(),
     hasReachedCustomerGroupsWarningLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsWarningLimit,
     hasReachedCustomerGroupsErrorLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsErrorLimit;
-  if (!platformLimits?.customerGroups?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return jsx("div", {});
   }
   if (hasReachedCustomerGroupsErrorLimit) {
@@ -10784,15 +10908,16 @@ var styles$9 = {
   "status": "platform-limits-customer-groups-status-module__status___6099G"
 };
 const PlatformLimitsCustomerGroupsStatus = () => {
+  var _platformLimits$custo;
   const intl = useIntl();
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
-  if (!platformLimits?.customerGroups?.total) {
+  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
     return null;
   }
-  const _platformLimits$custo = platformLimits.customerGroups.total,
-    current = _platformLimits$custo.current,
-    limit = _platformLimits$custo.limit;
+  const _platformLimits$custo2 = platformLimits.customerGroups.total,
+    current = _platformLimits$custo2.current,
+    limit = _platformLimits$custo2.limit;
   return jsx("div", {
     className: styles$9.status,
     children: jsx(Text.Detail, {
@@ -11024,7 +11149,7 @@ var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
   try {
     await dispatch(actions.head({
       mcApiProxyTarget: MC_API_PROXY_TARGETS.PIM_SEARCH,
-      uri: `/${projectKey}/search/products`
+      uri: "/".concat(projectKey, "/search/products")
     }));
     return {
       status: 'indexed'
@@ -11127,51 +11252,50 @@ const getIndexingJobIds = _ref => {
     products = _ref$data.products,
     productTypes = _ref$data.productTypes;
   return {
-    productsJobId: products?.indexingJobId || products?.existingIndexingJobId,
-    productTypesJobId: productTypes?.indexingJobId || productTypes?.existingIndexingJobId
+    productsJobId: (products === null || products === void 0 ? void 0 : products.indexingJobId) || (products === null || products === void 0 ? void 0 : products.existingIndexingJobId),
+    productTypesJobId: (productTypes === null || productTypes === void 0 ? void 0 : productTypes.indexingJobId) || (productTypes === null || productTypes === void 0 ? void 0 : productTypes.existingIndexingJobId)
   };
 };
 let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
-  _inherits(PimIndexerProvider, _PureComponent);
   function PimIndexerProvider() {
-    var _this;
+    var _this2;
     _classCallCheck(this, PimIndexerProvider);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$3(this, PimIndexerProvider, [...args]);
-    _this.state = {
+    _this2 = _callSuper$3(this, PimIndexerProvider, [...args]);
+    _this2.state = {
       isLoading: true,
       isPimIndexerUnreachable: false,
       isProjectIndexedByPim: false,
       isProjectBeingIndexedByPim: false
     };
-    _this.checkIfProjectIsIndexed = async () => {
+    _this2.checkIfProjectIsIndexed = async () => {
       var _context;
-      const _await$_this$props$fe = await _this.props.fetchPimIndexStatus(_this.props.client, _this.props.projectKey),
-        status = _await$_this$props$fe.status,
-        isIndexingProducts = _await$_this$props$fe.isIndexingProducts,
-        isIndexingProductTypes = _await$_this$props$fe.isIndexingProductTypes;
+      const _await$_this2$props$f = await _this2.props.fetchPimIndexStatus(_this2.props.client, _this2.props.projectKey),
+        status = _await$_this2$props$f.status,
+        isIndexingProducts = _await$_this2$props$f.isIndexingProducts,
+        isIndexingProductTypes = _await$_this2$props$f.isIndexingProductTypes;
       const isPimIndexerUnreachable = _includesInstanceProperty(_context = ['not-configured', 'unreachable']).call(_context, status);
       if (status === 'indexing') {
-        _this.monitorIndexingProgress({
+        _this2.monitorIndexingProgress({
           isIndexingProducts,
           isIndexingProductTypes
         });
       } else {
-        _this.setState({
+        _this2.setState({
           isLoading: false,
           isPimIndexerUnreachable,
           isProjectIndexedByPim: status === 'indexed'
         });
       }
     };
-    _this.componentDidMount = () => {
-      _this.checkIfProjectIsIndexed();
+    _this2.componentDidMount = () => {
+      _this2.checkIfProjectIsIndexed();
     };
-    _this.attemptToRefreshProducts = products => {
-      if (_this.state.isProjectIndexedByPim) {
-        return _this.props.refreshProductIndicesByIds({
+    _this2.attemptToRefreshProducts = products => {
+      if (_this2.state.isProjectIndexedByPim) {
+        return _this2.props.refreshProductIndicesByIds({
           context: pimIndexerRequestContext,
           variables: {
             ids: _mapInstanceProperty(products).call(products, product => product.id)
@@ -11188,26 +11312,26 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       }
       return _Promise.resolve();
     };
-    _this.handleFailedIndexing = () => {
-      _this.setState({
+    _this2.handleFailedIndexing = () => {
+      _this2.setState({
         isProjectBeingIndexedByPim: false,
         isProjectIndexedByPim: false
       });
-      _this.props.notifications.showNotification({
+      _this2.props.notifications.showNotification({
         kind: 'error',
         domain: DOMAINS.SIDE,
-        text: _this.props.intl.formatMessage(messages$9.indexingFailed)
+        text: _this2.props.intl.formatMessage(messages$9.indexingFailed)
       });
     };
-    _this.getIndexingProgress = async () => {
-      const result = await _this.props.client.query({
+    _this2.getIndexingProgress = async () => {
+      const result = await _this2.props.client.query({
         query: GetIndexingProgress,
         context: pimIndexerRequestContext,
         variables: {
-          productsJobId: _this.state.productsJobId || '',
-          productTypesJobId: _this.state.productTypesJobId || '',
-          shouldIncludeProducts: !!_this.state.productsJobId,
-          shouldIncludeProductTypes: !!_this.state.productTypesJobId
+          productsJobId: _this2.state.productsJobId || '',
+          productTypesJobId: _this2.state.productTypesJobId || '',
+          shouldIncludeProducts: !!_this2.state.productsJobId,
+          shouldIncludeProductTypes: !!_this2.state.productTypesJobId
         },
         fetchPolicy: 'network-only'
       });
@@ -11220,24 +11344,24 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
         productTypes: result.data.productTypes || completedStatus
       };
     };
-    _this.handleFinishedIndexing = async () => {
+    _this2.handleFinishedIndexing = async () => {
       try {
-        _this.updateIndexingStatusTimerHandler = null;
-        const _await$_this$props$fe2 = await _this.props.fetchPimIndexStatus(_this.props.client, _this.props.projectKey),
-          status = _await$_this$props$fe2.status;
+        _this2.updateIndexingStatusTimerHandler = null;
+        const _await$_this2$props$f2 = await _this2.props.fetchPimIndexStatus(_this2.props.client, _this2.props.projectKey),
+          status = _await$_this2$props$f2.status;
 
         // There is a delay between indexing jobs reporting
         // they are completed, and PIM realizing all the project is indexed.
         // So, we have to wait to let PIM update project indexing status.
         if (status === 'indexed') {
-          _this.setState({
+          _this2.setState({
             isProjectBeingIndexedByPim: false,
             isProjectIndexedByPim: true
           });
-          _this.props.notifications.showNotification({
+          _this2.props.notifications.showNotification({
             kind: 'success',
             domain: DOMAINS.SIDE,
-            text: _this.props.intl.formatMessage(messages$9.indexingSucceed)
+            text: _this2.props.intl.formatMessage(messages$9.indexingSucceed)
           },
           // because the indexing may take so long, the success notification
           // may be dismissed without being seen by the user. Set `dismissAfter`
@@ -11246,63 +11370,64 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
             dismissAfter: 0
           });
         } else {
-          _this.updateIndexingStatusTimerHandler = _setTimeout(_this.handleFinishedIndexing, 5000);
+          _this2.updateIndexingStatusTimerHandler = _setTimeout(_this2.handleFinishedIndexing, 5000);
         }
       } catch (e) {
-        _this.handleFailedIndexing();
+        _this2.handleFailedIndexing();
       }
     };
-    _this.updateIndexingStatus = async () => {
+    _this2.updateIndexingStatus = async () => {
       try {
-        const _await$_this$getIndex = await _this.getIndexingProgress(),
-          products = _await$_this$getIndex.products,
-          productTypes = _await$_this$getIndex.productTypes;
+        const _await$_this2$getInde = await _this2.getIndexingProgress(),
+          products = _await$_this2$getInde.products,
+          productTypes = _await$_this2$getInde.productTypes;
         const isCompleted = isIndexingCompleted(products, productTypes);
         const indexingProgress = calculateProgress(products, productTypes);
-        _this.setState({
+        _this2.setState({
           indexingProgress
         });
         if (!isCompleted) {
-          _this.updateIndexingStatusTimerHandler = _setTimeout(_this.updateIndexingStatus, 5000);
+          _this2.updateIndexingStatusTimerHandler = _setTimeout(_this2.updateIndexingStatus, 5000);
         } else {
-          _this.setState({
+          _this2.setState({
             indexingProgress: 100
           });
-          _this.handleFinishedIndexing();
+          _this2.handleFinishedIndexing();
         }
       } catch (e) {
-        _this.handleFailedIndexing();
+        _this2.handleFailedIndexing();
       }
     };
-    _this.monitorIndexingProgress = async _ref2 => {
+    _this2.monitorIndexingProgress = async _ref2 => {
       let isIndexingProducts = _ref2.isIndexingProducts,
         isIndexingProductTypes = _ref2.isIndexingProductTypes;
-      if (_this.state.isProjectBeingIndexedByPim) return;
+      if (_this2.state.isProjectBeingIndexedByPim) return;
       try {
-        const indexMutationResult = await _this.props.indexProject({
+        const indexMutationResult = await _this2.props.indexProject({
           context: pimIndexerRequestContext,
           variables: {
             shouldIndexProducts: isIndexingProducts,
             shouldIndexProductTypes: isIndexingProductTypes
           }
         });
-        _this.setState(_objectSpread$h(_objectSpread$h({
+        _this2.setState(_objectSpread$h(_objectSpread$h({
           isLoading: false,
           isProjectBeingIndexedByPim: true
         }, getIndexingJobIds(indexMutationResult)), {}, {
           indexingProgress: 0
-        }), () => _this.updateIndexingStatus());
+        }), () => _this2.updateIndexingStatus());
       } catch (e) {
-        _this.handleFailedIndexing();
+        _this2.handleFailedIndexing();
       }
     };
-    _this.indexProject = () => _this.monitorIndexingProgress({
+    _this2.indexProject = () => _this2.monitorIndexingProgress({
       isIndexingProductTypes: true,
       isIndexingProducts: true
     });
-    return _this;
+    return _this2;
   }
-  _createClass(PimIndexerProvider, [{
+  _inherits(PimIndexerProvider, _PureComponent);
+  return _createClass(PimIndexerProvider, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.updateIndexingStatusTimerHandler) clearTimeout(this.updateIndexingStatusTimerHandler);
@@ -11319,7 +11444,6 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return PimIndexerProvider;
 }(PureComponent);
 PimIndexerProvider.displayName = 'PimIndexerProvider';
 var pimIndexerProvider = flowRight(withApplicationContext(applicationContext => ({
@@ -11347,12 +11471,12 @@ function _callSuper$2(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? _Reflect$construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
 }
 let WithPimIndexer = /*#__PURE__*/function (_PureComponent) {
-  _inherits(WithPimIndexer, _PureComponent);
   function WithPimIndexer() {
     _classCallCheck(this, WithPimIndexer);
     return _callSuper$2(this, WithPimIndexer, arguments);
   }
-  _createClass(WithPimIndexer, [{
+  _inherits(WithPimIndexer, _PureComponent);
+  return _createClass(WithPimIndexer, [{
     key: "render",
     value: function render() {
       return jsx(PimIndexerContext.Consumer, {
@@ -11360,7 +11484,6 @@ let WithPimIndexer = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return WithPimIndexer;
 }(PureComponent);
 WithPimIndexer.displayName = 'WithPimIndexer';
 
@@ -11402,6 +11525,7 @@ const valueMapping = {
   all: [true, false]
 };
 const BooleanField = props => {
+  var _context;
   let selectedValue;
   if (typeof props.value === 'boolean') selectedValue = getBooleanValue(props.value);else if (props.isMulti && _Array$isArray(props.value) && props.value.length) selectedValue = props.value.length === 2 ? 'all' : getBooleanValue(props.value[0]);
   const yesLabel = props.intl.formatMessage(messages$8.yes);
@@ -11415,7 +11539,7 @@ const BooleanField = props => {
   }];
   if (props.isMulti) options.push({
     value: 'all',
-    label: `${yesLabel} / ${noLabel}`
+    label: _concatInstanceProperty(_context = "".concat(yesLabel, " / ")).call(_context, noLabel)
   });
   return jsx(SelectInput, {
     name: props.name,
@@ -11579,19 +11703,19 @@ const ScrollToFieldError = () => {
     if (isValid) return;
     const firstErrorElement = document.querySelector('[aria-invalid="true"]');
     if (firstErrorElement) {
+      var _ref, _ref2, _document$querySelect, _elementToScrollTo$sc;
       // Get a reference to the label.
       const firstElementId = firstErrorElement.getAttribute('id');
-      const localizedInputIndex = _indexOfInstanceProperty(firstElementId).call(firstElementId, `.${dataLocale}`);
+      const localizedInputIndex = _indexOfInstanceProperty(firstElementId).call(firstElementId, ".".concat(dataLocale));
 
       // check if locale is appended then remove it from id
-      const id = localizedInputIndex > -1 ? firstElementId.replace(`.${dataLocale}`, '') : firstElementId;
+      const id = localizedInputIndex > -1 ? firstElementId.replace(".".concat(dataLocale), '') : firstElementId;
 
       // Scroll to the label (if found), otherwise to the input element itself.
 
-      const elementToScrollTo =
-      //  div is used only for custom fields
-      document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
-      elementToScrollTo.scrollIntoView?.({
+      const elementToScrollTo = //  div is used only for custom fields
+      (_ref = (_ref2 = (_document$querySelect = document.querySelector("div[aria-errormessage=\"".concat(firstElementId, "\"]"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("label[for=\"".concat(id, "\"]"))) !== null && _ref2 !== void 0 ? _ref2 : document.querySelector("label#".concat(id))) !== null && _ref !== void 0 ? _ref : firstErrorElement;
+      (_elementToScrollTo$sc = elementToScrollTo.scrollIntoView) === null || _elementToScrollTo$sc === void 0 || _elementToScrollTo$sc.call(elementToScrollTo, {
         behavior: 'smooth'
       });
     }
@@ -11617,7 +11741,8 @@ var styles$4 = {
   "search-mode-menu": "selectable-field-search-input-module__search-mode-menu___Od6Le"
 };
 const SelectableFieldSearchInput = props => {
-  const _useState = useState(props.initialValue ?? ''),
+  var _props$initialValue, _props$placeholder;
+  const _useState = useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchText = _useState2[0],
     setSearchText = _useState2[1];
@@ -11653,7 +11778,7 @@ const SelectableFieldSearchInput = props => {
         });
       },
       onReset: props.onReset,
-      placeholder: props.placeholder ?? intl.formatMessage(messages$5.placeholder),
+      placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : intl.formatMessage(messages$5.placeholder),
       isDisabled: props.disabled
     })
   });
@@ -11714,6 +11839,7 @@ StoreSelectField.defaultProps = {
   mappedValueField: 'id'
 };
 
+var _templateObject;
 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; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$b(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$b(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$1(_this, derived, args) {
@@ -11804,10 +11930,7 @@ const VALIDATOR_INTEGER = {
  * has emitted a warning once in the logs, not for every instance
  */
 let hasWarned = false;
-const warningMessage = oneLineTrim`
-  \`validatedInput\` is no longer supported.
-  Please use \`formik\` instead.
-`;
+const warningMessage = oneLineTrim(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  `validatedInput` is no longer supported.\n  Please use `formik` instead.\n"], ["\n  \\`validatedInput\\` is no longer supported.\n  Please use \\`formik\\` instead.\n"])));
 const ToolTipWrapperComponent = /*#__PURE__*/forwardRef((_ref, ref) => {
   let children = _ref.children;
   return jsx(Constraints.Horizontal, {
@@ -11840,74 +11963,74 @@ function validatedInput(InnerComponent, validators) {
     _initialValidState[v.name] = true;
   });
   let ValidatedInput = /*#__PURE__*/function (_PureComponent) {
-    _inherits(ValidatedInput, _PureComponent);
     function ValidatedInput() {
-      var _this;
+      var _this2;
       _classCallCheck(this, ValidatedInput);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper$1(this, ValidatedInput, [...args]);
-      _this.state = {
+      _this2 = _callSuper$1(this, ValidatedInput, [...args]);
+      _this2.state = {
         validStatus: _initialValidState
       };
-      _this.conditionalSetValidStatus = nextValidStatus => {
-        if (!deepEqual(_this.state.validStatus, nextValidStatus)) {
-          _this.setState({
+      _this2.conditionalSetValidStatus = nextValidStatus => {
+        if (!deepEqual(_this2.state.validStatus, nextValidStatus)) {
+          _this2.setState({
             validStatus: nextValidStatus
           });
         }
       };
-      _this.handleChange = function (event) {
+      _this2.handleChange = function (event) {
         let _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
           _ref4$triggerUpdate = _ref4.triggerUpdate,
           triggerUpdate = _ref4$triggerUpdate === void 0 ? true : _ref4$triggerUpdate;
         let value = '';
         const nextValidStatus = {};
-        const onChange = changeHandler && _this.props[changeHandler] || _this.props.onChange;
+        const onChange = changeHandler && _this2.props[changeHandler] || _this2.props.onChange;
 
         // If the actual event is passed, validate the value
         if (getIsEvent(event)) value = event.target.value;else value = event;
         _forEachInstanceProperty(_validators).call(_validators, v => {
-          if (v.validators.change) nextValidStatus[v.name] = v.validators.change.call(_assertThisInitialized(_this), value);else nextValidStatus[v.name] = true;
+          if (v.validators.change) nextValidStatus[v.name] = v.validators.change.call(_this2, value);else nextValidStatus[v.name] = true;
         });
         if (onChange && triggerUpdate) onChange(event);
-        _this.conditionalSetValidStatus(nextValidStatus);
+        _this2.conditionalSetValidStatus(nextValidStatus);
       };
       /**
        * Only triggers when there is a value, but its not valid
        * so it must be an invalid numeric value
        */
-      _this.handleInvalid = () => {
-        const nextValidStatus = _objectSpread$b({}, _this.state.validStatus);
+      _this2.handleInvalid = () => {
+        const nextValidStatus = _objectSpread$b({}, _this2.state.validStatus);
         if (has(nextValidStatus, 'numeric')) {
           nextValidStatus.numeric = false;
-          _this.conditionalSetValidStatus(nextValidStatus);
+          _this2.conditionalSetValidStatus(nextValidStatus);
         }
       };
-      _this.handleBlur = event => {
+      _this2.handleBlur = event => {
         let value = '';
         const nextValidStatus = {};
-        const onBlur = blurHandler && _this.props[blurHandler] || _this.props.onBlurValue;
+        const onBlur = blurHandler && _this2.props[blurHandler] || _this2.props.onBlurValue;
 
         // If the actual event is passed, validate the value
         if (getIsEvent(event)) value = event.target.value;else value = event;
         _forEachInstanceProperty(_validators).call(_validators, v => {
-          if (v.validators.blur) nextValidStatus[v.name] = v.validators.blur.call(_assertThisInitialized(_this), value);else nextValidStatus[v.name] = true;
+          if (v.validators.blur) nextValidStatus[v.name] = v.validators.blur.call(_this2, value);else nextValidStatus[v.name] = true;
         });
         if (onBlur) onBlur(event);
-        _this.conditionalSetValidStatus(nextValidStatus);
+        _this2.conditionalSetValidStatus(nextValidStatus);
       };
-      _this.resetValidity = () => {
+      _this2.resetValidity = () => {
         const nextValidStatus = {};
         _forEachInstanceProperty(_validators).call(_validators, v => {
           nextValidStatus[v.name] = true;
         });
-        _this.conditionalSetValidStatus(nextValidStatus);
+        _this2.conditionalSetValidStatus(nextValidStatus);
       };
-      return _this;
+      return _this2;
     }
-    _createClass(ValidatedInput, [{
+    _inherits(ValidatedInput, _PureComponent);
+    return _createClass(ValidatedInput, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         process.env.NODE_ENV !== "production" ? warning(hasWarned, warningMessage) : void 0;
@@ -11953,9 +12076,8 @@ function validatedInput(InnerComponent, validators) {
         });
       }
     }]);
-    return ValidatedInput;
   }(PureComponent);
-  ValidatedInput.displayName = `ValidatedInput(${_InnerComponent.displayName})`;
+  ValidatedInput.displayName = "ValidatedInput(".concat(_InnerComponent.displayName, ")");
   ValidatedInput.defaultProps = {
     isValid: true,
     getInputRef: () => {}
@@ -11963,22 +12085,22 @@ function validatedInput(InnerComponent, validators) {
   return injectIntl(ValidatedInput);
 }
 function simpleInput(type) {
-  var _class2;
-  return _class2 = /*#__PURE__*/function (_PureComponent2) {
-    _inherits(_class2, _PureComponent2);
-    function _class2() {
-      var _this2;
-      _classCallCheck(this, _class2);
+  var _Class;
+  return _Class = /*#__PURE__*/function (_PureComponent2) {
+    function _Class() {
+      var _this3;
+      _classCallCheck(this, _Class);
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-      _this2 = _callSuper$1(this, _class2, [...args]);
-      _this2.handleBlur = event => {
-        if (_this2.props.onBlurValue) _this2.props.onBlurValue(event.target.value);
+      _this3 = _callSuper$1(this, _Class, [...args]);
+      _this3.handleBlur = event => {
+        if (_this3.props.onBlurValue) _this3.props.onBlurValue(event.target.value);
       };
-      return _this2;
+      return _this3;
     }
-    _createClass(_class2, [{
+    _inherits(_Class, _PureComponent2);
+    return _createClass(_Class, [{
       key: "render",
       value: function render() {
         return jsx("input", {
@@ -11995,11 +12117,10 @@ function simpleInput(type) {
         });
       }
     }]);
-    return _class2;
-  }(PureComponent), _class2.displayName = 'SimpleInput', _class2.defaultProps = {
+  }(PureComponent), _Class.displayName = 'SimpleInput', _Class.defaultProps = {
     getInputRef: () => {},
     name: 'simple-validated-input'
-  }, _class2;
+  }, _Class;
 }
 
 var messages$4 = defineMessages({
@@ -12096,7 +12217,7 @@ const MultiValueSelectorDropdown = props => {
           truncate: true,
           intlMessage: _objectSpread$8(_objectSpread$8({}, messages$2.filterWholeInput), {}, {
             values: {
-              values: `"${props.value}"`
+              values: "\"".concat(props.value, "\"")
             }
           })
         })
@@ -12109,7 +12230,7 @@ const MultiValueSelectorDropdown = props => {
           truncate: true,
           intlMessage: _objectSpread$8(_objectSpread$8({}, messages$2.filterSeparateValues), {}, {
             values: {
-              values: `"${props.multiValue.join('", "')}"` || props.value
+              values: "\"".concat(props.multiValue.join('", "'), "\"") || props.value
             }
           })
         })
@@ -12244,46 +12365,46 @@ Cleave.displayName = 'Cleave';
 // use isFinite to exclude Infitinty, -Inifinity and NaN
 const isValidValue = value => isFinite(value) || isNil$1(value);
 let NumericFormatInput = /*#__PURE__*/function (_PureComponent) {
-  _inherits(NumericFormatInput, _PureComponent);
   function NumericFormatInput() {
-    var _this;
+    var _this2;
     _classCallCheck(this, NumericFormatInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NumericFormatInput, [...args]);
-    _this.state = {
-      parsedValue: _this.props.value
+    _this2 = _callSuper(this, NumericFormatInput, [...args]);
+    _this2.state = {
+      parsedValue: _this2.props.value
     };
-    _this.setValue = value => {
+    _this2.setValue = value => {
       if (!isValidValue(value)) return;
-      const newValue = !isUndefined(value) ? _this.props.formatNumber(value) : undefined;
-      _this.owner.setRawValue(newValue);
+      const newValue = !isUndefined(value) ? _this2.props.formatNumber(value) : undefined;
+      _this2.owner.setRawValue(newValue);
     };
-    _this.handleInit = owner => {
-      _this.owner = owner;
-      _this.setValue(_this.props.value);
+    _this2.handleInit = owner => {
+      _this2.owner = owner;
+      _this2.setValue(_this2.props.value);
     };
-    _this.handleChange = event => {
+    _this2.handleChange = event => {
       const value = event.target.rawValue;
-      const parsedNumber = _this.props.parseNumber(value);
-      if (_this.state.parsedValue === parsedNumber) return;
-      _this.setState({
+      const parsedNumber = _this2.props.parseNumber(value);
+      if (_this2.state.parsedValue === parsedNumber) return;
+      _this2.setState({
         parsedValue: parsedNumber
       });
-      _this.props.onChangeValue(parsedNumber);
-      if (!isNumberish(value) && _this.props.onInvalidValue) _this.props.onInvalidValue(value);
+      _this2.props.onChangeValue(parsedNumber);
+      if (!isNumberish(value) && _this2.props.onInvalidValue) _this2.props.onInvalidValue(value);
     };
-    _this.handleBlur = () => {
-      _this.setValue(_this.props.value);
-      if (_this.props.onBlurValue) _this.props.onBlurValue(_this.props.value);
+    _this2.handleBlur = () => {
+      _this2.setValue(_this2.props.value);
+      if (_this2.props.onBlurValue) _this2.props.onBlurValue(_this2.props.value);
     };
-    _this.registerInputRef = ref => {
-      _this.textInput = ref;
+    _this2.registerInputRef = ref => {
+      _this2.textInput = ref;
     };
-    return _this;
+    return _this2;
   }
-  _createClass(NumericFormatInput, [{
+  _inherits(NumericFormatInput, _PureComponent);
+  return _createClass(NumericFormatInput, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (this.props.value !== prevProps.value && this.props.value !== this.state.parsedValue) {
@@ -12324,7 +12445,6 @@ let NumericFormatInput = /*#__PURE__*/function (_PureComponent) {
       }, dataAttributes));
     }
   }]);
-  return NumericFormatInput;
 }(PureComponent);
 NumericFormatInput.displayName = 'NumericFormatInput';
 NumericFormatInput.defaultProps = {
@@ -12412,16 +12532,17 @@ function isEmpty(value) {
 }
 
 const buildSearchQuery = (searchQuery, searchMode, fragments) => {
+  var _fragments$searchMode;
   if (!searchQuery) return '';
   const buildAllFieldsQueryString = query => {
     const fragmentsArray = _Object$values(fragments);
-    return `( ${_mapInstanceProperty(fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or ')} )`;
+    return "( ".concat(_mapInstanceProperty(fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or '), " )");
   };
   const trimmedSearchQuery = oneLine(searchQuery);
   if (searchMode === 'allFields') {
     return buildAllFieldsQueryString(trimmedSearchQuery);
   }
-  if (!fragments[searchMode] || typeof fragments[searchMode]?.getQuery !== 'function') {
+  if (!fragments[searchMode] || typeof ((_fragments$searchMode = fragments[searchMode]) === null || _fragments$searchMode === void 0 ? void 0 : _fragments$searchMode.getQuery) !== 'function') {
     return '';
   }
   return fragments[searchMode].getQuery(trimmedSearchQuery);
@@ -12652,11 +12773,11 @@ function createResourceReducer(options) {
 
   // TODO: validate constant keys
   const actionsMap = {
-    [`${plural}_FETCHED`]: (_, action) => ({
+    ["".concat(plural, "_FETCHED")]: (_, action) => ({
       currentQueryResult: action.payload
     }),
-    [`${single}_UPDATED_IN_LIST`]: updateStatusInList(mergeData),
-    [`${single}_DELETED_IN_LIST`]: (state, _ref) => {
+    ["".concat(single, "_UPDATED_IN_LIST")]: updateStatusInList(mergeData),
+    ["".concat(single, "_DELETED_IN_LIST")]: (state, _ref) => {
       let payload = _ref.payload;
       const results = state.currentQueryResult.results;
       return {
@@ -12668,27 +12789,27 @@ function createResourceReducer(options) {
         })
       };
     },
-    [`${single}_FETCHED`]: (_, _ref3) => {
+    ["".concat(single, "_FETCHED")]: (_, _ref3) => {
       let payload = _ref3.payload;
       return {
         currentVisible: payload
       };
     },
-    [`${single}_CREATED`]: (_ref4, _ref5) => {
+    ["".concat(single, "_CREATED")]: (_ref4, _ref5) => {
       let currentVisible = _ref4.currentVisible;
       let payload = _ref5.payload;
       return {
         currentVisible: mergeData(payload, currentVisible)
       };
     },
-    [`${single}_UPDATED`]: (_ref6, _ref7) => {
+    ["".concat(single, "_UPDATED")]: (_ref6, _ref7) => {
       let currentVisible = _ref6.currentVisible;
       let payload = _ref7.payload;
       return {
         currentVisible: mergeData(payload, currentVisible)
       };
     },
-    [`${single}_DELETED`]: () => ({
+    ["".concat(single, "_DELETED")]: () => ({
       currentVisible: null
     })
   };
@@ -12705,11 +12826,12 @@ function formatCustomerAddress(_ref) {
 }
 
 function formatCustomerName(_ref) {
+  var _context;
   let firstName = _ref.firstName,
     lastName = _ref.lastName;
   if (firstName && !lastName) return _trimInstanceProperty(firstName).call(firstName);
   if (!firstName && lastName) return _trimInstanceProperty(lastName).call(lastName);
-  if (firstName && lastName) return `${_trimInstanceProperty(firstName).call(firstName)} ${_trimInstanceProperty(lastName).call(lastName)}`;
+  if (firstName && lastName) return _concatInstanceProperty(_context = "".concat(_trimInstanceProperty(firstName).call(firstName), " ")).call(_context, _trimInstanceProperty(lastName).call(lastName));
   return NO_VALUE_FALLBACK;
 }
 
@@ -12761,7 +12883,10 @@ const validateText = function (text, intl) {
  * @returns {boolean}
  */
 const hasErrorCode = (unmappedApiErrors, errorCode) => {
-  return _Array$isArray(unmappedApiErrors) && _someInstanceProperty(unmappedApiErrors).call(unmappedApiErrors, error => error.extensions?.code === errorCode);
+  return _Array$isArray(unmappedApiErrors) && _someInstanceProperty(unmappedApiErrors).call(unmappedApiErrors, error => {
+    var _error$extensions;
+    return ((_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code) === errorCode;
+  });
 };
 
 const hasInvalidInputError = errors => hasErrorCode(errors, ERROR_CODES.invalidInput);
@@ -12773,7 +12898,7 @@ function minusify(value) {
   return minus.concat(value);
 }
 
-const flattenOperator = (operator, clauses) => compact(_reduceInstanceProperty(clauses).call(clauses, (result, clause) => _concatInstanceProperty(result).call(result, clause?.[operator] || clause), []));
+const flattenOperator = (operator, clauses) => compact(_reduceInstanceProperty(clauses).call(clauses, (result, clause) => _concatInstanceProperty(result).call(result, (clause === null || clause === void 0 ? void 0 : clause[operator]) || clause), []));
 const argsToArray = args => _reduceInstanceProperty(args).call(args, (result, item) => _concatInstanceProperty(result).call(result, item), []);
 const exists = (field, attributeType) => ({
   exists: {
@@ -12830,7 +12955,7 @@ const not = function () {
 
 const safelyAddFallback = function (string) {
   let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : NO_VALUE_FALLBACK;
-  return string === '' ? fallback : string ?? fallback;
+  return string === '' ? fallback : string !== null && string !== void 0 ? string : fallback;
 };
 
 var messages$1 = defineMessages({
@@ -12965,19 +13090,19 @@ const computedProperties = {
     // has been deleted. See MC-1925 for further information.
     const filteredCategories = _filterInstanceProperty(_context6 = product.categories).call(_context6, category => category.obj !== undefined);
     return _mapInstanceProperty(filteredCategories).call(filteredCategories, category => {
+      var _context7;
       const categoryPath = getPathName(category, language, languages);
       const ancestors = getAncestors(category, language);
-      const externalIdValue = category.obj.externalId ?
-      // hardcoding "ext. ID" since this is not part of a message to be
+      const externalIdValue = category.obj.externalId ? // hardcoding "ext. ID" since this is not part of a message to be
       // translated. This has been communicated with Jenn
-      `| ext. ID: ${category.obj.externalId}` : '';
+      "| ext. ID: ".concat(category.obj.externalId) : '';
       return {
         id: category.id,
-        name: `${formatLocalizedString(category.obj, {
+        name: _concatInstanceProperty(_context7 = "".concat(formatLocalizedString(category.obj, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        })} ${externalIdValue}`,
+        }), " ")).call(_context7, externalIdValue),
         path: categoryPath,
         level: ancestors.length
       };
@@ -13014,13 +13139,13 @@ const getAttributeValueByType = _ref12 => {
         value: value
       });
     case 'enum':
-      return safelyAddFallback(value.label, `${value.key} (key)`);
+      return safelyAddFallback(value.label, "".concat(value.key, " (key)"));
     case 'lenum':
       return safelyAddFallback(formatLocalizedString(value, {
         key: 'label',
         locale: projectDataLocale,
         fallbackOrder: projectLanguages
-      }), `${value.key} (key)`);
+      }), "".concat(value.key, " (key)"));
     case 'number':
       return safelyAddFallback(value);
     case 'boolean':
@@ -13043,7 +13168,7 @@ let RequestCache = /*#__PURE__*/function () {
     this.result = null;
     this.expiryDurationInSeconds = 5 * 60;
   }
-  _createClass(RequestCache, [{
+  return _createClass(RequestCache, [{
     key: "get",
     value: function get(key) {
       if (this.isValid(key)) {
@@ -13082,7 +13207,6 @@ let RequestCache = /*#__PURE__*/function () {
       this.result = null;
     }
   }]);
-  return RequestCache;
 }();
 
 // copied from
@@ -13143,6 +13267,7 @@ const reorderArrayItems = (array, from, to) => {
 const mapTimeZonesToOptions = memoize(timeZones => {
   var _context;
   return _mapInstanceProperty(_context = _Object$entries(timeZones)).call(_context, _ref => {
+    var _context2;
     let _ref2 = _slicedToArray(_ref, 2),
       code = _ref2[0],
       value = _ref2[1];
@@ -13151,7 +13276,7 @@ const mapTimeZonesToOptions = memoize(timeZones => {
       //E.g. `(GMT +02:00) Central European Time - Berlin`
       // unicode clock hex code: \u25F7
       //
-      label: `(GMT ${value.offset}) ${value.name}`
+      label: _concatInstanceProperty(_context2 = "(GMT ".concat(value.offset, ") ")).call(_context2, value.name)
     };
   });
 });
@@ -13159,9 +13284,12 @@ const getTimeZoneId = memoize((selectedTimeZone, timeZones) => {
   if (timeZones[selectedTimeZone]) {
     return selectedTimeZone;
   } else {
-    var _context2;
-    const fallbackTimeZoneId = _findInstanceProperty(_context2 = _Object$keys(timeZones)).call(_context2, timeZoneId => timeZones[timeZoneId]?.translationFor?.some(fallbackTimeZone => fallbackTimeZone === selectedTimeZone));
-    if (fallbackTimeZoneId?.length) {
+    var _context3;
+    const fallbackTimeZoneId = _findInstanceProperty(_context3 = _Object$keys(timeZones)).call(_context3, timeZoneId => {
+      var _timeZones$timeZoneId;
+      return (_timeZones$timeZoneId = timeZones[timeZoneId]) === null || _timeZones$timeZoneId === void 0 || (_timeZones$timeZoneId = _timeZones$timeZoneId.translationFor) === null || _timeZones$timeZoneId === void 0 ? void 0 : _someInstanceProperty(_timeZones$timeZoneId).call(_timeZones$timeZoneId, fallbackTimeZone => fallbackTimeZone === selectedTimeZone);
+    });
+    if (fallbackTimeZoneId !== null && fallbackTimeZoneId !== void 0 && fallbackTimeZoneId.length) {
       return fallbackTimeZoneId.toString();
     } else {
       return 'UTC';
@@ -13169,9 +13297,10 @@ const getTimeZoneId = memoize((selectedTimeZone, timeZones) => {
   }
 });
 const getTimeZoneLabel = memoize((selectedTimeZone, timeZones) => {
+  var _context4;
   const timeZoneId = getTimeZoneId(selectedTimeZone, timeZones);
   const timeZoneData = timeZones[timeZoneId];
-  return `(GMT ${timeZoneData.offset}) ${timeZoneData.name}`;
+  return _concatInstanceProperty(_context4 = "(GMT ".concat(timeZoneData.offset, ") ")).call(_context4, timeZoneData.name);
 });
 
 function ownKeys$3(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; }
@@ -13227,20 +13356,114 @@ var messages = defineMessages({
 const FIELD_NAME = 'custom';
 
 function ownKeys$2(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; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$2(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$2(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$2(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$2(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const transformFieldType = fieldDefinition => {
+  var _fieldDefinition$type, _fieldDefinition$type2;
+  if (((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 || (_fieldDefinition$type = _fieldDefinition$type.elementType) === null || _fieldDefinition$type === void 0 ? void 0 : _fieldDefinition$type.name) === 'LocalizedEnum') {
+    var _context;
+    return _objectSpread$2(_objectSpread$2({}, fieldDefinition.type), {}, {
+      elementType: _objectSpread$2(_objectSpread$2({}, fieldDefinition.type.elementType), {}, {
+        values: _mapInstanceProperty(_context = _valuesInstanceProperty(fieldDefinition.type.elementType)).call(_context, value => ({
+          key: value.key,
+          label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
+        }))
+      })
+    });
+  } else if (((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum') {
+    var _context2;
+    return _objectSpread$2(_objectSpread$2({}, fieldDefinition.type), {}, {
+      values: _mapInstanceProperty(_context2 = _valuesInstanceProperty(fieldDefinition.type)).call(_context2, value => ({
+        key: value.key,
+        label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
+      }))
+    });
+  } else {
+    return fieldDefinition.type;
+  }
+};
+const convertCustomField = resource => {
+  var _context3, _context4;
+  return {
+    type: {
+      typeId: 'type',
+      id: resource.custom.type.id,
+      obj: {
+        key: resource.custom.type.key,
+        name: transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
+        fieldDefinitions: _mapInstanceProperty(_context3 = resource.custom.type.fieldDefinitions).call(_context3, fieldDefinition => ({
+          name: fieldDefinition.name,
+          required: fieldDefinition.required,
+          inputHint: fieldDefinition.inputHint,
+          type: transformFieldType(fieldDefinition),
+          label: transformLocalizedFieldToLocalizedString(fieldDefinition.labelAllLocales)
+        }))
+      }
+    },
+    fields: _reduceInstanceProperty(_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread$2(_objectSpread$2({}, fields), {}, {
+      [customField.name]: customField.value
+    }), {})
+  };
+};
+const createFormStateFromResource = resource => {
+  // If there are no custom fields on the resource, don't create a form state
+  if (!resource[FIELD_NAME]) {
+    return {
+      [FIELD_NAME]: undefined
+    };
+  }
+  return {
+    [FIELD_NAME]: convertCustomField(resource)
+  };
+};
+const createGraphQlDocFromFormState = formState => {
+  var _formState$FIELD_NAME, _context5;
+  // Unset the custom type if it's not in the form state
+  if (!((_formState$FIELD_NAME = formState[FIELD_NAME]) !== null && _formState$FIELD_NAME !== void 0 && (_formState$FIELD_NAME = _formState$FIELD_NAME.type) !== null && _formState$FIELD_NAME !== void 0 && _formState$FIELD_NAME.id)) {
+    return {
+      [FIELD_NAME]: {}
+    };
+  }
+  return {
+    [FIELD_NAME]: {
+      type: {
+        id: formState[FIELD_NAME].type.id,
+        typeId: 'type'
+      },
+      fields: _mapInstanceProperty(_context5 = _Object$entries(formState[FIELD_NAME].fields)).call(_context5, _ref => {
+        let _ref2 = _slicedToArray(_ref, 2),
+          name = _ref2[0],
+          value = _ref2[1];
+        return {
+          name,
+          value: _JSON$stringify(value)
+        };
+      })
+    }
+  };
+};
+
+// Creates a root field name accessor for `custom` form state
+const createRootFieldName = rootFieldName => {
+  var _context6;
+  return rootFieldName ? _concatInstanceProperty(_context6 = "".concat(rootFieldName, ".")).call(_context6, FIELD_NAME) : FIELD_NAME;
+};
+
+function ownKeys$1(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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$1(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const typeDefinitionsExist = typeDefinitions => {
   return typeDefinitions.length > 0;
 };
-const typeDefinitionSelected = formValues => {
-  return formValues[FIELD_NAME]?.type && formValues[FIELD_NAME]?.type?.obj;
+const typeDefinitionSelected = (formValues, rootFieldName) => {
+  var _getIn, _getIn2;
+  return ((_getIn = getIn(formValues, rootFieldName)) === null || _getIn === void 0 ? void 0 : _getIn.type) && ((_getIn2 = getIn(formValues, rootFieldName)) === null || _getIn2 === void 0 || (_getIn2 = _getIn2.type) === null || _getIn2 === void 0 ? void 0 : _getIn2.obj);
 };
-const typeDefinitionContainsFieldDefinitions = formValues => {
-  return formValues[FIELD_NAME].type.obj.key && formValues[FIELD_NAME].type.obj.fieldDefinitions.length > 0;
+const typeDefinitionContainsFieldDefinitions = (formValues, rootFieldName) => {
+  return getIn(formValues, rootFieldName).type.obj.key && getIn(formValues, rootFieldName).type.obj.fieldDefinitions.length > 0;
 };
-const fieldDefinitionsWithValues = formValues => {
+const fieldDefinitionsWithValues = (formValues, rootFieldName) => {
   var _context;
-  const fieldValues = formValues[FIELD_NAME].fields;
-  return _filterInstanceProperty(_context = formValues[FIELD_NAME].type.obj.fieldDefinitions).call(_context, _ref => {
+  const fieldValues = getIn(formValues, rootFieldName).fields;
+  return _filterInstanceProperty(_context = getIn(formValues, rootFieldName).type.obj.fieldDefinitions).call(_context, _ref => {
     let name = _ref.name;
     return fieldValues[name] !== undefined;
   });
@@ -13248,34 +13471,36 @@ const fieldDefinitionsWithValues = formValues => {
 const CustomFieldsInputWrapper = _ref2 => {
   let typeDefinitions = _ref2.typeDefinitions,
     isReadOnly = _ref2.isReadOnly,
-    hideEmptyFields = _ref2.hideEmptyFields;
+    hideEmptyFields = _ref2.hideEmptyFields,
+    rootFormStateFieldName = _ref2.rootFormStateFieldName;
   const _useFormikContext = useFormikContext(),
     formValues = _valuesInstanceProperty(_useFormikContext);
+  const rootFieldName = createRootFieldName(rootFormStateFieldName);
   if (!typeDefinitionsExist(typeDefinitions)) {
-    return jsx(FormattedMessage, _objectSpread$2({}, messages.noTypes));
+    return jsx(FormattedMessage, _objectSpread$1({}, messages.noTypes));
   }
-  if (!typeDefinitionSelected(formValues)) {
-    return jsx(FormattedMessage, _objectSpread$2({}, messages.noCustomType));
+  if (!typeDefinitionSelected(formValues, rootFieldName)) {
+    return jsx(FormattedMessage, _objectSpread$1({}, messages.noCustomType));
   }
-  if (!typeDefinitionContainsFieldDefinitions(formValues)) {
-    return jsx(FormattedMessage, _objectSpread$2({}, messages.noCustomFields));
+  if (!typeDefinitionContainsFieldDefinitions(formValues, rootFieldName)) {
+    return jsx(FormattedMessage, _objectSpread$1({}, messages.noCustomFields));
   }
-  if (fieldDefinitionsWithValues(formValues).length === 0 && isReadOnly && hideEmptyFields) {
-    return jsx(FormattedMessage, _objectSpread$2({}, messages.noInputValues));
+  if (fieldDefinitionsWithValues(formValues, rootFieldName).length === 0 && isReadOnly && hideEmptyFields) {
+    return jsx(FormattedMessage, _objectSpread$1({}, messages.noInputValues));
   }
   return jsx(Constraints.Horizontal, {
     max: "scale",
     children: jsx(CustomFields, {
       isReadOnly: isReadOnly,
-      name: `${FIELD_NAME}.fields`,
-      fieldDefinitions: isReadOnly && hideEmptyFields ? fieldDefinitionsWithValues(formValues) : formValues[FIELD_NAME].type.obj.fieldDefinitions
+      name: "".concat(rootFieldName, ".fields"),
+      fieldDefinitions: isReadOnly && hideEmptyFields ? fieldDefinitionsWithValues(formValues, rootFieldName) : getIn(formValues, rootFieldName).type.obj.fieldDefinitions
     })
   });
 };
 CustomFieldsInputWrapper.displayName = 'CustomFieldsInputWrapper';
 
-function ownKeys$1(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; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const mapTypeDefinitionsToOptions = (typeDefinitions, language, languages, selectedTypeDefinitionId) => {
   return _mapInstanceProperty(typeDefinitions).call(typeDefinitions, typeDefinition => ({
     isDisabled: selectedTypeDefinitionId && selectedTypeDefinitionId === typeDefinition.type.id,
@@ -13302,10 +13527,13 @@ const createFormStateFromTypeDefinition = selectedTypeDefinition => {
   };
 };
 const CustomTypeSubform = _ref => {
+  var _getIn3, _getIn4;
   let typeDefinitions = _ref.typeDefinitions,
     isReadOnly = _ref.isReadOnly,
     isCondensed = _ref.isCondensed,
-    hideEmptyFields = _ref.hideEmptyFields;
+    hideEmptyFields = _ref.hideEmptyFields,
+    rootFormStateFieldName = _ref.rootFormStateFieldName,
+    panelTitle = _ref.panelTitle;
   const _useFormikContext = useFormikContext(),
     formValues = _valuesInstanceProperty(_useFormikContext),
     setFieldValue = _useFormikContext.setFieldValue,
@@ -13318,22 +13546,24 @@ const CustomTypeSubform = _ref => {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
+  const rootFieldName = createRootFieldName(rootFormStateFieldName);
   const handleTypeDefinitionSelect = useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty(typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
       const nextCustom = createFormStateFromTypeDefinition(selectedTypeDefinition);
-      setFieldValue(FIELD_NAME, nextCustom).then(() => {
+      setFieldValue(rootFieldName, nextCustom).then(() => {
         validateForm();
       });
     } else {
       // if the dropdown selector is cleared, remove the `custom` field from the form state entirely
-      setFieldValue(FIELD_NAME, undefined).then(() => {
+      setFieldValue(rootFieldName, undefined).then(() => {
         validateForm();
       });
     }
-  }, [typeDefinitions, setFieldValue, validateForm]);
+  }, [typeDefinitions, setFieldValue, validateForm, rootFieldName]);
   const typeDefinitionSelected = formValues => {
-    return formValues[FIELD_NAME]?.type && formValues[FIELD_NAME]?.type?.obj;
+    var _getIn, _getIn2;
+    return ((_getIn = getIn(formValues, rootFieldName)) === null || _getIn === void 0 ? void 0 : _getIn.type) && ((_getIn2 = getIn(formValues, rootFieldName)) === null || _getIn2 === void 0 || (_getIn2 = _getIn2.type) === null || _getIn2 === void 0 ? void 0 : _getIn2.obj);
   };
 
   // if the user has read-only permissions, empty fields are hidden, and no type definition is selected, hide the component
@@ -13341,16 +13571,16 @@ const CustomTypeSubform = _ref => {
   return jsx(CollapsiblePanel, {
     header: jsx(CollapsiblePanel.Header, {
       isCondensed: isCondensed,
-      children: jsx(FormattedMessage, _objectSpread$1({}, messages.title))
+      children: panelTitle || jsx(FormattedMessage, _objectSpread({}, messages.title))
     }),
     headerControls: typeDefinitions.length > 0 && jsx("div", {
-      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0IH0gZnJvbSAnZm9ybWlrJztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UsIHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnO1xuaW1wb3J0IHsgZm9ybWF0TG9jYWxpemVkU3RyaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvbDEwbic7XG5pbXBvcnQge1xuICBDb2xsYXBzaWJsZVBhbmVsLFxuICBTZWxlY3RJbnB1dCxcbiAgZGVzaWduVG9rZW5zLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IEN1c3RvbUZpZWxkc0lucHV0V3JhcHBlciBmcm9tICcuL2N1c3RvbS1maWVsZHMtaW5wdXQtd3JhcHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBGSUVMRF9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG4vLyBDcmVhdGVzIGRyb3Bkb3duIG9wdGlvbnNcbmV4cG9ydCBjb25zdCBtYXBUeXBlRGVmaW5pdGlvbnNUb09wdGlvbnMgPSAoXG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgbGFuZ3VhZ2UsXG4gIGxhbmd1YWdlcyxcbiAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkXG4pID0+IHtcbiAgcmV0dXJuIHR5cGVEZWZpbml0aW9ucy5tYXAoKHR5cGVEZWZpbml0aW9uKSA9PiAoe1xuICAgIGlzRGlzYWJsZWQ6XG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgJiZcbiAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZCA9PT0gdHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICB2YWx1ZTogdHlwZURlZmluaXRpb24udHlwZS5rZXksXG4gICAgbGFiZWw6IGZvcm1hdExvY2FsaXplZFN0cmluZyh0eXBlRGVmaW5pdGlvbi50eXBlLCB7XG4gICAgICBrZXk6ICduYW1lJyxcbiAgICAgIGxvY2FsZTogbGFuZ3VhZ2UsXG4gICAgICBmYWxsYmFja09yZGVyOiBsYW5ndWFnZXMsXG4gICAgfSksXG4gIH0pKTtcbn07XG5cbi8vIFVzZWQgdG8gZ2VuZXJhdGUgZm9ybSBzdGF0ZSB3aGVuIHRoZSB1c2VyIHNlbGVjdHMgYSB0eXBlIGRlZmluaXRpb24gZnJvbSB0aGUgZHJvcGRvd25cbmNvbnN0IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbiA9IChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSA9PiB7XG4gIHJldHVybiB7XG4gICAgdHlwZToge1xuICAgICAgaWQ6IHNlbGVjdGVkVHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICAgIG9iajoge1xuICAgICAgICBmaWVsZERlZmluaXRpb25zOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuZmllbGREZWZpbml0aW9ucyxcbiAgICAgICAga2V5OiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgICAgfSxcbiAgICB9LFxuICAgIGZpZWxkczoge30sXG4gIH07XG59O1xuXG5jb25zdCBDdXN0b21UeXBlU3ViZm9ybSA9ICh7XG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgaXNSZWFkT25seSxcbiAgaXNDb25kZW5zZWQsXG4gIGhpZGVFbXB0eUZpZWxkcyxcbn0pID0+IHtcbiAgY29uc3Qge1xuICAgIHZhbHVlczogZm9ybVZhbHVlcyxcbiAgICBzZXRGaWVsZFZhbHVlLFxuICAgIHZhbGlkYXRlRm9ybSxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZVR5cGVEZWZpbml0aW9uU2VsZWN0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBzZWxlY3RlZFR5cGVEZWZpbml0aW9uID0gdHlwZURlZmluaXRpb25zLmZpbmQoXG4gICAgICAgICh0eXBlRGVmaW5pdGlvbikgPT4gdHlwZURlZmluaXRpb24udHlwZS5rZXkgPT09IGV2ZW50LnRhcmdldC52YWx1ZVxuICAgICAgKTtcblxuICAgICAgaWYgKHNlbGVjdGVkVHlwZURlZmluaXRpb24pIHtcbiAgICAgICAgY29uc3QgbmV4dEN1c3RvbSA9IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbihcbiAgICAgICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uXG4gICAgICAgICk7XG5cbiAgICAgICAgc2V0RmllbGRWYWx1ZShGSUVMRF9OQU1FLCBuZXh0Q3VzdG9tKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBpZiB0aGUgZHJvcGRvd24gc2VsZWN0b3IgaXMgY2xlYXJlZCwgcmVtb3ZlIHRoZSBgY3VzdG9tYCBmaWVsZCBmcm9tIHRoZSBmb3JtIHN0YXRlIGVudGlyZWx5XG4gICAgICAgIHNldEZpZWxkVmFsdWUoRklFTERfTkFNRSwgdW5kZWZpbmVkKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHlwZURlZmluaXRpb25zLCBzZXRGaWVsZFZhbHVlLCB2YWxpZGF0ZUZvcm1dXG4gICk7XG5cbiAgY29uc3QgdHlwZURlZmluaXRpb25TZWxlY3RlZCA9IChmb3JtVmFsdWVzKSA9PiB7XG4gICAgcmV0dXJuIGZvcm1WYWx1ZXNbRklFTERfTkFNRV0/LnR5cGUgJiYgZm9ybVZhbHVlc1tGSUVMRF9OQU1FXT8udHlwZT8ub2JqO1xuICB9O1xuXG4gIC8vIGlmIHRoZSB1c2VyIGhhcyByZWFkLW9ubHkgcGVybWlzc2lvbnMsIGVtcHR5IGZpZWxkcyBhcmUgaGlkZGVuLCBhbmQgbm8gdHlwZSBkZWZpbml0aW9uIGlzIHNlbGVjdGVkLCBoaWRlIHRoZSBjb21wb25lbnRcbiAgaWYgKGlzUmVhZE9ubHkgJiYgaGlkZUVtcHR5RmllbGRzICYmICF0eXBlRGVmaW5pdGlvblNlbGVjdGVkKGZvcm1WYWx1ZXMpKVxuICAgIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPENvbGxhcHNpYmxlUGFuZWxcbiAgICAgIGhlYWRlcj17XG4gICAgICAgIDxDb2xsYXBzaWJsZVBhbmVsLkhlYWRlciBpc0NvbmRlbnNlZD17aXNDb25kZW5zZWR9PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy50aXRsZX0gLz5cbiAgICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsLkhlYWRlcj5cbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzPXtcbiAgICAgICAgdHlwZURlZmluaXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpc0NsZWFyYWJsZVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImN1c3RvbS10eXBlLXNlbGVjdFwiXG4gICAgICAgICAgICAgIG5hbWU9e2Ake0ZJRUxEX05BTUV9LnR5cGUub2JqLmtleWB9XG4gICAgICAgICAgICAgIG9wdGlvbnM9e21hcFR5cGVEZWZpbml0aW9uc1RvT3B0aW9ucyhcbiAgICAgICAgICAgICAgICB0eXBlRGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2UsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2VzLFxuICAgICAgICAgICAgICAgIGZvcm1WYWx1ZXNbRklFTERfTkFNRV0/LnR5cGU/LmlkXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHZhbHVlPXtmb3JtVmFsdWVzW0ZJRUxEX05BTUVdPy50eXBlPy5vYmo/LmtleX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVR5cGVEZWZpbml0aW9uU2VsZWN0fVxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17Zm9ybWF0TWVzc2FnZShtZXNzYWdlcy50eXBlc1BsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzQWxpZ25tZW50PVwicmlnaHRcIlxuICAgID5cbiAgICAgIDxDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZURlZmluaXRpb25zPXt0eXBlRGVmaW5pdGlvbnN9XG4gICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgIGhpZGVFbXB0eUZpZWxkcz17aGlkZUVtcHR5RmllbGRzfVxuICAgICAgLz5cbiAgICA8L0NvbGxhcHNpYmxlUGFuZWw+XG4gICk7XG59O1xuXG5DdXN0b21UeXBlU3ViZm9ybS5kaXNwbGF5TmFtZSA9ICdDdXN0b21UeXBlU3ViZm9ybSc7XG5DdXN0b21UeXBlU3ViZm9ybS5wcm9wVHlwZXMgPSB7XG4gIHR5cGVEZWZpbml0aW9uczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpZGVFbXB0eUZpZWxkczogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDdXN0b21UeXBlU3ViZm9ybTtcbiJdfQ== */"),
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFIb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vLyBDcmVhdGVzIGRyb3Bkb3duIG9wdGlvbnNcbmV4cG9ydCBjb25zdCBtYXBUeXBlRGVmaW5pdGlvbnNUb09wdGlvbnMgPSAoXG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgbGFuZ3VhZ2UsXG4gIGxhbmd1YWdlcyxcbiAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkXG4pID0+IHtcbiAgcmV0dXJuIHR5cGVEZWZpbml0aW9ucy5tYXAoKHR5cGVEZWZpbml0aW9uKSA9PiAoe1xuICAgIGlzRGlzYWJsZWQ6XG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgJiZcbiAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZCA9PT0gdHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICB2YWx1ZTogdHlwZURlZmluaXRpb24udHlwZS5rZXksXG4gICAgbGFiZWw6IGZvcm1hdExvY2FsaXplZFN0cmluZyh0eXBlRGVmaW5pdGlvbi50eXBlLCB7XG4gICAgICBrZXk6ICduYW1lJyxcbiAgICAgIGxvY2FsZTogbGFuZ3VhZ2UsXG4gICAgICBmYWxsYmFja09yZGVyOiBsYW5ndWFnZXMsXG4gICAgfSksXG4gIH0pKTtcbn07XG5cbi8vIFVzZWQgdG8gZ2VuZXJhdGUgZm9ybSBzdGF0ZSB3aGVuIHRoZSB1c2VyIHNlbGVjdHMgYSB0eXBlIGRlZmluaXRpb24gZnJvbSB0aGUgZHJvcGRvd25cbmNvbnN0IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbiA9IChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSA9PiB7XG4gIHJldHVybiB7XG4gICAgdHlwZToge1xuICAgICAgaWQ6IHNlbGVjdGVkVHlwZURlZmluaXRpb24udHlwZS5pZCxcbiAgICAgIG9iajoge1xuICAgICAgICBmaWVsZERlZmluaXRpb25zOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuZmllbGREZWZpbml0aW9ucyxcbiAgICAgICAga2V5OiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgICAgfSxcbiAgICB9LFxuICAgIGZpZWxkczoge30sXG4gIH07XG59O1xuXG5jb25zdCBDdXN0b21UeXBlU3ViZm9ybSA9ICh7XG4gIHR5cGVEZWZpbml0aW9ucyxcbiAgaXNSZWFkT25seSxcbiAgaXNDb25kZW5zZWQsXG4gIGhpZGVFbXB0eUZpZWxkcyxcbiAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZSxcbiAgcGFuZWxUaXRsZSxcbn0pID0+IHtcbiAgY29uc3Qge1xuICAgIHZhbHVlczogZm9ybVZhbHVlcyxcbiAgICBzZXRGaWVsZFZhbHVlLFxuICAgIHZhbGlkYXRlRm9ybSxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IG5leHRDdXN0b20gPSBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24oXG4gICAgICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvblxuICAgICAgICApO1xuXG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgbmV4dEN1c3RvbSkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gaWYgdGhlIGRyb3Bkb3duIHNlbGVjdG9yIGlzIGNsZWFyZWQsIHJlbW92ZSB0aGUgYGN1c3RvbWAgZmllbGQgZnJvbSB0aGUgZm9ybSBzdGF0ZSBlbnRpcmVseVxuICAgICAgICBzZXRGaWVsZFZhbHVlKHJvb3RGaWVsZE5hbWUsIHVuZGVmaW5lZCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3R5cGVEZWZpbml0aW9ucywgc2V0RmllbGRWYWx1ZSwgdmFsaWRhdGVGb3JtLCByb290RmllbGROYW1lXVxuICApO1xuXG4gIGNvbnN0IHR5cGVEZWZpbml0aW9uU2VsZWN0ZWQgPSAoZm9ybVZhbHVlcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZSAmJlxuICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/Lm9ialxuICAgICk7XG4gIH07XG5cbiAgLy8gaWYgdGhlIHVzZXIgaGFzIHJlYWQtb25seSBwZXJtaXNzaW9ucywgZW1wdHkgZmllbGRzIGFyZSBoaWRkZW4sIGFuZCBubyB0eXBlIGRlZmluaXRpb24gaXMgc2VsZWN0ZWQsIGhpZGUgdGhlIGNvbXBvbmVudFxuICBpZiAoaXNSZWFkT25seSAmJiBoaWRlRW1wdHlGaWVsZHMgJiYgIXR5cGVEZWZpbml0aW9uU2VsZWN0ZWQoZm9ybVZhbHVlcykpXG4gICAgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgaGVhZGVyPXtcbiAgICAgICAgPENvbGxhcHNpYmxlUGFuZWwuSGVhZGVyIGlzQ29uZGVuc2VkPXtpc0NvbmRlbnNlZH0+XG4gICAgICAgICAge3BhbmVsVGl0bGUgfHwgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnRpdGxlfSAvPn1cbiAgICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsLkhlYWRlcj5cbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzPXtcbiAgICAgICAgdHlwZURlZmluaXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpc0NsZWFyYWJsZVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImN1c3RvbS10eXBlLXNlbGVjdFwiXG4gICAgICAgICAgICAgIG5hbWU9e2Ake3Jvb3RGaWVsZE5hbWV9LnR5cGUub2JqLmtleWB9XG4gICAgICAgICAgICAgIG9wdGlvbnM9e21hcFR5cGVEZWZpbml0aW9uc1RvT3B0aW9ucyhcbiAgICAgICAgICAgICAgICB0eXBlRGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2UsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2VzLFxuXG4gICAgICAgICAgICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/LmlkXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHZhbHVlPXtnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqPy5rZXl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdH1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2Zvcm1hdE1lc3NhZ2UobWVzc2FnZXMudHlwZXNQbGFjZWhvbGRlcil9XG4gICAgICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9XG4gICAgICBoZWFkZXJDb250cm9sc0FsaWdubWVudD1cInJpZ2h0XCJcbiAgICA+XG4gICAgICA8Q3VzdG9tRmllbGRzSW5wdXRXcmFwcGVyXG4gICAgICAgIHR5cGVEZWZpbml0aW9ucz17dHlwZURlZmluaXRpb25zfVxuICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICBoaWRlRW1wdHlGaWVsZHM9e2hpZGVFbXB0eUZpZWxkc31cbiAgICAgICAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZT17cm9vdEZvcm1TdGF0ZUZpZWxkTmFtZX1cbiAgICAgIC8+XG4gICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICApO1xufTtcblxuQ3VzdG9tVHlwZVN1YmZvcm0uZGlzcGxheU5hbWUgPSAnQ3VzdG9tVHlwZVN1YmZvcm0nO1xuQ3VzdG9tVHlwZVN1YmZvcm0ucHJvcFR5cGVzID0ge1xuICB0eXBlRGVmaW5pdGlvbnM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDb25kZW5zZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlRW1wdHlGaWVsZHM6IFByb3BUeXBlcy5ib29sLFxuICByb290Rm9ybVN0YXRlRmllbGROYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwYW5lbFRpdGxlOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVR5cGVTdWJmb3JtO1xuIl19 */"),
       children: jsx(SelectInput, {
         isClearable: true,
         "data-testid": "custom-type-select",
-        name: `${FIELD_NAME}.type.obj.key`,
-        options: mapTypeDefinitionsToOptions(typeDefinitions, language, languages, formValues[FIELD_NAME]?.type?.id),
-        value: formValues[FIELD_NAME]?.type?.obj?.key,
+        name: "".concat(rootFieldName, ".type.obj.key"),
+        options: mapTypeDefinitionsToOptions(typeDefinitions, language, languages, (_getIn3 = getIn(formValues, rootFieldName)) === null || _getIn3 === void 0 || (_getIn3 = _getIn3.type) === null || _getIn3 === void 0 ? void 0 : _getIn3.id),
+        value: (_getIn4 = getIn(formValues, rootFieldName)) === null || _getIn4 === void 0 || (_getIn4 = _getIn4.type) === null || _getIn4 === void 0 || (_getIn4 = _getIn4.obj) === null || _getIn4 === void 0 ? void 0 : _getIn4.key,
         onChange: handleTypeDefinitionSelect,
         placeholder: formatMessage(messages.typesPlaceholder),
         isReadOnly: isReadOnly
@@ -13360,103 +13590,20 @@ const CustomTypeSubform = _ref => {
     children: jsx(CustomFieldsInputWrapper, {
       typeDefinitions: typeDefinitions,
       isReadOnly: isReadOnly,
-      hideEmptyFields: hideEmptyFields
+      hideEmptyFields: hideEmptyFields,
+      rootFormStateFieldName: rootFormStateFieldName
     })
   });
 };
 CustomTypeSubform.displayName = 'CustomTypeSubform';
 
-function ownKeys(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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const transformFieldType = fieldDefinition => {
-  if (fieldDefinition.type?.elementType?.name === 'LocalizedEnum') {
-    var _context;
-    return _objectSpread(_objectSpread({}, fieldDefinition.type), {}, {
-      elementType: _objectSpread(_objectSpread({}, fieldDefinition.type.elementType), {}, {
-        values: _mapInstanceProperty(_context = _valuesInstanceProperty(fieldDefinition.type.elementType)).call(_context, value => ({
-          key: value.key,
-          label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
-        }))
-      })
-    });
-  } else if (fieldDefinition.type?.name === 'LocalizedEnum') {
-    var _context2;
-    return _objectSpread(_objectSpread({}, fieldDefinition.type), {}, {
-      values: _mapInstanceProperty(_context2 = _valuesInstanceProperty(fieldDefinition.type)).call(_context2, value => ({
-        key: value.key,
-        label: transformLocalizedFieldToLocalizedString(value.labelAllLocales)
-      }))
-    });
-  } else {
-    return fieldDefinition.type;
-  }
-};
-const convertCustomField = resource => {
-  var _context3, _context4;
-  return {
-    type: {
-      typeId: 'type',
-      id: resource.custom.type.id,
-      obj: {
-        key: resource.custom.type.key,
-        name: transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
-        fieldDefinitions: _mapInstanceProperty(_context3 = resource.custom.type.fieldDefinitions).call(_context3, fieldDefinition => ({
-          name: fieldDefinition.name,
-          required: fieldDefinition.required,
-          inputHint: fieldDefinition.inputHint,
-          type: transformFieldType(fieldDefinition),
-          label: transformLocalizedFieldToLocalizedString(fieldDefinition.labelAllLocales)
-        }))
-      }
-    },
-    fields: _reduceInstanceProperty(_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread(_objectSpread({}, fields), {}, {
-      [customField.name]: customField.value
-    }), {})
-  };
-};
-const createFormStateFromResource = resource => {
-  // If there are no custom fields on the resource, don't create a form state
-  if (!resource[FIELD_NAME]) {
-    return {
-      [FIELD_NAME]: undefined
-    };
-  }
-  return {
-    [FIELD_NAME]: convertCustomField(resource)
-  };
-};
-const createGraphQlDocFromFormState = formState => {
-  var _context5;
-  // Unset the custom type if it's not in the form state
-  if (!formState[FIELD_NAME]) {
-    return {
-      [FIELD_NAME]: {}
-    };
-  }
-  return {
-    [FIELD_NAME]: {
-      type: {
-        id: formState[FIELD_NAME].type.id,
-        typeId: 'type'
-      },
-      fields: _mapInstanceProperty(_context5 = _Object$entries(formState[FIELD_NAME].fields)).call(_context5, _ref => {
-        let _ref2 = _slicedToArray(_ref, 2),
-          name = _ref2[0],
-          value = _ref2[1];
-        return {
-          name,
-          value: _JSON$stringify(value)
-        };
-      })
-    }
-  };
-};
-
 const CustomFieldsFormField = _ref => {
   let resources = _ref.resources,
     isReadOnly = _ref.isReadOnly,
     isCondensed = _ref.isCondensed,
-    hideEmptyFields = _ref.hideEmptyFields;
+    hideEmptyFields = _ref.hideEmptyFields,
+    rootFormStateFieldName = _ref.rootFormStateFieldName,
+    panelTitle = _ref.panelTitle;
   const projectKey = useApplicationContext(applicationContext => applicationContext.project.key);
   return jsx(CustomFieldTypeDefinitionsConnector$1, {
     resources: resources,
@@ -13474,7 +13621,9 @@ const CustomFieldsFormField = _ref => {
         typeDefinitions: typeDefinitions,
         isReadOnly: isReadOnly,
         isCondensed: isCondensed,
-        hideEmptyFields: hideEmptyFields
+        hideEmptyFields: hideEmptyFields,
+        rootFormStateFieldName: rootFormStateFieldName,
+        panelTitle: panelTitle
       });
     }
   });
@@ -13484,4 +13633,4 @@ CustomFieldsFormField.createGraphQlDocFromFormState = createGraphQlDocFromFormSt
 
 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 } } } };
 
-export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, 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$r as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$2 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, 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$7 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$F as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$5 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$1 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$K as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
+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, 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$r as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$2 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, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$7 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$F 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, useLoadOptions, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$1 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$K as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };