@commercetools-frontend/application-components 27.5.3 → 27.6.0

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -48,7 +50,7 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instan
 var useResizeObserver = require('@react-hook/resize-observer');
 var hooks = require('@commercetools-uikit/hooks');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -80,7 +82,7 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
 var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.5.3";
+var version = "27.6.0";
 
 // We keep these tokens as they are related to page layout components which should have
 // a slightly different layout (margins/paddings) when used within a Custom View panel.
@@ -109,8 +111,8 @@ var _ref$7 = {
 const getLinkStyles = (isActive, isDisabled) => [/*#__PURE__*/react.css("font-size:", designSystem.designTokens.fontSize30, ";padding:", designSystem.designTokens.spacingS, " ", designSystem.designTokens.spacingM, ";position:relative;text-align:center;display:inline-block;color:inherit;text-decoration:inherit;&:first-of-type{padding-left:", designSystem.designTokens.spacing30, ";}", getBottomBorderStyles('transparent'), ";" + ("" ), "" ), isActive && /*#__PURE__*/react.css(getBottomBorderStyles(designSystem.designTokens.colorPrimary), " & h3{color:", designTokens.fontColorForTabLabelWhenActive, "!important;}" + ("" ), "" ), isDisabled && _ref$7, !isActive && !isDisabled && /*#__PURE__*/react.css(":hover,:focus,:active{& h3{color:", designTokens.fontColorForTabLabelWhenActive, "!important;}}" + ("" ), "" )];
 
 const _excluded$k = ["isDisabled", "exactPathMatch"];
-function ownKeys$5(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$5(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$5(Object(t), true)).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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const pathWithoutSearch = path => typeof path === 'string' ? path.split('?')[0] : path.pathname;
 const warnIfMissingContent = props => {
   Boolean(props.intlMessage) || Boolean(props.label);
@@ -121,7 +123,7 @@ const getDisabledLinkAtributes = isDisabled => isDisabled ? {
 } : {};
 const TabLabel = _ref => {
   let children = _ref.children;
-  return jsxRuntime.jsx(Text__default.default.Headline, {
+  return jsxRuntime.jsx(Text__default["default"].Headline, {
     as: "h3",
     truncate: true,
     children: children
@@ -201,10 +203,10 @@ const getModalContentStyles = props => {
   `${props.zIndex + 1} !important` : 'auto', ";", gridStyle, ";" + ("" ), "" );
   return baseStyles;
 };
-const ClickableDialogContent = /*#__PURE__*/_styled__default.default(reactDialog.Content, {
+const ClickableDialogContent = /*#__PURE__*/_styled__default["default"](reactDialog.Content, {
   target: "e1nocpaa2"
 } )(props => getModalContentStyles(props), ";" + ("" ));
-const DialogOverlay = /*#__PURE__*/_styled__default.default("div", {
+const DialogOverlay = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1nocpaa1"
 } )("display:flex;position:absolute;z-index:", _ref => {
   let zIndex = _ref.zIndex;
@@ -213,7 +215,7 @@ const DialogOverlay = /*#__PURE__*/_styled__default.default("div", {
     typeof zIndex === 'number' ? `${zIndex} !important` : 'auto'
   );
 }, ";top:0;width:100%;height:100%;background-color:rgba(32, 62, 72, 0.5);opacity:1;" + ("" ));
-const DialogContent$1 = /*#__PURE__*/_styled__default.default("div", {
+const DialogContent$1 = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1nocpaa0"
 } )({
   name: "vyh6ik",
@@ -222,7 +224,7 @@ const DialogContent$1 = /*#__PURE__*/_styled__default.default("div", {
 
 const _excluded$j = ["size", "getParentSelector"];
 const getDefaultParentSelector$1 = () => document.querySelector(`#${constants.PORTALS_CONTAINER_ID}`);
-const GridArea = /*#__PURE__*/_styled__default.default("div", {
+const GridArea = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elx55gk0"
 } )("grid-area:", props => props.name, ";" + ("" ));
 var _ref$6 = {
@@ -279,7 +281,7 @@ const DialogContainer = _ref3 => {
             }), jsxRuntime.jsx(GridArea, {
               name: "main",
               css: _ref2$2,
-              children: jsxRuntime.jsx(Card__default.default
+              children: jsxRuntime.jsx(Card__default["default"]
               // 1. For the min-height: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox/28639686#28639686
               // 2. For the actual "> div" container with the content, we need to use normal pointer events so that clicking on it does not close the dialog.
               , {
@@ -299,11 +301,11 @@ const DialogContainer = _ref3 => {
 DialogContainer.displayName = 'DialogContainer';
 
 // The overflow should be "auto", to make the container scrollable
-const DialogContent = /*#__PURE__*/_styled__default.default("div", {
+const DialogContent = /*#__PURE__*/_styled__default["default"]("div", {
   target: "eo6zkz80"
 } )("border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";padding:", designSystem.designTokens.spacing40, " 0 0;flex:1;overflow:auto;" + ("" ));
 
-const TextTitle = props => jsxRuntime.jsx(Text__default.default.Headline, {
+const TextTitle = props => jsxRuntime.jsx(Text__default["default"].Headline, {
   as: "h3",
   title: props.title,
   truncate: true,
@@ -325,13 +327,13 @@ const Title$1 = props => {
 };
 const DialogHeader = props => jsxRuntime.jsx("div", {
   css: /*#__PURE__*/react.css("flex:0 1 auto;display:flex;flex-direction:column;margin-bottom:", designSystem.designTokens.spacing30, ";" + ("" ), "" ),
-  children: jsxRuntime.jsxs(Spacings__default.default.Inline, {
+  children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
     scale: "m",
     alignItems: "center",
     justifyContent: "space-between",
     children: [jsxRuntime.jsx(Title$1, {
       title: props.title
-    }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default.default, {
+    }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default["default"], {
       label: "Close dialog",
       onClick: props.onClose,
       icon: jsxRuntime.jsx(icons.CloseIcon, {}),
@@ -363,12 +365,12 @@ InfoDialog.displayName = 'InfoDialog';
 InfoDialog.TextTitle = TextTitle;
 
 function filterDataAttributes(obj) {
-  return omitBy__default.default(obj, (_value, key) => !_startsWithInstanceProperty__default.default(key).call(key, 'data-'));
+  return omitBy__default["default"](obj, (_value, key) => !_startsWithInstanceProperty__default["default"](key).call(key, 'data-'));
 }
 
 const _excluded$i = ["isPrimaryButtonDisabled", "dataAttributesPrimaryButton", "dataAttributesSecondaryButton"];
-function ownKeys$4(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$4(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$4(Object(t), true)).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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys$4(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$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getFormattedLabel = (label, intl) => typeof label === 'string' ? label : intl.formatMessage(label);
 const DialogFooter = _ref => {
   let _ref$isPrimaryButtonD = _ref.isPrimaryButtonDisabled,
@@ -381,20 +383,20 @@ const DialogFooter = _ref => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
     css: /*#__PURE__*/react.css("margin-top:", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
-    children: jsxRuntime.jsxs(Spacings__default.default.Inline, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
       alignItems: "center",
       justifyContent: "space-between",
       children: [jsxRuntime.jsx("div", {
         children: props.footerContent
-      }), jsxRuntime.jsxs(Spacings__default.default.Inline, {
+      }), jsxRuntime.jsxs(Spacings__default["default"].Inline, {
         scale: "m",
         alignItems: "center",
         justifyContent: "flex-end",
-        children: [jsxRuntime.jsx(SecondaryButton__default.default, _objectSpread$4({
+        children: [jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$4({
           label: getFormattedLabel(props.labelSecondary, intl),
           onClick: props.onCancel,
           iconLeft: props.iconLeftSecondaryButton
-        }, filterDataAttributes(dataAttributesSecondaryButton))), jsxRuntime.jsx(PrimaryButton__default.default, _objectSpread$4({
+        }, filterDataAttributes(dataAttributesSecondaryButton))), jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$4({
           label: getFormattedLabel(props.labelPrimary, intl),
           iconLeft: props.iconLeftPrimaryButton,
           onClick: props.onConfirm,
@@ -489,36 +491,36 @@ FormDialog.TextTitle = TextTitle;
 
 const CustomViewSelector = /*#__PURE__*/react$1.lazy(() => {
   if (typeof window !== 'undefined' && typeof window.app !== 'undefined') {
-    return Promise.resolve().then(function () { return require('./custom-views-selector-B8wefFAj.cjs.prod.js' /* webpackChunkName: "custom-views-selector" */); });
+    return Promise.resolve().then(function () { return require('./custom-views-selector-ddbc094d.cjs.prod.js' /* webpackChunkName: "custom-views-selector" */); });
   }
-  return _Promise__default.default.resolve({
+  return _Promise__default["default"].resolve({
     default: () => null
   });
 });
 
 const _excluded$f = ["truncate"],
   _excluded2$1 = ["titleSize", "truncate"];
-const SubtitleWrapper = /*#__PURE__*/_styled__default.default("div", {
+const SubtitleWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "epaiodd0"
 } )("margin-top:", designSystem.designTokens.spacing20, ";" + ("" ));
 const Title = props => {
   switch (props.titleSize) {
     case 'big':
-      return jsxRuntime.jsx(Text__default.default.Headline, {
+      return jsxRuntime.jsx(Text__default["default"].Headline, {
         as: "h1",
         title: props.title,
         truncate: props.truncate,
         children: props.title
       });
     case 'medium':
-      return jsxRuntime.jsx(Text__default.default.Headline, {
+      return jsxRuntime.jsx(Text__default["default"].Headline, {
         as: "h2",
         title: props.title,
         truncate: props.truncate,
         children: props.title
       });
     default:
-      return jsxRuntime.jsx(Text__default.default.Subheadline, {
+      return jsxRuntime.jsx(Text__default["default"].Subheadline, {
         as: "h4",
         title: props.title,
         truncate: props.truncate,
@@ -539,7 +541,7 @@ const Subtitle = _ref2 => {
     });
   }
   return jsxRuntime.jsx(SubtitleWrapper, {
-    children: jsxRuntime.jsx(Text__default.default.Body, {
+    children: jsxRuntime.jsx(Text__default["default"].Body, {
       title: typeof props.subtitle === 'string' ? props.subtitle : undefined,
       truncate: truncate,
       tone: "secondary",
@@ -590,13 +592,13 @@ const PageHeader = props => {
 };
 PageHeader.displayName = 'PageHeader';
 
-const ContentWrapper$2 = /*#__PURE__*/_styled__default.default("div", {
+const ContentWrapper$2 = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1b7jwn02"
 } )("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + ("" ));
-const ModalContentWrapper = /*#__PURE__*/_styled__default.default("div", {
+const ModalContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1b7jwn01"
 } )("flex:1;flex-basis:0;overflow:auto;margin:", designSystem.designTokens.spacing50, " ", designSystem.designTokens.spacing55, ";" + ("" ));
-const PageWrapper = /*#__PURE__*/_styled__default.default("div", {
+const PageWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1b7jwn00"
 } )({
   name: "kdbhus",
@@ -646,7 +648,7 @@ const ModalPageTopBar = _ref3 => {
     css: /*#__PURE__*/react.css("position:relative;display:flex;align-items:center;justify-content:space-between;padding:", designSystem.designTokens.spacing40, " ", designSystem.designTokens.spacing55, " 0;background-color:", designSystem.designTokens.colorSurface, ";border-bottom:1px solid ", designSystem.designTokens.colorSurface, ";& *+*{margin-left:", designSystem.designTokens.spacingS, ";}p{font-size:12px!important;}" + ("" ), "" ),
     children: [jsxRuntime.jsxs("div", {
       css: _ref$4,
-      children: [!hidePathLabel && jsxRuntime.jsx(FlatButton__default.default, {
+      children: [!hidePathLabel && jsxRuntime.jsx(FlatButton__default["default"], {
         tone: "primary",
         label: typeof previousPathLabel === 'string' ? previousPathLabel : intl.formatMessage(previousPathLabel),
         icon: jsxRuntime.jsx(icons.AngleLeftIcon, {
@@ -655,17 +657,17 @@ const ModalPageTopBar = _ref3 => {
         }),
         onClick: props.onClose
       }), props.currentPathLabel && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx(Text__default.default.Detail, {
+        children: [jsxRuntime.jsx(Text__default["default"].Detail, {
           as: "span",
           children: "/"
-        }), jsxRuntime.jsx(Text__default.default.Detail, {
+        }), jsxRuntime.jsx(Text__default["default"].Detail, {
           as: "span",
           title: props.currentPathLabel,
           truncate: true,
           children: props.currentPathLabel
         })]
       })]
-    }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default.default, {
+    }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default["default"], {
       label: intl.formatMessage(messages$4.close),
       onClick: props.onClose,
       icon: jsxRuntime.jsx(LargeIconWrapper, {
@@ -705,7 +707,7 @@ const overlayShow = react.keyframes`
 `;
 
 // we can't use Overlay from Radix-ui because it doesn't appear in DOM when Dialog.Root is rendered with `modal={false}`
-const ModalOverlay = /*#__PURE__*/_styled__default.default("div", {
+const ModalOverlay = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1jbmsa1"
 } )("position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(195, 35%, 20%, 0.05);z-index:", _ref => {
   let zIndex = _ref.zIndex;
@@ -738,7 +740,7 @@ const getContentHideAnimation = size => react.keyframes({
     transform: `translate3d(${size !== 'scale' ? stylesBySize[size].width : '30px'}, 0, 0)`
   }
 });
-const ModalContent = /*#__PURE__*/_styled__default.default(reactDialog.Content, {
+const ModalContent = /*#__PURE__*/_styled__default["default"](reactDialog.Content, {
   shouldForwardProp: prop => prop !== 'size',
   target: "e1jbmsa0"
 } )("position:absolute;top:0;right:0;height:100%;width:", _ref3 => {
@@ -812,7 +814,7 @@ const ModalPage = _ref => {
       // and therefore we need wait for it to be completed
       // before calling `onClose`.
       setForceClose(true);
-      closingTimer.current = _setTimeout__default.default(() => {
+      closingTimer.current = _setTimeout__default["default"](() => {
         onClose && onClose(event);
       }, TRANSITION_DURATION);
       return;
@@ -895,8 +897,8 @@ InfoModalPage.displayName = 'InfoModalPage';
 const _excluded$c = ["label", "isDisabled", "dataAttributes"],
   _excluded2 = ["label", "isDisabled", "dataAttributes"],
   _excluded3 = ["label", "isDisabled", "dataAttributes"];
-function ownKeys$3(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$3(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$3(Object(t), true)).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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys$3(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$3(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$3(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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const useFormattedLabel = label => {
   const intl = reactIntl.useIntl();
   return typeof label === 'string' ? label : intl.formatMessage(label);
@@ -910,7 +912,7 @@ const FormPrimaryButton = _ref => {
     dataAttributes = _ref$dataAttributes === void 0 ? {} : _ref$dataAttributes,
     props = _objectWithoutProperties(_ref, _excluded$c);
   const _label = useFormattedLabel(label);
-  return jsxRuntime.jsx(PrimaryButton__default.default, _objectSpread$3({
+  return jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$3({
     label: _label,
     onClick: props.onClick,
     isDisabled: isDisabled,
@@ -927,7 +929,7 @@ const FormSecondaryButton = _ref2 => {
     dataAttributes = _ref2$dataAttributes === void 0 ? {} : _ref2$dataAttributes,
     props = _objectWithoutProperties(_ref2, _excluded2);
   const _label = useFormattedLabel(label);
-  return jsxRuntime.jsx(SecondaryButton__default.default, _objectSpread$3({
+  return jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$3({
     label: _label,
     onClick: props.onClick,
     isDisabled: isDisabled,
@@ -944,7 +946,7 @@ const FormDeleteButton = _ref3 => {
     dataAttributes = _ref3$dataAttributes === void 0 ? {} : _ref3$dataAttributes,
     props = _objectWithoutProperties(_ref3, _excluded3);
   const _label = useFormattedLabel(label);
-  return jsxRuntime.jsx(IconButton__default.default, _objectSpread$3({
+  return jsxRuntime.jsx(IconButton__default["default"], _objectSpread$3({
     icon: jsxRuntime.jsx(icons.BinLinearIcon, {}),
     label: _label,
     onClick: props.onClick,
@@ -967,7 +969,7 @@ const CustomFormModalPage = props => jsxRuntime.jsxs(ModalPage, {
     title: props.title,
     subtitle: props.subtitle,
     customViewLocatorCode: props.customViewLocatorCode,
-    children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default.default.Inline, {
+    children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
       alignItems: "flex-end",
       children: props.formControls
     })
@@ -1025,7 +1027,7 @@ FormModalPage.displayName = 'FormModalPage';
 // The Intl messages can be used for button labels.
 FormModalPage.Intl = i18n.sharedMessages;
 
-const TabControls = /*#__PURE__*/_styled__default.default("div", {
+const TabControls = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elpldre4"
 } )("margin-top:", designSystem.designTokens.spacingS, ";" + ("" ));
 const ControlsContainter = props => jsxRuntime.jsxs("div", {
@@ -1036,16 +1038,16 @@ const ControlsContainter = props => jsxRuntime.jsxs("div", {
   }), props.formControls]
 });
 ControlsContainter.displayName = 'ControlsContainter';
-const TabularPageContainer = /*#__PURE__*/_styled__default.default("div", {
+const TabularPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elpldre3"
 } )("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + ("" ));
-const FormControlsContainer = /*#__PURE__*/_styled__default.default("div", {
+const FormControlsContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elpldre2"
 } )("margin-bottom:", designSystem.designTokens.spacingM, ";" + ("" ));
-const CustomViewsSelectorWrapper = /*#__PURE__*/_styled__default.default("div", {
+const CustomViewsSelectorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elpldre1"
 } )("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + ("" ));
-const TabularModalPageContainer = /*#__PURE__*/_styled__default.default("div", {
+const TabularModalPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "elpldre0"
 } )(TabularPageContainer, "{padding:", designSystem.designTokens.spacing40, " ", designSystem.designTokens.spacing55, " 0;}" + ("" ));
 
@@ -1075,7 +1077,7 @@ const TabularModalPage = _ref => {
         }), jsxRuntime.jsx(ControlsContainter, {
           tabControls: props.tabControls,
           formControls: jsxRuntime.jsx(FormControlsContainer, {
-            children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default.default.Inline, {
+            children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
               alignItems: "flex-end",
               children: props.formControls
             })
@@ -1111,7 +1113,7 @@ const PageTopBar = _ref => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
     css: /*#__PURE__*/react.css("position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:", designSystem.designTokens.spacing40, ";background-color:", designSystem.designTokens.colorSurface, ";" + ("" ), "" ),
-    children: jsxRuntime.jsx(FlatButton__default.default, {
+    children: jsxRuntime.jsx(FlatButton__default["default"], {
       tone: "primary",
       label: typeof previousPathLabel === 'string' ? previousPathLabel : intl.formatMessage(previousPathLabel),
       icon: jsxRuntime.jsx(icons.ListIcon, {
@@ -1125,10 +1127,10 @@ const PageTopBar = _ref => {
 PageTopBar.displayName = 'PageTopBar';
 
 const _excluded$8 = ["hideControls"];
-const DetailPageContainer = /*#__PURE__*/_styled__default.default("div", {
+const DetailPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "etkdonc1"
 } )("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForDetailPageHeader, ";border-bottom:1px ", designSystem.designTokens.colorNeutral90, " solid;" + ("" ));
-const HeaderControlsWrapper = /*#__PURE__*/_styled__default.default("div", {
+const HeaderControlsWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "etkdonc0"
 } )("margin-top:", designSystem.designTokens.spacingS, ";" + ("" ));
 const getCustomViewsSelectorMargin = hasContentBelow => `${designSystem.designTokens.spacing40} 0 ${hasContentBelow ? designSystem.designTokens.spacing40 : '0'} 0`;
@@ -1155,7 +1157,7 @@ const CustomFormDetailPage = _ref => {
         margin: getCustomViewsSelectorMargin(!hideControls && !!props.formControls),
         customViewLocatorCode: props.customViewLocatorCode
       }), !hideControls && props.formControls && jsxRuntime.jsx(HeaderControlsWrapper, {
-        children: jsxRuntime.jsx(Spacings__default.default.Inline, {
+        children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
           justifyContent: "flex-end",
           children: props.formControls
         })
@@ -1250,7 +1252,7 @@ const TabularDetailPage = _ref => {
       }), jsxRuntime.jsx(ControlsContainter, {
         tabControls: props.tabControls,
         formControls: jsxRuntime.jsx(FormControlsContainer, {
-          children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default.default.Inline, {
+          children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
             alignItems: "flex-end",
             children: props.formControls
           })
@@ -1278,17 +1280,17 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 TabularDetailPage.Intl = i18n.sharedMessages;
 
-const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-D9RORc9N.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
+const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-b182d2dd.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
 
-const MainPageContainer = /*#__PURE__*/_styled__default.default("div", {
+const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ev8m2jf2"
 } )("padding:", designTokens.paddingForMainPageHeader, ";" + ("" ));
-const Divider = /*#__PURE__*/_styled__default.default("hr", {
+const Divider = /*#__PURE__*/_styled__default["default"]("hr", {
   target: "ev8m2jf1"
 } )("background-color:", designSystem.designTokens.colorNeutral90, ";height:1px;border:0;" + ("" ));
 
 // NOTE: do not change "margin" to "padding" as this breaks sticky DataTable styles
-const MainPageContent = /*#__PURE__*/_styled__default.default("div", {
+const MainPageContent = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ev8m2jf0"
 } )("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + ("" ));
 
@@ -1311,7 +1313,7 @@ const CustomFormMainPage = _ref => {
         customViewLocatorCode: props.customViewLocatorCode
       }), !hideControls && props.formControls && jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react.css("margin:", headerRowMargin, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(Spacings__default.default.Inline, {
+        children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
           justifyContent: "flex-end",
           children: props.formControls
         })
@@ -1407,7 +1409,7 @@ const TabularMainPage = _ref => {
       }), jsxRuntime.jsx(ControlsContainter, {
         tabControls: props.tabControls,
         formControls: jsxRuntime.jsx(FormControlsContainer, {
-          children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default.default.Inline, {
+          children: !hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
             alignItems: "flex-end",
             children: props.formControls
           })
@@ -1446,9 +1448,9 @@ var _ref2 = {
 } ;
 const MaintenancePageLayout = props => jsxRuntime.jsx("div", {
   css: _ref2,
-  children: jsxRuntime.jsx(Constraints__default.default.Horizontal, {
+  children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: 10,
-    children: jsxRuntime.jsxs(Spacings__default.default.Stack, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
       scale: "m",
       children: [jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx("img", {
@@ -1458,15 +1460,15 @@ const MaintenancePageLayout = props => jsxRuntime.jsx("div", {
           src: props.imageSrc,
           alt: props.label
         })
-      }), jsxRuntime.jsx(Text__default.default.Headline, {
+      }), jsxRuntime.jsx(Text__default["default"].Headline, {
         as: "h2",
         children: props.title
-      }), jsxRuntime.jsx(Text__default.default.Body, {
+      }), jsxRuntime.jsx(Text__default["default"].Body, {
         children: props.paragraph1
       }), props.bodyContent && jsxRuntime.jsx("div", {
         css: _ref$3,
         children: props.bodyContent
-      }), props.paragraph2 && jsxRuntime.jsx(Text__default.default.Body, {
+      }), props.paragraph2 && jsxRuntime.jsx(Text__default["default"].Body, {
         children: props.paragraph2
       })]
     })
@@ -1485,8 +1487,8 @@ var messages$3 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$2(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$2(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$2(Object(t), true)).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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getLink = msg => jsxRuntime.jsx("a", {
   href: constants.SUPPORT_PORTAL_URL,
   target: "_blank",
@@ -1496,7 +1498,7 @@ const getLink = msg => jsxRuntime.jsx("a", {
 const PageNotFound = () => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(MaintenancePageLayout, {
-    imageSrc: PageNotFoundSVG__default.default,
+    imageSrc: PageNotFoundSVG__default["default"],
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages$3.title)),
     label: intl.formatMessage(messages$3.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2(_objectSpread$2({}, messages$3.paragraph1), {}, {
@@ -1523,8 +1525,8 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$1(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$1(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$1(Object(t), true)).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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys$1(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$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getSupportUrlLink = msg => jsxRuntime.jsx("a", {
   href: constants.SUPPORT_PORTAL_URL,
   target: "_blank",
@@ -1534,7 +1536,7 @@ const getSupportUrlLink = msg => jsxRuntime.jsx("a", {
 const PageUnauthorized = () => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(MaintenancePageLayout, {
-    imageSrc: FailedAuthorizationSVG__default.default,
+    imageSrc: FailedAuthorizationSVG__default["default"],
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages$2.title)),
     label: intl.formatMessage(messages$2.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages$2.paragraph1)),
@@ -1547,13 +1549,13 @@ const PageUnauthorized = () => {
 };
 PageUnauthorized.displayName = 'PageUnauthorized';
 
-const Content$1 = /*#__PURE__*/_styled__default.default("section", {
+const Content$1 = /*#__PURE__*/_styled__default["default"]("section", {
   target: "e1jvhtw81"
 } )({
   name: "1sxg93g",
   styles: "grid-area:content"
 } );
-const Container$1 = /*#__PURE__*/_styled__default.default("div", {
+const Container$1 = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1jvhtw80"
 } )({
   name: "1vpm32e",
@@ -1568,7 +1570,7 @@ function PageContentNarrow(props) {
 }
 
 const _excluded$2 = ["columns", "gapSize"];
-const Content = /*#__PURE__*/_styled__default.default("section", {
+const Content = /*#__PURE__*/_styled__default["default"]("section", {
   target: "e1dg479f4"
 } )("grid-area:content;display:grid;grid-template-areas:", props => props.columns === '1' ? 'none' : '"left-column right-column"', ";grid-template-columns:", props => {
   // NOTE: using only `?fr` can cause the layout the "break" as `fr`
@@ -1590,22 +1592,22 @@ const Content = /*#__PURE__*/_styled__default.default("section", {
       return 'minmax(0, 1fr)';
   }
 }, ";gap:", props => props.gapSize === '10' ? designSystem.designTokens.spacing50 : designSystem.designTokens.spacing70, ";width:100%;" + ("" ));
-const LeftContentColumn = /*#__PURE__*/_styled__default.default("div", {
+const LeftContentColumn = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1dg479f3"
 } )({
   name: "1ibwnup",
   styles: "grid-area:left-column"
 } );
-const RightContentColumn = /*#__PURE__*/_styled__default.default("div", {
+const RightContentColumn = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1dg479f2"
 } )({
   name: "hjfyry",
   styles: "grid-area:right-column"
 } );
-const RightColumnContentWrapper = /*#__PURE__*/_styled__default.default("div", {
+const RightColumnContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1dg479f1"
 } )("top:0;position:", props => props.columns === '2/1' ? 'sticky' : 'static', ";" + ("" ));
-const Container = /*#__PURE__*/_styled__default.default("div", {
+const Container = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1dg479f0"
 } )({
   name: "5phl7w",
@@ -1660,10 +1662,10 @@ function PageContentFull(props) {
 }
 
 const _excluded$1 = ["size", "hideControls", "onPrimaryButtonClick", "onSecondaryButtonClick"];
-const ContentWrapper$1 = /*#__PURE__*/_styled__default.default("div", {
+const ContentWrapper$1 = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e18jo6y41"
 } )("flex:1;flex-basis:0;margin:", designTokens.marginForPageContent, ";overflow:auto;" + ("" ));
-const HeaderWrapper = /*#__PURE__*/_styled__default.default("div", {
+const HeaderWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e18jo6y40"
 } )("padding:", designSystem.designTokens.spacing40, " 40px;border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + ("" ));
 function Drawer(_ref) {
@@ -1690,16 +1692,16 @@ function Drawer(_ref) {
     topBarColor: props.topBarColor,
     zIndex: props.zIndex,
     children: [jsxRuntime.jsx(HeaderWrapper, {
-      children: jsxRuntime.jsxs(Spacings__default.default.Stack, {
-        children: [jsxRuntime.jsxs(Spacings__default.default.Inline, {
+      children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
           justifyContent: "space-between",
           children: [jsxRuntime.jsx(PageHeaderTitle, {
             title: props.title,
             titleSize: "medium",
-            subtitle: props.subtitle && jsxRuntime.jsx(Text__default.default.Detail, {
+            subtitle: props.subtitle && jsxRuntime.jsx(Text__default["default"].Detail, {
               children: props.subtitle
             })
-          }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default.default, {
+          }), props.onClose && jsxRuntime.jsx(SecondaryIconButton__default["default"], {
             label: intl.formatMessage(messages$4.close),
             onClick: props.onClose,
             icon: jsxRuntime.jsx(LargeIconWrapper, {
@@ -1707,7 +1709,7 @@ function Drawer(_ref) {
             }),
             size: "40"
           })]
-        }), jsxRuntime.jsxs(Spacings__default.default.Inline, {
+        }), jsxRuntime.jsxs(Spacings__default["default"].Inline, {
           justifyContent: "flex-end",
           children: [!hideControls && props.formControls && props.formControls, !hideControls && !props.formControls && jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [jsxRuntime.jsx(FormSecondaryButton, {
@@ -1756,13 +1758,13 @@ const isIframeReady = iFrameElementRef => {
     return false;
   }
 };
-const ContentWrapper = /*#__PURE__*/_styled__default.default("div", {
+const ContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ewwxuwo1"
 } )({
   name: "13udsys",
   styles: "height:100%"
 } );
-const CustomPanelIframe = /*#__PURE__*/_styled__default.default("iframe", {
+const CustomPanelIframe = /*#__PURE__*/_styled__default["default"]("iframe", {
   target: "ewwxuwo0"
 } )({
   name: "174lt7a",
@@ -1845,7 +1847,7 @@ function CustomViewLoader(props) {
 
     // This is for backwards compatibility with custom view shell older than v24.0.0
     // where the custom-view-shell does not send the CUSTOM_VIEW_READY message yet.
-    _setTimeout__default.default(() => {
+    _setTimeout__default["default"](() => {
       sendInitializationMessages();
     }, 500);
 
@@ -1910,14 +1912,14 @@ var messages = reactIntl.defineMessages({
 });
 
 const _excluded = ["values"];
-function ownKeys(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(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(Object(t), true)).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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function CustomStamp(props) {
   const intl = reactIntl.useIntl();
   const _props$label = props.label,
-    values = _valuesInstanceProperty__default.default(_props$label),
+    values = _valuesInstanceProperty__default["default"](_props$label),
     message = _objectWithoutProperties(_props$label, _excluded);
-  return jsxRuntime.jsx(Stamp__default.default, {
+  return jsxRuntime.jsx(Stamp__default["default"], {
     tone: props.tone,
     isCondensed: true,
     label: intl.formatMessage(message, values || {}),
@@ -1971,7 +1973,7 @@ const useObserverElementDimensions = element => {
     _useState2 = _slicedToArray(_useState, 2),
     dimensions = _useState2[0],
     setDimensions = _useState2[1];
-  useResizeObserver__default.default(element, entry => {
+  useResizeObserver__default["default"](element, entry => {
     setDimensions({
       height: entry.contentRect.height,
       width: entry.contentRect.width
@@ -2015,7 +2017,7 @@ const PortalsContainer = /*#__PURE__*/react$1.forwardRef((props, ref) => {
       mutationEvent = _mutationList[0];
     let indentationLevel = 0;
     const nextStackingLevels = [];
-    _forEachInstanceProperty__default.default(_context = mutationEvent.target.childNodes).call(_context, (node, index) => {
+    _forEachInstanceProperty__default["default"](_context = mutationEvent.target.childNodes).call(_context, (node, index) => {
       if (node instanceof HTMLElement) {
         const stackingLevel = index + 1;
         node.dataset.level = String(stackingLevel);
@@ -2038,7 +2040,7 @@ const PortalsContainer = /*#__PURE__*/react$1.forwardRef((props, ref) => {
     children: [jsxRuntime.jsx(react.Global, {
       styles: [isModalOpen && /*#__PURE__*/react.css(containerSelectorToPreventScrollingOnOpen, "{overflow:hidden!important;}#", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n                    100% - ", offsetTop, " -\n                      ", globalNotificationsElementDimensions.height, "px -\n                      ", pageNotificationsElementDimensions.height, "px\n                  );width:calc(100% - ", offsetLeft, ");top:calc(\n                    ", offsetTop, " +\n                      ", globalNotificationsElementDimensions.height, "px +\n                      ", pageNotificationsElementDimensions.height, "px\n                  );right:0;bottom:0;z-index:", zIndex, ";transition:", modalWidthTransition, ";}.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", offsetLeftOnExpandedMenu, ");transition:", modalWidthTransition, ";}" + ("" ), "" ),
       // Apply styles for stacking layers.
-      ..._mapInstanceProperty__default.default(stackingLayers).call(stackingLayers,
+      ..._mapInstanceProperty__default["default"](stackingLayers).call(stackingLayers,
       /**
        * Every "overlay" container gets assigned a sequential `z-index` level.
        * Furthermore, the "modal overlay" containers (not "dialog") get assigned