@commercetools-frontend/experimental-components 6.1.2 → 6.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,7 +29,6 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
29
29
  var _toArray = require('@babel/runtime-corejs3/helpers/toArray');
30
30
  var _reverseInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
31
31
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
32
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
33
32
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
34
33
  var client = require('@apollo/client');
35
34
  var react = require('@apollo/client/react');
@@ -59,7 +58,6 @@ var applicationShell = require('@commercetools-frontend/application-shell');
59
58
  var debounce = require('debounce-promise');
60
59
  var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
61
60
  var pick = require('lodash/pick');
62
- var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
63
61
  var oneLine = require('common-tags/lib/oneLine');
64
62
  var moment = require('moment');
65
63
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -73,7 +71,6 @@ var isEmpty$3 = require('lodash/isEmpty');
73
71
  var omit = require('lodash/omit');
74
72
  var _Object$freeze = require('@babel/runtime-corejs3/core-js-stable/object/freeze');
75
73
  var originalOmitDeep = require('omit-deep');
76
- var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
77
74
  var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
78
75
  var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
79
76
  var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
@@ -106,12 +103,14 @@ var uniqBy = require('lodash/uniqBy');
106
103
  var invariant = require('tiny-invariant');
107
104
  var hoistNonReactStatics = require('hoist-non-react-statics');
108
105
  var reactRedux = require('react-redux');
106
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
109
107
  var _Math$trunc = require('@babel/runtime-corejs3/core-js-stable/math/trunc');
110
108
  var _Number$isNaN = require('@babel/runtime-corejs3/core-js-stable/number/is-nan');
111
109
  var Cleave = require('cleave.js/react');
112
110
  var isFinite = require('lodash/isFinite');
113
111
  var isUndefined = require('lodash/isUndefined');
114
112
  var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
113
+ var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
115
114
  var flatMap = require('lodash/flatMap');
116
115
  var compact = require('lodash/compact');
117
116
  var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
@@ -133,7 +132,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
133
132
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
134
133
  var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
135
134
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
136
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
137
135
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
138
136
  var classnames__default = /*#__PURE__*/_interopDefault(classnames);
139
137
  var flowRight__default = /*#__PURE__*/_interopDefault(flowRight);
@@ -163,7 +161,6 @@ var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
163
161
  var omit__default = /*#__PURE__*/_interopDefault(omit);
164
162
  var _Object$freeze__default = /*#__PURE__*/_interopDefault(_Object$freeze);
165
163
  var originalOmitDeep__default = /*#__PURE__*/_interopDefault(originalOmitDeep);
166
- var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
167
164
  var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
168
165
  var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
169
166
  var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
@@ -185,12 +182,14 @@ var flatten__default = /*#__PURE__*/_interopDefault(flatten);
185
182
  var uniqBy__default = /*#__PURE__*/_interopDefault(uniqBy);
186
183
  var invariant__default = /*#__PURE__*/_interopDefault(invariant);
187
184
  var hoistNonReactStatics__default = /*#__PURE__*/_interopDefault(hoistNonReactStatics);
185
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
188
186
  var _Math$trunc__default = /*#__PURE__*/_interopDefault(_Math$trunc);
189
187
  var _Number$isNaN__default = /*#__PURE__*/_interopDefault(_Number$isNaN);
190
188
  var Cleave__default = /*#__PURE__*/_interopDefault(Cleave);
191
189
  var isFinite__default = /*#__PURE__*/_interopDefault(isFinite);
192
190
  var isUndefined__default = /*#__PURE__*/_interopDefault(isUndefined);
193
191
  var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
192
+ var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
194
193
  var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
195
194
  var compact__default = /*#__PURE__*/_interopDefault(compact);
196
195
  var _Set__default = /*#__PURE__*/_interopDefault(_Set);
@@ -281,9 +280,8 @@ function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var
281
280
  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 } } } };
282
281
  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 } } } };
283
282
  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 } } } };
284
- const getRolesClause = roles => roles && roles.length > 0 ? "roles contains any (".concat(_mapInstanceProperty__default["default"](roles).call(roles, role => "\"".concat(role, "\"")).join(','), ")") : undefined;
283
+ const getRolesClause = roles => roles && roles.length > 0 ? `roles contains any (${_mapInstanceProperty__default["default"](roles).call(roles, role => `"${role}"`).join(',')})` : undefined;
285
284
  const ChannelPickerInput = _ref => {
286
- var _currentOption$data$l, _currentOption$data;
287
285
  let isClearable = _ref.isClearable,
288
286
  isDisabled = _ref.isDisabled,
289
287
  isReadOnly = _ref.isReadOnly,
@@ -303,7 +301,7 @@ const ChannelPickerInput = _ref => {
303
301
  const variables = React.useMemo(() => {
304
302
  const rolesClause = getRolesClause(roles);
305
303
  return _objectSpread$1r({
306
- sortByNamePath: "name.".concat(dataLocale)
304
+ sortByNamePath: `name.${dataLocale}`
307
305
  }, rolesClause && {
308
306
  extraWhere: rolesClause
309
307
  });
@@ -324,7 +322,7 @@ const ChannelPickerInput = _ref => {
324
322
  }
325
323
  return channel;
326
324
  }, [formatLocalizedFieldToString]);
327
- const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
325
+ const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
328
326
  const loadOptions = useLoadOptions({
329
327
  query: GetChannelsQuery,
330
328
  variables,
@@ -359,13 +357,13 @@ const ChannelPickerInput = _ref => {
359
357
  setLoadingError(null);
360
358
  handleInternalInputChange(event);
361
359
  }, [handleInternalInputChange]);
362
- const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
360
+ const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
363
361
  React.useEffect(() => {
364
362
  if (isCurrentOptionLoadingFailed) onError(currentOption.error);
365
363
  }, [isCurrentOptionLoadingFailed, onError, currentOption]);
366
364
  const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
367
365
  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$K.noChannelsFound), [loadingError, formatMessage]);
368
- 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 : '';
366
+ const tooltipTitle = currentOption?.data?.label ?? '';
369
367
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
370
368
  max: "scale",
371
369
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -375,7 +373,7 @@ const ChannelPickerInput = _ref => {
375
373
  children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
376
374
  id: name,
377
375
  name: name,
378
- placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$K.placeholder),
376
+ placeholder: placeholder ?? formatMessage(messages$K.placeholder),
379
377
  loadOptions: loadOptionsDebounced,
380
378
  defaultOptions: true,
381
379
  showOptionGroupDivider: true,
@@ -417,10 +415,9 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
417
415
  value: function render() {
418
416
  return jsxRuntime.jsx(applicationShellConnectors.ApplicationContext, {
419
417
  render: _ref => {
420
- var _this$props;
421
418
  let user = _ref.user;
422
419
  return formatDateTime$1(this.props.type, this.props.value, {
423
- 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),
420
+ timeZone: this?.props?.timeZone || user?.timeZone,
424
421
  locale: this.props.intl.locale
425
422
  });
426
423
  }
@@ -459,7 +456,6 @@ const convertProductTypeToOption = productType => {
459
456
  };
460
457
  };
461
458
  const ProductTypePickerInput = _ref => {
462
- var _currentOption$data$l, _currentOption$data;
463
459
  let isClearable = _ref.isClearable,
464
460
  isDisabled = _ref.isDisabled,
465
461
  isReadOnly = _ref.isReadOnly,
@@ -491,9 +487,8 @@ const ProductTypePickerInput = _ref => {
491
487
  itemToOption: convertProductTypeToOption
492
488
  });
493
489
  const handleLoadOptions = React.useCallback(inputValue => loadProductTypes(inputValue).then(_ref3 => {
494
- var _data$productTypes;
495
490
  let data = _ref3.data;
496
- return ((_data$productTypes = data.productTypes) === null || _data$productTypes === void 0 ? void 0 : _data$productTypes.results) || [];
491
+ return data.productTypes?.results || [];
497
492
  }).then(productTypes => _mapInstanceProperty__default["default"](productTypes).call(productTypes, convertProductTypeToOption)).catch(error => {
498
493
  setLoadingError(error);
499
494
  onError(error);
@@ -507,12 +502,12 @@ const ProductTypePickerInput = _ref => {
507
502
  setLoadingError(null);
508
503
  handleInternalInputChange(event);
509
504
  }, [handleInternalInputChange]);
510
- const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
505
+ const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
511
506
  React.useEffect(() => {
512
507
  if (isCurrentOptionLoadingFailed) onError(currentOption.error);
513
508
  }, [isCurrentOptionLoadingFailed, onError, currentOption]);
514
509
  const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
515
- 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 : '';
510
+ const tooltipTitle = currentOption?.data?.label ?? '';
516
511
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
517
512
  max: "scale",
518
513
  children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -566,7 +561,6 @@ var messages$I = reactIntl.defineMessages({
566
561
  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 } } } };
567
562
  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 } } } };
568
563
  const StatePickerInput = _ref => {
569
- var _currentOption$data$l, _currentOption$data;
570
564
  let isClearable = _ref.isClearable,
571
565
  isDisabled = _ref.isDisabled,
572
566
  isReadOnly = _ref.isReadOnly,
@@ -582,7 +576,7 @@ const StatePickerInput = _ref => {
582
576
  formatMessage = _useIntl.formatMessage;
583
577
  const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
584
578
  const variables = React.useMemo(() => ({
585
- sortByNamePath: "name.".concat(dataLocale)
579
+ sortByNamePath: `name.${dataLocale}`
586
580
  }), [dataLocale]);
587
581
  const convertStateToOption = React.useCallback(state => {
588
582
  const localizedName = formatLocalizedFieldToString(state.nameAllLocales);
@@ -597,7 +591,7 @@ const StatePickerInput = _ref => {
597
591
  _useState2 = _slicedToArray(_useState, 2),
598
592
  loadingError = _useState2[0],
599
593
  setLoadingError = _useState2[1];
600
- const prefixSearchFields = React.useMemo(() => ["name.".concat(dataLocale), 'key'], [dataLocale]);
594
+ const prefixSearchFields = React.useMemo(() => [`name.${dataLocale}`, 'key'], [dataLocale]);
601
595
  const loadOptions = useLoadOptions({
602
596
  query: GetStatesQuery,
603
597
  variables,
@@ -630,13 +624,13 @@ const StatePickerInput = _ref => {
630
624
  setLoadingError(null);
631
625
  handleInternalInputChange(event);
632
626
  }, [handleInternalInputChange]);
633
- const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
627
+ const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
634
628
  React.useEffect(() => {
635
629
  if (isCurrentOptionLoadingFailed) onError(currentOption.error);
636
630
  }, [isCurrentOptionLoadingFailed, onError, currentOption]);
637
631
  const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
638
632
  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$I.noStatesFound), [loadingError, formatMessage]);
639
- 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 : '';
633
+ const tooltipTitle = currentOption?.data?.label ?? '';
640
634
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
641
635
  max: "scale",
642
636
  children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -750,10 +744,9 @@ const useHandlers = onChange => {
750
744
  setInputValue(changedValue);
751
745
  }, []);
752
746
  const handleChange = useEventCallback(event => {
753
- var _event$target$value;
754
747
  const eventWithExtractedValue = _objectSpread$1o(_objectSpread$1o({}, event), {}, {
755
748
  target: _objectSpread$1o(_objectSpread$1o({}, event.target), {}, {
756
- value: (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value
749
+ value: event.target.value?.value
757
750
  })
758
751
  });
759
752
  onChange(eventWithExtractedValue);
@@ -763,24 +756,21 @@ const useHandlers = onChange => {
763
756
 
764
757
  const _excluded$3 = ["extraWhere"];
765
758
  function ownKeys$1n(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; }
766
- function _objectSpread$1n(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$1n(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$1n(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
759
+ function _objectSpread$1n(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$1n(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$1n(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
767
760
  const constructPrefixSearchPredicate$1 = function () {
768
761
  let prefixSearchFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
769
762
  let lowerBound = arguments.length > 1 ? arguments[1] : undefined;
770
763
  let upperBound = arguments.length > 2 ? arguments[2] : undefined;
771
764
  const constructPrefixSearchExpression = field => {
772
- var _context, _context2, _context3, _context4;
765
+ var _context;
773
766
  const path = field.split('.');
774
767
  const _path$slice$reverse = _reverseInstanceProperty__default["default"](_context = _sliceInstanceProperty__default["default"](path).call(path)).call(_context),
775
768
  _path$slice$reverse2 = _toArray(_path$slice$reverse),
776
769
  finalValueInPath = _path$slice$reverse2[0],
777
770
  remainPathInReverse = _sliceInstanceProperty__default["default"](_path$slice$reverse2).call(_path$slice$reverse2, 1);
778
- const comparison = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = "".concat(finalValueInPath, " >= \"")).call(_context4, lowerBound, "\" and ")).call(_context3, finalValueInPath, " < \"")).call(_context2, upperBound, "\"");
771
+ const comparison = `${finalValueInPath} >= "${lowerBound}" and ${finalValueInPath} < "${upperBound}"`;
779
772
  if (remainPathInReverse.length) {
780
- return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => {
781
- var _context5;
782
- return _concatInstanceProperty__default["default"](_context5 = "".concat(nextPath, "(")).call(_context5, nestedPath, ")");
783
- }, comparison);
773
+ return _reduceInstanceProperty__default["default"](remainPathInReverse).call(remainPathInReverse, (nestedPath, nextPath) => `${nextPath}(${nestedPath})`, comparison);
784
774
  }
785
775
  return comparison;
786
776
  };
@@ -796,7 +786,7 @@ const useLoadOptions = _ref => {
796
786
  let where;
797
787
  if (inputValue.length) {
798
788
  if (isUUID(inputValue)) {
799
- where = "id = \"".concat(inputValue, "\"");
789
+ where = `id = "${inputValue}"`;
800
790
  } else {
801
791
  const _getPrefixSearchBound = getPrefixSearchBounds(inputValue),
802
792
  _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
@@ -805,12 +795,11 @@ const useLoadOptions = _ref => {
805
795
  where = constructPrefixSearchPredicate$1(prefixSearchFields, lowerBound, upperBound);
806
796
  }
807
797
  }
808
- const _ref2 = variables !== null && variables !== void 0 ? variables : {},
798
+ const _ref2 = variables ?? {},
809
799
  extraWhere = _ref2.extraWhere,
810
800
  restVariables = _objectWithoutProperties(_ref2, _excluded$3);
811
801
  if (typeof extraWhere === 'string') {
812
- var _context6;
813
- where = where ? _concatInstanceProperty__default["default"](_context6 = "(".concat(where, ") and ")).call(_context6, variables.extraWhere) : variables.extraWhere;
802
+ where = where ? `(${where}) and ${variables.extraWhere}` : variables.extraWhere;
814
803
  }
815
804
  return client$1.query({
816
805
  query,
@@ -840,12 +829,12 @@ const useExecuteGraphQLRequest = () => {
840
829
  };
841
830
  const createSearchProductsFromPIMAction = (searchTerm, projectKey) => sdk.actions.post({
842
831
  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
843
- uri: "/".concat(projectKey, "/search/product-types"),
832
+ uri: `/${projectKey}/search/product-types`,
844
833
  payload: {
845
834
  query: {
846
835
  wildcard: {
847
836
  field: 'name',
848
- value: "*".concat(searchTerm, "*"),
837
+ value: `*${searchTerm}*`,
849
838
  caseInsensitive: true
850
839
  }
851
840
  },
@@ -859,9 +848,8 @@ const useFetchProductTypesFromPIM = _ref => {
859
848
  const dispatch = sdk.useAsyncDispatch();
860
849
  const executeGraphQLRequest = useExecuteGraphQLRequest();
861
850
  const fetchProductTypesFromPim = React.useCallback(async searchTerm => {
862
- var _result$hits$map, _result$hits;
863
851
  const result = await dispatch(createSearchProductsFromPIMAction(searchTerm, projectKey));
864
- 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 : [];
852
+ const ids = result?.hits?.map(hit => hit.id) ?? [];
865
853
  // Avoid sending any requests if it's clear that nothing is found
866
854
  if (ids.length === 0) {
867
855
  return {
@@ -896,22 +884,19 @@ const useFetchProductTypesFromPIM = _ref => {
896
884
  */
897
885
  const constructNestedExpression = (reversedPath, predicate) => {
898
886
  if (reversedPath.length > 0) {
899
- return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => {
900
- var _context;
901
- return _concatInstanceProperty__default["default"](_context = "".concat(nestedSelection, "(")).call(_context, nextNestedValue, ")");
902
- }, predicate);
887
+ return _reduceInstanceProperty__default["default"](reversedPath).call(reversedPath, (nextNestedValue, nestedSelection) => `${nestedSelection}(${nextNestedValue})`, predicate);
903
888
  }
904
889
  return predicate;
905
890
  };
906
891
  const constructPrefixSearchPredicate = (prefixSearchFields, lowerBound, upperBound) => {
907
892
  const constructPrefixSearchExpression = field => {
908
- var _context2, _context3, _context4, _context5;
893
+ var _context;
909
894
  const parts = field.split('.');
910
- const _parts$slice$reverse = _reverseInstanceProperty__default["default"](_context2 = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context2),
895
+ const _parts$slice$reverse = _reverseInstanceProperty__default["default"](_context = _sliceInstanceProperty__default["default"](parts).call(parts)).call(_context),
911
896
  _parts$slice$reverse2 = _toArray(_parts$slice$reverse),
912
897
  valueToNest = _parts$slice$reverse2[0],
913
898
  reversedPathToNestedValue = _sliceInstanceProperty__default["default"](_parts$slice$reverse2).call(_parts$slice$reverse2, 1);
914
- const predicateExpression = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(valueToNest, " >= \"")).call(_context5, lowerBound, "\" and ")).call(_context4, valueToNest, " < \"")).call(_context3, upperBound, "\"");
899
+ const predicateExpression = `${valueToNest} >= "${lowerBound}" and ${valueToNest} < "${upperBound}"`;
915
900
  return constructNestedExpression(reversedPathToNestedValue, predicateExpression);
916
901
  };
917
902
  return _mapInstanceProperty__default["default"](prefixSearchFields).call(prefixSearchFields, constructPrefixSearchExpression).join(' or ');
@@ -919,7 +904,7 @@ const constructPrefixSearchPredicate = (prefixSearchFields, lowerBound, upperBou
919
904
  const constructWherePredicate = (inputValue, prefixSearchFields) => {
920
905
  const wherePredicate = function () {
921
906
  if (inputValue.length) {
922
- if (isUUID(inputValue)) return "id = \"".concat(inputValue, "\"");else {
907
+ if (isUUID(inputValue)) return `id = "${inputValue}"`;else {
923
908
  const _getPrefixSearchBound = getPrefixSearchBounds(inputValue),
924
909
  _getPrefixSearchBound2 = _slicedToArray(_getPrefixSearchBound, 2),
925
910
  lowerBound = _getPrefixSearchBound2[0],
@@ -944,7 +929,6 @@ const useFetchProductTypessFromCTP = _ref2 => {
944
929
  }, [prefixSearchFields, executeGraphQLRequest]);
945
930
  };
946
931
  const usePimStatus = () => {
947
- var _data$indicesExist;
948
932
  const _useQuery = react.useQuery(FetchIndicesExist$1, {
949
933
  context: {
950
934
  target: constants.GRAPHQL_TARGETS.PIM_INDEXER
@@ -954,20 +938,17 @@ const usePimStatus = () => {
954
938
  data = _useQuery.data;
955
939
  return {
956
940
  data,
957
- 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)
941
+ isProjectIndexed: Boolean(data?.indicesExist?.productTypes?.searchableIndexExists)
958
942
  };
959
943
  };
960
944
  const useProductTypeOptions = _ref3 => {
961
945
  let prefixSearchFields = _ref3.prefixSearchFields;
962
946
  const _usePimStatus = usePimStatus(),
963
947
  isProjectIndexed = _usePimStatus.isProjectIndexed;
964
- const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
965
- var _context$project;
966
- return {
967
- dataLocale: context.dataLocale,
968
- projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
969
- };
970
- }),
948
+ const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
949
+ dataLocale: context.dataLocale,
950
+ projectKey: context.project?.key
951
+ })),
971
952
  dataLocale = _useApplicationContex.dataLocale,
972
953
  projectKey = _useApplicationContex.projectKey;
973
954
  const fetchProductTypesFromPim = useFetchProductTypesFromPIM({
@@ -984,7 +965,6 @@ const useProductTypeOptions = _ref3 => {
984
965
  };
985
966
 
986
967
  function useCurrentOption(_ref) {
987
- var _context;
988
968
  let id = _ref.id,
989
969
  typename = _ref.typename,
990
970
  query = _ref.query,
@@ -996,7 +976,7 @@ function useCurrentOption(_ref) {
996
976
  // load from cache when possible to speed up initial render
997
977
  const canReadFromCache = id && typename && fragment;
998
978
  const cacheItem = canReadFromCache ? apolloClient.readFragment({
999
- id: _concatInstanceProperty__default["default"](_context = "".concat(typename, ":")).call(_context, id),
979
+ id: `${typename}:${id}`,
1000
980
  fragment
1001
981
  }) : undefined;
1002
982
 
@@ -1014,7 +994,7 @@ function useCurrentOption(_ref) {
1014
994
  queryData = _useQuery.data,
1015
995
  queryError = _useQuery.error;
1016
996
  const queryItem = queryData && queryDataToItem(queryData);
1017
- const item = queryItem !== null && queryItem !== void 0 ? queryItem : cacheItem;
997
+ const item = queryItem ?? cacheItem;
1018
998
  const loading = item ? false : queryLoading;
1019
999
  const error = item ? undefined : queryError;
1020
1000
  const data = item && itemToOption(item);
@@ -1043,10 +1023,7 @@ const setDisplayName = nextDisplayName => Component => {
1043
1023
 
1044
1024
  const keepDisplayName = component => setDisplayName(getDisplayName(component));
1045
1025
 
1046
- const wrapDisplayName = (BaseComponent, hocName) => {
1047
- var _context;
1048
- return _concatInstanceProperty__default["default"](_context = "".concat(hocName, "(")).call(_context, getDisplayName(BaseComponent), ")");
1049
- };
1026
+ const wrapDisplayName = (BaseComponent, hocName) => `${hocName}(${getDisplayName(BaseComponent)})`;
1050
1027
 
1051
1028
  function ownKeys$1m(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; }
1052
1029
  function _objectSpread$1m(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$1m(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$1m(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1161,7 +1138,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1161
1138
  };
1162
1139
  _this.doDelayedUpdate = (updateFunction, event, eventType) => {
1163
1140
  const self = _this;
1164
- const timeoutKey = "".concat(eventType, "Timeout");
1141
+ const timeoutKey = `${eventType}Timeout`;
1165
1142
  // TODO: can't we just use one variable?
1166
1143
  clearTimeout(_this[timeoutKey]);
1167
1144
  _this[timeoutKey] = _setTimeout__default["default"](() => {
@@ -1192,7 +1169,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1192
1169
  }, this.props.onEnter ? {
1193
1170
  onKeyDown: this.handleEnter
1194
1171
  } : {}), filterDataAttributes(this.props));
1195
- const inputId = "throttled-field-".concat(this.props.name);
1172
+ const inputId = `throttled-field-${this.props.name}`;
1196
1173
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
1197
1174
  children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
1198
1175
  children: jsxRuntime.jsx("label", {
@@ -1201,7 +1178,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1201
1178
  })
1202
1179
  }), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1l(_objectSpread$1l({}, commonProps), {}, {
1203
1180
  id: inputId,
1204
- className: classnames__default["default"](styles$i.textarea, styles$i["textarea-".concat(this.props.style)], {
1181
+ className: classnames__default["default"](styles$i.textarea, styles$i[`textarea-${this.props.style}`], {
1205
1182
  [styles$i.invalid]: !this.props.isValid,
1206
1183
  [styles$i.disabled]: this.props.disabled
1207
1184
  }),
@@ -1212,7 +1189,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
1212
1189
  id: inputId,
1213
1190
  ref: this.props.inputRef,
1214
1191
  type: this.props.as,
1215
- className: classnames__default["default"](styles$i["input-".concat(this.props.style)], {
1192
+ className: classnames__default["default"](styles$i[`input-${this.props.style}`], {
1216
1193
  [styles$i.invalid]: !this.props.isValid,
1217
1194
  [styles$i.disabled]: this.props.disabled,
1218
1195
  [styles$i.granular]: this.props.isGranular
@@ -1309,8 +1286,7 @@ let SearchInput = /*#__PURE__*/function (_Component) {
1309
1286
  });
1310
1287
  };
1311
1288
  _this.handleClear = () => {
1312
- var _this$inputRef;
1313
- (_this$inputRef = _this.inputRef) === null || _this$inputRef === void 0 || _this$inputRef.focus();
1289
+ _this.inputRef?.focus();
1314
1290
  _this.props.onChange(null);
1315
1291
  _this.props.onReset();
1316
1292
  _this.setState({
@@ -1412,16 +1388,15 @@ function ownKeys$1k(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
1412
1388
  function _objectSpread$1k(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$1k(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$1k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1413
1389
  const injectDataTablePaginationState = initialValues => Component => {
1414
1390
  const WithDataTablePaginationState = props => {
1415
- var _initialValues$tableS, _initialValues$tableS2;
1416
1391
  const _usePaginationState = uiKit.usePaginationState({
1417
- page: initialValues === null || initialValues === void 0 ? void 0 : initialValues.page,
1418
- perPage: initialValues === null || initialValues === void 0 ? void 0 : initialValues.perPage
1392
+ page: initialValues?.page,
1393
+ perPage: initialValues?.perPage
1419
1394
  }),
1420
1395
  page = _usePaginationState.page,
1421
1396
  perPage = _usePaginationState.perPage;
1422
1397
  const tableSorting = uiKit.useDataTableSortingState({
1423
- key: initialValues === null || initialValues === void 0 || (_initialValues$tableS = initialValues.tableSorting) === null || _initialValues$tableS === void 0 ? void 0 : _initialValues$tableS.key,
1424
- order: initialValues === null || initialValues === void 0 || (_initialValues$tableS2 = initialValues.tableSorting) === null || _initialValues$tableS2 === void 0 ? void 0 : _initialValues$tableS2.order
1398
+ key: initialValues?.tableSorting?.key,
1399
+ order: initialValues?.tableSorting?.order
1425
1400
  });
1426
1401
  return jsxRuntime.jsx(Component, _objectSpread$1k(_objectSpread$1k({}, props), {}, {
1427
1402
  dataTablePaginationState: {
@@ -1455,7 +1430,7 @@ const injectNotifications = function () {
1455
1430
  [propName]: notifications
1456
1431
  }));
1457
1432
  };
1458
- WrappedComponent.displayName = "withNotifications(".concat(getDisplayName(Component));
1433
+ WrappedComponent.displayName = `withNotifications(${getDisplayName(Component)}`;
1459
1434
  return WrappedComponent;
1460
1435
  };
1461
1436
  };
@@ -1564,10 +1539,7 @@ const isNil = value => typeof value === 'undefined' || value === null;
1564
1539
  const useStorage = (storageKey, initialStorageValue, options) => {
1565
1540
  var _context;
1566
1541
  const mergedOptions = _objectSpread$1e(_objectSpread$1e({}, defaultOptions$2), options);
1567
- const userId = applicationShellConnectors.useApplicationContext(context => {
1568
- var _context$user;
1569
- return (_context$user = context.user) === null || _context$user === void 0 ? void 0 : _context$user.id;
1570
- });
1542
+ const userId = applicationShellConnectors.useApplicationContext(context => context.user?.id);
1571
1543
  const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
1572
1544
  const readFromStorage = React.useCallback(() => {
1573
1545
  const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
@@ -1586,9 +1558,8 @@ const useStorage = (storageKey, initialStorageValue, options) => {
1586
1558
  return parsedStorageValue;
1587
1559
  }, [mergedOptions.storageType, scopedStorageKey]);
1588
1560
  const initializeStorageValue = () => {
1589
- var _ref, _readFromStorage;
1590
1561
  // default the storage value to the initial provided value when provided
1591
- return (_ref = (_readFromStorage = readFromStorage()) !== null && _readFromStorage !== void 0 ? _readFromStorage : initialStorageValue) !== null && _ref !== void 0 ? _ref : null;
1562
+ return readFromStorage() ?? initialStorageValue ?? null;
1592
1563
  };
1593
1564
  const _useState = React.useState(initializeStorageValue),
1594
1565
  _useState2 = _slicedToArray(_useState, 2),
@@ -1676,7 +1647,7 @@ function useFormatLocalizedFieldToString() {
1676
1647
  }
1677
1648
 
1678
1649
  function ownKeys$1c(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; }
1679
- function _objectSpread$1c(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$1c(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$1c(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1650
+ function _objectSpread$1c(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$1c(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$1c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1680
1651
  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: "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: "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: 2220, 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 $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 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 } } } };
1681
1652
  const MC_RESOURCES_WITH_KEYS = {
1682
1653
  ASSOCIATE_ROLE: 'ASSOCIATE_ROLE',
@@ -1753,14 +1724,13 @@ const getSkipVariables = resourceType => {
1753
1724
  });
1754
1725
  };
1755
1726
  const getWhereClause$1 = function () {
1756
- var _context, _context2, _context3;
1757
1727
  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1758
1728
  field = _ref.field,
1759
1729
  fieldValue = _ref.fieldValue,
1760
1730
  id = _ref.id;
1761
1731
  if (!id && !fieldValue) return null;
1762
- if (!id) return _concatInstanceProperty__default["default"](_context = "".concat(field, " = \"")).call(_context, fieldValue, "\"");
1763
- return _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(field, " = \"")).call(_context3, fieldValue, "\" and id != \"")).call(_context2, id, "\"");
1732
+ if (!id) return `${field} = "${fieldValue}"`;
1733
+ return `${field} = "${fieldValue}" and id != "${id}"`;
1764
1734
  };
1765
1735
  const getQueryVariables = _ref2 => {
1766
1736
  let resourceType = _ref2.resourceType,
@@ -1779,7 +1749,6 @@ const getQueryVariables = _ref2 => {
1779
1749
  }, skipVariables);
1780
1750
  };
1781
1751
  const useIsFieldDuplicated = () => {
1782
- var _Object$values$;
1783
1752
  const _useLazyQuery = hooks.useLazyQuery(FetchResourceTypeDuplicatedField, {
1784
1753
  context: {
1785
1754
  target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -1794,7 +1763,7 @@ const useIsFieldDuplicated = () => {
1794
1763
  return {
1795
1764
  getQueryVariables,
1796
1765
  isLoading: loading,
1797
- isFieldDuplicated: data ? ((_Object$values$ = _Object$values__default["default"](data)[0]) === null || _Object$values$ === void 0 ? void 0 : _Object$values$.total) > 0 : null,
1766
+ isFieldDuplicated: data ? _Object$values__default["default"](data)[0]?.total > 0 : null,
1798
1767
  queryIsFieldDuplicated: execute
1799
1768
  };
1800
1769
  };
@@ -1847,16 +1816,14 @@ function ownKeys$1b(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
1847
1816
  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; }
1848
1817
  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 } } } };
1849
1818
  const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
1850
- var _storesQueryResult$re;
1851
1819
  if (!storesQueryResult) return null;
1852
1820
  return {
1853
1821
  total: storesQueryResult.total,
1854
1822
  count: storesQueryResult.count,
1855
1823
  offset: storesQueryResult.offset,
1856
- results: (_storesQueryResult$re = storesQueryResult.results) === null || _storesQueryResult$re === void 0 ? void 0 : _mapInstanceProperty__default["default"](_storesQueryResult$re).call(_storesQueryResult$re, store => {
1857
- var _store$productSelecti;
1824
+ results: storesQueryResult.results?.map(store => {
1858
1825
  return _objectSpread$1b(_objectSpread$1b({}, store), {}, {
1859
- productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _filterInstanceProperty__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => Boolean(productSelectionRef.productSelection))
1826
+ productSelections: store.productSelections?.filter(productSelectionRef => Boolean(productSelectionRef.productSelection))
1860
1827
  });
1861
1828
  })
1862
1829
  };
@@ -1868,7 +1835,7 @@ const createQueryVariables$6 = ownProps => {
1868
1835
  offset: ownProps.offset,
1869
1836
  sort: _sortInstanceProperty__default["default"](ownProps)
1870
1837
  }, Boolean(ownProps.stores) && {
1871
- where: "key in (".concat(_mapInstanceProperty__default["default"](_context = ownProps.stores).call(_context, store => "\"".concat(store, "\"")).join(', '), ")")
1838
+ where: `key in (${_mapInstanceProperty__default["default"](_context = ownProps.stores).call(_context, store => `"${store}"`).join(', ')})`
1872
1839
  }), {}, {
1873
1840
  excludeExtendedStoresList: ownProps.excludeExtendedStoresList,
1874
1841
  excludeProductSelections: ownProps.excludeProductSelections
@@ -1893,10 +1860,7 @@ const useStoresListFetcher = props => {
1893
1860
  projectKey: props.projectKey
1894
1861
  },
1895
1862
  fetchPolicy: 'network-only',
1896
- onError: graphqlErrorResponse => {
1897
- var _props$onError;
1898
- return (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, graphqlErrorResponse);
1899
- }
1863
+ onError: graphqlErrorResponse => props.onError?.(graphqlErrorResponse)
1900
1864
  }),
1901
1865
  data = _useQuery.data,
1902
1866
  refetch = _useQuery.refetch,
@@ -1904,7 +1868,7 @@ const useStoresListFetcher = props => {
1904
1868
  return {
1905
1869
  isLoading: loading,
1906
1870
  refetch,
1907
- stores: filterStoresOutdatedDanglingProductSelections(data === null || data === void 0 ? void 0 : data.stores),
1871
+ stores: filterStoresOutdatedDanglingProductSelections(data?.stores),
1908
1872
  refetchQuery: {
1909
1873
  query: FetchStoresQuery,
1910
1874
  variables: queryVariables,
@@ -1968,18 +1932,13 @@ const handlers$5 = {
1968
1932
  }
1969
1933
  };
1970
1934
 
1971
- const toPermission = (permission, resourceName) => {
1972
- var _context;
1973
- return camelCase__default["default"](_concatInstanceProperty__default["default"](_context = "can ".concat(permission, " ")).call(_context, resourceName));
1974
- };
1975
- const createPermissionsComposePath = permission => // e.g applicationContext.permissions?.canViewOrders
1976
- "permissions.".concat(permission);
1977
- const createDataFencesComposePath = resourceName => permission => {
1978
- var _context2;
1979
- return (// e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
1980
- _concatInstanceProperty__default["default"](_context2 = "dataFences.store.".concat(resourceName, ".")).call(_context2, permission, ".values")
1981
- );
1982
- };
1935
+ const toPermission = (permission, resourceName) => camelCase__default["default"](`can ${permission} ${resourceName}`);
1936
+ const createPermissionsComposePath = permission =>
1937
+ // e.g applicationContext.permissions?.canViewOrders
1938
+ `permissions.${permission}`;
1939
+ const createDataFencesComposePath = resourceName => permission =>
1940
+ // e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
1941
+ `dataFences.store.${resourceName}.${permission}.values`;
1983
1942
  const useStoreKeysInDataFences = _ref => {
1984
1943
  let resourceName = _ref.resourceName,
1985
1944
  _ref$permission = _ref.permission,
@@ -2387,7 +2346,7 @@ const usePersistedTableConfiguration = props => {
2387
2346
  * Therefore, if it will be missing from the local storage and hence we use the [] as default.
2388
2347
  */
2389
2348
  const getVisibleColumns = React.useCallback(() => {
2390
- if (cachedVisibleTableConfiguration !== null && cachedVisibleTableConfiguration !== void 0 && cachedVisibleTableConfiguration.columnsConfig) {
2349
+ if (cachedVisibleTableConfiguration?.columnsConfig) {
2391
2350
  return retrieveColumnsWithCachedConfiguration({
2392
2351
  allAvailableColumnsConfiguration,
2393
2352
  cachedVisibleTableConfiguration: cachedVisibleTableConfiguration.columnsConfig,
@@ -2401,8 +2360,8 @@ const usePersistedTableConfiguration = props => {
2401
2360
  return {
2402
2361
  visibleColumns,
2403
2362
  visibleColumnKeys,
2404
- cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.columnsConfig,
2405
- cachedDisplaySettings: cachedVisibleTableConfiguration === null || cachedVisibleTableConfiguration === void 0 ? void 0 : cachedVisibleTableConfiguration.displaySettings,
2363
+ cachedVisibleColumnsConfiguration: cachedVisibleTableConfiguration?.columnsConfig,
2364
+ cachedDisplaySettings: cachedVisibleTableConfiguration?.displaySettings,
2406
2365
  handleCachedTableConfigurationUpdate: update => handleCacheUpdate({
2407
2366
  update,
2408
2367
  cachedVisibleTableConfiguration,
@@ -2413,7 +2372,6 @@ const usePersistedTableConfiguration = props => {
2413
2372
 
2414
2373
  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 } } } };
2415
2374
  const useProductSelectionsTotalFetcher = props => {
2416
- var _data$productSelectio;
2417
2375
  const _useQuery = hooks.useQuery(FetchProductSelectionsTotal, {
2418
2376
  context: {
2419
2377
  target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -2423,7 +2381,7 @@ const useProductSelectionsTotalFetcher = props => {
2423
2381
  data = _useQuery.data;
2424
2382
  return {
2425
2383
  isLoading: loading,
2426
- total: data === null || data === void 0 || (_data$productSelectio = data.productSelections) === null || _data$productSelectio === void 0 ? void 0 : _data$productSelectio.total
2384
+ total: data?.productSelections?.total
2427
2385
  };
2428
2386
  };
2429
2387
 
@@ -2444,7 +2402,7 @@ function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var
2444
2402
  // eslint-disable-next-line import/prefer-default-export
2445
2403
  const convertProductSelectionsFromGraphQl = productSelections => {
2446
2404
  var _context;
2447
- return (productSelections === null || productSelections === void 0 ? void 0 : productSelections.results) && _objectSpread$17(_objectSpread$17({}, productSelections), {}, {
2405
+ return productSelections?.results && _objectSpread$17(_objectSpread$17({}, productSelections), {}, {
2448
2406
  results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$17({}, l10n.applyTransformedLocalizedFields(productSelection, [{
2449
2407
  from: 'nameAllLocales',
2450
2408
  to: 'name'
@@ -2481,7 +2439,7 @@ const useProductSelectionsFetcher = props => {
2481
2439
  refetch = _useQuery.refetch;
2482
2440
  return {
2483
2441
  isLoading: loading,
2484
- productSelections: convertProductSelectionsFromGraphQl(data === null || data === void 0 ? void 0 : data.productSelections) || emptyProductSelections,
2442
+ productSelections: convertProductSelectionsFromGraphQl(data?.productSelections) || emptyProductSelections,
2485
2443
  refetch
2486
2444
  };
2487
2445
  };
@@ -2496,7 +2454,7 @@ const handlers$3 = {
2496
2454
 
2497
2455
  const setToArray = function () {
2498
2456
  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
2499
- return "id in (".concat(_mapInstanceProperty__default["default"](values).call(values, value => "\"".concat(value, "\"")).join(', '), ")");
2457
+ return `id in (${_mapInstanceProperty__default["default"](values).call(values, value => `"${value}"`).join(', ')})`;
2500
2458
  };
2501
2459
 
2502
2460
  function capitalizeFirst(text) {
@@ -2564,7 +2522,6 @@ function validateSingleFilter(_ref) {
2564
2522
  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value);
2565
2523
  }
2566
2524
 
2567
- var _templateObject$4, _templateObject2$2;
2568
2525
  const dateFormatDayStart$1 = 'YYYY-MM-DDT00:00:00.000';
2569
2526
  const dateFormatDayEnd$1 = 'YYYY-MM-DDT23:59:59.999';
2570
2527
  const getDateTimeInUTC = (date, timezone, format) => {
@@ -2574,8 +2531,7 @@ const getDateTimeInUTC = (date, timezone, format) => {
2574
2531
  const noTimeSpecified = momentDate.hours() === 0 && momentDate.minutes() === 0 && momentDate.seconds() === 0;
2575
2532
  // if it's a date then convert it to UTC datetime based on timezone
2576
2533
  if (noTimeSpecified) {
2577
- var _moment$tz;
2578
- const offset = ((_moment$tz = moment__default["default"](date).tz(timezone)) === null || _moment$tz === void 0 ? void 0 : _moment$tz.utcOffset()) || 0;
2534
+ const offset = moment__default["default"](date).tz(timezone)?.utcOffset() || 0;
2579
2535
  const formattedDate = momentDate.format(format);
2580
2536
  const formattedDateWithOffset = moment__default["default"](formattedDate).add(offset, 'minutes').format(dateFormat);
2581
2537
  // console.log(formattedDateWithOffset);
@@ -2588,7 +2544,6 @@ const getDateTimeInUTC = (date, timezone, format) => {
2588
2544
  function dateTransformer$1(filterKey, filters) {
2589
2545
  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator$1;
2590
2546
  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
2591
- var _context, _context2;
2592
2547
  let type = _ref.type,
2593
2548
  value = _ref.value,
2594
2549
  timezone = _ref.timezone;
@@ -2598,13 +2553,19 @@ function dateTransformer$1(filterKey, filters) {
2598
2553
  })) return '';
2599
2554
  switch (type) {
2600
2555
  case FILTER_TYPES.lessThan:
2601
- return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, getDateTimeInUTC(value, timezone, dateFormatDayStart$1), "\"");
2556
+ return `${filterKey} < "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"`;
2602
2557
  case FILTER_TYPES.moreThan:
2603
- return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, getDateTimeInUTC(value, timezone, dateFormatDayEnd$1), "\"");
2558
+ return `${filterKey} > "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}"`;
2604
2559
  case FILTER_TYPES.equalTo:
2605
- 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));
2560
+ return oneLine__default["default"]`
2561
+ (${filterKey} >= "${getDateTimeInUTC(value, timezone, dateFormatDayStart$1)}"
2562
+ and ${filterKey} <= "${getDateTimeInUTC(value, timezone, dateFormatDayEnd$1)}")
2563
+ `;
2606
2564
  case FILTER_TYPES.range:
2607
- 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));
2565
+ return oneLine__default["default"]`
2566
+ (${filterKey} >= "${getDateTimeInUTC(value.from, timezone, dateFormatDayStart$1)}"
2567
+ and ${filterKey} <= "${getDateTimeInUTC(value.to, timezone, dateFormatDayEnd$1)}")
2568
+ `;
2608
2569
  default:
2609
2570
  return '';
2610
2571
  }
@@ -2620,7 +2581,7 @@ function dateTransformer$1(filterKey, filters) {
2620
2581
  * (createdAt >= "2018-02-15T00:00:00.000+01:00" and createdAt <= "2018-02-15T23:59:59.999+01:00")
2621
2582
  * ) or some_more_filters
2622
2583
  */
2623
- return queryString === '' ? null : "(".concat(queryString, ")");
2584
+ return queryString === '' ? null : `(${queryString})`;
2624
2585
  }
2625
2586
  function defaultFilterValidator$1(_ref2) {
2626
2587
  let type = _ref2.type,
@@ -2636,25 +2597,19 @@ function defaultFilterValidator$1(_ref2) {
2636
2597
 
2637
2598
  var localizedTextTransformer = (localizedString => {
2638
2599
  var _context;
2639
- return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => {
2640
- var _context2;
2641
- return _concatInstanceProperty__default["default"](_context2 = "".concat(locale, " = \"")).call(_context2, localizedString[locale], "\"");
2642
- }).join(' and ');
2600
+ return _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context, locale => `${locale} = "${localizedString[locale]}"`).join(' and ');
2643
2601
  });
2644
2602
 
2645
- const getCentAmountClause = (value, operator, locale) => {
2646
- var _context;
2647
- return _concatInstanceProperty__default["default"](_context = "centAmount ".concat(operator, " ")).call(_context, uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount);
2648
- };
2603
+ const getCentAmountClause = (value, operator, locale) => `centAmount ${operator} ${uiKit.MoneyInput.convertToMoneyValue(value, locale).centAmount}`;
2649
2604
  function moneyTransformer(value, option, locale) {
2650
2605
  const clauses = [];
2651
2606
  if (option === FILTER_TYPES.range) {
2652
- clauses[0] = "currencyCode = \"".concat(value.from.currencyCode, "\"");
2607
+ clauses[0] = `currencyCode = "${value.from.currencyCode}"`;
2653
2608
  clauses[1] = getCentAmountClause(value.from, '>=', locale);
2654
2609
  clauses[2] = getCentAmountClause(value.to, '<=', locale);
2655
2610
  return clauses.join(' and ');
2656
2611
  }
2657
- clauses[0] = "currencyCode = \"".concat(value.currencyCode, "\"");
2612
+ clauses[0] = `currencyCode = "${value.currencyCode}"`;
2658
2613
  switch (option) {
2659
2614
  case FILTER_TYPES.lessThan:
2660
2615
  clauses[1] = getCentAmountClause(value, '<', locale);
@@ -2671,7 +2626,6 @@ function moneyTransformer(value, option, locale) {
2671
2626
  return clauses.join(' and ');
2672
2627
  }
2673
2628
 
2674
- var _templateObject$3, _templateObject2$1;
2675
2629
  const formatTime = 'HH:mm:ss.SSS';
2676
2630
 
2677
2631
  /* TimeInput only allows HH:mm:ss and adds the seconds as 00 and
@@ -2693,7 +2647,6 @@ const defaultFilterValidator = _ref => {
2693
2647
  const timeTransformer = function (filterKey, filters) {
2694
2648
  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultFilterValidator;
2695
2649
  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref2 => {
2696
- var _context, _context2;
2697
2650
  let type = _ref2.type,
2698
2651
  value = _ref2.value;
2699
2652
  if (!filterValidator({
@@ -2702,13 +2655,19 @@ const timeTransformer = function (filterKey, filters) {
2702
2655
  })) return '';
2703
2656
  switch (type) {
2704
2657
  case FILTER_TYPES.lessThan:
2705
- return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, " < \"")).call(_context, value, "\"");
2658
+ return `${filterKey} < "${value}"`;
2706
2659
  case FILTER_TYPES.moreThan:
2707
- return _concatInstanceProperty__default["default"](_context2 = "".concat(filterKey, " > \"")).call(_context2, value, "\"");
2660
+ return `${filterKey} > "${value}"`;
2708
2661
  case FILTER_TYPES.equalTo:
2709
- return oneLine__default["default"](_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n (", " >= \"", "\"\n and ", " <= \"", "\")\n "])), filterKey, value, filterKey, getEndOfSecond(value));
2662
+ return oneLine__default["default"]`
2663
+ (${filterKey} >= "${value}"
2664
+ and ${filterKey} <= "${getEndOfSecond(value)}")
2665
+ `;
2710
2666
  case FILTER_TYPES.range:
2711
- return oneLine__default["default"](_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n (", " >= \"", "\"\n and ", " <= \"", "\")\n "])), filterKey, value.from, filterKey, getEndOfSecond(value.to));
2667
+ return oneLine__default["default"]`
2668
+ (${filterKey} >= "${value.from}"
2669
+ and ${filterKey} <= "${getEndOfSecond(value.to)}")
2670
+ `;
2712
2671
  default:
2713
2672
  return '';
2714
2673
  }
@@ -2724,19 +2683,21 @@ const timeTransformer = function (filterKey, filters) {
2724
2683
  * (pickUpTime >= "14:00" and pickUpTime <= "15:00")
2725
2684
  * ) or some_more_filters
2726
2685
  */
2727
- return queryString === '' ? null : "(".concat(queryString, ")");
2686
+ return queryString === '' ? null : `(${queryString})`;
2728
2687
  };
2729
2688
 
2730
- var _templateObject$2;
2731
2689
  function formatDateRangeValue(value, type) {
2732
2690
  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
2733
2691
  locale: 'en',
2734
2692
  timeZone: moment__default$1["default"].tz.guess()
2735
2693
  };
2736
2694
  if (value.from === value.to) return formatDateTime$1(type, value.from, options);
2737
- 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));
2738
- if (value.from) return "from ".concat(formatDateTime$1(type, value.from, options));
2739
- if (value.to) return "to ".concat(formatDateTime$1(type, value.to, options));
2695
+ if (value.from && value.to) return oneLine__default["default"]`
2696
+ ${formatDateTime$1(type, value.from, options)} -
2697
+ ${formatDateTime$1(type, value.to, options)}
2698
+ `;
2699
+ if (value.from) return `from ${formatDateTime$1(type, value.from, options)}`;
2700
+ if (value.to) return `to ${formatDateTime$1(type, value.to, options)}`;
2740
2701
  return '';
2741
2702
  }
2742
2703
  function formatDateTime$1(type, value) {
@@ -3933,13 +3894,13 @@ const getData = (code, field) => {
3933
3894
  const getFractionDigit = code => getData(code, 'fractionDigit');
3934
3895
 
3935
3896
  function ownKeys$16(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; }
3936
- function _objectSpread$16(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$16(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$16(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
3897
+ function _objectSpread$16(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$16(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$16(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
3937
3898
  function formatMoneyRangeValue(value, intl) {
3938
- var _context;
3939
3899
  if (value.from === value.to) return formatMoneyValue(value.from, value.currency, intl);
3940
- 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));
3941
- if (value.from) return "from ".concat(formatMoneyValue(value.from, value.currency, intl));
3942
- if (value.to) return "to ".concat(formatMoneyValue(value.to, value.currency, intl));
3900
+ if (value.from && value.to) return `${formatMoneyValue(value.from, value.currency, intl)} -
3901
+ ${formatMoneyValue(value.to, value.currency, intl)}`;
3902
+ if (value.from) return `from ${formatMoneyValue(value.from, value.currency, intl)}`;
3903
+ if (value.to) return `to ${formatMoneyValue(value.to, value.currency, intl)}`;
3943
3904
  return '';
3944
3905
  }
3945
3906
  function formatMoneyValue(amount, currency, intl) {
@@ -3959,8 +3920,7 @@ function getFractionedAmount(moneyValue) {
3959
3920
  return amount / 10 ** fractionDigits;
3960
3921
  }
3961
3922
  function formatMoney$2(moneyValue, intl, options) {
3962
- var _moneyValue$fractione;
3963
- return intl.formatNumber((_moneyValue$fractione = moneyValue.fractionedAmount) !== null && _moneyValue$fractione !== void 0 ? _moneyValue$fractione : getFractionedAmount(moneyValue), _objectSpread$16({
3923
+ return intl.formatNumber(moneyValue.fractionedAmount ?? getFractionedAmount(moneyValue), _objectSpread$16({
3964
3924
  style: 'currency',
3965
3925
  currency: moneyValue.currencyCode,
3966
3926
  minimumFractionDigits: moneyValue.fractionDigits
@@ -3981,13 +3941,11 @@ var messages$D = reactIntl.defineMessages({
3981
3941
  });
3982
3942
 
3983
3943
  const formatEnum = _ref => {
3984
- var _context;
3985
3944
  let value = _ref.value,
3986
3945
  fallbackValue = _ref.fallbackValue;
3987
- return value.label || _concatInstanceProperty__default["default"](_context = "".concat(fallbackValue, " (")).call(_context, value.key, ")");
3946
+ return value.label || `${fallbackValue} (${value.key})`;
3988
3947
  };
3989
3948
  const formatLenum = _ref2 => {
3990
- var _context2;
3991
3949
  let value = _ref2.value,
3992
3950
  language = _ref2.language,
3993
3951
  languages = _ref2.languages,
@@ -3995,7 +3953,7 @@ const formatLenum = _ref2 => {
3995
3953
  return l10n.formatLocalizedString(value, {
3996
3954
  key: 'label',
3997
3955
  locale: language,
3998
- fallback: _concatInstanceProperty__default["default"](_context2 = "".concat(fallbackValue, " (")).call(_context2, value.key, ")"),
3956
+ fallback: `${fallbackValue} (${value.key})`,
3999
3957
  fallbackOrder: languages
4000
3958
  });
4001
3959
  };
@@ -4031,7 +3989,6 @@ const formatDate = _ref6 => {
4031
3989
  });
4032
3990
  };
4033
3991
  const formatDateTime = _ref7 => {
4034
- var _context3;
4035
3992
  let value = _ref7.value,
4036
3993
  userTimeZone = _ref7.userTimeZone,
4037
3994
  intl = _ref7.intl;
@@ -4047,7 +4004,7 @@ const formatDateTime = _ref7 => {
4047
4004
  // defaults to utc if timeZone is not provided
4048
4005
  timeZone: userTimeZone || 'utc'
4049
4006
  });
4050
- return _concatInstanceProperty__default["default"](_context3 = "".concat(date, " (")).call(_context3, time, ")");
4007
+ return `${date} (${time})`;
4051
4008
  };
4052
4009
  const formatBoolean = _ref8 => {
4053
4010
  let value = _ref8.value,
@@ -4070,7 +4027,7 @@ const formatUnknown = _ref10 => {
4070
4027
  fallbackValue = _ref10.fallbackValue;
4071
4028
  // NOTE This is reporting within the render function, which is supposed to
4072
4029
  // be pure. This is quite bad as this is a side-effect in the render fn.
4073
- sentry.reportErrorToSentry(new Error("Unhandled custom attribute type '".concat(type.name, "' for value")), {
4030
+ sentry.reportErrorToSentry(new Error(`Unhandled custom attribute type '${type.name}' for value`), {
4074
4031
  extra: {
4075
4032
  value
4076
4033
  }
@@ -4143,10 +4100,9 @@ const attributeTypeNames = {
4143
4100
  Number: 'number'
4144
4101
  };
4145
4102
  const convertToAttributeType = customFieldType => {
4146
- var _customFieldType$elem;
4147
4103
  if (isNil__default["default"](customFieldType)) return customFieldType;
4148
4104
  const attributeTypeName = attributeTypeNames[customFieldType.name];
4149
- const elementTypeName = attributeTypeNames[(_customFieldType$elem = customFieldType.elementType) === null || _customFieldType$elem === void 0 ? void 0 : _customFieldType$elem.name];
4105
+ const elementTypeName = attributeTypeNames[customFieldType.elementType?.name];
4150
4106
  return {
4151
4107
  name: attributeTypeName,
4152
4108
  elementType: {
@@ -4207,9 +4163,8 @@ function formatCustomField(_ref) {
4207
4163
  // e.g
4208
4164
  // where: `masterData(current(name(en >= "${lowerBound}" and en < "${upperBound}")))`
4209
4165
  const getPrefixSearchBounds = input => {
4210
- var _context;
4211
4166
  const getNextCharacter = character => String.fromCharCode(character.charCodeAt() + 1);
4212
- 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)))];
4167
+ return [input, `${_sliceInstanceProperty__default["default"](input).call(input, 0, input.length - 1)}${getNextCharacter(_sliceInstanceProperty__default["default"](input).call(input, input.length - 1))}`];
4213
4168
  };
4214
4169
 
4215
4170
  const _excluded$2 = ["action"];
@@ -4402,7 +4357,7 @@ const convertChangeValueAction = actionPayload => {
4402
4357
  * as its dynamic content can not be typed in SDL for the mutation.
4403
4358
  */
4404
4359
  const convertAction = (actionName, actionPayload) => {
4405
- var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5;
4360
+ var _context3, _context4, _context5;
4406
4361
  const getNameFromPayload = payload => {
4407
4362
  // changeName for `Organizations`
4408
4363
  if (typeof payload.name === 'string') return payload;
@@ -4467,7 +4422,7 @@ const convertAction = (actionName, actionPayload) => {
4467
4422
  case 'setCustomType':
4468
4423
  return {
4469
4424
  [actionName]: {
4470
- typeId: (_actionPayload$type = actionPayload.type) === null || _actionPayload$type === void 0 ? void 0 : _actionPayload$type.id,
4425
+ typeId: actionPayload.type?.id,
4471
4426
  fields: actionPayload.fields ? _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](actionPayload.fields)).call(_context3, _ref => {
4472
4427
  let _ref2 = _slicedToArray(_ref, 2),
4473
4428
  customField = _ref2[0],
@@ -4497,10 +4452,10 @@ const convertAction = (actionName, actionPayload) => {
4497
4452
  };
4498
4453
  case 'setGeoLocation':
4499
4454
  return {
4500
- [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
4455
+ [actionName]: actionPayload?.geoLocation ? {
4501
4456
  geoLocation: {
4502
4457
  type: 'Point',
4503
- 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)]
4458
+ coordinates: [_parseFloat__default["default"](actionPayload.geoLocation?.longitude), _parseFloat__default["default"](actionPayload.geoLocation?.latitude)]
4504
4459
  }
4505
4460
  } : {
4506
4461
  undefined
@@ -4636,7 +4591,7 @@ const convertAction = (actionName, actionPayload) => {
4636
4591
  case 'setShippingRateInputType':
4637
4592
  return {
4638
4593
  [actionName]: {
4639
- shippingRateInputType: (_actionPayload$shippi = actionPayload.shippingRateInputType) !== null && _actionPayload$shippi !== void 0 && _actionPayload$shippi.type ? {
4594
+ shippingRateInputType: actionPayload.shippingRateInputType?.type ? {
4640
4595
  [actionPayload.shippingRateInputType.type]: {
4641
4596
  values: actionPayload.shippingRateInputType.type === 'CartClassification' ? _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](actionPayload.shippingRateInputType)).call(_context4, value => ({
4642
4597
  key: value.key,
@@ -4690,8 +4645,8 @@ const convertAction = (actionName, actionPayload) => {
4690
4645
  case 'addAddress':
4691
4646
  case 'changeAddress':
4692
4647
  {
4693
- var _actionPayload$addres, _context6, _actionPayload$addres2;
4694
- const _ref3 = ((_actionPayload$addres = actionPayload.address) === null || _actionPayload$addres === void 0 ? void 0 : _actionPayload$addres.custom) || {},
4648
+ var _context6;
4649
+ const _ref3 = actionPayload.address?.custom || {},
4695
4650
  _ref3$fields = _ref3.fields,
4696
4651
  fields = _ref3$fields === void 0 ? {} : _ref3$fields;
4697
4652
  const customFields = isEmpty__default["default"](fields) ? null : _mapInstanceProperty__default["default"](_context6 = _Object$entries__default["default"](fields)).call(_context6, _ref4 => {
@@ -4703,7 +4658,7 @@ const convertAction = (actionName, actionPayload) => {
4703
4658
  value: _JSON$stringify__default["default"](value)
4704
4659
  };
4705
4660
  });
4706
- 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 ? {
4661
+ const custom = actionPayload.address?.custom?.type?.id ? {
4707
4662
  type: {
4708
4663
  id: actionPayload.address.custom.type.id
4709
4664
  },
@@ -4734,7 +4689,7 @@ const convertAction = (actionName, actionPayload) => {
4734
4689
  value: _JSON$stringify__default["default"](value)
4735
4690
  };
4736
4691
  });
4737
- const customType = type !== null && type !== void 0 && type.id ? {
4692
+ const customType = type?.id ? {
4738
4693
  id: type.id
4739
4694
  } : null;
4740
4695
  return {
@@ -4757,11 +4712,10 @@ const createGraphQlUpdateActions = actions => _reduceInstanceProperty__default["
4757
4712
  return [...previousActions, convertAction(actionName, actionPayload)];
4758
4713
  }, []);
4759
4714
  const extractErrorFromGraphQlResponse = graphQlResponse => {
4760
- var _graphQlResponse$netw, _graphQlResponse$grap;
4761
- 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) {
4715
+ if (graphQlResponse.networkError?.result?.errors?.length > 0) {
4762
4716
  return graphQlResponse.networkError.result.errors;
4763
4717
  }
4764
- if (((_graphQlResponse$grap = graphQlResponse.graphQLErrors) === null || _graphQlResponse$grap === void 0 ? void 0 : _graphQlResponse$grap.length) > 0) {
4718
+ if (graphQlResponse.graphQLErrors?.length > 0) {
4765
4719
  return graphQlResponse.graphQLErrors;
4766
4720
  }
4767
4721
  return graphQlResponse;
@@ -4822,16 +4776,14 @@ function omitDeep(obj, fieldsToOmit) {
4822
4776
  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; }
4823
4777
  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; }
4824
4778
  function getPriceChannelName(price) {
4825
- var _ref, _price$channel$name, _price$channel, _price$channel2;
4826
- 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;
4779
+ return price.channel?.name ?? price.channel?.key ?? null;
4827
4780
  }
4828
4781
  function getDiscountValue(price) {
4829
- var _price$value, _price$value2, _price$discounted;
4830
4782
  let preciseAmount;
4831
4783
  let fractionedAmount;
4832
- 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) {
4784
+ if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted.value.type === PRECISION_TYPES.highPrecision) {
4833
4785
  preciseAmount = price.value.preciseAmount - price.discounted.value.preciseAmount;
4834
- } 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) {
4786
+ } else if (price.value?.type === PRECISION_TYPES.highPrecision && price.discounted?.value?.type === PRECISION_TYPES.centPrecision) {
4835
4787
  fractionedAmount = getFractionedAmount(price.value) - getFractionedAmount(price.discounted.value);
4836
4788
  }
4837
4789
  return price.discounted ? _objectSpread$14(_objectSpread$14({}, price.value), {}, {
@@ -4845,28 +4797,23 @@ function getDiscountValue(price) {
4845
4797
  function getSelectedPrice(price) {
4846
4798
  return price.discounted ? price.discounted : price;
4847
4799
  }
4848
- function getNetUnitPrice(_ref2) {
4849
- var _lineItem$perMethodTa, _filteredPerMethodTax;
4850
- let lineItem = _ref2.lineItem,
4851
- shouldRoundAmount = _ref2.shouldRoundAmount;
4800
+ function getNetUnitPrice(_ref) {
4801
+ let lineItem = _ref.lineItem,
4802
+ shouldRoundAmount = _ref.shouldRoundAmount;
4852
4803
  const price = getSelectedPrice(lineItem.price);
4853
- 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 => {
4854
- var _lineItem$shippingDet;
4855
- 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;
4856
- });
4804
+ const filteredPerMethodTaxRate = lineItem?.perMethodTaxRate?.filter(perMethodTax => lineItem?.shippingDetails?.targets?.findIndex(target => target?.shippingMethodKey === perMethodTax?.shippingMethodKey) >= 0);
4857
4805
 
4858
4806
  // when shipping mode is multi with the same tax rate
4859
- 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) {
4860
- var _price$value3, _price$value4;
4807
+ if (filteredPerMethodTaxRate?.length > 0 && filteredPerMethodTaxRate[0]?.taxRate?.includedInPrice) {
4861
4808
  const taxRate = filteredPerMethodTaxRate[0].taxRate;
4862
4809
  let centAmount;
4863
4810
  // should accept 0 value
4864
- if (typeof ((_price$value3 = price.value) === null || _price$value3 === void 0 ? void 0 : _price$value3.centAmount) === 'number') {
4811
+ if (typeof price.value?.centAmount === 'number') {
4865
4812
  const amount = price.value.centAmount / (1 + taxRate.amount);
4866
4813
  centAmount = shouldRoundAmount ? Math.round(amount) : amount;
4867
4814
  }
4868
4815
  let preciseAmount;
4869
- 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);
4816
+ if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + taxRate.amount);
4870
4817
  return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
4871
4818
  centAmount,
4872
4819
  preciseAmount
@@ -4875,15 +4822,14 @@ function getNetUnitPrice(_ref2) {
4875
4822
 
4876
4823
  // when shipping mode is single
4877
4824
  if (lineItem.taxRate && lineItem.taxRate.includedInPrice) {
4878
- var _price$value5, _price$value6;
4879
4825
  let centAmount;
4880
4826
  // should accept 0 value
4881
- if (typeof ((_price$value5 = price.value) === null || _price$value5 === void 0 ? void 0 : _price$value5.centAmount) === 'number') {
4827
+ if (typeof price.value?.centAmount === 'number') {
4882
4828
  const amount = price.value.centAmount / (1 + lineItem.taxRate.amount);
4883
4829
  centAmount = shouldRoundAmount ? Math.round(amount) : amount;
4884
4830
  }
4885
4831
  let preciseAmount;
4886
- 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);
4832
+ if (price.value?.type === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
4887
4833
  return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
4888
4834
  centAmount,
4889
4835
  preciseAmount
@@ -4917,18 +4863,18 @@ const transformCustomFieldFromGraphQLResponse = resource => {
4917
4863
  key: resource.custom.type.key,
4918
4864
  name: l10n.transformLocalizedFieldToLocalizedString(resource.custom.type.nameAllLocales),
4919
4865
  fieldDefinitions: _mapInstanceProperty__default["default"](_context = resource.custom.type.fieldDefinitions).call(_context, fieldDefinition => {
4920
- var _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
4866
+ var _context2, _context3;
4921
4867
  return {
4922
4868
  name: fieldDefinition.name,
4923
4869
  required: fieldDefinition.required,
4924
- type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 || (_fieldDefinition$type = _fieldDefinition$type.elementType) === null || _fieldDefinition$type === void 0 ? void 0 : _fieldDefinition$type.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
4870
+ type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
4925
4871
  elementType: _objectSpread$13(_objectSpread$13({}, fieldDefinition.type.elementType), {}, {
4926
4872
  values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
4927
4873
  key: value.key,
4928
4874
  label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
4929
4875
  }))
4930
4876
  })
4931
- }) : ((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
4877
+ }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
4932
4878
  values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
4933
4879
  key: value.key,
4934
4880
  label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -4955,7 +4901,7 @@ const convertProductSelectionFromGraphQl = productSelection => {
4955
4901
  from: 'nameAllLocales',
4956
4902
  to: 'name'
4957
4903
  }])), {}, {
4958
- custom: productSelection !== null && productSelection !== void 0 && productSelection.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
4904
+ custom: productSelection?.custom ? transformCustomFieldFromGraphQLResponse(productSelection) : null
4959
4905
  });
4960
4906
  };
4961
4907
 
@@ -5078,7 +5024,7 @@ function omitSetsOfSets() {
5078
5024
  * duplicated in original values
5079
5025
  */
5080
5026
  function unique(values, properties) {
5081
- var _context2;
5027
+ var _context;
5082
5028
  let ignoredValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['', null, undefined];
5083
5029
  const duplicateValues = [];
5084
5030
  let realValues;
@@ -5087,20 +5033,19 @@ function unique(values, properties) {
5087
5033
  realValues = _filterInstanceProperty__default["default"](values).call(values, value => !_includesInstanceProperty__default["default"](ignoredValues).call(ignoredValues, value));
5088
5034
  if (!realValues.length) return [];
5089
5035
  if (properties) realValues = _mapInstanceProperty__default["default"](realValues).call(realValues, value => _reduceInstanceProperty__default["default"](properties).call(properties, (prev, curr) => {
5090
- var _context;
5091
5036
  const currentValue = value[curr] || '';
5092
- return _concatInstanceProperty__default["default"](_context = "".concat(prev, ":")).call(_context, currentValue);
5037
+ return `${prev}:${currentValue}`;
5093
5038
  }, ''));else realValues = _sliceInstanceProperty__default["default"](values).call(values, 0);
5094
5039
 
5095
5040
  // TODO: checking for dupes like this is slow, find a better way
5096
- _reduceInstanceProperty__default["default"](_context2 = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context2, (prev, curr) => {
5041
+ _reduceInstanceProperty__default["default"](_context = _sortInstanceProperty__default["default"](realValues).call(realValues)).call(_context, (prev, curr) => {
5097
5042
  if (curr === null) return curr;
5098
5043
  if (curr !== '' && prev === curr && _indexOfInstanceProperty__default["default"](duplicateValues).call(duplicateValues, curr) === -1) duplicateValues.push(curr);
5099
5044
  return curr;
5100
5045
  });
5101
5046
  if (properties) return _mapInstanceProperty__default["default"](duplicateValues).call(duplicateValues, value => {
5102
- var _context3;
5103
- const parts = _sliceInstanceProperty__default["default"](_context3 = value.split(':')).call(_context3, 1);
5047
+ var _context2;
5048
+ const parts = _sliceInstanceProperty__default["default"](_context2 = value.split(':')).call(_context2, 1);
5104
5049
  return _reduceInstanceProperty__default["default"](properties).call(properties, (prev, curr, index) => {
5105
5050
  // eslint-disable-next-line no-param-reassign
5106
5051
  prev[curr] = parts[index];
@@ -5119,14 +5064,14 @@ function unique(values, properties) {
5119
5064
  * @return Array<Object> returns an array of objects with all duplicated values
5120
5065
  */
5121
5066
  function uniqueObjects(items) {
5122
- var _context4;
5067
+ var _context3;
5123
5068
  const emptyValues = [undefined, null, ''];
5124
- 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)) : [];
5069
+ 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)) : [];
5125
5070
  const duplicateValues = _reduceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, (acc, item, index) => {
5126
- var _context5;
5071
+ var _context4;
5127
5072
  if (item === null) return acc;
5128
- const isDuplicate = _reduceInstanceProperty__default["default"](_context5 = _sliceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, index + 1) // get sub-array after this index
5129
- ).call(_context5, (duplicateAcc, comparisonItem, comparisonIndex) => {
5073
+ const isDuplicate = _reduceInstanceProperty__default["default"](_context4 = _sliceInstanceProperty__default["default"](itemsWorkingSet).call(itemsWorkingSet, index + 1) // get sub-array after this index
5074
+ ).call(_context4, (duplicateAcc, comparisonItem, comparisonIndex) => {
5130
5075
  if (comparisonItem === null) return duplicateAcc;
5131
5076
 
5132
5077
  // check if its a dupe
@@ -5253,7 +5198,7 @@ function getCategoriesByIds(apolloClient, options) {
5253
5198
  return apolloClient.query({
5254
5199
  query: FetchCategoriesByIds,
5255
5200
  variables: {
5256
- where: "id in (".concat(_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => "\"".concat(id, "\"")).join(', '), ")")
5201
+ where: `id in (${_mapInstanceProperty__default["default"](_context2 = options.ids).call(_context2, id => `"${id}"`).join(', ')})`
5257
5202
  },
5258
5203
  context: {
5259
5204
  target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
@@ -5273,8 +5218,8 @@ function getCategoriesByIds(apolloClient, options) {
5273
5218
  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 } } } };
5274
5219
  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 } } } };
5275
5220
  const transformCartDiscountResponse = response => {
5276
- var _context, _response$data;
5277
- 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));
5221
+ var _context;
5222
+ return _mapInstanceProperty__default["default"](_context = response.data?.cartDiscounts.results || []).call(_context, cartDiscount => transformLocalizedFieldsForCartDiscount(cartDiscount));
5278
5223
  };
5279
5224
  function queryCartDiscounts(apolloClient) {
5280
5225
  return apolloClient.query({
@@ -5286,14 +5231,14 @@ function queryCartDiscounts(apolloClient) {
5286
5231
  }).then(transformCartDiscountResponse);
5287
5232
  }
5288
5233
  const getWhereClause = function () {
5289
- var _context2, _context3, _context4;
5234
+ var _context2, _context3;
5290
5235
  let searchText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
5291
5236
  let language = arguments.length > 1 ? arguments[1] : undefined;
5292
5237
  const query = _trimInstanceProperty__default["default"](_context2 = _JSON$stringify__default["default"](searchText)).call(_context2);
5293
- const idQuery = isUUID(searchText) && "id = ".concat(query);
5294
- const nameQuery = _concatInstanceProperty__default["default"](_context3 = "name(".concat(language, " = ")).call(_context3, query, ")");
5295
- const keyQuery = "key = ".concat(query);
5296
- return _filterInstanceProperty__default["default"](_context4 = [idQuery, nameQuery, keyQuery]).call(_context4, Boolean).join(' or ');
5238
+ const idQuery = isUUID(searchText) && `id = ${query}`;
5239
+ const nameQuery = `name(${language} = ${query})`;
5240
+ const keyQuery = `key = ${query}`;
5241
+ return _filterInstanceProperty__default["default"](_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
5297
5242
  };
5298
5243
  function searchCartDiscountsByExactMatch(apolloClient, options) {
5299
5244
  return apolloClient.query({
@@ -5316,10 +5261,7 @@ function getCartDiscountById(apolloClient, options) {
5316
5261
  context: {
5317
5262
  target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
5318
5263
  }
5319
- }).then(response => {
5320
- var _response$data2;
5321
- return (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null;
5322
- });
5264
+ }).then(response => response.data?.cartDiscount ? transformLocalizedFieldsForCartDiscount(response.data.cartDiscount) : null);
5323
5265
  }
5324
5266
 
5325
5267
  var styles$g = {
@@ -5404,13 +5346,10 @@ const useReferenceSearchItems = _ref => {
5404
5346
  };
5405
5347
  };
5406
5348
  function ReferenceSearch(props) {
5407
- const ids = React.useMemo(() => {
5408
- var _props$value, _props$value2;
5409
- return props.value ? props.isMulti ? (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _mapInstanceProperty__default["default"](_props$value).call(_props$value, _ref2 => {
5410
- let id = _ref2.id;
5411
- return id;
5412
- }) : [(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.id] : [];
5413
- }, [props.value, props.isMulti]);
5349
+ const ids = React.useMemo(() => props.value ? props.isMulti ? props.value?.map(_ref2 => {
5350
+ let id = _ref2.id;
5351
+ return id;
5352
+ }) : [props.value?.id] : [], [props.value, props.isMulti]);
5414
5353
  const _useReferenceSearchIt = useReferenceSearchItems({
5415
5354
  loadItemsBySearchTerm: props.loadItemsBySearchTerm,
5416
5355
  loadItemsByIds: props.loadItemsByIds,
@@ -5421,14 +5360,14 @@ function ReferenceSearch(props) {
5421
5360
  areSomeItemsMissing = _useReferenceSearchIt.areSomeItemsMissing,
5422
5361
  handleLoadItems = _useReferenceSearchIt.handleLoadItems;
5423
5362
  if (areItemsLoading) return null;
5424
- const value = props.isMulti ? items : items === null || items === void 0 ? void 0 : items[0];
5363
+ const value = props.isMulti ? items : items?.[0];
5425
5364
  let filterValue = null;
5426
5365
  if (value) filterValue = props.isMulti ? _mapInstanceProperty__default["default"](value).call(value, props.mapItemToOption) : props.mapItemToOption(value);
5427
5366
  const tooltipTitle = value || props.value ? props.mapItemToOption(value || props.value).label : '';
5428
5367
  const loadItems = value => _Promise__default["default"].resolve(handleLoadItems(value)).then(items => _mapInstanceProperty__default["default"](items).call(items, item => props.mapItemToOption(item)));
5429
5368
  const handleChange = event => {
5430
- var _context, _event$target$value;
5431
- 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;
5369
+ var _context;
5370
+ const option = props.isMulti ? _mapInstanceProperty__default["default"](_context = event.target.value).call(_context, item => item.value) : event.target.value?.value || null;
5432
5371
  props.onChange(option);
5433
5372
  };
5434
5373
  return jsxRuntime.jsxs("div", {
@@ -5542,7 +5481,7 @@ function CartDiscountReferenceSearch(props) {
5542
5481
  }),
5543
5482
  loading = _useQuery.loading,
5544
5483
  data = _useQuery.data;
5545
- const isExactMatch = (data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT;
5484
+ const isExactMatch = data?.cartDiscounts.total > QUERY_MAX_LIMIT;
5546
5485
  const _useIntl = reactIntl.useIntl(),
5547
5486
  formatMessage = _useIntl.formatMessage;
5548
5487
  const apolloClient = client.useApolloClient();
@@ -5642,9 +5581,8 @@ const messages$A = reactIntl.defineMessages({
5642
5581
  });
5643
5582
 
5644
5583
  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; }
5645
- function _objectSpread$$(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$$(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$$(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
5584
+ 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; }
5646
5585
  function Option(props) {
5647
- var _context, _context2;
5648
5586
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
5649
5587
  language: applicationContext.dataLocale,
5650
5588
  languages: applicationContext.project.languages
@@ -5665,19 +5603,19 @@ function Option(props) {
5665
5603
  fallbackOrder: languages
5666
5604
  })
5667
5605
  }), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
5668
- children: _concatInstanceProperty__default["default"](_context = "".concat(formatMessage(messages$A.parentCategory), ": ")).call(_context, l10n.formatLocalizedString(category.parent, {
5606
+ children: `${formatMessage(messages$A.parentCategory)}: ${l10n.formatLocalizedString(category.parent, {
5669
5607
  key: 'name',
5670
5608
  locale: language,
5671
5609
  fallbackOrder: languages
5672
- }))
5610
+ })}`
5673
5611
  }), jsxRuntime.jsx(uiKit.Text.Detail, {
5674
- children: "Slug: ".concat(l10n.formatLocalizedString(category, {
5612
+ children: `Slug: ${l10n.formatLocalizedString(category, {
5675
5613
  key: 'slug',
5676
5614
  locale: language,
5677
5615
  fallbackOrder: languages
5678
- }))
5616
+ })}`
5679
5617
  }), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
5680
- children: _concatInstanceProperty__default["default"](_context2 = "".concat(formatMessage(messages$A.externalId), ": ")).call(_context2, category.externalId || constants.NO_VALUE_FALLBACK)
5618
+ children: `${formatMessage(messages$A.externalId)}: ${category.externalId || constants.NO_VALUE_FALLBACK}`
5681
5619
  })]
5682
5620
  })
5683
5621
  }));
@@ -5741,7 +5679,7 @@ var CategorySearchPickerOptionFragment$1 = { kind: "Document", definitions: [{ k
5741
5679
  function useCachedCategoryOptions(ids) {
5742
5680
  const apolloClient = client.useApolloClient();
5743
5681
  const fragments = _mapInstanceProperty__default["default"](ids).call(ids, id => apolloClient.readFragment({
5744
- id: "CategorySearch:".concat(id),
5682
+ id: `CategorySearch:${id}`,
5745
5683
  fragment: CategorySearchPickerOptionFragment$1
5746
5684
  }));
5747
5685
  return _mapInstanceProperty__default["default"](fragments).call(fragments, category => transformLocalizedFieldsForCategory(category, [{
@@ -5866,8 +5804,7 @@ function CountriesAsyncSelectDropdown(props) {
5866
5804
  var _context2;
5867
5805
  const intl = reactIntl.useIntl();
5868
5806
  const handleLoadOptions = async searchTerm => {
5869
- var _props$options, _props$options2;
5870
- const filteredOptions = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _filterInstanceProperty__default["default"](_props$options).call(_props$options, country => {
5807
+ const filteredOptions = props.options?.filter(country => {
5871
5808
  var _context;
5872
5809
  return _includesInstanceProperty__default["default"](_context = country.label.toLowerCase()).call(_context, searchTerm.toLowerCase());
5873
5810
  });
@@ -5875,7 +5812,7 @@ function CountriesAsyncSelectDropdown(props) {
5875
5812
  return _sliceInstanceProperty__default["default"](filteredOptions).call(filteredOptions, 0, props.countriesAsyncLoadingLimit);
5876
5813
  }
5877
5814
  return [{
5878
- options: (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _sliceInstanceProperty__default["default"](_props$options2).call(_props$options2, 0, props.countriesAsyncLoadingLimit)
5815
+ options: props.options?.slice(0, props.countriesAsyncLoadingLimit)
5879
5816
  }, {
5880
5817
  options: emptyCountryOption(intl)
5881
5818
  }];
@@ -5884,10 +5821,7 @@ function CountriesAsyncSelectDropdown(props) {
5884
5821
  const countries = event.target.value;
5885
5822
  props.onChange({
5886
5823
  target: _objectSpread$X(_objectSpread$X({}, event.target), {}, {
5887
- value: _mapInstanceProperty__default["default"](countries).call(countries, country => {
5888
- var _country$value;
5889
- return (_country$value = country === null || country === void 0 ? void 0 : country.value) !== null && _country$value !== void 0 ? _country$value : country;
5890
- })
5824
+ value: _mapInstanceProperty__default["default"](countries).call(countries, country => country?.value ?? country)
5891
5825
  })
5892
5826
  });
5893
5827
  };
@@ -5939,8 +5873,7 @@ const COUNTRIES_ASYNC_LOADING_LIMIT = 60;
5939
5873
  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; }
5940
5874
  function _objectSpread$W(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$W(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$W(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
5941
5875
  function CountriesPicker(props) {
5942
- var _props$options;
5943
- const CustomCountriesPicker = ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
5876
+ const CustomCountriesPicker = props.options?.length <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
5944
5877
  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
5945
5878
  children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$W({}, props))
5946
5879
  });
@@ -5969,7 +5902,6 @@ var GetCustomerGroupsQuery = { kind: "Document", definitions: [{ kind: "Operatio
5969
5902
  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 } } } };
5970
5903
  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 } } } };
5971
5904
  const CustomerGroupPickerInput = _ref => {
5972
- var _currentOption$data$l, _currentOption$data;
5973
5905
  let isClearable = _ref.isClearable,
5974
5906
  isDisabled = _ref.isDisabled,
5975
5907
  isReadOnly = _ref.isReadOnly,
@@ -6038,13 +5970,13 @@ const CustomerGroupPickerInput = _ref => {
6038
5970
  setLoadingError(null);
6039
5971
  handleInternalInputChange(event);
6040
5972
  }, [handleInternalInputChange]);
6041
- const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
5973
+ const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
6042
5974
  React.useEffect(() => {
6043
5975
  if (isCurrentOptionLoadingFailed) onError(currentOption.error);
6044
5976
  }, [isCurrentOptionLoadingFailed, onError, currentOption]);
6045
5977
  const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
6046
5978
  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$x.noCustomerGroupsFound), [loadingError, formatMessage]);
6047
- 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 : '';
5979
+ const tooltipTitle = currentOption?.data?.label ?? '';
6048
5980
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
6049
5981
  max: "scale",
6050
5982
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -6054,7 +5986,7 @@ const CustomerGroupPickerInput = _ref => {
6054
5986
  children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
6055
5987
  id: name,
6056
5988
  name: name,
6057
- placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$x.placeholder),
5989
+ placeholder: placeholder ?? formatMessage(messages$x.placeholder),
6058
5990
  loadOptions: loadOptionsDebounced,
6059
5991
  defaultOptions: true,
6060
5992
  showOptionGroupDivider: true,
@@ -6148,9 +6080,9 @@ const CustomFieldErrors = props => {
6148
6080
  const didFormValidationFail = useDidFormValidationFail();
6149
6081
  const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
6150
6082
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
6151
- children: [props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsxRuntime.jsx(_.ErrorMessage, {
6083
+ children: [props.isTouched || didFormValidationFail && errors?.missing && jsxRuntime.jsx(_.ErrorMessage, {
6152
6084
  intlMessage: messages$C.required
6153
- }), props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsxRuntime.jsx(_.ErrorMessage, {
6085
+ }), props.isTouched || didFormValidationFail && errors?.duplicated && jsxRuntime.jsx(_.ErrorMessage, {
6154
6086
  intlMessage: messages$C.unique
6155
6087
  })]
6156
6088
  });
@@ -6234,7 +6166,7 @@ const ExpandButton = props => props.totalValues > 1 ? jsxRuntime.jsxs(uiKit.Spac
6234
6166
  }), jsxRuntime.jsx(uiKit.FlatButton, {
6235
6167
  tone: "primary",
6236
6168
  icon: props.isExpanded ? jsxRuntime.jsx(uiKit.AngleUpIcon, {}) : jsxRuntime.jsx(uiKit.AngleDownIcon, {}),
6237
- label: props.isExpanded ? "Hide set items (".concat(props.totalValues, ")") : "Show all set items (".concat(props.totalValues, ")"),
6169
+ label: props.isExpanded ? `Hide set items (${props.totalValues})` : `Show all set items (${props.totalValues})`,
6238
6170
  onClick: props.onExpand
6239
6171
  })]
6240
6172
  }) : null;
@@ -6269,7 +6201,7 @@ const SetButtons = props => {
6269
6201
  SetButtons.displayName = 'SetButtons';
6270
6202
 
6271
6203
  function ownKeys$U(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
6272
- function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$U(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$U(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
6204
+ function _objectSpread$U(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$U(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$U(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
6273
6205
  const getDuplicateErrors = setValues => {
6274
6206
  /* eslint-disable no-plusplus */
6275
6207
  const result = [];
@@ -6309,13 +6241,10 @@ const getItemIndex = name => {
6309
6241
  return _parseInt__default["default"](rawIndex, 10);
6310
6242
  };
6311
6243
  const makeKeys = amount => times__default["default"](amount, () => uuid.v4());
6312
- const makeItemFieldName = (fieldName, index) => {
6313
- var _context;
6314
- return _concatInstanceProperty__default["default"](_context = "".concat(fieldName, ".[")).call(_context, index, "]");
6315
- };
6244
+ const makeItemFieldName = (fieldName, index) => `${fieldName}.[${index}]`;
6316
6245
  const makeMapForAllItems = (fieldName, items, value) => _reduceInstanceProperty__default["default"](items).call(items, (result, item, index) => set__default["default"](result, makeItemFieldName(fieldName, index), value), {});
6317
6246
  function CustomInputSet(props) {
6318
- var _context2;
6247
+ var _context;
6319
6248
  const _useToggleState = uiKit.useToggleState(false),
6320
6249
  _useToggleState2 = _slicedToArray(_useToggleState, 2),
6321
6250
  isExpanded = _useToggleState2[0],
@@ -6337,7 +6266,7 @@ function CustomInputSet(props) {
6337
6266
  _useState4 = _slicedToArray(_useState3, 2),
6338
6267
  keys = _useState4[0],
6339
6268
  setKeys = _useState4[1];
6340
- const totalAmount = internalValue === null || internalValue === void 0 ? void 0 : internalValue.length;
6269
+ const totalAmount = internalValue?.length;
6341
6270
  const amountToRender = isExpanded ? totalAmount : 1;
6342
6271
  const updateInternalValue = newValue => {
6343
6272
  const valueToSet = isEmpty$1(newValue) ? [undefined] : newValue;
@@ -6384,8 +6313,8 @@ function CustomInputSet(props) {
6384
6313
  // in <CustomFieldComponent /> where proper component for given field/attribute
6385
6314
  // type is selected.
6386
6315
  const type = getType(props.fieldDefinition);
6387
- const typeName = type === null || type === void 0 ? void 0 : type.name.toLowerCase();
6388
- 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);
6316
+ const typeName = type?.name.toLowerCase();
6317
+ 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);
6389
6318
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
6390
6319
  children: [jsxRuntime.jsx(uiKit.AccessibleHidden, {
6391
6320
  children: jsxRuntime.jsx("label", {
@@ -6504,17 +6433,16 @@ function CustomDateTimeInput(props) {
6504
6433
  CustomDateTimeInput.displayName = 'CustomDateTimeInput';
6505
6434
 
6506
6435
  const convertTypeValuesToOptions$1 = reselect.defaultMemoize(typeValues => _mapInstanceProperty__default["default"](typeValues).call(typeValues, typeValue => ({
6507
- label: typeValue.label || "".concat(typeValue.key, " (key)"),
6436
+ label: typeValue.label || `${typeValue.key} (key)`,
6508
6437
  value: typeValue.key
6509
6438
  })));
6510
6439
  function CustomEnumInput(props) {
6511
- var _options$find$label, _options$find;
6512
6440
  const options = convertTypeValuesToOptions$1(_valuesInstanceProperty__default["default"](props.fieldDefinition.type));
6513
6441
  const handleChange = makeChangeHandler(rawValue => {
6514
6442
  props.setFieldValue(props.name, rawValue);
6515
6443
  props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
6516
6444
  });
6517
- 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 : '' : '';
6445
+ const tooltipTitle = props.value ? _findInstanceProperty__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
6518
6446
  return jsxRuntime.jsx(CustomFieldTooltip, {
6519
6447
  title: tooltipTitle,
6520
6448
  children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -6543,13 +6471,12 @@ const convertTypeValuesToOptions = reselect.defaultMemoize((type, dataLocale, la
6543
6471
  key: 'label',
6544
6472
  locale: dataLocale,
6545
6473
  fallbackOrder: languages,
6546
- fallback: "".concat(value.key, " (key)")
6474
+ fallback: `${value.key} (key)`
6547
6475
  }),
6548
6476
  value: value.key
6549
6477
  }));
6550
6478
  });
6551
6479
  function CustomLocalizedEnumInput(props) {
6552
- var _options$find$label, _options$find;
6553
6480
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
6554
6481
  languages: applicationContext.project.languages,
6555
6482
  dataLocale: applicationContext.dataLocale
@@ -6561,7 +6488,7 @@ function CustomLocalizedEnumInput(props) {
6561
6488
  props.setFieldValue(props.name, rawValue);
6562
6489
  props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
6563
6490
  });
6564
- 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 : '' : '';
6491
+ const tooltipTitle = props.value ? _findInstanceProperty__default["default"](options).call(options, option => option.value === props.value)?.label ?? '' : '';
6565
6492
  return jsxRuntime.jsx(CustomFieldTooltip, {
6566
6493
  title: tooltipTitle,
6567
6494
  children: jsxRuntime.jsx(uiKit.SelectInput, {
@@ -6590,7 +6517,6 @@ const getSubfieldLanguage = subfieldName => {
6590
6517
  return subfieldName.substring(lastDotIndex + 1);
6591
6518
  };
6592
6519
  function CustomLocalizedTextInput(props) {
6593
- var _value$language;
6594
6520
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
6595
6521
  language: applicationContext.dataLocale,
6596
6522
  languages: applicationContext.project.languages
@@ -6616,7 +6542,7 @@ function CustomLocalizedTextInput(props) {
6616
6542
  props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
6617
6543
  });
6618
6544
  const InputComponent = isMultiLine ? uiKit.LocalizedMultilineTextInput : uiKit.LocalizedTextInput;
6619
- const tooltipTitle = isMultiLine ? '' : value ? (_value$language = value[language]) !== null && _value$language !== void 0 ? _value$language : '' : '';
6545
+ const tooltipTitle = isMultiLine ? '' : value ? value[language] ?? '' : '';
6620
6546
  return jsxRuntime.jsx(CustomFieldTooltip, {
6621
6547
  title: tooltipTitle,
6622
6548
  children: jsxRuntime.jsx(InputComponent, {
@@ -6665,7 +6591,7 @@ const fixAmount = value => {
6665
6591
  // data user just entered effectively preventing full data from being entered.
6666
6592
  const fixEnteredValue = (newValue, initialValue, currencies) => {
6667
6593
  const withFixedCurrency = fixCurrencyCode(newValue, currencies);
6668
- if (!(initialValue !== null && initialValue !== void 0 && initialValue.amount)) {
6594
+ if (!initialValue?.amount) {
6669
6595
  return fixAmount(withFixedCurrency);
6670
6596
  }
6671
6597
  return withFixedCurrency;
@@ -6732,19 +6658,19 @@ function ownKeys$R(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
6732
6658
  function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$R(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$R(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
6733
6659
  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 } } } };
6734
6660
  const mapAttributeDefinition = definition => {
6735
- var _context, _definition$type, _context2, _context3, _definition$type2, _context4;
6661
+ var _context, _context2, _context3, _context4;
6736
6662
  return _objectSpread$R(_objectSpread$R({}, definition), {}, {
6737
6663
  required: definition.isRequired,
6738
6664
  inputTip: l10n.transformLocalizedFieldToLocalizedString(definition.inputTipAllLocales),
6739
6665
  label: l10n.transformLocalizedFieldToLocalizedString(definition.labelAllLocales),
6740
- 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$R(_objectSpread$R({}, definition.type), {}, {
6666
+ type: _includesInstanceProperty__default["default"](_context = ['enum', 'lenum']).call(_context, definition.type?.elementType?.name) ? _objectSpread$R(_objectSpread$R({}, definition.type), {}, {
6741
6667
  elementType: _objectSpread$R(_objectSpread$R({}, definition.type.elementType), {}, {
6742
6668
  values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](definition.type.elementType).results).call(_context2, value => ({
6743
6669
  key: value.key,
6744
6670
  label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
6745
6671
  }))
6746
6672
  })
6747
- }) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, (_definition$type2 = definition.type) === null || _definition$type2 === void 0 ? void 0 : _definition$type2.name) ? _objectSpread$R(_objectSpread$R({}, definition.type), {}, {
6673
+ }) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, definition.type?.name) ? _objectSpread$R(_objectSpread$R({}, definition.type), {}, {
6748
6674
  values: _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](definition.type).results).call(_context4, value => ({
6749
6675
  key: value.key,
6750
6676
  label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -7082,8 +7008,7 @@ const CustomNestedInput = /*#__PURE__*/React.memo(props => {
7082
7008
  CustomNestedInput.displayName = 'CustomNestedInput';
7083
7009
 
7084
7010
  function CustomNumberInput(props) {
7085
- var _props$value;
7086
- const value = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : '';
7011
+ const value = props.value ?? '';
7087
7012
  const handleChange = makeChangeHandler(rawValue => {
7088
7013
  props.setFieldValue(props.name, !rawValue ? undefined : Number(rawValue));
7089
7014
  props.renderWarnings && props.handleWarningChange(props.name, props.fieldDefinition, rawValue);
@@ -7157,8 +7082,7 @@ function CustomCategoryReferenceInput(props) {
7157
7082
  CustomCategoryReferenceInput.displayName = 'CustomCategoryReferenceInput';
7158
7083
 
7159
7084
  function CustomChannelReferenceInput(props) {
7160
- var _props$value;
7161
- const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
7085
+ const value = props.value?.id || '';
7162
7086
  return jsxRuntime.jsx(ChannelPickerInput, {
7163
7087
  value: value,
7164
7088
  name: props.name,
@@ -7194,7 +7118,6 @@ const DropdownIndicator = () => jsxRuntime.jsx(uiKit.SearchIcon, {
7194
7118
  });
7195
7119
  DropdownIndicator.displayName = 'DropdownIndicator';
7196
7120
  const ProductPickerInput = _ref => {
7197
- var _currentOption$data$l, _currentOption$data;
7198
7121
  let isClearable = _ref.isClearable,
7199
7122
  isDisabled = _ref.isDisabled,
7200
7123
  isReadOnly = _ref.isReadOnly,
@@ -7215,20 +7138,19 @@ const ProductPickerInput = _ref => {
7215
7138
  loadingError = _useState2[0],
7216
7139
  setLoadingError = _useState2[1];
7217
7140
  const convertProductToOption = React.useCallback(product => {
7218
- var _masterData$current;
7219
7141
  if (!product) return null;
7220
7142
  const id = product.id,
7221
7143
  key = product.key,
7222
7144
  masterData = product.masterData;
7223
- const localizedName = formatLocalizedFieldToString((_masterData$current = masterData.current) === null || _masterData$current === void 0 ? void 0 : _masterData$current.nameAllLocales);
7145
+ const localizedName = formatLocalizedFieldToString(masterData.current?.nameAllLocales);
7224
7146
  return {
7225
- label: localizedName + (key ? " (key: ".concat(key, ")") : ''),
7147
+ label: localizedName + (key ? ` (key: ${key})` : ''),
7226
7148
  value: id,
7227
7149
  name: localizedName,
7228
7150
  key
7229
7151
  };
7230
7152
  }, [formatLocalizedFieldToString]);
7231
- const prefixSearchFields = React.useMemo(() => ["masterData.current.name.".concat(dataLocale), 'key'], [dataLocale]);
7153
+ const prefixSearchFields = React.useMemo(() => [`masterData.current.name.${dataLocale}`, 'key'], [dataLocale]);
7232
7154
  const loadOptions = useLoadOptions({
7233
7155
  query: GetProductsQuery,
7234
7156
  prefixSearchFields
@@ -7259,12 +7181,12 @@ const ProductPickerInput = _ref => {
7259
7181
  setLoadingError(null);
7260
7182
  handleInternalInputChange(event);
7261
7183
  }, [handleInternalInputChange]);
7262
- const isCurrentOptionLoadingFailed = Boolean(currentOption === null || currentOption === void 0 ? void 0 : currentOption.error);
7184
+ const isCurrentOptionLoadingFailed = Boolean(currentOption?.error);
7263
7185
  React.useEffect(() => {
7264
7186
  if (isCurrentOptionLoadingFailed) onError(currentOption.error);
7265
7187
  }, [isCurrentOptionLoadingFailed, onError, currentOption]);
7266
7188
  const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
7267
- 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 : '';
7189
+ const tooltipTitle = currentOption?.data?.label ?? '';
7268
7190
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
7269
7191
  max: "scale",
7270
7192
  children: currentOption.loading ? jsxRuntime.jsx(CenteredLoadingSpinner, {}) : jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -7304,8 +7226,7 @@ const ProductPickerInput = _ref => {
7304
7226
  ProductPickerInput.displayName = 'ProductPickerInput';
7305
7227
 
7306
7228
  function CustomProductReferenceInput(props) {
7307
- var _props$value;
7308
- const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
7229
+ const value = props.value?.id || '';
7309
7230
  return jsxRuntime.jsx(ProductPickerInput, {
7310
7231
  value: value,
7311
7232
  name: props.name,
@@ -7323,8 +7244,7 @@ function CustomProductReferenceInput(props) {
7323
7244
  CustomProductReferenceInput.displayName = 'CustomProductReferenceInput';
7324
7245
 
7325
7246
  function CustomProductTypeReferenceInput(props) {
7326
- var _props$value;
7327
- const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
7247
+ const value = props.value?.id || '';
7328
7248
  return jsxRuntime.jsx(ProductTypePickerInput, {
7329
7249
  value: value,
7330
7250
  name: props.name,
@@ -7341,8 +7261,7 @@ function CustomProductTypeReferenceInput(props) {
7341
7261
  CustomProductTypeReferenceInput.displayName = 'CustomProductTypeReferenceInput';
7342
7262
 
7343
7263
  function CustomRawIdReferenceInput(props) {
7344
- var _props$value;
7345
- const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
7264
+ const value = props.value?.id || '';
7346
7265
  return jsxRuntime.jsx(CustomFieldTooltip, {
7347
7266
  title: value,
7348
7267
  children: jsxRuntime.jsx(uiKit.TextInput, {
@@ -7360,8 +7279,7 @@ function CustomRawIdReferenceInput(props) {
7360
7279
  CustomRawIdReferenceInput.displayName = 'CustomRawIdReferenceInput';
7361
7280
 
7362
7281
  function CustomStateReferenceInput(props) {
7363
- var _props$value;
7364
- const value = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) || '';
7282
+ const value = props.value?.id || '';
7365
7283
  return jsxRuntime.jsx(StatePickerInput, {
7366
7284
  value: value,
7367
7285
  name: props.name,
@@ -7497,14 +7415,12 @@ const nonSetComponents = {
7497
7415
  };
7498
7416
  const CustomFieldInput = /*#__PURE__*/React.memo(props => {
7499
7417
  const InputComponent = React.useMemo(() => {
7500
- var _props$fieldDefinitio;
7501
- const typeName = (_props$fieldDefinitio = props.fieldDefinition.type) === null || _props$fieldDefinitio === void 0 ? void 0 : _props$fieldDefinitio.name.toLowerCase();
7418
+ const typeName = props.fieldDefinition.type?.name.toLowerCase();
7502
7419
  if (typeName === 'set') {
7503
- var _getSetElementType;
7504
7420
  // Boolean is the only set element with peculiarities (i.e. way more
7505
7421
  // convenient for user to work with it as with select input with three values:
7506
7422
  // [true], [false] and [true, false]).
7507
- if (((_getSetElementType = getType(props.fieldDefinition)) === null || _getSetElementType === void 0 ? void 0 : _getSetElementType.name.toLowerCase()) === CUSTOM_FIELD_TYPES.boolean) {
7423
+ if (getType(props.fieldDefinition)?.name.toLowerCase() === CUSTOM_FIELD_TYPES.boolean) {
7508
7424
  return CustomBooleanInputSet;
7509
7425
  }
7510
7426
  // All the rest sets are just a fancy wrapper around single-item components
@@ -7571,10 +7487,9 @@ function ownKeys$P(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
7571
7487
  function _objectSpread$P(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$P(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$P(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
7572
7488
  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 } } } };
7573
7489
  const CustomFieldsLabelHint = _ref2 => {
7574
- var _type$name;
7575
7490
  let fieldDefinition = _ref2.fieldDefinition;
7576
7491
  const type = getType(fieldDefinition);
7577
- const isReference = ((_type$name = type.name) === null || _type$name === void 0 ? void 0 : _type$name.toLowerCase()) === 'reference';
7492
+ const isReference = type.name?.toLowerCase() === 'reference';
7578
7493
  const referenceTypeId = type.referenceTypeId;
7579
7494
  const isCartDiscountsReference = isReference && referenceTypeId === SEARCHABLE_REFERENCES.cartDiscount;
7580
7495
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -7592,7 +7507,7 @@ const CustomFieldsLabelHint = _ref2 => {
7592
7507
  data = _useQuery.data,
7593
7508
  loading = _useQuery.loading;
7594
7509
  if (loading) return null;
7595
- if ((data === null || data === void 0 ? void 0 : data.cartDiscounts.total) > QUERY_MAX_LIMIT) {
7510
+ if (data?.cartDiscounts.total > QUERY_MAX_LIMIT) {
7596
7511
  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
7597
7512
  alignItems: "center",
7598
7513
  children: [jsxRuntime.jsx(uiKit.WarningIcon, {
@@ -7619,17 +7534,17 @@ function CustomFieldsProductTypeReferenceSubtitle() {
7619
7534
  // TODO(pa3): this logic may be misplaced and probably
7620
7535
  // should belong to <CustomReferenceInput /> component instead.
7621
7536
  function CustomFieldsLabelSubtitle(_ref3) {
7622
- var _type$name2, _context;
7537
+ var _context;
7623
7538
  let fieldDefinition = _ref3.fieldDefinition;
7624
7539
  const _useIntl2 = reactIntl.useIntl(),
7625
7540
  formatMessage = _useIntl2.formatMessage;
7626
7541
  const type = getType(fieldDefinition);
7627
- const isReference = ((_type$name2 = type.name) === null || _type$name2 === void 0 ? void 0 : _type$name2.toLowerCase()) === 'reference';
7542
+ const isReference = type.name?.toLowerCase() === 'reference';
7628
7543
  if (!isReference) return null;
7629
7544
  const referenceTypeId = type.referenceTypeId;
7630
7545
  const referenceTypeName = capitalizeFirst(referenceTypeId);
7631
7546
  if (_includesInstanceProperty__default["default"](_context = [SEARCHABLE_REFERENCES.category, SEARCHABLE_REFERENCES.cartDiscount]).call(_context, referenceTypeId)) return referenceTypeName;
7632
- return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$t.productReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.productType ? jsxRuntime.jsx(CustomFieldsProductTypeReferenceSubtitle, {}) : referenceTypeId === SEARCHABLE_REFERENCES.channel ? formatMessage(messages$t.channelReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.state ? formatMessage(messages$t.stateReferenceLabel) : "".concat(referenceTypeName, " ID");
7547
+ return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$t.productReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.productType ? jsxRuntime.jsx(CustomFieldsProductTypeReferenceSubtitle, {}) : referenceTypeId === SEARCHABLE_REFERENCES.channel ? formatMessage(messages$t.channelReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.state ? formatMessage(messages$t.stateReferenceLabel) : `${referenceTypeName} ID`;
7633
7548
  }
7634
7549
  const Portal = props => /*#__PURE__*/ReactDOM__default["default"].createPortal(props.children, document.body);
7635
7550
  var _ref$1 = {
@@ -7641,7 +7556,7 @@ function CustomFieldsCountIndicator(_ref4) {
7641
7556
  const formatLocalizedField = useFormatLocalizedFieldToString();
7642
7557
  const _useIntl3 = reactIntl.useIntl(),
7643
7558
  formatMessage = _useIntl3.formatMessage;
7644
- return (assignedAttributeGroups === null || assignedAttributeGroups === void 0 ? void 0 : assignedAttributeGroups.length) > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
7559
+ return assignedAttributeGroups?.length > 1 ? jsxRuntime.jsx(uiKit.Tooltip, {
7645
7560
  title: formatMessage(messages$t.attributeGroupCountTooltip, {
7646
7561
  attributeGroups: _mapInstanceProperty__default["default"](assignedAttributeGroups).call(assignedAttributeGroups, assignedAttributeGroup => formatLocalizedField(assignedAttributeGroup.nameAllLocales)).join(', '),
7647
7562
  count: assignedAttributeGroups.length
@@ -7900,11 +7815,10 @@ const useDnDContext = () => {
7900
7815
 
7901
7816
  const _excluded$1 = ["WrapperComponent"];
7902
7817
  function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
7903
- function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$J(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$J(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
7818
+ function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
7904
7819
  const getFieldName = (parentName, fieldName) => {
7905
- var _context;
7906
7820
  if (!parentName) return fieldName;
7907
- return _concatInstanceProperty__default["default"](_context = "".concat(parentName, ".")).call(_context, fieldName);
7821
+ return `${parentName}.${fieldName}`;
7908
7822
  };
7909
7823
  const isNested = fieldDefinition => {
7910
7824
  const type = fieldDefinition.type;
@@ -7935,7 +7849,6 @@ const CustomFieldsInternal = _ref => {
7935
7849
  return jsxRuntime.jsx(DroppableWrapper, {
7936
7850
  onDragEnd: onDragEnd,
7937
7851
  children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
7938
- var _context2, _context3;
7939
7852
  const fieldName = getFieldName(props.name, fieldDefinition.name);
7940
7853
  const isTouched = Boolean(formik.getIn(touched, fieldName));
7941
7854
  const fieldErrors = formik.getIn(errors, fieldName);
@@ -7960,7 +7873,7 @@ const CustomFieldsInternal = _ref => {
7960
7873
  onBlur: handleBlur,
7961
7874
  setFieldValue: props.setFieldValue,
7962
7875
  hasError: hasError,
7963
- hasWarning: props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]),
7876
+ hasWarning: props.renderWarnings && status?.warnings[fieldName],
7964
7877
  handleWarningChange: props.handleWarningChange,
7965
7878
  renderWarnings: props.renderWarnings
7966
7879
  };
@@ -7968,36 +7881,33 @@ const CustomFieldsInternal = _ref => {
7968
7881
  return jsxRuntime.jsx(formik.FastField, {
7969
7882
  name: fieldName,
7970
7883
  validate: validate,
7971
- children: () => {
7972
- var _context4, _context5;
7973
- return jsxRuntime.jsx(DraggableWrapper, {
7974
- draggableKey: _concatInstanceProperty__default["default"](_context4 = "".concat(fieldName, "-")).call(_context4, index),
7975
- draggableId: _concatInstanceProperty__default["default"](_context5 = "".concat(fieldName, "-")).call(_context5, index),
7976
- index: index,
7977
- children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
7978
- scale: "xs",
7979
- children: jsxRuntime.jsxs("div", {
7980
- "aria-invalid": _Object$keys__default["default"](fieldErrors !== null && fieldErrors !== void 0 ? fieldErrors : {}).length > 0,
7981
- "aria-errormessage": "".concat(fieldName, "-error"),
7982
- id: "".concat(fieldName, "-error"),
7983
- children: [jsxRuntime.jsx(CustomFieldsLabel, {
7984
- name: fieldName,
7985
- fieldDefinition: fieldDefinition
7986
- }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
7987
- scale: "xs",
7988
- alignItems: "stretch",
7989
- children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
7990
- children: Field
7991
- }) : Field, props.renderWarnings && (status === null || status === void 0 ? void 0 : status.warnings[fieldName]) && props.renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors, {
7992
- isTouched: isTouched,
7993
- errors: fieldErrors
7994
- })]
7884
+ children: () => jsxRuntime.jsx(DraggableWrapper, {
7885
+ draggableKey: `${fieldName}-${index}`,
7886
+ draggableId: `${fieldName}-${index}`,
7887
+ index: index,
7888
+ children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
7889
+ scale: "xs",
7890
+ children: jsxRuntime.jsxs("div", {
7891
+ "aria-invalid": _Object$keys__default["default"](fieldErrors ?? {}).length > 0,
7892
+ "aria-errormessage": `${fieldName}-error`,
7893
+ id: `${fieldName}-error`,
7894
+ children: [jsxRuntime.jsx(CustomFieldsLabel, {
7895
+ name: fieldName,
7896
+ fieldDefinition: fieldDefinition
7897
+ }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
7898
+ scale: "xs",
7899
+ alignItems: "stretch",
7900
+ children: [WrapperComponent ? jsxRuntime.jsx(WrapperComponent, {
7901
+ children: Field
7902
+ }) : Field, props.renderWarnings && status?.warnings[fieldName] && props.renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors, {
7903
+ isTouched: isTouched,
7904
+ errors: fieldErrors
7995
7905
  })]
7996
- })
7906
+ })]
7997
7907
  })
7998
- });
7999
- }
8000
- }, _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(fieldName, "-")).call(_context3, index, "-")).call(_context2, fieldKey));
7908
+ })
7909
+ })
7910
+ }, `${fieldName}-${index}-${fieldKey}`);
8001
7911
  })
8002
7912
  });
8003
7913
  };
@@ -8010,9 +7920,9 @@ function ownKeys$I(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
8010
7920
  function _objectSpread$I(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$I(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$I(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
8011
7921
  const getTypeName = type => type.name.toLowerCase();
8012
7922
  const findLabel = (enumType, key) => {
8013
- var _enumType$values$find, _enumType$values$find2, _context;
7923
+ var _context;
8014
7924
  const emptyValue = getTypeName(enumType) === 'enum' ? '' : {};
8015
- 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;
7925
+ return _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](enumType)).call(_context, value => value.key === key)?.label ?? emptyValue;
8016
7926
  };
8017
7927
  const convertEnumValues = (value, attributeDefinition) => {
8018
7928
  var _context2, _context3;
@@ -8078,7 +7988,7 @@ const attributesMapToNameValuePairs = map => {
8078
7988
  const _excluded = ["WrapperComponent"];
8079
7989
  const getAttributeShortName = (fullName, attributesPrefix) => {
8080
7990
  if (!attributesPrefix) return fullName;
8081
- return fullName.replace("".concat(attributesPrefix, "."), '');
7991
+ return fullName.replace(`${attributesPrefix}.`, '');
8082
7992
  };
8083
7993
  function ProductAttributes(_ref) {
8084
7994
  let WrapperComponent = _ref.WrapperComponent,
@@ -8176,7 +8086,7 @@ var pickerMessages = reactIntl.defineMessages({
8176
8086
  });
8177
8087
 
8178
8088
  function ownKeys$H(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; }
8179
- function _objectSpread$H(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$H(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$H(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
8089
+ function _objectSpread$H(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$H(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$H(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
8180
8090
  const PRODUCT_SELECTION_MODES = {
8181
8091
  INCLUSION: 'Individual',
8182
8092
  EXCLUSION: 'IndividualExclusion'
@@ -8187,11 +8097,10 @@ const PRODUCT_SELECTION_MODES_LABELS = {
8187
8097
  };
8188
8098
  const getMode = mode => mode === PRODUCT_SELECTION_MODES.INCLUSION || mode === PRODUCT_SELECTION_MODES_LABELS.INCLUSION ? 'inclusion' : 'exclusion';
8189
8099
  const addModeToLabel = function (ps) {
8190
- var _context;
8191
8100
  let enableExcludingProducts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
8192
8101
  if (!ps) return undefined;
8193
8102
  return _objectSpread$H(_objectSpread$H({}, ps), {}, {
8194
- 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), ")") : '')
8103
+ label: `${ps?.label}${enableExcludingProducts ? ` (type: ${getMode(ps?.mode)})` : ''}`
8195
8104
  });
8196
8105
  };
8197
8106
 
@@ -8208,7 +8117,7 @@ const getValueFromOptions$3 = _ref => {
8208
8117
  // handle async-select-field value transformation
8209
8118
  if (isMulti) {
8210
8119
  var _context;
8211
- 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));
8120
+ return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections?.includes(ps.value))).call(_context, ps => addModeToLabel(ps, enableExcludingProducts));
8212
8121
  }
8213
8122
 
8214
8123
  // in case it is not multiselect, then a single valued async-select-input is being requested and the value should have proper format
@@ -8220,7 +8129,6 @@ const emptyStoreOption$1 = intl => [{
8220
8129
  isDisabled: true
8221
8130
  }];
8222
8131
  function ProductSelectionsAsyncSelectDropdown(props) {
8223
- var _productSelectionsFet3;
8224
8132
  const intl = reactIntl.useIntl();
8225
8133
  const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
8226
8134
  const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -8233,17 +8141,13 @@ function ProductSelectionsAsyncSelectDropdown(props) {
8233
8141
  })),
8234
8142
  projectLanguages = _useApplicationContex.projectLanguages,
8235
8143
  dataLocale = _useApplicationContex.dataLocale;
8236
- const productSelections = React.useMemo(() => {
8237
- var _productSelectionsFet, _productSelectionsFet2;
8238
- return (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
8239
- }, [(_productSelectionsFet3 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet3 === void 0 ? void 0 : _productSelectionsFet3.results]);
8144
+ const productSelections = React.useMemo(() => productSelectionsFetcher.productSelections?.results ?? [], [productSelectionsFetcher.productSelections?.results]);
8240
8145
  const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
8241
8146
  var _context2;
8242
8147
  return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
8243
8148
  });
8244
8149
  const onOptionClick = event => {
8245
- var _event$target$value;
8246
- const productSelectionId = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value;
8150
+ const productSelectionId = event.target.value?.value;
8247
8151
  const currentProductSelection = _findInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => productSelection.id === productSelectionId);
8248
8152
  props.onChange(currentProductSelection);
8249
8153
  };
@@ -8326,7 +8230,6 @@ const mapProductSelectionsToOptions$1 = memoize__default["default"](function ()
8326
8230
  let enableExcludingProducts = arguments.length > 4 ? arguments[4] : undefined;
8327
8231
  const selectedPSList = _Array$isArray__default["default"](selectedPS) ? selectedPS : [selectedPS];
8328
8232
  return _mapInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => {
8329
- var _context;
8330
8233
  const label = l10n.formatLocalizedString(productSelection, {
8331
8234
  key: 'name',
8332
8235
  locale: dataLocale,
@@ -8335,14 +8238,13 @@ const mapProductSelectionsToOptions$1 = memoize__default["default"](function ()
8335
8238
  return {
8336
8239
  id: productSelection.id,
8337
8240
  value: productSelection.id,
8338
- label: _concatInstanceProperty__default["default"](_context = "".concat(label)).call(_context, _includesInstanceProperty__default["default"](selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? " (type: ".concat(getMode(productSelection.mode), ")") : ''),
8241
+ label: `${label}${_includesInstanceProperty__default["default"](selectedPSList).call(selectedPSList, productSelection.id) && enableExcludingProducts ? ` (type: ${getMode(productSelection.mode)})` : ''}`,
8339
8242
  key: productSelection.key,
8340
8243
  mode: getMode(productSelection.mode)
8341
8244
  };
8342
8245
  });
8343
8246
  });
8344
8247
  function ProductSelectionBasicSelectDropdown(props) {
8345
- var _productSelectionsFet, _productSelectionsFet2;
8346
8248
  const intl = reactIntl.useIntl();
8347
8249
  const enableExcludingProducts = applicationShell.useFeatureToggle(EXCLUDING_PRODUCTS);
8348
8250
  const productSelectionsFetcher = useProductSelectionsFetcher({
@@ -8355,10 +8257,10 @@ function ProductSelectionBasicSelectDropdown(props) {
8355
8257
  projectLanguages = _useApplicationContex.projectLanguages,
8356
8258
  dataLocale = _useApplicationContex.dataLocale;
8357
8259
  if (productSelectionsFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
8358
- const productSelections = (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
8260
+ const productSelections = productSelectionsFetcher.productSelections?.results ?? [];
8359
8261
  const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
8360
- var _context2;
8361
- return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
8262
+ var _context;
8263
+ return !_includesInstanceProperty__default["default"](_context = props.excludedProductSelectionIds).call(_context, ps.id);
8362
8264
  });
8363
8265
  const onOptionClick = event => {
8364
8266
  const productSelectionId = event.target.value;
@@ -8395,15 +8297,11 @@ function ProductSelectionBasicSelectDropdown(props) {
8395
8297
  }
8396
8298
 
8397
8299
  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 } } } };
8398
- const createQueryVariables$4 = (productSelections, predicateField) => {
8399
- var _context;
8400
- return {
8401
- where: _concatInstanceProperty__default["default"](_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty__default["default"](productSelections).call(productSelections, ps => "\"".concat(ps, "\"")).join(', '), ")"),
8402
- limit: 500
8403
- };
8404
- };
8300
+ const createQueryVariables$4 = (productSelections, predicateField) => ({
8301
+ where: `${predicateField} in (${_mapInstanceProperty__default["default"](productSelections).call(productSelections, ps => `"${ps}"`).join(', ')})`,
8302
+ limit: 500
8303
+ });
8405
8304
  const useProductSelectionsByFieldFetcher = (productSelections, predicateField) => {
8406
- var _productSelectionsQue, _productSelectionsQue2;
8407
8305
  const productSelectionList = _Array$isArray__default["default"](productSelections) ? productSelections : [productSelections];
8408
8306
  const productSelectionsQuery = react.useQuery(ProductSelectionsPickerFetcher$1, {
8409
8307
  context: {
@@ -8413,7 +8311,7 @@ const useProductSelectionsByFieldFetcher = (productSelections, predicateField) =
8413
8311
  skip: productSelectionList.length === 0
8414
8312
  });
8415
8313
  return {
8416
- productSelections: (_productSelectionsQue = (_productSelectionsQue2 = productSelectionsQuery.data) === null || _productSelectionsQue2 === void 0 ? void 0 : _productSelectionsQue2.productSelections.results) !== null && _productSelectionsQue !== void 0 ? _productSelectionsQue : [],
8314
+ productSelections: productSelectionsQuery.data?.productSelections.results ?? [],
8417
8315
  isLoading: productSelectionsQuery.loading
8418
8316
  };
8419
8317
  };
@@ -8454,8 +8352,8 @@ const createQueryVariables$3 = _ref3 => {
8454
8352
  var _context;
8455
8353
  let searchText = _ref3.searchText;
8456
8354
  const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](searchText).call(searchText, searchText));
8457
- const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
8458
- const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
8355
+ const idQuery = isUUID(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
8356
+ const keyQuery = `key = "${sanitizedSearchText}"`;
8459
8357
  const searchTextQuery = _filterInstanceProperty__default["default"](_context = [idQuery, keyQuery]).call(_context, Boolean).join(' or ');
8460
8358
  return {
8461
8359
  where: searchTextQuery || undefined
@@ -8478,7 +8376,6 @@ function ProductSelectionsSearchSelectDropdown(props) {
8478
8376
  dataLocale = _useApplicationContex.dataLocale;
8479
8377
  const productSelectionsByFieldFetcher = useProductSelectionsByFieldFetcher(props.value, props.renderSelectInputOptionValuesByField);
8480
8378
  const handleLoadOptions = async searchText => {
8481
- var _data$productSelectio, _data$productSelectio2;
8482
8379
  const _await$client$query = await client$1.query({
8483
8380
  query: ProductSelectionsPickerFetcher,
8484
8381
  variables: createQueryVariables$3({
@@ -8490,7 +8387,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
8490
8387
  fetchPolicy: 'network-only'
8491
8388
  }),
8492
8389
  data = _await$client$query.data;
8493
- 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 : [];
8390
+ const matchedProductSelections = data?.productSelections?.results ?? [];
8494
8391
  const updatedProductSelections = _mapInstanceProperty__default["default"](matchedProductSelections).call(matchedProductSelections, convertProductSelectionFromGraphQl);
8495
8392
  const filteredProductSelections = _filterInstanceProperty__default["default"](updatedProductSelections).call(updatedProductSelections, ps => {
8496
8393
  var _context2;
@@ -8506,8 +8403,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
8506
8403
  };
8507
8404
  const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
8508
8405
  const onOptionClick = event => {
8509
- var _event$target$value;
8510
- const productSelectionId = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value;
8406
+ const productSelectionId = event.target.value?.value;
8511
8407
  const currentProductSelection = _findInstanceProperty__default["default"](productionSelectionResults).call(productionSelectionResults, productSelection => productSelection.id === productSelectionId);
8512
8408
  props.onChange(currentProductSelection);
8513
8409
  };
@@ -8559,11 +8455,11 @@ function ModeSelectInputOption(props) {
8559
8455
  scale: "xs",
8560
8456
  children: [jsxRuntime.jsx(uiKit.Text.Detail, {
8561
8457
  isBold: true,
8562
- children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
8458
+ children: data?.label || noValueFallback
8563
8459
  }), jsxRuntime.jsxs(uiKit.Text.Detail, {
8564
- children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
8460
+ children: ["Key: ", data?.key || noValueFallback]
8565
8461
  }), jsxRuntime.jsxs(uiKit.Text.Detail, {
8566
- children: ["Type: ", (data === null || data === void 0 ? void 0 : data.mode) || noValueFallback]
8462
+ children: ["Type: ", data?.mode || noValueFallback]
8567
8463
  })]
8568
8464
  })
8569
8465
  }));
@@ -8645,19 +8541,19 @@ const ScrollToFieldError = () => {
8645
8541
  if (isValid) return;
8646
8542
  const firstErrorElement = document.querySelector('[aria-invalid="true"]');
8647
8543
  if (firstErrorElement) {
8648
- var _ref, _ref2, _document$querySelect, _elementToScrollTo$sc;
8649
8544
  // Get a reference to the label.
8650
8545
  const firstElementId = firstErrorElement.getAttribute('id');
8651
- const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, ".".concat(dataLocale));
8546
+ const localizedInputIndex = _indexOfInstanceProperty__default["default"](firstElementId).call(firstElementId, `.${dataLocale}`);
8652
8547
 
8653
8548
  // check if locale is appended then remove it from id
8654
- const id = localizedInputIndex > -1 ? firstElementId.replace(".".concat(dataLocale), '') : firstElementId;
8549
+ const id = localizedInputIndex > -1 ? firstElementId.replace(`.${dataLocale}`, '') : firstElementId;
8655
8550
 
8656
8551
  // Scroll to the label (if found), otherwise to the input element itself.
8657
8552
 
8658
- const elementToScrollTo = // div is used only for custom fields
8659
- (_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;
8660
- (_elementToScrollTo$sc = elementToScrollTo.scrollIntoView) === null || _elementToScrollTo$sc === void 0 || _elementToScrollTo$sc.call(elementToScrollTo, {
8553
+ const elementToScrollTo =
8554
+ // div is used only for custom fields
8555
+ document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
8556
+ elementToScrollTo.scrollIntoView?.({
8661
8557
  behavior: 'smooth'
8662
8558
  });
8663
8559
  }
@@ -8683,8 +8579,7 @@ var styles$9 = {
8683
8579
  "search-mode-menu": "selectable-field-search-input-module__search-mode-menu___Od6Le"
8684
8580
  };
8685
8581
  const SelectableFieldSearchInput = props => {
8686
- var _props$initialValue, _props$placeholder;
8687
- const _useState = React.useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : ''),
8582
+ const _useState = React.useState(props.initialValue ?? ''),
8688
8583
  _useState2 = _slicedToArray(_useState, 2),
8689
8584
  searchText = _useState2[0],
8690
8585
  setSearchText = _useState2[1];
@@ -8720,7 +8615,7 @@ const SelectableFieldSearchInput = props => {
8720
8615
  });
8721
8616
  },
8722
8617
  onReset: props.onReset,
8723
- placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : intl.formatMessage(messages$r.placeholder),
8618
+ placeholder: props.placeholder ?? intl.formatMessage(messages$r.placeholder),
8724
8619
  isDisabled: props.disabled
8725
8620
  })
8726
8621
  });
@@ -8770,7 +8665,6 @@ const UPPER_STORES_LIMIT = 500;
8770
8665
 
8771
8666
  // map store to options
8772
8667
  const mapStoresToOptions = _ref => {
8773
- var _store$productSelecti;
8774
8668
  let store = _ref.store,
8775
8669
  renderSelectInputOptionValuesByField = _ref.renderSelectInputOptionValuesByField,
8776
8670
  dataLocale = _ref.dataLocale;
@@ -8781,14 +8675,14 @@ const mapStoresToOptions = _ref => {
8781
8675
  const localizedName = l10n.formatLocalizedString(convertedStore, {
8782
8676
  key: 'name',
8783
8677
  locale: dataLocale,
8784
- fallback: "".concat(store.key, " (key)")
8678
+ fallback: `${store.key} (key)`
8785
8679
  });
8786
8680
  return {
8787
8681
  label: localizedName,
8788
8682
  value: renderSelectInputOptionValuesByField === 'key' ? store.key : store.id,
8789
8683
  key: store.key,
8790
8684
  id: store.id,
8791
- productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _mapInstanceProperty__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => productSelectionRef.productSelection.id)
8685
+ productSelections: store.productSelections?.map(productSelectionRef => productSelectionRef.productSelection.id)
8792
8686
  };
8793
8687
  };
8794
8688
 
@@ -8817,7 +8711,7 @@ const getValueFromOptions$1 = _ref => {
8817
8711
  isMulti = _ref.isMulti;
8818
8712
  // handle async-select-field value transformation
8819
8713
  if (isMulti) {
8820
- return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores === null || currentlySelectedStores === void 0 ? void 0 : _includesInstanceProperty__default["default"](currentlySelectedStores).call(currentlySelectedStores, store.value));
8714
+ return _filterInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores?.includes(store.value));
8821
8715
  }
8822
8716
 
8823
8717
  // return value as undefined if no options is yet selected. It is needed for cases where users sets initial values as empty string
@@ -8836,7 +8730,7 @@ const emptyStoreOption = intl => [{
8836
8730
  const StoresAsyncSelectInput = props => {
8837
8731
  const intl = reactIntl.useIntl();
8838
8732
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
8839
- dataLocale: applicationContext.dataLocale
8733
+ dataLocale: applicationContext.dataLocale || applicationContext.user?.locale
8840
8734
  })),
8841
8735
  dataLocale = _useApplicationContex.dataLocale;
8842
8736
  const keysOfStores = props.allAccessibleStoreKeysThroughDataFencePermissions;
@@ -8846,13 +8740,13 @@ const StoresAsyncSelectInput = props => {
8846
8740
  sort: 'createdAt asc',
8847
8741
  excludeExtendedStoresList: true,
8848
8742
  excludeProductSelections: !props.shouldFetchProductSelections,
8849
- stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
8743
+ stores: keysOfStores?.length && keysOfStores,
8850
8744
  projectKey: props.projectKey
8851
8745
  });
8852
8746
  const hasError = uiKit.AsyncSelectInput.isTouched(props.touched) && hasErrors$2(props.errors) || props.hasError;
8853
8747
  const mappedStoresListOptions = React.useMemo(() => {
8854
- var _context2, _storesListFetcher$st;
8855
- return _mapInstanceProperty__default["default"](_context2 = ((_storesListFetcher$st = storesListFetcher.stores) === null || _storesListFetcher$st === void 0 ? void 0 : _storesListFetcher$st.results) || []).call(_context2, store => mapStoresToOptions({
8748
+ var _context2;
8749
+ return _mapInstanceProperty__default["default"](_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
8856
8750
  store,
8857
8751
  dataLocale,
8858
8752
  renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -8938,7 +8832,7 @@ const hasErrors$1 = errors => {
8938
8832
  const StoresBasicSelectInput = props => {
8939
8833
  const intl = reactIntl.useIntl();
8940
8834
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
8941
- dataLocale: applicationContext.dataLocale
8835
+ dataLocale: applicationContext.dataLocale || applicationContext.user?.locale
8942
8836
  })),
8943
8837
  dataLocale = _useApplicationContex.dataLocale;
8944
8838
  const keysOfStores = props.allAccessibleStoreKeysThroughDataFencePermissions;
@@ -8948,30 +8842,30 @@ const StoresBasicSelectInput = props => {
8948
8842
  sort: 'createdAt asc',
8949
8843
  excludeExtendedStoresList: true,
8950
8844
  excludeProductSelections: !props.shouldFetchProductSelections,
8951
- stores: (keysOfStores === null || keysOfStores === void 0 ? void 0 : keysOfStores.length) && keysOfStores,
8845
+ stores: keysOfStores?.length && keysOfStores,
8952
8846
  projectKey: props.projectKey
8953
8847
  });
8954
8848
  const hasError = uiKit.SelectInput.isTouched(props.touched) && hasErrors$1(props.errors) || props.hasError;
8955
8849
  const mappedStoresListOptions = React.useMemo(() => {
8956
- var _context2, _storesListFetcher$st;
8957
- const results = _mapInstanceProperty__default["default"](_context2 = ((_storesListFetcher$st = storesListFetcher.stores) === null || _storesListFetcher$st === void 0 ? void 0 : _storesListFetcher$st.results) || []).call(_context2, store => mapStoresToOptions({
8850
+ var _context2;
8851
+ const results = _mapInstanceProperty__default["default"](_context2 = storesListFetcher.stores?.results || []).call(_context2, store => mapStoresToOptions({
8958
8852
  store,
8959
8853
  dataLocale,
8960
8854
  renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
8961
8855
  }));
8962
- return props !== null && props !== void 0 && props.renderLabel ? [{
8856
+ return props?.renderLabel ? [{
8963
8857
  options: getCustomGroupLabelOption(props.renderLabel)
8964
8858
  }, {
8965
8859
  options: results
8966
8860
  }] : results;
8967
- }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props === null || props === void 0 ? void 0 : props.renderLabel]);
8861
+ }, [dataLocale, storesListFetcher.stores, props.renderSelectInputOptionValuesByField, props?.renderLabel]);
8968
8862
  const handleChange = event => {
8969
- var _event$target$value$v, _event$target$value;
8970
- 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;
8971
- const currentStore = _findInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => store.value === value);
8863
+ const value = event.target.value?.value ?? event.target.value;
8864
+ const listOptions = props?.renderLabel ? mappedStoresListOptions[1].options : mappedStoresListOptions;
8865
+ const currentStore = _findInstanceProperty__default["default"](listOptions).call(listOptions, store => store.value === value);
8972
8866
 
8973
8867
  // We need complete store info including productSelections
8974
- if (!props.shouldFetchProductSelections) {
8868
+ if (!props.shouldFetchProductSelections && !props?.renderLabel) {
8975
8869
  props.onChange(event);
8976
8870
  } else {
8977
8871
  props.onChange({
@@ -9025,7 +8919,6 @@ StoresBasicSelectInput.defaultProps = {
9025
8919
 
9026
8920
  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 } } } };
9027
8921
  const useTotalNumberOfStoresFetcher = projectKey => {
9028
- var _totalNumberOfStoresQ;
9029
8922
  const totalNumberOfStoresQuery = react.useQuery(TotalNumberOfStores, {
9030
8923
  context: {
9031
8924
  target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM,
@@ -9034,7 +8927,7 @@ const useTotalNumberOfStoresFetcher = projectKey => {
9034
8927
  fetchPolicy: 'network-only'
9035
8928
  });
9036
8929
  return {
9037
- total: (_totalNumberOfStoresQ = totalNumberOfStoresQuery.data) === null || _totalNumberOfStoresQ === void 0 ? void 0 : _totalNumberOfStoresQ.totalNumberOfStores.total,
8930
+ total: totalNumberOfStoresQuery.data?.totalNumberOfStores.total,
9038
8931
  isLoading: totalNumberOfStoresQuery.loading
9039
8932
  };
9040
8933
  };
@@ -9052,19 +8945,15 @@ const handlers$2 = {
9052
8945
  };
9053
8946
 
9054
8947
  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 } } } };
9055
- const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => {
9056
- var _context;
9057
- return {
9058
- where: _concatInstanceProperty__default["default"](_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty__default["default"](stores).call(stores, store => "\"".concat(store, "\"")).join(', '), ")"),
9059
- limit: 500,
9060
- excludeProductSelections: !shouldFetchProductSelections
9061
- };
9062
- };
8948
+ const createQueryVariables$2 = (stores, predicateField, shouldFetchProductSelections) => ({
8949
+ where: `${predicateField} in (${_mapInstanceProperty__default["default"](stores).call(stores, store => `"${store}"`).join(', ')})`,
8950
+ limit: 500,
8951
+ excludeProductSelections: !shouldFetchProductSelections
8952
+ });
9063
8953
  const emptyStoresQueryResult = {
9064
8954
  results: []
9065
8955
  };
9066
8956
  const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
9067
- var _storesQuery$data;
9068
8957
  let shouldFetchProductSelections = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
9069
8958
  // incase of single select input stores are sent as single string literal
9070
8959
  const storesList = _Array$isArray__default["default"](stores) ? stores : [stores];
@@ -9077,13 +8966,13 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
9077
8966
  skip: storesList.length === 0
9078
8967
  });
9079
8968
  return {
9080
- stores: ((_storesQuery$data = storesQuery.data) === null || _storesQuery$data === void 0 ? void 0 : _storesQuery$data.storesByField) || emptyStoresQueryResult,
8969
+ stores: storesQuery.data?.storesByField || emptyStoresQueryResult,
9081
8970
  isLoading: storesQuery.loading
9082
8971
  };
9083
8972
  };
9084
8973
 
9085
8974
  function ownKeys$C(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
9086
- function _objectSpread$C(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$C(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$C(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
8975
+ function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$C(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$C(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
9087
8976
  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 } } } };
9088
8977
  var styles$8 = {
9089
8978
  "renderLabelContainer": "stores-search-selector-module__renderLabelContainer___3_PBc",
@@ -9094,16 +8983,16 @@ const hasErrors = errors => {
9094
8983
  return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
9095
8984
  };
9096
8985
  const createQueryVariables$1 = _ref => {
9097
- var _context2, _context3;
8986
+ var _context2;
9098
8987
  let searchText = _ref.searchText,
9099
8988
  dataLocale = _ref.dataLocale,
9100
8989
  allAccessibleStoreKeysThroughDataFencePermissions = _ref.allAccessibleStoreKeysThroughDataFencePermissions,
9101
8990
  shouldFetchProductSelections = _ref.shouldFetchProductSelections;
9102
8991
  const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](searchText).call(searchText, searchText));
9103
- const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
8992
+ const keyQuery = `key = "${sanitizedSearchText}"`;
9104
8993
 
9105
8994
  // if the user has data fence permissions then we only allow stores to fetched that user has access to
9106
- if (allAccessibleStoreKeysThroughDataFencePermissions !== null && allAccessibleStoreKeysThroughDataFencePermissions !== void 0 && allAccessibleStoreKeysThroughDataFencePermissions.length) {
8995
+ if (allAccessibleStoreKeysThroughDataFencePermissions?.length) {
9107
8996
  // if the current search term match the accessible stores keys, then proceed with fetching the store
9108
8997
  if (_includesInstanceProperty__default["default"](allAccessibleStoreKeysThroughDataFencePermissions).call(allAccessibleStoreKeysThroughDataFencePermissions, sanitizedSearchText)) {
9109
8998
  return {
@@ -9119,9 +9008,9 @@ const createQueryVariables$1 = _ref => {
9119
9008
  excludeProductSelections: !shouldFetchProductSelections
9120
9009
  };
9121
9010
  }
9122
- const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
9123
- const nameQuery = _concatInstanceProperty__default["default"](_context2 = "name(".concat(dataLocale, " = \"")).call(_context2, sanitizedSearchText, "\")");
9124
- const searchTextQuery = _filterInstanceProperty__default["default"](_context3 = [idQuery, nameQuery, keyQuery]).call(_context3, Boolean).join(' or ');
9011
+ const idQuery = isUUID(sanitizedSearchText) && `id = "${sanitizedSearchText}"`;
9012
+ const nameQuery = `name(${dataLocale} = "${sanitizedSearchText}")`;
9013
+ const searchTextQuery = _filterInstanceProperty__default["default"](_context2 = [idQuery, nameQuery, keyQuery]).call(_context2, Boolean).join(' or ');
9125
9014
  return {
9126
9015
  skipFetchingStores: false,
9127
9016
  where: searchTextQuery,
@@ -9129,7 +9018,6 @@ const createQueryVariables$1 = _ref => {
9129
9018
  };
9130
9019
  };
9131
9020
  const getValueFromOptions = _ref2 => {
9132
- var _storesByFieldFetcher, _context4;
9133
9021
  let isMulti = _ref2.isMulti,
9134
9022
  value = _ref2.value,
9135
9023
  dataLocale = _ref2.dataLocale,
@@ -9138,7 +9026,7 @@ const getValueFromOptions = _ref2 => {
9138
9026
  if (!value) {
9139
9027
  return undefined;
9140
9028
  }
9141
- const selectedOptions = (_storesByFieldFetcher = storesByFieldFetcher.stores) === null || _storesByFieldFetcher === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context4 = _storesByFieldFetcher.results).call(_context4, store => mapStoresToOptions({
9029
+ const selectedOptions = storesByFieldFetcher.stores?.results.map(store => mapStoresToOptions({
9142
9030
  store,
9143
9031
  dataLocale,
9144
9032
  renderSelectInputOptionValuesByField: renderSelectInputOptionValuesByField
@@ -9154,7 +9042,7 @@ const getValueFromOptions = _ref2 => {
9154
9042
  const StoresSearchSelectInput = props => {
9155
9043
  // hooks
9156
9044
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
9157
- dataLocale: applicationContext.dataLocale
9045
+ dataLocale: applicationContext.dataLocale || applicationContext.user?.locale
9158
9046
  })),
9159
9047
  dataLocale = _useApplicationContex.dataLocale;
9160
9048
  const intl = reactIntl.useIntl();
@@ -9176,9 +9064,8 @@ const StoresSearchSelectInput = props => {
9176
9064
  },
9177
9065
  fetchPolicy: 'network-only'
9178
9066
  }).then(_ref3 => {
9179
- var _data$storesByWherePr, _context5;
9180
9067
  let data = _ref3.data;
9181
- const result = (_data$storesByWherePr = data.storesByWherePredicate) === null || _data$storesByWherePr === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context5 = _data$storesByWherePr.results).call(_context5, store => mapStoresToOptions({
9068
+ const result = data.storesByWherePredicate?.results.map(store => mapStoresToOptions({
9182
9069
  store,
9183
9070
  dataLocale,
9184
9071
  renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
@@ -9199,7 +9086,7 @@ const StoresSearchSelectInput = props => {
9199
9086
  className: styles$8.renderLabelContainer,
9200
9087
  children: [jsxRuntime.jsx("div", {
9201
9088
  className: styles$8.customLabel,
9202
- children: (props === null || props === void 0 ? void 0 : props.renderLabel) && (props === null || props === void 0 ? void 0 : props.renderLabel)
9089
+ children: props?.renderLabel && props?.renderLabel
9203
9090
  }), jsxRuntime.jsx("div", {
9204
9091
  children: intl.formatMessage(inputValue ? messages$q.searchSelectInputNoOptionsFoundMessage : messages$q.searchSelectInputNoValueMessage)
9205
9092
  })]
@@ -9372,7 +9259,6 @@ StoreSelectField.defaultProps = {
9372
9259
  mappedValueField: 'id'
9373
9260
  };
9374
9261
 
9375
- var _templateObject$1;
9376
9262
  function ownKeys$z(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
9377
9263
  function _objectSpread$z(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$z(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$z(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
9378
9264
  function _callSuper$5(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$5() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -9445,7 +9331,10 @@ const VALIDATOR_INTEGER = {
9445
9331
  }
9446
9332
  }
9447
9333
  });
9448
- 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"])));
9334
+ commonTags.oneLineTrim`
9335
+ \`validatedInput\` is no longer supported.
9336
+ Please use \`formik\` instead.
9337
+ `;
9449
9338
  const ToolTipWrapperComponent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
9450
9339
  let children = _ref.children;
9451
9340
  return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -9590,7 +9479,7 @@ function validatedInput(InnerComponent, validators) {
9590
9479
  }
9591
9480
  }]);
9592
9481
  }(React.PureComponent);
9593
- ValidatedInput.displayName = "ValidatedInput(".concat(_InnerComponent.displayName, ")");
9482
+ ValidatedInput.displayName = `ValidatedInput(${_InnerComponent.displayName})`;
9594
9483
  ValidatedInput.defaultProps = {
9595
9484
  isValid: true,
9596
9485
  getInputRef: () => {}
@@ -9673,9 +9562,9 @@ CustomFieldDefinitionsConnector.displayName = 'CustomFieldDefinitionsConnector';
9673
9562
  CustomFieldDefinitionsConnector.defaultProps = {
9674
9563
  resources: []
9675
9564
  };
9676
- const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => "\"".concat(resource, "\"")).join();
9565
+ const stringifyResources$1 = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
9677
9566
  const mapPropsToOptions = ownProps => {
9678
- const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources$1(ownProps.resources), ")") : undefined;
9567
+ const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources$1(ownProps.resources)})` : undefined;
9679
9568
  return {
9680
9569
  variables: {
9681
9570
  where,
@@ -9744,19 +9633,19 @@ const graphQlDocToForm = typeDefinition => {
9744
9633
  key: typeDefinition.key,
9745
9634
  name: l10n.transformLocalizedFieldToLocalizedString(typeDefinition.nameAllLocales),
9746
9635
  fieldDefinitions: _mapInstanceProperty__default["default"](_context = typeDefinition.fieldDefinitions).call(_context, fieldDefinition => {
9747
- var _fieldDefinition$type, _context2, _fieldDefinition$type2, _context3;
9636
+ var _context2, _context3;
9748
9637
  return {
9749
9638
  name: fieldDefinition.name,
9750
9639
  required: fieldDefinition.required,
9751
9640
  inputHint: fieldDefinition.inputHint,
9752
- 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$x(_objectSpread$x({}, fieldDefinition.type), {}, {
9641
+ type: fieldDefinition.type?.elementType?.name === 'LocalizedEnum' ? _objectSpread$x(_objectSpread$x({}, fieldDefinition.type), {}, {
9753
9642
  elementType: _objectSpread$x(_objectSpread$x({}, fieldDefinition.type.elementType), {}, {
9754
9643
  values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
9755
9644
  key: value.key,
9756
9645
  label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
9757
9646
  }))
9758
9647
  })
9759
- }) : ((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$x(_objectSpread$x({}, fieldDefinition.type), {}, {
9648
+ }) : fieldDefinition.type?.name === 'LocalizedEnum' ? _objectSpread$x(_objectSpread$x({}, fieldDefinition.type), {}, {
9760
9649
  values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
9761
9650
  key: value.key,
9762
9651
  label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
@@ -9788,7 +9677,7 @@ const formToGraphQlDoc = formCustomFields => ({
9788
9677
  // TODO(pa3): find usages and make sure only 1 param is passed
9789
9678
  const createEmptyCustomFields = typeDefinition => ({
9790
9679
  fields: {},
9791
- type: (typeDefinition === null || typeDefinition === void 0 ? void 0 : typeDefinition.type) || {
9680
+ type: typeDefinition?.type || {
9792
9681
  fieldDefinitions: []
9793
9682
  }
9794
9683
  });
@@ -9796,7 +9685,7 @@ const createEmptyCustomFields = typeDefinition => ({
9796
9685
  function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9797
9686
  function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
9798
9687
  var FetchTypeDefinitionsWithNamesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsWithNamesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "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: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "required" }, 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: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inputHint" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 1445, source: { body: "query FetchTypeDefinitionsWithNamesQuery(\n $where: String\n $limit: Int\n $offset: Int\n) {\n typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n results {\n id\n key\n nameAllLocales {\n value\n locale\n }\n fieldDefinitions {\n required\n type {\n name\n ... on ReferenceType {\n referenceTypeId\n }\n ... on SetType {\n elementType {\n name\n ... on ReferenceType {\n referenceTypeId\n name\n }\n ... on EnumType {\n values {\n key\n label\n }\n name\n }\n ... on LocalizedEnumType {\n values {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n ... on LocalizedEnumType {\n values {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n ... on EnumType {\n values {\n key\n label\n }\n name\n }\n }\n name\n labelAllLocales {\n value\n locale\n }\n inputHint\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
9799
- const customizableResources = ['asset', 'address', 'business-unit', 'category', 'channel', 'customer', 'customer-group', 'order', 'quote', 'order-delivery', 'store', 'discount-code', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shipping-method', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review', 'cart-discount', 'product-selection', 'order-return-item', 'order-parcel'];
9688
+ const customizableResources = ['asset', 'address', 'associate-role', 'business-unit', 'category', 'channel', 'customer', 'customer-group', 'order', 'quote', 'order-delivery', 'store', 'discount-code', 'inventory-entry', 'line-item', 'custom-line-item', 'product-price', 'payment', 'payment-interface-interaction', 'shipping-method', 'shopping-list', 'shopping-list-text-line-item', 'standalone-price', 'review', 'cart-discount', 'product-selection', 'order-return-item', 'order-parcel'];
9800
9689
  const emptyTypeDefinitions = {
9801
9690
  total: 0,
9802
9691
  count: 0,
@@ -9837,9 +9726,9 @@ CustomFieldTypeDefinitionsConnector.graphQlDocToForm = graphQlDocToForm;
9837
9726
  CustomFieldTypeDefinitionsConnector.formToRestDoc = formToRestDoc;
9838
9727
  CustomFieldTypeDefinitionsConnector.formToGraphQlDoc = formToGraphQlDoc;
9839
9728
  CustomFieldTypeDefinitionsConnector.createEmptyCustomFields = createEmptyCustomFields;
9840
- const stringifyResources = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => "\"".concat(resource, "\"")).join();
9729
+ const stringifyResources = resources => _mapInstanceProperty__default["default"](resources).call(resources, resource => `"${resource}"`).join();
9841
9730
  const createGraphQlOptions = ownProps => {
9842
- const where = ownProps.resources.length > 0 ? "resourceTypeIds contains any (".concat(stringifyResources(ownProps.resources), ")") : undefined;
9731
+ const where = ownProps.resources.length > 0 ? `resourceTypeIds contains any (${stringifyResources(ownProps.resources)})` : undefined;
9843
9732
  return {
9844
9733
  variables: {
9845
9734
  where,
@@ -9889,7 +9778,7 @@ const extractDuplicatedValues = (values, type, language, languages) => {
9889
9778
  let validatedValues = [];
9890
9779
  if (type.name.toLowerCase() === 'money') {
9891
9780
  validatedValues = unique(values, ['amount', 'currencyCode']);
9892
- } 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') {
9781
+ } else if (type.name.toLowerCase() === 'reference') validatedValues = unique(_filterInstanceProperty__default["default"](values).call(values, value => value?.id), ['id']);else if (type.name.toLowerCase() === 'localizedstring') {
9893
9782
  validatedValues = unique(values, languages);
9894
9783
  } else validatedValues = unique(values);
9895
9784
  return validatedValues;
@@ -10022,10 +9911,9 @@ var messages$o = reactIntl.defineMessages({
10022
9911
  const FIELD_NAME = 'custom';
10023
9912
 
10024
9913
  function ownKeys$u(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
10025
- function _objectSpread$u(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$u(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$u(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
9914
+ function _objectSpread$u(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$u(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$u(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
10026
9915
  const transformFieldType = fieldDefinition => {
10027
- var _fieldDefinition$type, _fieldDefinition$type2;
10028
- 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') {
9916
+ if (fieldDefinition.type?.elementType?.name === 'LocalizedEnum') {
10029
9917
  var _context;
10030
9918
  return _objectSpread$u(_objectSpread$u({}, fieldDefinition.type), {}, {
10031
9919
  elementType: _objectSpread$u(_objectSpread$u({}, fieldDefinition.type.elementType), {}, {
@@ -10035,7 +9923,7 @@ const transformFieldType = fieldDefinition => {
10035
9923
  }))
10036
9924
  })
10037
9925
  });
10038
- } else if (((_fieldDefinition$type2 = fieldDefinition.type) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum') {
9926
+ } else if (fieldDefinition.type?.name === 'LocalizedEnum') {
10039
9927
  var _context2;
10040
9928
  return _objectSpread$u(_objectSpread$u({}, fieldDefinition.type), {}, {
10041
9929
  values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context2, value => ({
@@ -10082,9 +9970,9 @@ const createFormStateFromResource = resource => {
10082
9970
  };
10083
9971
  };
10084
9972
  const createGraphQlDocFromFormState = formState => {
10085
- var _formState$FIELD_NAME, _context5;
9973
+ var _context5;
10086
9974
  // Unset the custom type if it's not in the form state
10087
- 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)) {
9975
+ if (!formState[FIELD_NAME]?.type?.id) {
10088
9976
  return {
10089
9977
  [FIELD_NAME]: {}
10090
9978
  };
@@ -10110,8 +9998,7 @@ const createGraphQlDocFromFormState = formState => {
10110
9998
 
10111
9999
  // Creates a root field name accessor for `custom` form state
10112
10000
  const createRootFieldName = rootFieldName => {
10113
- var _context6;
10114
- return rootFieldName ? _concatInstanceProperty__default["default"](_context6 = "".concat(rootFieldName, ".")).call(_context6, FIELD_NAME) : FIELD_NAME;
10001
+ return rootFieldName ? `${rootFieldName}.${FIELD_NAME}` : FIELD_NAME;
10115
10002
  };
10116
10003
 
10117
10004
  function ownKeys$t(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; }
@@ -10120,8 +10007,7 @@ const typeDefinitionsExist = typeDefinitions => {
10120
10007
  return typeDefinitions.length > 0;
10121
10008
  };
10122
10009
  const typeDefinitionSelected = (formValues, rootFieldName) => {
10123
- var _getIn, _getIn2;
10124
- 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);
10010
+ return formik.getIn(formValues, rootFieldName)?.type && formik.getIn(formValues, rootFieldName)?.type?.obj;
10125
10011
  };
10126
10012
  const typeDefinitionContainsFieldDefinitions = (formValues, rootFieldName) => {
10127
10013
  return formik.getIn(formValues, rootFieldName).type.obj.key && formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions.length > 0;
@@ -10158,7 +10044,7 @@ const CustomFieldsInputWrapper = _ref2 => {
10158
10044
  max: "scale",
10159
10045
  children: jsxRuntime.jsx(CustomFields, {
10160
10046
  isReadOnly: isReadOnly,
10161
- name: "".concat(rootFieldName, ".fields"),
10047
+ name: `${rootFieldName}.fields`,
10162
10048
  fieldDefinitions: isReadOnly && hideEmptyFields ? fieldDefinitionsWithValues(formValues, rootFieldName) : formik.getIn(formValues, rootFieldName).type.obj.fieldDefinitions
10163
10049
  })
10164
10050
  });
@@ -10193,7 +10079,6 @@ const createFormStateFromTypeDefinition = selectedTypeDefinition => {
10193
10079
  };
10194
10080
  };
10195
10081
  const CustomTypeSubform = _ref => {
10196
- var _getIn3, _getIn4;
10197
10082
  let typeDefinitions = _ref.typeDefinitions,
10198
10083
  isReadOnly = _ref.isReadOnly,
10199
10084
  isCondensed = _ref.isCondensed,
@@ -10228,8 +10113,7 @@ const CustomTypeSubform = _ref => {
10228
10113
  }
10229
10114
  }, [typeDefinitions, setFieldValue, validateForm, rootFieldName]);
10230
10115
  const typeDefinitionSelected = formValues => {
10231
- var _getIn, _getIn2;
10232
- 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);
10116
+ return formik.getIn(formValues, rootFieldName)?.type && formik.getIn(formValues, rootFieldName)?.type?.obj;
10233
10117
  };
10234
10118
 
10235
10119
  // if the user has read-only permissions, empty fields are hidden, and no type definition is selected, hide the component
@@ -10244,9 +10128,9 @@ const CustomTypeSubform = _ref => {
10244
10128
  children: jsxRuntime.jsx(uiKit.SelectInput, {
10245
10129
  isClearable: true,
10246
10130
  "data-testid": "custom-type-select",
10247
- name: "".concat(rootFieldName, ".type.obj.key"),
10248
- 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),
10249
- 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,
10131
+ name: `${rootFieldName}.type.obj.key`,
10132
+ options: mapTypeDefinitionsToOptions(typeDefinitions, language, languages, formik.getIn(formValues, rootFieldName)?.type?.id),
10133
+ value: formik.getIn(formValues, rootFieldName)?.type?.obj?.key,
10250
10134
  onChange: handleTypeDefinitionSelect,
10251
10135
  placeholder: formatMessage(messages$o.typesPlaceholder),
10252
10136
  isReadOnly: isReadOnly
@@ -10327,7 +10211,7 @@ var fetchPimIndexStatus = ((apolloClient, projectKey) => async dispatch => {
10327
10211
  try {
10328
10212
  await dispatch(sdk.actions.head({
10329
10213
  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.PIM_SEARCH,
10330
- uri: "/".concat(projectKey, "/search/products")
10214
+ uri: `/${projectKey}/search/products`
10331
10215
  }));
10332
10216
  return {
10333
10217
  status: 'indexed'
@@ -10393,8 +10277,8 @@ const getIndexingJobIds = _ref => {
10393
10277
  products = _ref$data.products,
10394
10278
  productTypes = _ref$data.productTypes;
10395
10279
  return {
10396
- productsJobId: (products === null || products === void 0 ? void 0 : products.indexingJobId) || (products === null || products === void 0 ? void 0 : products.existingIndexingJobId),
10397
- productTypesJobId: (productTypes === null || productTypes === void 0 ? void 0 : productTypes.indexingJobId) || (productTypes === null || productTypes === void 0 ? void 0 : productTypes.existingIndexingJobId)
10280
+ productsJobId: products?.indexingJobId || products?.existingIndexingJobId,
10281
+ productTypesJobId: productTypes?.indexingJobId || productTypes?.existingIndexingJobId
10398
10282
  };
10399
10283
  };
10400
10284
  let PimIndexerProvider = /*#__PURE__*/function (_PureComponent) {
@@ -10645,6 +10529,7 @@ function usePimIndexer() {
10645
10529
 
10646
10530
  // eslint-disable-next-line import/prefer-default-export
10647
10531
  const RESOURCES_WITH_PLATFORM_LIMITS = {
10532
+ businessUnits: 'businessUnits',
10648
10533
  shoppingLists: 'shoppingLists',
10649
10534
  productDiscounts: 'productDiscounts',
10650
10535
  cartDiscounts: 'cartDiscounts',
@@ -10661,10 +10546,10 @@ function ownKeys$p(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
10661
10546
  function _objectSpread$p(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$p(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$p(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
10662
10547
  const resourcesWithPlatformLimits = _Object$keys__default["default"](RESOURCES_WITH_PLATFORM_LIMITS);
10663
10548
  const createQueryVariables = platformLimit => _reduceInstanceProperty__default["default"](resourcesWithPlatformLimits).call(resourcesWithPlatformLimits, (previousIncludedLimits, nextNameOfLimit) => _objectSpread$p({
10664
- [camelCase__default["default"]("should include ".concat(nextNameOfLimit))]: platformLimit ? nextNameOfLimit === platformLimit : true
10549
+ [camelCase__default["default"](`should include ${nextNameOfLimit}`)]: platformLimit ? nextNameOfLimit === platformLimit : true
10665
10550
  }, previousIncludedLimits), {});
10666
10551
 
10667
- var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 1820, source: { body: "query PlatformLimitsFetcherQuery(\n $shouldIncludeShoppingLists: Boolean!\n $shouldIncludeProductDiscounts: Boolean!\n $shouldIncludeCartDiscounts: Boolean!\n $shouldIncludeStores: Boolean!\n $shouldIncludeCustomers: Boolean!\n $shouldIncludeCustomerGroups: Boolean!\n $shouldIncludeZones: Boolean!\n $shouldIncludeTaxCategories: Boolean!\n $shouldIncludeShippingMethods: Boolean!\n $shouldIncludeCarts: Boolean!\n) {\n limits {\n shoppingLists @include(if: $shouldIncludeShoppingLists) {\n total {\n limit\n current\n }\n lineItems {\n limit\n }\n textLineItems {\n limit\n }\n }\n productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n totalActive {\n limit\n current\n }\n }\n cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n totalActiveWithoutDiscountCodes {\n limit\n current\n }\n }\n stores @include(if: $shouldIncludeStores) {\n total {\n limit\n current\n }\n inventorySupplyChannels {\n limit\n }\n productDistributionChannels {\n limit\n }\n }\n customers @include(if: $shouldIncludeCustomers) {\n total {\n limit\n current\n }\n }\n customerGroups @include(if: $shouldIncludeCustomerGroups) {\n total {\n limit\n current\n }\n }\n zones @include(if: $shouldIncludeZones) {\n total {\n limit\n current\n }\n }\n taxCategories @include(if: $shouldIncludeTaxCategories) {\n total {\n limit\n current\n }\n }\n shippingMethods @include(if: $shouldIncludeShippingMethods) {\n total {\n limit\n current\n }\n }\n carts @include(if: $shouldIncludeCarts) {\n total {\n limit\n current\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
10552
+ var PlatformLimitsFetcherQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "PlatformLimitsFetcherQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limits" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shoppingLists" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShoppingLists" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "lineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "textLineItems" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeProductDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActive" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCartDiscounts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "totalActiveWithoutDiscountCodes" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inventorySupplyChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productDistributionChannels" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customers" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomers" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCustomerGroups" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "zones" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeZones" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "taxCategories" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeTaxCategories" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "shippingMethods" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeShippingMethods" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "carts" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeCarts" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldIncludeBusinessUnits" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "maxDivisions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxDepthLimit" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "maxAssociateRoles" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "limit" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 2107, source: { body: "query PlatformLimitsFetcherQuery(\n $shouldIncludeShoppingLists: Boolean!\n $shouldIncludeProductDiscounts: Boolean!\n $shouldIncludeCartDiscounts: Boolean!\n $shouldIncludeStores: Boolean!\n $shouldIncludeCustomers: Boolean!\n $shouldIncludeCustomerGroups: Boolean!\n $shouldIncludeZones: Boolean!\n $shouldIncludeTaxCategories: Boolean!\n $shouldIncludeShippingMethods: Boolean!\n $shouldIncludeCarts: Boolean!\n $shouldIncludeBusinessUnits: Boolean!\n) {\n limits {\n shoppingLists @include(if: $shouldIncludeShoppingLists) {\n total {\n limit\n current\n }\n lineItems {\n limit\n }\n textLineItems {\n limit\n }\n }\n productDiscounts @include(if: $shouldIncludeProductDiscounts) {\n totalActive {\n limit\n current\n }\n }\n cartDiscounts @include(if: $shouldIncludeCartDiscounts) {\n totalActiveWithoutDiscountCodes {\n limit\n current\n }\n }\n stores @include(if: $shouldIncludeStores) {\n total {\n limit\n current\n }\n inventorySupplyChannels {\n limit\n }\n productDistributionChannels {\n limit\n }\n }\n customers @include(if: $shouldIncludeCustomers) {\n total {\n limit\n current\n }\n }\n customerGroups @include(if: $shouldIncludeCustomerGroups) {\n total {\n limit\n current\n }\n }\n zones @include(if: $shouldIncludeZones) {\n total {\n limit\n current\n }\n }\n taxCategories @include(if: $shouldIncludeTaxCategories) {\n total {\n limit\n current\n }\n }\n shippingMethods @include(if: $shouldIncludeShippingMethods) {\n total {\n limit\n current\n }\n }\n carts @include(if: $shouldIncludeCarts) {\n total {\n limit\n current\n }\n }\n businessUnits @include(if: $shouldIncludeBusinessUnits) {\n maxDivisions {\n limit\n }\n maxDepthLimit {\n limit\n }\n maxAssociates {\n limit\n }\n maxAssociateRoles {\n limit\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
10668
10553
  const usePlatformLimitsFetcher = platformLimit => {
10669
10554
  const _useQuery = react.useQuery(PlatformLimitsFetcherQuery, {
10670
10555
  variables: createQueryVariables(platformLimit),
@@ -10677,7 +10562,7 @@ const usePlatformLimitsFetcher = platformLimit => {
10677
10562
  error = _useQuery.error,
10678
10563
  data = _useQuery.data,
10679
10564
  refetch = _useQuery.refetch;
10680
- const platformLimits = !loading ? omit__default["default"](data === null || data === void 0 ? void 0 : data.limits, '__typename') : {};
10565
+ const platformLimits = !loading ? omit__default["default"](data?.limits, '__typename') : {};
10681
10566
  return {
10682
10567
  isLoading: loading,
10683
10568
  error,
@@ -10868,11 +10753,10 @@ const getPlatformLimitsStatus = _ref3 => {
10868
10753
  total = _ref3.total,
10869
10754
  intl = _ref3.intl;
10870
10755
  if (limit) {
10871
- var _context;
10872
- return _concatInstanceProperty__default["default"](_context = "(".concat(intl.formatNumber(current), "/")).call(_context, intl.formatNumber(limit), ")");
10756
+ return `(${intl.formatNumber(current)}/${intl.formatNumber(limit)})`;
10873
10757
  }
10874
10758
  if (total) {
10875
- return "(".concat(intl.formatNumber(total), ")");
10759
+ return `(${intl.formatNumber(total)})`;
10876
10760
  }
10877
10761
  return '';
10878
10762
  };
@@ -10892,18 +10776,17 @@ const useShippingMethodsPlatformLimitsFetcher = () => {
10892
10776
  };
10893
10777
 
10894
10778
  const useShippingMethodsPlatformLimits = () => {
10895
- var _platformLimits$shipp;
10896
10779
  const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
10897
10780
  platformLimits = _useShippingMethodsPl.platformLimits;
10898
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
10781
+ if (!platformLimits?.shippingMethods?.total) {
10899
10782
  return {
10900
10783
  hasReachedShippingMethodsWarningLimit: false,
10901
10784
  hasReachedShippingMethodsErrorLimit: false
10902
10785
  };
10903
10786
  }
10904
- const _platformLimits$shipp2 = platformLimits.shippingMethods.total,
10905
- limit = _platformLimits$shipp2.limit,
10906
- current = _platformLimits$shipp2.current;
10787
+ const _platformLimits$shipp = platformLimits.shippingMethods.total,
10788
+ limit = _platformLimits$shipp.limit,
10789
+ current = _platformLimits$shipp.current;
10907
10790
  const hasReachedShippingMethodsWarningLimit = getHasExceededWarningThreshold({
10908
10791
  limit,
10909
10792
  current
@@ -10919,13 +10802,12 @@ const useShippingMethodsPlatformLimits = () => {
10919
10802
  };
10920
10803
 
10921
10804
  const PlatformLimitsShippingMethodsNotifications = () => {
10922
- var _platformLimits$shipp;
10923
10805
  const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
10924
10806
  platformLimits = _useShippingMethodsPl.platformLimits;
10925
10807
  const _useShippingMethodsPl2 = useShippingMethodsPlatformLimits(),
10926
10808
  hasReachedShippingMethodsWarningLimit = _useShippingMethodsPl2.hasReachedShippingMethodsWarningLimit,
10927
10809
  hasReachedShippingMethodsErrorLimit = _useShippingMethodsPl2.hasReachedShippingMethodsErrorLimit;
10928
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$shipp = platformLimits.shippingMethods) !== null && _platformLimits$shipp !== void 0 && _platformLimits$shipp.total)) {
10810
+ if (!platformLimits?.shippingMethods?.total) {
10929
10811
  return null;
10930
10812
  }
10931
10813
  if (hasReachedShippingMethodsErrorLimit) {
@@ -10971,13 +10853,12 @@ var messages$j = reactIntl.defineMessages({
10971
10853
  });
10972
10854
 
10973
10855
  const PlatformLimitsShippingMethodsStatus = _ref => {
10974
- var _platformLimits$shipp, _platformLimits$shipp2;
10975
10856
  let total = _ref.total;
10976
10857
  const intl = reactIntl.useIntl();
10977
10858
  const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
10978
10859
  platformLimits = _useShippingMethodsPl.platformLimits;
10979
- 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;
10980
- 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;
10860
+ const current = platformLimits?.shippingMethods?.total?.current;
10861
+ const limit = platformLimits?.shippingMethods?.total?.limit;
10981
10862
  return jsxRuntime.jsx(PlatformLimitsStatusText, {
10982
10863
  intlMessage: messages$j.shippingMethodsStatus,
10983
10864
  children: getPlatformLimitsStatus({
@@ -11039,18 +10920,17 @@ const useTaxCategoriesPlatformLimitsFetcher = () => {
11039
10920
  };
11040
10921
 
11041
10922
  const useTaxCategoriesPlatformLimits = () => {
11042
- var _platformLimits$taxCa;
11043
10923
  const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
11044
10924
  platformLimits = _useTaxCategoriesPlat.platformLimits;
11045
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
10925
+ if (!platformLimits?.taxCategories?.total) {
11046
10926
  return {
11047
10927
  hasReachedTaxCategoriesWarningLimit: false,
11048
10928
  hasReachedTaxCategoriesErrorLimit: false
11049
10929
  };
11050
10930
  }
11051
- const _platformLimits$taxCa2 = platformLimits.taxCategories.total,
11052
- limit = _platformLimits$taxCa2.limit,
11053
- current = _platformLimits$taxCa2.current;
10931
+ const _platformLimits$taxCa = platformLimits.taxCategories.total,
10932
+ limit = _platformLimits$taxCa.limit,
10933
+ current = _platformLimits$taxCa.current;
11054
10934
  const hasReachedTaxCategoriesWarningLimit = getHasExceededWarningThreshold({
11055
10935
  limit,
11056
10936
  current
@@ -11066,13 +10946,12 @@ const useTaxCategoriesPlatformLimits = () => {
11066
10946
  };
11067
10947
 
11068
10948
  const PlatformLimitsTaxCategoriesNotifications = () => {
11069
- var _platformLimits$taxCa;
11070
10949
  const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
11071
10950
  platformLimits = _useTaxCategoriesPlat.platformLimits;
11072
10951
  const _useTaxCategoriesPlat2 = useTaxCategoriesPlatformLimits(),
11073
10952
  hasReachedTaxCategoriesWarningLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesWarningLimit,
11074
10953
  hasReachedTaxCategoriesErrorLimit = _useTaxCategoriesPlat2.hasReachedTaxCategoriesErrorLimit;
11075
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$taxCa = platformLimits.taxCategories) !== null && _platformLimits$taxCa !== void 0 && _platformLimits$taxCa.total)) {
10954
+ if (!platformLimits?.taxCategories?.total) {
11076
10955
  return null;
11077
10956
  }
11078
10957
  if (hasReachedTaxCategoriesErrorLimit) {
@@ -11118,13 +10997,12 @@ var messages$h = reactIntl.defineMessages({
11118
10997
  });
11119
10998
 
11120
10999
  const PlatformLimitsTaxCategoriesStatus = _ref => {
11121
- var _platformLimits$taxCa, _platformLimits$taxCa2;
11122
11000
  let total = _ref.total;
11123
11001
  const intl = reactIntl.useIntl();
11124
11002
  const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
11125
11003
  platformLimits = _useTaxCategoriesPlat.platformLimits;
11126
- 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;
11127
- 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;
11004
+ const current = platformLimits?.taxCategories?.total?.current;
11005
+ const limit = platformLimits?.taxCategories?.total?.limit;
11128
11006
  return jsxRuntime.jsx(PlatformLimitsStatusText, {
11129
11007
  intlMessage: messages$h.taxCategoriesStatus,
11130
11008
  children: getPlatformLimitsStatus({
@@ -11186,18 +11064,17 @@ const useZonesPlatformLimitsFetcher = () => {
11186
11064
  };
11187
11065
 
11188
11066
  const useZonesPlatformLimits = () => {
11189
- var _platformLimits$zones;
11190
11067
  const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
11191
11068
  platformLimits = _useZonesPlatformLimi.platformLimits;
11192
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
11069
+ if (!platformLimits?.zones?.total) {
11193
11070
  return {
11194
11071
  hasReachedZonesWarningLimit: false,
11195
11072
  hasReachedZonesErrorLimit: false
11196
11073
  };
11197
11074
  }
11198
- const _platformLimits$zones2 = platformLimits.zones.total,
11199
- limit = _platformLimits$zones2.limit,
11200
- current = _platformLimits$zones2.current;
11075
+ const _platformLimits$zones = platformLimits.zones.total,
11076
+ limit = _platformLimits$zones.limit,
11077
+ current = _platformLimits$zones.current;
11201
11078
  const hasReachedZonesWarningLimit = getHasExceededWarningThreshold({
11202
11079
  limit,
11203
11080
  current
@@ -11213,13 +11090,12 @@ const useZonesPlatformLimits = () => {
11213
11090
  };
11214
11091
 
11215
11092
  const PlatformLimitsZonesNotifications = () => {
11216
- var _platformLimits$zones;
11217
11093
  const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
11218
11094
  platformLimits = _useZonesPlatformLimi.platformLimits;
11219
11095
  const _useZonesPlatformLimi2 = useZonesPlatformLimits(),
11220
11096
  hasReachedZonesWarningLimit = _useZonesPlatformLimi2.hasReachedZonesWarningLimit,
11221
11097
  hasReachedZonesErrorLimit = _useZonesPlatformLimi2.hasReachedZonesErrorLimit;
11222
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$zones = platformLimits.zones) !== null && _platformLimits$zones !== void 0 && _platformLimits$zones.total)) {
11098
+ if (!platformLimits?.zones?.total) {
11223
11099
  return null;
11224
11100
  }
11225
11101
  if (hasReachedZonesErrorLimit) {
@@ -11265,13 +11141,12 @@ var messages$f = reactIntl.defineMessages({
11265
11141
  });
11266
11142
 
11267
11143
  const PlatformLimitsZonesStatus = _ref => {
11268
- var _platformLimits$zones, _platformLimits$zones2;
11269
11144
  let total = _ref.total;
11270
11145
  const intl = reactIntl.useIntl();
11271
11146
  const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
11272
11147
  platformLimits = _useZonesPlatformLimi.platformLimits;
11273
- 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;
11274
- 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;
11148
+ const current = platformLimits?.zones?.total?.current;
11149
+ const limit = platformLimits?.zones?.total?.limit;
11275
11150
  return jsxRuntime.jsx(PlatformLimitsStatusText, {
11276
11151
  intlMessage: messages$f.zonesStatus,
11277
11152
  children: getPlatformLimitsStatus({
@@ -11333,18 +11208,17 @@ const useCustomersPlatformLimitsFetcher = () => {
11333
11208
  };
11334
11209
 
11335
11210
  const useCustomersPlatformLimits$1 = () => {
11336
- var _platformLimits$custo;
11337
11211
  const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
11338
11212
  platformLimits = _useCustomersPlatform.platformLimits;
11339
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11213
+ if (!platformLimits?.customers?.total) {
11340
11214
  return {
11341
11215
  hasReachedCustomersWarningLimit: false,
11342
11216
  hasReachedCustomersErrorLimit: false
11343
11217
  };
11344
11218
  }
11345
- const _platformLimits$custo2 = platformLimits.customers.total,
11346
- limit = _platformLimits$custo2.limit,
11347
- current = _platformLimits$custo2.current;
11219
+ const _platformLimits$custo = platformLimits.customers.total,
11220
+ limit = _platformLimits$custo.limit,
11221
+ current = _platformLimits$custo.current;
11348
11222
  const hasReachedCustomersWarningLimit = getHasExceededWarningThreshold({
11349
11223
  limit,
11350
11224
  current
@@ -11373,13 +11247,12 @@ const useCustomersPlatormLimitsModalState = () => {
11373
11247
  };
11374
11248
 
11375
11249
  const PlatformLimitsCustomersNotifications = () => {
11376
- var _platformLimits$custo;
11377
11250
  const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
11378
11251
  platformLimits = _useCustomersPlatform.platformLimits;
11379
11252
  const _useCustomersPlatform2 = useCustomersPlatformLimits$1(),
11380
11253
  hasReachedCustomersWarningLimit = _useCustomersPlatform2.hasReachedCustomersWarningLimit,
11381
11254
  hasReachedCustomersErrorLimit = _useCustomersPlatform2.hasReachedCustomersErrorLimit;
11382
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11255
+ if (!platformLimits?.customers?.total) {
11383
11256
  return jsxRuntime.jsx("div", {});
11384
11257
  }
11385
11258
  if (hasReachedCustomersErrorLimit) {
@@ -11430,16 +11303,15 @@ var styles$6 = {
11430
11303
  "status": "platform-limits-customers-status-module__status___3rXYM"
11431
11304
  };
11432
11305
  const PlatformLimitsCustomersStatus = () => {
11433
- var _platformLimits$custo;
11434
11306
  const intl = reactIntl.useIntl();
11435
11307
  const _useCustomersPlatform = useCustomersPlatformLimitsFetcher(),
11436
11308
  platformLimits = _useCustomersPlatform.platformLimits;
11437
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customers) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11309
+ if (!platformLimits?.customers?.total) {
11438
11310
  return null;
11439
11311
  }
11440
- const _platformLimits$custo2 = platformLimits.customers.total,
11441
- current = _platformLimits$custo2.current,
11442
- limit = _platformLimits$custo2.limit;
11312
+ const _platformLimits$custo = platformLimits.customers.total,
11313
+ current = _platformLimits$custo.current,
11314
+ limit = _platformLimits$custo.limit;
11443
11315
  return jsxRuntime.jsx("div", {
11444
11316
  className: styles$6.status,
11445
11317
  children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -11673,18 +11545,17 @@ const useCustomerGroupsPlatformLimitsFetcher = () => {
11673
11545
  };
11674
11546
 
11675
11547
  const useCustomerGroupsPlatformLimitsStatus = () => {
11676
- var _platformLimits$custo;
11677
11548
  const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
11678
11549
  platformLimits = _useCustomerGroupsPla.platformLimits;
11679
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11550
+ if (!platformLimits?.customerGroups?.total) {
11680
11551
  return {
11681
11552
  hasReachedCustomerGroupsWarningLimit: false,
11682
11553
  hasReachedCustomerGroupsErrorLimit: false
11683
11554
  };
11684
11555
  }
11685
- const _platformLimits$custo2 = platformLimits.customerGroups.total,
11686
- limit = _platformLimits$custo2.limit,
11687
- current = _platformLimits$custo2.current;
11556
+ const _platformLimits$custo = platformLimits.customerGroups.total,
11557
+ limit = _platformLimits$custo.limit,
11558
+ current = _platformLimits$custo.current;
11688
11559
  const hasReachedCustomerGroupsWarningLimit = getHasExceededWarningThreshold({
11689
11560
  limit,
11690
11561
  current
@@ -11713,13 +11584,12 @@ const useCustomerGroupsPlatormLimitsModalState = () => {
11713
11584
  };
11714
11585
 
11715
11586
  const PlatformLimitsCustomerGroupsNotifications = () => {
11716
- var _platformLimits$custo;
11717
11587
  const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
11718
11588
  platformLimits = _useCustomerGroupsPla.platformLimits;
11719
11589
  const _useCustomerGroupsPla2 = useCustomerGroupsPlatformLimitsStatus(),
11720
11590
  hasReachedCustomerGroupsWarningLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsWarningLimit,
11721
11591
  hasReachedCustomerGroupsErrorLimit = _useCustomerGroupsPla2.hasReachedCustomerGroupsErrorLimit;
11722
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11592
+ if (!platformLimits?.customerGroups?.total) {
11723
11593
  return jsxRuntime.jsx("div", {});
11724
11594
  }
11725
11595
  if (hasReachedCustomerGroupsErrorLimit) {
@@ -11770,16 +11640,15 @@ var styles$4 = {
11770
11640
  "status": "platform-limits-customer-groups-status-module__status___6099G"
11771
11641
  };
11772
11642
  const PlatformLimitsCustomerGroupsStatus = () => {
11773
- var _platformLimits$custo;
11774
11643
  const intl = reactIntl.useIntl();
11775
11644
  const _useCustomerGroupsPla = useCustomerGroupsPlatformLimitsFetcher(),
11776
11645
  platformLimits = _useCustomerGroupsPla.platformLimits;
11777
- if (!(platformLimits !== null && platformLimits !== void 0 && (_platformLimits$custo = platformLimits.customerGroups) !== null && _platformLimits$custo !== void 0 && _platformLimits$custo.total)) {
11646
+ if (!platformLimits?.customerGroups?.total) {
11778
11647
  return null;
11779
11648
  }
11780
- const _platformLimits$custo2 = platformLimits.customerGroups.total,
11781
- current = _platformLimits$custo2.current,
11782
- limit = _platformLimits$custo2.limit;
11649
+ const _platformLimits$custo = platformLimits.customerGroups.total,
11650
+ current = _platformLimits$custo.current,
11651
+ limit = _platformLimits$custo.limit;
11783
11652
  return jsxRuntime.jsx("div", {
11784
11653
  className: styles$4.status,
11785
11654
  children: jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -12025,7 +11894,6 @@ const valueMapping = {
12025
11894
  all: [true, false]
12026
11895
  };
12027
11896
  const BooleanField = props => {
12028
- var _context;
12029
11897
  let selectedValue;
12030
11898
  if (typeof props.value === 'boolean') selectedValue = getBooleanValue(props.value);else if (props.isMulti && _Array$isArray__default["default"](props.value) && props.value.length) selectedValue = props.value.length === 2 ? 'all' : getBooleanValue(props.value[0]);
12031
11899
  const yesLabel = props.intl.formatMessage(messages$8.yes);
@@ -12039,7 +11907,7 @@ const BooleanField = props => {
12039
11907
  }];
12040
11908
  if (props.isMulti) options.push({
12041
11909
  value: 'all',
12042
- label: _concatInstanceProperty__default["default"](_context = "".concat(yesLabel, " / ")).call(_context, noLabel)
11910
+ label: `${yesLabel} / ${noLabel}`
12043
11911
  });
12044
11912
  return jsxRuntime.jsx(uiKit.SelectInput, {
12045
11913
  name: props.name,
@@ -12154,7 +12022,7 @@ const MultiValueSelectorDropdown = props => {
12154
12022
  truncate: true,
12155
12023
  intlMessage: _objectSpread$5(_objectSpread$5({}, messages$5.filterWholeInput), {}, {
12156
12024
  values: {
12157
- values: "\"".concat(props.value, "\"")
12025
+ values: `"${props.value}"`
12158
12026
  }
12159
12027
  })
12160
12028
  })
@@ -12167,7 +12035,7 @@ const MultiValueSelectorDropdown = props => {
12167
12035
  truncate: true,
12168
12036
  intlMessage: _objectSpread$5(_objectSpread$5({}, messages$5.filterSeparateValues), {}, {
12169
12037
  values: {
12170
- values: "\"".concat(props.multiValue.join('", "'), "\"") || props.value
12038
+ values: `"${props.multiValue.join('", "')}"` || props.value
12171
12039
  }
12172
12040
  })
12173
12041
  })
@@ -12457,17 +12325,16 @@ function isEmpty(value) {
12457
12325
  }
12458
12326
 
12459
12327
  const buildSearchQuery = (searchQuery, searchMode, fragments) => {
12460
- var _fragments$searchMode;
12461
12328
  if (!searchQuery) return '';
12462
12329
  const buildAllFieldsQueryString = query => {
12463
12330
  const fragmentsArray = _Object$values__default["default"](fragments);
12464
- return "( ".concat(_mapInstanceProperty__default["default"](fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or '), " )");
12331
+ return `( ${_mapInstanceProperty__default["default"](fragmentsArray).call(fragmentsArray, fragment => fragment.getQuery(query)).join(' or ')} )`;
12465
12332
  };
12466
12333
  const trimmedSearchQuery = oneLine__default["default"](searchQuery);
12467
12334
  if (searchMode === 'allFields') {
12468
12335
  return buildAllFieldsQueryString(trimmedSearchQuery);
12469
12336
  }
12470
- if (!fragments[searchMode] || typeof ((_fragments$searchMode = fragments[searchMode]) === null || _fragments$searchMode === void 0 ? void 0 : _fragments$searchMode.getQuery) !== 'function') {
12337
+ if (!fragments[searchMode] || typeof fragments[searchMode]?.getQuery !== 'function') {
12471
12338
  return '';
12472
12339
  }
12473
12340
  return fragments[searchMode].getQuery(trimmedSearchQuery);
@@ -12756,11 +12623,11 @@ function createResourceReducer(options) {
12756
12623
 
12757
12624
  // TODO: validate constant keys
12758
12625
  const actionsMap = {
12759
- ["".concat(plural, "_FETCHED")]: (_, action) => ({
12626
+ [`${plural}_FETCHED`]: (_, action) => ({
12760
12627
  currentQueryResult: action.payload
12761
12628
  }),
12762
- ["".concat(single, "_UPDATED_IN_LIST")]: updateStatusInList(mergeData),
12763
- ["".concat(single, "_DELETED_IN_LIST")]: (state, _ref) => {
12629
+ [`${single}_UPDATED_IN_LIST`]: updateStatusInList(mergeData),
12630
+ [`${single}_DELETED_IN_LIST`]: (state, _ref) => {
12764
12631
  let payload = _ref.payload;
12765
12632
  const results = state.currentQueryResult.results;
12766
12633
  return {
@@ -12772,27 +12639,27 @@ function createResourceReducer(options) {
12772
12639
  })
12773
12640
  };
12774
12641
  },
12775
- ["".concat(single, "_FETCHED")]: (_, _ref3) => {
12642
+ [`${single}_FETCHED`]: (_, _ref3) => {
12776
12643
  let payload = _ref3.payload;
12777
12644
  return {
12778
12645
  currentVisible: payload
12779
12646
  };
12780
12647
  },
12781
- ["".concat(single, "_CREATED")]: (_ref4, _ref5) => {
12648
+ [`${single}_CREATED`]: (_ref4, _ref5) => {
12782
12649
  let currentVisible = _ref4.currentVisible;
12783
12650
  let payload = _ref5.payload;
12784
12651
  return {
12785
12652
  currentVisible: mergeData(payload, currentVisible)
12786
12653
  };
12787
12654
  },
12788
- ["".concat(single, "_UPDATED")]: (_ref6, _ref7) => {
12655
+ [`${single}_UPDATED`]: (_ref6, _ref7) => {
12789
12656
  let currentVisible = _ref6.currentVisible;
12790
12657
  let payload = _ref7.payload;
12791
12658
  return {
12792
12659
  currentVisible: mergeData(payload, currentVisible)
12793
12660
  };
12794
12661
  },
12795
- ["".concat(single, "_DELETED")]: () => ({
12662
+ [`${single}_DELETED`]: () => ({
12796
12663
  currentVisible: null
12797
12664
  })
12798
12665
  };
@@ -12809,12 +12676,11 @@ function formatCustomerAddress(_ref) {
12809
12676
  }
12810
12677
 
12811
12678
  function formatCustomerName(_ref) {
12812
- var _context;
12813
12679
  let firstName = _ref.firstName,
12814
12680
  lastName = _ref.lastName;
12815
12681
  if (firstName && !lastName) return _trimInstanceProperty__default["default"](firstName).call(firstName);
12816
12682
  if (!firstName && lastName) return _trimInstanceProperty__default["default"](lastName).call(lastName);
12817
- if (firstName && lastName) return _concatInstanceProperty__default["default"](_context = "".concat(_trimInstanceProperty__default["default"](firstName).call(firstName), " ")).call(_context, _trimInstanceProperty__default["default"](lastName).call(lastName));
12683
+ if (firstName && lastName) return `${_trimInstanceProperty__default["default"](firstName).call(firstName)} ${_trimInstanceProperty__default["default"](lastName).call(lastName)}`;
12818
12684
  return constants.NO_VALUE_FALLBACK;
12819
12685
  }
12820
12686
 
@@ -12843,23 +12709,21 @@ function base64ToString(value) {
12843
12709
  }
12844
12710
 
12845
12711
  const composeNumberPredicateFromFilter = (target, value, option) => {
12846
- var _context, _context2, _context3, _context4, _context5, _context6;
12847
12712
  switch (option) {
12848
12713
  case FILTER_TYPES.lessThan:
12849
- return _concatInstanceProperty__default["default"](_context = "".concat(target, " < ")).call(_context, value);
12714
+ return `${target} < ${value}`;
12850
12715
  case FILTER_TYPES.moreThan:
12851
- return _concatInstanceProperty__default["default"](_context2 = "".concat(target, " > ")).call(_context2, value);
12716
+ return `${target} > ${value}`;
12852
12717
  case FILTER_TYPES.equalTo:
12853
- return _concatInstanceProperty__default["default"](_context3 = "".concat(target, " = ")).call(_context3, value);
12718
+ return `${target} = ${value}`;
12854
12719
  case FILTER_TYPES.range:
12855
- 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);
12720
+ return `${target} >= ${value.from} and ${target} <= ${value.to}`;
12856
12721
  default:
12857
12722
  return '';
12858
12723
  }
12859
12724
  };
12860
12725
  function customFields (filter, locale) {
12861
12726
  const customFieldsPredicates = _mapInstanceProperty__default["default"](filter).call(filter, customFieldFilter => {
12862
- var _context7, _context8, _context9, _context10, _context11;
12863
12727
  const _customFieldFilter$va = customFieldFilter.value,
12864
12728
  target = _customFieldFilter$va.target,
12865
12729
  type = _customFieldFilter$va.type,
@@ -12867,14 +12731,14 @@ function customFields (filter, locale) {
12867
12731
  option = _customFieldFilter$va.option;
12868
12732
  switch (type.name) {
12869
12733
  case FIELD_TYPES.Boolean:
12870
- return _concatInstanceProperty__default["default"](_context7 = "".concat(target, " = ")).call(_context7, value.value);
12734
+ return `${target} = ${value.value}`;
12871
12735
  case FIELD_TYPES.String:
12872
- return _concatInstanceProperty__default["default"](_context8 = "".concat(target, " = \"")).call(_context8, value, "\"");
12736
+ return `${target} = "${value}"`;
12873
12737
  case FIELD_TYPES.LocalizedString:
12874
- return _concatInstanceProperty__default["default"](_context9 = "".concat(target, "(")).call(_context9, localizedTextTransformer(value), ")");
12738
+ return `${target}(${localizedTextTransformer(value)})`;
12875
12739
  case FIELD_TYPES.Enum:
12876
12740
  case FIELD_TYPES.LocalizedEnum:
12877
- return _concatInstanceProperty__default["default"](_context10 = "".concat(target, " = \"")).call(_context10, value.value, "\"");
12741
+ return `${target} = "${value.value}"`;
12878
12742
  case FIELD_TYPES.Time:
12879
12743
  return timeTransformer(target, [{
12880
12744
  type: option,
@@ -12889,14 +12753,14 @@ function customFields (filter, locale) {
12889
12753
  case FIELD_TYPES.Number:
12890
12754
  return composeNumberPredicateFromFilter(target, value, option);
12891
12755
  case FIELD_TYPES.Money:
12892
- return _concatInstanceProperty__default["default"](_context11 = "".concat(target, "(")).call(_context11, moneyTransformer(value, option, locale), ")");
12756
+ return `${target}(${moneyTransformer(value, option, locale)})`;
12893
12757
  case FIELD_TYPES.Reference:
12894
12758
  case FIELD_TYPES.Set:
12895
12759
  default:
12896
12760
  throw new Error('Custom field type not recognized');
12897
12761
  }
12898
12762
  });
12899
- return "(custom(fields(".concat(customFieldsPredicates.join(' and '), ")))");
12763
+ return `(custom(fields(${customFieldsPredicates.join(' and ')})))`;
12900
12764
  }
12901
12765
 
12902
12766
  /**
@@ -12937,10 +12801,8 @@ function graphqlQueryBuilder(_ref) {
12937
12801
  }
12938
12802
 
12939
12803
  function numberTransformer(filterKey, filters) {
12940
- var _context3;
12941
12804
  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid$2;
12942
12805
  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
12943
- var _context, _context2;
12944
12806
  let type = _ref.type,
12945
12807
  value = _ref.value;
12946
12808
  if (!filterValidator({
@@ -12949,19 +12811,19 @@ function numberTransformer(filterKey, filters) {
12949
12811
  })) return '';
12950
12812
  switch (type) {
12951
12813
  case 'lessThan':
12952
- return "(* to ".concat(_parseInt__default["default"](value) - 1, ")");
12814
+ return `(* to ${_parseInt__default["default"](value) - 1})`;
12953
12815
  case 'moreThan':
12954
- return "(".concat(_parseInt__default["default"](value) + 1, " to *)");
12816
+ return `(${_parseInt__default["default"](value) + 1} to *)`;
12955
12817
  case 'equalTo':
12956
- return _concatInstanceProperty__default["default"](_context = "(".concat(value, " to ")).call(_context, value, ")");
12818
+ return `(${value} to ${value})`;
12957
12819
  case 'range':
12958
- return _concatInstanceProperty__default["default"](_context2 = "(".concat(value.from, " to ")).call(_context2, value.to, ")");
12820
+ return `(${value.from} to ${value.to})`;
12959
12821
  default:
12960
12822
  return '';
12961
12823
  }
12962
12824
  });
12963
12825
  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
12964
- return queryString === '' ? null : _concatInstanceProperty__default["default"](_context3 = "".concat(filterKey, ": range")).call(_context3, queryString);
12826
+ return queryString === '' ? null : `${filterKey}: range${queryString}`;
12965
12827
  }
12966
12828
  function isFilterValid$2(_ref2) {
12967
12829
  let type = _ref2.type,
@@ -12988,11 +12850,9 @@ function graphqlCategoryLevelTransformer(filterKey, filters, filterValidator) {
12988
12850
  return _filterInstanceProperty__default["default"](_context = [levelFilterQuery, lastLevelFilterQuery]).call(_context, Boolean);
12989
12851
  }
12990
12852
 
12991
- var _templateObject, _templateObject2;
12992
12853
  const dateFormatDayStart = 'YYYY-MM-DDT00:00:00.000Z';
12993
12854
  const dateFormatDayEnd = 'YYYY-MM-DDT23:59:59.999Z';
12994
12855
  function dateTransformer(filterKey, filters) {
12995
- var _context;
12996
12856
  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid$1;
12997
12857
  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
12998
12858
  let type = _ref.type,
@@ -13003,19 +12863,25 @@ function dateTransformer(filterKey, filters) {
13003
12863
  })) return '';
13004
12864
  switch (type) {
13005
12865
  case 'lessThan':
13006
- return "(* to \"".concat(moment__default["default"](value).format(dateFormatDayStart), "\")");
12866
+ return `(* to "${moment__default["default"](value).format(dateFormatDayStart)}")`;
13007
12867
  case 'moreThan':
13008
- return "(\"".concat(moment__default["default"](value).format(dateFormatDayEnd), "\" to *)");
12868
+ return `("${moment__default["default"](value).format(dateFormatDayEnd)}" to *)`;
13009
12869
  case 'equalTo':
13010
- return oneLine__default["default"](_templateObject || (_templateObject = _taggedTemplateLiteral(["\n (\"", "\"\n to \"", "\")\n "])), moment__default["default"](value).format(dateFormatDayStart), moment__default["default"](value).format(dateFormatDayEnd));
12870
+ return oneLine__default["default"]`
12871
+ ("${moment__default["default"](value).format(dateFormatDayStart)}"
12872
+ to "${moment__default["default"](value).format(dateFormatDayEnd)}")
12873
+ `;
13011
12874
  case 'range':
13012
- 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));
12875
+ return oneLine__default["default"]`
12876
+ ("${moment__default["default"](value.from).format(dateFormatDayStart)}"
12877
+ to "${moment__default["default"](value.to).format(dateFormatDayEnd)}")
12878
+ `;
13013
12879
  default:
13014
12880
  return '';
13015
12881
  }
13016
12882
  });
13017
12883
  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
13018
- return queryString === '' ? null : _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ": range")).call(_context, queryString);
12884
+ return queryString === '' ? null : `${filterKey}: range${queryString}`;
13019
12885
  }
13020
12886
  function isFilterValid$1(_ref2) {
13021
12887
  let type = _ref2.type,
@@ -13033,20 +12899,18 @@ function missingTransformer(filterKey, filters) {
13033
12899
  // Note: we assume for now that there can only be 1 missing filter value,
13034
12900
  // as the API doesn't support yet multiple OR values (for missing).
13035
12901
  if (filters.length === 0) return null;
13036
- return "".concat(filterKey, ":missing");
12902
+ return `${filterKey}:missing`;
13037
12903
  }
13038
12904
 
13039
12905
  function missingLocaleTransformer(filterKey, filters) {
13040
- var _context;
13041
12906
  // Note: we assume for now that there can only be 1 missing filter value,
13042
12907
  // as the API doesn't support yet multiple OR values (for missing).
13043
12908
  if (filters.length === 0) return null;
13044
12909
  const missingLocale = filters[0].value.value;
13045
- return _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ".")).call(_context, missingLocale, ":missing");
12910
+ return `${filterKey}.${missingLocale}:missing`;
13046
12911
  }
13047
12912
 
13048
12913
  function referenceTransformer(filterKey, filters) {
13049
- var _context;
13050
12914
  let filterValidator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isFilterValid;
13051
12915
  const queries = _mapInstanceProperty__default["default"](filters).call(filters, _ref => {
13052
12916
  let type = _ref.type,
@@ -13057,29 +12921,28 @@ function referenceTransformer(filterKey, filters) {
13057
12921
  })) return '';
13058
12922
  switch (type) {
13059
12923
  case 'equalTo':
13060
- return "\"".concat(value, "\"");
12924
+ return `"${value}"`;
13061
12925
  default:
13062
12926
  return '';
13063
12927
  }
13064
12928
  });
13065
12929
  const queryString = _filterInstanceProperty__default["default"](queries).call(queries, q => q !== '').join(', ');
13066
- return queryString === '' ? null : _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ".id: ")).call(_context, queryString);
12930
+ return queryString === '' ? null : `${filterKey}.id: ${queryString}`;
13067
12931
  }
13068
12932
  function isFilterValid(_ref2) {
13069
- var _context2;
12933
+ var _context;
13070
12934
  let type = _ref2.type,
13071
12935
  value = _ref2.value;
13072
- if (type === 'equalTo' && !_includesInstanceProperty__default["default"](_context2 = [null, undefined, '']).call(_context2, value)) return true;
12936
+ if (type === 'equalTo' && !_includesInstanceProperty__default["default"](_context = [null, undefined, '']).call(_context, value)) return true;
13073
12937
  return false;
13074
12938
  }
13075
12939
 
13076
12940
  function textTransformer(filterKey, queries) {
13077
- var _context;
13078
12941
  if (queries.length === 0) return null;
13079
12942
 
13080
12943
  // Note: we assume for now that there can only be 1 text filter.
13081
12944
  const queryValue = queries[0].value;
13082
- return queryValue ? _concatInstanceProperty__default["default"](_context = "".concat(filterKey, ":\"")).call(_context, queryValue, "\"") : null;
12945
+ return queryValue ? `${filterKey}:"${queryValue}"` : null;
13083
12946
  }
13084
12947
 
13085
12948
  function isValidISOTime(_ref) {
@@ -13164,8 +13027,8 @@ function validateFilter$2(_ref, intl) {
13164
13027
  };
13165
13028
  }
13166
13029
  if (value.option === FILTER_TYPES.range) {
13167
- const from = validateValue(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from, typeName, intl);
13168
- const to = from ? null : validateValue(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to, typeName, intl);
13030
+ const from = validateValue(filterValue?.from, typeName, intl);
13031
+ const to = from ? null : validateValue(filterValue?.to, typeName, intl);
13169
13032
  return from || to ? {
13170
13033
  input: {
13171
13034
  from,
@@ -13202,16 +13065,16 @@ function validateFilter$1(_ref, intl) {
13202
13065
  type = _ref.type;
13203
13066
  if (type === 'range') {
13204
13067
  if (validateSingleFilter({
13205
- value: value === null || value === void 0 ? void 0 : value.from
13068
+ value: value?.from
13206
13069
  })) return {
13207
13070
  from: intl.formatMessage(messages$2.rangeMissingValue)
13208
13071
  };
13209
13072
  if (validateSingleFilter({
13210
- value: value === null || value === void 0 ? void 0 : value.to
13073
+ value: value?.to
13211
13074
  })) return {
13212
13075
  to: intl.formatMessage(messages$2.rangeMissingValue)
13213
13076
  };
13214
- if (moment__default["default"](value === null || value === void 0 ? void 0 : value.to).isBefore(value === null || value === void 0 ? void 0 : value.from)) return {
13077
+ if (moment__default["default"](value?.to).isBefore(value?.from)) return {
13215
13078
  from: intl.formatMessage(messages$2.rangeToSmallerThanFrom)
13216
13079
  };
13217
13080
  } else if (type === 'equalTo' || type === 'lessThan' || type === 'moreThan') {
@@ -13288,14 +13151,14 @@ const validateText = function (text, intl) {
13288
13151
 
13289
13152
  function formatDiscount(discount, currencyCode, intl) {
13290
13153
  var _context;
13291
- if (discount.type === 'relative') return "".concat(discount.permyriad / 100, "%");
13154
+ if (discount.type === 'relative') return `${discount.permyriad / 100}%`;
13292
13155
  if (!discount.money) return null;
13293
13156
  const moneyForCurrencyCode = _findInstanceProperty__default["default"](_context = discount.money).call(_context, discountMoney => discountMoney.currencyCode === currencyCode);
13294
13157
  return moneyForCurrencyCode ? formatMoney$2(moneyForCurrencyCode, intl) : null;
13295
13158
  }
13296
13159
 
13297
13160
  function formatPercentage(percentage) {
13298
- return "".concat(percentage, "%");
13161
+ return `${percentage}%`;
13299
13162
  }
13300
13163
  function convertRatioToPercentage(ratio) {
13301
13164
  return _parseFloat__default["default"]((ratio * 100).toFixed(2));
@@ -13309,10 +13172,7 @@ function convertRatioToPercentage(ratio) {
13309
13172
  * @returns {boolean}
13310
13173
  */
13311
13174
  const hasErrorCode = (unmappedApiErrors, errorCode) => {
13312
- return _Array$isArray__default["default"](unmappedApiErrors) && _someInstanceProperty__default["default"](unmappedApiErrors).call(unmappedApiErrors, error => {
13313
- var _error$extensions;
13314
- return ((_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code) === errorCode;
13315
- });
13175
+ return _Array$isArray__default["default"](unmappedApiErrors) && _someInstanceProperty__default["default"](unmappedApiErrors).call(unmappedApiErrors, error => error.extensions?.code === errorCode);
13316
13176
  };
13317
13177
 
13318
13178
  const hasInvalidInputError = errors => hasErrorCode(errors, ERROR_CODES.invalidInput);
@@ -13324,7 +13184,7 @@ function minusify(value) {
13324
13184
  return minus.concat(value);
13325
13185
  }
13326
13186
 
13327
- 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), []));
13187
+ const flattenOperator = (operator, clauses) => compact__default["default"](_reduceInstanceProperty__default["default"](clauses).call(clauses, (result, clause) => _concatInstanceProperty__default["default"](result).call(result, clause?.[operator] || clause), []));
13328
13188
  const argsToArray = args => _reduceInstanceProperty__default["default"](args).call(args, (result, item) => _concatInstanceProperty__default["default"](result).call(result, item), []);
13329
13189
  const exists = (field, attributeType) => ({
13330
13190
  exists: {
@@ -13381,7 +13241,7 @@ const not = function () {
13381
13241
 
13382
13242
  const safelyAddFallback = function (string) {
13383
13243
  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
13384
- return string === '' ? fallback : string !== null && string !== void 0 ? string : fallback;
13244
+ return string === '' ? fallback : string ?? fallback;
13385
13245
  };
13386
13246
 
13387
13247
  var messages = reactIntl.defineMessages({
@@ -13516,19 +13376,19 @@ const computedProperties = {
13516
13376
  // has been deleted. See MC-1925 for further information.
13517
13377
  const filteredCategories = _filterInstanceProperty__default["default"](_context6 = product.categories).call(_context6, category => category.obj !== undefined);
13518
13378
  return _mapInstanceProperty__default["default"](filteredCategories).call(filteredCategories, category => {
13519
- var _context7;
13520
13379
  const categoryPath = getPathName(category, language, languages);
13521
13380
  const ancestors = getAncestors(category, language);
13522
- const externalIdValue = category.obj.externalId ? // hardcoding "ext. ID" since this is not part of a message to be
13381
+ const externalIdValue = category.obj.externalId ?
13382
+ // hardcoding "ext. ID" since this is not part of a message to be
13523
13383
  // translated. This has been communicated with Jenn
13524
- "| ext. ID: ".concat(category.obj.externalId) : '';
13384
+ `| ext. ID: ${category.obj.externalId}` : '';
13525
13385
  return {
13526
13386
  id: category.id,
13527
- name: _concatInstanceProperty__default["default"](_context7 = "".concat(l10n.formatLocalizedString(category.obj, {
13387
+ name: `${l10n.formatLocalizedString(category.obj, {
13528
13388
  key: 'name',
13529
13389
  locale: language,
13530
13390
  fallbackOrder: languages
13531
- }), " ")).call(_context7, externalIdValue),
13391
+ })} ${externalIdValue}`,
13532
13392
  path: categoryPath,
13533
13393
  level: ancestors.length
13534
13394
  };
@@ -13565,13 +13425,13 @@ const getAttributeValueByType = _ref12 => {
13565
13425
  value: value
13566
13426
  });
13567
13427
  case 'enum':
13568
- return safelyAddFallback(value.label, "".concat(value.key, " (key)"));
13428
+ return safelyAddFallback(value.label, `${value.key} (key)`);
13569
13429
  case 'lenum':
13570
13430
  return safelyAddFallback(l10n.formatLocalizedString(value, {
13571
13431
  key: 'label',
13572
13432
  locale: projectDataLocale,
13573
13433
  fallbackOrder: projectLanguages
13574
- }), "".concat(value.key, " (key)"));
13434
+ }), `${value.key} (key)`);
13575
13435
  case 'number':
13576
13436
  return safelyAddFallback(value);
13577
13437
  case 'boolean':
@@ -13693,7 +13553,6 @@ const reorderArrayItems = (array, from, to) => {
13693
13553
  const mapTimeZonesToOptions = memoize__default["default"](timeZones => {
13694
13554
  var _context;
13695
13555
  return _mapInstanceProperty__default["default"](_context = _Object$entries__default["default"](timeZones)).call(_context, _ref => {
13696
- var _context2;
13697
13556
  let _ref2 = _slicedToArray(_ref, 2),
13698
13557
  code = _ref2[0],
13699
13558
  value = _ref2[1];
@@ -13702,7 +13561,7 @@ const mapTimeZonesToOptions = memoize__default["default"](timeZones => {
13702
13561
  //E.g. `(GMT +02:00) Central European Time - Berlin`
13703
13562
  // unicode clock hex code: \u25F7
13704
13563
  //
13705
- label: _concatInstanceProperty__default["default"](_context2 = "(GMT ".concat(value.offset, ") ")).call(_context2, value.name)
13564
+ label: `(GMT ${value.offset}) ${value.name}`
13706
13565
  };
13707
13566
  });
13708
13567
  });
@@ -13710,12 +13569,9 @@ const getTimeZoneId = memoize__default["default"]((selectedTimeZone, timeZones)
13710
13569
  if (timeZones[selectedTimeZone]) {
13711
13570
  return selectedTimeZone;
13712
13571
  } else {
13713
- var _context3;
13714
- const fallbackTimeZoneId = _findInstanceProperty__default["default"](_context3 = _Object$keys__default["default"](timeZones)).call(_context3, timeZoneId => {
13715
- var _timeZones$timeZoneId;
13716
- 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);
13717
- });
13718
- if (fallbackTimeZoneId !== null && fallbackTimeZoneId !== void 0 && fallbackTimeZoneId.length) {
13572
+ var _context2;
13573
+ const fallbackTimeZoneId = _findInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](timeZones)).call(_context2, timeZoneId => timeZones[timeZoneId]?.translationFor?.some(fallbackTimeZone => fallbackTimeZone === selectedTimeZone));
13574
+ if (fallbackTimeZoneId?.length) {
13719
13575
  return fallbackTimeZoneId.toString();
13720
13576
  } else {
13721
13577
  return 'UTC';
@@ -13723,21 +13579,19 @@ const getTimeZoneId = memoize__default["default"]((selectedTimeZone, timeZones)
13723
13579
  }
13724
13580
  });
13725
13581
  const getTimeZoneLabel = memoize__default["default"]((selectedTimeZone, timeZones) => {
13726
- var _context4;
13727
13582
  const timeZoneId = getTimeZoneId(selectedTimeZone, timeZones);
13728
13583
  const timeZoneData = timeZones[timeZoneId];
13729
- return _concatInstanceProperty__default["default"](_context4 = "(GMT ".concat(timeZoneData.offset, ") ")).call(_context4, timeZoneData.name);
13584
+ return `(GMT ${timeZoneData.offset}) ${timeZoneData.name}`;
13730
13585
  });
13731
13586
 
13732
13587
  const DEFAULT_LENGTH = 50;
13733
13588
  const DEFAULT_END = '...';
13734
13589
  function truncate (text) {
13735
- var _context;
13736
13590
  let length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_LENGTH;
13737
13591
  let end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_END;
13738
13592
  if (!text) return '';
13739
13593
  if (text.length < length) return text;
13740
- return _concatInstanceProperty__default["default"](_context = "".concat(text.substring(0, length))).call(_context, end);
13594
+ return `${text.substring(0, length)}${end}`;
13741
13595
  }
13742
13596
 
13743
13597
  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; }