@commercetools-frontend/experimental-components 6.2.4 → 6.3.1

package/dist/commercetools-frontend-experimental-components.cjs.dev.js

@@ -118,6 +118,24 @@ var get = require('lodash/get');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -136,7 +154,7 @@ var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 var pick__default = /*#__PURE__*/_interopDefault(pick);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var _Map__default = /*#__PURE__*/_interopDefault(_Map);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
@@ -677,7 +695,7 @@ var StatePickerInput$1 = StatePickerInput;
 
 function ownKeys$1q(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const TooltipWrapper = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1q({
+const TooltipWrapper = /*#__PURE__*/React__namespace["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1q({
   ref: ref,
   style: {
     display: 'block',
@@ -1639,6 +1657,24 @@ const injectStorage = options => WrappedComponent => {
 };
 var injectStorage$1 = injectStorage;
 
+const useFormatLocalizedString = () => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: applicationContext.project?.languages
+    })),
+    dataLocale = _useApplicationContex.dataLocale,
+    projectLanguages = _useApplicationContex.projectLanguages;
+  const localizedFormatString = React.useCallback((value, options) => l10n.formatLocalizedString({
+    k: value
+  }, {
+    key: 'k',
+    locale: dataLocale,
+    fallbackOrder: projectLanguages,
+    fallback: options?.fallback
+  }), [dataLocale, projectLanguages]);
+  return localizedFormatString;
+};
+
 /**
  * @returns function with the following parameters
  * - {LocalizedStrings} localizedStrings - an array of graphql LocalizedString,
@@ -1649,23 +1685,13 @@ var injectStorage$1 = injectStorage;
  */
 // @TODO: expose through app-kit
 function useFormatLocalizedFieldToString() {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      dataLocale: context.dataLocale,
-      projectLanguages: context.project.languages
-    })),
-    dataLocale = _useApplicationContex.dataLocale,
-    projectLanguages = _useApplicationContex.projectLanguages;
+  const formatLocalizedString = useFormatLocalizedString();
   const formatLocalizedFieldToString = React.useCallback((localizedField, fallback) => {
-    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField);
-    return l10n.formatLocalizedString({
-      localizedString
-    }, {
-      key: 'localizedString',
-      locale: dataLocale,
-      fallback,
-      fallbackOrder: projectLanguages
+    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField ?? undefined);
+    return formatLocalizedString(localizedString, {
+      fallback
     });
-  }, [dataLocale, projectLanguages]);
+  }, [formatLocalizedString]);
   return formatLocalizedFieldToString;
 }
 
@@ -5976,6 +6002,19 @@ function Divider(_ref) {
 }
 Divider.displayName = 'Divider';
 
+const FormattedLocalizedString = /*#__PURE__*/React__namespace.memo(_ref => {
+  let value = _ref.value,
+    fallback = _ref.fallback;
+  const formatLocalizedString = useFormatLocalizedString();
+  const formattedValue = formatLocalizedString(value, {
+    fallback
+  });
+  return formattedValue ? jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: formattedValue
+  }) : jsxRuntime.jsx(jsxRuntime.Fragment, {});
+});
+FormattedLocalizedString.displayName = 'FormattedLocalizedString';
+
 // eslint-disable-next-line import/prefer-default-export
 const CUSTOM_FIELD_TYPES = {
   text: 'text',
@@ -9879,6 +9918,11 @@ var messages$s = reactIntl.defineMessages({
     description: 'The label when there is no custom type selected',
     defaultMessage: 'No custom type is selected. Please select a custom type from the dropdown.'
   },
+  noCustomTypeReadOnly: {
+    id: 'CustomTypesSubform.noCustomTypeReadOnly',
+    description: 'The label when there is no custom type selected',
+    defaultMessage: 'No custom type is selected.'
+  },
   noTypes: {
     id: 'CustomTypesSubform.noTypes',
     description: 'The label when there is no custom type defined in the project',
@@ -10024,6 +10068,9 @@ const CustomFieldsInputWrapper = _ref2 => {
   if (!typeDefinitionsExist(typeDefinitions)) {
     return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noTypes));
   }
+  if (!typeDefinitionSelected(formValues, rootFieldName) && isReadOnly) {
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noCustomTypeReadOnly));
+  }
   if (!typeDefinitionSelected(formValues, rootFieldName)) {
     return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noCustomType));
   }
@@ -13705,6 +13752,7 @@ exports.Divider = Divider;
 exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.FileInput = FileInput$1;
 exports.FormattedDateTime = FormattedDateTime$1;
+exports.FormattedLocalizedString = FormattedLocalizedString;
 exports.LabelRange = LabelRange$1;
 exports.MC_RESOURCES_WITH_KEYS = MC_RESOURCES_WITH_KEYS;
 exports.MissingValueField = MissingValueField$1;
@@ -13859,6 +13907,7 @@ exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
+exports.useFormatLocalizedString = useFormatLocalizedString;
 exports.useIsFieldDuplicated = useIsFieldDuplicated$1;
 exports.useLoadOptions = useLoadOptions$1;
 exports.useLocalizedKeyFallback = useLocalizedKeyFallback$1;

package/dist/commercetools-frontend-experimental-components.cjs.prod.js

@@ -118,6 +118,24 @@ var get = require('lodash/get');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -136,7 +154,7 @@ var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 var pick__default = /*#__PURE__*/_interopDefault(pick);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var _Map__default = /*#__PURE__*/_interopDefault(_Map);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
@@ -676,7 +694,7 @@ var StatePickerInput$1 = StatePickerInput;
 
 function ownKeys$1q(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const TooltipWrapper = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1q({
+const TooltipWrapper = /*#__PURE__*/React__namespace["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$1q({
   ref: ref,
   style: {
     display: 'block',
@@ -1638,6 +1656,24 @@ const injectStorage = options => WrappedComponent => {
 };
 var injectStorage$1 = injectStorage;
 
+const useFormatLocalizedString = () => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: applicationContext.project?.languages
+    })),
+    dataLocale = _useApplicationContex.dataLocale,
+    projectLanguages = _useApplicationContex.projectLanguages;
+  const localizedFormatString = React.useCallback((value, options) => l10n.formatLocalizedString({
+    k: value
+  }, {
+    key: 'k',
+    locale: dataLocale,
+    fallbackOrder: projectLanguages,
+    fallback: options?.fallback
+  }), [dataLocale, projectLanguages]);
+  return localizedFormatString;
+};
+
 /**
  * @returns function with the following parameters
  * - {LocalizedStrings} localizedStrings - an array of graphql LocalizedString,
@@ -1648,23 +1684,13 @@ var injectStorage$1 = injectStorage;
  */
 // @TODO: expose through app-kit
 function useFormatLocalizedFieldToString() {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      dataLocale: context.dataLocale,
-      projectLanguages: context.project.languages
-    })),
-    dataLocale = _useApplicationContex.dataLocale,
-    projectLanguages = _useApplicationContex.projectLanguages;
+  const formatLocalizedString = useFormatLocalizedString();
   const formatLocalizedFieldToString = React.useCallback((localizedField, fallback) => {
-    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField);
-    return l10n.formatLocalizedString({
-      localizedString
-    }, {
-      key: 'localizedString',
-      locale: dataLocale,
-      fallback,
-      fallbackOrder: projectLanguages
+    const localizedString = l10n.transformLocalizedFieldToLocalizedString(localizedField ?? undefined);
+    return formatLocalizedString(localizedString, {
+      fallback
     });
-  }, [dataLocale, projectLanguages]);
+  }, [formatLocalizedString]);
   return formatLocalizedFieldToString;
 }
 
@@ -5975,6 +6001,19 @@ function Divider(_ref) {
 }
 Divider.displayName = 'Divider';
 
+const FormattedLocalizedString = /*#__PURE__*/React__namespace.memo(_ref => {
+  let value = _ref.value,
+    fallback = _ref.fallback;
+  const formatLocalizedString = useFormatLocalizedString();
+  const formattedValue = formatLocalizedString(value, {
+    fallback
+  });
+  return formattedValue ? jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: formattedValue
+  }) : jsxRuntime.jsx(jsxRuntime.Fragment, {});
+});
+FormattedLocalizedString.displayName = 'FormattedLocalizedString';
+
 // eslint-disable-next-line import/prefer-default-export
 const CUSTOM_FIELD_TYPES = {
   text: 'text',
@@ -9858,6 +9897,11 @@ var messages$s = reactIntl.defineMessages({
     description: 'The label when there is no custom type selected',
     defaultMessage: 'No custom type is selected. Please select a custom type from the dropdown.'
   },
+  noCustomTypeReadOnly: {
+    id: 'CustomTypesSubform.noCustomTypeReadOnly',
+    description: 'The label when there is no custom type selected',
+    defaultMessage: 'No custom type is selected.'
+  },
   noTypes: {
     id: 'CustomTypesSubform.noTypes',
     description: 'The label when there is no custom type defined in the project',
@@ -10003,6 +10047,9 @@ const CustomFieldsInputWrapper = _ref2 => {
   if (!typeDefinitionsExist(typeDefinitions)) {
     return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noTypes));
   }
+  if (!typeDefinitionSelected(formValues, rootFieldName) && isReadOnly) {
+    return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noCustomTypeReadOnly));
+  }
   if (!typeDefinitionSelected(formValues, rootFieldName)) {
     return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$t({}, messages$s.noCustomType));
   }
@@ -13684,6 +13731,7 @@ exports.Divider = Divider;
 exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.FileInput = FileInput$1;
 exports.FormattedDateTime = FormattedDateTime$1;
+exports.FormattedLocalizedString = FormattedLocalizedString;
 exports.LabelRange = LabelRange$1;
 exports.MC_RESOURCES_WITH_KEYS = MC_RESOURCES_WITH_KEYS;
 exports.MissingValueField = MissingValueField$1;
@@ -13838,6 +13886,7 @@ exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
+exports.useFormatLocalizedString = useFormatLocalizedString;
 exports.useIsFieldDuplicated = useIsFieldDuplicated$1;
 exports.useLoadOptions = useLoadOptions$1;
 exports.useLocalizedKeyFallback = useLocalizedKeyFallback$1;

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

@@ -19,9 +19,10 @@ import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import isEmpty$3 from 'lodash/isEmpty';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import { transformLocalizedFieldToLocalizedString, formatLocalizedString, applyTransformedLocalizedFields, transformLocalizedStringToLocalizedField } from '@commercetools-frontend/l10n';
+import { formatLocalizedString, transformLocalizedFieldToLocalizedString, applyTransformedLocalizedFields, transformLocalizedStringToLocalizedField } from '@commercetools-frontend/l10n';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import React, { useMemo, useState, useCallback, useEffect, PureComponent, Component, useRef, createContext, memo, useContext, forwardRef } from 'react';
+import * as React from 'react';
+import React__default, { useMemo, useState, useCallback, useEffect, PureComponent, Component, useRef, createContext, memo, useContext, forwardRef } from 'react';
 import { useApolloClient, useQuery as useQuery$1 } from '@apollo/client';
 import { useQuery, useApolloClient as useApolloClient$1 } from '@apollo/client/react';
 import { defineMessages, useIntl, injectIntl, FormattedMessage } from 'react-intl';
@@ -594,7 +595,7 @@ var StatePickerInput$1 = StatePickerInput;
 
 function ownKeys$1q(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1q(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const TooltipWrapper = /*#__PURE__*/React.forwardRef((props, ref) => jsx("div", _objectSpread$1q({
+const TooltipWrapper = /*#__PURE__*/React__default.forwardRef((props, ref) => jsx("div", _objectSpread$1q({
   ref: ref,
   style: {
     display: 'block',
@@ -1556,6 +1557,24 @@ const injectStorage = options => WrappedComponent => {
 };
 var injectStorage$1 = injectStorage;
 
+const useFormatLocalizedString = () => {
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      dataLocale: applicationContext.dataLocale,
+      projectLanguages: applicationContext.project?.languages
+    })),
+    dataLocale = _useApplicationContex.dataLocale,
+    projectLanguages = _useApplicationContex.projectLanguages;
+  const localizedFormatString = useCallback((value, options) => formatLocalizedString({
+    k: value
+  }, {
+    key: 'k',
+    locale: dataLocale,
+    fallbackOrder: projectLanguages,
+    fallback: options?.fallback
+  }), [dataLocale, projectLanguages]);
+  return localizedFormatString;
+};
+
 /**
  * @returns function with the following parameters
  * - {LocalizedStrings} localizedStrings - an array of graphql LocalizedString,
@@ -1566,23 +1585,13 @@ var injectStorage$1 = injectStorage;
  */
 // @TODO: expose through app-kit
 function useFormatLocalizedFieldToString() {
-  const _useApplicationContex = useApplicationContext(context => ({
-      dataLocale: context.dataLocale,
-      projectLanguages: context.project.languages
-    })),
-    dataLocale = _useApplicationContex.dataLocale,
-    projectLanguages = _useApplicationContex.projectLanguages;
+  const formatLocalizedString = useFormatLocalizedString();
   const formatLocalizedFieldToString = useCallback((localizedField, fallback) => {
-    const localizedString = transformLocalizedFieldToLocalizedString(localizedField);
-    return formatLocalizedString({
-      localizedString
-    }, {
-      key: 'localizedString',
-      locale: dataLocale,
-      fallback,
-      fallbackOrder: projectLanguages
+    const localizedString = transformLocalizedFieldToLocalizedString(localizedField ?? undefined);
+    return formatLocalizedString(localizedString, {
+      fallback
     });
-  }, [dataLocale, projectLanguages]);
+  }, [formatLocalizedString]);
   return formatLocalizedFieldToString;
 }
 
@@ -5893,6 +5902,19 @@ function Divider(_ref) {
 }
 Divider.displayName = 'Divider';
 
+const FormattedLocalizedString = /*#__PURE__*/React.memo(_ref => {
+  let value = _ref.value,
+    fallback = _ref.fallback;
+  const formatLocalizedString = useFormatLocalizedString();
+  const formattedValue = formatLocalizedString(value, {
+    fallback
+  });
+  return formattedValue ? jsx(Fragment, {
+    children: formattedValue
+  }) : jsx(Fragment, {});
+});
+FormattedLocalizedString.displayName = 'FormattedLocalizedString';
+
 // eslint-disable-next-line import/prefer-default-export
 const CUSTOM_FIELD_TYPES = {
   text: 'text',
@@ -9796,6 +9818,11 @@ var messages$s = defineMessages({
     description: 'The label when there is no custom type selected',
     defaultMessage: 'No custom type is selected. Please select a custom type from the dropdown.'
   },
+  noCustomTypeReadOnly: {
+    id: 'CustomTypesSubform.noCustomTypeReadOnly',
+    description: 'The label when there is no custom type selected',
+    defaultMessage: 'No custom type is selected.'
+  },
   noTypes: {
     id: 'CustomTypesSubform.noTypes',
     description: 'The label when there is no custom type defined in the project',
@@ -9941,6 +9968,9 @@ const CustomFieldsInputWrapper = _ref2 => {
   if (!typeDefinitionsExist(typeDefinitions)) {
     return jsx(FormattedMessage, _objectSpread$t({}, messages$s.noTypes));
   }
+  if (!typeDefinitionSelected(formValues, rootFieldName) && isReadOnly) {
+    return jsx(FormattedMessage, _objectSpread$t({}, messages$s.noCustomTypeReadOnly));
+  }
   if (!typeDefinitionSelected(formValues, rootFieldName)) {
     return jsx(FormattedMessage, _objectSpread$t({}, messages$s.noCustomType));
   }
@@ -13602,4 +13632,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, Button$1 as Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as createNextSortDefinition, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as 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$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$M as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };
+export { booleanField as BooleanField, Button$1 as Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, FormattedLocalizedString, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as createNextSortDefinition, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as 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$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, pickerMessages$1 as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$M as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };

package/dist/styles.css

@@ -589,16 +589,16 @@
 .set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customers-combined.module.css  */
-
-.platform-limits-customers-combined-module__combined___OszDd {
-  margin-bottom: var(--spacing-s);
-}
 /*  imported from platform-limits-customers-status.module.css  */
 
 .platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
+/*  imported from platform-limits-customers-combined.module.css  */
+
+.platform-limits-customers-combined-module__combined___OszDd {
+  margin-bottom: var(--spacing-s);
+}
 /*  imported from platform-limits-customer-groups-status.module.css  */
 
 .platform-limits-customer-groups-status-module__status___6099G {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.2.4",
+  "version": "6.3.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -26,18 +26,18 @@
     "@babel/core": "^7.22.11",
     "@babel/runtime": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.33.0",
-    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.33.0",
-    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.33.0",
-    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.33.0",
-    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.33.0",
-    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.33.0",
-    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.33.0",
-    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.33.0",
-    "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.11.0",
-    "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.11.0",
-    "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.11.0",
-    "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.11.0",
+    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.35.0",
+    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.35.0",
+    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.35.0",
+    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.35.0",
+    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.35.0",
+    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.35.0",
+    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.35.0",
+    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.35.0",
+    "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.13.0",
+    "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.13.0",
+    "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.13.0",
+    "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.13.0",
     "@emotion/react": "11.13.3",
     "classnames": "2.5.1",
     "cleave.js": "1.5.10",
@@ -81,8 +81,8 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "5.2.2",
-    "@commercetools-local/test-data": "1.2.12",
-    "@commercetools-local/test-utils": "1.2.13"
+    "@commercetools-local/test-data": "1.2.13",
+    "@commercetools-local/test-utils": "1.2.14"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",