@commercetools-frontend/experimental-components 8.0.6 → 8.1.0

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

@@ -304,7 +304,7 @@ var commonPickerMessages = reactIntl.defineMessages({
   }
 });
 
-var messages$R = reactIntl.defineMessages({
+var messages$S = reactIntl.defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -423,7 +423,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -435,7 +435,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -491,7 +491,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
 
-var messages$Q = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -580,7 +580,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -593,7 +593,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -609,7 +609,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$P = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -693,7 +693,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -705,7 +705,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -762,7 +762,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$O = reactIntl.defineMessages({
+var messages$P = reactIntl.defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -774,7 +774,7 @@ function ownKeys$1t(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 function _objectSpread$1t(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$1t(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$1t(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
+    label: formatMessage ? formatMessage(messages$P.bottomOption) : messages$P.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -1935,7 +1935,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$N = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -1972,9 +1972,9 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     children: [jsxRuntime.jsx(uiKit.Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$N.profileUpdated
+      intlMessage: messages$O.profileUpdated
     }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.addMoreInformation), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -1983,7 +1983,7 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   }), jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "xs",
     children: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2060,6 +2060,76 @@ const useRoleNotificationEffect = () => {
 };
 var useRoleNotificationEffect$1 = useRoleNotificationEffect;
 
+var messages$N = reactIntl.defineMessages({
+  dbMaintenanceNotification: {
+    id: 'Global.dbMaintenanceNotification',
+    description: 'Database maintenance notification',
+    defaultMessage: "A <linkDocs>database maintenance</linkDocs> is scheduled for January 22-23 2026. Some of the functionalities of the Merchant Center won't be available during that time, including customizations. Please plan your work accordingly."
+  },
+  dbMaintenanceOngoingNotification: {
+    id: 'Global.dbMaintenanceOngoingNotification',
+    description: 'Ongoing database maintenance notification',
+    defaultMessage: 'Merchant Center database is currently under <linkDocs>planned maintenance</linkDocs>. Some of the functionalities of the Merchant Center are not available, including customizations. Thank you for your patience.'
+  }
+});
+
+// Hardcode feature flag name here instead of importing it from the private `constants` package.
+const ENABLE_DB_MAINTENANCE_NOTIFICATION = 'enableDbMaintenanceNotification';
+
+// eslint-disable-next-line react/display-name
+const getLinkDocs = () => msg => jsxRuntime.jsx(uiKit.Link, {
+  isExternal: true,
+  to: "https://docs.commercetools.com/merchant-center/releases/2026-01-19-database-maintenance-on-22-23-january",
+  children: msg
+}, 'db-maintenance-doc-link');
+const DISMISSED_DB_MAINTENANCE_UPCOMING = 'dismissed-db-maintenance-upcoming';
+const DISMISSED_DB_MAINTENANCE_ONGOING = 'dismissed-db-maintenance-ongoing';
+const PENDING_DB_MAINTENANCE_BANNER = 'pending-db-maintenance-banner';
+const useDbMaintenanceNotification = () => {
+  const isDbMaintenanceNotificationEnabled = applicationShell.useFlagVariation(ENABLE_DB_MAINTENANCE_NOTIFICATION);
+  const intl = reactIntl.useIntl();
+  const showNotification = actionsGlobal.useShowNotification();
+  const hasShownRef = React.useRef(false);
+  React.useEffect(() => {
+    // If running in Cypress, skip the notification
+    if (typeof window !== 'undefined' && window.Cypress) {
+      localStorage.setItem(DISMISSED_DB_MAINTENANCE_UPCOMING, 'true');
+      return;
+    }
+
+    // Show notification if:
+    // 1. value is true (upcoming maintenance), OR
+    // 2. value is false with reason "ongoing" (maintenance is happening now)
+    const isUpcoming = isDbMaintenanceNotificationEnabled?.value === true;
+    const isOngoing = isDbMaintenanceNotificationEnabled?.value === false && isDbMaintenanceNotificationEnabled?.reason === 'ongoing';
+    if (!isUpcoming && !isOngoing) return;
+    const dismissedFlag = isOngoing ? DISMISSED_DB_MAINTENANCE_ONGOING : DISMISSED_DB_MAINTENANCE_UPCOMING;
+    const hasDismissedBanner = !!localStorage.getItem(dismissedFlag);
+    const isPending = !!localStorage.getItem(PENDING_DB_MAINTENANCE_BANNER);
+    if (!hasDismissedBanner && !isPending && !hasShownRef.current || isPending && !hasShownRef.current) {
+      hasShownRef.current = true;
+      localStorage.setItem(PENDING_DB_MAINTENANCE_BANNER, 'true');
+      const notificationKind = isOngoing ? constants.NOTIFICATION_KINDS_SIDE.warning : constants.NOTIFICATION_KINDS_SIDE.info;
+      const messageKey = isOngoing ? 'dbMaintenanceOngoingNotification' : 'dbMaintenanceNotification';
+      const messageObj = messages$N[messageKey];
+      const formattedText = intl.formatMessage(messageObj, {
+        linkDocs: getLinkDocs()
+      });
+      showNotification({
+        kind: notificationKind,
+        domain: constants.DOMAINS.GLOBAL,
+        text: formattedText
+      }, {
+        onDismiss: () => {
+          localStorage.setItem(dismissedFlag, 'true');
+          localStorage.removeItem(PENDING_DB_MAINTENANCE_BANNER);
+          hasShownRef.current = false;
+        }
+      });
+    }
+  }, [showNotification, intl, isDbMaintenanceNotificationEnabled]);
+};
+
 function usePendingRequests() {
   const _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -14272,7 +14342,7 @@ function normalizeProductSettings(settings) {
 function splitVariantAttributesByConstraint(product, constraint) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  if (product?.productType?.obj?.attributes) {
     if (!constraint) throw new Error('You need to specify a constraint to filter for.');
     for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
       const definition = product.productType.obj.attributes[i];
@@ -14284,7 +14354,7 @@ function splitVariantAttributesByConstraint(product, constraint) {
 function splitProductAndVariantAttributes(product) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  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);
@@ -14814,6 +14884,7 @@ exports.useCurrentOption = useCurrentOption;
 exports.useCustomFieldsDnDContext = useDnDContext;
 exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
+exports.useDbMaintenanceNotification = useDbMaintenanceNotification;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
 exports.useFormatCustomField = useFormatCustomField;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;

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

@@ -298,7 +298,7 @@ var commonPickerMessages = reactIntl.defineMessages({
   }
 });
 
-var messages$R = reactIntl.defineMessages({
+var messages$S = reactIntl.defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -417,7 +417,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
@@ -429,7 +429,7 @@ const ChannelPickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -485,7 +485,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
 
-var messages$Q = reactIntl.defineMessages({
+var messages$R = reactIntl.defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -574,7 +574,7 @@ const ProductTypePickerInput = _ref => {
         children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -587,7 +587,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -603,7 +603,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$P = reactIntl.defineMessages({
+var messages$Q = reactIntl.defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -687,7 +687,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
     max: "scale",
@@ -699,7 +699,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -756,7 +756,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$O = reactIntl.defineMessages({
+var messages$P = reactIntl.defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -768,7 +768,7 @@ function ownKeys$1t(e, r) { var t = _Object$keys__default["default"](e); if (_Ob
 function _objectSpread$1t(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$1t(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$1t(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
+    label: formatMessage ? formatMessage(messages$P.bottomOption) : messages$P.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -1929,7 +1929,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$N = reactIntl.defineMessages({
+var messages$O = reactIntl.defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -1966,9 +1966,9 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     children: [jsxRuntime.jsx(uiKit.Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$N.profileUpdated
+      intlMessage: messages$O.profileUpdated
     }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.addMoreInformation), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -1977,7 +1977,7 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
   }), jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "xs",
     children: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -2054,6 +2054,76 @@ const useRoleNotificationEffect = () => {
 };
 var useRoleNotificationEffect$1 = useRoleNotificationEffect;
 
+var messages$N = reactIntl.defineMessages({
+  dbMaintenanceNotification: {
+    id: 'Global.dbMaintenanceNotification',
+    description: 'Database maintenance notification',
+    defaultMessage: "A <linkDocs>database maintenance</linkDocs> is scheduled for January 22-23 2026. Some of the functionalities of the Merchant Center won't be available during that time, including customizations. Please plan your work accordingly."
+  },
+  dbMaintenanceOngoingNotification: {
+    id: 'Global.dbMaintenanceOngoingNotification',
+    description: 'Ongoing database maintenance notification',
+    defaultMessage: 'Merchant Center database is currently under <linkDocs>planned maintenance</linkDocs>. Some of the functionalities of the Merchant Center are not available, including customizations. Thank you for your patience.'
+  }
+});
+
+// Hardcode feature flag name here instead of importing it from the private `constants` package.
+const ENABLE_DB_MAINTENANCE_NOTIFICATION = 'enableDbMaintenanceNotification';
+
+// eslint-disable-next-line react/display-name
+const getLinkDocs = () => msg => jsxRuntime.jsx(uiKit.Link, {
+  isExternal: true,
+  to: "https://docs.commercetools.com/merchant-center/releases/2026-01-19-database-maintenance-on-22-23-january",
+  children: msg
+}, 'db-maintenance-doc-link');
+const DISMISSED_DB_MAINTENANCE_UPCOMING = 'dismissed-db-maintenance-upcoming';
+const DISMISSED_DB_MAINTENANCE_ONGOING = 'dismissed-db-maintenance-ongoing';
+const PENDING_DB_MAINTENANCE_BANNER = 'pending-db-maintenance-banner';
+const useDbMaintenanceNotification = () => {
+  const isDbMaintenanceNotificationEnabled = applicationShell.useFlagVariation(ENABLE_DB_MAINTENANCE_NOTIFICATION);
+  const intl = reactIntl.useIntl();
+  const showNotification = actionsGlobal.useShowNotification();
+  const hasShownRef = React.useRef(false);
+  React.useEffect(() => {
+    // If running in Cypress, skip the notification
+    if (typeof window !== 'undefined' && window.Cypress) {
+      localStorage.setItem(DISMISSED_DB_MAINTENANCE_UPCOMING, 'true');
+      return;
+    }
+
+    // Show notification if:
+    // 1. value is true (upcoming maintenance), OR
+    // 2. value is false with reason "ongoing" (maintenance is happening now)
+    const isUpcoming = isDbMaintenanceNotificationEnabled?.value === true;
+    const isOngoing = isDbMaintenanceNotificationEnabled?.value === false && isDbMaintenanceNotificationEnabled?.reason === 'ongoing';
+    if (!isUpcoming && !isOngoing) return;
+    const dismissedFlag = isOngoing ? DISMISSED_DB_MAINTENANCE_ONGOING : DISMISSED_DB_MAINTENANCE_UPCOMING;
+    const hasDismissedBanner = !!localStorage.getItem(dismissedFlag);
+    const isPending = !!localStorage.getItem(PENDING_DB_MAINTENANCE_BANNER);
+    if (!hasDismissedBanner && !isPending && !hasShownRef.current || isPending && !hasShownRef.current) {
+      hasShownRef.current = true;
+      localStorage.setItem(PENDING_DB_MAINTENANCE_BANNER, 'true');
+      const notificationKind = isOngoing ? constants.NOTIFICATION_KINDS_SIDE.warning : constants.NOTIFICATION_KINDS_SIDE.info;
+      const messageKey = isOngoing ? 'dbMaintenanceOngoingNotification' : 'dbMaintenanceNotification';
+      const messageObj = messages$N[messageKey];
+      const formattedText = intl.formatMessage(messageObj, {
+        linkDocs: getLinkDocs()
+      });
+      showNotification({
+        kind: notificationKind,
+        domain: constants.DOMAINS.GLOBAL,
+        text: formattedText
+      }, {
+        onDismiss: () => {
+          localStorage.setItem(dismissedFlag, 'true');
+          localStorage.removeItem(PENDING_DB_MAINTENANCE_BANNER);
+          hasShownRef.current = false;
+        }
+      });
+    }
+  }, [showNotification, intl, isDbMaintenanceNotificationEnabled]);
+};
+
 function usePendingRequests() {
   const _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -14177,7 +14247,7 @@ function normalizeProductSettings(settings) {
 function splitVariantAttributesByConstraint(product, constraint) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  if (product?.productType?.obj?.attributes) {
     if (!constraint) throw new Error('You need to specify a constraint to filter for.');
     for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
       const definition = product.productType.obj.attributes[i];
@@ -14189,7 +14259,7 @@ function splitVariantAttributesByConstraint(product, constraint) {
 function splitProductAndVariantAttributes(product) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  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);
@@ -14719,6 +14789,7 @@ exports.useCurrentOption = useCurrentOption;
 exports.useCustomFieldsDnDContext = useDnDContext;
 exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
+exports.useDbMaintenanceNotification = useDbMaintenanceNotification;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
 exports.useFormatCustomField = useFormatCustomField;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;

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

@@ -1,5 +1,5 @@
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import { NO_VALUE_FALLBACK, MC_API_PROXY_TARGETS, GRAPHQL_TARGETS, DOMAINS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
+import { NO_VALUE_FALLBACK, MC_API_PROXY_TARGETS, GRAPHQL_TARGETS, DOMAINS, NOTIFICATION_KINDS_SIDE, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
@@ -106,7 +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 { useFeatureToggle, useAdapterStatus, useFlagVariation } from '@commercetools-frontend/application-shell';
 import { graphql, withApollo } from '@apollo/client/react/hoc';
 import flatten from 'lodash/flatten';
 import flowRight from 'lodash/flowRight';
@@ -202,7 +202,7 @@ var commonPickerMessages = defineMessages({
   }
 });
 
-var messages$R = defineMessages({
+var messages$S = defineMessages({
   noChannelsFound: {
     id: 'Products.ChannelPickerInput.noChannelsFound',
     description: 'The message to display when no channels were found',
@@ -321,7 +321,7 @@ const ChannelPickerInput = _ref => {
     if (isCurrentOptionLoadingFailed && onError) onError(currentOptions.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOptions]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$R.noChannelsFound), [loadingError, formatMessage]);
+  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$S.noChannelsFound), [loadingError, formatMessage]);
   const tooltipTitle = !isMulti ? currentSingleOption?.data?.label ?? '' : '';
   const selectedValue = currentOptions.data ?? (isMulti ? [] : null);
   return jsx(Constraints.Horizontal, {
@@ -333,7 +333,7 @@ const ChannelPickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: placeholder ?? formatMessage(messages$R.placeholder),
+          placeholder: placeholder ?? formatMessage(messages$S.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -389,7 +389,7 @@ let FormattedDateTime = /*#__PURE__*/function (_PureComponent) {
 FormattedDateTime.displayName = 'FormattedDateTime';
 var FormattedDateTime$1 = injectIntl(FormattedDateTime);
 
-var messages$Q = defineMessages({
+var messages$R = defineMessages({
   noProductTypesFound: {
     id: 'Products.ProductTypePickerInput.noProductTypesFound',
     description: 'The message to display when no product types were found',
@@ -478,7 +478,7 @@ const ProductTypePickerInput = _ref => {
         children: jsx(AsyncSelectInput, {
           id: name,
           name: name,
-          placeholder: formatMessage(messages$Q.placeholder),
+          placeholder: formatMessage(messages$R.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: [],
           isClearable: isClearable,
@@ -491,7 +491,7 @@ const ProductTypePickerInput = _ref => {
           onInputChange: handleInputChange,
           onBlur: onBlur,
           value: currentOption.data,
-          noOptionsMessage: () => loadingError ? null : formatMessage(messages$Q.noProductTypesFound),
+          noOptionsMessage: () => loadingError ? null : formatMessage(messages$R.noProductTypesFound),
           hasError: hasError || isLoadingFailed,
           menuPortalZIndex: Z_INDEX_DROPDOWN,
           menuPortalTarget: document.body,
@@ -507,7 +507,7 @@ const ProductTypePickerInput = _ref => {
 ProductTypePickerInput.displayName = 'ProductTypePickerInput';
 var ProductTypePickerInput$1 = ProductTypePickerInput;
 
-var messages$P = defineMessages({
+var messages$Q = defineMessages({
   noStatesFound: {
     id: 'Products.StatePickerInput.noStatesFound',
     description: 'The message to display when no states were found',
@@ -591,7 +591,7 @@ const StatePickerInput = _ref => {
     if (isCurrentOptionLoadingFailed) onError(currentOption.error);
   }, [isCurrentOptionLoadingFailed, onError, currentOption]);
   const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
-  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$P.noStatesFound), [loadingError, formatMessage]);
+  const handleNoOptions = useCallback(() => loadingError ? null : formatMessage(messages$Q.noStatesFound), [loadingError, formatMessage]);
   const tooltipTitle = currentOption?.data?.label ?? '';
   return jsx(Constraints.Horizontal, {
     max: "scale",
@@ -603,7 +603,7 @@ const StatePickerInput = _ref => {
           id: name,
           name: name,
           horizontalConstraint: "scale",
-          placeholder: formatMessage(messages$P.placeholder),
+          placeholder: formatMessage(messages$Q.placeholder),
           loadOptions: loadOptionsDebounced,
           defaultOptions: true,
           showOptionGroupDivider: true,
@@ -660,7 +660,7 @@ const CustomFieldTooltip = _ref => {
 };
 var CustomFieldTooltip$1 = CustomFieldTooltip;
 
-var messages$O = defineMessages({
+var messages$P = defineMessages({
   bottomOption: {
     id: 'Products.Pickers.bottomOption',
     description: 'The message to display at the end of the options menu',
@@ -672,7 +672,7 @@ function ownKeys$1t(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertyS
 function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1t(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1t(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getBottomOption = formatMessage => ({
   options: [{
-    label: formatMessage ? formatMessage(messages$O.bottomOption) : messages$O.bottomOption,
+    label: formatMessage ? formatMessage(messages$P.bottomOption) : messages$P.bottomOption,
     isBottomOption: true,
     isDisabled: true
   }]
@@ -1833,7 +1833,7 @@ const usePersistedReminder = function () {
 };
 var usePersistedReminder$1 = usePersistedReminder;
 
-var messages$N = defineMessages({
+var messages$O = defineMessages({
   profileUpdated: {
     id: 'NotificationText.profileUpdated',
     description: 'Label for the notification header',
@@ -1870,9 +1870,9 @@ const NotificationText = () => jsxs(Spacings.Stack, {
     children: [jsx(Text.Body, {
       as: "p",
       isBold: true,
-      intlMessage: messages$N.profileUpdated
+      intlMessage: messages$O.profileUpdated
     }), jsx(Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.addMoreInformation), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.addMoreInformation), {}, {
         values: {
           newline: getNewLine
         }
@@ -1881,7 +1881,7 @@ const NotificationText = () => jsxs(Spacings.Stack, {
   }), jsx(Spacings.Stack, {
     scale: "xs",
     children: jsx(Text.Body, {
-      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$N.informationAndProfileLink), {}, {
+      intlMessage: _objectSpread$1e(_objectSpread$1e({}, messages$O.informationAndProfileLink), {}, {
         values: {
           newline: getNewLine,
           link: getLinkToProfile
@@ -1958,6 +1958,76 @@ const useRoleNotificationEffect = () => {
 };
 var useRoleNotificationEffect$1 = useRoleNotificationEffect;
 
+var messages$N = defineMessages({
+  dbMaintenanceNotification: {
+    id: 'Global.dbMaintenanceNotification',
+    description: 'Database maintenance notification',
+    defaultMessage: "A <linkDocs>database maintenance</linkDocs> is scheduled for January 22-23 2026. Some of the functionalities of the Merchant Center won't be available during that time, including customizations. Please plan your work accordingly."
+  },
+  dbMaintenanceOngoingNotification: {
+    id: 'Global.dbMaintenanceOngoingNotification',
+    description: 'Ongoing database maintenance notification',
+    defaultMessage: 'Merchant Center database is currently under <linkDocs>planned maintenance</linkDocs>. Some of the functionalities of the Merchant Center are not available, including customizations. Thank you for your patience.'
+  }
+});
+
+// Hardcode feature flag name here instead of importing it from the private `constants` package.
+const ENABLE_DB_MAINTENANCE_NOTIFICATION = 'enableDbMaintenanceNotification';
+
+// eslint-disable-next-line react/display-name
+const getLinkDocs = () => msg => jsx(Link, {
+  isExternal: true,
+  to: "https://docs.commercetools.com/merchant-center/releases/2026-01-19-database-maintenance-on-22-23-january",
+  children: msg
+}, 'db-maintenance-doc-link');
+const DISMISSED_DB_MAINTENANCE_UPCOMING = 'dismissed-db-maintenance-upcoming';
+const DISMISSED_DB_MAINTENANCE_ONGOING = 'dismissed-db-maintenance-ongoing';
+const PENDING_DB_MAINTENANCE_BANNER = 'pending-db-maintenance-banner';
+const useDbMaintenanceNotification = () => {
+  const isDbMaintenanceNotificationEnabled = useFlagVariation(ENABLE_DB_MAINTENANCE_NOTIFICATION);
+  const intl = useIntl();
+  const showNotification = useShowNotification();
+  const hasShownRef = useRef(false);
+  useEffect(() => {
+    // If running in Cypress, skip the notification
+    if (typeof window !== 'undefined' && window.Cypress) {
+      localStorage.setItem(DISMISSED_DB_MAINTENANCE_UPCOMING, 'true');
+      return;
+    }
+
+    // Show notification if:
+    // 1. value is true (upcoming maintenance), OR
+    // 2. value is false with reason "ongoing" (maintenance is happening now)
+    const isUpcoming = isDbMaintenanceNotificationEnabled?.value === true;
+    const isOngoing = isDbMaintenanceNotificationEnabled?.value === false && isDbMaintenanceNotificationEnabled?.reason === 'ongoing';
+    if (!isUpcoming && !isOngoing) return;
+    const dismissedFlag = isOngoing ? DISMISSED_DB_MAINTENANCE_ONGOING : DISMISSED_DB_MAINTENANCE_UPCOMING;
+    const hasDismissedBanner = !!localStorage.getItem(dismissedFlag);
+    const isPending = !!localStorage.getItem(PENDING_DB_MAINTENANCE_BANNER);
+    if (!hasDismissedBanner && !isPending && !hasShownRef.current || isPending && !hasShownRef.current) {
+      hasShownRef.current = true;
+      localStorage.setItem(PENDING_DB_MAINTENANCE_BANNER, 'true');
+      const notificationKind = isOngoing ? NOTIFICATION_KINDS_SIDE.warning : NOTIFICATION_KINDS_SIDE.info;
+      const messageKey = isOngoing ? 'dbMaintenanceOngoingNotification' : 'dbMaintenanceNotification';
+      const messageObj = messages$N[messageKey];
+      const formattedText = intl.formatMessage(messageObj, {
+        linkDocs: getLinkDocs()
+      });
+      showNotification({
+        kind: notificationKind,
+        domain: DOMAINS.GLOBAL,
+        text: formattedText
+      }, {
+        onDismiss: () => {
+          localStorage.setItem(dismissedFlag, 'true');
+          localStorage.removeItem(PENDING_DB_MAINTENANCE_BANNER);
+          hasShownRef.current = false;
+        }
+      });
+    }
+  }, [showNotification, intl, isDbMaintenanceNotificationEnabled]);
+};
+
 function usePendingRequests() {
   const _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -14170,7 +14240,7 @@ function normalizeProductSettings(settings) {
 function splitVariantAttributesByConstraint(product, constraint) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  if (product?.productType?.obj?.attributes) {
     if (!constraint) throw new Error('You need to specify a constraint to filter for.');
     for (let i = 0; i < product.productType.obj.attributes.length; i += 1) {
       const definition = product.productType.obj.attributes[i];
@@ -14182,7 +14252,7 @@ function splitVariantAttributesByConstraint(product, constraint) {
 function splitProductAndVariantAttributes(product) {
   const productAttributeDefinitions = [];
   const variantAttributeDefinitions = [];
-  if (product.productType?.obj?.attributes) {
+  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);
@@ -14521,4 +14591,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, 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, FILTER_TYPES, 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, 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, serializeAttributeValueForPimSearch, 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, usePersistedReminder$1 as usePersistedReminder, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useShowBulkNotification, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoreSearchIndexStatusFetcher$1 as useStoreSearchIndexStatusFetcher, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, useStoresSearchFetcher$1 as useStoresSearchFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, valueMapping, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };
+export { booleanField as BooleanField, 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, FILTER_TYPES, 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, 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, serializeAttributeValueForPimSearch, 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, useDbMaintenanceNotification, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatCustomField, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedReminder$1 as usePersistedReminder, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useShowBulkNotification, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoreSearchIndexStatusFetcher$1 as useStoreSearchIndexStatusFetcher, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, useStoresSearchFetcher$1 as useStoresSearchFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, valueMapping, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };

package/dist/declarations/src/components/carousel/carousel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MessageDescriptor } from 'react-intl';
 import { Stamp } from '@commercetools-frontend/ui-kit';
 export type CarouselItem = {

package/dist/declarations/src/components/channel-picker-input/channel-picker-input.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TAsyncSelectInputProps } from '@commercetools-frontend/ui-kit';
 export type TChannelPickerInputProps = {
     name: string;

package/dist/declarations/src/components/product-selection-picker/product-selection-picker.d.ts

@@ -11,7 +11,7 @@ declare function ProductSelectionsPicker({ lowerProductSelectionsLimit, upperPro
     isClearable?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    excludedProductSelectionIds?: any[] | undefined;
+    excludedProductSelectionIds?: never[] | undefined;
     title?: string | undefined;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace ProductSelectionsPicker {

package/dist/declarations/src/components/recurrent-interval-picker/recurrent-interval-picker.d.ts

@@ -1,4 +1,4 @@
-import { TCustomEvent } from '@commercetools-frontend/ui-kit';
+import { type TCustomEvent } from '@commercetools-frontend/ui-kit';
 type TRecurrentIntervalPickerProps = {
     name: string;
     value: string | string[];

package/dist/declarations/src/components/recurrent-interval-picker/use-recurrence-intervals/mocks/handlers.d.ts

@@ -1,7 +1,7 @@
 import type { TRecurrencePolicyQueryResult } from '../../../../../../types/src/generated/ctp';
 declare const handlers: {
     FetchRecurrencePolicies: {
-        all: (policies?: TRecurrencePolicyQueryResult['results']) => import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
+        all: (policies?: TRecurrencePolicyQueryResult["results"]) => import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
     };
 };
 export default handlers;

package/dist/declarations/src/components/recurrent-interval-picker/use-recurrence-intervals/use-recurrence-intervals.d.ts

@@ -4,14 +4,14 @@ type TUseRecurrenceIntervalsProps = {
 };
 export declare const useRecurrenceIntervals: ({ where, skip, }: TUseRecurrenceIntervalsProps) => {
     recurrencePolicies: {
-        __typename?: "RecurrencePolicy" | undefined;
+        __typename?: "RecurrencePolicy";
         id: string;
         key: string;
-        nameAllLocales?: {
-            __typename?: "LocalizedString" | undefined;
+        nameAllLocales?: Array<{
+            __typename?: "LocalizedString";
             locale: string;
             value: string;
-        }[] | null | undefined;
+        }> | null;
     }[];
     loading: boolean;
     error: import("@apollo/client").ApolloError | undefined;

package/dist/declarations/src/components/validated-input/validated-input.d.ts

@@ -1,7 +1,4 @@
-export default function validatedInput(InnerComponent: any, validators: any, { containerClassName, tooltipContainerClassName }?: {
-    containerClassName: any;
-    tooltipContainerClassName: any;
-}, { changeHandler, blurHandler }?: {
+export default function validatedInput(InnerComponent: any, validators: any, { containerClassName, tooltipContainerClassName }?: {}, { changeHandler, blurHandler }?: {
     changeHandler?: null | undefined;
     blurHandler?: null | undefined;
 }): import("react").FC<import("react-intl").WithIntlProps<any>> & {

package/dist/declarations/src/features/picker/shared/hooks/use-current-multiple-options.d.ts

@@ -1,4 +1,4 @@
-import { DocumentNode } from '@apollo/client';
+import { type DocumentNode } from '@apollo/client';
 export type UseCurrentOptionsParams<TData, TItem, TOption> = {
     ids: string[];
     typename: string;

package/dist/declarations/src/features/pim-indexer/components/pim-indexer-context/pim-indexer-context.d.ts

@@ -10,4 +10,4 @@ export type TPimIndexer = {
 /**
  * @type {import('react').Context<TPimIndexer>}
  */
-declare const PimIndexerContext: import('react').Context<TPimIndexer>;
+declare const PimIndexerContext: import("react").Context<TPimIndexer>;

package/dist/declarations/src/fields/numeric-format-input/numeric-format-input.d.ts

@@ -50,9 +50,8 @@ export function withPropsForMoney(ownProps: any): {
     onChangeValue?: undefined;
     numeralDecimalScale?: undefined;
 };
-declare const _default: {
-    (ownProps: any): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare function _default(ownProps: any): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace _default { }
+export default _default;
 export default _default;
 import { PureComponent } from 'react';

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

@@ -9,6 +9,7 @@ export { default as useStoreKeysInDataFences } from "./use-store-keys-in-data-fe
 export { default as usePersistedReminder } from "./use-persisted-reminder/index.js";
 export { default as useRoleNotificationEffect } from "./use-role-notification-effect/index.js";
 export { default as useRoleNotification } from "./use-role-notification/index.js";
+export { useDbMaintenanceNotification } from "./use-db-maintenance-notification/index.js";
 export { default as usePendingRequests } from "./use-pending-requests/index.js";
 export { default as useEventCallback } from "./use-event-callback/index.js";
 export { default as useLocalizedKeyFallback } from "./use-localized-key-fallback/index.js";

package/dist/declarations/src/hooks/use-db-maintenance-notification/index.d.ts

@@ -0,0 +1 @@
+export { useDbMaintenanceNotification } from "./use-db-maintenance-notification.js";

package/dist/declarations/src/hooks/use-db-maintenance-notification/use-db-maintenance-notification.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        Cypress: any;
+    }
+}
+export declare const ENABLE_DB_MAINTENANCE_NOTIFICATION = "enableDbMaintenanceNotification";
+export declare const useDbMaintenanceNotification: () => void;

package/dist/declarations/src/hooks/use-debounced-promise-callback.d.ts

@@ -1,2 +1,2 @@
-declare const useDebouncedPromiseCallback: <T, U extends unknown[]>(promiseCallback: (...args: U) => Promise<T>, wait: number) => (...args: U) => Promise<T>;
+declare const useDebouncedPromiseCallback: <T, U extends unknown[]>(promiseCallback: (...args: U) => Promise<T>, wait: number) => ((...args: U) => Promise<T>);
 export default useDebouncedPromiseCallback;

package/dist/declarations/src/hooks/use-format-localized-field-to-string/use-format-localized-field-to-string.d.ts

@@ -1,4 +1,4 @@
-import { LocalizedField } from '@commercetools-frontend/l10n/dist/declarations/src/types';
+import { type LocalizedField } from '@commercetools-frontend/l10n/dist/declarations/src/types';
 /**
  * @returns function with the following parameters
  * - {LocalizedStrings} localizedStrings - an array of graphql LocalizedString,

package/dist/declarations/src/hooks/use-is-field-duplicated/use-is-field-duplicated.d.ts

@@ -23,11 +23,7 @@ export namespace MC_RESOURCES_WITH_KEYS {
     let ZONE: string;
 }
 export function getSkipVariables(resourceType: any): {};
-export function getWhereClause({ field, fieldValue, id }?: {
-    field: any;
-    fieldValue: any;
-    id: any;
-}): string | null;
+export function getWhereClause({ field, fieldValue, id }?: {}): string | null;
 export default useIsFieldDuplicated;
 declare function useIsFieldDuplicated(): {
     getQueryVariables: ({ resourceType, field, fieldValue, id }: {

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

@@ -44,7 +44,7 @@ import MultiValueSearchInput from "./fields/multi-value-search-input/multi-value
 import NumericFormatInput from "./fields/numeric-format-input/numeric-format-input.jsx";
 import ThrottledField from "./fields/throttled-field/throttled-field.jsx";
 import { injectDataTablePaginationState, injectNotifications, wrapDisplayName, withProps, withRedirectTo, injectModalState, injectToggleState, injectStorage, getDisplayName, setDisplayName } from "./hocs/index.js";
-import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useFormatLocalizedString, usePersistedReminder } from "./hooks/index.js";
+import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useDbMaintenanceNotification, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useFormatLocalizedString, usePersistedReminder } from "./hooks/index.js";
 import { MC_RESOURCES_WITH_KEYS } from "./hooks/use-is-field-duplicated/index.js";
 import { setToArray } from "./utils/array-helpers/array-helpers.js";
 import { isEmptyValue, filterEmptyValues } from "./utils/attributes/attributes.js";
@@ -114,4 +114,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, 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, FILTER_TYPES, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, serializeAttributeValueForPimSearch, 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, 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, usePersistedReminder, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useShowBulkNotification, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, valueMapping, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };
+export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, 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, FILTER_TYPES, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, serializeAttributeValueForPimSearch, 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, 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, usePersistedReminder, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useDbMaintenanceNotification, useShowBulkNotification, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, valueMapping, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };

package/dist/declarations/src/utils/bulk-notifications/get-bulk-notification.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MessageDescriptor } from 'react-intl';
+import { type ReactNode } from 'react';
+import { type MessageDescriptor } from 'react-intl';
 import { type TShowNotification } from '@commercetools-frontend/actions-global';
 export type TCounts = {
     successful: number;

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

@@ -4,9 +4,7 @@ export function convertApolloNetworkStatusToLoadingState(networkStatus: any): {
     passivelyRefetching: boolean;
     fetchingMore: boolean;
 };
-export function convertApolloQueryDataToConnectorData(queryData: any, dataKey: any, { mapData }?: {
-    mapData: any;
-}): {
+export function convertApolloQueryDataToConnectorData(queryData: any, dataKey: any, { mapData }?: {}): {
     [x: number]: any;
     isLoading: any;
     loadingState: {

package/dist/declarations/src/utils/pim-query-clauses.d.ts

@@ -7,7 +7,7 @@
  * @param {string} [dataLocale] - The locale to use for localized text attributes
  * @returns {*} The serialized primitive value
  */
-export function serializeAttributeValueForPimSearch(value: any, typeName: string, dataLocale?: string | undefined): any;
+export function serializeAttributeValueForPimSearch(value: any, typeName: string, dataLocale?: string): any;
 export function exists(field: any, attributeType: any): {
     exists: {
         field: any;

package/dist/declarations/src/utils/type-definitions/type-definitions.d.ts

@@ -8,7 +8,7 @@ export function filterNotDefinedValues(values: any[] | undefined, definitionName
 export function isNotDefinedValue(value: any, definitionName: any): boolean;
 export function getReferenceTypeId(definition: any): any;
 export function getTypeNameOfType(type: any): any;
-export function getAttributeValueType(value: any): "time" | "date" | "text" | "ltext" | "number" | "money" | "boolean" | "enum" | "lenum" | "reference" | "date-time";
+export function getAttributeValueType(value: any): "date" | "number" | "text" | "time" | "enum" | "ltext" | "money" | "boolean" | "lenum" | "reference" | "date-time";
 /**
  * Filters out all of those field definitions that are not supporte by
  * CustomAttributes component which are the nested ones (Set of Sets)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "8.0.6",
+  "version": "8.1.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -25,14 +25,14 @@
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "24.13.0",
-    "@commercetools-frontend/application-components": "24.13.0",
-    "@commercetools-frontend/application-shell": "24.13.0",
-    "@commercetools-frontend/application-shell-connectors": "24.13.0",
-    "@commercetools-frontend/constants": "24.13.0",
-    "@commercetools-frontend/l10n": "24.13.0",
-    "@commercetools-frontend/sdk": "24.13.0",
-    "@commercetools-frontend/sentry": "24.13.0",
+    "@commercetools-frontend/actions-global": "25.1.0",
+    "@commercetools-frontend/application-components": "25.1.0",
+    "@commercetools-frontend/application-shell": "25.1.0",
+    "@commercetools-frontend/application-shell-connectors": "25.1.0",
+    "@commercetools-frontend/constants": "25.1.0",
+    "@commercetools-frontend/l10n": "25.1.0",
+    "@commercetools-frontend/sdk": "25.1.0",
+    "@commercetools-frontend/sentry": "25.1.0",
     "@commercetools-frontend/ui-kit": "20.3.0",
     "@commercetools-uikit/design-system": "20.3.0",
     "@commercetools-uikit/select-utils": "20.3.0",
@@ -62,11 +62,11 @@
   "devDependencies": {
     "@apollo/client": "3.12.4",
     "@commercetools/composable-commerce-test-data": "13.12.0",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.1",
     "@types/debounce-promise": "3.1.9",
-    "@types/jest": "^29.5.2",
+    "@types/jest": "^30.0.0",
     "@types/react": "19.2.7",
-    "@types/testing-library__jest-dom": "^5.14.6",
     "formik": "2.4.6",
     "graphql": "16.11.0",
     "graphql-tag": "2.12.6",
@@ -74,12 +74,12 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-intl": "7.1.14",
-    "react-redux": "7.2.9",
+    "react-redux": "9.2.0",
     "react-required-if": "1.0.3",
     "react-router-dom": "5.3.4",
     "react-test-renderer": "17.0.2",
-    "redux": "4.2.1",
-    "typescript": "5.2.2",
+    "redux": "5.0.1",
+    "typescript": "5.7.2",
     "@commercetools-local/test-utils": "1.2.25"
   },
   "peerDependencies": {
@@ -90,10 +90,10 @@
     "react": "17.x || 19.x",
     "react-dom": "17.x || 19.x",
     "react-intl": "6.x || 7.x",
-    "react-redux": "7.x",
+    "react-redux": "7.x || 9.x",
     "react-required-if": "1.x.x",
     "react-router-dom": "5.x",
-    "redux": "4.x"
+    "redux": "4.x || 5.x"
   },
   "publishConfig": {
     "access": "public"