@commercetools-frontend/experimental-components 4.0.0 → 5.0.0

package/dist/commercetools-frontend-experimental-components.esm.js

@@ -16,7 +16,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import React, { useEffect, useCallback, useState, useContext, useRef, useMemo, PureComponent, Component, memo, createContext, isValidElement, forwardRef } from 'react';
+import React, { useEffect, useCallback, useState, useRef, useMemo, PureComponent, Component, memo, createContext, useContext, isValidElement, forwardRef } from 'react';
 import flowRight from 'lodash/flowRight';
 import { graphql as graphql$1, withApollo } from '@apollo/client/react/hoc';
 import flatten from 'lodash/flatten';
@@ -48,7 +48,6 @@ import PropTypes from 'prop-types';
 import { useModalState, CustomFormModalPage, PageContentNarrow, ConfirmationDialog, PageContentFull, InfoDialog } from '@commercetools-frontend/application-components';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import { useApplicationContext, ApplicationContext, withApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { GtmContext, useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/application-shell';
 import { useQuery, useApolloClient } from '@apollo/client/react';
 import _lastIndexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/last-index-of';
 import { graphql } from 'msw';
@@ -56,11 +55,11 @@ import get from 'lodash/get';
 import { useFormikContext, Field, getIn, FastField, Formik } from 'formik';
 import _Date$now from '@babel/runtime-corejs3/core-js-stable/date/now';
 import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
+import { useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/application-shell';
 import debounce from 'debounce-promise';
 import pick from 'lodash/pick';
 import { useQuery as useQuery$1 } from '@apollo/client/react/hooks';
 import moment$1 from 'moment';
-import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import classnames from 'classnames';
 import 'react-required-if';
 import { withThemeContext, useTheme } from '@commercetools-uikit/design-system';
@@ -116,8 +115,6 @@ import compact from 'lodash/compact';
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import '@babel/runtime-corejs3/helpers/get';
 import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
-import _URL from '@babel/runtime-corejs3/core-js-stable/url';
-import { matchPath } from 'react-router-dom';
 
 const QUERY_MAX_LIMIT = 500;
 const SHOW_TOOLTIP_CHARS_COUNT = 40;
@@ -129,28 +126,6 @@ const SEARCHABLE_REFERENCES = {
   productType: 'product-type',
   state: 'state'
 };
-const trackingEvents$5 = {
-  showInfoNotification: {
-    category: 'Account-Profile',
-    action: 'showMyProfileUpdateNotification',
-    label: 'Show My Profile Update Notification'
-  },
-  clickOnInfoNotification: {
-    category: 'Account-Profile',
-    action: 'openAccountMyProfilePage',
-    label: 'Open My Profile Page'
-  },
-  clickCloseInfoNotification: {
-    category: 'Account-Profile',
-    action: 'closeInfoNotification',
-    label: 'Close Info Notification'
-  },
-  updateBusinessRoleOnProfilePage: {
-    category: 'Account-Profile',
-    action: 'updateMyProfilePage',
-    label: 'Update My Profile Page'
-  }
-};
 const BUSINESS_ROLE_NOTIFICATION = 'businessRoleNotification';
 
 // The max API limit for one request
@@ -2133,8 +2108,6 @@ const injectStorage = options => WrappedComponent => {
   return WithStorage;
 };
 
-var useTracking = (() => useContext(GtmContext));
-
 /**
  * @returns function with the following parameters
  * - {LocalizedStrings} localizedStrings - an array of graphql LocalizedString,
@@ -2444,10 +2417,7 @@ var messages$M = defineMessages({
 function ownKeys$1f(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1f(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1f(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const LinkToProfile = props => {
-  const _useTrackingShared = useTrackingShared(),
-    trackClickOnInfoNotification = _useTrackingShared.trackClickOnInfoNotification;
   return jsx(Link, {
-    onClick: trackClickOnInfoNotification,
     to: "/account/profile",
     children: props.children
   });
@@ -2485,45 +2455,8 @@ const NotificationText = () => jsxs(Spacings.Stack, {
 });
 NotificationText.displayName = 'NotificationText';
 
-const forwardHandler = (track, handler) => function () {
-  track();
-  handler(...arguments);
-};
-const defaultProcessTrackingEvent = trackingEvent => trackingEvent;
-const useTrackingHandler = function (trackingEvent) {
-  let processTrackingEvent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultProcessTrackingEvent;
-  const _useTrackingContext = useTracking(),
-    track = _useTrackingContext.track;
-  return useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    const _processTrackingEvent = processTrackingEvent(trackingEvent, ...args),
-      action = _processTrackingEvent.action,
-      category = _processTrackingEvent.category,
-      label = _processTrackingEvent.label;
-    track(action, category, label);
-  }, [track, trackingEvent, processTrackingEvent]);
-};
-const useTrackingShared = () => {
-  const trackShowInfoNotification = useTrackingHandler(trackingEvents$5.showInfoNotification);
-  const trackClickOnInfoNotification = useTrackingHandler(trackingEvents$5.clickOnInfoNotification);
-  const trackClickCloseInfoNotification = useTrackingHandler(trackingEvents$5.clickCloseInfoNotification);
-  const trackUpdateBusinessRoleOnProfilePage = useTrackingHandler(trackingEvents$5.updateBusinessRoleOnProfilePage);
-  return {
-    trackShowInfoNotification,
-    trackClickOnInfoNotification,
-    trackClickCloseInfoNotification,
-    trackUpdateBusinessRoleOnProfilePage,
-    forwardHandler
-  };
-};
-
 const useRoleNotification = _ref => {
   let dismissNotification = _ref.onDismiss;
-  const _useTrackingShared = useTrackingShared(),
-    trackClickCloseInfoNotification = _useTrackingShared.trackClickCloseInfoNotification,
-    forwardHandler = _useTrackingShared.forwardHandler;
   const notification = useShowNotification({
     domain: DOMAINS.SIDE,
     kind: 'info'
@@ -2534,7 +2467,7 @@ const useRoleNotification = _ref => {
       notification({
         text: jsx(NotificationText, {})
       }, {
-        onDismiss: () => forwardHandler(trackClickCloseInfoNotification(), dismissNotification())
+        onDismiss: () => dismissNotification()
       });
     }
   };
@@ -2547,9 +2480,6 @@ const useRoleNotificationEffect = () => {
   const storageKey = 'roleExpiry';
   const userBusinessRole = user.businessRole;
   const scopedStorageKey = [user.id, storageKey].join('/');
-  const _useTrackingShared = useTrackingShared(),
-    trackShowInfoNotification = _useTrackingShared.trackShowInfoNotification,
-    forwardHandler = _useTrackingShared.forwardHandler;
   const _usePersistedReminder = usePersistedReminder({
       storageKey,
       reminderInterval: REMINDER_OPTION_3_DAY
@@ -2562,7 +2492,6 @@ const useRoleNotificationEffect = () => {
     onDismiss: scheduleReminder
   });
   const isFirstTimeUser = !hasChosenReminderRef.current;
-  const openBusinessRoleNotification = () => forwardHandler(trackShowInfoNotification(), roleNotification());
   useEffect(() => {
     /*
     If the user does not have a business role,
@@ -2572,11 +2501,11 @@ const useRoleNotificationEffect = () => {
     if (isFlopFlipReady) {
       // 1. first time user
       if (!userBusinessRole && isFirstTimeUser) {
-        openBusinessRoleNotification();
+        roleNotification();
       }
       // 2. returning but not filled business role and has closed notification before
       else if (!userBusinessRole && hasReminderExpired) {
-        openBusinessRoleNotification();
+        roleNotification();
       }
       // 3. has filled business role
       else if (userBusinessRole) {
@@ -2983,41 +2912,11 @@ var commonPickerMessages = defineMessages({
   }
 });
 
-const trackingEvents$4 = {
-  selectChannelName: {
-    action: 'select',
-    category: 'ReferenceChannel',
-    label: 'name'
-  },
-  selectChannelKey: {
-    action: 'select',
-    category: 'ReferenceChannel',
-    label: 'key'
-  },
-  selectChannelId: {
-    action: 'select',
-    category: 'ReferenceChannel',
-    label: 'id'
-  },
-  selectWithoutTyping: {
-    action: 'select',
-    category: 'ReferenceChannel',
-    label: 'noEntry'
-  }
-};
-
 function ownKeys$1c(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1c(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$1c(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var GetChannelsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetChannelQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channel" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var PickerInputChannel = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n  id\n  key\n  nameAllLocales {\n    locale\n    value\n  }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n  channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputChannel\n    }\n  }\n}\n\nquery GetChannelQuery($id: String) {\n  channel(id: $id) {\n    ...PickerInputChannel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const getTrackingEvent$4 = (inputValue, selectedValue) => {
-  const id = selectedValue.value,
-    key = selectedValue.key,
-    name = selectedValue.name;
-  const trackingEvent = !inputValue ? trackingEvents$4.selectWithoutTyping : _startsWithInstanceProperty(name).call(name, inputValue) ? trackingEvents$4.selectChannelName : _startsWithInstanceProperty(key).call(key, inputValue) ? trackingEvents$4.selectChannelKey : id === inputValue ? trackingEvents$4.selectChannelId : void 0;
-  return trackingEvent;
-};
 const ChannelPickerInput = _ref => {
   var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
@@ -3083,7 +2982,7 @@ const ChannelPickerInput = _ref => {
     onError(error);
   }), [loadOptions, convertChannelToOption, onError]);
   const loadOptionsDebounced = useDebouncedPromiseCallback(handleLoadOptions, 300);
-  const _useHandlers = useHandlers(onChange, getTrackingEvent$4),
+  const _useHandlers = useHandlers(onChange),
     _useHandlers2 = _slicedToArray(_useHandlers, 2),
     handleInternalInputChange = _useHandlers2[0],
     handleChange = _useHandlers2[1];
@@ -3466,7 +3365,6 @@ let SearchInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return jsx("div", {
         className: classnames(this.props.blockClassName, styles$h.block),
-        "data-track-component": "Search",
         children: jsxs("div", {
           className: classnames(this.props.containerClassName, styles$h.container),
           children: [jsx("div", {
@@ -3483,8 +3381,6 @@ let SearchInput = /*#__PURE__*/function (_Component) {
               label: this.props.label,
               placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$J.placeholder),
               inputRef: this.props.inputRef || this.setInputRef,
-              "data-track-component": "Text",
-              "data-track-event": "change",
               onChange: this.handleInputChange,
               onEnter: this.handleEnter,
               onBlurValue: this.props.onBlur,
@@ -3508,8 +3404,6 @@ let SearchInput = /*#__PURE__*/function (_Component) {
             }),
             onClick: this.props.disabled ? null : this.handleSubmit,
             label: "search-button",
-            "data-track-component": "Button",
-            "data-track-event": "click",
             onMouseOver: this.props.handleMouseOver,
             onMouseOut: this.props.handleMouseOut,
             children: jsx(SearchIcon, {
@@ -3739,9 +3633,7 @@ Option$2.displayName = 'Option';
 
 function ownKeys$18(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$18(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$18(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useHandlers = (onChange, getTrackingEvent) => {
-  const _useTracking = useTracking(),
-    track = _useTracking.track;
+const useHandlers = onChange => {
   const _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -3751,25 +3643,13 @@ const useHandlers = (onChange, getTrackingEvent) => {
   }, []);
   const handleChange = useEventCallback(event => {
     var _event$target$value;
-    const doTrack = () => {
-      const trackingEvent = getTrackingEvent(inputValue, event.target.value);
-      if (trackingEvent) {
-        const action = trackingEvent.action,
-          category = trackingEvent.category,
-          label = trackingEvent.label;
-        track(action, category, label);
-      }
-    };
-    if (event.target.value) {
-      doTrack();
-    }
     const eventWithExtractedValue = _objectSpread$18(_objectSpread$18({}, event), {}, {
       target: _objectSpread$18(_objectSpread$18({}, event.target), {}, {
         value: (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value
       })
     });
     onChange(eventWithExtractedValue);
-  }, [onChange, getTrackingEvent, inputValue, track]);
+  }, [onChange, inputValue]);
   return [handleInputChange, handleChange];
 };
 
@@ -3884,30 +3764,11 @@ var messages$H = defineMessages({
   }
 });
 
-const trackingEvents$3 = {
-  selectProductTypeName: {
-    action: 'select',
-    category: 'ReferenceProductType',
-    label: 'name'
-  },
-  selectProductTypeId: {
-    action: 'select',
-    category: 'ReferenceProductType',
-    label: 'id'
-  }
-};
-
 var GetProductTypeQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetProductTypeQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productType" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 212, source: { body: "query GetProductTypesQuery($where: String) {\n  productTypes(where: $where) {\n    results {\n      id\n      name\n    }\n  }\n}\n\nquery GetProductTypeQuery($id: String) {\n  productType(id: $id) {\n    id\n    name\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const DropdownIndicator$1 = () => jsx(SearchIcon, {
   color: "primary"
 });
 DropdownIndicator$1.displayName = 'DropdownIndicator';
-const getTrackingEvent$3 = (inputValue, selectedValue) => {
-  const id = selectedValue.value,
-    name = selectedValue.label;
-  const trackingEvent = _startsWithInstanceProperty(name).call(name, inputValue) ? trackingEvents$3.selectProductTypeName : id === inputValue ? trackingEvents$3.selectProductTypeId : void 0;
-  return trackingEvent;
-};
 const convertProductTypeToOption = productType => {
   if (!productType) return null;
   const id = productType.id,
@@ -3957,7 +3818,7 @@ const ProductTypePickerInput = _ref => {
     onError(error);
   }), [loadProductTypes, onError]);
   const loadOptionsDebounced = useDebouncedPromiseCallback(handleLoadOptions, 300);
-  const _useHandlers = useHandlers(onChange, getTrackingEvent$3),
+  const _useHandlers = useHandlers(onChange),
     _useHandlers2 = _slicedToArray(_useHandlers, 2),
     handleInternalInputChange = _useHandlers2[0],
     handleChange = _useHandlers2[1];
@@ -4018,38 +3879,8 @@ var messages$G = defineMessages({
   }
 });
 
-const trackingEvents$2 = {
-  selectStateName: {
-    action: 'select',
-    category: 'ReferenceState',
-    label: 'name'
-  },
-  selectStateKey: {
-    action: 'select',
-    category: 'ReferenceState',
-    label: 'key'
-  },
-  selectStateId: {
-    action: 'select',
-    category: 'ReferenceState',
-    label: 'id'
-  },
-  selectWithoutTyping: {
-    action: 'select',
-    category: 'ReferenceState',
-    label: 'noEntry'
-  }
-};
-
 var GetStatesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetStatesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "states" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 377, source: { body: "query GetStatesQuery($where: String, $sortByNamePath: String!) {\n  states(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery GetStateQuery($id: String) {\n  state(id: $id) {\n    id\n    key\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetStateQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetStateQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "state" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 377, source: { body: "query GetStatesQuery($where: String, $sortByNamePath: String!) {\n  states(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nquery GetStateQuery($id: String) {\n  state(id: $id) {\n    id\n    key\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const getTrackingEvent$2 = (inputValue, selectedValue) => {
-  const id = selectedValue.value,
-    key = selectedValue.key,
-    name = selectedValue.name;
-  const trackingEvent = !inputValue ? trackingEvents$2.selectWithoutTyping : _startsWithInstanceProperty(name).call(name, inputValue) ? trackingEvents$2.selectStateName : _startsWithInstanceProperty(key).call(key, inputValue) ? trackingEvents$2.selectStateKey : id === inputValue ? trackingEvents$2.selectStateId : void 0;
-  return trackingEvent;
-};
 const StatePickerInput = _ref => {
   var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
@@ -4106,7 +3937,7 @@ const StatePickerInput = _ref => {
     onError(error);
   }), [loadOptions, convertStateToOption, onError]);
   const loadOptionsDebounced = useDebouncedPromiseCallback(handleLoadOptions, 300);
-  const _useHandlers = useHandlers(onChange, getTrackingEvent$2),
+  const _useHandlers = useHandlers(onChange),
     _useHandlers2 = _slicedToArray(_useHandlers, 2),
     handleInternalInputChange = _useHandlers2[0],
     handleChange = _useHandlers2[1];
@@ -6244,37 +6075,12 @@ var messages$D = defineMessages({
   }
 });
 
-const trackingEvents$1 = {
-  selectProductName: {
-    action: 'select',
-    category: 'ReferenceProduct',
-    label: 'name'
-  },
-  selectProductKey: {
-    action: 'select',
-    category: 'ReferenceProduct',
-    label: 'key'
-  },
-  selectProductId: {
-    action: 'select',
-    category: 'ReferenceProduct',
-    label: 'id'
-  }
-};
-
 var GetProductQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetProductQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "product" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 440, source: { body: "query GetProductsQuery($where: String) {\n  products(where: $where) {\n    results {\n      id\n      key\n      masterData {\n        current {\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n\nquery GetProductQuery($id: String) {\n  product(id: $id) {\n    id\n    key\n    masterData {\n      current {\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetProductsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetProductsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "products" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "masterData" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "current" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 440, source: { body: "query GetProductsQuery($where: String) {\n  products(where: $where) {\n    results {\n      id\n      key\n      masterData {\n        current {\n          nameAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n\nquery GetProductQuery($id: String) {\n  product(id: $id) {\n    id\n    key\n    masterData {\n      current {\n        nameAllLocales {\n          locale\n          value\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const DropdownIndicator = () => jsx(SearchIcon, {
   color: "primary"
 });
 DropdownIndicator.displayName = 'DropdownIndicator';
-const getTrackingEvent$1 = (inputValue, selectedValue) => {
-  const id = selectedValue.value,
-    key = selectedValue.key,
-    name = selectedValue.name;
-  const trackingEvent = _startsWithInstanceProperty(name).call(name, inputValue) ? trackingEvents$1.selectProductName : _startsWithInstanceProperty(key).call(key, inputValue) ? trackingEvents$1.selectProductKey : id === inputValue ? trackingEvents$1.selectProductId : void 0;
-  return trackingEvent;
-};
 const ProductPickerInput = _ref => {
   var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
@@ -6332,7 +6138,7 @@ const ProductPickerInput = _ref => {
     onError(error);
   }), [loadOptions, onError, convertProductToOption]);
   const loadOptionsDebounced = useDebouncedPromiseCallback(handleLoadOptions, 300);
-  const _useHandlers = useHandlers(onChange, getTrackingEvent$1),
+  const _useHandlers = useHandlers(onChange),
     _useHandlers2 = _slicedToArray(_useHandlers, 2),
     handleInternalInputChange = _useHandlers2[0],
     handleChange = _useHandlers2[1];
@@ -6745,7 +6551,7 @@ function CustomInputSet(props) {
     touched = _useFormikContext.touched,
     isSubmitting = _useFormikContext.isSubmitting,
     dirty = _useFormikContext.dirty;
-  const itemFieldDefintion = _objectSpread$U(_objectSpread$U({}, props.fieldDefinition), {}, {
+  const itemFieldDefinition = _objectSpread$U(_objectSpread$U({}, props.fieldDefinition), {}, {
     type: props.fieldDefinition.type.elementType
   });
   const value = useMemo(() => props.value || [undefined], [props.value]);
@@ -6804,7 +6610,7 @@ function CustomInputSet(props) {
   // in <CustomFieldComponent /> where proper component for given field/attribute
   // type is selected.
   const type = getType(props.fieldDefinition);
-  const typeName = type.name.toLowerCase();
+  const typeName = type === null || type === void 0 ? void 0 : type.name.toLowerCase();
   const areButtonsTopAligned = _includesInstanceProperty(_context2 = [CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.localizedenum, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.string, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.reference]).call(_context2, typeName);
   return jsxs(Fragment, {
     children: [jsx(AccessibleHidden, {
@@ -6829,7 +6635,7 @@ function CustomInputSet(props) {
               alignItems: areButtonsTopAligned ? 'flex-start' : 'center',
               children: [jsx(CustomFieldInput, {
                 name: fieldName,
-                fieldDefinition: itemFieldDefintion,
+                fieldDefinition: itemFieldDefinition,
                 isDisabled: props.isDisabled,
                 isReadOnly: props.isReadOnly,
                 onBlur: props.onBlur,
@@ -6856,7 +6662,6 @@ function CustomInputSet(props) {
     })]
   });
 }
-CustomInputSet.displayName = 'CustomInputSet';
 
 var messages$C = defineMessages({
   referencedProductType: {
@@ -7315,7 +7120,6 @@ function ProductAttributes(props) {
     inputValuesConverter: convertInputValue
   });
 }
-ProductAttributes.displayName = 'ProductAttributes';
 
 const useFieldDefintion = attributeDefinition => useMemo(() => attributeDefinitionToFieldDefinition(attributeDefinition), [attributeDefinition]);
 function ProductAttributeInput(props) {
@@ -7664,30 +7468,23 @@ const nonSetComponents = {
   [CUSTOM_FIELD_TYPES.date]: CustomDateTimeInput,
   [CUSTOM_FIELD_TYPES.nested]: CustomNestedInput
 };
-const getSetComponent = fieldDefinition => {
-  const type = getType(fieldDefinition);
-  const typeName = type.name.toLowerCase();
-  // Boolean is the only set element with picularities (i.e. way more
-  // convenient for user to work with it as with select input with three values:
-  // [true], [false] and [true, false]).
-  if (typeName === CUSTOM_FIELD_TYPES.boolean) return CustomBooleanInputSet;
-  // All the rest sets are just a fancy wrapper around single-item components
-  return CustomInputSet;
-};
-const getNonSetComponent = fieldDefinition => {
-  const typeName = fieldDefinition.type.name.toLowerCase();
-  return nonSetComponents[typeName];
-};
-const isSet = fieldDefinition => {
-  const typeName = fieldDefinition.type.name.toLowerCase();
-  return typeName === 'set';
-};
-const getInputComponent = fieldDefinition => {
-  if (isSet(fieldDefinition)) return getSetComponent(fieldDefinition);
-  return getNonSetComponent(fieldDefinition);
-};
 const CustomFieldInput = /*#__PURE__*/memo(props => {
-  const InputComponent = getInputComponent(props.fieldDefinition);
+  const InputComponent = useMemo(() => {
+    var _props$fieldDefinitio;
+    const typeName = (_props$fieldDefinitio = props.fieldDefinition.type) === null || _props$fieldDefinitio === void 0 ? void 0 : _props$fieldDefinitio.name.toLowerCase();
+    if (typeName === 'set') {
+      var _getSetElementType;
+      // Boolean is the only set element with peculiarities (i.e. way more
+      // convenient for user to work with it as with select input with three values:
+      // [true], [false] and [true, false]).
+      if (((_getSetElementType = getType(props.fieldDefinition)) === null || _getSetElementType === void 0 ? void 0 : _getSetElementType.name.toLowerCase()) === CUSTOM_FIELD_TYPES.boolean) {
+        return CustomBooleanInputSet;
+      }
+      // All the rest sets are just a fancy wrapper around single-item components
+      return CustomInputSet;
+    }
+    return nonSetComponents[typeName];
+  }, [props.fieldDefinition]);
   if (!InputComponent) return null;
   return jsx(InputComponent, {
     name: props.name,
@@ -8350,43 +8147,9 @@ var messages$y = defineMessages({
   }
 });
 
-const trackingEvents = {
-  selectCustomerGroupName: {
-    action: 'select',
-    category: 'ReferenceCustomerGroup',
-    label: 'name'
-  },
-  selectCustomerGroupKey: {
-    action: 'select',
-    category: 'ReferenceCustomerGroup',
-    label: 'key'
-  },
-  selectCustomerGroupId: {
-    action: 'select',
-    category: 'ReferenceCustomerGroup',
-    label: 'id'
-  },
-  selectWithoutTyping: {
-    action: 'select',
-    category: 'ReferenceCustomerGroup',
-    label: 'noEntry'
-  }
-};
-
 var GetCustomerGroupsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetCustomerGroupsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "customerGroups" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputCustomerGroups" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputCustomerGroups" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CustomerGroup" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 406, source: { body: "fragment PickerInputCustomerGroups on CustomerGroup {\n  id\n  key\n  name\n}\n\nquery GetCustomerGroupsQuery($where: String, $sortByNamePath: String!) {\n  customerGroups(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputCustomerGroups\n    }\n  }\n}\n\nquery GetCustomerGroupQuery($id: String) {\n  customerGroup(id: $id) {\n    ...PickerInputCustomerGroups\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var GetCustomerGroupQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetCustomerGroupQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "customerGroup" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputCustomerGroups" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputCustomerGroups" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CustomerGroup" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 406, source: { body: "fragment PickerInputCustomerGroups on CustomerGroup {\n  id\n  key\n  name\n}\n\nquery GetCustomerGroupsQuery($where: String, $sortByNamePath: String!) {\n  customerGroups(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputCustomerGroups\n    }\n  }\n}\n\nquery GetCustomerGroupQuery($id: String) {\n  customerGroup(id: $id) {\n    ...PickerInputCustomerGroups\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var PickerInputCustomerGroups = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputCustomerGroups" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CustomerGroup" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 406, source: { body: "fragment PickerInputCustomerGroups on CustomerGroup {\n  id\n  key\n  name\n}\n\nquery GetCustomerGroupsQuery($where: String, $sortByNamePath: String!) {\n  customerGroups(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n    total\n    results {\n      ...PickerInputCustomerGroups\n    }\n  }\n}\n\nquery GetCustomerGroupQuery($id: String) {\n  customerGroup(id: $id) {\n    ...PickerInputCustomerGroups\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-const getTrackingEvent = (inputValue, selectedValue) => {
-  const id = selectedValue.value,
-    key = selectedValue.key,
-    name = selectedValue.name;
-  const selectWithoutTyping = trackingEvents.selectWithoutTyping,
-    selectCustomerGroupId = trackingEvents.selectCustomerGroupId,
-    selectCustomerGroupKey = trackingEvents.selectCustomerGroupKey,
-    selectCustomerGroupName = trackingEvents.selectCustomerGroupName;
-  const trackingEvent = !inputValue ? selectWithoutTyping : _startsWithInstanceProperty(name).call(name, inputValue) ? selectCustomerGroupName : _startsWithInstanceProperty(key).call(key, inputValue) ? selectCustomerGroupKey : id === inputValue ? selectCustomerGroupId : void 0;
-  return trackingEvent;
-};
 const CustomerGroupPickerInput = _ref => {
   var _currentOption$data$l, _currentOption$data;
   let isClearable = _ref.isClearable,
@@ -8449,7 +8212,7 @@ const CustomerGroupPickerInput = _ref => {
     onError(error);
   }), [loadOptions, convertCustomerGroupToOption, onError]);
   const loadOptionsDebounced = useDebouncedPromiseCallback(handleLoadOptions, 300);
-  const _useHandlers = useHandlers(onChange, getTrackingEvent),
+  const _useHandlers = useHandlers(onChange),
     _useHandlers2 = _slicedToArray(_useHandlers, 2),
     handleInternalInputChange = _useHandlers2[0],
     handleChange = _useHandlers2[1];
@@ -10092,7 +9855,7 @@ const BusinessUnitAssociatesListView = props => {
 };
 BusinessUnitAssociatesListView.displayName = 'BusinessUnitAssociatesListView';
 
-var BusinessUnitAssociatesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "BusinessUnitAssociatesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "businessUnit" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "BusinessUnit" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "associates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "roles" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "inheritedAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 831, source: { body: "fragment BusinessUnitAssociatesFragment on BusinessUnit {\n  id\n  associates {\n    roles @skip(if: $shouldExcludeRoles)\n    associateRoleAssignments\n      @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n      associateRole {\n        name\n        key\n      }\n    }\n    customer {\n      id\n      email\n      firstName\n      lastName\n    }\n  }\n  inheritedAssociates {\n    associateRoleAssignments\n      @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n      associateRole {\n        name\n        key\n      }\n    }\n    customer {\n      id\n      email\n      firstName\n      lastName\n    }\n  }\n  __typename\n}\n\nquery BusinessUnitAssociatesQuery(\n  $id: String!\n  $shouldExcludeRoles: Boolean!\n  $shouldExcludeAssociateRoleAssignmentsRoles: Boolean!\n) {\n  businessUnit(id: $id) {\n    ...BusinessUnitAssociatesFragment\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var BusinessUnitAssociatesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "BusinessUnitAssociatesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "businessUnit" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "BusinessUnit" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "associates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "roles" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "inheritance" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "inheritedAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 849, source: { body: "fragment BusinessUnitAssociatesFragment on BusinessUnit {\n  id\n  associates {\n    roles @skip(if: $shouldExcludeRoles)\n    associateRoleAssignments\n      @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n      associateRole {\n        name\n        key\n      }\n      inheritance\n    }\n    customer {\n      id\n      email\n      firstName\n      lastName\n    }\n  }\n  inheritedAssociates {\n    associateRoleAssignments\n      @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n      associateRole {\n        name\n        key\n      }\n    }\n    customer {\n      id\n      email\n      firstName\n      lastName\n    }\n  }\n  __typename\n}\n\nquery BusinessUnitAssociatesQuery(\n  $id: String!\n  $shouldExcludeRoles: Boolean!\n  $shouldExcludeAssociateRoleAssignmentsRoles: Boolean!\n) {\n  businessUnit(id: $id) {\n    ...BusinessUnitAssociatesFragment\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useBusinessUnitAssociatesFetcher = _ref => {
   let id = _ref.id,
     shouldExcludeRoles = _ref.shouldExcludeRoles,
@@ -12370,9 +12133,6 @@ var messages$7 = defineMessages({
 function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$f(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$f(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const MissingValueField = props => jsx(CheckboxInput, {
-  "data-track-component": "MissingValue",
-  "data-track-event": "change",
-  "data-track-label": props.isChecked,
   name: "missing-value",
   isChecked: props.isChecked,
   onChange: props.onChange,
@@ -14247,30 +14007,6 @@ const getTimeZoneLabel = memoize((selectedTimeZone, timeZones) => {
   return _concatInstanceProperty(_context4 = "(GMT ".concat(timeZoneData.offset, ") ")).call(_context4, timeZoneData.name);
 });
 
-function findButtonLinkPathname(element) {
-  if (element.tagName === 'A') {
-    var _context;
-    const linkUrl = new _URL(element.href);
-    return _concatInstanceProperty(_context = "".concat(linkUrl.pathname)).call(_context, linkUrl.search);
-  }
-  return findButtonLinkPathname(element.parentElement);
-}
-function trackMenuClick(_ref) {
-  let event = _ref.event,
-    track = _ref.track,
-    pathToMatch = _ref.pathToMatch,
-    trackingEvent = _ref.trackingEvent;
-  const buttonLinkPathname = findButtonLinkPathname(event.target);
-  const shouldTrackEvent = !!matchPath(buttonLinkPathname, {
-    path: pathToMatch,
-    exact: true,
-    strict: true
-  });
-  if (shouldTrackEvent) {
-    track(trackingEvent.action, trackingEvent.category, trackingEvent.label);
-  }
-}
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function withPendingRequests() {
@@ -14290,4 +14026,4 @@ function withPendingRequests() {
 
 var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "slugAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "parent" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "ancestors" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n  categories: categoryAutocomplete(locale: $locale, text: $text) {\n    results {\n      ...CategorySearchPickerOptionFragment\n    }\n  }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n  categories(where: $where) {\n    results {\n      id\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n  id\n  externalId\n  nameAllLocales {\n    locale\n    value\n  }\n  slugAllLocales {\n    locale\n    value\n  }\n  parent {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n  ancestors {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
-export { booleanField as BooleanField, BusinessUnitAssociatesList, BusinessUnitAssociatesListView, BusinessUnitSelectField, BusinessUnitSelectInput, Button, ButtonCancel, ButtonConfirm, ButtonSave, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, messages$v as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$4 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapTimeZonesToOptions, minusify, messages$7 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$5 as productSelectionsFetcherMockHandler, handlers$6 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$J as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$7 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, trackMenuClick, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, handlers$2 as useBusinessUnitsListFetcherMockHandler, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, handlers$1 as useTotalNumberOfBusinessUnitsFetcherHandlers, useTotalNumberOfStoresFetcher, handlers$3 as useTotalNumberOfStoresFetcherHandlers, useTracking, useTracking as useTrackingContext, useTrackingShared, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$O as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
+export { booleanField as BooleanField, BusinessUnitAssociatesList, BusinessUnitAssociatesListView, BusinessUnitSelectField, BusinessUnitSelectInput, Button, ButtonCancel, ButtonConfirm, ButtonSave, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$8 as booleanMessages, buildSearchQuery, messages$v as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$4 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapTimeZonesToOptions, minusify, messages$7 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$5 as productSelectionsFetcherMockHandler, handlers$6 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$J as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$7 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, handlers$2 as useBusinessUnitsListFetcherMockHandler, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, handlers$1 as useTotalNumberOfBusinessUnitsFetcherHandlers, useTotalNumberOfStoresFetcher, handlers$3 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$O as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };