@commercetools-frontend-extensions/change-history 8.31.0 → 8.32.0

package/dist/commercetools-frontend-extensions-change-history.cjs.prod.js

@@ -20,26 +20,19 @@ var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var constants = require('@commercetools-frontend/constants');
 var get = require('lodash/get');
 var camelCase = require('lodash/camelCase');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('@babel/runtime-corejs3/core-js-stable/date/now');
-require('@babel/runtime-corejs3/core-js-stable/set-timeout');
-var _Symbol$toPrimitive = require('@babel/runtime-corejs3/core-js-stable/symbol/to-primitive');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
-var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-var formik = require('formik');
-var pickBy = require('lodash/pickBy');
-require('qss');
 var hooks = require('@apollo/client/react/hooks');
 var _URLSearchParams = require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 var reactIntl = require('react-intl');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var PropTypes = require('prop-types');
 var react$1 = require('@emotion/react');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var designSystem = require('@commercetools-uikit/design-system');
 var groupBy = require('lodash/groupBy');
@@ -61,8 +54,10 @@ var l10n = require('@commercetools-frontend/l10n');
 var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var react$2 = require('@apollo/client/react');
-var commonTags = require('common-tags');
+var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
 var permissions = require('@commercetools-frontend/permissions');
+var _Symbol$toPrimitive = require('@babel/runtime-corejs3/core-js-stable/symbol/to-primitive');
+var pickBy = require('lodash/pickBy');
 var sentry = require('@commercetools-frontend/sentry');
 var isNil$1 = require('lodash/isNil');
 var omitBy = require('lodash/omitBy');
@@ -89,12 +84,14 @@ var client = require('@apollo/client');
 require('@babel/runtime-corejs3/core-js-stable/parse-int');
 var icons = require('@commercetools-uikit/icons');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var formik = require('formik');
 var DataTableManager = require('@commercetools-uikit/data-table-manager');
 var dataTableManagerProvider = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
 var has = require('lodash/has');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var isFunction = require('lodash/isFunction');
 var LeadingIcon = require('@commercetools-uikit/icons/leading-icon');
+var commonTags = require('common-tags');
 var i18n = require('@commercetools-frontend/i18n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -110,15 +107,12 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var get__default = /*#__PURE__*/_interopDefault(get);
 var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
-var _Symbol$toPrimitive__default = /*#__PURE__*/_interopDefault(_Symbol$toPrimitive);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
-var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var pickBy__default = /*#__PURE__*/_interopDefault(pickBy);
 var _URLSearchParams__default = /*#__PURE__*/_interopDefault(_URLSearchParams);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
@@ -136,6 +130,9 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
+var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
+var _Symbol$toPrimitive__default = /*#__PURE__*/_interopDefault(_Symbol$toPrimitive);
+var pickBy__default = /*#__PURE__*/_interopDefault(pickBy);
 var isNil__default = /*#__PURE__*/_interopDefault(isNil$1);
 var omitBy__default = /*#__PURE__*/_interopDefault(omitBy);
 var _Object$fromEntries__default = /*#__PURE__*/_interopDefault(_Object$fromEntries);
@@ -156,7 +153,7 @@ var isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
 var LeadingIcon__default = /*#__PURE__*/_interopDefault(LeadingIcon);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.31.0";
+var version = "8.32.0";
 
 // EXAMPLE
 // export const FEATURE_FLAG_NAME = 'featureFlagName';
@@ -835,132 +832,6 @@ const useStorePermissionsInDataFences = _ref => {
   return storePermissionsInDataFences;
 };
 
-// https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa#Unicode_strings
-//
-// Escape any extended characters so that the string we
-// actually encode is an ASCII representation of the original.
-// This is to avoid the `InvalidCharacterError`.
-function stringToBase64(value) {
-  let encoded = '';
-  try {
-    encoded = btoa(decodeURIComponent(encodeURIComponent(value)));
-  } catch (e) {
-    /* noop */
-  }
-  return encoded;
-}
-function base64ToString(value) {
-  let decoded;
-  try {
-    decoded = decodeURIComponent(encodeURIComponent(atob(value)));
-  } catch (e) {
-    /* noop */
-  }
-  // @ts-ignore
-  return decoded;
-}
-
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[_Symbol$toPrimitive__default["default"]]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function ownKeys$1l(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1l(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$1l(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$1l(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-
-/**
- * NOTE
- *   The `version` comes first and can be overwritten to bust
- *   existing search queries in case of conflicting migrations.
- */
-const VERSION_KEY = '__version';
-const SAVED_SEARCH_VERSION = 2;
-const matchesVersion = (searchQuery, version) => Boolean(searchQuery[VERSION_KEY]) && searchQuery[VERSION_KEY] === version;
-const augmentWithVersion = searchQuery => _objectSpread$1l({
-  [VERSION_KEY]: SAVED_SEARCH_VERSION
-}, searchQuery);
-const omitVersion = searchQuery => {
-  var _context;
-  searchQuery[VERSION_KEY];
-    const searchQueryNoVersion = _objectWithoutProperties(searchQuery, _mapInstanceProperty__default["default"](_context = [VERSION_KEY]).call(_context, _toPropertyKey));
-  return searchQueryNoVersion;
-};
-const omitUnknownFilters = searchQuery => _objectSpread$1l(_objectSpread$1l({}, searchQuery), searchQuery?.filters && {
-  filters: pickBy__default["default"](searchQuery.filters, (_value, key) => {
-    var _context2;
-    return _includesInstanceProperty__default["default"](_context2 = _Object$values__default["default"](FILTER_OPTION_KEYS)).call(_context2, key);
-  })
-});
-const hasStorage = storageSlice => window.localStorage.getItem(storageSlice) !== null;
-const encode = searchOptions => stringToBase64(_JSON$stringify__default["default"](searchOptions));
-const decode = searchOptions => {
-  if (searchOptions) {
-    const searchOptionsDecoded = base64ToString(searchOptions);
-    if (searchOptionsDecoded) {
-      return JSON.parse(searchOptionsDecoded);
-    } else {
-      throw new Error(`Error decoding searchOptions: ${searchOptions}`);
-    }
-  } else {
-    return null;
-  }
-};
-const getFromStorage = storageSlice => {
-  const itemFromStorage = window.localStorage.getItem(storageSlice);
-  return itemFromStorage ? decode(itemFromStorage) : null;
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const putToStorage = (storageSlice, itemToStore) => window.localStorage.setItem(storageSlice, itemToStore ? encode(itemToStore) : itemToStore);
-const removeFromStorage = storageSlice => window.localStorage.removeItem(storageSlice);
-
-function ownKeys$1k(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1k(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$1k(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$1k(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getStorage = storageType => storageType === 'session' ? sessionStorage : localStorage;
-const defaultOptions = {
-  storageType: 'local',
-  segregateByUser: true,
-  segregateByProject: true
-};
-const isNil = value => typeof value === 'undefined' || value === null;
-const useStorage = function (storageKey, initialStorageValue) {
-  var _context;
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const mergedOptions = _objectSpread$1k(_objectSpread$1k({}, defaultOptions), options);
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      userId: context.user?.id,
-      projectKey: context.project?.key
-    })),
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
-  const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, mergedOptions.segregateByProject && projectKey, SEARCH_SLICE_NAME_CHANGE_HISTORY, storageKey]).call(_context, Boolean).join('/');
-  const readFromStorage = react.useCallback(() => {
-    const storageValue = decode(getStorage(mergedOptions.storageType).getItem(scopedStorageKey));
-
-    /**
-     * NOTE:
-     *    We prior wrote `undefined` or `null` to storage which when written
-     *    to storage via `setItem` results in `"undefined"` or `"null"`
-     *    being written polluting the storage.
-     */
-    if (storageValue === 'undefined' || storageValue === 'null') {
-      getStorage(mergedOptions.storageType).removeItem(scopedStorageKey);
-      return null;
-    }
-    return storageValue;
-  }, [scopedStorageKey, mergedOptions.storageType]);
-  const _useState = react.useState(readFromStorage),
-    _useState2 = _slicedToArray(_useState, 2),
-    actualStorageValue = _useState2[0],
-    setActualStorageValue = _useState2[1];
-  const writeToStorage = react.useCallback(nextStorageValue => {
-    getStorage(mergedOptions.storageType).setItem(scopedStorageKey, encode(nextStorageValue));
-    setActualStorageValue(nextStorageValue);
-  }, [scopedStorageKey, mergedOptions.storageType]);
-  react.useEffect(() => {
-    if (isNil(actualStorageValue) && !isNil(initialStorageValue)) {
-      writeToStorage(initialStorageValue);
-    }
-  }, [actualStorageValue, initialStorageValue, writeToStorage]);
-  return [actualStorageValue, writeToStorage, readFromStorage];
-};
-
 var FetchProductSelectionStoresInfo = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelectionStoresInfo" }, 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: "stores" }, 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: "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: "productSelections" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelectionRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 240, source: { body: "query FetchProductSelectionStoresInfo($where: String!) {\n  stores(where: $where) {\n    total\n    results {\n      id\n      key\n      productSelections {\n        productSelectionRef {\n          id\n        }\n        active\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const emptyProductSelectionStoresInfo = {
   total: 0,
@@ -1748,8 +1619,8 @@ const PRECISION_TYPES = {
   centPrecision: 'centPrecision'
 };
 
-function ownKeys$1j(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(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$1j(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$1j(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1k(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$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; }
 function getFractionedAmount(moneyValue) {
   const _moneyValue$fractionD = moneyValue.fractionDigits,
     fractionDigits = _moneyValue$fractionD === void 0 ? 2 : _moneyValue$fractionD;
@@ -1760,7 +1631,7 @@ function getFractionedAmount(moneyValue) {
 }
 function formatMoney(moneyValue, intl, options) {
   if (moneyValue === null) return;
-  return intl.formatNumber(getFractionedAmount(moneyValue), _objectSpread$1j({
+  return intl.formatNumber(getFractionedAmount(moneyValue), _objectSpread$1k({
     style: 'currency',
     currency: moneyValue.currencyCode,
     minimumFractionDigits: moneyValue.fractionDigits
@@ -1846,8 +1717,8 @@ function formatCustomerName(_ref) {
   return jsxRuntime.jsx(NoValueFallback, {});
 }
 
-function ownKeys$1i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1j(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(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$1j(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$1j(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const resourceTypesWithNoLabel = ['key-value-document', 'review'];
 const parentTypesWithNoLabel = ['product-selection'];
 const getReferenceLabel = (referenceValue, language, languages) => {
@@ -1933,7 +1804,7 @@ const ReferenceTypeChange = props => {
     referenceType: String(true)
   }));
   const resourceType = intl.formatMessage(getEntityTypeNameMessage(props.typeId));
-  const label = getReferenceLabel(_objectSpread$1i({
+  const label = getReferenceLabel(_objectSpread$1j({
     id: props.id,
     typeId: props.typeId
   }, props.expandedProps), language, languages);
@@ -1958,8 +1829,8 @@ ReferenceTypeChange.propTypes = {};
 ReferenceTypeChange.displayName = 'ReferenceTypeChange';
 
 const _excluded$l = ["id", "typeId"];
-function ownKeys$1h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1h(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1h(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1i(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$1i(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ChangeItemValueByType = props => {
   const intl = reactIntl.useIntl();
   if (props.value === null || props.value === undefined) return jsxRuntime.jsx(NoValueLabel, {});
@@ -2009,7 +1880,7 @@ const ChangeItemValueByType = props => {
         css: productAttributeValuesStyles,
         children: [jsxRuntime.jsx(uiKit.Text.Detail, {
           isItalic: true,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1h(_objectSpread$1h({}, messages$1k.attributeItem), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1i(_objectSpread$1i({}, messages$1k.attributeItem), {}, {
             values: {
               b: getBoldText,
               index: index + 1
@@ -2030,8 +1901,8 @@ const ChangeItemValueByType = props => {
 ChangeItemValueByType.displayName = 'ChangeItemValueByType';
 ChangeItemValueByType.propTypes = {};
 
-function ownKeys$1g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(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$1g(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$1g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1h(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$1h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const CustomFieldChange = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -2055,7 +1926,7 @@ const CustomFieldChange = props => {
     }
   };
   return jsxRuntime.jsx(ComposedChange, {
-    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1g(_objectSpread$1g({}, messages$1k.customFieldLabel), {}, {
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1h(_objectSpread$1h({}, messages$1k.customFieldLabel), {}, {
       values: {
         b: getBoldText,
         customField: props.change.previousValue?.label ? localize({
@@ -2073,8 +1944,8 @@ const CustomFieldChange = props => {
 CustomFieldChange.displayName = 'CustomFieldChange';
 CustomFieldChange.propTypes = {};
 
-function ownKeys$1f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(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$1f(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$1f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(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$1g(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$1g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const CustomTypeChange = props => {
   var _context;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -2093,7 +1964,7 @@ const CustomTypeChange = props => {
         language: language,
         fallbackOrder: languages
       })
-    }) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1f(_objectSpread$1f({}, messages$1k.customTypeIdLabel), {}, {
+    }) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1g(_objectSpread$1g({}, messages$1k.customTypeIdLabel), {}, {
       values: {
         customTypeId: props.value.type.id
       }
@@ -2131,8 +2002,8 @@ const JsonDisplay = props => {
 JsonDisplay.displayame = 'JsonDisplay';
 JsonDisplay.propTypes = {};
 
-function ownKeys$1e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(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$1e(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$1e(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(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$1f(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$1f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 /**
  * Maps custom type fields object property into an array
  *
@@ -2157,13 +2028,13 @@ function transformCustomTypeValue(value) {
 }
 const mapCustomTypeFieldsToArray = value => {
   var _context;
-  return _objectSpread$1e(_objectSpread$1e({}, value), {}, {
+  return _objectSpread$1f(_objectSpread$1f({}, value), {}, {
     fields: value?.fields ? _mapInstanceProperty__default["default"](_context = _Object$entries__default["default"](value.fields)).call(_context, _ref => {
       let _ref2 = _slicedToArray(_ref, 2),
         key = _ref2[0],
         entry = _ref2[1];
       const entryValue = entry.value !== undefined ? entry.value : entry;
-      return _objectSpread$1e(_objectSpread$1e({}, entry), {}, {
+      return _objectSpread$1f(_objectSpread$1f({}, entry), {}, {
         name: key,
         value: transformCustomTypeValue(entryValue)
       });
@@ -2537,8 +2408,8 @@ var businessUnitChangeMessages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$1d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(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$1d(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$1d(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(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$1e(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$1e(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const formatRoleAssignmentsForChangeAssociate = (roleAssignments, intl) => _mapInstanceProperty__default["default"](roleAssignments).call(roleAssignments, roleAssignment => jsxRuntime.jsx(uiKit.Text.Detail, {
   children: `${roleAssignment.associateRole.key}: ${roleAssignment.inheritance === 'Disabled' ? intl.formatMessage(businessUnitChangeMessages.inheritanceDisabled) : intl.formatMessage(businessUnitChangeMessages.inheritanceEnabled)}`
 }, roleAssignment.associateRole.key)) || jsxRuntime.jsx(NoValueLabel, {});
@@ -2602,7 +2473,7 @@ const BusinessUnitChanges = props => {
     case ResourceChangeInput.ChangeAddress:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1d(_objectSpread$1d({}, messages$1k.addressIdLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1e(_objectSpread$1e({}, messages$1k.addressIdLabel), {}, {
             values: {
               b: getBoldText,
               addressId: props.value.id
@@ -2656,7 +2527,7 @@ const BusinessUnitChanges = props => {
       {
         return jsxRuntime.jsx(ComposedChange, {
           label: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1d(_objectSpread$1d({}, messages$1k.customFieldLabel), {}, {
+            children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1e(_objectSpread$1e({}, messages$1k.customFieldLabel), {}, {
               values: {
                 b: getBoldText,
                 customField: props.change.previousValue?.label ? localize({
@@ -2666,7 +2537,7 @@ const BusinessUnitChanges = props => {
                   fallbackOrder: languages
                 }) : props.change.name
               }
-            })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1d(_objectSpread$1d({}, messages$1k.addressIdLabel), {}, {
+            })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1e(_objectSpread$1e({}, messages$1k.addressIdLabel), {}, {
               values: {
                 b: getBoldText,
                 addressId: props.change.address.id
@@ -2686,7 +2557,7 @@ const BusinessUnitChanges = props => {
     case ResourceChangeInput.SetAddressCustomType:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1d(_objectSpread$1d({}, messages$1k.addressIdLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1e(_objectSpread$1e({}, messages$1k.addressIdLabel), {}, {
             values: {
               b: getBoldText,
               addressId: props.change.address.id
@@ -2738,10 +2609,10 @@ const BusinessUnitChanges = props => {
 BusinessUnitChanges.displayName = 'BusinessUnitChanges';
 BusinessUnitChanges.propTypes = {};
 
-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; }
-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; }
+function ownKeys$1d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(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$1d(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$1d(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapDiffToChange = (totalDiff, diff) => {
-  return _objectSpread$1c(_objectSpread$1c({}, totalDiff), {}, {
+  return _objectSpread$1d(_objectSpread$1d({}, totalDiff), {}, {
     [diff.path[0]]: {
       previousValue: diff.lhs,
       nextValue: diff.rhs
@@ -2783,8 +2654,8 @@ const LocalizeChange = props => {
 LocalizeChange.displayName = 'LocalizeChange';
 LocalizeChange.propTypes = {};
 
-function ownKeys$1b(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function 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; }
+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; }
 const getChangeValue = (change, value) => {
   if (!value) return jsxRuntime.jsx(NoValueLabel, {});
   switch (change.change) {
@@ -2820,7 +2691,7 @@ const AssetChange = props => {
     });
   }
   return jsxRuntime.jsx(ComposedChange, {
-    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1b(_objectSpread$1b({}, messages$1k.assetLabel), {}, {
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1c(_objectSpread$1c({}, messages$1k.assetLabel), {}, {
       values: {
         b: getBoldText,
         asset: localize({
@@ -2958,8 +2829,8 @@ const CategoryChanges = props => {
 CategoryChanges.displayName = 'CategoryChanges';
 CategoryChanges.propTypes = {};
 
-function ownKeys$1a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(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$1a(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$1a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1b(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ChannelChanges = props => {
   switch (props.change.change) {
     case ResourceChangeInput.ChangeDescription:
@@ -2990,7 +2861,7 @@ const ChannelChanges = props => {
         return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
           children: [jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1a(_objectSpread$1a({}, messages$1k.averageRatingLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1b(_objectSpread$1b({}, messages$1k.averageRatingLabel), {}, {
               values: {
                 averageRating: props.value?.averageRating,
                 highestRating: props.value?.highestRating,
@@ -2998,7 +2869,7 @@ const ChannelChanges = props => {
               }
             }))
           }), jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1a(_objectSpread$1a({}, messages$1k.numberOfReviewsLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1b(_objectSpread$1b({}, messages$1k.numberOfReviewsLabel), {}, {
               values: {
                 count: props.value?.count
               }
@@ -3014,7 +2885,7 @@ const ChannelChanges = props => {
       }
     case ResourceChangeInput.SetGeoLocation:
       {
-        return props.value ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1a(_objectSpread$1a({}, messages$1k.geoLocationLabel), {}, {
+        return props.value ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1b(_objectSpread$1b({}, messages$1k.geoLocationLabel), {}, {
           values: {
             type: props.value.type,
             longitude: props.value.coordinates[0],
@@ -4567,9 +4438,9 @@ var messages$X = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$19(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$19(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$19(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var changeMessages = _objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19(_objectSpread$19({}, assetsMessages), messages$1j), messages$1i), messages$1h), messages$1g), messages$1f), commonMessages), messages$1d), messages$1e), messages$1c), messages$1b), messages$1a), messages$19), messages$18), messages$17), messages$16), messages$15), messages$13), messages$14), messages$12), messages$11), messages$10), messages$$), messages$Z), messages$Y), messages$X), messages$_);
+function ownKeys$1a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(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$1a(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$1a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+var changeMessages = _objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a({}, assetsMessages), messages$1j), messages$1i), messages$1h), messages$1g), messages$1f), commonMessages), messages$1d), messages$1e), messages$1c), messages$1b), messages$1a), messages$19), messages$18), messages$17), messages$16), messages$15), messages$13), messages$14), messages$12), messages$11), messages$10), messages$$), messages$Z), messages$Y), messages$X), messages$_);
 
 const tableStyles = {
   name: "miqc5w",
@@ -4666,8 +4537,8 @@ const ShowFullChange = props => {
 ShowFullChange.displayName = 'ShowFullChange';
 ShowFullChange.propTypes = {};
 
-function ownKeys$18(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(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$18(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$18(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$19(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$19(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$19(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const MAX_LINES = 12;
 const MAX_CHARS = 2000;
 const isChangeValueLarge$1 = value => {
@@ -4773,7 +4644,7 @@ const CustomObjectChanges = props => {
       {
         return isChangeValueLarge$1(props.change.previousValue) || isChangeValueLarge$1(props.change.nextValue) ? jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$18(_objectSpread$18({}, messages$1k.pathLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$19(_objectSpread$19({}, messages$1k.pathLabel), {}, {
             values: {
               path: props.change.path,
               b: getBoldText
@@ -4786,7 +4657,7 @@ const CustomObjectChanges = props => {
             })
           })]
         }) : jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$18(_objectSpread$18({}, messages$1k.pathLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$19(_objectSpread$19({}, messages$1k.pathLabel), {}, {
             values: {
               path: props.change.path,
               b: getBoldText
@@ -4804,7 +4675,7 @@ const CustomObjectChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$18(_objectSpread$18({}, messages$1k.pathLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$19(_objectSpread$19({}, messages$1k.pathLabel), {}, {
             values: {
               path: props.change.path,
               b: getBoldText
@@ -4824,7 +4695,7 @@ const CustomObjectChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$18(_objectSpread$18({}, messages$1k.pathLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$19(_objectSpread$19({}, messages$1k.pathLabel), {}, {
             values: {
               path: props.change.path,
               b: getBoldText
@@ -4852,8 +4723,8 @@ CustomObjectChanges.displayName = 'CustomObjectChanges';
 CustomObjectChanges.propTypes = {};
 
 const _excluded$j = ["typeId", "id"];
-function ownKeys$17(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$18(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(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$18(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$18(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const CustomerChanges = props => {
   switch (props.change.change) {
     case ResourceChangeInput.SetStores:
@@ -4892,7 +4763,7 @@ const CustomerChanges = props => {
     case ResourceChangeInput.ChangeAddress:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$17(_objectSpread$17({}, messages$1k.addressIdLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$18(_objectSpread$18({}, messages$1k.addressIdLabel), {}, {
             values: {
               b: getBoldText,
               addressId: props.value.id
@@ -4945,8 +4816,8 @@ CustomerChanges.displayName = 'CustomerChanges';
 CustomerChanges.propTypes = {};
 
 const _excluded$i = ["typeId", "id"];
-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; }
-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; }
+function ownKeys$17(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$17(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$17(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const DiscountChanges = props => {
   var _context;
   const intl = reactIntl.useIntl();
@@ -4965,7 +4836,7 @@ const DiscountChanges = props => {
         return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
           children: [jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.validFromLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$17(_objectSpread$17({}, messages$1k.validFromLabel), {}, {
               values: {
                 date: props.value.validFrom ? jsxRuntime.jsx(FormattedDateTime, {
                   type: "datetime",
@@ -4976,7 +4847,7 @@ const DiscountChanges = props => {
               }
             }))
           }), jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.validUntilLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$17(_objectSpread$17({}, messages$1k.validUntilLabel), {}, {
               values: {
                 date: props.value.validUntil ? jsxRuntime.jsx(FormattedDateTime, {
                   type: "datetime",
@@ -5017,7 +4888,7 @@ const DiscountChanges = props => {
       return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xs",
         children: [jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.predicateTypeLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$17(_objectSpread$17({}, messages$1k.predicateTypeLabel), {}, {
             values: {
               predicateType: jsxRuntime.jsx("b", {
                 children: props.value.type
@@ -5071,8 +4942,8 @@ DiscountChanges.displayName = 'DiscountChanges';
 DiscountChanges.propTypes = {};
 
 const _excluded$h = ["typeId", "id"];
-function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(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$15(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$15(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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; }
+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; }
 const InventoryEntryChanges = props => {
   switch (props.change.change) {
     case ResourceChangeInput.SetCustomType:
@@ -5091,13 +4962,13 @@ const InventoryEntryChanges = props => {
       return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xs",
         children: [jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.quantityOnStockLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.quantityOnStockLabel), {}, {
             values: {
               quantity: props.value.quantityOnStock
             }
           }))
         }), jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.availableQuantityLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.availableQuantityLabel), {}, {
             values: {
               quantity: props.value.availableQuantity
             }
@@ -5105,7 +4976,7 @@ const InventoryEntryChanges = props => {
         })]
       });
     case ResourceChangeInput.SetRestockableInDays:
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.setRestockableInDaysLabel), {}, {
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$16(_objectSpread$16({}, messages$1k.setRestockableInDaysLabel), {}, {
         values: {
           day: props.value
         }
@@ -5143,36 +5014,36 @@ const InventoryEntryChanges = props => {
 InventoryEntryChanges.displayName = 'InventoryEntryChanges';
 InventoryEntryChanges.propTypes = {};
 
-function ownKeys$14(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$14(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$14(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$15(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(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$15(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$15(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const TrackingDataChange = props => props.value ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   scale: "xs",
   children: [props.value.trackingId && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.trackingIdLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.trackingIdLabel), {}, {
       values: {
         trackingId: props.value.trackingId
       }
     }))
   }), props.value.carrier && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.carrierLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.carrierLabel), {}, {
       values: {
         carrier: props.value.carrier
       }
     }))
   }), props.value.provider && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.providerLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.providerLabel), {}, {
       values: {
         provider: props.value.provider
       }
     }))
   }), props.value.providerTransaction && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.providerTransactionLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.providerTransactionLabel), {}, {
       values: {
         providerTransaction: props.value.providerTransaction
       }
     }))
   }), props.value.isReturn !== undefined && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.isReturnLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.isReturnLabel), {}, {
       values: {
         isReturn: _JSON$stringify__default["default"](props.value.isReturn)
       }
@@ -5184,25 +5055,25 @@ TrackingDataChange.propTypes = {};
 const MeasurementsChange = props => props.value ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   scale: "xs",
   children: [props.value.heightInMillimeter && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.heightInMillimeterLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.heightInMillimeterLabel), {}, {
       values: {
         heightInMillimeter: props.value.heightInMillimeter
       }
     }))
   }), props.value.lengthInMillimeter && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.lengthInMillimeterLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.lengthInMillimeterLabel), {}, {
       values: {
         lengthInMillimeter: props.value.lengthInMillimeter
       }
     }))
   }), props.value.widthInMillimeter && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.widthInMillimeterLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.widthInMillimeterLabel), {}, {
       values: {
         widthInMillimeter: props.value.widthInMillimeter
       }
     }))
   }), props.value.weightInGram && jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.weightInGramLabel), {}, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$15(_objectSpread$15({}, messages$1k.weightInGramLabel), {}, {
       values: {
         weightInGram: props.value.weightInGram
       }
@@ -5212,8 +5083,8 @@ const MeasurementsChange = props => props.value ? jsxRuntime.jsxs(uiKit.Spacings
 MeasurementsChange.displayName = 'MeasurementsChange';
 MeasurementsChange.propTypes = {};
 
-function ownKeys$13(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(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$13(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$13(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$14(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$14(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$14(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const SetCustomerChange = props => {
   if (!props.value) return jsxRuntime.jsx(NoValueLabel, {});
   if (!props.value.email) return props.value.id;
@@ -5221,19 +5092,19 @@ const SetCustomerChange = props => {
     css: productAttributeValuesStyles,
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "xs",
-      children: [props.value.email && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.customerEmailLabel), {}, {
+      children: [props.value.email && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.customerEmailLabel), {}, {
         values: {
           email: props.value.email
         }
-      })), props.value.firstName && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.customerFirstNameLabel), {}, {
+      })), props.value.firstName && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.customerFirstNameLabel), {}, {
         values: {
           firstName: props.value.firstName
         }
-      })), props.value.lastName && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.customerLastNameLabel), {}, {
+      })), props.value.lastName && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.customerLastNameLabel), {}, {
         values: {
           lastName: props.value.lastName
         }
-      })), props.value.customerNumber && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.customerNumberLabel), {}, {
+      })), props.value.customerNumber && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$14(_objectSpread$14({}, messages$1k.customerNumberLabel), {}, {
         values: {
           customerNumber: props.value.customerNumber
         }
@@ -5244,21 +5115,21 @@ const SetCustomerChange = props => {
 SetCustomerChange.displayName = 'SetCustomerChange';
 SetCustomerChange.propTypes = {};
 
-function ownKeys$12(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(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$12(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$12(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$13(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(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$13(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$13(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ShippingRateChange = props => {
   var _context;
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xs",
     children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.shippingRatePriceLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.shippingRatePriceLabel), {}, {
         values: {
           price: formatMoney(props.value.price, intl)
         }
       }))
     }), props.value.freeAbove && jsxRuntime.jsx(uiKit.Text.Detail, {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.shippingRateFreeAboveLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.shippingRateFreeAboveLabel), {}, {
         values: {
           freeAbove: formatMoney(props.value.freeAbove, intl)
         }
@@ -5277,7 +5148,7 @@ const ShippingRateChange = props => {
           children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
             scale: "xs",
             children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.shippingRatePriceLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.shippingRatePriceLabel), {}, {
                 values: {
                   price: formatMoney(tier.price, intl)
                 }
@@ -5285,17 +5156,17 @@ const ShippingRateChange = props => {
             }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
               scale: "xs",
               children: jsxRuntime.jsxs(uiKit.Text.Detail, {
-                children: [tier.minimumCentAmount && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.cartValueShippingRateTierLabel), {}, {
+                children: [tier.minimumCentAmount && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.cartValueShippingRateTierLabel), {}, {
                   values: {
-                    minimumCentAmount: formatMoney(_objectSpread$12(_objectSpread$12({}, tier.price), {}, {
+                    minimumCentAmount: formatMoney(_objectSpread$13(_objectSpread$13({}, tier.price), {}, {
                       centAmount: tier.minimumCentAmount
                     }), intl)
                   }
-                })), tier.score && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.cartScoreShippingRateTierLabel), {}, {
+                })), tier.score && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.cartScoreShippingRateTierLabel), {}, {
                   values: {
                     score: tier.score
                   }
-                })), tier.value && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.cartClassificationShippingRateTierLabel), {}, {
+                })), tier.value && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$13(_objectSpread$13({}, messages$1k.cartClassificationShippingRateTierLabel), {}, {
                   values: {
                     key: tier.value
                   }
@@ -5311,8 +5182,8 @@ const ShippingRateChange = props => {
 ShippingRateChange.displayName = 'ShippingRateChange';
 ShippingRateChange.propTypes = {};
 
-function ownKeys$11(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(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$11(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$11(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$12(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(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$12(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$12(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ShippingRateInputChange = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -5334,7 +5205,7 @@ const ShippingRateInputChange = props => {
     }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
       scale: "xs",
       children: jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$11(_objectSpread$11({}, messages$1k.valueLabel), {}, {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$12(_objectSpread$12({}, messages$1k.valueLabel), {}, {
           values: {
             value: props.value.score || localize({
               obj: props.value,
@@ -5351,8 +5222,8 @@ const ShippingRateInputChange = props => {
 ShippingRateInputChange.displayName = 'ShippingRateInputChange';
 ShippingRateInputChange.propTypes = {};
 
-function ownKeys$10(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$10(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$10(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$11(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(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$11(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$11(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const TaxRateChange = props => {
   var _context;
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -5365,7 +5236,7 @@ const TaxRateChange = props => {
         children: props.value.name
       })]
     }), jsxRuntime.jsx(uiKit.Text.Detail, {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$10(_objectSpread$10({}, props.value.includedInPrice ? messages$1k.taxRateAmountIncludedInPriceLabel : messages$1k.taxRateAmountNotIncludedInPriceLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$11(_objectSpread$11({}, props.value.includedInPrice ? messages$1k.taxRateAmountIncludedInPriceLabel : messages$1k.taxRateAmountNotIncludedInPriceLabel), {}, {
         values: {
           amount: props.value.amount
         }
@@ -5392,21 +5263,21 @@ const TaxRateChange = props => {
 TaxRateChange.displayName = 'TaxRateChange';
 TaxRateChange.propTypes = {};
 
-function ownKeys$$(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$$(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$$(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$10(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$10(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$10(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const TaxedPriceChange = props => {
   var _context;
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xs",
     children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.totalNetLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$10(_objectSpread$10({}, messages$1k.totalNetLabel), {}, {
         values: {
           totalNet: formatMoney(props.value.totalNet, intl)
         }
       }))
     }), jsxRuntime.jsx(uiKit.Text.Detail, {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.totalGrossLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$10(_objectSpread$10({}, messages$1k.totalGrossLabel), {}, {
         values: {
           totalGross: formatMoney(props.value.totalGross, intl)
         }
@@ -5426,7 +5297,7 @@ const TaxedPriceChange = props => {
               children: taxPortion.name
             })]
           }), jsxRuntime.jsx(uiKit.Text.Detail, {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.taxPortionItemLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$10(_objectSpread$10({}, messages$1k.taxPortionItemLabel), {}, {
               values: {
                 amount: formatMoney(taxPortion.amount, intl),
                 rate: taxPortion.rate
@@ -5603,23 +5474,23 @@ var messages$W = reactIntl.defineMessages({
 
 const _excluded$g = ["typeId", "id"],
   _excluded2$4 = ["typeId", "id"];
-function ownKeys$_(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$_(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$_(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$$(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$$(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$$(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const lineItemPropsMessages = {
-  name: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.nameColumnLabel)),
-  price: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.priceColumnLabel)),
-  quantity: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.quantityColumnLabel)),
-  totalPrice: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.totalPriceColumnLabel)),
-  variantId: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.variantIdColumnLabel)),
-  variantSku: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.variantSkuColumnLabel))
+  name: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.nameColumnLabel)),
+  price: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.priceColumnLabel)),
+  quantity: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.quantityColumnLabel)),
+  totalPrice: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.totalPriceColumnLabel)),
+  variantId: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.variantIdColumnLabel)),
+  variantSku: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.variantSkuColumnLabel))
 };
 const customLineItemsPropsMessages = {
-  name: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.nameColumnLabel)),
-  slug: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.slugColumnLabel)),
-  quantity: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.quantityColumnLabel)),
-  totalPrice: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$W.totalPriceColumnLabel))
+  name: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.nameColumnLabel)),
+  slug: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.slugColumnLabel)),
+  quantity: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.quantityColumnLabel)),
+  totalPrice: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$W.totalPriceColumnLabel))
 };
-const getLineItemLabel = (lineItemChange, language, languages) => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.lineItemLabel), {}, {
+const getLineItemLabel = (lineItemChange, language, languages) => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.lineItemLabel), {}, {
   values: {
     b: getBoldText,
     item: localize({
@@ -5632,7 +5503,7 @@ const getLineItemLabel = (lineItemChange, language, languages) => jsxRuntime.jsx
     variant: lineItemChange.variant
   }
 }));
-const getCustomLineItemLabel = (customLineItemChange, language, languages) => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.customLineItemLabel), {}, {
+const getCustomLineItemLabel = (customLineItemChange, language, languages) => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.customLineItemLabel), {}, {
   values: {
     b: getBoldText,
     item: localize({
@@ -5694,7 +5565,7 @@ const OrderChanges = props => {
       {
         var _context, _context2;
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelLabel), {}, {
             values: {
               b: getBoldText,
               parcelDate: formatDateTime('datetime', props.change.parcel?.createdAt, {
@@ -5705,7 +5576,7 @@ const OrderChanges = props => {
           nextValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.nextValue.length > 0 ? _mapInstanceProperty__default["default"](_context = props.change.nextValue).call(_context, next => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelInfoLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelInfoLabel), {}, {
                 values: {
                   parcelId: next.id,
                   parcelQuantity: next.quantity
@@ -5716,7 +5587,7 @@ const OrderChanges = props => {
           previousValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.previousValue.length > 0 ? _mapInstanceProperty__default["default"](_context2 = props.change.previousValue).call(_context2, prev => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelInfoLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelInfoLabel), {}, {
                 values: {
                   parcelId: prev.id,
                   parcelQuantity: prev.quantity
@@ -5730,7 +5601,7 @@ const OrderChanges = props => {
       {
         var _context3, _context4;
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.deliveryLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.deliveryLabel), {}, {
             values: {
               b: getBoldText,
               delivery: props.change.deliveryId
@@ -5739,7 +5610,7 @@ const OrderChanges = props => {
           nextValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.nextValue.length > 0 ? _mapInstanceProperty__default["default"](_context3 = props.change.nextValue).call(_context3, next => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelInfoLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelInfoLabel), {}, {
                 values: {
                   parcelId: next.id,
                   parcelQuantity: next.quantity
@@ -5750,7 +5621,7 @@ const OrderChanges = props => {
           previousValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.previousValue.length > 0 ? _mapInstanceProperty__default["default"](_context4 = props.change.previousValue).call(_context4, prev => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelInfoLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelInfoLabel), {}, {
                 values: {
                   parcelId: prev.id,
                   parcelQuantity: prev.quantity
@@ -5763,7 +5634,7 @@ const OrderChanges = props => {
     case ResourceChangeInput.UpdateItemShippingAddress:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.addressKeyLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.addressKeyLabel), {}, {
             values: {
               b: getBoldText,
               addressKey: props.change.previousValue.key || props.change.nextValue.key
@@ -5781,7 +5652,7 @@ const OrderChanges = props => {
           nextValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.nextValue?.targets.length > 0 ? props.change.nextValue?.targets.map(target => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.itemShippingAddressLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.itemShippingAddressLabel), {}, {
                 values: target
               }))
             }, `${props?.change?.change}-next-${target.id}-${target.quantity}`)) : jsxRuntime.jsx(NoValueLabel, {})
@@ -5789,7 +5660,7 @@ const OrderChanges = props => {
           previousValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
             scale: "xs",
             children: props.change.previousValue?.targets.length > 0 ? props.change.previousValue?.targets.map(target => jsxRuntime.jsx("div", {
-              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.itemShippingAddressLabel), {}, {
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.itemShippingAddressLabel), {}, {
                 values: target
               }))
             }, `${props?.change?.change}-prev-${target.id}-${target.quantity}`)) : jsxRuntime.jsx(NoValueLabel, {})
@@ -5799,7 +5670,7 @@ const OrderChanges = props => {
     case ResourceChangeInput.SetParcelTrackingData:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelLabel), {}, {
             values: {
               b: getBoldText,
               parcelDate: formatDateTime('datetime', props.change.parcel?.createdAt, {
@@ -5818,7 +5689,7 @@ const OrderChanges = props => {
     case ResourceChangeInput.SetParcelMeasurements:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.parcelLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.parcelLabel), {}, {
             values: {
               b: getBoldText,
               parcelDate: formatDateTime('datetime', props.change.parcel?.createdAt, {
@@ -5840,7 +5711,7 @@ const OrderChanges = props => {
         const value = props.value || props.change.previousValue;
         return jsxRuntime.jsx("div", {
           css: productAttributeValuesStyles,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.removeDeliveryLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.removeDeliveryLabel), {}, {
             values: {
               deliveryDate: value?.createdAt ? formatDateTime('datetime', value?.createdAt, {
                 locale: intl.locale
@@ -5857,7 +5728,7 @@ const OrderChanges = props => {
         const value = props.value || props.change.previousValue;
         return jsxRuntime.jsx("div", {
           css: productAttributeValuesStyles,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.removeParcelLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.removeParcelLabel), {}, {
             values: {
               parcelDate: value?.createdAt ? formatDateTime('datetime', value?.createdAt, {
                 locale: intl.locale
@@ -5870,7 +5741,7 @@ const OrderChanges = props => {
     case ResourceChangeInput.SetDeliveryAddress:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.deliveryLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.deliveryLabel), {}, {
             values: {
               b: getBoldText,
               delivery: props.change.deliveryId
@@ -5907,13 +5778,13 @@ const OrderChanges = props => {
     case ResourceChangeInput.UpdateSyncInfo:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.syncedChannelLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.syncedChannelLabel), {}, {
             values: {
               channel: props.value.channel.key || props.value.channel.id
             }
           })),
           previousValue: props.change.previousValue ? jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.syncedAtLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.syncedAtLabel), {}, {
               values: {
                 syncedAt: formatDateTime('datetime', props.change.previousValue.syncedAt, {
                   locale: intl.locale
@@ -5922,7 +5793,7 @@ const OrderChanges = props => {
             }))
           }) : jsxRuntime.jsx(NoValueLabel, {}),
           nextValue: props.change.nextValue ? jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.syncedAtLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.syncedAtLabel), {}, {
               values: {
                 syncedAt: formatDateTime('datetime', props.change.nextValue.syncedAt, {
                   locale: intl.locale
@@ -5935,7 +5806,7 @@ const OrderChanges = props => {
     case ResourceChangeInput.AddReturnInfo:
       return jsxRuntime.jsx("div", {
         css: productAttributeValuesStyles,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.addReturnLabel), {}, {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.addReturnLabel), {}, {
           values: {
             returnDate: formatDateTime('datetime', props.change.nextValue.returnDate, {
               locale: intl.locale
@@ -5975,18 +5846,18 @@ const OrderChanges = props => {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
           children: [props?.change?.change === 'transitionCustomLineItemState' ? getCustomLineItemLabel(props.change, language, languages) : getLineItemLabel(props.change, language, languages), jsxRuntime.jsx(ComposedChange, {
-            label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.stateLabel), {}, {
+            label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.stateLabel), {}, {
               values: {
                 b: getBoldText,
                 state: stateLabel
               }
             })),
-            nextValue: nextState ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.stateQuantityLabel), {}, {
+            nextValue: nextState ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.stateQuantityLabel), {}, {
               values: {
                 quantity: nextState.quantity
               }
             })) : jsxRuntime.jsx(NoValueLabel, {}),
-            previousValue: prevState ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.stateQuantityLabel), {}, {
+            previousValue: prevState ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.stateQuantityLabel), {}, {
               values: {
                 quantity: prevState.quantity
               }
@@ -6148,7 +6019,7 @@ const OrderChanges = props => {
         scale: "s",
         children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$1k.taxRateLabel)), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$1k.taxRateLabel)), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
             scale: "l",
             children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(TaxRateChange, {
               value: props.value.taxRate
@@ -6156,7 +6027,7 @@ const OrderChanges = props => {
           })]
         }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_({}, messages$1k.taxedPriceLabel)), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$({}, messages$1k.taxedPriceLabel)), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
             scale: "l",
             children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(TaxedPriceChange, {
               value: props.value.taxedPrice
@@ -6195,13 +6066,13 @@ const OrderChanges = props => {
         nextValue: props.change.nextValue ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
           children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.stateQuantityLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.stateQuantityLabel), {}, {
               values: {
                 quantity: props.change.nextValue.quantity
               }
             }))
           }), jsxRuntime.jsx(uiKit.Text.Detail, {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.discountedPriceLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.discountedPriceLabel), {}, {
               values: {
                 discountedPrice: formatMoney(props.change.nextValue.discountedPrice.value, intl)
               }
@@ -6211,13 +6082,13 @@ const OrderChanges = props => {
         previousValue: props.change.previousValue ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
           children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.stateQuantityLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.stateQuantityLabel), {}, {
               values: {
                 quantity: props.change.previousValue.quantity
               }
             }))
           }), jsxRuntime.jsx(uiKit.Text.Detail, {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.discountedPriceLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$1k.discountedPriceLabel), {}, {
               values: {
                 discountedPrice: formatMoney(props.change.previousValue.discountedPrice.value, intl)
               }
@@ -6546,8 +6417,8 @@ const ProductSelectionChanges = props => {
 ProductSelectionChanges.displayName = 'ProductSelectionChanges';
 ProductSelectionChanges.propTypes = {};
 
-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; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$Z(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$Z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$_(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$_(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$_(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ProductTypeChanges = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -6572,7 +6443,7 @@ const ProductTypeChanges = props => {
       {
         return jsxRuntime.jsx("div", {
           css: productAttributeValuesStyles,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeNameLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeNameLabel), {}, {
             values: {
               attributeName: props.change.previousValue?.name
             }
@@ -6583,7 +6454,7 @@ const ProductTypeChanges = props => {
       {
         return jsxRuntime.jsx("div", {
           css: productAttributeValuesStyles,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeNameLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeNameLabel), {}, {
             values: {
               attributeName: props.value.name
             }
@@ -6595,7 +6466,7 @@ const ProductTypeChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6616,7 +6487,7 @@ const ProductTypeChanges = props => {
         }) : props.change.previousValue?.label;
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6633,7 +6504,7 @@ const ProductTypeChanges = props => {
     case ResourceChangeInput.ChangeInputHint:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6647,7 +6518,7 @@ const ProductTypeChanges = props => {
     case ResourceChangeInput.ChangePlainEnumValueLabel:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6660,7 +6531,7 @@ const ProductTypeChanges = props => {
     case ResourceChangeInput.ChangeLocalizedEnumValueLabel:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6700,7 +6571,7 @@ const ProductTypeChanges = props => {
           }));
         }
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$_(_objectSpread$_({}, messages$1k.attributeChangeLabel), {}, {
             values: {
               b: getBoldText,
               attribute: props.change.attributeName
@@ -6756,8 +6627,8 @@ const ProductTypeChanges = props => {
 ProductTypeChanges.displayName = 'ProductTypeChanges';
 ProductTypeChanges.propTypes = {};
 
-function ownKeys$Y(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$Y(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$Y(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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; }
+function _objectSpread$Z(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$Z(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$Z(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getAttributeType = value => {
   if (value.typeId && value.id) {
     return 'reference';
@@ -6791,7 +6662,7 @@ const AttributeChange = props => {
   const hasNextValues = hasValues(props.change.nextValue?.filter(Boolean));
   return jsxRuntime.jsxs("div", {
     css: productAttributeValuesStyles,
-    children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y(_objectSpread$Y({}, messages$1k.variantLabel), {}, {
+    children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.variantLabel), {}, {
       values: {
         b: getBoldText,
         variant: props.change.variant
@@ -6802,7 +6673,7 @@ const AttributeChange = props => {
       const nextValue = getValue$2(v.name, props.change.nextValue?.filter(Boolean));
       return jsxRuntime.jsxs("div", {
         css: productAttributeValuesStyles,
-        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y(_objectSpread$Y({}, messages$1k.attributeLabel), {}, {
+        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Z(_objectSpread$Z({}, messages$1k.attributeLabel), {}, {
           values: {
             b: getBoldText,
             attribute: v.name
@@ -6868,8 +6739,8 @@ const AttributeChange = props => {
 AttributeChange.displayName = 'AttributeChange';
 AttributeChange.propTypes = {};
 
-function ownKeys$X(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(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$X(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$X(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$Y(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$Y(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$Y(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getPriceAttribute = attribute => {
   if (_includesInstanceProperty__default["default"](attribute).call(attribute, 'customerGroup')) return 'customerGroup';
   if (_includesInstanceProperty__default["default"](attribute).call(attribute, 'custom')) return 'custom';
@@ -6904,12 +6775,12 @@ function renderAttribute(changedAttribute, value, intl) {
     scale: "s",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       scale: "xs",
-      children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X({}, messages$1k.customTypeLabel)), value.custom ? jsxRuntime.jsx("span", {
+      children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$1k.customTypeLabel)), value.custom ? jsxRuntime.jsx("span", {
         children: _JSON$stringify__default["default"](value.custom.type.id, null, 2)
       }) : jsxRuntime.jsx(NoValueLabel, {})]
     }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       scale: "xs",
-      children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X({}, messages$1k.customFieldsLabel)), value.custom ? jsxRuntime.jsx("span", {
+      children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y({}, messages$1k.customFieldsLabel)), value.custom ? jsxRuntime.jsx("span", {
         children: _JSON$stringify__default["default"](value.custom.fields, null, 2)
       }) : jsxRuntime.jsx(NoValueLabel, {})]
     })]
@@ -6917,7 +6788,7 @@ function renderAttribute(changedAttribute, value, intl) {
   if (_includesInstanceProperty__default["default"](changedAttribute).call(changedAttribute, 'tiers')) return value.tiers ? jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "s",
     children: _mapInstanceProperty__default["default"](_context = value.tiers).call(_context, tier => jsxRuntime.jsx("div", {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X(_objectSpread$X({}, messages$1k.priceTierLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Y(_objectSpread$Y({}, messages$1k.priceTierLabel), {}, {
         values: {
           price: formatMoney(tier.value, intl),
           quantity: tier.minimumQuantity
@@ -6945,14 +6816,14 @@ PriceChangeAttributes.displayName = 'PriceChangeAttributes';
 PriceChangeAttributes.propTypes = {};
 var PriceChangeAttributes$1 = reactIntl.injectIntl(PriceChangeAttributes);
 
-function ownKeys$W(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$W(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$W(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$X(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(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$X(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$X(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const VariantAvailabilityChange = props => {
   var _context;
   return jsxRuntime.jsxs("div", {
     css: productAttributeValuesStyles,
     children: [props.value.availableQuantity !== undefined && jsxRuntime.jsx("div", {
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$W(_objectSpread$W({}, messages$1k.variantAvailabilityLabel), {}, {
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X(_objectSpread$X({}, messages$1k.variantAvailabilityLabel), {}, {
         values: {
           isOnStock: _JSON$stringify__default["default"](props.value.isOnStock),
           availableQuantity: props.value.availableQuantity,
@@ -6965,14 +6836,14 @@ const VariantAvailabilityChange = props => {
         channelInfo = _ref2[1];
       return jsxRuntime.jsxs(react.Fragment, {
         children: [jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$W(_objectSpread$W({}, messages$1k.channelLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X(_objectSpread$X({}, messages$1k.channelLabel), {}, {
             values: {
               channel: channelId
             }
           }))
         }), jsxRuntime.jsx("div", {
           css: productAttributeValuesStyles,
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$W(_objectSpread$W({}, messages$1k.variantAvailabilityLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$X(_objectSpread$X({}, messages$1k.variantAvailabilityLabel), {}, {
             values: {
               isOnStock: _JSON$stringify__default["default"](channelInfo.isOnStock),
               availableQuantity: channelInfo.availableQuantity,
@@ -7114,13 +6985,13 @@ const counterStyles = /*#__PURE__*/react$1.css("background:", designSystem.desig
 
 const _excluded$c = ["children"],
   _excluded2$1 = ["url", "size"];
-function ownKeys$V(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$V(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$V(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$W(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var _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; }
 var NoImageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJOb0ltYWdlSWNvbi1wYXRoLTEiIGQ9Ik0wIDBoNjZ2NjZIMHoiLz48L2RlZnM+PGcgaWQ9Ik5vSW1hZ2VJY29uLUFMTC1jb21wb25lbnRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iTm9JbWFnZUljb24tU2hhcmVkLS8tSW1hZ2UtY29udGFpbmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzAyIC0yMzIpIj48ZyBpZD0iTm9JbWFnZUljb24tdGh1bWJuYWlsLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwMiAyMzIpIj48bWFzayBpZD0iTm9JbWFnZUljb24tbWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNOb0ltYWdlSWNvbi1wYXRoLTEiLz48L21hc2s+PHVzZSBpZD0iTm9JbWFnZUljb24tTWFzayIgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI05vSW1hZ2VJY29uLXBhdGgtMSIvPjxnIG1hc2s9InVybCgjTm9JbWFnZUljb24tbWFzay0yKSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iTm9JbWFnZUljb24tUGF0aCI+PHBhdGggZD0iTTAgNC4zMTZDMCAxLjkzMiAyLjA5IDAgNC42NjcgMGg2Ny42NjZDNzQuOTExIDAgNzcgMS45MzIgNzcgNC4zMTZ2NTcuMzY4Qzc3IDY0LjA2NyA3NC45MSA2NiA3Mi4zMzMgNjZINC42NjdDMi4wODkgNjYgMCA2NC4wNjcgMCA2MS42ODRWNC4zMTZ6IiBmaWxsPSIjQjRFMUZEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNikiLz48cGF0aCBkPSJNMzUgMTdhNyA3IDAgMTEtMTQgMCA3IDcgMCAwMTE0IDB6IiBmaWxsPSIjRThGM0ZDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNikiLz48cGF0aCBkPSJNMjEuNzc2IDM1LjUzTDAgNjEuMjc2VjY2aDc3VjQ0LjY1NEw2MC4yNDQgMjUuMjE4Yy0xLjQwMS0xLjYyNi00LTEuNjI0LTUuMzk4LjAwNEwzOS40NCA0My4xNWMtMS4zODEgMS42MDctMy45NCAxLjYzMi01LjM1NS4wNTJsLTYuOTM2LTcuNzQ2Yy0xLjQyMi0xLjU4OC0zLjk5Ny0xLjU1My01LjM3Mi4wNzN6IiBmaWxsPSIjRThGNEZDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNikiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+";
 const WrapperComponent = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$c);
-  return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({}, props), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$W(_objectSpread$W({}, props), {}, {
     ref: ref,
     children: children
   }));
@@ -7202,10 +7073,10 @@ const ImageContainer = _ref3 => {
           children: [isLoading && jsxRuntime.jsx(uiKit.LoadingSpinner, {}), !isLoading && jsxRuntime.jsx(AccessibleImage, {
             isSelectable: !!props.onClick,
             label: props.label || '',
-            children: jsxRuntime.jsx(Image, _objectSpread$V(_objectSpread$V({
+            children: jsxRuntime.jsx(Image, _objectSpread$W(_objectSpread$W({
               css: imageStyles,
               className: props.imageClassName
-            }, omit__default["default"](_objectSpread$V({
+            }, omit__default["default"](_objectSpread$W({
               url,
               size
             }, props), ['counter'])), {}, {
@@ -7225,8 +7096,8 @@ ImageContainer.displayName = 'ImageContainer';
 ImageContainer.propTypes = {};
 
 const _excluded$b = ["typeId", "id"];
-function ownKeys$U(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$U(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$U(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$V(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$V(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$V(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ProductChanges = props => {
   const intl = reactIntl.useIntl();
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
@@ -7254,7 +7125,7 @@ const ProductChanges = props => {
       return props.value && _Object$keys__default["default"](props.value).length > 0 ? map__default["default"](props.value, (value, key) => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xs",
         children: [jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.categoryOrderHintReferenceLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.categoryOrderHintReferenceLabel), {}, {
             values: {
               category: value.name ? localize({
                 obj: value,
@@ -7265,7 +7136,7 @@ const ProductChanges = props => {
             }
           }))
         }), jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.categoryOrderHintNumberLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.categoryOrderHintNumberLabel), {}, {
             values: {
               orderHint: value.orderHint
             }
@@ -7287,7 +7158,7 @@ const ProductChanges = props => {
         const priceDiff = getPropertyDifferences(props.change.previousValue, props.change.nextValue);
         const changedAttributes = _Object$keys__default["default"](priceDiff);
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
             values: {
               b: getBoldText,
               variant: props.change.variant
@@ -7316,7 +7187,7 @@ const ProductChanges = props => {
         const value = props.value || props.change.previousValue;
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
             values: {
               b: getBoldText,
               variant: props.change.variant
@@ -7362,7 +7233,7 @@ const ProductChanges = props => {
         });
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
             values: {
               b: getBoldText,
               variant: props.change.variant
@@ -7382,7 +7253,7 @@ const ProductChanges = props => {
     case ResourceChangeInput.SetAssetCustomType:
       return jsxRuntime.jsxs("div", {
         css: productAttributeValuesStyles,
-        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
           values: {
             b: getBoldText,
             variant: props.change.variant
@@ -7395,7 +7266,7 @@ const ProductChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantCatalogDataLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantCatalogDataLabel), {}, {
             values: {
               i: getItalicText,
               b: getBoldText,
@@ -7409,7 +7280,7 @@ const ProductChanges = props => {
               children: [jsxRuntime.jsx("span", {
                 children: formatMoney(props.value.value, intl)
               }), jsxRuntime.jsx("span", {
-                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.productDiscountLabel), {}, {
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.productDiscountLabel), {}, {
                   values: {
                     productDiscount: props.value.discount?.name ? localize({
                       obj: props.value.discount,
@@ -7434,7 +7305,7 @@ const ProductChanges = props => {
         const removedImages = props.value && props.value[0] || props.change.previousValue && props.change.previousValue[0];
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
             values: {
               b: getBoldText,
               variant: props.change.variant
@@ -7446,13 +7317,13 @@ const ProductChanges = props => {
               size: "thumb",
               withHover: true
             }, image.url))
-          }) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U({}, messages$1k.noImages))]
+          }) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V({}, messages$1k.noImages))]
         });
       }
     case ResourceChangeInput.MoveImageToPosition:
       {
         var _context3;
-        if (props.value.length === 0) return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U({}, messages$1k.noImages));
+        if (props.value.length === 0) return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V({}, messages$1k.noImages));
         return jsxRuntime.jsx(uiKit.Spacings.Inline, {
           scale: "xs",
           children: _mapInstanceProperty__default["default"](_context3 = props.value).call(_context3, image => jsxRuntime.jsx(ImageContainer, {
@@ -7484,7 +7355,7 @@ const ProductChanges = props => {
     case ResourceChangeInput.SetVariantAvailability:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantCatalogDataLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantCatalogDataLabel), {}, {
             values: {
               i: getItalicText,
               b: getBoldText,
@@ -7521,7 +7392,7 @@ const ProductChanges = props => {
         const value = props.change.nextValue || props.change.previousValue;
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.variantLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.variantLabel), {}, {
             values: {
               b: getBoldText,
               variant: props.change.variant
@@ -7561,7 +7432,7 @@ const ProductChanges = props => {
         return props.value ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
           children: [jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.averageRatingLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.averageRatingLabel), {}, {
               values: {
                 averageRating: props.value.averageRating,
                 highestRating: props.value.highestRating,
@@ -7569,7 +7440,7 @@ const ProductChanges = props => {
               }
             }))
           }), jsxRuntime.jsx("div", {
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.numberOfReviewsLabel), {}, {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$V(_objectSpread$V({}, messages$1k.numberOfReviewsLabel), {}, {
               values: {
                 count: props.value.count
               }
@@ -7884,8 +7755,8 @@ ReviewChanges.displayName = 'ReviewChanges';
 ReviewChanges.propTypes = {};
 
 const _excluded$9 = ["typeId", "id"];
-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; }
-function _objectSpread$T(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$T(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$T(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$U(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var _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; }
 const ShoppingListChanges = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -7908,7 +7779,7 @@ const ShoppingListChanges = props => {
         });
       }
     case ResourceChangeInput.SetDeleteDaysAfterLastModification:
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T(_objectSpread$T({}, messages$1k.setRestockableInDaysLabel), {}, {
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.setRestockableInDaysLabel), {}, {
         values: {
           day: props.value
         }
@@ -7933,7 +7804,7 @@ const ShoppingListChanges = props => {
     case ResourceChangeInput.ChangeTextLineItemName:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T(_objectSpread$T({}, messages$1k.textLineItemLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, messages$1k.textLineItemLabel), {}, {
             values: {
               b: getBoldText,
               item: localize({
@@ -7962,7 +7833,7 @@ const ShoppingListChanges = props => {
     case ResourceChangeInput.ChangeTextLineItemQuantity:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T(_objectSpread$T({}, props.change.change === 'changeTextLineItemQuantity' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, props.change.change === 'changeTextLineItemQuantity' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
             values: {
               b: getBoldText,
               item: localize({
@@ -8000,7 +7871,7 @@ const ShoppingListChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T(_objectSpread$T({}, props.change.change === 'setTextLineItemCustomField' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, props.change.change === 'setTextLineItemCustomField' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
             values: {
               b: getBoldText,
               item: localize({
@@ -8012,7 +7883,7 @@ const ShoppingListChanges = props => {
               variant: props.change.lineItem?.variantId
             }
           })), jsxRuntime.jsx(CustomFieldChange, {
-            change: _objectSpread$T(_objectSpread$T({}, props.change), {}, {
+            change: _objectSpread$U(_objectSpread$U({}, props.change), {}, {
               name: props.change.name || props.change.fieldName
             })
           })]
@@ -8023,7 +7894,7 @@ const ShoppingListChanges = props => {
       {
         const item = props.change.textLineItem?.name ? props.change.textLineItem : props.change.lineItem;
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T(_objectSpread$T({}, props.change.change === 'setTextLineItemCustomType' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$U(_objectSpread$U({}, props.change.change === 'setTextLineItemCustomType' ? messages$1k.textLineItemLabel : messages$1k.lineItemLabel), {}, {
             values: {
               b: getBoldText,
               item: localize({
@@ -8224,13 +8095,13 @@ const StoreChanges = _ref => {
 StoreChanges.displayName = 'StoreChanges';
 StoreChanges.propTypes = {};
 
-function ownKeys$S(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(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$S(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$S(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const ResourceTypeCell = props => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$S({}, getEntityTypeNameMessage(props.resourceType)));
+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; }
+function _objectSpread$T(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$T(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$T(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ResourceTypeCell = props => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$T({}, getEntityTypeNameMessage(props.resourceType)));
 ResourceTypeCell.displayName = 'ResourceTypeCell';
 
-function ownKeys$R(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(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$R(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$R(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$S(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(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$S(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$S(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const SubscriptionChanges = props => {
   var _context, _context2;
   switch (props.change.change) {
@@ -8241,7 +8112,7 @@ const SubscriptionChanges = props => {
     case SUBSCRIPTION_CHANGE_TYPE_NAME.ADD_TRIGGERS:
       return jsxRuntime.jsxs("div", {
         css: productAttributeValuesStyles,
-        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.subscriptionToLabel), {}, {
+        children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$S(_objectSpread$S({}, messages$1k.subscriptionToLabel), {}, {
           values: {
             resourceType: jsxRuntime.jsx(ResourceTypeCell, {
               resourceType: props.value.resourceTypeId
@@ -8302,8 +8173,8 @@ const TaxCategoryChanges = props => {
 TaxCategoryChanges.displayName = 'TaxCategoryChanges';
 TaxCategoryChanges.propTypes = {};
 
-function ownKeys$Q(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(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$Q(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$Q(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$R(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(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$R(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$R(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const TypeChanges = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale,
@@ -8328,7 +8199,7 @@ const TypeChanges = props => {
       {
         return jsxRuntime.jsxs("div", {
           css: productAttributeValuesStyles,
-          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.fieldChangeLabel), {}, {
+          children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.fieldChangeLabel), {}, {
             values: {
               b: getBoldText,
               fieldName: props.change.fieldName
@@ -8336,7 +8207,7 @@ const TypeChanges = props => {
           })), jsxRuntime.jsx("div", {
             css: productAttributeValuesStyles,
             children: props.change.change === 'addLocalizedEnumValue' ? localize({
-              obj: _objectSpread$Q({}, props.change.nextValue),
+              obj: _objectSpread$R({}, props.change.nextValue),
               key: 'label',
               language: language,
               fallbackOrder: languages
@@ -8347,7 +8218,7 @@ const TypeChanges = props => {
     case ResourceChangeInput.ChangeEnumValueLabel:
     case ResourceChangeInput.ChangeInputHint:
       return jsxRuntime.jsx(ComposedChange, {
-        label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.fieldChangeLabel), {}, {
+        label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.fieldChangeLabel), {}, {
           values: {
             b: getBoldText,
             fieldName: props.change.fieldName
@@ -8359,7 +8230,7 @@ const TypeChanges = props => {
     case ResourceChangeInput.ChangeLocalizedEnumValueLabel:
       {
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.fieldChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.fieldChangeLabel), {}, {
             values: {
               b: getBoldText,
               fieldName: props.change.fieldName
@@ -8379,13 +8250,13 @@ const TypeChanges = props => {
       return jsxRuntime.jsxs("div", {
         css: productAttributeValuesStyles,
         children: [jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.definitionTypeLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.definitionTypeLabel), {}, {
             values: {
               type: props.value.type.name
             }
           }))
         }), jsxRuntime.jsx("div", {
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.definitionNameLabel), {}, {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.definitionNameLabel), {}, {
             values: {
               name: props.value.name
             }
@@ -8456,7 +8327,7 @@ const TypeChanges = props => {
           })) || [];
         }
         return jsxRuntime.jsx(ComposedChange, {
-          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q(_objectSpread$Q({}, messages$1k.fieldChangeLabel), {}, {
+          label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$R(_objectSpread$R({}, messages$1k.fieldChangeLabel), {}, {
             values: {
               b: getBoldText,
               fieldName: props.change.fieldName
@@ -8509,8 +8380,8 @@ const ZoneChanges = props => {
 ZoneChanges.displayName = 'ZoneChanges';
 ZoneChanges.propTypes = {};
 
-function ownKeys$P(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$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; }
+function ownKeys$Q(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(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$Q(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$Q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const GetChangesColumn = props => {
   const resourceType = props.resourceType,
     change = props.change,
@@ -8526,57 +8397,57 @@ const GetChangesColumn = props => {
   }
   switch (resourceType) {
     case RESOURCE_TYPE_NAME.ASSOCIATE_ROLE:
-      return jsxRuntime.jsx(AssociateRoleChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(AssociateRoleChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.CART_DISCOUNT:
     case RESOURCE_TYPE_NAME.DISCOUNT_CODE:
     case RESOURCE_TYPE_NAME.PRODUCT_DISCOUNT:
-      return jsxRuntime.jsx(DiscountChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(DiscountChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.BUSINESS_UNIT:
-      return jsxRuntime.jsx(BusinessUnitChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(BusinessUnitChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.CATEGORY:
-      return jsxRuntime.jsx(CategoryChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(CategoryChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.CHANNEL:
-      return jsxRuntime.jsx(ChannelChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ChannelChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.CUSTOMER_GROUP:
     case RESOURCE_TYPE_NAME.CUSTOMER:
-      return jsxRuntime.jsx(CustomerChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(CustomerChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.EXTENSION:
     case RESOURCE_TYPE_NAME.SUBSCRIPTION:
-      return jsxRuntime.jsx(SubscriptionChanges$1, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(SubscriptionChanges$1, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.INVENTORY_ENTRY:
-      return jsxRuntime.jsx(InventoryEntryChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(InventoryEntryChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.CUSTOM_OBJECT:
-      return jsxRuntime.jsx(CustomObjectChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(CustomObjectChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.ORDER:
-      return jsxRuntime.jsx(OrderChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(OrderChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.PAYMENT:
-      return jsxRuntime.jsx(PaymentChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(PaymentChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.PRODUCT:
-      return jsxRuntime.jsx(ProductChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ProductChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.PRODUCT_SELECTION:
-      return jsxRuntime.jsx(ProductSelectionChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ProductSelectionChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.PRODUCT_TYPE:
-      return jsxRuntime.jsx(ProductTypeChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ProductTypeChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.QUOTE:
-      return jsxRuntime.jsx(QuoteChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(QuoteChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.QUOTE_REQUEST:
-      return jsxRuntime.jsx(QuoteRequestChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(QuoteRequestChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.STAGED_QUOTE:
-      return jsxRuntime.jsx(StagedQuoteChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(StagedQuoteChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.REVIEW:
-      return jsxRuntime.jsx(ReviewChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ReviewChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.SHOPPING_LIST:
-      return jsxRuntime.jsx(ShoppingListChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ShoppingListChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.STATE:
-      return jsxRuntime.jsx(StateChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(StateChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.STORE:
-      return jsxRuntime.jsx(StoreChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(StoreChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.TAX_CATEGORY:
-      return jsxRuntime.jsx(TaxCategoryChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(TaxCategoryChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.TYPE:
-      return jsxRuntime.jsx(TypeChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(TypeChanges, _objectSpread$Q({}, props));
     case RESOURCE_TYPE_NAME.ZONE:
-      return jsxRuntime.jsx(ZoneChanges, _objectSpread$P({}, props));
+      return jsxRuntime.jsx(ZoneChanges, _objectSpread$Q({}, props));
     default:
       console.error('Unsupported resource type');
       return jsxRuntime.jsx(jsxRuntime.Fragment, {});
@@ -8866,15 +8737,15 @@ const getEntityTypeNameMessage = resourceType => {
   return message || messages$S.undefinedType;
 };
 
-function ownKeys$O(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(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$O(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$O(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$P(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$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; }
 const mapLocalizedValue = (propAllLocales, language, languages) => {
   if (!propAllLocales) return;
   const localizedField = {
     field: _reduceInstanceProperty__default["default"](propAllLocales).call(propAllLocales, (localized, _ref) => {
       let locale = _ref.locale,
         value = _ref.value;
-      return _objectSpread$O(_objectSpread$O({}, localized), {}, {
+      return _objectSpread$P(_objectSpread$P({}, localized), {}, {
         [locale]: value
       });
     }, {})
@@ -9528,8 +9399,8 @@ var messages$M = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$N(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$N(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$N(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$O(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(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$O(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$O(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapChannelToPreview = _ref => {
   let channel = _ref.resource,
     intl = _ref.intl,
@@ -9550,7 +9421,7 @@ const mapChannelToPreview = _ref => {
   }, {
     fieldName: intl.formatMessage(messages$M.rolesLabel),
     fieldValue: channel.roles
-  }, _objectSpread$N({}, channel.address || channel.geoLocation ? {
+  }, _objectSpread$O({}, channel.address || channel.geoLocation ? {
     fieldName: 'address',
     fieldValue: [{
       fieldName: intl.formatMessage(messages$M.streetNameLabel),
@@ -9998,8 +9869,8 @@ var messages$G = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$M(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(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$M(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$M(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$N(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$N(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$N(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapOrderToPreview = _ref => {
   var _context, _context2;
   let order = _ref.resource,
@@ -10050,7 +9921,7 @@ const mapOrderToPreview = _ref => {
     fieldValue: order.orderState
   }, {
     fieldName: 'lineItems',
-    fieldValue: _mapInstanceProperty__default["default"](_context = order.lineItems).call(_context, lItem => _objectSpread$M(_objectSpread$M({}, lItem), {}, {
+    fieldValue: _mapInstanceProperty__default["default"](_context = order.lineItems).call(_context, lItem => _objectSpread$N(_objectSpread$N({}, lItem), {}, {
       name: mapLocalizedValue(lItem.nameAllLocales, language, languages),
       price: formatMoney(lItem.price.value, intl),
       totalPrice: formatMoney(lItem.totalPrice, intl),
@@ -10059,7 +9930,7 @@ const mapOrderToPreview = _ref => {
     }))
   }, {
     fieldName: 'customLineItems',
-    fieldValue: _mapInstanceProperty__default["default"](_context2 = order.customLineItems).call(_context2, clItem => _objectSpread$M(_objectSpread$M({}, clItem), {}, {
+    fieldValue: _mapInstanceProperty__default["default"](_context2 = order.customLineItems).call(_context2, clItem => _objectSpread$N(_objectSpread$N({}, clItem), {}, {
       name: mapLocalizedValue(clItem.nameAllLocales, language, languages) || clItem.slug,
       totalPrice: formatMoney(clItem.totalPrice, intl)
     }))
@@ -10129,8 +10000,8 @@ var messages$F = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$L(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$L(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$L(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$M(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(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$M(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$M(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapPaymentToPreview = _ref => {
   var _context;
   let payment = _ref.resource,
@@ -10175,7 +10046,7 @@ const mapPaymentToPreview = _ref => {
     fieldValue: mapLocalizedValue(payment.paymentStatus?.state?.nameAllLocales, language, languages) || payment.paymentStatus?.state?.key
   }, {
     fieldName: 'transactions',
-    fieldValue: _mapInstanceProperty__default["default"](_context = payment.transactions).call(_context, transaction => _objectSpread$L(_objectSpread$L({}, transaction), {}, {
+    fieldValue: _mapInstanceProperty__default["default"](_context = payment.transactions).call(_context, transaction => _objectSpread$M(_objectSpread$M({}, transaction), {}, {
       amount: transaction.amount && formatMoney(transaction.amount, intl),
       timestamp: formatDateTime('datetime', transaction.timestamp)
     }))
@@ -10868,8 +10739,8 @@ var messages$y = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$K(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(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$K(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$K(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$L(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$L(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$L(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapShoppingListToPreview = _ref => {
   var _context, _context2;
   let shoppingList = _ref.resource,
@@ -10899,14 +10770,14 @@ const mapShoppingListToPreview = _ref => {
     fieldValue: shoppingList.anonymousId
   }, {
     fieldName: 'lineItems',
-    fieldValue: _mapInstanceProperty__default["default"](_context = shoppingList.lineItems).call(_context, lItem => _objectSpread$K(_objectSpread$K({}, lItem), {}, {
+    fieldValue: _mapInstanceProperty__default["default"](_context = shoppingList.lineItems).call(_context, lItem => _objectSpread$L(_objectSpread$L({}, lItem), {}, {
       name: mapLocalizedValue(lItem.nameAllLocales, language, languages),
       variantId: lItem.variant?.id,
       variantSku: lItem.variant?.sku
     }))
   }, {
     fieldName: 'textLineItems',
-    fieldValue: _mapInstanceProperty__default["default"](_context2 = shoppingList.textLineItems).call(_context2, tlItem => _objectSpread$K(_objectSpread$K({}, tlItem), {}, {
+    fieldValue: _mapInstanceProperty__default["default"](_context2 = shoppingList.textLineItems).call(_context2, tlItem => _objectSpread$L(_objectSpread$L({}, tlItem), {}, {
       name: mapLocalizedValue(tlItem.nameAllLocales, language, languages),
       description: mapLocalizedValue(tlItem.descriptionAllLocales, language, languages)
     }))
@@ -11121,8 +10992,8 @@ var messages$v = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$J(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$J(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$K(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(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$K(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$K(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const mapTaxCategoryToPreview = _ref => {
   var _context;
   let taxCategory = _ref.resource,
@@ -11143,7 +11014,7 @@ const mapTaxCategoryToPreview = _ref => {
     fieldName: 'rates',
     fieldValue: _mapInstanceProperty__default["default"](_context = taxCategory.rates).call(_context, rate => {
       var _context2;
-      return _objectSpread$J(_objectSpread$J({}, rate), {}, {
+      return _objectSpread$K(_objectSpread$K({}, rate), {}, {
         state: rate.state || jsxRuntime.jsx(NoValueFallback, {}),
         includedInPrice: intl.formatMessage(rate.includedInPrice ? messages$v.includedInPriceTrueLabel : messages$v.includedInPriceFalseLabel),
         subRates: rate.subRates.length > 0 ? _mapInstanceProperty__default["default"](_context2 = rate.subRates).call(_context2, _ref2 => {
@@ -12735,6 +12606,111 @@ const useRoutes = () => {
   return routes;
 };
 
+// https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa#Unicode_strings
+//
+// Escape any extended characters so that the string we
+// actually encode is an ASCII representation of the original.
+// This is to avoid the `InvalidCharacterError`.
+function stringToBase64(value) {
+  let encoded = '';
+  try {
+    encoded = btoa(decodeURIComponent(encodeURIComponent(value)));
+  } catch (e) {
+    /* noop */
+  }
+  return encoded;
+}
+function base64ToString(value) {
+  let decoded;
+  try {
+    decoded = decodeURIComponent(encodeURIComponent(atob(value)));
+  } catch (e) {
+    /* noop */
+  }
+  // @ts-ignore
+  return decoded;
+}
+
+const encode = value => stringToBase64(_JSON$stringify__default["default"](value));
+const decode = value => {
+  if (value === null || value === '') {
+    return null;
+  }
+  try {
+    const decodedValue = base64ToString(value);
+    return decodedValue ? JSON.parse(decodedValue) : null;
+  } catch (error) {
+    throw new Error(`Error decoding value: ${value}`);
+  }
+};
+
+function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(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$J(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const defaultOptions = {
+  storageType: 'local',
+  segregateByUser: true,
+  segregateByProject: true
+};
+const getStorage = storageType => storageType === 'session' ? sessionStorage : localStorage;
+const isNil = value => typeof value === 'undefined' || value === null;
+const useStorage = (storageKey, initialStorageValue, options) => {
+  var _context;
+  const mergedOptions = _objectSpread$J(_objectSpread$J({}, defaultOptions), options);
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      userId: context.user?.id,
+      projectKey: context.project?.key
+    })),
+    userId = _useApplicationContex.userId,
+    projectKey = _useApplicationContex.projectKey;
+  const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, mergedOptions.segregateByProject && projectKey, storageKey]).call(_context, Boolean).join('/');
+  const removeFromStorage = react.useCallback(() => {
+    getStorage(mergedOptions.storageType).removeItem(scopedStorageKey);
+  }, [mergedOptions.storageType, scopedStorageKey]);
+  const readFromStorage = react.useCallback(() => {
+    const encodedStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
+    const storageValue = encodedStorageValue ? decode(encodedStorageValue) : null;
+    /**
+     * NOTE:
+     *    We prior wrote `undefined` or `null` to storage which when written
+     *    to storage via `setItem` results in `"undefined"` or `"null"`
+     *    being written polluting the storage.
+     */
+    if (storageValue === 'undefined' || storageValue === 'null') {
+      removeFromStorage();
+      return null;
+    }
+    return storageValue;
+  }, [mergedOptions.storageType, removeFromStorage, scopedStorageKey]);
+  const initializeStorageValue = () => {
+    // default the storage value to the initial value, but only when a stored value exists
+    return readFromStorage() ?? initialStorageValue ?? null;
+  };
+  const _useState = react.useState(initializeStorageValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    storageValue = _useState2[0],
+    setStorageValue = _useState2[1];
+  const writeToStorage = react.useCallback(nextStorageValue => {
+    if (nextStorageValue) {
+      getStorage(mergedOptions.storageType).setItem(scopedStorageKey, nextStorageValue ? encode(nextStorageValue) : '');
+    } else {
+      removeFromStorage();
+    }
+    setStorageValue(nextStorageValue);
+  }, [mergedOptions.storageType, removeFromStorage, scopedStorageKey]);
+
+  // set the initial storage value in the storage. The reason why this is not
+  // done in initializeStorageValue is the state initializer function should
+  // be pure.
+  // https://beta.reactjs.org/apis/react/useState#my-initializer-or-updater-function-runs-twice
+  react.useEffect(() => {
+    if (isNil(readFromStorage()) && !isNil(initialStorageValue) && storageValue !== initialStorageValue) {
+      getStorage(mergedOptions.storageType).setItem(scopedStorageKey, encode(initialStorageValue));
+      setStorageValue(initialStorageValue);
+    }
+  }, []);
+  return [storageValue, writeToStorage, readFromStorage];
+};
+
 const toPermission = (permission, resourceName) => camelCase__default["default"](`can ${permission} ${resourceName}`);
 const createComposePath = resourceName => permission =>
 // e.g applicationContext.dataFences?.store?.orders?.canViewOrders?.values
@@ -12840,60 +12816,97 @@ const useVersionTier = () => {
   };
 };
 
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[_Symbol$toPrimitive__default["default"]]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
-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; }
+function _objectSpread$H(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$H(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$H(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+// NOTE: The `version` can be updated to bust existing search queries in case of conflicting migrations.
+const VERSION_KEY = '__version';
+const SAVED_SEARCH_VERSION = 2;
+const augmentWithVersion = searchQuery => _objectSpread$H({
+  [VERSION_KEY]: SAVED_SEARCH_VERSION
+}, searchQuery);
+const omitVersion = searchQuery => {
+  var _context;
+  searchQuery[VERSION_KEY];
+    const searchQueryNoVersion = _objectWithoutProperties(searchQuery, _mapInstanceProperty__default["default"](_context = [VERSION_KEY]).call(_context, _toPropertyKey));
+  return searchQueryNoVersion;
+};
+
+// This will get rid of any filters that may have been deprecated at some point
+const omitUnknownFilters = searchQuery => _objectSpread$H(_objectSpread$H({}, searchQuery), searchQuery?.filters && {
+  filters: _objectSpread$H(_objectSpread$H({}, pickBy__default["default"](searchQuery.filters, (_value, key) => {
+    var _context2;
+    return _includesInstanceProperty__default["default"](_context2 = _Object$values__default["default"](FILTER_OPTION_KEYS)).call(_context2, key);
+  })), {}, {
+    [FILTER_OPTION_KEYS.DATE_RANGE]: searchQuery.filters[FILTER_OPTION_KEYS.DATE_RANGE] || []
+  })
+});
+const isStoredSearchQueryInvalid = storedSearchQuery => {
+  if (!storedSearchQuery) {
+    return false;
+  }
+  return !storedSearchQuery.__version || storedSearchQuery.__version !== SAVED_SEARCH_VERSION;
+};
 const useSearchViewRouterStateSearch = _ref => {
-  let initialSearchQuery = _ref.initialSearchQuery,
-    storageSlice = _ref.storageSlice;
+  let storageSlice = _ref.storageSlice,
+    initialSearchQuery = _ref.initialSearchQuery;
   const location = reactRouterDom.useLocation();
   const history = reactRouterDom.useHistory();
+  const _useStorage = useStorage(storageSlice, augmentWithVersion(initialSearchQuery)),
+    _useStorage2 = _slicedToArray(_useStorage, 2),
+    storedSearchQuery = _useStorage2[0],
+    setStoredSearchQuery = _useStorage2[1];
+  const locationHasSearchQuery = () => !!location.state?.search;
+  const updateHistory = nextSearchQuery => {
+    const encodedNextSearchQuery = nextSearchQuery ? encode(nextSearchQuery) : null;
+    if (encodedNextSearchQuery !== location.state?.search) {
+      history.replace(location.pathname, _objectSpread$H(_objectSpread$H({}, location.state), {}, {
+        search: encodedNextSearchQuery
+      }));
+    }
+  };
+  const setSearchQuery = nextSearchQuery => {
+    setStoredSearchQuery(nextSearchQuery ? augmentWithVersion(nextSearchQuery) : null);
+    updateHistory(nextSearchQuery);
+  };
+  const resetSearchQuery = () => {
+    setStoredSearchQuery(null);
+    updateHistory(initialSearchQuery);
+  };
   const getSearchQuery = () => {
-    let searchQuery;
+    let currentSearchQuery = null;
+    let isReset = false;
     try {
-      const storedSearchQuery = getFromStorage(storageSlice);
-      if (!location.state && !storedSearchQuery) {
-        return initialSearchQuery;
+      if (locationHasSearchQuery()) {
+        currentSearchQuery = decode(location.state.search);
+      } else {
+        currentSearchQuery = storedSearchQuery ? omitVersion(storedSearchQuery) : storedSearchQuery;
       }
-      // NOTE: We do not augment the version to what's read from the url
-      // as it should contain none (prior to the addition) or a version.
-      // This allows us to bust the cached search query.
-      searchQuery = location.state?.search ? decode(location.state.search) : storedSearchQuery;
     } catch (e) {
-      searchQuery = augmentWithVersion(initialSearchQuery);
-
-      /**
-       * NOTE:
-       *   This error is not really severe but worth tracking for visibility.
-       *   The user likely tampered with the URL directly.
-       *   To have some insights we add as `extraInfo` the `storageSlice`
-       *   which contains the view (e.g. discounts-list) and `projectKey`. Moreover, we add the
-       *   `rawQuery` which is the base64 encoded version to debug the problem.
-       */
-      sentry.reportErrorToSentry(new Error('SearchViewRouterQuery: failed to parse from the url. Defaulting to initial query.'), {
+      sentry.reportErrorToSentry(new Error('SearchViewRouterQuery: failed to parse stored search query. Defaulting to initial query.'), {
         extra: {
-          storageSlice: storageSlice,
           rawQuery: location.state?.search,
           version: SAVED_SEARCH_VERSION
         }
       });
+      isReset = true;
     }
-    // NOTE: At this point we read the search query successfully or fell back to the initial
-    // version. Now we compare versions to ensure having control over busting the cached query.
-    if (!matchesVersion(searchQuery, SAVED_SEARCH_VERSION)) {
-      searchQuery = initialSearchQuery;
+    if (!locationHasSearchQuery()) {
+      if (isStoredSearchQueryInvalid(storedSearchQuery)) {
+        // No history and no valid stored search, so let's reset to initial value
+        isReset = true;
+      } else {
+        // No history but valid stored search, so let's add it to history
+        updateHistory(currentSearchQuery);
+      }
     }
-    searchQuery = omitUnknownFilters(searchQuery);
-
-    // NOTE: In this case everything worked fine and we can restore.
-    return omitVersion(_objectSpread$H(_objectSpread$H({}, initialSearchQuery), searchQuery));
-  };
-  const setSearchQuery = nextSearchQuery => {
-    if (storageSlice) {
-      putToStorage(storageSlice, augmentWithVersion(nextSearchQuery));
+    if (isReset) {
+      currentSearchQuery = initialSearchQuery;
+      resetSearchQuery();
     }
-    history.replace(location.pathname, {
-      search: encode(augmentWithVersion(nextSearchQuery))
-    });
+    let filteredSearchQuery = currentSearchQuery ? omitUnknownFilters(omitVersion(currentSearchQuery)) : null;
+    return filteredSearchQuery;
   };
   return {
     searchQuery: getSearchQuery(),
@@ -19124,10 +19137,7 @@ SearchView.propTypes = {};
 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; }
 function _objectSpread$c(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$c(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$c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const SearchViewRouterStateContainer = props => {
-  const children = props.children,
-    storageSlice = props.storageSlice;
-  const location = reactRouterDom.useLocation();
-  const history = reactRouterDom.useHistory();
+  const children = props.children;
   const canViewBusinessUnits = permissions.useIsAuthorized({
     demandedPermissions: [PERMISSIONS.ViewBusinessUnits]
   });
@@ -19137,84 +19147,12 @@ const SearchViewRouterStateContainer = props => {
     inContextEntity: props.inContextEntity,
     canViewBusinessUnits: Boolean(canViewBusinessUnits)
   });
-  const _useState = react.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchQuery = _useState2[0],
-    setSearchQuery = _useState2[1];
-  const restoreSearchOptions = react.useCallback(() => {
-    if (!storageSlice || !hasStorage(storageSlice)) return null;
-    let storedSearchQuery;
-    let resetSearchQuery = false;
-    try {
-      storedSearchQuery = getFromStorage(storageSlice);
-      if (!storedSearchQuery) {
-        return null;
-      }
-      if (!matchesVersion(storedSearchQuery, SAVED_SEARCH_VERSION)) {
-        resetSearchQuery = true;
-      } else {
-        setSearchQuery(storedSearchQuery);
-      }
-    } catch (e) {
-      resetSearchQuery = true;
-      sentry.reportErrorToSentry(new Error('SearchViewRouterContainer: failed to restore and parse from localStorage. Removing faulty entry.'), {
-        extra: {
-          storageSlice: storageSlice,
-          rawQuery: window.localStorage.getItem(storageSlice)
-        }
-      });
-    }
-    if (resetSearchQuery) {
-      removeFromStorage(storageSlice);
-      return null;
-    } else {
-      const searchQueryWithoutUnknownFilters = omitUnknownFilters(storedSearchQuery);
-      const searchQueryWithoutVersion = omitVersion(searchQueryWithoutUnknownFilters);
-      return _Object$keys__default["default"](searchQueryWithoutVersion).length > 0 ? searchQueryWithoutVersion : null;
-    }
-  }, [storageSlice]);
-  react.useEffect(() => {
-    const searchOptions = restoreSearchOptions();
-    setSearchQuery(searchOptions);
-    if (searchOptions) {
-      // we compare previous searchQuery with the current one
-      // if there are no differences then we do not redirect
-      const diff = getDifferences__default["default"](searchOptions, decode(location.state?.search) || {});
-      if (!diff) history.replace(location.pathname, {
-        search: encode(augmentWithVersion(searchOptions))
-      });
-    }
-    // eslint-disable-next-line
-  }, []);
   const handleSetSearchFilterState = nextSearchOptions => {
-    /**
-     * NOTE:
-     *    Attempt to parse the previous query to embed
-     *    it into the url again. Unparsed prev and next
-     *    can not be combined.
-     */
-    let parsedPreviousSearchQuery = {};
-    try {
-      const previousSearchQuery = location.state?.search;
-      if (previousSearchQuery) {
-        parsedPreviousSearchQuery = decode(previousSearchQuery);
-      }
-    } catch (e) {
-      console.error('Error parsing previous search query:', e);
-      parsedPreviousSearchQuery = {};
-    }
-    const nextSearchQuery = _objectSpread$c(_objectSpread$c({}, parsedPreviousSearchQuery), nextSearchOptions);
-    if (storageSlice) {
-      putToStorage(storageSlice, augmentWithVersion(nextSearchQuery));
-    }
-    history.replace(location.pathname, {
-      search: encode(augmentWithVersion(nextSearchQuery))
-    });
-    setSearchQuery(nextSearchQuery);
+    const nextSearchQuery = _objectSpread$c(_objectSpread$c({}, props.searchQuery), nextSearchOptions);
+    props.setFilters(nextSearchQuery);
   };
-  return jsxRuntime.jsx(SearchView, _objectSpread$c(_objectSpread$c(_objectSpread$c({}, props), {}, {
-    setSearchFiltersState: handleSetSearchFilterState
-  }, searchQuery), {}, {
+  return jsxRuntime.jsx(SearchView, _objectSpread$c(_objectSpread$c({}, props), {}, {
+    setSearchFiltersState: handleSetSearchFilterState,
     columns: columns,
     children: children
   }));
@@ -19251,20 +19189,11 @@ const ChangeHistoryList = props => {
   const hasViewAuditLogPermission = permissions.useIsAuthorized({
     demandedPermissions: [PERMISSIONS.ViewAuditLog]
   });
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      userId: applicationContext.user && applicationContext.user.id,
-      projectKey: applicationContext.project && applicationContext.project.key
-    })),
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+  const projectKey = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.project && applicationContext.project.key);
   const intl = reactIntl.useIntl();
   const _useVersionTier = useVersionTier(),
     tier = _useVersionTier.tier;
-  const storageSlice = props.storageSlice || commonTags.oneLineTrim`
-      ${userId}/
-      ${projectKey}/
-      ${SEARCH_SLICE_NAME_CHANGE_HISTORY}
-    `;
+  const storageSlice = props.storageSlice || SEARCH_SLICE_NAME_CHANGE_HISTORY;
   const initialSearchQuery = {
     page: 1,
     perPage: 20,
@@ -19326,11 +19255,20 @@ const ChangeHistoryList = props => {
               total: changeHistoryFetcher.history.total,
               isInContextView: props.isInContextView ?? false,
               children: jsxRuntime.jsx(SearchViewRouterStateContainer, {
+                storageSlice: storageSlice,
+                setFilters: setSearchQuery,
+                searchQuery: changeHistoryFetcher.searchQuery
+                /* TODO: Can remove all these and just get them off searchQuery! */,
                 visibleColumns: changeHistoryFetcher.searchQuery.columns,
+                filters: changeHistoryFetcher.searchQuery.filters,
+                page: changeHistoryFetcher.searchQuery.page,
+                perPage: changeHistoryFetcher.searchQuery.perPage,
+                sorting: changeHistoryFetcher.searchQuery.sorting,
+                dateFilter: changeHistoryFetcher.searchQuery.filters.createdAt,
+                displaySettings: changeHistoryFetcher.searchQuery.displaySettings
+                /* ------------------------------------------------------------ */,
                 columns: props.columns ?? defaultColumns,
                 inContextEntity: props.inContextEntity,
-                storageSlice: storageSlice,
-                filters: changeHistoryFetcher.searchQuery.filters,
                 filterDefinitions: createFilterDefinitions({
                   intl,
                   members,
@@ -19347,17 +19285,10 @@ const ChangeHistoryList = props => {
                 count: changeHistoryFetcher.history.count,
                 total: changeHistoryFetcher.history.total,
                 currentRecordsTotal: currentRecordsFetcher.total,
-                page: changeHistoryFetcher.searchQuery.page,
-                perPage: changeHistoryFetcher.searchQuery.perPage,
-                sorting: changeHistoryFetcher.searchQuery.sorting,
                 isCurrentRecordsTotalEmpty: currentRecordsFetcher.total === 0,
                 isDisabled: isFilterButtonDisabled,
                 isDisabledPlaceholder: intl.formatMessage(messages$f.emptyChangeHistorySearchFilterNamePlaceholder),
                 hasDisabledStyle: changeHistoryFetcher.history.total === 0,
-                dateFilter: changeHistoryFetcher.searchQuery.filters.createdAt,
-                setFilters: setSearchQuery,
-                searchQuery: changeHistoryFetcher.searchQuery,
-                displaySettings: changeHistoryFetcher.searchQuery.displaySettings,
                 children: (searchViewProps // TODO: type this when search-view is typed
                 ) => jsxRuntime.jsx(ChangeHistoryListView, {
                   results: searchViewProps.results,
@@ -20816,7 +20747,7 @@ const WelcomeDialog = _ref => {
     hasFoundData = _useVersionTier.hasFoundData,
     tier = _useVersionTier.tier;
   const routes = useRoutes();
-  const _useStorage = useStorage(STORAGE_KEYS.WELCOME_DIALOG, false),
+  const _useStorage = useStorage(`${SEARCH_SLICE_NAME_CHANGE_HISTORY}/${STORAGE_KEYS.WELCOME_DIALOG}`, false),
     _useStorage2 = _slicedToArray(_useStorage, 2),
     hasDismissedModal = _useStorage2[0],
     setHasDismissedModal = _useStorage2[1];
@@ -21045,9 +20976,9 @@ const AssociateRoleTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const associateRoleId = params.id || params.associateRoleId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21061,8 +20992,6 @@ const AssociateRoleTab = () => {
           inContextEntity: RESOURCE_TYPE.ASSOCIATE_ROLE,
           resourceId: associateRoleId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               associateRoles
             `,
@@ -21095,9 +21024,9 @@ const BusinessUnitTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const businessUnitId = params.id || params.businessUnitId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21111,8 +21040,6 @@ const BusinessUnitTab = () => {
           inContextEntity: RESOURCE_TYPE.BUSINESS_UNIT,
           resourceId: businessUnitId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               businessUnits
             `,
@@ -21147,9 +21074,9 @@ const CartDiscountTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const cartDiscountId = params.id || params.cartDiscountId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21163,8 +21090,6 @@ const CartDiscountTab = () => {
           inContextEntity: RESOURCE_TYPE.CART_DISCOUNT,
           resourceId: cartDiscountId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               cart-discounts
             `,
@@ -21201,9 +21126,9 @@ const CategoryTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const categoryId = params.id || params.categoryId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21217,8 +21142,6 @@ const CategoryTab = () => {
           inContextEntity: RESOURCE_TYPE.CATEGORY,
           resourceId: categoryId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               categories
             `,
@@ -21255,9 +21178,9 @@ const ChannelTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const channelId = params.id || params.channelId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21271,8 +21194,6 @@ const ChannelTab = () => {
           resourceId: channelId,
           inContextEntity: RESOURCE_TYPE.CHANNEL,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               channels
             `,
@@ -21309,9 +21230,9 @@ const CustomerTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const customerId = params.id || params.customerId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21325,8 +21246,6 @@ const CustomerTab = () => {
           inContextEntity: RESOURCE_TYPE.CUSTOMER,
           resourceId: customerId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               customers
             `,
@@ -21365,9 +21284,9 @@ const CustomerGroupTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const customerGroupId = params.id || params.customerGroupId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21381,8 +21300,6 @@ const CustomerGroupTab = () => {
           resourceId: customerGroupId,
           inContextEntity: RESOURCE_TYPE.CUSTOMER_GROUP,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               customer-groups
             `,
@@ -21419,9 +21336,9 @@ const DiscountCodeTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const discountCodeId = params.id || params.discountCodeId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21435,8 +21352,6 @@ const DiscountCodeTab = () => {
           resourceId: discountCodeId,
           inContextEntity: RESOURCE_TYPE.DISCOUNT_CODE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               discount-codes
             `,
@@ -21475,9 +21390,9 @@ const OrderTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const orderId = params.id || params.orderId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21491,8 +21406,6 @@ const OrderTab = () => {
           inContextEntity: RESOURCE_TYPE.ORDER,
           resourceId: orderId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               orders
             `,
@@ -21529,9 +21442,9 @@ const ProductTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const productId = params.id || params.productId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21545,8 +21458,6 @@ const ProductTab = () => {
           inContextEntity: RESOURCE_TYPE.PRODUCT,
           resourceId: productId,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               products
             `,
@@ -21583,9 +21494,9 @@ const ProductDiscountTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const productDiscountId = params.id || params.productDiscountId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21599,8 +21510,6 @@ const ProductDiscountTab = () => {
           resourceId: productDiscountId,
           inContextEntity: RESOURCE_TYPE.PRODUCT_DISCOUNT,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               product-discounts
             `,
@@ -21639,9 +21548,9 @@ const ProductSelectionTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const productSelectionId = params.id || params.productSelectionId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21655,8 +21564,6 @@ const ProductSelectionTab = () => {
           resourceId: productSelectionId,
           inContextEntity: RESOURCE_TYPE.PRODUCT_SELECTION,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               product-selections
             `,
@@ -21693,9 +21600,9 @@ const ProductTypeTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const productTypeId = params.id || params.productTypeId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21709,8 +21616,6 @@ const ProductTypeTab = () => {
           resourceId: productTypeId,
           inContextEntity: RESOURCE_TYPE.PRODUCT_TYPE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               product-types
             `,
@@ -21747,9 +21652,9 @@ const QuoteTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const quoteId = params.id || params.quoteId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21763,8 +21668,6 @@ const QuoteTab = () => {
           resourceId: quoteId,
           inContextEntity: RESOURCE_TYPE.QUOTE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               quotes
             `,
@@ -21801,9 +21704,9 @@ const QuoteRequestTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const quoteRequestId = params.id || params.quoteId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21817,8 +21720,6 @@ const QuoteRequestTab = () => {
           resourceId: quoteRequestId,
           inContextEntity: RESOURCE_TYPE.QUOTE_REQUEST,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               quote-requests
             `,
@@ -21855,9 +21756,9 @@ const StagedQuoteTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const stagedQuoteId = params.id || params.quoteId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21871,8 +21772,6 @@ const StagedQuoteTab = () => {
           resourceId: stagedQuoteId,
           inContextEntity: RESOURCE_TYPE.STAGED_QUOTE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               staged-quotes
             `,
@@ -21909,9 +21808,9 @@ const StoreTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const storeId = params.id || params.storeId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21925,8 +21824,6 @@ const StoreTab = () => {
           resourceId: storeId,
           inContextEntity: RESOURCE_TYPE.STORE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               stores
             `,
@@ -21963,9 +21860,9 @@ const TaxCategoryTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const taxCategoryId = params.id || params.taxCategoryId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -21979,8 +21876,6 @@ const TaxCategoryTab = () => {
           resourceId: taxCategoryId,
           inContextEntity: RESOURCE_TYPE.TAX_CATEGORY,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               tax-categories
             `,
@@ -22017,9 +21912,9 @@ const ZoneTab = () => {
       userId: context.user && context.user.id,
       projectKey: context.project && context.project.key
     })),
-    locale = _useApplicationContex.locale,
-    userId = _useApplicationContex.userId,
-    projectKey = _useApplicationContex.projectKey;
+    locale = _useApplicationContex.locale;
+    _useApplicationContex.userId;
+    _useApplicationContex.projectKey;
   const changeHistoryMessages = useAsyncIntlMessages(locale, loadI18n);
   const zoneId = params.id || params.zoneId;
   if (changeHistoryMessages.isLoading) return jsxRuntime.jsx(uiKit.LoadingSpinner, {});
@@ -22033,8 +21928,6 @@ const ZoneTab = () => {
           resourceId: zoneId,
           inContextEntity: RESOURCE_TYPE.ZONE,
           storageSlice: commonTags.oneLineTrim`
-              ${userId}/
-              ${projectKey}/
               ${SEARCH_SLICE_NAME_CHANGE_HISTORY}/
               zones
             `,