@commercetools-frontend/actions-global 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,13 @@
+# @commercetools-frontend/actions-global
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@commercetools-frontend/actions-global"><img src="https://badgen.net/npm/v/@commercetools-frontend/actions-global" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/actions-global"><img src="https://badgen.net/npm/v/@commercetools-frontend/actions-global/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/actions-global"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/actions-global" 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>
+
+Global redux actions for Merchant Center customizations.
+
+## Install
+
+```bash
+$ npm install --save @commercetools-frontend/actions-global
+```

package/dist/commercetools-frontend-actions-global.cjs.d.ts

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

package/dist/commercetools-frontend-actions-global.cjs.dev.js

@@ -0,0 +1,226 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var history = require('@commercetools-frontend/browser-history');
+var constants = require('@commercetools-frontend/constants');
+var sentry = require('@commercetools-frontend/sentry');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
+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 isNumber = require('lodash/isNumber');
+var notifications = require('@commercetools-frontend/notifications');
+var react = require('react');
+var reactRedux = require('react-redux');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var history__default = /*#__PURE__*/_interopDefault(history);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
+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 isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(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$1(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function showNotification(notification) {
+  let meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (process.env.NODE_ENV !== 'production') if (notification.domain) {
+    var _context;
+    if (!_includesInstanceProperty__default["default"](_context = _Object$values__default["default"](constants.NOTIFICATION_DOMAINS)).call(_context, notification.domain))
+      // eslint-disable-next-line no-console
+      console.warn(`Unknown notification domain "${notification.domain}"`, notification);
+  }
+  // eslint-disable-next-line no-console
+  else console.warn('Notification is missing domain', notification);
+  let dismissAfter = meta.dismissAfter;
+  if (!isNumber__default["default"](dismissAfter)) dismissAfter = notification.kind === constants.NOTIFICATION_KINDS_SIDE.success ? 5000 : 0;
+  return notifications.addNotification(notification, _objectSpread$1(_objectSpread$1({}, meta), {}, {
+    dismissAfter
+  }));
+}
+
+function showApiErrorNotification(_ref) {
+  let errors = _ref.errors;
+  return showNotification({
+    id: 0,
+    domain: constants.DOMAINS.PAGE,
+    kind: 'api-error',
+    values: {
+      // NOTE: Some sources or errors (e.g. GraphQL) return an array or object.
+      // The cast into an array happens here so that consumers can pass both types.
+      errors: _Array$isArray__default["default"](errors) ? errors : [errors]
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function showUnexpectedErrorNotification() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    errorId = _ref.errorId;
+  return showNotification({
+    id: 0,
+    domain: constants.DOMAINS.PAGE,
+    kind: 'unexpected-error',
+    values: {
+      errorId
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function isApiError(error) {
+  return error.body !== undefined;
+}
+function handleActionError(error) {
+  return dispatch => {
+    // On production we send the errors to Sentry.
+    // eslint-disable-next-line no-console
+    if (window.app.env !== 'production') console.error(error, error instanceof Error && error.stack);
+    if (!isApiError(error)) {
+      const errorId = sentry.reportErrorToSentry(error);
+      return dispatch(showUnexpectedErrorNotification({
+        errorId
+      }));
+    }
+
+    // When unauthorized, log the user out.
+    if (error.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
+      history__default["default"].push(`/logout?reason=${constants.LOGOUT_REASONS.UNAUTHORIZED}`);
+    }
+
+    // We need to do the return, because if not we see an error notification
+    // The error is handled with the handleUnavailableResource HoC to show the PageNotFound component
+    // when the api returns 404
+    if (error.statusCode === constants.STATUS_CODES.NOT_FOUND) return null;
+    return dispatch(showApiErrorNotification({
+      errors: error.body.errors || [
+      // Pass a fallback error so that our error components can handle it
+      {
+        message: error.body.message
+      }]
+    }));
+  };
+}
+
+function hideAllPageNotifications() {
+  return {
+    type: constants.HIDE_ALL_PAGE_NOTIFICATIONS
+  };
+}
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+
+/**
+ * Dispatch a notification.
+ *
+ * @example
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+/**
+ * Dispatch a notification.
+ *
+ * @deprecated: Avoid passing the notification options here.
+ * Instead define them in the notification function itself.
+ *
+ * @example
+ * Bad:
+ * const showSuccessNotification = useShowNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ * });
+ * showSuccessNotification({
+ *   text: "All good!",
+ * });
+ *
+ * Good:
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+function useShowNotification(notificationFragment) {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback((content, meta) => {
+    const notification = showNotification(_objectSpread(_objectSpread({}, notificationFragment), content), meta);
+    return dispatch(notification);
+  }, [dispatch, notificationFragment]);
+}
+
+/**
+ * Dispatch an API error notification.
+ *
+ * @example
+ * const showApiErrorNotification = useShowApiErrorNotification();
+ * showApiErrorNotification({ errors });
+ */
+function useShowApiErrorNotification() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(options => dispatch(showApiErrorNotification(options)), [dispatch]);
+}
+
+/**
+ * Dispatch an unexpected error notification.
+ *
+ * @example
+ * const showUnexpectedErrorNotification = useShowUnexpectedErrorNotification();
+ * showUnexpectedErrorNotification({ errors });
+ */
+function useShowUnexpectedErrorNotification() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(options => dispatch(showUnexpectedErrorNotification(options)), [dispatch]);
+}
+
+function useHideAllPageNotifications() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(() => dispatch(hideAllPageNotifications()), [dispatch]);
+}
+
+function useOnActionError() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(error => dispatch(handleActionError(error)), [dispatch]);
+}
+
+exports.handleActionError = handleActionError;
+exports.hideAllPageNotifications = hideAllPageNotifications;
+exports.showApiErrorNotification = showApiErrorNotification;
+exports.showNotification = showNotification;
+exports.showUnexpectedErrorNotification = showUnexpectedErrorNotification;
+exports.useHideAllPageNotifications = useHideAllPageNotifications;
+exports.useOnActionError = useOnActionError;
+exports.useShowApiErrorNotification = useShowApiErrorNotification;
+exports.useShowNotification = useShowNotification;
+exports.useShowUnexpectedErrorNotification = useShowUnexpectedErrorNotification;
+exports.version = version;

package/dist/commercetools-frontend-actions-global.cjs.js

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

package/dist/commercetools-frontend-actions-global.cjs.prod.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var history = require('@commercetools-frontend/browser-history');
+var constants = require('@commercetools-frontend/constants');
+var sentry = require('@commercetools-frontend/sentry');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+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 isNumber = require('lodash/isNumber');
+var notifications = require('@commercetools-frontend/notifications');
+var react = require('react');
+var reactRedux = require('react-redux');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var history__default = /*#__PURE__*/_interopDefault(history);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+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 isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(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$1(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function showNotification(notification) {
+  let meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let dismissAfter = meta.dismissAfter;
+  if (!isNumber__default["default"](dismissAfter)) dismissAfter = notification.kind === constants.NOTIFICATION_KINDS_SIDE.success ? 5000 : 0;
+  return notifications.addNotification(notification, _objectSpread$1(_objectSpread$1({}, meta), {}, {
+    dismissAfter
+  }));
+}
+
+function showApiErrorNotification(_ref) {
+  let errors = _ref.errors;
+  return showNotification({
+    id: 0,
+    domain: constants.DOMAINS.PAGE,
+    kind: 'api-error',
+    values: {
+      // NOTE: Some sources or errors (e.g. GraphQL) return an array or object.
+      // The cast into an array happens here so that consumers can pass both types.
+      errors: _Array$isArray__default["default"](errors) ? errors : [errors]
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function showUnexpectedErrorNotification() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    errorId = _ref.errorId;
+  return showNotification({
+    id: 0,
+    domain: constants.DOMAINS.PAGE,
+    kind: 'unexpected-error',
+    values: {
+      errorId
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function isApiError(error) {
+  return error.body !== undefined;
+}
+function handleActionError(error) {
+  return dispatch => {
+    // On production we send the errors to Sentry.
+    // eslint-disable-next-line no-console
+    if (window.app.env !== 'production') console.error(error, error instanceof Error && error.stack);
+    if (!isApiError(error)) {
+      const errorId = sentry.reportErrorToSentry(error);
+      return dispatch(showUnexpectedErrorNotification({
+        errorId
+      }));
+    }
+
+    // When unauthorized, log the user out.
+    if (error.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
+      history__default["default"].push(`/logout?reason=${constants.LOGOUT_REASONS.UNAUTHORIZED}`);
+    }
+
+    // We need to do the return, because if not we see an error notification
+    // The error is handled with the handleUnavailableResource HoC to show the PageNotFound component
+    // when the api returns 404
+    if (error.statusCode === constants.STATUS_CODES.NOT_FOUND) return null;
+    return dispatch(showApiErrorNotification({
+      errors: error.body.errors || [
+      // Pass a fallback error so that our error components can handle it
+      {
+        message: error.body.message
+      }]
+    }));
+  };
+}
+
+function hideAllPageNotifications() {
+  return {
+    type: constants.HIDE_ALL_PAGE_NOTIFICATIONS
+  };
+}
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+
+/**
+ * Dispatch a notification.
+ *
+ * @example
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+/**
+ * Dispatch a notification.
+ *
+ * @deprecated: Avoid passing the notification options here.
+ * Instead define them in the notification function itself.
+ *
+ * @example
+ * Bad:
+ * const showSuccessNotification = useShowNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ * });
+ * showSuccessNotification({
+ *   text: "All good!",
+ * });
+ *
+ * Good:
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+function useShowNotification(notificationFragment) {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback((content, meta) => {
+    const notification = showNotification(_objectSpread(_objectSpread({}, notificationFragment), content), meta);
+    return dispatch(notification);
+  }, [dispatch, notificationFragment]);
+}
+
+/**
+ * Dispatch an API error notification.
+ *
+ * @example
+ * const showApiErrorNotification = useShowApiErrorNotification();
+ * showApiErrorNotification({ errors });
+ */
+function useShowApiErrorNotification() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(options => dispatch(showApiErrorNotification(options)), [dispatch]);
+}
+
+/**
+ * Dispatch an unexpected error notification.
+ *
+ * @example
+ * const showUnexpectedErrorNotification = useShowUnexpectedErrorNotification();
+ * showUnexpectedErrorNotification({ errors });
+ */
+function useShowUnexpectedErrorNotification() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(options => dispatch(showUnexpectedErrorNotification(options)), [dispatch]);
+}
+
+function useHideAllPageNotifications() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(() => dispatch(hideAllPageNotifications()), [dispatch]);
+}
+
+function useOnActionError() {
+  const dispatch = reactRedux.useDispatch();
+  return react.useCallback(error => dispatch(handleActionError(error)), [dispatch]);
+}
+
+exports.handleActionError = handleActionError;
+exports.hideAllPageNotifications = hideAllPageNotifications;
+exports.showApiErrorNotification = showApiErrorNotification;
+exports.showNotification = showNotification;
+exports.showUnexpectedErrorNotification = showUnexpectedErrorNotification;
+exports.useHideAllPageNotifications = useHideAllPageNotifications;
+exports.useOnActionError = useOnActionError;
+exports.useShowApiErrorNotification = useShowApiErrorNotification;
+exports.useShowNotification = useShowNotification;
+exports.useShowUnexpectedErrorNotification = useShowUnexpectedErrorNotification;
+exports.version = version;

package/dist/commercetools-frontend-actions-global.esm.js

@@ -0,0 +1,196 @@
+import history from '@commercetools-frontend/browser-history';
+import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_SIDE, DOMAINS, STATUS_CODES, LOGOUT_REASONS, HIDE_ALL_PAGE_NOTIFICATIONS } from '@commercetools-frontend/constants';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
+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 isNumber from 'lodash/isNumber';
+import { addNotification } from '@commercetools-frontend/notifications';
+import { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "24.7.2";
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$1(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function showNotification(notification) {
+  let meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (process.env.NODE_ENV !== 'production') if (notification.domain) {
+    var _context;
+    if (!_includesInstanceProperty(_context = _Object$values(NOTIFICATION_DOMAINS)).call(_context, notification.domain))
+      // eslint-disable-next-line no-console
+      console.warn(`Unknown notification domain "${notification.domain}"`, notification);
+  }
+  // eslint-disable-next-line no-console
+  else console.warn('Notification is missing domain', notification);
+  let dismissAfter = meta.dismissAfter;
+  if (!isNumber(dismissAfter)) dismissAfter = notification.kind === NOTIFICATION_KINDS_SIDE.success ? 5000 : 0;
+  return addNotification(notification, _objectSpread$1(_objectSpread$1({}, meta), {}, {
+    dismissAfter
+  }));
+}
+
+function showApiErrorNotification(_ref) {
+  let errors = _ref.errors;
+  return showNotification({
+    id: 0,
+    domain: DOMAINS.PAGE,
+    kind: 'api-error',
+    values: {
+      // NOTE: Some sources or errors (e.g. GraphQL) return an array or object.
+      // The cast into an array happens here so that consumers can pass both types.
+      errors: _Array$isArray(errors) ? errors : [errors]
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function showUnexpectedErrorNotification() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    errorId = _ref.errorId;
+  return showNotification({
+    id: 0,
+    domain: DOMAINS.PAGE,
+    kind: 'unexpected-error',
+    values: {
+      errorId
+    }
+  }, {
+    dismissAfter: 0
+  });
+}
+
+function isApiError(error) {
+  return error.body !== undefined;
+}
+function handleActionError(error) {
+  return dispatch => {
+    // On production we send the errors to Sentry.
+    // eslint-disable-next-line no-console
+    if (window.app.env !== 'production') console.error(error, error instanceof Error && error.stack);
+    if (!isApiError(error)) {
+      const errorId = reportErrorToSentry(error);
+      return dispatch(showUnexpectedErrorNotification({
+        errorId
+      }));
+    }
+
+    // When unauthorized, log the user out.
+    if (error.statusCode === STATUS_CODES.UNAUTHORIZED) {
+      history.push(`/logout?reason=${LOGOUT_REASONS.UNAUTHORIZED}`);
+    }
+
+    // We need to do the return, because if not we see an error notification
+    // The error is handled with the handleUnavailableResource HoC to show the PageNotFound component
+    // when the api returns 404
+    if (error.statusCode === STATUS_CODES.NOT_FOUND) return null;
+    return dispatch(showApiErrorNotification({
+      errors: error.body.errors || [
+      // Pass a fallback error so that our error components can handle it
+      {
+        message: error.body.message
+      }]
+    }));
+  };
+}
+
+function hideAllPageNotifications() {
+  return {
+    type: HIDE_ALL_PAGE_NOTIFICATIONS
+  };
+}
+
+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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/**
+ * Dispatch a notification.
+ *
+ * @example
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+/**
+ * Dispatch a notification.
+ *
+ * @deprecated: Avoid passing the notification options here.
+ * Instead define them in the notification function itself.
+ *
+ * @example
+ * Bad:
+ * const showSuccessNotification = useShowNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ * });
+ * showSuccessNotification({
+ *   text: "All good!",
+ * });
+ *
+ * Good:
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+
+function useShowNotification(notificationFragment) {
+  const dispatch = useDispatch();
+  return useCallback((content, meta) => {
+    const notification = showNotification(_objectSpread(_objectSpread({}, notificationFragment), content), meta);
+    return dispatch(notification);
+  }, [dispatch, notificationFragment]);
+}
+
+/**
+ * Dispatch an API error notification.
+ *
+ * @example
+ * const showApiErrorNotification = useShowApiErrorNotification();
+ * showApiErrorNotification({ errors });
+ */
+function useShowApiErrorNotification() {
+  const dispatch = useDispatch();
+  return useCallback(options => dispatch(showApiErrorNotification(options)), [dispatch]);
+}
+
+/**
+ * Dispatch an unexpected error notification.
+ *
+ * @example
+ * const showUnexpectedErrorNotification = useShowUnexpectedErrorNotification();
+ * showUnexpectedErrorNotification({ errors });
+ */
+function useShowUnexpectedErrorNotification() {
+  const dispatch = useDispatch();
+  return useCallback(options => dispatch(showUnexpectedErrorNotification(options)), [dispatch]);
+}
+
+function useHideAllPageNotifications() {
+  const dispatch = useDispatch();
+  return useCallback(() => dispatch(hideAllPageNotifications()), [dispatch]);
+}
+
+function useOnActionError() {
+  const dispatch = useDispatch();
+  return useCallback(error => dispatch(handleActionError(error)), [dispatch]);
+}
+
+export { handleActionError, hideAllPageNotifications, showApiErrorNotification, showNotification, showUnexpectedErrorNotification, useHideAllPageNotifications, useOnActionError, useShowApiErrorNotification, useShowNotification, useShowUnexpectedErrorNotification, version };

package/dist/declarations/src/actions/handle-action-error.d.ts

@@ -0,0 +1,27 @@
+import type { ThunkDispatch } from 'redux-thunk';
+import type { TAppNotificationApiError, TStatusCode } from '@commercetools-frontend/constants';
+import showApiErrorNotification from "./show-api-error-notification.js";
+import showUnexpectedErrorNotification from "./show-unexpected-error-notification.js";
+type ApiError = {
+    statusCode: TStatusCode;
+    body: {
+        message: string;
+        errors?: TAppNotificationApiError | TAppNotificationApiError[];
+    };
+};
+export type ActionError = Error | ApiError;
+export type DispatchActionError = ThunkDispatch<null, null, ReturnType<typeof showApiErrorNotification> | ReturnType<typeof showUnexpectedErrorNotification>>;
+export default function handleActionError(error: ActionError): (dispatch: DispatchActionError) => import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: import("@commercetools-frontend/constants").TAppNotificationValuesApiError<{}> | undefined;
+} & import("@commercetools-frontend/notifications").TNotification> | import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: import("@commercetools-frontend/constants").TAppNotificationValuesUnexpectedError | undefined;
+} & import("@commercetools-frontend/notifications").TNotification> | null;
+export {};

package/dist/declarations/src/actions/hide-all-page-notifications.d.ts

@@ -0,0 +1,6 @@
+import { HIDE_ALL_PAGE_NOTIFICATIONS } from '@commercetools-frontend/constants';
+type HideAllPageNotificationAction = {
+    type: typeof HIDE_ALL_PAGE_NOTIFICATIONS;
+};
+export default function hideAllPageNotifications(): HideAllPageNotificationAction;
+export {};

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

@@ -0,0 +1,5 @@
+export { default as handleActionError } from "./handle-action-error.js";
+export { default as hideAllPageNotifications } from "./hide-all-page-notifications.js";
+export { default as showApiErrorNotification } from "./show-api-error-notification.js";
+export { default as showNotification } from "./show-notification.js";
+export { default as showUnexpectedErrorNotification } from "./show-unexpected-error-notification.js";

package/dist/declarations/src/actions/show-api-error-notification.d.ts

@@ -0,0 +1,8 @@
+import type { TApiErrorNotificationOptions } from "../types.js";
+export default function showApiErrorNotification({ errors, }: TApiErrorNotificationOptions): import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: import("@commercetools-frontend/constants").TAppNotificationValuesApiError<{}> | undefined;
+} & import("@commercetools-frontend/notifications").TNotification>;

package/dist/declarations/src/actions/show-notification.d.ts

@@ -0,0 +1,3 @@
+import type { TNotificationMetaOptions, TNotification } from '@commercetools-frontend/notifications';
+import type { TShowNotification } from "../types.js";
+export default function showNotification<Notification extends TShowNotification>(notification: Notification, meta?: TNotificationMetaOptions): import("@commercetools-frontend/notifications").TAddNotificationAction<Notification & TNotification>;

package/dist/declarations/src/actions/show-unexpected-error-notification.d.ts

@@ -0,0 +1,8 @@
+import type { TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
+export default function showUnexpectedErrorNotification({ errorId, }?: TAppNotificationValuesUnexpectedError): import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: TAppNotificationValuesUnexpectedError | undefined;
+} & import("@commercetools-frontend/notifications").TNotification>;

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

@@ -0,0 +1,2 @@
+import type { DispatchActionError } from "./actions/handle-action-error.js";
+export type TDispatchActionError = DispatchActionError;

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

@@ -0,0 +1,5 @@
+export { default as useShowNotification } from "./use-show-notification.js";
+export { default as useShowApiErrorNotification } from "./use-show-api-error-notification.js";
+export { default as useShowUnexpectedErrorNotification } from "./use-show-unexpected-error-notification.js";
+export { default as useHideAllPageNotifications } from "./use-hide-all-page-notifications.js";
+export { default as useOnActionError } from "./use-on-action-error.js";

package/dist/declarations/src/hooks/use-hide-all-page-notifications.d.ts

@@ -0,0 +1,3 @@
+export default function useHideAllPageNotifications(): () => {
+    type: typeof import("@commercetools-frontend/constants").HIDE_ALL_PAGE_NOTIFICATIONS;
+};

package/dist/declarations/src/hooks/use-on-action-error.d.ts

@@ -0,0 +1,2 @@
+import type { ActionError } from "../actions/handle-action-error.js";
+export default function useOnActionError(): (error: ActionError) => import("redux").UnknownAction;

package/dist/declarations/src/hooks/use-show-api-error-notification.d.ts

@@ -0,0 +1,15 @@
+import type { TApiErrorNotificationOptions } from "../types.js";
+/**
+ * Dispatch an API error notification.
+ *
+ * @example
+ * const showApiErrorNotification = useShowApiErrorNotification();
+ * showApiErrorNotification({ errors });
+ */
+export default function useShowApiErrorNotification(): (options: TApiErrorNotificationOptions) => import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: import("@commercetools-frontend/constants").TAppNotificationValuesApiError<{}> | undefined;
+} & import("@commercetools-frontend/notifications").TNotification>;

package/dist/declarations/src/hooks/use-show-notification.d.ts

@@ -0,0 +1,41 @@
+import type { TNotificationMetaOptions, TAddNotificationAction, TNotification } from '@commercetools-frontend/notifications';
+import type { TShowNotification } from "../types.js";
+type TNotificationHook<Notification extends TShowNotification> = (content: Notification, meta?: TNotificationMetaOptions) => TAddNotificationAction<Notification & TNotification>;
+/**
+ * Dispatch a notification.
+ *
+ * @example
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+declare function useShowNotification<Notification extends TShowNotification>(): TNotificationHook<Notification>;
+/**
+ * Dispatch a notification.
+ *
+ * @deprecated: Avoid passing the notification options here.
+ * Instead define them in the notification function itself.
+ *
+ * @example
+ * Bad:
+ * const showSuccessNotification = useShowNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ * });
+ * showSuccessNotification({
+ *   text: "All good!",
+ * });
+ *
+ * Good:
+ * const showSuccessNotification = useShowNotification();
+ * showSuccessNotification({
+ *   domain: NOTIFICATION_DOMAINS.SIDE,
+ *   kind: NOTIFICATION_KINDS_SIDE.success,
+ *   text: "All good!",
+ * });
+ */
+declare function useShowNotification<Notification extends TShowNotification>(notificationFragment: Partial<Notification>): TNotificationHook<Notification>;
+export default useShowNotification;

package/dist/declarations/src/hooks/use-show-unexpected-error-notification.d.ts

@@ -0,0 +1,15 @@
+import type { TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
+/**
+ * Dispatch an unexpected error notification.
+ *
+ * @example
+ * const showUnexpectedErrorNotification = useShowUnexpectedErrorNotification();
+ * showUnexpectedErrorNotification({ errors });
+ */
+export default function useShowUnexpectedErrorNotification(): (options: TAppNotificationValuesUnexpectedError) => import("@commercetools-frontend/notifications").TAddNotificationAction<import("@commercetools-frontend/constants").TAppNotificationOfDomain & {
+    kind: import("@commercetools-frontend/constants").TAppNotificationKindPage;
+} & {
+    id: number;
+    text?: undefined;
+    values?: TAppNotificationValuesUnexpectedError | undefined;
+} & import("@commercetools-frontend/notifications").TNotification>;

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

@@ -0,0 +1,5 @@
+export { default as version } from "./version.js";
+export * from "./actions/index.js";
+export * from "./hooks/index.js";
+export * from "./types.js";
+export * from "./export-types.js";

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

@@ -0,0 +1,19 @@
+import type { TAppNotification, TAppNotificationDomain, TAppNotificationKind, TAppNotificationApiError, TAppNotificationValuesApiError, TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
+export type TShowNotification = {
+    domain: TAppNotificationDomain;
+    kind: TAppNotificationKind;
+    text?: string;
+};
+export type TApiErrorNotification = TAppNotification<{
+    domain: 'page';
+    kind: 'api-error';
+    values: TAppNotificationValuesApiError;
+}>;
+export type TUnexpectedErrorNotification = TAppNotification<{
+    domain: 'page';
+    kind: 'unexpected-error';
+    values: TAppNotificationValuesUnexpectedError;
+}>;
+export type TApiErrorNotificationOptions = {
+    errors: TAppNotificationApiError | TAppNotificationApiError[];
+};

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,55 @@
+{
+  "name": "@commercetools-frontend/actions-global",
+  "version": "0.0.0-CRAFT-1791-20251006162610",
+  "description": "Global redux actions for a MC application",
+  "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/actions-global"
+  },
+  "homepage": "https://docs.commercetools.com/merchant-center-customizations",
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-actions-global.cjs.js",
+  "module": "dist/commercetools-frontend-actions-global.esm.js",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15",
+    "@commercetools-frontend/browser-history": "0.0.0-CRAFT-1791-20251006162610",
+    "@commercetools-frontend/constants": "0.0.0-CRAFT-1791-20251006162610",
+    "@commercetools-frontend/notifications": "0.0.0-CRAFT-1791-20251006162610",
+    "@commercetools-frontend/sentry": "0.0.0-CRAFT-1791-20251006162610",
+    "@types/lodash": "^4.14.198",
+    "@types/react": "^19.0.3",
+    "@types/react-redux": "^7.1.26",
+    "lodash": "4.17.21",
+    "redux-thunk": "3.1.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.14",
+    "jest": "29.7.0",
+    "react": "19.0.0",
+    "react-redux": "9.2.0",
+    "redux": "5.0.1"
+  },
+  "peerDependencies": {
+    "react": "19.x",
+    "react-redux": "7.x || 9.x",
+    "redux": "4.x || 5.x"
+  }
+}