@commercetools-frontend/experimental-components 8.0.5 → 8.0.6

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

@@ -35,11 +35,11 @@ var _Map = require('@babel/runtime-corejs3/core-js-stable/map');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var react$1 = require('@emotion/react');
 var fastEquals = require('fast-equals');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var designSystem = require('@commercetools-uikit/design-system');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -47,7 +47,6 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var oneLine = require('common-tags/lib/oneLine');
@@ -87,6 +86,7 @@ var classnames = require('classnames');
 var commonTags = require('common-tags');
 var has = require('lodash/has');
 var warning = 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 Cleave = require('cleave.js/react');
@@ -163,8 +163,8 @@ var _Map__default = /*#__PURE__*/_interopDefault(_Map);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
@@ -191,6 +191,7 @@ var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceP
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var has__default = /*#__PURE__*/_interopDefault(has);
 var warning__default = /*#__PURE__*/_interopDefault(warning);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Math$trunc__default = /*#__PURE__*/_interopDefault(_Math$trunc);
 var _Number$isNaN__default = /*#__PURE__*/_interopDefault(_Number$isNaN);
 var Cleave__default = /*#__PURE__*/_interopDefault(Cleave);
@@ -303,7 +304,7 @@ var commonPickerMessages = reactIntl.defineMessages({
   }
 });
 
-var messages$S = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -321,9 +322,8 @@ function _objectSpread$1v(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 (".concat(_mapInstanceProperty__default["default"](roles).call(roles, role => "\"".concat(role, "\"")).join(','), ")") : undefined;
+const getRolesClause = roles => roles && roles.length > 0 ? `roles contains any (${_mapInstanceProperty__default["default"](roles).call(roles, role => `"${role}"`).join(',')})` : undefined;
 const ChannelPickerInput = _ref => {
-  var _currentSingleOption$, _currentSingleOption$2, _currentOptions$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     _ref$isReadOnly = _ref.isReadOnly,
@@ -348,7 +348,7 @@ const ChannelPickerInput = _ref => {
   const variables = React.useMemo(() => {
     const rolesClause = getRolesClause(roles);
     return _objectSpread$1v({
-      sortByNamePath: "name.".concat(dataLocale)
+      sortByNamePath: `name.${dataLocale}`
     }, rolesClause && {
       extraWhere: rolesClause
     });
@@ -369,7 +369,7 @@ const ChannelPickerInput = _ref => {
     }
     return channel;
   }, [formatLocalizedFieldToString]);
-  const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
   const loadOptions = useLoadOptions$1({
     query: GetChannelsQuery,
     variables,
@@ -416,16 +416,16 @@ const ChannelPickerInput = _ref => {
   const handleInputChange = React.useCallback(newValue => {
     setLoadingError(null);
     // FIXME: useHandlers hook is not properly typed
-    handleInternalInputChange === null || handleInternalInputChange === void 0 || handleInternalInputChange(newValue);
+    handleInternalInputChange?.(newValue);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOptions?.error);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
-  const tooltipTitle = !isMulti ? (_currentSingleOption$ = currentSingleOption === null || currentSingleOption === void 0 || (_currentSingleOption$2 = currentSingleOption.data) === null || _currentSingleOption$2 === void 0 ? void 0 : _currentSingleOption$2.label) !== null && _currentSingleOption$ !== void 0 ? _currentSingleOption$ : '' : '';
-  const selectedValue = (_currentOptions$data = currentOptions.data) !== null && _currentOptions$data !== void 0 ? _currentOptions$data : isMulti ? [] : null;
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
+  const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -435,7 +435,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$S.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -478,10 +478,9 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
     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 === 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),
+            timeZone: this?.props?.timeZone || user?.timeZone,
             locale: this.props.intl.locale
           });
         }
@@ -492,7 +491,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
 
-var messages$R = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -520,7 +519,6 @@ const convertProductTypeToOption = productType => {
   };
 };
 const ProductTypePickerInput = _ref => {
-  var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
@@ -552,9 +550,8 @@ const ProductTypePickerInput = _ref => {
     itemToOption: convertProductTypeToOption
   });
   const handleLoadOptions = React.useCallback(inputValue => loadProductTypes(inputValue).then(_ref3 => {
-    var _data$productTypes;
     let data = _ref3.data;
-    return ((_data$productTypes = data.productTypes) === null || _data$productTypes === void 0 ? void 0 : _data$productTypes.results) || [];
+    return data.productTypes?.results || [];
   }).then(productTypes => _mapInstanceProperty__default["default"](productTypes).call(productTypes, convertProductTypeToOption)).catch(error => {
     setLoadingError(error);
     onError(error);
@@ -568,12 +565,12 @@ const ProductTypePickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  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 : '';
+  const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner$1, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -583,7 +580,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$R.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -596,7 +593,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -612,7 +609,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$Q = reactIntl.defineMessages({
+var messages$P = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -628,7 +625,6 @@ var messages$Q = 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,
@@ -644,7 +640,7 @@ const StatePickerInput = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
   const variables = React.useMemo(() => ({
-    sortByNamePath: "name.".concat(dataLocale)
+    sortByNamePath: `name.${dataLocale}`
   }), [dataLocale]);
   const convertStateToOption = React.useCallback(state => {
     const localizedName = formatLocalizedFieldToString(state.nameAllLocales);
@@ -659,7 +655,7 @@ const StatePickerInput = _ref => {
     _useState2 = _slicedToArray(_useState, 2),
     loadingError = _useState2[0],
     setLoadingError = _useState2[1];
-  const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
   const loadOptions = useLoadOptions$1({
     query: GetStatesQuery,
     variables,
@@ -692,13 +688,13 @@ const StatePickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
+  const isCurrentOptionLoadingFailed = Boolean(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$Q.noStatesFound), [loadingError, formatMessage]);
-  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 : '';
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner$1, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -709,7 +705,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$P.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -766,7 +762,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$P = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -778,7 +774,7 @@ function ownKeys$1t(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 function _objectSpread$1t(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$1t(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$1t(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$P.bottomOption) : messages$P.bottomOption,
+    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -814,10 +810,10 @@ const useHandlers = onChange => {
     setInputValue(changedValue);
   }, []);
   const handleChange = useEventCallback$1(event => {
-    var _context, _event$target$value;
+    var _context;
     const eventWithExtractedValue = _objectSpread$1s(_objectSpread$1s({}, event), {}, {
       target: _objectSpread$1s(_objectSpread$1s({}, event.target), {}, {
-        value: _Array$isArray__default["default"](event.target.value) ? _mapInstanceProperty__default["default"](_context = event.target.value).call(_context, item => item === null || item === void 0 ? void 0 : item.value) : (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value
+        value: _Array$isArray__default["default"](event.target.value) ? _mapInstanceProperty__default["default"](_context = event.target.value).call(_context, item => item?.value) : event.target.value?.value
       })
     });
     onChange(eventWithExtractedValue);
@@ -828,25 +824,22 @@ var useHandlers$1 = useHandlers;
 
 const _excluded$f = ["extraWhere"];
 function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$1r(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$1r(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1r(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$1r(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$1r(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 const constructPrefixSearchPredicate$1 = 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, _context2, _context3, _context4, _context5;
+    var _context, _context2;
     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"](_context2 = _arrayLikeToArray$1(_path$slice$reverse2)).call(_context2, 1);
-    const comparison = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(finalValueInPath, " >= \"")).call(_context5, lowerBound, "\" and ")).call(_context4, finalValueInPath, " < \"")).call(_context3, upperBound, "\"");
+    const comparison = `${finalValueInPath} >= "${lowerBound}" and ${finalValueInPath} < "${upperBound}"`;
     if (remainPathInReverse.length) {
-      return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => {
-        var _context6;
-        return _concatInstanceProperty__default["default"](_context6 = "".concat(nextPath, "(")).call(_context6, nestedPath, ")");
-      }, comparison);
+      return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => `${nextPath}(${nestedPath})`, comparison);
     }
     return comparison;
   };
@@ -862,7 +855,7 @@ const useLoadOptions = _ref => {
     let where;
     if (inputValue.length) {
       if (isUUID$1(inputValue)) {
-        where = "id = \"".concat(inputValue, "\"");
+        where = `id = "${inputValue}"`;
       } else {
         const _getPrefixSearchBound = getPrefixSearchBounds$1(inputValue),
           _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
@@ -871,12 +864,11 @@ const useLoadOptions = _ref => {
         where = constructPrefixSearchPredicate$1(prefixSearchFields, lowerBound, upperBound);
       }
     }
-    const _ref2 = variables !== null && variables !== void 0 ? variables : {},
+    const _ref2 = variables ?? {},
       extraWhere = _ref2.extraWhere,
       restVariables = _objectWithoutProperties(_ref2, _excluded$f);
     if (typeof extraWhere === 'string') {
-      var _context7;
-      where = where ? _concatInstanceProperty__default["default"](_context7 = "(".concat(where, ") and ")).call(_context7, variables.extraWhere) : variables.extraWhere;
+      where = where ? `(${where}) and ${variables.extraWhere}` : variables.extraWhere;
     }
     return client$1.query({
       query,
@@ -908,12 +900,12 @@ const useExecuteGraphQLRequest = () => {
 };
 const createSearchProductsFromPIMAction = (searchTerm, projectKey) => sdk.actions.post({
   mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-  uri: "/".concat(projectKey, "/search/product-types"),
+  uri: `/${projectKey}/search/product-types`,
   payload: {
     query: {
       wildcard: {
         field: 'name',
-        value: "*".concat(searchTerm, "*"),
+        value: `*${searchTerm}*`,
         caseInsensitive: true
       }
     },
@@ -927,9 +919,9 @@ const useFetchProductTypesFromPIM = _ref => {
   const dispatch = sdk.useAsyncDispatch();
   const executeGraphQLRequest = useExecuteGraphQLRequest();
   const fetchProductTypesFromPim = React.useCallback(async searchTerm => {
-    var _result$hits$map, _result$hits;
+    var _context, _context2;
     const result = await dispatch(createSearchProductsFromPIMAction(searchTerm, projectKey));
-    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 : [];
+    const ids = ((_context = result?.hits) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(hit => hit.id) ?? [];
     // Avoid sending any requests if it's clear that nothing is found
     if (ids.length === 0) {
       return {
@@ -964,22 +956,19 @@ const useFetchProductTypesFromPIM = _ref => {
  */
 const constructNestedExpression = (reversedPath, predicate) => {
   if (reversedPath.length > 0) {
-    return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => {
-      var _context;
-      return _concatInstanceProperty__default["default"](_context = "".concat(nestedSelection, "(")).call(_context, nextNestedValue, ")");
-    }, predicate);
+    return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => `${nestedSelection}(${nextNestedValue})`, predicate);
   }
   return predicate;
 };
 const constructPrefixSearchPredicate = (prefixSearchFields, lowerBound, upperBound) => {
   const constructPrefixSearchExpression = field => {
-    var _context2, _context3, _context4, _context5, _context6;
+    var _context3, _context4;
     const parts = field.split('.');
-    const _parts$slice$reverse = _reverseInstanceProperty__default["default"](_context2 = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context2),
+    const _parts$slice$reverse = _reverseInstanceProperty__default["default"](_context3 = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context3),
       _parts$slice$reverse2 = _toArray(_parts$slice$reverse),
       valueToNest = _parts$slice$reverse2[0],
-      reversedPathToNestedValue = _sliceInstanceProperty__default["default"](_context3 = _arrayLikeToArray(_parts$slice$reverse2)).call(_context3, 1);
-    const predicateExpression = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "".concat(valueToNest, " >= \"")).call(_context6, lowerBound, "\" and ")).call(_context5, valueToNest, " < \"")).call(_context4, upperBound, "\"");
+      reversedPathToNestedValue = _sliceInstanceProperty__default["default"](_context4 = _arrayLikeToArray(_parts$slice$reverse2)).call(_context4, 1);
+    const predicateExpression = `${valueToNest} >= "${lowerBound}" and ${valueToNest} < "${upperBound}"`;
     return constructNestedExpression(reversedPathToNestedValue, predicateExpression);
   };
   return _mapInstanceProperty__default["default"](prefixSearchFields).call(prefixSearchFields, constructPrefixSearchExpression).join(' or ');
@@ -988,7 +977,7 @@ const constructWherePredicate = (inputValue, prefixSearchFields) => {
   let wherePredicate;
   if (inputValue.length) {
     if (isUUID$1(inputValue)) {
-      wherePredicate = "id = \"".concat(inputValue, "\"");
+      wherePredicate = `id = "${inputValue}"`;
     } else {
       const _getPrefixSearchBound = getPrefixSearchBounds$1(inputValue),
         _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
@@ -1013,7 +1002,6 @@ const useFetchProductTypessFromCTP = _ref2 => {
   }, [prefixSearchFields, executeGraphQLRequest]);
 };
 const usePimStatus = () => {
-  var _data$indicesExist;
   const _useQuery = react.useQuery(FetchIndicesExist$1, {
       context: {
         target: constants.GRAPHQL_TARGETS.PIM_INDEXER
@@ -1023,20 +1011,17 @@ const usePimStatus = () => {
     data = _useQuery.data;
   return {
     data,
-    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)
+    isProjectIndexed: Boolean(data?.indicesExist?.productTypes?.searchableIndexExists)
   };
 };
 const useProductTypeOptions = _ref3 => {
   let prefixSearchFields = _ref3.prefixSearchFields;
   const _usePimStatus = usePimStatus(),
     isProjectIndexed = _usePimStatus.isProjectIndexed;
-  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
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      dataLocale: context.dataLocale,
+      projectKey: context.project?.key
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectKey = _useApplicationContex.projectKey;
   const fetchProductTypesFromPim = useFetchProductTypesFromPIM({
@@ -1054,7 +1039,6 @@ const useProductTypeOptions = _ref3 => {
 var useProductTypeOptions$1 = useProductTypeOptions;
 
 function useCurrentOption(_ref) {
-  var _context;
   let id = _ref.id,
     typename = _ref.typename,
     query = _ref.query,
@@ -1068,7 +1052,7 @@ function useCurrentOption(_ref) {
   // load from cache when possible to speed up initial render
   const canReadFromCache = !skip && id && typename && fragment;
   const cacheItem = canReadFromCache ? apolloClient.readFragment({
-    id: _concatInstanceProperty__default["default"](_context = "".concat(typename, ":")).call(_context, id),
+    id: `${typename}:${id}`,
     fragment
   }) : undefined;
   const shouldFetch = !skip && Boolean(id) && !cacheItem;
@@ -1094,7 +1078,7 @@ function useCurrentOption(_ref) {
     };
   }
   const queryItem = queryData && queryDataToItem(queryData);
-  const item = queryItem !== null && queryItem !== void 0 ? queryItem : cacheItem;
+  const item = queryItem ?? cacheItem;
   const loading = item ? false : queryLoading;
   const error = item ? undefined : queryError;
   const data = item && itemToOption(item);
@@ -1106,7 +1090,6 @@ function useCurrentOption(_ref) {
 }
 
 function useCurrentMultipleOptions(_ref) {
-  var _context2;
   let ids = _ref.ids,
     typename = _ref.typename,
     query = _ref.query,
@@ -1121,9 +1104,8 @@ function useCurrentMultipleOptions(_ref) {
   let missingIds = [];
   if (canReadFromCache) {
     _forEachInstanceProperty__default["default"](ids).call(ids, id => {
-      var _context;
       const item = apolloClient.readFragment({
-        id: _concatInstanceProperty__default["default"](_context = "".concat(typename, ":")).call(_context, id),
+        id: `${typename}:${id}`,
         fragment
       });
       if (item) {
@@ -1139,8 +1121,8 @@ function useCurrentMultipleOptions(_ref) {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
       },
       variables: {
-        where: "id in (".concat(_mapInstanceProperty__default["default"](missingIds).call(missingIds, id => "\"".concat(id, "\"")).join(','), ")"),
-        sortByNamePath: "name.".concat(dataLocale)
+        where: `id in (${_mapInstanceProperty__default["default"](missingIds).call(missingIds, id => `"${id}"`).join(',')})`,
+        sortByNamePath: `name.${dataLocale}`
       },
       skip: !shouldFetch
     }),
@@ -1151,7 +1133,7 @@ function useCurrentMultipleOptions(_ref) {
   const allItems = [...cacheItems, ...queryItems];
   const isIncomplete = allItems.length < ids.length;
   const loading = isIncomplete && queryLoading;
-  const error = queryError || (isIncomplete && !loading ? new Error(_concatInstanceProperty__default["default"](_context2 = "Incomplete data: could not retrieve all ".concat(ids.length, " channel items. Got ")).call(_context2, allItems.length, ".")) : undefined);
+  const error = queryError || (isIncomplete && !loading ? new Error(`Incomplete data: could not retrieve all ${ids.length} channel items. Got ${allItems.length}.`) : undefined);
   React.useEffect(() => {
     if (error && !queryError) {
       sentry.reportErrorToSentry(error);
@@ -1190,26 +1172,22 @@ const setDisplayName = nextDisplayName => Component => {
 };
 var setDisplayName$1 = setDisplayName;
 
-const wrapDisplayName = (BaseComponent, hocName) => {
-  var _context;
-  return _concatInstanceProperty__default["default"](_context = "".concat(hocName, "(")).call(_context, getDisplayName$1(BaseComponent), ")");
-};
+const wrapDisplayName = (BaseComponent, hocName) => `${hocName}(${getDisplayName$1(BaseComponent)})`;
 var wrapDisplayName$1 = wrapDisplayName;
 
 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; }
 const injectDataTablePaginationState = initialValues => Component => {
   const WithDataTablePaginationState = props => {
-    var _initialValues$tableS, _initialValues$tableS2;
     const _usePaginationState = uiKit.usePaginationState({
-        page: initialValues === null || initialValues === void 0 ? void 0 : initialValues.page,
-        perPage: initialValues === null || initialValues === void 0 ? void 0 : initialValues.perPage
+        page: initialValues?.page,
+        perPage: initialValues?.perPage
       }),
       page = _usePaginationState.page,
       perPage = _usePaginationState.perPage;
     const tableSorting = uiKit.useDataTableSortingState({
-      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
+      key: initialValues?.tableSorting?.key,
+      order: initialValues?.tableSorting?.order
     });
     return jsxRuntime.jsx(Component, _objectSpread$1q(_objectSpread$1q({}, props), {}, {
       dataTablePaginationState: {
@@ -1244,7 +1222,7 @@ const injectNotifications = function () {
         [propName]: notifications
       }));
     };
-    WrappedComponent.displayName = "withNotifications(".concat(getDisplayName$1(Component));
+    WrappedComponent.displayName = `withNotifications(${getDisplayName$1(Component)}`;
     return WrappedComponent;
   };
 };
@@ -1348,7 +1326,7 @@ const safeParse = value => {
   if (value === null) return value;
   try {
     return JSON.parse(value);
-  } catch (_unused) {
+  } catch {
     return value;
   }
 };
@@ -1358,10 +1336,7 @@ const isNil = value => typeof value === 'undefined' || value === null;
 const useStorage = (storageKey, initialStorageValue, options) => {
   var _context;
   const mergedOptions = _objectSpread$1k(_objectSpread$1k({}, defaultOptions$2), options);
-  const userId = applicationShellConnectors.useApplicationContext(context => {
-    var _context$user;
-    return (_context$user = context.user) === null || _context$user === void 0 ? void 0 : _context$user.id;
-  });
+  const userId = applicationShellConnectors.useApplicationContext(context => 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);
@@ -1380,9 +1355,8 @@ 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 (_ref = (_readFromStorage = readFromStorage()) !== null && _readFromStorage !== void 0 ? _readFromStorage : initialStorageValue) !== null && _ref !== void 0 ? _ref : null;
+    return readFromStorage() ?? initialStorageValue ?? null;
   };
   const _useState = React.useState(initializeStorageValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1442,13 +1416,10 @@ const injectStorage = options => WrappedComponent => {
 var injectStorage$1 = injectStorage;
 
 const useFormatLocalizedString = () => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        dataLocale: applicationContext.dataLocale,
-        projectLanguages: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: applicationContext.project?.languages
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectLanguages = _useApplicationContex.projectLanguages;
   const localizedFormatString = React.useCallback((value, options) => l10n.formatLocalizedString({
@@ -1457,7 +1428,7 @@ const useFormatLocalizedString = () => {
     key: 'k',
     locale: dataLocale,
     fallbackOrder: projectLanguages,
-    fallback: options === null || options === void 0 ? void 0 : options.fallback
+    fallback: options?.fallback
   }), [dataLocale, projectLanguages]);
   return localizedFormatString;
 };
@@ -1474,7 +1445,7 @@ const useFormatLocalizedString = () => {
 function useFormatLocalizedFieldToString() {
   const formatLocalizedString = useFormatLocalizedString();
   const formatLocalizedFieldToString = React.useCallback((localizedField, fallback) => {
-    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField !== null && localizedField !== void 0 ? localizedField : undefined);
+    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField ?? undefined);
     return formatLocalizedString(localizedString, {
       fallback
     });
@@ -1483,7 +1454,7 @@ function useFormatLocalizedFieldToString() {
 }
 
 function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1i(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1i(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1i(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$1i(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$1i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchResourceTypeDuplicatedField = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchResourceTypeDuplicatedField" }, 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: "skipAssociateRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipAttributeGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipChannels" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipDiscountCodes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipInventoryEntries" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipOrders" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipPayments" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProducts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipProductTypes" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRoles" }, 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: "skipAssociateRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "attributeGroups" }, 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: "skipAttributeGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, 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: "skipBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, 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: "skipCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, 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: "skipCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "categories" }, 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: "skipCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "channels" }, 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: "skipChannels" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, 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: "skipCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, 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: "skipCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "discountCodes" }, 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: "skipDiscountCodes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventoryEntries" }, 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: "skipInventoryEntries" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "orders" }, 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: "skipOrders" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "payments" }, 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: "skipPayments" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "products" }, 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: "skipProducts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, 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: "skipProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, 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: "skipProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productTypes" }, 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: "skipProductTypes" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, 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: "skipShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "shoppingLists" }, 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: "skipShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", 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: "skipStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, 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: "skipTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, 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: "skipZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 2328, source: { body: "query FetchResourceTypeDuplicatedField(\n  $where: String\n  $skipAssociateRoles: Boolean!\n  $skipAttributeGroups: Boolean!\n  $skipBusinessUnits: Boolean!\n  $skipCarts: Boolean!\n  $skipCartDiscounts: Boolean!\n  $skipCategories: Boolean!\n  $skipChannels: Boolean!\n  $skipCustomers: Boolean!\n  $skipCustomerGroups: Boolean!\n  $skipDiscountCodes: Boolean!\n  $skipInventoryEntries: Boolean!\n  $skipOrders: Boolean!\n  $skipPayments: Boolean!\n  $skipProducts: Boolean!\n  $skipProductDiscounts: Boolean!\n  $skipProductSelections: Boolean!\n  $skipProductTypes: Boolean!\n  $skipShippingMethods: Boolean!\n  $skipShoppingLists: Boolean!\n  $skipStores: Boolean!\n  $skipTaxCategories: Boolean!\n  $skipZones: Boolean!\n) {\n  associateRoles(where: $where) @skip(if: $skipAssociateRoles) {\n    total\n  }\n  attributeGroups(where: $where) @skip(if: $skipAttributeGroups) {\n    total\n  }\n  businessUnits(where: $where) @skip(if: $skipBusinessUnits) {\n    total\n  }\n  carts(where: $where) @skip(if: $skipCarts) {\n    total\n  }\n  cartDiscounts(where: $where) @skip(if: $skipCartDiscounts) {\n    total\n  }\n  categories(where: $where) @skip(if: $skipCategories) {\n    total\n  }\n  channels(where: $where) @skip(if: $skipChannels) {\n    total\n  }\n  customers(where: $where) @skip(if: $skipCustomers) {\n    total\n  }\n  customerGroups(where: $where) @skip(if: $skipCustomerGroups) {\n    total\n  }\n  discountCodes(where: $where) @skip(if: $skipDiscountCodes) {\n    total\n  }\n  inventoryEntries(where: $where) @skip(if: $skipInventoryEntries) {\n    total\n  }\n  orders(where: $where) @skip(if: $skipOrders) {\n    total\n  }\n  payments(where: $where) @skip(if: $skipPayments) {\n    total\n  }\n  products(where: $where) @skip(if: $skipProducts) {\n    total\n  }\n  productDiscounts(where: $where) @skip(if: $skipProductDiscounts) {\n    total\n  }\n  productSelections(where: $where) @skip(if: $skipProductSelections) {\n    total\n  }\n  productTypes(where: $where) @skip(if: $skipProductTypes) {\n    total\n  }\n  shippingMethods(where: $where) @skip(if: $skipShippingMethods) {\n    total\n  }\n  shoppingLists(where: $where) @skip(if: $skipShoppingLists) {\n    total\n  }\n  stores(where: $where) @skip(if: $skipStores) {\n    total\n  }\n  taxCategories(where: $where) @skip(if: $skipTaxCategories) {\n    total\n  }\n  zones(where: $where) @skip(if: $skipZones) {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const MC_RESOURCES_WITH_KEYS = {
   ASSOCIATE_ROLE: 'ASSOCIATE_ROLE',
@@ -1563,14 +1534,13 @@ const getSkipVariables = resourceType => {
   });
 };
 const getWhereClause$1 = function () {
-  var _context, _context2, _context3;
   let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     field = _ref.field,
     fieldValue = _ref.fieldValue,
     id = _ref.id;
   if (!id && !fieldValue) return null;
-  if (!id) return _concatInstanceProperty__default["default"](_context = "".concat(field, " = \"")).call(_context, fieldValue, "\"");
-  return _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(field, " = \"")).call(_context3, fieldValue, "\" and id != \"")).call(_context2, id, "\"");
+  if (!id) return `${field} = "${fieldValue}"`;
+  return `${field} = "${fieldValue}" and id != "${id}"`;
 };
 const getQueryVariables = _ref2 => {
   let resourceType = _ref2.resourceType,
@@ -1589,7 +1559,6 @@ const getQueryVariables = _ref2 => {
   }, skipVariables);
 };
 const useIsFieldDuplicated = () => {
-  var _Object$values$;
   const _useLazyQuery = hooks.useLazyQuery(FetchResourceTypeDuplicatedField, {
       context: {
         target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -1604,7 +1573,7 @@ const useIsFieldDuplicated = () => {
   return {
     getQueryVariables,
     isLoading: loading,
-    isFieldDuplicated: data ? ((_Object$values$ = _Object$values__default["default"](data)[0]) === null || _Object$values$ === void 0 ? void 0 : _Object$values$.total) > 0 : null,
+    isFieldDuplicated: data ? _Object$values__default["default"](data)[0]?.total > 0 : null,
     queryIsFieldDuplicated: execute
   };
 };
@@ -1620,33 +1589,33 @@ const usePrevious = value => {
 var usePrevious$1 = usePrevious;
 
 function ownKeys$1h(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$1h(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$1h(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$1h(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1h(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$1h(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$1h(Object(t))).call(_context8, 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;
+  var _context, _context2;
   if (!storesQueryResult) return null;
   return {
     total: storesQueryResult.total,
     count: storesQueryResult.count,
     offset: storesQueryResult.offset,
-    results: (_storesQueryResult$re = storesQueryResult.results) === null || _storesQueryResult$re === void 0 ? void 0 : _mapInstanceProperty__default["default"](_storesQueryResult$re).call(_storesQueryResult$re, store => {
-      var _store$productSelecti;
+    results: ((_context = storesQueryResult.results) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(store => {
+      var _context3, _context4;
       return _objectSpread$1h(_objectSpread$1h({}, store), {}, {
-        productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _filterInstanceProperty__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => Boolean(productSelectionRef.productSelection))
+        productSelections: ((_context3 = store.productSelections) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _filterInstanceProperty__default["default"](_context3), _context3))?.(productSelectionRef => Boolean(productSelectionRef.productSelection))
       });
     })
   };
 };
 const createQueryVariables$6 = ownProps => {
-  var _context, _ownProps$storeIds, _context2;
+  var _context5, _context6;
   return _objectSpread$1h(_objectSpread$1h(_objectSpread$1h({
     limit: ownProps.limit,
     offset: ownProps.offset,
     sort: _sortInstanceProperty__default["default"](ownProps)
   }, Boolean(ownProps.stores) && {
-    where: "key in (".concat(_mapInstanceProperty__default["default"](_context = ownProps.stores).call(_context, store => "\"".concat(store, "\"")).join(', '), ")")
-  }), Boolean((_ownProps$storeIds = ownProps.storeIds) === null || _ownProps$storeIds === void 0 ? void 0 : _ownProps$storeIds.length) && {
-    where: "id in (".concat(_mapInstanceProperty__default["default"](_context2 = ownProps.storeIds).call(_context2, storeId => "\"".concat(storeId, "\"")).join(', '), ")")
+    where: `key in (${_mapInstanceProperty__default["default"](_context5 = ownProps.stores).call(_context5, store => `"${store}"`).join(', ')})`
+  }), Boolean(ownProps.storeIds?.length) && {
+    where: `id in (${_mapInstanceProperty__default["default"](_context6 = ownProps.storeIds).call(_context6, storeId => `"${storeId}"`).join(', ')})`
   }), {}, {
     excludeExtendedStoresList: ownProps.excludeExtendedStoresList,
     excludeProductSelections: ownProps.excludeProductSelections
@@ -1672,10 +1641,7 @@ const useStoresListFetcher = props => {
         projectKey: props.projectKey
       },
       fetchPolicy: 'network-only',
-      onError: graphqlErrorResponse => {
-        var _props$onError;
-        return (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, graphqlErrorResponse);
-      }
+      onError: graphqlErrorResponse => props.onError?.(graphqlErrorResponse)
     }),
     data = _useQuery.data,
     refetch = _useQuery.refetch,
@@ -1683,7 +1649,7 @@ const useStoresListFetcher = props => {
   return {
     isLoading: loading,
     refetch,
-    stores: filterStoresOutdatedDanglingProductSelections(data === null || data === void 0 ? void 0 : data.stores),
+    stores: filterStoresOutdatedDanglingProductSelections(data?.stores),
     refetchQuery: {
       query: FetchStoresQuery,
       variables: queryVariables,
@@ -1738,7 +1704,7 @@ const searchForStores = _ref => {
     offset = _ref$offset === void 0 ? 0 : _ref$offset;
   return sdk.actions.post({
     mcApiProxyTarget: 'stores-search',
-    uri: "/".concat(projectKey),
+    uri: `/${projectKey}`,
     payload: {
       query: createSearchQuery(searchBy, searchTerm, language),
       limit,
@@ -1774,7 +1740,6 @@ const useStoresSearchFetcher = () => {
       searchBy = _ref2.searchBy,
       language = _ref2.language;
     try {
-      var _result$results, _result$total;
       setIsLoading(true);
       const result = await dispatch(searchForStores({
         projectKey,
@@ -1785,8 +1750,8 @@ const useStoresSearchFetcher = () => {
         offset
       }));
       setStoreSearchResults({
-        hits: (_result$results = result.results) !== null && _result$results !== void 0 ? _result$results : [],
-        total: (_result$total = result.total) !== null && _result$total !== void 0 ? _result$total : 0,
+        hits: result.results ?? [],
+        total: result.total ?? 0,
         searchTerm,
         searchBy
       });
@@ -1815,7 +1780,7 @@ const fetchProjectStoresStatus = _ref => {
   let projectKey = _ref.projectKey;
   return sdk.actions.get({
     mcApiProxyTarget: 'stores-search-indexing-status',
-    uri: "/".concat(projectKey)
+    uri: `/${projectKey}`
   });
 };
 const useStoreSearchIndexStatusFetcher = _ref2 => {
@@ -1842,7 +1807,7 @@ const useStoreSearchIndexStatusFetcher = _ref2 => {
       if (searchIsNotReady) {
         result = 'NotReady';
       }
-      if ((error === null || error === void 0 ? void 0 : error.name) === 'NetworkError') {
+      if (error?.name === 'NetworkError') {
         result = 'NotReached';
       }
     } finally {
@@ -1864,18 +1829,13 @@ const useStoreSearchIndexStatusFetcher = _ref2 => {
 };
 var useStoreSearchIndexStatusFetcher$1 = useStoreSearchIndexStatusFetcher;
 
-const toPermission = (permission, resourceName) => {
-  var _context;
-  return camelCase__default["default"](_concatInstanceProperty__default["default"](_context = "can ".concat(permission, " ")).call(_context, resourceName));
-};
-const createPermissionsComposePath = permission => // e.g applicationContext.permissions?.canViewOrders
-"permissions.".concat(permission);
-const createDataFencesComposePath = 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 toPermission = (permission, resourceName) => camelCase__default["default"](`can ${permission} ${resourceName}`);
+const createPermissionsComposePath = permission =>
+// e.g applicationContext.permissions?.canViewOrders
+`permissions.${permission}`;
+const createDataFencesComposePath = resourceName => permission =>
+// e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
+`dataFences.store.${resourceName}.${permission}.values`;
 const useStoreKeysInDataFences = _ref => {
   let resourceName = _ref.resourceName,
     _ref$permission = _ref.permission,
@@ -1975,7 +1935,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$O = reactIntl.defineMessages({
+var messages$N = reactIntl.defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -2012,9 +1972,9 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     children: [jsxRuntime.jsx(uiKit.Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$O.profileUpdated
+      intlMessage: messages$N.profileUpdated
     }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.addMoreInformation), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -2023,7 +1983,7 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   }), jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "xs",
     children: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2151,7 +2111,7 @@ const useEventCallback = (fn, dependencies) => {
 };
 var useEventCallback$1 = useEventCallback;
 
-var messages$N = reactIntl.defineMessages({
+var messages$M = reactIntl.defineMessages({
   fallbackHint: {
     id: 'KeyFallback.fallbackHint',
     description: 'key fallback for a specified resource key (e.g name)',
@@ -2175,7 +2135,7 @@ const useLocalizedKeyFallback = () => {
   return values => {
     if (!values.resource) return null;
     const localizedString = values.resource[values.localizedStringFieldName];
-    const fallbackHintWithKey = intl.formatMessage(messages$N.fallbackHint, {
+    const fallbackHintWithKey = intl.formatMessage(messages$M.fallbackHint, {
       key: values.resource.key
     });
     if (!localizedString) return fallbackHintWithKey;
@@ -2266,7 +2226,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 !== null && cachedVisibleTableConfiguration !== void 0 && cachedVisibleTableConfiguration.columnsConfig) {
+    if (cachedVisibleTableConfiguration?.columnsConfig) {
       return retrieveColumnsWithCachedConfiguration({
         allAvailableColumnsConfiguration,
         cachedVisibleTableConfiguration: cachedVisibleTableConfiguration.columnsConfig,
@@ -2280,8 +2240,8 @@ const usePersistedTableConfiguration = props => {
   return {
     visibleColumns,
     visibleColumnKeys,
-    cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.columnsConfig,
-    cachedDisplaySettings: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.displaySettings,
+    cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration?.columnsConfig,
+    cachedDisplaySettings: cachedVisibleTableConfiguration?.displaySettings,
     handleCachedTableConfigurationUpdate: update => handleCacheUpdate({
       update,
       cachedVisibleTableConfiguration,
@@ -2293,7 +2253,6 @@ var usePersistedTableConfiguration$1 = usePersistedTableConfiguration;
 
 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
@@ -2304,7 +2263,7 @@ const useProductSelectionsTotalFetcher = props => {
     refetch = _useQuery.refetch;
   return {
     isLoading: loading,
-    total: data === null || data === void 0 || (_data$productSelectio = data.productSelections) === null || _data$productSelectio === void 0 ? void 0 : _data$productSelectio.total,
+    total: data?.productSelections?.total,
     refetch
   };
 };
@@ -2316,7 +2275,7 @@ function _objectSpread$1c(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 === null || productSelections === void 0 ? void 0 : productSelections.results) && _objectSpread$1c(_objectSpread$1c({}, productSelections), {}, {
+  return productSelections?.results && _objectSpread$1c(_objectSpread$1c({}, productSelections), {}, {
     results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$1c({}, l10n.applyTransformedLocalizedFields(productSelection, [{
       from: 'nameAllLocales',
       to: 'name'
@@ -2354,70 +2313,15 @@ const useProductSelectionsFetcher = props => {
     refetch = _useQuery.refetch;
   return {
     isLoading: loading,
-    productSelections: convertProductSelectionsFromGraphQl(data === null || data === void 0 ? void 0 : data.productSelections) || emptyProductSelections,
+    productSelections: convertProductSelectionsFromGraphQl(data?.productSelections) || emptyProductSelections,
     refetch
   };
 };
 var useProductSelectionsFetcher$1 = useProductSelectionsFetcher;
 
-var messages$M = reactIntl.defineMessages({
-  identityBannerNotification: {
-    id: 'Global.identityBannerNotification',
-    description: 'Identity banner notification',
-    defaultMessage: '🎉 <b>Introducing Identity</b>: A more secure sign-in system is coming soon to unify user accounts across commercetools products. You will need to create your new identity account when the time comes but your current Merchant Center access will stay the same.'
-  }
-});
-
-const getBoldText = chunks => jsxRuntime.jsx(uiKit.Text.Body, {
-  tone: "inverted",
-  as: "span",
-  fontWeight: "bold",
-  children: chunks
-}, "bold-text");
-const DISMISSED_IDENTITY_BANNER = 'dismissed-identity-banner';
-const PENDING_IDENTITY_BANNER = 'pending-identity-banner';
-// Hardcode feature flag name here instead of importing it from the private `constants` package.
-const ENABLE_IDENTITY_BANNER_NOTIFICATION = 'identityBannerNotification';
-const useIdentityBannerNotification = () => {
-  const isIdentityBannerNotificationEnabled = applicationShell.useFeatureToggle(ENABLE_IDENTITY_BANNER_NOTIFICATION);
-  const intl = reactIntl.useIntl();
-  const showNotification = actionsGlobal.useShowNotification();
-  const hasShownRef = React.useRef(false);
-  React.useEffect(() => {
-    // If running in Cypress, always mark the banner as dismissed
-    if (typeof window !== 'undefined' && window.Cypress) {
-      localStorage.setItem('dismissed-identity-banner', 'true');
-      return;
-    }
-    if (isIdentityBannerNotificationEnabled !== true) return;
-    const hasDismissedBanner = !!localStorage.getItem(DISMISSED_IDENTITY_BANNER);
-    const isPending = !!localStorage.getItem(PENDING_IDENTITY_BANNER);
-    if (!hasDismissedBanner && !isPending && !hasShownRef.current || isPending && !hasShownRef.current) {
-      hasShownRef.current = true;
-      localStorage.setItem(PENDING_IDENTITY_BANNER, 'true');
-      showNotification({
-        kind: constants.NOTIFICATION_KINDS_SIDE.info,
-        domain: constants.DOMAINS.GLOBAL,
-        // @ts-expect-error: notification `text` expects a string but the formatted message is a ReactNode
-        // due to the injected `b` component. Apparently, it still works but the types are not correct.
-        text: intl.formatMessage(messages$M.identityBannerNotification, {
-          b: getBoldText
-        })
-      }, {
-        onDismiss: () => {
-          localStorage.setItem(DISMISSED_IDENTITY_BANNER, 'true');
-          localStorage.removeItem(PENDING_IDENTITY_BANNER);
-          hasShownRef.current = false;
-        }
-      });
-    }
-    // }
-  }, [showNotification, intl, isIdentityBannerNotificationEnabled]);
-};
-
 const setToArray = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return "id in (".concat(_mapInstanceProperty__default["default"](values).call(values, value => "\"".concat(value, "\"")).join(', '), ")");
+  return `id in (${_mapInstanceProperty__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
 };
 
 function capitalizeFirst(text) {
@@ -2485,7 +2389,6 @@ function validateSingleFilter(_ref) {
   return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value);
 }
 
-var _templateObject$4, _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) => {
@@ -2495,8 +2398,7 @@ 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) {
-    var _moment$tz;
-    const offset = ((_moment$tz = moment__default["default"](date).tz(timezone)) === null || _moment$tz === void 0 ? void 0 : _moment$tz.utcOffset()) || 0;
+    const offset = moment__default["default"](date).tz(timezone)?.utcOffset() || 0;
     const formattedDate = momentDate.format(format);
     const formattedDateWithOffset = moment__default["default"](formattedDate).add(offset, 'minutes').format(dateFormat);
     // console.log(formattedDateWithOffset);
@@ -2509,7 +2411,6 @@ 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;
@@ -2519,13 +2420,19 @@ function dateTransformer$1(filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), "\"");
+        return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
       case FILTER_TYPES.moreThan:
-        return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1), "\"");
+        return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
       case FILTER_TYPES.equalTo:
-        return oneLine__default["default"](_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n            (", " >= \"", "\"\n            and ", " <= \"", "\")\n          "])), filterKey, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), filterKey, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1));
+        return oneLine__default["default"]`
+            (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
+          `;
       case FILTER_TYPES.range:
-        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));
+        return oneLine__default["default"]`
+            (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
+            and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
+          `;
       default:
         return '';
     }
@@ -2541,7 +2448,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 : "(".concat(queryString, ")");
+  return queryString === '' ? null : `(${queryString})`;
 }
 function defaultFilterValidator$1(_ref2) {
   let type = _ref2.type,
@@ -2557,25 +2464,19 @@ function defaultFilterValidator$1(_ref2) {
 
 var localizedTextTransformer = localizedString => {
   var _context;
-  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 ');
+  return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
 };
 
-const getCentAmountClause = (value, operator, locale) => {
-  var _context;
-  return _concatInstanceProperty__default["default"](_context = "centAmount ".concat(operator, " ")).call(_context, uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount);
-};
+const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
 function moneyTransformer(value, option, locale) {
   const clauses = [];
   if (option === FILTER_TYPES.range) {
-    clauses[0] = "currencyCode = \"".concat(value.from.currencyCode, "\"");
+    clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
     clauses[1] = getCentAmountClause(value.from, '>=', locale);
     clauses[2] = getCentAmountClause(value.to, '<=', locale);
     return clauses.join(' and ');
   }
-  clauses[0] = "currencyCode = \"".concat(value.currencyCode, "\"");
+  clauses[0] = `currencyCode = "${value.currencyCode}"`;
   switch (option) {
     case FILTER_TYPES.lessThan:
       clauses[1] = getCentAmountClause(value, '<', locale);
@@ -2592,7 +2493,6 @@ function moneyTransformer(value, option, locale) {
   return clauses.join(' and ');
 }
 
-var _templateObject$3, _templateObject2$1;
 const formatTime = 'HH:mm:ss.SSS';
 
 /* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
@@ -2614,7 +2514,6 @@ 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({
@@ -2623,13 +2522,19 @@ const timeTransformer = function (filterKey, filters) {
     })) return '';
     switch (type) {
       case FILTER_TYPES.lessThan:
-        return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, value, "\"");
+        return `${filterKey} < "${value}"`;
       case FILTER_TYPES.moreThan:
-        return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, value, "\"");
+        return `${filterKey} > "${value}"`;
       case FILTER_TYPES.equalTo:
-        return oneLine__default["default"](_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value, filterKey, getEndOfSecond(value));
+        return oneLine__default["default"]`
+          (${filterKey} >= "${value}"
+          and ${filterKey} <= "${getEndOfSecond(value)}")
+          `;
       case FILTER_TYPES.range:
-        return oneLine__default["default"](_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n          (", " >= \"", "\"\n          and ", " <= \"", "\")\n          "])), filterKey, value.from, filterKey, getEndOfSecond(value.to));
+        return oneLine__default["default"]`
+          (${filterKey} >= "${value.from}"
+          and ${filterKey} <= "${getEndOfSecond(value.to)}")
+          `;
       default:
         return '';
     }
@@ -2645,19 +2550,21 @@ const timeTransformer = function (filterKey, filters) {
    *  (pickUpTime >= "14:00" and pickUpTime <= "15:00")
    * ) or some_more_filters
    */
-  return queryString === '' ? null : "(".concat(queryString, ")");
+  return queryString === '' ? null : `(${queryString})`;
 };
 
-var _templateObject$2;
 function formatDateRangeValue(value, type) {
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     locale: 'en',
     timeZone: moment__default$1["default"].tz.guess()
   };
   if (value.from === value.to) return formatDateTime$1(type, value.from, options);
-  if (value.from && value.to) return oneLine__default["default"](_templateObject$2 || (_templateObject$2 = _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));
+  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)}`;
   return '';
 }
 function formatDateTime$1(type, value) {
@@ -3855,13 +3762,13 @@ const getData = (code, field) => {
 const getFractionDigit = code => getData(code, 'fractionDigit');
 
 function ownKeys$1b(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$1b(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$1b(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$1b(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1b(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$1b(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$1b(Object(t))).call(_context2, 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 _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));
+  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)}`;
   return '';
 }
 function formatMoneyValue(amount, currency, intl) {
@@ -3881,8 +3788,7 @@ function getFractionedAmount(moneyValue) {
   return amount / 10 ** fractionDigits;
 }
 function formatMoney$2(moneyValue, intl, options) {
-  var _moneyValue$fractione;
-  return intl.formatNumber((_moneyValue$fractione = moneyValue.fractionedAmount) !== null && _moneyValue$fractione !== void 0 ? _moneyValue$fractione : getFractionedAmount(moneyValue), _objectSpread$1b({
+  return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$1b({
     style: 'currency',
     currency: moneyValue.currencyCode,
     minimumFractionDigits: moneyValue.fractionDigits
@@ -3903,13 +3809,11 @@ var messages$L = reactIntl.defineMessages({
 });
 
 const formatEnum = _ref => {
-  var _context;
   let value = _ref.value,
     fallbackValue = _ref.fallbackValue;
-  return value.label || _concatInstanceProperty__default["default"](_context = "".concat(fallbackValue, " (")).call(_context, value.key, ")");
+  return value.label || `${fallbackValue} (${value.key})`;
 };
 const formatLenum = _ref2 => {
-  var _context2;
   let value = _ref2.value,
     language = _ref2.language,
     languages = _ref2.languages,
@@ -3917,7 +3821,7 @@ const formatLenum = _ref2 => {
   return l10n.formatLocalizedString(value, {
     key: 'label',
     locale: language,
-    fallback: _concatInstanceProperty__default["default"](_context2 = "".concat(fallbackValue, " (")).call(_context2, value.key, ")"),
+    fallback: `${fallbackValue} (${value.key})`,
     fallbackOrder: languages
   });
 };
@@ -3953,7 +3857,6 @@ const formatDate = _ref6 => {
   });
 };
 const formatDateTime = _ref7 => {
-  var _context3;
   let value = _ref7.value,
     userTimeZone = _ref7.userTimeZone,
     intl = _ref7.intl;
@@ -3969,7 +3872,7 @@ const formatDateTime = _ref7 => {
     // defaults to utc if timeZone is not provided
     timeZone: userTimeZone || 'utc'
   });
-  return _concatInstanceProperty__default["default"](_context3 = "".concat(date, " (")).call(_context3, time, ")");
+  return `${date} (${time})`;
 };
 const formatBoolean = _ref8 => {
   let value = _ref8.value,
@@ -3992,7 +3895,7 @@ const formatUnknown = _ref0 => {
     fallbackValue = _ref0.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 '".concat(type.name, "' for value")), {
+  sentry.reportErrorToSentry(new Error(`Unhandled custom attribute type '${type.name}' for value`), {
     extra: {
       value
     }
@@ -4067,10 +3970,9 @@ 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$elem = customFieldType.elementType) === null || _customFieldType$elem === void 0 ? void 0 : _customFieldType$elem.name];
+  const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
   return {
     name: attributeTypeName,
     elementType: {
@@ -4118,14 +4020,11 @@ function formatCustomField(_ref) {
 }
 function useFormatCustomField() {
   const intl = reactIntl.useIntl();
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$u;
-      return {
-        language: applicationContext.dataLocale,
-        languages: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages,
-        userTimeZone: (_applicationContext$u = applicationContext.user) === null || _applicationContext$u === void 0 ? void 0 : _applicationContext$u.timeZone
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale,
+      languages: applicationContext.project?.languages,
+      userTimeZone: applicationContext.user?.timeZone
+    })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages,
     userTimeZone = _useApplicationContex.userTimeZone;
@@ -4157,9 +4056,8 @@ function useFormatCustomField() {
 // 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, _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)))];
+  return [input, `${_sliceInstanceProperty__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
 };
 var getPrefixSearchBounds$1 = getPrefixSearchBounds;
 
@@ -4359,7 +4257,7 @@ const convertChangeValueAction = actionPayload => {
  * as its dynamic content can not be typed in SDL for the mutation.
  */
 const convertAction = (actionName, actionPayload) => {
-  var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5, _context6, _context7;
+  var _context3, _context4, _context5, _context6, _context7;
   const getNameFromPayload = payload => {
     // changeName for `Organizations`
     if (typeof payload.name === 'string') return payload;
@@ -4430,7 +4328,7 @@ const convertAction = (actionName, actionPayload) => {
     case 'setCustomType':
       return {
         [actionName]: {
-          typeId: (_actionPayload$type = actionPayload.type) === null || _actionPayload$type === void 0 ? void 0 : _actionPayload$type.id,
+          typeId: 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],
@@ -4460,10 +4358,10 @@ const convertAction = (actionName, actionPayload) => {
       };
     case 'setGeoLocation':
       return {
-        [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
+        [actionName]: actionPayload?.geoLocation ? {
           geoLocation: {
             type: 'Point',
-            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)]
+            coordinates: [_parseFloat__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
           }
         } : {
           undefined
@@ -4599,7 +4497,7 @@ const convertAction = (actionName, actionPayload) => {
     case 'setShippingRateInputType':
       return {
         [actionName]: {
-          shippingRateInputType: (_actionPayload$shippi = actionPayload.shippingRateInputType) !== null && _actionPayload$shippi !== void 0 && _actionPayload$shippi.type ? {
+          shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
             [actionPayload.shippingRateInputType.type]: {
               values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
                 key: value.key,
@@ -4661,8 +4559,8 @@ const convertAction = (actionName, actionPayload) => {
     case 'addAddress':
     case 'changeAddress':
       {
-        var _actionPayload$addres, _context8, _actionPayload$addres2;
-        const _ref3 = ((_actionPayload$addres = actionPayload.address) === null || _actionPayload$addres === void 0 ? void 0 : _actionPayload$addres.custom) || {},
+        var _context8;
+        const _ref3 = actionPayload.address?.custom || {},
           _ref3$fields = _ref3.fields,
           fields = _ref3$fields === void 0 ? {} : _ref3$fields;
         const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context8 = _Object$entries__default["default"](fields)).call(_context8, _ref4 => {
@@ -4674,7 +4572,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify__default["default"](value)
           };
         });
-        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 ? {
+        const custom = actionPayload.address?.custom?.type?.id ? {
           type: {
             id: actionPayload.address.custom.type.id
           },
@@ -4705,7 +4603,7 @@ const convertAction = (actionName, actionPayload) => {
             value: _JSON$stringify__default["default"](value)
           };
         });
-        const customType = type !== null && type !== void 0 && type.id ? {
+        const customType = type?.id ? {
           id: type.id
         } : null;
         return {
@@ -4728,11 +4626,10 @@ const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["
   return [...previousActions, convertAction(actionName, actionPayload)];
 }, []);
 const extractErrorFromGraphQlResponse = graphQlResponse => {
-  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) {
+  if (graphQlResponse.networkError?.result?.errors?.length > 0) {
     return graphQlResponse.networkError.result.errors;
   }
-  if (((_graphQlResponse$grap = graphQlResponse.graphQLErrors) === null || _graphQlResponse$grap === void 0 ? void 0 : _graphQlResponse$grap.length) > 0) {
+  if (graphQlResponse.graphQLErrors?.length > 0) {
     return graphQlResponse.graphQLErrors;
   }
   return graphQlResponse;
@@ -4792,18 +4689,16 @@ function omitDeep(obj, fieldsToOmit) {
 }
 
 function ownKeys$19(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$19(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$19(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$19(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$19(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$19(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$19(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getPriceChannelName(price) {
-  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;
+  return price.channel?.name ?? price.channel?.key ?? null;
 }
 function getDiscountValue(price) {
-  var _price$value, _price$value2, _price$discounted;
   let preciseAmount;
   let fractionedAmount;
-  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) {
+  if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted.value.type === PRECISION_TYPES.highPrecision) {
     preciseAmount = price.value.preciseAmount - price.discounted.value.preciseAmount;
-  } 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) {
+  } else if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted?.value?.type === PRECISION_TYPES.centPrecision) {
     fractionedAmount = getFractionedAmount(price.value) - getFractionedAmount(price.discounted.value);
   }
   return price.discounted ? _objectSpread$19(_objectSpread$19({}, price.value), {}, {
@@ -4815,34 +4710,32 @@ function getDiscountValue(price) {
   });
 }
 function getSelectedPrice(price) {
-  var _price$discounted2;
   let isCartDiscountBestDealDiscountType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return isCartDiscountBestDealDiscountType ? price : (_price$discounted2 = price.discounted) !== null && _price$discounted2 !== void 0 ? _price$discounted2 : price;
-}
-function getNetUnitPrice(_ref2) {
-  var _lineItem$perMethodTa, _filteredPerMethodTax;
-  let lineItem = _ref2.lineItem,
-    shouldRoundAmount = _ref2.shouldRoundAmount,
-    _ref2$isCartDiscountB = _ref2.isCartDiscountBestDealDiscountType,
-    isCartDiscountBestDealDiscountType = _ref2$isCartDiscountB === void 0 ? false : _ref2$isCartDiscountB;
+  return isCartDiscountBestDealDiscountType ? price : price.discounted ?? price;
+}
+function getNetUnitPrice(_ref) {
+  var _context, _context2;
+  let lineItem = _ref.lineItem,
+    shouldRoundAmount = _ref.shouldRoundAmount,
+    _ref$isCartDiscountBe = _ref.isCartDiscountBestDealDiscountType,
+    isCartDiscountBestDealDiscountType = _ref$isCartDiscountBe === void 0 ? false : _ref$isCartDiscountBe;
   const price = getSelectedPrice(lineItem.price, isCartDiscountBestDealDiscountType);
-  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;
+  const filteredPerMethodTaxRate = ((_context = lineItem?.perMethodTaxRate) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _filterInstanceProperty__default["default"](_context), _context))?.(perMethodTax => {
+    var _context3, _context4;
+    return ((_context3 = lineItem?.shippingDetails?.targets) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _findIndexInstanceProperty__default["default"](_context3), _context3))?.(target => target?.shippingMethodKey === perMethodTax?.shippingMethodKey) >= 0;
   });
 
   // when shipping mode is multi with the same tax rate
-  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;
+  if (filteredPerMethodTaxRate?.length > 0 && filteredPerMethodTaxRate[0]?.taxRate?.includedInPrice) {
     const taxRate = filteredPerMethodTaxRate[0].taxRate;
     let centAmount;
     // should accept 0 value
-    if (typeof ((_price$value3 = price.value) === null || _price$value3 === void 0 ? void 0 : _price$value3.centAmount) === 'number') {
+    if (typeof price.value?.centAmount === 'number') {
       const amount = price.value.centAmount / (1 + taxRate.amount);
       centAmount = shouldRoundAmount ? Math.round(amount) : amount;
     }
     let preciseAmount;
-    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);
+    if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + taxRate.amount);
     return _objectSpread$19(_objectSpread$19({}, price.value), {}, {
       centAmount,
       preciseAmount
@@ -4851,15 +4744,14 @@ function getNetUnitPrice(_ref2) {
 
   // 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$value5 = price.value) === null || _price$value5 === void 0 ? void 0 : _price$value5.centAmount) === 'number') {
+    if (typeof price.value?.centAmount === 'number') {
       const amount = price.value.centAmount / (1 + lineItem.taxRate.amount);
       centAmount = shouldRoundAmount ? Math.round(amount) : amount;
     }
     let preciseAmount;
-    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);
+    if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
     return _objectSpread$19(_objectSpread$19({}, price.value), {}, {
       centAmount,
       preciseAmount
@@ -4893,18 +4785,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 _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
+          var _context2, _context3;
           return {
             name: fieldDefinition.name,
             required: fieldDefinition.required,
-            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$18(_objectSpread$18({}, fieldDefinition.type), {}, {
+            type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$18(_objectSpread$18({}, fieldDefinition.type), {}, {
               elementType: _objectSpread$18(_objectSpread$18({}, 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$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$18(_objectSpread$18({}, fieldDefinition.type), {}, {
+            }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$18(_objectSpread$18({}, fieldDefinition.type), {}, {
               values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
                 key: value.key,
                 label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -4931,7 +4823,7 @@ const convertProductSelectionFromGraphQl = productSelection => {
     from: 'nameAllLocales',
     to: 'name'
   }])), {}, {
-    custom: productSelection !== null && productSelection !== void 0 && productSelection.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
+    custom: productSelection?.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
   });
 };
 
@@ -5054,7 +4946,7 @@ function omitSetsOfSets() {
 *                         duplicated in original values
 */
 function unique(values, properties) {
-  var _context2;
+  var _context;
   let ignoredValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['', null, undefined];
   const duplicateValues = [];
   let realValues;
@@ -5063,20 +4955,19 @@ 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 _concatInstanceProperty__default["default"](_context = "".concat(prev, ":")).call(_context, currentValue);
+    return `${prev}:${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"](_context2 = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context2, (prev, curr) => {
+  _reduceInstanceProperty__default["default"](_context = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context, (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 _context3;
-    const parts = _sliceInstanceProperty__default["default"](_context3 = value.split(':')).call(_context3, 1);
+    var _context2;
+    const parts = _sliceInstanceProperty__default["default"](_context2 = value.split(':')).call(_context2, 1);
     return _reduceInstanceProperty__default["default"](properties).call(properties, (prev, curr, index) => {
       // eslint-disable-next-line no-param-reassign
       prev[curr] = parts[index];
@@ -5095,14 +4986,14 @@ function unique(values, properties) {
  * @return Array<Object> returns an array of objects with all duplicated values
  */
 function uniqueObjects(items) {
-  var _context4;
+  var _context3;
   const emptyValues = [undefined, null, ''];
-  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 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 duplicateValues = _reduceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, (acc, item, index) => {
-    var _context5;
+    var _context4;
     if (item === null) return acc;
-    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) => {
+    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) => {
       if (comparisonItem === null) return duplicateAcc;
 
       // check if its a dupe
@@ -5231,7 +5122,7 @@ function getCategoriesByIds(apolloClient, options) {
   return apolloClient.query({
     query: FetchCategoriesByIds,
     variables: {
-      where: "id in (".concat(_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => "\"".concat(id, "\"")).join(', '), ")")
+      where: `id in (${_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => `"${id}"`).join(', ')})`
     },
     context: {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -5251,8 +5142,8 @@ function getCategoriesByIds(apolloClient, options) {
 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, _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));
+  var _context;
+  return _mapInstanceProperty__default["default"](_context = response.data?.cartDiscounts.results || []).call(_context, cartDiscount => transformLocalizedFieldsForCartDiscount(cartDiscount));
 };
 function queryCartDiscounts(apolloClient) {
   return apolloClient.query({
@@ -5264,14 +5155,14 @@ function queryCartDiscounts(apolloClient) {
   }).then(transformCartDiscountResponse);
 }
 const getWhereClause = function () {
-  var _context2, _context3, _context4;
+  var _context2, _context3;
   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$1(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 ');
+  const idQuery = isUUID$1(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 ');
 };
 function searchCartDiscountsByExactMatch(apolloClient, options) {
   return apolloClient.query({
@@ -5294,10 +5185,7 @@ function getCartDiscountById(apolloClient, options) {
     context: {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
     }
-  }).then(response => {
-    var _response$data2;
-    return (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null;
-  });
+  }).then(response => response.data?.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null);
 }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$f() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -5388,11 +5276,11 @@ var _ref$e = process.env.NODE_ENV === "production" ? {
 };
 function ReferenceSearch(props) {
   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, _ref3 => {
+    var _context, _context2;
+    return props.value ? props.isMulti ? ((_context = props.value) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(_ref3 => {
       let id = _ref3.id;
       return id;
-    }) : [(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.id] : [];
+    }) : [props.value?.id] : [];
   }, [props.value, props.isMulti]);
   const _useReferenceSearchIt = useReferenceSearchItems({
       loadItemsBySearchTerm: props.loadItemsBySearchTerm,
@@ -5404,14 +5292,14 @@ function ReferenceSearch(props) {
     areSomeItemsMissing = _useReferenceSearchIt.areSomeItemsMissing,
     handleLoadItems = _useReferenceSearchIt.handleLoadItems;
   if (areItemsLoading) return null;
-  const value = props.isMulti ? items : items === null || items === void 0 ? void 0 : items[0];
+  const value = props.isMulti ? items : 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, _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;
+    var _context3;
+    const option = props.isMulti ? _mapInstanceProperty__default["default"](_context3 = event.target.value).call(_context3, item => item.value) : event.target.value?.value || null;
     props.onChange(option);
   };
   const containerStyles = _ref$e;
@@ -5527,7 +5415,7 @@ function CartDiscountReferenceSearch(props) {
     }),
     loading = _useQuery.loading,
     data = _useQuery.data;
-  const isExactMatch = (data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT;
+  const isExactMatch = data?.cartDiscounts.total > QUERY_MAX_LIMIT;
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   const apolloClient = client.useApolloClient();
@@ -5628,9 +5516,8 @@ const messages$G = reactIntl.defineMessages({
 var messages$H = messages$G;
 
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$14(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$14(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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 Option(props) {
-  var _context, _context2;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
       languages: applicationContext.project.languages
@@ -5651,19 +5538,19 @@ function Option(props) {
           fallbackOrder: languages
         })
       }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: _concatInstanceProperty__default["default"](_context = "".concat(formatMessage(messages$H.parentCategory), ": ")).call(_context, l10n.formatLocalizedString(category.parent, {
+        children: `${formatMessage(messages$H.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        }))
+        })}`
       }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: "Slug: ".concat(l10n.formatLocalizedString(category, {
+        children: `Slug: ${l10n.formatLocalizedString(category, {
           key: 'slug',
           locale: language,
           fallbackOrder: languages
-        }))
+        })}`
       }), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: _concatInstanceProperty__default["default"](_context2 = "".concat(formatMessage(messages$H.externalId), ": ")).call(_context2, category.externalId || constants.NO_VALUE_FALLBACK)
+        children: `${formatMessage(messages$H.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
       })]
     })
   }));
@@ -5727,7 +5614,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:".concat(id),
+    id: `CategorySearch:${id}`,
     fragment: CategorySearchPickerOptionFragment$1
   }));
   return _mapInstanceProperty__default["default"](fragments).call(fragments, category => transformLocalizedFieldsForCategory(category, [{
@@ -5808,7 +5695,7 @@ const PaginationIconButton = _ref => {
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded$c);
   return jsxRuntime.jsx("button", _objectSpread$11(_objectSpread$11({
-    css: [baseButtonStyles, /*#__PURE__*/react$1.css("svg{fill:", ICON_COLOR$1, ";}transition:transform ", uiKit.designTokens.transitionStandard, ";:hover{transform:translateX(\n            ", animationOrientation === 'left' ? "calc(0px - var(--spacing-10))" : "var(--spacing-10)", "\n          );}padding-left:1px;padding-right:1px;:focus{border:1px solid ", ICON_COLOR$1, ";border-radius:", uiKit.designTokens.borderRadius1, ";padding-left:0px;padding-right:0px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationIconButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24taWNvbi1idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCUyIsImZpbGUiOiJwYWdpbmF0aW9uLWljb24tYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZXMgfSBmcm9tICcuL3NoYXJlZC9zdHlsZXMnO1xuXG4vLyBUT0RPOiBJbnRlZ3JhdGUgZGVzaWduIHRva2VuIHdoZW4gcmVkZXNpZ24gaXMgY29tcGxldGVcbmNvbnN0IElDT05fQ09MT1IgPSAnIzYzNTlmZic7XG5cbmNvbnN0IFBhZ2luYXRpb25JY29uQnV0dG9uID0gKHtcbiAgYW5pbWF0aW9uT3JpZW50YXRpb24sXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGFuaW1hdGlvbk9yaWVudGF0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSkgPT4gKFxuICA8YnV0dG9uXG4gICAgY3NzPXtbXG4gICAgICBiYXNlQnV0dG9uU3R5bGVzLFxuICAgICAgY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKFxuICAgICAgICAgICAgJHthbmltYXRpb25PcmllbnRhdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgID8gYGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy0xMCkpYFxuICAgICAgICAgICAgICA6IGB2YXIoLS1zcGFjaW5nLTEwKWB9XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wZW5zYXRlIGZvciBmb2N1cyBib3JkZXJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAxcHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDFweDtcbiAgICAgICAgOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke0lDT05fQ09MT1J9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czF9O1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdfVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgey4uLnJlc3R9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvbkljb25CdXR0b247XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:PaginationIconButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24taWNvbi1idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CSSIsImZpbGUiOiJwYWdpbmF0aW9uLWljb24tYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZXMgfSBmcm9tICcuL3NoYXJlZC9zdHlsZXMnO1xuXG4vLyBUT0RPOiBJbnRlZ3JhdGUgZGVzaWduIHRva2VuIHdoZW4gcmVkZXNpZ24gaXMgY29tcGxldGVcbmNvbnN0IElDT05fQ09MT1IgPSAnIzYzNTlmZic7XG5cbmNvbnN0IFBhZ2luYXRpb25JY29uQnV0dG9uID0gKHtcbiAgYW5pbWF0aW9uT3JpZW50YXRpb24sXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGFuaW1hdGlvbk9yaWVudGF0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSkgPT4gKFxuICA8YnV0dG9uXG4gICAgY3NzPXtbXG4gICAgICBiYXNlQnV0dG9uU3R5bGVzLFxuICAgICAgY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKFxuICAgICAgICAgICAgJHthbmltYXRpb25PcmllbnRhdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgID8gYGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy0xMCkpYFxuICAgICAgICAgICAgICA6IGB2YXIoLS1zcGFjaW5nLTEwKWB9XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wZW5zYXRlIGZvciBmb2N1cyBib3JkZXJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAxcHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDFweDtcbiAgICAgICAgOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke0lDT05fQ09MT1J9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czF9O1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdfVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgey4uLnJlc3R9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvbkljb25CdXR0b247XG4iXX0= */"],
+    css: [baseButtonStyles, /*#__PURE__*/react$1.css("svg{fill:", ICON_COLOR$1, ";}transition:transform ", uiKit.designTokens.transitionStandard, ";:hover{transform:translateX(\n            ", animationOrientation === 'left' ? `calc(0px - var(--spacing-10))` : `var(--spacing-10)`, "\n          );}padding-left:1px;padding-right:1px;:focus{border:1px solid ", ICON_COLOR$1, ";border-radius:", uiKit.designTokens.borderRadius1, ";padding-left:0px;padding-right:0px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationIconButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24taWNvbi1idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCUyIsImZpbGUiOiJwYWdpbmF0aW9uLWljb24tYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZXMgfSBmcm9tICcuL3NoYXJlZC9zdHlsZXMnO1xuXG4vLyBUT0RPOiBJbnRlZ3JhdGUgZGVzaWduIHRva2VuIHdoZW4gcmVkZXNpZ24gaXMgY29tcGxldGVcbmNvbnN0IElDT05fQ09MT1IgPSAnIzYzNTlmZic7XG5cbmNvbnN0IFBhZ2luYXRpb25JY29uQnV0dG9uID0gKHtcbiAgYW5pbWF0aW9uT3JpZW50YXRpb24sXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGFuaW1hdGlvbk9yaWVudGF0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSkgPT4gKFxuICA8YnV0dG9uXG4gICAgY3NzPXtbXG4gICAgICBiYXNlQnV0dG9uU3R5bGVzLFxuICAgICAgY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKFxuICAgICAgICAgICAgJHthbmltYXRpb25PcmllbnRhdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgID8gYGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy0xMCkpYFxuICAgICAgICAgICAgICA6IGB2YXIoLS1zcGFjaW5nLTEwKWB9XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wZW5zYXRlIGZvciBmb2N1cyBib3JkZXJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAxcHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDFweDtcbiAgICAgICAgOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke0lDT05fQ09MT1J9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czF9O1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdfVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgey4uLnJlc3R9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvbkljb25CdXR0b247XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:PaginationIconButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24taWNvbi1idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CSSIsImZpbGUiOiJwYWdpbmF0aW9uLWljb24tYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZXMgfSBmcm9tICcuL3NoYXJlZC9zdHlsZXMnO1xuXG4vLyBUT0RPOiBJbnRlZ3JhdGUgZGVzaWduIHRva2VuIHdoZW4gcmVkZXNpZ24gaXMgY29tcGxldGVcbmNvbnN0IElDT05fQ09MT1IgPSAnIzYzNTlmZic7XG5cbmNvbnN0IFBhZ2luYXRpb25JY29uQnV0dG9uID0gKHtcbiAgYW5pbWF0aW9uT3JpZW50YXRpb24sXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGFuaW1hdGlvbk9yaWVudGF0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSkgPT4gKFxuICA8YnV0dG9uXG4gICAgY3NzPXtbXG4gICAgICBiYXNlQnV0dG9uU3R5bGVzLFxuICAgICAgY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKFxuICAgICAgICAgICAgJHthbmltYXRpb25PcmllbnRhdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgID8gYGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy0xMCkpYFxuICAgICAgICAgICAgICA6IGB2YXIoLS1zcGFjaW5nLTEwKWB9XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wZW5zYXRlIGZvciBmb2N1cyBib3JkZXJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAxcHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDFweDtcbiAgICAgICAgOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke0lDT05fQ09MT1J9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czF9O1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogMHB4O1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdfVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgey4uLnJlc3R9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvbkljb25CdXR0b247XG4iXX0= */"],
     onClick: onClick
   }, rest), {}, {
     children: children
@@ -5818,20 +5705,19 @@ var PaginationIconButton$1 = PaginationIconButton;
 
 const _excluded$b = ["isFilled", "onClick"];
 function ownKeys$10(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$10(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$10(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$10(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$10(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$10(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$10(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ICON_HEIGHT = '10px';
 const ICON_WIDTH = ICON_HEIGHT;
 // TODO: Integrate design tokens when redesign is complete
 const ICON_COLOR = '#6359FF';
 const ICON_HOVER_COLOR = '#B1ACFF';
 const PaginationSelectionButton = _ref => {
-  var _context;
   let _ref$isFilled = _ref.isFilled,
     isFilled = _ref$isFilled === void 0 ? false : _ref$isFilled,
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded$b);
   return jsxRuntime.jsx("button", _objectSpread$10({
-    css: [baseButtonStyles, /*#__PURE__*/react$1.css("height:", ICON_HEIGHT, ";width:", ICON_WIDTH, ";border-radius:", uiKit.designTokens.borderRadius6, ";border:", isFilled ? 'none' : _concatInstanceProperty__default["default"](_context = "".concat(uiKit.designTokens.borderWidth1, " solid ")).call(_context, uiKit.designTokens.colorNeutral), ";background:", isFilled ? ICON_COLOR : 'none', ";transition:", uiKit.designTokens.transitionStandard, ";:hover{background:", isFilled ? undefined : ICON_HOVER_COLOR, ";}:focus{border:", uiKit.designTokens.borderWidth1, " solid ", ICON_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectionButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJTIiwiZmlsZSI6InBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgYmFzZUJ1dHRvblN0eWxlcyB9IGZyb20gJy4vc2hhcmVkL3N0eWxlcyc7XG5cbmNvbnN0IElDT05fSEVJR0hUID0gJzEwcHgnO1xuY29uc3QgSUNPTl9XSURUSCA9IElDT05fSEVJR0hUO1xuLy8gVE9ETzogSW50ZWdyYXRlIGRlc2lnbiB0b2tlbnMgd2hlbiByZWRlc2lnbiBpcyBjb21wbGV0ZVxuY29uc3QgSUNPTl9DT0xPUiA9ICcjNjM1OUZGJztcbmNvbnN0IElDT05fSE9WRVJfQ09MT1IgPSAnI0IxQUNGRic7XG5cbmNvbnN0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gPSAoe1xuICBpc0ZpbGxlZCA9IGZhbHNlLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGlzRmlsbGVkPzogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn0pID0+IChcbiAgPGJ1dHRvblxuICAgIGNzcz17W1xuICAgICAgYmFzZUJ1dHRvblN0eWxlcyxcbiAgICAgIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAke0lDT05fSEVJR0hUfTtcbiAgICAgICAgd2lkdGg6ICR7SUNPTl9XSURUSH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXI6ICR7aXNGaWxsZWRcbiAgICAgICAgICA/ICdub25lJ1xuICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoMX0gc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWB9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2lzRmlsbGVkID8gSUNPTl9DT0xPUiA6ICdub25lJ307XG4gICAgICAgIHRyYW5zaXRpb246ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtpc0ZpbGxlZCA/IHVuZGVmaW5lZCA6IElDT05fSE9WRVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICAgIDpmb2N1cyB7XG4gICAgICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDF9IHNvbGlkICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXX1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgIHsuLi5yZXN0fVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblNlbGVjdGlvbkJ1dHRvbjtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectionButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJJIiwiZmlsZSI6InBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgYmFzZUJ1dHRvblN0eWxlcyB9IGZyb20gJy4vc2hhcmVkL3N0eWxlcyc7XG5cbmNvbnN0IElDT05fSEVJR0hUID0gJzEwcHgnO1xuY29uc3QgSUNPTl9XSURUSCA9IElDT05fSEVJR0hUO1xuLy8gVE9ETzogSW50ZWdyYXRlIGRlc2lnbiB0b2tlbnMgd2hlbiByZWRlc2lnbiBpcyBjb21wbGV0ZVxuY29uc3QgSUNPTl9DT0xPUiA9ICcjNjM1OUZGJztcbmNvbnN0IElDT05fSE9WRVJfQ09MT1IgPSAnI0IxQUNGRic7XG5cbmNvbnN0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gPSAoe1xuICBpc0ZpbGxlZCA9IGZhbHNlLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGlzRmlsbGVkPzogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn0pID0+IChcbiAgPGJ1dHRvblxuICAgIGNzcz17W1xuICAgICAgYmFzZUJ1dHRvblN0eWxlcyxcbiAgICAgIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAke0lDT05fSEVJR0hUfTtcbiAgICAgICAgd2lkdGg6ICR7SUNPTl9XSURUSH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXI6ICR7aXNGaWxsZWRcbiAgICAgICAgICA/ICdub25lJ1xuICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoMX0gc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWB9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2lzRmlsbGVkID8gSUNPTl9DT0xPUiA6ICdub25lJ307XG4gICAgICAgIHRyYW5zaXRpb246ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtpc0ZpbGxlZCA/IHVuZGVmaW5lZCA6IElDT05fSE9WRVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICAgIDpmb2N1cyB7XG4gICAgICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDF9IHNvbGlkICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXX1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgIHsuLi5yZXN0fVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblNlbGVjdGlvbkJ1dHRvbjtcbiJdfQ== */"],
+    css: [baseButtonStyles, /*#__PURE__*/react$1.css("height:", ICON_HEIGHT, ";width:", ICON_WIDTH, ";border-radius:", uiKit.designTokens.borderRadius6, ";border:", isFilled ? 'none' : `${uiKit.designTokens.borderWidth1} solid ${uiKit.designTokens.colorNeutral}`, ";background:", isFilled ? ICON_COLOR : 'none', ";transition:", uiKit.designTokens.transitionStandard, ";:hover{background:", isFilled ? undefined : ICON_HOVER_COLOR, ";}:focus{border:", uiKit.designTokens.borderWidth1, " solid ", ICON_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectionButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJTIiwiZmlsZSI6InBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgYmFzZUJ1dHRvblN0eWxlcyB9IGZyb20gJy4vc2hhcmVkL3N0eWxlcyc7XG5cbmNvbnN0IElDT05fSEVJR0hUID0gJzEwcHgnO1xuY29uc3QgSUNPTl9XSURUSCA9IElDT05fSEVJR0hUO1xuLy8gVE9ETzogSW50ZWdyYXRlIGRlc2lnbiB0b2tlbnMgd2hlbiByZWRlc2lnbiBpcyBjb21wbGV0ZVxuY29uc3QgSUNPTl9DT0xPUiA9ICcjNjM1OUZGJztcbmNvbnN0IElDT05fSE9WRVJfQ09MT1IgPSAnI0IxQUNGRic7XG5cbmNvbnN0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gPSAoe1xuICBpc0ZpbGxlZCA9IGZhbHNlLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGlzRmlsbGVkPzogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn0pID0+IChcbiAgPGJ1dHRvblxuICAgIGNzcz17W1xuICAgICAgYmFzZUJ1dHRvblN0eWxlcyxcbiAgICAgIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAke0lDT05fSEVJR0hUfTtcbiAgICAgICAgd2lkdGg6ICR7SUNPTl9XSURUSH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXI6ICR7aXNGaWxsZWRcbiAgICAgICAgICA/ICdub25lJ1xuICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoMX0gc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWB9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2lzRmlsbGVkID8gSUNPTl9DT0xPUiA6ICdub25lJ307XG4gICAgICAgIHRyYW5zaXRpb246ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtpc0ZpbGxlZCA/IHVuZGVmaW5lZCA6IElDT05fSE9WRVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICAgIDpmb2N1cyB7XG4gICAgICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDF9IHNvbGlkICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXX1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgIHsuLi5yZXN0fVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblNlbGVjdGlvbkJ1dHRvbjtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectionButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJJIiwiZmlsZSI6InBhZ2luYXRpb24tc2VsZWN0aW9uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHsgYmFzZUJ1dHRvblN0eWxlcyB9IGZyb20gJy4vc2hhcmVkL3N0eWxlcyc7XG5cbmNvbnN0IElDT05fSEVJR0hUID0gJzEwcHgnO1xuY29uc3QgSUNPTl9XSURUSCA9IElDT05fSEVJR0hUO1xuLy8gVE9ETzogSW50ZWdyYXRlIGRlc2lnbiB0b2tlbnMgd2hlbiByZWRlc2lnbiBpcyBjb21wbGV0ZVxuY29uc3QgSUNPTl9DT0xPUiA9ICcjNjM1OUZGJztcbmNvbnN0IElDT05fSE9WRVJfQ09MT1IgPSAnI0IxQUNGRic7XG5cbmNvbnN0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gPSAoe1xuICBpc0ZpbGxlZCA9IGZhbHNlLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59OiB7XG4gIGlzRmlsbGVkPzogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn0pID0+IChcbiAgPGJ1dHRvblxuICAgIGNzcz17W1xuICAgICAgYmFzZUJ1dHRvblN0eWxlcyxcbiAgICAgIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAke0lDT05fSEVJR0hUfTtcbiAgICAgICAgd2lkdGg6ICR7SUNPTl9XSURUSH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXI6ICR7aXNGaWxsZWRcbiAgICAgICAgICA/ICdub25lJ1xuICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoMX0gc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWB9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2lzRmlsbGVkID8gSUNPTl9DT0xPUiA6ICdub25lJ307XG4gICAgICAgIHRyYW5zaXRpb246ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtpc0ZpbGxlZCA/IHVuZGVmaW5lZCA6IElDT05fSE9WRVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICAgIDpmb2N1cyB7XG4gICAgICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDF9IHNvbGlkICR7SUNPTl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXX1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgIHsuLi5yZXN0fVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblNlbGVjdGlvbkJ1dHRvbjtcbiJdfQ== */"],
     onClick: onClick
   }, rest));
 };
@@ -5853,12 +5739,9 @@ const BaseCarousel = _ref2 => {
     _useState2 = _slicedToArray(_useState, 2),
     shuffledItems = _useState2[0],
     setShuffledItems = _useState2[1];
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
   const handleFilterItemsWhenFlagDisabled = idx => {
     const newItems = _filterInstanceProperty__default["default"](shuffledItems).call(shuffledItems, (_, idx1) => idx !== idx1);
@@ -5886,7 +5769,7 @@ const BaseCarousel = _ref2 => {
     }
   };
   const getLinkTo = activeItem => {
-    if (!(activeItem !== null && activeItem !== void 0 && activeItem.linkTo)) return undefined;
+    if (!activeItem?.linkTo) return undefined;
     return activeItem.isExternal ? activeItem.linkTo() : activeItem.linkTo(projectKey);
   };
 
@@ -5898,7 +5781,7 @@ const BaseCarousel = _ref2 => {
     return null;
   }
   return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$1.css("width:", fullWidth ? '100%' : "".concat(CAROUSEL_WIDTH, "px"), ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:BaseCarousel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSGMiLCJmaWxlIjoiY2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBSZWFjdEVsZW1lbnQsIHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc2h1ZmZsZSBmcm9tICdsb2Rhc2gvc2h1ZmZsZSc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VTbmFwQ2Fyb3VzZWwgfSBmcm9tICdyZWFjdC1zbmFwLWNhcm91c2VsJztcbmltcG9ydCB7IHVzZUZlYXR1cmVUb2dnbGUgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7XG4gIENhcmQsXG4gIFNwYWNpbmdzLFxuICBTdGFtcCxcbiAgVGV4dCxcbiAgQW5nbGVMZWZ0SWNvbixcbiAgQW5nbGVSaWdodEljb24sXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBQYWdpbmF0aW9uSWNvbkJ1dHRvbiBmcm9tICcuL3BhZ2luYXRpb24taWNvbi1idXR0b24nO1xuaW1wb3J0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gZnJvbSAnLi9wYWdpbmF0aW9uLXNlbGVjdGlvbi1idXR0b24nO1xuXG4vLyBNYWdpYyBsYXlvdXQgbnVtYmVyc1xuY29uc3QgQ0FST1VTRUxfV0lEVEggPSAzODQ7XG5jb25zdCBQQUdJTkFUSU9OX0NPTlRST0xfSEVJR0hUID0gMjY7XG5jb25zdCBJTUFHRV9BUkVBX0hFSUdIVCA9IDIwMDtcblxuZXhwb3J0IHR5cGUgQ2Fyb3VzZWxJdGVtID0ge1xuICAvKiogQW4gaWRlbnRpZmllciB1c2VkIHRvIGNyZWF0ZSBrZXlzICovXG4gIGlkOiBzdHJpbmc7XG4gIC8qKiBUaGUgc291cmNlIFVSTCBmb3IgdGhlIG1haW4gaW1hZ2UgY29udGVudC4gU2hvdWxkIGJlIDM4NHB4IHggMjAwcHguICovXG4gIGltZ1NyYz86IHN0cmluZztcbiAgLyoqIEFuIGFsdCBtZXNzYWdlIGZvciBpbWFnZSBhY2Nlc3NpYmlsaXR5ICovXG4gIGltZ0FsdD86IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogVGhlIGxhYmVsIG9mIHRoZSBoZWFkZXIgc3RhbXAgKi9cbiAgc3RhbXBMYWJlbD86IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogVUktS2l0LWNvbXBhdGlibGUgY29sb3IgZm9yIHRoZSBoZWFkZXIgc3RhbXAgKi9cbiAgc3RhbXBUb25lPzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIFN0YW1wPlsndG9uZSddO1xuICAvKiogV2hldGhlciB0aGUgaGVhZGVyIHN0YW1wIHNob3VsZCBiZSBjb25kZW5zZWQgKi9cbiAgaXNTdGFtcENvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBUZXh0IG9mIHRoZSBjYXJvdXNlbCBzbGlkZS4gU2hvdWxkbid0IGV4Y2VlZCB+NzAgY2hhcmFjdGVycy4gKi9cbiAgdGV4dENvbnRlbnQ6IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogV2hlcmUgdGhlIGNvbnRlbnQgc2hvdWxkIHJlZGlyZWN0IHRvIG9uIHVzZXIgY2xpY2sgKi9cbiAgbGlua1RvPzogKHByb2plY3RLZXk/OiBzdHJpbmcpID0+IHN0cmluZztcbiAgLyoqIEdvdmVybnMgd2hldGhlciB0aGUgcmVkaXJlY3Rpb24gaGFwcGVucyBvdXRzaWRlIG9mIHRoZSBNZXJjaGFudCBDZW50ZXIuICovXG4gIGlzRXh0ZXJuYWw/OiBib29sZWFuO1xuICAvKiogRmVhdHVyZSBmbGFnIHRvIGNvbnRyb2wgdmlzaWJpbGl0eSBvZiB0aGUgaXRlbSAqL1xuICBmbGFnPzogc3RyaW5nO1xufTtcblxudHlwZSBCYXNlQ2Fyb3VzZWxSZW5kZXJJdGVtUHJvcHMgPSB7XG4gIGl0ZW06IENhcm91c2VsSXRlbTtcbn07XG5cbnR5cGUgQmFzZUNhcm91c2VsUHJvcHMgPSB7XG4gIGl0ZW1zOiBDYXJvdXNlbEl0ZW1bXTtcbiAgcmVuZGVySXRlbTogKFxuICAgIHByb3BzOiBCYXNlQ2Fyb3VzZWxSZW5kZXJJdGVtUHJvcHMsXG4gICAgaGFuZGxlRmlsdGVySXRlbXNXaGVuRmxhZ0Rpc2FibGVkOiBGdW5jdGlvbixcbiAgICBpbmRleDogbnVtYmVyXG4gICkgPT4gUmVhY3RFbGVtZW50O1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBib3JkZXJsZXNzPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEJhc2VDYXJvdXNlbCA9ICh7XG4gIGl0ZW1zLFxuICByZW5kZXJJdGVtLFxuICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgYm9yZGVybGVzcyA9IGZhbHNlLFxufTogQmFzZUNhcm91c2VsUHJvcHMpID0+IHtcbiAgLy8gUmFuZG9taXplIGlucHV0IGFycmF5IGFuZCBjYWNoZSBhY3Jvc3MgcmVyZW5kZXJzXG4gIGNvbnN0IFtzaHVmZmxlZEl0ZW1zLCBzZXRTaHVmZmxlZEl0ZW1zXSA9IHVzZVN0YXRlKHNodWZmbGUoaXRlbXMpKTtcbiAgY29uc3QgeyBwcm9qZWN0S2V5IH0gPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+ICh7XG4gICAgcHJvamVjdEtleTogY29udGV4dC5wcm9qZWN0Py5rZXksXG4gIH0pKTtcblxuICBjb25zdCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXdJdGVtcyA9IHNodWZmbGVkSXRlbXMuZmlsdGVyKChfLCBpZHgxKSA9PiBpZHggIT09IGlkeDEpO1xuICAgIHNldFNodWZmbGVkSXRlbXMobmV3SXRlbXMpO1xuICB9O1xuXG4gIGNvbnN0IHsgc2Nyb2xsUmVmLCBwYWdlcywgYWN0aXZlUGFnZUluZGV4LCBwcmV2LCBuZXh0LCBnb1RvIH0gPVxuICAgIHVzZVNuYXBDYXJvdXNlbCgpO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSAoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZVBhZ2VJbmRleCA9PT0gMCkge1xuICAgICAgZ29UbyhwYWdlcy5sZW5ndGggLSAxKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcHJldigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChhY3RpdmVQYWdlSW5kZXggPT09IHBhZ2VzLmxlbmd0aCAtIDEpIHtcbiAgICAgIGdvVG8oMCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG5leHQoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZ2V0TGlua1RvID0gKGFjdGl2ZUl0ZW06IENhcm91c2VsSXRlbSkgPT4ge1xuICAgIGlmICghYWN0aXZlSXRlbT8ubGlua1RvKSByZXR1cm4gdW5kZWZpbmVkO1xuICAgIHJldHVybiBhY3RpdmVJdGVtLmlzRXh0ZXJuYWxcbiAgICAgID8gYWN0aXZlSXRlbS5saW5rVG8oKVxuICAgICAgOiBhY3RpdmVJdGVtLmxpbmtUbyhwcm9qZWN0S2V5KTtcbiAgfTtcblxuICAvLyBHZXQgdGhlIGN1cnJlbnQgaXRlbSBzYWZlbHlcbiAgY29uc3QgY3VycmVudEl0ZW0gPSBzaHVmZmxlZEl0ZW1zW2FjdGl2ZVBhZ2VJbmRleF07XG5cbiAgLy8gRG9uJ3QgcmVuZGVyIGlmIHRoZXJlJ3Mgbm8gY3VycmVudCBpdGVtXG4gIGlmICghY3VycmVudEl0ZW0pIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/ICcxMDAlJyA6IGAke0NBUk9VU0VMX1dJRFRIfXB4YH07XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgICByb2xlPVwicmVnaW9uXCJcbiAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwiY2Fyb3VzZWxcIlxuICAgICAgYXJpYS1sYWJlbD1cInJvdHVuZGFcIlxuICAgID5cbiAgICAgIHsvKiBXcmFwcGluZyB0aGUgY2Fyb3VzZWwgQ2FyZCBpbiBhbiBhbmNob3IgdGFnIGFsbGV2aWF0ZXMgcmVuZGVyaW5nIGlzc3Vlc1xuICAgICAgICAgIHRoYXQgb2NjdXIgd2hlbiB0aGUgQ2FyZCBpcyByZS1yZW5kZXJlZCBhcyBhbiBhbmNob3IgdGFnIHdoZW4gaXQgd2FzIGluaXRpYWxseVxuICAgICAgICAgIHJlbmRlcmVkIGFzIGEgTGluayBjb21wb25lbnQsIGR1ZSB0byB0aGUgZGlmZmVyZW5jZXMgYmV0d2VlbiBjYXJvdXNlbCBzbGlkZXMgdGhhdFxuICAgICAgICAgIGhhdmUgZXh0ZXJuYWwgbGlua3MgYW5kIHRob3NlIHRoYXQgZG9uJ3QuXG4gICAgICAgKi99XG5cbiAgICAgIHtjdXJyZW50SXRlbS5saW5rVG8gPyAoXG4gICAgICAgIDxhXG4gICAgICAgICAgaHJlZj17Z2V0TGlua1RvKGN1cnJlbnRJdGVtKX1cbiAgICAgICAgICB0YXJnZXQ9e2N1cnJlbnRJdGVtLmlzRXh0ZXJuYWwgPyAnX2JsYW5rJyA6ICdfc2VsZid9XG4gICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgID5cbiAgICAgICAgICA8Q2FyZFxuICAgICAgICAgICAgaW5zZXRTY2FsZT17J25vbmUnfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge319XG4gICAgICAgICAgICB0eXBlPXtib3JkZXJsZXNzID8gJ2ZsYXQnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc2MH07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHJlZj17c2Nyb2xsUmVmfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7c2h1ZmZsZWRJdGVtcy5tYXAoKGl0ZW0sIGlkeCkgPT5cbiAgICAgICAgICAgICAgICByZW5kZXJJdGVtKHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeClcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9hPlxuICAgICAgKSA6IChcbiAgICAgICAgPENhcmRcbiAgICAgICAgICBpbnNldFNjYWxlPXsnbm9uZSd9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge319XG4gICAgICAgICAgdHlwZT17Ym9yZGVybGVzcyA/ICdmbGF0JyA6IHVuZGVmaW5lZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNjB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHJlZj17c2Nyb2xsUmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzaHVmZmxlZEl0ZW1zLm1hcCgoaXRlbSwgaWR4KSA9PlxuICAgICAgICAgICAgICByZW5kZXJJdGVtKHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIGJvdHRvbTogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgbGVmdDogLTUwJTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogJHtQQUdJTkFUSU9OX0NPTlRST0xfSEVJR0hUfXB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmVcbiAgICAgICAgICAgIHNjYWxlPVwibVwiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvbkljb25CdXR0b25cbiAgICAgICAgICAgICAgYW5pbWF0aW9uT3JpZW50YXRpb249XCJsZWZ0XCJcbiAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImdvIHRvIHByZXZpb3VzIHNsaWRlXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJnby10by1wcmV2aW91cy1zbGlkZS1idXR0b25cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QW5nbGVMZWZ0SWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgPC9QYWdpbmF0aW9uSWNvbkJ1dHRvbj5cbiAgICAgICAgICAgIHtwYWdlcy5tYXAoKF8sIGkpID0+IChcbiAgICAgICAgICAgICAgPFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICAgICAgaXNGaWxsZWQ9e2FjdGl2ZVBhZ2VJbmRleCA9PT0gaX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb1RvKGkpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BnbyB0byBzbGlkZSAke2kgKyAxfWB9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2Bnby10by1zbGlkZS0ke2kgKyAxfS1idXR0b25gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8UGFnaW5hdGlvbkljb25CdXR0b25cbiAgICAgICAgICAgICAgYW5pbWF0aW9uT3JpZW50YXRpb249XCJyaWdodFwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJnbyB0byBuZXh0IHNsaWRlXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJnby10by1uZXh0LXNsaWRlLWJ1dHRvblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBbmdsZVJpZ2h0SWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgPC9QYWdpbmF0aW9uSWNvbkJ1dHRvbj5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbnR5cGUgQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgaXRlbXM6IENhcm91c2VsSXRlbVtdO1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBib3JkZXJsZXNzPzogYm9vbGVhbjtcbiAgaGFzUGFkZGluZz86IGJvb2xlYW47XG59O1xuXG50eXBlIENhcm91c2VsQ29udGVudFByb3BzID0ge1xuICBpdGVtOiBDYXJvdXNlbEl0ZW07XG4gIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZDogRnVuY3Rpb247XG4gIGlkeDogbnVtYmVyO1xuICBoYXNQYWRkaW5nPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IENhcm91c2VsQ29udGVudCA9ICh7XG4gIGl0ZW0sXG4gIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZCxcbiAgaWR4LFxuICBoYXNQYWRkaW5nLFxufTogQ2Fyb3VzZWxDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgaXNFbmFibGVkID0gdXNlRmVhdHVyZVRvZ2dsZShpdGVtLmZsYWcgfHwgJycpO1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGl0ZW0uZmxhZyAmJiAhaXNFbmFibGVkKSB7XG4gICAgICBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQoaWR4KTtcbiAgICB9XG4gIH0sIFtpc0VuYWJsZWQsIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZCwgaWR4LCBpdGVtXSk7XG5cbiAgaWYgKGl0ZW0uZmxhZyAmJiAhaXNFbmFibGVkKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgIGFyaWEtbGFiZWw9e2BzbGlkZS0ke2lkeCArIDF9YH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIHtpdGVtLmltZ1NyYyAmJiBpdGVtLmltZ0FsdCAmJiAoXG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICBoZWlnaHQ6ICR7SU1BR0VfQVJFQV9IRUlHSFR9cHg7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgc3JjPXtpdGVtLmltZ1NyY31cbiAgICAgICAgICAgIGFsdD17aW50bC5mb3JtYXRNZXNzYWdlKGl0ZW0uaW1nQWx0KX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAwICR7aGFzUGFkZGluZyA/IGRlc2lnblRva2Vucy5zcGFjaW5nTCA6IDB9IDBcbiAgICAgICAgICAgICAgJHtoYXNQYWRkaW5nID8gZGVzaWduVG9rZW5zLnNwYWNpbmdMIDogMH07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtpdGVtLnN0YW1wTGFiZWwgJiYgaXRlbS5zdGFtcFRvbmUgJiYgKFxuICAgICAgICAgICAgICA8U3RhbXBcbiAgICAgICAgICAgICAgICB0b25lPXtpdGVtLnN0YW1wVG9uZX1cbiAgICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKGl0ZW0uc3RhbXBMYWJlbCl9XG4gICAgICAgICAgICAgICAgaXNDb25kZW5zZWQ9eyEhaXRlbT8uaXNTdGFtcENvbmRlbnNlZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXtpdGVtLnRleHRDb250ZW50fSAvPlxuICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmNvbnN0IENhcm91c2VsID0gKHtcbiAgaXRlbXMsXG4gIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICBib3JkZXJsZXNzID0gdHJ1ZSxcbiAgaGFzUGFkZGluZyA9IHRydWUsXG59OiBDYXJvdXNlbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJhc2VDYXJvdXNlbFxuICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICBib3JkZXJsZXNzPXtib3JkZXJsZXNzfVxuICAgICAgaXRlbXM9e2l0ZW1zfVxuICAgICAgcmVuZGVySXRlbT17KHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeCkgPT4gKFxuICAgICAgICA8Q2Fyb3VzZWxDb250ZW50XG4gICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZD17aGFuZGxlRmlsdGVySXRlbXNXaGVuRmxhZ0Rpc2FibGVkfVxuICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgaWR4PXtpZHh9XG4gICAgICAgICAgaGFzUGFkZGluZz17aGFzUGFkZGluZ31cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhcm91c2VsO1xuIl19 */"),
+    css: /*#__PURE__*/react$1.css("width:", fullWidth ? '100%' : `${CAROUSEL_WIDTH}px`, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:BaseCarousel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSGMiLCJmaWxlIjoiY2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBSZWFjdEVsZW1lbnQsIHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc2h1ZmZsZSBmcm9tICdsb2Rhc2gvc2h1ZmZsZSc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VTbmFwQ2Fyb3VzZWwgfSBmcm9tICdyZWFjdC1zbmFwLWNhcm91c2VsJztcbmltcG9ydCB7IHVzZUZlYXR1cmVUb2dnbGUgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7XG4gIENhcmQsXG4gIFNwYWNpbmdzLFxuICBTdGFtcCxcbiAgVGV4dCxcbiAgQW5nbGVMZWZ0SWNvbixcbiAgQW5nbGVSaWdodEljb24sXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBQYWdpbmF0aW9uSWNvbkJ1dHRvbiBmcm9tICcuL3BhZ2luYXRpb24taWNvbi1idXR0b24nO1xuaW1wb3J0IFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b24gZnJvbSAnLi9wYWdpbmF0aW9uLXNlbGVjdGlvbi1idXR0b24nO1xuXG4vLyBNYWdpYyBsYXlvdXQgbnVtYmVyc1xuY29uc3QgQ0FST1VTRUxfV0lEVEggPSAzODQ7XG5jb25zdCBQQUdJTkFUSU9OX0NPTlRST0xfSEVJR0hUID0gMjY7XG5jb25zdCBJTUFHRV9BUkVBX0hFSUdIVCA9IDIwMDtcblxuZXhwb3J0IHR5cGUgQ2Fyb3VzZWxJdGVtID0ge1xuICAvKiogQW4gaWRlbnRpZmllciB1c2VkIHRvIGNyZWF0ZSBrZXlzICovXG4gIGlkOiBzdHJpbmc7XG4gIC8qKiBUaGUgc291cmNlIFVSTCBmb3IgdGhlIG1haW4gaW1hZ2UgY29udGVudC4gU2hvdWxkIGJlIDM4NHB4IHggMjAwcHguICovXG4gIGltZ1NyYz86IHN0cmluZztcbiAgLyoqIEFuIGFsdCBtZXNzYWdlIGZvciBpbWFnZSBhY2Nlc3NpYmlsaXR5ICovXG4gIGltZ0FsdD86IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogVGhlIGxhYmVsIG9mIHRoZSBoZWFkZXIgc3RhbXAgKi9cbiAgc3RhbXBMYWJlbD86IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogVUktS2l0LWNvbXBhdGlibGUgY29sb3IgZm9yIHRoZSBoZWFkZXIgc3RhbXAgKi9cbiAgc3RhbXBUb25lPzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIFN0YW1wPlsndG9uZSddO1xuICAvKiogV2hldGhlciB0aGUgaGVhZGVyIHN0YW1wIHNob3VsZCBiZSBjb25kZW5zZWQgKi9cbiAgaXNTdGFtcENvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBUZXh0IG9mIHRoZSBjYXJvdXNlbCBzbGlkZS4gU2hvdWxkbid0IGV4Y2VlZCB+NzAgY2hhcmFjdGVycy4gKi9cbiAgdGV4dENvbnRlbnQ6IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKiogV2hlcmUgdGhlIGNvbnRlbnQgc2hvdWxkIHJlZGlyZWN0IHRvIG9uIHVzZXIgY2xpY2sgKi9cbiAgbGlua1RvPzogKHByb2plY3RLZXk/OiBzdHJpbmcpID0+IHN0cmluZztcbiAgLyoqIEdvdmVybnMgd2hldGhlciB0aGUgcmVkaXJlY3Rpb24gaGFwcGVucyBvdXRzaWRlIG9mIHRoZSBNZXJjaGFudCBDZW50ZXIuICovXG4gIGlzRXh0ZXJuYWw/OiBib29sZWFuO1xuICAvKiogRmVhdHVyZSBmbGFnIHRvIGNvbnRyb2wgdmlzaWJpbGl0eSBvZiB0aGUgaXRlbSAqL1xuICBmbGFnPzogc3RyaW5nO1xufTtcblxudHlwZSBCYXNlQ2Fyb3VzZWxSZW5kZXJJdGVtUHJvcHMgPSB7XG4gIGl0ZW06IENhcm91c2VsSXRlbTtcbn07XG5cbnR5cGUgQmFzZUNhcm91c2VsUHJvcHMgPSB7XG4gIGl0ZW1zOiBDYXJvdXNlbEl0ZW1bXTtcbiAgcmVuZGVySXRlbTogKFxuICAgIHByb3BzOiBCYXNlQ2Fyb3VzZWxSZW5kZXJJdGVtUHJvcHMsXG4gICAgaGFuZGxlRmlsdGVySXRlbXNXaGVuRmxhZ0Rpc2FibGVkOiBGdW5jdGlvbixcbiAgICBpbmRleDogbnVtYmVyXG4gICkgPT4gUmVhY3RFbGVtZW50O1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBib3JkZXJsZXNzPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEJhc2VDYXJvdXNlbCA9ICh7XG4gIGl0ZW1zLFxuICByZW5kZXJJdGVtLFxuICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgYm9yZGVybGVzcyA9IGZhbHNlLFxufTogQmFzZUNhcm91c2VsUHJvcHMpID0+IHtcbiAgLy8gUmFuZG9taXplIGlucHV0IGFycmF5IGFuZCBjYWNoZSBhY3Jvc3MgcmVyZW5kZXJzXG4gIGNvbnN0IFtzaHVmZmxlZEl0ZW1zLCBzZXRTaHVmZmxlZEl0ZW1zXSA9IHVzZVN0YXRlKHNodWZmbGUoaXRlbXMpKTtcbiAgY29uc3QgeyBwcm9qZWN0S2V5IH0gPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+ICh7XG4gICAgcHJvamVjdEtleTogY29udGV4dC5wcm9qZWN0Py5rZXksXG4gIH0pKTtcblxuICBjb25zdCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQgPSAoaWR4OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXdJdGVtcyA9IHNodWZmbGVkSXRlbXMuZmlsdGVyKChfLCBpZHgxKSA9PiBpZHggIT09IGlkeDEpO1xuICAgIHNldFNodWZmbGVkSXRlbXMobmV3SXRlbXMpO1xuICB9O1xuXG4gIGNvbnN0IHsgc2Nyb2xsUmVmLCBwYWdlcywgYWN0aXZlUGFnZUluZGV4LCBwcmV2LCBuZXh0LCBnb1RvIH0gPVxuICAgIHVzZVNuYXBDYXJvdXNlbCgpO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSAoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZVBhZ2VJbmRleCA9PT0gMCkge1xuICAgICAgZ29UbyhwYWdlcy5sZW5ndGggLSAxKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcHJldigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChhY3RpdmVQYWdlSW5kZXggPT09IHBhZ2VzLmxlbmd0aCAtIDEpIHtcbiAgICAgIGdvVG8oMCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG5leHQoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZ2V0TGlua1RvID0gKGFjdGl2ZUl0ZW06IENhcm91c2VsSXRlbSkgPT4ge1xuICAgIGlmICghYWN0aXZlSXRlbT8ubGlua1RvKSByZXR1cm4gdW5kZWZpbmVkO1xuICAgIHJldHVybiBhY3RpdmVJdGVtLmlzRXh0ZXJuYWxcbiAgICAgID8gYWN0aXZlSXRlbS5saW5rVG8oKVxuICAgICAgOiBhY3RpdmVJdGVtLmxpbmtUbyhwcm9qZWN0S2V5KTtcbiAgfTtcblxuICAvLyBHZXQgdGhlIGN1cnJlbnQgaXRlbSBzYWZlbHlcbiAgY29uc3QgY3VycmVudEl0ZW0gPSBzaHVmZmxlZEl0ZW1zW2FjdGl2ZVBhZ2VJbmRleF07XG5cbiAgLy8gRG9uJ3QgcmVuZGVyIGlmIHRoZXJlJ3Mgbm8gY3VycmVudCBpdGVtXG4gIGlmICghY3VycmVudEl0ZW0pIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/ICcxMDAlJyA6IGAke0NBUk9VU0VMX1dJRFRIfXB4YH07XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgICByb2xlPVwicmVnaW9uXCJcbiAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwiY2Fyb3VzZWxcIlxuICAgICAgYXJpYS1sYWJlbD1cInJvdHVuZGFcIlxuICAgID5cbiAgICAgIHsvKiBXcmFwcGluZyB0aGUgY2Fyb3VzZWwgQ2FyZCBpbiBhbiBhbmNob3IgdGFnIGFsbGV2aWF0ZXMgcmVuZGVyaW5nIGlzc3Vlc1xuICAgICAgICAgIHRoYXQgb2NjdXIgd2hlbiB0aGUgQ2FyZCBpcyByZS1yZW5kZXJlZCBhcyBhbiBhbmNob3IgdGFnIHdoZW4gaXQgd2FzIGluaXRpYWxseVxuICAgICAgICAgIHJlbmRlcmVkIGFzIGEgTGluayBjb21wb25lbnQsIGR1ZSB0byB0aGUgZGlmZmVyZW5jZXMgYmV0d2VlbiBjYXJvdXNlbCBzbGlkZXMgdGhhdFxuICAgICAgICAgIGhhdmUgZXh0ZXJuYWwgbGlua3MgYW5kIHRob3NlIHRoYXQgZG9uJ3QuXG4gICAgICAgKi99XG5cbiAgICAgIHtjdXJyZW50SXRlbS5saW5rVG8gPyAoXG4gICAgICAgIDxhXG4gICAgICAgICAgaHJlZj17Z2V0TGlua1RvKGN1cnJlbnRJdGVtKX1cbiAgICAgICAgICB0YXJnZXQ9e2N1cnJlbnRJdGVtLmlzRXh0ZXJuYWwgPyAnX2JsYW5rJyA6ICdfc2VsZid9XG4gICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgID5cbiAgICAgICAgICA8Q2FyZFxuICAgICAgICAgICAgaW5zZXRTY2FsZT17J25vbmUnfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge319XG4gICAgICAgICAgICB0eXBlPXtib3JkZXJsZXNzID8gJ2ZsYXQnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc2MH07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHJlZj17c2Nyb2xsUmVmfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7c2h1ZmZsZWRJdGVtcy5tYXAoKGl0ZW0sIGlkeCkgPT5cbiAgICAgICAgICAgICAgICByZW5kZXJJdGVtKHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeClcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9hPlxuICAgICAgKSA6IChcbiAgICAgICAgPENhcmRcbiAgICAgICAgICBpbnNldFNjYWxlPXsnbm9uZSd9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge319XG4gICAgICAgICAgdHlwZT17Ym9yZGVybGVzcyA/ICdmbGF0JyA6IHVuZGVmaW5lZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNjB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHJlZj17c2Nyb2xsUmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzaHVmZmxlZEl0ZW1zLm1hcCgoaXRlbSwgaWR4KSA9PlxuICAgICAgICAgICAgICByZW5kZXJJdGVtKHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIGJvdHRvbTogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgbGVmdDogLTUwJTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogJHtQQUdJTkFUSU9OX0NPTlRST0xfSEVJR0hUfXB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmVcbiAgICAgICAgICAgIHNjYWxlPVwibVwiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvbkljb25CdXR0b25cbiAgICAgICAgICAgICAgYW5pbWF0aW9uT3JpZW50YXRpb249XCJsZWZ0XCJcbiAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImdvIHRvIHByZXZpb3VzIHNsaWRlXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJnby10by1wcmV2aW91cy1zbGlkZS1idXR0b25cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QW5nbGVMZWZ0SWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgPC9QYWdpbmF0aW9uSWNvbkJ1dHRvbj5cbiAgICAgICAgICAgIHtwYWdlcy5tYXAoKF8sIGkpID0+IChcbiAgICAgICAgICAgICAgPFBhZ2luYXRpb25TZWxlY3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICAgICAgaXNGaWxsZWQ9e2FjdGl2ZVBhZ2VJbmRleCA9PT0gaX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb1RvKGkpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BnbyB0byBzbGlkZSAke2kgKyAxfWB9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2Bnby10by1zbGlkZS0ke2kgKyAxfS1idXR0b25gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8UGFnaW5hdGlvbkljb25CdXR0b25cbiAgICAgICAgICAgICAgYW5pbWF0aW9uT3JpZW50YXRpb249XCJyaWdodFwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJnbyB0byBuZXh0IHNsaWRlXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJnby10by1uZXh0LXNsaWRlLWJ1dHRvblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBbmdsZVJpZ2h0SWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgPC9QYWdpbmF0aW9uSWNvbkJ1dHRvbj5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbnR5cGUgQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgaXRlbXM6IENhcm91c2VsSXRlbVtdO1xuICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICBib3JkZXJsZXNzPzogYm9vbGVhbjtcbiAgaGFzUGFkZGluZz86IGJvb2xlYW47XG59O1xuXG50eXBlIENhcm91c2VsQ29udGVudFByb3BzID0ge1xuICBpdGVtOiBDYXJvdXNlbEl0ZW07XG4gIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZDogRnVuY3Rpb247XG4gIGlkeDogbnVtYmVyO1xuICBoYXNQYWRkaW5nPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IENhcm91c2VsQ29udGVudCA9ICh7XG4gIGl0ZW0sXG4gIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZCxcbiAgaWR4LFxuICBoYXNQYWRkaW5nLFxufTogQ2Fyb3VzZWxDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgaXNFbmFibGVkID0gdXNlRmVhdHVyZVRvZ2dsZShpdGVtLmZsYWcgfHwgJycpO1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGl0ZW0uZmxhZyAmJiAhaXNFbmFibGVkKSB7XG4gICAgICBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQoaWR4KTtcbiAgICB9XG4gIH0sIFtpc0VuYWJsZWQsIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZCwgaWR4LCBpdGVtXSk7XG5cbiAgaWYgKGl0ZW0uZmxhZyAmJiAhaXNFbmFibGVkKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgIGFyaWEtbGFiZWw9e2BzbGlkZS0ke2lkeCArIDF9YH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIHtpdGVtLmltZ1NyYyAmJiBpdGVtLmltZ0FsdCAmJiAoXG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICBoZWlnaHQ6ICR7SU1BR0VfQVJFQV9IRUlHSFR9cHg7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgc3JjPXtpdGVtLmltZ1NyY31cbiAgICAgICAgICAgIGFsdD17aW50bC5mb3JtYXRNZXNzYWdlKGl0ZW0uaW1nQWx0KX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAwICR7aGFzUGFkZGluZyA/IGRlc2lnblRva2Vucy5zcGFjaW5nTCA6IDB9IDBcbiAgICAgICAgICAgICAgJHtoYXNQYWRkaW5nID8gZGVzaWduVG9rZW5zLnNwYWNpbmdMIDogMH07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtpdGVtLnN0YW1wTGFiZWwgJiYgaXRlbS5zdGFtcFRvbmUgJiYgKFxuICAgICAgICAgICAgICA8U3RhbXBcbiAgICAgICAgICAgICAgICB0b25lPXtpdGVtLnN0YW1wVG9uZX1cbiAgICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKGl0ZW0uc3RhbXBMYWJlbCl9XG4gICAgICAgICAgICAgICAgaXNDb25kZW5zZWQ9eyEhaXRlbT8uaXNTdGFtcENvbmRlbnNlZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXtpdGVtLnRleHRDb250ZW50fSAvPlxuICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmNvbnN0IENhcm91c2VsID0gKHtcbiAgaXRlbXMsXG4gIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICBib3JkZXJsZXNzID0gdHJ1ZSxcbiAgaGFzUGFkZGluZyA9IHRydWUsXG59OiBDYXJvdXNlbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJhc2VDYXJvdXNlbFxuICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICBib3JkZXJsZXNzPXtib3JkZXJsZXNzfVxuICAgICAgaXRlbXM9e2l0ZW1zfVxuICAgICAgcmVuZGVySXRlbT17KHsgaXRlbSB9LCBoYW5kbGVGaWx0ZXJJdGVtc1doZW5GbGFnRGlzYWJsZWQsIGlkeCkgPT4gKFxuICAgICAgICA8Q2Fyb3VzZWxDb250ZW50XG4gICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgIGhhbmRsZUZpbHRlckl0ZW1zV2hlbkZsYWdEaXNhYmxlZD17aGFuZGxlRmlsdGVySXRlbXNXaGVuRmxhZ0Rpc2FibGVkfVxuICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgaWR4PXtpZHh9XG4gICAgICAgICAgaGFzUGFkZGluZz17aGFzUGFkZGluZ31cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhcm91c2VsO1xuIl19 */"),
     role: "region",
     "aria-roledescription": "carousel",
     "aria-label": "rotunda",
@@ -5948,8 +5831,8 @@ const BaseCarousel = _ref2 => {
           }), _mapInstanceProperty__default["default"](pages).call(pages, (_, i) => jsxRuntime.jsx(PaginationSelectionButton$1, {
             isFilled: activePageIndex === i,
             onClick: () => goTo(i),
-            "aria-label": "go to slide ".concat(i + 1),
-            "data-testid": "go-to-slide-".concat(i + 1, "-button")
+            "aria-label": `go to slide ${i + 1}`,
+            "data-testid": `go-to-slide-${i + 1}-button`
           }, i)), jsxRuntime.jsx(PaginationIconButton$1, {
             animationOrientation: "right",
             onClick: handleNext,
@@ -5990,7 +5873,7 @@ const CarouselContent = _ref3 => {
   return jsxRuntime.jsx("div", {
     role: "group",
     "aria-roledescription": "slide",
-    "aria-label": "slide-".concat(idx + 1),
+    "aria-label": `slide-${idx + 1}`,
     css: _ref$c,
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       children: [item.imgSrc && item.imgAlt && jsxRuntime.jsx("img", {
@@ -6005,7 +5888,7 @@ const CarouselContent = _ref3 => {
           children: [item.stampLabel && item.stampTone && jsxRuntime.jsx(uiKit.Stamp, {
             tone: item.stampTone,
             label: intl.formatMessage(item.stampLabel),
-            isCondensed: !!(item !== null && item !== void 0 && item.isStampCondensed)
+            isCondensed: !!item?.isStampCondensed
           }), jsxRuntime.jsx(uiKit.Text.Body, {
             intlMessage: item.textContent
           })]
@@ -6058,26 +5941,26 @@ var messages$E = reactIntl.defineMessages({
 });
 
 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$$(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$$(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$$(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$$(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const emptyCountryOption = intl => [{
   label: intl.formatMessage(messages$E.countriesAsyncSelectDropdownTypeAheadPrompt),
   value: undefined,
   isDisabled: true
 }];
 function CountriesAsyncSelectDropdown(props) {
-  var _context2;
+  var _context6;
   const intl = reactIntl.useIntl();
   const handleLoadOptions = async searchTerm => {
-    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());
+    var _context, _context2, _context4, _context5;
+    const filteredOptions = ((_context = props.options) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _filterInstanceProperty__default["default"](_context), _context))?.(country => {
+      var _context3;
+      return _includesInstanceProperty__default["default"](_context3 = country.label.toLowerCase()).call(_context3, searchTerm.toLowerCase());
     });
     if (searchTerm) {
       return _sliceInstanceProperty__default["default"](filteredOptions).call(filteredOptions, 0, props.countriesAsyncLoadingLimit);
     }
     return [{
-      options: (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _sliceInstanceProperty__default["default"](_props$options2).call(_props$options2, 0, props.countriesAsyncLoadingLimit)
+      options: ((_context4 = props.options) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _sliceInstanceProperty__default["default"](_context4), _context4))?.(0, props.countriesAsyncLoadingLimit)
     }, {
       options: emptyCountryOption(intl)
     }];
@@ -6086,10 +5969,7 @@ function CountriesAsyncSelectDropdown(props) {
     const countries = event.target.value;
     props.onChange({
       target: _objectSpread$$(_objectSpread$$({}, event.target), {}, {
-        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;
-        })
+        value: _mapInstanceProperty__default["default"](countries).call(countries, country => country?.value ?? country)
       })
     });
   };
@@ -6102,9 +5982,9 @@ function CountriesAsyncSelectDropdown(props) {
     isMulti: props.isMulti,
     showOptionGroupDivider: true,
     isSearchable: true,
-    value: _mapInstanceProperty__default["default"](_context2 = props.value).call(_context2, countryCode => {
-      var _context3;
-      return _findInstanceProperty__default["default"](_context3 = props.options).call(_context3, country => country.value === countryCode);
+    value: _mapInstanceProperty__default["default"](_context6 = props.value).call(_context6, countryCode => {
+      var _context7;
+      return _findInstanceProperty__default["default"](_context7 = props.options).call(_context7, country => country.value === countryCode);
     }),
     placeholder: intl.formatMessage(messages$E.countriesAsyncSelectPlaceholder),
     loadOptions: handleLoadOptions,
@@ -6142,7 +6022,6 @@ const _excluded$a = ["countriesAsyncLoadingLimit", "isMulti", "isRequired", "has
 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; }
 function CountriesPicker(_ref) {
-  var _props$options;
   let _ref$countriesAsyncLo = _ref.countriesAsyncLoadingLimit,
     countriesAsyncLoadingLimit = _ref$countriesAsyncLo === void 0 ? COUNTRIES_ASYNC_LOADING_LIMIT : _ref$countriesAsyncLo,
     _ref$isMulti = _ref.isMulti,
@@ -6152,7 +6031,7 @@ function CountriesPicker(_ref) {
     _ref$hasWarning = _ref.hasWarning,
     hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
     props = _objectWithoutProperties(_ref, _excluded$a);
-  const CustomCountriesPicker = ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) <= countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
+  const CustomCountriesPicker = props.options?.length <= countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$_({
       countriesAsyncLoadingLimit: countriesAsyncLoadingLimit,
@@ -6180,7 +6059,6 @@ 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,
@@ -6249,13 +6127,13 @@ const CustomerGroupPickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
+  const isCurrentOptionLoadingFailed = Boolean(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$D.noCustomerGroupsFound), [loadingError, formatMessage]);
-  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 : '';
+  const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -6265,7 +6143,7 @@ const CustomerGroupPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$D.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$D.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -6297,7 +6175,14 @@ function Divider(_ref) {
     isDashed = _ref$isDashed === void 0 ? false : _ref$isDashed,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
-  const dividerStyles = /*#__PURE__*/react$1.css("box-sizing:border-box;margin:0;border:0;border-color:var(--color-neutral-90);border-style:", isDashed ? 'dashed' : 'solid', ";", orientation === 'horizontal' ? "\n      width: 100%;\n      border-top-width: 1px;\n    " : "\n      width: 1px;\n      height: 2vmax; \n      border-left-width: 1px;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dividerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpdmlkZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiJkaXZpZGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERpdmlkZXIoe1xuICBpc0Rhc2hlZCA9IGZhbHNlLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn0pIHtcbiAgY29uc3QgZGl2aWRlclN0eWxlcyA9IGNzc2BcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1hcmdpbjogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1uZXV0cmFsLTkwKTtcbiAgICBib3JkZXItc3R5bGU6ICR7aXNEYXNoZWQgPyAnZGFzaGVkJyA6ICdzb2xpZCd9O1xuXG4gICAgJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gICAgICA/IGBcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYm9yZGVyLXRvcC13aWR0aDogMXB4O1xuICAgIGBcbiAgICAgIDogYFxuICAgICAgd2lkdGg6IDFweDtcbiAgICAgIGhlaWdodDogMnZtYXg7IFxuICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6IDFweDtcbiAgICBgfVxuICBgO1xuICByZXR1cm4gPGhyIGNzcz17ZGl2aWRlclN0eWxlc30gLz47XG59XG5EaXZpZGVyLmRpc3BsYXlOYW1lID0gJ0RpdmlkZXInO1xuRGl2aWRlci5wcm9wVHlwZXMgPSB7XG4gIGlzRGFzaGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgb3JpZW50YXRpb246IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */");
+  const dividerStyles = /*#__PURE__*/react$1.css("box-sizing:border-box;margin:0;border:0;border-color:var(--color-neutral-90);border-style:", isDashed ? 'dashed' : 'solid', ";", orientation === 'horizontal' ? `
+      width: 100%;
+      border-top-width: 1px;
+    ` : `
+      width: 1px;
+      height: 2vmax; 
+      border-left-width: 1px;
+    `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dividerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpdmlkZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiJkaXZpZGVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERpdmlkZXIoe1xuICBpc0Rhc2hlZCA9IGZhbHNlLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn0pIHtcbiAgY29uc3QgZGl2aWRlclN0eWxlcyA9IGNzc2BcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1hcmdpbjogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1uZXV0cmFsLTkwKTtcbiAgICBib3JkZXItc3R5bGU6ICR7aXNEYXNoZWQgPyAnZGFzaGVkJyA6ICdzb2xpZCd9O1xuXG4gICAgJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gICAgICA/IGBcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYm9yZGVyLXRvcC13aWR0aDogMXB4O1xuICAgIGBcbiAgICAgIDogYFxuICAgICAgd2lkdGg6IDFweDtcbiAgICAgIGhlaWdodDogMnZtYXg7IFxuICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6IDFweDtcbiAgICBgfVxuICBgO1xuICByZXR1cm4gPGhyIGNzcz17ZGl2aWRlclN0eWxlc30gLz47XG59XG5EaXZpZGVyLmRpc3BsYXlOYW1lID0gJ0RpdmlkZXInO1xuRGl2aWRlci5wcm9wVHlwZXMgPSB7XG4gIGlzRGFzaGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgb3JpZW50YXRpb246IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */");
   return jsxRuntime.jsx("hr", {
     css: dividerStyles
   });
@@ -6370,9 +6255,9 @@ const CustomFieldErrors = props => {
     isFormValid = _useFormikContext.isValid;
   const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [props.isTouched || !isFormValid && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsxRuntime.jsx(_.ErrorMessage, {
+    children: [props.isTouched || !isFormValid && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.required
-    }), props.isTouched || !isFormValid && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsxRuntime.jsx(_.ErrorMessage, {
+    }), props.isTouched || !isFormValid && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
       intlMessage: validationMessages.unique
     })]
   });
@@ -6477,7 +6362,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 (".concat(props.totalValues, ")") : "Show all set items (".concat(props.totalValues, ")"),
+    label: props.isExpanded ? `Hide set items (${props.totalValues})` : `Show all set items (${props.totalValues})`,
     onClick: props.onExpand
   })]
 }) : null;
@@ -6518,7 +6403,7 @@ SetButtons.displayName = 'SetButtons';
 var SetButtons$1 = SetButtons;
 
 function ownKeys$Y(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$Y(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$Y(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$Y(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$Y(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$Y(Object(t))).call(_context3, 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 = [];
@@ -6558,13 +6443,10 @@ const getItemIndex = name => {
   return _parseInt__default["default"](rawIndex, 10);
 };
 const makeKeys = amount => times__default["default"](amount, () => uuid.v4());
-const makeItemFieldName = (fieldName, index) => {
-  var _context;
-  return _concatInstanceProperty__default["default"](_context = "".concat(fieldName, ".[")).call(_context, index, "]");
-};
+const makeItemFieldName = (fieldName, index) => `${fieldName}.[${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 _context2;
+  var _context;
   const _useToggleState = uiKit.useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
     isExpanded = _useToggleState2[0],
@@ -6586,7 +6468,7 @@ function CustomInputSet(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     keys = _useState4[0],
     setKeys = _useState4[1];
-  const totalAmount = internalValue === null || internalValue === void 0 ? void 0 : internalValue.length;
+  const totalAmount = internalValue?.length;
   const amountToRender = isExpanded ? totalAmount : 1;
   const updateInternalValue = newValue => {
     const valueToSet = isEmpty$1(newValue) ? [undefined] : newValue;
@@ -6633,8 +6515,8 @@ function CustomInputSet(props) {
   // in <CustomFieldComponent /> where proper component for given field/attribute
   // type is selected.
   const type = getType(props.fieldDefinition);
-  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);
+  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);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
       children: jsxRuntime.jsx("label", {
@@ -6753,17 +6635,16 @@ function CustomDateTimeInput(props) {
 CustomDateTimeInput.displayName = 'CustomDateTimeInput';
 
 const convertTypeValuesToOptions$1 = reselect.defaultMemoize(typeValues => _mapInstanceProperty__default["default"](typeValues).call(typeValues, typeValue => ({
-  label: typeValue.label || "".concat(typeValue.key, " (key)"),
+  label: typeValue.label || `${typeValue.key} (key)`,
   value: typeValue.key
 })));
 function CustomEnumInput(props) {
-  var _options$find$label, _options$find;
   const options = convertTypeValuesToOptions$1(_valuesInstanceProperty__default["default"](props.fieldDefinition.type));
   const handleChange = makeChangeHandler(rawValue => {
     props.setFieldValue(props.name, !rawValue ? undefined : rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
-  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 : '' : '';
+  const tooltipTitle = props.value ? _findInstanceProperty__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
   return jsxRuntime.jsx(CustomFieldTooltip$1, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -6792,13 +6673,12 @@ const convertTypeValuesToOptions = reselect.defaultMemoize((type, dataLocale, la
       key: 'label',
       locale: dataLocale,
       fallbackOrder: languages,
-      fallback: "".concat(value.key, " (key)")
+      fallback: `${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
@@ -6810,7 +6690,7 @@ function CustomLocalizedEnumInput(props) {
     props.setFieldValue(props.name, rawValue);
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
   });
-  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 : '' : '';
+  const tooltipTitle = props.value ? _findInstanceProperty__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
   return jsxRuntime.jsx(CustomFieldTooltip$1, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -6839,7 +6719,6 @@ 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
@@ -6865,7 +6744,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 = value[language]) !== null && _value$language !== void 0 ? _value$language : '' : '';
+  const tooltipTitle = isMultiLine ? '' : value ? value[language] ?? '' : '';
   return jsxRuntime.jsx(CustomFieldTooltip$1, {
     title: tooltipTitle,
     children: jsxRuntime.jsx(InputComponent, {
@@ -6913,7 +6792,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 !== null && initialValue !== void 0 && initialValue.amount)) {
+  if (!initialValue?.amount) {
     return fixAmount(withFixedCurrency);
   }
   return withFixedCurrency;
@@ -6985,22 +6864,22 @@ function CustomMoneyInput(props) {
 CustomMoneyInput.displayName = 'CustomMoneyInput';
 
 function ownKeys$V(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$V(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$V(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$V(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$V(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$V(Object(t))).call(_context9, 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, _definition$type, _context2, _context3, _definition$type2, _context4;
+  var _context, _context2, _context3, _context4;
   return _objectSpread$V(_objectSpread$V({}, 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 = definition.type) === null || _definition$type === void 0 || (_definition$type = _definition$type.elementType) === null || _definition$type === void 0 ? void 0 : _definition$type.name) ? _objectSpread$V(_objectSpread$V({}, definition.type), {}, {
+    type: _includesInstanceProperty__default["default"](_context = ['enum', 'lenum']).call(_context, definition.type?.elementType?.name) ? _objectSpread$V(_objectSpread$V({}, definition.type), {}, {
       elementType: _objectSpread$V(_objectSpread$V({}, 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$type2 = definition.type) === null || _definition$type2 === void 0 ? void 0 : _definition$type2.name) ? _objectSpread$V(_objectSpread$V({}, definition.type), {}, {
+    }) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, definition.type?.name) ? _objectSpread$V(_objectSpread$V({}, 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)
@@ -7024,8 +6903,8 @@ function useNestedProductType(fieldDefinition) {
     loading = _useQuery.loading,
     error = _useQuery.error;
   if (!loading && !error) {
-    var _data$productType, _context5;
-    const attributeDefinitions = (_data$productType = data.productType) === null || _data$productType === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context5 = _data$productType.attributeDefinitions.results).call(_context5, mapAttributeDefinition);
+    var _context5, _context6, _context7;
+    const attributeDefinitions = ((_context5 = data.productType) == null ? void 0 : _bindInstanceProperty__default["default"](_context7 = Function.call).call(_context7, _mapInstanceProperty__default["default"](_context6 = _context5.attributeDefinitions.results), _context6))?.(mapAttributeDefinition);
     return {
       loading: false,
       error: false,
@@ -7341,8 +7220,7 @@ CustomNestedInput.displayName = 'CustomNestedInput';
 var CustomNestedInput$1 = CustomNestedInput;
 
 function CustomNumberInput(props) {
-  var _props$value;
-  const value = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : '';
+  const value = props.value ?? '';
   const handleChange = makeChangeHandler(rawValue => {
     props.setFieldValue(props.name, !rawValue ? undefined : Number(rawValue));
     props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
@@ -7416,8 +7294,7 @@ function CustomCategoryReferenceInput(props) {
 CustomCategoryReferenceInput.displayName = 'CustomCategoryReferenceInput';
 
 function CustomChannelReferenceInput(props) {
-  var _props$value;
-  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
+  const value = props.value?.id || '';
   return jsxRuntime.jsx(ChannelPickerInput$1, {
     value: value,
     name: props.name,
@@ -7453,7 +7330,6 @@ 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,
@@ -7474,20 +7350,19 @@ 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 = masterData.current) === null || _masterData$current === void 0 ? void 0 : _masterData$current.nameAllLocales);
+    const localizedName = formatLocalizedFieldToString(masterData.current?.nameAllLocales);
     return {
-      label: localizedName + (key ? " (key: ".concat(key, ")") : ''),
+      label: localizedName + (key ? ` (key: ${key})` : ''),
       value: id,
       name: localizedName,
       key
     };
   }, [formatLocalizedFieldToString]);
-  const prefixSearchFields = React.useMemo(() => ["masterData.current.name.".concat(dataLocale), 'key'], [dataLocale]);
+  const prefixSearchFields = React.useMemo(() => [`masterData.current.name.${dataLocale}`, 'key'], [dataLocale]);
   const loadOptions = useLoadOptions$1({
     query: GetProductsQuery,
     prefixSearchFields
@@ -7518,12 +7393,12 @@ const ProductPickerInput = _ref => {
     setLoadingError(null);
     handleInternalInputChange(event);
   }, [handleInternalInputChange]);
-  const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
+  const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
   React.useEffect(() => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  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 : '';
+  const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
     children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner$1, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -7564,8 +7439,7 @@ ProductPickerInput.displayName = 'ProductPickerInput';
 var ProductPickerInput$1 = ProductPickerInput;
 
 function CustomProductReferenceInput(props) {
-  var _props$value;
-  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
+  const value = props.value?.id || '';
   return jsxRuntime.jsx(ProductPickerInput$1, {
     value: value,
     name: props.name,
@@ -7583,8 +7457,7 @@ function CustomProductReferenceInput(props) {
 CustomProductReferenceInput.displayName = 'CustomProductReferenceInput';
 
 function CustomProductTypeReferenceInput(props) {
-  var _props$value;
-  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
+  const value = props.value?.id || '';
   return jsxRuntime.jsx(ProductTypePickerInput$1, {
     value: value,
     name: props.name,
@@ -7601,8 +7474,7 @@ function CustomProductTypeReferenceInput(props) {
 CustomProductTypeReferenceInput.displayName = 'CustomProductTypeReferenceInput';
 
 function CustomRawIdReferenceInput(props) {
-  var _props$value;
-  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
+  const value = props.value?.id || '';
   return jsxRuntime.jsx(CustomFieldTooltip$1, {
     title: value,
     children: jsxRuntime.jsx(uiKit.TextInput, {
@@ -7620,8 +7492,7 @@ function CustomRawIdReferenceInput(props) {
 CustomRawIdReferenceInput.displayName = 'CustomRawIdReferenceInput';
 
 function CustomStateReferenceInput(props) {
-  var _props$value;
-  const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
+  const value = props.value?.id || '';
   return jsxRuntime.jsx(StatePickerInput$1, {
     value: value,
     name: props.name,
@@ -7759,14 +7630,12 @@ const nonSetComponents = {
 };
 const CustomFieldInput = /*#__PURE__*/React.memo(props => {
   const InputComponent = React.useMemo(() => {
-    var _props$fieldDefinitio;
-    const typeName = (_props$fieldDefinitio = props.fieldDefinition.type) === null || _props$fieldDefinitio === void 0 ? void 0 : _props$fieldDefinitio.name.toLowerCase();
+    const typeName = props.fieldDefinition.type?.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 (((_getSetElementType = getType(props.fieldDefinition)) === null || _getSetElementType === void 0 ? void 0 : _getSetElementType.name.toLowerCase()) === CUSTOM_FIELD_TYPES.boolean) {
+      if (getType(props.fieldDefinition)?.name.toLowerCase() === CUSTOM_FIELD_TYPES.boolean) {
         return CustomBooleanInputSet;
       }
       // All the rest sets are just a fancy wrapper around single-item components
@@ -7796,12 +7665,11 @@ var CustomFieldInput$1 = CustomFieldInput;
 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 _concatInstanceProperty__default["default"](_context = "".concat(text.substring(0, length))).call(_context, end);
+  return `${text.substring(0, length)}${end}`;
 }
 
 var messages$y = reactIntl.defineMessages({
@@ -7847,10 +7715,9 @@ function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var _
 function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var CartDiscountsCount = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "CartDiscountsCount" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 61, source: { body: "query CartDiscountsCount {\n  cartDiscounts {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const CustomFieldsLabelHint = _ref2 => {
-  var _type$name;
   let fieldDefinition = _ref2.fieldDefinition;
   const type = getType(fieldDefinition);
-  const isReference = ((_type$name = type.name) === null || _type$name === void 0 ? void 0 : _type$name.toLowerCase()) === 'reference';
+  const isReference = type.name?.toLowerCase() === 'reference';
   const referenceTypeId = type.referenceTypeId;
   const isCartDiscountsReference = isReference && referenceTypeId === SEARCHABLE_REFERENCES.cartDiscount;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -7868,7 +7735,7 @@ const CustomFieldsLabelHint = _ref2 => {
     data = _useQuery.data,
     loading = _useQuery.loading;
   if (loading) return null;
-  if ((data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT) {
+  if (data?.cartDiscounts.total > QUERY_MAX_LIMIT) {
     return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       alignItems: "center",
       children: [jsxRuntime.jsx(uiKit.WarningIcon, {
@@ -7895,12 +7762,12 @@ function CustomFieldsProductTypeReferenceSubtitle() {
 // TODO(pa3): this logic may be misplaced and probably
 // should belong to <CustomReferenceInput /> component instead.
 function CustomFieldsLabelSubtitle(_ref3) {
-  var _type$name2, _context;
+  var _context;
   let fieldDefinition = _ref3.fieldDefinition;
   const _useIntl2 = reactIntl.useIntl(),
     formatMessage = _useIntl2.formatMessage;
   const type = getType(fieldDefinition);
-  const isReference = ((_type$name2 = type.name) === null || _type$name2 === void 0 ? void 0 : _type$name2.toLowerCase()) === 'reference';
+  const isReference = type.name?.toLowerCase() === 'reference';
   if (!isReference) return null;
   const referenceTypeId = type.referenceTypeId;
   const referenceTypeName = capitalizeFirst(referenceTypeId);
@@ -7914,7 +7781,7 @@ function CustomFieldsLabelSubtitle(_ref3) {
   } else if (referenceTypeId === SEARCHABLE_REFERENCES.state) {
     return formatMessage(messages$y.stateReferenceLabel);
   } else {
-    return "".concat(referenceTypeName, " ID");
+    return `${referenceTypeName} ID`;
   }
 }
 const Portal = props => /*#__PURE__*/ReactDOM__default["default"].createPortal(props.children, document.body);
@@ -7931,7 +7798,7 @@ function CustomFieldsCountIndicator(_ref4) {
   const formatLocalizedField = useFormatLocalizedFieldToString();
   const _useIntl3 = reactIntl.useIntl(),
     formatMessage = _useIntl3.formatMessage;
-  return (assignedAttributeGroups === null || assignedAttributeGroups === void 0 ? void 0 : assignedAttributeGroups.length) > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
+  return assignedAttributeGroups?.length > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
     title: formatMessage(messages$y.attributeGroupCountTooltip, {
       attributeGroups: _mapInstanceProperty__default["default"](assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
       count: assignedAttributeGroups.length
@@ -8198,17 +8065,15 @@ const useDnDContext = () => {
 
 const _excluded$9 = ["renderCustomWarnings", "WrapperComponent"];
 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 _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$N(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context0 = ownKeys$N(Object(t))).call(_context0, 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 _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; }
 const ENABLED_FALLBACK_ATTRIBUTE_TYPES = [CUSTOM_FIELD_TYPES.enum, CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.number, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.boolean, CUSTOM_FIELD_TYPES.money, CUSTOM_FIELD_TYPES.datetime, CUSTOM_FIELD_TYPES.date, CUSTOM_FIELD_TYPES.reference, CUSTOM_FIELD_TYPES.time, CUSTOM_FIELD_TYPES.set];
 const getFieldName = (parentName, fieldName) => {
-  var _context;
   if (!parentName) return fieldName;
-  return _concatInstanceProperty__default["default"](_context = "".concat(parentName, ".")).call(_context, fieldName);
+  return `${parentName}.${fieldName}`;
 };
 const isAttributeType = function () {
-  var _fieldDefinitionType$;
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _includesInstanceProperty__default["default"](ATTRIBUTE_TYPES).call(ATTRIBUTE_TYPES, fieldDefinitionType.name) || fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](SET_ATTRIBUTE_TYPES).call(SET_ATTRIBUTE_TYPES, fieldDefinitionType === null || fieldDefinitionType === void 0 || (_fieldDefinitionType$ = fieldDefinitionType.elementType) === null || _fieldDefinitionType$ === void 0 ? void 0 : _fieldDefinitionType$.name);
+  return _includesInstanceProperty__default["default"](ATTRIBUTE_TYPES).call(ATTRIBUTE_TYPES, fieldDefinitionType.name) || fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](SET_ATTRIBUTE_TYPES).call(SET_ATTRIBUTE_TYPES, fieldDefinitionType?.elementType?.name);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -8249,11 +8114,11 @@ const CustomFieldsInternal = _ref => {
   return jsxRuntime.jsx(DroppableWrapper, {
     onDragEnd: onDragEnd,
     children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
-      var _context2, _context3, _context4, _context5, _context6;
+      var _context;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
       const isFieldDisabled = props.isDisabled && !isAttributeType(fieldDefinition.type);
-      const shouldUseAdditionalInfoProp = _includesInstanceProperty__default["default"](_context2 = [CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.localizedenum]).call(_context2, fieldDefinition.type.name);
+      const shouldUseAdditionalInfoProp = _includesInstanceProperty__default["default"](_context = [CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.localizedenum]).call(_context, fieldDefinition.type.name);
       const shouldDisplayFallbackRow = !shouldUseAdditionalInfoProp && _includesInstanceProperty__default["default"](ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
@@ -8277,51 +8142,48 @@ const CustomFieldsInternal = _ref => {
         onBlur: handleBlur,
         setFieldValue: props.setFieldValue,
         hasError: hasError,
-        hasWarning: props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]),
+        hasWarning: props.renderWarnings && status?.warnings[fieldName],
         handleWarningChange: props.handleWarningChange,
         renderWarnings: props.renderWarnings,
-        additionalInfo: shouldUseAdditionalInfoProp && props !== null && props !== void 0 && props.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
+        additionalInfo: shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
       };
       const Field = jsxRuntime.jsx(FieldComponent, _objectSpread$N({}, fieldProps));
       //  the several values inside the key are needed to make sure the field is re-rendered when those values change
       return jsxRuntime.jsx(formik.FastField, {
         name: fieldName,
         validate: validate,
-        children: () => {
-          var _context7, _context8;
-          return jsxRuntime.jsx(DraggableWrapper, {
-            draggableKey: _concatInstanceProperty__default["default"](_context7 = "".concat(fieldName, "-")).call(_context7, index),
-            draggableId: _concatInstanceProperty__default["default"](_context8 = "".concat(fieldName, "-")).call(_context8, 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$1, {
-                  name: fieldName,
-                  fieldDefinition: fieldDefinition
-                }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  scale: "xs",
-                  alignItems: "stretch",
-                  children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
-                    children: Field
-                  }) : Field, shouldDisplayFallbackRow && props.additionalInfoHandler && jsxRuntime.jsx(uiKit.Text.Wrap, {
-                    children: jsxRuntime.jsx(uiKit.Text.Detail, {
-                      tone: "tertiary",
-                      children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) || ''
-                    })
-                  }), props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]) && renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
-                    isTouched: isTouched,
-                    errors: fieldErrors
-                  })]
+        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$1, {
+                name: fieldName,
+                fieldDefinition: fieldDefinition
+              }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                scale: "xs",
+                alignItems: "stretch",
+                children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
+                  children: Field
+                }) : Field, shouldDisplayFallbackRow && props.additionalInfoHandler && jsxRuntime.jsx(uiKit.Text.Wrap, {
+                  children: jsxRuntime.jsx(uiKit.Text.Detail, {
+                    tone: "tertiary",
+                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) || ''
+                  })
+                }), props.renderWarnings && status?.warnings[fieldName] && renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
+                  isTouched: isTouched,
+                  errors: fieldErrors
                 })]
-              })
+              })]
             })
-          });
-        }
-      }, _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "".concat(fieldName, "-")).call(_context6, index, "-")).call(_context5, fieldKey, "-")).call(_context4, locale, "-")).call(_context3, userLocale));
+          })
+        })
+      }, `${fieldName}-${index}-${fieldKey}-${locale}-${userLocale}`);
     })
   });
 };
@@ -8332,9 +8194,9 @@ function ownKeys$M(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$M(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$M(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$M(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 _enumType$values$find, _enumType$values$find2, _context;
+  var _context;
   const emptyValue = getTypeName(enumType) === 'enum' ? '' : {};
-  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;
+  return _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](enumType)).call(_context, value => value.key === key)?.label ?? emptyValue;
 };
 const convertEnumValues = (value, attributeDefinition) => {
   var _context2, _context3;
@@ -8400,7 +8262,7 @@ const attributesMapToNameValuePairs = map => {
 const _excluded$8 = ["WrapperComponent"];
 const getAttributeShortName = (fullName, attributesPrefix) => {
   if (!attributesPrefix) return fullName;
-  return fullName.replace("".concat(attributesPrefix, "."), '');
+  return fullName.replace(`${attributesPrefix}.`, '');
 };
 function ProductAttributes(_ref) {
   let WrapperComponent = _ref.WrapperComponent,
@@ -8499,7 +8361,7 @@ var pickerMessages = reactIntl.defineMessages({
 });
 
 function ownKeys$L(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$L(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$L(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$L(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$L(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$L(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$L(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const PRODUCT_SELECTION_MODES = {
   INCLUSION: 'Individual',
   EXCLUSION: 'IndividualExclusion'
@@ -8510,11 +8372,10 @@ 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$L(_objectSpread$L({}, ps), {}, {
-    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), ")") : '')
+    label: `${ps?.label}${enableExcludingProducts ? ` (type: ${getMode(ps?.mode)})` : ''}`
   });
 };
 
@@ -8531,7 +8392,10 @@ 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 === null || currentlySelectedProductSelections === void 0 ? void 0 : _includesInstanceProperty__default["default"](currentlySelectedProductSelections).call(currentlySelectedProductSelections, ps.value))).call(_context, ps => addModeToLabel(ps, enableExcludingProducts));
+    return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => {
+      var _context2, _context3;
+      return ((_context2 = currentlySelectedProductSelections) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _includesInstanceProperty__default["default"](_context2), _context2))?.(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
@@ -8543,7 +8407,6 @@ const emptyStoreOption$1 = intl => [{
   isDisabled: true
 }];
 function ProductSelectionsAsyncSelectDropdown(props) {
-  var _productSelectionsFet3;
   const intl = reactIntl.useIntl();
   const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
   const productSelectionsFetcher = useProductSelectionsFetcher$1({
@@ -8557,17 +8420,13 @@ function ProductSelectionsAsyncSelectDropdown(props) {
     })),
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
-  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 productSelections = React.useMemo(() => productSelectionsFetcher.productSelections?.results ?? [], [productSelectionsFetcher.productSelections?.results]);
   const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
-    var _context2;
-    return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
+    var _context4;
+    return !_includesInstanceProperty__default["default"](_context4 = props.excludedProductSelectionIds).call(_context4, ps.id);
   });
   const onOptionClick = event => {
-    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 productSelectionId = event.target.value?.value;
     const currentProductSelection = _findInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8597,8 +8456,8 @@ function ProductSelectionsAsyncSelectDropdown(props) {
   const handleLoadOptions = async searchTerm => {
     const productSelectionOptions = allProductSelectionOptions;
     const filteredOptions = _filterInstanceProperty__default["default"](productSelectionOptions).call(productSelectionOptions, productSelection => {
-      var _context3, _context4;
-      return _includesInstanceProperty__default["default"](_context3 = productSelection.label.toLowerCase()).call(_context3, searchTerm.toLowerCase()) || productSelection.key && _includesInstanceProperty__default["default"](_context4 = productSelection.key.toLowerCase()).call(_context4, searchTerm.toLowerCase());
+      var _context5, _context6;
+      return _includesInstanceProperty__default["default"](_context5 = productSelection.label.toLowerCase()).call(_context5, searchTerm.toLowerCase()) || productSelection.key && _includesInstanceProperty__default["default"](_context6 = productSelection.key.toLowerCase()).call(_context6, searchTerm.toLowerCase());
     });
     const finalOptions = searchTerm ? _sliceInstanceProperty__default["default"](filteredOptions).call(filteredOptions, 0, LOWER_PRODUCT_SELECTIONS_LIMIT) : _sliceInstanceProperty__default["default"](productSelectionOptions).call(productSelectionOptions, 0, LOWER_PRODUCT_SELECTIONS_LIMIT);
     return [{
@@ -8650,7 +8509,6 @@ 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,
@@ -8659,14 +8517,13 @@ const mapProductSelectionsToOptions$1 = memoize__default["default"](function ()
     return {
       id: productSelection.id,
       value: productSelection.id,
-      label: _concatInstanceProperty__default["default"](_context = "".concat(label)).call(_context, _includesInstanceProperty__default["default"](selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? " (type: ".concat(getMode(productSelection.mode), ")") : ''),
+      label: `${label}${_includesInstanceProperty__default["default"](selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? ` (type: ${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$1({
@@ -8680,10 +8537,10 @@ function ProductSelectionBasicSelectDropdown(props) {
     projectLanguages = _useApplicationContex.projectLanguages,
     dataLocale = _useApplicationContex.dataLocale;
   if (productSelectionsFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner$1, {});
-  const productSelections = (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
+  const productSelections = productSelectionsFetcher.productSelections?.results ?? [];
   const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
-    var _context2;
-    return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
+    var _context;
+    return !_includesInstanceProperty__default["default"](_context = props.excludedProductSelectionIds).call(_context, ps.id);
   });
   const onOptionClick = event => {
     const productSelectionId = event.target.value;
@@ -8720,15 +8577,11 @@ function ProductSelectionBasicSelectDropdown(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) => {
-  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 createQueryVariables$4 = (productSelections, predicateField) => ({
+  where: `${predicateField} in (${_mapInstanceProperty__default["default"](productSelections).call(productSelections, ps => `"${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: {
@@ -8738,7 +8591,7 @@ const useProductSelectionsByFieldFetcher = (productSelections, predicateField) =
     skip: productSelectionList.length === 0
   });
   return {
-    productSelections: (_productSelectionsQue = (_productSelectionsQue2 = productSelectionsQuery.data) === null || _productSelectionsQue2 === void 0 ? void 0 : _productSelectionsQue2.productSelections.results) !== null && _productSelectionsQue !== void 0 ? _productSelectionsQue : [],
+    productSelections: productSelectionsQuery.data?.productSelections.results ?? [],
     isLoading: productSelectionsQuery.loading
   };
 };
@@ -8781,13 +8634,12 @@ const createQueryVariables$3 = _ref3 => {
   let searchText = _ref3.searchText,
     permissionWhere = _ref3.permissionWhere;
   const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](searchText).call(searchText, searchText));
-  const idQuery = isUUID$1(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
-  const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
+  const idQuery = isUUID$1(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
+  const keyQuery = `key = "${sanitizedSearchText}"`;
   const searchTextQuery = _filterInstanceProperty__default["default"](_context = [idQuery, keyQuery]).call(_context, Boolean).join(' or ');
   if (searchTextQuery && permissionWhere) {
-    var _context2;
     return {
-      where: _concatInstanceProperty__default["default"](_context2 = "(".concat(searchTextQuery, ") and (")).call(_context2, permissionWhere, ")")
+      where: `(${searchTextQuery}) and (${permissionWhere})`
     };
   }
   if (permissionWhere) {
@@ -8800,7 +8652,7 @@ const createQueryVariables$3 = _ref3 => {
   };
 };
 function ProductSelectionsSearchSelectDropdown(props) {
-  var _context4;
+  var _context3;
   const intl = reactIntl.useIntl();
   const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
   const _useState = React.useState([]),
@@ -8816,7 +8668,6 @@ function ProductSelectionsSearchSelectDropdown(props) {
     dataLocale = _useApplicationContex.dataLocale;
   const productSelectionsByFieldFetcher = useProductSelectionsByFieldFetcher$1(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({
@@ -8829,11 +8680,11 @@ function ProductSelectionsSearchSelectDropdown(props) {
         fetchPolicy: 'network-only'
       }),
       data = _await$client$query.data;
-    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 matchedProductSelections = data?.productSelections?.results ?? [];
     const updatedProductSelections = _mapInstanceProperty__default["default"](matchedProductSelections).call(matchedProductSelections, convertProductSelectionFromGraphQl);
     const filteredProductSelections = _filterInstanceProperty__default["default"](updatedProductSelections).call(updatedProductSelections, ps => {
-      var _context3;
-      return !_includesInstanceProperty__default["default"](_context3 = props.excludedProductSelectionIds).call(_context3, ps.id);
+      var _context2;
+      return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
     });
     setProductSelectionResults(filteredProductSelections);
     return mapProductSelectionsToOptions({
@@ -8845,8 +8696,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
   };
   const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
   const onOptionClick = event => {
-    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 productSelectionId = event.target.value?.value;
     const currentProductSelection = _findInstanceProperty__default["default"](productionSelectionResults).call(productionSelectionResults, productSelection => productSelection.id === productSelectionId);
     props.onChange(currentProductSelection);
   };
@@ -8858,7 +8708,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
     value: getValueFromOptions$2({
       currentlySelectedProductSelections: props.value,
       productSelectionFieldOptions: mapProductSelectionsToOptions({
-        productSelections: _mapInstanceProperty__default["default"](_context4 = productSelectionsByFieldFetcher.productSelections).call(_context4, convertProductSelectionFromGraphQl),
+        productSelections: _mapInstanceProperty__default["default"](_context3 = productSelectionsByFieldFetcher.productSelections).call(_context3, convertProductSelectionFromGraphQl),
         dataLocale,
         projectLanguages,
         renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -8898,11 +8748,11 @@ function ModeSelectInputOption(props) {
       scale: "xs",
       children: [jsxRuntime.jsx(uiKit.Text.Detail, {
         isBold: true,
-        children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
+        children: data?.label || noValueFallback
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
+        children: ["Key: ", data?.key || noValueFallback]
       }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-        children: ["Type: ", (data === null || data === void 0 ? void 0 : data.mode) || noValueFallback]
+        children: ["Type: ", data?.mode || noValueFallback]
       })]
     })
   }));
@@ -9007,7 +8857,6 @@ function ownKeys$I(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 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; }
 var FetchRecurrencePolicies = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRecurrencePolicies" }, 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: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Int" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "recurrencePolicies" }, 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: [] }] } }] } }] } }] } }], loc: { start: 0, end: 220, source: { body: "query FetchRecurrencePolicies($where: String, $limit: Int!) {\n  recurrencePolicies(where: $where, limit: $limit) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useRecurrenceIntervals = _ref => {
-  var _data$recurrencePolic, _data$recurrencePolic2;
   let where = _ref.where,
     _ref$skip = _ref.skip,
     skip = _ref$skip === void 0 ? false : _ref$skip;
@@ -9027,7 +8876,7 @@ const useRecurrenceIntervals = _ref => {
     loading = _useQuery.loading,
     error = _useQuery.error;
   return {
-    recurrencePolicies: (_data$recurrencePolic = data === null || data === void 0 || (_data$recurrencePolic2 = data.recurrencePolicies) === null || _data$recurrencePolic2 === void 0 ? void 0 : _data$recurrencePolic2.results) !== null && _data$recurrencePolic !== void 0 ? _data$recurrencePolic : [],
+    recurrencePolicies: data?.recurrencePolicies?.results ?? [],
     loading,
     error
   };
@@ -9048,16 +8897,14 @@ const RecurrentIntervalPicker = _ref => {
     _ref$isReadOnly = _ref.isReadOnly,
     isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
     _ref$isMulti = _ref.isMulti,
-    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti;
+    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
+    dataTestId = _ref['data-testid'];
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        dataLocale: applicationContext.dataLocale,
-        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectKey: applicationContext.project?.key
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectKey = _useApplicationContex.projectKey;
   const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
@@ -9065,9 +8912,9 @@ const RecurrentIntervalPicker = _ref => {
   const where = React.useMemo(() => {
     if (!isReadOnly || !value) return undefined;
     if (_Array$isArray__default["default"](value)) {
-      return "id in (".concat(_mapInstanceProperty__default["default"](value).call(value, id => "\"".concat(id, "\"")).join(','), ")");
+      return `id in (${_mapInstanceProperty__default["default"](value).call(value, id => `"${id}"`).join(',')})`;
     }
-    return "id=\"".concat(value, "\"");
+    return `id="${value}"`;
   }, [isReadOnly, value]);
   const _useRecurrenceInterva = useRecurrenceIntervals({
       where,
@@ -9124,7 +8971,8 @@ const RecurrentIntervalPicker = _ref => {
       isDisabled: isDisabled || loading || noRecurrentIntervalsConfigured,
       onChange: onChange,
       onBlur: onBlur,
-      hasError: !loading && !error && selectedIsMissingInData
+      hasError: !loading && !error && selectedIsMissingInData,
+      "data-testid": dataTestId
     }), error ? jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
       intlMessage: commonPickerMessages.loadingErrorMessage
@@ -9137,7 +8985,7 @@ const RecurrentIntervalPicker = _ref => {
         intlMessage: _objectSpread$H(_objectSpread$H({}, messages$w.noRecurrentIntervalsConfigured), {}, {
           values: {
             linkToSettings: msg => jsxRuntime.jsx(uiKit.Link, {
-              to: "/".concat(projectKey, "/settings/project/intervals"),
+              to: `/${projectKey}/settings/project/intervals`,
               children: msg
             }, "link-to-settings")
           }
@@ -9177,17 +9025,17 @@ const ScrollToFieldError = () => {
       // Get a reference to the label.
       const firstElementId = firstErrorElement.getAttribute('id');
       if (firstElementId) {
-        var _ref, _ref2, _document$querySelect, _elementToScrollTo$sc;
-        const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, ".".concat(dataLocale));
+        const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, `.${dataLocale}`);
 
         // check if locale is appended then remove it from id
-        const id = localizedInputIndex > -1 ? firstElementId.replace(".".concat(dataLocale), '') : firstElementId;
+        const id = localizedInputIndex > -1 ? firstElementId.replace(`.${dataLocale}`, '') : firstElementId;
 
         // Scroll to the label (if found), otherwise to the input element itself.
 
-        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, {
+        const elementToScrollTo =
+        //  div is used only for custom fields
+        document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
+        elementToScrollTo.scrollIntoView?.({
           behavior: 'smooth',
           block: 'center'
         });
@@ -9212,8 +9060,7 @@ var messages$v = reactIntl.defineMessages({
 });
 
 const SelectableFieldSearchInput = props => {
-  var _props$initialValue, _props$placeholder;
-  const _useState = React.useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : ''),
+  const _useState = React.useState(props.initialValue ?? ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchText = _useState2[0],
     setSearchText = _useState2[1];
@@ -9249,7 +9096,7 @@ const SelectableFieldSearchInput = props => {
         });
       },
       onReset: props.onReset,
-      placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : intl.formatMessage(messages$v.placeholder),
+      placeholder: props.placeholder ?? intl.formatMessage(messages$v.placeholder),
       isDisabled: props.disabled
     })
   });
@@ -9297,7 +9144,7 @@ var messages$u = reactIntl.defineMessages({
 
 // map store to options
 const mapStoresToOptions = _ref => {
-  var _store$productSelecti;
+  var _context, _context2;
   let store = _ref.store,
     renderSelectInputOptionValuesByField = _ref.renderSelectInputOptionValuesByField,
     dataLocale = _ref.dataLocale,
@@ -9310,14 +9157,14 @@ const mapStoresToOptions = _ref => {
     key: 'name',
     locale: dataLocale,
     fallbackOrder: languages,
-    fallback: "".concat(store.key, " (key)")
+    fallback: `${store.key} (key)`
   });
   return {
     label: localizedName,
     value: renderSelectInputOptionValuesByField === 'key' ? store.key : store.id,
     key: store.key,
     id: store.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)
+    productSelections: ((_context = store.productSelections) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(productSelectionRef => productSelectionRef.productSelection.id)
   };
 };
 
@@ -9334,7 +9181,7 @@ const getCustomGroupLabelOption = customLabel => [{
 
 const _excluded$6 = ["shouldFetchProductSelections"];
 function ownKeys$G(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$G(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$G(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$G(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$G(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$G(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$G(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const hasErrors$2 = errors => {
   var _context;
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
@@ -9347,7 +9194,10 @@ const getValueFromOptions$1 = _ref => {
     isMulti = _ref.isMulti;
   // handle async-select-field value transformation
   if (isMulti) {
-    return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores === null || currentlySelectedStores === void 0 ? void 0 : _includesInstanceProperty__default["default"](currentlySelectedStores).call(currentlySelectedStores, store.value));
+    return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => {
+      var _context2, _context3;
+      return ((_context2 = currentlySelectedStores) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _includesInstanceProperty__default["default"](_context2), _context2))?.(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
@@ -9368,13 +9218,10 @@ const StoresAsyncSelectInput = _ref2 => {
     shouldFetchProductSelections = _ref2$shouldFetchProd === void 0 ? false : _ref2$shouldFetchProd,
     props = _objectWithoutProperties(_ref2, _excluded$6);
   const intl = reactIntl.useIntl();
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$p2;
-      return {
-        dataLocale: applicationContext.dataLocale,
-        projectLanguages: isEmpty__default["default"]((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) ? props.projectLanguages : (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.languages
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: isEmpty__default["default"](applicationContext.project?.languages) ? props.projectLanguages : applicationContext.project?.languages
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectLanguages = _useApplicationContex.projectLanguages;
   const keysOfStores = props.allAccessibleStoreKeysThroughDataFencePermissions;
@@ -9384,13 +9231,13 @@ const StoresAsyncSelectInput = _ref2 => {
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
     excludeProductSelections: !shouldFetchProductSelections,
-    stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
+    stores: 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, _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({
+    var _context4;
+    return _mapInstanceProperty__default["default"](_context4 = storesListFetcher.stores?.results || []).call(_context4, store => mapStoresToOptions({
       store,
       dataLocale,
       languages: projectLanguages,
@@ -9409,8 +9256,8 @@ const StoresAsyncSelectInput = _ref2 => {
       return result;
     }
     const filteredOptions = _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, storeOption => {
-      var _context3, _context4;
-      return _includesInstanceProperty__default["default"](_context3 = storeOption.label.toLowerCase()).call(_context3, searchTerm.toLowerCase()) || storeOption.key && _includesInstanceProperty__default["default"](_context4 = storeOption.key.toLowerCase()).call(_context4, searchTerm.toLowerCase());
+      var _context5, _context6;
+      return _includesInstanceProperty__default["default"](_context5 = storeOption.label.toLowerCase()).call(_context5, searchTerm.toLowerCase()) || storeOption.key && _includesInstanceProperty__default["default"](_context6 = storeOption.key.toLowerCase()).call(_context6, searchTerm.toLowerCase());
     });
     return [...(props.renderLabel ? [{
       options: getCustomGroupLabelOption(props.renderLabel)
@@ -9478,13 +9325,10 @@ const StoresBasicSelectInput = _ref => {
     shouldFetchProductSelections = _ref$shouldFetchProdu === void 0 ? false : _ref$shouldFetchProdu,
     props = _objectWithoutProperties(_ref, _excluded$5);
   const intl = reactIntl.useIntl();
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$p2;
-      return {
-        dataLocale: applicationContext.dataLocale,
-        projectLanguages: isEmpty__default["default"]((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) ? props.projectLanguages : (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.languages
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: isEmpty__default["default"](applicationContext.project?.languages) ? props.projectLanguages : applicationContext.project?.languages
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectLanguages = _useApplicationContex.projectLanguages;
   const keysOfStores = props.allAccessibleStoreKeysThroughDataFencePermissions;
@@ -9494,32 +9338,31 @@ const StoresBasicSelectInput = _ref => {
     sort: 'createdAt asc',
     excludeExtendedStoresList: true,
     excludeProductSelections: !shouldFetchProductSelections,
-    stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
+    stores: 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, _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({
+    var _context2;
+    const results = _mapInstanceProperty__default["default"](_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
       store,
       dataLocale,
       languages: projectLanguages,
       renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
     }));
-    return props !== null && props !== void 0 && props.renderLabel ? [{
+    return props?.renderLabel ? [{
       options: getCustomGroupLabelOption(props.renderLabel)
     }, {
       options: results
     }] : results;
-  }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props === null || props === void 0 ? void 0 : props.renderLabel]);
+  }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props?.renderLabel]);
   const handleChange = event => {
-    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 listOptions = props !== null && props !== void 0 && props.renderLabel ? mappedStoresListOptions[1].options : mappedStoresListOptions;
+    const value = event.target.value?.value ?? event.target.value;
+    const listOptions = props?.renderLabel ? mappedStoresListOptions[1].options : mappedStoresListOptions;
     const currentStore = _findInstanceProperty__default["default"](listOptions).call(listOptions, store => store.value === value);
 
     // We need complete store info including productSelections
-    if (!shouldFetchProductSelections && !(props !== null && props !== void 0 && props.renderLabel)) {
+    if (!shouldFetchProductSelections && !props?.renderLabel) {
       props.onChange(event);
     } else {
       props.onChange({
@@ -9571,7 +9414,6 @@ var StoresBasicSelectInput$1 = StoresBasicSelectInput;
 
 var TotalNumberOfStores = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "TotalNumberOfStores" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "totalNumberOfStores" }, name: { kind: "Name", value: "stores" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 76, source: { body: "query TotalNumberOfStores {\n  totalNumberOfStores: stores {\n    total\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useTotalNumberOfStoresFetcher = projectKey => {
-  var _totalNumberOfStoresQ;
   const totalNumberOfStoresQuery = react.useQuery(TotalNumberOfStores, {
     context: {
       target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM,
@@ -9580,26 +9422,22 @@ const useTotalNumberOfStoresFetcher = projectKey => {
     fetchPolicy: 'network-only'
   });
   return {
-    total: (_totalNumberOfStoresQ = totalNumberOfStoresQuery.data) === null || _totalNumberOfStoresQ === void 0 ? void 0 : _totalNumberOfStoresQ.totalNumberOfStores.total,
+    total: totalNumberOfStoresQuery.data?.totalNumberOfStores.total,
     isLoading: totalNumberOfStoresQuery.loading
   };
 };
 var useTotalNumberOfStoresFetcher$1 = useTotalNumberOfStoresFetcher;
 
 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) => {
-  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 createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => ({
+  where: `${predicateField} in (${_mapInstanceProperty__default["default"](stores).call(stores, store => `"${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];
@@ -9612,7 +9450,7 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
     skip: storesList.length === 0
   });
   return {
-    stores: ((_storesQuery$data = storesQuery.data) === null || _storesQuery$data === void 0 ? void 0 : _storesQuery$data.storesByField) || emptyStoresQueryResult,
+    stores: storesQuery.data?.storesByField || emptyStoresQueryResult,
     isLoading: storesQuery.loading
   };
 };
@@ -9620,7 +9458,7 @@ var useStoresByFieldFetcher$1 = useStoresByFieldFetcher;
 
 const _excluded$4 = ["shouldFetchProductSelections"];
 function ownKeys$E(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$E(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$E(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$E(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context0 = ownKeys$E(Object(t))).call(_context0, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var 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 } } } }; // check wether there are any errors
 const hasErrors = errors => {
@@ -9628,16 +9466,16 @@ const hasErrors = errors => {
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
 };
 const createQueryVariables$1 = _ref2 => {
-  var _context2, _context3;
+  var _context2;
   let searchText = _ref2.searchText,
     dataLocale = _ref2.dataLocale,
     allAccessibleStoreKeysThroughDataFencePermissions = _ref2.allAccessibleStoreKeysThroughDataFencePermissions,
     shouldFetchProductSelections = _ref2.shouldFetchProductSelections;
   const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](searchText).call(searchText, searchText));
-  const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
+  const keyQuery = `key = "${sanitizedSearchText}"`;
 
   // if the user has data fence permissions then we only allow stores to fetched that user has access to
-  if (allAccessibleStoreKeysThroughDataFencePermissions !== null && allAccessibleStoreKeysThroughDataFencePermissions !== void 0 && allAccessibleStoreKeysThroughDataFencePermissions.length) {
+  if (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 {
@@ -9653,9 +9491,9 @@ const createQueryVariables$1 = _ref2 => {
       excludeProductSelections: !shouldFetchProductSelections
     };
   }
-  const idQuery = isUUID$1(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 ');
+  const idQuery = isUUID$1(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
+  const nameQuery = `name(${dataLocale} = "${sanitizedSearchText}")`;
+  const searchTextQuery = _filterInstanceProperty__default["default"](_context2 = [idQuery, nameQuery, keyQuery]).call(_context2, Boolean).join(' or ');
   return {
     skipFetchingStores: false,
     where: searchTextQuery,
@@ -9663,7 +9501,7 @@ const createQueryVariables$1 = _ref2 => {
   };
 };
 const getValueFromOptions = _ref3 => {
-  var _storesByFieldFetcher, _context4;
+  var _context3, _context4, _context5;
   let isMulti = _ref3.isMulti,
     value = _ref3.value,
     dataLocale = _ref3.dataLocale,
@@ -9673,7 +9511,7 @@ const getValueFromOptions = _ref3 => {
   if (!value) {
     return undefined;
   }
-  const selectedOptions = (_storesByFieldFetcher = storesByFieldFetcher.stores) === null || _storesByFieldFetcher === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context4 = _storesByFieldFetcher.results).call(_context4, store => mapStoresToOptions({
+  const selectedOptions = ((_context3 = storesByFieldFetcher.stores) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _mapInstanceProperty__default["default"](_context4 = _context3.results), _context4))?.(store => mapStoresToOptions({
     store,
     dataLocale,
     languages,
@@ -9700,13 +9538,10 @@ const StoresSearchSelectInput = _ref4 => {
     shouldFetchProductSelections = _ref4$shouldFetchProd === void 0 ? false : _ref4$shouldFetchProd,
     props = _objectWithoutProperties(_ref4, _excluded$4);
   // hooks
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$p2;
-      return {
-        dataLocale: applicationContext.dataLocale,
-        projectLanguages: isEmpty__default["default"]((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) ? props.projectLanguages : (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.languages
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: isEmpty__default["default"](applicationContext.project?.languages) ? props.projectLanguages : applicationContext.project?.languages
+    })),
     dataLocale = _useApplicationContex.dataLocale,
     projectLanguages = _useApplicationContex.projectLanguages;
   const intl = reactIntl.useIntl();
@@ -9728,9 +9563,9 @@ const StoresSearchSelectInput = _ref4 => {
       },
       fetchPolicy: 'network-only'
     }).then(_ref5 => {
-      var _data$storesByWherePr, _context5;
+      var _context6, _context7, _context8;
       let data = _ref5.data;
-      const result = (_data$storesByWherePr = data.storesByWherePredicate) === null || _data$storesByWherePr === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context5 = _data$storesByWherePr.results).call(_context5, store => mapStoresToOptions({
+      const result = ((_context6 = data.storesByWherePredicate) == null ? void 0 : _bindInstanceProperty__default["default"](_context8 = Function.call).call(_context8, _mapInstanceProperty__default["default"](_context7 = _context6.results), _context7))?.(store => mapStoresToOptions({
         store,
         dataLocale,
         languages: projectLanguages,
@@ -9754,7 +9589,7 @@ const StoresSearchSelectInput = _ref4 => {
       css: renderLabelContainerStyles,
       children: [jsxRuntime.jsx("div", {
         css: customLabelStyles,
-        children: (props === null || props === void 0 ? void 0 : props.renderLabel) && (props === null || props === void 0 ? void 0 : props.renderLabel)
+        children: props?.renderLabel && props?.renderLabel
       }), jsxRuntime.jsx("div", {
         children: intl.formatMessage(inputValue ? messages$u.searchSelectInputNoOptionsFoundMessage : messages$u.searchSelectInputNoValueMessage)
       })]
@@ -9965,7 +9800,6 @@ const StoreSelectField = _ref => {
 StoreSelectField.displayName = 'StoreSelectField';
 var StoreSelectField$1 = StoreSelectField;
 
-var _templateObject$1;
 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$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -10040,7 +9874,10 @@ const VALIDATOR_INTEGER = {
  * has emitted a warning once in the logs, not for every instance
  */
 let hasWarned = false;
-const warningMessage = commonTags.oneLineTrim(_templateObject$1 || (_templateObject$1 = _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 warningMessage = commonTags.oneLineTrim`
+  \`validatedInput\` is no longer supported.
+  Please use \`formik\` instead.
+`;
 const ToolTipWrapperComponent = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let children = _ref2.children;
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -10196,7 +10033,7 @@ function validatedInput(InnerComponent, validators) {
       }
     }]);
   }(React.PureComponent);
-  ValidatedInput.displayName = "ValidatedInput(".concat(_InnerComponent.displayName, ")");
+  ValidatedInput.displayName = `ValidatedInput(${_InnerComponent.displayName})`;
   ValidatedInput.defaultProps = {
     isValid: true,
     getInputRef: () => {}
@@ -10224,7 +10061,7 @@ function simpleInput(type) {
       value: function render() {
         return jsxRuntime.jsx("input", {
           className: classnames__default["default"](this.props.className),
-          css: /*#__PURE__*/react$1.css(this.props.isValid ? '' : "border-color: ".concat(uiKit.designTokens.colorError, "!important;border: 1px solid;"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:simpleInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhbGlkYXRlZC1pbnB1dC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOFRrQiIsImZpbGUiOiJ2YWxpZGF0ZWQtaW5wdXQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IG9uZUxpbmVUcmltIH0gZnJvbSAnY29tbW9uLXRhZ3MnO1xuaW1wb3J0IHsgZGVlcEVxdWFsIH0gZnJvbSAnZmFzdC1lcXVhbHMnO1xuaW1wb3J0IGhhcyBmcm9tICdsb2Rhc2gvaGFzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHsgaW5qZWN0SW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHdhcm5pbmcgZnJvbSAndGlueS13YXJuaW5nJztcbmltcG9ydCB7XG4gIENvbnN0cmFpbnRzLFxuICBUb29sdGlwLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5pbXBvcnQgKiBhcyBudW1iZXJzIGZyb20gJy4uLy4uL3V0aWxzL251bWJlcnMnO1xuaW1wb3J0IHsgbWVzc2FnZXMgfSBmcm9tICcuLi8uLi91dGlscy92YWxpZGF0aW9uJztcblxuLy8gTm90ZTogZG9uJ3QgdXNlIGBnYCEgUmVnZXggd2l0aCBnbG9iYWwgZmxhZyBoYXZlIHN0YXRlXG4vLyBhbmQgc3Vic2VxdWVudCBjYWxscyBtYXkgZ2l2ZSBmYWxzZSByZXN1bHRzLlxuZXhwb3J0IGNvbnN0IEVNQUlMX1JFR0VYID1cbiAgL15bLSEjJCUmJyorLzAtOT0/QS1aXl9hLXpge3x9fl0oXFwuP1stISMkJSYnKisvMC05PT9BLVpeX2EtemB7fH1+XSkqQFthLXpBLVowLTldKC0qXFwuP1thLXpBLVowLTldKSpcXC5bYS16QS1aXSgtP1thLXpBLVowLTldKSskL2k7XG5cbmV4cG9ydCBjb25zdCBnZXRJc0V2ZW50ID0gKGV2ZW50KSA9PlxuICB0eXBlb2YgZXZlbnQgPT09ICdvYmplY3QnICYmICFpc05pbChldmVudC50YXJnZXQpO1xuXG5jb25zdCB2YWxpZGF0ZVJlcXVpcmVkID0gKHZhbHVlKSA9PiB7XG4gIGxldCBpc1ZhbGlkID0gdHJ1ZTtcblxuICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdmFsdWUubGVuZ3RoID09PSAwKSBpc1ZhbGlkID0gZmFsc2U7XG4gIGVsc2UgaWYgKGlzTmlsKHZhbHVlKSkgaXNWYWxpZCA9IGZhbHNlO1xuXG4gIHJldHVybiBpc1ZhbGlkO1xufTtcblxuZXhwb3J0IGNvbnN0IFZBTElEQVRPUl9SRVFVSVJFRCA9IHtcbiAgbmFtZTogJ3JlcXVpcmVkJyxcbiAgbWVzc2FnZTogbWVzc2FnZXMucmVxdWlyZWQsXG4gIHBlcm1hbmVudDogdHJ1ZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIGNoYW5nZSh2YWx1ZSkge1xuICAgICAgaWYgKCF0aGlzLnN0YXRlLnZhbGlkU3RhdHVzLnJlcXVpcmVkKSByZXR1cm4gdmFsaWRhdGVSZXF1aXJlZCh2YWx1ZSk7XG5cbiAgICAgIHJldHVybiB0aGlzLnN0YXRlLnZhbGlkU3RhdHVzLnJlcXVpcmVkO1xuICAgIH0sXG4gICAgYmx1cih2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbGlkYXRlUmVxdWlyZWQodmFsdWUpO1xuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgVkFMSURBVE9SX05VTUVSSUMgPSB7XG4gIG5hbWU6ICdudW1lcmljJyxcbiAgbWVzc2FnZTogbWVzc2FnZXMubnVtZXJpYyxcbiAgcGVybWFuZW50OiBmYWxzZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIGNoYW5nZTogKHYpID0+IFt1bmRlZmluZWQsIG51bGwsICcnXS5pbmNsdWRlcyh2KSB8fCBudW1iZXJzLmlzTnVtYmVyaXNoKHYpLFxuICAgIGJsdXI6ICh2KSA9PiBbdW5kZWZpbmVkLCBudWxsLCAnJ10uaW5jbHVkZXModikgfHwgbnVtYmVycy5pc051bWJlcmlzaCh2KSxcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBWQUxJREFUT1JfSU5URUdFUiA9IHtcbiAgbmFtZTogJ2ludGVnZXInLFxuICBtZXNzYWdlOiBtZXNzYWdlcy5pbnRlZ2VyLFxuICBwZXJtYW5lbnQ6IGZhbHNlLFxuICB2YWxpZGF0b3JzOiB7XG4gICAgY2hhbmdlOiAodikgPT4gW3VuZGVmaW5lZCwgbnVsbCwgJyddLmluY2x1ZGVzKHYpIHx8IG51bWJlcnMuaXNJbnRlZ2VyKHYpLFxuICAgIGJsdXI6ICh2KSA9PiBbdW5kZWZpbmVkLCBudWxsLCAnJ10uaW5jbHVkZXModikgfHwgbnVtYmVycy5pc0ludGVnZXIodiksXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgVkFMSURBVE9SX0VNQUlMID0ge1xuICBuYW1lOiAnZW1haWwnLFxuICBtZXNzYWdlOiBtZXNzYWdlcy5lbWFpbCxcbiAgcGVybWFuZW50OiBmYWxzZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIC8vIE5vdGU6IGl0J3MgYSBiaXQgd2VpcmQgdG8gdmFsaWRhdGUgaXQgb24gZXZlcnkgY2hhbmdlLFxuICAgIC8vIGxldCdzIGp1c3QgdmFsaWRhdGUgaXQgd2hlbiB0aGUgdXNlciBibHVycyBvdXQgb2YgdGhlIGlucHV0LlxuICAgIGJsdXIodmFsdWUpIHtcbiAgICAgIHJldHVybiBFTUFJTF9SRUdFWC50ZXN0KHZhbHVlKTtcbiAgICB9LFxuICB9LFxufTtcblxuLyoqXG4gKiBUaGlzIHZhciBpcyBwbGFjZWQgaGVyZSB0byBlbnN1cmUgdGhhdCB0aGlzIGNvbXBvbmVudFxuICogaGFzIGVtaXR0ZWQgYSB3YXJuaW5nIG9uY2UgaW4gdGhlIGxvZ3MsIG5vdCBmb3IgZXZlcnkgaW5zdGFuY2VcbiAqL1xubGV0IGhhc1dhcm5lZCA9IGZhbHNlO1xuZXhwb3J0IGNvbnN0IHdhcm5pbmdNZXNzYWdlID0gb25lTGluZVRyaW1gXG4gIFxcYHZhbGlkYXRlZElucHV0XFxgIGlzIG5vIGxvbmdlciBzdXBwb3J0ZWQuXG4gIFBsZWFzZSB1c2UgXFxgZm9ybWlrXFxgIGluc3RlYWQuXG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbFRpcFdyYXBwZXJDb21wb25lbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9eydzY2FsZSd9PlxuICAgIDxkaXYgcmVmPXtyZWZ9PntjaGlsZHJlbn08L2Rpdj5cbiAgPC9Db25zdHJhaW50cy5Ib3Jpem9udGFsPlxuKSk7XG5cblRvb2xUaXBXcmFwcGVyQ29tcG9uZW50LmRpc3BsYXlOYW1lID0gJ1Rvb2xUaXBXcmFwcGVyQ29tcG9uZW50JztcblRvb2xUaXBXcmFwcGVyQ29tcG9uZW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5lbGVtZW50LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdmFsaWRhdGVkSW5wdXQoXG4gIElubmVyQ29tcG9uZW50LFxuICB2YWxpZGF0b3JzLFxuICAvLyBDdXN0b20gY2xhc3MgbmFtZXNcbiAgeyBjb250YWluZXJDbGFzc05hbWUsIHRvb2x0aXBDb250YWluZXJDbGFzc05hbWUgfSA9IHt9LFxuICAvLyBDYWxsYmFjayBoYW5kbGVyc1xuICB7IGNoYW5nZUhhbmRsZXIgPSBudWxsLCBibHVySGFuZGxlciA9IG51bGwgfSA9IHt9XG4pIHtcbiAgbGV0IF9Jbm5lckNvbXBvbmVudCA9IElubmVyQ29tcG9uZW50O1xuXG4gIGlmICh0eXBlb2YgSW5uZXJDb21wb25lbnQgPT09ICdzdHJpbmcnKVxuICAgIF9Jbm5lckNvbXBvbmVudCA9IHNpbXBsZUlucHV0KElubmVyQ29tcG9uZW50KTtcblxuICBjb25zdCBfdmFsaWRhdG9ycyA9IFtdO1xuICBjb25zdCBfaW5pdGlhbFZhbGlkU3RhdGUgPSB7fTtcblxuICB2YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICBfdmFsaWRhdG9ycy5wdXNoKHYpO1xuICAgIF9pbml0aWFsVmFsaWRTdGF0ZVt2Lm5hbWVdID0gdHJ1ZTtcbiAgfSk7XG5cbiAgY2xhc3MgVmFsaWRhdGVkSW5wdXQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgZGlzcGxheU5hbWUgPSBgVmFsaWRhdGVkSW5wdXQoJHtfSW5uZXJDb21wb25lbnQuZGlzcGxheU5hbWV9KWA7XG5cbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25CbHVyVmFsdWU6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgYXR0cmlidXRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgdmFsdWU6IFByb3BUeXBlcy5hbnksXG4gICAgICAvLyBUaGlzIHByb3BzIGlzIGZvcndhcmRlZCB0byA8aW5wdXQgLz4gb2YgYHNpbXBsZUlucHV0YFxuICAgICAgLy8gcmVmOiBodHRwczovL3JlYWN0anMub3JnL2RvY3MvcmVmcy1hbmQtdGhlLWRvbS5odG1sI2V4cG9zaW5nLWRvbS1yZWZzLXRvLXBhcmVudC1jb21wb25lbnRzXG4gICAgICBnZXRJbnB1dFJlZjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgICAvLyBBIHBhc3N0aHJvdWdoIGJ5IHRoZSBwYXJlbnQuXG4gICAgICAvLyBJbiB0aGUgY29udGV4dCBvZiBTRVQsXG4gICAgICAvLyB0aGUgdmFsdWUgd2l0aGluIGluIHRoZSBpbnB1dCBjYW4gYmUgZGVlbWVkIHZhbGlkIGJ5IHRoZSB2YWxpZGF0b3JzLFxuICAgICAgLy8gYnV0IHN0aWxsIGludmFsaWQgaWYgaXQgd2VyZSBlLmcgYSBkdXBsaWNhdGVkIHZhbHVlXG4gICAgICBpc1ZhbGlkOiBQcm9wVHlwZXMuYm9vbCxcblxuICAgICAgLy8gaW5qZWN0SW50bFxuICAgICAgaW50bDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgZm9ybWF0TWVzc2FnZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICAgIH0pLmlzUmVxdWlyZWQsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICBpc1ZhbGlkOiB0cnVlLFxuICAgICAgZ2V0SW5wdXRSZWY6ICgpID0+IHt9LFxuICAgIH07XG5cbiAgICBzdGF0ZSA9IHsgdmFsaWRTdGF0dXM6IF9pbml0aWFsVmFsaWRTdGF0ZSB9O1xuICAgIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgICAgd2FybmluZyhoYXNXYXJuZWQsIHdhcm5pbmdNZXNzYWdlKTtcbiAgICAgIGhhc1dhcm5lZCA9IHRydWU7XG4gICAgfVxuXG4gICAgY29tcG9uZW50RGlkVXBkYXRlKCkge1xuICAgICAgY29uc3QgbmV4dFByb3BzID0gdGhpcy5wcm9wcztcbiAgICAgIGlmIChcbiAgICAgICAgKG5leHRQcm9wcy5hdHRyaWJ1dGUgJiYgbmV4dFByb3BzLmF0dHJpYnV0ZS52YWx1ZSkgfHxcbiAgICAgICAgbmV4dFByb3BzLnZhbHVlXG4gICAgICApIHtcbiAgICAgICAgdGhpcy5yZXNldFZhbGlkaXR5KCk7XG4gICAgICAgIHRoaXMuaGFuZGxlQ2hhbmdlKG5leHRQcm9wcy52YWx1ZSwgeyB0cmlnZ2VyVXBkYXRlOiBmYWxzZSB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25kaXRpb25hbFNldFZhbGlkU3RhdHVzID0gKG5leHRWYWxpZFN0YXR1cykgPT4ge1xuICAgICAgaWYgKCFkZWVwRXF1YWwodGhpcy5zdGF0ZS52YWxpZFN0YXR1cywgbmV4dFZhbGlkU3RhdHVzKSkge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgdmFsaWRTdGF0dXM6IG5leHRWYWxpZFN0YXR1cyB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgaGFuZGxlQ2hhbmdlID0gKGV2ZW50LCB7IHRyaWdnZXJVcGRhdGUgPSB0cnVlIH0gPSB7fSkgPT4ge1xuICAgICAgbGV0IHZhbHVlID0gJyc7XG4gICAgICBjb25zdCBuZXh0VmFsaWRTdGF0dXMgPSB7fTtcbiAgICAgIGNvbnN0IG9uQ2hhbmdlID1cbiAgICAgICAgKGNoYW5nZUhhbmRsZXIgJiYgdGhpcy5wcm9wc1tjaGFuZ2VIYW5kbGVyXSkgfHwgdGhpcy5wcm9wcy5vbkNoYW5nZTtcblxuICAgICAgLy8gSWYgdGhlIGFjdHVhbCBldmVudCBpcyBwYXNzZWQsIHZhbGlkYXRlIHRoZSB2YWx1ZVxuICAgICAgaWYgKGdldElzRXZlbnQoZXZlbnQpKSB2YWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICAgIGVsc2UgdmFsdWUgPSBldmVudDtcblxuICAgICAgX3ZhbGlkYXRvcnMuZm9yRWFjaCgodikgPT4ge1xuICAgICAgICBpZiAodi52YWxpZGF0b3JzLmNoYW5nZSlcbiAgICAgICAgICBuZXh0VmFsaWRTdGF0dXNbdi5uYW1lXSA9IHYudmFsaWRhdG9ycy5jaGFuZ2UuY2FsbCh0aGlzLCB2YWx1ZSk7XG4gICAgICAgIGVsc2UgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIGlmIChvbkNoYW5nZSAmJiB0cmlnZ2VyVXBkYXRlKSBvbkNoYW5nZShldmVudCk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBPbmx5IHRyaWdnZXJzIHdoZW4gdGhlcmUgaXMgYSB2YWx1ZSwgYnV0IGl0cyBub3QgdmFsaWRcbiAgICAgKiBzbyBpdCBtdXN0IGJlIGFuIGludmFsaWQgbnVtZXJpYyB2YWx1ZVxuICAgICAqL1xuICAgIGhhbmRsZUludmFsaWQgPSAoKSA9PiB7XG4gICAgICBjb25zdCBuZXh0VmFsaWRTdGF0dXMgPSB7IC4uLnRoaXMuc3RhdGUudmFsaWRTdGF0dXMgfTtcblxuICAgICAgaWYgKGhhcyhuZXh0VmFsaWRTdGF0dXMsICdudW1lcmljJykpIHtcbiAgICAgICAgbmV4dFZhbGlkU3RhdHVzLm51bWVyaWMgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jb25kaXRpb25hbFNldFZhbGlkU3RhdHVzKG5leHRWYWxpZFN0YXR1cyk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGhhbmRsZUJsdXIgPSAoZXZlbnQpID0+IHtcbiAgICAgIGxldCB2YWx1ZSA9ICcnO1xuICAgICAgY29uc3QgbmV4dFZhbGlkU3RhdHVzID0ge307XG4gICAgICBjb25zdCBvbkJsdXIgPVxuICAgICAgICAoYmx1ckhhbmRsZXIgJiYgdGhpcy5wcm9wc1tibHVySGFuZGxlcl0pIHx8IHRoaXMucHJvcHMub25CbHVyVmFsdWU7XG5cbiAgICAgIC8vIElmIHRoZSBhY3R1YWwgZXZlbnQgaXMgcGFzc2VkLCB2YWxpZGF0ZSB0aGUgdmFsdWVcbiAgICAgIGlmIChnZXRJc0V2ZW50KGV2ZW50KSkgdmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG4gICAgICBlbHNlIHZhbHVlID0gZXZlbnQ7XG5cbiAgICAgIF92YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICAgICAgaWYgKHYudmFsaWRhdG9ycy5ibHVyKVxuICAgICAgICAgIG5leHRWYWxpZFN0YXR1c1t2Lm5hbWVdID0gdi52YWxpZGF0b3JzLmJsdXIuY2FsbCh0aGlzLCB2YWx1ZSk7XG4gICAgICAgIGVsc2UgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIGlmIChvbkJsdXIpIG9uQmx1cihldmVudCk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICByZXNldFZhbGlkaXR5ID0gKCkgPT4ge1xuICAgICAgY29uc3QgbmV4dFZhbGlkU3RhdHVzID0ge307XG5cbiAgICAgIF92YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICAgICAgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCBpc1ZhbGlkID0gX3ZhbGlkYXRvcnMucmVkdWNlKChwcmV2LCB2KSA9PiB7XG4gICAgICAgIGlmIChwcmV2KSByZXR1cm4gdGhpcy5zdGF0ZS52YWxpZFN0YXR1c1t2Lm5hbWVdO1xuICAgICAgICByZXR1cm4gcHJldjtcbiAgICAgIH0sIHRydWUpO1xuXG4gICAgICBjb25zdCBjb21wb25lbnRQcm9wcyA9IHtcbiAgICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICAgICAgW2JsdXJIYW5kbGVyIHx8ICdvbkJsdXJWYWx1ZSddOiB0aGlzLmhhbmRsZUJsdXIsXG4gICAgICAgIFtjaGFuZ2VIYW5kbGVyIHx8ICdvbkNoYW5nZSddOiB0aGlzLmhhbmRsZUNoYW5nZSxcbiAgICAgICAgb25JbnZhbGlkVmFsdWU6IHRoaXMuaGFuZGxlSW52YWxpZCxcbiAgICAgICAgaXNWYWxpZDogdGhpcy5wcm9wcy5pc1ZhbGlkICYmIGlzVmFsaWQsXG4gICAgICAgIGdldElucHV0UmVmOiB0aGlzLnByb3BzLmdldElucHV0UmVmLFxuICAgICAgfTtcblxuICAgICAgY29uc3QgZmlyc3RGYWlsZWRWYWxpZGF0b3IgPSBfdmFsaWRhdG9ycy5maW5kKFxuICAgICAgICAodikgPT4gIXRoaXMuc3RhdGUudmFsaWRTdGF0dXNbdi5uYW1lXVxuICAgICAgKTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjb250YWluZXJDbGFzc05hbWUpfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgcGxhY2VtZW50PVwidG9wXCJcbiAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgKGZpcnN0RmFpbGVkVmFsaWRhdG9yICYmXG4gICAgICAgICAgICAgICAgdGhpcy5wcm9wcy5pbnRsLmZvcm1hdE1lc3NhZ2UoZmlyc3RGYWlsZWRWYWxpZGF0b3IubWVzc2FnZSkpIHx8XG4gICAgICAgICAgICAgICcnXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpc09wZW49eyFpc1ZhbGlkfVxuICAgICAgICAgICAgY29tcG9uZW50cz17e1xuICAgICAgICAgICAgICBXcmFwcGVyQ29tcG9uZW50OiBUb29sVGlwV3JhcHBlckNvbXBvbmVudCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPF9Jbm5lckNvbXBvbmVudCB7Li4uY29tcG9uZW50UHJvcHN9IC8+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIGluamVjdEludGwoVmFsaWRhdGVkSW5wdXQpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gc2ltcGxlSW5wdXQodHlwZSkge1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnU2ltcGxlSW5wdXQnO1xuXG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgIGlzVmFsaWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgZ2V0SW5wdXRSZWY6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25CbHVyVmFsdWU6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgICB2YWx1ZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pLFxuICAgIH07XG5cbiAgICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgICAgZ2V0SW5wdXRSZWY6ICgpID0+IHt9LFxuICAgICAgbmFtZTogJ3NpbXBsZS12YWxpZGF0ZWQtaW5wdXQnLFxuICAgIH07XG5cbiAgICBoYW5kbGVCbHVyID0gKGV2ZW50KSA9PiB7XG4gICAgICBpZiAodGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSkgdGhpcy5wcm9wcy5vbkJsdXJWYWx1ZShldmVudC50YXJnZXQudmFsdWUpO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXModGhpcy5wcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgJHt0aGlzLnByb3BzLmlzVmFsaWRcbiAgICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgICA6IGBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yRXJyb3J9IWltcG9ydGFudDtib3JkZXI6IDFweCBzb2xpZDtgfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5uYW1lfVxuICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIHJlZj17dGhpcy5wcm9wcy5nZXRJbnB1dFJlZn1cbiAgICAgICAgICB2YWx1ZT17dGhpcy5wcm9wcy52YWx1ZSA9PT0gdW5kZWZpbmVkID8gJycgOiB0aGlzLnByb3BzLnZhbHVlfVxuICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgb25CbHVyPXt0aGlzLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e3RoaXMucHJvcHMub25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ== */"),
+          css: /*#__PURE__*/react$1.css(this.props.isValid ? '' : `border-color: ${uiKit.designTokens.colorError}!important;border: 1px solid;`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:simpleInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhbGlkYXRlZC1pbnB1dC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOFRrQiIsImZpbGUiOiJ2YWxpZGF0ZWQtaW5wdXQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IG9uZUxpbmVUcmltIH0gZnJvbSAnY29tbW9uLXRhZ3MnO1xuaW1wb3J0IHsgZGVlcEVxdWFsIH0gZnJvbSAnZmFzdC1lcXVhbHMnO1xuaW1wb3J0IGhhcyBmcm9tICdsb2Rhc2gvaGFzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHsgaW5qZWN0SW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHdhcm5pbmcgZnJvbSAndGlueS13YXJuaW5nJztcbmltcG9ydCB7XG4gIENvbnN0cmFpbnRzLFxuICBUb29sdGlwLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5pbXBvcnQgKiBhcyBudW1iZXJzIGZyb20gJy4uLy4uL3V0aWxzL251bWJlcnMnO1xuaW1wb3J0IHsgbWVzc2FnZXMgfSBmcm9tICcuLi8uLi91dGlscy92YWxpZGF0aW9uJztcblxuLy8gTm90ZTogZG9uJ3QgdXNlIGBnYCEgUmVnZXggd2l0aCBnbG9iYWwgZmxhZyBoYXZlIHN0YXRlXG4vLyBhbmQgc3Vic2VxdWVudCBjYWxscyBtYXkgZ2l2ZSBmYWxzZSByZXN1bHRzLlxuZXhwb3J0IGNvbnN0IEVNQUlMX1JFR0VYID1cbiAgL15bLSEjJCUmJyorLzAtOT0/QS1aXl9hLXpge3x9fl0oXFwuP1stISMkJSYnKisvMC05PT9BLVpeX2EtemB7fH1+XSkqQFthLXpBLVowLTldKC0qXFwuP1thLXpBLVowLTldKSpcXC5bYS16QS1aXSgtP1thLXpBLVowLTldKSskL2k7XG5cbmV4cG9ydCBjb25zdCBnZXRJc0V2ZW50ID0gKGV2ZW50KSA9PlxuICB0eXBlb2YgZXZlbnQgPT09ICdvYmplY3QnICYmICFpc05pbChldmVudC50YXJnZXQpO1xuXG5jb25zdCB2YWxpZGF0ZVJlcXVpcmVkID0gKHZhbHVlKSA9PiB7XG4gIGxldCBpc1ZhbGlkID0gdHJ1ZTtcblxuICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdmFsdWUubGVuZ3RoID09PSAwKSBpc1ZhbGlkID0gZmFsc2U7XG4gIGVsc2UgaWYgKGlzTmlsKHZhbHVlKSkgaXNWYWxpZCA9IGZhbHNlO1xuXG4gIHJldHVybiBpc1ZhbGlkO1xufTtcblxuZXhwb3J0IGNvbnN0IFZBTElEQVRPUl9SRVFVSVJFRCA9IHtcbiAgbmFtZTogJ3JlcXVpcmVkJyxcbiAgbWVzc2FnZTogbWVzc2FnZXMucmVxdWlyZWQsXG4gIHBlcm1hbmVudDogdHJ1ZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIGNoYW5nZSh2YWx1ZSkge1xuICAgICAgaWYgKCF0aGlzLnN0YXRlLnZhbGlkU3RhdHVzLnJlcXVpcmVkKSByZXR1cm4gdmFsaWRhdGVSZXF1aXJlZCh2YWx1ZSk7XG5cbiAgICAgIHJldHVybiB0aGlzLnN0YXRlLnZhbGlkU3RhdHVzLnJlcXVpcmVkO1xuICAgIH0sXG4gICAgYmx1cih2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbGlkYXRlUmVxdWlyZWQodmFsdWUpO1xuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgVkFMSURBVE9SX05VTUVSSUMgPSB7XG4gIG5hbWU6ICdudW1lcmljJyxcbiAgbWVzc2FnZTogbWVzc2FnZXMubnVtZXJpYyxcbiAgcGVybWFuZW50OiBmYWxzZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIGNoYW5nZTogKHYpID0+IFt1bmRlZmluZWQsIG51bGwsICcnXS5pbmNsdWRlcyh2KSB8fCBudW1iZXJzLmlzTnVtYmVyaXNoKHYpLFxuICAgIGJsdXI6ICh2KSA9PiBbdW5kZWZpbmVkLCBudWxsLCAnJ10uaW5jbHVkZXModikgfHwgbnVtYmVycy5pc051bWJlcmlzaCh2KSxcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBWQUxJREFUT1JfSU5URUdFUiA9IHtcbiAgbmFtZTogJ2ludGVnZXInLFxuICBtZXNzYWdlOiBtZXNzYWdlcy5pbnRlZ2VyLFxuICBwZXJtYW5lbnQ6IGZhbHNlLFxuICB2YWxpZGF0b3JzOiB7XG4gICAgY2hhbmdlOiAodikgPT4gW3VuZGVmaW5lZCwgbnVsbCwgJyddLmluY2x1ZGVzKHYpIHx8IG51bWJlcnMuaXNJbnRlZ2VyKHYpLFxuICAgIGJsdXI6ICh2KSA9PiBbdW5kZWZpbmVkLCBudWxsLCAnJ10uaW5jbHVkZXModikgfHwgbnVtYmVycy5pc0ludGVnZXIodiksXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgVkFMSURBVE9SX0VNQUlMID0ge1xuICBuYW1lOiAnZW1haWwnLFxuICBtZXNzYWdlOiBtZXNzYWdlcy5lbWFpbCxcbiAgcGVybWFuZW50OiBmYWxzZSxcbiAgdmFsaWRhdG9yczoge1xuICAgIC8vIE5vdGU6IGl0J3MgYSBiaXQgd2VpcmQgdG8gdmFsaWRhdGUgaXQgb24gZXZlcnkgY2hhbmdlLFxuICAgIC8vIGxldCdzIGp1c3QgdmFsaWRhdGUgaXQgd2hlbiB0aGUgdXNlciBibHVycyBvdXQgb2YgdGhlIGlucHV0LlxuICAgIGJsdXIodmFsdWUpIHtcbiAgICAgIHJldHVybiBFTUFJTF9SRUdFWC50ZXN0KHZhbHVlKTtcbiAgICB9LFxuICB9LFxufTtcblxuLyoqXG4gKiBUaGlzIHZhciBpcyBwbGFjZWQgaGVyZSB0byBlbnN1cmUgdGhhdCB0aGlzIGNvbXBvbmVudFxuICogaGFzIGVtaXR0ZWQgYSB3YXJuaW5nIG9uY2UgaW4gdGhlIGxvZ3MsIG5vdCBmb3IgZXZlcnkgaW5zdGFuY2VcbiAqL1xubGV0IGhhc1dhcm5lZCA9IGZhbHNlO1xuZXhwb3J0IGNvbnN0IHdhcm5pbmdNZXNzYWdlID0gb25lTGluZVRyaW1gXG4gIFxcYHZhbGlkYXRlZElucHV0XFxgIGlzIG5vIGxvbmdlciBzdXBwb3J0ZWQuXG4gIFBsZWFzZSB1c2UgXFxgZm9ybWlrXFxgIGluc3RlYWQuXG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbFRpcFdyYXBwZXJDb21wb25lbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9eydzY2FsZSd9PlxuICAgIDxkaXYgcmVmPXtyZWZ9PntjaGlsZHJlbn08L2Rpdj5cbiAgPC9Db25zdHJhaW50cy5Ib3Jpem9udGFsPlxuKSk7XG5cblRvb2xUaXBXcmFwcGVyQ29tcG9uZW50LmRpc3BsYXlOYW1lID0gJ1Rvb2xUaXBXcmFwcGVyQ29tcG9uZW50JztcblRvb2xUaXBXcmFwcGVyQ29tcG9uZW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5lbGVtZW50LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdmFsaWRhdGVkSW5wdXQoXG4gIElubmVyQ29tcG9uZW50LFxuICB2YWxpZGF0b3JzLFxuICAvLyBDdXN0b20gY2xhc3MgbmFtZXNcbiAgeyBjb250YWluZXJDbGFzc05hbWUsIHRvb2x0aXBDb250YWluZXJDbGFzc05hbWUgfSA9IHt9LFxuICAvLyBDYWxsYmFjayBoYW5kbGVyc1xuICB7IGNoYW5nZUhhbmRsZXIgPSBudWxsLCBibHVySGFuZGxlciA9IG51bGwgfSA9IHt9XG4pIHtcbiAgbGV0IF9Jbm5lckNvbXBvbmVudCA9IElubmVyQ29tcG9uZW50O1xuXG4gIGlmICh0eXBlb2YgSW5uZXJDb21wb25lbnQgPT09ICdzdHJpbmcnKVxuICAgIF9Jbm5lckNvbXBvbmVudCA9IHNpbXBsZUlucHV0KElubmVyQ29tcG9uZW50KTtcblxuICBjb25zdCBfdmFsaWRhdG9ycyA9IFtdO1xuICBjb25zdCBfaW5pdGlhbFZhbGlkU3RhdGUgPSB7fTtcblxuICB2YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICBfdmFsaWRhdG9ycy5wdXNoKHYpO1xuICAgIF9pbml0aWFsVmFsaWRTdGF0ZVt2Lm5hbWVdID0gdHJ1ZTtcbiAgfSk7XG5cbiAgY2xhc3MgVmFsaWRhdGVkSW5wdXQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgZGlzcGxheU5hbWUgPSBgVmFsaWRhdGVkSW5wdXQoJHtfSW5uZXJDb21wb25lbnQuZGlzcGxheU5hbWV9KWA7XG5cbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25CbHVyVmFsdWU6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgYXR0cmlidXRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgdmFsdWU6IFByb3BUeXBlcy5hbnksXG4gICAgICAvLyBUaGlzIHByb3BzIGlzIGZvcndhcmRlZCB0byA8aW5wdXQgLz4gb2YgYHNpbXBsZUlucHV0YFxuICAgICAgLy8gcmVmOiBodHRwczovL3JlYWN0anMub3JnL2RvY3MvcmVmcy1hbmQtdGhlLWRvbS5odG1sI2V4cG9zaW5nLWRvbS1yZWZzLXRvLXBhcmVudC1jb21wb25lbnRzXG4gICAgICBnZXRJbnB1dFJlZjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgICAvLyBBIHBhc3N0aHJvdWdoIGJ5IHRoZSBwYXJlbnQuXG4gICAgICAvLyBJbiB0aGUgY29udGV4dCBvZiBTRVQsXG4gICAgICAvLyB0aGUgdmFsdWUgd2l0aGluIGluIHRoZSBpbnB1dCBjYW4gYmUgZGVlbWVkIHZhbGlkIGJ5IHRoZSB2YWxpZGF0b3JzLFxuICAgICAgLy8gYnV0IHN0aWxsIGludmFsaWQgaWYgaXQgd2VyZSBlLmcgYSBkdXBsaWNhdGVkIHZhbHVlXG4gICAgICBpc1ZhbGlkOiBQcm9wVHlwZXMuYm9vbCxcblxuICAgICAgLy8gaW5qZWN0SW50bFxuICAgICAgaW50bDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgZm9ybWF0TWVzc2FnZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICAgIH0pLmlzUmVxdWlyZWQsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICBpc1ZhbGlkOiB0cnVlLFxuICAgICAgZ2V0SW5wdXRSZWY6ICgpID0+IHt9LFxuICAgIH07XG5cbiAgICBzdGF0ZSA9IHsgdmFsaWRTdGF0dXM6IF9pbml0aWFsVmFsaWRTdGF0ZSB9O1xuICAgIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgICAgd2FybmluZyhoYXNXYXJuZWQsIHdhcm5pbmdNZXNzYWdlKTtcbiAgICAgIGhhc1dhcm5lZCA9IHRydWU7XG4gICAgfVxuXG4gICAgY29tcG9uZW50RGlkVXBkYXRlKCkge1xuICAgICAgY29uc3QgbmV4dFByb3BzID0gdGhpcy5wcm9wcztcbiAgICAgIGlmIChcbiAgICAgICAgKG5leHRQcm9wcy5hdHRyaWJ1dGUgJiYgbmV4dFByb3BzLmF0dHJpYnV0ZS52YWx1ZSkgfHxcbiAgICAgICAgbmV4dFByb3BzLnZhbHVlXG4gICAgICApIHtcbiAgICAgICAgdGhpcy5yZXNldFZhbGlkaXR5KCk7XG4gICAgICAgIHRoaXMuaGFuZGxlQ2hhbmdlKG5leHRQcm9wcy52YWx1ZSwgeyB0cmlnZ2VyVXBkYXRlOiBmYWxzZSB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25kaXRpb25hbFNldFZhbGlkU3RhdHVzID0gKG5leHRWYWxpZFN0YXR1cykgPT4ge1xuICAgICAgaWYgKCFkZWVwRXF1YWwodGhpcy5zdGF0ZS52YWxpZFN0YXR1cywgbmV4dFZhbGlkU3RhdHVzKSkge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgdmFsaWRTdGF0dXM6IG5leHRWYWxpZFN0YXR1cyB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgaGFuZGxlQ2hhbmdlID0gKGV2ZW50LCB7IHRyaWdnZXJVcGRhdGUgPSB0cnVlIH0gPSB7fSkgPT4ge1xuICAgICAgbGV0IHZhbHVlID0gJyc7XG4gICAgICBjb25zdCBuZXh0VmFsaWRTdGF0dXMgPSB7fTtcbiAgICAgIGNvbnN0IG9uQ2hhbmdlID1cbiAgICAgICAgKGNoYW5nZUhhbmRsZXIgJiYgdGhpcy5wcm9wc1tjaGFuZ2VIYW5kbGVyXSkgfHwgdGhpcy5wcm9wcy5vbkNoYW5nZTtcblxuICAgICAgLy8gSWYgdGhlIGFjdHVhbCBldmVudCBpcyBwYXNzZWQsIHZhbGlkYXRlIHRoZSB2YWx1ZVxuICAgICAgaWYgKGdldElzRXZlbnQoZXZlbnQpKSB2YWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICAgIGVsc2UgdmFsdWUgPSBldmVudDtcblxuICAgICAgX3ZhbGlkYXRvcnMuZm9yRWFjaCgodikgPT4ge1xuICAgICAgICBpZiAodi52YWxpZGF0b3JzLmNoYW5nZSlcbiAgICAgICAgICBuZXh0VmFsaWRTdGF0dXNbdi5uYW1lXSA9IHYudmFsaWRhdG9ycy5jaGFuZ2UuY2FsbCh0aGlzLCB2YWx1ZSk7XG4gICAgICAgIGVsc2UgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIGlmIChvbkNoYW5nZSAmJiB0cmlnZ2VyVXBkYXRlKSBvbkNoYW5nZShldmVudCk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBPbmx5IHRyaWdnZXJzIHdoZW4gdGhlcmUgaXMgYSB2YWx1ZSwgYnV0IGl0cyBub3QgdmFsaWRcbiAgICAgKiBzbyBpdCBtdXN0IGJlIGFuIGludmFsaWQgbnVtZXJpYyB2YWx1ZVxuICAgICAqL1xuICAgIGhhbmRsZUludmFsaWQgPSAoKSA9PiB7XG4gICAgICBjb25zdCBuZXh0VmFsaWRTdGF0dXMgPSB7IC4uLnRoaXMuc3RhdGUudmFsaWRTdGF0dXMgfTtcblxuICAgICAgaWYgKGhhcyhuZXh0VmFsaWRTdGF0dXMsICdudW1lcmljJykpIHtcbiAgICAgICAgbmV4dFZhbGlkU3RhdHVzLm51bWVyaWMgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jb25kaXRpb25hbFNldFZhbGlkU3RhdHVzKG5leHRWYWxpZFN0YXR1cyk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGhhbmRsZUJsdXIgPSAoZXZlbnQpID0+IHtcbiAgICAgIGxldCB2YWx1ZSA9ICcnO1xuICAgICAgY29uc3QgbmV4dFZhbGlkU3RhdHVzID0ge307XG4gICAgICBjb25zdCBvbkJsdXIgPVxuICAgICAgICAoYmx1ckhhbmRsZXIgJiYgdGhpcy5wcm9wc1tibHVySGFuZGxlcl0pIHx8IHRoaXMucHJvcHMub25CbHVyVmFsdWU7XG5cbiAgICAgIC8vIElmIHRoZSBhY3R1YWwgZXZlbnQgaXMgcGFzc2VkLCB2YWxpZGF0ZSB0aGUgdmFsdWVcbiAgICAgIGlmIChnZXRJc0V2ZW50KGV2ZW50KSkgdmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG4gICAgICBlbHNlIHZhbHVlID0gZXZlbnQ7XG5cbiAgICAgIF92YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICAgICAgaWYgKHYudmFsaWRhdG9ycy5ibHVyKVxuICAgICAgICAgIG5leHRWYWxpZFN0YXR1c1t2Lm5hbWVdID0gdi52YWxpZGF0b3JzLmJsdXIuY2FsbCh0aGlzLCB2YWx1ZSk7XG4gICAgICAgIGVsc2UgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIGlmIChvbkJsdXIpIG9uQmx1cihldmVudCk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICByZXNldFZhbGlkaXR5ID0gKCkgPT4ge1xuICAgICAgY29uc3QgbmV4dFZhbGlkU3RhdHVzID0ge307XG5cbiAgICAgIF92YWxpZGF0b3JzLmZvckVhY2goKHYpID0+IHtcbiAgICAgICAgbmV4dFZhbGlkU3RhdHVzW3YubmFtZV0gPSB0cnVlO1xuICAgICAgfSk7XG5cbiAgICAgIHRoaXMuY29uZGl0aW9uYWxTZXRWYWxpZFN0YXR1cyhuZXh0VmFsaWRTdGF0dXMpO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCBpc1ZhbGlkID0gX3ZhbGlkYXRvcnMucmVkdWNlKChwcmV2LCB2KSA9PiB7XG4gICAgICAgIGlmIChwcmV2KSByZXR1cm4gdGhpcy5zdGF0ZS52YWxpZFN0YXR1c1t2Lm5hbWVdO1xuICAgICAgICByZXR1cm4gcHJldjtcbiAgICAgIH0sIHRydWUpO1xuXG4gICAgICBjb25zdCBjb21wb25lbnRQcm9wcyA9IHtcbiAgICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICAgICAgW2JsdXJIYW5kbGVyIHx8ICdvbkJsdXJWYWx1ZSddOiB0aGlzLmhhbmRsZUJsdXIsXG4gICAgICAgIFtjaGFuZ2VIYW5kbGVyIHx8ICdvbkNoYW5nZSddOiB0aGlzLmhhbmRsZUNoYW5nZSxcbiAgICAgICAgb25JbnZhbGlkVmFsdWU6IHRoaXMuaGFuZGxlSW52YWxpZCxcbiAgICAgICAgaXNWYWxpZDogdGhpcy5wcm9wcy5pc1ZhbGlkICYmIGlzVmFsaWQsXG4gICAgICAgIGdldElucHV0UmVmOiB0aGlzLnByb3BzLmdldElucHV0UmVmLFxuICAgICAgfTtcblxuICAgICAgY29uc3QgZmlyc3RGYWlsZWRWYWxpZGF0b3IgPSBfdmFsaWRhdG9ycy5maW5kKFxuICAgICAgICAodikgPT4gIXRoaXMuc3RhdGUudmFsaWRTdGF0dXNbdi5uYW1lXVxuICAgICAgKTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjb250YWluZXJDbGFzc05hbWUpfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgcGxhY2VtZW50PVwidG9wXCJcbiAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgKGZpcnN0RmFpbGVkVmFsaWRhdG9yICYmXG4gICAgICAgICAgICAgICAgdGhpcy5wcm9wcy5pbnRsLmZvcm1hdE1lc3NhZ2UoZmlyc3RGYWlsZWRWYWxpZGF0b3IubWVzc2FnZSkpIHx8XG4gICAgICAgICAgICAgICcnXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpc09wZW49eyFpc1ZhbGlkfVxuICAgICAgICAgICAgY29tcG9uZW50cz17e1xuICAgICAgICAgICAgICBXcmFwcGVyQ29tcG9uZW50OiBUb29sVGlwV3JhcHBlckNvbXBvbmVudCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPF9Jbm5lckNvbXBvbmVudCB7Li4uY29tcG9uZW50UHJvcHN9IC8+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIGluamVjdEludGwoVmFsaWRhdGVkSW5wdXQpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gc2ltcGxlSW5wdXQodHlwZSkge1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnU2ltcGxlSW5wdXQnO1xuXG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgIGlzVmFsaWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgZ2V0SW5wdXRSZWY6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25CbHVyVmFsdWU6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgICB2YWx1ZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pLFxuICAgIH07XG5cbiAgICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgICAgZ2V0SW5wdXRSZWY6ICgpID0+IHt9LFxuICAgICAgbmFtZTogJ3NpbXBsZS12YWxpZGF0ZWQtaW5wdXQnLFxuICAgIH07XG5cbiAgICBoYW5kbGVCbHVyID0gKGV2ZW50KSA9PiB7XG4gICAgICBpZiAodGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSkgdGhpcy5wcm9wcy5vbkJsdXJWYWx1ZShldmVudC50YXJnZXQudmFsdWUpO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXModGhpcy5wcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgJHt0aGlzLnByb3BzLmlzVmFsaWRcbiAgICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgICA6IGBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yRXJyb3J9IWltcG9ydGFudDtib3JkZXI6IDFweCBzb2xpZDtgfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5uYW1lfVxuICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIHJlZj17dGhpcy5wcm9wcy5nZXRJbnB1dFJlZn1cbiAgICAgICAgICB2YWx1ZT17dGhpcy5wcm9wcy52YWx1ZSA9PT0gdW5kZWZpbmVkID8gJycgOiB0aGlzLnByb3BzLnZhbHVlfVxuICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgb25CbHVyPXt0aGlzLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e3RoaXMucHJvcHMub25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ== */"),
           name: this.props.name,
           disabled: this.props.disabled,
           ref: this.props.getInputRef,
@@ -10260,7 +10097,7 @@ let CustomFieldDefinitionsConnector = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       var _context;
       const hasUnsupportedResource = _someInstanceProperty__default["default"](_context = this.props.resources).call(_context, resource => !_includesInstanceProperty__default["default"](customizableResources$1).call(customizableResources$1, resource));
-      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, "core/components/custom-field-definitions-connector: some of the specified resources are not supported.") : invariant__default["default"](false) : void 0;
+      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, `core/components/custom-field-definitions-connector: some of the specified resources are not supported.`) : invariant__default["default"](false) : void 0;
     }
   }, {
     key: "render",
@@ -10278,9 +10115,9 @@ CustomFieldDefinitionsConnector.displayName = 'CustomFieldDefinitionsConnector';
 CustomFieldDefinitionsConnector.defaultProps = {
   resources: []
 };
-const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => "\"".concat(resource, "\"")).join();
+const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
 const mapPropsToOptions = ownProps => {
-  const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources$1(ownProps.resources), ")") : undefined;
+  const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources$1(ownProps.resources)})` : undefined;
   return {
     variables: {
       where,
@@ -10341,19 +10178,19 @@ const graphQlDocToForm = typeDefinition => {
       key: typeDefinition.key,
       name: l10n.transformLocalizedFieldToLocalizedString(typeDefinition.nameAllLocales),
       fieldDefinitions: _mapInstanceProperty__default["default"](_context = typeDefinition.fieldDefinitions).call(_context, fieldDefinition => {
-        var _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
+        var _context2, _context3;
         return {
           name: fieldDefinition.name,
           required: fieldDefinition.required,
           inputHint: fieldDefinition.inputHint,
-          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$z(_objectSpread$z({}, fieldDefinition.type), {}, {
+          type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$z(_objectSpread$z({}, fieldDefinition.type), {}, {
             elementType: _objectSpread$z(_objectSpread$z({}, 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$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$z(_objectSpread$z({}, fieldDefinition.type), {}, {
+          }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$z(_objectSpread$z({}, fieldDefinition.type), {}, {
             values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
               key: value.key,
               label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -10385,7 +10222,7 @@ const formToGraphQlDoc = formCustomFields => ({
 // TODO(pa3): find usages and make sure only 1 param is passed
 const createEmptyCustomFields = typeDefinition => ({
   fields: {},
-  type: (typeDefinition === null || typeDefinition === void 0 ? void 0 : typeDefinition.type) || {
+  type: typeDefinition?.type || {
     fieldDefinitions: []
   }
 });
@@ -10410,7 +10247,7 @@ let CustomFieldTypeDefinitionsConnector = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       var _context;
       const hasUnsupportedResource = _someInstanceProperty__default["default"](_context = this.props.resources).call(_context, resource => !_includesInstanceProperty__default["default"](customizableResources).call(customizableResources, resource));
-      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, "core/components/custom-field-definitions-connector: some of the specified resources are not supported.") : invariant__default["default"](false) : void 0;
+      !!hasUnsupportedResource ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, `core/components/custom-field-definitions-connector: some of the specified resources are not supported.`) : invariant__default["default"](false) : void 0;
     }
   }, {
     key: "render",
@@ -10433,9 +10270,9 @@ CustomFieldTypeDefinitionsConnector.graphQlDocToForm = graphQlDocToForm;
 CustomFieldTypeDefinitionsConnector.formToRestDoc = formToRestDoc;
 CustomFieldTypeDefinitionsConnector.formToGraphQlDoc = formToGraphQlDoc;
 CustomFieldTypeDefinitionsConnector.createEmptyCustomFields = createEmptyCustomFields;
-const stringifyResources = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => "\"".concat(resource, "\"")).join();
+const stringifyResources = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
 const createGraphQlOptions = ownProps => {
-  const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources(ownProps.resources), ")") : undefined;
+  const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources(ownProps.resources)})` : undefined;
   return {
     variables: {
       where,
@@ -10486,7 +10323,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 === null || value === void 0 ? void 0 : 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?.id), ['id']);else if (type.name.toLowerCase() === 'localizedstring') {
     validatedValues = unique(values, languages);
   } else validatedValues = unique(values);
   return validatedValues;
@@ -10625,10 +10462,9 @@ var messages$s = reactIntl.defineMessages({
 const FIELD_NAME = 'custom';
 
 function ownKeys$w(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$w(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$w(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$w(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$w(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$w(Object(t))).call(_context7, 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') {
+  if (fieldDefinition.type?.elementType?.name === 'LocalizedEnum') {
     var _context;
     return _objectSpread$w(_objectSpread$w({}, fieldDefinition.type), {}, {
       elementType: _objectSpread$w(_objectSpread$w({}, fieldDefinition.type.elementType), {}, {
@@ -10638,7 +10474,7 @@ const transformFieldType = fieldDefinition => {
         }))
       })
     });
-  } else if (((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum') {
+  } else if (fieldDefinition.type?.name === 'LocalizedEnum') {
     var _context2;
     return _objectSpread$w(_objectSpread$w({}, fieldDefinition.type), {}, {
       values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context2, value => ({
@@ -10685,9 +10521,9 @@ const createFormStateFromResource = resource => {
   };
 };
 const createGraphQlDocFromFormState = formState => {
-  var _formState$FIELD_NAME, _context5;
+  var _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)) {
+  if (!formState[FIELD_NAME]?.type?.id) {
     return {
       [FIELD_NAME]: {}
     };
@@ -10713,8 +10549,7 @@ const createGraphQlDocFromFormState = formState => {
 
 // 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;
+  return rootFieldName ? `${rootFieldName}.${FIELD_NAME}` : FIELD_NAME;
 };
 
 function ownKeys$v(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; }
@@ -10723,8 +10558,7 @@ const typeDefinitionsExist = typeDefinitions => {
   return typeDefinitions.length > 0;
 };
 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);
+  return formik.getIn(formValues, rootFieldName)?.type && formik.getIn(formValues, rootFieldName)?.type?.obj;
 };
 const typeDefinitionContainsFieldDefinitions = (formValues, rootFieldName) => {
   return formik.getIn(formValues, rootFieldName).type.obj.key && formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions.length > 0;
@@ -10764,7 +10598,7 @@ const CustomFieldsInputWrapper = _ref2 => {
     max: "scale",
     children: jsxRuntime.jsx(CustomFields$1, {
       isReadOnly: isReadOnly,
-      name: "".concat(rootFieldName, ".fields"),
+      name: `${rootFieldName}.fields`,
       fieldDefinitions: isReadOnly && hideEmptyFields ? fieldDefinitionsWithValues(formValues, rootFieldName) : formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions
     })
   });
@@ -10802,7 +10636,6 @@ const createFormStateFromTypeDefinition = selectedTypeDefinition => {
   };
 };
 const CustomTypeSubform = _ref => {
-  var _getIn3, _getIn4;
   let typeDefinitions = _ref.typeDefinitions,
     isReadOnly = _ref.isReadOnly,
     isCondensed = _ref.isCondensed,
@@ -10828,16 +10661,15 @@ const CustomTypeSubform = _ref => {
   const handleTypeDefinitionSelect = React.useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
-      var _initialValueCustomTy;
       const initialValueCustomType = formik.getIn(initialValues, rootFieldName);
-      const selectedCustomTypeKey = selectedTypeDefinition === null || selectedTypeDefinition === void 0 ? void 0 : selectedTypeDefinition.type.key;
+      const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
       let newFieldValue;
 
       /**
        * If the user selects the same custom type that was already selected, we need to reset the `custom` field
        * back to its initial value to ensure that the form state is consistent with the initial values.
        */
-      if ((initialValueCustomType === null || initialValueCustomType === void 0 || (_initialValueCustomTy = initialValueCustomType.type) === null || _initialValueCustomTy === void 0 || (_initialValueCustomTy = _initialValueCustomTy.obj) === null || _initialValueCustomTy === void 0 ? void 0 : _initialValueCustomTy.key) === selectedCustomTypeKey) {
+      if (initialValueCustomType?.type?.obj?.key === selectedCustomTypeKey) {
         newFieldValue = initialValueCustomType;
         /**
          * Otherwise, set the `custom` field to the new custom type definition.
@@ -10856,8 +10688,7 @@ const CustomTypeSubform = _ref => {
     }
   }, [typeDefinitions, setFieldValue, validateForm, rootFieldName]);
   const typeDefinitionSelected = formValues => {
-    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);
+    return formik.getIn(formValues, rootFieldName)?.type && formik.getIn(formValues, rootFieldName)?.type?.obj;
   };
 
   // if the user has read-only permissions, empty fields are hidden, and no type definition is selected, hide the component
@@ -10872,9 +10703,9 @@ const CustomTypeSubform = _ref => {
       children: jsxRuntime.jsx(uiKit.SelectInput, {
         isClearable: true,
         "data-testid": "custom-type-select",
-        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,
+        name: `${rootFieldName}.type.obj.key`,
+        options: mapTypeDefinitionsToOptions(typeDefinitions, language, languages, formik.getIn(formValues, rootFieldName)?.type?.id),
+        value: formik.getIn(formValues, rootFieldName)?.type?.obj?.key,
         onChange: handleTypeDefinitionSelect,
         placeholder: formatMessage(messages$s.typesPlaceholder),
         isReadOnly: isReadOnly
@@ -10960,7 +10791,7 @@ var fetchPimIndexStatus = (apolloClient, projectKey) => async dispatch => {
   try {
     await dispatch(sdk.actions.head({
       mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
-      uri: "/".concat(projectKey, "/search/products")
+      uri: `/${projectKey}/search/products`
     }));
     return {
       status: 'indexed'
@@ -11033,9 +10864,9 @@ const getIndexingJobIds = _ref => {
     productTypes = _ref$data.productTypes,
     productSelections = _ref$data.productSelections;
   return {
-    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),
-    productSelectionsJobId: (productSelections === null || productSelections === void 0 ? void 0 : productSelections.indexingJobId) || (productSelections === null || productSelections === void 0 ? void 0 : productSelections.existingIndexingJobId)
+    productsJobId: products?.indexingJobId || products?.existingIndexingJobId,
+    productTypesJobId: productTypes?.indexingJobId || productTypes?.existingIndexingJobId,
+    productSelectionsJobId: productSelections?.indexingJobId || productSelections?.existingIndexingJobId
   };
 };
 let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
@@ -11319,7 +11150,7 @@ function ownKeys$r(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$r(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$r(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$r({
-  [camelCase__default["default"]("should include ".concat(nextNameOfLimit))]: platformLimit ? nextNameOfLimit === platformLimit : true
+  [camelCase__default["default"](`should include ${nextNameOfLimit}`)]: platformLimit ? nextNameOfLimit === platformLimit : true
 }, previousIncludedLimits), {});
 var createPlatformLimitsQueryVariables = createQueryVariables;
 
@@ -11336,7 +11167,7 @@ const usePlatformLimitsFetcher = platformLimit => {
     error = _useQuery.error,
     data = _useQuery.data,
     refetch = _useQuery.refetch;
-  const platformLimits = !loading ? omit__default["default"](data === null || data === void 0 ? void 0 : data.limits, '__typename') : {};
+  const platformLimits = !loading ? omit__default["default"](data?.limits, '__typename') : {};
   return {
     isLoading: loading,
     error,
@@ -11474,7 +11305,7 @@ const getCustomerSupportLink = msg => jsxRuntime.jsx(uiKit.Link, {
   isExternal: true,
   to: constants.SUPPORT_PORTAL_URL,
   children: msg
-}, "msg-".concat(msg));
+}, `msg-${msg}`);
 const PlatformLimitWarningNotification = _ref => {
   let resource = _ref.resource,
     limit = _ref.limit;
@@ -11536,11 +11367,10 @@ const getPlatformLimitsStatus = _ref3 => {
     total = _ref3.total,
     intl = _ref3.intl;
   if (limit) {
-    var _context;
-    return _concatInstanceProperty__default["default"](_context = "(".concat(intl.formatNumber(current), "/")).call(_context, intl.formatNumber(limit), ")");
+    return `(${intl.formatNumber(current)}/${intl.formatNumber(limit)})`;
   }
   if (total) {
-    return "(".concat(intl.formatNumber(total), ")");
+    return `(${intl.formatNumber(total)})`;
   }
   return '';
 };
@@ -11561,18 +11391,17 @@ const useShippingMethodsPlatformLimitsFetcher = () => {
 var useShippingMethodsPlatformLimitsFetcher$1 = useShippingMethodsPlatformLimitsFetcher;
 
 const useShippingMethodsPlatformLimits$1 = () => {
-  var _platformLimits$shipp;
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher$1(),
     platformLimits = _useShippingMethodsPl.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
+  if (!platformLimits?.shippingMethods?.total) {
     return {
       hasReachedShippingMethodsWarningLimit: false,
       hasReachedShippingMethodsErrorLimit: false
     };
   }
-  const _platformLimits$shipp2 = platformLimits.shippingMethods.total,
-    limit = _platformLimits$shipp2.limit,
-    current = _platformLimits$shipp2.current;
+  const _platformLimits$shipp = platformLimits.shippingMethods.total,
+    limit = _platformLimits$shipp.limit,
+    current = _platformLimits$shipp.current;
   const hasReachedShippingMethodsWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -11589,13 +11418,12 @@ const useShippingMethodsPlatformLimits$1 = () => {
 var useShippingMethodsPlatformLimitsStatus = useShippingMethodsPlatformLimits$1;
 
 const PlatformLimitsShippingMethodsNotifications = () => {
-  var _platformLimits$shipp;
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher$1(),
     platformLimits = _useShippingMethodsPl.platformLimits;
   const _useShippingMethodsPl2 = useShippingMethodsPlatformLimitsStatus(),
     hasReachedShippingMethodsWarningLimit = _useShippingMethodsPl2.hasReachedShippingMethodsWarningLimit,
     hasReachedShippingMethodsErrorLimit = _useShippingMethodsPl2.hasReachedShippingMethodsErrorLimit;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
+  if (!platformLimits?.shippingMethods?.total) {
     return null;
   }
   if (hasReachedShippingMethodsErrorLimit) {
@@ -11643,13 +11471,12 @@ var messages$n = reactIntl.defineMessages({
 });
 
 const PlatformLimitsShippingMethodsStatus = _ref => {
-  var _platformLimits$shipp, _platformLimits$shipp2;
   let total = _ref.total;
   const intl = reactIntl.useIntl();
   const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher$1(),
     platformLimits = _useShippingMethodsPl.platformLimits;
-  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;
+  const current = platformLimits?.shippingMethods?.total?.current;
+  const limit = platformLimits?.shippingMethods?.total?.limit;
   return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
     scale: "s",
     alignItems: "baseline",
@@ -11721,18 +11548,17 @@ const useTaxCategoriesPlatformLimitsFetcher = () => {
 var useTaxCategoriesPlatformLimitsFetcher$1 = useTaxCategoriesPlatformLimitsFetcher;
 
 const useTaxCategoriesPlatformLimits$1 = () => {
-  var _platformLimits$taxCa;
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher$1(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
+  if (!platformLimits?.taxCategories?.total) {
     return {
       hasReachedTaxCategoriesWarningLimit: false,
       hasReachedTaxCategoriesErrorLimit: false
     };
   }
-  const _platformLimits$taxCa2 = platformLimits.taxCategories.total,
-    limit = _platformLimits$taxCa2.limit,
-    current = _platformLimits$taxCa2.current;
+  const _platformLimits$taxCa = platformLimits.taxCategories.total,
+    limit = _platformLimits$taxCa.limit,
+    current = _platformLimits$taxCa.current;
   const hasReachedTaxCategoriesWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -11749,13 +11575,12 @@ const useTaxCategoriesPlatformLimits$1 = () => {
 var useTaxCategoriesPlatformLimitsStatus = useTaxCategoriesPlatformLimits$1;
 
 const PlatformLimitsTaxCategoriesNotifications = () => {
-  var _platformLimits$taxCa;
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher$1(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
   const _useTaxCategoriesPlat2 = useTaxCategoriesPlatformLimitsStatus(),
     hasReachedTaxCategoriesWarningLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesWarningLimit,
     hasReachedTaxCategoriesErrorLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesErrorLimit;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
+  if (!platformLimits?.taxCategories?.total) {
     return null;
   }
   if (hasReachedTaxCategoriesErrorLimit) {
@@ -11803,13 +11628,12 @@ var messages$l = reactIntl.defineMessages({
 });
 
 const PlatformLimitsTaxCategoriesStatus = _ref => {
-  var _platformLimits$taxCa, _platformLimits$taxCa2;
   let total = _ref.total;
   const intl = reactIntl.useIntl();
   const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher$1(),
     platformLimits = _useTaxCategoriesPlat.platformLimits;
-  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;
+  const current = platformLimits?.taxCategories?.total?.current;
+  const limit = platformLimits?.taxCategories?.total?.limit;
   return jsxRuntime.jsx(StatusText, {
     intlMessage: messages$l.taxCategoriesStatus,
     children: getPlatformLimitsStatus({
@@ -11875,18 +11699,17 @@ const useZonesPlatformLimitsFetcher = () => {
 var useZonesPlatformLimitsFetcher$1 = useZonesPlatformLimitsFetcher;
 
 const useZonesPlatformLimits$1 = () => {
-  var _platformLimits$zones;
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher$1(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
+  if (!platformLimits?.zones?.total) {
     return {
       hasReachedZonesWarningLimit: false,
       hasReachedZonesErrorLimit: false
     };
   }
-  const _platformLimits$zones2 = platformLimits.zones.total,
-    limit = _platformLimits$zones2.limit,
-    current = _platformLimits$zones2.current;
+  const _platformLimits$zones = platformLimits.zones.total,
+    limit = _platformLimits$zones.limit,
+    current = _platformLimits$zones.current;
   const hasReachedZonesWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -11903,13 +11726,12 @@ const useZonesPlatformLimits$1 = () => {
 var useZonesPlatformLimitsStatus = useZonesPlatformLimits$1;
 
 const PlatformLimitsZonesNotifications = () => {
-  var _platformLimits$zones;
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher$1(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
   const _useZonesPlatformLimi2 = useZonesPlatformLimitsStatus(),
     hasReachedZonesWarningLimit = _useZonesPlatformLimi2.hasReachedZonesWarningLimit,
     hasReachedZonesErrorLimit = _useZonesPlatformLimi2.hasReachedZonesErrorLimit;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
+  if (!platformLimits?.zones?.total) {
     return null;
   }
   if (hasReachedZonesErrorLimit) {
@@ -11957,13 +11779,12 @@ var messages$j = reactIntl.defineMessages({
 });
 
 const PlatformLimitsZonesStatus = _ref => {
-  var _platformLimits$zones, _platformLimits$zones2;
   let total = _ref.total;
   const intl = reactIntl.useIntl();
   const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher$1(),
     platformLimits = _useZonesPlatformLimi.platformLimits;
-  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;
+  const current = platformLimits?.zones?.total?.current;
+  const limit = platformLimits?.zones?.total?.limit;
   return jsxRuntime.jsx(StatusText, {
     intlMessage: messages$j.zonesStatus,
     children: getPlatformLimitsStatus({
@@ -12029,18 +11850,17 @@ const useCustomersPlatformLimitsFetcher = () => {
 var useCustomersPlatformLimitsFetcher$1 = useCustomersPlatformLimitsFetcher;
 
 const useCustomersPlatformLimits$2 = () => {
-  var _platformLimits$custo;
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
     platformLimits = _useCustomersPlatform.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customers?.total) {
     return {
       hasReachedCustomersWarningLimit: false,
       hasReachedCustomersErrorLimit: false
     };
   }
-  const _platformLimits$custo2 = platformLimits.customers.total,
-    limit = _platformLimits$custo2.limit,
-    current = _platformLimits$custo2.current;
+  const _platformLimits$custo = platformLimits.customers.total,
+    limit = _platformLimits$custo.limit,
+    current = _platformLimits$custo.current;
   const hasReachedCustomersWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -12071,13 +11891,12 @@ const useCustomersPlatormLimitsModalState = () => {
 var useCustomersPlatormLimitsModalState$1 = useCustomersPlatormLimitsModalState;
 
 const PlatformLimitsCustomersNotifications = () => {
-  var _platformLimits$custo;
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
     platformLimits = _useCustomersPlatform.platformLimits;
   const _useCustomersPlatform2 = useCustomersPlatformLimitsStatus(),
     hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
     hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customers?.total) {
     return jsxRuntime.jsx("div", {});
   }
   if (hasReachedCustomersErrorLimit) {
@@ -12136,16 +11955,15 @@ var _ref$4 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 const PlatformLimitsCustomersStatus = () => {
-  var _platformLimits$custo;
   const intl = reactIntl.useIntl();
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
     platformLimits = _useCustomersPlatform.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customers?.total) {
     return null;
   }
-  const _platformLimits$custo2 = platformLimits.customers.total,
-    current = _platformLimits$custo2.current,
-    limit = _platformLimits$custo2.limit;
+  const _platformLimits$custo = platformLimits.customers.total,
+    current = _platformLimits$custo.current,
+    limit = _platformLimits$custo.limit;
   return jsxRuntime.jsx("div", {
     css: _ref$4,
     children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -12327,7 +12145,6 @@ PlatformLimitsCustomersCombined.displayName = 'PlatformLimitsCustomersCombined';
 var CustomersCombined = PlatformLimitsCustomersCombined;
 
 const useCustomersPlatformLimits = () => {
-  var _platformLimits$custo;
   const _useCustomersPlatform = useCustomersPlatformLimitsFetcher$1(),
     platformLimits = _useCustomersPlatform.platformLimits,
     refetch = _useCustomersPlatform.refetch;
@@ -12335,7 +12152,7 @@ const useCustomersPlatformLimits = () => {
     hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
     hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
   const interceptNavigation = useInterceptNavigation$1(hasReachedCustomersErrorLimit);
-  const maxGroupsPerCustomerLimit = platformLimits === null || platformLimits === void 0 || (_platformLimits$custo = platformLimits.customers) === null || _platformLimits$custo === void 0 || (_platformLimits$custo = _platformLimits$custo.maxGroupsPerCustomer) === null || _platformLimits$custo === void 0 ? void 0 : _platformLimits$custo.limit;
+  const maxGroupsPerCustomerLimit = platformLimits?.customers?.maxGroupsPerCustomer?.limit;
   return {
     CustomersLimits: {
       Notifications: CustomersNotification,
@@ -12371,17 +12188,16 @@ const injectCustomersPlatformLimits = () => WrappedComponent => {
 var injectCustomersPlatformLimits$1 = injectCustomersPlatformLimits;
 
 const useBusinessUnitsPlatformLimitsFetcher = () => {
-  var _platformLimits$busin, _platformLimits$busin2, _platformLimits$busin3, _platformLimits$busin4;
   const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.businessUnits),
     isLoading = _usePlatformLimitsFet.isLoading,
     error = _usePlatformLimitsFet.error,
     platformLimits = _usePlatformLimitsFet.platformLimits,
     refetch = _usePlatformLimitsFet.refetch;
   const formattedPlatformLimits = {
-    businessUnitsMaxDivisionsLimit: (_platformLimits$busin = platformLimits.businessUnits) === null || _platformLimits$busin === void 0 ? void 0 : _platformLimits$busin.maxDivisions.limit,
-    businessUnitsMaxDepthLimit: (_platformLimits$busin2 = platformLimits.businessUnits) === null || _platformLimits$busin2 === void 0 ? void 0 : _platformLimits$busin2.maxDepthLimit.limit,
-    businessUnitsMaxAssociatesLimit: (_platformLimits$busin3 = platformLimits.businessUnits) === null || _platformLimits$busin3 === void 0 ? void 0 : _platformLimits$busin3.maxAssociates.limit,
-    businessUnitsMaxAssociateRolesLimit: (_platformLimits$busin4 = platformLimits.businessUnits) === null || _platformLimits$busin4 === void 0 ? void 0 : _platformLimits$busin4.maxAssociateRoles.limit
+    businessUnitsMaxDivisionsLimit: platformLimits.businessUnits?.maxDivisions.limit,
+    businessUnitsMaxDepthLimit: platformLimits.businessUnits?.maxDepthLimit.limit,
+    businessUnitsMaxAssociatesLimit: platformLimits.businessUnits?.maxAssociates.limit,
+    businessUnitsMaxAssociateRolesLimit: platformLimits.businessUnits?.maxAssociateRoles.limit
   };
   return {
     isLoading,
@@ -12419,18 +12235,17 @@ const useCustomerGroupsPlatformLimitsFetcher = () => {
 var useCustomerGroupsPlatformLimitsFetcher$1 = useCustomerGroupsPlatformLimitsFetcher;
 
 const useCustomerGroupsPlatformLimitsStatus = () => {
-  var _platformLimits$custo;
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher$1(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customerGroups?.total) {
     return {
       hasReachedCustomerGroupsWarningLimit: false,
       hasReachedCustomerGroupsErrorLimit: false
     };
   }
-  const _platformLimits$custo2 = platformLimits.customerGroups.total,
-    limit = _platformLimits$custo2.limit,
-    current = _platformLimits$custo2.current;
+  const _platformLimits$custo = platformLimits.customerGroups.total,
+    limit = _platformLimits$custo.limit,
+    current = _platformLimits$custo.current;
   const hasReachedCustomerGroupsWarningLimit = getHasExceededWarningThreshold({
     limit,
     current
@@ -12461,13 +12276,12 @@ const useCustomerGroupsPlatormLimitsModalState = () => {
 var useCustomerGroupsPlatormLimitsModalState$1 = useCustomerGroupsPlatormLimitsModalState;
 
 const PlatformLimitsCustomerGroupsNotifications = () => {
-  var _platformLimits$custo;
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher$1(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
   const _useCustomerGroupsPla2 = useCustomerGroupsPlatformLimitsStatus$1(),
     hasReachedCustomerGroupsWarningLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsWarningLimit,
     hasReachedCustomerGroupsErrorLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsErrorLimit;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customerGroups?.total) {
     return jsxRuntime.jsx("div", {});
   }
   if (hasReachedCustomerGroupsErrorLimit) {
@@ -12526,16 +12340,15 @@ var _ref$3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 };
 const PlatformLimitsCustomerGroupsStatus = () => {
-  var _platformLimits$custo;
   const intl = reactIntl.useIntl();
   const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher$1(),
     platformLimits = _useCustomerGroupsPla.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
+  if (!platformLimits?.customerGroups?.total) {
     return null;
   }
-  const _platformLimits$custo2 = platformLimits.customerGroups.total,
-    current = _platformLimits$custo2.current,
-    limit = _platformLimits$custo2.limit;
+  const _platformLimits$custo = platformLimits.customerGroups.total,
+    current = _platformLimits$custo.current,
+    limit = _platformLimits$custo.limit;
   return jsxRuntime.jsx("div", {
     css: _ref$3,
     children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -12757,18 +12570,17 @@ const injectCustomerGroupsPlatformLimits = () => WrappedComponent => {
 var injectCustomerGroupsPlatformLimits$1 = injectCustomerGroupsPlatformLimits;
 
 const useStoresPlatformLimitsFetcher = () => {
-  var _platformLimits$store, _platformLimits$store2, _platformLimits$store3, _platformLimits$store4, _platformLimits$store5;
   const _usePlatformLimitsFet = usePlatformLimitsFetcher$1(RESOURCES_WITH_PLATFORM_LIMITS.stores),
     isLoading = _usePlatformLimitsFet.isLoading,
     error = _usePlatformLimitsFet.error,
     platformLimits = _usePlatformLimitsFet.platformLimits,
     refetch = _usePlatformLimitsFet.refetch;
   const formattedPlatformLimits = {
-    total: (_platformLimits$store = platformLimits.stores) === null || _platformLimits$store === void 0 ? void 0 : _platformLimits$store.total.limit,
-    storeLimit: (_platformLimits$store2 = platformLimits.stores) === null || _platformLimits$store2 === void 0 ? void 0 : _platformLimits$store2.total.limit,
-    storeCurrent: (_platformLimits$store3 = platformLimits.stores) === null || _platformLimits$store3 === void 0 ? void 0 : _platformLimits$store3.total.current,
-    inventorySupplyChannels: (_platformLimits$store4 = platformLimits.stores) === null || _platformLimits$store4 === void 0 ? void 0 : _platformLimits$store4.inventorySupplyChannels.limit,
-    productDistributionChannels: (_platformLimits$store5 = platformLimits.stores) === null || _platformLimits$store5 === void 0 ? void 0 : _platformLimits$store5.productDistributionChannels.limit
+    total: platformLimits.stores?.total.limit,
+    storeLimit: platformLimits.stores?.total.limit,
+    storeCurrent: platformLimits.stores?.total.current,
+    inventorySupplyChannels: platformLimits.stores?.inventorySupplyChannels.limit,
+    productDistributionChannels: platformLimits.stores?.productDistributionChannels.limit
   };
   return {
     isLoading,
@@ -12782,7 +12594,7 @@ var useStoresPlatformLimitsFetcher$1 = useStoresPlatformLimitsFetcher;
 const useStoresPlatformLimits = () => {
   const _useStoresPlatformLim = useStoresPlatformLimitsFetcher$1(),
     platformLimits = _useStoresPlatformLim.platformLimits;
-  if (!(platformLimits !== null && platformLimits !== void 0 && platformLimits.total)) {
+  if (!platformLimits?.total) {
     return {
       hasReachedStoresWarningLimit: false,
       hasReachedStoresErrorLimit: false
@@ -12843,7 +12655,6 @@ const valueMapping = {
   all: [true, false]
 };
 const BooleanField = _ref => {
-  var _context;
   let _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     _ref$disabled = _ref.disabled,
@@ -12862,7 +12673,7 @@ const BooleanField = _ref => {
   }];
   if (props.isMulti) options.push({
     value: 'all',
-    label: _concatInstanceProperty__default["default"](_context = "".concat(yesLabel, " / ")).call(_context, noLabel)
+    label: `${yesLabel} / ${noLabel}`
   });
   return jsxRuntime.jsx(uiKit.SelectInput, {
     name: props.name,
@@ -12974,7 +12785,7 @@ const MultiValueSelectorDropdown = props => {
           truncate: true,
           intlMessage: _objectSpread$7(_objectSpread$7({}, messages$8.filterWholeInput), {}, {
             values: {
-              values: "\"".concat(props.value, "\"")
+              values: `"${props.value}"`
             }
           })
         })
@@ -12985,7 +12796,7 @@ const MultiValueSelectorDropdown = props => {
           truncate: true,
           intlMessage: _objectSpread$7(_objectSpread$7({}, messages$8.filterSeparateValues), {}, {
             values: {
-              values: "\"".concat(props.multiValue.join('", "'), "\"") || props.value
+              values: `"${props.multiValue.join('", "')}"` || props.value
             }
           })
         })
@@ -13182,7 +12993,7 @@ let NumericFormatInput = /*#__PURE__*/function (_PureComponent) {
         },
         name: this.props.name,
         className: classnames__default["default"](this.props.className),
-        css: /*#__PURE__*/react$1.css(this.props.isValid ? '' : "border-color: ".concat(uiKit.designTokens.colorError, "!important;border: 1px solid;"), " ", this.props.disabled ? 'cursor: not-allowed;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:NumericFormatInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm51bWVyaWMtZm9ybWF0LWlucHV0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSmdCIiwiZmlsZSI6Im51bWVyaWMtZm9ybWF0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgQ2xlYXZlIGZyb20gJ2NsZWF2ZS5qcy9yZWFjdCc7XG5pbXBvcnQgb25lTGluZSBmcm9tICdjb21tb24tdGFncy9saWIvb25lTGluZSc7XG5pbXBvcnQgaXNGaW5pdGUgZnJvbSAnbG9kYXNoL2lzRmluaXRlJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IGlzVW5kZWZpbmVkIGZyb20gJ2xvZGFzaC9pc1VuZGVmaW5lZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHtcbiAgd2l0aFByb3BzLFxuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZ2V0U2VwYXJhdG9yc0ZvckxvY2FsZSxcbiAgaXNOdW1iZXJpc2gsXG59IGZyb20gJy4uLy4uL2ludGVybmFsLWluZGV4JztcblxuQ2xlYXZlLmRpc3BsYXlOYW1lID0gJ0NsZWF2ZSc7XG5cbi8vIG9ubHkgYWxsb3cgdmFsdWVzIG9mIHR5cGUgTnVtYmVyIG9yIHZhbHVlcyB0aGF0IGFyZSBuaWwgKG51bGwgb3IgdW5kZWZpbmVkKVxuLy8gdXNlIGlzRmluaXRlIHRvIGV4Y2x1ZGUgSW5maXRpbnR5LCAtSW5pZmluaXR5IGFuZCBOYU5cbmNvbnN0IGlzVmFsaWRWYWx1ZSA9ICh2YWx1ZSkgPT4gaXNGaW5pdGUodmFsdWUpIHx8IGlzTmlsKHZhbHVlKTtcblxuZXhwb3J0IGNsYXNzIE51bWVyaWNGb3JtYXRJbnB1dCBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnTnVtZXJpY0Zvcm1hdElucHV0JztcblxuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG51bWJlckZvcm1hdDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjb25zaXN0ZW50LXJldHVyblxuICAgIHZhbHVlOiAocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lKSA9PiB7XG4gICAgICBpZiAoIWlzVmFsaWRWYWx1ZShwcm9wc1twcm9wTmFtZV0pKSB7XG4gICAgICAgIHJldHVybiBuZXcgRXJyb3IoXG4gICAgICAgICAgb25lTGluZWBJbnZhbGlkIHByb3AgXFxgJHtwcm9wTmFtZX1cXGAgc3VwcGxpZWQgdG8gXFxgJHtjb21wb25lbnROYW1lfVxcYC5cbiAgICAgICAgICBWYWxpZGF0aW9uIGZhaWxlZC4gSXQgbWF5IG9ubHkgYmUgbnVtYmVyIG9yIG5pbCBidXQgeW91IHBhc3NlZFxuICAgICAgICAgIFxcYCR7cHJvcHNbcHJvcE5hbWVdfVxcYC5gXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfSxcbiAgICBvbkNoYW5nZVZhbHVlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uQmx1clZhbHVlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkludmFsaWRWYWx1ZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgaXNWYWxpZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgbnVtZXJhbERlY2ltYWxTY2FsZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICAgIGZvcm1hdE51bWJlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBwYXJzZU51bWJlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBudW1iZXJGb3JtYXRUeXBlOiAnbnVtYmVyJyxcbiAgICBpc1ZhbGlkOiB0cnVlLFxuICAgIG51bWVyYWxEZWNpbWFsU2NhbGU6IDIwLFxuICAgIGZvcm1hdE51bWJlcjogKG51bWJlcikgPT4gbnVtYmVyLFxuICAgIC8vIFNpbmNlIHRoZSBDbGVhdmUgY29tcG9uZW50IG1pZ2h0IGNhbGwgdGhlIG9uQ2hhbmdlIGhhbmRsZXIgd2l0aCBhIHN0cmluZ1xuICAgIC8vIHdlIG5lZWQgdG8gY2FzdCB0aGUgc3RyaW5nIGJhY2sgdG8gYSBudW1iZXIuXG4gICAgLy8gVGhpcyBmdW5jdGlvbiBlbnN1cmVzIHRoYXQgdGhlIHZhbHVlIGlzIGFsd2F5cyBlaXRoZXJcbiAgICAvLyAtIG51bGxcbiAgICAvLyAtIHVuZGVmaW5lZFxuICAgIC8vIC0gSmF2YVNjcmlwdCBudW1iZXJcbiAgICBwYXJzZU51bWJlcjogKG51bWJlcikgPT4ge1xuICAgICAgaWYgKG51bWJlciA9PT0gJycpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICBpZiAoaXNOdW1iZXJpc2gobnVtYmVyKSkge1xuICAgICAgICBjb25zdCBwYXJzZWRBc051bWJlciA9IHBhcnNlRmxvYXQobnVtYmVyKTtcbiAgICAgICAgcmV0dXJuICFOdW1iZXIuaXNOYU4ocGFyc2VkQXNOdW1iZXIpID8gcGFyc2VkQXNOdW1iZXIgOiB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH0sXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICB9O1xuXG4gIHN0YXRlID0ge1xuICAgIHBhcnNlZFZhbHVlOiB0aGlzLnByb3BzLnZhbHVlLFxuICB9O1xuXG4gIGNvbXBvbmVudERpZFVwZGF0ZShwcmV2UHJvcHMpIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLnByb3BzLnZhbHVlICE9PSBwcmV2UHJvcHMudmFsdWUgJiZcbiAgICAgIHRoaXMucHJvcHMudmFsdWUgIT09IHRoaXMuc3RhdGUucGFyc2VkVmFsdWVcbiAgICApIHtcbiAgICAgIHRoaXMuc2V0VmFsdWUodGhpcy5wcm9wcy52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgc2V0VmFsdWUgPSAodmFsdWUpID0+IHtcbiAgICBpZiAoIWlzVmFsaWRWYWx1ZSh2YWx1ZSkpIHJldHVybjtcbiAgICBjb25zdCBuZXdWYWx1ZSA9ICFpc1VuZGVmaW5lZCh2YWx1ZSlcbiAgICAgID8gdGhpcy5wcm9wcy5mb3JtYXROdW1iZXIodmFsdWUpXG4gICAgICA6IHVuZGVmaW5lZDtcblxuICAgIHRoaXMub3duZXIuc2V0UmF3VmFsdWUobmV3VmFsdWUpO1xuICB9O1xuXG4gIGhhbmRsZUluaXQgPSAob3duZXIpID0+IHtcbiAgICB0aGlzLm93bmVyID0gb3duZXI7XG4gICAgdGhpcy5zZXRWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgfTtcblxuICBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IGV2ZW50LnRhcmdldC5yYXdWYWx1ZTtcbiAgICBjb25zdCBwYXJzZWROdW1iZXIgPSB0aGlzLnByb3BzLnBhcnNlTnVtYmVyKHZhbHVlKTtcblxuICAgIGlmICh0aGlzLnN0YXRlLnBhcnNlZFZhbHVlID09PSBwYXJzZWROdW1iZXIpIHJldHVybjtcblxuICAgIHRoaXMuc2V0U3RhdGUoeyBwYXJzZWRWYWx1ZTogcGFyc2VkTnVtYmVyIH0pO1xuICAgIHRoaXMucHJvcHMub25DaGFuZ2VWYWx1ZShwYXJzZWROdW1iZXIpO1xuXG4gICAgaWYgKCFpc051bWJlcmlzaCh2YWx1ZSkgJiYgdGhpcy5wcm9wcy5vbkludmFsaWRWYWx1ZSlcbiAgICAgIHRoaXMucHJvcHMub25JbnZhbGlkVmFsdWUodmFsdWUpO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSkgdGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgfTtcblxuICByZWdpc3RlcklucHV0UmVmID0gKHJlZikgPT4ge1xuICAgIHRoaXMudGV4dElucHV0ID0gcmVmO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBzZXBhcmF0b3JzID0gZ2V0U2VwYXJhdG9yc0ZvckxvY2FsZSh0aGlzLnByb3BzLm51bWJlckZvcm1hdCk7XG4gICAgY29uc3QgZGF0YUF0dHJpYnV0ZXMgPSBmaWx0ZXJEYXRhQXR0cmlidXRlcyh0aGlzLnByb3BzKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENsZWF2ZVxuICAgICAgICBwbGFjZWhvbGRlcj17dGhpcy5wcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgaHRtbFJlZj17dGhpcy5yZWdpc3RlcklucHV0UmVmfVxuICAgICAgICBvcHRpb25zPXt7XG4gICAgICAgICAgbnVtZXJhbDogdHJ1ZSxcbiAgICAgICAgICBudW1lcmFsVGhvdXNhbmRzR3JvdXBTdHlsZTogJ3Rob3VzYW5kJyxcbiAgICAgICAgICBudW1lcmFsRGVjaW1hbE1hcms6IHNlcGFyYXRvcnMuZGVjU2VwYXJhdG9yLFxuICAgICAgICAgIGRlbGltaXRlcjogc2VwYXJhdG9ycy50aG9TZXBhcmF0b3IsXG4gICAgICAgICAgbnVtZXJhbERlY2ltYWxTY2FsZTogdGhpcy5wcm9wcy5udW1lcmFsRGVjaW1hbFNjYWxlLFxuICAgICAgICAgIC8vIFRoaXMgb3B0aW9uIGlzIHByb3ZpZGVkIHRvIGhlbHAgQ2xlYXZlIHNsaWNlIHRoZSBudW1lcmljYWwgdmFsdWVzXG4gICAgICAgICAgLy8gYWNjb3JkaW5nIHRvIGEgY2VydGFpbiBcInNjYWxlXCIuIFRoZSBkZWZhdWx0IHZhbHVlIGlzIGAxMGAgd2hpY2hcbiAgICAgICAgICAvLyBlZmZlY3RpdmVseSBhZmZlY3RzIGFsbCBudW1lcmljYWwgdmFsdWVzIChpbmNsdWRpbmcgQXR0cmlidXRlTW9uZXkpXG4gICAgICAgICAgLy8gaW4gTUMgd2hlcmUgdGhlIHZhbHVlIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZiBgMTBgXG4gICAgICAgICAgLy8gV2UgcHJvdmlkZSBgMGAgdG8gZGlzYWJsZSB0aGlzIGZlYXR1cmUuXG4gICAgICAgICAgbnVtZXJhbEludGVnZXJTY2FsZTogMCxcbiAgICAgICAgfX1cbiAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5uYW1lfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXModGhpcy5wcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke3RoaXMucHJvcHMuaXNWYWxpZFxuICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgOiBgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckVycm9yfSFpbXBvcnRhbnQ7Ym9yZGVyOiAxcHggc29saWQ7YH1cbiAgICAgICAgICAke3RoaXMucHJvcHMuZGlzYWJsZWQgPyAnY3Vyc29yOiBub3QtYWxsb3dlZDsnIDogJyd9XG4gICAgICAgIGB9XG4gICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZX1cbiAgICAgICAgb25Jbml0PXt0aGlzLmhhbmRsZUluaXR9XG4gICAgICAgIG9uQmx1cj17dGhpcy5oYW5kbGVCbHVyfVxuICAgICAgICBvbkZvY3VzPXt0aGlzLnByb3BzLm9uRm9jdXN9XG4gICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICB7Li4uZGF0YUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHdpdGhQcm9wc0Zvck1vbmV5ID0gKG93blByb3BzKSA9PlxuICBvd25Qcm9wcy5udW1iZXJGb3JtYXRUeXBlID09PSAnbW9uZXknXG4gICAgPyB7XG4gICAgICAgIHZhbHVlOiBpc05pbChvd25Qcm9wcy52YWx1ZSkgPyBvd25Qcm9wcy52YWx1ZSA6IG93blByb3BzLnZhbHVlIC8gMTAwLFxuICAgICAgICBmb3JtYXROdW1iZXI6IChudW1iZXIpID0+IChpc05pbChudW1iZXIpID8gbnVtYmVyIDogbnVtYmVyLnRvRml4ZWQoMikpLFxuICAgICAgICBvbkNoYW5nZVZhbHVlOiAodmFsdWUpID0+IHtcbiAgICAgICAgICBpZiAoaXNOdW1iZXJpc2godmFsdWUpKSB7XG4gICAgICAgICAgICAvLyBKYXZhU2NyaXB0IGlzIHNvbWV0aW1lcyBpbmNvcnJlY3Qgd2hlbiBtdWx0aXBseWluZyBmbG9hdHMsIGUuZy5cbiAgICAgICAgICAgIC8vICAgMi40OSAqIDEwMCAtPiAyNDkuMDAwMDAwMDAwMDAwMDNcbiAgICAgICAgICAgIC8vIFdoaWxlIGluYWNjdXJhY3kgZnJvbSBtdWx0aXBseWluZyBmbG9hdGluZyBwb2ludCBudW1iZXJzIGlzIGFcbiAgICAgICAgICAgIC8vIGdlbmVyYWwgcHJvYmxlbSBpbiBKUywgd2UgY2FuIGF2b2lkIGl0IGJ5IGN1dHRpbmcgb2ZmIGFsbFxuICAgICAgICAgICAgLy8gZGVjaW1hbHMuIFRoaXMgaXMgcG9zc2libGUgc2luY2UgY2VudHMgaXMgdGhlIGJhc2UgdW5pdCwgc28gd2VcbiAgICAgICAgICAgIC8vIG9wZXJhdGUgb24gaW50ZWdlcnMgYW55d2F5c1xuICAgICAgICAgICAgLy8gQWxzbyB3ZSBzaG91bGQgdGhlIHJvdW5kIHRoZSB2YWx1ZSB0byBlbnN1cmUgdGhhdCB3ZSBjb21lIGNsb3NlXG4gICAgICAgICAgICAvLyB0byB0aGUgbmVhcmVzdCBkZWNpbWFsIHZhbHVlXG4gICAgICAgICAgICAvLyByZWY6IGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL21lcmNoYW50LWNlbnRlci1mcm9udGVuZC9wdWxsLzc3MFxuICAgICAgICAgICAgb3duUHJvcHMub25DaGFuZ2VWYWx1ZShNYXRoLnRydW5jKE1hdGgucm91bmQodmFsdWUgKiAxMDApKSk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG93blByb3BzLm9uQ2hhbmdlVmFsdWUodmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgbnVtZXJhbERlY2ltYWxTY2FsZTogMixcbiAgICAgIH1cbiAgICA6IHt9O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoUHJvcHMod2l0aFByb3BzRm9yTW9uZXkpKE51bWVyaWNGb3JtYXRJbnB1dCk7XG4iXX0= */"),
+        css: /*#__PURE__*/react$1.css(this.props.isValid ? '' : `border-color: ${uiKit.designTokens.colorError}!important;border: 1px solid;`, " ", this.props.disabled ? 'cursor: not-allowed;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:NumericFormatInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm51bWVyaWMtZm9ybWF0LWlucHV0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSmdCIiwiZmlsZSI6Im51bWVyaWMtZm9ybWF0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgQ2xlYXZlIGZyb20gJ2NsZWF2ZS5qcy9yZWFjdCc7XG5pbXBvcnQgb25lTGluZSBmcm9tICdjb21tb24tdGFncy9saWIvb25lTGluZSc7XG5pbXBvcnQgaXNGaW5pdGUgZnJvbSAnbG9kYXNoL2lzRmluaXRlJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IGlzVW5kZWZpbmVkIGZyb20gJ2xvZGFzaC9pc1VuZGVmaW5lZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnO1xuaW1wb3J0IHtcbiAgd2l0aFByb3BzLFxuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZ2V0U2VwYXJhdG9yc0ZvckxvY2FsZSxcbiAgaXNOdW1iZXJpc2gsXG59IGZyb20gJy4uLy4uL2ludGVybmFsLWluZGV4JztcblxuQ2xlYXZlLmRpc3BsYXlOYW1lID0gJ0NsZWF2ZSc7XG5cbi8vIG9ubHkgYWxsb3cgdmFsdWVzIG9mIHR5cGUgTnVtYmVyIG9yIHZhbHVlcyB0aGF0IGFyZSBuaWwgKG51bGwgb3IgdW5kZWZpbmVkKVxuLy8gdXNlIGlzRmluaXRlIHRvIGV4Y2x1ZGUgSW5maXRpbnR5LCAtSW5pZmluaXR5IGFuZCBOYU5cbmNvbnN0IGlzVmFsaWRWYWx1ZSA9ICh2YWx1ZSkgPT4gaXNGaW5pdGUodmFsdWUpIHx8IGlzTmlsKHZhbHVlKTtcblxuZXhwb3J0IGNsYXNzIE51bWVyaWNGb3JtYXRJbnB1dCBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnTnVtZXJpY0Zvcm1hdElucHV0JztcblxuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG51bWJlckZvcm1hdDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjb25zaXN0ZW50LXJldHVyblxuICAgIHZhbHVlOiAocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lKSA9PiB7XG4gICAgICBpZiAoIWlzVmFsaWRWYWx1ZShwcm9wc1twcm9wTmFtZV0pKSB7XG4gICAgICAgIHJldHVybiBuZXcgRXJyb3IoXG4gICAgICAgICAgb25lTGluZWBJbnZhbGlkIHByb3AgXFxgJHtwcm9wTmFtZX1cXGAgc3VwcGxpZWQgdG8gXFxgJHtjb21wb25lbnROYW1lfVxcYC5cbiAgICAgICAgICBWYWxpZGF0aW9uIGZhaWxlZC4gSXQgbWF5IG9ubHkgYmUgbnVtYmVyIG9yIG5pbCBidXQgeW91IHBhc3NlZFxuICAgICAgICAgIFxcYCR7cHJvcHNbcHJvcE5hbWVdfVxcYC5gXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfSxcbiAgICBvbkNoYW5nZVZhbHVlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uQmx1clZhbHVlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkludmFsaWRWYWx1ZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgaXNWYWxpZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgbnVtZXJhbERlY2ltYWxTY2FsZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICAgIGZvcm1hdE51bWJlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBwYXJzZU51bWJlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBudW1iZXJGb3JtYXRUeXBlOiAnbnVtYmVyJyxcbiAgICBpc1ZhbGlkOiB0cnVlLFxuICAgIG51bWVyYWxEZWNpbWFsU2NhbGU6IDIwLFxuICAgIGZvcm1hdE51bWJlcjogKG51bWJlcikgPT4gbnVtYmVyLFxuICAgIC8vIFNpbmNlIHRoZSBDbGVhdmUgY29tcG9uZW50IG1pZ2h0IGNhbGwgdGhlIG9uQ2hhbmdlIGhhbmRsZXIgd2l0aCBhIHN0cmluZ1xuICAgIC8vIHdlIG5lZWQgdG8gY2FzdCB0aGUgc3RyaW5nIGJhY2sgdG8gYSBudW1iZXIuXG4gICAgLy8gVGhpcyBmdW5jdGlvbiBlbnN1cmVzIHRoYXQgdGhlIHZhbHVlIGlzIGFsd2F5cyBlaXRoZXJcbiAgICAvLyAtIG51bGxcbiAgICAvLyAtIHVuZGVmaW5lZFxuICAgIC8vIC0gSmF2YVNjcmlwdCBudW1iZXJcbiAgICBwYXJzZU51bWJlcjogKG51bWJlcikgPT4ge1xuICAgICAgaWYgKG51bWJlciA9PT0gJycpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICBpZiAoaXNOdW1iZXJpc2gobnVtYmVyKSkge1xuICAgICAgICBjb25zdCBwYXJzZWRBc051bWJlciA9IHBhcnNlRmxvYXQobnVtYmVyKTtcbiAgICAgICAgcmV0dXJuICFOdW1iZXIuaXNOYU4ocGFyc2VkQXNOdW1iZXIpID8gcGFyc2VkQXNOdW1iZXIgOiB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH0sXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICB9O1xuXG4gIHN0YXRlID0ge1xuICAgIHBhcnNlZFZhbHVlOiB0aGlzLnByb3BzLnZhbHVlLFxuICB9O1xuXG4gIGNvbXBvbmVudERpZFVwZGF0ZShwcmV2UHJvcHMpIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLnByb3BzLnZhbHVlICE9PSBwcmV2UHJvcHMudmFsdWUgJiZcbiAgICAgIHRoaXMucHJvcHMudmFsdWUgIT09IHRoaXMuc3RhdGUucGFyc2VkVmFsdWVcbiAgICApIHtcbiAgICAgIHRoaXMuc2V0VmFsdWUodGhpcy5wcm9wcy52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgc2V0VmFsdWUgPSAodmFsdWUpID0+IHtcbiAgICBpZiAoIWlzVmFsaWRWYWx1ZSh2YWx1ZSkpIHJldHVybjtcbiAgICBjb25zdCBuZXdWYWx1ZSA9ICFpc1VuZGVmaW5lZCh2YWx1ZSlcbiAgICAgID8gdGhpcy5wcm9wcy5mb3JtYXROdW1iZXIodmFsdWUpXG4gICAgICA6IHVuZGVmaW5lZDtcblxuICAgIHRoaXMub3duZXIuc2V0UmF3VmFsdWUobmV3VmFsdWUpO1xuICB9O1xuXG4gIGhhbmRsZUluaXQgPSAob3duZXIpID0+IHtcbiAgICB0aGlzLm93bmVyID0gb3duZXI7XG4gICAgdGhpcy5zZXRWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgfTtcblxuICBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IGV2ZW50LnRhcmdldC5yYXdWYWx1ZTtcbiAgICBjb25zdCBwYXJzZWROdW1iZXIgPSB0aGlzLnByb3BzLnBhcnNlTnVtYmVyKHZhbHVlKTtcblxuICAgIGlmICh0aGlzLnN0YXRlLnBhcnNlZFZhbHVlID09PSBwYXJzZWROdW1iZXIpIHJldHVybjtcblxuICAgIHRoaXMuc2V0U3RhdGUoeyBwYXJzZWRWYWx1ZTogcGFyc2VkTnVtYmVyIH0pO1xuICAgIHRoaXMucHJvcHMub25DaGFuZ2VWYWx1ZShwYXJzZWROdW1iZXIpO1xuXG4gICAgaWYgKCFpc051bWJlcmlzaCh2YWx1ZSkgJiYgdGhpcy5wcm9wcy5vbkludmFsaWRWYWx1ZSlcbiAgICAgIHRoaXMucHJvcHMub25JbnZhbGlkVmFsdWUodmFsdWUpO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSkgdGhpcy5wcm9wcy5vbkJsdXJWYWx1ZSh0aGlzLnByb3BzLnZhbHVlKTtcbiAgfTtcblxuICByZWdpc3RlcklucHV0UmVmID0gKHJlZikgPT4ge1xuICAgIHRoaXMudGV4dElucHV0ID0gcmVmO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBzZXBhcmF0b3JzID0gZ2V0U2VwYXJhdG9yc0ZvckxvY2FsZSh0aGlzLnByb3BzLm51bWJlckZvcm1hdCk7XG4gICAgY29uc3QgZGF0YUF0dHJpYnV0ZXMgPSBmaWx0ZXJEYXRhQXR0cmlidXRlcyh0aGlzLnByb3BzKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENsZWF2ZVxuICAgICAgICBwbGFjZWhvbGRlcj17dGhpcy5wcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgaHRtbFJlZj17dGhpcy5yZWdpc3RlcklucHV0UmVmfVxuICAgICAgICBvcHRpb25zPXt7XG4gICAgICAgICAgbnVtZXJhbDogdHJ1ZSxcbiAgICAgICAgICBudW1lcmFsVGhvdXNhbmRzR3JvdXBTdHlsZTogJ3Rob3VzYW5kJyxcbiAgICAgICAgICBudW1lcmFsRGVjaW1hbE1hcms6IHNlcGFyYXRvcnMuZGVjU2VwYXJhdG9yLFxuICAgICAgICAgIGRlbGltaXRlcjogc2VwYXJhdG9ycy50aG9TZXBhcmF0b3IsXG4gICAgICAgICAgbnVtZXJhbERlY2ltYWxTY2FsZTogdGhpcy5wcm9wcy5udW1lcmFsRGVjaW1hbFNjYWxlLFxuICAgICAgICAgIC8vIFRoaXMgb3B0aW9uIGlzIHByb3ZpZGVkIHRvIGhlbHAgQ2xlYXZlIHNsaWNlIHRoZSBudW1lcmljYWwgdmFsdWVzXG4gICAgICAgICAgLy8gYWNjb3JkaW5nIHRvIGEgY2VydGFpbiBcInNjYWxlXCIuIFRoZSBkZWZhdWx0IHZhbHVlIGlzIGAxMGAgd2hpY2hcbiAgICAgICAgICAvLyBlZmZlY3RpdmVseSBhZmZlY3RzIGFsbCBudW1lcmljYWwgdmFsdWVzIChpbmNsdWRpbmcgQXR0cmlidXRlTW9uZXkpXG4gICAgICAgICAgLy8gaW4gTUMgd2hlcmUgdGhlIHZhbHVlIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZiBgMTBgXG4gICAgICAgICAgLy8gV2UgcHJvdmlkZSBgMGAgdG8gZGlzYWJsZSB0aGlzIGZlYXR1cmUuXG4gICAgICAgICAgbnVtZXJhbEludGVnZXJTY2FsZTogMCxcbiAgICAgICAgfX1cbiAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5uYW1lfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXModGhpcy5wcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke3RoaXMucHJvcHMuaXNWYWxpZFxuICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgOiBgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckVycm9yfSFpbXBvcnRhbnQ7Ym9yZGVyOiAxcHggc29saWQ7YH1cbiAgICAgICAgICAke3RoaXMucHJvcHMuZGlzYWJsZWQgPyAnY3Vyc29yOiBub3QtYWxsb3dlZDsnIDogJyd9XG4gICAgICAgIGB9XG4gICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZX1cbiAgICAgICAgb25Jbml0PXt0aGlzLmhhbmRsZUluaXR9XG4gICAgICAgIG9uQmx1cj17dGhpcy5oYW5kbGVCbHVyfVxuICAgICAgICBvbkZvY3VzPXt0aGlzLnByb3BzLm9uRm9jdXN9XG4gICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICB7Li4uZGF0YUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHdpdGhQcm9wc0Zvck1vbmV5ID0gKG93blByb3BzKSA9PlxuICBvd25Qcm9wcy5udW1iZXJGb3JtYXRUeXBlID09PSAnbW9uZXknXG4gICAgPyB7XG4gICAgICAgIHZhbHVlOiBpc05pbChvd25Qcm9wcy52YWx1ZSkgPyBvd25Qcm9wcy52YWx1ZSA6IG93blByb3BzLnZhbHVlIC8gMTAwLFxuICAgICAgICBmb3JtYXROdW1iZXI6IChudW1iZXIpID0+IChpc05pbChudW1iZXIpID8gbnVtYmVyIDogbnVtYmVyLnRvRml4ZWQoMikpLFxuICAgICAgICBvbkNoYW5nZVZhbHVlOiAodmFsdWUpID0+IHtcbiAgICAgICAgICBpZiAoaXNOdW1iZXJpc2godmFsdWUpKSB7XG4gICAgICAgICAgICAvLyBKYXZhU2NyaXB0IGlzIHNvbWV0aW1lcyBpbmNvcnJlY3Qgd2hlbiBtdWx0aXBseWluZyBmbG9hdHMsIGUuZy5cbiAgICAgICAgICAgIC8vICAgMi40OSAqIDEwMCAtPiAyNDkuMDAwMDAwMDAwMDAwMDNcbiAgICAgICAgICAgIC8vIFdoaWxlIGluYWNjdXJhY3kgZnJvbSBtdWx0aXBseWluZyBmbG9hdGluZyBwb2ludCBudW1iZXJzIGlzIGFcbiAgICAgICAgICAgIC8vIGdlbmVyYWwgcHJvYmxlbSBpbiBKUywgd2UgY2FuIGF2b2lkIGl0IGJ5IGN1dHRpbmcgb2ZmIGFsbFxuICAgICAgICAgICAgLy8gZGVjaW1hbHMuIFRoaXMgaXMgcG9zc2libGUgc2luY2UgY2VudHMgaXMgdGhlIGJhc2UgdW5pdCwgc28gd2VcbiAgICAgICAgICAgIC8vIG9wZXJhdGUgb24gaW50ZWdlcnMgYW55d2F5c1xuICAgICAgICAgICAgLy8gQWxzbyB3ZSBzaG91bGQgdGhlIHJvdW5kIHRoZSB2YWx1ZSB0byBlbnN1cmUgdGhhdCB3ZSBjb21lIGNsb3NlXG4gICAgICAgICAgICAvLyB0byB0aGUgbmVhcmVzdCBkZWNpbWFsIHZhbHVlXG4gICAgICAgICAgICAvLyByZWY6IGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL21lcmNoYW50LWNlbnRlci1mcm9udGVuZC9wdWxsLzc3MFxuICAgICAgICAgICAgb3duUHJvcHMub25DaGFuZ2VWYWx1ZShNYXRoLnRydW5jKE1hdGgucm91bmQodmFsdWUgKiAxMDApKSk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG93blByb3BzLm9uQ2hhbmdlVmFsdWUodmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgbnVtZXJhbERlY2ltYWxTY2FsZTogMixcbiAgICAgIH1cbiAgICA6IHt9O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoUHJvcHMod2l0aFByb3BzRm9yTW9uZXkpKE51bWVyaWNGb3JtYXRJbnB1dCk7XG4iXX0= */"),
         onChange: this.handleChange,
         onInit: this.handleInit,
         onBlur: this.handleBlur,
@@ -13310,7 +13121,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
     };
     _this.doDelayedUpdate = (updateFunction, event, eventType) => {
       const self = _this;
-      const timeoutKey = "".concat(eventType, "Timeout");
+      const timeoutKey = `${eventType}Timeout`;
       // TODO: can't we just use one variable?
       clearTimeout(_this[timeoutKey]);
       _this[timeoutKey] = _setTimeout__default["default"](() => {
@@ -13341,7 +13152,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
       }, this.props.onEnter ? {
         onKeyDown: this.handleEnter
       } : {}), filterDataAttributes(this.props));
-      const inputId = "throttled-field-".concat(this.props.name);
+      const inputId = `throttled-field-${this.props.name}`;
       return jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
           children: jsxRuntime.jsx("label", {
@@ -13429,17 +13240,16 @@ 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 "( ".concat(_mapInstanceProperty__default["default"](fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or '), " )");
+    return `( ${_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 = fragments[searchMode]) === null || _fragments$searchMode === void 0 ? void 0 : _fragments$searchMode.getQuery) !== 'function') {
+  if (!fragments[searchMode] || typeof fragments[searchMode]?.getQuery !== 'function') {
     return '';
   }
   return fragments[searchMode].getQuery(trimmedSearchQuery);
@@ -13759,11 +13569,11 @@ function createResourceReducer(options) {
 
   // TODO: validate constant keys
   const actionsMap = {
-    ["".concat(plural, "_FETCHED")]: (_, action) => ({
+    [`${plural}_FETCHED`]: (_, action) => ({
       currentQueryResult: action.payload
     }),
-    ["".concat(single, "_UPDATED_IN_LIST")]: updateStatusInList(mergeData),
-    ["".concat(single, "_DELETED_IN_LIST")]: (state, _ref) => {
+    [`${single}_UPDATED_IN_LIST`]: updateStatusInList(mergeData),
+    [`${single}_DELETED_IN_LIST`]: (state, _ref) => {
       let payload = _ref.payload;
       const results = state.currentQueryResult.results;
       return {
@@ -13775,27 +13585,27 @@ function createResourceReducer(options) {
         })
       };
     },
-    ["".concat(single, "_FETCHED")]: (_, _ref3) => {
+    [`${single}_FETCHED`]: (_, _ref3) => {
       let payload = _ref3.payload;
       return {
         currentVisible: payload
       };
     },
-    ["".concat(single, "_CREATED")]: (_ref4, _ref5) => {
+    [`${single}_CREATED`]: (_ref4, _ref5) => {
       let currentVisible = _ref4.currentVisible;
       let payload = _ref5.payload;
       return {
         currentVisible: mergeData(payload, currentVisible)
       };
     },
-    ["".concat(single, "_UPDATED")]: (_ref6, _ref7) => {
+    [`${single}_UPDATED`]: (_ref6, _ref7) => {
       let currentVisible = _ref6.currentVisible;
       let payload = _ref7.payload;
       return {
         currentVisible: mergeData(payload, currentVisible)
       };
     },
-    ["".concat(single, "_DELETED")]: () => ({
+    [`${single}_DELETED`]: () => ({
       currentVisible: null
     })
   };
@@ -13812,12 +13622,11 @@ 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 _concatInstanceProperty__default["default"](_context = "".concat(_trimInstanceProperty__default["default"](firstName).call(firstName), " ")).call(_context, _trimInstanceProperty__default["default"](lastName).call(lastName));
+  if (firstName && lastName) return `${_trimInstanceProperty__default["default"](firstName).call(firstName)} ${_trimInstanceProperty__default["default"](lastName).call(lastName)}`;
   return constants.NO_VALUE_FALLBACK;
 }
 
@@ -13846,23 +13655,21 @@ function base64ToString(value) {
 }
 
 const composeNumberPredicateFromFilter = (target, value, option) => {
-  var _context, _context2, _context3, _context4, _context5, _context6;
   switch (option) {
     case FILTER_TYPES.lessThan:
-      return _concatInstanceProperty__default["default"](_context = "".concat(target, " < ")).call(_context, value);
+      return `${target} < ${value}`;
     case FILTER_TYPES.moreThan:
-      return _concatInstanceProperty__default["default"](_context2 = "".concat(target, " > ")).call(_context2, value);
+      return `${target} > ${value}`;
     case FILTER_TYPES.equalTo:
-      return _concatInstanceProperty__default["default"](_context3 = "".concat(target, " = ")).call(_context3, value);
+      return `${target} = ${value}`;
     case FILTER_TYPES.range:
-      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);
+      return `${target} >= ${value.from} and ${target} <= ${value.to}`;
     default:
       return '';
   }
 };
 function customFields (filter, locale) {
   const customFieldsPredicates = _mapInstanceProperty__default["default"](filter).call(filter, customFieldFilter => {
-    var _context7, _context8, _context9, _context0, _context1;
     const _customFieldFilter$va = customFieldFilter.value,
       target = _customFieldFilter$va.target,
       type = _customFieldFilter$va.type,
@@ -13870,14 +13677,14 @@ function customFields (filter, locale) {
       option = _customFieldFilter$va.option;
     switch (type.name) {
       case FIELD_TYPES.Boolean:
-        return _concatInstanceProperty__default["default"](_context7 = "".concat(target, " = ")).call(_context7, value.value);
+        return `${target} = ${value.value}`;
       case FIELD_TYPES.String:
-        return _concatInstanceProperty__default["default"](_context8 = "".concat(target, " = \"")).call(_context8, value, "\"");
+        return `${target} = "${value}"`;
       case FIELD_TYPES.LocalizedString:
-        return _concatInstanceProperty__default["default"](_context9 = "".concat(target, "(")).call(_context9, localizedTextTransformer(value), ")");
+        return `${target}(${localizedTextTransformer(value)})`;
       case FIELD_TYPES.Enum:
       case FIELD_TYPES.LocalizedEnum:
-        return _concatInstanceProperty__default["default"](_context0 = "".concat(target, " = \"")).call(_context0, value.value, "\"");
+        return `${target} = "${value.value}"`;
       case FIELD_TYPES.Time:
         return timeTransformer(target, [{
           type: option,
@@ -13892,14 +13699,14 @@ function customFields (filter, locale) {
       case FIELD_TYPES.Number:
         return composeNumberPredicateFromFilter(target, value, option);
       case FIELD_TYPES.Money:
-        return _concatInstanceProperty__default["default"](_context1 = "".concat(target, "(")).call(_context1, moneyTransformer(value, option, locale), ")");
+        return `${target}(${moneyTransformer(value, option, locale)})`;
       case FIELD_TYPES.Reference:
       case FIELD_TYPES.Set:
       default:
         throw new Error('Custom field type not recognized');
     }
   });
-  return "(custom(fields(".concat(customFieldsPredicates.join(' and '), ")))");
+  return `(custom(fields(${customFieldsPredicates.join(' and ')})))`;
 }
 
 /**
@@ -13940,10 +13747,8 @@ function graphqlQueryBuilder(_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({
@@ -13952,19 +13757,19 @@ function numberTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return "(* to ".concat(_parseInt__default["default"](value) - 1, ")");
+        return `(* to ${_parseInt__default["default"](value) - 1})`;
       case 'moreThan':
-        return "(".concat(_parseInt__default["default"](value) + 1, " to *)");
+        return `(${_parseInt__default["default"](value) + 1} to *)`;
       case 'equalTo':
-        return _concatInstanceProperty__default["default"](_context = "(".concat(value, " to ")).call(_context, value, ")");
+        return `(${value} to ${value})`;
       case 'range':
-        return _concatInstanceProperty__default["default"](_context2 = "(".concat(value.from, " to ")).call(_context2, value.to, ")");
+        return `(${value.from} to ${value.to})`;
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : _concatInstanceProperty__default["default"](_context3 = "".concat(filterKey, ": range")).call(_context3, queryString);
+  return queryString === '' ? null : `${filterKey}: range${queryString}`;
 }
 function isFilterValid$2(_ref2) {
   let type = _ref2.type,
@@ -13991,11 +13796,9 @@ function graphqlCategoryLevelTransformer(filterKey, filters, filterValidator) {
   return _filterInstanceProperty__default["default"](_context = [levelFilterQuery, lastLevelFilterQuery]).call(_context, Boolean);
 }
 
-var _templateObject, _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,
@@ -14006,19 +13809,25 @@ function dateTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'lessThan':
-        return "(* to \"".concat(moment__default["default"](value).format(dateFormatDayStart), "\")");
+        return `(* to "${moment__default["default"](value).format(dateFormatDayStart)}")`;
       case 'moreThan':
-        return "(\"".concat(moment__default["default"](value).format(dateFormatDayEnd), "\" to *)");
+        return `("${moment__default["default"](value).format(dateFormatDayEnd)}" to *)`;
       case 'equalTo':
-        return oneLine__default["default"](_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment__default["default"](value).format(dateFormatDayStart), moment__default["default"](value).format(dateFormatDayEnd));
+        return oneLine__default["default"]`
+            ("${moment__default["default"](value).format(dateFormatDayStart)}"
+            to "${moment__default["default"](value).format(dateFormatDayEnd)}")
+          `;
       case 'range':
-        return oneLine__default["default"](_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            (\"", "\"\n            to \"", "\")\n          "])), moment__default["default"](value.from).format(dateFormatDayStart), moment__default["default"](value.to).format(dateFormatDayEnd));
+        return oneLine__default["default"]`
+            ("${moment__default["default"](value.from).format(dateFormatDayStart)}"
+            to "${moment__default["default"](value.to).format(dateFormatDayEnd)}")
+          `;
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ": range")).call(_context, queryString);
+  return queryString === '' ? null : `${filterKey}: range${queryString}`;
 }
 function isFilterValid$1(_ref2) {
   let type = _ref2.type,
@@ -14036,20 +13845,18 @@ 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 "".concat(filterKey, ":missing");
+  return `${filterKey}:missing`;
 }
 
 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 _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ".")).call(_context, missingLocale, ":missing");
+  return `${filterKey}.${missingLocale}:missing`;
 }
 
 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,
@@ -14060,29 +13867,28 @@ function referenceTransformer(filterKey, filters) {
     })) return '';
     switch (type) {
       case 'equalTo':
-        return "\"".concat(value, "\"");
+        return `"${value}"`;
       default:
         return '';
     }
   });
   const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
-  return queryString === '' ? null : _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ".id: ")).call(_context, queryString);
+  return queryString === '' ? null : `${filterKey}.id: ${queryString}`;
 }
 function isFilterValid(_ref2) {
-  var _context2;
+  var _context;
   let type = _ref2.type,
     value = _ref2.value;
-  if (type === 'equalTo' && !_includesInstanceProperty__default["default"](_context2 = [null, undefined, '']).call(_context2, value)) return true;
+  if (type === 'equalTo' && !_includesInstanceProperty__default["default"](_context = [null, undefined, '']).call(_context, 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 ? _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ":\"")).call(_context, queryValue, "\"") : null;
+  return queryValue ? `${filterKey}:"${queryValue}"` : null;
 }
 
 function isValidISOTime(_ref) {
@@ -14168,8 +13974,8 @@ function validateFilter$2(_ref, intl) {
     };
   }
   if (value.option === FILTER_TYPES.range) {
-    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);
+    const from = validateValue(filterValue?.from, typeName, intl);
+    const to = from ? null : validateValue(filterValue?.to, typeName, intl);
     return from || to ? {
       input: {
         from,
@@ -14207,16 +14013,16 @@ function validateFilter$1(_ref, intl) {
     type = _ref.type;
   if (type === 'range') {
     if (validateSingleFilter({
-      value: value === null || value === void 0 ? void 0 : value.from
+      value: value?.from
     })) return {
       from: intl.formatMessage(messages$4.rangeMissingValue)
     };
     if (validateSingleFilter({
-      value: value === null || value === void 0 ? void 0 : value.to
+      value: value?.to
     })) return {
       to: intl.formatMessage(messages$4.rangeMissingValue)
     };
-    if (moment__default["default"](value === null || value === void 0 ? void 0 : value.to).isBefore(value === null || value === void 0 ? void 0 : value.from)) return {
+    if (moment__default["default"](value?.to).isBefore(value?.from)) return {
       from: intl.formatMessage(messages$4.rangeToSmallerThanFrom)
     };
   } else if (type === 'equalTo' || type === 'lessThan' || type === 'moreThan') {
@@ -14294,14 +14100,14 @@ const validateText = function (text, intl) {
 
 function formatDiscount(discount, currencyCode, intl) {
   var _context;
-  if (discount.type === 'relative') return "".concat(discount.permyriad / 100, "%");
+  if (discount.type === 'relative') return `${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 "".concat(percentage, "%");
+  return `${percentage}%`;
 }
 function convertRatioToPercentage(ratio) {
   return _parseFloat__default["default"]((ratio * 100).toFixed(2));
@@ -14315,10 +14121,7 @@ function convertRatioToPercentage(ratio) {
  * @returns {boolean}
  */
 const hasErrorCode = (unmappedApiErrors, 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;
-  });
+  return _Array$isArray__default["default"](unmappedApiErrors) && _someInstanceProperty__default["default"](unmappedApiErrors).call(unmappedApiErrors, error => error.extensions?.code === errorCode);
 };
 var hasErrorCode$1 = hasErrorCode;
 
@@ -14333,7 +14136,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 === null || clause === void 0 ? void 0 : 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?.[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: {
@@ -14361,6 +14164,45 @@ const range = (field, attributeType, _ref) => {
     }
   };
 };
+
+/**
+ * Serializes attribute values to primitives suitable for PIM search queries.
+ * Handles complex attribute types like enum, lenum, ltext, money, and reference.
+ *
+ * @param {*} value - The attribute value to serialize
+ * @param {string} typeName - The attribute type name (e.g., 'enum', 'lenum', 'ltext')
+ * @param {string} [dataLocale] - The locale to use for localized text attributes
+ * @returns {*} The serialized primitive value
+ */
+function serializeAttributeValueForPimSearch(value, typeName, dataLocale) {
+  if (value == null) return value;
+  switch (typeName) {
+    case 'enum':
+    case 'lenum':
+      // Extract key from enum object { key: 'xl', label: '...' }
+      return typeof value === 'object' && value.key ? value.key : value;
+    case 'ltext':
+      // For localized text, use the specified locale or first available
+      if (typeof value === 'object' && !_Array$isArray__default["default"](value)) {
+        return dataLocale && value[dataLocale] ? value[dataLocale] : _Object$values__default["default"](value)[0];
+      }
+      return value;
+    case 'money':
+      // Money objects have { centAmount, currencyCode }
+      // For PIM search, return the object as-is - caller will handle it specially
+      return value;
+    case 'reference':
+      // Reference objects have { id, typeId }
+      // For PIM search, we need just the ID
+      if (typeof value === 'object' && value.id) {
+        return value.id;
+      }
+      return value;
+    default:
+      // Primitives (text, number, boolean, date/time) pass through unchanged
+      return value;
+  }
+}
 const or = function () {
   for (var _len = arguments.length, clauses = new Array(_len), _key = 0; _key < _len; _key++) {
     clauses[_key] = arguments[_key];
@@ -14391,7 +14233,7 @@ const not = function () {
 const safelyAddFallback = function (string) {
   let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
   if (string === '') return fallback;
-  return string !== null && string !== void 0 ? string : fallback;
+  return string ?? fallback;
 };
 
 var messages = reactIntl.defineMessages({
@@ -14428,10 +14270,9 @@ function normalizeProductSettings(settings) {
 // FIXME: the returned productAttributeDefinitions won't be accurate in case a
 // different constraint than ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL was passed
 function splitVariantAttributesByConstraint(product, constraint) {
-  var _product$productType;
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if ((_product$productType = product.productType) !== null && _product$productType !== void 0 && (_product$productType = _product$productType.obj) !== null && _product$productType !== void 0 && _product$productType.attributes) {
+  if (product.productType?.obj?.attributes) {
     if (!constraint) throw new Error('You need to specify a constraint to filter for.');
     for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
       const definition = product.productType.obj.attributes[i];
@@ -14441,10 +14282,9 @@ function splitVariantAttributesByConstraint(product, constraint) {
   return [productAttributeDefinitions, variantAttributeDefinitions];
 }
 function splitProductAndVariantAttributes(product) {
-  var _product$productType2;
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if ((_product$productType2 = product.productType) !== null && _product$productType2 !== void 0 && (_product$productType2 = _product$productType2.obj) !== null && _product$productType2 !== void 0 && _product$productType2.attributes) {
+  if (product.productType?.obj?.attributes) {
     for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
       const definition = product.productType.obj.attributes[i];
       if (getProductAttributes(definition)) productAttributeDefinitions.push(definition);else variantAttributeDefinitions.push(definition);
@@ -14542,19 +14382,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: ".concat(category.obj.externalId) : '';
+      `| ext. ID: ${category.obj.externalId}` : '';
       return {
         id: category.id,
-        name: _concatInstanceProperty__default["default"](_context7 = "".concat(l10n.formatLocalizedString(category.obj, {
+        name: `${l10n.formatLocalizedString(category.obj, {
           key: 'name',
           locale: language,
           fallbackOrder: languages
-        }), " ")).call(_context7, externalIdValue),
+        })} ${externalIdValue}`,
         path: categoryPath,
         level: ancestors.length
       };
@@ -14591,13 +14431,13 @@ const getAttributeValueByType = _ref10 => {
         value: value
       });
     case 'enum':
-      return safelyAddFallback(value.label, "".concat(value.key, " (key)"));
+      return safelyAddFallback(value.label, `${value.key} (key)`);
     case 'lenum':
       return safelyAddFallback(l10n.formatLocalizedString(value, {
         key: 'label',
         locale: projectDataLocale,
         fallbackOrder: projectLanguages
-      }), "".concat(value.key, " (key)"));
+      }), `${value.key} (key)`);
     case 'number':
       return safelyAddFallback(value);
     case 'boolean':
@@ -14614,12 +14454,12 @@ const getAttributeValueByType = _ref10 => {
 
 // TODO: rename to isProductLevelAttribute since it returns a boolean
 const getProductLevelAttributes = attribueDefinition => {
-  return (attribueDefinition === null || attribueDefinition === void 0 ? void 0 : attribueDefinition.level) === ATTRIBUTE_LEVELS.PRODUCT;
+  return attribueDefinition?.level === ATTRIBUTE_LEVELS.PRODUCT;
 };
 
 // TODO: rename to isProductAttribute since it returns a boolean
 const getProductAttributes = attribueDefinition => {
-  return (attribueDefinition === null || attribueDefinition === void 0 ? void 0 : attribueDefinition.attributeConstraint) === ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL || getProductLevelAttributes(attribueDefinition);
+  return attribueDefinition?.attributeConstraint === ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL || getProductLevelAttributes(attribueDefinition);
 };
 
 let RequestCache = /*#__PURE__*/function () {
@@ -14730,7 +14570,6 @@ 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];
@@ -14739,7 +14578,7 @@ const mapTimeZonesToOptions = memoize__default["default"](timeZones => {
       //E.g. `(GMT +02:00) Central European Time - Berlin`
       // unicode clock hex code: \u25F7
       //
-      label: _concatInstanceProperty__default["default"](_context2 = "(GMT ".concat(value.offset, ") ")).call(_context2, value.name)
+      label: `(GMT ${value.offset}) ${value.name}`
     };
   });
 });
@@ -14747,12 +14586,12 @@ const getTimeZoneId = memoize__default["default"]((selectedTimeZone, timeZones)
   if (timeZones[selectedTimeZone]) {
     return selectedTimeZone;
   } else {
-    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);
+    var _context2;
+    const fallbackTimeZoneId = _findInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](timeZones)).call(_context2, timeZoneId => {
+      var _context3, _context4;
+      return ((_context3 = timeZones[timeZoneId]?.translationFor) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _someInstanceProperty__default["default"](_context3), _context3))?.(fallbackTimeZone => fallbackTimeZone === selectedTimeZone);
     });
-    if (fallbackTimeZoneId !== null && fallbackTimeZoneId !== void 0 && fallbackTimeZoneId.length) {
+    if (fallbackTimeZoneId?.length) {
       return fallbackTimeZoneId.toString();
     } else {
       return 'UTC';
@@ -14760,10 +14599,9 @@ 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 _concatInstanceProperty__default["default"](_context4 = "(GMT ".concat(timeZoneData.offset, ") ")).call(_context4, timeZoneData.name);
+  return `(GMT ${timeZoneData.offset}) ${timeZoneData.name}`;
 });
 
 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; }
@@ -14952,6 +14790,7 @@ exports.resolveStatusType = resolveStatusType;
 exports.safelyAddFallback = safelyAddFallback;
 exports.sanitize = sanitize;
 exports.searchCategories = searchCategories;
+exports.serializeAttributeValueForPimSearch = serializeAttributeValueForPimSearch;
 exports.setDisplayName = setDisplayName$1;
 exports.setToArray = setToArray;
 exports.shallowEqual = shallowEqual;
@@ -14979,7 +14818,6 @@ exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
 exports.useFormatCustomField = useFormatCustomField;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
 exports.useFormatLocalizedString = useFormatLocalizedString;
-exports.useIdentityBannerNotification = useIdentityBannerNotification;
 exports.useIsFieldDuplicated = useIsFieldDuplicated$1;
 exports.useLoadOptions = useLoadOptions$1;
 exports.useLocalizedKeyFallback = useLocalizedKeyFallback$1;