@commercetools-frontend/experimental-components 6.2.3 → 6.3.0

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',
@@ -9955,7 +9999,7 @@ const createFormStateFromResource = resource => {
   // If there are no custom fields on the resource, don't create a form state
   if (!resource[FIELD_NAME]) {
     return {
-      [FIELD_NAME]: undefined
+      [FIELD_NAME]: null
     };
   }
   return {
@@ -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));
   }
@@ -10098,7 +10145,7 @@ const CustomTypeSubform = _ref => {
   const handleTypeDefinitionSelect = React.useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
-      const initialValueCustomType = initialValues[rootFieldName];
+      const initialValueCustomType = formik.getIn(initialValues, rootFieldName);
       const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
       let newFieldValue;
 
@@ -10136,7 +10183,7 @@ const CustomTypeSubform = _ref => {
       children: panelTitle || jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$s({}, messages$s.title))
     }),
     headerControls: typeDefinitions.length > 0 && jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css("min-width:", uiKit.designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKipcbiAqIE1hcHMgdGhlIHR5cGUgZGVmaW5pdGlvbnMgdG8gb3B0aW9ucyBmb3IgdGhlIGRyb3Bkb3duIHNlbGVjdG9yLlxuICovXG5leHBvcnQgY29uc3QgbWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zID0gKFxuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGxhbmd1YWdlLFxuICBsYW5ndWFnZXMsXG4gIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZFxuKSA9PiB7XG4gIHJldHVybiB0eXBlRGVmaW5pdGlvbnMubWFwKCh0eXBlRGVmaW5pdGlvbikgPT4gKHtcbiAgICBpc0Rpc2FibGVkOlxuICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkICYmXG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgPT09IHR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgdmFsdWU6IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgIGxhYmVsOiBmb3JtYXRMb2NhbGl6ZWRTdHJpbmcodHlwZURlZmluaXRpb24udHlwZSwge1xuICAgICAga2V5OiAnbmFtZScsXG4gICAgICBsb2NhbGU6IGxhbmd1YWdlLFxuICAgICAgZmFsbGJhY2tPcmRlcjogbGFuZ3VhZ2VzLFxuICAgIH0pLFxuICB9KSk7XG59O1xuXG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgZm9ybSBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0ZWQgdHlwZSBkZWZpbml0aW9uIGZyb20gdGhlIGRyb3Bkb3duLlxuICovXG5jb25zdCBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24gPSAoc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbikgPT4ge1xuICByZXR1cm4ge1xuICAgIHR5cGU6IHtcbiAgICAgIGlkOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgICBvYmo6IHtcbiAgICAgICAgZmllbGREZWZpbml0aW9uczogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmZpZWxkRGVmaW5pdGlvbnMsXG4gICAgICAgIGtleTogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmtleSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBmaWVsZHM6IHt9LFxuICB9O1xufTtcblxuY29uc3QgQ3VzdG9tVHlwZVN1YmZvcm0gPSAoe1xuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGlzUmVhZE9ubHksXG4gIGlzQ29uZGVuc2VkLFxuICBoaWRlRW1wdHlGaWVsZHMsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWUsXG4gIHBhbmVsVGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZXM6IGZvcm1WYWx1ZXMsXG4gICAgc2V0RmllbGRWYWx1ZSxcbiAgICB2YWxpZGF0ZUZvcm0sXG4gICAgaW5pdGlhbFZhbHVlcyxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IGluaXRpYWxWYWx1ZUN1c3RvbVR5cGUgPSBpbml0aWFsVmFsdWVzW3Jvb3RGaWVsZE5hbWVdO1xuICAgICAgICBjb25zdCBzZWxlY3RlZEN1c3RvbVR5cGVLZXkgPSBzZWxlY3RlZFR5cGVEZWZpbml0aW9uPy50eXBlLmtleTtcblxuICAgICAgICBsZXQgbmV3RmllbGRWYWx1ZTtcblxuICAgICAgICAvKipcbiAgICAgICAgICogSWYgdGhlIHVzZXIgc2VsZWN0cyB0aGUgc2FtZSBjdXN0b20gdHlwZSB0aGF0IHdhcyBhbHJlYWR5IHNlbGVjdGVkLCB3ZSBuZWVkIHRvIHJlc2V0IHRoZSBgY3VzdG9tYCBmaWVsZFxuICAgICAgICAgKiBiYWNrIHRvIGl0cyBpbml0aWFsIHZhbHVlIHRvIGVuc3VyZSB0aGF0IHRoZSBmb3JtIHN0YXRlIGlzIGNvbnNpc3RlbnQgd2l0aCB0aGUgaW5pdGlhbCB2YWx1ZXMuXG4gICAgICAgICAqL1xuICAgICAgICBpZiAoaW5pdGlhbFZhbHVlQ3VzdG9tVHlwZT8udHlwZT8ub2JqPy5rZXkgPT09IHNlbGVjdGVkQ3VzdG9tVHlwZUtleSkge1xuICAgICAgICAgIG5ld0ZpZWxkVmFsdWUgPSBpbml0aWFsVmFsdWVDdXN0b21UeXBlO1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIE90aGVyd2lzZSwgc2V0IHRoZSBgY3VzdG9tYCBmaWVsZCB0byB0aGUgbmV3IGN1c3RvbSB0eXBlIGRlZmluaXRpb24uXG4gICAgICAgICAgICovXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbmV3RmllbGRWYWx1ZSA9IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbihcbiAgICAgICAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25cbiAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0RmllbGRWYWx1ZShyb290RmllbGROYW1lLCBuZXdGaWVsZFZhbHVlKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBpZiB0aGUgZHJvcGRvd24gc2VsZWN0b3IgaXMgY2xlYXJlZCwgcmVtb3ZlIHRoZSBgY3VzdG9tYCBmaWVsZCBmcm9tIHRoZSBmb3JtIHN0YXRlIGVudGlyZWx5XG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgdW5kZWZpbmVkKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHlwZURlZmluaXRpb25zLCBzZXRGaWVsZFZhbHVlLCB2YWxpZGF0ZUZvcm0sIHJvb3RGaWVsZE5hbWVdXG4gICk7XG5cbiAgY29uc3QgdHlwZURlZmluaXRpb25TZWxlY3RlZCA9IChmb3JtVmFsdWVzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIGdldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlICYmXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqXG4gICAgKTtcbiAgfTtcblxuICAvLyBpZiB0aGUgdXNlciBoYXMgcmVhZC1vbmx5IHBlcm1pc3Npb25zLCBlbXB0eSBmaWVsZHMgYXJlIGhpZGRlbiwgYW5kIG5vIHR5cGUgZGVmaW5pdGlvbiBpcyBzZWxlY3RlZCwgaGlkZSB0aGUgY29tcG9uZW50XG4gIGlmIChpc1JlYWRPbmx5ICYmIGhpZGVFbXB0eUZpZWxkcyAmJiAhdHlwZURlZmluaXRpb25TZWxlY3RlZChmb3JtVmFsdWVzKSlcbiAgICByZXR1cm4gbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZVBhbmVsXG4gICAgICBoZWFkZXI9e1xuICAgICAgICA8Q29sbGFwc2libGVQYW5lbC5IZWFkZXIgaXNDb25kZW5zZWQ9e2lzQ29uZGVuc2VkfT5cbiAgICAgICAgICB7cGFuZWxUaXRsZSB8fCA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMudGl0bGV9IC8+fVxuICAgICAgICA8L0NvbGxhcHNpYmxlUGFuZWwuSGVhZGVyPlxuICAgICAgfVxuICAgICAgaGVhZGVyQ29udHJvbHM9e1xuICAgICAgICB0eXBlRGVmaW5pdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1pbi13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDExfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlzQ2xlYXJhYmxlXG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY3VzdG9tLXR5cGUtc2VsZWN0XCJcbiAgICAgICAgICAgICAgbmFtZT17YCR7cm9vdEZpZWxkTmFtZX0udHlwZS5vYmoua2V5YH1cbiAgICAgICAgICAgICAgb3B0aW9ucz17bWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zKFxuICAgICAgICAgICAgICAgIHR5cGVEZWZpbml0aW9ucyxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZSxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZXMsXG5cbiAgICAgICAgICAgICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8uaWRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgdmFsdWU9e2dldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlPy5vYmo/LmtleX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVR5cGVEZWZpbml0aW9uU2VsZWN0fVxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17Zm9ybWF0TWVzc2FnZShtZXNzYWdlcy50eXBlc1BsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzQWxpZ25tZW50PVwicmlnaHRcIlxuICAgID5cbiAgICAgIDxDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZURlZmluaXRpb25zPXt0eXBlRGVmaW5pdGlvbnN9XG4gICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgIGhpZGVFbXB0eUZpZWxkcz17aGlkZUVtcHR5RmllbGRzfVxuICAgICAgICByb290Rm9ybVN0YXRlRmllbGROYW1lPXtyb290Rm9ybVN0YXRlRmllbGROYW1lfVxuICAgICAgLz5cbiAgICA8L0NvbGxhcHNpYmxlUGFuZWw+XG4gICk7XG59O1xuXG5DdXN0b21UeXBlU3ViZm9ybS5kaXNwbGF5TmFtZSA9ICdDdXN0b21UeXBlU3ViZm9ybSc7XG5DdXN0b21UeXBlU3ViZm9ybS5wcm9wVHlwZXMgPSB7XG4gIHR5cGVEZWZpbml0aW9uczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpZGVFbXB0eUZpZWxkczogUHJvcFR5cGVzLmJvb2wsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBhbmVsVGl0bGU6IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVHlwZVN1YmZvcm07XG4iXX0= */"),
+      css: /*#__PURE__*/react$1.css("min-width:", uiKit.designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKipcbiAqIE1hcHMgdGhlIHR5cGUgZGVmaW5pdGlvbnMgdG8gb3B0aW9ucyBmb3IgdGhlIGRyb3Bkb3duIHNlbGVjdG9yLlxuICovXG5leHBvcnQgY29uc3QgbWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zID0gKFxuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGxhbmd1YWdlLFxuICBsYW5ndWFnZXMsXG4gIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZFxuKSA9PiB7XG4gIHJldHVybiB0eXBlRGVmaW5pdGlvbnMubWFwKCh0eXBlRGVmaW5pdGlvbikgPT4gKHtcbiAgICBpc0Rpc2FibGVkOlxuICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkICYmXG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgPT09IHR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgdmFsdWU6IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgIGxhYmVsOiBmb3JtYXRMb2NhbGl6ZWRTdHJpbmcodHlwZURlZmluaXRpb24udHlwZSwge1xuICAgICAga2V5OiAnbmFtZScsXG4gICAgICBsb2NhbGU6IGxhbmd1YWdlLFxuICAgICAgZmFsbGJhY2tPcmRlcjogbGFuZ3VhZ2VzLFxuICAgIH0pLFxuICB9KSk7XG59O1xuXG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgZm9ybSBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0ZWQgdHlwZSBkZWZpbml0aW9uIGZyb20gdGhlIGRyb3Bkb3duLlxuICovXG5jb25zdCBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24gPSAoc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbikgPT4ge1xuICByZXR1cm4ge1xuICAgIHR5cGU6IHtcbiAgICAgIGlkOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgICBvYmo6IHtcbiAgICAgICAgZmllbGREZWZpbml0aW9uczogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmZpZWxkRGVmaW5pdGlvbnMsXG4gICAgICAgIGtleTogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmtleSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBmaWVsZHM6IHt9LFxuICB9O1xufTtcblxuY29uc3QgQ3VzdG9tVHlwZVN1YmZvcm0gPSAoe1xuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGlzUmVhZE9ubHksXG4gIGlzQ29uZGVuc2VkLFxuICBoaWRlRW1wdHlGaWVsZHMsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWUsXG4gIHBhbmVsVGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZXM6IGZvcm1WYWx1ZXMsXG4gICAgc2V0RmllbGRWYWx1ZSxcbiAgICB2YWxpZGF0ZUZvcm0sXG4gICAgaW5pdGlhbFZhbHVlcyxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IGluaXRpYWxWYWx1ZUN1c3RvbVR5cGUgPSBnZXRJbihpbml0aWFsVmFsdWVzLCByb290RmllbGROYW1lKTtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWRDdXN0b21UeXBlS2V5ID0gc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbj8udHlwZS5rZXk7XG5cbiAgICAgICAgbGV0IG5ld0ZpZWxkVmFsdWU7XG5cbiAgICAgICAgLyoqXG4gICAgICAgICAqIElmIHRoZSB1c2VyIHNlbGVjdHMgdGhlIHNhbWUgY3VzdG9tIHR5cGUgdGhhdCB3YXMgYWxyZWFkeSBzZWxlY3RlZCwgd2UgbmVlZCB0byByZXNldCB0aGUgYGN1c3RvbWAgZmllbGRcbiAgICAgICAgICogYmFjayB0byBpdHMgaW5pdGlhbCB2YWx1ZSB0byBlbnN1cmUgdGhhdCB0aGUgZm9ybSBzdGF0ZSBpcyBjb25zaXN0ZW50IHdpdGggdGhlIGluaXRpYWwgdmFsdWVzLlxuICAgICAgICAgKi9cbiAgICAgICAgaWYgKGluaXRpYWxWYWx1ZUN1c3RvbVR5cGU/LnR5cGU/Lm9iaj8ua2V5ID09PSBzZWxlY3RlZEN1c3RvbVR5cGVLZXkpIHtcbiAgICAgICAgICBuZXdGaWVsZFZhbHVlID0gaW5pdGlhbFZhbHVlQ3VzdG9tVHlwZTtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBPdGhlcndpc2UsIHNldCB0aGUgYGN1c3RvbWAgZmllbGQgdG8gdGhlIG5ldyBjdXN0b20gdHlwZSBkZWZpbml0aW9uLlxuICAgICAgICAgICAqL1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG5ld0ZpZWxkVmFsdWUgPSBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24oXG4gICAgICAgICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgbmV3RmllbGRWYWx1ZSkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gaWYgdGhlIGRyb3Bkb3duIHNlbGVjdG9yIGlzIGNsZWFyZWQsIHJlbW92ZSB0aGUgYGN1c3RvbWAgZmllbGQgZnJvbSB0aGUgZm9ybSBzdGF0ZSBlbnRpcmVseVxuICAgICAgICBzZXRGaWVsZFZhbHVlKHJvb3RGaWVsZE5hbWUsIHVuZGVmaW5lZCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3R5cGVEZWZpbml0aW9ucywgc2V0RmllbGRWYWx1ZSwgdmFsaWRhdGVGb3JtLCByb290RmllbGROYW1lXVxuICApO1xuXG4gIGNvbnN0IHR5cGVEZWZpbml0aW9uU2VsZWN0ZWQgPSAoZm9ybVZhbHVlcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZSAmJlxuICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/Lm9ialxuICAgICk7XG4gIH07XG5cbiAgLy8gaWYgdGhlIHVzZXIgaGFzIHJlYWQtb25seSBwZXJtaXNzaW9ucywgZW1wdHkgZmllbGRzIGFyZSBoaWRkZW4sIGFuZCBubyB0eXBlIGRlZmluaXRpb24gaXMgc2VsZWN0ZWQsIGhpZGUgdGhlIGNvbXBvbmVudFxuICBpZiAoaXNSZWFkT25seSAmJiBoaWRlRW1wdHlGaWVsZHMgJiYgIXR5cGVEZWZpbml0aW9uU2VsZWN0ZWQoZm9ybVZhbHVlcykpXG4gICAgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgaGVhZGVyPXtcbiAgICAgICAgPENvbGxhcHNpYmxlUGFuZWwuSGVhZGVyIGlzQ29uZGVuc2VkPXtpc0NvbmRlbnNlZH0+XG4gICAgICAgICAge3BhbmVsVGl0bGUgfHwgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnRpdGxlfSAvPn1cbiAgICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsLkhlYWRlcj5cbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzPXtcbiAgICAgICAgdHlwZURlZmluaXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpc0NsZWFyYWJsZVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImN1c3RvbS10eXBlLXNlbGVjdFwiXG4gICAgICAgICAgICAgIG5hbWU9e2Ake3Jvb3RGaWVsZE5hbWV9LnR5cGUub2JqLmtleWB9XG4gICAgICAgICAgICAgIG9wdGlvbnM9e21hcFR5cGVEZWZpbml0aW9uc1RvT3B0aW9ucyhcbiAgICAgICAgICAgICAgICB0eXBlRGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2UsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2VzLFxuXG4gICAgICAgICAgICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/LmlkXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHZhbHVlPXtnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqPy5rZXl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdH1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2Zvcm1hdE1lc3NhZ2UobWVzc2FnZXMudHlwZXNQbGFjZWhvbGRlcil9XG4gICAgICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9XG4gICAgICBoZWFkZXJDb250cm9sc0FsaWdubWVudD1cInJpZ2h0XCJcbiAgICA+XG4gICAgICA8Q3VzdG9tRmllbGRzSW5wdXRXcmFwcGVyXG4gICAgICAgIHR5cGVEZWZpbml0aW9ucz17dHlwZURlZmluaXRpb25zfVxuICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICBoaWRlRW1wdHlGaWVsZHM9e2hpZGVFbXB0eUZpZWxkc31cbiAgICAgICAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZT17cm9vdEZvcm1TdGF0ZUZpZWxkTmFtZX1cbiAgICAgIC8+XG4gICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICApO1xufTtcblxuQ3VzdG9tVHlwZVN1YmZvcm0uZGlzcGxheU5hbWUgPSAnQ3VzdG9tVHlwZVN1YmZvcm0nO1xuQ3VzdG9tVHlwZVN1YmZvcm0ucHJvcFR5cGVzID0ge1xuICB0eXBlRGVmaW5pdGlvbnM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDb25kZW5zZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlRW1wdHlGaWVsZHM6IFByb3BUeXBlcy5ib29sLFxuICByb290Rm9ybVN0YXRlRmllbGROYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwYW5lbFRpdGxlOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVR5cGVTdWJmb3JtO1xuIl19 */"),
       children: jsxRuntime.jsx(uiKit.SelectInput, {
         isClearable: true,
         "data-testid": "custom-type-select",
@@ -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',
@@ -9934,7 +9978,7 @@ const createFormStateFromResource = resource => {
   // If there are no custom fields on the resource, don't create a form state
   if (!resource[FIELD_NAME]) {
     return {
-      [FIELD_NAME]: undefined
+      [FIELD_NAME]: null
     };
   }
   return {
@@ -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));
   }
@@ -10077,7 +10124,7 @@ const CustomTypeSubform = _ref => {
   const handleTypeDefinitionSelect = React.useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty__default["default"](typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
-      const initialValueCustomType = initialValues[rootFieldName];
+      const initialValueCustomType = formik.getIn(initialValues, rootFieldName);
       const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
       let newFieldValue;
 
@@ -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',
@@ -9872,7 +9899,7 @@ const createFormStateFromResource = resource => {
   // If there are no custom fields on the resource, don't create a form state
   if (!resource[FIELD_NAME]) {
     return {
-      [FIELD_NAME]: undefined
+      [FIELD_NAME]: null
     };
   }
   return {
@@ -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));
   }
@@ -10015,7 +10045,7 @@ const CustomTypeSubform = _ref => {
   const handleTypeDefinitionSelect = useCallback(event => {
     const selectedTypeDefinition = _findInstanceProperty(typeDefinitions).call(typeDefinitions, typeDefinition => typeDefinition.type.key === event.target.value);
     if (selectedTypeDefinition) {
-      const initialValueCustomType = initialValues[rootFieldName];
+      const initialValueCustomType = getIn(initialValues, rootFieldName);
       const selectedCustomTypeKey = selectedTypeDefinition?.type.key;
       let newFieldValue;
 
@@ -10053,7 +10083,7 @@ const CustomTypeSubform = _ref => {
       children: panelTitle || jsx(FormattedMessage, _objectSpread$s({}, messages$s.title))
     }),
     headerControls: typeDefinitions.length > 0 && jsx("div", {
-      css: /*#__PURE__*/css("min-width:", designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKipcbiAqIE1hcHMgdGhlIHR5cGUgZGVmaW5pdGlvbnMgdG8gb3B0aW9ucyBmb3IgdGhlIGRyb3Bkb3duIHNlbGVjdG9yLlxuICovXG5leHBvcnQgY29uc3QgbWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zID0gKFxuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGxhbmd1YWdlLFxuICBsYW5ndWFnZXMsXG4gIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZFxuKSA9PiB7XG4gIHJldHVybiB0eXBlRGVmaW5pdGlvbnMubWFwKCh0eXBlRGVmaW5pdGlvbikgPT4gKHtcbiAgICBpc0Rpc2FibGVkOlxuICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkICYmXG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgPT09IHR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgdmFsdWU6IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgIGxhYmVsOiBmb3JtYXRMb2NhbGl6ZWRTdHJpbmcodHlwZURlZmluaXRpb24udHlwZSwge1xuICAgICAga2V5OiAnbmFtZScsXG4gICAgICBsb2NhbGU6IGxhbmd1YWdlLFxuICAgICAgZmFsbGJhY2tPcmRlcjogbGFuZ3VhZ2VzLFxuICAgIH0pLFxuICB9KSk7XG59O1xuXG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgZm9ybSBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0ZWQgdHlwZSBkZWZpbml0aW9uIGZyb20gdGhlIGRyb3Bkb3duLlxuICovXG5jb25zdCBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24gPSAoc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbikgPT4ge1xuICByZXR1cm4ge1xuICAgIHR5cGU6IHtcbiAgICAgIGlkOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgICBvYmo6IHtcbiAgICAgICAgZmllbGREZWZpbml0aW9uczogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmZpZWxkRGVmaW5pdGlvbnMsXG4gICAgICAgIGtleTogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmtleSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBmaWVsZHM6IHt9LFxuICB9O1xufTtcblxuY29uc3QgQ3VzdG9tVHlwZVN1YmZvcm0gPSAoe1xuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGlzUmVhZE9ubHksXG4gIGlzQ29uZGVuc2VkLFxuICBoaWRlRW1wdHlGaWVsZHMsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWUsXG4gIHBhbmVsVGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZXM6IGZvcm1WYWx1ZXMsXG4gICAgc2V0RmllbGRWYWx1ZSxcbiAgICB2YWxpZGF0ZUZvcm0sXG4gICAgaW5pdGlhbFZhbHVlcyxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IGluaXRpYWxWYWx1ZUN1c3RvbVR5cGUgPSBpbml0aWFsVmFsdWVzW3Jvb3RGaWVsZE5hbWVdO1xuICAgICAgICBjb25zdCBzZWxlY3RlZEN1c3RvbVR5cGVLZXkgPSBzZWxlY3RlZFR5cGVEZWZpbml0aW9uPy50eXBlLmtleTtcblxuICAgICAgICBsZXQgbmV3RmllbGRWYWx1ZTtcblxuICAgICAgICAvKipcbiAgICAgICAgICogSWYgdGhlIHVzZXIgc2VsZWN0cyB0aGUgc2FtZSBjdXN0b20gdHlwZSB0aGF0IHdhcyBhbHJlYWR5IHNlbGVjdGVkLCB3ZSBuZWVkIHRvIHJlc2V0IHRoZSBgY3VzdG9tYCBmaWVsZFxuICAgICAgICAgKiBiYWNrIHRvIGl0cyBpbml0aWFsIHZhbHVlIHRvIGVuc3VyZSB0aGF0IHRoZSBmb3JtIHN0YXRlIGlzIGNvbnNpc3RlbnQgd2l0aCB0aGUgaW5pdGlhbCB2YWx1ZXMuXG4gICAgICAgICAqL1xuICAgICAgICBpZiAoaW5pdGlhbFZhbHVlQ3VzdG9tVHlwZT8udHlwZT8ub2JqPy5rZXkgPT09IHNlbGVjdGVkQ3VzdG9tVHlwZUtleSkge1xuICAgICAgICAgIG5ld0ZpZWxkVmFsdWUgPSBpbml0aWFsVmFsdWVDdXN0b21UeXBlO1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIE90aGVyd2lzZSwgc2V0IHRoZSBgY3VzdG9tYCBmaWVsZCB0byB0aGUgbmV3IGN1c3RvbSB0eXBlIGRlZmluaXRpb24uXG4gICAgICAgICAgICovXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbmV3RmllbGRWYWx1ZSA9IGNyZWF0ZUZvcm1TdGF0ZUZyb21UeXBlRGVmaW5pdGlvbihcbiAgICAgICAgICAgIHNlbGVjdGVkVHlwZURlZmluaXRpb25cbiAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0RmllbGRWYWx1ZShyb290RmllbGROYW1lLCBuZXdGaWVsZFZhbHVlKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBpZiB0aGUgZHJvcGRvd24gc2VsZWN0b3IgaXMgY2xlYXJlZCwgcmVtb3ZlIHRoZSBgY3VzdG9tYCBmaWVsZCBmcm9tIHRoZSBmb3JtIHN0YXRlIGVudGlyZWx5XG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgdW5kZWZpbmVkKS50aGVuKCgpID0+IHtcbiAgICAgICAgICB2YWxpZGF0ZUZvcm0oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHlwZURlZmluaXRpb25zLCBzZXRGaWVsZFZhbHVlLCB2YWxpZGF0ZUZvcm0sIHJvb3RGaWVsZE5hbWVdXG4gICk7XG5cbiAgY29uc3QgdHlwZURlZmluaXRpb25TZWxlY3RlZCA9IChmb3JtVmFsdWVzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIGdldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlICYmXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqXG4gICAgKTtcbiAgfTtcblxuICAvLyBpZiB0aGUgdXNlciBoYXMgcmVhZC1vbmx5IHBlcm1pc3Npb25zLCBlbXB0eSBmaWVsZHMgYXJlIGhpZGRlbiwgYW5kIG5vIHR5cGUgZGVmaW5pdGlvbiBpcyBzZWxlY3RlZCwgaGlkZSB0aGUgY29tcG9uZW50XG4gIGlmIChpc1JlYWRPbmx5ICYmIGhpZGVFbXB0eUZpZWxkcyAmJiAhdHlwZURlZmluaXRpb25TZWxlY3RlZChmb3JtVmFsdWVzKSlcbiAgICByZXR1cm4gbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZVBhbmVsXG4gICAgICBoZWFkZXI9e1xuICAgICAgICA8Q29sbGFwc2libGVQYW5lbC5IZWFkZXIgaXNDb25kZW5zZWQ9e2lzQ29uZGVuc2VkfT5cbiAgICAgICAgICB7cGFuZWxUaXRsZSB8fCA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMudGl0bGV9IC8+fVxuICAgICAgICA8L0NvbGxhcHNpYmxlUGFuZWwuSGVhZGVyPlxuICAgICAgfVxuICAgICAgaGVhZGVyQ29udHJvbHM9e1xuICAgICAgICB0eXBlRGVmaW5pdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1pbi13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDExfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlzQ2xlYXJhYmxlXG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY3VzdG9tLXR5cGUtc2VsZWN0XCJcbiAgICAgICAgICAgICAgbmFtZT17YCR7cm9vdEZpZWxkTmFtZX0udHlwZS5vYmoua2V5YH1cbiAgICAgICAgICAgICAgb3B0aW9ucz17bWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zKFxuICAgICAgICAgICAgICAgIHR5cGVEZWZpbml0aW9ucyxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZSxcbiAgICAgICAgICAgICAgICBsYW5ndWFnZXMsXG5cbiAgICAgICAgICAgICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8uaWRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgdmFsdWU9e2dldEluKGZvcm1WYWx1ZXMsIHJvb3RGaWVsZE5hbWUpPy50eXBlPy5vYmo/LmtleX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVR5cGVEZWZpbml0aW9uU2VsZWN0fVxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17Zm9ybWF0TWVzc2FnZShtZXNzYWdlcy50eXBlc1BsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzQWxpZ25tZW50PVwicmlnaHRcIlxuICAgID5cbiAgICAgIDxDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZURlZmluaXRpb25zPXt0eXBlRGVmaW5pdGlvbnN9XG4gICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgIGhpZGVFbXB0eUZpZWxkcz17aGlkZUVtcHR5RmllbGRzfVxuICAgICAgICByb290Rm9ybVN0YXRlRmllbGROYW1lPXtyb290Rm9ybVN0YXRlRmllbGROYW1lfVxuICAgICAgLz5cbiAgICA8L0NvbGxhcHNpYmxlUGFuZWw+XG4gICk7XG59O1xuXG5DdXN0b21UeXBlU3ViZm9ybS5kaXNwbGF5TmFtZSA9ICdDdXN0b21UeXBlU3ViZm9ybSc7XG5DdXN0b21UeXBlU3ViZm9ybS5wcm9wVHlwZXMgPSB7XG4gIHR5cGVEZWZpbml0aW9uczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpZGVFbXB0eUZpZWxkczogUHJvcFR5cGVzLmJvb2wsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBhbmVsVGl0bGU6IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVHlwZVN1YmZvcm07XG4iXX0= */"),
+      css: /*#__PURE__*/css("min-width:", designTokens.constraint11, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomTypeSubform;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS10eXBlLXN1YmZvcm0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJb0IiLCJmaWxlIjoiY3VzdG9tLXR5cGUtc3ViZm9ybS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtaWtDb250ZXh0LCBnZXRJbiB9IGZyb20gJ2Zvcm1payc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7IGZvcm1hdExvY2FsaXplZFN0cmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2wxMG4nO1xuaW1wb3J0IHtcbiAgQ29sbGFwc2libGVQYW5lbCxcbiAgU2VsZWN0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0JztcbmltcG9ydCBDdXN0b21GaWVsZHNJbnB1dFdyYXBwZXIgZnJvbSAnLi9jdXN0b20tZmllbGRzLWlucHV0LXdyYXBwZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdEZpZWxkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKipcbiAqIE1hcHMgdGhlIHR5cGUgZGVmaW5pdGlvbnMgdG8gb3B0aW9ucyBmb3IgdGhlIGRyb3Bkb3duIHNlbGVjdG9yLlxuICovXG5leHBvcnQgY29uc3QgbWFwVHlwZURlZmluaXRpb25zVG9PcHRpb25zID0gKFxuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGxhbmd1YWdlLFxuICBsYW5ndWFnZXMsXG4gIHNlbGVjdGVkVHlwZURlZmluaXRpb25JZFxuKSA9PiB7XG4gIHJldHVybiB0eXBlRGVmaW5pdGlvbnMubWFwKCh0eXBlRGVmaW5pdGlvbikgPT4gKHtcbiAgICBpc0Rpc2FibGVkOlxuICAgICAgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbklkICYmXG4gICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uSWQgPT09IHR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgdmFsdWU6IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5LFxuICAgIGxhYmVsOiBmb3JtYXRMb2NhbGl6ZWRTdHJpbmcodHlwZURlZmluaXRpb24udHlwZSwge1xuICAgICAga2V5OiAnbmFtZScsXG4gICAgICBsb2NhbGU6IGxhbmd1YWdlLFxuICAgICAgZmFsbGJhY2tPcmRlcjogbGFuZ3VhZ2VzLFxuICAgIH0pLFxuICB9KSk7XG59O1xuXG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgZm9ybSBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0ZWQgdHlwZSBkZWZpbml0aW9uIGZyb20gdGhlIGRyb3Bkb3duLlxuICovXG5jb25zdCBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24gPSAoc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbikgPT4ge1xuICByZXR1cm4ge1xuICAgIHR5cGU6IHtcbiAgICAgIGlkOiBzZWxlY3RlZFR5cGVEZWZpbml0aW9uLnR5cGUuaWQsXG4gICAgICBvYmo6IHtcbiAgICAgICAgZmllbGREZWZpbml0aW9uczogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmZpZWxkRGVmaW5pdGlvbnMsXG4gICAgICAgIGtleTogc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbi50eXBlLmtleSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBmaWVsZHM6IHt9LFxuICB9O1xufTtcblxuY29uc3QgQ3VzdG9tVHlwZVN1YmZvcm0gPSAoe1xuICB0eXBlRGVmaW5pdGlvbnMsXG4gIGlzUmVhZE9ubHksXG4gIGlzQ29uZGVuc2VkLFxuICBoaWRlRW1wdHlGaWVsZHMsXG4gIHJvb3RGb3JtU3RhdGVGaWVsZE5hbWUsXG4gIHBhbmVsVGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZXM6IGZvcm1WYWx1ZXMsXG4gICAgc2V0RmllbGRWYWx1ZSxcbiAgICB2YWxpZGF0ZUZvcm0sXG4gICAgaW5pdGlhbFZhbHVlcyxcbiAgfSA9IHVzZUZvcm1pa0NvbnRleHQoKTtcbiAgY29uc3QgeyBmb3JtYXRNZXNzYWdlIH0gPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIGxhbmd1YWdlcyB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KFxuICAgIChhcHBsaWNhdGlvbkNvbnRleHQpID0+ICh7XG4gICAgICBsYW5ndWFnZTogYXBwbGljYXRpb25Db250ZXh0LmRhdGFMb2NhbGUsXG4gICAgICBsYW5ndWFnZXM6IGFwcGxpY2F0aW9uQ29udGV4dC5wcm9qZWN0Lmxhbmd1YWdlcyxcbiAgICB9KVxuICApO1xuICBjb25zdCByb290RmllbGROYW1lID0gY3JlYXRlUm9vdEZpZWxkTmFtZShyb290Rm9ybVN0YXRlRmllbGROYW1lKTtcblxuICBjb25zdCBoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbiA9IHR5cGVEZWZpbml0aW9ucy5maW5kKFxuICAgICAgICAodHlwZURlZmluaXRpb24pID0+IHR5cGVEZWZpbml0aW9uLnR5cGUua2V5ID09PSBldmVudC50YXJnZXQudmFsdWVcbiAgICAgICk7XG5cbiAgICAgIGlmIChzZWxlY3RlZFR5cGVEZWZpbml0aW9uKSB7XG4gICAgICAgIGNvbnN0IGluaXRpYWxWYWx1ZUN1c3RvbVR5cGUgPSBnZXRJbihpbml0aWFsVmFsdWVzLCByb290RmllbGROYW1lKTtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWRDdXN0b21UeXBlS2V5ID0gc2VsZWN0ZWRUeXBlRGVmaW5pdGlvbj8udHlwZS5rZXk7XG5cbiAgICAgICAgbGV0IG5ld0ZpZWxkVmFsdWU7XG5cbiAgICAgICAgLyoqXG4gICAgICAgICAqIElmIHRoZSB1c2VyIHNlbGVjdHMgdGhlIHNhbWUgY3VzdG9tIHR5cGUgdGhhdCB3YXMgYWxyZWFkeSBzZWxlY3RlZCwgd2UgbmVlZCB0byByZXNldCB0aGUgYGN1c3RvbWAgZmllbGRcbiAgICAgICAgICogYmFjayB0byBpdHMgaW5pdGlhbCB2YWx1ZSB0byBlbnN1cmUgdGhhdCB0aGUgZm9ybSBzdGF0ZSBpcyBjb25zaXN0ZW50IHdpdGggdGhlIGluaXRpYWwgdmFsdWVzLlxuICAgICAgICAgKi9cbiAgICAgICAgaWYgKGluaXRpYWxWYWx1ZUN1c3RvbVR5cGU/LnR5cGU/Lm9iaj8ua2V5ID09PSBzZWxlY3RlZEN1c3RvbVR5cGVLZXkpIHtcbiAgICAgICAgICBuZXdGaWVsZFZhbHVlID0gaW5pdGlhbFZhbHVlQ3VzdG9tVHlwZTtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBPdGhlcndpc2UsIHNldCB0aGUgYGN1c3RvbWAgZmllbGQgdG8gdGhlIG5ldyBjdXN0b20gdHlwZSBkZWZpbml0aW9uLlxuICAgICAgICAgICAqL1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIG5ld0ZpZWxkVmFsdWUgPSBjcmVhdGVGb3JtU3RhdGVGcm9tVHlwZURlZmluaXRpb24oXG4gICAgICAgICAgICBzZWxlY3RlZFR5cGVEZWZpbml0aW9uXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldEZpZWxkVmFsdWUocm9vdEZpZWxkTmFtZSwgbmV3RmllbGRWYWx1ZSkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gaWYgdGhlIGRyb3Bkb3duIHNlbGVjdG9yIGlzIGNsZWFyZWQsIHJlbW92ZSB0aGUgYGN1c3RvbWAgZmllbGQgZnJvbSB0aGUgZm9ybSBzdGF0ZSBlbnRpcmVseVxuICAgICAgICBzZXRGaWVsZFZhbHVlKHJvb3RGaWVsZE5hbWUsIHVuZGVmaW5lZCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdmFsaWRhdGVGb3JtKCk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3R5cGVEZWZpbml0aW9ucywgc2V0RmllbGRWYWx1ZSwgdmFsaWRhdGVGb3JtLCByb290RmllbGROYW1lXVxuICApO1xuXG4gIGNvbnN0IHR5cGVEZWZpbml0aW9uU2VsZWN0ZWQgPSAoZm9ybVZhbHVlcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICBnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZSAmJlxuICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/Lm9ialxuICAgICk7XG4gIH07XG5cbiAgLy8gaWYgdGhlIHVzZXIgaGFzIHJlYWQtb25seSBwZXJtaXNzaW9ucywgZW1wdHkgZmllbGRzIGFyZSBoaWRkZW4sIGFuZCBubyB0eXBlIGRlZmluaXRpb24gaXMgc2VsZWN0ZWQsIGhpZGUgdGhlIGNvbXBvbmVudFxuICBpZiAoaXNSZWFkT25seSAmJiBoaWRlRW1wdHlGaWVsZHMgJiYgIXR5cGVEZWZpbml0aW9uU2VsZWN0ZWQoZm9ybVZhbHVlcykpXG4gICAgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgaGVhZGVyPXtcbiAgICAgICAgPENvbGxhcHNpYmxlUGFuZWwuSGVhZGVyIGlzQ29uZGVuc2VkPXtpc0NvbmRlbnNlZH0+XG4gICAgICAgICAge3BhbmVsVGl0bGUgfHwgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnRpdGxlfSAvPn1cbiAgICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsLkhlYWRlcj5cbiAgICAgIH1cbiAgICAgIGhlYWRlckNvbnRyb2xzPXtcbiAgICAgICAgdHlwZURlZmluaXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpc0NsZWFyYWJsZVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImN1c3RvbS10eXBlLXNlbGVjdFwiXG4gICAgICAgICAgICAgIG5hbWU9e2Ake3Jvb3RGaWVsZE5hbWV9LnR5cGUub2JqLmtleWB9XG4gICAgICAgICAgICAgIG9wdGlvbnM9e21hcFR5cGVEZWZpbml0aW9uc1RvT3B0aW9ucyhcbiAgICAgICAgICAgICAgICB0eXBlRGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2UsXG4gICAgICAgICAgICAgICAgbGFuZ3VhZ2VzLFxuXG4gICAgICAgICAgICAgICAgZ2V0SW4oZm9ybVZhbHVlcywgcm9vdEZpZWxkTmFtZSk/LnR5cGU/LmlkXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHZhbHVlPXtnZXRJbihmb3JtVmFsdWVzLCByb290RmllbGROYW1lKT8udHlwZT8ub2JqPy5rZXl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVUeXBlRGVmaW5pdGlvblNlbGVjdH1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2Zvcm1hdE1lc3NhZ2UobWVzc2FnZXMudHlwZXNQbGFjZWhvbGRlcil9XG4gICAgICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9XG4gICAgICBoZWFkZXJDb250cm9sc0FsaWdubWVudD1cInJpZ2h0XCJcbiAgICA+XG4gICAgICA8Q3VzdG9tRmllbGRzSW5wdXRXcmFwcGVyXG4gICAgICAgIHR5cGVEZWZpbml0aW9ucz17dHlwZURlZmluaXRpb25zfVxuICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICBoaWRlRW1wdHlGaWVsZHM9e2hpZGVFbXB0eUZpZWxkc31cbiAgICAgICAgcm9vdEZvcm1TdGF0ZUZpZWxkTmFtZT17cm9vdEZvcm1TdGF0ZUZpZWxkTmFtZX1cbiAgICAgIC8+XG4gICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICApO1xufTtcblxuQ3VzdG9tVHlwZVN1YmZvcm0uZGlzcGxheU5hbWUgPSAnQ3VzdG9tVHlwZVN1YmZvcm0nO1xuQ3VzdG9tVHlwZVN1YmZvcm0ucHJvcFR5cGVzID0ge1xuICB0eXBlRGVmaW5pdGlvbnM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDb25kZW5zZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlRW1wdHlGaWVsZHM6IFByb3BUeXBlcy5ib29sLFxuICByb290Rm9ybVN0YXRlRmllbGROYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwYW5lbFRpdGxlOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVR5cGVTdWJmb3JtO1xuIl19 */"),
       children: jsx(SelectInput, {
         isClearable: true,
         "data-testid": "custom-type-select",
@@ -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

@@ -266,42 +266,6 @@
   border-bottom-left-radius: 0;
   margin-left: 0;
 }
-/* imported from file-input.module.css  */
-
-/** Button */
-
-.file-input-module__button___2KypN {
-  display: inline-flex;
-  background-color: var(--color-surface);
-  border: 1px solid var(--color-neutral);
-  box-shadow: none;
-  border-radius: var(--border-radius-4);
-  color: var(--color-solid);
-  height: var(--height-for-button-as-big);
-  font-size: var(--font-size-20);
-  font-weight: var(--font-weight-500);
-  align-items: center;
-  transition: background-color var(--transition-linear-80ms);
-  padding: 0 var(--spacing-m);
-}
-
-.file-input-module__button___2KypN:hover,
-.file-input-module__button___2KypN:focus {
-  cursor: pointer;
-  background-color: var(--background-color-for-button-when-hovered);
-  box-shadow: none;
-}
-
-.file-input-module__button___2KypN:active {
-  box-shadow: var(--shadow-9);
-  background-color: var(--color-surface);
-}
-
-.file-input-module__input___3MP4D {
-  visibility: hidden;
-  width: 1px;
-  height: 1px;
-}
 /*  imported from button.module.css  */
 
 /* Generic button */
@@ -505,6 +469,42 @@
 .button-module__add-button___1f093 {
   min-height: 32px;
 }
+/* imported from file-input.module.css  */
+
+/** Button */
+
+.file-input-module__button___2KypN {
+  display: inline-flex;
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-neutral);
+  box-shadow: none;
+  border-radius: var(--border-radius-4);
+  color: var(--color-solid);
+  height: var(--height-for-button-as-big);
+  font-size: var(--font-size-20);
+  font-weight: var(--font-weight-500);
+  align-items: center;
+  transition: background-color var(--transition-linear-80ms);
+  padding: 0 var(--spacing-m);
+}
+
+.file-input-module__button___2KypN:hover,
+.file-input-module__button___2KypN:focus {
+  cursor: pointer;
+  background-color: var(--background-color-for-button-when-hovered);
+  box-shadow: none;
+}
+
+.file-input-module__button___2KypN:active {
+  box-shadow: var(--shadow-9);
+  background-color: var(--color-surface);
+}
+
+.file-input-module__input___3MP4D {
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
+}
 /*  imported from centered-loading-spinner.module.css  */
 
 .centered-loading-spinner-module__loading-container___3_9-h {
@@ -589,14 +589,9 @@
 .set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customer-groups-combined.module.css  */
-
-.platform-limits-customer-groups-combined-module__combined___WjRoI {
-  margin-bottom: var(--spacing-s);
-}
-/*  imported from platform-limits-customer-groups-status.module.css  */
+/*  imported from platform-limits-customers-status.module.css  */
 
-.platform-limits-customer-groups-status-module__status___6099G {
+.platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
 /*  imported from platform-limits-customers-combined.module.css  */
@@ -604,8 +599,13 @@
 .platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }
-/*  imported from platform-limits-customers-status.module.css  */
+/*  imported from platform-limits-customer-groups-status.module.css  */
 
-.platform-limits-customers-status-module__status___3rXYM {
+.platform-limits-customer-groups-status-module__status___6099G {
   min-width: max-content;
 }
+/*  imported from platform-limits-customer-groups-combined.module.css  */
+
+.platform-limits-customer-groups-combined-module__combined___WjRoI {
+  margin-bottom: var(--spacing-s);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.2.3",
+  "version": "6.3.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -34,10 +34,10 @@
     "@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/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",