@commercetools-frontend/react-notifications 24.11.0 → 24.12.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.
Files changed (4) hide show
  1. package/dist/commercetools-frontend-react-notifications.cjs.dev.js +24 -36
  2. package/dist/commercetools-frontend-react-notifications.cjs.prod.js +23 -35
  3. package/dist/commercetools-frontend-react-notifications.esm.js +24 -36
  4. package/package.json +6 -6
package/dist/commercetools-frontend-react-notifications.cjs.dev.js CHANGED
@@ -22,6 +22,7 @@ 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');
25
26
  var react$1 = require('@emotion/react');
26
27
  var designSystem = require('@commercetools-uikit/design-system');
27
28
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -59,7 +60,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
59
60
  var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
60
61
 
61
62
  // NOTE: This string will be replaced on build time with the package version.
62
- var version = "24.11.0";
63
+ var version = "24.12.0";
63
64
 
64
65
  const Context = /*#__PURE__*/react.createContext(() => null);
65
66
  function NotificationProviderForCustomComponent(props) {
@@ -83,6 +84,7 @@ var messages = reactIntl.defineMessages({
83
84
  }
84
85
  });
85
86
 
87
+ var _templateObject, _templateObject2;
86
88
  const getColorByType = value => {
87
89
  switch (value) {
88
90
  case constants.NOTIFICATION_KINDS_SIDE.success:
@@ -111,30 +113,13 @@ const getBorderColor = notificationKind => {
111
113
  return 'transparent';
112
114
  }
113
115
  };
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
- `;
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"])));
133
118
  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== */");
134
119
  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== */");
135
120
  const getStylesForContent = props => {
136
121
  const fontColor = props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? designSystem.designTokens.colorSolid : designSystem.designTokens.colorSurface;
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 */");
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 */");
138
123
  };
139
124
  const getStylesForNotification = props => {
140
125
  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== */");
@@ -390,13 +375,14 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
390
375
  // function. Here we map other possible error properties that can be
391
376
  // used in the message.
392
377
  const mapErrorFieldsToMessageValues = error => {
393
- const errorField = error.extensions?.field || error.field;
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;
394
380
  if (errorField) {
395
381
  return {
396
382
  field: errorField
397
383
  };
398
384
  }
399
- const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
385
+ const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
400
386
  if (errorReferencedBy) {
401
387
  return {
402
388
  referencedBy: errorReferencedBy
@@ -408,10 +394,10 @@ const mapErrorFieldsToMessageValues = error => {
408
394
  // Type-guard validation for error code to be included in the message object keys.
409
395
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
410
396
  const FormattedErrorMessage = props => {
411
- var _context2;
397
+ var _props$error$extensio, _props$error$extensio2, _context2;
412
398
  const intl = reactIntl.useIntl();
413
399
  // Attempt to map the error by code
414
- const extensionErrorCode = props.error.extensions?.code ?? props.error.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;
415
401
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
416
402
  react.useEffect(() => {
417
403
  if (!messageCode) {
@@ -433,7 +419,7 @@ const FormattedErrorMessage = props => {
433
419
  });
434
420
  }
435
421
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
436
- children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
422
+ children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
437
423
  });
438
424
  };
439
425
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -451,8 +437,8 @@ const ApiErrorMessage = props => {
451
437
  };
452
438
  ApiErrorMessage.displayName = 'ApiErrorMessage';
453
439
  function getSpecialFormattedMessageByErrorCode(error, intl) {
454
- var _context3, _context4, _context5;
455
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
456
442
  if (error.errorByExtension) {
457
443
  let extensionMessage;
458
444
  if (error.localizedMessage) {
@@ -465,8 +451,9 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
465
451
  // TODO: this is a temporary solution until we have proper pages about 403
466
452
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
467
453
  if (extensionErrorCode === 'DuplicateField') {
468
- const errorField = error.extensions?.field || error.field;
469
- const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
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;
470
457
  if (errorField === 'slug') {
471
458
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
472
459
  slugValue: errorDuplicateValue
@@ -520,7 +507,8 @@ const ApiErrorNotification = props => {
520
507
  onCloseClick: props.dismiss,
521
508
  children: jsxRuntime.jsx("ul", {
522
509
  children: _valuesInstanceProperty__default["default"](props.notification) && _mapInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](props.notification).errors).call(_context, (error, idx) => {
523
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
524
512
  const shouldLogErrorToConsole = !extensionErrorCode && process.env.NODE_ENV === 'development';
525
513
  if (shouldLogErrorToConsole) {
526
514
  /**
@@ -561,7 +549,7 @@ const UnexpectedErrorNotification = props => jsxRuntime.jsx(Notification, {
561
549
  children: [jsxRuntime.jsx("div", {
562
550
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
563
551
  }), _valuesInstanceProperty__default["default"](props.notification) && _valuesInstanceProperty__default["default"](props.notification).errorId && jsxRuntime.jsx("div", {
564
- children: `ID (${_valuesInstanceProperty__default["default"](props.notification).errorId})`
552
+ children: "ID (".concat(_valuesInstanceProperty__default["default"](props.notification).errorId, ")")
565
553
  })]
566
554
  })
567
555
  });
@@ -605,7 +593,7 @@ const NotificationsListGlobal = props => {
605
593
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
606
594
  const notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
607
595
  return jsxRuntime.jsx("div", {
608
- id: `notifications-${props.domain}`,
596
+ id: "notifications-".concat(props.domain),
609
597
  css: getStyles(props),
610
598
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
611
599
  // 1. Check if there is a custom notification component first
@@ -648,7 +636,7 @@ const NotificationsListGlobal = props => {
648
636
  {
649
637
  if (process.env.NODE_ENV !== 'production') {
650
638
  // eslint-disable-next-line no-console
651
- sentry.reportErrorToSentry(new Error(`@commercetools-frontend/react-notifications. Invalid prop "kind" supplied: ${notification.kind}.`), {
639
+ sentry.reportErrorToSentry(new Error("@commercetools-frontend/react-notifications. Invalid prop \"kind\" supplied: ".concat(notification.kind, ".")), {
652
640
  extra: notification
653
641
  });
654
642
  }
@@ -663,7 +651,7 @@ const NotificationsListPage = props => {
663
651
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
664
652
  const notifications$1 = reactRedux.useSelector(selectPageNotifications);
665
653
  return jsxRuntime.jsx("div", {
666
- id: `notifications-${props.domain}`,
654
+ id: "notifications-".concat(props.domain),
667
655
  css: getStyles(props),
668
656
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
669
657
  // 1. Check if there is a custom notification component first
@@ -728,7 +716,7 @@ const NotificationsListSide = props => {
728
716
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
729
717
  const notifications$1 = reactRedux.useSelector(selectSideNotifications);
730
718
  return jsxRuntime.jsx("div", {
731
- id: `notifications-${props.domain}`,
719
+ id: "notifications-".concat(props.domain),
732
720
  css: getStyles(props),
733
721
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
734
722
  // 1. Check if there is a custom notification component first
package/dist/commercetools-frontend-react-notifications.cjs.prod.js CHANGED
@@ -22,6 +22,7 @@ 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');
25
26
  var react$1 = require('@emotion/react');
26
27
  var designSystem = require('@commercetools-uikit/design-system');
27
28
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -59,7 +60,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
59
60
  var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
60
61
 
61
62
  // NOTE: This string will be replaced on build time with the package version.
62
- var version = "24.11.0";
63
+ var version = "24.12.0";
63
64
 
64
65
  const Context = /*#__PURE__*/react.createContext(() => null);
65
66
  function NotificationProviderForCustomComponent(props) {
@@ -83,6 +84,7 @@ var messages = reactIntl.defineMessages({
83
84
  }
84
85
  });
85
86
 
87
+ var _templateObject, _templateObject2;
86
88
  const getColorByType = value => {
87
89
  switch (value) {
88
90
  case constants.NOTIFICATION_KINDS_SIDE.success:
@@ -111,30 +113,13 @@ const getBorderColor = notificationKind => {
111
113
  return 'transparent';
112
114
  }
113
115
  };
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
- `;
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"])));
133
118
  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), ";" + ("" ), "" );
134
119
  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 + '; }' : '', ";" + ("" ), "" );
135
120
  const getStylesForContent = props => {
136
121
  const fontColor = props.domain === constants.NOTIFICATION_DOMAINS.SIDE ? designSystem.designTokens.colorSolid : designSystem.designTokens.colorSurface;
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;}" + ("" ), "" );
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;}" + ("" ), "" );
138
123
  };
139
124
  const getStylesForNotification = props => {
140
125
  const baseStyles = /*#__PURE__*/react$1.css("position:relative;display:flex;align-items:center;padding:", designSystem.designTokens.spacingM, ";color:", designSystem.designTokens.colorSurface, ";" + ("" ), "" );
@@ -390,13 +375,14 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
390
375
  // function. Here we map other possible error properties that can be
391
376
  // used in the message.
392
377
  const mapErrorFieldsToMessageValues = error => {
393
- const errorField = error.extensions?.field || error.field;
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;
394
380
  if (errorField) {
395
381
  return {
396
382
  field: errorField
397
383
  };
398
384
  }
399
- const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
385
+ const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
400
386
  if (errorReferencedBy) {
401
387
  return {
402
388
  referencedBy: errorReferencedBy
@@ -408,10 +394,10 @@ const mapErrorFieldsToMessageValues = error => {
408
394
  // Type-guard validation for error code to be included in the message object keys.
409
395
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
410
396
  const FormattedErrorMessage = props => {
411
- var _context2;
397
+ var _props$error$extensio, _props$error$extensio2, _context2;
412
398
  const intl = reactIntl.useIntl();
413
399
  // Attempt to map the error by code
414
- const extensionErrorCode = props.error.extensions?.code ?? props.error.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;
415
401
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
416
402
  react.useEffect(() => {
417
403
  if (!messageCode) {
@@ -433,7 +419,7 @@ const FormattedErrorMessage = props => {
433
419
  });
434
420
  }
435
421
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
436
- children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
422
+ children: _filterInstanceProperty__default["default"](_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
437
423
  });
438
424
  };
439
425
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -451,8 +437,8 @@ const ApiErrorMessage = props => {
451
437
  };
452
438
  ApiErrorMessage.displayName = 'ApiErrorMessage';
453
439
  function getSpecialFormattedMessageByErrorCode(error, intl) {
454
- var _context3, _context4, _context5;
455
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
456
442
  if (error.errorByExtension) {
457
443
  let extensionMessage;
458
444
  if (error.localizedMessage) {
@@ -465,8 +451,9 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
465
451
  // TODO: this is a temporary solution until we have proper pages about 403
466
452
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
467
453
  if (extensionErrorCode === 'DuplicateField') {
468
- const errorField = error.extensions?.field || error.field;
469
- const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
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;
470
457
  if (errorField === 'slug') {
471
458
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
472
459
  slugValue: errorDuplicateValue
@@ -520,7 +507,8 @@ const ApiErrorNotification = props => {
520
507
  onCloseClick: props.dismiss,
521
508
  children: jsxRuntime.jsx("ul", {
522
509
  children: _valuesInstanceProperty__default["default"](props.notification) && _mapInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](props.notification).errors).call(_context, (error, idx) => {
523
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
524
512
  const shouldLogErrorToConsole = !extensionErrorCode && "production" === 'development';
525
513
  if (shouldLogErrorToConsole) {
526
514
  /**
@@ -561,7 +549,7 @@ const UnexpectedErrorNotification = props => jsxRuntime.jsx(Notification, {
561
549
  children: [jsxRuntime.jsx("div", {
562
550
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
563
551
  }), _valuesInstanceProperty__default["default"](props.notification) && _valuesInstanceProperty__default["default"](props.notification).errorId && jsxRuntime.jsx("div", {
564
- children: `ID (${_valuesInstanceProperty__default["default"](props.notification).errorId})`
552
+ children: "ID (".concat(_valuesInstanceProperty__default["default"](props.notification).errorId, ")")
565
553
  })]
566
554
  })
567
555
  });
@@ -605,7 +593,7 @@ const NotificationsListGlobal = props => {
605
593
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
606
594
  const notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
607
595
  return jsxRuntime.jsx("div", {
608
- id: `notifications-${props.domain}`,
596
+ id: "notifications-".concat(props.domain),
609
597
  css: getStyles(props),
610
598
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
611
599
  // 1. Check if there is a custom notification component first
@@ -657,7 +645,7 @@ const NotificationsListPage = props => {
657
645
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
658
646
  const notifications$1 = reactRedux.useSelector(selectPageNotifications);
659
647
  return jsxRuntime.jsx("div", {
660
- id: `notifications-${props.domain}`,
648
+ id: "notifications-".concat(props.domain),
661
649
  css: getStyles(props),
662
650
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
663
651
  // 1. Check if there is a custom notification component first
@@ -722,7 +710,7 @@ const NotificationsListSide = props => {
722
710
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
723
711
  const notifications$1 = reactRedux.useSelector(selectSideNotifications);
724
712
  return jsxRuntime.jsx("div", {
725
- id: `notifications-${props.domain}`,
713
+ id: "notifications-".concat(props.domain),
726
714
  css: getStyles(props),
727
715
  children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, notification => {
728
716
  // 1. Check if there is a custom notification component first
package/dist/commercetools-frontend-react-notifications.esm.js CHANGED
@@ -18,6 +18,7 @@ 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';
21
22
  import { keyframes, css } from '@emotion/react';
22
23
  import { designTokens, customProperties } from '@commercetools-uikit/design-system';
23
24
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
@@ -34,7 +35,7 @@ import isNumber from 'lodash/isNumber';
34
35
  import { useShowNotification } from '@commercetools-frontend/actions-global';
35
36
 
36
37
  // NOTE: This string will be replaced on build time with the package version.
37
- var version = "24.11.0";
38
+ var version = "24.12.0";
38
39
 
39
40
  const Context = /*#__PURE__*/createContext(() => null);
40
41
  function NotificationProviderForCustomComponent(props) {
@@ -58,6 +59,7 @@ var messages = defineMessages({
58
59
  }
59
60
  });
60
61
 
62
+ var _templateObject, _templateObject2;
61
63
  const getColorByType = value => {
62
64
  switch (value) {
63
65
  case NOTIFICATION_KINDS_SIDE.success:
@@ -86,30 +88,13 @@ const getBorderColor = notificationKind => {
86
88
  return 'transparent';
87
89
  }
88
90
  };
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
- `;
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"])));
108
93
  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== */");
109
94
  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== */");
110
95
  const getStylesForContent = props => {
111
96
  const fontColor = props.domain === NOTIFICATION_DOMAINS.SIDE ? designTokens.colorSolid : designTokens.colorSurface;
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 */");
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 */");
113
98
  };
114
99
  const getStylesForNotification = props => {
115
100
  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== */");
@@ -365,13 +350,14 @@ const regexInvalidOperationRequiredAttribute = /^Required attribute '(.*)' canno
365
350
  // function. Here we map other possible error properties that can be
366
351
  // used in the message.
367
352
  const mapErrorFieldsToMessageValues = error => {
368
- const errorField = error.extensions?.field || error.field;
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;
369
355
  if (errorField) {
370
356
  return {
371
357
  field: errorField
372
358
  };
373
359
  }
374
- const errorReferencedBy = error.extensions?.referencedBy || error.referencedBy;
360
+ const errorReferencedBy = ((_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.referencedBy) || error.referencedBy;
375
361
  if (errorReferencedBy) {
376
362
  return {
377
363
  referencedBy: errorReferencedBy
@@ -383,10 +369,10 @@ const mapErrorFieldsToMessageValues = error => {
383
369
  // Type-guard validation for error code to be included in the message object keys.
384
370
  const hasErrorCodeAMatchingMessage = errorCode => errorCode in apiErrorMessages;
385
371
  const FormattedErrorMessage = props => {
386
- var _context2;
372
+ var _props$error$extensio, _props$error$extensio2, _context2;
387
373
  const intl = useIntl();
388
374
  // Attempt to map the error by code
389
- const extensionErrorCode = props.error.extensions?.code ?? props.error.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;
390
376
  const messageCode = extensionErrorCode && hasErrorCodeAMatchingMessage(extensionErrorCode) ? apiErrorMessages[extensionErrorCode] : undefined;
391
377
  useEffect(() => {
392
378
  if (!messageCode) {
@@ -408,7 +394,7 @@ const FormattedErrorMessage = props => {
408
394
  });
409
395
  }
410
396
  return jsx(Fragment, {
411
- children: _filterInstanceProperty(_context2 = [props.error.message, props.error.detailedErrorMessage && `(${props.error.detailedErrorMessage})`]).call(_context2, Boolean).join(' ')
397
+ children: _filterInstanceProperty(_context2 = [props.error.message, props.error.detailedErrorMessage && "(".concat(props.error.detailedErrorMessage, ")")]).call(_context2, Boolean).join(' ')
412
398
  });
413
399
  };
414
400
  FormattedErrorMessage.displayName = 'FormattedErrorMessage';
@@ -426,8 +412,8 @@ const ApiErrorMessage = props => {
426
412
  };
427
413
  ApiErrorMessage.displayName = 'ApiErrorMessage';
428
414
  function getSpecialFormattedMessageByErrorCode(error, intl) {
429
- var _context3, _context4, _context5;
430
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
431
417
  if (error.errorByExtension) {
432
418
  let extensionMessage;
433
419
  if (error.localizedMessage) {
@@ -440,8 +426,9 @@ function getSpecialFormattedMessageByErrorCode(error, intl) {
440
426
  // TODO: this is a temporary solution until we have proper pages about 403
441
427
  if (extensionErrorCode === 'insufficient_scope') return intl.formatMessage(apiErrorMessages.Forbidden);
442
428
  if (extensionErrorCode === 'DuplicateField') {
443
- const errorField = error.extensions?.field || error.field;
444
- const errorDuplicateValue = error.extensions?.duplicateValue || error.duplicateValue;
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;
445
432
  if (errorField === 'slug') {
446
433
  return intl.formatMessage(apiErrorMessages.DuplicateSlug, {
447
434
  slugValue: errorDuplicateValue
@@ -495,7 +482,8 @@ const ApiErrorNotification = props => {
495
482
  onCloseClick: props.dismiss,
496
483
  children: jsx("ul", {
497
484
  children: _valuesInstanceProperty(props.notification) && _mapInstanceProperty(_context = _valuesInstanceProperty(props.notification).errors).call(_context, (error, idx) => {
498
- const extensionErrorCode = error.extensions?.code ?? error.code;
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;
499
487
  const shouldLogErrorToConsole = !extensionErrorCode && process.env.NODE_ENV === 'development';
500
488
  if (shouldLogErrorToConsole) {
501
489
  /**
@@ -536,7 +524,7 @@ const UnexpectedErrorNotification = props => jsx(Notification, {
536
524
  children: [jsx("div", {
537
525
  children: jsx(FormattedMessage, _objectSpread$2({}, apiErrorMessages.General))
538
526
  }), _valuesInstanceProperty(props.notification) && _valuesInstanceProperty(props.notification).errorId && jsx("div", {
539
- children: `ID (${_valuesInstanceProperty(props.notification).errorId})`
527
+ children: "ID (".concat(_valuesInstanceProperty(props.notification).errorId, ")")
540
528
  })]
541
529
  })
542
530
  });
@@ -580,7 +568,7 @@ const NotificationsListGlobal = props => {
580
568
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
581
569
  const notifications = useSelector(selectGlobalNotifications);
582
570
  return jsx("div", {
583
- id: `notifications-${props.domain}`,
571
+ id: "notifications-".concat(props.domain),
584
572
  css: getStyles(props),
585
573
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
586
574
  // 1. Check if there is a custom notification component first
@@ -623,7 +611,7 @@ const NotificationsListGlobal = props => {
623
611
  {
624
612
  if (process.env.NODE_ENV !== 'production') {
625
613
  // eslint-disable-next-line no-console
626
- reportErrorToSentry(new Error(`@commercetools-frontend/react-notifications. Invalid prop "kind" supplied: ${notification.kind}.`), {
614
+ reportErrorToSentry(new Error("@commercetools-frontend/react-notifications. Invalid prop \"kind\" supplied: ".concat(notification.kind, ".")), {
627
615
  extra: notification
628
616
  });
629
617
  }
@@ -638,7 +626,7 @@ const NotificationsListPage = props => {
638
626
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
639
627
  const notifications = useSelector(selectPageNotifications);
640
628
  return jsx("div", {
641
- id: `notifications-${props.domain}`,
629
+ id: "notifications-".concat(props.domain),
642
630
  css: getStyles(props),
643
631
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
644
632
  // 1. Check if there is a custom notification component first
@@ -703,7 +691,7 @@ const NotificationsListSide = props => {
703
691
  const mapCustomNotificationToComponent = useCustomNotificationComponent();
704
692
  const notifications = useSelector(selectSideNotifications);
705
693
  return jsx("div", {
706
- id: `notifications-${props.domain}`,
694
+ id: "notifications-".concat(props.domain),
707
695
  css: getStyles(props),
708
696
  children: _mapInstanceProperty(notifications).call(notifications, notification => {
709
697
  // 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": "24.11.0",
3
+ "version": "24.12.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": "24.11.0",
34
- "@commercetools-frontend/application-components": "24.11.0",
35
- "@commercetools-frontend/constants": "24.11.0",
36
- "@commercetools-frontend/notifications": "24.11.0",
37
- "@commercetools-frontend/sentry": "24.11.0",
33
+ "@commercetools-frontend/actions-global": "24.12.0",
34
+ "@commercetools-frontend/application-components": "24.12.0",
35
+ "@commercetools-frontend/constants": "24.12.0",
36
+ "@commercetools-frontend/notifications": "24.12.0",
37
+ "@commercetools-frontend/sentry": "24.12.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",