@commercetools-frontend-extensions/change-history 8.25.0 → 8.26.0

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

@@ -71,13 +71,7 @@ var moment$1 = require('moment');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var fastEquals = require('fast-equals');
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var isNil$1 = require('lodash/isNil');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var orderBy = require('lodash/orderBy');
 var selectUtils = require('@commercetools-uikit/select-utils');
 var utils = require('@commercetools-uikit/utils');
@@ -89,6 +83,13 @@ var kebabCase = require('lodash/kebabCase');
 var has = require('lodash/has');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var debounce$1 = require('lodash/debounce');
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
+var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
+var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var isNil$1 = require('lodash/isNil');
 var isFunction = require('lodash/isFunction');
 var uniq = require('lodash/uniq');
 var icons = require('@commercetools-uikit/icons');
@@ -139,21 +140,22 @@ var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInsta
 var moment__default$1 = /*#__PURE__*/_interopDefault(moment$1);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var isNil__default = /*#__PURE__*/_interopDefault(isNil$1);
+var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var orderBy__default = /*#__PURE__*/_interopDefault(orderBy);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
 var has__default = /*#__PURE__*/_interopDefault(has);
 var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var debounce__default$1 = /*#__PURE__*/_interopDefault(debounce$1);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var isNil__default = /*#__PURE__*/_interopDefault(isNil$1);
 var isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
 var uniq__default = /*#__PURE__*/_interopDefault(uniq);
 var omitBy__default = /*#__PURE__*/_interopDefault(omitBy);
 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.25.0";
+var version = "8.26.0";
 
 // EXAMPLE
 // export const FEATURE_FLAG_NAME = 'featureFlagName';
@@ -163,7 +165,7 @@ const AL_LAYOUT_REDESIGN = 'alLayoutRedesign';
 const AL_FILTER_REDESIGN = 'alFilterRedesign';
 const FLAGS = {
   // [FEATURE_FLAG_NAME]: set true or false,
-  [AL_LAYOUT_REDESIGN]: false,
+  [AL_LAYOUT_REDESIGN]: true,
   [AL_FILTER_REDESIGN]: false
 };
 
@@ -273,6 +275,7 @@ const CHANGE_TYPE_NAME = {
   CHANGE_ATTRIBUTE_ORDER_BY_NAME: 'changeAttributeOrderByName',
   CHANGE_BUYER_ASSIGNABLE: 'changeBuyerAssignable',
   CHANGE_CART_DISCOUNTS: 'changeCartDiscounts',
+  // CHANGE_CART_PREDICATE: 'changeCartPredicate', // Commenting out as an example of converting the code to use the generated enum
   CHANGE_CUSTOM_LINE_ITEM_QUANTITY: 'changeCustomLineItemQuantity',
   CHANGE_DESCRIPTION: 'changeDescription',
   CHANGE_ENUM_KEY: 'changeEnumKey',
@@ -559,6 +562,281 @@ const RESOURCE_MODAL_TYPES = {
   ZONE: RESOURCE_TYPE.ZONE
 };
 
+/** All built-in and custom scalars, mapped to their actual values */
+let ResourceChangeInput = /*#__PURE__*/function (ResourceChangeInput) {
+  ResourceChangeInput["AddAddress"] = "addAddress";
+  ResourceChangeInput["AddAsset"] = "addAsset";
+  ResourceChangeInput["AddAssociate"] = "addAssociate";
+  ResourceChangeInput["AddAttributeDefinition"] = "addAttributeDefinition";
+  ResourceChangeInput["AddBillingAddressId"] = "addBillingAddressId";
+  ResourceChangeInput["AddDelivery"] = "addDelivery";
+  ResourceChangeInput["AddDiscountCode"] = "addDiscountCode";
+  ResourceChangeInput["AddEnumValue"] = "addEnumValue";
+  ResourceChangeInput["AddExternalImage"] = "addExternalImage";
+  ResourceChangeInput["AddFieldDefinition"] = "addFieldDefinition";
+  ResourceChangeInput["AddInheritedAssociate"] = "addInheritedAssociate";
+  ResourceChangeInput["AddInterfaceInteraction"] = "addInterfaceInteraction";
+  ResourceChangeInput["AddItemShippingAddress"] = "addItemShippingAddress";
+  ResourceChangeInput["AddLineItem"] = "addLineItem";
+  ResourceChangeInput["AddLocalizedEnumValue"] = "addLocalizedEnumValue";
+  ResourceChangeInput["AddLocation"] = "addLocation";
+  ResourceChangeInput["AddParcelToDelivery"] = "addParcelToDelivery";
+  ResourceChangeInput["AddPayment"] = "addPayment";
+  ResourceChangeInput["AddPlainEnumValue"] = "addPlainEnumValue";
+  ResourceChangeInput["AddPrice"] = "addPrice";
+  ResourceChangeInput["AddProduct"] = "addProduct";
+  ResourceChangeInput["AddProductSelection"] = "addProductSelection";
+  ResourceChangeInput["AddProperty"] = "addProperty";
+  ResourceChangeInput["AddReturnInfo"] = "addReturnInfo";
+  ResourceChangeInput["AddRoles"] = "addRoles";
+  ResourceChangeInput["AddShippingAddressId"] = "addShippingAddressId";
+  ResourceChangeInput["AddTaxRate"] = "addTaxRate";
+  ResourceChangeInput["AddTextLineItem"] = "addTextLineItem";
+  ResourceChangeInput["AddToCategory"] = "addToCategory";
+  ResourceChangeInput["AddTransaction"] = "addTransaction";
+  ResourceChangeInput["AddVariant"] = "addVariant";
+  ResourceChangeInput["ChangeAddress"] = "changeAddress";
+  ResourceChangeInput["ChangeAmountPlanned"] = "changeAmountPlanned";
+  ResourceChangeInput["ChangeAssetName"] = "changeAssetName";
+  ResourceChangeInput["ChangeAssetOrder"] = "changeAssetOrder";
+  ResourceChangeInput["ChangeAssociate"] = "changeAssociate";
+  ResourceChangeInput["ChangeAssociateMode"] = "changeAssociateMode";
+  ResourceChangeInput["ChangeAttributeConstraint"] = "changeAttributeConstraint";
+  ResourceChangeInput["ChangeAttributeName"] = "changeAttributeName";
+  ResourceChangeInput["ChangeAttributeOrderByName"] = "changeAttributeOrderByName";
+  ResourceChangeInput["ChangeBuyerAssignable"] = "changeBuyerAssignable";
+  ResourceChangeInput["ChangeCartDiscounts"] = "changeCartDiscounts";
+  ResourceChangeInput["ChangeCartPredicate"] = "changeCartPredicate";
+  ResourceChangeInput["ChangeCustomer"] = "changeCustomer";
+  ResourceChangeInput["ChangeDescription"] = "changeDescription";
+  ResourceChangeInput["ChangeEmail"] = "changeEmail";
+  ResourceChangeInput["ChangeEnumKey"] = "changeEnumKey";
+  ResourceChangeInput["ChangeEnumValueLabel"] = "changeEnumValueLabel";
+  ResourceChangeInput["ChangeEnumValueOrder"] = "changeEnumValueOrder";
+  ResourceChangeInput["ChangeFieldDefinitionOrder"] = "changeFieldDefinitionOrder";
+  ResourceChangeInput["ChangeGroups"] = "changeGroups";
+  ResourceChangeInput["ChangeInheritedAssociate"] = "changeInheritedAssociate";
+  ResourceChangeInput["ChangeInitial"] = "changeInitial";
+  ResourceChangeInput["ChangeInputHint"] = "changeInputHint";
+  ResourceChangeInput["ChangeIsActive"] = "changeIsActive";
+  ResourceChangeInput["ChangeIsSearchable"] = "changeIsSearchable";
+  ResourceChangeInput["ChangeKey"] = "changeKey";
+  ResourceChangeInput["ChangeLabel"] = "changeLabel";
+  ResourceChangeInput["ChangeLineItemQuantity"] = "changeLineItemQuantity";
+  ResourceChangeInput["ChangeLineItemsOrder"] = "changeLineItemsOrder";
+  ResourceChangeInput["ChangeLocalizedEnumValueLabel"] = "changeLocalizedEnumValueLabel";
+  ResourceChangeInput["ChangeLocalizedEnumValueOrder"] = "changeLocalizedEnumValueOrder";
+  ResourceChangeInput["ChangeMasterVariant"] = "changeMasterVariant";
+  ResourceChangeInput["ChangeName"] = "changeName";
+  ResourceChangeInput["ChangeOrderHint"] = "changeOrderHint";
+  ResourceChangeInput["ChangeOrderState"] = "changeOrderState";
+  ResourceChangeInput["ChangeParent"] = "changeParent";
+  ResourceChangeInput["ChangeParentUnit"] = "changeParentUnit";
+  ResourceChangeInput["ChangePaymentState"] = "changePaymentState";
+  ResourceChangeInput["ChangePlainEnumValueLabel"] = "changePlainEnumValueLabel";
+  ResourceChangeInput["ChangePredicate"] = "changePredicate";
+  ResourceChangeInput["ChangePrice"] = "changePrice";
+  ResourceChangeInput["ChangeProductSelectionActive"] = "changeProductSelectionActive";
+  ResourceChangeInput["ChangeQuantity"] = "changeQuantity";
+  ResourceChangeInput["ChangeQuoteRequestState"] = "changeQuoteRequestState";
+  ResourceChangeInput["ChangeQuoteState"] = "changeQuoteState";
+  ResourceChangeInput["ChangeRequiresDiscountCode"] = "changeRequiresDiscountCode";
+  ResourceChangeInput["ChangeReviewRatingStatistics"] = "changeReviewRatingStatistics";
+  ResourceChangeInput["ChangeShipmentState"] = "changeShipmentState";
+  ResourceChangeInput["ChangeSlug"] = "changeSlug";
+  ResourceChangeInput["ChangeSortOrder"] = "changeSortOrder";
+  ResourceChangeInput["ChangeStackingMode"] = "changeStackingMode";
+  ResourceChangeInput["ChangeStagedQuoteState"] = "changeStagedQuoteState";
+  ResourceChangeInput["ChangeStatus"] = "changeStatus";
+  ResourceChangeInput["ChangeTarget"] = "changeTarget";
+  ResourceChangeInput["ChangeTaxCalculationMode"] = "changeTaxCalculationMode";
+  ResourceChangeInput["ChangeTaxMode"] = "changeTaxMode";
+  ResourceChangeInput["ChangeTaxRoundingMode"] = "changeTaxRoundingMode";
+  ResourceChangeInput["ChangeTextLineItemName"] = "changeTextLineItemName";
+  ResourceChangeInput["ChangeTextLineItemQuantity"] = "changeTextLineItemQuantity";
+  ResourceChangeInput["ChangeTextLineItemsOrder"] = "changeTextLineItemsOrder";
+  ResourceChangeInput["ChangeTransactionInteractionId"] = "changeTransactionInteractionId";
+  ResourceChangeInput["ChangeTransactionState"] = "changeTransactionState";
+  ResourceChangeInput["ChangeTransactionTimestamp"] = "changeTransactionTimestamp";
+  ResourceChangeInput["ChangeType"] = "changeType";
+  ResourceChangeInput["ChangeValue"] = "changeValue";
+  ResourceChangeInput["Publish"] = "publish";
+  ResourceChangeInput["RemoveAddress"] = "removeAddress";
+  ResourceChangeInput["RemoveAsset"] = "removeAsset";
+  ResourceChangeInput["RemoveAssociate"] = "removeAssociate";
+  ResourceChangeInput["RemoveAttributeDefinition"] = "removeAttributeDefinition";
+  ResourceChangeInput["RemoveBillingAddressId"] = "removeBillingAddressId";
+  ResourceChangeInput["RemoveDelivery"] = "removeDelivery";
+  ResourceChangeInput["RemoveDiscountCode"] = "removeDiscountCode";
+  ResourceChangeInput["RemoveEnumValues"] = "removeEnumValues";
+  ResourceChangeInput["RemoveFieldDefinition"] = "removeFieldDefinition";
+  ResourceChangeInput["RemoveFromCategory"] = "removeFromCategory";
+  ResourceChangeInput["RemoveImage"] = "removeImage";
+  ResourceChangeInput["RemoveInheritedAssociate"] = "removeInheritedAssociate";
+  ResourceChangeInput["RemoveItemShippingAddress"] = "removeItemShippingAddress";
+  ResourceChangeInput["RemoveLineItem"] = "removeLineItem";
+  ResourceChangeInput["RemoveLocation"] = "removeLocation";
+  ResourceChangeInput["RemoveParcelFromDelivery"] = "removeParcelFromDelivery";
+  ResourceChangeInput["RemovePayment"] = "removePayment";
+  ResourceChangeInput["RemovePrice"] = "removePrice";
+  ResourceChangeInput["RemoveProduct"] = "removeProduct";
+  ResourceChangeInput["RemoveProductSelection"] = "removeProductSelection";
+  ResourceChangeInput["RemoveProperty"] = "removeProperty";
+  ResourceChangeInput["RemoveRoles"] = "removeRoles";
+  ResourceChangeInput["RemoveShippingAddressId"] = "removeShippingAddressId";
+  ResourceChangeInput["RemoveTaxRate"] = "removeTaxRate";
+  ResourceChangeInput["RemoveTextLineItem"] = "removeTextLineItem";
+  ResourceChangeInput["RemoveVariant"] = "removeVariant";
+  ResourceChangeInput["RequestQuoteRenegotiation"] = "requestQuoteRenegotiation";
+  ResourceChangeInput["SetAddress"] = "setAddress";
+  ResourceChangeInput["SetAddressCustomField"] = "setAddressCustomField";
+  ResourceChangeInput["SetAddressCustomType"] = "setAddressCustomType";
+  ResourceChangeInput["SetAnonymousId"] = "setAnonymousId";
+  ResourceChangeInput["SetAssetCustomField"] = "setAssetCustomField";
+  ResourceChangeInput["SetAssetCustomType"] = "setAssetCustomType";
+  ResourceChangeInput["SetAssetDescription"] = "setAssetDescription";
+  ResourceChangeInput["SetAssetSources"] = "setAssetSources";
+  ResourceChangeInput["SetAssetTags"] = "setAssetTags";
+  ResourceChangeInput["SetAsssetKey"] = "setAsssetKey";
+  ResourceChangeInput["SetAttribute"] = "setAttribute";
+  ResourceChangeInput["SetAuthenticationMode"] = "setAuthenticationMode";
+  ResourceChangeInput["SetAuthorName"] = "setAuthorName";
+  ResourceChangeInput["SetBillingAddress"] = "setBillingAddress";
+  ResourceChangeInput["SetCartPredicate"] = "setCartPredicate";
+  ResourceChangeInput["SetCategoryOrderHint"] = "setCategoryOrderHint";
+  ResourceChangeInput["SetCompanyName"] = "setCompanyName";
+  ResourceChangeInput["SetContactEmail"] = "setContactEmail";
+  ResourceChangeInput["SetCountries"] = "setCountries";
+  ResourceChangeInput["SetCountry"] = "setCountry";
+  ResourceChangeInput["SetCustomField"] = "setCustomField";
+  ResourceChangeInput["SetCustomLineItemCustomField"] = "setCustomLineItemCustomField";
+  ResourceChangeInput["SetCustomLineItemCustomType"] = "setCustomLineItemCustomType";
+  ResourceChangeInput["SetCustomLineItemShippingDetails"] = "setCustomLineItemShippingDetails";
+  ResourceChangeInput["SetCustomLineItemTaxAmount"] = "setCustomLineItemTaxAmount";
+  ResourceChangeInput["SetCustomLineItemTaxCategory"] = "setCustomLineItemTaxCategory";
+  ResourceChangeInput["SetCustomShippingMethod"] = "setCustomShippingMethod";
+  ResourceChangeInput["SetCustomType"] = "setCustomType";
+  ResourceChangeInput["SetCustomer"] = "setCustomer";
+  ResourceChangeInput["SetCustomerEmail"] = "setCustomerEmail";
+  ResourceChangeInput["SetCustomerGroup"] = "setCustomerGroup";
+  ResourceChangeInput["SetCustomerId"] = "setCustomerId";
+  ResourceChangeInput["SetCustomerNumber"] = "setCustomerNumber";
+  ResourceChangeInput["SetDateOfBirth"] = "setDateOfBirth";
+  ResourceChangeInput["SetDefaultBillingAddress"] = "setDefaultBillingAddress";
+  ResourceChangeInput["SetDefaultShippingAddress"] = "setDefaultShippingAddress";
+  ResourceChangeInput["SetDeleteDaysAfterLastModification"] = "setDeleteDaysAfterLastModification";
+  ResourceChangeInput["SetDeliveryAddress"] = "setDeliveryAddress";
+  ResourceChangeInput["SetDeliveryCustomField"] = "setDeliveryCustomField";
+  ResourceChangeInput["SetDeliveryCustomType"] = "setDeliveryCustomType";
+  ResourceChangeInput["SetDeliveryItems"] = "setDeliveryItems";
+  ResourceChangeInput["SetDescription"] = "setDescription";
+  ResourceChangeInput["SetDiscountedPrice"] = "setDiscountedPrice";
+  ResourceChangeInput["SetDistributionChannels"] = "setDistributionChannels";
+  ResourceChangeInput["SetExpectedDelivery"] = "setExpectedDelivery";
+  ResourceChangeInput["SetExternalId"] = "setExternalId";
+  ResourceChangeInput["SetFirstName"] = "setFirstName";
+  ResourceChangeInput["SetGeoLocation"] = "setGeoLocation";
+  ResourceChangeInput["SetImageLabel"] = "setImageLabel";
+  ResourceChangeInput["SetInputTip"] = "setInputTip";
+  ResourceChangeInput["SetInterfaceId"] = "setInterfaceId";
+  ResourceChangeInput["SetKey"] = "setKey";
+  ResourceChangeInput["SetLanguages"] = "setLanguages";
+  ResourceChangeInput["SetLastName"] = "setLastName";
+  ResourceChangeInput["SetLineItemCustomField"] = "setLineItemCustomField";
+  ResourceChangeInput["SetLineItemCustomType"] = "setLineItemCustomType";
+  ResourceChangeInput["SetLineItemDeactivatedAt"] = "setLineItemDeactivatedAt";
+  ResourceChangeInput["SetLineItemDistributionChannel"] = "setLineItemDistributionChannel";
+  ResourceChangeInput["SetLineItemProductKey"] = "setLineItemProductKey";
+  ResourceChangeInput["SetLineItemProductSlug"] = "setLineItemProductSlug";
+  ResourceChangeInput["SetLineItemShippingDetails"] = "setLineItemShippingDetails";
+  ResourceChangeInput["SetLineItemTaxAmount"] = "setLineItemTaxAmount";
+  ResourceChangeInput["SetLocale"] = "setLocale";
+  ResourceChangeInput["SetMaxApplications"] = "setMaxApplications";
+  ResourceChangeInput["SetMaxApplicationsPerCustomer"] = "setMaxApplicationsPerCustomer";
+  ResourceChangeInput["SetMetaDescription"] = "setMetaDescription";
+  ResourceChangeInput["SetMetaKeywords"] = "setMetaKeywords";
+  ResourceChangeInput["SetMetaTitle"] = "setMetaTitle";
+  ResourceChangeInput["SetMethodInfoInterface"] = "setMethodInfoInterface";
+  ResourceChangeInput["SetMethodInfoMethod"] = "setMethodInfoMethod";
+  ResourceChangeInput["SetMethodInfoName"] = "setMethodInfoName";
+  ResourceChangeInput["SetMiddleName"] = "setMiddleName";
+  ResourceChangeInput["SetName"] = "setName";
+  ResourceChangeInput["SetOrderNumber"] = "setOrderNumber";
+  ResourceChangeInput["SetOrderTotalTax"] = "setOrderTotalTax";
+  ResourceChangeInput["SetParcelCustomField"] = "setParcelCustomField";
+  ResourceChangeInput["SetParcelCustomType"] = "setParcelCustomType";
+  ResourceChangeInput["SetParcelItems"] = "setParcelItems";
+  ResourceChangeInput["SetParcelMeasurements"] = "setParcelMeasurements";
+  ResourceChangeInput["SetParcelTrackingData"] = "setParcelTrackingData";
+  ResourceChangeInput["SetPassword"] = "setPassword";
+  ResourceChangeInput["SetPermissions"] = "setPermissions";
+  ResourceChangeInput["SetProductCount"] = "setProductCount";
+  ResourceChangeInput["SetProductPriceCustomField"] = "setProductPriceCustomField";
+  ResourceChangeInput["SetProductPriceCustomType"] = "setProductPriceCustomType";
+  ResourceChangeInput["SetProductSelections"] = "setProductSelections";
+  ResourceChangeInput["SetProductVariantKey"] = "setProductVariantKey";
+  ResourceChangeInput["SetProperty"] = "setProperty";
+  ResourceChangeInput["SetPurchaseOrderNumber"] = "setPurchaseOrderNumber";
+  ResourceChangeInput["SetRating"] = "setRating";
+  ResourceChangeInput["SetRestockableInDays"] = "setRestockableInDays";
+  ResourceChangeInput["SetReturnItemCustomField"] = "setReturnItemCustomField";
+  ResourceChangeInput["SetReturnItemCustomType"] = "setReturnItemCustomType";
+  ResourceChangeInput["SetReturnPaymentState"] = "setReturnPaymentState";
+  ResourceChangeInput["SetReturnShipmentState"] = "setReturnShipmentState";
+  ResourceChangeInput["SetRoles"] = "setRoles";
+  ResourceChangeInput["SetSalutation"] = "setSalutation";
+  ResourceChangeInput["SetSearchKeywords"] = "setSearchKeywords";
+  ResourceChangeInput["SetSellerComment"] = "setSellerComment";
+  ResourceChangeInput["SetShippingAddress"] = "setShippingAddress";
+  ResourceChangeInput["SetShippingInfoPrice"] = "setShippingInfoPrice";
+  ResourceChangeInput["SetShippingInfoTaxedPrice"] = "setShippingInfoTaxedPrice";
+  ResourceChangeInput["SetShippingMethod"] = "setShippingMethod";
+  ResourceChangeInput["SetShippingMethodTaxAmount"] = "setShippingMethodTaxAmount";
+  ResourceChangeInput["SetShippingMethodTaxRate"] = "setShippingMethodTaxRate";
+  ResourceChangeInput["SetShippingRate"] = "setShippingRate";
+  ResourceChangeInput["SetShippingRateInput"] = "setShippingRateInput";
+  ResourceChangeInput["SetSku"] = "setSku";
+  ResourceChangeInput["SetSlug"] = "setSlug";
+  ResourceChangeInput["SetStatusInterfaceCode"] = "setStatusInterfaceCode";
+  ResourceChangeInput["SetStatusInterfaceText"] = "setStatusInterfaceText";
+  ResourceChangeInput["SetStore"] = "setStore";
+  ResourceChangeInput["SetStoreMode"] = "setStoreMode";
+  ResourceChangeInput["SetStores"] = "setStores";
+  ResourceChangeInput["SetSupplyChannel"] = "setSupplyChannel";
+  ResourceChangeInput["SetTarget"] = "setTarget";
+  ResourceChangeInput["SetTaxCategory"] = "setTaxCategory";
+  ResourceChangeInput["SetText"] = "setText";
+  ResourceChangeInput["SetTextLineItemCustomField"] = "setTextLineItemCustomField";
+  ResourceChangeInput["SetTextLineItemCustomType"] = "setTextLineItemCustomType";
+  ResourceChangeInput["SetTextLineItemDescription"] = "setTextLineItemDescription";
+  ResourceChangeInput["SetTitle"] = "setTitle";
+  ResourceChangeInput["SetTransactionCustomField"] = "setTransactionCustomField";
+  ResourceChangeInput["SetTransactionCustomType"] = "setTransactionCustomType";
+  ResourceChangeInput["SetTransitions"] = "setTransitions";
+  ResourceChangeInput["SetValidFrom"] = "setValidFrom";
+  ResourceChangeInput["SetValidFromAndUntil"] = "setValidFromAndUntil";
+  ResourceChangeInput["SetValidTo"] = "setValidTo";
+  ResourceChangeInput["SetValidUntil"] = "setValidUntil";
+  ResourceChangeInput["SetValue"] = "setValue";
+  ResourceChangeInput["SetVariantAvailability"] = "setVariantAvailability";
+  ResourceChangeInput["SetVariantExclusion"] = "setVariantExclusion";
+  ResourceChangeInput["SetVariantSelection"] = "setVariantSelection";
+  ResourceChangeInput["SetVatId"] = "setVatId";
+  ResourceChangeInput["TransitionCustomLineItemState"] = "transitionCustomLineItemState";
+  ResourceChangeInput["TransitionLineItemState"] = "transitionLineItemState";
+  ResourceChangeInput["TransitionState"] = "transitionState";
+  ResourceChangeInput["Unpublish"] = "unpublish";
+  ResourceChangeInput["UpdateItemShippingAddress"] = "updateItemShippingAddress";
+  ResourceChangeInput["UpdateSyncInfo"] = "updateSyncInfo";
+  ResourceChangeInput["VerifyEmail"] = "verifyEmail";
+  return ResourceChangeInput;
+}({});
+let TierLevels = /*#__PURE__*/function (TierLevels) {
+  TierLevels["Basic"] = "BASIC";
+  TierLevels["Premium"] = "PREMIUM";
+  return TierLevels;
+}({});
+
 const PERMISSIONS = {
   ViewAuditLog: 'ViewAuditLog',
   ViewBusinessUnits: 'ViewBusinessUnits',
@@ -648,10 +926,7 @@ const ASSOCIATE_ROLE_PERMISSIONS = {
   VIEW_OTHERS_QUOTE_REQUESTS: 'ViewOthersQuoteRequests'
 };
 const SEARCH_SLICE_NAME_CHANGE_HISTORY = 'change-history';
-const TIER_TYPES = {
-  BASIC: 'BASIC',
-  PREMIUM: 'PREMIUM'
-};
+TierLevels.Basic;
 const COLUMNS = {
   ACTION: 'action',
   BUSINESS_UNIT: 'businessUnit',
@@ -1868,7 +2143,7 @@ const ReferenceTypeChange = props => {
 ReferenceTypeChange.propTypes = {};
 ReferenceTypeChange.displayName = 'ReferenceTypeChange';
 
-const _excluded$f = ["id", "typeId"];
+const _excluded$g = ["id", "typeId"];
 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 _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1k(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1k(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ChangeItemValueByType = props => {
@@ -1887,7 +2162,7 @@ const ChangeItemValueByType = props => {
       const _props$value = props.value,
         id = _props$value.id,
         typeId = _props$value.typeId,
-        expandedProps = _objectWithoutProperties(_props$value, _excluded$f);
+        expandedProps = _objectWithoutProperties(_props$value, _excluded$g);
       return jsxRuntime.jsx(ReferenceTypeChange, {
         id: id,
         typeId: typeId,
@@ -2427,7 +2702,7 @@ const LocalizeChange = props => {
 LocalizeChange.displayName = 'LocalizeChange';
 LocalizeChange.propTypes = {};
 
-const _excluded$e = ["typeId", "id"],
+const _excluded$f = ["typeId", "id"],
   _excluded2$3 = ["typeId", "id"];
 const StoreChanges = _ref => {
   let change = _ref.change,
@@ -2457,7 +2732,7 @@ const StoreChanges = _ref => {
       {
         const typeId = value.typeId,
           id = value.id,
-          expandedProps = _objectWithoutProperties(value, _excluded$e);
+          expandedProps = _objectWithoutProperties(value, _excluded$f);
         return jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -2548,14 +2823,16 @@ const FormattedDateTime = props => {
     }),
     locale = _useApplicationContex.locale,
     timeZone = _useApplicationContex.timeZone;
-  return formatDateTime(props.type, props.value, {
-    timeZone: timeZone,
-    locale: locale
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: formatDateTime(props.type, props.value, {
+      timeZone: timeZone,
+      locale: locale
+    })
   });
 };
 FormattedDateTime.displayName = 'FormattedDateTime';
 
-const _excluded$d = ["typeId", "id"];
+const _excluded$e = ["typeId", "id"];
 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1f(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$1f(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const DiscountChanges = props => {
@@ -2655,7 +2932,7 @@ const DiscountChanges = props => {
         children: _mapInstanceProperty__default["default"](_context3 = props.value).call(_context3, cartDiscount => {
           const typeId = cartDiscount.typeId,
             id = cartDiscount.id,
-            expandedProps = _objectWithoutProperties(cartDiscount, _excluded$d);
+            expandedProps = _objectWithoutProperties(cartDiscount, _excluded$e);
           return jsxRuntime.jsx(ReferenceTypeChange, {
             id: id,
             typeId: typeId,
@@ -3023,7 +3300,7 @@ const AssetChange = props => {
 AssetChange.displayName = 'AssetChange';
 AssetChange.propTypes = {};
 
-const _excluded$c = ["typeId", "id"];
+const _excluded$d = ["typeId", "id"];
 const CategoryChanges = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
       var _applicationContext$p;
@@ -3123,7 +3400,7 @@ const CategoryChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$c);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$d);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -3233,7 +3510,7 @@ const ChannelChanges = props => {
 ChannelChanges.displayName = 'ChannelChanges';
 ChannelChanges.propTypes = {};
 
-const _excluded$b = ["typeId", "id"];
+const _excluded$c = ["typeId", "id"];
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1b(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$1b(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const CustomerChanges = props => {
@@ -3256,7 +3533,7 @@ const CustomerChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$b);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$c);
         return (_props$value2 = props.value) !== null && _props$value2 !== void 0 && _props$value2.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -3333,7 +3610,6 @@ function ownKeys$1a(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 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; }
 const ResourceTypeCell = props => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1a({}, getEntityTypeNameMessage(props.resourceType)));
 ResourceTypeCell.displayName = 'ResourceTypeCell';
-ResourceTypeCell.propTypes = {};
 
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$19(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$19(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -3375,7 +3651,7 @@ SubscriptionChanges.displayName = 'SubscriptionChanges';
 SubscriptionChanges.propTypes = {};
 var SubscriptionChanges$1 = reactIntl.injectIntl(SubscriptionChanges);
 
-const _excluded$a = ["typeId", "id"];
+const _excluded$b = ["typeId", "id"];
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$18(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$18(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const InventoryEntryChanges = props => {
@@ -3421,7 +3697,7 @@ const InventoryEntryChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$a);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$b);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -5691,7 +5967,7 @@ var messages$_ = reactIntl.defineMessages({
   }
 });
 
-const _excluded$9 = ["typeId", "id"],
+const _excluded$a = ["typeId", "id"],
   _excluded2$2 = ["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 _context19, _context20; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context19 = ownKeys$$(Object(t), !0)).call(_context19, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context20 = ownKeys$$(Object(t))).call(_context20, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -6118,7 +6394,7 @@ const OrderChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$9);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$a);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -6442,7 +6718,7 @@ const OrderChanges = props => {
 OrderChanges.displayName = 'OrderChanges';
 OrderChanges.propTypes = {};
 
-const _excluded$8 = ["typeId", "id"],
+const _excluded$9 = ["typeId", "id"],
   _excluded2$1 = ["typeId", "id"];
 const PaymentChanges = props => {
   const intl = reactIntl.useIntl();
@@ -6466,7 +6742,7 @@ const PaymentChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$8);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$9);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -6611,7 +6887,7 @@ PriceChangeAttributes.displayName = 'PriceChangeAttributes';
 PriceChangeAttributes.propTypes = {};
 var PriceChangeAttributes$1 = reactIntl.injectIntl(PriceChangeAttributes);
 
-const _excluded$7 = ["label", "className"];
+const _excluded$8 = ["label", "className"];
 var NoImageIcon$1 = "<svg width=\"66\" height=\"66\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"NoImageIcon-path-1\" d=\"M0 0h66v66H0z\"/></defs><g id=\"NoImageIcon-ALL-components\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"NoImageIcon-Shared-/-Image-container\" transform=\"translate(-702 -232)\"><g id=\"NoImageIcon-thumbnail-2\" transform=\"translate(702 232)\"><mask id=\"NoImageIcon-mask-2\" fill=\"#fff\"><use xlink:href=\"#NoImageIcon-path-1\"/></mask><use id=\"NoImageIcon-Mask\" fill=\"#D8D8D8\" xlink:href=\"#NoImageIcon-path-1\"/><g mask=\"url(#NoImageIcon-mask-2)\" fill-rule=\"nonzero\" id=\"NoImageIcon-Path\"><path d=\"M0 4.316C0 1.932 2.09 0 4.667 0h67.666C74.911 0 77 1.932 77 4.316v57.368C77 64.067 74.91 66 72.333 66H4.667C2.089 66 0 64.067 0 61.684V4.316z\" fill=\"#B4E1FD\" transform=\"translate(-6)\"/><path d=\"M35 17a7 7 0 11-14 0 7 7 0 0114 0z\" fill=\"#E8F3FC\" transform=\"translate(-6)\"/><path d=\"M21.776 35.53L0 61.276V66h77V44.654L60.244 25.218c-1.401-1.626-4-1.624-5.398.004L39.44 43.15c-1.381 1.607-3.94 1.632-5.355.052l-6.936-7.746c-1.422-1.588-3.997-1.553-5.372.073z\" fill=\"#E8F4FC\" transform=\"translate(-6)\"/></g></g></g></g></svg>";
 var BrokenIcon = "<svg width=\"50\" height=\"50\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"BrokenIcon-path-1\" d=\"M0 0h50v50H0z\"/><path d=\"M45 5L5 45\" id=\"BrokenIcon-path-3\"/></defs><g id=\"BrokenIcon-ALL-components\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"BrokenIcon-Shared-/-Image-container\" transform=\"translate(-919 -1107)\"><g id=\"BrokenIcon-Group-5\" transform=\"translate(919 1107)\"><g id=\"BrokenIcon-Image-container-thumbnail-\"><g id=\"BrokenIcon-Mask\" fill=\"#D8D8D8\" fill-rule=\"nonzero\"><path id=\"BrokenIcon-path-1\" d=\"M0 0h50v50H0z\"/></g><g id=\"BrokenIcon-Path-Clipped\"><mask id=\"BrokenIcon-mask-2\" fill=\"#fff\"><use xlink:href=\"#BrokenIcon-path-1\"/></mask><g id=\"BrokenIcon-Path\" mask=\"url(#BrokenIcon-mask-2)\"><g transform=\"translate(-4.545)\" id=\"BrokenIcon-Group\" fill-rule=\"nonzero\"><path d=\"M0 3.27C0 1.464 1.583 0 3.535 0h51.263c1.953 0 3.535 1.464 3.535 3.27v43.46c0 1.806-1.582 3.27-3.535 3.27H3.535C1.583 50 0 48.536 0 46.73V3.27z\" id=\"BrokenIcon-Path\" fill=\"#B4E1FD\"/><path d=\"M26.515 12.879a5.303 5.303 0 11-10.606 0 5.303 5.303 0 0110.606 0z\" id=\"BrokenIcon-Path\" fill=\"#E8F3FC\"/><path d=\"M16.497 26.917L0 46.42V50h58.333V33.83L45.64 19.103c-1.061-1.231-3.03-1.23-4.089.003L29.878 32.69c-1.046 1.218-2.985 1.237-4.057.04l-5.254-5.868c-1.078-1.204-3.028-1.178-4.07.055z\" id=\"BrokenIcon-Path\" fill=\"#E8F4FC\"/></g></g></g></g><g id=\"BrokenIcon-Line\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><use stroke=\"#FFF\" stroke-width=\"6\" xlink:href=\"#BrokenIcon-path-3\"/><use stroke=\"#E60050\" stroke-width=\"2\" xlink:href=\"#BrokenIcon-path-3\"/></g></g></g></g></svg>";
 var ExternalIcon = "<svg width=\"50\" height=\"50\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"ExternalIcon-path-1\" d=\"M0 0h50v50H0z\"/></defs><g id=\"ExternalIcon-ALL-components\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"ExternalIcon-Shared-/-Image-container\" transform=\"translate(-792 -1107)\"><g id=\"ExternalIcon-Group-4\" transform=\"translate(792 1107)\"><g id=\"ExternalIcon-Image-container-thumbnail-\"><g id=\"ExternalIcon-Mask\" fill=\"#D8D8D8\" fill-rule=\"nonzero\"><path id=\"ExternalIcon-path-1\" d=\"M0 0h50v50H0z\"/></g><g id=\"ExternalIcon-Path-Clipped\"><mask id=\"ExternalIcon-mask-2\" fill=\"#fff\"><use xlink:href=\"#ExternalIcon-path-1\"/></mask><g id=\"ExternalIcon-Path\" mask=\"url(#ExternalIcon-mask-2)\"><g transform=\"translate(-4.545)\" id=\"ExternalIcon-Group\" fill-rule=\"nonzero\"><path d=\"M0 3.27C0 1.464 1.583 0 3.535 0h51.263c1.953 0 3.535 1.464 3.535 3.27v43.46c0 1.806-1.582 3.27-3.535 3.27H3.535C1.583 50 0 48.536 0 46.73V3.27z\" id=\"ExternalIcon-Path\" fill=\"#B4E1FD\"/><path d=\"M26.515 12.879a5.303 5.303 0 11-10.606 0 5.303 5.303 0 0110.606 0z\" id=\"ExternalIcon-Path\" fill=\"#E8F3FC\"/><path d=\"M16.497 26.917L0 46.42V50h58.333V33.83L45.64 19.103c-1.061-1.231-3.03-1.23-4.089.003L29.878 32.69c-1.046 1.218-2.985 1.237-4.057.04l-5.254-5.868c-1.078-1.204-3.028-1.178-4.07.055z\" id=\"ExternalIcon-Path\" fill=\"#E8F4FC\"/></g></g></g></g><g id=\"ExternalIcon-Group-2-Copy-2\" transform=\"translate(22 22)\"><circle id=\"ExternalIcon-Oval\" fill=\"#078CDF\" cx=\"12\" cy=\"12\" r=\"12\"/><g id=\"ExternalIcon-Component/Icon/24px/chain/conected\" transform=\"translate(3 3)\" fill=\"#FFF\"><g id=\"ExternalIcon-ChainIcon\" transform=\"translate(2.25 5.25)\"><path d=\"M3.375 6.75c-.934 0-1.73-.33-2.387-.988A3.251 3.251 0 010 3.375c0-.934.33-1.73.988-2.388A3.252 3.252 0 013.375 0H5.4c.191 0 .352.065.481.194.13.13.194.29.194.481a.653.653 0 01-.194.48.654.654 0 01-.481.195H3.375c-.562 0-1.04.197-1.434.59-.394.394-.591.873-.591 1.435s.197 1.04.59 1.434c.394.394.873.591 1.435.591H5.4c.191 0 .352.065.481.194.13.13.194.29.194.481a.653.653 0 01-.194.48.654.654 0 01-.481.195H3.375zm1.35-2.7a.651.651 0 01-.48-.194.651.651 0 01-.195-.481c0-.191.065-.352.194-.481.13-.13.29-.194.481-.194h4.05c.191 0 .352.065.481.194.13.13.194.29.194.481a.653.653 0 01-.194.48.654.654 0 01-.481.195h-4.05zM8.1 6.75a.651.651 0 01-.48-.194.651.651 0 01-.195-.481c0-.191.065-.352.194-.481.13-.13.29-.194.481-.194h2.025c.562 0 1.04-.197 1.434-.59.394-.394.591-.873.591-1.435s-.197-1.04-.59-1.434a1.953 1.953 0 00-1.435-.591H8.1a.651.651 0 01-.48-.194.651.651 0 01-.195-.481c0-.191.065-.352.194-.481C7.75.064 7.91 0 8.1 0h2.025c.934 0 1.73.329 2.388.987.658.658.987 1.454.987 2.388 0 .934-.329 1.73-.987 2.387a3.253 3.253 0 01-2.388.988H8.1z\" id=\"ExternalIcon-\uD83C\uDF08-Color\"/></g></g></g></g></g></g></svg>";
@@ -6624,7 +6900,7 @@ const imageStyles$1 = {
 const Image = _ref => {
   let label = _ref.label,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   const _useState = react.useState(formatUrl(props)),
     _useState2 = _slicedToArray(_useState, 2),
     src = _useState2[0],
@@ -6728,13 +7004,13 @@ const imageStyles = {
 } ;
 const counterStyles = /*#__PURE__*/react$1.css("background:", designSystem.designTokens.colorSurface, ";border-left:1px solid ", designSystem.designTokens.colorNeutral, ";color:", designSystem.designTokens.colorSolid, ";margin-left:0;padding:17px 12px;height:", IMAGE_DIMENSION.DEFAULT, ";.condensed &{height:", IMAGE_DIMENSION.CONDENSED, ";}" + ("" ), "" );
 
-const _excluded$6 = ["children"];
+const _excluded$7 = ["children"];
 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; }
 var NoImageIcon = "<svg width=\"66\" height=\"66\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"NoImageIcon-path-1\" d=\"M0 0h66v66H0z\"/></defs><g id=\"NoImageIcon-ALL-components\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"NoImageIcon-Shared-/-Image-container\" transform=\"translate(-702 -232)\"><g id=\"NoImageIcon-thumbnail-2\" transform=\"translate(702 232)\"><mask id=\"NoImageIcon-mask-2\" fill=\"#fff\"><use xlink:href=\"#NoImageIcon-path-1\"/></mask><use id=\"NoImageIcon-Mask\" fill=\"#D8D8D8\" xlink:href=\"#NoImageIcon-path-1\"/><g mask=\"url(#NoImageIcon-mask-2)\" fill-rule=\"nonzero\" id=\"NoImageIcon-Path\"><path d=\"M0 4.316C0 1.932 2.09 0 4.667 0h67.666C74.911 0 77 1.932 77 4.316v57.368C77 64.067 74.91 66 72.333 66H4.667C2.089 66 0 64.067 0 61.684V4.316z\" fill=\"#B4E1FD\" transform=\"translate(-6)\"/><path d=\"M35 17a7 7 0 11-14 0 7 7 0 0114 0z\" fill=\"#E8F3FC\" transform=\"translate(-6)\"/><path d=\"M21.776 35.53L0 61.276V66h77V44.654L60.244 25.218c-1.401-1.626-4-1.624-5.398.004L39.44 43.15c-1.381 1.607-3.94 1.632-5.355.052l-6.936-7.746c-1.422-1.588-3.997-1.553-5.372.073z\" fill=\"#E8F4FC\" transform=\"translate(-6)\"/></g></g></g></g></svg>";
 const WrapperComponent = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   return jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, props), {}, {
     ref: ref,
     children: children
@@ -6994,7 +7270,7 @@ const VariantAvailabilityChange = props => {
 VariantAvailabilityChange.displayName = 'VariantAvailabilityChange';
 VariantAvailabilityChange.propTypes = {};
 
-const _excluded$5 = ["typeId", "id"];
+const _excluded$6 = ["typeId", "id"];
 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 _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$W(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$W(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ProductChanges = props => {
@@ -7332,7 +7608,7 @@ const ProductChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$5);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$6);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -7378,7 +7654,7 @@ const ProductChanges = props => {
 ProductChanges.displayName = 'ProductChanges';
 ProductChanges.propTypes = {};
 
-const _excluded$4 = ["typeId", "id"],
+const _excluded$5 = ["typeId", "id"],
   _excluded2 = ["typeId", "id"];
 const MAX_REFERENCES = 20;
 const isChangeValueLarge = value => value.length > MAX_REFERENCES;
@@ -7431,7 +7707,7 @@ const AddRemoveProductModalDisplayChange = props => {
           const _ref2 = value || {},
             typeId = _ref2.typeId,
             id = _ref2.id,
-            expandedProps = _objectWithoutProperties(_ref2, _excluded$4);
+            expandedProps = _objectWithoutProperties(_ref2, _excluded$5);
           return jsxRuntime.jsx(ReferenceTypeChange, {
             id: id,
             typeId: typeId,
@@ -8005,7 +8281,7 @@ const StagedQuoteChanges = props => {
 StagedQuoteChanges.displayName = 'StagedQuoteChangeItem';
 StagedQuoteChanges.propTypes = {};
 
-const _excluded$3 = ["typeId", "id"];
+const _excluded$4 = ["typeId", "id"];
 const ReviewChanges = props => {
   switch (props.change.change) {
     case CHANGE_TYPE_NAME.SET_CUSTOM_TYPE:
@@ -8028,7 +8304,7 @@ const ReviewChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$3);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$4);
         return (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -8046,7 +8322,7 @@ const ReviewChanges = props => {
 ReviewChanges.displayName = 'ReviewChanges';
 ReviewChanges.propTypes = {};
 
-const _excluded$2 = ["typeId", "id"];
+const _excluded$3 = ["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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$U(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$U(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ShoppingListChanges = props => {
@@ -8238,7 +8514,7 @@ const ShoppingListChanges = props => {
         const _ref = props.value || {},
           typeId = _ref.typeId,
           id = _ref.id,
-          expandedProps = _objectWithoutProperties(_ref, _excluded$2);
+          expandedProps = _objectWithoutProperties(_ref, _excluded$3);
         return (_props$value2 = props.value) !== null && _props$value2 !== void 0 && _props$value2.id ? jsxRuntime.jsx(ReferenceTypeChange, {
           id: id,
           typeId: typeId,
@@ -8256,7 +8532,7 @@ const ShoppingListChanges = props => {
 ShoppingListChanges.displayName = 'ShoppingListChanges';
 ShoppingListChanges.propTypes = {};
 
-const _excluded$1 = ["typeId", "id"];
+const _excluded$2 = ["typeId", "id"];
 const StateChanges = props => {
   var _context;
   switch (props.change.change) {
@@ -8287,7 +8563,7 @@ const StateChanges = props => {
         children: _mapInstanceProperty__default["default"](_context = props.value).call(_context, resource => {
           const typeId = resource.typeId,
             id = resource.id,
-            expandedProps = _objectWithoutProperties(resource, _excluded$1);
+            expandedProps = _objectWithoutProperties(resource, _excluded$2);
           return jsxRuntime.jsx(ReferenceTypeChange, {
             id: id,
             typeId: typeId,
@@ -11476,49 +11752,49 @@ const options$o = intl => [{
 }];
 
 const options$n = intl => [{
-  value: 'changeCartPredicate',
+  value: ResourceChangeInput.ChangeCartPredicate,
   label: intl.formatMessage(messages$1m.changeCartPredicateLabel)
 }, {
-  value: 'changeIsActive',
+  value: ResourceChangeInput.ChangeIsActive,
   label: intl.formatMessage(commonMessages.changeIsActiveLabel)
 }, {
-  value: 'changeName',
+  value: ResourceChangeInput.ChangeName,
   label: intl.formatMessage(commonMessages.changeNameLabel)
 }, {
-  value: 'changeRequiresDiscountCode',
+  value: ResourceChangeInput.ChangeRequiresDiscountCode,
   label: intl.formatMessage(messages$1m.changeRequiresDiscountCodeLabel)
 }, {
-  value: 'changeSortOrder',
+  value: ResourceChangeInput.ChangeSortOrder,
   label: intl.formatMessage(commonMessages.changeSortOrderLabel)
 }, {
-  value: 'changeStackingMode',
+  value: ResourceChangeInput.ChangeStackingMode,
   label: intl.formatMessage(messages$1m.changeStackingModeLabel)
 }, {
-  value: 'changeTarget',
+  value: ResourceChangeInput.ChangeTarget,
   label: intl.formatMessage(messages$1m.changeTargetLabel)
 }, {
-  value: 'changeValue',
+  value: ResourceChangeInput.ChangeValue,
   label: intl.formatMessage(commonMessages.changeValueLabel)
 }, {
-  value: 'setCustomField',
+  value: ResourceChangeInput.SetCustomField,
   label: intl.formatMessage(commonMessages.setCustomFieldLabel)
 }, {
-  value: 'setCustomType',
+  value: ResourceChangeInput.SetCustomType,
   label: intl.formatMessage(commonMessages.setCustomTypeLabel)
 }, {
-  value: 'setDescription',
+  value: ResourceChangeInput.SetDescription,
   label: intl.formatMessage(commonMessages.setDescriptionLabel)
 }, {
-  value: 'setKey',
+  value: ResourceChangeInput.SetKey,
   label: intl.formatMessage(commonMessages.setKeyLabel)
 }, {
-  value: 'setValidFrom',
+  value: ResourceChangeInput.SetValidFrom,
   label: intl.formatMessage(commonMessages.setValidFromLabel)
 }, {
-  value: 'setValidFromAndUntil',
+  value: ResourceChangeInput.SetValidFromAndUntil,
   label: intl.formatMessage(commonMessages.setValidFromAndUntilLabel)
 }, {
-  value: 'setValidUntil',
+  value: ResourceChangeInput.SetValidUntil,
   label: intl.formatMessage(commonMessages.setValidUntilLabel)
 }];
 
@@ -13156,7 +13432,7 @@ var getColumns$1 = memoize__default["default"](_ref => {
 });
 
 const invalidValues$1 = [null, undefined, ''];
-function validateSingleFilter(_ref) {
+function validateRequiredFilter(_ref) {
   let value = _ref.value;
   return _includesInstanceProperty__default["default"](invalidValues$1).call(invalidValues$1, value);
 }
@@ -13174,16 +13450,16 @@ var messages$v = reactIntl.defineMessages({
   }
 });
 
-const validateFilter = (_ref, intl) => {
+function validateFilter(_ref, intl) {
   let value = _ref.value,
     type = _ref.type;
   if (type !== 'range') return null;
-  if (validateSingleFilter({
+  if (validateRequiredFilter({
     value: value.from
   })) return {
     from: intl.formatMessage(messages$v.rangeMissingValue)
   };
-  if (validateSingleFilter({
+  if (validateRequiredFilter({
     value: value.to
   })) return {
     to: intl.formatMessage(messages$v.rangeMissingValue)
@@ -13192,7 +13468,7 @@ const validateFilter = (_ref, intl) => {
     from: intl.formatMessage(messages$v.rangeToSmallerThanFrom)
   };
   return null;
-};
+}
 
 var validationMessages = reactIntl.defineMessages({
   required: {
@@ -13202,14 +13478,97 @@ var validationMessages = reactIntl.defineMessages({
   }
 });
 
+const inputStyles = /*#__PURE__*/react$1.css("min-width:584px;border-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ), "" );
+const errorContainerStyles = /*#__PURE__*/react$1.css("margin-top:", designSystem.designTokens.spacingXs, ";min-width:138px;" + ("" ), "" );
+const searchableSelectInputStyles = /*#__PURE__*/react$1.css("display:flex;gap:8px;border-radius:", designSystem.designTokens.borderRadius6, ";min-width:584px;& input{min-width:526px!important;}" + ("" ), "" );
+const customerIdInputStyles = /*#__PURE__*/react$1.css("display:flex;gap:8px;border-radius:", designSystem.designTokens.borderRadius6, ";& input{min-width:584px!important;}" + ("" ), "" );
+
+const RequiredFilter = props => {
+  return jsxRuntime.jsxs(react.Fragment, {
+    children: [props.children, props.error && jsxRuntime.jsx("div", {
+      css: errorContainerStyles,
+      children: jsxRuntime.jsx(uiKit.ErrorMessage, {
+        children: props.error
+      })
+    })]
+  });
+};
+RequiredFilter.displayName = 'RequiredFilter';
+
+/* In case of the multi selection we need the function because
+ *  the `value` could be
+ *  1. An object with an array attribute called `value`
+ *  2. Could be `null`, in which case we need to pass an empty array
+ *     to SelectInput
+ */
+const parseMultiValueForSelectInput = value => (value === null || value === void 0 ? void 0 : value.value) || [];
+
+/* In case of the single selection we need the function because
+ *  the `value` could be
+ *  1. `null`
+ *  2. An object with a string attribute called `value`
+ */
+const parseSingleValueForSelectInput = value => value !== null && value !== void 0 && value.value ? value.value : value;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isEnumFilterValue = input => {
+  var _context;
+  return !!input && typeof input === 'object' && 'value' in input && (typeof input.value === 'string' ||
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _Array$isArray__default["default"](input.value) && _everyInstanceProperty__default["default"](_context = input.value).call(_context, item => typeof item === 'string'));
+};
+const createEnumFilter = _ref => {
+  let _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$isMulti = _ref.isMulti,
+    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable;
+  const EnumRequiredFilter = _ref2 => {
+    let error = _ref2.error,
+      value = _ref2.value,
+      onUpdateFilter = _ref2.onUpdateFilter;
+    const _useVersionTier = useVersionTier(),
+      tier = _useVersionTier.tier;
+    const isBasicTier = tier === TierLevels.Basic;
+    return jsxRuntime.jsx(RequiredFilter, {
+      error: error,
+      children: jsxRuntime.jsx("div", {
+        css: inputStyles,
+        children: jsxRuntime.jsx(uiKit.SelectInput, {
+          options: optionsGrouping({
+            options,
+            tier
+          }),
+          isOptionDisabled: isBasicTier ? (option, _selectValue) => {
+            const typedOption = option;
+            return typedOption.disabledForBasic ? typedOption.disabledForBasic : false;
+          } : (_option, _selectValue) => false,
+          isMulti: isMulti,
+          isSearchable: isSearchable,
+          value: isEnumFilterValue(value) ? isMulti ? parseMultiValueForSelectInput(value) : parseSingleValueForSelectInput(value) : null,
+          onChange: event => onUpdateFilter(event.target.value ? {
+            value: event.target.value
+          } : null),
+          isClearable: false,
+          backspaceRemovesValue: false
+        })
+      })
+    });
+  };
+  EnumRequiredFilter.displayName = 'EnumRequiredFilter';
+  return EnumRequiredFilter;
+};
+
 const validateSingleOptionEnum = (selectedOption, intl) => {
-  if (validateSingleFilter(selectedOption)) return intl.formatMessage(validationMessages.required);
+  if (validateRequiredFilter(selectedOption)) return intl.formatMessage(validationMessages.required);
   return null;
 };
 const validateMultiOptionEnum = (selectedOption, intl) => {
-  var _selectedOption$value, _selectedOption$value2;
-  if (validateSingleFilter(selectedOption) || ((_selectedOption$value = selectedOption.value) === null || _selectedOption$value === void 0 || (_selectedOption$value = _selectedOption$value.value) === null || _selectedOption$value === void 0 ? void 0 : _selectedOption$value.length) === 0) return intl.formatMessage(validationMessages.required);
-  if (validateSingleFilter(selectedOption) || ((_selectedOption$value2 = selectedOption.value) === null || _selectedOption$value2 === void 0 ? void 0 : _selectedOption$value2.length) === 0) return intl.formatMessage(validationMessages.required);
+  var _selectedOption$value;
+  if (validateRequiredFilter(selectedOption) || isEnumFilterValue(selectedOption.value) && ((_selectedOption$value = selectedOption.value) === null || _selectedOption$value === void 0 || (_selectedOption$value = _selectedOption$value.value) === null || _selectedOption$value === void 0 ? void 0 : _selectedOption$value.length) === 0 || _Array$isArray__default["default"](selectedOption.value) && selectedOption.value.length === 0) {
+    return intl.formatMessage(validationMessages.required);
+  }
   return null;
 };
 
@@ -13221,57 +13580,139 @@ var messages$u = reactIntl.defineMessages({
   }
 });
 
-var validateResourceChange = ((filter, intl) => {
-  var _filter$value, _filter$value2;
-  if (filter !== null && filter !== void 0 && (_filter$value = filter.value) !== null && _filter$value !== void 0 && _filter$value.resource && filter !== null && filter !== void 0 && (_filter$value2 = filter.value) !== null && _filter$value2 !== void 0 && _filter$value2.change) return null;
-  return intl.formatMessage(messages$u.resourceChangeValidationError);
+var messages$t = reactIntl.defineMessages({
+  whenLabel: {
+    id: 'ResourceActionFilter.whenLabel',
+    description: 'Message for whenLabel',
+    defaultMessage: 'when'
+  },
+  hasLabel: {
+    id: 'ResourceActionFilter.hasLabel',
+    description: 'Message for the hasLabel',
+    defaultMessage: 'has'
+  },
+  resourceInputPlaceholder: {
+    id: 'ResourceActionFilter.resourceInputPlaceholder',
+    description: 'Placeholder for resource selection',
+    defaultMessage: 'Select the entity type...'
+  },
+  changeInputPlaceholder: {
+    id: 'ResourceActionFilter.actionInputPlaceholder',
+    description: 'Placeholder for change selection',
+    defaultMessage: 'Select change...'
+  }
 });
 
-const inputStyles = /*#__PURE__*/react$1.css("min-width:584px;border-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ), "" );
-const errorContainerStyles = /*#__PURE__*/react$1.css("margin-top:", designSystem.designTokens.spacingXs, ";min-width:138px;" + ("" ), "" );
-const searchableSelectInputStyles = /*#__PURE__*/react$1.css("display:flex;gap:8px;border-radius:", designSystem.designTokens.borderRadius6, ";min-width:584px;& input{min-width:526px!important;}" + ("" ), "" );
-const customerIdInputStyles = /*#__PURE__*/react$1.css("display:flex;gap:8px;border-radius:", designSystem.designTokens.borderRadius6, ";& input{min-width:584px!important;}" + ("" ), "" );
-
-const SingleFilter = props => {
-  return jsxRuntime.jsxs(react.Fragment, {
-    children: [props.renderInput({
-      value: props.value,
-      onUpdateValue: value => props.onUpdateValue(value === '' ? null : value),
-      hasError: Boolean(props.error),
-      onBlur: function () {
-        if (props.onBlur) props.onBlur(...arguments);
-      },
-      onFocus: function () {
-        if (props.onFocus) props.onFocus(...arguments);
-      },
-      placeholder: props.placeholder
-    }), props.error && jsxRuntime.jsx("div", {
-      css: errorContainerStyles,
-      children: jsxRuntime.jsx(uiKit.ErrorMessage, {
-        children: props.error
+const _excluded$1 = ["resources"];
+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; }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isResourceChangeFilterValue = input => {
+  var _context, _context2;
+  return input && typeof input === 'object' && 'resource' in input && 'change' in input && (input.resource === null || typeof input.resource === 'string' && _includesInstanceProperty__default["default"](_context = _Object$values__default["default"](RESOURCE_TYPE)).call(_context, input.resource)) && (input.change === null || typeof input.change === 'string' && _includesInstanceProperty__default["default"](_context2 = _Object$values__default["default"](ResourceChangeInput)).call(_context2, input.change));
+};
+const getChangesByResourceType = (resourceType, intl) => {
+  const getChanges = getChangesOptions(resourceType);
+  const changesByResourceType = getChanges ? getChanges(intl) : [];
+  return orderBy__default["default"](changesByResourceType, ['label'], ['asc']);
+};
+const ResourceChangeFilter = _ref => {
+  let _ref$resources = _ref.resources,
+    resources = _ref$resources === void 0 ? [] : _ref$resources,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const intl = reactIntl.useIntl();
+  const _useVersionTier = useVersionTier(),
+    tier = _useVersionTier.tier;
+  const isBasicTier = tier === TierLevels.Basic;
+  const defaultValue = isResourceChangeFilterValue(props.value) ? resources.length === 1 ? _objectSpread$J(_objectSpread$J({}, props.value), {}, {
+    resource: resources[0].value
+  }) : props.value : {
+    resource: '',
+    change: ''
+  };
+  const resource = defaultValue.resource,
+    change = defaultValue.change;
+  const sortedResources = orderBy__default["default"](resources, ['label'], ['asc']);
+  return jsxRuntime.jsx(RequiredFilter, {
+    error: props.error,
+    children: jsxRuntime.jsx("div", {
+      css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint16, ";" + ("" ), "" ),
+      children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        alignItems: "center",
+        children: [jsxRuntime.jsx("div", {
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$J({}, messages$t.whenLabel))
+        }), jsxRuntime.jsx("div", {
+          css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint7, ";" + ("" ), "" ),
+          children: jsxRuntime.jsx(uiKit.SelectInput, {
+            name: "change-selector",
+            value: resource,
+            options: optionsGrouping({
+              options: sortedResources,
+              tier
+            }),
+            isOptionDisabled: isBasicTier ? (option, _selectValue) => {
+              const typedOption = option;
+              return typedOption.disabledForBasic ? typedOption.disabledForBasic : false;
+            } : (_option, _selectValue) => false,
+            placeholder: intl.formatMessage(messages$t.resourceInputPlaceholder),
+            onChange: nextValue => props.onUpdateFilter({
+              resource: nextValue.target.value,
+              change: null
+            }),
+            isClearable: false,
+            isDisabled: resources.length === 1,
+            horizontalConstraint: 16
+          })
+        }), resource && jsxRuntime.jsxs(react.Fragment, {
+          children: [jsxRuntime.jsx("div", {
+            "data-testid": "prueba",
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$J({}, messages$t.hasLabel))
+          }), jsxRuntime.jsx("div", {
+            css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint7, ";" + ("" ), "" ),
+            children: jsxRuntime.jsx(uiKit.SelectInput, {
+              name: "change-selector",
+              "data-testid": "change-selector-".concat(resource),
+              value: change,
+              placeholder: intl.formatMessage(messages$t.changeInputPlaceholder),
+              options: getChangesByResourceType(resource, intl),
+              onChange: nextValue => props.onUpdateFilter({
+                resource: resource,
+                change: nextValue.target.value
+              }),
+              isClearable: false,
+              isDisabled: false,
+              horizontalConstraint: 16
+            })
+          })]
+        })]
       })
-    })]
+    })
   });
 };
-SingleFilter.displayName = 'SingleFilter';
-SingleFilter.propTypes = {};
+ResourceChangeFilter.displayName = 'ResourceChangeFilter';
+
+const validate = (filter, intl) => {
+  var _filter$value, _filter$value2;
+  if (isResourceChangeFilterValue(filter.value) && (_filter$value = filter.value) !== null && _filter$value !== void 0 && _filter$value.resource && (_filter$value2 = filter.value) !== null && _filter$value2 !== void 0 && _filter$value2.change) return null;
+  return intl.formatMessage(messages$u.resourceChangeValidationError);
+};
 
 const containerStyles = {
   name: "dnp3pp",
   styles: "display:inline-flex;flex-direction:column"
 } ;
 
-var messages$t = reactIntl.defineMessages({
+var messages$s = reactIntl.defineMessages({
   and: {
     id: 'Search.Filters.RangeFilter.and',
     defaultMessage: 'and'
   }
 });
 
-function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$I(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$I(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$I(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const processUpdateValue = newValue => {
-  const processedValue = _objectSpread$J({}, newValue);
+  const processedValue = _objectSpread$I({}, newValue);
   if (newValue.to === '') processedValue.to = null;else if (newValue.from === '') processedValue.from = null;
   return processedValue;
 };
@@ -13304,7 +13745,7 @@ const RangeFilter = props => jsxRuntime.jsxs("div", {
       })
     })]
   }), jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: messages$t.and
+    intlMessage: messages$s.and
   }), jsxRuntime.jsxs("div", {
     css: containerStyles,
     children: [props.renderInput({
@@ -13343,7 +13784,7 @@ const createDateFilter = function () {
     timeScale = _ref.timeScale,
     _ref$horizontalConstr = _ref.horizontalConstraint,
     horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr;
-  const FilterType = isRange ? RangeFilter : SingleFilter;
+  const FilterType = isRange ? RangeFilter : RequiredFilter;
   const DateFilter = props => jsxRuntime.jsx(FilterType, {
     renderInput: _ref2 => {
       let value = _ref2.value,
@@ -13476,7 +13917,7 @@ const SingleFilterTag = props => {
 SingleFilterTag.displayName = 'SingleFilterTag';
 SingleFilterTag.propTypes = {};
 
-const messages$s = reactIntl.defineMessages({
+const messages$r = reactIntl.defineMessages({
   from: {
     id: 'Search.Filters.RangeFilterTag.from',
     description: '',
@@ -13500,12 +13941,12 @@ const RangeFilterTag = props => {
       children: [jsxRuntime.jsxs("div", {
         children: [props.fieldLabel, ':']
       }), jsxRuntime.jsx("div", {
-        children: formatMessage(messages$s.from)
+        children: formatMessage(messages$r.from)
       }), jsxRuntime.jsx("div", {
         css: boldStyles,
         children: props.renderValue(props.value ? props.value.from : null)
       }), jsxRuntime.jsx("div", {
-        children: formatMessage(messages$s.to)
+        children: formatMessage(messages$r.to)
       }), jsxRuntime.jsx("div", {
         css: boldStyles,
         children: props.renderValue(props.value ? props.value.to : null)
@@ -13553,339 +13994,34 @@ const TextSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
 TextSingleFilterTag.displayName = 'TextSingleFilterTag';
 TextSingleFilterTag.propTypes = {};
 
-const createEnumSingleFilter = _ref => {
-  let _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$isMulti = _ref.isMulti,
-    isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
-    _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable;
-  const EnumSingleFilter = props => {
-    const _useVersionTier = useVersionTier(),
-      tier = _useVersionTier.tier;
-    return jsxRuntime.jsx(SingleFilter, {
-      renderInput: _ref2 => {
-        let value = _ref2.value,
-          onUpdateValue = _ref2.onUpdateValue,
-          onBlur = _ref2.onBlur,
-          onFocus = _ref2.onFocus;
-        return renderInput$2({
-          value,
-          onUpdateValue,
-          options,
-          placeholder: props.placeholder,
-          components: props.components,
-          autofocus: props.autofocus,
-          disabled: props.disabled,
-          isSearchable,
-          isMulti,
-          onBlur,
-          onFocus,
-          tier
-        });
-      },
-      value: props.value,
-      error: props.error,
-      onUpdateValue: props.onUpdateFilter,
-      onBlur: props.onBlur,
-      onFocus: props.onFocus
-    });
-  };
-  EnumSingleFilter.defaultProps = {
-    disabled: false
-  };
-  EnumSingleFilter.propTypes = {};
-  EnumSingleFilter.displayName = 'EnumSingleFilter';
-  return EnumSingleFilter;
+const isTextFilterValue = value => {
+  return typeof value === 'string';
 };
-
-/* In case of the multi selection we need the function because
- *  the `value` could be
- *  1. An array
- *  2. An object with an array attribute called `value`
- *  3. Could be `null`, in which case we need to pass an empty array
- *     to SelectInput
- */
-const parseMultiValueForSelectInput = value => _Array$isArray__default["default"](value) ? value : (value === null || value === void 0 ? void 0 : value.value) || [];
-
-/* In case of the single selection we need the function because
- *  the `value` could be
- *  1. `null`
- *  2. A string
- *  3. An object with a string attribute called `value`
- */
-const parseSingleValueForSelectInput = value => {
-  if (!value) return value;
-  return value.value ? "".concat(value.value) : "".concat(value);
-};
-
-/* eslint-disable react/prop-types */
-function renderInput$2(_ref3) {
-  let _ref3$value = _ref3.value,
-    value = _ref3$value === void 0 ? '' : _ref3$value,
-    onUpdateValue = _ref3.onUpdateValue,
-    placeholder = _ref3.placeholder,
-    autofocus = _ref3.autofocus,
-    options = _ref3.options,
-    isMulti = _ref3.isMulti,
-    isSearchable = _ref3.isSearchable,
-    disabled = _ref3.disabled,
-    onBlur = _ref3.onBlur,
-    onFocus = _ref3.onFocus,
-    components = _ref3.components,
-    tier = _ref3.tier;
-  const isNotPremiumTier = tier !== TIER_TYPES.PREMIUM;
+const TextFilter = props => {
   return jsxRuntime.jsx("div", {
-    css: inputStyles,
-    children: jsxRuntime.jsx(uiKit.SelectInput, {
-      options: optionsGrouping({
-        options,
-        tier
-      }),
-      isOptionDisabled: isNotPremiumTier ? option => option.disabledForBasic : _option => null,
-      isClearable: false,
-      backspaceRemovesValue: false,
-      isSearchable: isSearchable,
-      value: isMulti ? parseMultiValueForSelectInput(value) : parseSingleValueForSelectInput(value),
-      onChange: event => onUpdateValue(event.target),
-      placeholder: placeholder,
-      isDisabled: disabled,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      autofocus: autofocus,
-      isMulti: isMulti,
-      components: components
+    css: customerIdInputStyles,
+    children: jsxRuntime.jsx(RequiredFilter, {
+      error: props.error,
+      children: jsxRuntime.jsx(uiKit.TextInput, {
+        onChange: event => props.onUpdateFilter(event.target.value),
+        value: isTextFilterValue(props.value) ? props.value : '',
+        hasError: Boolean(props.error)
+      })
     })
   });
-}
-renderInput$2.displayName = 'Input';
-
-function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
-let TextSingleFilter = /*#__PURE__*/function (_Component) {
-  function TextSingleFilter() {
-    _classCallCheck(this, TextSingleFilter);
-    return _callSuper$4(this, TextSingleFilter, arguments);
-  }
-  _inherits(TextSingleFilter, _Component);
-  return _createClass(TextSingleFilter, [{
-    key: "render",
-    value: function render() {
-      return jsxRuntime.jsx("div", {
-        css: customerIdInputStyles,
-        children: jsxRuntime.jsx(SingleFilter, {
-          renderInput: _ref => {
-            let value = _ref.value,
-              onUpdateValue = _ref.onUpdateValue,
-              onBlur = _ref.onBlur,
-              onFocus = _ref.onFocus;
-            return renderInput$1({
-              value,
-              onUpdateValue,
-              placeholder: this.props.placeholder,
-              disabled: this.props.disabled,
-              onBlur,
-              onFocus
-            });
-          },
-          value: this.props.value,
-          error: this.props.error,
-          onUpdateValue: eventOrNewValue => this.props.onUpdateFilter(eventOrNewValue.target ? eventOrNewValue.target.value : eventOrNewValue),
-          onBlur: this.props.onBlur,
-          onFocus: this.props.onFocus
-        })
-      });
-    }
-  }]);
-}(react.Component);
+};
+TextFilter.displayName = 'TextFilter';
 
-/* eslint-disable react/prop-types */
-TextSingleFilter.displayName = 'TextSingleFilter';
-TextSingleFilter.defaultProps = {
-  disabled: false
-};
-TextSingleFilter.propTypes = {};
-function renderInput$1(_ref2) {
-  let _ref2$value = _ref2.value,
-    value = _ref2$value === void 0 ? '' : _ref2$value,
-    onUpdateValue = _ref2.onUpdateValue,
-    placeholder = _ref2.placeholder,
-    disabled = _ref2.disabled,
-    hasError = _ref2.hasError,
-    onBlur = _ref2.onBlur,
-    onFocus = _ref2.onFocus;
-  return jsxRuntime.jsx(uiKit.TextInput, {
-    hasError: hasError,
-    onChange: onUpdateValue,
-    value: isNil__default["default"](value) ? '' : value,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    isDisabled: disabled
-  });
-}
-renderInput$1.displayName = 'Input';
-
-var messages$r = reactIntl.defineMessages({
-  whenLabel: {
-    id: 'ResourceActionFilter.whenLabel',
-    description: 'Message for whenLabel',
-    defaultMessage: 'when'
-  },
-  hasLabel: {
-    id: 'ResourceActionFilter.hasLabel',
-    description: 'Message for the hasLabel',
-    defaultMessage: 'has'
-  },
-  resourceInputPlaceholder: {
-    id: 'ResourceActionFilter.resourceInputPlaceholder',
-    description: 'Placeholder for resource selection',
-    defaultMessage: 'Select the entity type...'
-  },
-  changeInputPlaceholder: {
-    id: 'ResourceActionFilter.actionInputPlaceholder',
-    description: 'Placeholder for change selection',
-    defaultMessage: 'Select change...'
-  }
-});
-
-function ownKeys$I(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$I(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$I(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
-let ResourceChangeFilter = /*#__PURE__*/function (_PureComponent) {
-  function ResourceChangeFilter() {
-    _classCallCheck(this, ResourceChangeFilter);
-    return _callSuper$3(this, ResourceChangeFilter, arguments);
-  }
-  _inherits(ResourceChangeFilter, _PureComponent);
-  return _createClass(ResourceChangeFilter, [{
-    key: "render",
-    value: function render() {
-      const defaultValue = this.props.resources.length === 1 ? _objectSpread$I(_objectSpread$I({}, this.props.value), {}, {
-        resource: this.props.resources[0].value,
-        target: this.props.resources[0].value
-      }) : this.props.value;
-      const resources = this.props.resources;
-      return jsxRuntime.jsx(SingleFilter, {
-        renderInput: _ref => {
-          var _this$props;
-          let value = _ref.value,
-            onUpdateValue = _ref.onUpdateValue;
-          return renderInput({
-            value,
-            onUpdateValue,
-            disabled: this.props.disabled,
-            hasError: this.props.error,
-            resources,
-            intl: this.props.intl,
-            tier: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.tier
-          });
-        },
-        value: defaultValue,
-        error: this.props.error,
-        onUpdateValue: this.props.onUpdateFilter,
-        onBlur: this.props.onBlur,
-        onFocus: this.props.onFocus
-      });
-    }
-  }]);
-}(react.PureComponent);
-ResourceChangeFilter.displayName = 'ResourceActionFilter';
-ResourceChangeFilter.defaultProps = {
-  hideTypes: [],
-  disabled: false
-};
-ResourceChangeFilter.propTypes = {};
-const getChangesByResourceType = (resourceType, intl) => {
-  const getChanges = getChangesOptions(resourceType);
-  const changesByResourceType = getChanges ? getChanges(intl) : [];
-  return orderBy__default["default"](changesByResourceType, ['label'], ['asc']);
-};
-
-/* eslint-disable react/prop-types */
-function renderInput(_ref2) {
-  let tier = _ref2.tier,
-    value = _ref2.value,
-    onUpdateValue = _ref2.onUpdateValue,
-    resources = _ref2.resources,
-    disabled = _ref2.disabled,
-    intl = _ref2.intl;
-  const isPremiumFiltersDisabled = tier === TIER_TYPES.BASIC;
-  const _ref3 = value || {},
-    target = _ref3.target,
-    resource = _ref3.resource,
-    change = _ref3.change;
-  const sortedResources = orderBy__default["default"](resources, ['label'], ['asc']);
-  return jsxRuntime.jsx("div", {
-    css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint16, ";" + ("" ), "" ),
-    children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      alignItems: "center",
-      children: [jsxRuntime.jsx("div", {
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$I({}, messages$r.whenLabel))
-      }), jsxRuntime.jsx("div", {
-        css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint7, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(uiKit.SelectInput, {
-          name: "change-selector",
-          value: target,
-          options: optionsGrouping({
-            options: sortedResources,
-            tier
-          }),
-          isOptionDisabled: isPremiumFiltersDisabled ? option => option.disabledForBasic : _option => null,
-          placeholder: intl.formatMessage(messages$r.resourceInputPlaceholder),
-          onChange: nextValue => onUpdateValue({
-            target: nextValue.target.value,
-            resource: nextValue.target.value,
-            change: null
-          }),
-          isClearable: false,
-          isDisabled: disabled || resources.length === 1,
-          horizontalConstraint: 16
-        })
-      }), resource && jsxRuntime.jsxs(react.Fragment, {
-        children: [jsxRuntime.jsx("div", {
-          "data-testid": "prueba",
-          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$I({}, messages$r.hasLabel))
-        }), jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint7, ";" + ("" ), "" ),
-          children: jsxRuntime.jsx(uiKit.SelectInput, {
-            name: "change-selector",
-            "data-testid": "change-selector-".concat(target),
-            value: change,
-            placeholder: intl.formatMessage(messages$r.changeInputPlaceholder),
-            options: optionsGrouping({
-              options: getChangesByResourceType(target, intl),
-              tier
-            }),
-            isOptionDisabled: isPremiumFiltersDisabled ? option => option.disabledForBasic : _option => null,
-            onChange: nextValue => onUpdateValue({
-              target,
-              resource: target,
-              change: nextValue.target.value
-            }),
-            isClearable: false,
-            isDisabled: false,
-            horizontalConstraint: 16
-          })
-        })]
-      })]
-    })
-  });
-}
-renderInput.displayName = 'Input';
-var ResourceChangeFilter$1 = reactIntl.injectIntl(ResourceChangeFilter);
-
-var _ref$c = {
-  name: "1tmmbhs",
-  styles: "height:100%;display:flex;flex-grow:1;align-items:center;justify-content:center"
-} ;
-const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
-  css: _ref$c,
-  "data-testid": "centered-loading-spinner",
-  children: jsxRuntime.jsx(uiKit.LoadingSpinner, {})
-});
-CenteredLoadingSpinner.displayName = 'CenteredLoadingSpinner';
+var _ref$c = {
+  name: "1tmmbhs",
+  styles: "height:100%;display:flex;flex-grow:1;align-items:center;justify-content:center"
+} ;
+const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
+  css: _ref$c,
+  "data-testid": "centered-loading-spinner",
+  children: jsxRuntime.jsx(uiKit.LoadingSpinner, {})
+});
+CenteredLoadingSpinner.displayName = 'CenteredLoadingSpinner';
 
 const LOWER_STORES_LIMIT = 60;
 const UPPER_STORES_LIMIT = 500;
@@ -14349,22 +14485,25 @@ const StoresFilter = props => {
     isTouched = _useState4[0],
     setIsTouched = _useState4[1];
   react.useEffect(() => {
-    // StoreSelectInput requires an array of store key strings for its' value prop,
+    // StoreSelectInput requires an array of store key strings for its value prop,
     // whereas selected store values are set as an array of objects with this shape:
     // [{key: <key>, label: <label>, id:<id>}]
     // so that we can display the localized store name in the filter tag view instead of the key.
     // This function creates an array of id's consumable by StoreSelectInput with the shape:
     // [ <store_id_1>, <store_id_2> ]
-    // then sets the array of strings into local state so they can be consumed by the input,
+    // then sets the array of strings into local state, so they can be consumed by the input,
     // since the input errors out if it is passed a function as a value.
     if (_Array$isArray__default["default"](props.value)) {
       var _context;
       setStoreIds(_mapInstanceProperty__default["default"](_context = props.value).call(_context, value => value.key));
     }
   }, [props.value]);
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      projectKey: applicationContext.project.key
-    })),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
+      };
+    }),
     projectKey = _useApplicationContex.projectKey;
   const canViewCustomers = permissions.useIsAuthorized({
     demandedPermissions: [PERMISSIONS.ViewCustomers]
@@ -14379,8 +14518,7 @@ const StoresFilter = props => {
     resourceName: DATA_FENCE_RESOURCE_TYPES.ORDERS
   });
   const allAccessibleStoreKeysThroughDataFencePermissions = !canViewCustomers && !canViewOrders ? [...customerStoreKeysFromDataFence, ...ordersStoreKeysFromDataFence] : [];
-  const handleFocus = function () {
-    if (props.onFocus) props.onFocus(...arguments);
+  const handleFocus = () => {
     setIsTouched(true);
   };
   return jsxRuntime.jsx("div", {
@@ -14398,10 +14536,16 @@ const StoresFilter = props => {
       optionType: selectUtils.SELECT_DROPDOWN_OPTION_TYPES.DOUBLE_PROPERTY,
       renderSelectInputOptionValuesByField: "key",
       onFocus: handleFocus,
-      onChange: props.onUpdateFilter,
-      errors: {
-        [props.error]: Boolean(props.error)
+      onChange: event => {
+        // The event is technically a TCustomEvent from async-select-input.d.ts or search-select-input.d.ts
+        // where the value is of unknown type. Those TCustomEvent's are not exported, so this is a little bit of a hack
+        // to use the TCustomEvent from a different select input, but we have to cast to unknown and then to our stores
+        // filter value to get the right type.
+        props.onUpdateFilter(event.target.value);
       },
+      errors: props.error ? {
+        [props.error]: Boolean(props.error)
+      } : null,
       hasError: Boolean(props.error),
       renderError: key => jsxRuntime.jsx("div", {
         css: errorContainerStyles,
@@ -14414,7 +14558,6 @@ const StoresFilter = props => {
   });
 };
 StoresFilter.displayName = 'StoresFilter';
-StoresFilter.propTypes = {};
 
 function ownKeys$E(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$E(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$E(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -15069,7 +15212,7 @@ function createDateDefinitionsMap(intl) {
 function createFilterTypeToDefinitionMap(intl, meta) {
   return {
     [FILTER_TYPES.in]: {
-      filterComponent: createEnumSingleFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
+      filterComponent: createEnumFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
         isMulti: true,
         isSearchable: true
       })),
@@ -15080,7 +15223,7 @@ function createFilterTypeToDefinitionMap(intl, meta) {
       validator: filter => validateMultiOptionEnum(filter, intl)
     },
     [FILTER_TYPES.equalTo]: {
-      filterComponent: createEnumSingleFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
+      filterComponent: createEnumFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
         isSearchable: true
       })),
       tagComponent: EnumSingleFilterTag,
@@ -15090,7 +15233,7 @@ function createFilterTypeToDefinitionMap(intl, meta) {
       validator: filter => validateSingleOptionEnum(filter, intl)
     },
     [FILTER_TYPES.missing]: {
-      filterComponent: createEnumSingleFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
+      filterComponent: createEnumFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
         isSearchable: true
       })),
       tagComponent: EnumSingleFilterTag,
@@ -15100,7 +15243,7 @@ function createFilterTypeToDefinitionMap(intl, meta) {
       validator: filter => validateMultiOptionEnum(filter, intl)
     },
     [FILTER_TYPES.missingIn]: {
-      filterComponent: createEnumSingleFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
+      filterComponent: createEnumFilter(_objectSpread$y(_objectSpread$y({}, meta), {}, {
         isMulti: true,
         isSearchable: true
       })),
@@ -15115,7 +15258,7 @@ function createFilterTypeToDefinitionMap(intl, meta) {
 function createTypeOfChangeDefinitionsMap(intl, meta) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: createEnumSingleFilter(meta),
+      filterComponent: createEnumFilter(meta),
       tagComponent: EnumSingleFilterTag,
       label: intl.formatMessage(filterTypeTextMessages.equalTo),
       canBeAppliedMultipleTimes: false,
@@ -15127,7 +15270,7 @@ function createTypeOfChangeDefinitionsMap(intl, meta) {
 function createUserDefinitionsMap(intl, meta) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: createEnumSingleFilter(meta),
+      filterComponent: createEnumFilter(meta),
       tagComponent: props => jsxRuntime.jsx(EnumSingleFilterLabelTag, _objectSpread$y(_objectSpread$y({}, props), {}, {
         options: meta.options
       })),
@@ -15141,7 +15284,7 @@ function createUserDefinitionsMap(intl, meta) {
 function createToolOptionsDefinitionsMap(intl, meta) {
   return {
     [FILTER_TYPES.in]: {
-      filterComponent: createEnumSingleFilter(meta),
+      filterComponent: createEnumFilter(meta),
       tagComponent: props => jsxRuntime.jsx(EnumSingleFilterLabelTag, _objectSpread$y(_objectSpread$y({}, props), {}, {
         options: meta.options
       })),
@@ -15155,19 +15298,21 @@ function createToolOptionsDefinitionsMap(intl, meta) {
 function createResourceChangeDefinitionsMap(intl, meta) {
   return {
     [FILTER_TYPES.resourceChange]: {
-      filterComponent: props => jsxRuntime.jsx(ResourceChangeFilter$1, _objectSpread$y(_objectSpread$y({}, props), meta)),
+      filterComponent: props => jsxRuntime.jsx(ResourceChangeFilter, _objectSpread$y(_objectSpread$y({}, props), {}, {
+        resources: meta.resources
+      })),
       tagComponent: ResourceChangeFilterTag,
       label: '',
       isEmptyFilter: () => false,
       canBeAppliedMultipleTimes: false,
-      validator: filter => validateResourceChange(filter, intl)
+      validator: filter => validate(filter, intl)
     }
   };
 }
 function createApiClientDefinitionsMap(intl, meta) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: createEnumSingleFilter(meta),
+      filterComponent: createEnumFilter(meta),
       tagComponent: props => jsxRuntime.jsx(EnumSingleFilterLabelTag, _objectSpread$y(_objectSpread$y({}, props), {}, {
         options: meta.options
       })),
@@ -15181,7 +15326,7 @@ function createApiClientDefinitionsMap(intl, meta) {
 function createCustomerIdDefinitionsMap(intl) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: props => jsxRuntime.jsx(TextSingleFilter, _objectSpread$y({}, props)),
+      filterComponent: props => jsxRuntime.jsx(TextFilter, _objectSpread$y({}, props)),
       tagComponent: TextSingleFilterTag,
       label: intl.formatMessage(filterTypeTextMessages.equalTo),
       canBeAppliedMultipleTimes: false,
@@ -15193,7 +15338,7 @@ function createCustomerIdDefinitionsMap(intl) {
 function createExcludePlatformChangesDefinitionsMap(intl) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: props => jsxRuntime.jsx(TextSingleFilter, _objectSpread$y({}, props)),
+      filterComponent: props => jsxRuntime.jsx(TextFilter, _objectSpread$y({}, props)),
       label: intl.formatMessage(filterTypeTextMessages.equalTo),
       tagComponent: TextSingleFilterTag
     }
@@ -15226,7 +15371,7 @@ function createBusinessUnitDefinitionsMap(intl) {
 function createEntityIdDefinitionsMap(intl) {
   return {
     [FILTER_TYPES.equalTo]: {
-      filterComponent: props => jsxRuntime.jsx(TextSingleFilter, _objectSpread$y({}, props)),
+      filterComponent: props => jsxRuntime.jsx(TextFilter, _objectSpread$y({}, props)),
       tagComponent: TextSingleFilterTag,
       label: intl.formatMessage(filterTypeTextMessages.equalTo),
       canBeAppliedMultipleTimes: false,
@@ -15360,13 +15505,6 @@ var messages$m = reactIntl.defineMessages({
   }
 });
 
-/** All built-in and custom scalars, mapped to their actual values */
-let TTierLevels = /*#__PURE__*/function (TTierLevels) {
-  TTierLevels["Basic"] = "BASIC";
-  TTierLevels["Premium"] = "PREMIUM";
-  return TTierLevels;
-}({});
-
 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 _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$x(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$x(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const DisabledGroupTitleLabel = _ref => {
@@ -15374,7 +15512,7 @@ const DisabledGroupTitleLabel = _ref => {
     groupTitleMessage = _ref.groupTitleMessage;
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: group === TTierLevels.Basic ? jsxRuntime.jsx(uiKit.Text.Detail, {
+    children: group === TierLevels.Basic ? jsxRuntime.jsx(uiKit.Text.Detail, {
       tone: "secondary",
       intlMessage: groupTitleMessage,
       fontWeight: "medium"
@@ -15403,20 +15541,20 @@ const optionsGrouping = _ref2 => {
   const enabledOptions = _filterInstanceProperty__default["default"](options).call(options, option => (option === null || option === void 0 ? void 0 : option.disabledForBasic) !== true);
   const groups = [{
     label: jsxRuntime.jsx(DisabledGroupTitleLabel, {
-      group: TTierLevels.Basic,
+      group: TierLevels.Basic,
       groupTitleMessage: messages$w.basicFilterGroupTitle
     }),
-    value: TTierLevels.Basic,
+    value: TierLevels.Basic,
     options: enabledOptions
   }, {
     label: jsxRuntime.jsx(DisabledGroupTitleLabel, {
-      group: TTierLevels.Premium,
+      group: TierLevels.Premium,
       groupTitleMessage: messages$w.premiumFilterGroupTitle
     }),
-    value: TTierLevels.Premium,
+    value: TierLevels.Premium,
     options: disabledOptions
   }];
-  if (tier !== TIER_TYPES.PREMIUM && disabledOptions.length > 0) {
+  if (tier !== TierLevels.Premium && disabledOptions.length > 0) {
     return groups;
   }
   return options;
@@ -15497,7 +15635,7 @@ const createFilterDefinitions = memoize__default["default"](_ref3 => {
     [FILTER_OPTION_KEYS.DATE_RANGE]: {
       label: intl.formatMessage(messages$w.createdAtFilter),
       filterTypes: createDateDefinitionsMap(intl),
-      isHidden: true
+      isHidden: true // This filter needs to be revamped before it can be used in the filters dropdown again
     },
     [FILTER_OPTION_KEYS.CHANGE_TYPE]: {
       label: intl.formatMessage(messages$w.changeTypeFilter),
@@ -15736,21 +15874,6 @@ const fieldFiltersStyles = {
   filterButtons: /*#__PURE__*/react$1.css("display:flex;&>*+*{margin:0 0 0 ", designSystem.designTokens.spacingS, "!important;}" + ("" ), "" )
 };
 
-// add a lot more styles here
-
-/**
- * This component handles rendering all the filters for one field. Additionally,
- * it wraps each filter in a dropdown to select the type of filter, which is
- * populated by the options in the `filterOptions` prop.
- */
-
-/**
- * This function can be removed once the FilterComponent API
- * is homogenized. Currently, a `TextSingleFilter` passes
- * the event within its `onChange` up whereas others (Date and Selects) pass the value directly.
- * This logic extracts the value based on the presence of an event.
- */
-const extractValueFromEvent = eventOrValue => eventOrValue && eventOrValue.target && eventOrValue.target.value !== undefined ? eventOrValue.target.value : eventOrValue;
 const FieldFilters = _ref => {
   let _ref$filters = _ref.filters,
     filters = _ref$filters === void 0 ? [] : _ref$filters,
@@ -15820,11 +15943,11 @@ const FieldFilters = _ref => {
         }), jsxRuntime.jsx(FilterComponent, {
           value: filter.value,
           error: filter.error,
-          onUpdateFilter: event => {
+          onUpdateFilter: value => {
             onUpdateFilter({
               filter: {
                 type: filter.type,
-                value: extractValueFromEvent(event)
+                value: value
               },
               index
             });
@@ -16051,7 +16174,7 @@ const Filters = _ref4 => {
   const intl = reactIntl.useIntl();
   const _useVersionTier = useVersionTier(),
     tier = _useVersionTier.tier;
-  const isPremiumFiltersDisabled = tier === TIER_TYPES.BASIC;
+  const isPremiumFiltersDisabled = tier === TierLevels.Basic;
   const isLayoutRedesignEnabled = useAlLayoutRedesign();
   if (!isEditMode && _Object$keys__default["default"](filteredFields).length === 0) {
     return null;
@@ -16394,7 +16517,7 @@ function isEmptyFilter(_ref) {
   if (type === FILTER_TYPES.range) return isEmpty({
     value
   });
-  return validateSingleFilter({
+  return validateRequiredFilter({
     value
   });
 }
@@ -17241,7 +17364,7 @@ const displayInternalFilterToggle = _ref2 => {
   var _context;
   let inContextEntity = _ref2.inContextEntity,
     tier = _ref2.tier;
-  if (tier !== TIER_TYPES.PREMIUM) return false;
+  if (tier !== TierLevels.Premium) return false;
   if (!inContextEntity) return true;
   const PRODUCT = RESOURCE_TYPE.PRODUCT,
     DISCOUNT_CODE = RESOURCE_TYPE.DISCOUNT_CODE,
@@ -17450,24 +17573,6 @@ const SearchView = props => {
     onSettingsChange: (action, nextValue) => {
       tableSettingsChangeHandler[action](nextValue);
     },
-    displaySettings: {
-      disableDisplaySettings: hasNoResults,
-      isCondensed: _valuesInstanceProperty__default["default"](formik$1).isCondensed,
-      isWrappingText: _valuesInstanceProperty__default["default"](formik$1).isWrappingText,
-      primaryButton: jsxRuntime.jsx(uiKit.PrimaryButton, {
-        label: intl.formatMessage(messages$g.saveSettingsButton),
-        onClick: e => {
-          e.stopPropagation();
-          formik$1.handleSubmit(e);
-        },
-        isDisabled: !formik$1.dirty
-      }),
-      secondaryButton: jsxRuntime.jsx(uiKit.SecondaryButton, {
-        label: intl.formatMessage(messages$g.cancelButton),
-        onClick: formik$1.handleReset,
-        isDisabled: !formik$1.dirty
-      })
-    },
     children: jsxRuntime.jsxs("div", {
       css: searchViewStyles.searchView,
       children: [props.areFiltersVisible ? jsxRuntime.jsx("section", {
@@ -17506,6 +17611,24 @@ const SearchView = props => {
                   searchInputPlaceholder = _ref7.searchInputPlaceholder;
                 return jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [jsxRuntime.jsx(uiKit.DataTableManager, {
+                    displaySettings: {
+                      disableDisplaySettings: hasNoResults,
+                      isCondensed: _valuesInstanceProperty__default["default"](formik$1).isCondensed,
+                      isWrappingText: _valuesInstanceProperty__default["default"](formik$1).isWrappingText,
+                      primaryButton: jsxRuntime.jsx(uiKit.PrimaryButton, {
+                        label: intl.formatMessage(messages$g.saveSettingsButton),
+                        onClick: e => {
+                          e.stopPropagation();
+                          formik$1.handleSubmit(e);
+                        },
+                        isDisabled: !formik$1.dirty
+                      }),
+                      secondaryButton: jsxRuntime.jsx(uiKit.SecondaryButton, {
+                        label: intl.formatMessage(messages$g.cancelButton),
+                        onClick: formik$1.handleReset,
+                        isDisabled: !formik$1.dirty
+                      })
+                    },
                     columnManager: {
                       disableColumnManager: hasNoResults,
                       visibleColumnKeys: _valuesInstanceProperty__default["default"](formik$1).visibleColumnKeys,
@@ -18251,8 +18374,8 @@ var messages$9 = reactIntl.defineMessages({
 });
 
 const TIER_LABEL_MAP = {
-  [TIER_TYPES.BASIC]: messages$9.basicVersionLabel,
-  [TIER_TYPES.PREMIUM]: messages$9.premiumVersionLabel
+  [TierLevels.Basic]: messages$9.basicVersionLabel,
+  [TierLevels.Premium]: messages$9.premiumVersionLabel
 };
 
 /*
@@ -18276,7 +18399,7 @@ const VersionTier = () => {
   if (!hasFoundData) {
     return null;
   }
-  const isBasicTier = tier === TIER_TYPES.BASIC;
+  const isBasicTier = tier === TierLevels.Basic;
   const isBasicInlineScale = isBasicTier && isLayoutRedesignEnabled;
   return jsxRuntime.jsx(uiKit.Spacings.Inline, {
     scale: isBasicInlineScale ? 's' : 'm',
@@ -18975,16 +19098,6 @@ let ErrorBoundary = /*#__PURE__*/function (_Component) {
 ErrorBoundary.displayName = 'ErrorBoundary';
 ErrorBoundary.propTypes = {};
 
-const BusinessUnitCell = props => {
-  var _props$businessUnit;
-  if (!props.businessUnit || !((_props$businessUnit = props.businessUnit) !== null && _props$businessUnit !== void 0 && _props$businessUnit.key)) {
-    return jsxRuntime.jsx(NoValueFallback, {});
-  }
-  return props.businessUnit.key;
-};
-BusinessUnitCell.displayName = 'BusinessUnitCell';
-BusinessUnitCell.propTypes = {};
-
 const stampTones = {
   critical: 'critical',
   positive: 'positive',
@@ -19012,6 +19125,19 @@ const ActionCell = props => {
 ActionCell.displayName = 'ActionCell';
 ActionCell.propTypes = {};
 
+const BusinessUnitCell = _ref => {
+  let businessUnit = _ref.businessUnit;
+  if (!businessUnit || !(businessUnit !== null && businessUnit !== void 0 && businessUnit.key)) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: jsxRuntime.jsx(NoValueFallback, {})
+    });
+  }
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: businessUnit.key
+  });
+};
+BusinessUnitCell.displayName = 'BusinessUnitCell';
+
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$k(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$k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -19297,11 +19423,13 @@ const ChangesCell = _ref => {
 ChangesCell.propTypes = {};
 
 const LastModifiedCell = props => {
+  var _props$isWrappingText;
+  const isWrappingText = (_props$isWrappingText = props.isWrappingText) !== null && _props$isWrappingText !== void 0 ? _props$isWrappingText : false;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "xs",
     alignItems: "stretch",
     children: jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css(props.isWrappingText ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : 'white-space: normal;', ";" + ("" ), "" ),
+      css: /*#__PURE__*/react$1.css(isWrappingText ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : 'white-space: normal;', ";" + ("" ), "" ),
       children: props.createdAt ? jsxRuntime.jsx(FormattedDateTime, {
         type: "datetime",
         value: props.createdAt
@@ -19311,82 +19439,291 @@ const LastModifiedCell = props => {
 };
 LastModifiedCell.displayName = 'LastModifiedCell';
 
-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 _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; }
-const DeletedResource = () => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages$V.deletedResource));
-DeletedResource.displayName = 'DeletedResource';
-var _ref2$1 = {
-  name: "1wbfu2h",
-  styles: "white-space:pre-line;overflow-wrap:anywhere"
-} ;
-var _ref3 = {
-  name: "db5oe9",
-  styles: "width:100%;overflow:hidden;& span{width:100%;}& span span{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
+var _ref$3 = {
+  name: "um674b",
+  styles: "overflow:hidden;& div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
 } ;
-const ResourceInfo = _ref4 => {
-  var _context;
-  let resourceType = _ref4.resourceType,
-    label = _ref4.label,
-    onButtonClick = _ref4.onButtonClick,
-    isWrappingText = _ref4.isWrappingText;
-  if (_includesInstanceProperty__default["default"](_context = [RESOURCE_TYPE.EXTENSION, RESOURCE_TYPE.SUBSCRIPTION]).call(_context, resourceType)) return label;
-  return (
-    //  custom css to allow for column truncation (display text preview option w/in table layout settings)
-    jsxRuntime.jsx("div", {
-      css: isWrappingText ? _ref3 : _ref2$1,
-      children: jsxRuntime.jsx(uiKit.FlatButton, {
-        onClick: onButtonClick,
-        label: label,
-        as: "span"
+const ModifiedByCellContent = _ref2 => {
+  var _avatarIcon$type;
+  let avatarColor = _ref2.avatarColor,
+    avatarIcon = _ref2.avatarIcon,
+    firstName = _ref2.firstName,
+    lastName = _ref2.lastName,
+    _ref2$primaryText = _ref2.primaryText,
+    primaryText = _ref2$primaryText === void 0 ? '' : _ref2$primaryText,
+    _ref2$isPrimaryTextFa = _ref2.isPrimaryTextFallback,
+    isPrimaryTextFallback = _ref2$isPrimaryTextFa === void 0 ? false : _ref2$isPrimaryTextFa,
+    _ref2$secondaryText = _ref2.secondaryText,
+    secondaryText = _ref2$secondaryText === void 0 ? '' : _ref2$secondaryText,
+    _ref2$tertiaryText = _ref2.tertiaryText,
+    tertiaryText = _ref2$tertiaryText === void 0 ? '' : _ref2$tertiaryText,
+    _ref2$toolTipTitle = _ref2.toolTipTitle,
+    toolTipTitle = _ref2$toolTipTitle === void 0 ? '' : _ref2$toolTipTitle,
+    _ref2$isWrappingText = _ref2.isWrappingText,
+    isWrappingText = _ref2$isWrappingText === void 0 ? false : _ref2$isWrappingText;
+  const avatarIconTypeName = typeof (avatarIcon === null || avatarIcon === void 0 ? void 0 : avatarIcon.type) === 'string' ? avatarIcon.type : avatarIcon === null || avatarIcon === void 0 || (_avatarIcon$type = avatarIcon.type) === null || _avatarIcon$type === void 0 ? void 0 : _avatarIcon$type.name;
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    children: [jsxRuntime.jsx("div", {
+      style: {
+        marginRight: '4px'
+      },
+      children: jsxRuntime.jsx(uiKit.Tooltip, {
+        closeAfter: 0,
+        showAfter: 200,
+        placement: "top-start",
+        title: toolTipTitle,
+        off: !toolTipTitle,
+        children: jsxRuntime.jsx(uiKit.Avatar, {
+          gravatarHash: "",
+          color: avatarColor,
+          size: "s",
+          firstName: firstName !== null && firstName !== void 0 ? firstName : '',
+          lastName: lastName !== null && lastName !== void 0 ? lastName : '',
+          icon: avatarIcon,
+          "data-testid": "modified-by-cell-".concat(avatarIconTypeName)
+        })
       })
-    })
-  );
-};
-ResourceInfo.propTypes = {};
-ResourceInfo.displayName = 'ResourceInfo';
-const isFilterBySameId = (message, searchText) => {
-  var _message$resource;
-  return ((_message$resource = message.resource) === null || _message$resource === void 0 ? void 0 : _message$resource.id) === searchText;
+    }), jsxRuntime.jsxs("div", {
+      css: isWrappingText ? _ref$3 : null,
+      children: [jsxRuntime.jsx(uiKit.Text.Detail, {
+        tone: isPrimaryTextFallback ? 'tertiary' : undefined,
+        children: primaryText
+      }), jsxRuntime.jsx(uiKit.Text.Detail, {
+        children: secondaryText
+      }), jsxRuntime.jsx(uiKit.Text.Detail, {
+        tone: "secondary",
+        children: tertiaryText
+      })]
+    })]
+  });
 };
-const getResourceLabel = (resourceType, resource, messageLabel, language, languages, intl) => {
-  switch (resourceType) {
-    case RESOURCE_TYPE_NAME.ASSOCIATE_ROLE:
-      return (messageLabel === null || messageLabel === void 0 ? void 0 : messageLabel.associateRoleKey) || jsxRuntime.jsx(NoValueFallback, {});
-    case RESOURCE_TYPE_NAME.BUSINESS_UNIT:
-      return (messageLabel === null || messageLabel === void 0 ? void 0 : messageLabel.businessUnitKey) || jsxRuntime.jsx(NoValueFallback, {});
-    case RESOURCE_TYPE_NAME.PRODUCT:
-      {
-        var _context2;
-        const localizedName = localize({
-          obj: messageLabel,
-          key: 'name',
-          language,
-          fallbackOrder: languages
-        });
-        const label = localizedName.length > 100 ? localize({
-          obj: resource,
-          key: 'slug',
-          language,
-          fallbackOrder: languages
-        }) : _concatInstanceProperty__default["default"](_context2 = "".concat(localizedName, " - ")).call(_context2, localize({
-          obj: messageLabel,
-          key: 'slug',
-          language,
-          fallbackOrder: languages
-        }));
-        return label === null || label === void 0 ? void 0 : _trimInstanceProperty__default["default"](label).call(label);
-      }
-    case RESOURCE_TYPE_NAME.CATEGORY:
-    case RESOURCE_TYPE_NAME.CART_DISCOUNT:
-    case RESOURCE_TYPE_NAME.PRODUCT_DISCOUNT:
-    case RESOURCE_TYPE_NAME.PRODUCT_SELECTION:
-    case RESOURCE_TYPE_NAME.STORE:
-      return localize({
-        obj: messageLabel,
-        key: 'value',
-        language,
-        fallbackOrder: languages,
-        fallback: jsxRuntime.jsx(NoValueFallback, {})
+ModifiedByCellContent.displayName = 'ModifiedByCellContent';
+
+var messages$5 = reactIntl.defineMessages({
+  noApiClientLabel: {
+    id: 'ChangeHistory.modifiedBy.noApiClientLabel',
+    description: 'Text for no api client label',
+    defaultMessage: 'API client not available'
+  },
+  modifiedBySystem: {
+    id: 'ChangeHistory.modifiedBy.modifiedBySystem',
+    description: 'Text for system change',
+    defaultMessage: 'System'
+  },
+  avatarPlatformInitiatedChange: {
+    id: 'ChangeHistory.modifiedBy.avatarPlatformInitiatedChange',
+    description: 'Text for platform change',
+    defaultMessage: 'Platform initiated'
+  },
+  externalUserLabel: {
+    id: 'ChangeHistory.modifiedBy.externalUserLabel',
+    description: 'Label when the user to display is from externalUserId',
+    defaultMessage: 'External'
+  },
+  pendingUser: {
+    id: 'ChangeHistory.modifiedBy.pendingUser',
+    description: 'Label when there is no user attached to a change',
+    defaultMessage: 'Pending user'
+  },
+  noCustomerLabel: {
+    id: 'ChangeHistory.modifiedBy.noCustomerLabel',
+    description: 'Text for no customer label',
+    defaultMessage: 'Customer not available'
+  },
+  customerLabel: {
+    id: 'ChangeHistory.modifiedBy.customerLabel',
+    description: 'Label for customer avatar tooltip',
+    defaultMessage: 'Customer'
+  },
+  associateLabel: {
+    id: 'ChangeHistory.modifiedBy.associateLabel',
+    description: 'Label for associate avatar tooltip',
+    defaultMessage: 'Associate'
+  },
+  avatarMCUserLabel: {
+    id: 'ChangeHistory.modifiedBy.avatarMCUserLabel',
+    description: 'Label for merchant center user avatar tooltip',
+    defaultMessage: 'Merchant center user'
+  },
+  avatarApiIntegration: {
+    id: 'ChangeHistory.modifiedBy.avatarApiIntegration',
+    description: 'Label for api integration user avatar tooltip',
+    defaultMessage: 'API integration'
+  },
+  anonymousLabel: messages$w.anonymousLabel
+});
+
+const ModifiedByCell = _ref => {
+  let id = _ref.id,
+    isPlatformClient = _ref.isPlatformClient,
+    type = _ref.type,
+    member = _ref.member,
+    clientId = _ref.clientId,
+    apiClients = _ref.apiClients,
+    customerId = _ref.customerId,
+    anonymousId = _ref.anonymousId,
+    customer = _ref.customer,
+    isWrappingText = _ref.isWrappingText;
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const apiClient = clientId && apiClients !== null && apiClients !== void 0 && apiClients[clientId] ? apiClients[clientId] : formatMessage(messages$5.noApiClientLabel);
+  switch (type) {
+    case MODIFIED_BY_TYPES.EXTERNAL_USER:
+      return jsxRuntime.jsx(ModifiedByCellContent, {
+        avatarColor: AVATAR_COLORS.PURPLE,
+        avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
+        primaryText: id || '',
+        secondaryText: apiClient,
+        tertiaryText: formatMessage(messages$5.externalUserLabel),
+        toolTipTitle: formatMessage(messages$5.avatarApiIntegration),
+        isWrappingText: isWrappingText
+      });
+    case MODIFIED_BY_TYPES.USER:
+      {
+        if (!isPlatformClient && !customerId && !anonymousId) {
+          return jsxRuntime.jsx(ModifiedByCellContent, {
+            avatarColor: AVATAR_COLORS.PURPLE,
+            avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
+            primaryText: apiClient,
+            toolTipTitle: formatMessage(messages$5.avatarApiIntegration),
+            isWrappingText: isWrappingText
+          });
+        }
+        if (id) {
+          var _context, _context2;
+          const formattedName = _trimInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = [member === null || member === void 0 ? void 0 : member.firstName, member === null || member === void 0 ? void 0 : member.lastName]).call(_context2, Boolean) // Still returns the first or last name if the other is falsy
+          .join(' ')).call(_context);
+          return jsxRuntime.jsx(ModifiedByCellContent, {
+            avatarColor: AVATAR_COLORS.TURQUOISE,
+            firstName: member === null || member === void 0 ? void 0 : member.firstName,
+            lastName: member === null || member === void 0 ? void 0 : member.lastName,
+            avatarIcon: !formattedName ? jsxRuntime.jsx(uiKit.UserLinearIcon, {}) : undefined,
+            primaryText: formattedName || formatMessage(messages$5.pendingUser),
+            isPrimaryTextFallback: !formattedName,
+            toolTipTitle: formatMessage(messages$5.avatarMCUserLabel),
+            isWrappingText: isWrappingText
+          });
+        }
+        if (customerId || anonymousId) {
+          const customerInfo = customer || jsxRuntime.jsx(NoValueFallback, {});
+          const customerRecord = anonymousId ? formatMessage(messages$5.anonymousLabel) : customerInfo;
+          return jsxRuntime.jsx(ModifiedByCellContent, {
+            avatarColor: AVATAR_COLORS.PURPLE,
+            avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
+            primaryText: customerRecord,
+            isPrimaryTextFallback: !customer,
+            secondaryText: apiClient,
+            tertiaryText: formatMessage(messages$5.customerLabel),
+            toolTipTitle: formatMessage(messages$5.avatarApiIntegration),
+            isWrappingText: isWrappingText
+          });
+        }
+        return jsxRuntime.jsx(ModifiedByCellContent, {
+          avatarColor: AVATAR_COLORS.ACCENT,
+          avatarIcon: jsxRuntime.jsx(uiKit.SwitcherIcon, {}),
+          primaryText: formatMessage(messages$5.modifiedBySystem),
+          toolTipTitle: formatMessage(messages$5.avatarPlatformInitiatedChange),
+          isWrappingText: isWrappingText
+        });
+      }
+    case MODIFIED_BY_TYPES.ASSOCIATE:
+      {
+        return jsxRuntime.jsx(ModifiedByCellContent, {
+          avatarColor: AVATAR_COLORS.PURPLE,
+          avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
+          primaryText: apiClient,
+          tertiaryText: formatMessage(messages$5.associateLabel),
+          toolTipTitle: formatMessage(messages$5.avatarApiIntegration),
+          isWrappingText: isWrappingText
+        });
+      }
+    default:
+      return jsxRuntime.jsx(ModifiedByCellContent, {
+        avatarColor: AVATAR_COLORS.PURPLE,
+        avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
+        primaryText: jsxRuntime.jsx(NoValueFallback, {}),
+        isWrappingText: isWrappingText
+      });
+  }
+};
+ModifiedByCell.displayName = 'ModifiedByCell';
+
+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 _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; }
+const DeletedResource = () => jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages$V.deletedResource));
+DeletedResource.displayName = 'DeletedResource';
+var _ref2$1 = {
+  name: "1wbfu2h",
+  styles: "white-space:pre-line;overflow-wrap:anywhere"
+} ;
+var _ref3 = {
+  name: "db5oe9",
+  styles: "width:100%;overflow:hidden;& span{width:100%;}& span span{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
+} ;
+const ResourceInfo = _ref4 => {
+  var _context;
+  let resourceType = _ref4.resourceType,
+    label = _ref4.label,
+    onButtonClick = _ref4.onButtonClick,
+    isWrappingText = _ref4.isWrappingText;
+  if (_includesInstanceProperty__default["default"](_context = [RESOURCE_TYPE.EXTENSION, RESOURCE_TYPE.SUBSCRIPTION]).call(_context, resourceType)) return label;
+  return (
+    //  custom css to allow for column truncation (display text preview option w/in table layout settings)
+    jsxRuntime.jsx("div", {
+      css: isWrappingText ? _ref3 : _ref2$1,
+      children: jsxRuntime.jsx(uiKit.FlatButton, {
+        onClick: onButtonClick,
+        label: label,
+        as: "span"
+      })
+    })
+  );
+};
+ResourceInfo.propTypes = {};
+ResourceInfo.displayName = 'ResourceInfo';
+const isFilterBySameId = (message, searchText) => {
+  var _message$resource;
+  return ((_message$resource = message.resource) === null || _message$resource === void 0 ? void 0 : _message$resource.id) === searchText;
+};
+const getResourceLabel = (resourceType, resource, messageLabel, language, languages, intl) => {
+  switch (resourceType) {
+    case RESOURCE_TYPE_NAME.ASSOCIATE_ROLE:
+      return (messageLabel === null || messageLabel === void 0 ? void 0 : messageLabel.associateRoleKey) || jsxRuntime.jsx(NoValueFallback, {});
+    case RESOURCE_TYPE_NAME.BUSINESS_UNIT:
+      return (messageLabel === null || messageLabel === void 0 ? void 0 : messageLabel.businessUnitKey) || jsxRuntime.jsx(NoValueFallback, {});
+    case RESOURCE_TYPE_NAME.PRODUCT:
+      {
+        var _context2;
+        const localizedName = localize({
+          obj: messageLabel,
+          key: 'name',
+          language,
+          fallbackOrder: languages
+        });
+        const label = localizedName.length > 100 ? localize({
+          obj: resource,
+          key: 'slug',
+          language,
+          fallbackOrder: languages
+        }) : _concatInstanceProperty__default["default"](_context2 = "".concat(localizedName, " - ")).call(_context2, localize({
+          obj: messageLabel,
+          key: 'slug',
+          language,
+          fallbackOrder: languages
+        }));
+        return label === null || label === void 0 ? void 0 : _trimInstanceProperty__default["default"](label).call(label);
+      }
+    case RESOURCE_TYPE_NAME.CATEGORY:
+    case RESOURCE_TYPE_NAME.CART_DISCOUNT:
+    case RESOURCE_TYPE_NAME.PRODUCT_DISCOUNT:
+    case RESOURCE_TYPE_NAME.PRODUCT_SELECTION:
+    case RESOURCE_TYPE_NAME.STORE:
+      return localize({
+        obj: messageLabel,
+        key: 'value',
+        language,
+        fallbackOrder: languages,
+        fallback: jsxRuntime.jsx(NoValueFallback, {})
       });
     case RESOURCE_TYPE_NAME.ORDER:
       return messageLabel !== null && messageLabel !== void 0 && messageLabel.customerEmail ? intl.formatMessage(messages$V.orderResource, {
@@ -19463,7 +19800,7 @@ const getResourceLabel = (resourceType, resource, messageLabel, language, langua
   }
 };
 const Portal = props => /*#__PURE__*/ReactDOM__default["default"].createPortal(props.children, document.body);
-var _ref$3 = {
+var _ref$2 = {
   name: "bz0pdi",
   styles: "& button{white-space:normal;}"
 } ;
@@ -19495,7 +19832,7 @@ const ResourceCell = props => {
     justifyContent: "space-between",
     alignItems: "center",
     children: [(props === null || props === void 0 || (_props$message = props.message) === null || _props$message === void 0 ? void 0 : _props$message.type) === TYPE_OF_CHANGE.DELETE ? jsxRuntime.jsx("div", {
-      css: _ref$3,
+      css: _ref$2,
       children: jsxRuntime.jsx(uiKit.FlatButton, {
         label: label,
         isDisabled: true
@@ -19546,7 +19883,8 @@ ResourceCell.displayName = 'ResourceCell';
 ResourceCell.propTypes = {};
 
 const StoreCell = props => {
-  var _props$stores, _props$stores2;
+  var _props$isWrappingText, _props$stores, _props$stores2;
+  const isWrappingText = (_props$isWrappingText = props.isWrappingText) !== null && _props$isWrappingText !== void 0 ? _props$isWrappingText : false;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
       var _applicationContext$p;
       return {
@@ -19562,22 +19900,21 @@ const StoreCell = props => {
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "s",
     children: (_props$stores2 = props.stores) === null || _props$stores2 === void 0 ? void 0 : _mapInstanceProperty__default["default"](_props$stores2).call(_props$stores2, store => jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css("font-size:", designSystem.designTokens.fontSize20, ";white-space:pre-wrap;", props.isWrappingText &&
+      css: /*#__PURE__*/react$1.css("font-size:", designSystem.designTokens.fontSize20, ";white-space:pre-wrap;", isWrappingText &&
       // custom css to allow for column truncation (display text preview option w/in table layout settings)
       'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;', ";" + ("" ), "" ),
       children: store.name ? localize({
         obj: store,
         key: 'name',
         language,
-        languages
+        fallbackOrder: languages
       }) : store.key
     }, store.key))
   });
 };
 StoreCell.displayName = 'StoreCell';
-StoreCell.propTypes = {};
 
-var messages$5 = reactIntl.defineMessages({
+var messages$4 = reactIntl.defineMessages({
   versionLabel: {
     id: 'ChangeHistory.list.column.versionLabel',
     description: 'Label for versions cell',
@@ -19587,7 +19924,7 @@ var messages$5 = reactIntl.defineMessages({
 
 function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$g(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$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var _ref$2 = {
+var _ref$1 = {
   name: "h6w7gh",
   styles: "text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
 } ;
@@ -19596,8 +19933,8 @@ const VersionCell = _ref2 => {
     newVersion = _ref2.newVersion;
   return jsxRuntime.jsx(uiKit.Text.Detail, {
     children: jsxRuntime.jsx("div", {
-      css: _ref$2,
-      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g(_objectSpread$g({}, messages$5.versionLabel), {}, {
+      css: _ref$1,
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g(_objectSpread$g({}, messages$4.versionLabel), {}, {
         values: {
           oldVersion,
           newVersion
@@ -19608,215 +19945,6 @@ const VersionCell = _ref2 => {
 };
 VersionCell.displayName = 'VersionCell';
 
-var _ref$1 = {
-  name: "um674b",
-  styles: "overflow:hidden;& div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
-} ;
-const ModifiedByCellContent = _ref2 => {
-  var _avatarIcon$type;
-  let avatarColor = _ref2.avatarColor,
-    avatarIcon = _ref2.avatarIcon,
-    firstName = _ref2.firstName,
-    lastName = _ref2.lastName,
-    _ref2$primaryText = _ref2.primaryText,
-    primaryText = _ref2$primaryText === void 0 ? '' : _ref2$primaryText,
-    _ref2$isPrimaryTextFa = _ref2.isPrimaryTextFallback,
-    isPrimaryTextFallback = _ref2$isPrimaryTextFa === void 0 ? false : _ref2$isPrimaryTextFa,
-    _ref2$secondaryText = _ref2.secondaryText,
-    secondaryText = _ref2$secondaryText === void 0 ? '' : _ref2$secondaryText,
-    _ref2$tertiaryText = _ref2.tertiaryText,
-    tertiaryText = _ref2$tertiaryText === void 0 ? '' : _ref2$tertiaryText,
-    _ref2$toolTipTitle = _ref2.toolTipTitle,
-    toolTipTitle = _ref2$toolTipTitle === void 0 ? '' : _ref2$toolTipTitle,
-    isWrappingText = _ref2.isWrappingText;
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-    children: [jsxRuntime.jsx("div", {
-      style: {
-        marginRight: '4px'
-      },
-      children: jsxRuntime.jsx(uiKit.Tooltip, {
-        closeAfter: 0,
-        showAfter: 200,
-        placement: "top-start",
-        title: toolTipTitle,
-        off: !toolTipTitle,
-        children: jsxRuntime.jsx(uiKit.Avatar, {
-          gravatarHash: "",
-          color: avatarColor,
-          size: "s",
-          firstName: firstName,
-          lastName: lastName,
-          icon: avatarIcon || null,
-          "data-testid": "modified-by-cell-".concat(avatarIcon === null || avatarIcon === void 0 || (_avatarIcon$type = avatarIcon.type) === null || _avatarIcon$type === void 0 ? void 0 : _avatarIcon$type.name)
-        })
-      })
-    }), jsxRuntime.jsxs("div", {
-      css: isWrappingText ? _ref$1 : null,
-      children: [jsxRuntime.jsx(uiKit.Text.Detail, {
-        tone: isPrimaryTextFallback ? 'tertiary' : undefined,
-        children: primaryText
-      }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        children: secondaryText
-      }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        tone: "secondary",
-        children: tertiaryText
-      })]
-    })]
-  });
-};
-ModifiedByCellContent.displayName = 'ModifiedByCellContent';
-ModifiedByCellContent.propTypes = {};
-
-var messages$4 = reactIntl.defineMessages({
-  noApiClientLabel: {
-    id: 'ChangeHistory.modifiedBy.noApiClientLabel',
-    description: 'Text for no api client label',
-    defaultMessage: 'API client not available'
-  },
-  modifiedBySystem: {
-    id: 'ChangeHistory.modifiedBy.modifiedBySystem',
-    description: 'Text for system change',
-    defaultMessage: 'System'
-  },
-  avatarPlatformInitiatedChange: {
-    id: 'ChangeHistory.modifiedBy.avatarPlatformInitiatedChange',
-    description: 'Text for platform change',
-    defaultMessage: 'Platform initiated'
-  },
-  externalUserLabel: {
-    id: 'ChangeHistory.modifiedBy.externalUserLabel',
-    description: 'Label when the user to display is from externalUserId',
-    defaultMessage: 'External'
-  },
-  pendingUser: {
-    id: 'ChangeHistory.modifiedBy.pendingUser',
-    description: 'Label when there is no user attached to a change',
-    defaultMessage: 'Pending user'
-  },
-  noCustomerLabel: {
-    id: 'ChangeHistory.modifiedBy.noCustomerLabel',
-    description: 'Text for no customer label',
-    defaultMessage: 'Customer not available'
-  },
-  customerLabel: {
-    id: 'ChangeHistory.modifiedBy.customerLabel',
-    description: 'Label for customer avatar tooltip',
-    defaultMessage: 'Customer'
-  },
-  associateLabel: {
-    id: 'ChangeHistory.modifiedBy.associateLabel',
-    description: 'Label for associate avatar tooltip',
-    defaultMessage: 'Associate'
-  },
-  avatarMCUserLabel: {
-    id: 'ChangeHistory.modifiedBy.avatarMCUserLabel',
-    description: 'Label for merchant center user avatar tooltip',
-    defaultMessage: 'Merchant center user'
-  },
-  avatarApiIntegration: {
-    id: 'ChangeHistory.modifiedBy.avatarApiIntegration',
-    description: 'Label for api integration user avatar tooltip',
-    defaultMessage: 'API integration'
-  },
-  anonymousLabel: messages$w.anonymousLabel
-});
-
-const ModifiedByCell = _ref => {
-  let id = _ref.id,
-    isPlatformClient = _ref.isPlatformClient,
-    type = _ref.type,
-    member = _ref.member,
-    clientId = _ref.clientId,
-    apiClients = _ref.apiClients,
-    customerId = _ref.customerId,
-    anonymousId = _ref.anonymousId,
-    customer = _ref.customer,
-    isWrappingText = _ref.isWrappingText;
-  const _useIntl = reactIntl.useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  const apiClient = apiClients[clientId] || formatMessage(messages$4.noApiClientLabel);
-  switch (type) {
-    case MODIFIED_BY_TYPES.EXTERNAL_USER:
-      return jsxRuntime.jsx(ModifiedByCellContent, {
-        avatarColor: AVATAR_COLORS.PURPLE,
-        avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
-        primaryText: id,
-        secondaryText: apiClient,
-        tertiaryText: formatMessage(messages$4.externalUserLabel),
-        toolTipTitle: formatMessage(messages$4.avatarApiIntegration),
-        isWrappingText: isWrappingText
-      });
-    case MODIFIED_BY_TYPES.USER:
-      {
-        if (!isPlatformClient && !customerId && !anonymousId) {
-          return jsxRuntime.jsx(ModifiedByCellContent, {
-            avatarColor: AVATAR_COLORS.PURPLE,
-            avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
-            primaryText: apiClient,
-            toolTipTitle: formatMessage(messages$4.avatarApiIntegration),
-            isWrappingText: isWrappingText
-          });
-        }
-        if (id) {
-          var _context, _context2;
-          const formattedName = _trimInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = [member === null || member === void 0 ? void 0 : member.firstName, member === null || member === void 0 ? void 0 : member.lastName]).call(_context2, Boolean) // Still returns the first or last name if the other is falsy
-          .join(' ')).call(_context);
-          return jsxRuntime.jsx(ModifiedByCellContent, {
-            avatarColor: AVATAR_COLORS.TURQUOISE,
-            firstName: member === null || member === void 0 ? void 0 : member.firstName,
-            lastName: member === null || member === void 0 ? void 0 : member.lastName,
-            avatarIcon: !formattedName && jsxRuntime.jsx(uiKit.UserLinearIcon, {}),
-            primaryText: formattedName || formatMessage(messages$4.pendingUser),
-            isPrimaryTextFallback: !formattedName,
-            toolTipTitle: formatMessage(messages$4.avatarMCUserLabel),
-            isWrappingText: isWrappingText
-          });
-        }
-        if (customerId || anonymousId) {
-          const customerInfo = customer || jsxRuntime.jsx(NoValueFallback, {});
-          const customerRecord = anonymousId ? formatMessage(messages$4.anonymousLabel) : customerInfo;
-          return jsxRuntime.jsx(ModifiedByCellContent, {
-            avatarColor: AVATAR_COLORS.PURPLE,
-            avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
-            primaryText: customerRecord,
-            isPrimaryTextFallback: !customer,
-            secondaryText: apiClient,
-            tertiaryText: formatMessage(messages$4.customerLabel),
-            toolTipTitle: formatMessage(messages$4.avatarApiIntegration),
-            isWrappingText: isWrappingText
-          });
-        }
-        return jsxRuntime.jsx(ModifiedByCellContent, {
-          avatarColor: AVATAR_COLORS.ACCENT,
-          avatarIcon: jsxRuntime.jsx(uiKit.SwitcherIcon, {}),
-          primaryText: formatMessage(messages$4.modifiedBySystem),
-          toolTipTitle: formatMessage(messages$4.avatarPlatformInitiatedChange),
-          isWrappingText: isWrappingText
-        });
-      }
-    case MODIFIED_BY_TYPES.ASSOCIATE:
-      {
-        return jsxRuntime.jsx(ModifiedByCellContent, {
-          avatarColor: AVATAR_COLORS.PURPLE,
-          avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
-          primaryText: apiClient,
-          tertiaryText: formatMessage(messages$4.associateLabel),
-          toolTipTitle: formatMessage(messages$4.avatarApiIntegration),
-          isWrappingText: isWrappingText
-        });
-      }
-    default:
-      return jsxRuntime.jsx(ModifiedByCellContent, {
-        avatarColor: AVATAR_COLORS.PURPLE,
-        avatarIcon: jsxRuntime.jsx(uiKit.CodeViewIcon, {}),
-        primaryText: jsxRuntime.jsx(NoValueFallback, {}),
-        isWrappingText: isWrappingText
-      });
-  }
-};
-ModifiedByCell.displayName = 'ModifiedByCell';
-ModifiedByCell.propTypes = {};
-
 const getTableCellByColumnKey = _ref => {
   var _message$modifiedAt;
   let apiClients = _ref.apiClients,
@@ -19849,7 +19977,7 @@ const getTableCellByColumnKey = _ref => {
       }
     case COLUMNS.MODIFIED_BY:
       {
-        var _message$modifiedBy, _message$modifiedBy2, _message$modifiedBy3, _message$modifiedBy4, _message$modifiedBy5, _message$modifiedBy6, _message$modifiedBy7, _message$modifiedBy8;
+        var _message$modifiedBy, _message$modifiedBy2, _message$modifiedBy3, _message$modifiedBy4, _message$modifiedBy5, _message$modifiedBy6, _message$modifiedBy7;
         const customerId = (_message$modifiedBy = message.modifiedBy) === null || _message$modifiedBy === void 0 || (_message$modifiedBy = _message$modifiedBy.customer) === null || _message$modifiedBy === void 0 ? void 0 : _message$modifiedBy.id;
         const modifiedById = (_message$modifiedBy2 = message.modifiedBy) === null || _message$modifiedBy2 === void 0 ? void 0 : _message$modifiedBy2.id;
         return jsxRuntime.jsx(ModifiedByCell, {
@@ -19859,8 +19987,8 @@ const getTableCellByColumnKey = _ref => {
           member: modifiedById ? members[modifiedById] : undefined,
           clientId: (_message$modifiedBy6 = message.modifiedBy) === null || _message$modifiedBy6 === void 0 ? void 0 : _message$modifiedBy6.clientId,
           apiClients: apiClients,
-          customerId: (_message$modifiedBy7 = message.modifiedBy) === null || _message$modifiedBy7 === void 0 || (_message$modifiedBy7 = _message$modifiedBy7.customer) === null || _message$modifiedBy7 === void 0 ? void 0 : _message$modifiedBy7.id,
-          anonymousId: (_message$modifiedBy8 = message.modifiedBy) === null || _message$modifiedBy8 === void 0 ? void 0 : _message$modifiedBy8.anonymousId,
+          customerId: customerId ? customerId : '',
+          anonymousId: (_message$modifiedBy7 = message.modifiedBy) === null || _message$modifiedBy7 === void 0 ? void 0 : _message$modifiedBy7.anonymousId,
           customer: customerId ? customers === null || customers === void 0 ? void 0 : customers[customerId] : undefined,
           isWrappingText: isWrappingText && isRowCollapsed
         });
@@ -21234,7 +21362,7 @@ const WelcomeDialog = _ref => {
     _useStorage2 = _slicedToArray(_useStorage, 2),
     hasDismissedModal = _useStorage2[0],
     setHasDismissedModal = _useStorage2[1];
-  const isBasicChangeHistory = hasFoundData && tier === TIER_TYPES.BASIC;
+  const isBasicChangeHistory = hasFoundData && tier === TierLevels.Basic;
   react.useEffect(() => {
     if (isBasicChangeHistory && !hasDismissedModal) {
       openModal();
@@ -22013,17 +22141,17 @@ const loadMessages = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-de" */'./de-c2be9253.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-de" */'./de-43cb4047.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-es" */'./es-0421b67e.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-es" */'./es-f2d2e7a4.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-a3c8a9b8.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-c1b86aa9.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-4e486b02.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-d9d90a6f.cjs.prod.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-zh-CN" */'./zh-CN-252dd3b1.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-zh-CN" */'./zh-CN-c5e4f709.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-en" */'./en-f0b11682.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-en" */'./en-9dc7b636.cjs.prod.js'); });
   }
 };