@commercetools-frontend/experimental-components 6.0.2 → 6.1.0

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

@@ -30,12 +30,14 @@ var l10n = require('@commercetools-frontend/l10n');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var camelCase = require('lodash/camelCase');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var fastEquals = require('fast-equals');
 var reactIntl = require('react-intl');
 var omitEmpty = require('omit-empty-es');
+var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var oneLine = require('common-tags/lib/oneLine');
 var moment = require('moment-timezone');
 var isNil$1 = require('lodash/isNil');
@@ -64,7 +66,6 @@ var hooks = require('@apollo/client/react/hooks');
 var moment$1 = require('moment');
 var classnames = require('classnames');
 require('react-required-if');
-var _assertThisInitialized = require('@babel/runtime-corejs3/helpers/assertThisInitialized');
 var Textarea = require('react-textarea-autosize');
 var has = require('lodash/has');
 var _toArray = require('@babel/runtime-corejs3/helpers/toArray');
@@ -78,6 +79,7 @@ var omit = require('lodash/omit');
 var isEmpty$3 = require('lodash/isEmpty');
 var _Object$freeze = require('@babel/runtime-corejs3/core-js-stable/object/freeze');
 var originalOmitDeep = require('omit-deep');
+var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
 var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
@@ -105,14 +107,12 @@ var flatMap = require('lodash/flatMap');
 var reactRedux = require('react-redux');
 var commonTags = require('common-tags');
 require('tiny-warning');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Math$trunc = require('@babel/runtime-corejs3/core-js-stable/math/trunc');
 var _Number$isNaN = require('@babel/runtime-corejs3/core-js-stable/number/is-nan');
 var isUndefined = require('lodash/isUndefined');
 var isFinite = require('lodash/isFinite');
 var Cleave = require('cleave.js/react');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
 var compact = require('lodash/compact');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 require('@babel/runtime-corejs3/helpers/get');
@@ -139,6 +139,7 @@ var uniqBy__default = /*#__PURE__*/_interopDefault(uniqBy);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
@@ -167,6 +168,7 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
 var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
 var _Object$freeze__default = /*#__PURE__*/_interopDefault(_Object$freeze);
 var originalOmitDeep__default = /*#__PURE__*/_interopDefault(originalOmitDeep);
+var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
@@ -184,14 +186,12 @@ var merge__default = /*#__PURE__*/_interopDefault(merge);
 var set__default = /*#__PURE__*/_interopDefault(set);
 var memoize__default = /*#__PURE__*/_interopDefault(memoize);
 var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Math$trunc__default = /*#__PURE__*/_interopDefault(_Math$trunc);
 var _Number$isNaN__default = /*#__PURE__*/_interopDefault(_Number$isNaN);
 var isUndefined__default = /*#__PURE__*/_interopDefault(isUndefined);
 var isFinite__default = /*#__PURE__*/_interopDefault(isFinite);
 var Cleave__default = /*#__PURE__*/_interopDefault(Cleave);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
-var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
 var compact__default = /*#__PURE__*/_interopDefault(compact);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
@@ -292,7 +292,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;
@@ -301,19 +301,20 @@ function unique(values, properties) {
   realValues = _filterInstanceProperty__default["default"](values).call(values, value => !_includesInstanceProperty__default["default"](ignoredValues).call(ignoredValues, value));
   if (!realValues.length) return [];
   if (properties) realValues = _mapInstanceProperty__default["default"](realValues).call(realValues, value => _reduceInstanceProperty__default["default"](properties).call(properties, (prev, curr) => {
+    var _context;
     const currentValue = value[curr] || '';
-    return `${prev}:${currentValue}`;
+    return _concatInstanceProperty__default["default"](_context = "".concat(prev, ":")).call(_context, currentValue);
   }, ''));else realValues = _sliceInstanceProperty__default["default"](values).call(values, 0);
 
   // TODO: checking for dupes like this is slow, find a better way
-  _reduceInstanceProperty__default["default"](_context = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context, (prev, curr) => {
+  _reduceInstanceProperty__default["default"](_context2 = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context2, (prev, curr) => {
     if (curr === null) return curr;
     if (curr !== '' && prev === curr && _indexOfInstanceProperty__default["default"](duplicateValues).call(duplicateValues, curr) === -1) duplicateValues.push(curr);
     return curr;
   });
   if (properties) return _mapInstanceProperty__default["default"](duplicateValues).call(duplicateValues, value => {
-    var _context2;
-    const parts = _sliceInstanceProperty__default["default"](_context2 = value.split(':')).call(_context2, 1);
+    var _context3;
+    const parts = _sliceInstanceProperty__default["default"](_context3 = value.split(':')).call(_context3, 1);
     return _reduceInstanceProperty__default["default"](properties).call(properties, (prev, curr, index) => {
       // eslint-disable-next-line no-param-reassign
       prev[curr] = parts[index];
@@ -332,14 +333,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__default["default"](_context3 = _sliceInstanceProperty__default["default"](items).call(items)).call(_context3, x => !_includesInstanceProperty__default["default"](emptyValues).call(emptyValues, x)) : [];
+  const itemsWorkingSet = items && items.length ? _filterInstanceProperty__default["default"](_context4 = _sliceInstanceProperty__default["default"](items).call(items)).call(_context4, x => !_includesInstanceProperty__default["default"](emptyValues).call(emptyValues, x)) : [];
   const duplicateValues = _reduceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, (acc, item, index) => {
-    var _context4;
+    var _context5;
     if (item === null) return acc;
-    const isDuplicate = _reduceInstanceProperty__default["default"](_context4 = _sliceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, index + 1) // get sub-array after this index
-    ).call(_context4, (duplicateAcc, comparisonItem, comparisonIndex) => {
+    const isDuplicate = _reduceInstanceProperty__default["default"](_context5 = _sliceInstanceProperty__default["default"](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
@@ -435,18 +436,16 @@ function getIndexesOfInvalidValues(values) {
 
 const withoutEmptyErrorsByField = errorsByField => omitEmpty__default["default"](errorsByField);
 
+var _templateObject$4;
 function formatDateRangeValue(value, type) {
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     locale: 'en',
     timeZone: moment__default["default"].tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
-  if (value.from && value.to) return oneLine__default["default"]`
-      ${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__default["default"](_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) {
@@ -1682,13 +1681,13 @@ const getData = (code, field) => {
 const getFractionDigit = code => getData(code, 'fractionDigit');
 
 function ownKeys$1q(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1q(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 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__default["default"](_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) {
@@ -1708,7 +1707,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
@@ -1729,11 +1729,13 @@ var messages$J = reactIntl.defineMessages({
 });
 
 const formatEnum = _ref => {
+  var _context;
   let value = _ref.value,
     fallbackValue = _ref.fallbackValue;
-  return value.label || `${fallbackValue} (${value.key})`;
+  return value.label || _concatInstanceProperty__default["default"](_context = "".concat(fallbackValue, " (")).call(_context, value.key, ")");
 };
 const formatLenum = _ref2 => {
+  var _context2;
   let value = _ref2.value,
     language = _ref2.language,
     languages = _ref2.languages,
@@ -1741,7 +1743,7 @@ const formatLenum = _ref2 => {
   return l10n.formatLocalizedString(value, {
     key: 'label',
     locale: language,
-    fallback: `${fallbackValue} (${value.key})`,
+    fallback: _concatInstanceProperty__default["default"](_context2 = "".concat(fallbackValue, " (")).call(_context2, value.key, ")"),
     fallbackOrder: languages
   });
 };
@@ -1777,6 +1779,7 @@ const formatDate = _ref6 => {
   });
 };
 const formatDateTime = _ref7 => {
+  var _context3;
   let value = _ref7.value,
     userTimeZone = _ref7.userTimeZone,
     intl = _ref7.intl;
@@ -1792,7 +1795,7 @@ const formatDateTime = _ref7 => {
     // defaults to utc if timeZone is not provided
     timeZone: userTimeZone || 'utc'
   });
-  return `${date} (${time})`;
+  return _concatInstanceProperty__default["default"](_context3 = "".concat(date, " (")).call(_context3, time, ")");
 };
 const formatBoolean = _ref8 => {
   let value = _ref8.value,
@@ -1815,7 +1818,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.
-  sentry.reportErrorToSentry(new Error(`Unhandled custom attribute type '${type.name}' for value`), {
+  sentry.reportErrorToSentry(new Error("Unhandled custom attribute type '".concat(type.name, "' for value")), {
     extra: {
       value
     }
@@ -1888,9 +1891,10 @@ const attributeTypeNames = {
   Number: 'number'
 };
 const convertToAttributeType = customFieldType => {
+  var _customFieldType$elem;
   if (isNil__default["default"](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: {
@@ -1953,21 +1957,25 @@ const setDisplayName = nextDisplayName => Component => {
   return Component;
 };
 
-const wrapDisplayName = (BaseComponent, hocName) => `${hocName}(${getDisplayName(BaseComponent)})`;
+const wrapDisplayName = (BaseComponent, hocName) => {
+  var _context;
+  return _concatInstanceProperty__default["default"](_context = "".concat(hocName, "(")).call(_context, getDisplayName(BaseComponent), ")");
+};
 
 function ownKeys$1p(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1p(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1p(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const injectDataTablePaginationState = initialValues => Component => {
   const WithDataTablePaginationState = props => {
+    var _initialValues$tableS, _initialValues$tableS2;
     const _usePaginationState = uiKit.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 = uiKit.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 jsxRuntime.jsx(Component, _objectSpread$1p(_objectSpread$1p({}, props), {}, {
       dataTablePaginationState: {
@@ -2001,7 +2009,7 @@ const injectNotifications = function () {
         [propName]: notifications
       }));
     };
-    WrappedComponent.displayName = `withNotifications(${getDisplayName(Component)}`;
+    WrappedComponent.displayName = "withNotifications(".concat(getDisplayName(Component));
     return WrappedComponent;
   };
 };
@@ -2110,7 +2118,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 = applicationShellConnectors.useApplicationContext(context => context.user?.id);
+  const userId = applicationShellConnectors.useApplicationContext(context => {
+    var _context$user;
+    return (_context$user = context.user) === null || _context$user === void 0 ? void 0 : _context$user.id;
+  });
   const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
   const readFromStorage = React.useCallback(() => {
     const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
@@ -2129,8 +2140,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 = React.useState(initializeStorageValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2229,14 +2241,16 @@ function ownKeys$1h(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 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__default["default"](_context2 = ownKeys$1h(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1h(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchStoresQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "StoreBasicInfo" }, directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "code" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "distributionChannelsRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "distributionChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "supplyChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mode" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StoreBasicInfo" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Store" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 1089, source: { body: "#import '../../utils/graphql/fragments/store-basic-info.ctp.graphql'\n\nquery FetchStoresQuery(\n  $limit: Int\n  $offset: Int\n  $sort: [String!]\n  $where: String\n  $excludeExtendedStoresList: Boolean!\n  $excludeProductSelections: Boolean!\n) {\n  stores(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n    total\n    count\n    offset\n    results {\n      ...StoreBasicInfo\n      countries {\n        code\n      }\n      languages @skip(if: $excludeExtendedStoresList)\n      distributionChannelsRef {\n        id\n      }\n      distributionChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      supplyChannels @skip(if: $excludeExtendedStoresList) {\n        id\n        key\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          mode\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
+  var _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__default["default"](_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__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => Boolean(productSelectionRef.productSelection))
       });
     })
   };
@@ -2248,7 +2262,7 @@ const createQueryVariables$6 = ownProps => {
     offset: ownProps.offset,
     sort: _sortInstanceProperty__default["default"](ownProps)
   }, Boolean(ownProps.stores) && {
-    where: `key in (${_mapInstanceProperty__default["default"](_context = ownProps.stores).call(_context, store => `"${store}"`).join(', ')})`
+    where: "key in (".concat(_mapInstanceProperty__default["default"](_context = ownProps.stores).call(_context, store => "\"".concat(store, "\"")).join(', '), ")")
   }), {}, {
     excludeExtendedStoresList: ownProps.excludeExtendedStoresList,
     excludeProductSelections: ownProps.excludeProductSelections
@@ -2273,7 +2287,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,
@@ -2281,7 +2298,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,
@@ -2345,10 +2362,16 @@ const handlers$5 = {
   }
 };
 
-const toPermission = (permission, resourceName) => camelCase__default["default"](`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__default["default"](_concatInstanceProperty__default["default"](_context = "can ".concat(permission, " ")).call(_context, resourceName));
+};
+const createComposePath = resourceName => permission => {
+  var _context2;
+  return (// e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
+    _concatInstanceProperty__default["default"](_context2 = "dataFences.store.".concat(resourceName, ".")).call(_context2, permission, ".values")
+  );
+};
 const useStoreKeysInDataFences = _ref => {
   let resourceName = _ref.resourceName,
     _ref$permission = _ref.permission,
@@ -2746,7 +2769,7 @@ const usePersistedTableConfiguration = props => {
    * Therefore, if it will be missing from the local storage and hence we use the [] as default.
    */
   const getVisibleColumns = React.useCallback(() => {
-    if (cachedVisibleTableConfiguration?.columnsConfig) {
+    if (cachedVisibleTableConfiguration !== null && cachedVisibleTableConfiguration !== void 0 && cachedVisibleTableConfiguration.columnsConfig) {
       return retrieveColumnsWithCachedConfiguration({
         allAvailableColumnsConfiguration,
         cachedVisibleTableConfiguration: cachedVisibleTableConfiguration.columnsConfig,
@@ -2760,8 +2783,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,
@@ -2772,6 +2795,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 = hooks.useQuery(FetchProductSelectionsTotal, {
       context: {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -2781,7 +2805,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
   };
 };
 
@@ -2802,7 +2826,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__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$1d({}, l10n.applyTransformedLocalizedFields(productSelection, [{
       from: 'nameAllLocales',
       to: 'name'
@@ -2836,7 +2860,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
   };
 };
@@ -2861,6 +2885,7 @@ function validateSingleFilter(_ref) {
   return _includesInstanceProperty__default["default"](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) => {
@@ -2870,7 +2895,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__default$1["default"](date).tz(timezone)?.utcOffset() || 0;
+    var _moment$tz;
+    const offset = ((_moment$tz = moment__default$1["default"](date).tz(timezone)) === null || _moment$tz === void 0 ? void 0 : _moment$tz.utcOffset()) || 0;
     const formattedDate = momentDate.format(format);
     const formattedDateWithOffset = moment__default$1["default"](formattedDate).add(offset, 'minutes').format(dateFormat);
     // console.log(formattedDateWithOffset);
@@ -2883,6 +2909,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__default["default"](filters).call(filters, _ref => {
+    var _context, _context2;
     let type = _ref.type,
       value = _ref.value,
       timezone = _ref.timezone;
@@ -2892,19 +2919,13 @@ function dateTransformer$1(filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
+        return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), "\"");
       case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
+        return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1), "\"");
       case FILTER_TYPES.equalTo:
-        return oneLine__default["default"]`
-            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
-          `;
+        return oneLine__default["default"](_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__default["default"]`
-            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
-            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
-          `;
+        return oneLine__default["default"](_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 '';
     }
@@ -2920,7 +2941,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,
@@ -2936,7 +2957,10 @@ function defaultFilterValidator$1(_ref2) {
 
 var localizedTextTransformer = (localizedString => {
   var _context;
-  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
+  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => {
+    var _context2;
+    return _concatInstanceProperty__default["default"](_context2 = "".concat(locale, " = \"")).call(_context2, localizedString[locale], "\"");
+  }).join(' and ');
 });
 
 var styles$j = {
@@ -2984,8 +3008,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__default["default"](roles).call(roles, role => `"${role}"`).join(',')})` : undefined;
+const getRolesClause = roles => roles && roles.length > 0 ? "roles contains any (".concat(_mapInstanceProperty__default["default"](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,
@@ -3005,7 +3030,7 @@ const ChannelPickerInput = _ref => {
   const variables = React.useMemo(() => {
     const rolesClause = getRolesClause(roles);
     return _objectSpread$1c({
-      sortByNamePath: `name.${dataLocale}`
+      sortByNamePath: "name.".concat(dataLocale)
     }, rolesClause && {
       extraWhere: rolesClause
     });
@@ -3026,7 +3051,7 @@ const ChannelPickerInput = _ref => {
     }
     return channel;
   }, [formatLocalizedFieldToString]);
-  const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetChannelsQuery,
     variables,
@@ -3061,13 +3086,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);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = React.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 jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -3077,7 +3102,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.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,
@@ -3121,26 +3146,26 @@ function _callSuper$9(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? _Reflect$construct__default["default"](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 jsxRuntime.jsx(applicationShellConnectors.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;
 }(React.PureComponent);
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
@@ -3165,25 +3190,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 = {
@@ -3194,7 +3219,6 @@ const withMouseOverState = BaseComponent => {
         return jsxRuntime.jsx(BaseComponent, _objectSpread$1b({}, _objectSpread$1b(_objectSpread$1b({}, this.props), injectedProps)));
       }
     }]);
-    return WithMouseOverState;
   }(React.Component);
   WithMouseOverState.displayName = wrapDisplayName(BaseComponent, 'withMouseOverState');
   return WithMouseOverState;
@@ -3229,74 +3253,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__default["default"](() => {
+      clearTimeout(_this2[timeoutKey]);
+      _this2[timeoutKey] = _setTimeout__default["default"](() => {
         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();
@@ -3316,7 +3340,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 jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
           children: jsxRuntime.jsx("label", {
@@ -3325,7 +3349,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           })
         }), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1a(_objectSpread$1a({}, commonProps), {}, {
           id: inputId,
-          className: classnames__default["default"](styles$i.textarea, styles$i[`textarea-${this.props.style}`], {
+          className: classnames__default["default"](styles$i.textarea, styles$i["textarea-".concat(this.props.style)], {
             [styles$i.invalid]: !this.props.isValid,
             [styles$i.disabled]: this.props.disabled
           }),
@@ -3336,7 +3360,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
           id: inputId,
           ref: this.props.inputRef,
           type: this.props.as,
-          className: classnames__default["default"](styles$i[`input-${this.props.style}`], {
+          className: classnames__default["default"](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
@@ -3356,7 +3380,6 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
       return null;
     }
   }]);
-  return ThrottledField;
 }(React.PureComponent);
 ThrottledField.displayName = 'ThrottledField';
 ThrottledField.defaultProps = {
@@ -3413,53 +3436,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
@@ -3534,7 +3558,6 @@ let SearchInput = /*#__PURE__*/function (_Component) {
       return null;
     }
   }]);
-  return SearchInput;
 }(React.Component);
 SearchInput.displayName = 'SearchInput';
 SearchInput.defaultProps = {
@@ -3559,12 +3582,12 @@ const useExecuteGraphQLRequest = () => {
 };
 const createSearchProductsFromPIMAction = (searchTerm, projectKey) => sdk.actions.post({
   mcApiProxyTarget: constants.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
       }
     },
@@ -3578,8 +3601,9 @@ const useFetchProductTypesFromPIM = _ref => {
   const dispatch = sdk.useAsyncDispatch();
   const executeGraphQLRequest = useExecuteGraphQLRequest();
   const fetchProductTypesFromPim = React.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__default["default"](_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 {
@@ -3614,19 +3638,22 @@ const useFetchProductTypesFromPIM = _ref => {
  */
 const constructNestedExpression = (reversedPath, predicate) => {
   if (reversedPath.length > 0) {
-    return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => `${nestedSelection}(${nextNestedValue})`, predicate);
+    return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => {
+      var _context;
+      return _concatInstanceProperty__default["default"](_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__default["default"](_context = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context),
+    const _parts$slice$reverse = _reverseInstanceProperty__default["default"](_context2 = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context2),
       _parts$slice$reverse2 = _toArray(_parts$slice$reverse),
       valueToNest = _parts$slice$reverse2[0],
       reversedPathToNestedValue = _sliceInstanceProperty__default["default"](_parts$slice$reverse2).call(_parts$slice$reverse2, 1);
-    const predicateExpression = `${valueToNest} >= "${lowerBound}" and ${valueToNest} < "${upperBound}"`;
+    const predicateExpression = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(valueToNest, " >= \"")).call(_context5, lowerBound, "\" and ")).call(_context4, valueToNest, " < \"")).call(_context3, upperBound, "\"");
     return constructNestedExpression(reversedPathToNestedValue, predicateExpression);
   };
   return _mapInstanceProperty__default["default"](prefixSearchFields).call(prefixSearchFields, constructPrefixSearchExpression).join(' or ');
@@ -3634,7 +3661,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],
@@ -3659,6 +3686,7 @@ const useFetchProductTypessFromCTP = _ref2 => {
   }, [prefixSearchFields, executeGraphQLRequest]);
 };
 const usePimStatus = () => {
+  var _data$indicesExist;
   const _useQuery = react.useQuery(FetchIndicesExist$1, {
       context: {
         target: constants.GRAPHQL_TARGETS.PIM_INDEXER
@@ -3668,17 +3696,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 = applicationShellConnectors.useApplicationContext(context => ({
-      dataLocale: context.dataLocale,
-      projectKey: context.project?.key
-    })),
+  const _useApplicationContex = applicationShellConnectors.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({
@@ -3742,9 +3773,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);
@@ -3754,21 +3786,24 @@ const useHandlers = onChange => {
 
 const _excluded$3 = ["extraWhere"];
 function ownKeys$17(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$17(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$17(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = _sliceInstanceProperty__default["default"](path).call(path)).call(_context),
       _path$slice$reverse2 = _toArray(_path$slice$reverse),
       finalValueInPath = _path$slice$reverse2[0],
       remainPathInReverse = _sliceInstanceProperty__default["default"](_path$slice$reverse2).call(_path$slice$reverse2, 1);
-    const comparison = `${finalValueInPath} >= "${lowerBound}" and ${finalValueInPath} < "${upperBound}"`;
+    const comparison = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = "".concat(finalValueInPath, " >= \"")).call(_context4, lowerBound, "\" and ")).call(_context3, finalValueInPath, " < \"")).call(_context2, upperBound, "\"");
     if (remainPathInReverse.length) {
-      return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => `${nextPath}(${nestedPath})`, comparison);
+      return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => {
+        var _context5;
+        return _concatInstanceProperty__default["default"](_context5 = "".concat(nextPath, "(")).call(_context5, nestedPath, ")");
+      }, comparison);
     }
     return comparison;
   };
@@ -3784,7 +3819,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),
@@ -3793,11 +3828,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__default["default"](_context6 = "(".concat(where, ") and ")).call(_context6, variables.extraWhere) : variables.extraWhere;
     }
     return client$1.query({
       query,
@@ -3814,6 +3850,7 @@ const useLoadOptions = _ref => {
 };
 
 function useCurrentOption(_ref) {
+  var _context;
   let id = _ref.id,
     typename = _ref.typename,
     query = _ref.query,
@@ -3825,7 +3862,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__default["default"](_context = "".concat(typename, ":")).call(_context, id),
     fragment
   }) : undefined;
 
@@ -3843,7 +3880,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);
@@ -3882,6 +3919,7 @@ const convertProductTypeToOption = productType => {
   };
 };
 const ProductTypePickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -3913,8 +3951,9 @@ const ProductTypePickerInput = _ref => {
     itemToOption: convertProductTypeToOption
   });
   const handleLoadOptions = React.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__default["default"](productTypes).call(productTypes, convertProductTypeToOption)).catch(error => {
     setLoadingError(error);
     onError(error);
@@ -3928,12 +3967,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);
   React.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 jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -3987,6 +4026,7 @@ var messages$C = reactIntl.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,
@@ -4002,7 +4042,7 @@ const StatePickerInput = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
   const variables = React.useMemo(() => ({
-    sortByNamePath: `name.${dataLocale}`
+    sortByNamePath: "name.".concat(dataLocale)
   }), [dataLocale]);
   const convertStateToOption = React.useCallback(state => {
     const localizedName = formatLocalizedFieldToString(state.nameAllLocales);
@@ -4017,7 +4057,7 @@ const StatePickerInput = _ref => {
     _useState2 = _slicedToArray(_useState, 2),
     loadingError = _useState2[0],
     setLoadingError = _useState2[1];
-  const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetStatesQuery,
     variables,
@@ -4050,13 +4090,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);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = React.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 jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -4124,23 +4164,26 @@ const CustomFieldTooltip = _ref => {
 
 const setToArray = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return `id in (${_mapInstanceProperty__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
+  return "id in (".concat(_mapInstanceProperty__default["default"](values).call(values, value => "\"".concat(value, "\"")).join(', '), ")");
 };
 
 function capitalizeFirst(text) {
   return text.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](text).call(text, 1);
 }
 
-const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
+const getCentAmountClause = (value, operator, locale) => {
+  var _context;
+  return _concatInstanceProperty__default["default"](_context = "centAmount ".concat(operator, " ")).call(_context, uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount);
+};
 function moneyTransformer(value, option, locale) {
   const clauses = [];
   if (option === FILTER_TYPES.range) {
-    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
+    clauses[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);
@@ -4157,6 +4200,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
@@ -4178,6 +4222,7 @@ const defaultFilterValidator = _ref => {
 const timeTransformer = function (filterKey, filters) {
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
   const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref2 => {
+    var _context, _context2;
     let type = _ref2.type,
       value = _ref2.value;
     if (!filterValidator({
@@ -4186,19 +4231,13 @@ const timeTransformer = function (filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return `${filterKey} < "${value}"`;
+        return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, value, "\"");
       case FILTER_TYPES.moreThan:
-        return `${filterKey} > "${value}"`;
+        return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, value, "\"");
       case FILTER_TYPES.equalTo:
-        return oneLine__default["default"]`
-          (${filterKey} >= "${value}"
-          and ${filterKey} <= "${getEndOfSecond(value)}")
-          `;
+        return oneLine__default["default"](_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value, filterKey, getEndOfSecond(value));
       case FILTER_TYPES.range:
-        return oneLine__default["default"]`
-          (${filterKey} >= "${value.from}"
-          and ${filterKey} <= "${getEndOfSecond(value.to)}")
-          `;
+        return oneLine__default["default"](_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value.from, filterKey, getEndOfSecond(value.to));
       default:
         return '';
     }
@@ -4214,7 +4253,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
@@ -4231,8 +4270,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__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
+  return [input, _concatInstanceProperty__default["default"](_context = "".concat(_sliceInstanceProperty__default["default"](input).call(input, 0, input.length - 1))).call(_context, getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1)))];
 };
 
 const _excluded$2 = ["action"];
@@ -4425,7 +4465,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;
@@ -4490,7 +4530,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__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
             let _ref2 = _slicedToArray(_ref, 2),
               customField = _ref2[0],
@@ -4520,10 +4560,10 @@ const convertAction = (actionName, actionPayload) => {
       };
     case 'setGeoLocation':
       return {
-        [actionName]: actionPayload?.geoLocation ? {
+        [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
           geoLocation: {
             type: 'Point',
-            coordinates: [_parseFloat__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
+            coordinates: [_parseFloat__default["default"]((_actionPayload$geoLoc = actionPayload.geoLocation) === null || _actionPayload$geoLoc === void 0 ? void 0 : _actionPayload$geoLoc.longitude), _parseFloat__default["default"]((_actionPayload$geoLoc2 = actionPayload.geoLocation) === null || _actionPayload$geoLoc2 === void 0 ? void 0 : _actionPayload$geoLoc2.latitude)]
           }
         } : {
           undefined
@@ -4659,7 +4699,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__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
                 key: value.key,
@@ -4713,8 +4753,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__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context6 = _Object$entries__default["default"](fields)).call(_context6, _ref4 => {
@@ -4726,7 +4766,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify__default["default"](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
           },
@@ -4757,7 +4797,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify__default["default"](value)
           };
         });
-        const customType = type?.id ? {
+        const customType = type !== null && type !== void 0 && type.id ? {
           id: type.id
         } : null;
         return {
@@ -4780,10 +4820,11 @@ const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["
   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;
@@ -4812,14 +4853,16 @@ function omitDeep(obj, fieldsToOmit) {
 function ownKeys$14(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$14(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$14(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getPriceChannelName(price) {
-  return price.channel?.name ?? price.channel?.key ?? null;
+  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), {}, {
@@ -4833,23 +4876,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__default["default"](_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__default["default"](_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
@@ -4858,14 +4906,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
@@ -4899,18 +4948,18 @@ const transformCustomFieldFromGraphQLResponse = resource => {
         key: resource.custom.type.key,
         name: l10n.transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
         fieldDefinitions: _mapInstanceProperty__default["default"](_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__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
                   key: value.key,
                   label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
                 }))
               })
-            }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
+            }) : ((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
               values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
                 key: value.key,
                 label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -4937,7 +4986,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
   });
 };
 
@@ -5067,12 +5116,12 @@ 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;
@@ -5090,15 +5139,14 @@ let CustomFieldDefinitionsConnector = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return CustomFieldDefinitionsConnector;
 }(React.Component);
 CustomFieldDefinitionsConnector.displayName = 'CustomFieldDefinitionsConnector';
 CustomFieldDefinitionsConnector.defaultProps = {
   resources: []
 };
-const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
+const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](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,
@@ -5167,19 +5215,19 @@ const graphQlDocToForm = typeDefinition => {
       key: typeDefinition.key,
       name: l10n.transformLocalizedFieldToLocalizedString(typeDefinition.nameAllLocales),
       fieldDefinitions: _mapInstanceProperty__default["default"](_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__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
                 key: value.key,
                 label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
               }))
             })
-          }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$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__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
               key: value.key,
               label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -5211,7 +5259,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: []
   }
 });
@@ -5238,12 +5286,12 @@ 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;
@@ -5261,7 +5309,6 @@ let CustomFieldTypeDefinitionsConnector = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return CustomFieldTypeDefinitionsConnector;
 }(React.Component);
 CustomFieldTypeDefinitionsConnector.displayName = 'CustomFieldTypeDefinitionsConnector';
 CustomFieldTypeDefinitionsConnector.defaultProps = {
@@ -5273,9 +5320,9 @@ CustomFieldTypeDefinitionsConnector.graphQlDocToForm = graphQlDocToForm;
 CustomFieldTypeDefinitionsConnector.formToRestDoc = formToRestDoc;
 CustomFieldTypeDefinitionsConnector.formToGraphQlDoc = formToGraphQlDoc;
 CustomFieldTypeDefinitionsConnector.createEmptyCustomFields = createEmptyCustomFields;
-const stringifyResources = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
+const stringifyResources = resources => _mapInstanceProperty__default["default"](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,
@@ -5351,7 +5398,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__default["default"](values).call(values, value => value?.id), ['id']);else if (type.name.toLowerCase() === 'localizedstring') {
+  } else if (type.name.toLowerCase() === 'reference') validatedValues = unique(_filterInstanceProperty__default["default"](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;
@@ -5592,6 +5639,7 @@ const getSubfieldLanguage = subfieldName => {
   return subfieldName.substring(lastDotIndex + 1);
 };
 function CustomLocalizedTextInput(props) {
+  var _value$language;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
       languages: applicationContext.project.languages
@@ -5617,7 +5665,7 @@ function CustomLocalizedTextInput(props) {
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
   const InputComponent = isMultiLine ? uiKit.LocalizedMultilineTextInput : uiKit.LocalizedTextInput;
-  const tooltipTitle = isMultiLine ? '' : value ? value[language] ?? '' : '';
+  const tooltipTitle = isMultiLine ? '' : value ? (_value$language = value[language]) !== null && _value$language !== void 0 ? _value$language : '' : '';
   return jsxRuntime.jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(InputComponent, {
@@ -5668,7 +5716,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);
@@ -5717,7 +5766,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;
@@ -5787,12 +5836,13 @@ const convertTypeValuesToOptions$1 = reselect.defaultMemoize((type, dataLocale,
       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 = applicationShellConnectors.useApplicationContext(applicationContext => ({
       languages: applicationContext.project.languages,
       dataLocale: applicationContext.dataLocale
@@ -5804,7 +5854,7 @@ function CustomLocalizedEnumInput(props) {
     props.setFieldValue(props.name, rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
-  const tooltipTitle = props.value ? _findInstanceProperty__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
+  const tooltipTitle = props.value ? (_options$find$label = (_options$find = _findInstanceProperty__default["default"](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 jsxRuntime.jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -5827,7 +5877,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 jsxRuntime.jsx(CustomFieldTooltip, {
     title: value,
     children: jsxRuntime.jsx(uiKit.TextInput, {
@@ -5873,7 +5924,7 @@ function getCategoriesByIds(apolloClient, options) {
   return apolloClient.query({
     query: FetchCategoriesByIds,
     variables: {
-      where: `id in (${_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => `"${id}"`).join(', ')})`
+      where: "id in (".concat(_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => "\"".concat(id, "\"")).join(', '), ")")
     },
     context: {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -5972,10 +6023,13 @@ const useReferenceSearchItems = _ref => {
   };
 };
 function ReferenceSearch(props) {
-  const ids = React.useMemo(() => props.value ? props.isMulti ? props.value?.map(_ref2 => {
-    let id = _ref2.id;
-    return id;
-  }) : [props.value?.id] : [], [props.value, props.isMulti]);
+  const ids = React.useMemo(() => {
+    var _props$value, _props$value2;
+    return props.value ? props.isMulti ? (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _mapInstanceProperty__default["default"](_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,
@@ -5986,14 +6040,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__default["default"](value).call(value, props.mapItemToOption) : props.mapItemToOption(value);
   const tooltipTitle = value || props.value ? props.mapItemToOption(value || props.value).label : '';
   const loadItems = value => _Promise__default["default"].resolve(handleLoadItems(value)).then(items => _mapInstanceProperty__default["default"](items).call(items, item => props.mapItemToOption(item)));
   const handleChange = event => {
-    var _context;
-    const option = props.isMulti ? _mapInstanceProperty__default["default"](_context = event.target.value).call(_context, item => item.value) : event.target.value?.value || null;
+    var _context, _event$target$value;
+    const option = props.isMulti ? _mapInstanceProperty__default["default"](_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 jsxRuntime.jsxs("div", {
@@ -6067,8 +6121,9 @@ const messages$B = reactIntl.defineMessages({
 });
 
 function ownKeys$U(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$U(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$U(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context3 = ownKeys$U(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$U(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function Option$1(props) {
+  var _context, _context2;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
       languages: applicationContext.project.languages
@@ -6089,19 +6144,19 @@ function Option$1(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$B.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
+        children: _concatInstanceProperty__default["default"](_context = "".concat(formatMessage(messages$B.parentCategory), ": ")).call(_context, l10n.formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        })}`
+        }))
       }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `Slug: ${l10n.formatLocalizedString(category, {
+        children: "Slug: ".concat(l10n.formatLocalizedString(category, {
           key: 'slug',
           locale: language,
           fallbackOrder: languages
-        })}`
+        }))
       }), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: `${formatMessage(messages$B.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
+        children: _concatInstanceProperty__default["default"](_context2 = "".concat(formatMessage(messages$B.externalId), ": ")).call(_context2, category.externalId || constants.NO_VALUE_FALLBACK)
       })]
     })
   }));
@@ -6165,7 +6220,7 @@ var CategorySearchPickerOptionFragment$1 = { kind: "Document", definitions: [{ k
 function useCachedCategoryOptions(ids) {
   const apolloClient = client.useApolloClient();
   const fragments = _mapInstanceProperty__default["default"](ids).call(ids, id => apolloClient.readFragment({
-    id: `CategorySearch:${id}`,
+    id: "CategorySearch:".concat(id),
     fragment: CategorySearchPickerOptionFragment$1
   }));
   return _mapInstanceProperty__default["default"](fragments).call(fragments, category => transformLocalizedFieldsForCategory(category, [{
@@ -6180,8 +6235,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__default["default"](_context = response.data?.cartDiscounts.results || []).call(_context, cartDiscount => transformLocalizedFieldsForCartDiscount(cartDiscount));
+  var _context, _response$data;
+  return _mapInstanceProperty__default["default"](_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({
@@ -6193,14 +6248,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__default["default"](_context2 = _JSON$stringify__default["default"](searchText)).call(_context2);
-  const idQuery = isUUID(searchText) && `id = ${query}`;
-  const nameQuery = `name(${language} = ${query})`;
-  const keyQuery = `key = ${query}`;
-  return _filterInstanceProperty__default["default"](_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
+  const idQuery = isUUID(searchText) && "id = ".concat(query);
+  const nameQuery = _concatInstanceProperty__default["default"](_context3 = "name(".concat(language, " = ")).call(_context3, query, ")");
+  const keyQuery = "key = ".concat(query);
+  return _filterInstanceProperty__default["default"](_context4 = [idQuery, nameQuery, keyQuery]).call(_context4, Boolean).join(' or ');
 };
 function searchCartDiscountsByExactMatch(apolloClient, options) {
   return apolloClient.query({
@@ -6223,7 +6278,10 @@ function getCartDiscountById(apolloClient, options) {
     context: {
       target: constants.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 = reactIntl.defineMessages({
@@ -6300,7 +6358,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 = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   const apolloClient = client.useApolloClient();
@@ -6440,6 +6498,7 @@ const DropdownIndicator = () => jsxRuntime.jsx(uiKit.SearchIcon, {
 });
 DropdownIndicator.displayName = 'DropdownIndicator';
 const ProductPickerInput = _ref => {
+  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -6460,19 +6519,20 @@ const ProductPickerInput = _ref => {
     loadingError = _useState2[0],
     setLoadingError = _useState2[1];
   const convertProductToOption = React.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 = React.useMemo(() => [`masterData.current.name.${dataLocale}`, 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => ["masterData.current.name.".concat(dataLocale), 'key'], [dataLocale]);
   const loadOptions = useLoadOptions({
     query: GetProductsQuery,
     prefixSearchFields
@@ -6503,12 +6563,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);
   React.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 jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -6548,7 +6608,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 jsxRuntime.jsx(ProductPickerInput, {
     value: value,
     name: props.name,
@@ -6566,7 +6627,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 jsxRuntime.jsx(ProductTypePickerInput, {
     value: value,
     name: props.name,
@@ -6583,7 +6645,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 jsxRuntime.jsx(ChannelPickerInput, {
     value: value,
     name: props.name,
@@ -6600,7 +6663,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 jsxRuntime.jsx(StatePickerInput, {
     value: value,
     name: props.name,
@@ -6716,16 +6780,17 @@ function CustomTimeInput(props) {
 CustomTimeInput.displayName = 'CustomTimeInput';
 
 const convertTypeValuesToOptions = reselect.defaultMemoize(typeValues => _mapInstanceProperty__default["default"](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__default["default"](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__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
+  const tooltipTitle = props.value ? (_options$find$label = (_options$find = _findInstanceProperty__default["default"](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 jsxRuntime.jsx(CustomFieldTooltip, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -6803,9 +6868,9 @@ function ownKeys$Q(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 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__default["default"](_context7 = ownKeys$Q(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$Q(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = _valuesInstanceProperty__default["default"](enumType)).call(_context, value => value.key === key)?.label ?? emptyValue;
+  return (_enumType$values$find = (_enumType$values$find2 = _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](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;
@@ -6871,7 +6936,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,
@@ -6959,19 +7024,19 @@ function ownKeys$P(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 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__default["default"](_context6 = ownKeys$P(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$P(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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: l10n.transformLocalizedFieldToLocalizedString(definition.inputTipAllLocales),
     label: l10n.transformLocalizedFieldToLocalizedString(definition.labelAllLocales),
-    type: _includesInstanceProperty__default["default"](_context = ['enum', 'lenum']).call(_context, definition.type?.elementType?.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
+    type: _includesInstanceProperty__default["default"](_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__default["default"](_context2 = _valuesInstanceProperty__default["default"](definition.type.elementType).results).call(_context2, value => ({
           key: value.key,
           label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
         }))
       })
-    }) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, definition.type?.name) ? _objectSpread$P(_objectSpread$P({}, definition.type), {}, {
+    }) : _includesInstanceProperty__default["default"](_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__default["default"](_context4 = _valuesInstanceProperty__default["default"](definition.type).results).call(_context4, value => ({
         key: value.key,
         label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -7324,7 +7389,7 @@ const ExpandButton = props => props.totalValues > 1 ? jsxRuntime.jsxs(uiKit.Spac
   }), jsxRuntime.jsx(uiKit.FlatButton, {
     tone: "primary",
     icon: props.isExpanded ? jsxRuntime.jsx(uiKit.AngleUpIcon, {}) : jsxRuntime.jsx(uiKit.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;
@@ -7359,7 +7424,7 @@ const SetButtons = props => {
 SetButtons.displayName = 'SetButtons';
 
 function ownKeys$N(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$N(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$N(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context3 = ownKeys$N(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$N(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getDuplicateErrors = setValues => {
   /* eslint-disable no-plusplus */
   const result = [];
@@ -7400,10 +7465,13 @@ const getItemIndex = name => {
   return _parseInt__default["default"](rawIndex, 10);
 };
 const makeKeys = amount => times__default["default"](amount, () => uuid.v4());
-const makeItemFieldName = (fieldName, index) => `${fieldName}.[${index}]`;
+const makeItemFieldName = (fieldName, index) => {
+  var _context;
+  return _concatInstanceProperty__default["default"](_context = "".concat(fieldName, ".[")).call(_context, index, "]");
+};
 const makeMapForAllItems = (fieldName, items, value) => _reduceInstanceProperty__default["default"](items).call(items, (result, item, index) => set__default["default"](result, makeItemFieldName(fieldName, index), value), {});
 function CustomInputSet(props) {
-  var _context;
+  var _context2;
   const _useToggleState = uiKit.useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
     isExpanded = _useToggleState2[0],
@@ -7425,7 +7493,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;
@@ -7472,8 +7540,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__default["default"](_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__default["default"](_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 jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
       children: jsxRuntime.jsx("label", {
@@ -7555,12 +7623,14 @@ const nonSetComponents = {
 };
 const CustomFieldInput = /*#__PURE__*/React.memo(props => {
   const InputComponent = React.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
@@ -7657,9 +7727,9 @@ const CustomFieldErrors = props => {
   const didFormValidationFail = useDidFormValidationFail();
   const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [props.isTouched || didFormValidationFail && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
+    children: [props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: messages$K.required
-    }), props.isTouched || didFormValidationFail && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
+    }), props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: messages$K.unique
     })]
   });
@@ -7708,9 +7778,10 @@ function ownKeys$K(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$K(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$K(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 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 = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -7728,7 +7799,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 jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       alignItems: "center",
       children: [jsxRuntime.jsx(uiKit.WarningIcon, {
@@ -7755,17 +7826,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 = reactIntl.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__default["default"](_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 ? jsxRuntime.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 ? jsxRuntime.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__default["default"].createPortal(props.children, document.body);
 var _ref = {
@@ -7777,7 +7848,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const formatLocalizedField = useFormatLocalizedFieldToString();
   const _useIntl3 = reactIntl.useIntl(),
     formatMessage = _useIntl3.formatMessage;
-  return assignedAttributeGroups?.length > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
+  return (assignedAttributeGroups === null || assignedAttributeGroups === void 0 ? void 0 : assignedAttributeGroups.length) > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
     title: formatMessage(messages$v.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty__default["default"](assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
@@ -7836,10 +7907,11 @@ CustomFieldsLabel.displayName = 'CustomFieldsTitle';
 
 const _excluded = ["WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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__default["default"](_context6 = ownKeys$J(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$J(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getFieldName = (parentName, fieldName) => {
+  var _context;
   if (!parentName) return fieldName;
-  return `${parentName}.${fieldName}`;
+  return _concatInstanceProperty__default["default"](_context = "".concat(parentName, ".")).call(_context, fieldName);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -7870,6 +7942,7 @@ const CustomFieldsInternal = _ref => {
   return jsxRuntime.jsx(DroppableWrapper, {
     onDragEnd: onDragEnd,
     children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
+      var _context2, _context3;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
       const fieldErrors = formik.getIn(errors, fieldName);
@@ -7894,7 +7967,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
       };
@@ -7902,33 +7975,36 @@ const CustomFieldsInternal = _ref => {
       return jsxRuntime.jsx(formik.FastField, {
         name: fieldName,
         validate: validate,
-        children: () => jsxRuntime.jsx(DraggableWrapper, {
-          draggableKey: `${fieldName}-${index}`,
-          draggableId: `${fieldName}-${index}`,
-          index: index,
-          children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-            scale: "xs",
-            children: jsxRuntime.jsxs("div", {
-              "aria-invalid": _Object$keys__default["default"](fieldErrors ?? {}).length > 0,
-              "aria-errormessage": `${fieldName}-error`,
-              id: `${fieldName}-error`,
-              children: [jsxRuntime.jsx(CustomFieldsLabel, {
-                name: fieldName,
-                fieldDefinition: fieldDefinition
-              }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                scale: "xs",
-                alignItems: "stretch",
-                children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
-                  children: Field
-                }) : Field, props.renderWarnings && status?.warnings[fieldName] && props.renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors, {
-                  isTouched: isTouched,
-                  errors: fieldErrors
+        children: () => {
+          var _context4, _context5;
+          return jsxRuntime.jsx(DraggableWrapper, {
+            draggableKey: _concatInstanceProperty__default["default"](_context4 = "".concat(fieldName, "-")).call(_context4, index),
+            draggableId: _concatInstanceProperty__default["default"](_context5 = "".concat(fieldName, "-")).call(_context5, index),
+            index: index,
+            children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+              scale: "xs",
+              children: jsxRuntime.jsxs("div", {
+                "aria-invalid": _Object$keys__default["default"](fieldErrors !== null && fieldErrors !== void 0 ? fieldErrors : {}).length > 0,
+                "aria-errormessage": "".concat(fieldName, "-error"),
+                id: "".concat(fieldName, "-error"),
+                children: [jsxRuntime.jsx(CustomFieldsLabel, {
+                  name: fieldName,
+                  fieldDefinition: fieldDefinition
+                }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "xs",
+                  alignItems: "stretch",
+                  children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
+                    children: Field
+                  }) : Field, props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]) && props.renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors, {
+                    isTouched: isTouched,
+                    errors: fieldErrors
+                  })]
                 })]
-              })]
+              })
             })
-          })
-        })
-      }, `${fieldName}-${index}-${fieldKey}`);
+          });
+        }
+      }, _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(fieldName, "-")).call(_context3, index, "-")).call(_context2, fieldKey));
     })
   });
 };
@@ -7988,7 +8064,7 @@ var pickerMessages = reactIntl.defineMessages({
 });
 
 function ownKeys$I(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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__default["default"](_context = ownKeys$I(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$I(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$I(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$I(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const PRODUCT_SELECTION_MODES = {
   INCLUSION: 'Individual',
   EXCLUSION: 'IndividualExclusion'
@@ -7999,10 +8075,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__default["default"](_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), ")") : '')
   });
 };
 
@@ -8014,6 +8091,7 @@ const mapProductSelectionsToOptions$1 = memoize__default["default"](function ()
   let enableExcludingProducts = arguments.length > 4 ? arguments[4] : undefined;
   const selectedPSList = _Array$isArray__default["default"](selectedPS) ? selectedPS : [selectedPS];
   return _mapInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => {
+    var _context;
     const label = l10n.formatLocalizedString(productSelection, {
       key: 'name',
       locale: dataLocale,
@@ -8022,13 +8100,14 @@ const mapProductSelectionsToOptions$1 = memoize__default["default"](function ()
     return {
       id: productSelection.id,
       value: productSelection.id,
-      label: `${label}${_includesInstanceProperty__default["default"](selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? ` (type: ${getMode(productSelection.mode)})` : ''}`,
+      label: _concatInstanceProperty__default["default"](_context = "".concat(label)).call(_context, _includesInstanceProperty__default["default"](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 = reactIntl.useIntl();
   const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
   const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -8041,10 +8120,10 @@ function ProductSelectionBasicSelectDropdown(props) {
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
   if (productSelectionsFetcher.isLoading) return jsxRuntime.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__default["default"](productSelections).call(productSelections, ps => {
-    var _context;
-    return !_includesInstanceProperty__default["default"](_context = props.excludedProductSelectionIds).call(_context, ps.id);
+    var _context2;
+    return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
   });
   const onOptionClick = event => {
     const productSelectionId = event.target.value;
@@ -8097,7 +8176,7 @@ const getValueFromOptions$3 = _ref => {
   // handle async-select-field value transformation
   if (isMulti) {
     var _context;
-    return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections?.includes(ps.value))).call(_context, ps => addModeToLabel(ps, enableExcludingProducts));
+    return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections === null || currentlySelectedProductSelections === void 0 ? void 0 : _includesInstanceProperty__default["default"](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
@@ -8109,6 +8188,7 @@ const emptyStoreOption$1 = intl => [{
   isDisabled: true
 }];
 function ProductSelectionsAsyncSelectDropdown(props) {
+  var _productSelectionsFet3;
   const intl = reactIntl.useIntl();
   const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
   const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -8121,13 +8201,17 @@ function ProductSelectionsAsyncSelectDropdown(props) {
     })),
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
-  const productSelections = React.useMemo(() => productSelectionsFetcher.productSelections?.results ?? [], [productSelectionsFetcher.productSelections?.results]);
+  const productSelections = React.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__default["default"](productSelections).call(productSelections, ps => {
     var _context2;
     return !_includesInstanceProperty__default["default"](_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__default["default"](productSelections).call(productSelections, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8203,11 +8287,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__default["default"](productSelections).call(productSelections, ps => `"${ps}"`).join(', ')})`,
-  limit: 500
-});
+const createQueryVariables$4 = (productSelections, predicateField) => {
+  var _context;
+  return {
+    where: _concatInstanceProperty__default["default"](_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty__default["default"](productSelections).call(productSelections, ps => "\"".concat(ps, "\"")).join(', '), ")"),
+    limit: 500
+  };
+};
 const useProductSelectionsByFieldFetcher = (productSelections, predicateField) => {
+  var _productSelectionsQue, _productSelectionsQue2;
   const productSelectionList = _Array$isArray__default["default"](productSelections) ? productSelections : [productSelections];
   const productSelectionsQuery = react.useQuery(ProductSelectionsPickerFetcher$1, {
     context: {
@@ -8217,7 +8305,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
   };
 };
@@ -8258,8 +8346,8 @@ const createQueryVariables$3 = _ref3 => {
   var _context;
   let searchText = _ref3.searchText;
   const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](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__default["default"](_context = [idQuery, keyQuery]).call(_context, Boolean).join(' or ');
   return {
     where: searchTextQuery || undefined
@@ -8282,6 +8370,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$1.query({
         query: ProductSelectionsPickerFetcher,
         variables: createQueryVariables$3({
@@ -8293,7 +8382,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__default["default"](matchedProductSelections).call(matchedProductSelections, convertProductSelectionFromGraphQl);
     const filteredProductSelections = _filterInstanceProperty__default["default"](updatedProductSelections).call(updatedProductSelections, ps => {
       var _context2;
@@ -8309,7 +8398,8 @@ function ProductSelectionsSearchSelectDropdown(props) {
   };
   const loadOptionsDebounced = debounce__default["default"](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__default["default"](productionSelectionResults).call(productionSelectionResults, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8361,11 +8451,11 @@ function ModeSelectInputOption(props) {
       scale: "xs",
       children: [jsxRuntime.jsx(uiKit.Text.Detail, {
         isBold: true,
-        children: data?.label || noValueFallback
+        children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: ["Key: ", data?.key || noValueFallback]
+        children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: ["Type: ", data?.mode || noValueFallback]
+        children: ["Type: ", (data === null || data === void 0 ? void 0 : data.mode) || noValueFallback]
       })]
     })
   }));
@@ -8466,7 +8556,8 @@ function CountriesAsyncSelectDropdown(props) {
   var _context2;
   const intl = reactIntl.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__default["default"](_props$options).call(_props$options, country => {
       var _context;
       return _includesInstanceProperty__default["default"](_context = country.label.toLowerCase()).call(_context, searchTerm.toLowerCase());
     });
@@ -8474,7 +8565,7 @@ function CountriesAsyncSelectDropdown(props) {
       return _sliceInstanceProperty__default["default"](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__default["default"](_props$options2).call(_props$options2, 0, props.countriesAsyncLoadingLimit)
     }, {
       options: emptyCountryOption(intl)
     }];
@@ -8483,7 +8574,10 @@ function CountriesAsyncSelectDropdown(props) {
     const countries = event.target.value;
     props.onChange({
       target: _objectSpread$F(_objectSpread$F({}, event.target), {}, {
-        value: _mapInstanceProperty__default["default"](countries).call(countries, country => country?.value ?? country)
+        value: _mapInstanceProperty__default["default"](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;
+        })
       })
     });
   };
@@ -8513,7 +8607,8 @@ function CountriesAsyncSelectDropdown(props) {
 function ownKeys$E(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$E(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$E(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function CountriesPicker(props) {
-  const CustomCountriesPicker = props.options?.length <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
+  var _props$options;
+  const CustomCountriesPicker = ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$E({}, props))
   });
@@ -8542,6 +8637,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,
@@ -8610,13 +8706,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);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
   const handleNoOptions = React.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 jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -8626,7 +8722,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.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,
@@ -8655,11 +8751,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__default["default"](_context = "".concat(text.substring(0, length))).call(_context, end);
 }
 
 const LOWER_STORES_LIMIT = 60;
@@ -8667,6 +8764,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;
@@ -8677,14 +8775,14 @@ const mapStoresToOptions = _ref => {
   const localizedName = l10n.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__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => productSelectionRef.productSelection.id)
   };
 };
 
@@ -8751,7 +8849,7 @@ const getValueFromOptions$1 = _ref => {
     isMulti = _ref.isMulti;
   // handle async-select-field value transformation
   if (isMulti) {
-    return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores?.includes(store.value));
+    return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores === null || currentlySelectedStores === void 0 ? void 0 : _includesInstanceProperty__default["default"](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
@@ -8780,13 +8878,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 = uiKit.AsyncSelectInput.isTouched(props.touched) && hasErrors$2(props.errors) || props.hasError;
   const mappedStoresListOptions = React.useMemo(() => {
-    var _context2;
-    return _mapInstanceProperty__default["default"](_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
+    var _context2, _storesListFetcher$st;
+    return _mapInstanceProperty__default["default"](_context2 = ((_storesListFetcher$st = storesListFetcher.stores) === null || _storesListFetcher$st === void 0 ? void 0 : _storesListFetcher$st.results) || []).call(_context2, store => mapStoresToOptions({
       store,
       dataLocale,
       renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -8882,25 +8980,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 = uiKit.SelectInput.isTouched(props.touched) && hasErrors$1(props.errors) || props.hasError;
   const mappedStoresListOptions = React.useMemo(() => {
-    var _context2;
-    const results = _mapInstanceProperty__default["default"](_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
+    var _context2, _storesListFetcher$st;
+    const results = _mapInstanceProperty__default["default"](_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__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => store.value === value);
 
     // We need complete store info including productSelections
@@ -8958,6 +9057,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 = react.useQuery(TotalNumberOfStores, {
     context: {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM,
@@ -8966,7 +9066,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
   };
 };
@@ -8984,15 +9084,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__default["default"](stores).call(stores, store => `"${store}"`).join(', ')})`,
-  limit: 500,
-  excludeProductSelections: !shouldFetchProductSelections
-});
+const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => {
+  var _context;
+  return {
+    where: _concatInstanceProperty__default["default"](_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty__default["default"](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__default["default"](stores) ? stores : [stores];
@@ -9005,13 +9109,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__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$B(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$B(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context6 = ownKeys$B(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$B(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchStoresByWherePredicate = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresByWherePredicate" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipFetchingStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "storesByWherePredicate" }, name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipFetchingStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 525, source: { body: "query FetchStoresByWherePredicate(\n  $where: String!\n  $skipFetchingStores: Boolean!\n  $excludeProductSelections: Boolean!\n) {\n  storesByWherePredicate: stores(where: $where) @skip(if: $skipFetchingStores) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n      productSelections @skip(if: $excludeProductSelections) {\n        active\n        productSelection {\n          id\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var styles$c = {
   "renderLabelContainer": "stores-search-selector-module__renderLabelContainer___3_PBc",
@@ -9022,16 +9126,16 @@ const hasErrors = errors => {
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](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__default["default"](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__default["default"](allAccessibleStoreKeysThroughDataFencePermissions).call(allAccessibleStoreKeysThroughDataFencePermissions, sanitizedSearchText)) {
       return {
@@ -9047,9 +9151,9 @@ const createQueryVariables$1 = _ref => {
       excludeProductSelections: !shouldFetchProductSelections
     };
   }
-  const idQuery = isUUID(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
-  const nameQuery = `name(${dataLocale} = "${sanitizedSearchText}")`;
-  const searchTextQuery = _filterInstanceProperty__default["default"](_context2 = [idQuery, nameQuery, keyQuery]).call(_context2, Boolean).join(' or ');
+  const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
+  const nameQuery = _concatInstanceProperty__default["default"](_context2 = "name(".concat(dataLocale, " = \"")).call(_context2, sanitizedSearchText, "\")");
+  const searchTextQuery = _filterInstanceProperty__default["default"](_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
   return {
     skipFetchingStores: false,
     where: searchTextQuery,
@@ -9057,6 +9161,7 @@ const createQueryVariables$1 = _ref => {
   };
 };
 const getValueFromOptions = _ref2 => {
+  var _storesByFieldFetcher, _context4;
   let isMulti = _ref2.isMulti,
     value = _ref2.value,
     dataLocale = _ref2.dataLocale,
@@ -9065,7 +9170,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__default["default"](_context4 = _storesByFieldFetcher.results).call(_context4, store => mapStoresToOptions({
     store,
     dataLocale,
     renderSelectInputOptionValuesByField: renderSelectInputOptionValuesByField
@@ -9103,8 +9208,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__default["default"](_context5 = _data$storesByWherePr.results).call(_context5, store => mapStoresToOptions({
         store,
         dataLocale,
         renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -9125,7 +9231,7 @@ const StoresSearchSelectInput = props => {
       className: styles$c.renderLabelContainer,
       children: [jsxRuntime.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)
       }), jsxRuntime.jsx("div", {
         children: intl.formatMessage(inputValue ? messages$s.searchSelectInputNoOptionsFoundMessage : messages$s.searchSelectInputNoValueMessage)
       })]
@@ -9304,14 +9410,14 @@ var messages$r = reactIntl.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__default["default"](_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__default["default"]((ratio * 100).toFixed(2));
@@ -9365,8 +9471,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,
@@ -9403,16 +9509,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__default$1["default"](value?.to).isBefore(value?.from)) return {
+    if (moment__default$1["default"](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') {
@@ -9482,8 +9588,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__default["default"](filters).call(filters, _ref => {
+    var _context, _context2;
     let type = _ref.type,
       value = _ref.value;
     if (!filterValidator({
@@ -9492,19 +9600,19 @@ function numberTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return `(* to ${_parseInt__default["default"](value) - 1})`;
+        return "(* to ".concat(_parseInt__default["default"](value) - 1, ")");
       case 'moreThan':
-        return `(${_parseInt__default["default"](value) + 1} to *)`;
+        return "(".concat(_parseInt__default["default"](value) + 1, " to *)");
       case 'equalTo':
-        return `(${value} to ${value})`;
+        return _concatInstanceProperty__default["default"](_context = "(".concat(value, " to ")).call(_context, value, ")");
       case 'range':
-        return `(${value.from} to ${value.to})`;
+        return _concatInstanceProperty__default["default"](_context2 = "(".concat(value.from, " to ")).call(_context2, value.to, ")");
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}: range${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty__default["default"](_context3 = "".concat(filterKey, ": range")).call(_context3, queryString);
 }
 function isFilterValid$2(_ref2) {
   let type = _ref2.type,
@@ -9531,9 +9639,11 @@ function graphqlCategoryLevelTransformer(filterKey, filters, filterValidator) {
   return _filterInstanceProperty__default["default"](_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__default["default"](filters).call(filters, _ref => {
     let type = _ref.type,
@@ -9544,25 +9654,19 @@ function dateTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return `(* to "${moment__default$1["default"](value).format(dateFormatDayStart)}")`;
+        return "(* to \"".concat(moment__default$1["default"](value).format(dateFormatDayStart), "\")");
       case 'moreThan':
-        return `("${moment__default$1["default"](value).format(dateFormatDayEnd)}" to *)`;
+        return "(\"".concat(moment__default$1["default"](value).format(dateFormatDayEnd), "\" to *)");
       case 'equalTo':
-        return oneLine__default["default"]`
-            ("${moment__default$1["default"](value).format(dateFormatDayStart)}"
-            to "${moment__default$1["default"](value).format(dateFormatDayEnd)}")
-          `;
+        return oneLine__default["default"](_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment__default$1["default"](value).format(dateFormatDayStart), moment__default$1["default"](value).format(dateFormatDayEnd));
       case 'range':
-        return oneLine__default["default"]`
-            ("${moment__default$1["default"](value.from).format(dateFormatDayStart)}"
-            to "${moment__default$1["default"](value.to).format(dateFormatDayEnd)}")
-          `;
+        return oneLine__default["default"](_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment__default$1["default"](value.from).format(dateFormatDayStart), moment__default$1["default"](value.to).format(dateFormatDayEnd));
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}: range${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ": range")).call(_context, queryString);
 }
 function isFilterValid$1(_ref2) {
   let type = _ref2.type,
@@ -9577,18 +9681,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__default["default"](_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");
 }
 
 /**
@@ -9629,6 +9734,7 @@ function graphqlQueryBuilder(_ref) {
 }
 
 function referenceTransformer(filterKey, filters) {
+  var _context;
   let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid;
   const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
     let type = _ref.type,
@@ -9639,46 +9745,49 @@ function referenceTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'equalTo':
-        return `"${value}"`;
+        return "\"".concat(value, "\"");
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : `${filterKey}.id: ${queryString}`;
+  return queryString === '' ? null : _concatInstanceProperty__default["default"](_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__default["default"](_context = [null, undefined, '']).call(_context, value)) return true;
+  if (type === 'equalTo' && !_includesInstanceProperty__default["default"](_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__default["default"](_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__default["default"](_context = "".concat(target, " < ")).call(_context, value);
     case FILTER_TYPES.moreThan:
-      return `${target} > ${value}`;
+      return _concatInstanceProperty__default["default"](_context2 = "".concat(target, " > ")).call(_context2, value);
     case FILTER_TYPES.equalTo:
-      return `${target} = ${value}`;
+      return _concatInstanceProperty__default["default"](_context3 = "".concat(target, " = ")).call(_context3, value);
     case FILTER_TYPES.range:
-      return `${target} >= ${value.from} and ${target} <= ${value.to}`;
+      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "".concat(target, " >= ")).call(_context6, value.from, " and ")).call(_context5, target, " <= ")).call(_context4, value.to);
     default:
       return '';
   }
 };
 function customFields (filter, locale) {
   const customFieldsPredicates = _mapInstanceProperty__default["default"](filter).call(filter, customFieldFilter => {
+    var _context7, _context8, _context9, _context10, _context11;
     const _customFieldFilter$va = customFieldFilter.value,
       target = _customFieldFilter$va.target,
       type = _customFieldFilter$va.type,
@@ -9686,14 +9795,14 @@ function customFields (filter, locale) {
       option = _customFieldFilter$va.option;
     switch (type.name) {
       case FIELD_TYPES.Boolean:
-        return `${target} = ${value.value}`;
+        return _concatInstanceProperty__default["default"](_context7 = "".concat(target, " = ")).call(_context7, value.value);
       case FIELD_TYPES.String:
-        return `${target} = "${value}"`;
+        return _concatInstanceProperty__default["default"](_context8 = "".concat(target, " = \"")).call(_context8, value, "\"");
       case FIELD_TYPES.LocalizedString:
-        return `${target}(${localizedTextTransformer(value)})`;
+        return _concatInstanceProperty__default["default"](_context9 = "".concat(target, "(")).call(_context9, localizedTextTransformer(value), ")");
       case FIELD_TYPES.Enum:
       case FIELD_TYPES.LocalizedEnum:
-        return `${target} = "${value.value}"`;
+        return _concatInstanceProperty__default["default"](_context10 = "".concat(target, " = \"")).call(_context10, value.value, "\"");
       case FIELD_TYPES.Time:
         return timeTransformer(target, [{
           type: option,
@@ -9708,14 +9817,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__default["default"](_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
@@ -9760,7 +9869,7 @@ function ownKeys$z(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$z(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const resourcesWithPlatformLimits = _Object$keys__default["default"](RESOURCES_WITH_PLATFORM_LIMITS);
 const createQueryVariables = platformLimit => _reduceInstanceProperty__default["default"](resourcesWithPlatformLimits).call(resourcesWithPlatformLimits, (previousIncludedLimits, nextNameOfLimit) => _objectSpread$z({
-  [camelCase__default["default"](`should include ${nextNameOfLimit}`)]: platformLimit ? nextNameOfLimit === platformLimit : true
+  [camelCase__default["default"]("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 } } } };
@@ -9776,7 +9885,7 @@ const usePlatformLimitsFetcher = platformLimit => {
     error = _useQuery.error,
     data = _useQuery.data,
     refetch = _useQuery.refetch;
-  const platformLimits = !loading ? omit__default["default"](data?.limits, '__typename') : {};
+  const platformLimits = !loading ? omit__default["default"](data === null || data === void 0 ? void 0 : data.limits, '__typename') : {};
   return {
     isLoading: loading,
     error,
@@ -9967,10 +10076,11 @@ const getPlatformLimitsStatus = _ref3 => {
     total = _ref3.total,
     intl = _ref3.intl;
   if (limit) {
-    return `(${intl.formatNumber(current)}/${intl.formatNumber(limit)})`;
+    var _context;
+    return _concatInstanceProperty__default["default"](_context = "(".concat(intl.formatNumber(current), "/")).call(_context, intl.formatNumber(limit), ")");
   }
   if (total) {
-    return `(${intl.formatNumber(total)})`;
+    return "(".concat(intl.formatNumber(total), ")");
   }
   return '';
 };
@@ -9990,17 +10100,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
@@ -10016,12 +10127,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) {
@@ -10067,12 +10179,13 @@ var messages$k = reactIntl.defineMessages({
 });
 
 const PlatformLimitsShippingMethodsStatus = _ref => {
+  var _platformLimits$shipp, _platformLimits$shipp2;
   let total = _ref.total;
   const intl = reactIntl.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 jsxRuntime.jsx(PlatformLimitsStatusText, {
     intlMessage: messages$k.shippingMethodsStatus,
     children: getPlatformLimitsStatus({
@@ -10134,17 +10247,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
@@ -10160,12 +10274,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) {
@@ -10211,12 +10326,13 @@ var messages$i = reactIntl.defineMessages({
 });
 
 const PlatformLimitsTaxCategoriesStatus = _ref => {
+  var _platformLimits$taxCa, _platformLimits$taxCa2;
   let total = _ref.total;
   const intl = reactIntl.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 jsxRuntime.jsx(PlatformLimitsStatusText, {
     intlMessage: messages$i.taxCategoriesStatus,
     children: getPlatformLimitsStatus({
@@ -10278,17 +10394,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
@@ -10304,12 +10421,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) {
@@ -10355,12 +10473,13 @@ var messages$g = reactIntl.defineMessages({
 });
 
 const PlatformLimitsZonesStatus = _ref => {
+  var _platformLimits$zones, _platformLimits$zones2;
   let total = _ref.total;
   const intl = reactIntl.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 jsxRuntime.jsx(PlatformLimitsStatusText, {
     intlMessage: messages$g.zonesStatus,
     children: getPlatformLimitsStatus({
@@ -10422,17 +10541,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
@@ -10461,12 +10581,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 jsxRuntime.jsx("div", {});
   }
   if (hasReachedCustomersErrorLimit) {
@@ -10517,15 +10638,16 @@ var styles$b = {
   "status": "platform-limits-customers-status-module__status___3rXYM"
 };
 const PlatformLimitsCustomersStatus = () => {
+  var _platformLimits$custo;
   const intl = reactIntl.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 jsxRuntime.jsx("div", {
     className: styles$b.status,
     children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -10759,17 +10881,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
@@ -10798,12 +10921,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 jsxRuntime.jsx("div", {});
   }
   if (hasReachedCustomerGroupsErrorLimit) {
@@ -10854,15 +10978,16 @@ var styles$9 = {
   "status": "platform-limits-customer-groups-status-module__status___6099G"
 };
 const PlatformLimitsCustomerGroupsStatus = () => {
+  var _platformLimits$custo;
   const intl = reactIntl.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 jsxRuntime.jsx("div", {
     className: styles$9.status,
     children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -11094,7 +11219,7 @@ var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
   try {
     await dispatch(sdk.actions.head({
       mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-      uri: `/${projectKey}/search/products`
+      uri: "/".concat(projectKey, "/search/products")
     }));
     return {
       status: 'indexed'
@@ -11197,51 +11322,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__default["default"](_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__default["default"](products).call(products, product => product.id)
@@ -11258,26 +11382,26 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       }
       return _Promise__default["default"].resolve();
     };
-    _this.handleFailedIndexing = () => {
-      _this.setState({
+    _this2.handleFailedIndexing = () => {
+      _this2.setState({
         isProjectBeingIndexedByPim: false,
         isProjectIndexedByPim: false
       });
-      _this.props.notifications.showNotification({
+      _this2.props.notifications.showNotification({
         kind: 'error',
         domain: constants.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'
       });
@@ -11290,24 +11414,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: constants.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`
@@ -11316,63 +11440,64 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
             dismissAfter: 0
           });
         } else {
-          _this.updateIndexingStatusTimerHandler = _setTimeout__default["default"](_this.handleFinishedIndexing, 5000);
+          _this2.updateIndexingStatusTimerHandler = _setTimeout__default["default"](_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__default["default"](_this.updateIndexingStatus, 5000);
+          _this2.updateIndexingStatusTimerHandler = _setTimeout__default["default"](_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);
@@ -11389,7 +11514,6 @@ let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return PimIndexerProvider;
 }(React.PureComponent);
 PimIndexerProvider.displayName = 'PimIndexerProvider';
 var pimIndexerProvider = flowRight__default["default"](applicationShellConnectors.withApplicationContext(applicationContext => ({
@@ -11417,12 +11541,12 @@ function _callSuper$2(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? _Reflect$construct__default["default"](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 jsxRuntime.jsx(PimIndexerContext.Consumer, {
@@ -11430,7 +11554,6 @@ let WithPimIndexer = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return WithPimIndexer;
 }(React.PureComponent);
 WithPimIndexer.displayName = 'WithPimIndexer';
 
@@ -11472,6 +11595,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__default["default"](props.value) && props.value.length) selectedValue = props.value.length === 2 ? 'all' : getBooleanValue(props.value[0]);
   const yesLabel = props.intl.formatMessage(messages$8.yes);
@@ -11485,7 +11609,7 @@ const BooleanField = props => {
   }];
   if (props.isMulti) options.push({
     value: 'all',
-    label: `${yesLabel} / ${noLabel}`
+    label: _concatInstanceProperty__default["default"](_context = "".concat(yesLabel, " / ")).call(_context, noLabel)
   });
   return jsxRuntime.jsx(uiKit.SelectInput, {
     name: props.name,
@@ -11649,19 +11773,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__default["default"](firstElementId).call(firstElementId, `.${dataLocale}`);
+      const localizedInputIndex = _indexOfInstanceProperty__default["default"](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'
       });
     }
@@ -11687,7 +11811,8 @@ var styles$4 = {
   "search-mode-menu": "selectable-field-search-input-module__search-mode-menu___Od6Le"
 };
 const SelectableFieldSearchInput = props => {
-  const _useState = React.useState(props.initialValue ?? ''),
+  var _props$initialValue, _props$placeholder;
+  const _useState = React.useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchText = _useState2[0],
     setSearchText = _useState2[1];
@@ -11723,7 +11848,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
     })
   });
@@ -11784,6 +11909,7 @@ StoreSelectField.defaultProps = {
   mappedValueField: 'id'
 };
 
+var _templateObject;
 function ownKeys$b(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$b(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$b(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper$1(_this, derived, args) {
@@ -11868,10 +11994,7 @@ const VALIDATOR_INTEGER = {
     }
   }
 });
-commonTags.oneLineTrim`
-  \`validatedInput\` is no longer supported.
-  Please use \`formik\` instead.
-`;
+commonTags.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__*/React.forwardRef((_ref, ref) => {
   let children = _ref.children;
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -11904,74 +12027,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 (!fastEquals.deepEqual(_this.state.validStatus, nextValidStatus)) {
-          _this.setState({
+      _this2.conditionalSetValidStatus = nextValidStatus => {
+        if (!fastEquals.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__default["default"](_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__default["default"](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__default["default"](_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__default["default"](_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() {
       }
@@ -12015,9 +12138,8 @@ function validatedInput(InnerComponent, validators) {
         });
       }
     }]);
-    return ValidatedInput;
   }(React.PureComponent);
-  ValidatedInput.displayName = `ValidatedInput(${_InnerComponent.displayName})`;
+  ValidatedInput.displayName = "ValidatedInput(".concat(_InnerComponent.displayName, ")");
   ValidatedInput.defaultProps = {
     isValid: true,
     getInputRef: () => {}
@@ -12025,22 +12147,22 @@ function validatedInput(InnerComponent, validators) {
   return reactIntl.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 jsxRuntime.jsx("input", {
@@ -12057,11 +12179,10 @@ function simpleInput(type) {
         });
       }
     }]);
-    return _class2;
-  }(React.PureComponent), _class2.displayName = 'SimpleInput', _class2.defaultProps = {
+  }(React.PureComponent), _Class.displayName = 'SimpleInput', _Class.defaultProps = {
     getInputRef: () => {},
     name: 'simple-validated-input'
-  }, _class2;
+  }, _Class;
 }
 
 var messages$4 = reactIntl.defineMessages({
@@ -12158,7 +12279,7 @@ const MultiValueSelectorDropdown = props => {
           truncate: true,
           intlMessage: _objectSpread$8(_objectSpread$8({}, messages$2.filterWholeInput), {}, {
             values: {
-              values: `"${props.value}"`
+              values: "\"".concat(props.value, "\"")
             }
           })
         })
@@ -12171,7 +12292,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
             }
           })
         })
@@ -12306,46 +12427,46 @@ Cleave__default["default"].displayName = 'Cleave';
 // use isFinite to exclude Infitinty, -Inifinity and NaN
 const isValidValue = value => isFinite__default["default"](value) || isNil__default["default"](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__default["default"](value) ? _this.props.formatNumber(value) : undefined;
-      _this.owner.setRawValue(newValue);
+      const newValue = !isUndefined__default["default"](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) {
@@ -12386,7 +12507,6 @@ let NumericFormatInput = /*#__PURE__*/function (_PureComponent) {
       }, dataAttributes));
     }
   }]);
-  return NumericFormatInput;
 }(React.PureComponent);
 NumericFormatInput.displayName = 'NumericFormatInput';
 NumericFormatInput.defaultProps = {
@@ -12474,16 +12594,17 @@ function isEmpty(value) {
 }
 
 const buildSearchQuery = (searchQuery, searchMode, fragments) => {
+  var _fragments$searchMode;
   if (!searchQuery) return '';
   const buildAllFieldsQueryString = query => {
     const fragmentsArray = _Object$values__default["default"](fragments);
-    return `( ${_mapInstanceProperty__default["default"](fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or ')} )`;
+    return "( ".concat(_mapInstanceProperty__default["default"](fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or '), " )");
   };
   const trimmedSearchQuery = oneLine__default["default"](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);
@@ -12714,11 +12835,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 {
@@ -12730,27 +12851,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
     })
   };
@@ -12767,11 +12888,12 @@ function formatCustomerAddress(_ref) {
 }
 
 function formatCustomerName(_ref) {
+  var _context;
   let firstName = _ref.firstName,
     lastName = _ref.lastName;
   if (firstName && !lastName) return _trimInstanceProperty__default["default"](firstName).call(firstName);
   if (!firstName && lastName) return _trimInstanceProperty__default["default"](lastName).call(lastName);
-  if (firstName && lastName) return `${_trimInstanceProperty__default["default"](firstName).call(firstName)} ${_trimInstanceProperty__default["default"](lastName).call(lastName)}`;
+  if (firstName && lastName) return _concatInstanceProperty__default["default"](_context = "".concat(_trimInstanceProperty__default["default"](firstName).call(firstName), " ")).call(_context, _trimInstanceProperty__default["default"](lastName).call(lastName));
   return constants.NO_VALUE_FALLBACK;
 }
 
@@ -12823,7 +12945,10 @@ const validateText = function (text, intl) {
  * @returns {boolean}
  */
 const hasErrorCode = (unmappedApiErrors, errorCode) => {
-  return _Array$isArray__default["default"](unmappedApiErrors) && _someInstanceProperty__default["default"](unmappedApiErrors).call(unmappedApiErrors, error => error.extensions?.code === errorCode);
+  return _Array$isArray__default["default"](unmappedApiErrors) && _someInstanceProperty__default["default"](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);
@@ -12835,7 +12960,7 @@ function minusify(value) {
   return minus.concat(value);
 }
 
-const flattenOperator = (operator, clauses) => compact__default["default"](_reduceInstanceProperty__default["default"](clauses).call(clauses, (result, clause) => _concatInstanceProperty__default["default"](result).call(result, clause?.[operator] || clause), []));
+const flattenOperator = (operator, clauses) => compact__default["default"](_reduceInstanceProperty__default["default"](clauses).call(clauses, (result, clause) => _concatInstanceProperty__default["default"](result).call(result, (clause === null || clause === void 0 ? void 0 : clause[operator]) || clause), []));
 const argsToArray = args => _reduceInstanceProperty__default["default"](args).call(args, (result, item) => _concatInstanceProperty__default["default"](result).call(result, item), []);
 const exists = (field, attributeType) => ({
   exists: {
@@ -12892,7 +13017,7 @@ const not = function () {
 
 const safelyAddFallback = function (string) {
   let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
-  return string === '' ? fallback : string ?? fallback;
+  return string === '' ? fallback : string !== null && string !== void 0 ? string : fallback;
 };
 
 var messages$1 = reactIntl.defineMessages({
@@ -13027,19 +13152,19 @@ const computedProperties = {
     // has been deleted. See MC-1925 for further information.
     const filteredCategories = _filterInstanceProperty__default["default"](_context6 = product.categories).call(_context6, category => category.obj !== undefined);
     return _mapInstanceProperty__default["default"](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: `${l10n.formatLocalizedString(category.obj, {
+        name: _concatInstanceProperty__default["default"](_context7 = "".concat(l10n.formatLocalizedString(category.obj, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        })} ${externalIdValue}`,
+        }), " ")).call(_context7, externalIdValue),
         path: categoryPath,
         level: ancestors.length
       };
@@ -13076,13 +13201,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(l10n.formatLocalizedString(value, {
         key: 'label',
         locale: projectDataLocale,
         fallbackOrder: projectLanguages
-      }), `${value.key} (key)`);
+      }), "".concat(value.key, " (key)"));
     case 'number':
       return safelyAddFallback(value);
     case 'boolean':
@@ -13105,7 +13230,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)) {
@@ -13144,7 +13269,6 @@ let RequestCache = /*#__PURE__*/function () {
       this.result = null;
     }
   }]);
-  return RequestCache;
 }();
 
 // copied from
@@ -13205,6 +13329,7 @@ const reorderArrayItems = (array, from, to) => {
 const mapTimeZonesToOptions = memoize__default["default"](timeZones => {
   var _context;
   return _mapInstanceProperty__default["default"](_context = _Object$entries__default["default"](timeZones)).call(_context, _ref => {
+    var _context2;
     let _ref2 = _slicedToArray(_ref, 2),
       code = _ref2[0],
       value = _ref2[1];
@@ -13213,7 +13338,7 @@ const mapTimeZonesToOptions = memoize__default["default"](timeZones => {
       //E.g. `(GMT +02:00) Central European Time - Berlin`
       // unicode clock hex code: \u25F7
       //
-      label: `(GMT ${value.offset}) ${value.name}`
+      label: _concatInstanceProperty__default["default"](_context2 = "(GMT ".concat(value.offset, ") ")).call(_context2, value.name)
     };
   });
 });
@@ -13221,9 +13346,12 @@ const getTimeZoneId = memoize__default["default"]((selectedTimeZone, timeZones)
   if (timeZones[selectedTimeZone]) {
     return selectedTimeZone;
   } else {
-    var _context2;
-    const fallbackTimeZoneId = _findInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](timeZones)).call(_context2, timeZoneId => timeZones[timeZoneId]?.translationFor?.some(fallbackTimeZone => fallbackTimeZone === selectedTimeZone));
-    if (fallbackTimeZoneId?.length) {
+    var _context3;
+    const fallbackTimeZoneId = _findInstanceProperty__default["default"](_context3 = _Object$keys__default["default"](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__default["default"](_timeZones$timeZoneId).call(_timeZones$timeZoneId, fallbackTimeZone => fallbackTimeZone === selectedTimeZone);
+    });
+    if (fallbackTimeZoneId !== null && fallbackTimeZoneId !== void 0 && fallbackTimeZoneId.length) {
       return fallbackTimeZoneId.toString();
     } else {
       return 'UTC';
@@ -13231,9 +13359,10 @@ const getTimeZoneId = memoize__default["default"]((selectedTimeZone, timeZones)
   }
 });
 const getTimeZoneLabel = memoize__default["default"]((selectedTimeZone, timeZones) => {
+  var _context4;
   const timeZoneId = getTimeZoneId(selectedTimeZone, timeZones);
   const timeZoneData = timeZones[timeZoneId];
-  return `(GMT ${timeZoneData.offset}) ${timeZoneData.name}`;
+  return _concatInstanceProperty__default["default"](_context4 = "(GMT ".concat(timeZoneData.offset, ") ")).call(_context4, timeZoneData.name);
 });
 
 function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -13289,20 +13418,114 @@ var messages = reactIntl.defineMessages({
 const FIELD_NAME = 'custom';
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context7 = ownKeys$2(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$2(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context, value => ({
+          key: value.key,
+          label: l10n.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__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context2, value => ({
+        key: value.key,
+        label: l10n.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: l10n.transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
+        fieldDefinitions: _mapInstanceProperty__default["default"](_context3 = resource.custom.type.fieldDefinitions).call(_context3, fieldDefinition => ({
+          name: fieldDefinition.name,
+          required: fieldDefinition.required,
+          inputHint: fieldDefinition.inputHint,
+          type: transformFieldType(fieldDefinition),
+          label: l10n.transformLocalizedFieldToLocalizedString(fieldDefinition.labelAllLocales)
+        }))
+      }
+    },
+    fields: _reduceInstanceProperty__default["default"](_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__default["default"](_context5 = _Object$entries__default["default"](formState[FIELD_NAME].fields)).call(_context5, _ref => {
+        let _ref2 = _slicedToArray(_ref, 2),
+          name = _ref2[0],
+          value = _ref2[1];
+        return {
+          name,
+          value: _JSON$stringify__default["default"](value)
+        };
+      })
+    }
+  };
+};
+
+// Creates a root field name accessor for `custom` form state
+const createRootFieldName = rootFieldName => {
+  var _context6;
+  return rootFieldName ? _concatInstanceProperty__default["default"](_context6 = "".concat(rootFieldName, ".")).call(_context6, FIELD_NAME) : FIELD_NAME;
+};
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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 = formik.getIn(formValues, rootFieldName)) === null || _getIn === void 0 ? void 0 : _getIn.type) && ((_getIn2 = formik.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 formik.getIn(formValues, rootFieldName).type.obj.key && formik.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__default["default"](_context = formValues[FIELD_NAME].type.obj.fieldDefinitions).call(_context, _ref => {
+  const fieldValues = formik.getIn(formValues, rootFieldName).fields;
+  return _filterInstanceProperty__default["default"](_context = formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions).call(_context, _ref => {
     let name = _ref.name;
     return fieldValues[name] !== undefined;
   });
@@ -13310,34 +13533,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 = formik.useFormikContext(),
     formValues = _valuesInstanceProperty__default["default"](_useFormikContext);
+  const rootFieldName = createRootFieldName(rootFormStateFieldName);
   if (!typeDefinitionsExist(typeDefinitions)) {
-    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages.noTypes));
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.noTypes));
   }
-  if (!typeDefinitionSelected(formValues)) {
-    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages.noCustomType));
+  if (!typeDefinitionSelected(formValues, rootFieldName)) {
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.noCustomType));
   }
-  if (!typeDefinitionContainsFieldDefinitions(formValues)) {
-    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages.noCustomFields));
+  if (!typeDefinitionContainsFieldDefinitions(formValues, rootFieldName)) {
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.noCustomFields));
   }
-  if (fieldDefinitionsWithValues(formValues).length === 0 && isReadOnly && hideEmptyFields) {
-    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages.noInputValues));
+  if (fieldDefinitionsWithValues(formValues, rootFieldName).length === 0 && isReadOnly && hideEmptyFields) {
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.noInputValues));
   }
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: jsxRuntime.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) : formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions
     })
   });
 };
 CustomFieldsInputWrapper.displayName = 'CustomFieldsInputWrapper';
 
-function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapTypeDefinitionsToOptions = (typeDefinitions, language, languages, selectedTypeDefinitionId) => {
   return _mapInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => ({
     isDisabled: selectedTypeDefinitionId && selectedTypeDefinitionId === typeDefinition.type.id,
@@ -13364,10 +13589,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 = formik.useFormikContext(),
     formValues = _valuesInstanceProperty__default["default"](_useFormikContext),
     setFieldValue = _useFormikContext.setFieldValue,
@@ -13380,22 +13608,24 @@ const CustomTypeSubform = _ref => {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
+  const rootFieldName = createRootFieldName(rootFormStateFieldName);
   const handleTypeDefinitionSelect = React.useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
       const nextCustom = createFormStateFromTypeDefinition(selectedTypeDefinition);
-      setFieldValue(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 = formik.getIn(formValues, rootFieldName)) === null || _getIn === void 0 ? void 0 : _getIn.type) && ((_getIn2 = formik.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
@@ -13403,16 +13633,16 @@ const CustomTypeSubform = _ref => {
   return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     header: jsxRuntime.jsx(uiKit.CollapsiblePanel.Header, {
       isCondensed: isCondensed,
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.title))
+      children: panelTitle || jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title))
     }),
     headerControls: typeDefinitions.length > 0 && jsxRuntime.jsx("div", {
       css: /*#__PURE__*/react$1.css("min-width:", uiKit.designTokens.constraint11, ";" + ("" ), "" ),
       children: jsxRuntime.jsx(uiKit.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 = formik.getIn(formValues, rootFieldName)) === null || _getIn3 === void 0 || (_getIn3 = _getIn3.type) === null || _getIn3 === void 0 ? void 0 : _getIn3.id),
+        value: (_getIn4 = formik.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
@@ -13422,103 +13652,20 @@ const CustomTypeSubform = _ref => {
     children: jsxRuntime.jsx(CustomFieldsInputWrapper, {
       typeDefinitions: typeDefinitions,
       isReadOnly: isReadOnly,
-      hideEmptyFields: hideEmptyFields
+      hideEmptyFields: hideEmptyFields,
+      rootFormStateFieldName: rootFormStateFieldName
     })
   });
 };
 CustomTypeSubform.displayName = 'CustomTypeSubform';
 
-function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context, value => ({
-          key: value.key,
-          label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
-        }))
-      })
-    });
-  } else if (fieldDefinition.type?.name === 'LocalizedEnum') {
-    var _context2;
-    return _objectSpread(_objectSpread({}, fieldDefinition.type), {}, {
-      values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context2, value => ({
-        key: value.key,
-        label: l10n.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: l10n.transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
-        fieldDefinitions: _mapInstanceProperty__default["default"](_context3 = resource.custom.type.fieldDefinitions).call(_context3, fieldDefinition => ({
-          name: fieldDefinition.name,
-          required: fieldDefinition.required,
-          inputHint: fieldDefinition.inputHint,
-          type: transformFieldType(fieldDefinition),
-          label: l10n.transformLocalizedFieldToLocalizedString(fieldDefinition.labelAllLocales)
-        }))
-      }
-    },
-    fields: _reduceInstanceProperty__default["default"](_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__default["default"](_context5 = _Object$entries__default["default"](formState[FIELD_NAME].fields)).call(_context5, _ref => {
-        let _ref2 = _slicedToArray(_ref, 2),
-          name = _ref2[0],
-          value = _ref2[1];
-        return {
-          name,
-          value: _JSON$stringify__default["default"](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 = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.project.key);
   return jsxRuntime.jsx(CustomFieldTypeDefinitionsConnector$1, {
     resources: resources,
@@ -13536,7 +13683,9 @@ const CustomFieldsFormField = _ref => {
         typeDefinitions: typeDefinitions,
         isReadOnly: isReadOnly,
         isCondensed: isCondensed,
-        hideEmptyFields: hideEmptyFields
+        hideEmptyFields: hideEmptyFields,
+        rootFormStateFieldName: rootFormStateFieldName,
+        panelTitle: panelTitle
       });
     }
   });
@@ -13555,6 +13704,7 @@ exports.CenteredLoadingSpinner = CenteredLoadingSpinner;
 exports.ChannelPickerInput = ChannelPickerInput;
 exports.CountriesPicker = CountriesPicker;
 exports.CustomFieldDefinitionsConnector = customFieldDefinitionsConnector;
+exports.CustomFieldTooltip = CustomFieldTooltip;
 exports.CustomFieldTypeDefinitionsConnector = CustomFieldTypeDefinitionsConnector$1;
 exports.CustomFields = CustomFields;
 exports.CustomFieldsErrorTextNotification = CustomFieldsErrorTextNotification;
@@ -13569,6 +13719,7 @@ exports.LabelRange = LabelRange;
 exports.MissingValueField = MissingValueField;
 exports.MultiValueSearchInput = MultiValueSearchInput;
 exports.NumericFormatInput = numericFormatInput;
+exports.Option = Option$2;
 exports.PRECISION_TYPES = PRECISION_TYPES;
 exports.PimIndexerProvider = pimIndexerProvider;
 exports.ProductAttributeInput = ProductAttributeInput;
@@ -13631,6 +13782,7 @@ exports.formatProductAttribute = formatAttribute;
 exports.getAncestors = getAncestors;
 exports.getAttributeValueByType = getAttributeValueByType;
 exports.getAttributeValueType = getAttributeValueType;
+exports.getBottomOption = getBottomOption;
 exports.getBulkNotification = getBulkNotification;
 exports.getCategoryLevel = getCategoryLevel;
 exports.getCountsFromBulkSummary = getCountsFromBulkSummary;
@@ -13715,11 +13867,13 @@ exports.truncate = truncate;
 exports.unique = unique;
 exports.uniqueObjects = uniqueObjects;
 exports.useCachedCategoryOptions = useCachedCategoryOptions;
+exports.useCurrentOption = useCurrentOption;
 exports.useCustomFieldsDnDContext = useDnDContext;
 exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
+exports.useLoadOptions = useLoadOptions;
 exports.useLocalizedKeyFallback = useLocalizedKeyFallback;
 exports.usePendingRequests = usePendingRequests;
 exports.usePersistedTableConfiguration = usePersistedTableConfiguration;