@commercetools-frontend/notifications 0.0.0-CRAFT-1791-20251006162610

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) commercetools GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,205 @@
+# @commercetools-frontend/notifications
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@commercetools-frontend/notifications"><img src="https://badgen.net/npm/v/@commercetools-frontend/notifications" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/notifications"><img src="https://badgen.net/npm/v/@commercetools-frontend/notifications/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/notifications"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/notifications" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
+</p>
+
+A general-purpose notification system built on top of redux.
+
+## Install
+
+```bash
+$ npm install --save @commercetools-frontend/notifications
+```
+
+## Action Creator
+
+### `addNotification(notification, [options])`
+
+#### Arguments
+
+1.  `notification` _(Object)_: This notification will get added to the list. See
+    `Notification`.
+1.  `[options]` _(Object)_: If specified, further customizes the behavior of the
+    notification.
+
+- `[dismissAfter = 0]` _(Number)_: dismiss the component after this duration
+  (milliseconds)
+- `[onDismiss]` _(Function)_: Callback which will get called with the
+  notification's `id` before it is dismissed.
+
+The payload must be a `Notification` object. The `id` will be added by the
+middleware automatically.
+
+#### Returns
+
+After dispatching a notification to the middleware a `notificationHandle` will
+be returned.
+
+```js
+{
+  id: Number,
+  dismiss: Function,
+}
+```
+
+#### Notification
+
+```js
+{
+  id: Number,
+}
+```
+
+A notification in the state will always have an `id` which gets added by the
+middleware automatically, plus any props passed as the payload on creation.
+
+#### Action Format
+
+```js
+{
+  type: 'ADD_NOTIFICATION',
+  payload: Object,
+  meta: {
+    dismissAfter: Number
+  }
+}
+```
+
+### `removeNotification(id)`
+
+#### Arguments
+
+1.  `id` _(Number)_: This notification will be removed
+
+#### Example action
+
+```js
+{
+  type: 'REMOVE_NOTIFICATION',
+  payload: Number,
+}
+```
+
+## Middleware
+
+The middleware
+
+- adds a unique `id` to every notification
+- handles scheduling removal of notifications specifying `dismissAfter`
+- returns a `notificationHandle` for each dispatched notification containing its
+  `id` and a `dismiss` function for convenience.
+
+### Integration
+
+```js
+import { createStore, applyMiddleware } from 'redux';
+import { middleware as notificationsMiddleware } from '@commercetools-frontend/notifications';
+import rootReducer from './reducers';
+
+// Note: this API requires redux@>=3.1.0
+const store = createStore(
+  rootReducer,
+  applyMiddleware(notificationsMiddleware)
+);
+```
+
+## Reducer
+
+Mount the reducer on your notifications store slice.
+
+### `reducer`
+
+#### Example
+
+```js
+combineReducers({
+  notifications: reducer,
+  ...more reducers here...
+})
+```
+
+## Action Types
+
+Although not required for use in the application, these are exported as well.
+
+- `ADD_NOTIFICATION`
+- `REMOVE_NOTIFICATION`
+
+They can be used for filtering out notification actions in the logger.
+
+## Usage
+
+### With React
+
+```js
+import React from 'react'
+import PropTypes from 'prop-types';
+import { removeNotification } from '@commercetools-frontend/notifications'
+
+// Accepts a notification map function,
+// which returns the component based on the notification.
+//
+// function mapNotificationToComponent (notification) {
+//   const map = {
+//     'success': SuccessNotification,
+//     'intercom': IntercomNotification,
+//   }
+//   return map[notification.kind] || InfoNotification
+// }
+//
+// accept notifications, which should come from connecting to the store
+
+class LeftNavigation extends React.PureComponent {
+  static propTypes: {
+    notifications: PropTypes.arrayOf(PropTypes.object).isRequired,
+    mapNotificationToComponent: PropTypes.func.isRequired,
+  };
+
+  render () {
+    return (
+      <div>
+        {
+          this.props.notifications.map(
+            notification => {
+              const Component = this.props.mapNotificationToComponent(notification)
+              const dismiss = () => removeNotification(notification.id)
+              return (
+                <Component
+                  key={notification.id}
+                  notification={notification}
+                  dismiss={dismiss}
+                />
+              )
+            }
+          )
+        }
+      </div>
+    )
+  };
+}
+```
+
+---
+
+- The notification system is unaware of the types of notifications you are going
+  to dispatch. It's recommended to call the types of notifications you have
+  `kind`, to not confuse it with Action Types.
+- The notification system is also unaware of the `domain`'s used in the
+  application. A domain is the part of the application where the notification
+  will be displayed. We currently have: `global`, `page` and `side`
+- `addNotification` is a low-level function. It's recommended to use it in your
+  own action-creators, and use your own action-creators in your application
+  exclusively calling `addNotification` behind the scenes.
+- to hide all notifications, iterate over the notifications in the state and
+  call `removeNotification(id)` on each one: `state.notifications.forEach(notif => removeNotification(notif.id))`. Simply resetting the state would lead to
+  the `onDismiss` callbacks not being fired.
+- It's entirely up to you to render the notifications. Connect to the store and
+  iterate over them.
+- If your notifications need to have different styles or even different React
+  components when rendering, use the `kind` to decide which component to render
+  or which style to use.
+- Since notifications are stored in the Redux store, they should be
+  serializeable. Avoid setting functions on notifications. Again, use the
+  `kind`, pass any required information and handle it in the component rendering
+  the notification.

package/dist/commercetools-frontend-notifications.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy1mcm9udGVuZC1ub3RpZmljYXRpb25zLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi9kZWNsYXJhdGlvbnMvc3JjL2luZGV4LmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

package/dist/commercetools-frontend-notifications.cjs.dev.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Map = require('@babel/runtime-corejs3/core-js-stable/map');
+var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Map__default = /*#__PURE__*/_interopDefault(_Map);
+var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+const ADD_NOTIFICATION = 'ADD_NOTIFICATION';
+const REMOVE_NOTIFICATION = 'REMOVE_NOTIFICATION';
+
+function addNotification(notification, meta) {
+  const action = {
+    type: ADD_NOTIFICATION,
+    payload: notification
+  };
+  if (meta) action.meta = meta;
+  return action;
+}
+function removeNotification(id) {
+  return {
+    type: REMOVE_NOTIFICATION,
+    payload: {
+      id
+    }
+  };
+}
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+// Force TS cast of generic action to TNotificationAction
+const isNotificationAction = action => {
+  var _context;
+  return _includesInstanceProperty__default["default"](_context = [ADD_NOTIFICATION, REMOVE_NOTIFICATION]).call(_context, action.type);
+};
+const dismissCallbacksMap = new _Map__default["default"]();
+let id = 0;
+const middleware = _ref => {
+  let dispatch = _ref.dispatch;
+  return next => action => {
+    if (!isNotificationAction(action)) {
+      return next(action);
+    }
+    switch (action.type) {
+      case ADD_NOTIFICATION:
+        {
+          id += 1;
+          const notification = _objectSpread(_objectSpread({}, action.payload), {}, {
+            id
+          });
+          const dismissCallback = () => {
+            dispatch(removeNotification(notification.id));
+          };
+          if (action.meta) {
+            if (action.meta.dismissAfter) _setTimeout__default["default"](dismissCallback, action.meta.dismissAfter);
+            if (typeof action.meta.onDismiss === 'function') dismissCallbacksMap.set(notification.id, action.meta.onDismiss);
+          }
+          const nextAction = _objectSpread(_objectSpread({}, action), {}, {
+            payload: notification,
+            dismiss: dismissCallback
+          });
+          return next(nextAction);
+        }
+      case REMOVE_NOTIFICATION:
+        {
+          const notificationId = action.payload.id;
+          const callback = dismissCallbacksMap.get(notificationId);
+          if (callback) callback(notificationId);
+          dismissCallbacksMap.delete(notificationId);
+          return next(action);
+        }
+      default:
+        return next(action);
+    }
+  };
+};
+
+function notificationsReducer() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+  if (!action || !action.type) return state;
+  switch (action.type) {
+    case ADD_NOTIFICATION:
+      {
+        return [action.payload, ...state];
+      }
+    case REMOVE_NOTIFICATION:
+      return _filterInstanceProperty__default["default"](state).call(state, notification => action.payload.id !== notification.id);
+    default:
+      return state;
+  }
+}
+
+exports.ADD_NOTIFICATION = ADD_NOTIFICATION;
+exports.REMOVE_NOTIFICATION = REMOVE_NOTIFICATION;
+exports.addNotification = addNotification;
+exports.middleware = middleware;
+exports.reducer = notificationsReducer;
+exports.removeNotification = removeNotification;
+exports.version = version;

package/dist/commercetools-frontend-notifications.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-notifications.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-notifications.cjs.dev.js");
+}

package/dist/commercetools-frontend-notifications.cjs.prod.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Map = require('@babel/runtime-corejs3/core-js-stable/map');
+var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Map__default = /*#__PURE__*/_interopDefault(_Map);
+var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+const ADD_NOTIFICATION = 'ADD_NOTIFICATION';
+const REMOVE_NOTIFICATION = 'REMOVE_NOTIFICATION';
+
+function addNotification(notification, meta) {
+  const action = {
+    type: ADD_NOTIFICATION,
+    payload: notification
+  };
+  if (meta) action.meta = meta;
+  return action;
+}
+function removeNotification(id) {
+  return {
+    type: REMOVE_NOTIFICATION,
+    payload: {
+      id
+    }
+  };
+}
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+// Force TS cast of generic action to TNotificationAction
+const isNotificationAction = action => {
+  var _context;
+  return _includesInstanceProperty__default["default"](_context = [ADD_NOTIFICATION, REMOVE_NOTIFICATION]).call(_context, action.type);
+};
+const dismissCallbacksMap = new _Map__default["default"]();
+let id = 0;
+const middleware = _ref => {
+  let dispatch = _ref.dispatch;
+  return next => action => {
+    if (!isNotificationAction(action)) {
+      return next(action);
+    }
+    switch (action.type) {
+      case ADD_NOTIFICATION:
+        {
+          id += 1;
+          const notification = _objectSpread(_objectSpread({}, action.payload), {}, {
+            id
+          });
+          const dismissCallback = () => {
+            dispatch(removeNotification(notification.id));
+          };
+          if (action.meta) {
+            if (action.meta.dismissAfter) _setTimeout__default["default"](dismissCallback, action.meta.dismissAfter);
+            if (typeof action.meta.onDismiss === 'function') dismissCallbacksMap.set(notification.id, action.meta.onDismiss);
+          }
+          const nextAction = _objectSpread(_objectSpread({}, action), {}, {
+            payload: notification,
+            dismiss: dismissCallback
+          });
+          return next(nextAction);
+        }
+      case REMOVE_NOTIFICATION:
+        {
+          const notificationId = action.payload.id;
+          const callback = dismissCallbacksMap.get(notificationId);
+          if (callback) callback(notificationId);
+          dismissCallbacksMap.delete(notificationId);
+          return next(action);
+        }
+      default:
+        return next(action);
+    }
+  };
+};
+
+function notificationsReducer() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+  if (!action || !action.type) return state;
+  switch (action.type) {
+    case ADD_NOTIFICATION:
+      {
+        return [action.payload, ...state];
+      }
+    case REMOVE_NOTIFICATION:
+      return _filterInstanceProperty__default["default"](state).call(state, notification => action.payload.id !== notification.id);
+    default:
+      return state;
+  }
+}
+
+exports.ADD_NOTIFICATION = ADD_NOTIFICATION;
+exports.REMOVE_NOTIFICATION = REMOVE_NOTIFICATION;
+exports.addNotification = addNotification;
+exports.middleware = middleware;
+exports.reducer = notificationsReducer;
+exports.removeNotification = removeNotification;
+exports.version = version;

package/dist/commercetools-frontend-notifications.esm.js

@@ -0,0 +1,102 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import _Map from '@babel/runtime-corejs3/core-js-stable/map';
+import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+const ADD_NOTIFICATION = 'ADD_NOTIFICATION';
+const REMOVE_NOTIFICATION = 'REMOVE_NOTIFICATION';
+
+function addNotification(notification, meta) {
+  const action = {
+    type: ADD_NOTIFICATION,
+    payload: notification
+  };
+  if (meta) action.meta = meta;
+  return action;
+}
+function removeNotification(id) {
+  return {
+    type: REMOVE_NOTIFICATION,
+    payload: {
+      id
+    }
+  };
+}
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Force TS cast of generic action to TNotificationAction
+const isNotificationAction = action => {
+  var _context;
+  return _includesInstanceProperty(_context = [ADD_NOTIFICATION, REMOVE_NOTIFICATION]).call(_context, action.type);
+};
+const dismissCallbacksMap = new _Map();
+let id = 0;
+const middleware = _ref => {
+  let dispatch = _ref.dispatch;
+  return next => action => {
+    if (!isNotificationAction(action)) {
+      return next(action);
+    }
+    switch (action.type) {
+      case ADD_NOTIFICATION:
+        {
+          id += 1;
+          const notification = _objectSpread(_objectSpread({}, action.payload), {}, {
+            id
+          });
+          const dismissCallback = () => {
+            dispatch(removeNotification(notification.id));
+          };
+          if (action.meta) {
+            if (action.meta.dismissAfter) _setTimeout(dismissCallback, action.meta.dismissAfter);
+            if (typeof action.meta.onDismiss === 'function') dismissCallbacksMap.set(notification.id, action.meta.onDismiss);
+          }
+          const nextAction = _objectSpread(_objectSpread({}, action), {}, {
+            payload: notification,
+            dismiss: dismissCallback
+          });
+          return next(nextAction);
+        }
+      case REMOVE_NOTIFICATION:
+        {
+          const notificationId = action.payload.id;
+          const callback = dismissCallbacksMap.get(notificationId);
+          if (callback) callback(notificationId);
+          dismissCallbacksMap.delete(notificationId);
+          return next(action);
+        }
+      default:
+        return next(action);
+    }
+  };
+};
+
+function notificationsReducer() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+  if (!action || !action.type) return state;
+  switch (action.type) {
+    case ADD_NOTIFICATION:
+      {
+        return [action.payload, ...state];
+      }
+    case REMOVE_NOTIFICATION:
+      return _filterInstanceProperty(state).call(state, notification => action.payload.id !== notification.id);
+    default:
+      return state;
+  }
+}
+
+export { ADD_NOTIFICATION, REMOVE_NOTIFICATION, addNotification, middleware, notificationsReducer as reducer, removeNotification, version };

package/dist/declarations/src/action-creators.d.ts

@@ -0,0 +1,3 @@
+import type { TNotificationMetaOptions, TRemoveNotificationAction, TNotification, TAddNotificationAction } from "./types.js";
+export declare function addNotification<Payload extends TNotification>(notification: Payload, meta?: TNotificationMetaOptions): TAddNotificationAction<Payload>;
+export declare function removeNotification(id: TNotification['id']): TRemoveNotificationAction;

package/dist/declarations/src/action-types.d.ts

@@ -0,0 +1,2 @@
+export declare const ADD_NOTIFICATION = "ADD_NOTIFICATION";
+export declare const REMOVE_NOTIFICATION = "REMOVE_NOTIFICATION";

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

@@ -0,0 +1,6 @@
+export { default as version } from "./version.js";
+export * from "./types.js";
+export { default as middleware } from "./middleware.js";
+export { default as reducer } from "./reducer.js";
+export { addNotification, removeNotification } from "./action-creators.js";
+export { ADD_NOTIFICATION, REMOVE_NOTIFICATION } from "./action-types.js";

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

@@ -0,0 +1,11 @@
+import type { Dispatch, MiddlewareAPI } from 'redux';
+import type { TNotification, TNotificationAction } from "./types.js";
+declare const middleware: <Payload extends TNotification>({ dispatch }: MiddlewareAPI) => (next: Dispatch<TNotificationAction<Payload>>) => (action: TNotificationAction<Payload>) => import("./types.js").TRemoveNotificationAction | {
+    payload: Payload & {
+        id: number;
+    };
+    dismiss: () => void;
+    meta?: import("./types.js").TNotificationMetaOptions;
+    type: "ADD_NOTIFICATION";
+};
+export default middleware;

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

@@ -0,0 +1,2 @@
+import type { TNotification, TNotificationAction, TNotificationState } from "./types.js";
+export default function notificationsReducer<Payload extends TNotification>(state: TNotificationState<Payload> | undefined, action: TNotificationAction<Payload>): TNotificationState<Payload>;

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

@@ -0,0 +1,22 @@
+import type { Action } from 'redux';
+import { ADD_NOTIFICATION, REMOVE_NOTIFICATION } from "./action-types.js";
+export type TNotification = {
+    id?: number;
+};
+export type TNotificationOnDismiss = (id: TNotification['id']) => void;
+export type TNotificationMetaOptions = {
+    dismissAfter?: number;
+    onDismiss?: TNotificationOnDismiss;
+};
+export interface TAddNotificationAction<Payload extends TNotification> extends Action<typeof ADD_NOTIFICATION> {
+    payload: Payload;
+    meta?: TNotificationMetaOptions;
+    dismiss?: () => void;
+    [key: string]: unknown;
+}
+export interface TRemoveNotificationAction extends Action<typeof REMOVE_NOTIFICATION> {
+    payload: TNotification;
+    [key: string]: unknown;
+}
+export type TNotificationAction<Payload extends TNotification> = TAddNotificationAction<Payload> | TRemoveNotificationAction;
+export type TNotificationState<Payload extends TNotification> = Payload[];

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

@@ -0,0 +1,2 @@
+declare const _default: "__@APPLICATION_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@commercetools-frontend/notifications",
+  "version": "0.0.0-CRAFT-1791-20251006162610",
+  "description": "A general-purpose notification system built on top of redux",
+  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/merchant-center-application-kit.git",
+    "directory": "packages/notifications"
+  },
+  "homepage": "https://docs.commercetools.com/merchant-center-customizations",
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-notifications.cjs.js",
+  "module": "dist/commercetools-frontend-notifications.esm.js",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15"
+  },
+  "devDependencies": {
+    "redux": "5.0.1"
+  },
+  "peerDependencies": {
+    "redux": "4.x || 5.x"
+  }
+}