@commercetools-frontend/react-notifications 25.0.0 → 25.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,7 +22,6 @@ var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
22
22
  var utils = require('@commercetools-uikit/utils');
23
23
  var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
24
24
  var omitBy = require('lodash/omitBy');
25
- var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
26
25
  var react$1 = require('@emotion/react');
27
26
  var designSystem = require('@commercetools-uikit/design-system');
28
27
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -60,7 +59,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
60
59
  var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
61
60
 
62
61
  // NOTE: This string will be replaced on build time with the package version.
63
- var version = "25.0.0";
62
+ var version = "25.1.0";
64
63
 
65
64
  const Context = /*#__PURE__*/react.createContext(() => null);
66
65
  function NotificationProviderForCustomComponent(props) {
@@ -84,7 +83,6 @@ var messages = reactIntl.defineMessages({
84
83
  }
85
84
  });
86
85
 
87
- var _templateObject, _templateObject2;
88
86
  const getColorByType = value => {
89
87
  switch (value) {
90
88
  case constants.NOTIFICATION_KINDS_SIDE.success:
@@ -113,13 +111,30 @@ const getBorderColor = notificationKind => {
113
111
  return 'transparent';
114
112
  }
115
113
  };
116
- const showNotificationAnimation = react$1.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n overflow: hidden;\n }\n 100% {\n max-height: 200px;\n }\n"])));
117
- const showNotificationSideAnimation = react$1.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(50px);\n }\n 100% {\n transform: translateX(0);\n }\n"])));
114
+ const showNotificationAnimation = react$1.keyframes`
115
+ 0% {
116
+ max-height: 0;
117
+ padding-top: 0;
118
+ padding-bottom: 0;
119
+ overflow: hidden;
120
+ }
121
+ 100% {
122
+ max-height: 200px;
123
+ }
124
+ `;
125
+ const showNotificationSideAnimation = react$1.keyframes`
126
+ 0% {
127
+ transform: translateX(50px);
128
+ }
129
+ 100% {
130
+ transform: translateX(0);
131
+ }
132
+ `;
118
133
  const getStylesForNotificationIcon = props => /*#__PURE__*/react$1.css("display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:48px;height:100%;color:", designSystem.designTokens.colorSurface, ";border-radius:3px 0 0 3px;background:", getColorByType(props.type), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForNotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0UwQiIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
119
134
  const getStylesForCloseIcon = props => /*#__PURE__*/react$1.css("display:flex;justify-content:center;& svg{width:16px;height:16px;}", props.domain !== constants.NOTIFICATION_DOMAINS.SIDE ? '& svg { fill: ' + designSystem.designTokens.colorSurface + '; }' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForCloseIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0YwRSIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
120
135
  const getStylesForContent = props => {
121
136
  const fontColor = props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? designSystem.designTokens.colorSolid : designSystem.designTokens.colorSurface;
122
- return /*#__PURE__*/react$1.css("flex-basis:100%;flex-grow:1;padding:", "0 ".concat(designSystem.designTokens.spacingM), ";margin:0;font-size:", props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdZIiwiZmlsZSI6Im5vdGlmaWNhdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcywgdHlwZSBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1xuICBUQXBwTm90aWZpY2F0aW9uS2luZCxcbiAgVEFwcE5vdGlmaWNhdGlvbkRvbWFpbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHtcbiAgTk9USUZJQ0FUSU9OX0RPTUFJTlMsXG4gIE5PVElGSUNBVElPTl9LSU5EU19TSURFLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgdHlwZTogVEFwcE5vdGlmaWNhdGlvbktpbmQ7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbiAgZml4ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRDb2xvckJ5VHlwZSA9ICh2YWx1ZTogVEFwcE5vdGlmaWNhdGlvbktpbmQpID0+IHtcbiAgc3dpdGNoICh2YWx1ZSkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuZXJyb3I6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc2MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKG5vdGlmaWNhdGlvbktpbmQ6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAobm90aWZpY2F0aW9uS2luZCkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5pbmZvOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm84NTtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IHNob3dOb3RpZmljYXRpb25BbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBtYXgtaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbiAgMTAwJSB7XG4gICAgbWF4LWhlaWdodDogMjAwcHg7XG4gIH1cbmA7XG5jb25zdCBzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24gPSAoXG4gIHByb3BzOiBTdHlsZVByb3BzXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuYDtcblxuY29uc3QgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICB9XG4gICR7cHJvcHMuZG9tYWluICE9PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgPyAnJiBzdmcgeyBmaWxsOiAnICsgZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSArICc7IH0nXG4gICAgOiAnJ31cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNvbnRlbnQgPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgZm9udENvbG9yID1cbiAgICBwcm9wcy5kb21haW4gPT09IE5PVElGSUNBVElPTl9ET01BSU5TLlNJREVcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU29saWRcbiAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZTtcbiAgcmV0dXJuIGNzc2BcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBwYWRkaW5nOiAke2AwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfWB9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/ICcxcmVtJ1xuICAgICAgOiAnaW5oZXJpdCd9O1xuXG4gICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICBwIHtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgfVxuICAgIHVsIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBgO1xuICBjb25zdCBwYWdlU3R5bGVzID0gY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuZml4ZWRcbiAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgOiBnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG5cbiAgICA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgfVxuICBgO1xuXG4gIHN3aXRjaCAocHJvcHMuZG9tYWluKSB7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5HTE9CQUw6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke3BhZ2VTdHlsZXN9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIHBhZ2VTdHlsZXM7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOiB7XG4gICAgICBjb25zdCBzaWRlU3R5bGVzID0gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBhbmltYXRpb246ICR7c2hvd05vdGlmaWNhdGlvbkFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSA1MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0Qm9yZGVyQ29sb3IocHJvcHMudHlwZSl9O1xuICAgICAgICBib3gtc2hhZG93OiAwcHggMnB4IDVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87IC8qIHN0aWxsIG5vdCBzdXBwb3J0ZWQgb24gQ2hyb21lICovXG4gICAgICBgO1xuXG4gICAgICBpZiAocHJvcHMuZml4ZWQpIHJldHVybiBzaWRlU3R5bGVzO1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtzaWRlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25TaWRlQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDEwMDAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gIWltcG9ydGFudDtcbiAgICAgICAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYbH07XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgY2xlYXI6IGJvdGg7XG4gICAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgYDtcbiAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuZXhwb3J0IHtcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uLFxuICBnZXRTdHlsZXNGb3JDb250ZW50LFxuICBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24sXG59O1xuIl19 */");
137
+ return /*#__PURE__*/react$1.css("flex-basis:100%;flex-grow:1;padding:", `0 ${designSystem.designTokens.spacingM}`, ";margin:0;font-size:", props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdZIiwiZmlsZSI6Im5vdGlmaWNhdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcywgdHlwZSBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1xuICBUQXBwTm90aWZpY2F0aW9uS2luZCxcbiAgVEFwcE5vdGlmaWNhdGlvbkRvbWFpbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHtcbiAgTk9USUZJQ0FUSU9OX0RPTUFJTlMsXG4gIE5PVElGSUNBVElPTl9LSU5EU19TSURFLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgdHlwZTogVEFwcE5vdGlmaWNhdGlvbktpbmQ7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbiAgZml4ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRDb2xvckJ5VHlwZSA9ICh2YWx1ZTogVEFwcE5vdGlmaWNhdGlvbktpbmQpID0+IHtcbiAgc3dpdGNoICh2YWx1ZSkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuZXJyb3I6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc2MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKG5vdGlmaWNhdGlvbktpbmQ6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAobm90aWZpY2F0aW9uS2luZCkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5pbmZvOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm84NTtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IHNob3dOb3RpZmljYXRpb25BbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBtYXgtaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbiAgMTAwJSB7XG4gICAgbWF4LWhlaWdodDogMjAwcHg7XG4gIH1cbmA7XG5jb25zdCBzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24gPSAoXG4gIHByb3BzOiBTdHlsZVByb3BzXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuYDtcblxuY29uc3QgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICB9XG4gICR7cHJvcHMuZG9tYWluICE9PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgPyAnJiBzdmcgeyBmaWxsOiAnICsgZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSArICc7IH0nXG4gICAgOiAnJ31cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNvbnRlbnQgPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgZm9udENvbG9yID1cbiAgICBwcm9wcy5kb21haW4gPT09IE5PVElGSUNBVElPTl9ET01BSU5TLlNJREVcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU29saWRcbiAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZTtcbiAgcmV0dXJuIGNzc2BcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBwYWRkaW5nOiAke2AwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfWB9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/ICcxcmVtJ1xuICAgICAgOiAnaW5oZXJpdCd9O1xuXG4gICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICBwIHtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgfVxuICAgIHVsIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBgO1xuICBjb25zdCBwYWdlU3R5bGVzID0gY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuZml4ZWRcbiAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgOiBnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG5cbiAgICA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgfVxuICBgO1xuXG4gIHN3aXRjaCAocHJvcHMuZG9tYWluKSB7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5HTE9CQUw6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke3BhZ2VTdHlsZXN9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIHBhZ2VTdHlsZXM7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOiB7XG4gICAgICBjb25zdCBzaWRlU3R5bGVzID0gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBhbmltYXRpb246ICR7c2hvd05vdGlmaWNhdGlvbkFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSA1MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0Qm9yZGVyQ29sb3IocHJvcHMudHlwZSl9O1xuICAgICAgICBib3gtc2hhZG93OiAwcHggMnB4IDVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87IC8qIHN0aWxsIG5vdCBzdXBwb3J0ZWQgb24gQ2hyb21lICovXG4gICAgICBgO1xuXG4gICAgICBpZiAocHJvcHMuZml4ZWQpIHJldHVybiBzaWRlU3R5bGVzO1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtzaWRlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25TaWRlQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDEwMDAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gIWltcG9ydGFudDtcbiAgICAgICAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYbH07XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgY2xlYXI6IGJvdGg7XG4gICAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgYDtcbiAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuZXhwb3J0IHtcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uLFxuICBnZXRTdHlsZXNGb3JDb250ZW50LFxuICBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24sXG59O1xuIl19 */");
123
138
  };
124
139
  const getStylesForNotification = props => {
125
140
  const baseStyles = /*#__PURE__*/react$1.css("position:relative;display:flex;align-items:center;padding:", designSystem.designTokens.spacingM, ";color:", designSystem.designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkh3QiIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
@@ -375,14 +390,13 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
375
390
  // function. Here we map other possible error properties that can be
376
391
  // used in the message.
377
392
  const mapErrorFieldsToMessageValues = error => {
378
- var _error$extensions, _error$extensions2;
379
- const errorField = ((_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.field) || error.field;
393
+ const errorField = error.extensions?.field || error.field;
380
394
  if (errorField) {
381
395
  return {
382
396
  field: errorField
383
397
  };
384
398
  }
385
- const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
399
+ const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
386
400
  if (errorReferencedBy) {
387
401
  return {
388
402
  referencedBy: errorReferencedBy
@@ -394,10 +408,10 @@ const mapErrorFieldsToMessageValues = error => {
394
408
  // Type-guard validation for error code to be included in the message object keys.
395
409
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
396
410
  const FormattedErrorMessage = props => {
397
- var _props$error$extensio, _props$error$extensio2, _context2;
411
+ var _context2;
398
412
  const intl = reactIntl.useIntl();
399
413
  // Attempt to map the error by code
400
- const extensionErrorCode = (_props$error$extensio = (_props$error$extensio2 = props.error.extensions) === null || _props$error$extensio2 === void 0 ? void 0 : _props$error$extensio2.code) !== null && _props$error$extensio !== void 0 ? _props$error$extensio : props.error.code;
414
+ const extensionErrorCode = props.error.extensions?.code ?? props.error.code;
401
415
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
402
416
  react.useEffect(() => {
403
417
  if (!messageCode) {
@@ -419,7 +433,7 @@ const FormattedErrorMessage = props => {
419
433
  });
420
434
  }
421
435
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
422
- children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
436
+ children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
423
437
  });
424
438
  };
425
439
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -437,8 +451,8 @@ const ApiErrorMessage = props => {
437
451
  };
438
452
  ApiErrorMessage.displayName = 'ApiErrorMessage';
439
453
  function getSpecialFormattedMessageByErrorCode(error, intl) {
440
- var _error$extensions$cod, _error$extensions3, _context3, _context4, _context5;
441
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions3 = error.extensions) === null || _error$extensions3 === void 0 ? void 0 : _error$extensions3.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
454
+ var _context3, _context4, _context5;
455
+ const extensionErrorCode = error.extensions?.code ?? error.code;
442
456
  if (error.errorByExtension) {
443
457
  let extensionMessage;
444
458
  if (error.localizedMessage) {
@@ -451,9 +465,8 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
451
465
  // TODO: this is a temporary solution until we have proper pages about 403
452
466
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
453
467
  if (extensionErrorCode === 'DuplicateField') {
454
- var _error$extensions4, _error$extensions5;
455
- const errorField = ((_error$extensions4 = error.extensions) === null || _error$extensions4 === void 0 ? void 0 : _error$extensions4.field) || error.field;
456
- const errorDuplicateValue = ((_error$extensions5 = error.extensions) === null || _error$extensions5 === void 0 ? void 0 : _error$extensions5.duplicateValue) || error.duplicateValue;
468
+ const errorField = error.extensions?.field || error.field;
469
+ const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
457
470
  if (errorField === 'slug') {
458
471
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
459
472
  slugValue: errorDuplicateValue
@@ -507,8 +520,7 @@ const ApiErrorNotification = props => {
507
520
  onCloseClick: props.dismiss,
508
521
  children: jsxRuntime.jsx("ul", {
509
522
  children: _valuesInstanceProperty__default["default"](props.notification) && _mapInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](props.notification).errors).call(_context, (error, idx) => {
510
- var _error$extensions$cod, _error$extensions;
511
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
523
+ const extensionErrorCode = error.extensions?.code ?? error.code;
512
524
  const shouldLogErrorToConsole = !extensionErrorCode && process.env.NODE_ENV === 'development';
513
525
  if (shouldLogErrorToConsole) {
514
526
  /**
@@ -549,7 +561,7 @@ const UnexpectedErrorNotification = props => jsxRuntime.jsx(Notification, {
549
561
  children: [jsxRuntime.jsx("div", {
550
562
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
551
563
  }), _valuesInstanceProperty__default["default"](props.notification) && _valuesInstanceProperty__default["default"](props.notification).errorId && jsxRuntime.jsx("div", {
552
- children: "ID (".concat(_valuesInstanceProperty__default["default"](props.notification).errorId, ")")
564
+ children: `ID (${_valuesInstanceProperty__default["default"](props.notification).errorId})`
553
565
  })]
554
566
  })
555
567
  });
@@ -593,7 +605,7 @@ const NotificationsListGlobal = props => {
593
605
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
594
606
  const notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
595
607
  return jsxRuntime.jsx("div", {
596
- id: "notifications-".concat(props.domain),
608
+ id: `notifications-${props.domain}`,
597
609
  css: getStyles(props),
598
610
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
599
611
  // 1. Check if there is a custom notification component first
@@ -636,7 +648,7 @@ const NotificationsListGlobal = props => {
636
648
  {
637
649
  if (process.env.NODE_ENV !== 'production') {
638
650
  // eslint-disable-next-line no-console
639
- sentry.reportErrorToSentry(new Error("@commercetools-frontend/react-notifications. Invalid prop \"kind\" supplied: ".concat(notification.kind, ".")), {
651
+ sentry.reportErrorToSentry(new Error(`@commercetools-frontend/react-notifications. Invalid prop "kind" supplied: ${notification.kind}.`), {
640
652
  extra: notification
641
653
  });
642
654
  }
@@ -651,7 +663,7 @@ const NotificationsListPage = props => {
651
663
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
652
664
  const notifications$1 = reactRedux.useSelector(selectPageNotifications);
653
665
  return jsxRuntime.jsx("div", {
654
- id: "notifications-".concat(props.domain),
666
+ id: `notifications-${props.domain}`,
655
667
  css: getStyles(props),
656
668
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
657
669
  // 1. Check if there is a custom notification component first
@@ -716,7 +728,7 @@ const NotificationsListSide = props => {
716
728
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
717
729
  const notifications$1 = reactRedux.useSelector(selectSideNotifications);
718
730
  return jsxRuntime.jsx("div", {
719
- id: "notifications-".concat(props.domain),
731
+ id: `notifications-${props.domain}`,
720
732
  css: getStyles(props),
721
733
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
722
734
  // 1. Check if there is a custom notification component first
@@ -22,7 +22,6 @@ var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
22
22
  var utils = require('@commercetools-uikit/utils');
23
23
  var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
24
24
  var omitBy = require('lodash/omitBy');
25
- var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
26
25
  var react$1 = require('@emotion/react');
27
26
  var designSystem = require('@commercetools-uikit/design-system');
28
27
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -60,7 +59,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
60
59
  var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
61
60
 
62
61
  // NOTE: This string will be replaced on build time with the package version.
63
- var version = "25.0.0";
62
+ var version = "25.1.0";
64
63
 
65
64
  const Context = /*#__PURE__*/react.createContext(() => null);
66
65
  function NotificationProviderForCustomComponent(props) {
@@ -84,7 +83,6 @@ var messages = reactIntl.defineMessages({
84
83
  }
85
84
  });
86
85
 
87
- var _templateObject, _templateObject2;
88
86
  const getColorByType = value => {
89
87
  switch (value) {
90
88
  case constants.NOTIFICATION_KINDS_SIDE.success:
@@ -113,13 +111,30 @@ const getBorderColor = notificationKind => {
113
111
  return 'transparent';
114
112
  }
115
113
  };
116
- const showNotificationAnimation = react$1.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n overflow: hidden;\n }\n 100% {\n max-height: 200px;\n }\n"])));
117
- const showNotificationSideAnimation = react$1.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(50px);\n }\n 100% {\n transform: translateX(0);\n }\n"])));
114
+ const showNotificationAnimation = react$1.keyframes`
115
+ 0% {
116
+ max-height: 0;
117
+ padding-top: 0;
118
+ padding-bottom: 0;
119
+ overflow: hidden;
120
+ }
121
+ 100% {
122
+ max-height: 200px;
123
+ }
124
+ `;
125
+ const showNotificationSideAnimation = react$1.keyframes`
126
+ 0% {
127
+ transform: translateX(50px);
128
+ }
129
+ 100% {
130
+ transform: translateX(0);
131
+ }
132
+ `;
118
133
  const getStylesForNotificationIcon = props => /*#__PURE__*/react$1.css("display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:48px;height:100%;color:", designSystem.designTokens.colorSurface, ";border-radius:3px 0 0 3px;background:", getColorByType(props.type), ";" + ("" ), "" );
119
134
  const getStylesForCloseIcon = props => /*#__PURE__*/react$1.css("display:flex;justify-content:center;& svg{width:16px;height:16px;}", props.domain !== constants.NOTIFICATION_DOMAINS.SIDE ? '& svg { fill: ' + designSystem.designTokens.colorSurface + '; }' : '', ";" + ("" ), "" );
120
135
  const getStylesForContent = props => {
121
136
  const fontColor = props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? designSystem.designTokens.colorSolid : designSystem.designTokens.colorSurface;
122
- return /*#__PURE__*/react$1.css("flex-basis:100%;flex-grow:1;padding:", "0 ".concat(designSystem.designTokens.spacingM), ";margin:0;font-size:", props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + ("" ), "" );
137
+ return /*#__PURE__*/react$1.css("flex-basis:100%;flex-grow:1;padding:", `0 ${designSystem.designTokens.spacingM}`, ";margin:0;font-size:", props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + ("" ), "" );
123
138
  };
124
139
  const getStylesForNotification = props => {
125
140
  const baseStyles = /*#__PURE__*/react$1.css("position:relative;display:flex;align-items:center;padding:", designSystem.designTokens.spacingM, ";color:", designSystem.designTokens.colorSurface, ";" + ("" ), "" );
@@ -375,14 +390,13 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
375
390
  // function. Here we map other possible error properties that can be
376
391
  // used in the message.
377
392
  const mapErrorFieldsToMessageValues = error => {
378
- var _error$extensions, _error$extensions2;
379
- const errorField = ((_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.field) || error.field;
393
+ const errorField = error.extensions?.field || error.field;
380
394
  if (errorField) {
381
395
  return {
382
396
  field: errorField
383
397
  };
384
398
  }
385
- const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
399
+ const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
386
400
  if (errorReferencedBy) {
387
401
  return {
388
402
  referencedBy: errorReferencedBy
@@ -394,10 +408,10 @@ const mapErrorFieldsToMessageValues = error => {
394
408
  // Type-guard validation for error code to be included in the message object keys.
395
409
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
396
410
  const FormattedErrorMessage = props => {
397
- var _props$error$extensio, _props$error$extensio2, _context2;
411
+ var _context2;
398
412
  const intl = reactIntl.useIntl();
399
413
  // Attempt to map the error by code
400
- const extensionErrorCode = (_props$error$extensio = (_props$error$extensio2 = props.error.extensions) === null || _props$error$extensio2 === void 0 ? void 0 : _props$error$extensio2.code) !== null && _props$error$extensio !== void 0 ? _props$error$extensio : props.error.code;
414
+ const extensionErrorCode = props.error.extensions?.code ?? props.error.code;
401
415
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
402
416
  react.useEffect(() => {
403
417
  if (!messageCode) {
@@ -419,7 +433,7 @@ const FormattedErrorMessage = props => {
419
433
  });
420
434
  }
421
435
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
422
- children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
436
+ children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
423
437
  });
424
438
  };
425
439
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -437,8 +451,8 @@ const ApiErrorMessage = props => {
437
451
  };
438
452
  ApiErrorMessage.displayName = 'ApiErrorMessage';
439
453
  function getSpecialFormattedMessageByErrorCode(error, intl) {
440
- var _error$extensions$cod, _error$extensions3, _context3, _context4, _context5;
441
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions3 = error.extensions) === null || _error$extensions3 === void 0 ? void 0 : _error$extensions3.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
454
+ var _context3, _context4, _context5;
455
+ const extensionErrorCode = error.extensions?.code ?? error.code;
442
456
  if (error.errorByExtension) {
443
457
  let extensionMessage;
444
458
  if (error.localizedMessage) {
@@ -451,9 +465,8 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
451
465
  // TODO: this is a temporary solution until we have proper pages about 403
452
466
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
453
467
  if (extensionErrorCode === 'DuplicateField') {
454
- var _error$extensions4, _error$extensions5;
455
- const errorField = ((_error$extensions4 = error.extensions) === null || _error$extensions4 === void 0 ? void 0 : _error$extensions4.field) || error.field;
456
- const errorDuplicateValue = ((_error$extensions5 = error.extensions) === null || _error$extensions5 === void 0 ? void 0 : _error$extensions5.duplicateValue) || error.duplicateValue;
468
+ const errorField = error.extensions?.field || error.field;
469
+ const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
457
470
  if (errorField === 'slug') {
458
471
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
459
472
  slugValue: errorDuplicateValue
@@ -507,8 +520,7 @@ const ApiErrorNotification = props => {
507
520
  onCloseClick: props.dismiss,
508
521
  children: jsxRuntime.jsx("ul", {
509
522
  children: _valuesInstanceProperty__default["default"](props.notification) && _mapInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](props.notification).errors).call(_context, (error, idx) => {
510
- var _error$extensions$cod, _error$extensions;
511
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
523
+ const extensionErrorCode = error.extensions?.code ?? error.code;
512
524
  const shouldLogErrorToConsole = !extensionErrorCode && "production" === 'development';
513
525
  if (shouldLogErrorToConsole) {
514
526
  /**
@@ -549,7 +561,7 @@ const UnexpectedErrorNotification = props => jsxRuntime.jsx(Notification, {
549
561
  children: [jsxRuntime.jsx("div", {
550
562
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
551
563
  }), _valuesInstanceProperty__default["default"](props.notification) && _valuesInstanceProperty__default["default"](props.notification).errorId && jsxRuntime.jsx("div", {
552
- children: "ID (".concat(_valuesInstanceProperty__default["default"](props.notification).errorId, ")")
564
+ children: `ID (${_valuesInstanceProperty__default["default"](props.notification).errorId})`
553
565
  })]
554
566
  })
555
567
  });
@@ -593,7 +605,7 @@ const NotificationsListGlobal = props => {
593
605
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
594
606
  const notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
595
607
  return jsxRuntime.jsx("div", {
596
- id: "notifications-".concat(props.domain),
608
+ id: `notifications-${props.domain}`,
597
609
  css: getStyles(props),
598
610
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
599
611
  // 1. Check if there is a custom notification component first
@@ -645,7 +657,7 @@ const NotificationsListPage = props => {
645
657
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
646
658
  const notifications$1 = reactRedux.useSelector(selectPageNotifications);
647
659
  return jsxRuntime.jsx("div", {
648
- id: "notifications-".concat(props.domain),
660
+ id: `notifications-${props.domain}`,
649
661
  css: getStyles(props),
650
662
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
651
663
  // 1. Check if there is a custom notification component first
@@ -710,7 +722,7 @@ const NotificationsListSide = props => {
710
722
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
711
723
  const notifications$1 = reactRedux.useSelector(selectSideNotifications);
712
724
  return jsxRuntime.jsx("div", {
713
- id: "notifications-".concat(props.domain),
725
+ id: `notifications-${props.domain}`,
714
726
  css: getStyles(props),
715
727
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
716
728
  // 1. Check if there is a custom notification component first
@@ -18,7 +18,6 @@ import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
18
18
  import { createSequentialId } from '@commercetools-uikit/utils';
19
19
  import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
20
20
  import omitBy from 'lodash/omitBy';
21
- import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
22
21
  import { keyframes, css } from '@emotion/react';
23
22
  import { designTokens, customProperties } from '@commercetools-uikit/design-system';
24
23
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
@@ -35,7 +34,7 @@ import isNumber from 'lodash/isNumber';
35
34
  import { useShowNotification } from '@commercetools-frontend/actions-global';
36
35
 
37
36
  // NOTE: This string will be replaced on build time with the package version.
38
- var version = "25.0.0";
37
+ var version = "25.1.0";
39
38
 
40
39
  const Context = /*#__PURE__*/createContext(() => null);
41
40
  function NotificationProviderForCustomComponent(props) {
@@ -59,7 +58,6 @@ var messages = defineMessages({
59
58
  }
60
59
  });
61
60
 
62
- var _templateObject, _templateObject2;
63
61
  const getColorByType = value => {
64
62
  switch (value) {
65
63
  case NOTIFICATION_KINDS_SIDE.success:
@@ -88,13 +86,30 @@ const getBorderColor = notificationKind => {
88
86
  return 'transparent';
89
87
  }
90
88
  };
91
- const showNotificationAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n overflow: hidden;\n }\n 100% {\n max-height: 200px;\n }\n"])));
92
- const showNotificationSideAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(50px);\n }\n 100% {\n transform: translateX(0);\n }\n"])));
89
+ const showNotificationAnimation = keyframes`
90
+ 0% {
91
+ max-height: 0;
92
+ padding-top: 0;
93
+ padding-bottom: 0;
94
+ overflow: hidden;
95
+ }
96
+ 100% {
97
+ max-height: 200px;
98
+ }
99
+ `;
100
+ const showNotificationSideAnimation = keyframes`
101
+ 0% {
102
+ transform: translateX(50px);
103
+ }
104
+ 100% {
105
+ transform: translateX(0);
106
+ }
107
+ `;
93
108
  const getStylesForNotificationIcon = props => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:48px;height:100%;color:", designTokens.colorSurface, ";border-radius:3px 0 0 3px;background:", getColorByType(props.type), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForNotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0UwQiIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
94
109
  const getStylesForCloseIcon = props => /*#__PURE__*/css("display:flex;justify-content:center;& svg{width:16px;height:16px;}", props.domain !== NOTIFICATION_DOMAINS.SIDE ? '& svg { fill: ' + designTokens.colorSurface + '; }' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForCloseIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0YwRSIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
95
110
  const getStylesForContent = props => {
96
111
  const fontColor = props.domain === NOTIFICATION_DOMAINS.SIDE ? designTokens.colorSolid : designTokens.colorSurface;
97
- return /*#__PURE__*/css("flex-basis:100%;flex-grow:1;padding:", "0 ".concat(designTokens.spacingM), ";margin:0;font-size:", props.domain === NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdZIiwiZmlsZSI6Im5vdGlmaWNhdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcywgdHlwZSBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1xuICBUQXBwTm90aWZpY2F0aW9uS2luZCxcbiAgVEFwcE5vdGlmaWNhdGlvbkRvbWFpbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHtcbiAgTk9USUZJQ0FUSU9OX0RPTUFJTlMsXG4gIE5PVElGSUNBVElPTl9LSU5EU19TSURFLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgdHlwZTogVEFwcE5vdGlmaWNhdGlvbktpbmQ7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbiAgZml4ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRDb2xvckJ5VHlwZSA9ICh2YWx1ZTogVEFwcE5vdGlmaWNhdGlvbktpbmQpID0+IHtcbiAgc3dpdGNoICh2YWx1ZSkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuZXJyb3I6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc2MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKG5vdGlmaWNhdGlvbktpbmQ6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAobm90aWZpY2F0aW9uS2luZCkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5pbmZvOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm84NTtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IHNob3dOb3RpZmljYXRpb25BbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBtYXgtaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbiAgMTAwJSB7XG4gICAgbWF4LWhlaWdodDogMjAwcHg7XG4gIH1cbmA7XG5jb25zdCBzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24gPSAoXG4gIHByb3BzOiBTdHlsZVByb3BzXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuYDtcblxuY29uc3QgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICB9XG4gICR7cHJvcHMuZG9tYWluICE9PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgPyAnJiBzdmcgeyBmaWxsOiAnICsgZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSArICc7IH0nXG4gICAgOiAnJ31cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNvbnRlbnQgPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgZm9udENvbG9yID1cbiAgICBwcm9wcy5kb21haW4gPT09IE5PVElGSUNBVElPTl9ET01BSU5TLlNJREVcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU29saWRcbiAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZTtcbiAgcmV0dXJuIGNzc2BcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBwYWRkaW5nOiAke2AwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfWB9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/ICcxcmVtJ1xuICAgICAgOiAnaW5oZXJpdCd9O1xuXG4gICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICBwIHtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgfVxuICAgIHVsIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBgO1xuICBjb25zdCBwYWdlU3R5bGVzID0gY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuZml4ZWRcbiAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgOiBnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG5cbiAgICA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgfVxuICBgO1xuXG4gIHN3aXRjaCAocHJvcHMuZG9tYWluKSB7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5HTE9CQUw6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke3BhZ2VTdHlsZXN9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIHBhZ2VTdHlsZXM7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOiB7XG4gICAgICBjb25zdCBzaWRlU3R5bGVzID0gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBhbmltYXRpb246ICR7c2hvd05vdGlmaWNhdGlvbkFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSA1MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0Qm9yZGVyQ29sb3IocHJvcHMudHlwZSl9O1xuICAgICAgICBib3gtc2hhZG93OiAwcHggMnB4IDVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87IC8qIHN0aWxsIG5vdCBzdXBwb3J0ZWQgb24gQ2hyb21lICovXG4gICAgICBgO1xuXG4gICAgICBpZiAocHJvcHMuZml4ZWQpIHJldHVybiBzaWRlU3R5bGVzO1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtzaWRlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25TaWRlQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDEwMDAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gIWltcG9ydGFudDtcbiAgICAgICAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYbH07XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgY2xlYXI6IGJvdGg7XG4gICAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgYDtcbiAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuZXhwb3J0IHtcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uLFxuICBnZXRTdHlsZXNGb3JDb250ZW50LFxuICBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24sXG59O1xuIl19 */");
112
+ return /*#__PURE__*/css("flex-basis:100%;flex-grow:1;padding:", `0 ${designTokens.spacingM}`, ";margin:0;font-size:", props.domain === NOTIFICATION_DOMAINS.SIDE ? '1rem' : 'inherit', ";color:", fontColor, ";p{color:", fontColor, ";}ul{padding:0;margin:0;list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStylesForContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdZIiwiZmlsZSI6Im5vdGlmaWNhdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcywgdHlwZSBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1xuICBUQXBwTm90aWZpY2F0aW9uS2luZCxcbiAgVEFwcE5vdGlmaWNhdGlvbkRvbWFpbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHtcbiAgTk9USUZJQ0FUSU9OX0RPTUFJTlMsXG4gIE5PVElGSUNBVElPTl9LSU5EU19TSURFLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgdHlwZTogVEFwcE5vdGlmaWNhdGlvbktpbmQ7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbiAgZml4ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRDb2xvckJ5VHlwZSA9ICh2YWx1ZTogVEFwcE5vdGlmaWNhdGlvbktpbmQpID0+IHtcbiAgc3dpdGNoICh2YWx1ZSkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuZXJyb3I6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc2MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKG5vdGlmaWNhdGlvbktpbmQ6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAobm90aWZpY2F0aW9uS2luZCkge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuc3VjY2VzczpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5pbmZvOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm84NTtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS53YXJuaW5nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCc7XG4gIH1cbn07XG5cbmNvbnN0IHNob3dOb3RpZmljYXRpb25BbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBtYXgtaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbiAgMTAwJSB7XG4gICAgbWF4LWhlaWdodDogMjAwcHg7XG4gIH1cbmA7XG5jb25zdCBzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24gPSAoXG4gIHByb3BzOiBTdHlsZVByb3BzXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuYDtcblxuY29uc3QgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICB9XG4gICR7cHJvcHMuZG9tYWluICE9PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgPyAnJiBzdmcgeyBmaWxsOiAnICsgZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSArICc7IH0nXG4gICAgOiAnJ31cbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNvbnRlbnQgPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgZm9udENvbG9yID1cbiAgICBwcm9wcy5kb21haW4gPT09IE5PVElGSUNBVElPTl9ET01BSU5TLlNJREVcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU29saWRcbiAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZTtcbiAgcmV0dXJuIGNzc2BcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBwYWRkaW5nOiAke2AwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfWB9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/ICcxcmVtJ1xuICAgICAgOiAnaW5oZXJpdCd9O1xuXG4gICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICBwIHtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgfVxuICAgIHVsIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBgO1xuICBjb25zdCBwYWdlU3R5bGVzID0gY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuZml4ZWRcbiAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgOiBnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG5cbiAgICA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgfVxuICBgO1xuXG4gIHN3aXRjaCAocHJvcHMuZG9tYWluKSB7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5HTE9CQUw6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke3BhZ2VTdHlsZXN9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIHBhZ2VTdHlsZXM7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOiB7XG4gICAgICBjb25zdCBzaWRlU3R5bGVzID0gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBhbmltYXRpb246ICR7c2hvd05vdGlmaWNhdGlvbkFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ019ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSA1MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0Qm9yZGVyQ29sb3IocHJvcHMudHlwZSl9O1xuICAgICAgICBib3gtc2hhZG93OiAwcHggMnB4IDVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87IC8qIHN0aWxsIG5vdCBzdXBwb3J0ZWQgb24gQ2hyb21lICovXG4gICAgICBgO1xuXG4gICAgICBpZiAocHJvcHMuZml4ZWQpIHJldHVybiBzaWRlU3R5bGVzO1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtzaWRlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25TaWRlQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDEwMDAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gIWltcG9ydGFudDtcbiAgICAgICAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYbH07XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgY2xlYXI6IGJvdGg7XG4gICAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgYDtcbiAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuZXhwb3J0IHtcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ2xvc2VJY29uLFxuICBnZXRTdHlsZXNGb3JDb250ZW50LFxuICBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24sXG59O1xuIl19 */");
98
113
  };
99
114
  const getStylesForNotification = props => {
100
115
  const baseStyles = /*#__PURE__*/css("position:relative;display:flex;align-items:center;padding:", designTokens.spacingM, ";color:", designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkh3QiIsImZpbGUiOiJub3RpZmljYXRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtcbiAgVEFwcE5vdGlmaWNhdGlvbktpbmQsXG4gIFRBcHBOb3RpZmljYXRpb25Eb21haW4sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7XG4gIE5PVElGSUNBVElPTl9ET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfU0lERSxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHR5cGU6IFRBcHBOb3RpZmljYXRpb25LaW5kO1xuICBkb21haW46IFRBcHBOb3RpZmljYXRpb25Eb21haW47XG4gIGZpeGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q29sb3JCeVR5cGUgPSAodmFsdWU6IFRBcHBOb3RpZmljYXRpb25LaW5kKSA9PiB7XG4gIHN3aXRjaCAodmFsdWUpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2VzcztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmluZm86XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLmVycm9yOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nNjA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChub3RpZmljYXRpb25LaW5kOiBUQXBwTm90aWZpY2F0aW9uS2luZCkgPT4ge1xuICBzd2l0Y2ggKG5vdGlmaWNhdGlvbktpbmQpIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9LSU5EU19TSURFLnN1Y2Nlc3M6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU3VjY2Vzczg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUuaW5mbzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvODU7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fS0lORFNfU0lERS5lcnJvcjpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjg1O1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0tJTkRTX1NJREUud2FybmluZzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nODU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQnO1xuICB9XG59O1xuXG5jb25zdCBzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG4gIDEwMCUge1xuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xuICB9XG5gO1xuY29uc3Qgc2hvd05vdGlmaWNhdGlvblNpZGVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb25JY29uID0gKFxuICBwcm9wczogU3R5bGVQcm9wc1xuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yQnlUeXBlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmNvbnN0IGdldFN0eWxlc0ZvckNsb3NlSWNvbiA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJiBzdmcge1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICAke3Byb3BzLmRvbWFpbiAhPT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgID8gJyYgc3ZnIHsgZmlsbDogJyArIGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2UgKyAnOyB9J1xuICAgIDogJyd9XG5gO1xuXG5jb25zdCBnZXRTdHlsZXNGb3JDb250ZW50ID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRDb2xvciA9XG4gICAgcHJvcHMuZG9tYWluID09PSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFXG4gICAgICA/IGRlc2lnblRva2Vucy5jb2xvclNvbGlkXG4gICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gIHJldHVybiBjc3NgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgcGFkZGluZzogJHtgMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1gfTtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAke3Byb3BzLmRvbWFpbiA9PT0gTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERVxuICAgICAgPyAnMXJlbSdcbiAgICAgIDogJ2luaGVyaXQnfTtcblxuICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgcCB7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRTdHlsZXNGb3JOb3RpZmljYXRpb24gPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbiAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYDtcbiAgY29uc3QgcGFnZVN0eWxlcyA9IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uQW5pbWF0aW9ufSAwLjNzIGZvcndhcmRzO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmZpeGVkXG4gICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgIDogZ2V0Q29sb3JCeVR5cGUocHJvcHMudHlwZSl9O1xuXG4gICAgPiAqICsgKiB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgIH1cbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtwYWdlU3R5bGVzfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckJ5VHlwZShwcm9wcy50eXBlKX07XG4gICAgICBgO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuUEFHRTpcbiAgICAgIHJldHVybiBwYWdlU3R5bGVzO1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuU0lERToge1xuICAgICAgY29uc3Qgc2lkZVN0eWxlcyA9IGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgYW5pbWF0aW9uOiAke3Nob3dOb3RpZmljYXRpb25BbmltYXRpb259IDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdNfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5zcGFjaW5nTX0gNTBweCAhaW1wb3J0YW50O1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvOyAvKiBzdGlsbCBub3Qgc3VwcG9ydGVkIG9uIENocm9tZSAqL1xuICAgICAgYDtcblxuICAgICAgaWYgKHByb3BzLmZpeGVkKSByZXR1cm4gc2lkZVN0eWxlcztcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7c2lkZVN0eWxlc307XG4gICAgICAgIGFuaW1hdGlvbjogJHtzaG93Tm90aWZpY2F0aW9uU2lkZUFuaW1hdGlvbn0gMC4zcyBmb3J3YXJkcztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMDAwMDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICFpbXBvcnRhbnQ7XG4gICAgICAgIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIGNsZWFyOiBib3RoO1xuICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIGA7XG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7XG4gIGdldFN0eWxlc0Zvck5vdGlmaWNhdGlvbkljb24sXG4gIGdldFN0eWxlc0ZvckNsb3NlSWNvbixcbiAgZ2V0U3R5bGVzRm9yQ29udGVudCxcbiAgZ2V0U3R5bGVzRm9yTm90aWZpY2F0aW9uLFxufTtcbiJdfQ== */");
@@ -350,14 +365,13 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
350
365
  // function. Here we map other possible error properties that can be
351
366
  // used in the message.
352
367
  const mapErrorFieldsToMessageValues = error => {
353
- var _error$extensions, _error$extensions2;
354
- const errorField = ((_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.field) || error.field;
368
+ const errorField = error.extensions?.field || error.field;
355
369
  if (errorField) {
356
370
  return {
357
371
  field: errorField
358
372
  };
359
373
  }
360
- const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
374
+ const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
361
375
  if (errorReferencedBy) {
362
376
  return {
363
377
  referencedBy: errorReferencedBy
@@ -369,10 +383,10 @@ const mapErrorFieldsToMessageValues = error => {
369
383
  // Type-guard validation for error code to be included in the message object keys.
370
384
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
371
385
  const FormattedErrorMessage = props => {
372
- var _props$error$extensio, _props$error$extensio2, _context2;
386
+ var _context2;
373
387
  const intl = useIntl();
374
388
  // Attempt to map the error by code
375
- const extensionErrorCode = (_props$error$extensio = (_props$error$extensio2 = props.error.extensions) === null || _props$error$extensio2 === void 0 ? void 0 : _props$error$extensio2.code) !== null && _props$error$extensio !== void 0 ? _props$error$extensio : props.error.code;
389
+ const extensionErrorCode = props.error.extensions?.code ?? props.error.code;
376
390
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
377
391
  useEffect(() => {
378
392
  if (!messageCode) {
@@ -394,7 +408,7 @@ const FormattedErrorMessage = props => {
394
408
  });
395
409
  }
396
410
  return jsx(Fragment, {
397
- children: _filterInstanceProperty(_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
411
+ children: _filterInstanceProperty(_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
398
412
  });
399
413
  };
400
414
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -412,8 +426,8 @@ const ApiErrorMessage = props => {
412
426
  };
413
427
  ApiErrorMessage.displayName = 'ApiErrorMessage';
414
428
  function getSpecialFormattedMessageByErrorCode(error, intl) {
415
- var _error$extensions$cod, _error$extensions3, _context3, _context4, _context5;
416
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions3 = error.extensions) === null || _error$extensions3 === void 0 ? void 0 : _error$extensions3.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
429
+ var _context3, _context4, _context5;
430
+ const extensionErrorCode = error.extensions?.code ?? error.code;
417
431
  if (error.errorByExtension) {
418
432
  let extensionMessage;
419
433
  if (error.localizedMessage) {
@@ -426,9 +440,8 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
426
440
  // TODO: this is a temporary solution until we have proper pages about 403
427
441
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
428
442
  if (extensionErrorCode === 'DuplicateField') {
429
- var _error$extensions4, _error$extensions5;
430
- const errorField = ((_error$extensions4 = error.extensions) === null || _error$extensions4 === void 0 ? void 0 : _error$extensions4.field) || error.field;
431
- const errorDuplicateValue = ((_error$extensions5 = error.extensions) === null || _error$extensions5 === void 0 ? void 0 : _error$extensions5.duplicateValue) || error.duplicateValue;
443
+ const errorField = error.extensions?.field || error.field;
444
+ const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
432
445
  if (errorField === 'slug') {
433
446
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
434
447
  slugValue: errorDuplicateValue
@@ -482,8 +495,7 @@ const ApiErrorNotification = props => {
482
495
  onCloseClick: props.dismiss,
483
496
  children: jsx("ul", {
484
497
  children: _valuesInstanceProperty(props.notification) && _mapInstanceProperty(_context = _valuesInstanceProperty(props.notification).errors).call(_context, (error, idx) => {
485
- var _error$extensions$cod, _error$extensions;
486
- const extensionErrorCode = (_error$extensions$cod = (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code) !== null && _error$extensions$cod !== void 0 ? _error$extensions$cod : error.code;
498
+ const extensionErrorCode = error.extensions?.code ?? error.code;
487
499
  const shouldLogErrorToConsole = !extensionErrorCode && process.env.NODE_ENV === 'development';
488
500
  if (shouldLogErrorToConsole) {
489
501
  /**
@@ -524,7 +536,7 @@ const UnexpectedErrorNotification = props => jsx(Notification, {
524
536
  children: [jsx("div", {
525
537
  children: jsx(FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
526
538
  }), _valuesInstanceProperty(props.notification) && _valuesInstanceProperty(props.notification).errorId && jsx("div", {
527
- children: "ID (".concat(_valuesInstanceProperty(props.notification).errorId, ")")
539
+ children: `ID (${_valuesInstanceProperty(props.notification).errorId})`
528
540
  })]
529
541
  })
530
542
  });
@@ -568,7 +580,7 @@ const NotificationsListGlobal = props => {
568
580
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
569
581
  const notifications = useSelector(selectGlobalNotifications);
570
582
  return jsx("div", {
571
- id: "notifications-".concat(props.domain),
583
+ id: `notifications-${props.domain}`,
572
584
  css: getStyles(props),
573
585
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
574
586
  // 1. Check if there is a custom notification component first
@@ -611,7 +623,7 @@ const NotificationsListGlobal = props => {
611
623
  {
612
624
  if (process.env.NODE_ENV !== 'production') {
613
625
  // eslint-disable-next-line no-console
614
- reportErrorToSentry(new Error("@commercetools-frontend/react-notifications. Invalid prop \"kind\" supplied: ".concat(notification.kind, ".")), {
626
+ reportErrorToSentry(new Error(`@commercetools-frontend/react-notifications. Invalid prop "kind" supplied: ${notification.kind}.`), {
615
627
  extra: notification
616
628
  });
617
629
  }
@@ -626,7 +638,7 @@ const NotificationsListPage = props => {
626
638
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
627
639
  const notifications = useSelector(selectPageNotifications);
628
640
  return jsx("div", {
629
- id: "notifications-".concat(props.domain),
641
+ id: `notifications-${props.domain}`,
630
642
  css: getStyles(props),
631
643
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
632
644
  // 1. Check if there is a custom notification component first
@@ -691,7 +703,7 @@ const NotificationsListSide = props => {
691
703
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
692
704
  const notifications = useSelector(selectSideNotifications);
693
705
  return jsx("div", {
694
- id: "notifications-".concat(props.domain),
706
+ id: `notifications-${props.domain}`,
695
707
  css: getStyles(props),
696
708
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
697
709
  // 1. Check if there is a custom notification component first
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/react-notifications",
3
- "version": "25.0.0",
3
+ "version": "25.1.0",
4
4
  "description": "React bindings for @commercetools-frontend/notifications",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -30,11 +30,11 @@
30
30
  "dependencies": {
31
31
  "@babel/runtime": "^7.22.15",
32
32
  "@babel/runtime-corejs3": "^7.22.15",
33
- "@commercetools-frontend/actions-global": "25.0.0",
34
- "@commercetools-frontend/application-components": "25.0.0",
35
- "@commercetools-frontend/constants": "25.0.0",
36
- "@commercetools-frontend/notifications": "25.0.0",
37
- "@commercetools-frontend/sentry": "25.0.0",
33
+ "@commercetools-frontend/actions-global": "25.1.0",
34
+ "@commercetools-frontend/application-components": "25.1.0",
35
+ "@commercetools-frontend/constants": "25.1.0",
36
+ "@commercetools-frontend/notifications": "25.1.0",
37
+ "@commercetools-frontend/sentry": "25.1.0",
38
38
  "@commercetools-uikit/design-system": "^20.3.0",
39
39
  "@commercetools-uikit/hooks": "^20.3.0",
40
40
  "@commercetools-uikit/icon-button": "^20.3.0",