@commercetools-frontend-extensions/change-history 8.42.0 → 8.43.0

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

@@ -15,8 +15,8 @@ var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var applicationShell = require('@commercetools-frontend/application-shell');
 var constants = require('@commercetools-frontend/constants');
 var camelCase = require('lodash/camelCase');
 var get = require('lodash/get');
@@ -137,22 +137,7 @@ var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.42.0";
-
-// EXAMPLE
-// export const FEATURE_FLAG_NAME = 'featureFlagName';
-// eslint-disable-next-line import/prefer-default-export
-
-const AL_FILTER_REDESIGN = 'alFilterRedesign';
-const FLAGS = {
-  // [FEATURE_FLAG_NAME]: set true or false,
-  [AL_FILTER_REDESIGN]: false
-};
-
-const useAlFilterRedesign = () => {
-  const alFilterRedesign = applicationShell.useFeatureToggle(AL_FILTER_REDESIGN);
-  return Boolean(alFilterRedesign);
-};
+var version = "8.43.0";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -4418,7 +4403,6 @@ const MESSAGE_MAPPER$1 = {
   [RESOURCE_TYPE_NAME.CHANNEL]: messages$16,
   [RESOURCE_TYPE_NAME.CUSTOM_OBJECT]: messages$15,
   [RESOURCE_TYPE_NAME.CUSTOMER]: messages$14,
-  // [RESOURCE_TYPE_NAME.CUSTOMER_GROUP]: customerGroupMessages,
   [RESOURCE_TYPE_NAME.DISCOUNT_CODE]: messages$12,
   [RESOURCE_TYPE_NAME.INVENTORY_ENTRY]: messages$10,
   [RESOURCE_TYPE_NAME.ORDER]: messages$$,
@@ -4445,7 +4429,6 @@ const MESSAGE_MAPPER$1 = {
   [RESOURCE_TYPE.CHANNEL]: messages$16,
   [RESOURCE_TYPE.CUSTOM_OBJECT]: messages$15,
   [RESOURCE_TYPE.CUSTOMER]: messages$14,
-  // [RESOURCE_TYPE.CUSTOMER_GROUP]: customerGroupMessages,
   [RESOURCE_TYPE.DISCOUNT_CODE]: messages$12,
   [RESOURCE_TYPE.INVENTORY_ENTRY]: messages$10,
   [RESOURCE_TYPE.ORDER]: messages$$,
@@ -13248,20 +13231,23 @@ const ChangeHistoryListConnector = props => {
     const allFilterKeys = _Object$values__default["default"](FILTER_KEY);
     const filterValues = _reduceInstanceProperty__default["default"](allFilterKeys).call(allFilterKeys, (acc, key) => {
       if (key === FILTER_KEY.CREATED_AT) {
+        // This one has some additional logic to translate date filters into an actual date range
         acc[key] = createDatesFromSelectedFilter(timeZone, locale, newFilters[key]);
       } else if (key === FILTER_KEY.RESOURCE_TYPES) {
-        const resourceTypes = getResourceTypeFilter(newFilters, props.allowedResourceTypes);
         // This one has some additional logic to ensure we only fetch the allowed resource types
+        const resourceTypes = getResourceTypeFilter(newFilters, props.allowedResourceTypes);
         if (resourceTypes) {
           acc[key] = resourceTypes;
         }
       } else if (key === FILTER_KEY.CHANGES) {
+        // This one has some additional logic to parse the change value from the filter
         const value = newFilters[key];
         if (value) {
           const parsedValue = JSON.parse(value.appliedFilterValues[0].value);
           acc[FILTER_KEY.CHANGES] = [parsedValue.change.value];
         }
       } else if (key === FILTER_KEY.RESOURCE_ID) {
+        // This one has some additional logic to handle the resource ID prop for the in-context views
         const value = newFilters[key];
         if (value) {
           acc[key] = value.appliedFilterValues[0].value;
@@ -15475,6 +15461,13 @@ const getFirst60Options = (storesOptions, currentValues) => {
   return _sliceInstanceProperty__default["default"](storesOptions).call(storesOptions, 0, LOWER_STORES_LIMIT + currentValuesLength);
 };
 
+reactIntl.defineMessages({
+  searchInputPlaceholder: {
+    id: 'ChangeHistory.list.searchInputPlaceholder',
+    description: 'Placeholder for search input',
+    defaultMessage: 'Search by entity ID'
+  }
+});
 const filterTypeInMessages = reactIntl.defineMessages({
   [FILTER_OPERATOR.in]: {
     id: 'Search.Filters.Definitions.Text.in',
@@ -15535,9 +15528,8 @@ const messages$7 = reactIntl.defineMessages({
     description: 'Alt description for the Customer ID tooltip image.',
     defaultMessage: 'Merchant Center screen displaying a highlighted section in the URL bar'
   },
-  /* //TODO during alFilterRedesign cleanup. Once CustomerIdDialog et al is removed, update this ID to ChangeHistory.filters.tooltips.customerIdDialogTitle to stay align with existing pattern */
-  customerIdDialogHeader: {
-    id: 'ChangeHistory.filters.tooltips.customerIdDialogHeader',
+  customerIdDialogTitle: {
+    id: 'ChangeHistory.filters.tooltips.customerIdDialogTitle',
     description: 'Title for Customer ID dialog',
     defaultMessage: 'Customer ID filter'
   },
@@ -17637,7 +17629,7 @@ const createFilterConfigurations = _ref => {
     label: intl.formatMessage(messages$a.customerIdFilter),
     groupKey: FILTER_GROUP_KEYS.premiumTier,
     tooltip: jsxRuntime.jsx(FilterTooltipDialog, {
-      title: messages$7.customerIdDialogHeader,
+      title: messages$7.customerIdDialogTitle,
       image: CustomerIdTooltipDialogIcon,
       altImage: messages$7.customerIdDialogAltImage,
       body: jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -18133,7 +18125,7 @@ const searchViewStyles = {
     styles: "display:flex;flex-direction:column;flex:1;width:100%;height:100%"
   } : {
     name: "t8f3ar-searchView",
-    styles: "display:flex;flex-direction:column;flex:1;width:100%;height:100%;label:searchView;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUIiLCJmaWxlIjoic2VhcmNoLXZpZXcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzZWFyY2hWaWV3U3R5bGVzID0ge1xuICBzZWFyY2hWaWV3OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgLy90aGlzIHN0eWxpbmcgaW5zdXJlcyB0aGF0IHRoZSB0YWJsZS9mb290ZXIgaXMgc2l6ZWQgcHJvcGVybHkgaW4gdGhlIGF1ZGl0IGxvZyBhcHAgdmlld1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgYCxcbiAgc2VhcmNoU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIGAsXG4gIHJlc3VsdHNXcmFwcGVyU2VjdGlvbjogaXNGaWx0ZXJSZWRlc2lnbkVuYWJsZWQgPT4gY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7aXNGaWx0ZXJSZWRlc2lnbkVuYWJsZWQgPyBkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzIDogZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG5cbiAgY29udGVudFNlY3Rpb246IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleDogMTtcbiAgICBhbmltYXRpb246IHNob3cgMC4zcyBmb3J3YXJkcyBsaW5lYXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG4gIHJlc3VsdHNTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBzZWFyY2hWaWV3U3R5bGVzO1xuIl19 */",
+    styles: "display:flex;flex-direction:column;flex:1;width:100%;height:100%;label:searchView;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUIiLCJmaWxlIjoic2VhcmNoLXZpZXcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzZWFyY2hWaWV3U3R5bGVzID0ge1xuICBzZWFyY2hWaWV3OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgLy90aGlzIHN0eWxpbmcgaW5zdXJlcyB0aGF0IHRoZSB0YWJsZS9mb290ZXIgaXMgc2l6ZWQgcHJvcGVybHkgaW4gdGhlIGF1ZGl0IGxvZyBhcHAgdmlld1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgYCxcbiAgc2VhcmNoU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIGAsXG4gIHJlc3VsdHNXcmFwcGVyU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYc307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG5cbiAgY29udGVudFNlY3Rpb246IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleDogMTtcbiAgICBhbmltYXRpb246IHNob3cgMC4zcyBmb3J3YXJkcyBsaW5lYXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG4gIHJlc3VsdHNTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBzZWFyY2hWaWV3U3R5bGVzO1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
   },
   searchSection: process.env.NODE_ENV === "production" ? {
@@ -18141,16 +18133,16 @@ const searchViewStyles = {
     styles: "margin-bottom:0"
   } : {
     name: "13ei35s-searchSection",
-    styles: "margin-bottom:0;label:searchSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0IiLCJmaWxlIjoic2VhcmNoLXZpZXcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzZWFyY2hWaWV3U3R5bGVzID0ge1xuICBzZWFyY2hWaWV3OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgLy90aGlzIHN0eWxpbmcgaW5zdXJlcyB0aGF0IHRoZSB0YWJsZS9mb290ZXIgaXMgc2l6ZWQgcHJvcGVybHkgaW4gdGhlIGF1ZGl0IGxvZyBhcHAgdmlld1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgYCxcbiAgc2VhcmNoU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIGAsXG4gIHJlc3VsdHNXcmFwcGVyU2VjdGlvbjogaXNGaWx0ZXJSZWRlc2lnbkVuYWJsZWQgPT4gY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7aXNGaWx0ZXJSZWRlc2lnbkVuYWJsZWQgPyBkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzIDogZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG5cbiAgY29udGVudFNlY3Rpb246IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleDogMTtcbiAgICBhbmltYXRpb246IHNob3cgMC4zcyBmb3J3YXJkcyBsaW5lYXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG4gIHJlc3VsdHNTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBzZWFyY2hWaWV3U3R5bGVzO1xuIl19 */",
+    styles: "margin-bottom:0;label:searchSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0IiLCJmaWxlIjoic2VhcmNoLXZpZXcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzZWFyY2hWaWV3U3R5bGVzID0ge1xuICBzZWFyY2hWaWV3OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgLy90aGlzIHN0eWxpbmcgaW5zdXJlcyB0aGF0IHRoZSB0YWJsZS9mb290ZXIgaXMgc2l6ZWQgcHJvcGVybHkgaW4gdGhlIGF1ZGl0IGxvZyBhcHAgdmlld1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgYCxcbiAgc2VhcmNoU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIGAsXG4gIHJlc3VsdHNXcmFwcGVyU2VjdGlvbjogY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYc307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG5cbiAgY29udGVudFNlY3Rpb246IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleDogMTtcbiAgICBhbmltYXRpb246IHNob3cgMC4zcyBmb3J3YXJkcyBsaW5lYXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG4gIHJlc3VsdHNTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGAsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBzZWFyY2hWaWV3U3R5bGVzO1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
   },
-  resultsWrapperSection: isFilterRedesignEnabled => /*#__PURE__*/react$1.css("margin-top:", isFilterRedesignEnabled ? uiKit.designTokens.spacingXs : uiKit.designTokens.spacing25, ";display:flex;flex-direction:column;flex-grow:1;height:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:resultsWrapperSection;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnVEIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGlzRmlsdGVyUmVkZXNpZ25FbmFibGVkID0+IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2lzRmlsdGVyUmVkZXNpZ25FbmFibGVkID8gZGVzaWduVG9rZW5zLnNwYWNpbmdYcyA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */"),
+  resultsWrapperSection: /*#__PURE__*/react$1.css("margin-top:", uiKit.designTokens.spacingXs, ";display:flex;flex-direction:column;flex-grow:1;height:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:resultsWrapperSection;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjRCIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */"),
   contentSection: process.env.NODE_ENV === "production" ? {
     name: "1bb7ujj",
     styles: "display:flex;flex-direction:column;flex:1;animation:show 0.3s forwards linear;width:100%"
   } : {
     name: "rzinbi-contentSection",
-    styles: "display:flex;flex-direction:column;flex:1;animation:show 0.3s forwards linear;width:100%;label:contentSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnFCIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGlzRmlsdGVyUmVkZXNpZ25FbmFibGVkID0+IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2lzRmlsdGVyUmVkZXNpZ25FbmFibGVkID8gZGVzaWduVG9rZW5zLnNwYWNpbmdYcyA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */",
+    styles: "display:flex;flex-direction:column;flex:1;animation:show 0.3s forwards linear;width:100%;label:contentSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnFCIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
   },
   resultsSection: process.env.NODE_ENV === "production" ? {
@@ -18158,7 +18150,7 @@ const searchViewStyles = {
     styles: "display:flex;flex-direction:column;flex:1;width:100%"
   } : {
     name: "1mlvvqa-resultsSection",
-    styles: "display:flex;flex-direction:column;flex:1;width:100%;label:resultsSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFCIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGlzRmlsdGVyUmVkZXNpZ25FbmFibGVkID0+IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2lzRmlsdGVyUmVkZXNpZ25FbmFibGVkID8gZGVzaWduVG9rZW5zLnNwYWNpbmdYcyA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */",
+    styles: "display:flex;flex-direction:column;flex:1;width:100%;label:resultsSection;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC12aWV3LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFCIiwiZmlsZSI6InNlYXJjaC12aWV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCc7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc2VhcmNoVmlld1N0eWxlcyA9IHtcbiAgc2VhcmNoVmlldzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIC8vdGhpcyBzdHlsaW5nIGluc3VyZXMgdGhhdCB0aGUgdGFibGUvZm9vdGVyIGlzIHNpemVkIHByb3Blcmx5IGluIHRoZSBhdWRpdCBsb2cgYXBwIHZpZXdcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIGAsXG4gIHNlYXJjaFNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICBgLFxuICByZXN1bHRzV3JhcHBlclNlY3Rpb246IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICBgLFxuXG4gIGNvbnRlbnRTZWN0aW9uOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgYW5pbWF0aW9uOiBzaG93IDAuM3MgZm9yd2FyZHMgbGluZWFyO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICByZXN1bHRzU2VjdGlvbjogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgc2VhcmNoVmlld1N0eWxlcztcbiJdfQ== */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
   }
 };
@@ -18168,9 +18160,8 @@ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _
 const SearchView = props => {
   var _context, _context2, _context3;
   const intl = reactIntl.useIntl();
-  const isFilterRedesignEnabled = useAlFilterRedesign();
   const columnDefinitions = getColumnDefinitions$1({
-    visibleColumnsOfView: props.visibleColumns,
+    visibleColumnsOfView: props.searchQuery.columns,
     columnsToBeShown: props.columns,
     inContextEntity: props.inContextEntity,
     canViewBusinessUnits: props.canViewBusinessUnits
@@ -18197,9 +18188,9 @@ const SearchView = props => {
     });
   };
   const handlePerPageChange = perPage => {
-    let page = props.page;
+    let page = props.searchQuery.page;
     // if the switch would cause a completely empty page
-    if (props.total < (props.page - 1) * perPage) {
+    if (props.total < (props.searchQuery.page - 1) * perPage) {
       page = Math.ceil(props.total / perPage);
     }
     handleUpdateSearch({
@@ -18224,8 +18215,8 @@ const SearchView = props => {
         let key = _ref.key;
         return key;
       }),
-      isCondensed: props.displaySettings.isCondensed,
-      isWrappingText: props.displaySettings.isWrappingText
+      isCondensed: props.searchQuery.displaySettings.isCondensed,
+      isWrappingText: props.searchQuery.displaySettings.isWrappingText
     },
     onSubmit: values => {
       props.setSearchQuery(_objectSpread$c(_objectSpread$c({}, props.searchQuery), {}, {
@@ -18238,7 +18229,7 @@ const SearchView = props => {
     },
     enableReinitialize: true
   });
-  const availableVisibleColumns = _filterInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = props.visibleColumns).call(_context3, columnKey => {
+  const availableVisibleColumns = _filterInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = props.searchQuery.columns).call(_context3, columnKey => {
     var _context4;
     return _findInstanceProperty__default["default"](_context4 = columnDefinitions.available).call(_context4, column => column.key === columnKey);
   })).call(_context2, column => column !== undefined);
@@ -18331,7 +18322,7 @@ const SearchView = props => {
           inContextFilterKeys: props.inContextFilterKeys
         })
       }), (hasNoResults || props.total > 0) && jsxRuntime.jsxs("div", {
-        css: searchViewStyles.resultsWrapperSection(isFilterRedesignEnabled),
+        css: searchViewStyles.resultsWrapperSection,
         children: [props.isLoading && jsxRuntime.jsx(uiKit.LoadingSpinner, {}), !props.isLoading && jsxRuntime.jsxs("section", {
           css: searchViewStyles.contentSection,
           children: [props.total > 0 && jsxRuntime.jsx("div", {
@@ -18340,13 +18331,13 @@ const SearchView = props => {
               columnDefinitions: columnDefinitions,
               formik: _valuesInstanceProperty__default["default"](formik$1),
               results: props.results,
-              sorting: props.sorting,
+              sorting: props.searchQuery.sorting,
               onSortChange: handleSortChange,
               footer: jsxRuntime.jsx(uiKit.Pagination, {
                 onPageChange: handlePageChange,
                 onPerPageChange: handlePerPageChange,
-                page: props.page,
-                perPage: props.perPage,
+                page: props.searchQuery.page,
+                perPage: props.searchQuery.perPage,
                 perPageRange: "m",
                 totalItems: props.total
               })
@@ -18435,15 +18426,7 @@ const ChangeHistoryList = props => {
                 canViewDeveloperSettings: canViewDeveloperSettings,
                 canViewBusinessUnits: canViewBusinessUnits,
                 canViewStores: canViewStores,
-                inContextFilterKeys: props.filters
-                /* TODO: Can remove all these and just get them off searchQuery? */,
-                visibleColumns: changeHistoryFetcher.searchQuery.columns,
-                filters: changeHistoryFetcher.searchQuery.filters,
-                page: changeHistoryFetcher.searchQuery.page,
-                perPage: changeHistoryFetcher.searchQuery.perPage,
-                sorting: changeHistoryFetcher.searchQuery.sorting,
-                displaySettings: changeHistoryFetcher.searchQuery.displaySettings
-                /* ------------------------------------------------------------ */,
+                inContextFilterKeys: props.filters,
                 columns: props.columns ?? defaultColumns,
                 inContextEntity: props.inContextEntity,
                 results: changeHistoryFetcher.history.results,
@@ -21310,15 +21293,15 @@ 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-7b6dccd5.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-c64c7be6.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-6f2f99b6.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-0549e536.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-1f679765.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-e7c4e125.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-a80e1f3c.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-2c2e6c98.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-db0832e3.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-cd57f8ed.cjs.dev.js'); });
   }
 };
 
@@ -22247,7 +22230,14 @@ const ChangeHistoryLink = props => {
 };
 ChangeHistoryLink.displayName = 'ChangeHistoryLink';
 
-exports.AL_FILTER_REDESIGN = AL_FILTER_REDESIGN;
+// EXAMPLE
+// export const FEATURE_FLAG_NAME = 'featureFlagName';
+// eslint-disable-next-line import/prefer-default-export
+
+const FLAGS = {
+  // [FEATURE_FLAG_NAME]: set true or false,
+};
+
 exports.ChangeHistory = ChangeHistoryRoutes;
 exports.ChangeHistoryAssociateRolesTab = AssociateRoleTab;
 exports.ChangeHistoryBusinessUnitsTab = BusinessUnitTab;

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

@@ -15,8 +15,8 @@ var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var applicationShell = require('@commercetools-frontend/application-shell');
 var constants = require('@commercetools-frontend/constants');
 var camelCase = require('lodash/camelCase');
 var get = require('lodash/get');
@@ -137,22 +137,7 @@ var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.42.0";
-
-// EXAMPLE
-// export const FEATURE_FLAG_NAME = 'featureFlagName';
-// eslint-disable-next-line import/prefer-default-export
-
-const AL_FILTER_REDESIGN = 'alFilterRedesign';
-const FLAGS = {
-  // [FEATURE_FLAG_NAME]: set true or false,
-  [AL_FILTER_REDESIGN]: false
-};
-
-const useAlFilterRedesign = () => {
-  const alFilterRedesign = applicationShell.useFeatureToggle(AL_FILTER_REDESIGN);
-  return Boolean(alFilterRedesign);
-};
+var version = "8.43.0";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -4391,7 +4376,6 @@ const MESSAGE_MAPPER$1 = {
   [RESOURCE_TYPE_NAME.CHANNEL]: messages$16,
   [RESOURCE_TYPE_NAME.CUSTOM_OBJECT]: messages$15,
   [RESOURCE_TYPE_NAME.CUSTOMER]: messages$14,
-  // [RESOURCE_TYPE_NAME.CUSTOMER_GROUP]: customerGroupMessages,
   [RESOURCE_TYPE_NAME.DISCOUNT_CODE]: messages$12,
   [RESOURCE_TYPE_NAME.INVENTORY_ENTRY]: messages$10,
   [RESOURCE_TYPE_NAME.ORDER]: messages$$,
@@ -4418,7 +4402,6 @@ const MESSAGE_MAPPER$1 = {
   [RESOURCE_TYPE.CHANNEL]: messages$16,
   [RESOURCE_TYPE.CUSTOM_OBJECT]: messages$15,
   [RESOURCE_TYPE.CUSTOMER]: messages$14,
-  // [RESOURCE_TYPE.CUSTOMER_GROUP]: customerGroupMessages,
   [RESOURCE_TYPE.DISCOUNT_CODE]: messages$12,
   [RESOURCE_TYPE.INVENTORY_ENTRY]: messages$10,
   [RESOURCE_TYPE.ORDER]: messages$$,
@@ -13190,20 +13173,23 @@ const ChangeHistoryListConnector = props => {
     const allFilterKeys = _Object$values__default["default"](FILTER_KEY);
     const filterValues = _reduceInstanceProperty__default["default"](allFilterKeys).call(allFilterKeys, (acc, key) => {
       if (key === FILTER_KEY.CREATED_AT) {
+        // This one has some additional logic to translate date filters into an actual date range
         acc[key] = createDatesFromSelectedFilter(timeZone, locale, newFilters[key]);
       } else if (key === FILTER_KEY.RESOURCE_TYPES) {
-        const resourceTypes = getResourceTypeFilter(newFilters, props.allowedResourceTypes);
         // This one has some additional logic to ensure we only fetch the allowed resource types
+        const resourceTypes = getResourceTypeFilter(newFilters, props.allowedResourceTypes);
         if (resourceTypes) {
           acc[key] = resourceTypes;
         }
       } else if (key === FILTER_KEY.CHANGES) {
+        // This one has some additional logic to parse the change value from the filter
         const value = newFilters[key];
         if (value) {
           const parsedValue = JSON.parse(value.appliedFilterValues[0].value);
           acc[FILTER_KEY.CHANGES] = [parsedValue.change.value];
         }
       } else if (key === FILTER_KEY.RESOURCE_ID) {
+        // This one has some additional logic to handle the resource ID prop for the in-context views
         const value = newFilters[key];
         if (value) {
           acc[key] = value.appliedFilterValues[0].value;
@@ -15365,6 +15351,13 @@ const getFirst60Options = (storesOptions, currentValues) => {
   return _sliceInstanceProperty__default["default"](storesOptions).call(storesOptions, 0, LOWER_STORES_LIMIT + currentValuesLength);
 };
 
+reactIntl.defineMessages({
+  searchInputPlaceholder: {
+    id: 'ChangeHistory.list.searchInputPlaceholder',
+    description: 'Placeholder for search input',
+    defaultMessage: 'Search by entity ID'
+  }
+});
 const filterTypeInMessages = reactIntl.defineMessages({
   [FILTER_OPERATOR.in]: {
     id: 'Search.Filters.Definitions.Text.in',
@@ -15420,9 +15413,8 @@ const messages$7 = reactIntl.defineMessages({
     description: 'Alt description for the Customer ID tooltip image.',
     defaultMessage: 'Merchant Center screen displaying a highlighted section in the URL bar'
   },
-  /* //TODO during alFilterRedesign cleanup. Once CustomerIdDialog et al is removed, update this ID to ChangeHistory.filters.tooltips.customerIdDialogTitle to stay align with existing pattern */
-  customerIdDialogHeader: {
-    id: 'ChangeHistory.filters.tooltips.customerIdDialogHeader',
+  customerIdDialogTitle: {
+    id: 'ChangeHistory.filters.tooltips.customerIdDialogTitle',
     description: 'Title for Customer ID dialog',
     defaultMessage: 'Customer ID filter'
   },
@@ -17513,7 +17505,7 @@ const createFilterConfigurations = _ref => {
     label: intl.formatMessage(messages$a.customerIdFilter),
     groupKey: FILTER_GROUP_KEYS.premiumTier,
     tooltip: jsxRuntime.jsx(FilterTooltipDialog, {
-      title: messages$7.customerIdDialogHeader,
+      title: messages$7.customerIdDialogTitle,
       image: CustomerIdTooltipDialogIcon,
       altImage: messages$7.customerIdDialogAltImage,
       body: jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -18006,7 +17998,7 @@ const searchViewStyles = {
     name: "1ykowef",
     styles: "margin-bottom:0"
   } ,
-  resultsWrapperSection: isFilterRedesignEnabled => /*#__PURE__*/react$1.css("margin-top:", isFilterRedesignEnabled ? uiKit.designTokens.spacingXs : uiKit.designTokens.spacing25, ";display:flex;flex-direction:column;flex-grow:1;height:100%;" + ("" ), "" ),
+  resultsWrapperSection: /*#__PURE__*/react$1.css("margin-top:", uiKit.designTokens.spacingXs, ";display:flex;flex-direction:column;flex-grow:1;height:100%;" + ("" ), "" ),
   contentSection: {
     name: "1bb7ujj",
     styles: "display:flex;flex-direction:column;flex:1;animation:show 0.3s forwards linear;width:100%"
@@ -18022,9 +18014,8 @@ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _
 const SearchView = props => {
   var _context, _context2, _context3;
   const intl = reactIntl.useIntl();
-  const isFilterRedesignEnabled = useAlFilterRedesign();
   const columnDefinitions = getColumnDefinitions$1({
-    visibleColumnsOfView: props.visibleColumns,
+    visibleColumnsOfView: props.searchQuery.columns,
     columnsToBeShown: props.columns,
     inContextEntity: props.inContextEntity,
     canViewBusinessUnits: props.canViewBusinessUnits
@@ -18051,9 +18042,9 @@ const SearchView = props => {
     });
   };
   const handlePerPageChange = perPage => {
-    let page = props.page;
+    let page = props.searchQuery.page;
     // if the switch would cause a completely empty page
-    if (props.total < (props.page - 1) * perPage) {
+    if (props.total < (props.searchQuery.page - 1) * perPage) {
       page = Math.ceil(props.total / perPage);
     }
     handleUpdateSearch({
@@ -18078,8 +18069,8 @@ const SearchView = props => {
         let key = _ref.key;
         return key;
       }),
-      isCondensed: props.displaySettings.isCondensed,
-      isWrappingText: props.displaySettings.isWrappingText
+      isCondensed: props.searchQuery.displaySettings.isCondensed,
+      isWrappingText: props.searchQuery.displaySettings.isWrappingText
     },
     onSubmit: values => {
       props.setSearchQuery(_objectSpread$c(_objectSpread$c({}, props.searchQuery), {}, {
@@ -18092,7 +18083,7 @@ const SearchView = props => {
     },
     enableReinitialize: true
   });
-  const availableVisibleColumns = _filterInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = props.visibleColumns).call(_context3, columnKey => {
+  const availableVisibleColumns = _filterInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = props.searchQuery.columns).call(_context3, columnKey => {
     var _context4;
     return _findInstanceProperty__default["default"](_context4 = columnDefinitions.available).call(_context4, column => column.key === columnKey);
   })).call(_context2, column => column !== undefined);
@@ -18185,7 +18176,7 @@ const SearchView = props => {
           inContextFilterKeys: props.inContextFilterKeys
         })
       }), (hasNoResults || props.total > 0) && jsxRuntime.jsxs("div", {
-        css: searchViewStyles.resultsWrapperSection(isFilterRedesignEnabled),
+        css: searchViewStyles.resultsWrapperSection,
         children: [props.isLoading && jsxRuntime.jsx(uiKit.LoadingSpinner, {}), !props.isLoading && jsxRuntime.jsxs("section", {
           css: searchViewStyles.contentSection,
           children: [props.total > 0 && jsxRuntime.jsx("div", {
@@ -18194,13 +18185,13 @@ const SearchView = props => {
               columnDefinitions: columnDefinitions,
               formik: _valuesInstanceProperty__default["default"](formik$1),
               results: props.results,
-              sorting: props.sorting,
+              sorting: props.searchQuery.sorting,
               onSortChange: handleSortChange,
               footer: jsxRuntime.jsx(uiKit.Pagination, {
                 onPageChange: handlePageChange,
                 onPerPageChange: handlePerPageChange,
-                page: props.page,
-                perPage: props.perPage,
+                page: props.searchQuery.page,
+                perPage: props.searchQuery.perPage,
                 perPageRange: "m",
                 totalItems: props.total
               })
@@ -18289,15 +18280,7 @@ const ChangeHistoryList = props => {
                 canViewDeveloperSettings: canViewDeveloperSettings,
                 canViewBusinessUnits: canViewBusinessUnits,
                 canViewStores: canViewStores,
-                inContextFilterKeys: props.filters
-                /* TODO: Can remove all these and just get them off searchQuery? */,
-                visibleColumns: changeHistoryFetcher.searchQuery.columns,
-                filters: changeHistoryFetcher.searchQuery.filters,
-                page: changeHistoryFetcher.searchQuery.page,
-                perPage: changeHistoryFetcher.searchQuery.perPage,
-                sorting: changeHistoryFetcher.searchQuery.sorting,
-                displaySettings: changeHistoryFetcher.searchQuery.displaySettings
-                /* ------------------------------------------------------------ */,
+                inContextFilterKeys: props.filters,
                 columns: props.columns ?? defaultColumns,
                 inContextEntity: props.inContextEntity,
                 results: changeHistoryFetcher.history.results,
@@ -21099,15 +21082,15 @@ 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-3ae90852.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-079e6cad.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-fac4bb27.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-55faf3de.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-bc5c571e.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-f1089b99.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-77d373fe.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-29bf9f10.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-53fa62aa.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-3a67c803.cjs.prod.js'); });
   }
 };
 
@@ -22036,7 +22019,14 @@ const ChangeHistoryLink = props => {
 };
 ChangeHistoryLink.displayName = 'ChangeHistoryLink';
 
-exports.AL_FILTER_REDESIGN = AL_FILTER_REDESIGN;
+// EXAMPLE
+// export const FEATURE_FLAG_NAME = 'featureFlagName';
+// eslint-disable-next-line import/prefer-default-export
+
+const FLAGS = {
+  // [FEATURE_FLAG_NAME]: set true or false,
+};
+
 exports.ChangeHistory = ChangeHistoryRoutes;
 exports.ChangeHistoryAssociateRolesTab = AssociateRoleTab;
 exports.ChangeHistoryBusinessUnitsTab = BusinessUnitTab;