@commercetools-frontend/react-notifications 21.3.0 → 21.4.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.
- package/dist/commercetools-frontend-react-notifications.cjs.dev.js +11 -6
- package/dist/commercetools-frontend-react-notifications.cjs.prod.js +7 -2
- package/dist/commercetools-frontend-react-notifications.esm.js +10 -7
- package/dist/declarations/src/components/notifications-list/index.d.ts +0 -1
- package/dist/declarations/src/index.d.ts +2 -1
- package/package.json +21 -21
|
@@ -62,7 +62,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
|
|
|
62
62
|
var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
|
|
63
63
|
|
|
64
64
|
// NOTE: This string will be replaced on build time with the package version.
|
|
65
|
-
var version = "21.
|
|
65
|
+
var version = "21.4.0";
|
|
66
66
|
|
|
67
67
|
var Context = /*#__PURE__*/react.createContext(function () {
|
|
68
68
|
return null;
|
|
@@ -612,20 +612,20 @@ var selectSideNotifications = reselect.createSelector(selectNotifications, funct
|
|
|
612
612
|
});
|
|
613
613
|
|
|
614
614
|
var getStyles = function getStyles(props) {
|
|
615
|
-
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
615
|
+
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Im5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRBcHBOb3RpZmljYXRpb25Eb21haW4gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBOT1RJRklDQVRJT05fRE9NQUlOUyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgZG9tYWluOiBUQXBwTm90aWZpY2F0aW9uRG9tYWluO1xufTtcblxuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxOTk5OTtcbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlBBR0U6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlNJREU6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7IGdldFN0eWxlcyB9O1xuIl19 */");
|
|
616
616
|
|
|
617
617
|
switch (props.domain) {
|
|
618
618
|
case constants.NOTIFICATION_DOMAINS.GLOBAL:
|
|
619
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
619
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
620
620
|
|
|
621
621
|
case constants.NOTIFICATION_DOMAINS.PAGE:
|
|
622
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
622
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
623
623
|
|
|
624
624
|
case constants.NOTIFICATION_DOMAINS.SIDE:
|
|
625
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
625
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
626
626
|
|
|
627
627
|
default:
|
|
628
|
-
return /*#__PURE__*/react$1.css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
628
|
+
return /*#__PURE__*/react$1.css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
629
629
|
}
|
|
630
630
|
};
|
|
631
631
|
|
|
@@ -644,6 +644,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
644
644
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
645
645
|
var notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
|
|
646
646
|
return jsxRuntime.jsx("div", {
|
|
647
|
+
id: "notifications-".concat(props.domain),
|
|
647
648
|
css: getStyles(props),
|
|
648
649
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
649
650
|
// 1. Check if there is a custom notification component first
|
|
@@ -709,6 +710,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
709
710
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
710
711
|
var notifications$1 = reactRedux.useSelector(selectPageNotifications);
|
|
711
712
|
return jsxRuntime.jsx("div", {
|
|
713
|
+
id: "notifications-".concat(props.domain),
|
|
712
714
|
css: getStyles(props),
|
|
713
715
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
714
716
|
// 1. Check if there is a custom notification component first
|
|
@@ -782,6 +784,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
782
784
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
783
785
|
var notifications$1 = reactRedux.useSelector(selectSideNotifications);
|
|
784
786
|
return jsxRuntime.jsx("div", {
|
|
787
|
+
id: "notifications-".concat(props.domain),
|
|
785
788
|
css: getStyles(props),
|
|
786
789
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
787
790
|
// 1. Check if there is a custom notification component first
|
|
@@ -875,5 +878,7 @@ exports.Notification = Notification;
|
|
|
875
878
|
exports.NotificationProviderForCustomComponent = NotificationProviderForCustomComponent;
|
|
876
879
|
exports.NotificationsList = NotificationsList;
|
|
877
880
|
exports.Notifier = Notifier;
|
|
881
|
+
exports.selectGlobalNotifications = selectGlobalNotifications;
|
|
878
882
|
exports.selectPageNotifications = selectPageNotifications;
|
|
883
|
+
exports.selectSideNotifications = selectSideNotifications;
|
|
879
884
|
exports.version = version;
|
|
@@ -62,7 +62,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
|
|
|
62
62
|
var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
|
|
63
63
|
|
|
64
64
|
// NOTE: This string will be replaced on build time with the package version.
|
|
65
|
-
var version = "21.
|
|
65
|
+
var version = "21.4.0";
|
|
66
66
|
|
|
67
67
|
var Context = /*#__PURE__*/react.createContext(function () {
|
|
68
68
|
return null;
|
|
@@ -589,7 +589,7 @@ var selectSideNotifications = reselect.createSelector(selectNotifications, funct
|
|
|
589
589
|
});
|
|
590
590
|
|
|
591
591
|
var getStyles = function getStyles(props) {
|
|
592
|
-
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
592
|
+
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + ("" ), "" );
|
|
593
593
|
|
|
594
594
|
switch (props.domain) {
|
|
595
595
|
case constants.NOTIFICATION_DOMAINS.GLOBAL:
|
|
@@ -621,6 +621,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
621
621
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
622
622
|
var notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
|
|
623
623
|
return jsxRuntime.jsx("div", {
|
|
624
|
+
id: "notifications-".concat(props.domain),
|
|
624
625
|
css: getStyles(props),
|
|
625
626
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
626
627
|
// 1. Check if there is a custom notification component first
|
|
@@ -680,6 +681,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
680
681
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
681
682
|
var notifications$1 = reactRedux.useSelector(selectPageNotifications);
|
|
682
683
|
return jsxRuntime.jsx("div", {
|
|
684
|
+
id: "notifications-".concat(props.domain),
|
|
683
685
|
css: getStyles(props),
|
|
684
686
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
685
687
|
// 1. Check if there is a custom notification component first
|
|
@@ -753,6 +755,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
753
755
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
754
756
|
var notifications$1 = reactRedux.useSelector(selectSideNotifications);
|
|
755
757
|
return jsxRuntime.jsx("div", {
|
|
758
|
+
id: "notifications-".concat(props.domain),
|
|
756
759
|
css: getStyles(props),
|
|
757
760
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
758
761
|
// 1. Check if there is a custom notification component first
|
|
@@ -846,5 +849,7 @@ exports.Notification = Notification;
|
|
|
846
849
|
exports.NotificationProviderForCustomComponent = NotificationProviderForCustomComponent;
|
|
847
850
|
exports.NotificationsList = NotificationsList;
|
|
848
851
|
exports.Notifier = Notifier;
|
|
852
|
+
exports.selectGlobalNotifications = selectGlobalNotifications;
|
|
849
853
|
exports.selectPageNotifications = selectPageNotifications;
|
|
854
|
+
exports.selectSideNotifications = selectSideNotifications;
|
|
850
855
|
exports.version = version;
|
|
@@ -36,7 +36,7 @@ import isNumber from 'lodash/isNumber';
|
|
|
36
36
|
import { useShowNotification } from '@commercetools-frontend/actions-global';
|
|
37
37
|
|
|
38
38
|
// NOTE: This string will be replaced on build time with the package version.
|
|
39
|
-
var version = "21.
|
|
39
|
+
var version = "21.4.0";
|
|
40
40
|
|
|
41
41
|
var Context = /*#__PURE__*/createContext(function () {
|
|
42
42
|
return null;
|
|
@@ -586,20 +586,20 @@ var selectSideNotifications = createSelector(selectNotifications, function (noti
|
|
|
586
586
|
});
|
|
587
587
|
|
|
588
588
|
var getStyles = function getStyles(props) {
|
|
589
|
-
var baseStyles = /*#__PURE__*/css("color:", customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
589
|
+
var baseStyles = /*#__PURE__*/css("color:", customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Im5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRBcHBOb3RpZmljYXRpb25Eb21haW4gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBOT1RJRklDQVRJT05fRE9NQUlOUyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgZG9tYWluOiBUQXBwTm90aWZpY2F0aW9uRG9tYWluO1xufTtcblxuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxOTk5OTtcbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlBBR0U6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlNJREU6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7IGdldFN0eWxlcyB9O1xuIl19 */");
|
|
590
590
|
|
|
591
591
|
switch (props.domain) {
|
|
592
592
|
case NOTIFICATION_DOMAINS.GLOBAL:
|
|
593
|
-
return /*#__PURE__*/css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
593
|
+
return /*#__PURE__*/css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
594
594
|
|
|
595
595
|
case NOTIFICATION_DOMAINS.PAGE:
|
|
596
|
-
return /*#__PURE__*/css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
596
|
+
return /*#__PURE__*/css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
597
597
|
|
|
598
598
|
case NOTIFICATION_DOMAINS.SIDE:
|
|
599
|
-
return /*#__PURE__*/css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
599
|
+
return /*#__PURE__*/css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
600
600
|
|
|
601
601
|
default:
|
|
602
|
-
return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
602
|
+
return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
603
603
|
}
|
|
604
604
|
};
|
|
605
605
|
|
|
@@ -618,6 +618,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
618
618
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
619
619
|
var notifications = useSelector(selectGlobalNotifications);
|
|
620
620
|
return jsx("div", {
|
|
621
|
+
id: "notifications-".concat(props.domain),
|
|
621
622
|
css: getStyles(props),
|
|
622
623
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
623
624
|
// 1. Check if there is a custom notification component first
|
|
@@ -683,6 +684,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
683
684
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
684
685
|
var notifications = useSelector(selectPageNotifications);
|
|
685
686
|
return jsx("div", {
|
|
687
|
+
id: "notifications-".concat(props.domain),
|
|
686
688
|
css: getStyles(props),
|
|
687
689
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
688
690
|
// 1. Check if there is a custom notification component first
|
|
@@ -756,6 +758,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
756
758
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
757
759
|
var notifications = useSelector(selectSideNotifications);
|
|
758
760
|
return jsx("div", {
|
|
761
|
+
id: "notifications-".concat(props.domain),
|
|
759
762
|
css: getStyles(props),
|
|
760
763
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
761
764
|
// 1. Check if there is a custom notification component first
|
|
@@ -844,4 +847,4 @@ Notifier.propTypes = {
|
|
|
844
847
|
Notifier.displayName = 'Notifier';
|
|
845
848
|
Notifier.defaultProps = defaultProps;
|
|
846
849
|
|
|
847
|
-
export { ApiErrorMessage, Notification, NotificationProviderForCustomComponent, NotificationsList, Notifier, selectPageNotifications, version };
|
|
850
|
+
export { ApiErrorMessage, Notification, NotificationProviderForCustomComponent, NotificationsList, Notifier, selectGlobalNotifications, selectPageNotifications, selectSideNotifications, version };
|
|
@@ -2,6 +2,7 @@ export { default as version } from './version';
|
|
|
2
2
|
export * from './export-types';
|
|
3
3
|
export { default as NotificationProviderForCustomComponent } from './components/map-notification-to-component';
|
|
4
4
|
export { default as Notification } from './components/notification';
|
|
5
|
-
export { default as NotificationsList
|
|
5
|
+
export { default as NotificationsList } from './components/notifications-list';
|
|
6
|
+
export { selectSideNotifications, selectGlobalNotifications, selectPageNotifications, } from './components/notifications-list/selectors';
|
|
6
7
|
export { default as Notifier } from './components/notifier';
|
|
7
8
|
export { default as ApiErrorMessage } from './components/notification-kinds/api-error-message';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/react-notifications",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.4.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": {
|
|
@@ -18,40 +18,40 @@
|
|
|
18
18
|
"module": "dist/commercetools-frontend-react-notifications.esm.js",
|
|
19
19
|
"files": ["dist", "package.json", "LICENSE", "README.md"],
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@babel/runtime": "^7.17.
|
|
22
|
-
"@babel/runtime-corejs3": "^7.17.
|
|
23
|
-
"@commercetools-frontend/actions-global": "21.3.
|
|
24
|
-
"@commercetools-frontend/constants": "21.3.
|
|
25
|
-
"@commercetools-frontend/notifications": "21.3.
|
|
26
|
-
"@commercetools-frontend/sentry": "21.3.
|
|
27
|
-
"@commercetools-uikit/design-system": "^
|
|
28
|
-
"@commercetools-uikit/hooks": "^
|
|
29
|
-
"@commercetools-uikit/icon-button": "^
|
|
30
|
-
"@commercetools-uikit/icons": "^
|
|
31
|
-
"@commercetools-uikit/spacings": "^
|
|
32
|
-
"@commercetools-uikit/utils": "^
|
|
33
|
-
"@emotion/react": "11.
|
|
21
|
+
"@babel/runtime": "^7.17.9",
|
|
22
|
+
"@babel/runtime-corejs3": "^7.17.9",
|
|
23
|
+
"@commercetools-frontend/actions-global": "21.3.4",
|
|
24
|
+
"@commercetools-frontend/constants": "21.3.4",
|
|
25
|
+
"@commercetools-frontend/notifications": "21.3.4",
|
|
26
|
+
"@commercetools-frontend/sentry": "21.3.4",
|
|
27
|
+
"@commercetools-uikit/design-system": "^15.0.0",
|
|
28
|
+
"@commercetools-uikit/hooks": "^15.0.0",
|
|
29
|
+
"@commercetools-uikit/icon-button": "^15.0.0",
|
|
30
|
+
"@commercetools-uikit/icons": "^15.0.0",
|
|
31
|
+
"@commercetools-uikit/spacings": "^15.0.0",
|
|
32
|
+
"@commercetools-uikit/utils": "^15.0.0",
|
|
33
|
+
"@emotion/react": "11.9.0",
|
|
34
34
|
"@emotion/styled": "11.8.1",
|
|
35
35
|
"@types/history": "4.7.11",
|
|
36
36
|
"@types/lodash": "^4.14.181",
|
|
37
|
-
"@types/prop-types": "^15.7.
|
|
38
|
-
"@types/react": "^17.0.
|
|
39
|
-
"@types/react-dom": "^17.0.
|
|
37
|
+
"@types/prop-types": "^15.7.5",
|
|
38
|
+
"@types/react": "^17.0.44",
|
|
39
|
+
"@types/react-dom": "^17.0.15",
|
|
40
40
|
"@types/react-redux": "^7.1.23",
|
|
41
41
|
"@types/react-router": "^5.1.18",
|
|
42
42
|
"@types/react-router-dom": "^5.3.3",
|
|
43
43
|
"lodash": "4.17.21",
|
|
44
|
-
"moment": "^2.29.
|
|
44
|
+
"moment": "^2.29.2",
|
|
45
45
|
"moment-timezone": "^0.5.34",
|
|
46
46
|
"prop-types": "15.8.1",
|
|
47
47
|
"reselect": "4.1.5"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@testing-library/react": "12.1.
|
|
50
|
+
"@testing-library/react": "12.1.5",
|
|
51
51
|
"react": "17.0.2",
|
|
52
52
|
"react-dom": "17.0.2",
|
|
53
|
-
"react-intl": "5.
|
|
54
|
-
"react-redux": "7.2.
|
|
53
|
+
"react-intl": "^5.25.0",
|
|
54
|
+
"react-redux": "7.2.8",
|
|
55
55
|
"react-router-dom": "5.3.0"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|