@commercetools-frontend/experimental-components 7.2.2 → 7.2.3

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

@@ -72,7 +72,6 @@ var sdk = require('@commercetools-frontend/sdk');
 var keyBy = require('lodash/keyBy');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _ = require('@commercetools-frontend/ui-kit/');
 var PropTypes = require('prop-types');
 var react$1 = require('@emotion/react');
@@ -110,6 +109,7 @@ var memoize = require('memoize-one');
 var omitEmpty = require('omit-empty-es');
 var shuffle = require('lodash/shuffle');
 var reactSnapCarousel = require('react-snap-carousel');
+var applicationShell = require('@commercetools-frontend/application-shell');
 var hoc = require('@apollo/client/react/hoc');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
@@ -272,12 +272,19 @@ const INTERVALS_IN_SECONDS = {
   [REMINDER_OPTION_10_DAY]: 864000
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAttributesFallbackValues';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
+const ATTRIBUTE_CONSTRAINTS = {
+  SAME_FOR_ALL: 'SameForAll',
+  NONE: 'None',
+  UNIQUE: 'Unique',
+  COMBINATION_UNIQUE: 'CombinationUnique'
+};
+const ATTRIBUTE_LEVELS = {
+  PRODUCT: 'Product',
+  VARIANT: 'Variant'
+};
 
 var commonPickerMessages = reactIntl.defineMessages({
   loadingErrorMessage: {
@@ -6428,6 +6435,8 @@ const REFERENCED_TYPES = {
   'shipping-method': 'shipping-method',
   zone: 'zone'
 };
+const ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time'];
+const SET_ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 
 function ownKeys$V(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$V(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$V(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$V(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -8231,9 +8240,6 @@ const useDnDContext = () => {
 const _excluded$9 = ["renderCustomWarnings", "WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$J(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const existingAttributeTypes = ['text', 'ltext'];
-const newAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time']; // Add more types here
-const setAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 const ENABLED_FALLBACK_ATTRIBUTE_TYPES = [CUSTOM_FIELD_TYPES.enum, CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.number, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.boolean, CUSTOM_FIELD_TYPES.money, CUSTOM_FIELD_TYPES.datetime, CUSTOM_FIELD_TYPES.date, CUSTOM_FIELD_TYPES.reference, CUSTOM_FIELD_TYPES.time, CUSTOM_FIELD_TYPES.set];
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
@@ -8241,9 +8247,7 @@ const getFieldName = (parentName, fieldName) => {
 };
 const isAttributeType = function () {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
-  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
-  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name) || isTailoringAttributeForOtherTypes && fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](setAttributeTypes).call(setAttributeTypes, fieldDefinitionType?.elementType?.name);
+  return _includesInstanceProperty__default["default"](ATTRIBUTE_TYPES).call(ATTRIBUTE_TYPES, fieldDefinitionType.name) || fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](SET_ATTRIBUTE_TYPES).call(SET_ATTRIBUTE_TYPES, fieldDefinitionType?.elementType?.name);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -8274,9 +8278,6 @@ const CustomFieldsInternal = _ref => {
     })),
     timeZone = _useApplicationContex.timeZone,
     userLocale = _useApplicationContex.userLocale;
-  const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
-  const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
-  const isTailoringFallbackEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -8290,9 +8291,9 @@ const CustomFieldsInternal = _ref => {
       var _context;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !isAttributeType(fieldDefinition.type);
       const shouldUseAdditionalInfoProp = _includesInstanceProperty__default["default"](_context = [CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.localizedenum]).call(_context, fieldDefinition.type.name);
-      const shouldDisplayFallbackRow = isTailoringFallbackEnabled && !shouldUseAdditionalInfoProp && _includesInstanceProperty__default["default"](ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
+      const shouldDisplayFallbackRow = !shouldUseAdditionalInfoProp && _includesInstanceProperty__default["default"](ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 
@@ -8318,7 +8319,7 @@ const CustomFieldsInternal = _ref => {
         hasWarning: props.renderWarnings && status?.warnings[fieldName],
         handleWarningChange: props.handleWarningChange,
         renderWarnings: props.renderWarnings,
-        additionalInfo: isTailoringFallbackEnabled && shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
+        additionalInfo: shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
       };
       const Field = jsxRuntime.jsx(FieldComponent, _objectSpread$J({}, fieldProps));
       //  the several values inside the key are needed to make sure the field is re-rendered when those values change
@@ -8346,7 +8347,7 @@ const CustomFieldsInternal = _ref => {
                 }) : Field, shouldDisplayFallbackRow && props.additionalInfoHandler && jsxRuntime.jsx(uiKit.Text.Wrap, {
                   children: jsxRuntime.jsx(uiKit.Text.Detail, {
                     tone: "tertiary",
-                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale)
+                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) || ''
                   })
                 }), props.renderWarnings && status?.warnings[fieldName] && renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
                   isTouched: isTouched,
@@ -14189,6 +14190,17 @@ function splitVariantAttributesByConstraint(product, constraint) {
   }
   return [productAttributeDefinitions, variantAttributeDefinitions];
 }
+function splitProductAndVariantAttributes(product) {
+  const productAttributeDefinitions = [];
+  const variantAttributeDefinitions = [];
+  if (product.productType?.obj?.attributes) {
+    for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
+      const definition = product.productType.obj.attributes[i];
+      if (getProductAttributes(definition)) productAttributeDefinitions.push(definition);else variantAttributeDefinitions.push(definition);
+    }
+  }
+  return [productAttributeDefinitions, variantAttributeDefinitions];
+}
 function resolveStatusType(product) {
   const published = product.published,
     hasStagedChanges = product.hasStagedChanges;
@@ -14348,6 +14360,12 @@ const getAttributeValueByType = _ref10 => {
       return constants.NO_VALUE_FALLBACK;
   }
 };
+const getProductLevelAttributes = attribueDefinition => {
+  return attribueDefinition?.level === ATTRIBUTE_LEVELS.PRODUCT;
+};
+const getProductAttributes = attribueDefinition => {
+  return attribueDefinition?.attributeConstraint === ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL || getProductLevelAttributes(attribueDefinition);
+};
 
 let RequestCache = /*#__PURE__*/function () {
   function RequestCache() {
@@ -14626,6 +14644,7 @@ exports.getCategoryLevel = getCategoryLevel;
 exports.getCountsFromBulkSummary = getCountsFromBulkSummary;
 exports.getDiscountValue = getDiscountValue;
 exports.getDisplayName = getDisplayName$1;
+exports.getFractionDigit = getFractionDigit;
 exports.getFractionedAmount = getFractionedAmount;
 exports.getIndexesOfInvalidValues = getIndexesOfInvalidValues;
 exports.getMinimumPricesByCurrencyCode = getMinimumPricesByCurrencyCode;
@@ -14633,6 +14652,8 @@ exports.getNetUnitPrice = getNetUnitPrice;
 exports.getPathName = getPathName;
 exports.getPrefixSearchBounds = getPrefixSearchBounds$1;
 exports.getPriceChannelName = getPriceChannelName;
+exports.getProductAttributes = getProductAttributes;
+exports.getProductLevelAttributes = getProductLevelAttributes;
 exports.getReferenceTypeId = getReferenceTypeId;
 exports.getSelectedPrice = getSelectedPrice;
 exports.getStampToneByPublishState = getStampToneByPublishState;
@@ -14693,6 +14714,7 @@ exports.shouldUpdateAttributeInput = shouldUpdateAttributeInput;
 exports.slugify = slugify;
 exports.sortDataByIdsArray = sortDataByIdsArray;
 exports.sortRequiresLanguage = sortRequiresLanguage;
+exports.splitProductAndVariantAttributes = splitProductAndVariantAttributes;
 exports.splitVariantAttributesByConstraint = splitVariantAttributesByConstraint;
 exports.stringToBase64 = stringToBase64;
 exports.swapArrayItems = swapArrayItems;

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

@@ -72,7 +72,6 @@ var sdk = require('@commercetools-frontend/sdk');
 var keyBy = require('lodash/keyBy');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _ = require('@commercetools-frontend/ui-kit/');
 var PropTypes = require('prop-types');
 var react$1 = require('@emotion/react');
@@ -110,6 +109,7 @@ var memoize = require('memoize-one');
 var omitEmpty = require('omit-empty-es');
 var shuffle = require('lodash/shuffle');
 var reactSnapCarousel = require('react-snap-carousel');
+var applicationShell = require('@commercetools-frontend/application-shell');
 var hoc = require('@apollo/client/react/hoc');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
@@ -271,12 +271,19 @@ const INTERVALS_IN_SECONDS = {
   [REMINDER_OPTION_10_DAY]: 864000
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAttributesFallbackValues';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
+const ATTRIBUTE_CONSTRAINTS = {
+  SAME_FOR_ALL: 'SameForAll',
+  NONE: 'None',
+  UNIQUE: 'Unique',
+  COMBINATION_UNIQUE: 'CombinationUnique'
+};
+const ATTRIBUTE_LEVELS = {
+  PRODUCT: 'Product',
+  VARIANT: 'Variant'
+};
 
 var commonPickerMessages = reactIntl.defineMessages({
   loadingErrorMessage: {
@@ -6416,6 +6423,8 @@ const REFERENCED_TYPES = {
   'shipping-method': 'shipping-method',
   zone: 'zone'
 };
+const ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time'];
+const SET_ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 
 function ownKeys$V(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$V(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$V(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$V(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -8209,9 +8218,6 @@ const useDnDContext = () => {
 const _excluded$9 = ["renderCustomWarnings", "WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$J(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const existingAttributeTypes = ['text', 'ltext'];
-const newAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time']; // Add more types here
-const setAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 const ENABLED_FALLBACK_ATTRIBUTE_TYPES = [CUSTOM_FIELD_TYPES.enum, CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.number, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.boolean, CUSTOM_FIELD_TYPES.money, CUSTOM_FIELD_TYPES.datetime, CUSTOM_FIELD_TYPES.date, CUSTOM_FIELD_TYPES.reference, CUSTOM_FIELD_TYPES.time, CUSTOM_FIELD_TYPES.set];
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
@@ -8219,9 +8225,7 @@ const getFieldName = (parentName, fieldName) => {
 };
 const isAttributeType = function () {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
-  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
-  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name) || isTailoringAttributeForOtherTypes && fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](setAttributeTypes).call(setAttributeTypes, fieldDefinitionType?.elementType?.name);
+  return _includesInstanceProperty__default["default"](ATTRIBUTE_TYPES).call(ATTRIBUTE_TYPES, fieldDefinitionType.name) || fieldDefinitionType.name === 'set' && _includesInstanceProperty__default["default"](SET_ATTRIBUTE_TYPES).call(SET_ATTRIBUTE_TYPES, fieldDefinitionType?.elementType?.name);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -8252,9 +8256,6 @@ const CustomFieldsInternal = _ref => {
     })),
     timeZone = _useApplicationContex.timeZone,
     userLocale = _useApplicationContex.userLocale;
-  const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
-  const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
-  const isTailoringFallbackEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -8268,9 +8269,9 @@ const CustomFieldsInternal = _ref => {
       var _context;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !isAttributeType(fieldDefinition.type);
       const shouldUseAdditionalInfoProp = _includesInstanceProperty__default["default"](_context = [CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.localizedenum]).call(_context, fieldDefinition.type.name);
-      const shouldDisplayFallbackRow = isTailoringFallbackEnabled && !shouldUseAdditionalInfoProp && _includesInstanceProperty__default["default"](ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
+      const shouldDisplayFallbackRow = !shouldUseAdditionalInfoProp && _includesInstanceProperty__default["default"](ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 
@@ -8296,7 +8297,7 @@ const CustomFieldsInternal = _ref => {
         hasWarning: props.renderWarnings && status?.warnings[fieldName],
         handleWarningChange: props.handleWarningChange,
         renderWarnings: props.renderWarnings,
-        additionalInfo: isTailoringFallbackEnabled && shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
+        additionalInfo: shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
       };
       const Field = jsxRuntime.jsx(FieldComponent, _objectSpread$J({}, fieldProps));
       //  the several values inside the key are needed to make sure the field is re-rendered when those values change
@@ -8324,7 +8325,7 @@ const CustomFieldsInternal = _ref => {
                 }) : Field, shouldDisplayFallbackRow && props.additionalInfoHandler && jsxRuntime.jsx(uiKit.Text.Wrap, {
                   children: jsxRuntime.jsx(uiKit.Text.Detail, {
                     tone: "tertiary",
-                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale)
+                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) || ''
                   })
                 }), props.renderWarnings && status?.warnings[fieldName] && renderCustomWarnings(fieldDefinition), jsxRuntime.jsx(CustomFieldErrors$1, {
                   isTouched: isTouched,
@@ -14159,6 +14160,17 @@ function splitVariantAttributesByConstraint(product, constraint) {
   }
   return [productAttributeDefinitions, variantAttributeDefinitions];
 }
+function splitProductAndVariantAttributes(product) {
+  const productAttributeDefinitions = [];
+  const variantAttributeDefinitions = [];
+  if (product.productType?.obj?.attributes) {
+    for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
+      const definition = product.productType.obj.attributes[i];
+      if (getProductAttributes(definition)) productAttributeDefinitions.push(definition);else variantAttributeDefinitions.push(definition);
+    }
+  }
+  return [productAttributeDefinitions, variantAttributeDefinitions];
+}
 function resolveStatusType(product) {
   const published = product.published,
     hasStagedChanges = product.hasStagedChanges;
@@ -14318,6 +14330,12 @@ const getAttributeValueByType = _ref10 => {
       return constants.NO_VALUE_FALLBACK;
   }
 };
+const getProductLevelAttributes = attribueDefinition => {
+  return attribueDefinition?.level === ATTRIBUTE_LEVELS.PRODUCT;
+};
+const getProductAttributes = attribueDefinition => {
+  return attribueDefinition?.attributeConstraint === ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL || getProductLevelAttributes(attribueDefinition);
+};
 
 let RequestCache = /*#__PURE__*/function () {
   function RequestCache() {
@@ -14596,6 +14614,7 @@ exports.getCategoryLevel = getCategoryLevel;
 exports.getCountsFromBulkSummary = getCountsFromBulkSummary;
 exports.getDiscountValue = getDiscountValue;
 exports.getDisplayName = getDisplayName$1;
+exports.getFractionDigit = getFractionDigit;
 exports.getFractionedAmount = getFractionedAmount;
 exports.getIndexesOfInvalidValues = getIndexesOfInvalidValues;
 exports.getMinimumPricesByCurrencyCode = getMinimumPricesByCurrencyCode;
@@ -14603,6 +14622,8 @@ exports.getNetUnitPrice = getNetUnitPrice;
 exports.getPathName = getPathName;
 exports.getPrefixSearchBounds = getPrefixSearchBounds$1;
 exports.getPriceChannelName = getPriceChannelName;
+exports.getProductAttributes = getProductAttributes;
+exports.getProductLevelAttributes = getProductLevelAttributes;
 exports.getReferenceTypeId = getReferenceTypeId;
 exports.getSelectedPrice = getSelectedPrice;
 exports.getStampToneByPublishState = getStampToneByPublishState;
@@ -14663,6 +14684,7 @@ exports.shouldUpdateAttributeInput = shouldUpdateAttributeInput;
 exports.slugify = slugify;
 exports.sortDataByIdsArray = sortDataByIdsArray;
 exports.sortRequiresLanguage = sortRequiresLanguage;
+exports.splitProductAndVariantAttributes = splitProductAndVariantAttributes;
 exports.splitVariantAttributesByConstraint = splitVariantAttributesByConstraint;
 exports.stringToBase64 = stringToBase64;
 exports.swapArrayItems = swapArrayItems;

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

@@ -69,7 +69,6 @@ import { useAsyncDispatch, actions } from '@commercetools-frontend/sdk';
 import keyBy from 'lodash/keyBy';
 import { useShowNotification, useShowApiErrorNotification, useOnActionError, useHideAllPageNotifications } from '@commercetools-frontend/actions-global';
 import { useModalState, CustomFormModalPage, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
-import { useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/application-shell';
 import { ErrorMessage } from '@commercetools-frontend/ui-kit/';
 import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
@@ -107,6 +106,7 @@ import memoize from 'memoize-one';
 import omitEmpty from 'omit-empty-es';
 import shuffle from 'lodash/shuffle';
 import { useSnapCarousel } from 'react-snap-carousel';
+import { useFeatureToggle, useAdapterStatus } from '@commercetools-frontend/application-shell';
 import { graphql, withApollo } from '@apollo/client/react/hoc';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
@@ -170,12 +170,19 @@ const INTERVALS_IN_SECONDS = {
   [REMINDER_OPTION_10_DAY]: 864000
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
-const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES = 'productTailoringForAttributesFallbackValues';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
+const ATTRIBUTE_CONSTRAINTS = {
+  SAME_FOR_ALL: 'SameForAll',
+  NONE: 'None',
+  UNIQUE: 'Unique',
+  COMBINATION_UNIQUE: 'CombinationUnique'
+};
+const ATTRIBUTE_LEVELS = {
+  PRODUCT: 'Product',
+  VARIANT: 'Variant'
+};
 
 var commonPickerMessages = defineMessages({
   loadingErrorMessage: {
@@ -6326,6 +6333,8 @@ const REFERENCED_TYPES = {
   'shipping-method': 'shipping-method',
   zone: 'zone'
 };
+const ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time'];
+const SET_ATTRIBUTE_TYPES = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 
 function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$V(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$V(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -8129,9 +8138,6 @@ const useDnDContext = () => {
 const _excluded$9 = ["renderCustomWarnings", "WrapperComponent"];
 function ownKeys$J(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$J(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$J(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$J(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const existingAttributeTypes = ['text', 'ltext'];
-const newAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'datetime', 'reference', 'time']; // Add more types here
-const setAttributeTypes = ['text', 'ltext', 'number', 'enum', 'lenum', 'money', 'boolean', 'date', 'time', 'datetime', 'reference'];
 const ENABLED_FALLBACK_ATTRIBUTE_TYPES = [CUSTOM_FIELD_TYPES.enum, CUSTOM_FIELD_TYPES.lenum, CUSTOM_FIELD_TYPES.number, CUSTOM_FIELD_TYPES.text, CUSTOM_FIELD_TYPES.boolean, CUSTOM_FIELD_TYPES.money, CUSTOM_FIELD_TYPES.datetime, CUSTOM_FIELD_TYPES.date, CUSTOM_FIELD_TYPES.reference, CUSTOM_FIELD_TYPES.time, CUSTOM_FIELD_TYPES.set];
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
@@ -8139,9 +8145,7 @@ const getFieldName = (parentName, fieldName) => {
 };
 const isAttributeType = function () {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
-  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
-  return _includesInstanceProperty(attributeTypes).call(attributeTypes, fieldDefinitionType.name) || isTailoringAttributeForOtherTypes && fieldDefinitionType.name === 'set' && _includesInstanceProperty(setAttributeTypes).call(setAttributeTypes, fieldDefinitionType?.elementType?.name);
+  return _includesInstanceProperty(ATTRIBUTE_TYPES).call(ATTRIBUTE_TYPES, fieldDefinitionType.name) || fieldDefinitionType.name === 'set' && _includesInstanceProperty(SET_ATTRIBUTE_TYPES).call(SET_ATTRIBUTE_TYPES, fieldDefinitionType?.elementType?.name);
 };
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
@@ -8172,9 +8176,6 @@ const CustomFieldsInternal = _ref => {
     })),
     timeZone = _useApplicationContex.timeZone,
     userLocale = _useApplicationContex.userLocale;
-  const isTailoringAttributesEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
-  const isTailoringAttributeForOtherTypes = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
-  const isTailoringFallbackEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES);
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
     DroppableWrapper = _useDnDContext.DroppableWrapper,
@@ -8188,9 +8189,9 @@ const CustomFieldsInternal = _ref => {
       var _context;
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !isAttributeType(fieldDefinition.type);
       const shouldUseAdditionalInfoProp = _includesInstanceProperty(_context = [CUSTOM_FIELD_TYPES.ltext, CUSTOM_FIELD_TYPES.localizedstring, CUSTOM_FIELD_TYPES.localizedenum]).call(_context, fieldDefinition.type.name);
-      const shouldDisplayFallbackRow = isTailoringFallbackEnabled && !shouldUseAdditionalInfoProp && _includesInstanceProperty(ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
+      const shouldDisplayFallbackRow = !shouldUseAdditionalInfoProp && _includesInstanceProperty(ENABLED_FALLBACK_ATTRIBUTE_TYPES).call(ENABLED_FALLBACK_ATTRIBUTE_TYPES, fieldDefinition.type.name);
       const fieldErrors = getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, getIn(values, fieldName));
 
@@ -8216,7 +8217,7 @@ const CustomFieldsInternal = _ref => {
         hasWarning: props.renderWarnings && status?.warnings[fieldName],
         handleWarningChange: props.handleWarningChange,
         renderWarnings: props.renderWarnings,
-        additionalInfo: isTailoringFallbackEnabled && shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
+        additionalInfo: shouldUseAdditionalInfoProp && props?.additionalInfoHandler ? props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) : undefined
       };
       const Field = jsx(FieldComponent, _objectSpread$J({}, fieldProps));
       //  the several values inside the key are needed to make sure the field is re-rendered when those values change
@@ -8244,7 +8245,7 @@ const CustomFieldsInternal = _ref => {
                 }) : Field, shouldDisplayFallbackRow && props.additionalInfoHandler && jsx(Text.Wrap, {
                   children: jsx(Text.Detail, {
                     tone: "tertiary",
-                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale)
+                    children: props.additionalInfoHandler(fieldDefinition, locale, timeZone, userLocale) || ''
                   })
                 }), props.renderWarnings && status?.warnings[fieldName] && renderCustomWarnings(fieldDefinition), jsx(CustomFieldErrors$1, {
                   isTouched: isTouched,
@@ -14087,6 +14088,17 @@ function splitVariantAttributesByConstraint(product, constraint) {
   }
   return [productAttributeDefinitions, variantAttributeDefinitions];
 }
+function splitProductAndVariantAttributes(product) {
+  const productAttributeDefinitions = [];
+  const variantAttributeDefinitions = [];
+  if (product.productType?.obj?.attributes) {
+    for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
+      const definition = product.productType.obj.attributes[i];
+      if (getProductAttributes(definition)) productAttributeDefinitions.push(definition);else variantAttributeDefinitions.push(definition);
+    }
+  }
+  return [productAttributeDefinitions, variantAttributeDefinitions];
+}
 function resolveStatusType(product) {
   const published = product.published,
     hasStagedChanges = product.hasStagedChanges;
@@ -14246,6 +14258,12 @@ const getAttributeValueByType = _ref10 => {
       return NO_VALUE_FALLBACK;
   }
 };
+const getProductLevelAttributes = attribueDefinition => {
+  return attribueDefinition?.level === ATTRIBUTE_LEVELS.PRODUCT;
+};
+const getProductAttributes = attribueDefinition => {
+  return attribueDefinition?.attributeConstraint === ATTRIBUTE_CONSTRAINTS.SAME_FOR_ALL || getProductLevelAttributes(attribueDefinition);
+};
 
 let RequestCache = /*#__PURE__*/function () {
   function RequestCache() {
@@ -14418,4 +14436,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, CUSTOM_FIELD_TYPES, Carousel$1 as Carousel, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldInput$1 as CustomFieldInput, 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, LOWER_STORES_LIMIT, 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, PlatformLimitsFetcherQuery, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, QUERY_MAX_LIMIT, RESOURCES_WITH_PLATFORM_LIMITS, RecurrentIntervalPicker$1 as RecurrentIntervalPicker, 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, UPPER_STORES_LIMIT, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributeToCustomField, 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, createPlatformLimitsQueryVariables, 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, getStampToneByPublishState, 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, mapShippingRateTierToGraphQL, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$O as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useBusinessUnitsLimits$1 as useBusinessUnitsPlatformLimits, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatCustomField, 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, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, 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, CUSTOM_FIELD_TYPES, Carousel$1 as Carousel, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldInput$1 as CustomFieldInput, 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, LOWER_STORES_LIMIT, 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, PlatformLimitsFetcherQuery, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, QUERY_MAX_LIMIT, RESOURCES_WITH_PLATFORM_LIMITS, RecurrentIntervalPicker$1 as RecurrentIntervalPicker, 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, UPPER_STORES_LIMIT, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributeToCustomField, 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, createPlatformLimitsQueryVariables, 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, getFractionDigit, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as getPrefixSearchBounds, getPriceChannelName, getProductAttributes, getProductLevelAttributes, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, 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, mapShippingRateTierToGraphQL, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$O as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitProductAndVariantAttributes, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useBusinessUnitsLimits$1 as useBusinessUnitsPlatformLimits, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatCustomField, 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, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, 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/declarations/src/constants/index.d.ts

@@ -65,9 +65,16 @@ export const INTERVALS_IN_SECONDS: {
     "10day": number;
 };
 export const EXCLUDING_PRODUCTS: "excludingProducts";
-export const PRODUCT_TAILORING_FOR_ATTRIBUTES: "productTailoringForAttributes";
-export const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT: "productTailoringForAttributesTypesOtherThanText";
-export const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES: "productTailoringForAttributesFallbackValues";
 export const UTC: "UTC";
 export const Z_INDEX_DROPDOWN: 30000;
+export namespace ATTRIBUTE_CONSTRAINTS {
+    let SAME_FOR_ALL: string;
+    let NONE: string;
+    let UNIQUE: string;
+    let COMBINATION_UNIQUE: string;
+}
+export namespace ATTRIBUTE_LEVELS {
+    let PRODUCT: string;
+    let VARIANT: string;
+}
 export { LOWER_STORES_LIMIT, UPPER_STORES_LIMIT } from "../components/store-select-input/constants.js";

package/dist/declarations/src/custom-fields/custom-fields/constants.d.ts

@@ -34,3 +34,5 @@ export const REFERENCED_TYPES_WITH_AUTOCOMPLETE: {
     category: string;
     'cart-discount': string;
 };
+export const ATTRIBUTE_TYPES: string[];
+export const SET_ATTRIBUTE_TYPES: string[];

package/dist/declarations/src/index.d.ts

@@ -89,6 +89,7 @@ import { formatDateTime, formatDateRangeValue, formatMoney, formatMoneyValue, fo
 import formatDiscount from "./utils/formats/discount/discount.js";
 import { getFractionedAmount } from "./utils/formats/money/money.js";
 import { formatPercentage, convertRatioToPercentage } from "./utils/formats/percentage/percentage.js";
+import { getFractionDigit } from "./utils/get-currency-code-data/index.js";
 import getPrefixSearchBounds from "./utils/get-prefix-search-bounds/get-prefix-search-bounds.js";
 import { extractErrorFromGraphQlResponse, createGraphQlUpdateActions, transformLocalizedFieldsForCategory, transformCustomFieldsRawToCustomFields, mapShippingRateTierToGraphQL } from "./utils/graphql/graphql.js";
 import hasInvalidInputError from "./utils/has-error-code/has-invalid-input-error.js";
@@ -99,7 +100,7 @@ import omitDeep from "./utils/omit-deep/omit-deep.js";
 import { or, exact, and, not, range, exists } from "./utils/pim-query-clauses.js";
 import { getSelectedPrice, getDiscountValue, getNetUnitPrice, getPriceChannelName, getMinimumPricesByCurrencyCode } from "./utils/prices/prices.js";
 import { convertProductSelectionFromGraphQl } from "./utils/product-selections/convert-product-selection-from-graphql.js";
-import { sortRequiresLanguage, computedProperties, allowedProperties, resolveStatusType, normalizeProductSettings, getAttributeValueByType, getStampToneByPublishState, splitVariantAttributesByConstraint } from "./utils/products/products.jsx";
+import { sortRequiresLanguage, computedProperties, allowedProperties, resolveStatusType, normalizeProductSettings, getAttributeValueByType, getStampToneByPublishState, splitVariantAttributesByConstraint, splitProductAndVariantAttributes, getProductAttributes, getProductLevelAttributes } from "./utils/products/products.jsx";
 import { sanitize } from "./utils/query-string/query-string.js";
 import RequestCache from "./utils/request-cache/request-cache.js";
 import shallowEqual from "./utils/shallow-equal/shallow-equal.js";
@@ -116,4 +117,4 @@ import getIndexesOfInvalidValues from "./utils/validation/get-indexes-of-invalid
 import withoutEmptyErrorsByField from "./utils/validation/without-empty-errors-by-field.js";
 import withPendingRequests from "./utils/with-pending-requests/with-pending-requests.jsx";
 export { QUERY_LIMIT, QUERY_MAX_LIMIT, LOWER_STORES_LIMIT, UPPER_STORES_LIMIT, } from "./constants/index.js";
-export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, Carousel, type CarouselItem, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomFieldInput, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, useBusinessUnitsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapShippingRateTierToGraphQL, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PlatformLimitsFetcherQuery, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, RecurrentIntervalPicker, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, RESOURCES_WITH_PLATFORM_LIMITS, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatCustomField, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };
+export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, Carousel, type CarouselItem, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomFieldInput, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getFractionDigit, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getProductAttributes, getProductLevelAttributes, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, useBusinessUnitsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapShippingRateTierToGraphQL, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PlatformLimitsFetcherQuery, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, RecurrentIntervalPicker, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, RESOURCES_WITH_PLATFORM_LIMITS, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, splitProductAndVariantAttributes, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatCustomField, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };

package/dist/declarations/src/utils/get-currency-code-data/get-currency-code-data.d.ts

@@ -0,0 +1,10 @@
+export function getISOCode(code: any): any;
+export function getFractionDigit(code: any): any;
+export function getSymbol(code: any): any;
+export function getUnicode(code: any): any;
+export function getHtmlCode(code: any): any;
+export function getHexCode(code: any): any;
+export function getCurrencyName(code: any): any;
+export function getCountriesUsingTheCurrency(code: any): any;
+export function getFullInformation(code: any): any;
+export function getAllCurrencies(code: any): string[];

package/dist/declarations/src/utils/get-currency-code-data/index.d.ts

@@ -0,0 +1 @@
+export { getISOCode, getFractionDigit, getSymbol, getUnicode, getHtmlCode, getHexCode, getCurrencyName, getCountriesUsingTheCurrency, getFullInformation, getAllCurrencies } from "./get-currency-code-data.js";

package/dist/declarations/src/utils/products/products.d.ts

@@ -1,6 +1,7 @@
 export function sanitizeListColumns(columns: any): any;
 export function normalizeProductSettings(settings: any): {};
 export function splitVariantAttributesByConstraint(product: any, constraint: any): any[][];
+export function splitProductAndVariantAttributes(product: any): any[][];
 export function resolveStatusType(product: any): string;
 export function getStampToneByPublishState(statusCode: any): "secondary" | "positive" | "warning" | undefined;
 export const COLUMN_WIDTH_FALLBACK: 200;
@@ -55,3 +56,5 @@ export function getAttributeValueByType({ type, value, projectDataLocale, intl,
     intl: any;
     projectLanguages: any;
 }): any;
+export function getProductLevelAttributes(attribueDefinition: any): boolean;
+export function getProductAttributes(attribueDefinition: any): boolean;

package/dist/styles.css

@@ -1,13 +1,3 @@
-/*  imported from required-indicator.module.css  */
-
-.required-indicator-module__colored____YUFm {
-  color: var(--color-warning);
-}
-
-.required-indicator-module__indicatorAsterisk___3lEdX {
-  font-style: normal;
-  margin-left: 2px;
-}
 /*  imported from selectable-field-search-input.module.css  */
 
 .selectable-field-search-input-module__container___z2ltR {
@@ -24,6 +14,16 @@
   margin-top: 2px;
   position: absolute;
 }
+/*  imported from required-indicator.module.css  */
+
+.required-indicator-module__colored____YUFm {
+  color: var(--color-warning);
+}
+
+.required-indicator-module__indicatorAsterisk___3lEdX {
+  font-style: normal;
+  margin-left: 2px;
+}
 /*  imported from validated-input.module.css  */
 
 .validated-input-module__invalid___380EL {
@@ -46,18 +46,6 @@
   font-size: 0.9rem;
   font-weight: bold;
 }
-/*  imported from numeric-format-input.module.css  */
-
-.numeric-format-input-module__invalid___3LcyE {
-  /* this needs !important because react-select has a :focus style that
-    stops the border colour being set unless the element is blurred */
-  border-color: var(--color-error) !important;
-  border: 1px solid;
-}
-
-.numeric-format-input-module__disabled___hb6h4 {
-  cursor: not-allowed;
-}
 /*  imported from multi-value-search-input.module.css  */
 
 .multi-value-search-input-module__container___2u64d {
@@ -104,77 +92,17 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
-/*  imported from throttled-field.module.css  */
-
-.throttled-field-module__size___324jx {
-  width: 100%;
-}
-
-.throttled-field-module__size___324jx {
-  min-height: var(--height-for-input);
-}
-
-.throttled-field-module__input-text___3zFFp {
-  transition: 0.2s ease;
-  border-radius: 6px;
-  border-style: solid;
-  border-width: 1px;
-  color: var(--color-solid);
-  font-weight: 500;
-  font-size: 1rem;
-  font-family: 'Open Sans', sans-serif !important;
-  padding: 7.5px 10px;
-  outline: none;
-  box-shadow: none;
-  appearance: none;
-}
-
-.throttled-field-module__input-secondary___cFo9e {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
-
-.throttled-field-module__input-primary___26G3R {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
-}
-
-.throttled-field-module__textarea___3ZNEs {
-  width: 100%;
-  min-height: 36px;
-  resize: vertical;
-}
-
-.throttled-field-module__textarea-primary___24Wwt {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
-}
-
-.throttled-field-module__textarea-secondary___2rmFG {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
+/*  imported from numeric-format-input.module.css  */
 
-.throttled-field-module__invalid___1yZLW {
+.numeric-format-input-module__invalid___3LcyE {
   /* this needs !important because react-select has a :focus style that
     stops the border colour being set unless the element is blurred */
   border-color: var(--color-error) !important;
   border: 1px solid;
 }
 
-.throttled-field-module__disabled___qVj79 {
+.numeric-format-input-module__disabled___hb6h4 {
   cursor: not-allowed;
-  background-color: var(--color-accent-98);
-  color: var(--color-solid);
-  opacity: 1; /* fix for mobile safari */
-}
-
-.throttled-field-module__granular___2LXJf {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: 0;
 }
 /*  imported from search-input.module.css  */
 
@@ -266,6 +194,78 @@
   flex-shrink: 1;
   margin-left: var(--spacing-s);
 }
+/*  imported from throttled-field.module.css  */
+
+.throttled-field-module__size___324jx {
+  width: 100%;
+}
+
+.throttled-field-module__size___324jx {
+  min-height: var(--height-for-input);
+}
+
+.throttled-field-module__input-text___3zFFp {
+  transition: 0.2s ease;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  color: var(--color-solid);
+  font-weight: 500;
+  font-size: 1rem;
+  font-family: 'Open Sans', sans-serif !important;
+  padding: 7.5px 10px;
+  outline: none;
+  box-shadow: none;
+  appearance: none;
+}
+
+.throttled-field-module__input-secondary___cFo9e {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__input-primary___26G3R {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea___3ZNEs {
+  width: 100%;
+  min-height: 36px;
+  resize: vertical;
+}
+
+.throttled-field-module__textarea-primary___24Wwt {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea-secondary___2rmFG {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__invalid___1yZLW {
+  /* this needs !important because react-select has a :focus style that
+    stops the border colour being set unless the element is blurred */
+  border-color: var(--color-error) !important;
+  border: 1px solid;
+}
+
+.throttled-field-module__disabled___qVj79 {
+  cursor: not-allowed;
+  background-color: var(--color-accent-98);
+  color: var(--color-solid);
+  opacity: 1; /* fix for mobile safari */
+}
+
+.throttled-field-module__granular___2LXJf {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
 /*  imported from button.module.css  */
 
 /* Generic button */
@@ -510,20 +510,14 @@
 .custom-money-input-module__container___1fdO2 {
   width: 100%;
 }
-/*  imported from reference-search.module.css  */
-
-.reference-search-module__container___3-iK3 {
-  width: 100%;
-}
-
-.reference-search-module__container___3-iK3 > div {
-  width: 100%;
-}
+/*  imported from centered-loading-spinner.module.css  */
 
-.reference-search-module__missing-label___az9AO {
-  color: var(--color-warning);
-  font-size: 0.9rem;
-  margin-left: var(--spacing-xs);
+.centered-loading-spinner-module__loading-container___3_9-h {
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
 }
 /*  imported from divider.module.css  */
 
@@ -552,14 +546,20 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
-/*  imported from centered-loading-spinner.module.css  */
+/*  imported from reference-search.module.css  */
 
-.centered-loading-spinner-module__loading-container___3_9-h {
-  height: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
+.reference-search-module__container___3-iK3 {
+  width: 100%;
+}
+
+.reference-search-module__container___3-iK3 > div {
+  width: 100%;
+}
+
+.reference-search-module__missing-label___az9AO {
+  color: var(--color-warning);
+  font-size: 0.9rem;
+  margin-left: var(--spacing-xs);
 }
 /*  imported from set-buttons.module.css  */
 
@@ -595,9 +595,9 @@
 .platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
-/*  imported from platform-limits-customer-groups-combined.module.css  */
+/*  imported from platform-limits-customers-combined.module.css  */
 
-.platform-limits-customer-groups-combined-module__combined___WjRoI {
+.platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }
 /*  imported from platform-limits-customer-groups-status.module.css  */
@@ -605,8 +605,8 @@
 .platform-limits-customer-groups-status-module__status___6099G {
   min-width: max-content;
 }
-/*  imported from platform-limits-customers-combined.module.css  */
+/*  imported from platform-limits-customer-groups-combined.module.css  */
 
-.platform-limits-customers-combined-module__combined___OszDd {
+.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": "7.2.2",
+  "version": "7.2.3",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,10 +33,10 @@
     "@commercetools-frontend/l10n": "24.2.1",
     "@commercetools-frontend/sdk": "24.2.1",
     "@commercetools-frontend/sentry": "24.2.1",
-    "@commercetools-frontend/ui-kit": "20.0.0",
-    "@commercetools-uikit/design-system": "20.0.0",
-    "@commercetools-uikit/select-utils": "20.0.0",
-    "@commercetools-uikit/utils": "20.0.0",
+    "@commercetools-frontend/ui-kit": "20.2.1",
+    "@commercetools-uikit/design-system": "20.2.1",
+    "@commercetools-uikit/select-utils": "20.2.1",
+    "@commercetools-uikit/utils": "20.2.1",
     "@emotion/react": "11.14.0",
     "@hello-pangea/dnd": "^18.0.1",
     "classnames": "2.5.1",
@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "@apollo/client": "3.12.4",
-    "@commercetools/composable-commerce-test-data": "11.5.1",
+    "@commercetools/composable-commerce-test-data": "13.0.0",
     "@testing-library/react": "16.1.0",
     "@types/debounce-promise": "3.1.9",
     "@types/jest": "^29.5.2",
@@ -80,8 +80,8 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "5.2.2",
-    "@commercetools-local/test-data": "1.2.22",
-    "@commercetools-local/test-utils": "1.2.22"
+    "@commercetools-local/test-utils": "1.2.22",
+    "@commercetools-local/test-data": "1.2.22"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",